@font-face {
    font-family: 'Opensand_refular';
    src: url('../font/OpenSans-Regular.eot');
    src: local('☺'), url('../font/OpenSans-Regular.woff') format('woff'), url('../font/OpenSans-Regular.ttf') format('truetype'), url('../font/OpenSans-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Opensand_bold';
    src: url('../font/OpenSans-Bold.eot');
    src: local('☺'), url('../font/OpenSans-Bold.woff') format('woff'), url('../font/OpenSans-Bold.ttf') format('truetype'), url('../font/OpenSans-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Opensand_light';
    src: url('../font/OpenSans-Light.eot');
    src: local('☺'), url('../font/OpenSans-Light.woff') format('woff'), url('../font/OpenSans-Light.ttf') format('truetype'), url('../font/OpenSans-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima_rgl';
    src: url('../font/ProximaNova-Regular.eot');
    src: local('☺'), url('../font/ProximaNova-Regular.woff') format('woff'), url('../font/ProximaNova-Regular.ttf') format('truetype'), url('../font/ProximaNova-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima_b';
    src: url('../font/ProximaNova-Bold.eot');
    src: local('☺'), url('../font/ProximaNova-Bold.woff') format('woff'), url('../font/ProximaNova-Bold.ttf') format('truetype'), url('../font/ProximaNova-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima_l';
    src: url('../font/ProximaNova-Light.eot');
    src: local('☺'), url('../font/ProximaNova-Light.woff') format('woff'), url('../font/ProximaNova-Light.ttf') format('truetype'), url('../font/ProximaNova-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima_black';
    src: url('../font/ProximaNova-Black.eot');
    src: local('☺'), url('../font/ProximaNova-Black.woff') format('woff'), url('../font/ProximaNova-Black.ttf') format('truetype'), url('../font/ProximaNova-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

em {
	font-style: italic;
}

strong {
	font-family: 'Opensand_bold';
}

.centerbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-filter: blur(0);
}

html, body {
	width: 100%;
	min-height: 100%;
	background: #f7f7f7;
	color: #403f3f;
	font-size: 14px;
	font-family: 'Opensand_refular';
	overflow-x: hidden;
}
header {
	background: #fff;
	height: 95px;
	z-index: 99;
	position: relative;
	width: 100%;
}
	header nav {
		width: 1060px;
		margin: 0 auto;
	}
		#nav {}
			#nav li {
				float: left;
				position: relative;
				margin-left: 80px;
				font-size: 16px;
				color: #b4b2b2;
				line-height: 95px;
				padding: 0 3px;
			}
				#nav li a {
					color: #b4b2b2;
					text-transform: uppercase;
					display: block;
					font-family: 'Proxima_rgl';
				}
				#nav li a:hover,
				#nav li.active,
				#nav li.active a {
					color: #ba7b31;
				}
			#nav li:first-child {
				margin-left:20px;
			}
			#nav li span {
				position: absolute;
				left:0;
				top: -3px;
				width: 100%;
				height: 3px;
				background: #ba7b31;
				-webkit-transition: all 0.2s ease-in-out;
				   -moz-transition: all 0.2s ease-in-out;
				     -o-transition: all 0.2s ease-in-out;
				    -ms-transition: all 0.2s ease-in-out;
						transition: all 0.2s ease-in-out;
			}
				#nav li:hover span,
				#nav li.active span{
					top: 0;
				}
			#nav li.logo {
				width: 90px;
				height: 95px;
				background: url(../images/logo.jpg) no-repeat;
				font-size: 1px;
				text-indent: -99999px;
				display: block;
			}
