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

@font-face {
    font-family: 'NunitoRegular';
    src: url('webfontkit/nunito-regular-webfont.eot');
    src: url('webfontkit/nunito-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/nunito-regular-webfont.woff') format('woff'),
         url('webfontkit/nunito-regular-webfont.ttf') format('truetype'),
         url('webfontkit/nunito-regular-webfont.svg#NunitoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{
margin:0;
padding:0;
}
 a{
	text-decoration:none;
	outline:none;
}
.body{
	/*background-image:url(../images/images1.jpg);*/
	background-repeat:no-repeat;
	background-position:top center;
	margin:0px;
	padding:0px;
}
body{
	background-color:#ececec;
}
.container{
	width:980px;
	margin: 0 auto;
	position:relative;

}
.bold_fonts{
	font-weight:bold;
}
.container1{
	float:left; 
	position:absolute;
	position:fixed;
	width:220px;
	background-color:#ECECEC;
	height:100%;
}
a img{
	border:none;
	 
 }
.logo{
	adding:12px;
	float:left;
	width:100%;
    padding-bottom:30px;
}
.title{
	float:right;
	line-height: 45px;
	padding-top: 64px;
}
.clear{
	clear:both;
}
.title1{
	font-family:NunitoRegular;
	color:#8b8b8b;
	font-size:37px;
	
}
.title2{
	font-family:NunitoRegular;
	color:#000000;
	font-size:58px;
	letter-spacing: -4px;	
	padding-left:3px;
}
.menu_links:hover{
	background-color:#FFF;
}
.menu{
	
	background-color:#f8ce3e;
	width:100%;
	position:fixed;
	position:absolute !important;
	bottom:170px;
	left:0px;
	float:left;
}
.menu_links{
	padding: 17px;
	float:left;
	border-left:1px solid #000;
	background-color:#F8CE3E;
}
.menu_links a{
	text-decoration:none;
	font-family:NunitoRegular;
	font-size:22px;
	color:#000;
	padding:5px;
	 padding-right: 0;
}
.menu_links:first-child,.lower_pannel:first-child{
	border:none;
}
.footer{
	float:left;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:5000;
}
.footer_menu1{
	background-color:#282217;
	
	float:left;
	cursor:pointer;
	width:100%;
	margin-top:2px;
	position:relative;
	top:0;
	height:27px;
	overflow:hidden;
}
.footer_menu2{
	margin-top:2px; 
	background-color:#282217;
	float:left;
	
	width:100%;
	
	position:relative;
	top:0;
	height:23px;
	overflow:hidden;
}
.footer_menu1_active{
	background:#fff;
}
.footer_link1{
	color:#FFF;
	float:right;
	font-family:NunitoRegular;
	font-size:20px;
	text-decoration:none;
	
}
.certificet{
	
	 float:right; 
	 height:80px;
     padding-top:25px;
}
.lower_pannel{
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	float:right;
	border-right:1px solid #FFF;
	padding: 5px 10px;
}
.mouse_over_pannel{
	float:right;
	
}
.mouse_over_right_pannel{
		border-left: 1px solid #7d7d7d;
		padding-bottom: 20px;
		padding-left:36px;
		padding-top: 34px;
		float:right;
		font-family:NunitoRegular;
		font-size:30px;
}
.mouse_over_right_pannel a:hover{
	text-decoration:underline;
}
.mouse_over_right_pannel a{
	color:#000;
}
.pannel_image1 img{
	float:right;
	padding: 15px 25px;
	margin-top:3px;
	padding-top:10px;
	padding-bottom:0;
}
.footer_title{
	color:#000;
	font-family:NunitoRegular;
	font-size:17px;
	float:right;
	clear:both;

	width:150px;
	text-align:center;
}
.product:hover{
	background-color:#F1C21F;
}
.product{
	border-right:1px solid #cacaca;
	float:left;
	padding-bottom:10px;
}
.pannel_image img{
	padding: 0 20px;
	float:right;
}

.pannel_image{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	float:right;
	width:642px;
}

.left_menu a{
	float:left;
	font-family:NunitoRegular;
	font-size:15px;
	clear:left;
	padding-left: 5px;
	position:relative;
	margin-bottom: 3px;
	color:#000;
    min-width:210px;	
}
.bx-next:hover{
	background:url(../images/previous_over.png) no-repeat;
	
	}
	.bx-prev:hover{
		background:url(../images/next_over.png) no-repeat;
	}
.left_menu a span{
		min-width:210px;
		padding:2px;
		position:relative;
		z-index:20;
		display:block;
		float:left;
		-moz-transition: padding 0.2s ease-out 0s;
		-webkit-transition: padding 0.2s ease-out 0s;
		transition: padding 0.2s ease-out 0s;
		-ms-transition: padding 0.2s ease-out 0s;
		-o-transition: padding 0.2s ease-out 0s;
}
.left_menu .menu_active{
	font-size:17px;
	padding-top:10px;
	padding-bottom:10px;
	-moz-transition: padding 0.2s ease-out 0s;
	-webkit-transition: padding 0.2s ease-out 0s;
	transition: padding 0.2s ease-out 0s;
	-ms-transition: padding 0.2s ease-out 0s;
	-o-transition: padding 0.2s ease-out 0s;
}
.left_menu a:hover span{
		font-size:17px;
		padding-top:10px;
		padding-bottom:10px;
		
}
.Bg{ 
        background-color:#f0d988;
		
		width:1000px;
		height:100%;
		position:absolute;
		left:0;
		z-index:0;
}
.left_menu .menu_active_container .Bg{
    background-color:#fed545;
	background:rgba(254,213,69,1);	
}
.left_menu a:hover .Bg{
    background-color:#fed545;
	background:rgba(254,213,69,1);
}
.content_area{
    margin-left:220px;
	position:relative;
	width:470px;
	background-color:#7D8C6B;
	float:left;
	z-index:100;
	padding:30px;
	padding-bottom:100px;
	
}
.content_area p{
	padding-bottom: 15px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	outline-width:20px;
	padding-top: 10px;
}
.clear{
	clear:both;
}
.aboutus_heading{
	color:#FFF;
	float:left;
font-family:NunitoRegular,Tahoma, Geneva, sans-serif;
	font-size:20px;
	padding-top:10px;
	padding-bottom: 10px;
}
.message_pannel{
	font-family:Tahoma, Geneva, sans-serif;
	font-style:italic;
	font-size:14px;
    padding-left: 40px;
    padding-right: 40px;
}
.vision{
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:35px;
	
}

.vision_pannel{
	padding-top: 15px;
	float:left;
	font-size:35;
	margin-left: -30px;
    margin-right: -32px;
	font-family:NunitoRegular,Tahoma, Geneva, sans-serif;
   
}
.vision_pannel img{
	float:left;
}
.pannel_content{
		padding: 5px 20px 20px;
		float:left;
		width:247px;
		background-color:#ebc131;
		width: 303px;
}
.pannel_content1{
		padding-right:20px;
		padding-top: 5px;
		padding-left: 30px;
		float:left;
		width:265px;
		background-color:#ebc131;
		padding-bottom:4px;
		padding-right: 80px;
}
.content_area1{
		position:relative;		
		background-color:#7D8C6B;
		float:left;
		z-index:21;
		left: 219px;
		width: 560px;

		height: 400px;
}
.content_area1 p{
		color:#000;
		float:left;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:13px;
		padding-bottom:20px;
	
}
.wrapper{
		float:left;
		position:relative;
		background-image:url(../images/about_img.jpg);
		background-position:100% 0;
		background-repeat:no-repeat;
		width:100%;
		z-index:21;
}

#panels{
	position: relative;
	overflow:hidden;
}
.panel{
	position:absolute;
	height:400px;
	min-width:980px;
	width: 100%;

}
.animation, .staticElement{
	position:relative;
	float:right;
}
/*--------------------infrastructure--------------------------------*/
.left_pannel{
	background-color:#f1c21f;
	float:right;
	position:absolute;
	width:100%;
	height:100px;
	left: 580px;
	margin-top: 20px;
	padding-left: 10px;	
	color:#FFF;
	font-family:"Myriad Pro", Arial;
	font-size:24px;
	float:left;
	z-index:100;
}
.left_pannel1{
	font-family:NunitoRegular,Tahoma, Geneva, sans-serif;
	font-size:60px;
	float:left;
	
	line-height: 60%;
	padding-left: 40px;
	
}
.infra_content_area{
	margin-left:220px;
	padding-bottom: 0;
	position:relative;
	float: left;
    width: 360px;
	background-color:#7d8c6b;
	padding: 130px 0;
	z-index: 2;
	
}
.yarn_content{
	font-size:15px;
	font-family:NunitoRegular,Tahoma, Geneva, sans-serif;
    color:#FFF;
	float:left;
	width:700px;
	height:80px;
	margin-bottom:8px;
}
.bg_infra{
		background:#f2c51f;
		opacity:0.8;
		width:0px;
		height:90px;
		position:absolute;
		margin-top:-4px;
		z-index:0;
	
}
.yarn_content .bg_infra{
	background:none;
}
.yarn_content:hover .bg_infra,.yarn_bg_infra {
	background:#f2c51f;	
	color:#000;
/*	width:1500px;
	*/
	-moz-transition: width 0.2s ease-out 0s;
	-webkit-transition: width 0.2s ease-out 0s;
	transition: width 0.2s ease-out 0s;
	-ms-transition: width 0.2s ease-out 0s;
	-o-transition: width 0.2s ease-out 0s; 
}
/*.yarn_content:hover{
		background-color:#f2c51f;
		opacity:0.8;
		width:700px;
		-moz-transition: padding 0.2s ease-out 0s;
		-webkit-transition: padding 0.2s ease-out 0s;
		transition: padding 0.2s ease-out 0s;
		-ms-transition: padding 0.2s ease-out 0s;
		-o-transition: padding 0.2s ease-out 0s;
	
}*/
.yarn_content img{
	
	position:relative;
   padding: 3px 3px 3px 10px;
	float:left;
}
.infra_heading{
	padding-top: 3px;
	float:left;
}
.yarn_content p{
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	float:left;
	line-height:100%;

	
}

