body{
margin:0;
padding:0;
font-family: 'Lato', sans-serif;
color:#363636;
 }
 
 h1,h2,h3,h4{
	 font-weight:400;
	 text-transform: capitalize;
	  margin:0;
	 padding:0;
	 padding-top:0.0em;
    font-family: 'PT Sans', sans-serif;
    
     

 }
	 
h1{
	font-size:1.6em;
    color:#1f458e;
    text-align:left;
    
    
}
 
 h2{
	font-size:1.0em;
	margin-top:0px;
    text-transform: capitalize;
	/*color:#1f458e;*/
	font-weight:600;
}


h3{
	
	text-transform: capitalize;
	font-size:1.1em;
	
}

a{
	color:#1f458e;
	font-family: 'Lato', sans-serif;
	text-decoration:none;
	
}

a:hover{
	color:#000;
}

 P{
	 font-size:0.9em;
	 color:#454545;
	 line-height:23px;
	    text-align:justify;
		font-family: 'Lato', sans-serif;
 }
 
 
.listing{
	 font-size:13px;
	 color:#454545;
	 line-height:20px;
	   text-align:center;
	  list-style-type: none;
	   margin:5px;
	 padding:5px;
	 margin-bottom:15px;
 }
 
 .ilisting {
	 font-size:0.8em;
	 color:#454545;
	 line-height:25px;
	   text-align:left;
	   list-style-image:url(../images/bullet.png);
	     margin-left:20px;
	  width:100%;
	 margin:5px;
	 padding:5px;
	 margin-bottom:15px;
	 position:relative;
	 left:10px;
 }
 

#top{
 width:100%;
 padding-bottom:0.0%; 
 padding-top:0%;
 margin:0;
 /*background: url('../images/topback.png') center center repeat;*/
 background-size:cover;
 display:inline-block;
 height:auto;
/*-moz-box-shadow:0.7px 1px 1px #d5d5d5;
-webkit-box-shadow:0.7px 1px 1px #d5d5d5;
box-shadow:0.7px 31px 31px #d5d5d5; */

  }
 
 .outer{
 width:85%;
 height:auto;
 margin:0px auto; 
 text-align:center;
 padding:0%;
 
  }
  
img{
 max-width:100%;height:auto;
  
   }
  
 
 .logo{ 
 max-width:100%;
 height:auto;
 float:left; 
 padding:0px;
 margin-top:5px;
 
 
  }
  
  .menu{
  float:right;
  margin:0;
   margin-top:5px;
     text-align:right;
   
   }
   
   

  
    .banner{
    margin:0px auto;
   padding-bottom:0%;
   padding-top:0%;
   width:100%;
 background: url('../images/bannerback.png') ;
  height:auto;
 background-size:cover;
 -moz-background-size:cover;
  }
   
   
   
   
   .ab{
    	
 background: url('../images/about1.png') no-repeat ;
 text-align:center;
 margin:0px auto;
padding-top:8%;
padding-bottom:10%;
position:relative;
top:15px;
 background-size:cover;
 -moz-background-size:cover;
  }
  
   
   
   
 .serv{
	background: url('../images/s1.png');
	background-size:cover;
 -moz-background-size:cover; 
 text-align:center;
 margin:0px auto;
padding-top:8%;
padding-bottom:10%;
position:relative;
top:15px;
 }
 
  .cou{
	background: url('../images/cou.png');
	background-size:cover;
 -moz-background-size:cover; 
 text-align:center;
 margin:0px auto;
padding-top:8%;
padding-bottom:10%;
position:relative;
top:15px;
 }
 
 
 
 
 .mission{
	background: url('../images/m1.png') ;
	background-size:cover;
 -moz-background-size:cover;
 text-align:center;
 margin:0px auto;
padding-top:8%;
padding-bottom:10%;
position:relative;
top:15px;
 }
 