footer {
	background: #fff;
	border-top: 1px solid #ebebeb;
	padding: 35px 0 20px 0;
	color: #8a8a8a;
	position: relative;
}
	footer .contain {
		max-width: 1060px;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
	}
	footer .communication {
		float: left;
		width: 30%;
	}
		.communication ul {}
		.communication ul li {
			/*height: 14px;*/
			padding-left: 23px;
			margin-bottom: 10px;
			line-height: 20px;
			font-size: 12px;
		}
		.communication ul .adress {
			background: url(../images/ico_adress.png) no-repeat ;
		}
		.communication ul .phone {
			background: url(../images/ico_phone.png) no-repeat ;
		}
		.communication ul .email {
			background: url(../images/ico_email.png) no-repeat ;
		}
	footer .links {
		float: right;
		width: 30%;
		text-align: right;
	}
		.links ul {
			padding-bottom: 15px;
		}
		.links ul li {
			display: inline-block;
			vertical-align: middle;
		}
		.links ul li:nth-child(2),
		.links ul li:nth-child(3){
			padding-left:7px;
			margin-left: 7px;
			border-left: 1px solid #ebebeb;
		}
		.links ul li:nth-child(3) {
			margin-right:40px;
		}
		.links ul li a {
			color: #ba7b31;
		}
		.links ul li:hover {
			opacity:.8;
		}
		.facebook,
		.flick,
		.linked {
			width: 22px;
			height: 22px;
			background: url(../images/ico_facebook.png) no-repeat;
			display: block;
		}
		.flick {
			background: url(../images/ico_flick.png) no-repeat;
		}
		.linked {
			background: url(../images/ico_linked.png) no-repeat;
		}

