@charset "utf-8";
/* CSS Document */

body{
	overflow-x:hidden;
	font-family: 'myriadpro';
	z-index:-1;

	}
	
/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:rgba(0,0,0,0.9); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}

		
.patua{font-family: Patua One;}	
#background{
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-width:960px;
	overflow:hidden;
	background:#000;
	text-align:center;
	
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	background-repeat:no-repeat;
}
	

ul, li{margin:0; padding:0;}

.navbar-toggle{border:1px #fff solid;}	
.icon-bar{background-color:#fff;}

p{color:#666666; margin-bottom:5px; margin-top:5px;}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

.left{
	float:left;
	}
.right{
	float:right;
	}	
		
.marg{margin:1% 0;}	
.pad{padding:2% 0;}	

.white{color:#FFFFFF;}

.red{color:#99281c;}

.green{color:#00FF99;}

.purple{color:#660099;}

.brown{color:#c09551;}

.ylw{color:#ffcf1a;}

.blue{color:#5fd4ff;}

.orange{color:#ff9d00;}

.top-head{ background:#000; position:fixed; top:0; width:100%; z-index:999; padding:0 15px;}
.top-head2{  position:absolute; top:0; width:100%; z-index:999;}

.cap{text-transform:uppercase;}

.mid-p{font-size:17px;}

.small-p{font-size:12px; color:#666;}
.xsmall-p{font-size:11px; color:#666;}

.main-links{margin-top:0px;}

.gap{height:15px;}

.full-wid{width:100%;}

.small-gap{height:10px;}

.mainlogo{padding:80px 0 0 80px; }

.links li{list-style-image:url(../img/v-line.png);}
.links li a{color:#fff; padding:5px 20px; font-size:15px;}

.links li a:hover, .links li.active a{ color:#00baff; background-color:rgba(0,0,0,0.5);}

.mpart{margin-top:50px;}

.contact-mpart{position:relative; top:50px; margin-bottom:80px;}

.header, .header2{position:fixed; bottom:30px; background-color:rgba(0,0,0,0.7); width:100%; z-index:999;}
.btm-head, .btm-head2{position:fixed; bottom:0; height:30px;  background:#000; width:100%; z-index:999;}
.btm-head p, .btm-head2 p{margin-top:0;}


.detail-box{background-color:rgba(255,255,255,0.9); padding:12px;}

.visit{background:#96d111; padding:5px 10px; width:100%;}
.visit a{color:#000; width:100%;}
.visit a:hover{background:#96d111; padding:5px 10px; color:#000;}

.enquire-main{background:#ff3c08; padding:5px 10px;  width:100%;}
.enquire-main a{background:#ff3c08; padding:5px 10px; color:#fff;width:100%;}
.enquire-main a:hover{background:#ff3c08; padding:5px 10px; color:#fff;}

.project-slider{width:800px; height:600px;}

.form1{padding:13px;}
.form1 .input{padding:2%; background:#00a9e7; border:1px #00a9e7 solid; color:#FFFFFF; width:100%;}

.img-bg{background:#fff; padding:1px; height:138px;}

.jssorb08l, .jssorb08r, .jssorb08ldn, .jssorb08rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                overflow:hidden;
                opacity: .6; filter:alpha(opacity=60);
            }

.shad-box{background:url(../img/shad-box.png) no-repeat; background-size:100% 100%; padding:15px 15px 30px 15px;}

.enquire-btn{background:#ff3c08; color:#fff; padding:5px 15px; margin:0 auto;}

.btm-line{height:1px; background-color:rgba(153,153,153,0.6);}

.trans-div{background-color:rgba(0,0,0,0.5); padding:10px; width:100%;}

.big-gap{height:143px;}

.enquire-form{background:#FFFFFF; border-radius:8px; padding:15px; width:300px; margin:0 auto;}
.enquire-form .input{ border-radius:8px; padding:2%; margin-bottom:5px; width:100%; border:1px #CCC solid;}
.enquire-form p{ margin:0;}
.enquire-form hr{ margin-bottom:10px;}

.pad-left{padding-left:0px;}
	.pad-right{padding-right:0px;}
	
	.small-floor{display:none;}
	
	.blackpad-div{background-color:rgba(0,0,0,0.7); padding:30px; margin-bottom:2px;}
	.black-div p{color:#fff;}
	
	.pro-div{border:1px #fff solid; height:180px; width:220px; margin:0 auto;}
	.pro-div:hover{border:1px #069 solid; height:180px; width:220px; margin:0 auto;}
	.pro-div img{margin:auto auto; padding:15px;}
	
	.about-content{	background-color:rgba(0,0,0,0.8); padding:15px; margin-top:30px;}
	.accord{max-height:300px;
	overflow-y: scroll;background-color:rgba(0,0,0,0.8); padding:15px; margin-bottom:100px;}
	
	.spec-1{
	 max-height:400px;
	overflow-y: scroll;}
	
	/*---------style2---------*/
	
	.scroll-btn{position:absolute; right:5%; top:160px;}
.project-links{position:fixed; left:2%; top:120px; width:190px;}

.p-links{padding:0;}
.p-links li{background:rgba(0,0,0,0.7); list-style:none; padding:5px 10px; margin-bottom:1px;}
.p-links li a{color:#fff; font-family: Patua One; padding-left:35px;  font-size:15px;}
.p-links li a:hover{color:#fff; background:none;}

.pdpart{margin-top:-190px; margin-bottom:28px;}

.pdpart3{background:#ccbca2;}
.pdpart7{background:#ddffe7;}

.hori-pad{padding:0 15px;}

.home-pro{
  float: left;
  width: 160px;
  height: 140px;
  margin: 0px 15px 15px 0px;
  border: 1px solid rgba(0,0,0,0.1);
   background-color:rgba(0,0,0,0.7);
}
.home-pro:hover{
  border: 1px solid #069;
}

.home-pro img{
	padding:5px;
}
.home-pro h5{
	margin:0;
	color:#00baff;
}

.btm-head .left p, .btm-head2 .left p{color:#fc9a0e;}
.btm-head .right p, .btm-head2 .right p{color:#99d617;}

.t-div{background-color:rgba(0,0,0,0.6); padding:20px; position:absolute; left:0; right:0; bottom:35%; margin:0 auto; width:1000px;}

.career-input{background:none; border:none; border-bottom:1px #fff solid; margin-left:5px; margin-bottom:15px;}

.career-form{ color:#fff; font-size:17px;}

.marquee {
  width: 100%;
  height: 24px;
  background: #f3a500;
  position: absolute;
  bottom: 60px;
}

	.wrapper{width:100%;background:#000;opacity:0.8;height:100%;position:absolute;top:0px;left:0px;z-index:9999;}
	.wrapper img{  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;}
  
	.pop-up{width:1024px; margin:auto;z-index:999999;position:absolute;left:0; right:0; top:25%; margin:0 auto;}
.close-img{z-index:999999;position:absolute;top:22%;right:11%;}


@media screen and (max-width:1400px) {
	.accord{	max-height:150px;
	overflow-y: scroll; background-color:rgba(0,0,0,0.8); padding:15px; margin-bottom:100px;}
		.spec-1{
	 max-height:250px;
	overflow-y: scroll;}
	.t-div{background-color:rgba(0,0,0,0.6); padding:20px; position:absolute; left:0; right:0; bottom:20%; margin:0 auto; width:1000px;}
	}

@media screen and (max-width:1200px) {
	.links li a{color:#fff; padding:5px 16px; font-size:15px;}
	.jssorb08l{ display:none;}
    .jssorb08r{ display:none;}
	.big-gap{display:none;}
	}	
	
@media screen and (max-width:1000px) {
	.pad-left{padding-left:15px;}
	.pad-right{padding-right:15px;}
	.small-floor{display:block;}
	.t-div{background-color:rgba(0,0,0,0.6); padding:20px; position:absolute; left:0; right:0; bottom:100px; margin:0 auto; width:100%;}
	.marquee {
 display:none;
}
	}		
	
@media screen and (max-width:768px) {
	.links li a{color:#fff; padding:10px 15px; font-size:15px; border-top:3px solid hidden;}
	.links li a:hover{ color:#00baff; border-top:3px #00baff hidden; background:none;}
	.links li.active a{ color:#00baff; border-top:3px #00baff solid; background:none;}
	.mainlogo{padding:10px; clear:both; }
	
	.t-div{background-color:rgba(0,0,0,0.6); padding:20px; position:relative; top:20px;  margin-bottom:150px;}

	}
@media screen and (max-width:500px) {
	.enquire-form{background:#FFFFFF; border-radius:8px; padding:15px; width:230px; margin:0 auto;}
	.btm-head, .btm-head2{height:50px;}
	.header, .header2{bottom:50px;}
	.t-div{width:100%;}
	}