/*Custom css by Prakash Lal*/

.top-bar {
	background: #fff;
}

.navbar-brand > img {
	width: 150px; min-height:1px; height:53px;
}

.navbar {
	background:transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background: #606062;
	color: white;
}

.navbar-inverse .navbar-nav > li > a:hover {
	background: none;
	border-radius: 0;
	color: #606062;
}

.navbar-inverse .navbar-nav > li > a {
	color: #606062;
	border:0;
	border-radius: 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu {
	top:34px!important;
    box-shadow: 0px 0px 13px #D6D2D2;
    background-color: white;
    border-bottom: 2px solid #f6b800;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
	color: #606062;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
	background: #606062;
	border-radius: 0;
}

.feature-wrap i:hover {
    background: #f6b800;
    color: #FFFFFF;
    box-shadow: inset 0 0 0 5px #E2AC0D;
    -webkit-box-shadow: inset 0 0 0 5px #E2AC0D;
    border: 3px solid #E2AC0D;
}

.feature-wrap i{
	color: #606062;
}

#bottom {
	border-bottom:none;
}

#footer a:hover {
	/* color: #f6b800; */
}

ul.social-share li a:hover {
	background: #f6b800;
	color: #606062;
}

.navbar-nav>li {
	padding-bottom: 15px;
}

.navbar {
	    padding: 5px 5px;
}

.top-bar {
    padding: 5px 0;
}

.navbar-inverse .navbar-nav > li > a {
  text-decoration: none;
  position: relative;
  color: #606062;
  text-shadow:none!important;
}

.navbar-inverse .navbar-nav > li > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 2px solid #f6b800;
  transition: 0.4s;
}

.navbar-inverse .navbar-nav > li > a:hover:after {
  width: 100%;
}


.smallerHeader {
    position: fixed!important;
    top: 0!important;
    left: 0;
    right: 0;
    z-index: 200;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);-webkit-transition: all 800ms linear;
-moz-transition: all 800ms linear;
-ms-transition: all 800ms linear;
-o-transition: all 800ms linear;
transition: all 800ms linear;
}

.smallerHeader img{ -webkit-transition: all 800ms linear;
-moz-transition: all 800ms linear;
-ms-transition: all 800ms linear;
-o-transition: all 800ms linear;
transition: all 800ms linear;
-webkit-transition-delay: 900ms; /* Safari */
    transition-delay: 900ms;}

.dropdown > a>i.fa.fa-angle-down {
    margin-left: 8px;
}

#backToTop {
    position: fixed;
    bottom: 60px;
    right: 30px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    /*background: #f5f5f5;*/
	color: #000;
    font-size: 30px;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.7s ease-out;
opacity:0;
	}
	
.showbtt {
		opacity:8!important;
	}
	
	.smallerHeader > .container >  .col-lg-3 >  .navbar-brand > img {
    width: 75px!important; height:47px !important;
}

.smallerHeader>.container>.navbar-collapse>.navbar-nav > li > a {
	font-size: 14px;
}

