/* ==== Custom.css ==== */

	
	#menu{
		/*#a21115;*/	
		height:60px;		
		background:#a21115;
		padding-left:0px;
		margin-left:0px;
		margin-top:17px;
	}
	
	.red-tape{		
		padding-right:20px
		background-size: right auto;
		background-position: 0px 0px;
		height:60px;
	}
	.red-tape img{
		margin-top:0.4px;
	}
	#navigation .nav.navbar-nav{
		background:#a21115;		
	}
	
	#myCarousel1, #bannercarousel{
		display:none;
	}
	
	
	/*footer*/
	.modal{
    width: 90%;   
    z-index: 100000;
    margin:0% auto 0% auto;
	color:#000;
	overflow:hidden;
	border-radius:1px ;
	
}
.modal-body{	  
	color:#000;
	height:400px;
	overflow-y:scroll;
	padding:20px;
}
.modal-body a{
	color:#bc2127;
}
.modal-body  a:hover, a:focus{
	color:#bc2127;
	text-decoration:underline;
}

.modal-body ul{	  
	margin-left:20px;
}
.modal-body ol{	  
	margin-left:17px;
}
.modal-content h2{	
	margin-bottom:0px !important;
	font-size:18px;
	color:#fff;
}

.modal-content{
	overflow:none;
	border-radius:0px 
}

.modal-header {
    background-color:#a21115; 
	border-radius:1px 	
}

.sociallinks{
	margin:18px 0;
}

.first .socialic {
  margin:0%;
}

.second { 
  padding-left:7% !important;
}

.third  {
  margin:0%; 
  padding-left:13% !important;
}

.last .socialic {
  margin:0%;
  float:right;
}

.copyright{
	margin-top:0px;
	margin-bottom:20px;
}

/*Index page*/

 .PageBannerInner{
            position:relative;
            top:0;
            width:100%;
            height:50px;
            z-index:99999;
            background:#fff9d7;
            margin:0 auto;
            position: fixed;
            display:none;
        }
            .PageBannerInner i {
                padding-top: 10px;
                margin: 0 auto;
            }
      .middle{
          margin:0 auto;
          max-width:650px;
           height:50px;
         
      }
      .middle p{
          margin-top:16px ;
          float:left;

      }




	.carousel-fade {
		
    .carousel-inner {
        
		.item{
            transition-property: opacity;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
                transform: translate3d(0, 0, 0);
        }
    }

    .carousel-control 
	{
        z-index: 2;
    }
}




	
	.imageHolder { position: relative;padding:0px;} 
	
	
	.carousel-inner .caption  h3 {   
		color:#fff;font-size:24px;
	}	
	
	
	html,
body {
     height: 100%;
}

#myCarousel{
	 height: 100%;
}

