/* CSS Document */



*
{
	padding:0;
	
}

body,html
{
	margin:0;
	padding:0px;
	background:#ffffff;
}

.mygrid
{
	width:100%;
}
.grid
{
	max-width:1100px;
}
.myhead
{
	background:#009098;
	
	margin:0 auto;
	padding:0px;
}
/*menu*/

.mynav
{
	background:#009098;
	height:50px;
	margin:0 auto;
	padding:0px;
}

.menu
{
	display:none;
}
 nav
{
	background:#ffffff;
	width:100%;
	margin:0px auto;
	border-radius: 10px 10px 0px 0px;
}
 nav ul
{
	list-style:none;
}
 nav ul li
{
	display:inline-block;
	position:relative;
	border-left:1px solid #05969b;
}
 nav ul li:first-child
 {
	 border-left:none;
 }
 
 nav ul li :hover
{
	transition:.3s background-color;
	text-decoration:none;
	color:#3b5999;
	
}

 nav ul li a
{
	color:#3b5999;
	text-decoration:none;
	display:block;
	padding:14px 8px;
	margin-left:10px;
	font-weight:bold;
}
 nav ul li a i
{
	margin-right:10px;
}
 nav ul li:hover .children
{
	display:block;
}
 nav ul li .children
{
	display:none;
	background:#ffffff;
	position:absolute;
	width:135%;
	left:-1px;
	z-index:1000;
}
 nav ul li .children li
{
	display:block;
	overflow:hidden;
	border-bottom:1px solid #A4A4A4;
}
 nav ul li .children li a
{
	    display: block;
    font-size: 13px;
    padding: 7px;
    text-transform: capitalize;
}
 nav ul li .children li a i
{
	float:right;
	position:relative;
	top:3px;
	margin-right:0px;
	margin-left:10px;
}
 nav ul li .caret
{
	position:relative;
	top:2px;
	margin-right:0px;
	margin-left:6px;
}

@media screen and (max-width: 1024px)
{
	
	.menu
	{
		display:block;
		width:100%;
		top:70px;
		background:#192f59;
		
	}
	.menu .bt-menu
	{
		display:block;
		padding:7px;
		color:#fff;
		overflow:hidden;
		font-size:23px;
		font-weight:bold;
		text-decoration:none;
	}
	.menu i
	{
		float:right;
		font-size:22px;
		margin-top:6px;
	}
	 nav
	{
		width:85%;
		height:78%;
		position:fixed;
		overflow:scroll;
		right:100%;
		margin-top:0px;
		z-index:5000;
	}
	 nav ul li
	{
		display:block;
		border-bottom:1px solid #A4A4A4;
	}
	 nav ul li a
	{
		display:block;
	}
	 nav ul li a:hover
	{
		color:#FFC107;
		background:none;
	}
	 nav ul li:hover .children
	{
		display:none;
	}
	 nav ul li:focus .children
	{
		color:#FFC107;
		text-decoration:none;
	}
	 nav ul li:active .children
	{
		color:#FFC107;
		text-decoration:none;
	}
	 nav ul li .children
	{
		width:100%;
		position:relative;
	}
	 nav ul li .children li a
	{
		margin-left:20px;
	}
	 nav ul li .caret
	{
		float:right;
	}
	
}

@media screen and (max-width: 800px)
{
	
	.menu
	{
		display:block;
		width:100%;
		top:70px;
		background:#000000;
		
	}
	.menu .bt-menu
	{
		display:block;
		padding:7px;
		color:#fff;
		overflow:hidden;
		font-size:23px;
		font-weight:bold;
		text-decoration:none;
	}
	.menu i
	{
		float:right;
		font-size:22px;
		margin-top:6px;
	}
	 nav
	{
		width:85%;
		height:78%;
		position:fixed;
		overflow:scroll;
		right:100%;
		margin-top:0px;
		z-index:5000;
	}
	 nav ul li
	{
		display:block;
		border-bottom:1px solid #A4A4A4;
	}
	 nav ul li a
	{
		display:block;
	}
	 nav ul li a:hover
	{
		color:#FFC107;
		background:none;
	}
	 nav ul li:hover .children
	{
		display:none;
	}
	 nav ul li:focus .children
	{
		color:#FFC107;
		text-decoration:none;
	}
	 nav ul li:active .children
	{
		color:#FFC107;
		text-decoration:none;
	}
	 nav ul li .children
	{
		width:100%;
		position:relative;
	}
	 nav ul li .children li a
	{
		margin-left:20px;
	}
	 nav ul li .caret
	{
		float:right;
	}
}
/*menu*/

/*slider*/


.cycle-slideshow
{
	width:100%;
	display:block;
	position:relative;
	margin:0 auto;
	 border:3px solid #ffffff;
}
.cycle-prev,
.cycle-next
{
	font-size:250%;
	display:block;
	position:absolute;
	z-index:9999;
	cursor:pointer;
	top:40%;
	color:#ffffff;
}
.cycle-prev
{
	left:2%;
}
.cycle-next
{
	right:2%;
}
.cycle-pager
{
	width:100%;
	text-align:center;
	display:block;
	position:absolute;
	bottom:20px;
	z-index:9999;
	cursor:pointer;
}
.cycle-pager span
{
	color:#ffffff;
	width:11px;
	height:11px;
	display:block;
	border:1px solid #ffffff;
	border-radius:50%;
	margin:0 5px;
	float:left;
	white-space:nowrap;
}
.cycle-pager .cycle-pager-active
{
	background:#ffffff;
}


