@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed|BenchNine|Lato|Roboto|Roboto+Condensed|Saira+Extra+Condensed:300,400&display=swap');
* {
    margin: 0;
    padding: 0;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}

.scroller {
  padding: 0px 2px;
  font: normal 30px/50px Montserrat, sans-serif;
  overflow: hidden;
}

.scroller>div>img,.scroller>div {
  height: 30px;
}

div.banner {
    width: 100%;
}
html {
    scroll-behavior: smooth;
}
.header {
    z-index: 1;
}
/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 4px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #004ea2; 
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #007bff; 
}

.top-bar {
    z-index: 1;
    background: #ffffff;
    color: #192f59;
    padding: 1px 1px;
    height: auto;
    -webkit-transition: height .4s;
    transition: height .4s;
    display: flex;
    flex-wrap: wrap;
}

.top-bar-hidden {
    z-index: 1;
    -webkit-transition: height .4s;
    transition: height .4s;
    height: 0px;
}

div.top-bar-right-menu>div>ul>li {
    list-style-type: none;
    padding: .22rem .5rem .22rem .5rem;
    display: list-item;
}

div.top-bar-right-menu>div>form>div {
    width: 57px;
    padding: 0px 3px 0px 3px;
	transition: all .5s ease-in-out;
}

div.top-bar-right-menu>div>form>div:hover{
	width: 300px;	
	transition: all .5s ease-in-out;
}

div.top-bar-right-menu>div>ul {
    margin-bottom: 0;
    margin-right: 10px;
}

div.top-bar-right-menu>div>ul>li>a:hover {
    color: #007bff/*  rgb(255, 255, 255) */
    ;
}

div.top-bar-right-menu>div>ul>li>a {
    color: #004ea2;
}

.top-bar>div {
    flex: 0 0 50%;
}

.top-menu {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    height: auto;
}

#brand {
    width: 270px;
    height: 100px;
    padding: 2px 0;
    margin: 0;
    text-transform: uppercase;
    padding-right: 0;
}

#brand img {
    width: 96px;
    height: 96px;
    float: left;
}

#brand h1 {
    position: absolute;
    color: #004ea8;
    font-family: "segoe UI";
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    margin: 5px 0 0 110px;
}

#brand h4 {
    position: absolute;
    font-size: .68em;
    text-align: center;
    font-family: 'Signika',sans-serif;
    text-transform: lowercase;
    color: #000;
    margin: 77px 5px 5px 110px;
}

.top-bottom-bar {
  display: block;
  background-color: rgb(240, 240, 240);
  width: 100%;
  border: #e2e2e2 1px solid;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: .4rem;
    padding-left: .4rem;
}
.navbar-brand{
	    margin-right: 0.6rem;
}
.navbar-brand>img{
box-shadow: 0px 0px 7px 3px #f9f9f9;
    border-radius: 50%;
}
.navbar {
    padding: 0rem 0rem
}

html,
body {
    scroll-padding-top: 140px;
    /* height of sticky header */
}

.top-bottom-bar-hidden {
    display: none;
}

.top-bar-menu {
    z-index: 1;
    width: 100%;
    background-color: #004ea2;
    top: 0;
}

.top-bar-menu-visible {
    z-index: 1;
    position: fixed;
    width: 100%;
    opacity: 1;
    z-index: 16;
}

.top-bar-menu-hidden {
    z-index: 1;
    position: relative;
    opacity: 0;
    width: 100%;
    transition: all 1s ease-in-out;
}

.menu {
    display: flex;
    flex: 1;
    position: relative;
}

.menu .menu-1,
.menu .menu-2 {
    flex: 4;
    margin: auto;
}

.menu ul li a,.navbar-expand  ul li>a.nav-link{
    color: #004ea2;
    font-size: 15px;
    text-decoration: none!important;
}

.navbar-expand  ul li>a.nav-link{
    color: #004ea2!important;
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    color: #dedede;
}
.navbar.navbar-expand.navbar-light.bg-primary{
    background-color: #004ea2!important;
}
.menu ul li a:hover {
    color: #0074fa/* #3F51B5 */
    ;
    text-decoration: underline;
    padding: 0 0 0 0;
}

.menu li:hover .sub-menu {
    /* top: 0; */
    display: block;
}

.menu li .sub-menu {
    /* top: 0; */
    display: none;
    z-index: 8;
    min-width: 173px;
}

div.top-menu>div>ul.menu-1 ul>li,
div.top-menu>div>ul.menu-2 ul>li {
    color: #0a3f7a;
    padding: 2px 5px 2px 5px;
}

div.top-menu>div>ul.menu-1 div,
div.top-menu>div>ul.menu-2 div {
    color: #0a3f7a;
    padding: 2px;
}