.banner {
	width: 100%;
	height: 270px;
	background: #000;
	opacity: 0;
	overflow: hidden;
}
	.banner-services,
	.banner_about,
	.banner_resources,
	.banner_projects,
	.banner_products {
		display: block;
		width: 100%;
		height: 100%;
		background-image: url(../images/banner_services.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 0;
		color: #fff;
		font-size: 65px;
		letter-spacing: 5px;
		font-family: 'Proxima_b';
		text-transform: uppercase;
		line-height: 270px;
		text-align: center;
		text-shadow: #BA7B2F 0px 0px 5px, #BA7B2F 0px 0px 5px,#BA7B2F 0px 0px 5px, #BA7B2F 0px 0px 5px,#BA7B2F 0px 0px 5px, #BA7B2F 0px 0px 5px,#BA7B2F 0px 0px 5px, #BA7B2F 0px 0px 5px;

	}
	.banner_about {
		background-image: url(../images/banner_about.jpg);
	}
	.banner_resources {
		background-image: url(../images/banner_resources.jpg);
	}
	.banner_projects {
		background-image: url(../images/banner_project.jpg);
	}
	.banner_products {
		background-image: url(../images/banner_products.jpg);
	}


#main {}
	.page {}





/********************************************************/
/*					     Home  					       */
/********************************************************/
#pHome{}
	#pHome .wrapper {
		/*position: relative;
		padding-top: 95px;*/
	}

	.parallax {
		position: relative;
		/*height: 770px;*/
		overflow: hidden;
		/*position: fixed;*/
		top: 0;
		left:0;
		width: 100%;

		/*-webkit-transition: height 0.5 ease;
		   -moz-transition: height 0.5 ease;
			 -o-transition: height 0.5 ease;
			-ms-transition: height 0.5 ease;
				transition: height 0.5 ease;*/
	}
	.banner-parallax {
		position: absolute;
		/*height: 100%;
		width: 100%;*/
		height: 100%;
		width: 100%;
		z-index: 1;
		background-color: #fff;
		/*background-image: url(../images/banner_homepage.jpg);
		background-size: 100%;*/
		/*background-position: 50% 50%;*/
	}
	.banner-parallax img {
		/*width: 100%;*/
		height: 100%;
	}

	.scrolling_text {
		width: 100%;
		position: absolute;
		bottom: 40px;
		color: #000;
		z-index: 100;
	}

	.scrolling_text span {
		text-transform: uppercase;
		color: #000;
		font-size: 26px;
		font-family: 'Proxima_b';
		position: absolute;
		left: 50%;
		text-align: center;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	.banner-home {
		position: relative;
		top: 0;
		left: 0;
		height: 675px;
		width: 100%;
		z-index: 2;
		-webkit-transition: height 0.5 ease;
		   -moz-transition: height 0.5 ease;
			 -o-transition: height 0.5 ease;
			-ms-transition: height 0.5 ease;
				transition: height 0.5 ease;
	}
	.banner-home h4 {
		position: absolute;
		top: 240px;
		left: 0;
		width: 100%;
		text-align: center;
		font-size: 62px;
		color: #fff;
		z-index: 2;
		text-transform: uppercase;
		font-family: 'Proxima_b';
		letter-spacing: 5px;
		opacity: 0

	}
	.banner-home h5 {
		position: absolute;
		top: 280px;
		left: 0;
		width: 100%;
		text-align: center;
		font-size: 28px;
		color: #fff;
		z-index: 3;
		font-family: Georgia;
		text-transform: none;
		font-style: italic;
		opacity: 0

	}
	.scrolldown {
		width: 107px;
		height: 57px;
		position: absolute;
		top: 400px;
		left: 50%;
		margin-left: -28px;
		background: url(../images/bg-scroll.png) no-repeat;
		opacity:0;
		z-index: 4;
	}
		.scrolldown span {
			width: 4px;
			height: 7px;
			border-radius: 5px;
			background: #fff;
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -2px;
			-webkit-animation: spin 2s linear 0s infinite;
			-moz-animation: spin 2s linear 0s infinite;
			animation: spin 2s linear 0s infinite;
		}

	.article-content {
		background: #fff;
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}
		.article-content .spacing {
			height: 60px;
		}
		.container {
			text-align: center;

		}

		.container .pic {
			height: 280px;
		}

		.container .contain {
			/*padding-left: 60px;
			padding-right: 60px;*/
			box-sizing: border-box;
			padding: 60px 60px;
		}
			.container h4 {
				text-transform:uppercase;
				color: #67707a;
				font-size:;
				padding-bottom: 35px;
				font-size: 32px;
				font-family: 'Proxima_b';
				letter-spacing: 2px;
			}
			.container > p {
				width: 900px;
				text-align: center;
				margin: 0 auto;
				font-size: 16px;
				color: #403f3f;
				padding-bottom: 35px;
			}
			.readmore {
				background: url(../images/read-more.png) no-repeat;
				padding-left: 32px;
				font-size: 16px;
				color: #ac6616;
				font-family: Georgia;
				font-style: italic;
				display: block;
				height: 24px;
				line-height: 24px;
				width: 180px;
				margin: 20px auto 0;
			}
				.readmore:hover {
					opacity: .8;
				}
			.pic {
				height: 565px;
				/*margin-top: 60px;*/
				position: relative;
				width: 100%;
				overflow: hidden;
			}
				.pic img {
					width: 100%;
					min-height: 280px;
				}
				.pic .arrow {
					position: absolute;
					top: 0;
					left: 50%;
					width: 40px;
					height: 20px;
					margin-left: -20px;
					z-index: 10;
					background: url(../images/arrow-home.png) no-repeat;
				}
				.pic ul {}
				.pic ul li {
					width: 33%;
					float: left;
					position: relative;
				}
					.pic ul li img {
						width: auto;
					}

				.pic ul li:nth-child(2) {
					width: 34%;
				}
					.pic ul li:nth-child(2) img {
						width: 100%;
					}
					.pic ul li .title {
						position: absolute;
						z-index: 5;
						top: 50%;
						width: 100%;
						text-align: center;
						color: #fff;
						font-size: 32px;
						letter-spacing: 2px;
						font-family: 'Proxima_b';
						text-transform: uppercase;
						text-shadow: 0 0 20px rgba(0,0,0,.5);
					}

	.home-contact {
		clear: both;
		overflow: hidden;
	}
		.home-contact li {
			width: 33%;
			float: left;
			text-align: center;
			padding-top: 70px;
			font-size: 14px;
			color: #8a8a8a;
		}
			.home-contact li strong,
			.home-contact li strong a {
				font-weight: normal;
				font-family: 'Proxima_b';
				color: #403f3f;
				display: block;
				padding-top: 10px;
			}
				.home-contact li strong a {
					padding: 0;
				}

		.home-contact .phone {
			background: url(../images/phone.png) no-repeat center top;
		}
		.home-contact .adress {
			background: url(../images/adress.png) no-repeat center top;
		}
		.home-contact .email {
			background: url(../images/email.png) no-repeat center top;
		}

	.form-contact {
		width: 540px;
		position: absolute;
		top: 105px;
		left: 50%;
		margin-left: -270px;
	}
		.form-contact > div {
			margin-bottom: 10px;
		}
		.form-contact .capcha {
			float:right;
			width: 142px ;
		}
		.form-contact input[type='text'] {
			border: 1px solid #ebebeb;
			background: #fff;
			padding: 11px 20px 10px 20px;
			height: 54px;
			font-size: 16px;
			font-family: 'Opensand_refular';
			display: block;
			width: 100%;
		}
		.form-contact input[type='submit'] {
			width: 100%;
			text-align: center;
			color: #fff;
			text-transform: uppercase;
			font-size: 26px;
			background: #b9884f;
			border: none;
			line-height: 62px;
			margin-top: 10px;
			font-family: 'Proxima_b';
			letter-spacing: 2px;
		}
			.form-contact input[type='submit']:hover {
				background: #a97941;
			}









/********************************************************/
/*					     Services  					    */
/********************************************************/
	#pServices {}

	#pServices .tabs {
		background: #fff;
		height: 80px;
		text-align: center;
	}
		#pServices .tabs li {
			width: 350px;
			float: none;
			text-align: center;
			display: inline-block;
		}
		.tab-content {
			width: 1060px;
			margin: 0 auto;
			padding: 50px 0;
			clear: both;
			overflow: hidden;
		}

		#pServices .tab-content ul {
			margin-bottom: 18px;
		}
			.tab-content h6 {
				color: #67707a;
				font-size: 18px;
				padding-bottom: 15px;
				text-transform: uppercase;
				font-weight: normal;
				font-family: 'Opensand_bold';
			}
			.tab-content p {
				font-size: 15px;
				padding-bottom: 15px;
			}
				.tab-content > ul > li {
					padding-bottom: 30px;
				}
					.tab-content > ul > li:last-child,
					.tab-content > ul > li:last-child p,
					.tab-content p:last-child {
						padding-bottom: 0;
					}
				.tab-content ol {
					padding-bottom: 15px;
				}
				.tab-content ol li {
					list-style: circle inside;
					padding-bottom: 10px;
				}

		.half{
			width: 50%;
			float: left;
			padding-top: 35px;
		}
			.half ol,
			.half ol li:last-child {
				padding: 0;
			}
		.quarter {
			width: 50%;
			float: left;
		}





