@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');


body{
font-family: 'Open Sans', sans-serif !important;
    background: linear-gradient(0deg, #c6c9d1 0%, #e6e9f1  100%) no-repeat;
	}
	
 a{
			    color: #000000;
				}
				
			a:hover{
			    color: #FF0000;
				}
				
				h1,h2,h3,h4,h5,h6,p { 
    word-spacing: 4px;
}
				
	
	.topHeader{
	width: 100%;
	height: 20px;
	background-color: #666666;
		}	
		.navbar-brand img{
			margin-left:10px;
			}
	.topHeader ul li a{
		color:#fff;		
		}
		
		.topHeader ul li a:hover{
		    text-decoration: none;
		}
		.navbar-default{
			min-height: 90px;
			}
			
			.navbar{
				margin-bottom: 10px;
				}
		.navbar-brand{
			margin: 0px;
    padding: 0px;
			}
			
			.navbar-nav > li > a{
				line-height: 59px;
				    font-weight: 600;
				}
				.navbar-default .navbar-nav > li > a:hover {
    color: #666666;
}


.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%;
z-index: 99;
min-height:60px;
	 }
	 
	 .fixed img{
		 width:78%;
		 }
		 .
		 
		 .fixed  a{
			 line-height: 35px !important;			 
			 }
			 
			 .navbar-rght{
				 float:right;
				 }
			 
			 .dropdown-menu{
				 background-color: #fff;
				 margin-bottom: 0px;
    padding-bottom: 0px;
				 }
			 .dropdown-menu > li > a{
				 color: #272080;
				 padding:10px;
				 }
				 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
					 background:#fff;
					 }
					 
					 .dropdown-menu > li:hover, .dropdown-menu > li:focus {
					 background:#fff;
					 }
				 
				 .dropdown-menu > li:hover{
				 color: #e6e9f1;
				 }
				 
				 .dropdown-menu > li > a:hover{
				 color: #ffffff;
    background: #2a217a;
				 }
				 
				 .dropdown-menu .divider {
 margin:0px;
    background-color: #cecece;
}

/*css for slider*/
.mt-3{
	margin-top:3px;
	}

.ml-10{
	margin-left:-10px !important;
	}
	.mlr-10{
	margin-right:10px;
	}
	
.ml-25{
	margin-left:-25px !important;
	}
.slider-section{
	
	}
	.p-lr7{
		padding-left:7.5px !important;
		padding-right:7.5px !important;
		}
		.p-lr8{
			padding-left:15px !important;
			padding-right:7.5px !important;
			}
			.p-lr9{
				padding-left:7.5px !important;
		padding-right:15px !important;
				}
.bouncediv{
	background:#fff;
	width:100%;
	padding:10px;
	box-shadow: 0px 0px 8px #b1b1b2;
    border: 1px #a9a9a9 solid;
    border-radius: 8px;
	}
	
	.sliderHeading{
		margin-top: 0px;
    margin-left:0px;
		}
		
		.heading-text{
			font-size: 18px;
    line-height: 20px;
	color:#fff;
	    font-weight: 600;
		margin-left:0px;
			}
.heading-text:hover{
	color:#28217b;
	text-decoration: none;
	}
	.sliderHeading ul{
		list-style-type: none;
		   padding: 0px 13px;
			margin: 0px;
		}
		
		.sliderHeading ul li:first-child{
			border-top: solid 1px #bdbdbd;
			}
		
		.sliderHeading ul li{
			border-bottom: solid 1px #bdbdbd;
    padding: 10px 0px;
			}

.sliderHeading ul li a{
	font-size:13px;
	color:#333333;
	}
	
	.sliderHeading ul li a:hover{	
	color:#f86005;
	}
	.sliderHeading ul li a:hover{
	text-decoration: none;
	}
	
	
