@charset "utf-8";
/* CSS Document */

body {
	font-family:'Arimo', sans-serif;
}
h1, h2, h3, h4 {
	font-family:'times new roman';
	color:#0b1732;
}
h2 {font-size:24px; margin-bottom:20px;}
h3 {font-size:18px;}
.img-thumbnail {border-color:#c4c4c4;}
.img-cntr {display:block; margin:0 auto;}
.home p {text-align:justify;}
a {
    
}

/* header */

* {box-sizing: border-box;}

body { 
  margin: 5px;
  font-family: Arial, Helvetica, sans-serif;
}
.rowmenu{
    display:table;
    content:"";
    
    
}
.header {
  overflow: hidden;
  background-color: #f1f1f1;
  padding: 20px 10px;
position: sticky;
margin:5px ;
  top: 0;
    
}
.header1 {
  overflow: hidden;
  background-color: #f1f1f1;
  padding: 20px 10px;
}
.header a {
  float: left;
  color: black;
  text-align: center;
  padding: 6px;
  text-decoration: none;
  font-size: 10px; 
  line-height: 15px;
  border-radius: 4px;
  margin-left:4px;
}
.header1 a {
  float: left;
  color: white;
  text-align: center;
  padding: 6px;
  text-decoration: none;
  font-size: 10px; 
  line-height: 7px;
  border-radius: 4px;
  border: solid 1px black;
  margin-left:10px;
}
.header1 a:hover {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 12px; 
  line-height: 13px;
  border-radius: 4px;
  background-color:white;
  border: solid 1px black;
   margin-left:10px;
}
.header a.logo {
  font-size: 25px;
  font-weight: bold;
}

.header a:hover {
  background-color: transparent;
  color: black;
  
}

.header a.active {
  background-color: dodgerblue;
  color: white;
  margin-top:5px;
}
.header a.active:hover {
  background-color: #22115c;
  color: white;
  margin-top:5px;
}


.header-right {
  float: right;
  display:inline;
  content:none;
   margin-left:10px;
 
}
.header-left {
  float: left;
  display:inline;
  content:none;
}

@media screen and (max-width: 400px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }
  
  .header-right {
    float: none;
  display:inline;
  content:none;
  margin-left:10px;
 
  }
 .header-left {
    float: none;
  display:inline;
  content:none;
  }
    
}

.dropdown {
  position: relative;
  display: inline-block;
  
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 10px 12px;
  z-index: 1;
}
.quiqlink{
    background-color: #567777;
    float:left;
    width:100%;
    padding:8px;
}