/********************************************************/
/*					     About  					    */
/********************************************************/

#pAbout {}

	.block-about {
		width: 1060px;
		margin: 0 auto;
	}
	.about {
		padding: 55px 0;
		border-bottom: 1px solid #ebebeb;
		overflow: hidden;
	}

	.about .images {
		width: 35%;
		float: left;
		margin-right: 30px;
	}
		.about .images p {
			text-align: center;
		}
		.about .images img {
			width: 100%;
			margin-bottom: 10px;
		}
		.about .contain {
			padding-left: 35%;
			margin-left: 30px;
			text-align: justify;
		}

		.about .contain li {
			list-style-type: disc;
			margin-left: 25px;
		}

		.about p {
			padding-bottom: 20px;
		}
			.about p:last-child  {
				padding: 0;
			}

	.team {
		padding: 55px 0 30px 0;
		overflow: hidden;
		clear: both;
		border-bottom: 1px solid #ebebeb;
	}
	.list-team {}
	.list-team li {
		width: 50%;
		float: left;
		margin-bottom: 25px;
	}
		.list-team .thumb {
			width: 140px;
			height: 160px;
			float: left;
		}
		.list-team .info {
			padding: 20px 60px 0 0px
		}
			.list-team .info h5 {
				color: #ac6616;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-style: italic;
				font-weight: normal;
				padding-bottom: 20px;
				text-transform: none;
			}
			.list-team .info h5 span {
				font-family: 'Proxima_b';
				font-style:normal;
				color: #67707a;
				display: block;
				font-size: 18px;
				text-transform: uppercase;
			}

	.awards {
		padding: 55px 0;
	}
		.awards li {
			background: url(../images/ico_awward.png) no-repeat left top;
			padding-left: 40px;
			margin-bottom: 30px;
		}
		.awards li:last-child {
			margin-bottom: 0;
		}
			.awards li strong {
				color: #67707a;
				display: block;
				line-height: 15px;
			}



/********************************************************/
/*					     Resources  					*/
/********************************************************/