.top_rgt_head { float:right; line-height:25px; color:#FFFFFF; font-size:13px;}
.top_rgt_head > a : hover { color:#FFFFFF !important; }
.top_rgt_head > a { color:#FFFFFF !important; }
.pad_right0{padding-right:0px !important;}


@media (min-width:200px) and (max-width:764px) {
	.dropdown-toggle {
		width:100%!important;
	}
	.dropdown-toggle > i {
	    position: absolute!important;
    right: 21px!important;
    margin: 4px 0!important;
    color: #f6b800!important;
	}
	.dropdown, .navbar-nav > li {
		margin:0!important;
	}
	.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #606062!important;
}

.navbar-inverse .navbar-toggle {
    border-color: #FFF!important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #F7F7F7!important;
}

.container {
	padding-left:0!important;
}

.navbar>.container .navbar-brand {
    margin-left: 15px!important;
}
}


.smallerHeader{
  animation: animationFrames linear 0.8s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 0.8s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 0.8s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 0.8s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 0.8s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -webkit-animation-delay: 300ms; /* Safari */
	animation-delay: 300ms;
	
	
}
.smallerHeader{
animation: animationFrames1 linear 0.8s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
-webkit-animation: animationFrames1 linear 0.8s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-moz-animation: animationFrames1 linear 0.8s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-o-animation: animationFrames1 linear 0.8s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-ms-animation: animationFrames1 linear 0.8s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
}

@keyframes animationFrames1{
0% {
transform: translate(0px,0px) ;
}
15% {
transform: translate(0px,-25px) ;
}
30% {
transform: translate(0px,0px) ;
}
45% {
transform: translate(0px,-15px) ;
}
60% {
transform: translate(0px,0px) ;
}
75% {
transform: translate(0px,-5px) ;
}
100% {
transform: translate(0px,0px) ;
}
}

@-moz-keyframes animationFrames1{
0% {
-moz-transform: translate(0px,0px) ;
}
15% {
-moz-transform: translate(0px,-25px) ;
}
30% {
-moz-transform: translate(0px,0px) ;
}
45% {
-moz-transform: translate(0px,-15px) ;
}
60% {
-moz-transform: translate(0px,0px) ;
}
75% {
-moz-transform: translate(0px,-5px) ;
}
100% {
-moz-transform: translate(0px,0px) ;
}
}

@-webkit-keyframes animationFrames1 {
0% {
-webkit-transform: translate(0px,0px) ;
}
15% {
-webkit-transform: translate(0px,-25px) ;
}
30% {
-webkit-transform: translate(0px,0px) ;
}
45% {
-webkit-transform: translate(0px,-15px) ;
}
60% {
-webkit-transform: translate(0px,0px) ;
}
75% {
-webkit-transform: translate(0px,-5px) ;
}
100% {
-webkit-transform: translate(0px,0px) ;
}
}

@-o-keyframes animationFrames1 {
0% {
-o-transform: translate(0px,0px) ;
}
15% {
-o-transform: translate(0px,-25px) ;
}
30% {
-o-transform: translate(0px,0px) ;
}
45% {
-o-transform: translate(0px,-15px) ;
}
60% {
-o-transform: translate(0px,0px) ;
}
75% {
-o-transform: translate(0px,-5px) ;
}
100% {
-o-transform: translate(0px,0px) ;
}
}

@-ms-keyframes animationFrames1 {
0% {
-ms-transform: translate(0px,0px) ;
}
15% {
-ms-transform: translate(0px,-25px) ;
}
30% {
-ms-transform: translate(0px,0px) ;
}
45% {
-ms-transform: translate(0px,-15px) ;
}
60% {
-ms-transform: translate(0px,0px) ;
}
75% {
-ms-transform: translate(0px,-5px) ;
}
100% {
-ms-transform: translate(0px,0px) ;
}
}



.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0 !important;
    visibility: hidden;
    margin-top: -1px; margin-left:100%;
	
}
 .sub-menu {
    margin-top: -32px !important; 
	
	}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: -50px;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 0px; 
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -116px;
}

/* ----------------------------------------------------------------Sagar Responsive -------------------------------------------------------------*/

.xs-clearfix {clear:none;}
.xs-clearfix-reverse{clear:both;}