.panel_content1{
	float:left;
	margin-left:10px;
	width:220px;
	
}
.panel_content1_hover{
	color:#000;
	margin-left:10px;	
	float:left;
	width:590px;
	position:relative;
	cursor:pointer;
}

.yarn_contentimg{
	background:#1D150C;
}
.loader{
	float:right;
	position:absolute;
	top: 400px;
	left:70%;
	z-index:0;
	
}
#img_change{
	float:right;
	position:absolute;
	width:100%;
	height:950px;
	left: 450px;
	z-index:1;
	
}
.image{
	background:url(../images/infra1.jpg)  no-repeat top;
}
.image1{
	background:url(../images/infra1.jpg)  no-repeat top;
}
.image2{
	background:url(../images/infra2.jpg) no-repeat top;
} 
.image3{
	background:url(../images/infra3.jpg) no-repeat top;
}
.image4{
	background:url(../images/infra5.jpg) no-repeat top;
}
.image5{
	background:url(../images/infra4.jpg) no-repeat top;
}
.image6{
	background:url(../images/infra6.jpg) no-repeat top;
}
.image7{
	background:url(../images/infra7.jpg) no-repeat top;
}
.image8{
	background: url(../images/infra8.jpg) no-repeat top;
}

/*--------------------quality control--------------------------------*/
.quality_content_area{
	position:relative;
	background-color:#7d8c6b;
	float:left;
	width:420px;
	height:670px;
	padding-top:20px;
	padding-left:15px;
	margin-left:220px;
}
.quality{
	float:left;
}
.quality p{
	font-size:13px;
	padding-bottom:10px;
	width:370px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#FFF;
}
.qc_img{
	background:url(../images/qc_img.jpg) no-repeat top;
	float:right;
	position:absolute;
	width:100%;
	height:100%;
	left: 450px;
}
.certified_pannel{
	padding:5px;
	padding-bottom: 11px;
	opacity:0.8;
	background-color:#f1f4f7;
	float:left;
	height: 190px;
    width: 407px;
	border-right:1px solid #CCC; 
	padding-right: 13px;
	padding-left:15px;
}
.certified_pannelnext{
	padding:10px;
	opacity:0.8;
	background-color:#f1f4f7;

	width:370px;

}
.certified_pannelnext p{
	width: 370px;
	float:left;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000;
}
.certified_pannel1{
	float:left;
	color:#000;
	  padding-bottom: 10px;
    padding-top: 10px;
	font-size:20px;
	font-family:NunitoRegular,Tahoma, Geneva, sans-serif;
}
.certified_pannel p{
	width: 370px;
	float:left;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000;
}
.certified_pannel img{
	float: left;
    padding-left: 16px;
    padding-right: 30px;
    padding-top: 14px;
}
.menu_arrow1{
	background:url(../images/arrow.png) center no-repeat; 
	float:right; 
	position:absolute;
	margin-left: 214px;
	margin-top: 12px; 
	z-index:600;
	width:18px;
	height:22px;
}
.menu_arrow{
}