.cab{
  background: url('../images/c1.png') ;
	background-size:cover;
 -moz-background-size:cover;
  text-align:center;
 margin:0px auto;
padding-top:8%;
padding-bottom:10%;
position:relative;
top:15px;
}

.contact{
  background: url('../images/co1.png') ;
	background-size:cover;
 -moz-background-size:cover;
  text-align:center;
 margin:0px auto;
padding-top:8%;
padding-bottom:10%;
position:relative;
top:15px;

}

.train{
  background: url('../images/t1.png') ;
	background-size:cover;
 -moz-background-size:cover;
  text-align:center;
 margin:0px auto;
padding-top:8%;
padding-bottom:10%;
position:relative;
top:15px;

}




.bpo{
  background: url('../images/bpo.png') ;
	background-size:cover;
 -moz-background-size:cover;
}

.tra{
	  background: url('../images/trainings.png') ;
	background-size:cover;
 -moz-background-size:cover;
}
 
 
  
  
  
  .service{
  width:100%;
  height:auto;
  text-align:center;
  margin:0px auto; 
  margin-top:30px;
  
   
       }
   
   
   .wrapper{
	   width:90%;
	   margin:0px auto;
	   text-align:center;
	  
   }
   
   
   
   
   
     .innerwrapper{
	   width:82.5%;
	   margin:10px auto;
	   text-align:left;
	   padding:1%;
	 /* border:1px solid #dadada;*/
	-moz-box-shadow:0.7px 1px 1px #d5d5d5;
-webkit-box-shadow:0.7px 1px 1px #d5d5d5;
box-shadow:0.7px 5px 8px #d5d5d5; 
	   
	  
   }
   
   
   .cone{
	   float:left;width:25%;
   }
   
   
   .ctwo{
	   float:right;width:62%;background-color:#ebebeb;padding-right:10px;
   }
   
   .center{
	 float:left;position:relative;left:7.5%;margin-right:15px;
   }
   
   .colmain{
   width:100%;
   height:auto;
   margin:10px auto;
   text-align:center;
   float:left;
   
       }
   
   .cols{
   width:22%;
   height:auto;
   display:inline-block;
   margin:0x;
   padding:0px;
   background-color:#fff;
    margin-bottom:15px;
	  float:left;
	  position:relative;
	  left:4%;
   }
   
   .bluebutton a{
	   width:20%;
	   padding:7px;
	   color:#fff;
	   background-color:#1f458e;
	   font-size:0.9em;
	   text-decoration:none;
	  
   }
   
   
    .bluebutton a:hover{
	   width:20%;
	   padding:7px;
	   color:#fff;
	   background-color:#1f458e;
	   font-size:0.9em;
	    
	  
   }
   
   .btext{
	   	   color:#454545;
		   text-decoration:none;
		   font-size:0.9em;  
		   font-weight:bold;
   }
   
   .btext a:hover{
	   	   color:#454545;
   }
   
   .product{
	   height:auto;
	   text-align:center;
	   margin:0px auto;
	   width:40%;
	    
   }
   
   .serback{
	   
	   width:46%;
	   float:left;
	   margin:0;
	   padding:0;
	   height:auto;
	    padding:0%;
	   margin:1.5%;
	    border-top:1px solid #1f458e;;
		float:left;
   }
   
 
   .heading{
	 width:100%;  
	background-color:#ecf2fa;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:0px;
	padding-right:1px;
   }
  
   
   .serweb p{
	   font-size:0.8em;
	   line-height:18px;
   }
   
   
   .sic{
	   float:left;width:30%;margin-top:18px;margin-right:5px;
   }
   
   
   #blueback{
   width:100%;
   height:auto;
   background:url(../images/innerback.png) repeat;
   float:left;
   margin-top:0%;
   padding-bottom:0%;
   background-size:cover;
   }
   
   
   .whitebox{
   width:40%;
   height:auto;
   background-color:#fff;
    margin:1%;
   padding:1.0%; 
   padding-bottom:1%;
   display:inline-block;
    text-align:left;
   border-top:3px solid #1f458e;
   float:left;
   position:relative;
   left:4%;
   
 
}