#pResources {
	background: #fff;
}

	.block-resources {
		width: 1060px;
		margin: 0 auto;
		padding: 50px 0;
		clear: both;
		overflow: hidden;
	}
		.faqs {
			float: left;
			width: 705px;
		}
		.become-dealer {
			float: right;
			width: 320px;
		}
			.become-dealer > p {
				padding-bottom: 40px;
			}
			.form-become-dealer > div {
				padding-bottom: 10px
			}
			.form-become-dealer .capcha {
				float:right;
				width: 200px ;
			}
			.become-dealer input[type='text'] {
				border: 1px solid #ebebeb;
				background: #fff;
				padding: 11px 20px 10px 20px;
				font-size: 15px;
				font-family: 'Opensand_refular';
				display: block;
				width: 100%;
			}
			.become-dealer input[type='submit'] {
				width: 100%;
				text-align: center;
				color: #fff;
				text-transform: uppercase;
				font-size: 20px;
				background: #b9884f;
				border: none;
				line-height: 48px;
				margin-top: 10px;
			}
				.become-dealer input[type='submit']:hover {
					opacity: .8;
				}

		.block-resources h6 {
			padding-bottom: 20px;
		}

	.sroll-faq {
		height: 300px;
		overflow: hidden;
	}
		.faqs .scrolled {
			width: 100%;
			height: 780px;
		}

	.showroom-list li {
		border-top: 1px solid #ebebeb;
		padding: 15px 0;
	}
		.showroom-list li h5 {
			color: #b9884f;
			font-size: 17px;
			text-transform: none;
		}
		.showroom-list li .phone {
			padding-left: 20px;
			background: url(../images/i_p.png) no-repeat left 3px;
			height: 18px;
			line-height: 18px;
		}
		.showroom-list li .email {
			padding-left: 20px;
			background: url(../images/i_m.png) no-repeat left 3px;
			height: 18px;
			line-height: 18px;
		}

	.listFaq {}
		.listFaq > li {
			border-top: 1px solid #ebebeb;
		}

	.listFaq li h3 {
		padding: 15px 30px;
		font-size: 16px;
		cursor: pointer;
		background: url(../images/ico_faq.png) no-repeat left 19px;
		color: #b9884f;
		font-family: 'Opensand_bold';
		font-weight: normal;
	}
		.listFaq li:hover h3 {
			opacity:.8;
		}

	.hCopy {
		overflow: hidden;
		display: none;
		border-top: 1px solid #ebebeb;
	}
		.hCopy .copy {
			font-size: 14px;
			padding:  20px 30px;
		}





/********************************************************/
/*					     Projects  					    */
/********************************************************/