/*csss for client-partner section*/
	.client{
		background:#fff;
		margin-top: 15px;
		box-shadow:none;
		}
	
	.client h4{
		color: #272080;
    font-weight: 600;
    padding: 5px 10px;
    margin: 0px;
		}
		.Iframs{
			width:98%; height:120px;
			}
		.br-client{
			    border-right: 9px solid #cacdd5;
			}
			.bl-client{
				 border-left: 9px solid #cacdd5;
				}
				.viewmore{
					       float: right;
    margin: 0px 10px 5px;
    font-size: 12px;
    font-weight: 600;

					}
				.office{
					margin-bottom: 10px;
    margin-top: 11px;
					}
					
					.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
						padding: 3px;	}
	
	
	/*css for footer-section*/	
	
	.top-footer{
		background: #fff;
    margin-top: 15px;
    box-shadow: 0px 0px 3px 2px #a0a3ad;
		}
	
		footer{		
			 background: #fff;			
			}
			footer ul{
				/*min-height: 100px;*/
				margin: 0px;   
	    margin-left: 0px !important;
    padding: 5px !important;
	
	    list-style-type: none;
				}
			
			footer ul li{
				    background-image: url(../images/pipe1.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 8px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 4px;
				}		
		footer ul li a{
			font-size:12px;
			color:#272080;
			}
			
			footer ul li a:hover{			
			color:#f86005;
			text-decoration:none;
			}
			
	.footer-section{
		background: #272080;  
		}
		
		
	/*	============================================ Css for about us section=================================================*/
		
	.warp{
		background:#fff;
		padding:10px 50px;
		    min-height: 450px;
		}	
		
		.mainheading{
			color: #272080;
    font-weight: 600;
			}
			
			.Company-Presentation{
				border: solid 3px #f86005;
    padding: 5px;
    margin-left: 20px;
    border-radius: 2px;
				}
		
		
		.Company-PresentationSM{
			border: solid 3px #f86005;
    padding: 5px;

	margin:0px 10% 10px;
    border-radius: 2px;
			}
			
			.list{
				    list-style-type: none;
					    padding-left: 0px;
				}
			
			.list li{
				background-image: url(../images/bullet2.gif);
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 4px;
        word-spacing: 4px;
				}
				
				
				.teamheading{
					margin-bottom:10px;
					font-weight:600;
					    color: #f86005;
					}
					h4 small{
					  color: #0101a0;
					}
					.teamimg{
					   float: right;
    margin-left: 15px;
    border: solid 2px #f86005;
    border-radius: 50%;	
						}
						
						.box{
							width: 400px;
    text-align: center;
    margin: auto;
    border: solid 2px #f86005;
    padding: 4px;
    margin-bottom: 10px;
    background: #f8f8f8;
    color: #0101a0;
    box-shadow: 0px 1px 1px 1px #a0a3ad;
							
							}
							
							
							.fweight{
							    font-weight: 600;
								}
								
								.blue{
									    color: #0101a0;
									}
									
									.orange{
									       color: #f86005;
									}
								
								.clientpartnerlogo td{
									    border: solid 1px #d4d4d4;
										padding: 10px;
										    width: 250px;
									}
								.Font16{
									    font-size: 16px;
									}
									.Font20{
									    font-size: 20px;
									}
				
				
				
				
				.red{
    color:red;
    }
	.col-xs-display{
		display:none;
		}
.form-area
{
   background-color: #FAFAFA;
    padding: 0px 30px 50px;
    margin: 10px 0px 40px;
    border: 1px solid #f86005;
	}
	.btn-primary{
		background:#0101a0;
		border-color: #0101a0;
		}
		
		.btn-primary:hover{
		background:#f86005;
		border-color: #f86005;
		}
	
	.address{
	
		width:100%;
		
		 border: 1px solid #f86005;
		    padding: 0px 30px 40px;
    margin: 10px 0px 40px;
		}
		.addsubheading{
		
    margin-left: 45px;
			}
			.bdr-one{
				border-bottom: solid 2px #f86005;
    padding-bottom: 5px;
	padding-top:10.3px;
				}
				
				
/*=====================================css for service sectioN===================================================*/
.menu{
	list-style-type: none;
   margin-top:25px;
    padding: 0px;
	}
	
	.menu li{
		background: #d9dce4;
    padding: 10px;
    margin: 10px 0px;
		}
		
		.menu li:hover{
	  background: #ff8448;
		}
		.menu-active{
	    background: #ff8448 !important;
		}
		.menu li a{
			    font-weight: 600;
			}
			.menu li a:hover{
			   color: #272080;
			       text-decoration: none;
			}
			.product-training{
		    margin-top: 25px;
			}
		
		.product-training li {
    display: inline;
    border-right: solid 2px #252572;
    padding: 0px 10px;
    font-weight: 600;
}
.post-wrapper {
    border: 1px solid #f86005;
    padding: 0px 10px;
    border: 1px solid transparent;
    box-shadow: 0 0px 22px rgba(0, 0, 0, 0.15);
}
.post-wrapper:hover {
    border: 1px solid transparent;
    box-shadow: 0 0px 22px rgba(0, 0, 0, 0.15);
    transition: all 250ms ease-in-out 0s;
}



.home-slider {
    width: 100%;
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}
.home-slider img { width:100%; height:auto; }
.sliderHeading .zoomIn { background: #f86005; padding: 10px; color: #fff; border-radius: 8px; border-top-left-radius: 0px; }



/*	============================================ Css for about us section=================================================*/
	

@media (max-width: 1200px) { 
		
		.bouncediv {  
		margin-bottom:0px; 
    min-height: 435px;
}
.heading-text {
       font-size: 15px;
}


.sliderHeading ul {
	padding: 0px 5px;
	}
	
	.sliderHeading ul li a {
    font-size: 12px;
	}
}
		
		@media (max-width: 992px) { 
		.navbar-brand img{
			width:225px;
			margin-top:10px;
			}
			.nav > li > a {   
    padding: 10px 7px;
}
			.navbar-nav > li > a {
    line-height: 69px; 
			}
			
			.fixed img{
		 width:185px;
		 margin-top: 0px;
		 }
		 
		 .fixed  a{
		/*	 line-height: 50px !important;*/
			   padding: 8px 8	px !important;
			 }
			 
		.p-lr8 {
    padding-left: 15px !important;
    padding-right: 7.5px !important;
}

.p-lr6 {
    padding-left: 7.5px !important;
    padding-right: 15px !important;
}

.p-lr5 {
    padding-left: 15px !important;
    padding-right: 7.5px !important;
}
.sm-10{
	margin-bottom:10px;
	}
		
			.bouncediv{				
				min-height: 490px;
				}
		
		.bouncediv img {   
       margin: auto;
}

.warp{	
		padding:10px 30px;
		}	
		}
		
		
		

		
		
		
		@media (max-width: 767px) {
			
			.navbar-rght {
    float: left;
	width: 100%;
}
			.navbar-brand img {
    margin-left: 0px; 
}
			.navbar-nav > li > a {
    line-height: 20px;
}

.fixed img{
		 width:185px;
	margin-top: 15px;
		 }
.xs-10{
	margin-bottom:10px;
	}
		.p-lr7{
		padding-left:15px !important;
		padding-right:15px !important;
		}
		.p-lr8{
			padding-left:15px !important;
			padding-right:15px !important;
			}
			.p-lr9{
				padding-left:15px !important;
		padding-right:15px !important;
				}
				.ml-25{
	margin-left:-10px;
	}
		.i-fram{
			margin-left:10px !important;
			}
		
		.sliderHeading p{ text-align: center;}
		.sliderHeading ul{
			padding: 0px 10%;
    text-align: center;
			}
			
			.navbar-toggle{
				padding: 25px 10px;
				    margin-top: 10px;
				}
				
				.navbar-brand{
					padding-left: 15px;
					}
					
					.br-client{
			    border-bottom: 5px solid #cacdd5;
				border-right:none;
			}
			.Iframs{
			width:97%; 
			}
			.bl-client{
				 border-top: 5px solid #cacdd5;
				 border-left:none;
				}
				.warp{
		background:#fff;
		padding:10px 20px;
		}	
				
				.xs-img{
					    text-align: center;
						margin-bottom:10px;
					}
					.col-xs-display{
		display:block;
		}
					.teamimg{
						float:none;
						}
						.teamheading{
							  text-align: center;
							  margin-bottom:10px;
							}
		}
		
		
		
		@media (max-width: 480px) {
			
			.navbar-brand img {
    margin-left: 0px; 
}
			
			.navbar-brand img{
				width: 220px;
    margin-top: 10px;
				}
				.Iframs{
			width:96%;
			}
			
			
			
			.Company-PresentationSM{
			margin:0px 5% 10px;
  
			}
			
			.box{
							width: 100%;
			}
			
			
			
			.service-box {
  position:relative;
  
  height: 210px;
  display: block;
      border: 3px solid #f66c1847;
   opacity: 0.9;
       margin-bottom: 20px;
           overflow: hidden;
}
.service-box:hover {
  opacity: 0.5;

}
.service-box img{
   transition: transform .5s;
       border: 2px solid white;

}
.service-box img:hover {
   transform: scale(1.3);
}

.service-box img {
  position: relative;
      height: 100%;
          width: 100%;
}

h3.h_3 {
  position:absolute;
  bottom:20px;
  left: 20px;
  color: #fff;
  background: rgba(19, 8, 87, 0.44);
  padding: 5px;
  font-family: "Droid Sans", Arial, Helvetica, sans-serif;
  border: 1px solid #f86005;
  width: auto;
}
h3.h_3 a { 
  color: #fff;
  text-decoration: none;
}
@media only screen and (max-width: 600px) {
	h3.h_3 {
     position: absolute;
    bottom: 3px;
    left: 13px;
    color: #fff;
    background: rgba(19, 8, 87, 0.44);
    padding: 5px;
    font-family: "Droid Sans", Arial, Helvetica, sans-serif;
    border: 1px solid #f86005;
    width: auto;
    font-size: 14px;
}.service-box {
    position: relative;
    height: 109px;
    display: block;
    border: 3px solid #e9e9e9;
    opacity: 0.9;
    margin-bottom: 15px;
    overflow: hidden;
}}
.page-title-data {
    position: absolute;
    width: 80px;
    top: 0px;
    bottom: 0px;
    right: 24.8%;
    background: #0000A0;
    writing-mode: vertical-rl;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 0px 25px;
}
.page-title-img {
    position: relative;
}