/*..for complete website we are defining margin and padding..*/
*{
	margin:0;
	padding:0;
}
/*....navigation bar...*/
#nav-bar{
	position:sticky;
	top:0;
	z-index:10;
}

.navbar-brand img{
/*	margin:20px auto;*/
	width:auto;
	text-align:left;
	height:auto;
}
.navbar-nav li{
	padding:0 10px;
}
.navbar-nav li a{
	float:right;
	text-align:left;
	font-family:-apple-system,BlinkMacSystemFont,
	"Segoe UI",Roboto,"Helvetica Neue",Arial,
	"Noto Sans",sans-serif,"Apple Color Emoji",
	"Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
	font-size:16px;
	
}
li a:hover:not(.active) {

    background-color: #007bff;
    border-radius: 5px;
    color:#fff;
}
.navbar-nav > .active > a {
    color: #fff !important;
    background-color:#007bff !important;  
    border-radius: 5px;   
}
.navbar-nav > .active > a >hover {
    color: #fff;
      
}
/*.............we are giving white background to navbar...*/
.navbar{
	background:#fff;
	
}
.navbar-toggler{
	border:#fff!important;
}
.nav-link{
	
	color:#212529!important;
	font-weight:600;
	font-size:16px;
	
}
.navbar-nav > .active > a >hover {
    color: #fff!important;
     
}
.dropdown-menu {
	float:left!important;
}

.dropdown-menu dropdown-item {
    float: none;
    color:#212529;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown:hover  {
    display: block;
      
}

.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;/*..It is used to remove the space between menu and menuitem, so dropdown menu is fixed when we hover..*/
}

/*......slider........*/
#slider{
	width:100%;
}
/*..aboutus..*/
#aboutus{
	padding-bottom:50px;
	padding-top:50px;
	color:#555  !important;
}
.aboutcontent{
	padding-top:10px;
}
#aboutus btn{
	margin-bottom:20px;
	margin-top:30px;
}

h2 {
	margin: 0px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
	color: #007bff!important;
	font-weight: bold !important;
	text-align: center;
	font-size:34px;
	line-height: 34px;
	text-transform: uppercase;
	padding-bottom: 30px;
	padding-top:10px;
	position: relative;
	font-size: 2.31rem;
	text-decoration: underline;
	text-decoration-color: #007bff !important;
}

h3{
    color: #007bff!important;
	/*..color: #0078a0!important;..*/
	text-align: center;
	padding-bottom: 10px;
	font-size: 2.00rem;
	font-family: 'apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important';
	
}

p{
	font-size:17px;
    font-family: apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    font-weight: 400;
    color:#212529;
}

.timelineimg img {
	max-width: 100%;
	outline: 2px solid hsl(0, 0%, 100%);
	outline-offset: -14px;
	padding-bottom: 10px;
}

.imgwrapper {
   width: 50%;
}

.wrapper img {
    max-width: 100%;
  height: auto;

}

.column + :last-child.column{
	float: right;
}

.col-8{
	padding-left:10px;
}

.col-8 .row{
	border: 1px solid #ced4da;
	border-radius:5px;
	background-color:#fff;
	padding :15px;
	margin: 10px;
	font-size:17px;
	padding-bottom:10px;
	 color:#212529;
	 font-weight: 400;
}

.col-12 .row{
    border: 1px solid #ced4da;
	border-radius: 5px;
	background-color:#fff;
	padding :15px;
	margin: 10px;
	font-size:17px;
	padding-bottom:10px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
	 color:#212529;
	 font-weight: 400;
}

.row .col-12 a{
	font-size: 22px; 
    border: 1px solid #ced4da;
	border-radius: 10px;
	padding: 14px 40px; 
	padding-top:5px; 
	color:White;
	background-color:#007bff!important;
	text-transform: uppercase;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
	font-weight: 400;
}

.row .col-12 p{
	
	 padding: 15px; 
	 border: 1px solid #ced4da;
	 border-radius: 5px;
	 background-color:#fff;
	 margin: 10px;
 	 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
	 color:#212529;
	 font-weight: 400;
}

.h3{
/*..	color: #0078a0!important;..*/
    color: #007bff!important;
	font-size: 2.00rem;
		font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

.follow{
	background:#fff;
	padding:15px;
	margin:10px;
	border: 1px solid #ced4da;
	border-radius: 5px;
}

.address{
   margin-bottom: 0rem !important;
}

.contact-info .fa{
	margin:10px;
	color:#007bff;
	font-weight:bold;
}

.btn-primary:hover{
    background-color:#007bff;
    border-color:#007bff;
}

/*....careers..
#contact{
	
	background:#efefef;
	padding-top:40px;
	padding-bottom:40px;
	color:#777;
}

.contact-form{
	padding:15px;
}

.form-control{
	border-radius:0 !important;
	border:none !important;
	
}..*/

::placeholder{
	color:#999  !important;
}

/*...footer..*/
#footer{
	background:#333;
	color:#fff;
	padding:12px;
}

#footer p{
    	color:#fff;
}

#footer .fa{
	margin:10px;
	color:#fff;
}	
/*.....glossy buttons...*/

.glass{
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 15px 10px;
	background-color: #007BFF; /*for compatibility with older browsers*/
	background-image: linear-gradient(#007BFF,#0062CC);
	border-radius:5px;
	box-shadow: 0px 1px 4px -2px #333;
	cursor: pointer;
	/* text styles */
	text-decoration: none;
	color: #fff;
	font-size: 17px;
	font-family: sans-serif;
	font-weight: 50;
	width:140px;height:50px;
}

/* ..responsive css..*/
@media only screen and (max-width: 480px) { 
	
	.navbar-brand img { width:50%; float:left;}
	h1 { line-height: 28px; font-size: 25px; }
	h2 {font-size: 24px; line-height: 24px;}

}