@charset "utf-8";
/* CSS Document */

*{

	margin:0;

	padding:0;

	font-family:Calibri;

	}

body, html {

	margin:0;

	padding:0;

	font-family:Calibri;
	

	

	}

img {

	border:none;

	}

ul{

	padding:0;

	margin:0;

	list-style:none;

	font-family:Calibri;

	}

ul li{

	color: #646464;font-size: 13px;line-height: 22px;text-align: justify;}

a {

	text-decoration:none;

	font-family:Calibri;

	}

h1,h2,h3,h4,h5,h6{

	margin:0;

	padding:0;

	}

h5{

	font-size:16px;
	float:left;

	color:#914113;
	width:100%;

	font-family:Calibri;

	}

	

.h3_1{
	font-size:18px !important;}

h3{

	color: #fff;

    font-size: 20px;

	margin: 10px 0;

	width: 100%;

	float:left;

	text-transform:capitalize

	

	}



h2{

	 color: #f05643;

   font-family:Calibri;

    font-size: 27px;

    font-weight: normal;

    *text-transform: uppercase;

	

	}

h4{

	float:left;

	

	}



h6{

	color: #208CBC;

    float: left;

    font-size: 16px;

    width: 100%;

	margin: 14px 0;

	}

h6 a{

color: #208CBC;

text-decoration:underline;

}


 .span1 {
    color: #000000;
    font-family: Calibri;
    font-size: 20px;
	margin:0px; padding:0px !important;
}

em{

	}

	

p{

	margin:10px;

	font-family:Calibri;

	text-align:justify;

	color:#fff;

	font-size: 13px;

	}

.wrapper{

	margin:0 auto;

	width:1000px;

	}

.fullwrapper{
width:100%;
float:left;

}

/*--------Home logo scrolling css--------*/

/* .b-right {
    cursor: pointer;
	right: 184px;
	margin-left: 10px;
    margin-top: -53px;
	position: absolute;
	 z-index: 100;
   }*/
.paginate{}
 .b-right {  
   cursor: pointer;
     left: 94%;
    margin-right: 10px;
    margin-top: 0;
    position: relative;
    top: -52px;
    z-index: 100;
 }

/*.b-left {
    cursor: pointer;
	left: 184px;
	margin-right: 10px;
    margin-top: -53px;
	position: absolute;
	 z-index: 100;

}*/
 .b-left {cursor: pointer;
    left: 13px;
    margin-right: 10px;
    margin-top: 0;
    position: relative;
    top: -52px;
    z-index: 100;}
 
/*--------Home logo scrolling css End--------*/

.fullwrapper header{
	  float: left;
    width: 100%;
	background-color:#fff;}
.fullwrapper header .wrapper .logo{
	    float: left;
    width: 20%;
	 margin: 16px 0 10px;}
.fullwrapper header .wrapper .logo img{
	width:100% !important;
	}
.fullwrapper header .wrapper .right{
	 float: right;
    width: 492px;}
.fullwrapper header .wrapper .right ul{
	float: right;
    margin: 15px 0 0;}
.fullwrapper header .wrapper .right ul li{
	font-size: 15px !important;
	float:left;
	text-transform:uppercase;}
.fullwrapper header .wrapper .right ul li:nth-child(1),
.fullwrapper header .wrapper .right ul li:nth-child(2){
	 float: left;
    margin: 10px 10px 0;}
.fullwrapper header .wrapper .right ul li a{
	color:#71788a;}
	.fullwrapper header .wrapper .right ul li a:hover{
	color:#bf1e2d;}
	
.fullwrapper header .wrapper .right ul li img{
	 margin: 0 1px;}

.fullwrapper header .wrapper nav{
	float: right;
    *width:692px;
	border-radius:10px !important;
	background: url(../images/nav_bg.jpg)  top left repeat-x;
	margin-bottom:3px;
	margin: 29px 0 0 0;
	border:solid 1px #d5d3d4;
	}
	
	
.fullwrapper header .wrapper nav ul{
	float: right;
    margin:0;
	padding:0;
	
	
	}
.fullwrapper header .wrapper nav ul li{
	float: left;
    padding: 11px 0 11px 0;
    text-transform: uppercase;
	background:url(../images/nav_devider.jpg) right center no-repeat;
	 font-size: 16px;
	}
	
	.fullwrapper header .wrapper nav ul .border-none{
		background: none !important;
	}
	
	
	
	
.fullwrapper header .wrapper nav ul li a{
	padding: 13px 12.3px 12px;
	color: #222222;
	}
.fullwrapper header .wrapper nav ul li a:hover {
	 background-color:#c63442; color: #FFF; 
	    }
.fullwrapper header .wrapper nav ul li:first-child a{
	border-radius: 10px 0 0 10px;
	     -ms-border-radius: 10px 0 0 10px;
		   -webkit-border-radius: 10px 0 0 10px;}
.fullwrapper header .wrapper nav ul li:last-child a{
	border-radius:0px 10px 10px 0px;
	     -ms-border-radius:0px 10px 10px 0px;
		   -webkit-border-radius:0px 10px 10px 0px;}
.fullwrapper header .wrapper nav ul li a.active{
    border-bottom:none !important;
	color: #FFF;
	}
.fullwrapper header .wrapper nav ul li:hover{
	}
.fullwrapper .banner{
	width:100%;
	height:auto;}
.fullwrapper .banner img{
	width:100%;
	height:auto;}
.fullwrapper .middlecontent{
	float:left;
	width:100%;
	background-color:#f5f5f5;
	border-top:5px solid #e8e8e9;
	padding-bottom:33px;}
.fullwrapper .middlecontent .wrapper ul{
	float:left;
	width:100%;
	 margin: 33px 0 0;}
.fullwrapper .middlecontent .wrapper ul li{
	 background-color: #fff;
    float: left;
    margin: 0 7px;
    padding: 8px 10px;
    width: 299px;
	text-align: center;
	min-height: 409px;}
.fullwrapper .middlecontent .wrapper ul li img{
	width:100%;}
	.fullwrapper .middlecontent .wrapper ul li .img{ width:20%;
}
	.fullwrapper .middlecontent .wrapper ul li .img1{ width:20%; margin-left:30px;
}

.fullwrapper .middlecontent .wrapper ul li span{
	color:#000000;}
.fullwrapper .middlecontent .wrapper ul li h2{
	color:#bf1e2d;
	 margin: 9px 0 0;
	 font-size:18px;
	  text-transform: uppercase;}
.fullwrapper .middlecontent .wrapper ul li h2 strong{ color:#bf1e2d; font-weight:bold; }
.fullwrapper .middlecontent .wrapper ul li p{
	color: #222;
	font-size:15px;}
.fullwrapper .middlecontent .wrapper ul li .readmore{
	background-color: #bf1e2d;
    padding: 4px 12px;
	 position: relative;
    top: 23px;}
.fullwrapper .middlecontent .wrapper ul li .readmore a{
	color:#fff;
	text-transform:uppercase;}
	
.fullwrapper .logo-scrolling-main{
	background-color:#fff;
	float:left;
	width:100%;}
	
	.fullwrapper .logo-scrolling-sub{
	float:left;
	width:1000px;
	margin:28px 0 0 0;
	padding:0px;
	display:block;
	height:100px;
	border:solid 1px #c5c5c5;
	border-radius:2px;
	

	}
	
.fullwrapper .btmcontent{
	background-color:#fff;
	float:left;
	width:100%;}
	
	.fullwrapper .btmcontent .wrapper h1{
	color: #bf1e2d;
    font-size: 25px;
    margin: 43px 0 0;
    text-align: center;
    }
	
	.fullwrapper .btmcontent .wrapper h1 span{
	color: #404042;
    font-size:32px;
    margin: 43px 0 0;
    text-align: center;
    }
	
.fullwrapper .btmcontent .wrapper p{
	   color: #222;
    font-size: 16px;
    margin: 21px 0 0;
    text-align: center;}
.fullwrapper .btmcontent .wrapper span.readmore{
	 float: left;
    text-align: center;
    width: 100%;
	  margin: 23px 0 0;}
.fullwrapper .btmcontent .wrapper span.readmore a{
	background-color: #bf1e2d;
    padding: 4px 12px;
	 position: relative;
	color:#FFF;
	text-transform:uppercase;
	font-size:13px;
	}
	
.fullwrapper footer{
	border-top: 1px solid #ccc;
    float: left;
    margin: 34px 0 0;
    width: 100%;
	background-color:#404042;
	padding-bottom:4px !important;
	
	}
.fullwrapper footer .wrapper .bx1{
	 float: left;
    width: 300px;}
.fullwrapper footer .wrapper .bx1 h3{
	color: #FFF;
	font-size:21px;
	font-weight:normal;
	text-transform:uppercase;
	margin: 11px 0 0 22px;
	
	}
.fullwrapper footer .wrapper .bx1 ul{
	 float: left;
    width: 50%;
	margin:12px 0 0 0;
	
	}
	.fullwrapper footer .wrapper .bx3 ul{
	 float: left;
    width: 50%;
	}
	.fullwrapper footer .wrapper .bx3{
	width:220px;
	}
		.fullwrapper footer .wrapper .bx3 img{
			border-radius:3px !important;

	}
.fullwrapper footer .wrapper .bx3 ul{
	 width: 100%;
	 float:left;
	 margin-top:0 !important;
	 margin-left: 17px;
	 }
.fullwrapper footer .wrapper .bx3 ul li{
	    float: left;
    margin: 8px 4px 0 0;}
.fullwrapper footer .wrapper .bx3 ul li a{}
	
	
.fullwrapper footer .wrapper .bx1 ul li{
	text-transform:uppercase;}
.fullwrapper footer .wrapper .bx1 ul li a{
	color: #FFF;
	font-size:15px;}

.fullwrapper footer .wrapper .bx2{
	width:250px;
	}
.fullwrapper footer .wrapper .bx2 ul{
	 width: 100%;
	 float:left;}
.fullwrapper footer .wrapper .bx2 ul li{
	    float: left;
    margin: 8px 4px 0 0;}
.fullwrapper footer .wrapper .bx2 ul li a{}
.fullwrapper footer .wrapper .bx4{
	 float: left;
    margin:10px 0 0 0;
    padding: 0;
    width: 238px;
	color:#FFF;
	
	}
	
	.fullwrapper footer .wrapper .bx4 a{
		color: #FFF;
		text-decoration:none;
	}
	.fullwrapper footer .wrapper .bx4 a:hover{
		color:#20b8ff;
		text-decoration:none;
	}
	
	.fullwrapper footer .wrapper .bx4 span{
	 float: left;
    margin: 9px 0 0;
	font-size:18px;
	color: #FFF;
	text-transform:uppercase;}
	
	.fullwrapper footer .wrapper .bx4 .span{
    color: #fff;
    float: left;
    font-size: 14px;
    margin: 30px 0 0;
    text-align: center;
    text-transform: none;}
	
	.fullwrapper footer .wrapper .bx4 h3{
		color: #FFF;
		font-size: 21px;
		font-weight: normal;
		text-transform: uppercase;
		 margin-bottom: 0;
        padding-bottom: 0;
		margin-left: 45px;
		}
	

	
.fullwrapper footer .wrapper .bx3 span img{
	float: left;}
.fullwrapper footer .wrapper .bx3 span + span{
	 float: left;
    margin: 20px 0px 0 10px;
	font-size:18px;
	color: #FFF;
	text-transform:uppercase;}
/*------------------------------------------------------innerpages-------------------------------------------------------*/
.fullwrapper .banner_inner{
	 background-color: #4a7eb1;
    height: 387px;}
.fullwrapper .content{}
.fullwrapper .content .wrapper .left{
	float: left;
    width: 671px;
	border-bottom:1px dashed #cccccc;
	padding: 0 0 24px;
	}
	
	
	
	/*--------New style------------*/
	
	.fullwrapper .content .wrapper .left .img3{
	float: left;
	padding-bottom:15px;
	padding-right:20px;
	}
	
	.fullwrapper .content .wrapper .industries-div{
	float: left;
    width:1000px;
	border-bottom:1px dashed #cccccc;
	padding: 0 0 24px;
	}
	
	.fullwrapper .content .wrapper .industries-div h3 {
    border-bottom: 1px solid #cccccc;
    color: #bf1e2d;
    font-size: 25px;
    padding: 0 0 11px;
    text-transform: uppercase;
}
	.fullwrapper .content .wrapper .industries-div .img-main-div{
	float: left;
    width:240px;
	height:215px;
	background-color:#ebe9e9;
	display:block;
	margin-right:10px;
	border:solid 1px #e7e6e6;
	margin-bottom:20px;
	}
	
	.fullwrapper .content .wrapper .industries-div .img-main-div .title{
    float: left;
    width:240px;
	height:35px;
	background-color:#bcbcbc;
	margin:0px;
	padding:0px;
   }
   
   	.fullwrapper .content .wrapper .industries-div .img-main-div .title-1{
	background-color:#bcbcbc;
	float: left;
    width:240px;
	height:35px;
	margin:0px;
	padding:0px;
	
   }
   
    	.fullwrapper .content .wrapper .industries-div .img-main-div .title-1 span {
    color: #404042;
    float: left;
    font-family: Calibri;
    font-size: 20px;
    margin: 0;
    padding: 5px 0 0;
    text-align: center !important;
    width: 100%;
} 
   
   	.fullwrapper .content .wrapper .industries-div .img-main-div .title span {
    color: #404042;
    float: left;
    font-family: Calibri;
    font-size: 20px;
    margin: 0;
    padding: 5px 0 0;
    text-align: center !important;
    width: 100%;
}
	
	.fullwrapper .content .wrapper .industries-div .img-main-div-right{
	float: left;
    width:240px;
	height:225px;
	background-color:#ebe9e9;
	display:block;
	border:solid 1px #e7e6e6;
	}
	
		.fullwrapper .content .wrapper .industries-div .img-main-div-right{
	float: left;
    width:240px;
	height:215px;
	background-color:#ebe9e9;
	display:block;
	margin-bottom:20px;
	}
	.fullwrapper .content .wrapper .industries-div .img-main-div-right .title{
    float: left;
    width:240px;
	height:35px;
	background-color:#bcbcbc;
	margin:0px;
	padding:0px;
   }
   
   .fullwrapper .content .wrapper .industries-div .img-main-div-right .title span {
    color: #404042;
    float: left;
    font-family: Calibri;
    font-size: 20px;
    margin: 0;
    padding: 5px 0 0;
    text-align: center !important;
    width: 100%;
}
	
	.fullwrapper .content .wrapper .left .img{
		width: 14%;
margin-right: 5px;
	}
		
	
	.fullwrapper .content .wrapper .left .ul{
     width:330px;
	 height:auto;
	 float: left;
	 margin:0px;
	 padding:0px;
	
	}
	.fullwrapper .content .wrapper .left .ul li{
     width:330px;
	 height:auto;
	 float: left;
	 margin:0 0 5px 0;
	 padding:0 0 0 20px;
	 list-style:none;
	 display:block;
	  background: url("../images/top_nav-icon4.png") no-repeat scroll 2px 9px / 7px auto rgba(0, 0, 0, 0);
	 color:#222;
     font-size: 16px;
	}
	.fullwrapper .content .wrapper .left .ul li:hover{
		background: url("../images/top_nav-icon4_a.png") no-repeat scroll 2px 9px / 7px auto rgba(0, 0, 0, 0);
		color:#bf1e2d;}
	
	.fullwrapper .content .wrapper .right-about-us{
    width: 328px;
	height:auto;
	float: left;
	margin:50px 0 0 0;
	padding:0px;
	background-color:#f1f1f2; 
	 }
	 .fullwrapper .content .wrapper .right-about-us h2{
      color: #bf1e2d;
      font-size: 18px;
      padding: 10px 0 10px 15px;
	 }
	  .fullwrapper .content .wrapper .right-about-us h2 span{
      color: #222222;
      font-size: 14px;
	 }
	 
	.fullwrapper .content .wrapper .right-about-us p{
     color: #222;
     font-size: 15px;
	 margin:0px;
	 padding:0 15px 10px 15px;
	 }
	.fullwrapper .content .wrapper .right-about-us h1{
    color: #bf1e2d;
    font-size: 20px;
     padding: 10px 0 10px 15px;
	 } 
	 
	/* technologies */
	
	.fullwrapper .content .wrapper .technologies-div{
	float: left;
    width:1000px;
	border-bottom:1px dashed #cccccc;
	padding: 0 0 24px;
	}
	
	.fullwrapper .content .wrapper .technologies-div h1 {
    border-bottom: 1px solid #cccccc;
    color: #bf1e2d;
    font-size: 25px;
    padding:11px 0 11px 11px;
    text-transform: uppercase;
	}
	
	.fullwrapper .content .wrapper .technologies-div .ul h2 {
    border-bottom: 1px dashed #cccccc;
    color: #bf1e2d;
    font-size:20px;
    padding: 11px 0 5px 11px;
	margin-bottom:15px;
	}
	
	.fullwrapper .content .wrapper .technologies-div .ul{
     width: 235px;
	 height:auto;
	 float: left;
	 margin:15px 15px 0 0;
	 padding:0px;
	 background-color:#f1f1f2;
	 min-height:150px;
	}
	
	.fullwrapper .content .wrapper .technologies-div .ul-1{
	 min-height:410px !important;
	}
	
	.fullwrapper .content .wrapper .technologies-div .ul li{
     width:175px;
	 height:auto;
	 float: left;
	 margin:0 0 5px 10px;
	 padding:0 0 0 20px;
	 list-style:none;
	 display:block;
	 background: url("../images/top_nav-icon4.png") no-repeat scroll 2px 9px / 7px auto rgba(0, 0, 0, 0);
	 color:#222;
     font-size: 16px;
	}
	
	.fullwrapper .content .wrapper .technologies-div .ul li a{
		text-decoration:none;
		color:#222222;
	}
	.fullwrapper .content .wrapper .technologies-div .ul li:hover{background: url("../images/top_nav-icon4_a.png") no-repeat scroll 2px 9px / 7px auto rgba(0, 0, 0, 0);}
	.fullwrapper .content .wrapper .technologies-div .ul li a:hover{
		text-decoration:none;
		color:#bf1e2d;
	}
	
	
	
	/* technologies End*/
	
	/*--------New style End------------*/
	
		
.fullwrapper .content .wrapper .left h3{
	color:#bf1e2d;
	font-size:25px;
	text-transform:uppercase;
	border-bottom:1px solid #cccccc;
	padding: 0 0 11px;}
.fullwrapper .content .wrapper .left p{
	font-size:16px;
	color: #222;
	margin-left:0;}
.fullwrapper .content .wrapper .left address strong{
	color:#000;}
.fullwrapper .content .wrapper .left address{
	float: left;
    font-style: normal;
    line-height: 23px;
	 color: #222;
    font-size: 15px;}
.fullwrapper .content .wrapper .left address a{
	color:#c72127;}
.fullwrapper .content .wrapper .right{
	float: left;
    width: 328px;}
.fullwrapper .content .wrapper .right ul{
	 margin: 25px 0 0 18px;}
.fullwrapper .content .wrapper .right ul li{
	 background-color: #f1f1f2;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    padding: 7px 10px;}
.fullwrapper .content .wrapper .right ul li a{
	color: #222;}
.fullwrapper .content .wrapper .right ul li:hover{
	background-color:#e1e1e3;} 
	
.fullwrapper .content .wrapper .left ul{}
.fullwrapper .content .wrapper .left ul li{
	float:left;
	width:100%;}
.fullwrapper .content .wrapper .left ul li a{
	  background-image: url("../images/bulet1.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    color: #222;
    float: left;
    font-size: 16px;
    padding: 0 0 0 26px;}
.fullwrapper .content .wrapper .left ul li a:hover{
	background-image:url(../images/bullet.png);
	color:#bf1e2d;}
form{
	 float: left;
    width: 100%;
	 margin: 34px 0 0;}
form label{
	 float: left;
    width: 109px;}
form input,
form textarea{
	  border: 1px solid #ccc;
    float: left;
    margin: 0 15px 12px 0;
    padding: 6px 8px;
    width: 192px;}
form input:hover,
form textarea:hover{
	border:1px solid #bf1e2d;
	box-shadow:0 0 2px #bf1e2d;
	-ms-box-shadow:0 0 2px #bf1e2d;
	-webkit-box-shadow:0 0 2px #bf1e2d;}
form label.msg{
	    margin: 0 0 15px;
    width: 100%;}
form textarea{
	 float: left;
    height: 133px;
    width: 95%;}
form input.submit{
	background-color: #bf1e2d;
    border: medium none #bf1e40;
    color: #fff;
    float: right;
    width: 92px;}
.tablee{
	float:left;}
img.img_3{
	display:none;}
/*------------------------------------------------------innerpages-------------------------------------------------------*/
@media (min-width:100px) and (max-width:1000px) {
	
.wrapper {
	width:90%;
	margin:0 auto;}
.fullwrapper header .wrapper nav,
.fullwrapper header .wrapper .right ul{
	display:none;}
.fullwrapper .middlecontent .wrapper ul li{
	width:100%;
	margin:0;}
.fullwrapper .middlecontent .wrapper ul li .readmore{
	position:inherit;}
.fullwrapper footer .wrapper .bx3{
	width:100%;}
.fullwrapper footer .wrapper .bx1{
	}
/*------------------------------------menu-----------------------------------------------*/
.menu_icon{
	 display: block;
    float: right;
    width: 60px;
	margin:6% 0 0 ;
}
.menu_icon ul{
	cursor:pointer;
	}
.menu_icon li{
	  border-bottom: 3px solid #00adef;
    float: left;
    margin-bottom: 3px;
    width: 100%;}
.fullwrapper header .wrapper nav{
	position:absolute;
	height:auto;
	width: 100%;
	top: 56px;
	background:#333;
	border-radius: 0;
	 z-index: 999;}


.fullwrapper header .wrapper nav ul li a{
	color:#fff;}
.fullwrapper header .wrapper .right{
	display:none;}
.fullwrapper header .wrapper nav ul,
.fullwrapper header .wrapper nav ul li{
	width:100%;}
.fullwrapper header .wrapper nav ul{
	margin:0;}
.fullwrapper header .wrapper nav ul li{
	  border-bottom: 1px solid #222;
    padding: 6px 9px;
    width: 92%;}
.fullwrapper header .wrapper nav ul li:hover{
	border-bottom:1px solid #bf1e2d;}
/*------------------------------------menu-----------------------------------------------*/

.fullwrapper .content .wrapper .left{
	width:100%;}
.fullwrapper .content .wrapper .left p{
	float:left;}
.fullwrapper .content .wrapper .right{
	width:100%;
	margin:0;}
.fullwrapper .content .wrapper .right ul{
	margin-left:0;
	margin-top:25px;}
.fullwrapper .logo-scrolling-main{
	display:none;}
.fullwrapper header .wrapper nav ul li{
	background:none;}
.fullwrapper header .wrapper nav ul li:first-child a,
.fullwrapper header .wrapper nav ul li:last-child a{
	border-radius:0;}
.fullwrapper .content .wrapper .industries-div{
	width:100%;}
.fullwrapper .content .wrapper .industries-div .img-main-div,
.fullwrapper .content .wrapper .industries-div .img-main-div .title,
.fullwrapper .content .wrapper .industries-div .img-main-div-right,
.fullwrapper .content .wrapper .industries-div .img-main-div-right .title,
.fullwrapper .content .wrapper .industries-div .img-main-div .title-1 span,
.fullwrapper .content .wrapper .industries-div .img-main-div .title-1{
	   text-align: center;
	width:100%;}
.fullwrapper header .wrapper nav ul li a:hover {
	width:90%;
	float:left;
	}
.fullwrapper header .wrapper nav ul li:hover,
.fullwrapper header .wrapper nav ul li a:hover{
	border:none;
	padding:2% 2%;} 
.fullwrapper .content .wrapper .technologies-div{
	width:100%;}
.fullwrapper .content .wrapper .technologies-div .ul-1{
	width:100%;
	margin:0 0 10px;}
.fullwrapper .content .wrapper .technologies-div .ul{
	width:100%;
	margin:0 0 10px;}
.tablee{
	  float: left;
    overflow-x: scroll;
    width: 100%;}
.fullwrapper .content .wrapper .left h3{
	width:100%;}
.fullwrapper .content .wrapper .left{
	width:100% !important;}
.fullwrapper .banner_inner{
	height:auto;}
.camera_fakehover{
	position:static;}
.camera_wrap .camera_pag .camera_pag_ul{
	visibility:hidden;}
.camera_wrap{
	height:auto !important;
	display:none !important;}

img.img_3{
	display:block;
	float:left;}
	}
	