/*-------------------------------Client----------------------------*/
.client_contentarea{
	position:relative;
	height:100%;
	float:left;
	width:370px;
	background-color:#7d8c6b;
	padding-bottom: 100px;
	 padding-left: 20px;
    padding-right:10px;
    padding-top: 25px;
	margin-left:220px;
}
.client_contentarea1{
	padding-top: 10px;
	margin-top:10px;
	width: 365px;
	padding-left: 20px;
	float:left;
	padding-bottom: 10px;
	margin-left: -20px;
    padding-right: 27px;
	
	
}
.image_client{
			background-color:#ffffff;
			height:100px;
			float:left;
			width:175px;
			vertical-align:middle;
			text-align:center;
			border:2px solid #7d8c6b;
			
}
.image_client img{
	vertical-align:middle;
}
.client_contentarea2{
	float:left;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
}
.client_contentarea2 p{
	padding:5px;
}
.client_img{
	background:url(../images/clients.jpg) no-repeat top; 
	float:right;
	position:absolute;
	width:100%;
	height:1100px;
	left: 450px;
}
.clientleft_pannel{
	background-color:#f1c21f;
	float:right;
	position:absolute;
	width:100%;
	height:100px;
	padding-left: 10px;	
	color:#FFF;
	font-family:"Myriad Pro", Arial;
	font-size:24px;
	float:left;
	margin-top: 380px; 
	left:620px;
}




