/* HEADER SECTION  */
#header-section{
	background-color: #000033;
	color: #ffffff;
	margin: 0px;
}
#header-section .quick-link{
	color: #ffffff;
	padding: 0 10px;
	margin-top: 150px;
	text-align: center;
}
#header-section .quick-link a{
	color: #ffffff;
	padding: 10px;
	font-size: 12px;
}
#header-section h1{
	color: greenyellow;
}

#header-section .img-container{ margin-top: 10px; width: 100%;}
#header-section .img-container{	align: center;}
#header-section .logo-img{
	align: center;
	margin-right: 10px;
	margin-left: 5px;
	width: 150px;
}
#header-section .site-name{
	font-size: 20px;
	text-align: center;
	margin: 0;
	padding: 10px;
}


/* HIDE SHOW MENU */
.bar-holder{
	display: none;
	position: relative;
	z-index: 1000;
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	padding: 5px;	
	cursor: pointer;
	font-size: 20px;
}
.bar-holder-remove{
	display: none;
	position: relative;
	z-index: 1000;
	float: right;
	margin-top: 5px;
	padding: 5px 15px;
	cursor: pointer;
	font-size: 20px;
}
.responsive{display: block;}

@media (max-width: 768px ){
	.bar-holder{ display: block; cursor: pointer;}
	.quick-link{ display: none; }
	#header-section .logo-img{ width: 70px;}
	.logo-img{ float: left; }
}
/* end of HIDE SHOE MENU*/



/* MENU SECTION */
#menu_section{
	background-color: #000000;
	margin: 0;
	position: relative;
}
#menu_section nav{
	background-color: #000000;
}
#menu_section nav ul{
	padding: 0;
	margin: 0;
	position: relative;
	list-style: none;
	z-index: 1000;
}
#menu_section nav ul li{
	display: inline-block;
	background-color: #000000;
}
#menu_section nav a{
	display: block;
	line-height: 50px;
	padding: 0 18px;
	color: #ffffff;
	text-decoration: none;
}
#menu_section nav ul ul{
	display: none;
	position: absolute;
	top: 50px;
}
#menu_section nav a:hover{
	background-color: #ffffff;
	color: #000000;
}

.active{ background-color: #000033; }

#menu_section nav ul li:hover > ul{
	display: block;
}
#menu_section nav ul ul li{
	width: 220px;
	position: relative;
	display: list-item;
	float: none;
}
#menu_section nav ul ul ul li{
	position: relative;
	left: 220px;
	top: -50px;
}

.result-checker{ display: none; }

@media (max-width: 768px){
	.result-checker{
	display: block;
}
#menu_section{
		display: none;
		position: absolute;
		left: 0;
		background-color: #000000;
		color: #ffffff;
		width: 80%;
		height: 100%;
		overflow: auto;
		z-index: 1000;
		padding: 0px;
}
#menu_section nav ul li{ 
	display: block; 
	background-color: #000000; 
	padding:0px; 
	margin-left: -12px; 
	margin-right: -12px;
}
#menu_section nav ul li:hover ul{ 
	position: relative; 
	top: 0; 
}
#menu_section nav ul ul li{
		width: 100%;
		position: relative;
		display: list-item;
		float: none;
		background-color: #afafaf;
		color: #000000;
		margin-left: 0px; 
		margin-right: -12px;
}
	#menu_section nav ul ul ul li{ position: absolute; /* left: 170%; top: 60px; */ }

}
/* end MENU SECTION */



/* Login MENU */
#menu_id{
	display: block; 
	width:100%; 
	background-color:#efefef; 
	overflow-y: auto; 
	overflow-x: hidden;}
#log_show{ display:none; margin: 0; }

#in-bar-menu{
	font-size: 24px;
	margin-top: 1px;
	padding: 10px;
	height: 49px;
	position: absolute;
	float: right;
	top: 0;
	left: 70%;
	background-color: red;
	color: #ffffff;
	cursor: pointer;
}

    @media screen and (max-width: 768px){
      #menu_id{
      	display: none;
      	position: fixed;
      	top: 50px;
      	width: 80%;
      	height:500px;
      	overflow: auto;
      	z-index:1000000;
      }
      #in_menu{display: none;}
      #in-bar-menu{
      	left: 85%;
      }
      #log_show{
        display:block;
        font-size:12px;
        padding-top:0px;
        padding-bottom:0px;
      }
      .info1{
        display: inline-block;
        color:#ffffff;
      }
    }

@media (max-width: 428px){
	#in-bar-menu{
      	left: 74%;
      }
}
@media (max-width: 414px){
	#in-bar-menu{
      	left: 73%;
      }
}
@media (max-width: 412px){
	#in-bar-menu{
      	left: 73%;
      }
}
@media (max-width: 390px){
	#in-bar-menu{
      	left: 71%;
      }
}
@media (max-width: 384px){
	#in-bar-menu{
      	left: 71%;
      }
}
@media (max-width: 362px){
	#in-bar-menu{
      	left: 70%;
      }
}
/* END OF LOGIN MENU */

/* MY Calendar */
.mycalendar{
	padding: 10px;
	color: #ffffff;
}


/*BANNER SECTION */
#banner_section{margin-top: -23px; height: 550px; overflow: hidden; }
#banner_section .banner-section{
	height: 100%;
	width: 100%;
	position: relative;
}
#banner_section .banner-text{
	position: absolute;
	top: 60px;
	left: 100px;
	padding: 10px;
	color: #000000;
	opacity: 0.7;
	width: 600px;
	font-weight: 900;
}
#banner_section .banner-text h1{
	font-size: 26px;
}
.banner-img{
	position: relative;
	width: 100%;
}
@media (max-width:  768px){
	#banner_section{height: 450px; overflow: hidden;}
	#banner_section .banner-section .banner-img{
		width: 300%;
	}

	#banner_section .banner-text{
		padding: 5px;
		top: 50px;
		left: 0px;
		background-color: #ffffff;
		font-size: 22px;
		width: 90%;
		display: block;
		opacity: 0.6;
		font-weight: 1000;
		overflow: hidden;
		margin-left: 20px;
		margin-right: 20px;
	}
	#banner_section .banner-text h2{
		font-size: 14px;
	}
}
/*end BANNER SECTION */


/* FOOTER SECTION */
#footer_section{
	background-color: #000033;
	padding: 50px 0 10px 0;
	color: #ffffff;
}
#footer_section .footer-header{
	padding-bottom: 26px;
	color: greenyellow;
}
#footer_section .contact-wraper{
	margin-top: 20px;
}
#footer_section .phone{
	font-size: 16px;
}
@media (max-width:  768px){
	#footer_section .footer-header{
		padding-bottom: 26px;
		padding-top: 26px;
		text-align: center;
	}
}

#copy{
	text-align: center;
	font-size: 12px;
}
/* END OF FOOTER SECTION */