/* Font Family definitons */
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/Noto Sans Fonts/noto_sans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans Black';
    src: url('../fonts/Noto Sans Fonts/noto_sans_black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans Display';
    src: url('../fonts/Noto Sans Fonts/noto_sans_display.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans Display Bold';
    src: url('../fonts/Noto Sans Fonts/noto_sans_display_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans Light';
    src: url('../fonts/Noto Sans Fonts/noto_sans_light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans Medium';
    src: url('../fonts/Noto Sans Fonts/noto_sans_medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans Reguler';
    src: url('../fonts/Noto Sans Fonts/noto_sans_reguler.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans Semibold';
    src: url('../fonts/Noto Sans Fonts/noto_sans_semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Serif Display Bold';
    src: url('../fonts/Noto Sans Fonts/noto_serif_display_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Serif Medium';
    src: url('../fonts/Noto Sans Fonts/noto_serif_medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

 a.link_blue_cyan {
	
	color: #002581;
	font-family: Noto Sans !important;
}

 a.link_blue_cyan:hover {
	
	color: #00ceff;
	text-decoration: underline;
}

.main-container {
	width: 100% !important;
	font-family: Noto Sans Reguler;
}

.top-navication-main-menu a {
	font-family: Noto Sans Reguler;
	font-weight: normal;
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #f2f2f2;
  overflow: hidden;
  position:relative;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #04198b;
  text-align: center;
  padding: 14px 47px 14px 47px;
  font-family: Noto Sans;
  font-size: 17px;
  font-weight: 600;
}

/* Change the color of links on hover */
.topnav a:hover {
  
  color: #00ceff;
  text-decoration: none;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #00ceff;
  color: #04198b;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

.section-top-bg {
    width: 100%;
    height: 356px;
    background-image: url(../images/top-bg.jpg);
    background-size: cover;
    background-position: 50.00% 50.00%;
    overflow: hidden;
}

.intro-div {
    width: 100%;
    height: auto;
    margin-top: 35px;
    padding: 30px 125px 5px 125px;
    margin-left: auto;
    margin-right: auto;
}


.intro-div h4.lead{
    text-align: center;
	color: #000000;
	font-family: Noto Sans Light; 
	font-size:180%; 
	font-weight:400; 
	letter-spacing:1px;
}

.intro-div p{
    text-align: center;
}

.timer-div {
	width:30%; 
	margin-top:0px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}

.timer-section {
	float: left; 
	width: 32%; 	
}

.timer-section-margin {
	margin-left:2%;
}

.timer-title {
	margin-top: 25px;
	text-align: center; 
	color: #000000; 
	font-size: 105%;
	font-weight: bold;
	letter-spacing: 1px;
}

.timer-digits {
	margin-top: 57px;
	text-align: center;
	color: #000000;
	font-family: Noto Sans; 
	font-size: 600%;
	font-weight: 700;
	letter-spacing: 1px;
	
}

p {
	
    font-size: 17px;
    font-family: Noto Sans Light;
    text-align: left;
    line-height: 25px;
    
}

section h2 {
	text-align: left;
	padding-bottom: 35px;
	font-family: Noto Sans;
	font-weight: 600;
}

.section-content {
	margin-top: 45px;
	margin-bottom: 35px;
}

.welcome-section {
    margin-top:20px;
}

.welcome-section h2 {
	text-align: center;
	color:#000000; 
	font-size:380%;
}

.section-video-bg {
    width: 100%;
  
    background-size: cover;
    background-position: 50.00% 90.00%;
    overflow: hidden;
}	

h5.card-title {
	font-family: Noto Sans Reguler;
	font-size: 14px;
	font-weight: 600;
}

.section-gallery-bg {
    width: 100%;
    height: auto;
    background-image: url(../images/gallery-bg.jpg);
    background-size: cover;
    background-position: 50.00% 90.00%;
    overflow: hidden;
}

.section-team-bg {
    width: 100%;
    height: auto;
    background-image: url(../images/team-bg.jpg);
    background-size: cover;
    background-position: 50.00% 90.00%;
    overflow: hidden;
}

.section-inside-banner-bg {
    width: 100%;
    height: 301px;
    background-image: url(../images/inside-banner-bg.jpg);
    background-size: cover;
    background-position: 50.00% 90.00%;
    overflow: visible;
	margin-bottom:100px;
}

.content-inside-banner {
	 padding: 190px 400px 0px 40px;
}

.blog-content-area {	
	margin-top:-60px;
	padding-bottom: 35px;
}

.section-inside-banner-dashboard-bg {
    width: 100%;
    height: 835px;
    background-image: url(../images/dashboard-bg.jpg);
    background-size: cover;
    background-position: 50.00% 90.00%;
    overflow: hidden;
}

.section-class2024-bg {
    width: 100%;
    height: 717px;
    background-image: url(../images/class2024-bg.jpg);
    background-size: cover;
    background-position: 50.00% 90.00%;
    overflow: hidden;
}

.section-download-bg {
	width: 100%;
    height: 400px;
    background-image: url(../images/download-bg.jpg);
    background-size: cover;
    background-position: 50.00% 90.00%;
    overflow: hidden;
	
	margin-top: 20px;
	margin-bottom: 20px;
}

.section-trivia-bg {
	width: 100%;
    height: 400px;
    background-image: url(../images/trivia-bg.jpg);
    background-size: cover;
    background-position: 50.00% 90.00%;
    overflow: hidden;
	
	margin-top: 20px;
	margin-bottom: 20px;
}

.btn-submit {
    font-family: Noto Sans Light;
    width: 203px;
    height: 55px;
    background: #002581;
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    border-radius: 8px;
    font-weight: bold;
}

.button-featured a {
	
	border: 1px solid #FFFFFF;
}

.button-featured a:hover {
	text-decoration: none;
}




/* Tabs - START */

	.tab .nav-tabs{
		background-color: transparent;
		border: none;
	}
	.tab .nav-tabs li a{
		font-family: 'Noto Sans';
		color: #FFFFFF;
		background: #04198b;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 1px;
		text-align: center;
		padding: 10px 35px 10px 35px;
		margin: 0 10px 1px 0;
		border: none;
		border-radius: 0;
		overflow: hidden;
		position: relative;
		z-index: 1;
		transition: all 0.3s ease 0s;
	}
	.tab .nav-tabs li:last-child a{ margin-right: 0; }
	.tab .nav-tabs li a:hover,
	.tab .nav-tabs li.active a{
		color: #000000;
		background: #F2F2F2;
		border: none;
	}
	.tab .nav-tabs li a:before{
		content: '';
		background: #F2F2F2;
		height: 100%;
		width: 100%;
		opacity: 0;
		transform: scale(0.5);
		position: absolute;
		left: 50%;
		top: 0;
		z-index: -1;
		transition: opacity 0.4s ease 0s,left 0.3s ease 0s,transform 0.4s ease 0.2s;
	}
	.tab .nav-tabs li.active a:before,
	.tab .nav-tabs li a:hover:before{
		opacity: 1;
		transform: scale(1);
		left: 0;
	}
	.tab .tab-content{
		color: #333;
		background: #f2f2f2;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 25px;
		padding: 20px 20px;
		border-top: 0px solid #f2f2f2;
		border-bottom: 35px solid #f2f2f2;
		border-left: 50px solid #f2f2f2;
		border-right: 50px solid #f2f2f2;
		position: relative;
	}
	.tab .tab-content h3{
		color: #6f2aab;
		font-size: 22px;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0 0 7px 0;
	}

/*Tabs - END */

.panel-default>.panel-heading {
	
	color: #000000;
	background-color: #F2F2F2;
	border-color: #e4e5e7;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.panel-default>.panel-heading a {
	display: block;
	padding: 10px 15px;
	font-family: 'Noto Sans Display Bold';
	text-decoration: none;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Noto Sans Display Bold';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #04198b;
  color: #FFFFFF;
  font-family: 'Noto Sans Display Bold';
  text-decoration: none;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}


.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}


.table-schedule th {
	
	text-align: center;
	
}

.table-schedule td {
	border: 1px solid #00CEFF !important;
}

.panel-default {

	border-color: #FFFFFF;
	
}

.panel-group .panel {
	margin-bottom: 30px;
}

.narrative_text {
	position:absolute; 
	top:10%; 
	left:5%; 
	padding:20px; 
	width:60%; 
	background-color:rgb(0, 0, 0, 0.7); 
}

.narrative_text p {
	font-size: 100%; 
	color:#FFFFFF; 
	font-style: italic; 
	text-align: justify;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.d-block {
    display: block!important;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.g-py-30 {
    padding-top: 2.14286rem !important;
    padding-bottom: 2.14286rem !important;
}

.rounded {
    border-radius: 0.25rem!important;
}

.div_hover h4 {
	font-size: 15px;
	color: #002581;
}

.div_hover h2 {
	font-size: 40px;
	color: #002581;
	margin-top:0px;
}

.div_hover {
  padding:30px 50px; 
  background:#eceff6; 
  margin-bottom:25px;
  border-radius: 5px;
}

.div_hover:hover {
  background-color: #FFFFFF;
  
}

.container-table {
	
	border: 1px solid rgba(0,0,0,.125); 
	padding:0px;
	margin-bottom:35px;
}

.table-header {
	background-color: #2e3192; 
	padding:10px; 
	color:#FFFFFF; 
	font-weight:bold; 
	margin-bottom:15px;
}




/* Team Page CSS */
.all-news-section-blocks {
  width: 84.3%;
}

.recent-news-landing .slick-prev {
  left: 0;
}

.recent-news-landing .slick-next {
  right: 5px;
}

#block-copyright .field--name-body p {
  text-align: center;
}

.main-container-programmes-for-desktop-tabs {

}

.main-container-programmes-for-desktop-tabs .nav.card-header.nav-tabs {
  margin-bottom: 0;
  padding-left: 14px;
  border-bottom: 1px solid #e7e3dc;
  padding-right: 14px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  width: 100%;
}

.main-container-programmes-for-desktop-tabs .nav.card-header.nav-tabs li.active a {
  color: #333;
  background: #f2f2f2;
  border-top: solid 5px #00ceff;
  padding: 13px 21px 11px 22px;
}

.main-container-programmes-for-desktop-tabs .nav.card-header.nav-tabs li a {
  padding: 17px 9px 11px 9px;
  color: #525252;
  display: inline-block;
  font-family: Noto Sans Light;
  border: 1px solid #f2f2f2;
  border-top-color: rgb(242, 242, 242);
  border-top-style: solid;
  border-top-width: 1px;
  /* text-transform: capitalize; */

  /* width: 24.6%; */
  background: #f2f2f2;
  font-weight: bold;
  font-size: 13px;
}
/* Team Page CSS */