#pProjects {}

	.block-projects {
		width: 1060px;
		margin: 0 auto;
		padding: 50px 0;
		clear: both;
		overflow: hidden;
	}
		.block-project {
			width: 705px;
			float: left;
		}
		.box-testimonial {
			width: 320px;
			float: right;
		}

	.filter {
		background: #fff;
		height: 79px;
		border-bottom: 1px solid #ebebeb;
	}

	.filter.video {
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}

		.filter .contain {
			/*width: 1060px;*/
			width: 1121px;
			margin: 0 auto;
			padding-left: 90px;

		}
			.filter label {
				font-size: 18px;
				font-family: 'Proxima_b';
				color: #67707a;
				line-height: 79px;
				text-transform: uppercase;
				display: block;
				float: left;
			}
			.filter input[type='submit'] {
				border: none;
				background: #b9884f;
				font-size: 18px;
				color: #fff;
				font-family: 'Opensand_refular';
				text-transform: uppercase;
				width: 170px;
				line-height: 42px;
				margin-top: 20px
			}
				.filter input[type='submit']:hover {
					opacity:.8;
				}

				.filter  .cp {
					line-height: 79px;
					font-family: 'Proxima_b';
					text-transform: uppercase;
					font-size: 18px;
				}
				.filter a {
					border: none;
					background: #b9884f;
					font-size: 14px;
					color: #fff;
					font-family: 'Proxima_b';
					text-transform: uppercase;
					width: 215px;
					line-height: 42px;
					margin-top: 20px;
					margin-left: 20px;
					display: inline-block;
					text-align: center;
					vertical-align: top;
				}
					.filter a:hover {
						opacity:.8;
					}

			.select-box {
				float: left;
				margin: 20px 25px 0 10px;
				width: 250px;
			}

	.project-list {}
		.project-list li {
			border: 1px solid #ebebeb;
			/*height: 145px;
			overflow: hidden;*/
			background: #fff;
			margin-bottom: 20px;
		}
		.project-list li .data ul {
			margin-bottom: 14px;
		}
		.project-list li .data li {
			border: none;
			background: transparent;
			margin-bottom: 2px;
			list-style-type: disc;
			margin-left: 18px;
		}
		.project-list .thumb {
			float: left;
			width: 195px;
			border-right: 1px solid #ebebeb;
		}
			.project-list .thumb img {width: 100%;}

		.project-list .data {
			padding: 20px 30px 0 215px;
		}
			.project-list .data h4 {
				font-family: 'Proxima_b';
				font-size: 18px;
				color: #333;
				text-transform: uppercase;
				padding: 0 0 10px 0;
				height: 30px;
				overflow: hidden;
			}
				.project-list .data h4 a {
					color: #333;
				}
				.project-list .data h4 a:hover {
					color: #b9884f;
				}
			.project-list .data p {
				/*height: 40px;
				overflow: hidden;*/
				margin-bottom: 13px;
			}
			.project-list .view-detail {
				border-top: 1px solid #ebebeb;
				margin-left: -20px;
				height: 40px;
				line-height: 40px;
			}
				.view-detail span {
					display: block;
					padding: 0 25px 0 45px;
					float: left;
					color: #b2bac3;
					font-size: 12px;
					font-family: 'Proxima_b';
				}
				.view-detail .time {
					background: url(../images/ico_state.png) no-repeat 25px center;
				}
				.view-detail .photo {
					background: url(../images/ico_photo.png) no-repeat 25px center;
				}
				.view-detail .link {
					border-left: 1px solid #ededed;
					width: 200px;
					text-align: center;
					padding: 0;
					float: right;
				}
					.view-detail .link a {
						display: block;
						color: #b9884f;
						font-family: 'Proxima_b';
						text-transform: uppercase;
						-webkit-transition: all 0.05s ease-in-out;
						   -moz-transition: all 0.05s ease-in-out;
							 -o-transition: all 0.05s ease-in-out;
							-ms-transition: all 0.05s ease-in-out;
								transition: all 0.05s ease-in-out;
					}
					.view-detail .link a:hover {
						background: #b9884f;
						color: #fff;
					}

	.testimonial {}
		.testimonial .thumb {
			width: 140px;
			height: 140px;
			border-radius: 50%;
			overflow: hidden;
			margin: 15px auto 20px;
		}
		.testimonial h5 {
			color: #ac6616;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-weight: normal;
			padding-bottom: 16px;
			text-transform: none;
			text-align: center;
		}
		.testimonial h5 span {
			font-family: 'Proxima_b';
			font-style:normal;
			color: #67707a;
			display: block;
			font-size: 18px;
			text-transform: uppercase;
		}
		.copy {
			font-size: 16px;
			padding: 55px 30px;
			position: relative;
		}
			.copy .l {
				position: absolute;
				top: 0;
				left: 0;
				background: url(../images/ico_testimonial_left.png);
				width: 25px;
				height: 18px;
			}
			.copy .r {
				position: absolute;
				bottom: 0;
				right: 30px;
				background: url(../images/ico_testimonial_right.png);
				width: 25px;
				height: 18px;
			}

	.block-projects .scrolled {
		width: 100%;
		/*height: 805px;*/
		height: auto;
	}

	.project-detail {
		display: ;
		position: absolute;
		left: 50%;
		top: 200px;
		margin-left: -360px;
		background: #fff;
		width: 720px;
		display: none;
	}
		.project-detail .contain {
			padding: 20px 20px 30px 20px;
		}
			.project-detail h6 {
				font-size: 24px;
				color: #403f3f;
				padding-bottom: 5px
			}
			.project-detail .time {
				background: url(../images/ico_time.png) no-repeat left 3px;
				padding: 0 0 20px 20px;
				font-size: 12px;
				color: #b2bac3;
				display: block;
			}
			.btn-close-sm {
				position: absolute;
				right: 20px;
				top: 20px;
				width: 22px;
				height: 22px;
				cursor: pointer;
				background: url(../images/btn-close-sm.png) no-repeat;
				-webkit-transition: all 0.2s ease-in-out;
				   -moz-transition: all 0.2s ease-in-out;
				     -o-transition: all 0.2s ease-in-out;
				    -ms-transition: all 0.2s ease-in-out;
						transition: all 0.2s ease-in-out;
			}
				.btn-close-sm:hover {
					-webkit-transform: rotate(180deg);
						 ms-transform: rotate(180deg);
							transform: rotate(180deg);
				}

			.area-button {
				position: absolute;
				left: 50%;
				bottom: 30px;
				margin-left: -45px;
			}
			.btn-prev,
			.btn-next {
				width: 37px;
				height: 37px;
				background: #fff;
				border-radius: 50%;
				display: inline-block;
				margin-right: 5px;
				cursor: pointer;
				-webkit-transition: all 0.2s ease-in-out;
				   -moz-transition: all 0.2s ease-in-out;
				     -o-transition: all 0.2s ease-in-out;
				    -ms-transition: all 0.2s ease-in-out;
						transition: all 0.2s ease-in-out;

			}
				.btn-prev:hover,
				.btn-next:hover {
					-webkit-transform: scale(1.1);
						 ms-transform: scale(1.1);
							transform: scale(1.1);
				}

