@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background:#FFF; font:14px "Open Sans"; color:#444; line-height:1.6;}
img{border:0;}
a{color:#f71e2f; text-decoration:none;}
a:hover{color:#1976bc; text-decoration:none;}
ul, ol, li{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-family:'Open Sans', sans-serif;}
.clr{clear:both;}
.sep{clear:both; height:10px; border-top:1px solid #1d1d1d;}
.dividor{clear:both; height:10px;}
h1{font-size:38px; color:#ab080b; text-transform:uppercase; text-align:center; width:40%; margin:0 auto; padding-top:20px; background:url(../images/underlinesmall.gif) no-repeat bottom center;; padding-bottom:10px;}
.h1{font-size:30px; color:#ab080b; text-transform:normal; width:40%; margin:0; padding:0;}
h2{font-size:31px; color:#ab080b; background:url(../images/underlinesmall.gif) no-repeat bottom center; text-align:center; width:40%; margin:0 auto; padding-top:20px; padding-bottom:10px;}
h3{font-size:20px; color:#444; text-transform:normal; margin:0; padding-top:20px;}
h4{font-size:16px; color:#444; text-transform:normal; margin:0; padding-top:20px;}
h5{font-size:18px; color:#ebebeb; text-transform:normal; margin:0; padding:10px 0 8px 0; background:url(../images/underline.gif) no-repeat left bottom;}



#headersec{width:100%; margin:0 auto; padding:0;}
.header{width:1000px; margin:0 auto; padding:0;}
.logo{width:125px; margin:7px 0; padding:0; float:left;}
.callsec{width:585px; margin:0; padding:0; float:right;}
.callsec ul{width:598px; margin:42px 0 0 0; padding:0; float:left; display:block;}
.callsec ul li{margin:0; padding:0 20px 0 20px; float:left; display:inline-block; border-right:1px solid #bababa; font-size:17px; font-weight:600;}
.callsec ul li:last-child{border-right:none; padding-right:0;}

.navsec{width:100%; margin:0 auto; padding:0; background:#1a1c1b;}
.navigation{width:1000px; margin:0 auto; padding:0;}

.bansec{width:100%; margin:1px auto; padding:0; background:#ab080b;}
.banner{width:1000px; margin:0 auto; padding:0;}
.servicesec{width:100%; margin:0 auto; padding:0 0 50px 0; background:url(../images/bg1.gif) repeat-x;}
.service{width:1000px; margin:0 auto; padding:0;}
.service ul{width:1000px; margin:50px 0 0 0; padding:0; float:left; display:block;}
.service ul li{width:300px; margin:0 30px 50px 0; padding:0; float:left; display:inline-block; text-align:center;}
.service ul li:last-child{margin-right:0;}
.ff{width:162px; height:162px; margin:0; padding:0; background:url(../images/box.png) no-repeat left top; display:block;}
.ff:hover{background-position:left bottom;}

.wd{width:162px; height:162px; margin:0; padding:0; background:url(../images/box1.png) no-repeat left top; display:block;}
.wd:hover{background-position:left bottom;}

.tran{width:162px; height:162px; margin:0; padding:0; background:url(../images/box2.png) no-repeat left top; display:block;}
.tran:hover{background-position:left bottom;}

.spl{width:162px; height:162px; margin:0; padding:0; background:url(../images/box3.png) no-repeat left top; display:block;}
.spl:hover{background-position:left bottom;}

.cc{width:162px; height:162px; margin:0; padding:0; background:url(../images/box4.png) no-repeat left top; display:block;}
.cc:hover{background-position:left bottom;}

.tech{width:162px; height:162px; margin:0; padding:0; background:url(../images/box5.png) no-repeat left top; display:block;}
.tech:hover{background-position:left bottom;}

.about{width:1000px; margin:0 auto; padding:0;}
.about p{font:18px 'Open Sans', sans-serif; color:#444; text-align:center;}

.oc{width:100%; margin:0; padding:0; background:url(../images/texture.gif);}
.ocsec{width:930px; margin:0 auto; padding:55px 0 0 70px; background:url(../images/our-clients.gif) no-repeat; height:181px;}

.footersec{width:100%; margin:0 auto; padding:0; background:url(../images/footerbg.gif)}
.footer{width:1000px; margin:0 auto; padding:0; display:block;}

.ocom{width:175px; margin:0; padding:0; float:left;}
.ocom ul{width:175px; margin:5px 0 10px 0; padding:0; float:left; display:block;}
.ocom ul li{width:175px; margin:0; padding:0; float:left; display:block;}
.ocom ul li a{width:165px; margin:0; padding:0 0 0 10px; float:left; display:block; color:#FFF; background:url(../images/arrow.png) no-repeat 0 8px; text-decoration:none;}
.ocom ul li a:hover{text-decoration:none; color:#f61f2f;}

.oser{width:200px; margin:0 0 0 170px; padding:0; float:left;}
.oser ul{width:200px; margin:5px 0 10px 0; padding:0; float:left; display:block;}
.oser ul li{width:200px; margin:0; padding:0; float:left; display:block;}
.oser ul li a{width:190px; margin:0; padding:0 0 0 10px; float:left; display:block; color:#FFF; background:url(../images/arrow.png) no-repeat 0 8px; text-decoration:none;}
.oser ul li a:hover{text-decoration:none; color:#f61f2f;}

.ocon{width:250px; margin:0; padding:0; float:right;}
.ocon ul{width:250px; margin:10px 0 10px 0; padding:0; float:left; display:block;}
.ocon ul li{width:250px; margin:0 0 10px 0; padding:0; float:left; display:block;}
.map{width:30px; margin:0; padding:4px 0 0 0; float:left;}
.ctxt{width:215px; margin:0; padding:0; float:right; color:#FFF;}

.copysec{width:1000px; margin:0 auto; padding:0;}
.copyright{width:700px; margin:0 0 10px 0; padding:4px 0 0 0; float:left; color:#4c4c4c;}
.conntect{width:250px; margin:0 0 10px 0; padding:0; float:right; color:#4c4c4c;}
.conntect ul{width:250px; margin:0; padding:0; float:left; display:block;}
.conntect ul li{margin:0; padding:0 5px 0 5px; float:left; display:block;}

.facebook{width:11px; height:21px; margin:0; padding:0; background:url(../images/facebook.png) no-repeat left top; display:block;}
.facebook:hover{background-position:left bottom;}
.twitter{width:21px; height:21px; margin:0; padding:0; background:url(../images/twitter.png) no-repeat left top; display:block;}
.twitter:hover{background-position:left bottom;}
.google{width:22px; height:21px; margin:0; padding:0; background:url(../images/google-plus.png) no-repeat left top; display:block;}
.google:hover{background-position:left bottom;}


/* start grids_of_3 */
.grids_of_3{
	text-align:center;
	margin: 4% 0;
}
.grid1_of_3{
	float: left;
	width: 29.333%;
	margin-left: 4.3333%;
	border: 1px solid rgb(223, 223, 223);
	position: relative;
}
.grid1_of_3:first-child{
	margin-left: 0;
}
.grid1_of_3 a{
	padding: 2%;
	display: block;
}
.grid1_of_3 img{
	margin-top: 8%;
}
.grid1_of_3 h3{
	margin: 6% 0 8%;
	font-size: 1.3em;
	color: #444;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.grid1_of_3:hover h3,.grid1_of_3:hover h4 span{
	color:#ab080b;
}
.b_btm{
	position: absolute;
	width: 100%;
	border-bottom: 6px solid #3CC395;
	left: 0px;
	display: block;
	bottom: 0px;
}
.price{
	display: block;
	margin-bottom: 40px;
}
.price h4{
	font-size: 1.5em;
	color: #999999;	
}
.price h4 span{
	display: inline-block;
	font-size: 1.1em;
	background: #3CC395;
	color: #ffffff;
	padding: 8px 20px;
	margin-left: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#conadd{float:left; margin-left:0; width:40%; display:block;}
#conadd a{color:#222; text-decoration:none;}
#conadd a:hover{color:#019ADC; text-decoration:underline;}
#conform{float:right; margin:0; width:55%; display:block;}
#conform form span{
	display:block;
}
#conform form span{
	color: #999797;
	text-decoration: none;
	font-size: 1.2em;
	font-family: 'Noto Sans', sans-serif;
	padding: 5px 0px 0px 0px;
	margin:5px 0 0 0;
}
#conform form textarea,
#conform form input[type=submit],
#conform form input[type=text]{
	border:1px solid #ddd;
	padding: 7px;
	width: 97%;
	outline:none;
	color:#666;
	font-size:18px;
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: rgb(255, 255, 255);
}
#conform form input[type=submit]{
		 -moz-border-radius:3px;
		  -webkit-border-radius:3px; 
		  border-radius:3px; 
		  -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50); 
		  -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50); 
		  box-shadow:0 1px 3px rgba(0, 0, 0, 0.50); 
		  background:#0160A4;
		  margin-top:1%;
		  
		  color:#FFFFFF !important; 
		  cursor:pointer; 
		  display:inline-block; 
		  font-size:13px; 
		  font-weight:bold; 
		  line-height:1; 
		  overflow:visible; 
		  padding:10px 25px;
		  position:relative; 
		  text-decoration:none; 
		  text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); 
		  width:auto; 
		  text-align:center; 
}
#conform form input[type=submit] {
	background:#03B5FE;
	border: 1px solid #019ADC;
	 -webkit-transition: all .9s;
	-moz-transition: all .9s;
	-o-transition: all .9s;
	-ms-transition: all .9s;
	transition: all .9s;
	-webkit-appearance: none;
}
#conform form input[type=submit]:hover{
	background:#FF050E;
	color:#fff;
}

#conform form textarea{
	height: 110px;
	color: #666;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

#incontent{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.innerpgesec{width:100%; margin:0 auto; padding:0 0 50px 0; background:url(../images/bg.gif);}