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


@font-face {
font-family:'Forte';
src:url(FORTE.TTF) format('truetype');
} 
*{margin:0;
padding:0;
}
body {
	color:#292929;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:18px; 
	font-weight:normal;
	width: 100%;
	
}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

#header{
	width:100%;
	height:100px;
	background:url(../images/header_back.gif) 0 0 repeat;
	margin:0px;
	padding:0px;
	
}

.banner{
	width:1010px;
	height:100px;
	margin:0 auto;
	padding:0px;
	background:url(../images/logo_header.png) center no-repeat;
}
.quot{
	background:url(../images/v_posrBack.png) 0 0 no-repeat;
	height:35px;
	width:144px;
	font-family:Calibri;
	margin:0 0 0 95px;
	padding:8px 25px 8px 45px;
	border:0;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	
}
#menu{
	width:100%;
	height:45px;
	background:url(../images/maenu_back.gif) 0 0 repeat-x;
	margin:0px;
	padding:0px;
	
}

.navigation{
	width:1010px;
	height:45px;
	padding:0px;
	margin:0 auto;
	background:url(../images/maenu_back.gif) 0 0 repeat-x;
}


.navigation ul{
	margin: 0 auto; 
	padding:0px; 
	list-style-type:none;
	position:absolute;
	min-width:800px;
}
.navigation ul li{
	float:left;
	margin:7px 20px 0 0;
}


.navigation ul li a{
	width:140px;
	height:40px;
	display:block;
	font:bold 20px/29px Arial, Helvetica, sans-serif;
	color:#959595;
	text-decoration:none;
	text-transform:capitalize;
	text-align:center;
	background-color:inherit;
	
}


.navigation ul li a:hover{
	color:#99CC00;
}
.navigation ul li a.active{
	color:#99CC00;
}


#slidertrinity{
	width:100%;
	height:430px;
	background:url(../images/slider_back.gif) 0 0 repeat-x;
	margin:0 0 10px;
	padding:0px;
	
}
.slidding{
	width:1010px;
	height:430px;
	margin:0 auto;
	padding:0;
	/*background-color: #03C;*/
	background-image: url(../images/slider_back.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#expert{
	width:100%;
	height:70px;
	background:url(../images/exp_back.gif) 0 0 repeat;
	margin:0;
	padding:0;
}

.experties{
	width:1010px;
	height:70px;
	margin:0 auto;
	padding:0;
	background:url(../images/exp_back.gif) 0 0 repeat;
}


.experties ul{
	margin: 0 0 0 50px; 
	padding:0px; 
	list-style-type:none;
	position:absolute;
	min-width:910px;
}


.experties  ul li{
	float:left;
	margin:0 20px 0 0;
}
.experties  ul li img{
	border:#0CF solid 0px;
}
#technical{
	width:100%;
	height:45px;
	background:url(../images/maenu_back.gif) 0 0 repeat-x;
	margin:0px;
	padding:0px;
}


.technical_exp{
	width:1010px;
	height:45px;
	padding:0px;
	margin:0 auto;
	background:url(../images/maenu_back.gif) 0 0 repeat-x;
}

.technical_exp h2{
	display:block;
	font:bold 20px/29px Arial, Helvetica, sans-serif;
	color:#959595;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
	margin:0;
	padding:10px 0 0 0;
}


#main_body{
	width:100%;
	height:500px;
	margin:0;
	padding:0;
	float:left;
	background-color:#fbfbfb;
	
}

.mbody{
	width:1010px;
	height:500px;
	margin:10px auto 0 auto;
	padding:0;
	background:url(../images/exp_back.gif) 0 0 repeat;
}
.whatwe_do{
	width:200px;
	height:500px;
	margin:0;
	padding:0;
	float:left;
	background:url(../images/what_we.png) right no-repeat;
}

.whatwe_do h2{
	color:#75b727;
	font:bold 39px/49px Forte;
	padding:180px 0 0 20px;
	text-transform:uppercase;
}