#slider1{
	height:180px;
}
.bx-wrapper{
	border-left-width: 0;
    margin-left: 220px;
    margin-top: 275px;
    position: absolute;
    width: 417px;
}
.bx-next {
	position:absolute;
	right:-50px;
	z-index:999;
	width:38px;
height:40px;
	text-indent: -999999px;
	background:url(../images/previous.png) no-repeat 0 -4px;
	position:absolute;
	bottom: 76px;
	left: 475px;
    top: -38px;
}

/*previous button*/
.bx-prev {
	bottom: 98px;
    left: 435px;
    top: -38px;
position:absolute;


z-index:999;
width:38px;
height:40px;
text-indent: -999999px;
background:url(../images/next.png) no-repeat 0 -4px;
}

/*pager links*/
.bx-pager a {
margin-right: 5px;
color: #fff;
padding: 3px 8px 3px 6px;
font-size: 12px;
zoom:1;
background: url(gray_pager.png) no-repeat 0 -20px;
}

/*auto start button*/
.bx-auto .start {
background: url(gray_auto.png) no-repeat 0 2px;
padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
background: url(gray_auto.png) no-repeat 0 -14px;
padding-left: 13px;
}

/*
* End color scheme styles
*/


/*next/prev button hover state*/
/*.bx-next:hover,
.bx-prev:hover {
background-position: 0 0;
}*/

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
text-align:center;
padding-top: 7px;
font-size:12px;
color:#666;
}

/*captions*/
.bx-captions {
text-align:center;
font-size: 12px;
padding: 7px 0;
color: #666;
}

/*auto controls*/
.bx-auto {
text-align: center;
padding-top: 15px;
}

.bx-auto a {
color: #666;
font-size: 12px;
}

