h1,h2,h3,h4,h5{ color:#0561A5;}


.top-style
{ 
	position:relative;
	top:0%;
	left:0%;
	right:0%;
	height:190px;
	background-color:#0561A5;
 	background:linear-gradient(#0561A5,#023E73,#036);  
	border-bottom:1px solid #FFF;
	z-index:-1; 
} 

#top-contact
{
	font-size:18px;
	color:#FFF;
	padding:10px;
	border:1px solid #FFF;
	border-radius:4px;
}

.w3-card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.w3-card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)!important}
.w3-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)!important}
.w3-card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)!important}


/*=====cerds ends  here============*/

 .main
 {
	
	   margin-top:-80px;
	   padding:0px;
	   z-index:1; 
	   background-color:#FFF;
 }

		@media only screen and (max-width:806px )  
	    {
			 .main{ margin-top:0px;}
		}

/* General Styles for Menu  */
.menuBackground {
	background:#ECB614;
	
}
.dropDownMenu a {
	color: #FFF;
}
.dropDownMenu,
.dropDownMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dropDownMenu li {
	position: relative;
}
.dropDownMenu a {
	padding: 10px 20px;
	display: block;
	text-decoration: none;
	
}
.dropDownMenu a:hover {
	background:#C60;
}


/* Level 1 Drop Down */
.dropDownMenu > li {
	display: inline-block;
	vertical-align: top;
	margin-left: -4px; /* solve the 4 pixels spacing between list-items */
}
.dropDownMenu > li:first-child {
	margin-left: 0;
}

/* Level 2 */
.dropDownMenu ul {
	box-shadow: 2px 2px 15px 0 rgba(0,0,0, 0.5);
}
.dropDownMenu > li > ul {
	text-align: left;
	display: none;
	background:#ECB614;
	position: absolute;
	top: 100%;
	left: 0;
	width: 240px;
	z-index: 999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
}

.dropDownMenu > li > ul > li > a{
border-bottom:1px dotted #FFFFFF;
}
/* Level 3 */
.dropDownMenu > li > ul > li > ul {
	text-align: left;
	display: none;
	background: darkcyan;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 9999999;
}
/* menu ends  */

.main-container{ padding:10px;}






/* ===================slide ====================*/		
		.slider_container { position:relative;  width:100%; background-color:#0561A5;overflow:hidden;}
		  .slider_container img { width:100%; height:350px;}
		  .slide_show{ position:relative; display:none;}
		  .slider-image img,.first-img{animation-name: fade;animation-duration: 1.5s;}
		  @-webkit-keyframes fade {
            from {opacity: 0.7} 
            to {opacity: 1}
              }

          @keyframes fade {
          from {opacity: .4} 
          to {opacity: 1}
          }
		  .social 
		  {
			  position:absolute;
			  top:300px;
			  left:450px;
			  
		  }
		  .slogen
		  {
			  text-align:center; margin-left:-250px; color:#fff; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 50px darkblue;}
		  
		  .social a{ display:inline;}
		  #fb{ background-color:#4867AA; border:none;}
		  #fb:hover{  position:relative; bottom:10px;}
		  
		  #google{ background-color:#EA4335; border:none;}
		  #google:hover{  position:relative; bottom:10px;}
		  
		  #twiter{ background-color:#1DA1F2; border:none;}
		  #twiter:hover{  position:relative; bottom:10px;}
		  
		  #linkedin{ background-color:#0177B5; border:none;}
		  #linkedin:hover{  position:relative; bottom:10px;}
		  
		  
		  .quotes{ position:absolute; bottom:0%; height:40px; background-color:#000;
		  width:100%; opacity:0.7; font-size:22px; color:#FFF; text-align:center;
		  }
		  
		  .quotes a{ display:inline;}
		  
		
		
		@media only screen and (max-width:1142px )  
	    {
			.social{ position:absolute;
			  top:300px;
			  left:320px;
			}
			
			 .slogen
		  {
			  text-align:center; margin-left:-150px; color:#fff; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 50px darkblue;}
		}
		
		
		@media only screen and (max-width:906px )  
	    {
			
			.slider_container { position:relative; height:400px; width:100%; background-color:#0A1857;overflow:hidden;}
		  .slider_container img { height:400px;width:100%;}
			
			
			.social{ position:absolute;
			  top:200px;
			  left:220px;
			}
			
			 .slogen
		  {
			  text-align:center; margin-left:-60px; color:#fff; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 50px darkblue; margin-top:-10px; font-size:17px;}
			  
			  
			  .quotes{ position:absolute; bottom:0%; height:40px; background-color:#000;
		  width:100%; opacity:0.7; font-size:14px; color:#FFF; text-align:center;
		  }
		}
		
		@media only screen and (max-width:708px )  
	    {
			
			.slider_container { position:relative; height:400px; width:100%; background-color:#0A1857;overflow:hidden;}
		  .slider_container img { height:400px;width:100%;}
			
			
			.social{ position:absolute;
			  top:200px;
			  left:120px;
			}
			
			 .slogen
		  {
			  text-align:center; margin-left:-60px; color:#fff; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 50px darkblue; margin-top:-10px; font-size:17px;}
		}
		
		@media only screen and (max-width:570px )  
	    {
			
			.slider_container { position:relative; height:300px; width:100%; background-color:#0A1857;overflow:hidden;}
		  .slider_container img { height:300px;width:100%;}
			
			
			.social{ position:absolute;
			  top:140px;
			  left:100px;
			}
			.social a{ padding:4px 5px 6px 5px;}
			 .slogen
		  {
			  text-align:center; margin-left:-20px; color:#fff; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 50px darkblue; margin-top:-10px; font-size:12px;}
		}
		
		
		
		@media only screen and (max-width:432px )  
	    {
			
			.slider_container { position:relative; height:300px; width:100%; background-color:#0A1857;overflow:hidden;}
		  .slider_container img { height:300px;width:100%;}
			
			
			.social{ position:absolute;
			  top:140px;
			  left:50px;
			}
			.social a{ padding:4px 5px 6px 5px;}
			 .slogen
		  {
			  text-align:center; margin-left:-10px; color:#fff; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 50px darkblue; margin-top:-10px; font-size:12px;}
		}
		
		
		@media only screen and (max-width:373px )  
	    {
			
			.slider_container { position:relative; height:300px; width:100%; background-color:#0A1857;overflow:hidden;}
		  .slider_container img { height:300px;width:100%;}
			
			
			.social{ position:absolute;
			  top:140px;
			  left:20px;
			}
			.social a{ padding:3px 3px 3px 3px;}
			 .slogen
		  {
			  text-align:center; margin-left:-3px; color:#fff; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 50px darkblue; margin-top:-10px; font-size:12px;}
		}
		
		@media only screen and (max-width:321px )  
	    {
			
			.slider_container { position:relative; height:300px; width:100%; background-color:#0A1857;overflow:hidden;}
		  .slider_container img { height:300px;width:100%;}
			
			
			.social{ position:absolute;
			  top:140px;
			  left:20px;
			}
			.social a{ padding:4px 5px 6px 5px; font-size:12px;}
			 .slogen
		  {
			  text-align:center; margin-left:-2px; color:#fff; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 50px darkblue; margin-top:-10px; font-size:8px; font-weight:bold;}
		}
		  
           /* ===================slide css endes here====================*/	
		   
		   .notice{ border:1px solid #0561A5;}
		   .notice_title{ background-color:#0561A5; padding:20px; color:#FFF; font-size:20px;}
		   #padd{ padding-bottom:10px;}