.site-wrapper{
	box-shadow: none;
	border-bottom: 1px solid #cdcdcd;
}
.zero-pixel .site-wrapper{
	border-bottom: none;
}
/*.site-left{
	padding: 0 7.5%;
}*/
.site-left,.site-right{
	text-align: left;
	padding: 0 7.5%;
}
.site-wrapper{
	border-bottom: none;
}
/* normal form -------------------------------------------------------------------------------------------------*/
	/* gallery form*/
		.gallery-wrapper ul {

		}
		.gallery-wrapper .category li{
			display: inline-block;
		}

		.gallery-wrapper ul li a{
			display: block;
		}
		.hover-categoryr{
			background: #cdcdcd;
			border-radius: 10px;
			padding: 0 8px;

			-webkit-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		.category-wrapper{
			position: relative;
			display: none;
		}
		.active-category{
			display: block !important;

		    -webkit-animation: show-gallery 2s ease;
		    -o-animation: show-gallery 2s ease;
		    animation: show-gallery 2s ease;
		    -moz-animation: show-gallery 2s ease;
		}
		.mini-wrapper{
			width: 1170px;
			position: relative;
			float: left;
			overflow: hidden;
		}
		.category-wrapper ul{
			float: left;
		}
		.category{
			margin-top: 72px !important;
			margin-bottom: 48px !important;
			padding-left: 0 !importants;
		}
		.category li {
			padding-left: 20px !important;
			padding-right: 20px !important;
		}
		.category li a{
			text-transform: uppercase;
			font: 16px/30px dosisregular;
		}
		.gallery-wrapper .category li a:hover{
			text-decoration: none !important;
		}
		.item-gallery{
			width: 100%;
			position: relative;
		}
		.item-gallery,.item-gallery li{
			padding: 0 !important;
		}
		.category-wrapper .item-gallery li{
			float: left;
			width: 25%;
			position: relative;
		}
		.category-wrapper .item-gallery li a{
			display: block;
			width: 100%;
			padding: 0 15px;
			margin-bottom: 30px;
			height: 262px;
			overflow: hidden;
		}
		.category-wrapper .item-gallery li a img{
			width: 100%;
		}
		.hover-item{
			background-color: #cdcdcd;
			opacity: 0.8;
		}
		.bullet-gallery{
			margin-left: calc(50% - 50px);
			margin-left: -moz-calc(50% - 50px);
		}
		.bullet-gallery .bullet{
			padding: 0 !important;
			margin: 0 !important;
		}
		.bullet-gallery .bullet li{
			padding: 0;
		}
		.bullet-gallery .bullet li a, .bullet-gallery .next, .bullet-gallery .previous{
			height: 30px;
			width: 30px;
			border: 1px solid #cdcdcd;
			display: block;
			text-align: center;
			font: 16px/16px dosisregular;
			float: left;
			margin-right: 10px;
			cursor: pointer;
		}
		.bullet-gallery .next{
			float: left;
			background: #656565 url(../images/btn_next.png) center center no-repeat;
		}
		.bullet-gallery .bullet{
			float: left;
		}
		.bullet-gallery .bullet li a{
			background-color: #eaeaea;
			line-height: 1.8;
		}
		.bullet-gallery .previous{
			background: #656565 url(../images/btn_prev.png) center center no-repeat;
			float: left;
		}
		.detail-item-wrapper {
			overflow: hidden;
			position: fixed;
			top: 0;
			display: none;
			z-index: 9999;
			-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.95);
			-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.95);
			box-shadow:0 0 10px rgba(0, 0, 0, 0.95);
		}
		.detail-item-wrapper-cover{
			display: none;
			position: fixed;
			background-color: #000;
			opacity: 0.88;
			z-index: 999;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		.detail-item {
			position: relative;
			margin-top: 0 !important;
			padding-left: 0 !important;
		}
		.detail-item li{
			float: left;
			padding-left: 0 !important;
			position: relative;
			display: none;
		}
		.detail-item li img{
			width: 100%;
		}
		.detail-btn{
			position: fixed;
			top: 50%;
			cursor: pointer;
			display: none;
			font-size: 36px !important;
			z-index: 9999;
			color: #eaeaea;
		}
		.detail-next{
			right: 50px;
		}
		.detail-previous{
			left: 50px;
		}
		.detail-close{
			right: 50px;
			top: 50px;
		}
		.enable-item-pagination li{
			display: block;
		}
	/*end gallery form*/
.pixel-textbox, .pixel-textarea{
	padding: 10px 16px;
	border: 1px solid #cdcdcd;
	background-color: #fcfcfc;
	margin: 12px 0;
	float: left;
	font: 14px/30px open_sansregular;
	color: #333;
}
.pixel-button{
	padding: 10px 22px;
	background-color: #cdcdcd;
	color: #333;
	text-transform: uppercase;
	-webkit-box-shadow: none;
	border: 1px solid #cdcdcd;
	font: 16px/30px dosisregular;
	margin-top: 48px;
	float: left;

	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pixel-button:hover{
	background-color: #696969;
	color: #fff;
}
.cover-px h2, .cover-px p,.cover-px ul li{
	text-shadow: none;
	text-align: left;
	color: #000;
}
.cover-px ul{
	list-style: none;
	margin: 10px 0;
	padding-left: 20px;
}
.cover-px ul li{
	padding-left: 40px;
	font: 20px/30px dosisregular;
}
.cover-px ul li a{
	color: #000;
}
.cover-px h2{
	font: 61px dosisregular;
	margin-bottom: 30px;
}
.cover-px p.title{
	margin-bottom: 10px;
	color: #333;
}
.cover-px p.title{

}
.cover-px p.summary{
	font: 20px/28px dosislight;
}
.cover-px h2 span, .cover-px p span{
	font-family: dosisregular;
}
ul li h3, a h3{
	font: 22px/30px open_sansregular;
	text-align: center;
}
p.title.title-style-01{
	font: 36px/72px dosisregular;
	text-transform: uppercase;
	width: 1000px;
	margin: 0 auto;
	border-bottom: 1px solid #969696;
	margin-top: 60px;
	text-align: center;
	padding: 20px 0;
}
p.title.title-style-02{
	font: 36px/36px dosislight;
}
p.title.title-style-03{
	font: 30px/10px dosisregular;
	margin-bottom: 36px;
}
p.title.title-style-04{
	font: 36px/36px dosislight;
	text-transform: uppercase;
}
p.title.title-style-05{
	font: 22px/28px dosisregular;
}
p.summary.title-style-01{
	color: #969696;
	margin-bottom: 60px;
	text-align: center;
	padding: 20px 0;
}
p.summary.title-style-02{
	color: #9d9d9d !important;
	text-align: left;
	font: 16px/20px open_sansregular;
	padding: 0;
}
.bottom-title{
	margin-top: 150px;
}
/* end normal form */
/* Fixing FIREFOX */
@-moz-document url-prefix() { 
	/* normal form FIREFOX-------------------------------------------------------------------------------------------------*/
	.cover-px ul li{
		font: 18px/22px dosisregular;

	}
	.cover-px h2{
		font: 41px dosisregular;
		margin-bottom: 20px;
	}
	.cover-px p.title{
		font: 28px dosisregular;
		margin-bottom: 10px;
	}
	.cover-px p.summary{
		font: 18px/22px dosisregular;
	}
	.cover-px h2 span, .cover-px p span{
		font-family: dosisregular;
	}
	.zero-pixel	.cover-px p span{
		font-family: pacificoregular;
	}
	/* end normal form */
}
/* normal form for IE11-------------------------------------------------------------------------------------------------*/
_:-ms-fullscreen, :root .cover-px ul li{
	font: 18px/22px dosisregular;

}
_:-ms-fullscreen, :root .cover-px h2{
	font: 41px dosisregular;
	margin-bottom: 20px;
}
_:-ms-fullscreen, :root .cover-px p.title{
	font: 28px dosisregular;
	margin-bottom: 10px;
}
_:-ms-fullscreen, :root .cover-px p.summary{
	font: 18px/22px dosisregular;
}
_:-ms-fullscreen, :root .cover-px h2 span, .cover-px p span{
	font-family: dosisregular;
}
_:-ms-fullscreen, :root .zero-pixel	.cover-px p span{
	font-family: pacificoregular;
}
/* end normal form */
/* home */

/* end home */
/* middle form -------------------------------------------------------------------------------------------------*/
.cover-px .cover-middle{
	padding: 3% 10%;
	text-align: center;
}
.cover-px .cover-middle h2, .cover-px .cover-middle p{
	text-align: center;
}
.cover-px .cover-middle h2{
	margin-bottom: 0;
}
/* end middle form */
/* commercial -------------------------------------------------------------------------------------------------*/
.commercial .pixel-wrapper{
	
}
.commercial .site-wrapper{
	border-bottom: none;
}
.commercial .pixel-01{
	background: #ffffff;
	padding-bottom: 120px;
	height: initial !important;
}
.wrapper-commercial{
	width: 1139px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	padding-top: 72px;
}
.wrapper-commercial .title,.wrapper-commercial .summary{
	padding-left: 15px;
	padding-right: 15px;
}
.wrapper-commercial .title{
	margin-top: 60px;
	text-transform: uppercase;
}
.wrapper-commercial .summary{
	margin-top: 20px;
}
.commercial .cover-px ul li{
	padding-left: 0;
}
.commercial .cover-px ul{
	padding-left: 0;
	margin: 0;
}
.commercial .mastnav{
	
}
.commercial .pixel-01 .rd-right a{
	display: block;
	width: 70%;
	text-decoration: none;
}
.commercial .pixel-01 .rd-right a img{
	width: 100%;

	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.commercial .rd-right a img:hover{
	border: 8px solid #837f76;
}
.commercial .pixel-01 .rd-right a h3{
	font: 14px/18px open_sansregular;
	text-align: center;
}
.commercial .wrapper-commercial .rd-right{
	height: 659px;
}
.commercial .wrapper-commercial .rd-right ul li{
	height: 220px;
}
.commercial .masthead-brand{
}
.commercial .masthead-nav > li > a{
	color: #fff;
	text-shadow: none;
}

.commercial .pixel-wrapper{
	background: url(../photos/commercial/01.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.commercial .pixel-02{
	
}
.commercial .pixel-03{

}

.commercial .cover-container .inner h2{
	font: 61px dosisregular;
	text-align: center;
	color: #000;
	margin-top: -30%;
}
@-moz-document url-prefix() { 
	.commercial .cover-container .inner h2{
		font: 41px dosisregular;
		margin-top: -20%;
	}
}
_:-ms-fullscreen, :root .commercial .cover-container .inner h2 {
	font: 41px dosisregular;
	margin-top: -20%;
}
/*.commercial .cover-container .inner h2,.commercial .cover-container .inner p{
	text-align: center;
	color: #000;
}
.commercial .cover-container .inner p.summary{
	font: 28.5px dosisregular;		
}
.commercial .cover-container .inner p.summary{
	font: 15px dosisregular;
}*/
.commercial .cover-heading span{
	color: #fff !important;
}
/* end commercial */
/* residential -------------------------------------------------------------------------------------------------*/
.residential .cover-container .inner .cover-heading{
	margin-bottom: 0;
}
.residential .pixel-wrapper{
	
}
.residential .site-wrapper{
	border-bottom: none;
}
.residential .pixel-01{
	background: #ffffff;
	padding-bottom: 120px;
	height: initial !important;
}
.wrapper-residential{
	width: 1139px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	padding-top: 72px;
}
.residential .wrapper-residential .rd-right{
	height: 659px !important;
}
.residential .wrapper-residential .rd-right ul li{
	height: 220px;
}
.wrapper-residential .title,.wrapper-residential .summary{
	padding-left: 15px;
	padding-right: 15px;
}
.wrapper-residential .title{
	margin-top: 60px;
	text-transform: uppercase;
}
.wrapper-residential .summary{
	margin-top: 20px;
	line-height: 1;
}
.residential .cover-px ul li{
	padding-left: 0;
}
.residential .cover-px ul{
	padding-left: 0;
	margin: 0;
}
.residential .mastnav{
	
}
.residential .pixel-01 .rd-right a{
	display: block;
	width: 70%;
	text-decoration: none;
}
.residential .pixel-01 .rd-right a img{
	width: 100%;

	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.residential .rd-right a img:hover{
	border: 8px solid #837f76;
}
.residential .pixel-01 .rd-right a h3{
	font: 14px/18px open_sansregular;
	text-align: center;
}

.residential .masthead-brand{
}
.residential .masthead-nav > li > a{
	color: #fff;
	text-shadow: none;
}

.residential .pixel-wrapper{
	background: url(../photos/residential/07.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.residential .pixel-02{
	
}
.residential .pixel-03{

}

.residential .cover-container .inner h2{
	font: 61px dosisregular;
	text-align: center;
	color: #000;
	margin-top: -30%;
}
@-moz-document url-prefix() { 
	.residential .cover-container .inner h2{
		font: 41px dosisregular;
		margin-top: -20%;
	}
}
_:-ms-fullscreen, :root .residential .cover-container .inner h2 {
	font: 41px dosisregular;
	margin-top: -20%;
}
/*.residential .cover-container .inner h2,.residential .cover-container .inner p{
	text-align: center;
	color: #000;
}
.residential .cover-container .inner p.summary{
	font: 28.5px dosisregular;		
}
.residential .cover-container .inner p.summary{
	font: 15px dosisregular;
}*/
.residential .cover-heading span{
	color: #fff !important;
}
/* end residential */
/* fabrication -------------------------------------------------------------------------------------------------*/
.fabrication .pixel-wrapper{
	background: url(../photos/fabrication/06.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.fabrication .pixel-01{
	height: initial !important;
	border-bottom: none;
	background-color: #fff;
}
.fabrication .pixel-02{
	height: initial !important;
	background-color: #fff;
}
.fabrication .cover-heading span {
	color: #fff !important;
	margin-bottom: 0;
}
.fabrication .pixel-01 .title, .fabrication .pixel-01 .summary{
	text-align: center;
	padding: 20px 0;
}
.fabrication .pixel-01 .title{
	text-transform: uppercase;
	width: 1000px;
	margin: 0 auto;
	border-bottom: 1px solid #969696;
	margin-top: 60px;
}
.fabrication .pixel-01 .summary{
	color: #969696;
	margin-bottom: 60px;
}
.wrapper-fabrication{
	width: 1583px;
	margin: 0 auto;
	position: relative;
}
.wrapper-fabrication ul{
	float: left;
	padding-left: 0;
}
.wrapper-fabrication ul li{
	float: left;
	position: relative;
	padding:0 20px;
}
.wrapper-fabrication ul li img{
	width: 100%;
}
.wrapper-fabrication ul li h3{
	font: 22px/30px open_sanslight; 
}
.wrapper-fabrication .fab-02{
	margin-left: 264px;
	padding-bottom: 72px;
}
.fabrication .pixel-02 .title{
	text-transform: uppercase;
	width: 1200px;
	margin: 0 auto;
	border-top: 1px solid #969696;
	padding: 60px 0;
	text-align: center;
}
.fabrication .pixel-02 img{
	display: block;
	width: 1447px;
	margin: 0 auto;
	margin-bottom: 90px;
}
/* end fabrication */
/* materials -------------------------------------------------------------------------------------------------*/
.materials .logo-branding-header{
	width: 1280px;
	height: 231px;
	background: url(../photos/materials/05.png) center center no-repeat;
	position: absolute;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    bottom: 120px;
}
.materials .cover-heading span {
  color: #fff !important;
  margin-bottom: 0;
}
.materials .pixel-wrapper{
	background: url(../photos/materials/01.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.materials .pixel-01{
	height: initial !important;
	border-bottom: none;
	background-color: #fff;
	padding-bottom: 90px;
}
.wrapper-materials{
	width: 1536px;
	margin: 0 auto;
	position: relative;
	border: 1px solid #cdcdcd
}
.wrapper-materials ul{
	float: left;
	padding-left: 0;
	margin: 0;
}
.wrapper-materials ul li{
	float: left;
	position: relative;
	padding-left: 0;
	height: 445px;
	overflow: hidden;
}
.wrapper-materials ul li img{
	width: 50%;
	float: left;
}
.materials .sub-title-wrapper{
	width: 50%;
	margin: 0 auto;
	position: relative;
	margin-top: 48px;
	padding: 3px 0;
	float: left;
}
.materials .sub-title-wrapper p{
	text-align: center;
}
.materials .sub-title-wrapper p.title{
	text-transform: uppercase;
}
.materials .sub-title-wrapper p.summary{
	font: 18px/30px open_sansregular;
}
/* end materials */
/* contact -------------------------------------------------------------------------------------------------*/
.contact .zero-pixel{
	background-color: #0e4c61;
	height: 510px !important;
}
.wrapper-contact{
	width: 1172px;
	margin: 0 auto;
}
.contact .cover-heading span{
	color: #fff;
}
.contact .pixel-01{
	height: 510px !important;
	background: url(../photos/contact/01.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.contact .pixel-02{
	height: initial !important;
	padding-bottom: 60px;
}
.contact .pixel-textbox, .contact .pixel-textarea{
	width: 100%;
}
.contact .pixel-textarea{
	height: 200px;
}
.contact ul li{
	padding: 0;
}
.contact ul li .info-contact p{
	float: left;
	margin-left: 72px;
}
.contact ul li .info-contact p.title{
	margin-top: 16px;
}
.contact ul li:nth-child(1) .info-contact p.summary{
	padding-bottom: 30px;
	border-bottom: 1px solid #cdcdcd;
}
.contact ul li:nth-child(1) .info-contact{
	background: url(../images/checkin_contact.png) 0px 16px no-repeat;
}
.contact ul li:nth-child(2) .info-contact{
	background: url(../images/phone_contact.png) 0px 16px no-repeat;
}
/* end contact */
/* gallery -------------------------------------------------------------------------------------------------*/
.gallery .rd-phone > a{
	color: #000;
	text-shadow: none;
}
.gallery .mastnav{
	position: static;
	background-color: #eeeeee !important;
}
.gallery .masthead-nav > li > a, .gallery a.rd-phone{
	color: #000 !important;
	text-shadow: none;
}
.gallery .rd-phone{
	border: 2px solid #333;
}
.gallery .pixel-01{
	height: initial !important;
	padding-bottom: 72px;
}
.gallery .zero-pixel{
	height: initial !important;
}
.gallery-wrapper{
	width: 1170px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
/* end gallery */
/*about*/
.about .zero-pixel{
	background: #fff url(../photos/about/01.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.about .pixel-01{
	height: initial !important;
	padding-bottom: 72px;
}
.about .pixel-01 p.summary.title-style-01{
	margin-bottom: 0;
	width: 1000px;
	margin: 0 auto;
}
.about .pixel-01 ul{
	margin-top: 20px;
	padding-left: 0 !important;
}
.about .pixel-01 ul li{
	display: inline-block;
	padding-right: 20px;
	padding-left: 0 !important;
}

.about .pixel-02{
	height: initial !important;
	background: #fff url(../photos/about/04.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 48px 0;
}
.about .pixel-02 p{
	text-align: center;
	color: #fff !important;
}
.about .pixel-02 img{
	margin: 36px 0;
	width: 100%;
	padding: 0 30px;
}
.about .pixel-03 {
	height: initial !important;
	background: #fff url() 0 0 no-repeat;
	padding-bottom: 72px;
}
.about .pixel-03 ul{
	margin-top: 60px;
}
.about .pixel-03 ul li{
	background: #fff url(../images/check_about.png) left center no-repeat;
}
.about-wrapper{
	width: 705px;
	margin: 0 auto;
	position: relative;
}
/*end about*/
/* thank you */
.thankyou .pixel-wrapper{
	background: url(../photos/thankyou.jpg) center center no-repeat;
	-webkit-background-size: cover;
	width: 100%;
	height: 100%;
	padding-top: 0 !important;
}
/* end thank you */