.ovelay {
	background: rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	position: fixed;
	left:0;
	top: 0;
	display: none;
}

/********************************************************/
/*					     Projects  					    */
/********************************************************/

#pProducts {
	background: #fff;
}

#pProducts .desc {
	padding: 40px 80px 20px 80px;
	text-align: center;
}

	.block-products {
		width: 1080px;
		margin: 0 auto;
	}

	.og-grid li {
		width: 300px;
	}

	.og-grid li img {
		max-width: 90%;
		max-height: 90%;
		width: auto;
		margin: auto;
		/*top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);*/
	}

	.og-grid li .thumb {
		height: 231px;

	}
		/*.grid {
			clear: both;
			overflow: hidden;
		}
			.grid li {
				width: 265px;
				float: left;
				margin-bottom: 45px;
				text-align: center;
				opacity:1;
			}*/
			.block-products .name {
				font-size: 18px;
				color: #403f3f;
				font-family: 'Proxima_b';
				text-transform: uppercase;
				width: 90%;
  				margin: auto;
			}
			.block-products .price {
				font-size: 16px;
				color: #b9884f;
				height: 58px;
				display: none;
			}


	.product-detail {
		border-top: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
		padding: 100px 105px 150px 105px;
		clear: both;
		overflow: hidden;
		position: relative;
	}
		.product-detail .picture {
			width: 370px;
			float: left;
		}
		.product-detail .data {
			padding-left: 410px;
		}
			.data .select-box {
				margin: 0 20px 0 0;
				width: 220px;
			}
			.product-detail .data h4 {
				font-size: 26px;
				color: #403f3f;
				font-family: 'Proxima_b';
				text-transform: uppercase;
				padding-bottom: 10px;
			}
			.product-detail .price  {
				color: #b9884f;
				font-size: 26px;
				  font-family: 'Proxima_rgl';
			}
			.product-detail .copy  {
				font-size: ;
				padding: 35px 0 50px 0;
			}
			.add-to-cart {
				width: 200px;
				height: 43px;
				background: #b9884f;
				font-size: 18px;
				line-height: 42px;
				font-family: 'Proxima_b';
				color: #fff;
				display: block;
				float: left;
				text-transform: uppercase;
				text-align: center;
			}
				.add-to-cart:hover {
					opacity: .8;
				}
			.btn-close {
				position: absolute;
				right: 60px;
				top: 30px;
				width: 30px;
				height: 30px;
				cursor: pointer;
				background: url(../images/btn-close.png) no-repeat;
				-webkit-transition: all 0.2s ease-in-out;
				   -moz-transition: all 0.2s ease-in-out;
				     -o-transition: all 0.2s ease-in-out;
				    -ms-transition: all 0.2s ease-in-out;
						transition: all 0.2s ease-in-out;
			}
				.btn-close:hover {
					-webkit-transform: rotate(180deg);
						 ms-transform: rotate(180deg);
							transform: rotate(180deg);
				}


h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
h6 {
	color: #67707a;
	font-size: 24px;
	font-family: 'Proxima_b';
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 35px;
}
h5 {
	color: #ccc;
	font-size: 18px;
	font-family: 'Proxima_b';
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 15px;
	letter-spacing: 1px;
}

.etcp {
	position: absolute;
	bottom: 60px;
	right: 20px;
	z-index: 10;
}

#pAbout .testimonial {
	padding: 80px 0;
}

#pAbout .testimonial h5 {
	text-align: left;
}

#pAbout .testimonial span {
	text-align: left;
}

#pAbout .testimonial li {
	margin-bottom: 40px;
}

.spotlight {
	max-width: 1121px;
	margin: 0 auto;
	padding: 20px 0;
}

.spotlight .desc {
	text-align: center;
}

.spotlight h3 {
	font-family: 'Proxima_b';
	font-size: 24px;
	color: #333;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}

.spotlight .images {
	text-align: center;
	margin-bottom: 20px;
}


#pServices .banner {
	height: 320px;
}

#pServices .tab-content ul,
#pServices .tab-content li {
	list-style-type: disc;
	list-style-position: inside;

}

#pServices .tab-content li {
	padding: 2px;
	margin-left: -1px;
}