div.mega-menu>div ul>li>ul {
    width: 100%;
}

div.top-menu>div>ul.menu-1 ul>li:hover,
div.top-menu>div>ul.menu-2 ul>li:hover {
    color: #0074fa;
    background: #fff;
}

.sub-menu ul li {
    display: none;
    position: relative;
    background-color: #004ea8;
}

div.top-menu.container>div>ul li ul>li>a {
    font-size: 15px;
}

.sub-menu ul li:hover {
    background-color: #003879;
}

.sub-menu {
    position: absolute;
    display: flex;
    flex-direction: column;
    /* width: 100%; */
}

.top-menu>div.menu ul.menu-1>li a:hover,
div.top-bar-right-menu>div>ul>li>a,
.top-menu>div.menu ul.menu-2>li a:hover {
    text-decoration: none;
}

div.top-bar-menu>div.top-menu.container>div>ul.menu-1>li>a,
div.top-bar-menu>div.top-menu.container>div>ul.menu-2>li>a {
    font-size: 13px;
    flex: 1;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
}

div.top-bar-menu>div.top-menu.container>div>ul.menu-1>li:hover a,
div.top-bar-menu>div.top-menu.container>div>ul.menu-2>li:hover a {
    color: #fa4d53;
}

div.menu>ul>li>ul {
    margin-left: -5px;
}

.logo {
    z-index: 1;
    position: relative;
    flex-basis: 124px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    margin-top: -36px;
    margin-bottom: -80px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50%;
    padding: 2px;
    transition: all .5s ease-in-out;
}

.shadow {
    -webkit-box-shadow: 0px 0px 10px -5px rgba(41, 41, 41, 1);
    -moz-box-shadow: 0px 0px 10px -5px rgba(41, 41, 41, 1);
    box-shadow: 0px 0px 10px -5px rgba(41, 41, 41, 1);
	border: 1px solid rgba(0,0,0,.125);
	background-color:#fff;
}

.logo-small {
    margin-bottom: -15px;
    margin-top: -13px;
    flex-basis: 70px;
    border-radius: 50%;
    transition: all .5s ease-in-out;
    padding: 0px;
}

.logo .img-small {
    width: 72px;
    margin-top: 1px;
    padding-top: 1px;
    transition: all .5s ease-in-out;
}

.logo>img {
    width: 120px;
    transition: all .5s ease-in-out;
    border-radius: 50%;
    box-shadow: 0px 0px 7px 3px #f9f9f9;
    margin-top: 4px;
}

.logo>img:hover {
    box-shadow: 0px 0px 7px 3px #007bff;
    transition: all .5s ease-in-out;
}

div.top-bottom-bar>div>ul>li {
    transition: all .5s ease-in-out;
    padding: 5px 0px 5px 0px;
}

div.top-bottom-bar li:hover {
  transition: all .5s ease-in-out;
}

.top-menu .menu>ul>li {
  line-height: 45px;
  padding: 0px 5px 0px 5px;
}

ul.sub-menu>li {
  line-height: 35px;
}

.top-menu .menu>ul>li:hover {
  background-color: #224077;
}

.menu ul {
  display: flex;
  list-style: none;
  flex-flow: row wrap;
}

div.menu>ul>li {
    flex: 1;
    text-align: center;
}

.menu ul.sub-menu>li {
    text-align: initial;
    padding-left: 10px!important;
    padding-right: 10px;
    background: rgb(228, 228, 228);
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgb(231, 231, 231) 100%);
}

div.top-bar-menu>div.top-menu.container>div>ul.menu-1>li:hover .mega-menu,
div.top-bar-menu>div.top-menu.container>div>ul.menu-2>li:hover .mega-menu {
    /* margin-left: -15px; */
    display: block;
    z-index: 8;
    background: rgb(228, 228, 228);
    background: radial-gradient(circle, rgba(255, 255, 255, 0.82) 0%, rgb(231, 231, 231) 100%);
}

div>ul.menu-1>li>.mega-menu *,
div.top-menu>div>ul.menu-1 .mega-menu ul>li,
div>ul.menu-2>li>.mega-menu *,
div.top-menu>div>ul.menu-2 .mega-menu ul>li {
    background: initial;
}

.main-content {
    display: flex;
    flex-flow: row wrap;
}

.main1 {
    flex: 1;
    padding: 3%;
    text-align: center;
}

.position-relative {
    margin-top: 0;
    margin-left: 0%;
}

.position-absolute {
    margin-top: -500px;
    margin-left: -100%;
}

div.photo_wrapper a>div{
	height: 183px;
    background-size: cover;
    background-position: center;
}

.main-content h5.card-title {
    color: #2e4166;
}

div.main-content div.card-header {
    border-bottom: 0px solid rgba(0, 0, 0, .125);
}