.crosstext{color:#f6b800; font-size:30px; line-height:50px; text-align:center; padding:220px 0;}

@media (min-width:200px) and (max-width:767px) {

.heading{font-size: 26px;
    line-height: 35px; width:80%; margin:30px auto; text-align:center;}
	
.sm-pad0 {padding:0px !important;	}

.side_text{font-size: 18px;
    line-height: 30px;}


	
.arrow-left_bfs, .arrow-left_insurance, .arrow-left_mutual-fund, .arrow-left_pharma, .arrow-left_otherindustry{display:none;}	

.homepage {padding-bottom:0px;}

.footer_fixed{position:relative;}

#bottom{padding-top:20px; padding-left:15px;}	

#bottom h3 {font-size:13px;}

#bottom ul li{font-size:12px;}

.xs-clearfix {clear:both;}

.xs-clearfix-reverse{clear:none; height:0px !important;}

.bg_cross {display:none;}	

.particles-js-canvas-el {  
   
    margin-top: -1000px !important;
  
    width: 100% !important;
  }
  
  
.col-sm-4 .font12{margin-left:15px !important; font-size:10px;}  

.banner_title{font-size:24px;}



.top_rgt_head{margin-left: 15px; float: left;}

.social-share {    margin-left: 15px; }

.center h2 {    font-size: 22px;}

h1, h2, h3 {    margin-top: 10px;}



#bottom ul li {padding: 3px 0px;}

.vs1{font-size:16px; line-height:20px;}

#inner-box1, #inner-box2 {padding:70px 0px}

#cd-timeline::before {left: 27px !important;}

.cd-timeline-block {margin-right: 10px !important;
    margin-left: 25px !important;}

.cd-timeline-content h2{font-size: 17px !important;}

.cd-timeline-content p {font-size: 12px !important;
    color: white !important;}
	
.cd-timeline-content .cd-date {color:white; font-size:14px !important; padding:0px !important;}

.cd-slider-nav a {padding-top:5px !important;}

.cd-pricing > .mg_team_small{    width: 32%;
    float: left;
    margin-right: 2% !important;}
	
	.cd-pricing {width:90%; min-width:90%;}
	
.cd-hero-slider {height:515px !important;}	

.service-para{margin-left:15px; line-height:25px;}

.services-wrap{padding:0px 0px 0px 0px !important;}

.boxg1, .boxg2, .boxg3, .boxg4, .boxg5 {margin:0px; margin-left:0px; width:100%; height:auto; padding-bottom:10px;}


}


@media (min-width:200px) and (max-width:991px) {
	.banner_head{
	    margin-left:15px;
    margin-top: -15px;
	}
	
.banner_breadcrumb{
	line-height: 20px;
    margin-top: -35px;
    margin-left: 15px !important; text-align:left;
	
	}
	
body > main > section, .parg {padding-left:15px;}


	
	
	}



@media (min-width:200px) and (max-width:992px) { 	

.crosstext{font-size:16px; line-height:22px;}

}

@media (min-width:993px) and (max-width:1200px) { 

.crosstext{font-size:20px; line-height:49px;}

}

.product_heading{ line-height: 30px; font-size: 32px; margin-bottom: 30px; color: #f6b800;}

.ben_icon{border:1px solid #000000; height:70px; width:70px; border-radius:50px; float:right; margin-left:30px;}

.ben_icon_left{border:1px solid #000000; height:70px; width:70px; border-radius:50px; float:left; margin-right:30px;}

.text-center h2 {
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 600;
	color:#0E4F8E;
	margin-top:0px;
	font-family:Admina !important;
}
/* Border
 ------------------------------ */ 
.fancy-border {
  width: 100%;
  border-bottom: 4px solid;
  border-image:linear-gradient(to right, #00D066 25%,#0099E1 25%, #0099E1 50%, #F9C300 50%, #F9C300 75%, #FA3A2F 75%) 5;
  z-index:10000 !important;
}
.services h4
{
	font-size:16px;
	color:#002E5B;
	font-family:Adamina;
	text-transform:uppercase;
	font-weight:600 !important;
	margin-top:10px;
}
.services p
{
	font-size:15px;
	color:#000;
	
}
.services img
{
	border:2px solid #002E5B;
	
}
.services a
{
	font-size:14px;
	color:#002E5B;
	margin-bottom:0;
}
.services a:hover
{
	font-size:14px;
	color:#fff;
}
.services
{
	padding:10px;
}
.footer-title
{
	color:#fff;
	text-transform:none;
	font-size:22px;
}
.usefull-links {
	padding: 0px;
	margin: 0px;
}
.usefull-links li  {
	padding: 0px;
	margin: 2px 0 2px 0 !important;
	display: block !important;
	border-bottom: none;
}
.usefull-links li a {
	padding: 0px;
	display: block !important;
	color: #fff !important;
	line-height: 18px;
	text-transform: capitalize;
}
.usefull-links li a:hover {
	color: #FDE52C !important;
}
.usefull-links li i {
	color: #727272;
	padding: 0 10px 0 0 !important;
}
.usefull-links li:last-child {
	border-bottom:none !important;
}
.usefull-links.no-border li {
	border-bottom:none;
}

.item-holder a {
	color:#fff;
	font-size:15px;
	margin-top:0px;
	margin-bottom:0px;
}
.item-holder a:hover {
	color:#FDE52C;
}
#footer a{
	color:#FDE52C;
}
#footer a:hover {
	color:#fff;
}
.toplist li a i
{
	color:#fff;
	font-size:16px;
}
.toplist li a i:hover
{
	color:#FDE52C;
}
@media (max-width:767px) { 	
.bulletdisplay
{
	display:none;
}
}
.backpage
{
	background: url(../images/background.jpg);
	height:200px;
	background-size:cover;
	margin-top:10px;
}
.backpageproducts
{
	background: url(../images/background.jpg);
	height:150px;
	background-size:cover;
	margin-top:10px;
}
.comppro
{
	color:#002E5B;
	font-family:Adamina;
}
.bmargin p
{
	color:#002E5B;
}
.infraback
{
	background:#f3f3f3;
	margin-top:40px;
	padding:30px;
}

.infracar img
{
	border:2px solid #002e5b;
	padding:0px;
}

#leo1
{
	padding:30px 0px;
	background:#f3f3f3;
}
#leo3
{
	padding:30px 0px;
	background:#f3f3f3;
}
#leo5
{
	padding:30px 0px;
	background:#f3f3f3;
	margin-bottom:50px;
}
#leo2
{
	padding:30px 0px;
	background:#fff;
}
#leo4
{
	padding:30px 0px;
	background:#fff;
}
.contactadd
{
	background:#fff;
	margin-top:-200px;
	border:3px solid #EBE8DF;
	border-radius:5px;
	position:relative;
}
.address
{
	background:#002E5B;
	color:#fff;
}
.address h3
{
	color:#fff;
	padding:10px;
	font-weight:bold;
	font-family:Adamina;
}
.address p
{
	color:#fff;
	padding:10px;
}
.address a
{
	color:#fff;
}
.address a:hover
{
	color:#FDE52C;
	cursor:pointer;
}
.formcont
{
	padding:10px !important;
	background:#f0f0f0 !important;
	margin-top:10px;
	margin-bottom:60px !important;
}
.bmargin ul li a
{
	color:#002e5b;
}

.bmargin ul li a:hover
{
	color:#4183D7;
}
.modalconent
{
	 position: absolute !important;
    top: 40% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 30% !important;
    padding: 20px;
	border:1px solid #000;
	border-radius:10px;
	z-index:10000;
}
#button
{

padding:5px;
background:#198211;
color:#fff !important;
}
#button1
{
float:right;
padding:5px;
background:#EF3235;
}
#button1 a
{
	color:#fff !important;
}
#button a
{
	color:#fff !important;
}
#modal 
{
   position: fixed;
   font-family: Arial, Helvetica, sans-serif;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.8);
   z-index: 99999;
   height: 100%;
   width: 100%;
}
@media (max-width:480px){
	.modalconent
	{
		 position: absolute !important;
		top: 40% !important;
		left: 5%;
		transform: translate(-50%, -50%);
		background: #fff;
		width: 100% !important;
		padding: 20px;
		border:1px solid #000;
		border-radius:10px;
		z-index:10000;
	}
}
@media (max-width: 768px){
	.modalconent
	{
		 position: absolute !important;
		top: 40% !important;
		left: 50%;
		transform: translate(-50%, -50%);
		background: #fff;
		width: 80% !important;
		padding: 20px;
		border:1px solid #000;
		border-radius:10px;
		z-index:10000;
	}
}
@media (max-width:1024px){
	.modalconent
{
	 position: absolute !important;
    top: 40% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 40% !important;
    padding: 20px;
	border:1px solid #000;
	border-radius:10px;
	z-index:10000;
}
}
.products
{
   border:2px solid #E3E6E8;
 }
.prodinfo h3
{
	background:#002e5b;
	color:#fff;
}
.products img
{ display:block;
margin:auto;
left:0;
}
.grad
{
	background:linear-gradient(#fdfdfd, #eaeaea);
	color:#002e5b;
	font-size:20px;
	border:none !important;
}
.tableproduct
{
	color:#002e5b;
}
.tableproduct1
{
	color:#002e5b;
	margin-top:0px;
	margin-bottom:20px;
}
.tableproduct>tbody>tr>td
{
	border-bottom: 1px solid #FDE52C;
	padding:7px 10px !important; 
}
.tableproduct1>tbody>tr>td
{
	border-bottom: 1px solid #FDE52C;
	padding:7px 10px !important; 	
}
.circles {
  display: flex;
}
.circle-with-text {
  background: #F6F7F9;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  margin: 5px;
  font-size: 15px;
  font-weight:800;
  padding: 15px;
  display: flex;
  height: 80px;
  width: 80px;
  color: #D4554E;
  border: 10px solid #ebebeb;
  z-index:10000;
}
.multi-line-text {
  font-size: 18px;
}
.milestoneinfo
{
	background:#002E5B;
	padding:10px;
	border-radius:60px;
	color:#fff;
	margin-top:4px;
	margin-left:-65px;
	height:80px;
}
.milestones p
{
	padding-left:60px;	
}
.milestoneinfo1
{
	background:#FDE52C;
	padding:10px;
	border-radius:60px;
	color:#002E5B;
	margin-top:4px;
	margin-left:-65px;
	height:80px;
}
.milestones
{
	margin-bottom:20px;
}

.clientimg img
{
	padding:10px 0 !important;
	left:0;
	margin:auto;
	display:block;
}

.clientimg .cimage 
{
	border:2px solid #0E4F8E;
	border-radius:5px;
}
.careerpost h3
{
	color:#002e5b;
	font-size:24px;
	font-weight:bold;
}
.careerpost a
{
	color:#002e5b;
}
.careerpost a:hover
{
	color:#0099E1;
}
.careerpost h5
{
	color:#002e5b;
	font-size:18px;
}
.careerpost strong
{
	color:#353535;
	font-size:15px;
}
.careerpost p
{
	color:#353535;
	font-size:14px;
	padding-left:30px;
	padding-top:0px;
	padding-bottom:0px;
}
.careerpost h6
{
	color:#002e5b;
	font-size:15px;
	padding-left:30px;
}
.careerpost ul li
{
	color:#353535;
	font-size:14px;
	padding-left:30px;
}
.careerpost
{
	padding-bottom:20px;
}
.botlist ul li a i
{
	display:inline-block !important;
	padding:7px;
}
.circleimage img
{
}

.downloadlinks
{
	display:inline-flex;
}
.downloadlinks h4
{
	justify-content:center;
	align-content:center;
	margin-left:10px;

}
.downloadlinks a
{
	
	font-size:14px !important;
	color:#3D3D3D;
}

.downloadlinks img
{
	justify-content:start;
	align-content:start;
	float:left;
	height: 30px;
}

.downloads
{
	margin-top:20px !important;
	margin-bottom:20px !important;
}