.back{
width:100%;
/*background:url(../images/bg_01.png) repeat-x;*/
margin-top:6px;
float:left;
margin-bottom:20px;
}

.textb{
   width:100%;
   height:auto;
     margin:0%;
    display:inline-block;
    text-align:left;
     padding-top:1%;
   
}

.price{
display:inline-block;width:11%; float:left;padding:1%;}



   .line{
   width:100%;
   height:auto;
   margin:0px auto;
   padding-bottom:10px;
   padding-top:10px;
   text-align:center;
   float:right;
    }
   
   .client{
    width:40%;
    height:auto;
   display:inline-block;
    margin:0px auto;
   text-align:center;
   margin-bottom:20px;
  padding:10px;
   margin-right:10px;
    }
   
   
   .ip{
	   width:30%;
	   display:inline-block;
	   margin-right:10px;
	   float:left;
	   margin-bottom:5px;
   }
	 
	 
	  
	   
    .footouter{
		width:83%;
		height:auto;
		margin:0px auto;
		text-align:center;
		padding:5px;
	}
   
   .footer{
   width:100%;
   height:auto;
   background-color:#31353d;
   float:left;  
      
    }
	
	.footlinks{
width:100%;
margin:0;
padding:0;
float:left;
text-align:left;
margin-top:10px;
 }
 
.footlinks ul{
margin:0;
padding:0;
 } 
 
 .footlinks ul li{
 display:block;
 list-style-type:none;
 
  }
 
 .footlinks ul li a{
 color:#777a8b;
 text-decoration:none;
 font-size:0.8em;
 text-align:left;
   }
 
 .footlinks ul li a:hover{
 color:#fff;
   }
 
 
 .footetext{
 width:100%;
 color:#777a8b;
 text-decoration:none;
 font-size:0.8em;
 text-align:left;
 float:left;
 line-height:25px;
 margin-top:10px;
 
  }
	
	
	
     .copy{
   width:100%;
   height:auto;
   background-color:#262a32;
   float:left;  
   padding-top:10px; 
   padding-bottom:10px;
   color:#777a8b;
 text-decoration:none;
 font-size:0.8em;
 text-align:center;  
    }
 
 
 .icons{
 float:left;
 padding:3px; 
 margin-top:8px;  
  }
 
   
 .box,.fab,.traf{
 width:14%;
 float:left;
 height:auto;
 padding:1%;
 margin:1%;
 color:#ccc;
   }
   
   .fab{
	   width:17%;       
	
   }
   
   .traf{
	   width:13%;
   }
 
  .box h3,.fab h3,.traf h3 {
	 font-weight:700;
	 text-transform:uppercase; 
	 margin:0;
	 padding:0;
	 padding-top:0.0em;
     color:#fff;
      font-size:1.0em;
    text-align:left;
 }


    nav {
      display: block;
      width: 500px;
      margin: 0px auto;
      text-align: center;
	  float:right;
	   
	  
    }
    nav ul {
      list-style: none;
    }
    nav li {
      display: inline-block;
    }
    nav a {
     
	  display: inline-block;
      /*background: #333;*/
      color: #000;
      padding: 5px 5px;
      /*border: 1px solid white;*/
      text-decoration: none;
	  float:right;
    }
	

    nav a:hover {
     /* border: 1px solid red;*/
      background-color:#163a7d;
	  color:#fff;
    }
    nav a:active {
       background-color:#163a7d;
    }
	
	 nav .selected a {
       background-color:#163a7d;
	   color:#fff;
    }
	
    nav select {
      display: none;
    }
    
    @media (max-width: 700px) {
      nav ul     { display: none; }
      nav select { display: inline-block;position:relative;width:100px;float:right;top:-55px;padding:2px; } 
	  
	  
    }