.service_ind{
	width:805px;
	height:500px;
	margin:0px;
	padding:0px;
	float:right;
}

.services{
	width:805px;
	height:155px;
	margin:5px 0 0 0;
	padding:0;
	background:none;
}

.services img{
	margin:10px 0;
	padding:0;
	border:#000000 solid 0px;
}

.services h2{
	color:#75b727;
	font:bold 25px/29px Forte;
	padding:0;
	text-transform:capitalize;
	text-align:center;
}

.services_a a{
	color:#75b727;
	font:bold 25px/29px Forte;
	padding:40px 30px;
	text-decoration:none;
	text-transform:capitalize;
}

.services_a a:hover{
	/*text-decoration:underline;*/
	color:#8fba5d;
}


.services_b a{
	color:#75b727;
	font:bold 25px/29px Forte;
	padding:40px 30px;
	text-decoration:none;
	text-transform:capitalize;
}

.services_b a:hover{
	/*text-decoration:underline;*/
	color:#8fba5d;
}

.services_a{
	width:400px;
	height:150px;
	float:left;
	margin:3px 1px;
	background:none;
}


.services_b{
	width:400px;
	height:150px;
	float:right;
	margin:3px 1px;
	background:none;
}


.services-icon
{
width: 696px;
float: left;
margin: 15px 20px;
box-shadow: 0px 0px 9px 5px #CCC;
}

.services-icon:hover
{border:1px solid #75b727;}
.services-icon img
{width: 250px;
height: 200px;
float: left;}

.services-icon span
{
 color: #ffa100;
float: right;
margin-right: 20px;
width: 316px;
text-align: right;
font-size: 34px;
font-family: initial;
margin-top: 85px;
line-height:30px;

}


.softwares
{
 margin:20px 0;
 float:left;
 width:700px;
}  

.softwares h2
{
 color: #ffa100;
font-size: 20px;
font-family: serif;
margin-bottom: 15px;
border-bottom: 2px solid;
 
}

.softwares .software-left
{width:320px;
float:left;
margin-right:60px;}

.softwares .software-right
{width:320px;
float:left;
}

.softwares ul
{
float:left;
width:320px;

}
.softwares ul li
{
  list-style: none;
background: #75b727;
color: #FFF;
border-bottom: 1px solid #FFF;
font-size: 20px;
font-family: serif;
line-height: 35px;
padding: 0 10px;
}
#footer{
	width:100%;
	height:350px;
	margin:0;
	padding:0;
	margin-top:20px;
	background-color:#75b727;
	float:left;
}

.foot{
	width:1010px;
	height:700px;
	margin:0 auto;
	padding:0;
	float:left;
	background:none;
	/*background:url(../images/footerback.png) 0 0 no-repeat;*/
}





.foot_mid{
	width:1010px;
	height:210px;
	margin-top:10px;
	padding:0;
	float:left;
	/*background:url(../images/foot_cont.png) 0 0 no-repeat;*/
}

.content_foot{
	width:310px;
	height:85px;
	margin:2px 0 0 20px;
	float:inherit;
	padding:0px;
	float:inherit;
	/*background:#CC6600;*/
	
}
.content_portfolio{
	width:310px;
	height:160px;
	margin:2px 0 0 20px;
	float:inherit;
	padding:0px;
	float:inherit;
	/*background:#CC6600;*/
	
}
.mail_sub {
    width: 340px;
    height: 160px;
    margin: 2px 0px 0px 0px;
    padding: 0px;
    float: inherit;
   /* background: url("../images/mail_sub.png") no-repeat scroll 0px 10px transparent;*/
}

.mail_sub h3{
	text-align:center;
	color:#FFF;
	padding:10px 0 0 0;
}
.mail_sub span{
	padding:10px 0 0 80px;
	color:#FFF;
	font: 15px/19px Arial,Helvetica,sans-serif;
}
.mail_sub table{
	background:url(../images/table_back.png) center no-repeat;
	margin:25px 0 0 30px;
}
.input_text{
	background:url(../images/input_back.gif) 0 0 no-repeat;
	height:27px;
	width:160px;
	margin:0 0 0 8px;
	padding:3px 0 0 5px;
	border:0;
	color:#3e3e3e;
	font-weight:bold;
	text-align:center;
	
	
}