.carousel,
.item,
.active {
    height: 50%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.carousel-inner .caption { position: absolute;width:35%;height:100%;min-height:445px;top: -3px; left: 0px; background:rgba(177,23,16,0.8);	padding:7% 8% 9% 3%;color:#fff;
}
	
	.carousel-inner .caption  h3 {   
		color:#fff;font-size:24px;
	}	
	
			
	.home .large_banner{	background:url('../img/largebanner.jpg') no-repeat top center;background-repeat:no-repeat;background-attachment:fixed;background-size:150%;}		
	.large_bannersection{background:rgba(177,23,16,0.6);}		
	.home .large_banner .left-red{	background:rgba(177,23,16,0.8);	padding:45% 30% 45% 9%;color:#fff;}		
	.home .exploremore{	color:#000;	padding: 7px 10px 10px 10px;}	
	.whoweare{ background:url('../img/whoweare.jpg') no-repeat;background-repeat:no-repeat;background-size:cover;}
	.featuresections{padding:0px 0;}
	
	@media screen and (min-width:1919px){
		
			
			.carousel-inner .caption { min-height:666px;top: -5px;}

			.home .large_banner {
				background-size: 122%;
			}
			
			.site-logo {
				margin-top: 10px;
				padding-left: 15%;
			}
			
			.home .large_banner .left-red {
				background: rgba(177,23,16,0.8);
				padding: 45% 25% 45% 9%;
				color: #fff;
			}
			
			.left-red h3 {   
				font-size: 30px !important;
			}
			.left-red p {   
				font-size: 18px !important;
				line-height:1.2em;
			}
			
			
			.col-xlg-3{
				width:25%
			}
			
			.col-xlg-9{
				width:75%
			}
			
			.col-xlg-small{
				width:9%;
			}
			
			.col-xlgnew-small{
				width:4%;
			}
			
			.timelinetext3lineright {
				padding-left: 28px;
			}
			
			.evolutiontree {
				margin-left: 105px;			
			}
			
			.col-xlg-2{
				width:16.33%
			}
			
			.carousel-inner .caption h3 {
				color: #fff;
				font-size: 28px;
			}
			.carousel-inner .caption{
				padding: 9% 12% 9% 3%;
			}
			.carousel-inner .caption p{
				font-size: 18px !important;
				line-height: 1.2em;
			}
			
			.product ul li {   
				padding: 0px 0 30px 0 !important;
			}
			
			.kccenterpara .col-lg-12{
				width: 66.66666667% !important;
			}
			
	}
	.whoweare .left-red{ background-color:#b11710;	padding:120px 80px 120px 10%;color:#fff;opacity:0.8;}	
	.left-red h3{color:#fff;font-size:24px;}	
	.home .features{	color:#000;	padding:40px 40px 40px 40px;}		
	.home .featuresimg{	margin:5px 0;}		
	.home .features hr{ padding:0px;	margin:5px 0;background-color: #b11710; height: 2px; width: 85%;text-align:left;}		
	.home .featurestitle{font-weight:bold;padding:5px 0;	margin:0px;}		
	.home .featuresdescription{padding:5px 0;}	
	.WIDESTRANGE{ background:url('../img/WIDESTRANGE.jpg') no-repeat;background-repeat:no-repeat;background-size:cover;	background-position:top center;background-attachment:fixed;	}		
	.WIDESTRANGE .left-red{	background-color:#b11710; padding:80px 80px 80px 10%; color:#fff;opacity:0.8;}		
	.WIDESTRANGE .left-red h3{ color:#fff; margin:0px;padding:0px;}
		
		.home .left-red h5{color:#fff; font-size:20px; margin:0px; padding:10px 0;}
			
			/*map*/
		.home .map{ padding:0px 0 20px 0;}
		.home .map div{ padding-left:0px !important;padding-right:0px !important;	}
		.home .maptitle h5{color:#9b2e2c;font-weight:normal; font-size:20px;margin:0px;padding:0px;text-transform:uppercase;}		
		.home .maplogo{margin:0px;padding:0px;	padding-right:10px !important;}
		.home .mapimg{margin:0px 0;}		
		.home .mapdescription{color:#b11710;	margin:20px 0 35px 0;line-height:1.2em;}		
		.home .mapaddress{ color:#b11710;padding:0px 60px 10px 60px;}
		.home .mapaddresstitle{font-weight:bold;padding:5px 0;margin:0px;}	
		.home .mapaddressdescription{ padding:0px 0;line-height:1.2em;}	
		.home .mapredlabel{color:#9b2e2c;padding:10px 0;font-weight:bold;}
		.home .mapbluelabel{color:#1788c7;padding:10px 0;font-weight:bold;}		
		.home .Application{background-color:#dd7a7c;	background-repeat:no-repeat;background-size:cover;padding:40px 0;}
		.col-centered{ float: none; margin: 0 auto;}
		
		/*Application*/
		
		.Application .section-heading h2{color:#fff;}		
		.applicationbox{border:0px solid #dc393c;margin-bottom: 45px;padding:0 4%;}
		.applicationbox .imgcaption{	padding:8px 0;font-weight:bold;background-color:#d6191c;color:#fff;	}
		.applicationbox a:hover img{	opacity:0.8;text-decoration:none;}
		.applicationbox a:hover .imgcaption{	opacity:0.8;color:#ababab;}
		.mobileapplicationlist{display:none;}
		.desktopapplicationlist{display:block;}
		
		/*Clients*/		
		.Clients{background-color:#fff;	padding:60px 0;	}		
		.Clients .section-heading h2{color:#b11710;}		
		.Clientsbox{ border:0px solid #dc393c;padding:0 !important;}
		
		/*Contact*/			
		
		#contact{background-color:#f1f1f1;}		
		#contact .section-heading h2{color:#a41e23;}
		.contactForm .form-control{
			padding:10px 12px;
		}
		
		.carousel-control img{width: auto !important; opacity: 0.5 !important;}
		.carousel-control{margin-top: 19.1%; }
		.carousel-control.left{left:-84px;}
		.carousel-control.right{right: -10px !important;}	
		.owl-carousel .owl-item img{width: auto;}
		.owl-nav{position: absolute;width: 100%;}
		.owl-nav{position: absolute;top: 15px;}
		.owl-prev{background: url("../img/icon/left.png") no-repeat;height: 64px;width: 64px;background-size: auto; 
    	position: absolute;left: -84px;}	
		.owl-next{background: url("../img/icon/right.png") no-repeat;height: 64px;width: 64px; background-size: auto;position: absolute;right: -75px;}	
	
		
		
			.company #large_banner .container-fluid{}
			.company .about_banner{position: relative;background:url('../img/about-us.jpg') no-repeat;background-repeat:no-repeat;background-size:cover;}
						
			.company left-red h3{color:#fff;font-size:24px;}			
			
			/*Second Left Navigation*/
			
			.second-left-nav{padding:40px 0;}	
			
			.second-left-nav .listitem
			{position:relative;background:url('../img/bg-image.png') no-repeat;background-position:top left; margin:10px 0;height:60px;margin-left:40px;}			
			.second-left-nav .listitem .link{position:relative;padding-left: 70px;padding-top: 20px;}	
			
			.company .aboutus h3{color:#b64b4f;font-size:24px;margin-top:30px;}
			.firstitemsectionheading  {margin-top:0px !important;}	
			.aboutus .aboutcontent{padding:40px 0 0 0;}			
			.company .itemsection{padding:0px 20px 0px  0;}
			.company .itemsection{margin:0px 0px 0px  0;}			
			.company .aboutuscontent{padding:0 10px 0 0px;	color:#000;line-height:1.3em;}
			p.blank{margin:0px !important;}
			/*Quality Strength */
			.aboutsubdescription ul li{color:#000;	line-height:1.8em;}			
			.strengthcontent{padding:0 10px;}
			.strengthicon{margin-left:6px !important;}
			
			/*Quality Standard */
			.aboutsubdescription .aboutsubdescriptiontitle{font-size:18px;padding:40px 0;color:#000;font-weight:bold;Text-transform:uppercase;letter-spacing:1px;}	
			.oursupporttext{padding:15px 0;color:#000;font-weight:bold;Text-transform:uppercase;}
			.aboutsub{padding:20px 0;}			
			.aboutsubtitle{font-size:16px;font-weight:bold;padding:5px 0;}			
			.company  .qualitycontent{padding:20px;}		
			.ISO9001{margin:15px;padding:20px;}	
			.techsupporticon{margin-left:30px !important;margin-right:10px;}
			
			/*technical-support*/						
			.technical-support ul li{margin-left:15px;}			
			.technical-support .red{color:#cb0a12;}			
			.technical-support-icon{margin:5px 0 10px 0;}			
			.technical-support .aboutsubtitle{padding:22px 0 0px 0;}
			
			/*productionandlab*/			
			.labsection .imgcaption{line-height:1.2em;padding:10px 0;}			
			.productionandlab ul li{margin-left:15px;line-height:0.9em;padding:3px 0;}			
			.productionandlab ul{list-style-type:decimal;}
			.labsection ul li{margin-left:15px;padding:3px 0;}	
			.productionimagelist{margin-top:10px;}			
			.aboutcontent {margin-bottom:40px;}
			
			/*Evolution*/
			 .evolutiontree{margin-left:105px;padding:20px 0;}
			.timeline ul li{list-style-type:decimal;}
			
			
			.timelinetext2line{	padding-top:10px;padding-left:0px;	}
			.timelinetext2lineright{padding-top:25px;padding-left:0px;}
			.timelinetext3line{padding-top:10px;padding-left:5px;list-type:number;}
			.timelinecaptionsmall{position:relative;margin-top:-40px;margin-left:15px;font-weight:bold;}
			.timelinetext3lineright{padding-left:40px;}
			
			.timelinecaptionbig{position:relative;margin-top:-55px;margin-left:30px;font-weight:bold;}
			.timelinemargin20{margin-top:20px;margin-bottom:20px;}
									
			.timelinemargin40{margin-top:40px;margin-bottom:40px;}									
			.timelinemargin50{margin-top:50px;margin-bottom:50px;}	
				
			.company .evalutiontitle{font-weight:bold;font-size:16px;}
			.company .evalutionlist li{margin-left:20px;}
			
			.company .second-left-nav {margin:40px 0;}
			.company .nav-stacked li{position:relative; background:url('../img/bg-image.png') no-repeat;background-position:top left;margin:10px 0;	height:60px;margin-left:40px;}			
			.company .nav-stacked li a {padding: 20px 80px !important;color:#b64b4f;font-weight:bold;}			
			.company .nav-stacked li.active a, .nav-stacked>li.active>a:hover, .nav-stacked>li.active>a:focus{
				background:none !important;color:#666;font-weight:bold;}	
				
			.company .nav-stacked>li>a:hover,.nav-stacked>li>a:focus{background:none !important;font-weight:bold;}		
			
			.company .navbar-bright { background-color:#111155; color:#fff;}
			.company .fixed {position: fixed;top: 110px;}
			.company .bottom {position: absolute;bottom: 0;top: auto;}		
			.company .bottomfixed {position: fixed;bottom:0;top: auto;width:100%;}	
			.company .marginbottom{margin-bottom:300px;}
			/*.company footer{display:none;}*/
			
			
			
			/*Product Page*/
			
		.productpage .about_banner{position: relative;background:url('../img/product.jpg') no-repeat;
			background-repeat:no-repeat;}
			
		.parentDiv {position: relative;}

		.childDiv {

		    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    height: 50%;
    margin: auto;
	}
		
		.about_banner{background-size:100%;background-position:top right !important;}
		/*common for all inside pages banner*/
		.about_banner .left-red{background-color:#b11710;padding: 9% 9% 9% 9%;color:#fff;
			opacity:0.8;min-height:340px;}
			
			.company .about_banner .left-red{background-color:#b11710;padding: 9% 9% 9% 9%;color:#fff;
			opacity:0.8;}
			
			.kc_banner .left-red{padding:9% 9% 9% 9%;}
		
		.left-red h3{color:#fff;font-size:24px;margin-bottom:7px;}
		.left-red h2{color:#fff;font-size:16px;line-height:28px;}
		.productpage .second-left-nav{padding:40px 0;}			
		.productpage .second-left-nav .listitem{position:relative; background:url('../img/bg-image.png') no-repeat;background-position:top left;margin:10px 0;height:60px;margin-left:40px;Text-transform:Uppercase;font-size:16px;}		
		.productpage .second-left-nav .listitem .link{position:relative;padding-left:70px;padding-top: 20px;}		
		.productpage .second-left-nav .listitem .link a{color:#b64b4f;font-weight:bold;cursor: default;}			
		.productpage .second-left-nav .active .link a{color:#666;}		
		.productpage .aboutus h3{color:#b64b4f;font-size:24px;}				
		.productpage .aboutuscontent{ padding:0 10px 0 60px;color:#000;}		
		.productpage .aboutsub{padding:20px 0;}
		
		.productpage .aboutsubtitle{font-size:16px;font-weight:bold;padding:5px 0;}
		.productpage .sublist{margin-left: 110px;margin-left: 110px;margin-bottom: 19px;font-size:14px;}
		
		.productpage .sublist ul li{padding:3px 0;list-style: none;	}
		.productpage .sublist ul li a{cursor: pointer;}	 	
		.productpage. second-left-nav .sublist .link{position:relative;}
		
		.productpage .second-left-nav .sublist .link a{color:#000;}		
		.productpage .second-left-nav .sublist .link a.active{color:#b64b4f;}	
		
		.product {padding: 40px 40px 60px  0;padding-right:40px !important;}
		
		.product h2{ color:#bc2127; font-size:24px; text-transform:uppercase;}
		
		.productdescription{ font-weight:400 !important; font-size:14px;}
		
		.product ul {padding: 0px 30px 0 0;}
		
		.product ul li {color:#000;	padding:0px 0 10px 0;}
		
		.padding60{	padding:40px 0 20px 0;}
		.padding30{padding:20px 0 40px 0;}
		
		.firstrow{	padding:40px 0 20px 0;}
		
		.productcaption{color:#000;padding:10px 0;width:90%;}
		
		.downloadbrochure{	margin:0px 0; padding:0px;	}
		
		
		.downloadbrochureimg{float:left;padding:0px 0px 0px 0px;}

		.brochureimgtext{ float:left; color:#000; text-transform:uppercase; font-size:12px;	font-weight:bold; padding:15px 5px 5px 15px;}
		.hideproduct{display: none;}
		
		.visibleproduct{ opacity: 0;  -webkit-transform: translateY(50px);  transform: translateY(50px);}
		.visibleproduct.go { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

		.product-item row{ margin-left:0px !important; margin-right:0px !important;	}
		.product  a:hover .brochureimgtext{color:#e32621;}
		
		
		/* Keyproject */
		.keyprojects #large_banner .container-fluid{}		
		.keyprojects .about_banner{position: relative;background:url('../img/projects.jpg') top right no-repeat;}						
		.keyprojects .second-left-nav{padding:40px 0;}			
		.keyprojects .second-left-nav .listitem{position:relative;background:url('../img/bg-image.png') no-repeat;	background-position:top left;margin:10px 0;height:60px;margin-left:40px;}		
		.second-left-nav .listitem .link{position:relative;padding-left: 70px;padding-top: 20px;color:#b64b4f;font-weight:bold;font-size:18px;}	
		.sublist{  margin-left: 110px;margin-left: 110px;margin-bottom: 19px;}		
		.sublist ul{list-style:none;}
		.sublist ul li{	margin:6px 0;}		
		.sublist ul li a{ cursor: pointer;	}		
		.second-left-nav .sublist .link{position:relative;}		
		.second-left-nav .sublist .link a{color:#000;}		
		.second-left-nav .sublist .link a.active{color:#b64b4f;}		
		.keyprojects .features{color:#000;	padding:40px 40px 40px 40px;}		
		.keyprojects .featuresimg{	margin:5px 0;}		
		.keyprojects .features hr{	padding:0px;margin:5px 0;background-color: #b11710; height: 2px; width: 90%;text-align:left;}
		
		.keyprojects .featurestitle{font-weight:bold;padding:5px 0;margin:0px;}		
		.keyprojects .featuresdescription{padding:5px 70px 5px 0px;}			
		.keyprojects .contenttitle{	color:#bc2127;	font-size:28px;	text-transform:uppercase; margin-bottom:20px;}		
		.keyprojects .projectscontent{padding:40px 0;}
		.keyprojects .hideclient{display: none;}		
		.keyprojects .visibleclient{ opacity: 0;	-webkit-transform: translateY(50px); transform: translateY(50px);}
		.visibleclient.go {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
		.client-item {height:300px;}
		
		
		
		/*Application*/
		
		.applicationpage .about_banner{position: relative;background:url('../img/applicationbanner.jpg') top center no-repeat;	background-repeat:no-repeat;min-height:340px;}
		
				
		.applicationpage .applicationpara{padding:0px 40px 20px 40px !important;}			
		.second-left-nav{padding:0px 0;}	
		
		.applicationpage .second-left-nav .listitem{position:relative;	background:url('../img/bg-image.png') no-repeat;background-position:top left;margin:10px 0;height:60px;margin-left:40px;text-transform:Uppercase;font-size:16px;}
		
		.applicationpage .second-left-nav .listitem .link{ position:relative; padding-left: 70px; padding-top: 20px;	}		
		.applicationpage .second-left-nav .listitem .link a{ color:#b64b4f; font-weight:bold; cursor: default;}						
		.applicationpage .second-left-nav .active .link a{color:#666;}
		
		.applicationpage .application{ padding:40px 70px 40px 70px;}		
		.applicationpage .applicationcontent{ padding: 40px 20px 0px 0;}		
		.applicationpage .application h3{ color:#b64b4f; font-size:24px;}		
		.applicationpage .application h5{margin:10px 0;text-transform:uppercase;font-size:20px;}		
		.applicationpage .application .aboutcontent{ padding: 47px 0;}
		.applicationpage .aboutuscontent{ padding:0 10px 0 60px; color:#000;}		
		.applicationpage .aboutsub{ padding:20px 0;}
		
		
		.applicationpage .aboutsubtitle{ font-size:16px; font-weight:bold; padding:5px 0;}
		.applicationpage .sublist{ margin-left: 110px; margin-left: 110px; margin-bottom: 19px; font-size:14px;	}		
		.applicationpage .sublist ul li{ padding:3px 0; list-style: none;}

		.applicationpage .sublist ul li a{ cursor: pointer;}
		.applicationpage .second-left-nav .sublist .link{ position:relative;	}
		
		.applicationpage .second-left-nav .sublist .link a{color:#000;}		
		.applicationpage .second-left-nav .sublist .link a.active{color:#b64b4f;}	
		
		.applicationpage .application {padding: 40px 0;}		
		.applicationpage .application h2{color:#bc2127;font-size:24px;text-transform:uppercase;margin-bottom:20px;}				
		.applicationpage .applicationlist{padding: 10px 0;font-weight:bold;list-style-type:decimal;}		
		.applicationpage .applicationlist li { color:#000; font-weight:normal; margin-left:20px; padding:10px 0 0 0;	}		
		.applicationpage .applicationsublist{list-style-type:lower-alpha;}
		.applicationpage .applicationlistbullet{list-style-type:default;}
		.applicationpage .applicationlistbullet li{color:#000; font-weight:normal; margin-left:20px; padding:10px 0 0 0;	}		
		.hideapplication{display: none;}		
		.visibleapplication{ opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px);}
		.visibleapplication.go { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
		
		.readmorelink{cursor:pointer;}
		.applicationpage .applicationimage{ padding:30px 0 42px 0;}
		
		
		/*Carreeers*/
		
		.careers_banner{ position: relative; background:url('../img/careersbanner.jpg') top right no-repeat;
			background-repeat:no-repeat;}		
		.careerspara{padding:40px 40px 40px 40px !important;}		
		.careerspara p{	padding:5px 0;}						
		.careers h2{color:#b64b4f; font-size:24px;margin-bottom:10px;}
		
		
		
		
		
		/*Contact Us*/
		
		.contactus_banner{ position: relative; background:url('../img/contact-us.jpg') top right no-repeat;
		background-repeat:no-repeat;}		
		.contactuspara{	padding:40px 40px 40px 40px !important;color:#000 !important;}		
		.contactuspara p{ padding:5px 0;}			
		.contactus h2{color:#b64b4f; font-size:24px;margin-bottom:10px;	}
		
		
		
		a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

a[href^=tel]{ color:#000; text-decoration:none;}

		
		/*KCCenter*/
		
		.kc_banner{ position: relative; background:url('../img/kcenter.jpg') top right no-repeat;
		background-repeat:no-repeat;}			
			
		.kccenterpara{padding:40px 40px 40px 40px !important;}		
		.kccenterpara p{	padding:5px 0;}						
		.kccenter h2{color:#b64b4f; font-size:24px;margin-bottom:10px;}
		.blogbox{padding:20px 40px 40px 0;}
		.kctitle{padding:0 0 10px 0; text-transform:uppercase;font-weight:boldest;color:#bc2127;line-height:1.4;}
		.kctitle a{color:#bc2127}
		.kcdescription{line-height:1.3}
		.application .fixed {position:fixed;top: 110px;}
		.projects .fixed {position:fixed;top: 110px;}
		.productpage  .fixed {position:fixed;top: 110px;}
		
		.has-feedback .form-control-feedback{
			top:0px !important;
		}
		
		.help-block{
			text-align:left;
		}
		
		
		
		#target{padding:10px 0;}
		.selectpicker{display:none;}
		.desktop-hide{display:none;}
		/* Mobile layout**/
		
		@media (width:768px){
			.carousel-inner .caption{
				padding:4% 4%;
			}
			.carousel-inner .caption h3{
				font-size:20px;
				margin-bottom:10px;
			}
			.red-tape {
				display: none;
			}
			
			.navbar-custom ul.nav li a{
				font-size:10px;
				padding:5px;
			}
			.site-logo img {
				padding: 15px !important;
				width:100%;
			}
			
			#navigation {
				padding: 10px 0 0 0;
			}
			.navbar{
						padding: 4px 0 4px 0;
			}
			.marginbot-80 {
				 margin-bottom: 0px !important; 
			}
			.desktopapplicationlist{
				display:none;
			}
			.mobileapplicationlist{
				display:block;
			}
			.aboutus .aboutcontent, .product, .applicationpage .applicationcontent{
				padding:20px 40px !important;
			}
			.second-left-nav{
				display:none;
			}
			.selectpicker{
				padding:10px;
				margin:2%;
				width:96%;
				display:block;
				background-color: #a41e23;
				color:#fff;
				border:none;
			}
			
			
			
			.fixednav {position:fixed;left:0px; background-color:#ff000;z-index:9;margin-top:0px;}
			
			.about_banner .left-red{
				    min-height: 200px !important;
					padding: 0% !important;					
			}
			.applicationpage .about_banner{
				 min-height: 200px !important;
			}
			
			.keyprojects .featuresdescription {
				padding: 5px 5px 5px 0px;
			}
			
			.keyprojects .features{
				    padding: 10px 30px;
			}
			.keyprojects .projectscontent{
				 padding: 20px 0;	
			}
			
			.keyprojects .contenttitle{
				font-size: 20px;
			}
			
			.applicationpage .applicationimage {
					padding: 20px 0 30px 0;
				}
				
				#target {
					padding: 0px 0;
				}
			.contactus h2, .kccenter h2, .careers h2,.applicationpage .application h2,.product h2,.company .aboutus h3, .section-heading h2{
				font-size:20px;
			}
			
			#navigation .nav li:first-child  a{
				margin-left: 10px;
			}
			
		}
		
		@media (width:1024px){
			
			.navbar-custom ul.nav li a {
				font-size: 11px;
				letter-spacing: 0px;
			}
			
			.site-logo {
				padding-left: 9%;
			}
			
			#menu {				
				margin-left: 27px;				
			}
			
			.company .nav-stacked li {
				margin-left: 20px;
			}
			
			.company .nav-stacked li a {
			padding: 20px 70px !important;				
			}
			
			.timelinetext2lineright { 
					padding-left: 20px;
			}
			.timelinetext3lineright {
					padding-left: 26px;
			}	
			.timelinetext3line {   
					padding-left: 20px;
    		}
			
			 .second-left-nav .listitem{
				margin-left: 20px !important;
			 }
			 .second-left-nav .listitem .link{
				padding-left: 56px;
			 }
			 .sublist{
				margin-left:80px;
			 }
			 .product{
				padding: 30px;
			 }
			 .product h2{
				font-size: 20px;	
			 }
			 .aboutcontent {
				padding: 0px 30px 0px 30px !important;
			 }
			 .company .itemsection{
				padding:0px;
			 }
			
			.projectscontent {
				padding: 0px 30px 0px 30px !important;
			}
			.keyprojects .featuresdescription {
				padding: 5px 5px 5px 0px;
			}
			
			.applicationpage .second-left-nav .listitem .link {
					padding-left: 56px;				
			}	
			.productpage .second-left-nav .listitem .link{
				padding-left: 56px;
			}
			.productpage .sublist{
				margin-left:80px;
			}
			.applicationpage .sublist{
				margin-left:80px;
			}
			.applicationcontent{
				padding: 0px 30px 0px 30px !important;
			}
			.keyprojects .contenttitle{
				font-size: 20px;
				margin-bottom: 0px;
			}
			
			.keyprojects .features{
				padding:20px;
			}
			.section-heading h2{
				font-size:20px;
			}
		}
		@media (max-width:767px) {
			#navigation {
				padding: 20px 0;
			}
			.navbar{
				border: 0 !important;
			}
			
			.about_banner .left-red{
				
			}
			.left-red h3 {  
				font-size: 16px;
				margin-bottom: 5px;
			}
			.home .map div{
				padding-left: 10px !important;
				padding-right: 10px !important; 
			}
			.section-heading h2{
				font-size: 20px;
			}
			.contactus h2, .kccenter h2, .careers h2,.applicationpage .application h2,.product h2,.company .aboutus h3, .section-heading h2{
				font-size:20px;
			}
			.childDiv{
				width: 90%;
			}
			.navbar .row{
			    margin-left: 0px !important;
			    margin-right: 0px !important;
			}
			.featuresections{
			  margin-left: 0px !important;
			    margin-right: 0px !important;
			}
			.about_banner .left-red{
				    min-height: 175px !important;
					padding: 0% !important;					
			}
			.applicationpage .about_banner{
				 min-height: 175px !important;
			}
			
			.company .about_banner .left-red{
				    min-height: 195px !important;
					padding: 0% !important;					
			}
			.carousel-inner .caption{
				height:100% !important;
				min-height:175px;
			}	
			
			.exploremore svg:not(:root) {
					overflow: hidden;
					width: 17%;
			}
			
			.home .maptitle h5 {
				color: #b11710;
				font-weight: bold;
				font-size: 19px;
				margin: 5px;
				padding: 5px;
			}
			
			.applicationbox {
				padding: 20px 30px !important;
				margin-bottom: 0px !important;
			}
			
			.marginbot-50{
				margin:0px !important;
			}
			
			.home .Application { 
				padding: 30px 0;
			}
			
			.Clients {
					background-color: #fff;
					padding: 30px 0;
			}
			
			.WIDESTRANGE .left-red {
				padding: 20px 30px 20px 30px;    
			}
			
			.featuresections {
				padding: 30px 0;
			}
			
			.home .features {
				color: #000;
				padding: 10px 40px 10px 40px;
			}
			
			.home-section {
				padding-top: 30px;
				padding-bottom: 30px;
				margin-left: 0px !important;
			    margin-right: 0px !important;				
			}
			
			#menu{
				padding-left:0px;
				padding-right: 0px;
			}
			
			.whoweare .left-red {				
				padding: 30px 30px 30px 30px;				
			}
			
			.marginbot-80{
				margin-bottom:0px !important;
			}
			
			.marginbot-40{
				margin-bottom:0px !important;
			}
			
			.marginbot-60{
				margin-bottom:0px !important;
			}
			
			#navigation {
				padding: 0px 0 0px 0;
				border: 0;
			}
			
			.site-logo {				
				float: none;
				margin: 0 0 00px 0px;
				padding-left:15px;
				padding-top:5px;
			}
			
			.site-logo  img{				
				width:100px;
			}
			
			.navbar-header {
			margin-top: -55px;
			padding: 0;
			}

			.carousel-inner .caption{
				position: relative;
				width: 100%;				
				padding: 5% 5% 5% 5%;
				background: rgba(177,23,16,1);
			}
			
			
			.carousel-inner .caption h3{
				font-size:15px;				
				margin-bottom:0px;				
			}
			
			.home .exploremore {
				color: #000;
				padding: 10px;
			}
			
			#navigation .navbar-nav > li {
				width:100%;				
			}
			
			#navigation .nav li:first-child {				
				width:100%;
			}
			
			.mobilemenu{
				width:100%;
			}
			
			#navigation  #menu{					
					margin-top:0px;
					border: 0;
			}
			
			.navbar-nav {
				margin: 0px;				
			}
			
			.navbar-header button.navbar-toggle {
				padding: 9px 12px;
				background-color: #a21115;
				margin-right: 15px;
				margin-top: 15px;
			}
			
			.navbar-custom ul.nav li a{
				color:#fff;
			}
			
			.navbar-custom ul.nav li a:active{
				color:#ccc !important;
			}
			
			.navbar-custom ul.nav li a:hover{
				color:#ccc !important;
			}
			
			.navbar-custom ul.nav li a{
				color:#fff !important;
			}
			
			.navbar-header button {
				
			}
			.navbar-toggle:focus, .navbar-toggle:active,.navbar-toggle:hover{
				background: #cb0a12 !important;
			}
			
			.site-logo img{
				
			}
			
			footer{				
				padding: 0px 0;				
			}
			
			.home .map {
				padding: 0px 0 0 0;
			}
			
			.address{
					padding: 0px 15px;
			}
			
			.footlogo {
				margin-bottom: 5px;
			}
			
			ul.footer-menu {
				list-style: none;				
				text-align:center;
				margin-bottom:20px !important;
			}
			.copyrightinfo{
				margin:20px 0 0 0;
			}
			.footerclass .row{
				margin:0px !important;
			}
			ul.footer-menu li{				
				padding:0px 0;
				font-size:8px;		
				margin:0px !important;
				float:none;
				text-align:left;
				
			}
			
			ul.footer-menu li a {	
				padding-left:0px !important;
				margin-right:5px;				
			}
			
			.Clients .section-heading h2 {
				font-size: 18px;				
				margin-bottom: 18px;
			}
			
			.owl-prev{
				left:5px;
			}
			
			.owl-next{
				right:5px;
			}
			
			.clientimg{
				text-align:center;
			}
			
			.Clients .item {
					margin: 10px;
					padding: 0 30%;
			}
			
			
			.product{
				padding:20px !important;
			}
			
			/*Application*/
			.applicationpage .application {
				padding: 20px 10px;
			}
			
			.applicationpage .applicationpara {
				padding: 0px !important;
			}
			
			.applicationpage .applicationcontent{
					padding: 0px !important;
			}
			
			.applicationpage .application h2{
				margin:0px;
				font-size:18px;
			}
			
			
			.applicationpage .applicationimage{
				padding: 10px 0;
			}
			
			.contactuspara, .kccenterpara, .careerspara {
				padding: 20px 10px !important;
			}
			
			.contactuspara {
				padding: 20px 10px !important;
			}
			
			.blogbox {
					padding: 10px 0 20px 0;
			}
			
			.kccenter h2{
				font-size:20px;
			}
			
			.aboutus .aboutcontent{
				padding: 20px 10px !important;
			}
			.company .aboutus h3{
				
			}
			.company .itemsection{
				padding: 0px !important;
			}
			.aboutsub {
				padding: 0px 0;
			}
			.aboutsub  .svg{
				text-align:center;
			}
			.aboutsub  .nopad{
				padding:15px !important;
			}
			
			.company .aboutus h3{
				font-size:20px;
				margin-bottom:20px;
				margin-top:0px;
			}
			.evolutiontree{
				margin-left: 90px;
			}
			
			.strengthcontent .nopad{
				padding:10px 20px !important;
			}
			.strengthcontent .svg{
				text-align:center;
			}
			.strengthicon{
				margin-left:0px;
			}
			
			#sec1, #sec2, #sec3,#sec4 ,#sec5,#sec6,#sec7,#sec8,#sec9{
				margin:0px !important;
				padding:0px !important;
			}
			
			.timelinetext2line {
				padding-top: 40px;
				padding-left: 39px;
			}
			
			.timelinetext2lineright {
				padding-top: 60px;
				padding-left: 25px;
			}
			
			.timelinetext3line {
				margin-top: -50px;
				padding-left: 25px;
				list-type: number;
			}
			
			.timelinetext3lineright {
				padding-left: 40px;
				margin-top: -25px;
			}
			.ISO9001{
				text-align:center;
				margin-left:0px;
				padding-left:0px;
			}
			
			.aboutsubdescription .aboutsubdescriptiontitle{
				margin:0px;
				padding:0px;
				line-height:1.3;
				letter-spacing:0px;
			}
			
			.techsupporticon {
				text-align:center;
				margin-left:0px !important;
				padding-left:0px;
			}
			.oursupporttext{
				padding:15px !important;
			}
			
			.carousel-inner .caption {top: -3px;}
			
			/*Product*/
			.product h2{
				font-size:20px;
				margin:0px 0  10px 0;
			}
			.product-item img{
				width:100%;
			}
			#target {
				padding: 0px 0 !important;
			}
			
			.firstrow{	padding:20px 0 20px 0;}
			.productimagemain{padding-bottom:20px !important;}
			
			.second-left-nav{
				display:none;
			}
			.selectpicker{
				padding:10px;
				margin:2%;
				width:96%;
				display:block;
				background-color: #a41e23;
				color:#fff;
				border:none;
			}
			
				optgroup {
					background-color: white;
					color: black;
				}
			
				option {				
					color: white;				
				}
								
			.about_banner .left-red {				
				padding: 2% 2% 2% 2%;
				min-height: 180px;
			}
			.childDiv{
				margin-top:4%;
			}
			
			.fixednav {position:fixed;left:0px; background-color:#ff000;z-index:9;margin-top:0px;}
			
			.client-item {  height: 220px;}
			.keyprojects .features{padding:20px;}
			.keyprojects .contenttitle{font-size: 24px;}
			
			.applicationcontent{margin-top:10px;}
			
			.mobileapplicationlist{display:block;}
			.desktopapplicationlist{display:none;}
			
			.kctitle {
				padding: 10px  0;
			}
			
			.desktop-hide{display:block;}
			
			.productpage .about_banner .left-red {
				min-height: 130px !important;			
			}
			
			.keyprojects .about_banner .left-red {
				min-height: 140px !important;			
			}	
			
			.applicationpage .about_banner  {
					min-height: 160px !important;
			}
			
			.applicationpage .about_banner .left-red {
					min-height: 160px !important;
			}
			
			/*svg:not(:root) {					
					width: 25%;
			}*/
			svg#banner1 {
    width: 100%;
}
			
		}
		
		
		
		/* CSS used here will be applied after bootstrap.css */
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.carousel-inner.anim > .item {
  left: 0;
}

.carousel-inner.anim > .next,
.carousel-inner.anim > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner.anim > .next.left {
  
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration:0.6s;
          animation-duration:0.6s;
    

}
.carousel-inner.anim > .prev.right {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration:0.6s;
          animation-duration:0.6s;
   

}
.carousel-inner.anim > .active.left {
    -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
  -webkit-animation-duration:0.6s;
          animation-duration:0.6s;
 	

}
.carousel-inner.anim > .active.right {
	    -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
  -webkit-animation-duration:0.6s;
          animation-duration:0.6s;

}