.dropdown:hover .dropdown-content {
  display: block;
  position: absolute;
  background-color: #f4f7f8;
}
header a, footer a {color:#fff;}
header a:hover, footer a:hover {color:#21bbe1;}
.logo {font-family:'Lora', serif; font-size:22px;}
.logo img {float:left; margin:0 10px 0 0;}
.logo span {float:left; margin:16px 0 0;}
.logo small {float:left; margin:3px 0 0; letter-spacing:2px; font-size:13px; text-transform:uppercase;}
.logo:hover {text-decoration:none;}
header ul {list-style:none; float:right;}
.qlinks li {display:inline-block; border-right:1px solid #5875aa;}
.qlinks li:last-child {border:none;}
.qlinks a {padding:0 7px; display:block;}
.slinks .svg {width:28px; height:28px; display:block; opacity:.8;}
.slinks .svg:hover {opacity:1;}
.facebook {background:url(../images/facebook.svg) no-repeat;}
.twitter {background:url(../images/twitter.svg) no-repeat;}
.googleplus {background:url(../images/google-plus.svg) no-repeat;}
.slinks {clear:right; margin:44px 0 0 0 ;}
.slinks li {display:inline-block; margin:0 10px;}
.welcome {text-align:center; letter-spacing:4px; padding:30px 0 40px 0;}
.welcome span {display:block; text-transform:uppercase; font-size:20px; letter-spacing:2px; padding-top:10px; color:#172647;}

.home .more {float:right; font-family:'Lora', serif; text-decoration:underline;}
.home .more:hover {color:#0b1732;}

/* menu */
nav {background:#0A6D30;}

/* home slider */
#kit-home .item img{
	display: block;
	width: 100%;
	height: auto;
}

/* contents */
.home .img-cntr {margin-top:25px;}
.intro .row:last-child div[class^="col-"] {padding-bottom:20px;}
.offers {padding-top:25px; padding-bottom:35px;}
.offers ul {line-height:1.6;}
.sms-alert {width:100%; background:url(../images/sms1.png) bottom right no-repeat; height:200px; padding:20px; position:relative;}
.sms-alert i {font-size:11px; font-style:normal; left:20px; bottom:0; position:absolute;}
.sms-alert h3 {margin:20px 0 20px 0;}
.sms-alert h3 span {display:block; font-size:16px; padding:3px 0;}
.sms-alert p {margin:0 0; background:#a5e1ff; border-radius:5px; padding:10px; display:inline-block;}
.border-right {border-right:1px solid #ddd;}
.border-top {border-top:1px solid #ddd; margin-top:20px;}
.admissionpic {width:100%; background:url(../images/admission.jpg) bottom right no-repeat; height:100px; padding:20px; position:relative;}
.missionpic {width:100%; background:url(../images/missionimg.jpg) bottom right no-repeat; height:100px; padding:20px; position:relative;}
.eventpic {width:100%; background:url(../images/events.jpg) bottom right no-repeat; height:100px; padding:20px; position:relative;}
.sportspic {width:100%; background:url(../images/sports.jpg) bottom right no-repeat; height:100px; padding:20px; position:relative;}
.entrytest {width:100%; background:url(../images/entry1.jpg) bottom right no-repeat; height:200px; padding:20px; position:relative;}

/* sub-page */
.sub-header {border-bottom:1px solid #ddd; margin-bottom:20px;}
.side-bar {background:#ebf7fd; margin-bottom:20px;}
.side-bar h2 {font-size:20px; margin-bottom:0;}
.article p {margin-bottom:20px;}
.article img.pull-left {margin:0 20px 10px 0;}
.article p.pull-right {margin:20px 0;}
.article p.pull-right span {font-size:16px;}
.article ul li {padding:5px 0;}
.article ol {margin-top:30px;}

/* home: news / gallery */
.news, .gallery {padding:40px 0 60px 0; background:#ebf7fd;}
.headline {padding:0 30px 0 0;}
.headline h4 {margin-bottom:5px;}
.headline span {font-size:12px; display:inline-block; padding:2px 5px; margin-bottom:5px; background:#a5e1ff; border-radius:3px;}
.headline p {font-size:13px;}
.headline a {font-size:12px; text-decoration:underline; float:right;}
.gallery .img-thumbnail {width:270px;}

/* News List */
.news-list {}
.post {
	border-bottom:1px solid #ddd; overflow:hidden;
	padding:20px 0 0;
}
.post img {
	float:left; max-width:300px;
	margin:0 20px 20px 0;
}
.post h4 {
	font-size:22px;
}
.post span {
	display:block;
	padding:10px 0 20px 0;
}
.post .btn {
	margin-top:10px; float:right;
}
.news-nav {
	background:none;
	clear:both;
	text-align:center;
	margin-bottom:20px;
}

/* News Detail */
.news-detail {
	padding-bottom:60px !important; overflow:hidden;
}
.news-detail img {
	max-width:600px;
	display:block;
	margin:0 auto 20px auto;
}
.news-detail h2, .news-detail span {
	text-align:center; display:block;
}
.news-detail span {margin-bottom:20px;}
.news-detail p {
	text-align:justify;
}

/* footer */
footer {
	background:#fff;
	color:#fff;
	padding:5px 0 0;
	margin: 0px 0px;
}
footer h3 {color:#fff; background:#06582F; padding:10px;}
footer a {border-bottom:0px dotted #0C0C0D;}
footer li {border-bottom:0px dotted #0C0C0D; color:#0C0C0D;}
footer a:hover {text-decoration:none; border-color:#0C0C0D;}
.contact {list-style:none; padding:5px;}
.contact li span {display:inline-block; vertical-align:top;}
.contact .glyphicon {font-size:16px; margin-right:5px;}
.contact span:not(.glyphicon) {width:25%;}
.contact p {width:60%; display:inline-block;}
.social .glyphicon {width:16px; height:8px;}
.rights {color:#0C0C0D; font-size:12px; border-top:0px solid #1d3a57; margin:0 20px; padding:10px 0; letter-spacing:1px;}

/* login */
.login {width:100%; height:100%; background:#172647; position:absolute;}
.login .logo {float:left; margin-bottom:20px; color:#fff; width:100%;}
.login .logo:hover, .login form + a:hover {color:#21bbe1;}
.login from {clear:both;}
.login label {display:block; color:#fff; font-weight:normal; padding:10px 0 7px 0;}
.login .form-control {border-radius:0;}
.login button {display:block; margin:20px auto;}
.login .btn-primary {background:#21bbe1; color:#172647; border-radius:0; border:0; margin:30px 30px;}
.login form  {color:#fff; text-decoration:underline; font-size:12px; margin-top:20px;}

/*faculty*/
.faculty .row:last-child {margin-bottom:80px;}
.short {
	text-align:center;
	border:1px solid #ddd;
	box-shadow:0 0 10px #ccc;
	max-width:280px;
	margin:140px auto 0;
	position:relative;
}
.short h3 {
	margin-top:110px;
}
.short strong {
	display:block;
	padding:5px 10px;
}
.short em {
	font-style:normal;
	color:#999;
	padding:5px 10px 20px 10px;
	display:block;
}
.dp {
	width:140px;
	height:140px;
	border:1px solid #0b1732;
	border-radius:20px;
	position:absolute;
	left:50%;
	top:-70px;
	margin-left:-70px;
	overflow:hidden;
}

@media (max-width: 479px) {	
	.logo {font-size:18px; text-align:center;}
	.logo img {display:block; margin:0 auto; float:none;}
	.logo span, .logo small {float:none; display:block;}
	.qlinks {text-align:center; padding:0; margin:20px 0; width:100%;}
	.slinks {margin:10px 0 0; text-align:center; width:100%; padding:0;}
}
@media (max-width: 767px) {
	.logo {max-width:358px; margin:0 auto; display:block;}
	.qlinks {float:left; padding:0; margin:20px 0 0;}
	.slinks {margin:14px 0 0;}
}
@media (min-width: 768px) {
	.lbox {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
}
.example_c:hover {
color: #ffffff !important;
background: #f6b93b;
border-color: #f6b93b !important;
transition: all 0.4s ease 0s;
width:100%;
		}
.example_c {
color: #494949 !important;
text-transform: uppercase;
text-decoration: none;
background: #ffffff;
padding: 20px;
border: 4px solid #494949 !important;
display: inline-block;
transition: all 0.4s ease 0s;
width:100%;
		}
 .example_b:hover {
color: #ffffff !important;
background: #1D8348;
border-color: #1D8348 !important;
transition: all 0.4s ease 0s;
width:100%;
		}
.example_b {
color: #000000 !important;
text-transform: uppercase;
text-decoration: none;
background: #7DCEA0;
padding: 12px;
border: 2px solid #eeeeee !important;
display: inline-block;
transition: all 0.4s ease 0s;
width:100%;
		}		
.example_a:hover {
color: #ffffff !important;
background: #CB4335;
border-color: #CB4335 !important;
transition: all 0.4s ease 0s;
width:100%;
		}
.example_a {
color: #000000 !important;
text-transform: uppercase;
text-decoration: none;
background: #CB4335;
padding: 12px;
border: 2px solid #186A3B !important;
display: inline-block;
transition: all 0.4s ease 0s;
width:100%;
		}

 .iconDetails {
 margin-left:0%;
float:left; 
height:30px;
width:30px; 
} 

.container2 {
    width:100%;
    height:auto;
    padding:1%;
}
.tab{
 width:100%;
 overflow: auto;
 float:left;
 background:#ebfff3;
 margin:1px;

}
.text-head{
padding:20px;
background:#b8d9a0;
border:1px solid #374518;
font-size:20px;
margin:10px;
font-family:"times new roman";
    }
    
.text-head:hover{
    padding:20px;
background:#53662b;
border:0px;
color:yellow;
font-size:20px;
transition:background 2s;

}    
.text-body{
    margin:10px;
    font-size:16px;
    text-shadow:1px;
}
.linkbutton{
    float:right;
    padding:10px;
    margin:20px;
    background:#17992a;
    color:#ffffff;
}
.form{
    float:left;
    width:80%;
    margin:25px;
  
}
.button1{
    float:left;
    width:100%;
    margin:0px;
    background:#21bbe1;
    color:black;
}
p{
    margin-left:10px;
     margin-top:10px;
}
td { padding-bottom:10px;}		
			th {
			    background-color:#ADD8E6;
			    font-size: 12px;
			    font:"arial";
			    width:500px;
			}   
	
		    
.labelp{
    width:100%;
    background-color:#eeeeee;
    float:left;
    
}
.labelp:hover{
    background-color:black;
    color:white;
    transition-delay:1s;
transition: .5s all;
    
}
.imgvwr{
    margin-left:1px;
    margin-top:1px;
    margin-right:1px;
    margin-bottom:1px;
    border-color:#eeeeee;
    border:solid 1px;
    width:100%;
   
}

.cartbutton{
    width:100%;
    background-color:#0A395D;
    color:yellow;
 
}
.cartbutton:hover{
    width:100%;
    background-color:yellow;
    color:#0A395D;
transition-delay:1s;
transition: .5s all;
}