.left_pannel_qc{
	background-color: #F1C21F;
    color: #FFFFFF;
    float: left;
    font-family: "Myriad Pro",Arial;
    font-size: 24px;
    height: 100px;
    left: 220px;
    margin-top: 485px;
    padding-left: 10px;
    position: absolute;
    width: 100%;
    z-index: 500;
}
.left_pannel_about{
	background-color: #F1C21F;
    color: #FFFFFF;
    float: left;
    font-family: "Myriad Pro",Arial;
    font-size: 24px;
    height: 100px;
   left:750px;
    top: 517px;
    padding-left: 10px;
    position: absolute;
    width: 100%;
    z-index: 500;
}
/*-------------------------Contact Us-------------------------*/
.aboutus_content{
	padding: 100px 10px;
	width:440px;
	float:left;
	background-color:#7d8c6b;
	margin-left:220px;
	position:absolute;
	z-index: 100;
}
.aboutus_pannel p{
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
	clear:left;
	padding-bottom: 10px;
}
.opacity_arrow{
	opacity:0.8;
}
.aboutus_pannel{
	float:left;
	padding-left: 10px;
}
.address{
	color:#FFF;
	font-size:17px;
	font-family:NunitoRegular,Tahoma, Geneva, sans-serif;
	float:left;
	padding-bottom: 10px;
}
.contact_pannel{
	color:#FFF;
	float:left;
	background-color:#282217;
	padding-bottom: 15px;
    padding-top: 10px;
	margin-left: -9px;
    padding-left: 21px;
    width: 437px;
}
.name{
	padding-bottom: 5px;
	font-size:20px;
	font-family:NunitoRegular,Tahoma, Geneva, sans-serif;
	float:left;
	 
}
.contact_pannel p{
	 padding-bottom: 10px;
	clear:left;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
}
.form{
	float:left;
	padding-left: 10px;
    padding-top: 10px;
}
.form_heading{
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
}
.text_box{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	margin: 4px;
	color:#FFF;
	background-color:#525741;
	width:380px;
	height:25px;
	border:3px solid #9fa696;
}
input[type="text"]:focus, textarea:focus
{ 
background-color:#FFF;
}
.text_area{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#282217;
	margin: 4px;
	background-color:#525741;
	border:3px solid #9fa696;
	width:380px;
	height:70px;
}
.contactus_img{
	background:url(../images/contactus_bg.jpg) no-repeat top;
	float:right;
	position:absolute;
	width:100%;
	height:900px;
	left: 450px;
}
.left_pannel_contact{
	background-color: #F1C21F;
    color: #FFFFFF;
    float: left;
    font-family: "Myriad Pro",Arial;
    font-size: 24px;
    height: 100px;
   left:680px;
    margin-top: 455px;
    padding-left: 10px;
    position: absolute;
    width: 100%;
    z-index: 500;
}
.button{
	font-size:17px;
	font-family:NunitoRegular,Tahoma, Geneva, sans-serif;
	float:right;
	color:#FFF;
	background-color:#282217;
	padding:5px;
	margin:5px;
	border:none;
}

.button:hover{
	color:#282217;
	background:#FFF;
	cursor:pointer;
}

.social_content{
	position:relative;
	background-color:#7d8c6b;
	float:left;
	width:420px;
	height:670px;
	padding-top:20px;
	padding-left:15px;
	margin-left:220px;
}
.social_pannel{
    padding-right: 20px;
	float:left;
	width:450px;
}
.social_pannel img{
	float:left;
	padding-right: 17px;
    padding-top: 160px;
	
}
.social_pannel p{
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size:13px;
	padding-bottom:10px;
	width: 250px;;
}
.list_content{
	 padding-left: 25px;
	padding-top:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-style:italic;
	width:378px;
	float:left;
}
.list_content li{
padding-bottom: 10px;
}
.social_img{
background:url(../images/socail.jpg) no-repeat top; 
	float:right;
	position:absolute;
	width:100%;
	height:100%;
	left: 450px;
}
.left_pannel_social{
	background-color: #F1C21F;
	color: #FFFFFF;
	float: left;
	font-family: "Myriad Pro",Arial;
	font-size: 24px;
	height: 100px;
	left:220px;
	margin-top:20px;
	padding-left: 10px;
	position: absolute;
	width: 125%;
	z-index: 500;
}
.lower_pannel a{
	color:#fff;
	margin-right:8px;
	margin-left:2px;	
	float:right;
}
.RightImagePanel{
	float:right;
	position:absolute;
	top:0;
	right:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
.social_img{
	background:url(../images/socail.jpg) no-repeat top; 
	float:right;
	position:absolute;
	width:100%;
	height:100%;
	right: 0px;
}
.ImageContainer{
	position:relative;
	z-index:2000;
	padding:10px 0px 10px 0px;
	margin:0px;
	margin-top:-5px;
}
.pannel_bottom{
	background:url(../images/social_home.png) left center no-repeat;
	padding-left:84px;
	width:550px;
	 padding-bottom: 20px;
    padding-left: 86px;
}
@media screen and (max-width :1024px) {
	.title{
		padding-top:1px;
	}
	.title1{
		font-size:28px;
	}
	.title2{
		font-size:48px;
		
	}
}
@media screen and (max-width :980px) {
	.container1{
		position:relative;		
	}
	.main_content_area{
		margin-left:0px;
		position:relative;
		float:left;
	}
	#panels{
		width:980px;
	}
	.panel{	
		width:980px;
	}
	.RightImagePanel{
		margin-right:0px; right:auto; left:0px; width:1000px;	
	}
	.title{
		padding-top:1px;
		padding-right:20px;
	}
	.title1{
		font-size:25px;
	}
	.title2{
		font-size:45px;
		
	}
}