body{
margin:0;
padding:0;
font-family: 'Lato', sans-serif;
color:#0000ff;
 }
 
 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:#0000ff;
    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,.banner1,.banner2{
    margin:0px auto;
   padding-bottom:5%;
   padding-top:5%;
   width:100%;
 background: url('../images/about1.png') ;
  height:auto;
 background-size:cover;
 -moz-background-size:cover;

  }
   
   .banner1{
   background: url('../images/img4.jpg') ;   
    }
   
   
   .banner2{
   background: url('../images/img2.jpg') ; 
   
    }
   
   
   .ab h1{
  width:80%;  	

 text-align:left;
 margin:0px auto;
color:#fff;
font-size:2.3em;

  }
  
   
   
   
 .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:85%;
	   margin:10px auto;
	   text-align:left;
	   padding:1%;
	 /* border:1px solid #dadada;*/
	
	
	  
   }
   
   
   .colums{
	   width:100%;
	   height:auto;
	   display:inline-block;
	   float:left;
	   padding:20px;
	   margin:10px;
	     color:#666;
   }
   
  
   
   
   .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:#0000ff;
	   font-size:0.9em;
	   text-decoration:none;
	  
   }
   
   
    .bluebutton a:hover{
	   width:20%;
	   padding:7px;
	   color:#fff;
	   background-color:#000;
	   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:1px solid #e2e2e2;
   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:50%;
    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:right;  
      
    }
	
	.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:right;
 padding:1px; 
 width:2%; 
  }
 .follow{
 float:right;
 width:100%;
 float:left;
 height:auto;
 }
   
 .box,.fab,.traf{
 width:14%;
 float:left;
 height:auto;
 padding:1%;
 margin:1%;
 color:#ccc;
   }
   
   .fab{
	   width:21%;       
	
   }
   
   .traf{
	   width:10%;
   }
 
  .follow h3,.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;
 }
.follow h3{
  float:right;
}

    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; } 
	  
	  
    }
	
	/*************************Careers******/
	.careerBox {
    width: 100%;
    border: 0px solid red;
    font-size: 14px;
    color: #121212;
    line-height: 18px;
    font-weight: normal;
    margin: 0;
    }
	.accordion-toggle {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 1.1em;
    font-weight: 400;
    color: #121212;
    margin: 0;
    text-decoration: none;
    border: 1px solid #dddddd;
    }

.accordion-toggle {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 1.1em;
    font-weight: 400;
    color: #121212;
    margin: 0;
    text-decoration: none;
    border: 1px solid #dddddd;
}
.accordion-toggle span.toggle-icon {
    position: absolute;
    top: 9px;
    right: 20px;
    font-size: 1.5em;
}
.rightColCARB span {
    color: #3498db;
}
.fa-plus-circle:before {
    content: "\f055";
}
.accordion-container a:hover {
    color: #1c75b1;
}

.accordion-toggle.open {
    color: #3498db;
    border: 1px solid #3498db;
}
.careerBox {
    width: 100%;
    border: 0px solid red;
    font-size: 14px;
    color: #121212;
    line-height: 18px;
    font-weight: normal;
    margin: 0;
}
.rightColCARB {
    width: 100%;
    max-width: 600px;
    float: center;
    border: 0px solid red;
}
#careerh2{
    font-size: 16px;
    color: #121212;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0px 0px 10px 0;
    letter-spacing: 3px;
}