/*slider*/
.facilty
{
    
    BACKGROUND-COLOR: #00dce3;
    MARGIN: 20PX;
    border-radius: 20px;
    border: 1px solid;
    box-shadow: 5px 10px 18px #888888;
    }
.faciltytital
{
    TEXT-ALIGN: CENTER;
    BACKGROUND-COLOR: #004042;
    }

.about
{
	min-height:300px;
	margin:0 auto;
	padding:0px;
	background:#05969b;
}

.news
{
   
	height:350px;
	background:#ffffff;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 56 58);
	margin:0 auto;
	padding:0px;
	margin-bottom:2%;
	margin-top:2%;
	margin: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.news_head
{
	height:50px;
	margin:0 auto;
	padding:0px;
}
.news_head h3
{
	text-align:center;
	line-height:1.5em;
	text-decoration:underline;
	color:#192f59;
}
.news p
{
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1%;
	line-height:1.5em;
	padding-top:1%;
	text-align:justify;
}
.welcome
{
    
	min-height:350px;
	background:#ffffff;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 56 58);
	margin:0 auto;
	padding:0px;
	margin-bottom:2%;
	
	margin-top:2%;
	margin: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.welcome p
{
	padding-left:2%;
	padding-right:2%;
	padding-bottom:1%;
	line-height:1.5em;
	padding-top:2%;
	text-align:justify;
	font-size:15px;
}
.welcome_head
{
	height:50px;
	margin:0 auto;
	padding:0px;
}
.welcome_head h3
{
	text-align:center;
	line-height:1.5em;
	text-decoration:underline;
	color:#192f59;
}

.footer
{
	width:100%;
	min-height:50px;
	background:#fbfbfb;
}

.footer ul { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
}
 
.footer li { 
  border-bottom: 1px dotted #243961;
  float: left; 
  height: 35px; 
  margin: 3px 0;
  padding: 0; 
  width: 310px; 
}
 
.footer li a { 
  color: #000000;
  display: block;
  float: left; 
  font: normal 12px Verdana, Geneva, sans-serif; 
  padding: 10px 0 0 19px; 
  text-decoration: none;
  font-size: 14px;
}
 
.copy
{
	background:#fbfbfb;
	color:#000000;
	padding:20px;
}
@media screen and (max-width: 800px)
{
	.copy
{
	background:#fbfbfb;
	color:#000000;
	height:70px;
}
}

.copytext
{
	background:#eaeaea33;
	color:#192f59;
	padding:10px;
	height:40px;
}
@media screen and (max-width: 800px)
{
	.copytext
{
	background:#eaeaea33;
	color:#192f59;
	height:70px;
}
}
@media screen and (max-width: 800px)
{

.footer
{
	width:100%;
	min-height:50px;
	background:#fbfbfb;
}

.footer ul { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
}
 
.footer li { 
  border-bottom: 1px dotted #243961;
  float: left; 
  height: 35px; 
  margin: 3px 0;
  padding: 0; 
  width: 310px; 
}
 
.footer li a { 
  color: #000000;
  display: block;
  float: left; 
  font: normal 12px Verdana, Geneva, sans-serif; 
  padding: 10px 0 0 19px; 
  text-decoration: none;
  font-size: 14px;
}
}

@media screen and (max-width: 800px)
{

.modal
{
	z-index:9999;
}

}

.modal-footer
{
	background:#333333;
	color:#ffffff;
}

.modal-header
{
	background:#05969b;
	color:#ffffff;
}

.close
{
	color:#ffffff;
}
.close:hover
{
	color:#ffffff;
}
.btn-login
{
	padding:10px 50px 10px 50px;
	background-color:#05969b;
	color:#ffffff;
	border-radius:0px;
	box-shadow:0px 1px 1px rgba(0,0,0,0.3);
	border:none;
}
.btn-login a
{
	color:#ffffff;
	text-decoration:none;
}
.btn-login a:hover
{
	color:#fff;
}
.btn-login:hover
{
	background-color:#192f59;
	border:none;
	color:#05969b;
	transition:0.3s ease-in-out;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(102,102,102,2);
	-moz-box-shadow: 0px 0px 20px 0px rgba(102,102,102,2);
	box-shadow: 0px 0px 20px 0px rgba(102,102,102,2);
}
.holder
{
	margin:0 auto;
	min-height:500px;
	padding:0px;
	background:#ffffff;
	box-shadow:1px 1px 5px #333333;
	border:1px solid black;
}
.holder_head
{
	margin:0 auto;
	padding:0px;
	border: 3px solid #ffffff;
}
.holder_head .text{
           position: absolute;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%;
    text-align: center;
    width: 60%;
    color: #fee95f;
    /* border: 1px solid black; */
    
    }
.holder_head h2
{
	height:50px;
	line-height:2em;
	text-align:center;
	margin:0 auto;
	padding:0px;
	text-decoration:underline;
}
.holder p
{
	padding-right:5%;
	padding-left:5%;
	padding-top:1%;
	padding-bottom:1%;
	text-align:justify;
	line-height:1.5em;
	font-size:17px;
}
.holder ul li
{
	list-style:none;
	padding:8px;
	font-size:17px;
	margin-left:5%;
 text-align:justify;
	
}



.holder h3
{
	text-align:center;
	line-height:2em;
	text-decoration:underline;
	color:#0070ba;
}
.holder h4
{
	text-align:justify;
	line-height:2em;
	text-decoration:underline;
	padding-left:2%;
	color:#7c3701;
}

.table thead
{
	background:#009098;
	color:#ffffff;
}
.table thead th
{
	text-align:center;
}


.table tbody tr td
{
	text-align:center;
	color:Black;
}

.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}