.submit_f{
	background:url(../images/submit_back.png) center no-repeat;
	height:45px;
	width:auto;
	margin:0px;
	padding:0px;
	border:0;
	
}

.mail_sub h2{
	color:#f59e09;
	
	width:100%;
	font: 21px/26px Arial,Helvetica,sans-serif;
	margin:0 0 5px 45px;
}

.mail_sub span{
	padding:10px 0 0 50px;
	color:#FFF;
	font: 15px/19px Arial,Helvetica,sans-serif;
        line-height:23px;
        
}

.content_foot h2{
	color:#f59e09;
	text-align:center;
	width:80%;
	font: 21px/26px Arial,Helvetica,sans-serif;
	margin:0 0 5px 0;
}
.content_foot span{
	padding:10px 0 0 50px;
	color:#FFF;
	font: 15px/19px Arial,Helvetica,sans-serif;
        line-height:30px;
}
.content_portfolio h2{
	color:#f59e09;
	text-align:center;
	width:80%;
	font: 21px/26px Arial,Helvetica,sans-serif;
	margin:0;
}

.footer-tag
{
  height:62px;
  margin-bottom:50px;
}

.image_margin{
	margin:10px 0 0 10px;
        width:107px;
}
.tmargin{
	margin:10px 0 0 80px;
}
a.v_port{
	background:url(../images/v_posrBack.png) 0 0 no-repeat;
	height:35px;
	width:144px;
	font-family:Calibri;
	margin:0 0 0 95px;
	padding:8px 14px 8px 39px;
	border:0;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	
}
a.r_more{
	background:url(../images/v_posrBack.png) 0 0 no-repeat;
	height:35px;
	width:144px;
	font-family:Calibri;
	margin:0 0 0 95px;
	padding:8px 25px 8px 45px;
	border:0;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	
}
a:hover.r_more{
	background:url(../images/hover_rmore.png) 0 0 no-repeat;
	color:#f1f1f1;
}

.fi_margin{
	margin:5px 0 0 10px;
}
.tweet_f{
	background:url(../images/tweet.png) 0 0 no-repeat;
	height:35px;
	width:74px;
	margin:10px 0 0 100px;
	padding:18px;
	border:0;
	color:#FFF;
	font-weight: bold;
	text-align:right;
	display:block;
	text-decoration:none;
	
}

.input_count{
	background:url(../images/count_back.png) 0 0 no-repeat;
	border:0;
	padding:0 0 0 5px;
	height:25px;
	color:#666666;
}
.foot_he{
	color:#000;
	text-align:center;
	font-weight:100;
}
.foot_bott{
	width:1010px;
	height:130px;
	margin:0;
	padding:0;
	float:left;
	background:none;
}
.contact_div
{width:350px !important;
float:left;
}


#f1_container {
  position: relative;
  margin: 10px auto;
  width: 300px;
  height: 200px;
  z-index: 1;
float:left;
margin:18px;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 0.3s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #CCC;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: #FFF;
  font-size:14px;
  text-align: center;
  background-color: #75b727;
}
.face.back p	
{
  color: #FFF;
  font-size:17px;
font-family:serif !important;
}

.face.back a
{
margin-top:15px;
  color:#FFF;
  background:#ff4f00;
  font-size:18px;
  font-weight:bold;
  padding:5px;
display:block;
clear:both;
  text-align:center;
  text-decoration:none;
 font-family:serif !important;
}

.recent-projects
{width:100%;
margin-top:15px;
}

.recent-projects h1
{
color:#CCC;
font-size:19px;
font-family:serif !important;
text-align:center;
margin-bottom:10px;


}
.zls-btrht{display:none !important;}