h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; }
ul{ padding:0px; margin:0px; }
ul li{ list-style-type:none; padding:0px; margin:0px; }
p{ padding:0px; margin:0px; font-size:14px; }
a{ outline:none !important; text-decoration:none !important;}


@font-face{
	src:url(../fonts/HelveticaWorld-Regular.ttf); font-family:"helvatica";
}
@font-face{
	src:url(../fonts/Helvetica-LT-Light.ttf); font-family:"helvaticaLight";
}

html,
body { -moz-user-select:none; -webkit-user-select:none; -o-user-select:none; background-color:#333333; } 

h1, h2, h3, h4, h5, h6{
	font-family:"helvatica";
}
p{
	font-family:"helvatica";
}
.header{ background-color:#000; width:100%; z-index:9; position:relative; }
#logo{ float:left; }

.mainmenu{ text-align:center; }
.mainmenu ul{ }
.mainmenu ul li{ float:left; }
.mainmenu>ul>li>a{ text-transform:uppercase; color:#FFF;  display:block; padding:18px 15px; font-family:"helvatica";}
.mainmenu>ul>li:hover>a{ font-weight:bold; }
.activemenu a{  }

.submenu{ position:absolute; width:100%; display:none; }
.fixsub{ position:fixed; background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0; height:35px; left:0; right:0; z-index:-1;  }

.submenu>li>a{ font-size:13px; text-transform:uppercase; font-weight:normal; color:#FFF; padding:10px 15px; }
.submenu>li>a:hover{ font-weight:bold; }

#respo_menu{ display:none; float:right; z-index:99; }
.respoicon{ cursor:pointer; padding:22px 0px; overflow:hidden; margin:0px; color:#FFF;}
#respo-submenu{ z-index:99; display:none; left:0px; right:0px; clear:both; position:absolute; background-color:#333; padding:5px;  }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 7px 0 7px 12px;font-family:"helvatica"; color:#eee; line-height:26px; font-size:13px; text-decoration:none; }

#respo-submenu li ul li a{ margin-left:20px;}
#respo-submenu li a:hover{ background-color:#000; color:#FFF; }

#sociallink{ display:inline-block; padding:5px 0; margin:16px 0 0 0; overflow:hidden; float:right;}
#sociallink li{ float:left; margin-left:10px; }
#sociallink li a{ font-size:19px;  color:#fff; font-family:"helvatica"; padding:0px 3px; }
#sociallink li a:hover{  }



.innerbody{ background-color:#333; overflow:hidden; padding:0px 0px 20px 0px; }
.tabscol{ width:100%; clear:both; text-align:center; }
.tabscol ul{ display:inline-block; }
.tabscol ul li{ float:left; }
.tabscol ul li a{ color:#FFF; line-height:30px; padding:0px; display:block; font-size:15px; font-family:"helvatica"; margin:10px; text-transform:uppercase; }
.tabscol ul li a:hover{ border-bottom:1px solid #FFF; }
.activetab a{ border-bottom:1px solid #FFF; }

.thumbcol{ clear:both; }
.gapbtwn{ height:90px; }
.architecture-col{ border:1px solid #aaa; padding:2px; margin-bottom:20px; }
.architecture-col{ position:relative; overflow:hidden; }
.architecture-col h3{ position:absolute;  background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0; margin:0px; padding:10px; color:#FFF; right:2px; left:2px; bottom:2px;  font-family:"helvatica"; text-transform:uppercase; font-weight:550; font-size:18px;}
.architecture-col h3 span{ font-size:16px; text-transform:capitalize;}
.architecture-col img{ width:100%; }

.pro-lightboxbg{ position:absolute; bottom:0; z-index:5; width:40%; }
 .prolightbox{
	 width:100%; margin-left:-100%; padding:15px; background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0; z-index:9;  overflow:hidden;
 }
.prolightbox > h1{ color:#eee; font-family:"helvatica"; }
.prolightbox > h3{ color:#eee; font-family:"helvatica"; }
.prolightbox > p{ color:#eee;  font-family:"helvatica"; line-height:23px; }
.prolightbox > ul > li{ color:#eee; font-family:"helvatica"; line-height:23px; }


#arrowcol{ color:#FFF; margin-top:-55px; float:left; display:block; cursor:pointer; transition:all ease-in-out 0.2s; background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0; padding:10px;
 -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; }
#arrowcol i{ font-size:35px;}
.arrowicon{ transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; }

#design-pro p{ color:#eee;  font-family:"helvatica"; line-height:23px; }
.dptitle p{ font-family:"helvatica"; font-size:18px; }

.MidContainer{
	padding:0 15px; margin:auto; width:100%; max-width:1170px;
}
.whyChoos{ box-shadow:none;
	 padding:30px 0; 
	background:url(../images/section-bg-17.jpg) no-repeat top fixed; background-size:cover;
}
.heds{
	margin:0; padding:10px; text-align:center; color:#fff; font-family:"helvatica"; text-transform:uppercase;
}

.whychoosList{
	color:#fff;
}
.whychoosList li{
	
	text-align:center;
}
.whychoosList li h3{
	text-transform:uppercase; font-family:"helvatica"; font-size:18px;
	font-weight:600; color:#dfdfdf;
}
.whychoosList li p{
	color:#dfdfdf;
}

.contact p{
	color:#dfdfdf;
}
.Gmap{
	border:5px solid #404040; overflow:hidden; padding:5px;
}

.enquiryForm{
	margin:0; padding:0; list-style:none;
}
.enquiryForm li{
	margin:0 -15px 10px -15px; overflow:hidden;
}
.enquiryForm li input, .enquiryForm li textarea{
	background-color:transparent; border:1px solid #999; border-radius:0px; font-family:"helvatica"; color:#EEE;
}
.enquiryForm li textarea{
	height:100px; resize:none;
}
.enquiryForm li button{
	font-family:"helvatica"; text-transform:uppercase; font-weight:600; letter-spacing:0.05em; font-size:13px;
}

.abRows h2{
	color:#fff; text-transform:uppercase; text-align:center;
}
.abRows hr{
	border-top:1px solid #666;
}
.abRows p{
	color:#fff;
}

.prodeg{ border-bottom:1px dashed #777; overflow:hidden; padding-bottom:20px; }
.prodeg h3{ font-family:"helvatica"; color:#FFF; }
.prodeg p{ font-family:"helvatica"; color:#FFF; font-size:15px; }

#content_1{ -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; }
#content_1:hover{ overflow:auto; }


@media (min-width: 119px) {
	.container{ width:100%; }
	.mainmenu,#sociallink{ display:none; }	
	#respo_menu{ display:block; }		
	.pro-lightboxbg{ width:100%; }
	.tabscol ul li a{ font-size:10px; }
	.tabscol ul li{ float:none; }
	.pro-lightboxbg{ position:relative;}
	.prolightbox{ margin-left:0; }
	#arrowcol{ display:none; }
}

@media (min-width: 319px) {
	.mainmenu,#sociallink{ display:none; }	
	#respo_menu{ display:block; }
	.pro-lightboxbg{ width:100%; }
	.tabscol ul li a{ font-size:10px; }
	.tabscol ul li{ float:none; }
	.pro-lightboxbg{ position:relative;}
    .prolightbox{ margin-left:0; }
	#arrowcol{ display:none; }
}


@media (min-width: 481px) {
	.mainmenu,#sociallink{ display:none; }	
	#respo_menu{ display:block; }
	.pro-lightboxbg{ width:80%; }
	.tabscol ul li a{ font-size:13px; }
	.tabscol ul li{ float:left; }
	.pro-lightboxbg{ position:relative;}
	.prolightbox{ margin-left:0; }
	#arrowcol{ display:none; }
}

@media (min-width: 768px) {
	.mainmenu,#sociallink{ display:none; }	
	#respo_menu{ display:block; }
	.pro-lightboxbg{ width:50%; }
	.tabscol ul li a{ font-size:15px; }
	.tabscol ul li{ float:left; }
	.pro-lightboxbg{ position:absolute;}
	 .prolightbox{ margin-left:-100%; }
	 #arrowcol{ display:block; }
}

@media (min-width: 992px) {
	.mainmenu,#sociallink{ display:block; }	
	#respo_menu{ display:none; }
	.pro-lightboxbg{ width:40%; }
	.tabscol ul li a{ font-size:15px; }
	.tabscol ul li{ float:left; }
	.pro-lightboxbg{ position:absolute;}
	 .prolightbox{ margin-left:-100%; }
	 #arrowcol{ display:block; }
}

@media (min-width: 1200px) {
	.mainmenu,#sociallink{ display:block; }
	#respo_menu{ display:none; }
	.container{ max-width:100%;}
	.pro-lightboxbg{ width:40%; }
	.tabscol ul li a{ font-size:15px; }
	.tabscol ul li{ float:left; }
	.pro-lightboxbg{ position:absolute;}
	#arrowcol{ display:block; }
	 .prolightbox{ margin-left:-100%; }
}
