*{
	margin:0px;
	padding:0px;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
li{
	list-style-type:none;
}
.clearfix{
	clear:both;
}
img{
	max-width:100%;
	height:auto;
}
body{
	font-family: "Open Sans", sans-serif;
	color:#666666;	
}
header{
	margin:0 auto;
	width:100%;
	height:auto;
	position:absolute;
	z-index:99;
	margin-top:40px;
}
header .header-inner{
	margin:0 auto;
	width:100%;
	height:auto;
	max-width:1720px;
}
header .header-inner .logo{
	float:left;
}
header .header-inner .right-links{
	float:right;
}
header .header-inner .right-links li{
	display:inline-block;
	line-height:120px;
}
header .header-inner .right-links li a{
	color:#fff;
	font-size:26px;
	font-weight:700;
}
header .header-inner .right-links li.menu-toggle{
	margin-left:120px;
	cursor:pointer;
}
.banner-section{
	margin:0 auto;
	width:100%;
	height:auto;
	min-height:100vh;
	background:url(../images/banner-pic.jpg) center center no-repeat;
	position:relative;
}
/* .banner-section::after{
	content:' ';
	position:absolute;
	left:50%;
	bottom:0px;
	height:90px;
	width:2px;
	background:#fff;
	transform:translateX(-50%);
}
*/
.banner-section .banner-content{
	position:absolute;
	bottom:140px;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	max-width:580px;
	text-align:center;
	color:#fff;
}
.banner-section .banner-content h1{
	font-size:70px;
	line-height:100px;
	font-weight:800;
	margin-bottom:50px;
}
.banner-section .banner-content h4{
	font-size:30px;
	line-height:48px;
	font-weight:400;
}
.about-sect{
	margin:0 auto;
	width:100%;
	height:auto;
	background:#fff;
	padding:80px 0px;
	
}
.about-sect .about-top h2{
	font-size:56px;
	line-height:60px;
	font-weight:600;
	
	margin-bottom:10px;
	padding-bottom:5px;
	margin-left:-80px;	
}
.about-sect .about-top h2 span{
  background-image: linear-gradient(to right, #333, #000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display:inline-block;
}
.about-sect .about-top .about-content{
	padding-left:150px;
}
.about-sect .about-top .about-content h4{
	font-size:32px;
	line-height:56px;
	font-weight:200;
	color:#666666;
	margin:25px 0px;
}

.about-sect .about-top .about-content p{
	font-size:24px;
	line-height:42px;
	font-weight:400;
	color:#666666;
	/*max-width:680px;*/
}
.about-sect .about-bottom{
	margin-top:90px;
}
.about-sect .about-bottom ul{
	margin-left:-40px;
	margin-right:-40px;
}
.about-sect .about-bottom ul li{
	display:inline-block;
	margin-left:40px;
	margin-right:40px;
	width:calc(33% - 84px);
	vertical-align:top;
}
.about-sect .about-bottom ul li h3{
	font-size:28px;
	font-weight:700;
	margin:35px 0px 25px 0px;
}
.about-sect .about-bottom ul li p{
	font-size:22px;
	line-height:32px;
	font-weight:300;
}
.testimonial-section{
	margin:0 auto;
	width:100%;
	height:auto;
}
.testimonial-section{
	margin:0 auto;
	width:100%;
	height:auto;
	display:block;
}
.testimonial-section .testi-left{
	float:left;
	width:50%;
	margin-top:250px;
	margin-bottom:-250px;
}
.testimonial-section .testi-right{
	float:left;
	width:50%;
}
.testimonial-section .testi-left .testi-inner{
	background:url(../images/banner-pic2.jpg) center center no-repeat;
	width:100%;
	height:760px;
	position:relative;
}
.testimonial-section .testi-right .testi-inner{
	background:#adce0f;
	width:100%;
	height:760px;
	position:relative;
}
.testimonial-section .content-section{
	position:absolute;
	width:100%;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	max-width:680px;
	color:#fff;
}
.testimonial-section .testi-left .content-section p{
	font-size:30px;
	line-height:50px;
	font-weight:400;
	font-style:italic;
	position:relative;
	text-indent:42px;
}
.testimonial-section .testi-left .content-section p::before{
	content:' ';
	position:absolute;
	left:0px;
	top:4px;
	background:url(../images/quote-icon.png) left top no-repeat;
	width:36px;
	height:24px;
}

.testimonial-section .testi-right .content-section p{
	font-size:24px;
	line-height:42px;
	font-weight:300;
}
.testimonial-section .testi-right .content-section .testimonial-name h4{
	font-size:24px;
	line-height:32px;
	font-weight:600;
	margin-top:36px;	
}
.testimonial-section .testi-right .content-section .testimonial-name h5{
	font-size:20px;
	line-height:32px;
	font-weight:400;	
}
.project-section{
	margin:0 auto;
	width:100%;
	height:auto;
	padding:80px 0px 50px 0px;
}
.project-section .project-inner{
	margin:0 auto;
	width:100%;
	height:auto;
	max-width:1580px;
	position:relative;
}
.project-section .project-inner .project-list{
	float:left;
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
}
.project-section .project-inner .project-list .proj-heading{
	position: absolute;
	left: 50%;
	bottom: 40px;
	color: #fff;
	transform: translateX(-50%);	
}
.project-section .project-inner .project-list .proj-heading fieldset{
	width: 100%;
	min-width: 340px;
	height: 40px;
	position:relative;
	border-top:2px solid #fff;
}
.project-section .project-inner .project-list .proj-heading fieldset legend {
	display: inline-block;
	margin-bottom: 0px;
	vertical-align: middle;
	width: 250px;
	margin-left: calc(50% - 125px);
	position:relative;
	text-align:center;
	font-size: 36px;
	line-height: 36px;
}
.project-section .project-inner .project-list .proj-heading::after{
	content:' ';
	position:absolute;
	width: 100%;
	height:170px;
	border:2px solid #fff;
	bottom:21px;
	border-bottom:none;
}
.project-section .project-inner .project-list:nth-child(odd){
	float:right;
}
.client-section{
	margin:0 auto;
	width:100%;
	height:auto;
	background:#f4f4f4;
	padding:140px 0px;
}
.client-section .client-inner{
	margin:0 auto;
	width:100%;
	height:auto;
	max-width:1580px;
	text-align:center;
}
.client-section .client-inner h2{
	font-size:54px;
	line-height:66px;
	font-weight:200;
}
.client-section .client-inner ul{
	margin-top:50px;
}
.client-section .client-inner ul li{
	width:calc(10% + 1px);
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}
.footer-section{
	margin:0 auto;
	width:100%;
	height:auto;
	background-image: linear-gradient(to right, #333, #000);
	padding:50px 0px;
	color:#fff;
	font-size:24px;
}
.footer-section p.copyright{
	text-align:center;
	font-size:18px;
	font-weight:300;
}
.footer-section ul{
	margin-left:-30px;
	margin-right:-30px;
}
.footer-section li{
	display:inline-block;
}
.footer-section li:first-child{
	margin-right:50px;
}
header .header-inner .right-links li.close-menu{
	cursor:pointer;
}
.menu-sect{
	position:fixed;
	width:100%;
	height:100%;
    background-image: linear-gradient(to right, #940000, #c90000);
	z-index:999;
	display:none;
}
.menu-sect .main-menu{
	margin:0 auto;
	width:100%;
	height:auto;
}
.menu-sect .main-menu>ul{
	padding-top:225px;
	max-width:580px;
	position:relative;
}
.menu-sect .main-menu>ul>li>a{
	color:#fff;
	font-size:56px;
	line-height:88px;
	transition:padding .3s;
	position:relative;
}
.menu-sect .main-menu>ul>li>a::before{
	content:' ';
	position:absolute;
	width:0px;
	height:4px;
	background:#000;
	left:0px;
	top:calc(50% + 2px);
	transition:width .3s;
}
.menu-sect .main-menu>ul>li>a:hover::before{
	width:40px;
}
.menu-sect .main-menu>ul>li>a:hover{
	color:#000;
	padding-left:60px;
}
.menu-sect .main-menu>ul ul{
	position:absolute;
	left:95%;
	min-width:580px;
	margin-top:-120px;
	display:none;
}
.menu-sect .main-menu>ul>li{
	position:relative;
}
.menu-sect .main-menu>ul ul li a{
	font-size:36px;
	line-height:72px;
	color:#fff;
}
.menu-sect .main-menu>ul ul li a:hover{
	color:#000;	
}
.menu-sect .main-menu>ul li:hover ul{
	display:block;
}
.project-section .project-inner .project-title h2{
	font-size: 56px;
	line-height: 60px;
	font-weight: 600;
	background: url(../images/heading-bg.png) left top 5px no-repeat;
	padding-top: 80px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.project-section .project-inner .project-title h2 span {
    background-image: linear-gradient(to right, #bdd201, #abce1a, #9aca28, #89c633, #78c13d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	display:inline-block;
}
.project-section .project-inner .project-title{
	position: absolute;
	right: 18%;
	top: 140px;	
}
/*interior*/
.interior-banner-section{
	margin: 0 auto;
	width: 100%;
	height: auto;
	min-height:571px;
	background:url(../images/interior-banner-img.png) center center no-repeat;
	position: relative;
	background-size:cover;
}
.interior-banner-section .int-banner-cont{
	margin:0 auto;
	width:100%;
	max-width:1710px;
	padding-top:270px;
	text-align:center;
	color:#fff;
}
.interior-banner-section .int-banner-cont h1{
	font-size:60px;
	line-height:70px;
	color:#fff;
	font-weight:800;
}
.int-seba{
	width:100%;
	height:auto;
	padding-top:80px;
	padding-bottom:110px;
}
.int-seba .int-seba-cont{
	margin:0 auto;
	width:100%;
	height:auto;
	max-width:1000px;
	text-align:center;
}
.int-seba .int-seba-cont p{
	font-size:28px;
	line-height:48px;
	color:#000;
	font-weight:lighter;
	padding-top:25px;
}
.int-seba .int-skill{
	padding-top:120px;
	padding-bottom:100px;
	
}
.int-seba .int-skill p { font-weight: lighter; }
.int-seba .int-skill .int-skill-left{
	float:left;
	width:100%;
	max-width:950px;
	min-height:440px;
	position:relative;
}
.int-seba .int-skill .int-skill-left .int-skill-img{
	position:absolute;
	width:378px;
	height:378px;
	right:64px;
	bottom:-224px;
}
.int-seba .int-skill .int-skill-right {
	float:right;
	width:calc(100% - 950px);
	padding-left:150px;
	padding-right: 50px;
}
.int-seba .int-skill .int-skill-right h2{
	font-size:34px;
	line-height:58px;
	color:#000;
	max-width:416px;
}
.int-seba .int-skill .int-skill-right ul{
	padding-left:60px;
}
.int-seba .int-skill .int-skill-right ul li{
	font-size:24px;
	color:#666666;
	font-weight:lighter;
	line-height:42px;
	padding-left:10px;
	list-style: circle;
}
.int-seba .int-skill .int-skill-right p {
	font-size:24px;
	color:#666666;
	font-weight:lighter;
	line-height:42px;
	max-width:660px;
	padding-top:50px;
}
.int-seba .int-skill .int-skill-right p strong { color: #333; }
.int-seba .int-para{
	margin:0 auto;
	width:100%;
	max-width:990px;
	text-align:center;
	font-weight: lighter;
}
.int-seba .int-para p{
	font-size:24px;
	color:#666666;
	font-weight:lighter;
	line-height:42px;
}
/*contact-sec*/
.team-detail-content{
	margin:0 auto;
	width:100%;
	max-width:1500px;
	margin-top: 100px;
	padding-left: 50px; padding-right: 50px;
}
 .team-detail-sec .team-detail-content .contact-left {
	width: 40%;
	float: left;
	padding-right: 60px;
}
 .team-detail-sec .team-detail-content .contact-left .map-sec {
	width: 300px;
	padding-bottom: 30px;
}
 .team-detail-sec .team-detail-content .contact-left .sub-title {
	color: #000;
	font-size: 32px;
	line-height: 40px;
	font-weight: 800;
	text-transform: lowercase;
	padding-bottom: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
}
 .team-detail-sec .team-detail-content .contact-left p {
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	color: #666;
}
 .team-detail-sec .team-detail-content .contact-left a { color: #940000; }
 .team-detail-sec .team-detail-content .contact-right {
	width: 60%;
	float:left;
}
 .team-detail-sec .team-detail-content .contact-right .title {
	color: #18181a;
	font-size: 40px;
	line-height: 48px;
	font-weight: bold;
	text-transform: lowercase;
	text-align: left;
}
 .team-detail-sec .team-detail-content .contact-right .inner-box ul {
	margin-left: -15px;
	margin-right: -15px;
}
 .team-detail-sec .team-detail-content .contact-right .inner-box ul li {
	margin-left: 12px;
	margin-right: 12px;
	vertical-align: top;
	width: calc(50% - 27px);
	display: inline-block;
	padding: 28px 0px 10px;
}
 .team-detail-sec .team-detail-content .contact-right .inner-box ul li input[type="text"] {
	background: none;
	border: none;
	width: 100%;
	font-size: 20px;
	font-weight: 300;
	border-bottom: 2px solid #940000;
	line-height:46px;
}
 .team-detail-sec .team-detail-content .contact-right .inner-box ul li textarea {
	background: #fff;
	color: #18181a;
	font-size: 20px;
	font-weight: 300;
	border: none;
	width:207%;
	padding: 15px 15px 20px;
	border: 2px solid #940000;
	min-height: 300px;
	margin-top: 10px;
	box-sizing: border-box;
	resize: none;
}
 .team-detail-sec .team-detail-content .contact-right .inner-box input[type="checkbox"] + label {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	color: #18181a;
	font-size: 18px;
	font-weight: 300;margin-left: -18px;
}
 .team-detail-sec .team-detail-content .contact-right .contact-right .inner-box input[type="checkbox"] + label a {
	text-decoration: underline;
	color: #18181a;
}
 .team-detail-sec .team-detail-content .contact-right .inner-box input[type="checkbox"] + label::after {
	content: ' ';
	position: absolute;
	width: 25px;
	height: 25px;
	border: 2px solid #18181a;
	left: 0px;
	cursor: pointer;
	 border-radius: 50%;
}
 .team-detail-sec .team-detail-content .contact-right .inner-box input[type="checkbox"]:checked + label::after {
	background: url(../images/check-arrow.png) center center no-repeat; background-size: 15px;
}
.terms a { color: #940000; }
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	opacity: 0;
}
 .team-detail-sec .team-detail-content .contact-right .inner-box input[type="submit"] {
	width: 100%;
	color: #000;
	text-align: center;
	height: 54px;
	line-height: 50px;
	font-size: 20px;
	font-weight: 700;
	display: block;
	text-transform: uppercase;
	border: 2px solid #000;
	margin-top: 20px;
	cursor: pointer;
	box-sizing: border-box;
	transition: ease-in-out all .2s;
}
 .team-detail-sec .team-detail-content .contact-right .inner-box input[type="submit"]:hover{
	background:none;
	border:2px solid #000;
	color:#fff;background: #000;
}	

#map1 { height: 400px; margin-bottom: 50px; }

.csimg1 { margin-bottom: 80px; }
.cscta { display: block; border: #940000 1px solid; color: #222; padding: 15px; max-width: 550px; font-size: 22px; margin: auto; margin-top: 50px; transition: ease-in-out all .2s; }
.cscta:hover { border-color: #000; color: #000; }