div.main-content .card-body {
    padding: 10px;
}

div.main-content div.card {
    border: 0px solid rgba(0, 0, 0, .125);
}

div.container-fluid-padded {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

div.section-title {
    border-bottom: 3px solid #2196F3;
    margin: 10px 0;
    width: fit-content;
    min-width: 100px;
    color: #2196F3;
}

.col-md-6 div.section-title {
    border-bottom: 3px solid #2196F3;
    margin: 0px 0;
    width: fit-content;
    min-width: 100px;
    color: #2196F3;
}

.col-md-6 div.section-title h5 {
    font-size: 1.25rem;
}

div.mb-6.mt-6.pb-5>div>div.row>div>div.fst>div.card-body.text-white {
    background-color: #0072bc;
}

div.mb-6.mt-6.pb-5>div>div.row>div>div.fba>div.card-body.text-white {
    background-color: #008c44;
}

div.mb-6.mt-6.pb-5>div>div.row>div>div.fe>div.card-body {
    background-color: #f7941e;
}

div.mb-6.mt-6.pb-5>div>div.row>div>div.fass>div.card-body {
    background-color: #c5281c;
}

.main-content .col-md-12 h5.card-title {
  color: #2e4166;
  margin: auto;
  font-size:1rem;
  word-spacing: 0.20rem;
  line-height: 1.35;
}

.col-md-6 div.main-content .card-body {
    padding: 2px;
}

.layer .col-md-12 {
    padding: 4px 6px;
}

.flex-align-center {
    display: flex;
    align-items: center;
}

li.menu-item {
  list-style-type: none;
}

.h1,
h1 {
    color: #004ea2;
}

div.top-bar-menu div.top-bottom-bar>div>ul>li>a {
  font-size: 14px;
}

div.top-bar-right-menu>div>form>div:hover> div.input-group-append>#button-addon2{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

div.top-bar-right-menu button.btn-outline-primary{
	color:#004ea2;
	border-color:#004ea2;
}

div.top-bar-right-menu button.btn-outline-primary:hover{
	color:#ffffff;
	border-color:#007bff;
}

#tempimage{-webkit-animation:bg-pan-left 8s infinite both;animation:bg-pan-left 8s infinite both;position: fixed;z-index: 999;width: 100%;height: 100%;top: 0%;left: 0%;
background-image: linear-gradient(270deg,#0072bc, #f7941e,#c5281c);
}

@-webkit-keyframes bg-pan-left {
  0% {
    background-position: 100% 50%;
  }
  50% {
    background-position: 0% 50%;
  }
  100%{
   background-position: 100% 50%;
  }
}

@keyframes bg-pan-left {
  0% {
    background-position: 100% 50%;
  }
  50%{
	background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

#banner {
    margin-top:80px;
    border:0px solid;
}

#Routine{
  background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
  color: #000000;
  justify-content: center;
}

#pre_admission{
  background-color: #0f0e0e;
  color: #f8f9fa;
  justify-content: center;
}

#mark_schemes{
  background-color: #c61a32;
  color: #f8f9fa;
}

.table tr th {
  color: #f8f9fa;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.table tr td {
  color: #f8f9fa;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#download_app{
  background-color: #0f0e0e;
  color: #f8f9fa;
  justify-content: center;
}

/* ---- Gallery -- */
#gallery{
  background-image: linear-gradient(#4A148C, #E53935); 
  background-repeat: no-repeat; 
  color: #000;
}

.lightbox-gallery{
  overflow-x: hidden;
}

.lightbox-gallery small{
  color:#fff
} 

.lightbox-gallery h2{
  font-weight:bold;  
  color:#fff; 
}

@media (max-width:767px){
  .lightbox-gallery h2{ 
      font-size:24px
  }
}

.lightbox-gallery .intro{
  font-size:16px; 
  max-width:500px; 
  margin:0 auto 40px;
}

.lightbox-gallery .intro p{
  margin-bottom:0
} 

.lightbox-gallery .photos{ 
  padding-bottom:20px; 
}

.lightbox-gallery .item{ 
  padding-bottom:30px;
}

.lightbox-gallery img {
  width: 100%; /* You can set the dimensions to whatever you want */
  height: 200px;
  object-fit: cover;
}

a{
  text-decoration: none !important;
}

/* ---- accordion -- */
#main {
  margin: 10px 0;
}

#main #faq .card {
  margin-bottom: 10px;
  border: 0;
}

#main #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
  display: block;
  text-align: left;
  background: #c5281c;
  color: #fff;
  padding: 5px;
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f0d7";
  font-family: 'FontAwesome';
  font-weight: bold;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #A541BB;
  color: #fff;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f0d8";
}

#main #faq .card .collapsing {
  background: #ffffff;
  line-height: 20px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 20px;
  color: #222;
}