/* imports and fonts imports */
@import url("/apps/js/polls/polls-pack.css");

/* General */
html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #eeeeee;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
	display: none;
}
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	zoom: 1;
}
.DB_mask {
	z-index: 99999 !important;
}
.DB_dialog {
	z-index: 99999 !important;
}
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	font-family: 'Crete Round', serif;
}
a,
a:active,
a:visited {
	color: #033b73;
}
a:hover,
a:active {
	outline: 0;
	color: #002c6d;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
/* Normalization of fonts */
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
pre,
code,
kbd,
samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before,
q:after {
	content: "";
	content: none;
}
small {
	font-size: 85%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
@font-face {
	font-family: 'Trajan Pro';
	src: url('/shared/fonts/Trajan Pro Bold.eot');
	/* IE9 Compat Modes */
	src: url('/shared/fonts/Trajan Pro Bold.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/shared/fonts/Trajan Pro Bold.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('/shared/fonts/TrajanPro-Bold.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('/shared/fonts/Trajan Pro Bold.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('/shared/fonts/TrajanPro-Bold.otf') format('opentype'),
		/* Safari, Android, iOS */
		url('/shared/fonts/TrajanPro-Bold.svg#svgFontName') format('svg');
	/* Legacy iOS */
}

/* PARAMETERS */
/* HEIGHT OF THE MIDDLE SECTION WHERE SCHOOL'S NAME IS LOCATED WILL BE AUTO-ADJUSTED */
:root {
    --en-website-width: 1100px;
	--font1: 'Roboto', sans-serif;
    --font2: 'Open Sans', sans-serif;
    --font3: 'Trajan Pro';
}
/************** Rows WRapper **********/
/* Rows WRapper */
#row-wrapper,
.rows {
    position: relative;
    width: 100%;
}
.row-inner {
    position: relative;
    margin: 0 auto;
    max-width: 1100px;
}
@media screen and (max-width: 1120px) {
    .row-inner {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}
@media screen and (max-width: 767px) {
    .row-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
/******************** END Wraper CSS********/
/****** Top Section :- Banner Section ******/
#index-top {
    position: relative;
    background: #fff;
    max-height: 667px;
}
#rotate_slider {
    position: relative;
}
#rotating-images {
    position: relative;
    margin: 0 auto;
    background: #002b5f;
    z-index: 0;
    max-height: 667px;
}
#rotating-images br {
    display: none;
}
#rotating-images .nivoSlider {
    margin-left: 0 !important;
}
#index-wrapper #rotating-images img,
#index-wrapper #rotating-images .nivoSlider,
#index-wrapper #rotating-images .nivo-slice {
    max-height: 55vw;
    display: block;
    min-width: 100%;
    width: 100% !important;
    object-fit: contain;
}
@media only screen and (max-width: 991px) {
   #index-top {
    z-index: unset;
   } 
}
@media only screen and (max-width: 768px) {
    #index-top {
        margin: 0;
    }
}
/********** Top Section :- Banner Section **********/

/****** First Row Section :- SideLink / Mission Section ******/
#first-row {
	background: #fff;
}
#first-row-inner {
	padding: 57.5px 0 83px;
}
#first-row-inner #caption {
	margin: 0 0 5px;
}
#first-row-inner #caption h2 {
	text-align: center;
	margin: 0 0 0 -2px;
	padding: 0;
	font-family: var(--font3);
	color: #002c6d;
	line-height: clamp(30px, 4.82vw, 54px);
	font-size: clamp(25px, 3.55vw, 43.5px);
	font-weight: 400;
	word-spacing: 2px;
}
#first-row-inner #caption h2 span {
	font-size: clamp(35px, 4.46vw, 50px);
}
#mission-ql {
	position: relative;
	background: url('/pics/mission_bg.png') repeat-y center top;
	padding: 71px 0 64px;
	left: 9px;
	display: flex;
	justify-content: center;
	align-items: start;
}
#left-ql {
	position: relative;
	width: 158px;
	margin: 0 21px 9px 0;
}
#mission-sec {
	position: relative;
	width: 700px;
	margin: 0 21px 0 21px;
	display: flex;
	justify-content: start;
	align-items: start;
	flex-wrap: wrap;
}
#right-ql {
	position: relative;
	width: 158px;
	margin: 0 0 9px 21px;
}
#mission-ql .ql-links ul {
	margin: 0;
	padding: 0;
}
#mission-ql .ql-links ul li {
	margin: 0 0px 20px 0;
	padding: 0;
	list-style: none;
	display: flex;
	width: 158px;
	min-height: 107px;
}
#mission-ql .ql-links ul li:last-child {
	margin: 0;
}
#mission-ql .ql-links ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 158px;
	min-height: 107px;
	background: url('/pics/ql_bg.jpg') repeat-x left top, #002862;
	color: #fff;
	padding: 30px 5px;
	box-sizing: border-box;
	font-family: var(--font1);
	font-size: clamp(16px, 1.96vw, 22px);
	font-weight: 300;
	line-height: clamp(16px, 1.96vw, 22px);
	text-transform: uppercase;
	text-align: center;
	position: relative;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	word-break: break-all;
}
#mission-ql .ql-links ul li:hover a,
#mission-ql .ql-links ul li:focus a,
#mission-ql .ql-links ul li a:hover,
#mission-ql .ql-links ul li a:focus {
	background: url('/pics/ql_hover_bg.jpg') repeat-x left top, #feb50f;
	color: #000000;
}
#mission-ql .ql-links ul li a::after {
	width: 0;
	height: 0;
	position: absolute;
	bottom: 0;
	content: "";
	bottom: 0;
	content: "";
	border-bottom: 34px solid #fff;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
}
#mission-ql #left-ql ul li a::after {
	border-left: 38px solid transparent;
	right: -1px;
}
#mission-ql #right-ql ul li a::after {
	border-right: 38px solid transparent;
	left: 0;
}
#mission-ql .ql-links ul li:hover a::after,
#mission-ql .ql-links ul li:focus a::after,
#mission-ql .ql-links ul li a:hover::after,
#mission-ql .ql-links ul li a:focus::after {
	border-bottom-color: #002f75;
}

#mission-sec #mission-image {
	position: relative;
	width: 182px;
	height: 234px;
	background: url('/pics/mission_image.jpg') no-repeat;
	margin: 0 17px 0 0;
}
#msn-statement {
	width: 482px;
	margin: -5px 0px 0 18px;
}
#mission-sec p {
	margin: 0;
	color: #000;
	font-family: var(--font1);
	font-size: clamp(16px, 1.87vw, 21px);
	font-weight: 400;
	line-height: clamp(20px, 2.76vw, 31px);
	letter-spacing: 0.52px;
}
@media only screen and (min-width: 769px) and (max-width: 1140px) {
	#mission-sec {
		width: 100%;
		justify-content: center;
	}
	#right-ql {
		right: clamp(0px, 0.89vw, 10px);
	}
}
@media only screen and (max-width: 1120px) {
	#first-row-inner {
  		padding: 40px 0;
	}
	#left-ql,
	#right-ql {
		margin: 0 auto;
	}
	#msn-statement {
		width: auto;
		margin: 0;
	}
	#mission-ql {
		padding: 20px;
	}
	#mission-sec #mission-image {
		margin: 0 auto;
	}
	#mission-ql {
		left: 0;
	}
	#mission-sec p {
		text-align: center;
	}
}
@media only screen and (max-width: 768px) {
	#mission-sec {
		order: 1;
		margin: 0;
		gap: 10px;
	}
	#left-ql {
		order: 2;
		width: 140px;
	}
	#right-ql {
		order: 3;
		width: 140px;
	}
	#mission-ql {
		flex-wrap: wrap;
		gap: 20px;
		padding: 15px;
	}
	#mission-ql .ql-links ul li a {
		width: 140px;
	}	
	#first-row-inner #caption h2 {
		margin: 0;
	}
}
/****** First Row Section :- SideLink / Mission Section ******/

/****** Second Row Section :- News Section ******/
#second-row {
	background: url('/pics/second_row_bg.jpg') repeat-y center top,linear-gradient(to right, #002c6d 0%, #002c6d 50%, #002254 50%, #002254 100%);
	background-color: #002c6d;
}
#second-row-inner {
	padding: 62.5px 0 102.73px;
	max-width: 1168px;
}
.news-heading h2 {
	margin: 0 0 29px 0px;
	text-align: left;
	position: relative;
	width: 100%;
	left: 34px;
}
.news-heading h2 > a {
	width: auto;
	height: auto;
	font-size: clamp(25px, 3.21vw, 36px);
	text-decoration: none;
	color: #fff;
	display: inline-block;
	font-family: var(--font3);
	position: relative;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	line-height: 30px;
	text-transform: capitalize;
	word-spacing: 1px;
}
.news-heading h2 > a span {
	font-size: clamp(30px, 3.57vw, 40px);
}
.news-heading h2 a::before {
	position: absolute;
	left: 8px;
	content: "";
	background: url('/pics/news_top.png')no-repeat center top;
	top: -27.5px;
	width: 20px;
	height: 16px;
}
.news-heading h2 a::after {
	position: absolute;
	left: -25px;
	content: "";
	background: url('/pics/news_bottom.png')no-repeat center top;
	bottom: -16.5px;
	width: 88px;
	height: 14px;
}
#hp-news .en-news-section-title {
	display: none;
	color: #000;
}
#hp-news {
	position: relative;
	margin: 0 auto;
	left: -1px;
}
#hp-news>div.en-news-slider {
	--min-card-gap: 0;
	--image-width: 344px;
	--image-height: 257px;
	--line-height: 20px;
	--font-size: 17px;
	--max-lines-subject: 2;
	--max-lines-summary: 4;
}
div.en-news-slider>div.en-card-slider-inner-container>a>.en-news-slider-image-container,
#hp-news div.en-card-slider-inner-container > a .en-news-slider-image-container {
	position: relative;
	background: #febc11 !important;
}
#hp-news div.en-card-slider-inner-container>a {
	border: 0 !important;
	position: relative;
	padding: 0;
	min-height: 337px;
}
#hp-news div.en-card-slider-inner-container>a::before {
	width: 0;
	position: absolute;
	left: 0;
	content: "";
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	bottom: 0;
	border-bottom: 10px solid #fdbb11;
	opacity: 0;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
}
#hp-news div.en-card-slider-inner-container>a:hover::before,
#hp-news div.en-card-slider-inner-container>a:focus::before {
	transform: translateX(-50%);
	left: 50%;
	opacity: 1;
	z-index: 1;
}
#hp-news div.en-card-slider-inner-container>a>h3.en-news-slider-title {
	font-weight: 300;
	text-align: left;
	color: #002c6d;
	justify-content: center !important;
	font-size: clamp(18px, 1.87vw, 21px);
	line-height: 24px;
	z-index: 1;
	box-sizing: border-box;
	top: 0;
	position: relative;
	padding: 16px 25px 14px 26px;
	height: 80px;
	letter-spacing: 0.2px;
	-webkit-line-clamp: var(--max-lines-subject);
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	background: #fff;
	font-family: var(--font1);
	border-top: none;
	width: 100%;
	margin: 0 auto 0;
	max-width: 100%;
	text-transform: unset;
	transition: all 0.5s ease 0s;
}
#hp-news div.en-card-slider-inner-container>a>h3.en-news-slider-title span {
	-webkit-line-clamp: var(--max-lines-subject);
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
}
#hp-news div.en-card-slider-inner-container>a:hover>h3.en-news-slider-title,
#hp-news div.en-card-slider-inner-container>a:focus>h3.en-news-slider-title {
	top: -140px;
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	right: 0;
	padding: 26px 33px 14px 29px;
		color: #000;
	text-decoration: underline;
}
#hp-news div.en-card-slider-inner-container>a>div.en-news-slider-summary {
	font-weight: 300;
	text-align: left;
	color: #000;
	font-size: clamp(16px, 1.60vw, 18px);
	line-height: clamp(23px, 2.41vw, 27px);
	position: absolute;
	z-index: 2;
	-webkit-line-clamp: var(--max-lines-summary);
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	display: -webkit-box;
	padding: 0 0 3.3px;
	letter-spacing: 0.18px;
	visibility: hidden;
	font-family: var(--font1);
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	left: 0;
	right: 0;
	transition: all 0.5s ease 0s;
	padding: 0px 33px 0 29px;
}
#hp-news div.en-card-slider-inner-container>a .en-news-slider-image-container {
	position: relative;
	background: transparent;
}
#hp-news div.en-card-slider-inner-container>a:hover::after,
#hp-news div.en-card-slider-inner-container>a:focus::after {
	transform-origin: top;
	transform: scaleY(1);
	background: #fff;
	bottom: 0px;
	height: 221px;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	transition: transform 0.4s;
}
#hp-news div.en-card-slider-inner-container a:hover div.en-news-slider-summary,
#hp-news div.en-card-slider-inner-container a:focus div.en-news-slider-summary {
	top: 0;
	margin: -96px auto 0;
	background: #fff;
	visibility: visible;
}
div.en-news-slider>div.en-news-slider-footer {
	position: absolute;
	right: 0;
	bottom: -46px;
	width: 260px;
	max-width: 260px;
	margin: 0 auto;
	left: 0;
}
#hp-news div.en-news-slider-buttons {
	position: absolute;
	width: 259px;
	max-width: 259px;
	left: 0;
	top: 0;
	right: 0;
	margin: auto;
}
#hp-news div.en-news-slider-buttons button {
	position: absolute;
	cursor: pointer !important;
	border: 0;
	background-color: rgba(255, 255, 255, 0.01) !important;
	color: #000 !important;
}
#hp-news div.en-news-slider-buttons button.en-news-prev {
	padding: 0;
	text-indent: -9999px;
	width: 29px;
  	height: 56px;
	background: url("/pics/leftArrow.png");
	left: 0;
	background-position: 0 0;
}
#hp-news div.en-news-slider-buttons button.en-news-next {
	border-radius: 0;
	text-indent: -9999px;
	width: 29px;
  	height: 56px;
	background: url("/pics/rightArrow.png");
	padding: 0;
	right: 0;
	background-position: 0 0;
}
#hp-news div.en-news-slider-buttons button.en-news-prev:hover {
	background-position: left -31px center;
}
#hp-news div.en-news-slider-buttons button.en-news-next:hover {
	background-position: left -31px center;
}
#hp-news div.en-news-slider-buttons button.en-news-next:focus {
	background-position: right center;
	width: 36px;
	top: 2px;
	right: -4px;
}
#hp-news div.en-news-slider-buttons button.en-news-prev:focus {
	background-position: right center;
	width: 36px;
	top: 2px;
	left: -3px;
}
#hp-news div.en-news-slider-buttons button.en-card-slider-button-disabled {
	visibility: hidden;
	cursor: auto;
}
#hp-news div.en-news-show-all {
	border: none;
	width: auto;
	padding: 0;
	border-radius: unset;
	margin: 0 auto;
}
#hp-news div.en-news-show-all a {
	position: relative;
	color: #fdbb11;
	padding: 0;
	background: #012255;
	font-size: clamp(15px, 1.69vw, 19px);
	line-height: 26px;
	letter-spacing: 1.1px;
	display: flex;
	text-transform: uppercase;
	justify-content: center;
	align-items: center;
	z-index: 0;
	font-weight: 300;
	font-family: var(--font1);
	box-sizing: border-box;
	transition: 0.5s ease;
	right: -1px;
	text-decoration: none;
	margin: 0 auto;
	top: 16px;
  	border: 0;
}
#hp-news div.en-news-show-all a::after {
	content: 'News';
	margin: 0 0 0 6px;
}
#hp-news div.en-news-show-all a:hover,
#hp-news div.en-news-show-all a:focus {
	color: #fff;
  	text-decoration: underline;
}
@media only screen and (max-width: 1240px) {
	#hp-news {
		position: relative;
		width: 100%;
		max-width: 718px;
		margin: 0 auto;
		left: 0;
	}
	.news-heading h2 {
		text-align: center;
		left: 0;
	}
}
@media only screen and (max-width: 768px) {
	#hp-news {
		max-width: 344px;
	}
	#second-row-inner {
  		padding: 40px 0 102.73px;
	}	
}
@media only screen and (max-width: 440px) {
	#hp-news>div.en-news-slider {
		--image-width: 285px;
		--image-height: 214px;
	}
	#hp-news {
		max-width: 285px;
		width: auto;
		left: 0;
	}
	.news-heading h2 a::before, 
	.news-heading h2 a::after { 
		display: none;
	}
	#hp-news div.en-card-slider-inner-container > a {
		min-height: 294px;
	}
}
/****** Second Row Section :- News Section ******/

/********* Third Row Section :- Event Section  ************/
#third-row {
	background: #fff;
}
#third-row-inner {
	padding: 62px 0 38.4px;
	position: relative;
}
/*New event code*/
#events-head {
	text-align: center;
}
#third-row-inner #hp-events {
	background: #fff;
	padding: 0;
	box-sizing: border-box;
	max-width: 1100px;
	left: -1px;
  	position: relative;
}
#third-row-inner #hp-events div.en-events-slider {
	margin: 0 0 0 auto;
	max-width: 1100px;
	overflow: hidden;
}
#third-row-inner #hp-events div.en-events-slider {
	--min-card-gap: 0;
	--card-width: 256px !important;
	--card-height: auto !important;
	--font-size: 1rem;
	font-family: inherit;
	color: #131313;
}
div.en-events-slider > div.en-card-slider-inner-container {
	min-height: 199px !important;
}
#third-row-inner #hp-events div.en-events-slider>div.en-card-slider-inner-container>.en-events-slider-day {
	width: var(--card-width);
	display: grid;
	grid-template-rows: 100px auto;
	position: relative;
	border: 0 !important;
	background: #f3f3f3;
	padding: 24px 10px 0 10px;
	box-sizing: border-box;
}
#third-row-inner #hp-events .en-events-section-title.en-page-components-title {
	display: none;
}
#third-row-inner #hp-events div.en-events-slider>div.en-card-slider-inner-container>.en-events-slider-day>.en-events-slider-detail .en-event-slider-li-title {
	text-decoration: none !important;
	position: relative !important;
	left: 0px;
	margin: 0 0 9px;
	color: #002c6d !important;
	text-align: center;
	font-size: clamp(16px, 1.87vw, 21px);
	font-weight: 300 !important;
	letter-spacing: 0.2px;
	text-transform: none;
	font-family: var(--font1);
	line-height: clamp(20px, 2.18vw, 24.5px);
	text-transform: capitalize;
}
.en-event-slider-li-title a {
	font-weight: 300 !important;
}
#third-row-inner #hp-events div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-events-slider-detail-li {
	margin: 3.5px 0 0 12px;
}
#third-row-inner #hp-events div.en-events-slider>div.en-card-slider-inner-container>.en-events-slider-day>.en-events-slider-detail .en-event-slider-li-title:hover,
#third-row-inner #hp-events div.en-events-slider>div.en-card-slider-inner-container>.en-events-slider-day>.en-events-slider-detail .en-event-slider-li-title:focus {
  	text-decoration: underline !important;
	color: #000 !important;
}
#third-row-inner #hp-events div.en-events-slider>div.en-card-slider-inner-container>.en-events-slider-day>.en-events-slider-detail .en-event-slider-li-time,
#third-row-inner #hp-events div.en-events-slider>div.en-card-slider-inner-container>.en-events-slider-day>.en-events-slider-detail .en-event-slider-li-location {
	text-align: center !important;
	font-weight: 300;
	line-height: clamp(20px, 2.14vw, 24px);
	color: #000 !important;
	letter-spacing: 0.2px;
	font-family: var(--font1);
	font-size: clamp(15px, 1.60vw, 18px);
}
#third-row-inner #hp-events div.en-events-slider div.en-card-slider-inner-container div.en-events-slider-date {
	border-radius: 0;
	position: relative;
	cursor: pointer;
	margin: 0px;
	flex-direction: column-reverse;
	padding: 0 0 40px;
	width: 114px;
	height: 46px;
	background: url('/pics/date_bg.png') no-repeat center bottom;
	justify-content: center;
	align-items: center;
}
#third-row-inner #hp-events div.en-events-slider .en-events-slider-date .en-events-slider-date-day {
	margin: 0 auto;
	font-weight: 300;
	text-align: center;
	color: #000;
	position: relative;
	top: 19px;
	letter-spacing: 0px;
	left: -0.5px;
	font-size: 44px !important;
	line-height: 1;
	font-family: var(--font1);
	background: rgba(36, 48, 159, 0.01);
}
#third-row-inner #hp-events div.en-events-slider .en-events-slider-date .en-events-slider-date-month {
	padding: 0 !important;
	text-transform: uppercase;
	margin: 0 auto;
	letter-spacing: 0px;
	text-align: center;
	color: #000;
	position: relative;
	top: 20px;
	left: -1px;
	font-size: 18px !important;
	line-height: 20px;
	font-family: var(--font2);
	order: 1;
	font-weight: 700;
}
#third-row-inner #hp-events div.en-events-slider>div.en-card-slider-inner-container>.en-events-slider-day>.en-events-slider-detail {
	margin: 0;
	padding: 0;
}
#third-row-inner #hp-events div.en-events-slider>div.en-events-slider-footer {
	justify-content: center !important;
	align-items: center !important;
	margin: 0 !important;
}
#third-row-inner #hp-events div.en-events-slider div.en-events-show-all-calendar {
	display: flex;
	padding: 0;
	column-gap: 16px;
	width: 287px;
	justify-content: start;
	align-items: center;
	margin: 41px auto 0;
	left: 1px;
	position: relative;
}
#third-row-inner #hp-events div.en-events-slider div.en-events-show-all-calendar a {
	color: #002c6d;
	font-size: clamp(15px, 1.69vw, 19px);
	text-transform: uppercase;
	line-height: 26px;
	font-weight: 400;
	font-family: var(--font1);
	text-decoration: none;
	display: block;
	position: relative;
	float: left;
	letter-spacing: 1.1px;
}
#third-row-inner #hp-events div.en-events-slider div.en-events-show-all-calendar a:hover,
#third-row-inner #hp-events div.en-events-slider div.en-events-show-all-calendar a:focus {
	text-decoration: underline;
}
#third-row-inner #hp-events div.en-events-slider-buttons {
	width: 1100px;
	max-width: 1100px;
	position: absolute;
	padding: 0;
	top: 103px;
}
#third-row-inner #hp-events .en-events-prev {
	left: -50px;
	border-radius: 0;
	text-indent: -9999px;
	background: url('/pics/leftArrow1.png') no-repeat;
	position: absolute;
	padding: 0;
	width: 29px;
  	height: 55px;
	border: 0;
	color: #000;
	cursor: pointer;
}
#third-row-inner #hp-events .en-events-next {
	right: -50px;
	border-radius: 0;
	text-indent: -9999px;
	background: url('/pics/rightArrow1.png') no-repeat;
	padding: 0;
	position: absolute;
	width: 29px;
  	height: 55px;
	border: 0;
	color: #000;
	cursor: pointer;
}
#third-row-inner #hp-events div.en-events-slider-buttons button.en-events-prev:hover {
	background-position: left -30px center;
}
#third-row-inner #hp-events div.en-events-slider-buttons button.en-events-next:hover {
	background-position: left -30px center;
}
#third-row-inner #hp-events div.en-events-slider-buttons button.en-events-prev:focus {
	background-position: right center;
	width: 35px;
	top: 1px;
	left: -53px;
}
#third-row-inner #hp-events div.en-events-slider-buttons button.en-events-next:focus {
	background-position: right center;
	width: 35px;
	top: 1px;
	right: -53px;
}
#third-row-inner #hp-events div.en-events-slider-buttons button.en-card-slider-button-disabled {
	visibility: hidden;
	cursor: auto;
	background-color: rgba(255,255,255,0.01);
}
/*** Tabs Section ***/
.tabbed [type="radio"] {
	display: none;
}
.tabs {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0 auto 21px;
	position: relative;
	justify-content: center;
	text-align: start;
	gap: 2.5px;
	width: fit-content;
	left: 5px;
}
.event-block h3 {
	box-sizing: border-box;
	display: block;
	position: relative;
	font-size: clamp(25px, 3.21vw, 36px);
	font-weight: 400;
	font-family: var(--font3);
	line-height: 30px;
	text-transform: capitalize;
	text-decoration: none;
	color: #002c6d;
	width: 496px;
	min-height: 70px;
	padding: 23.5px 21px 15px;
	margin: 0;
}
.event-block h3 span {
	font-size: clamp(30px, 3.57vw, 40px);
}
.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label .event-block h3,
.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label .event-block h3 {
	background: #fdbb11;
}
#third-row-inner .tab>label {
	display: flex;
	background: #fff;
	width: 100%;
	justify-content: center;
	min-height: 70px;
	align-items: center;
	cursor: pointer;
}
#third-row-inner .tab>label:hover,
#third-row-inner .tab>label:focus {
	background: #fdbb11;
}
.tab-content {
	display: none;
}
/* As we cannot replace the numbers with variables or calls to element properties, the number of this selector parts is our tab count limit */
.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label,
.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label {
	color: #fff;
	position: relative;
}
.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label,
.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label {
	background: transparent !important;
	position: relative;
	width: 100%;
}
.tabbed [type="radio"]:nth-of-type(1):checked~.tab-content:nth-of-type(1),
.tabbed [type="radio"]:nth-of-type(2):checked~.tab-content:nth-of-type(2) {
	display: block;
}
@media only screen and (max-width: 1230px) {
	#third-row-inner #hp-events {
		box-sizing: border-box;
		width: 100%;
		max-width: 800px;
		left: 0;
		margin: 0 auto;
	}	
	#third-row-inner #hp-events div.en-events-slider-buttons {
		width: 800px;
		max-width: 800px;
	}	
	.tabs {
		justify-content: center;
		max-width: 800px;
		left: 0;
	}
	.event-block h3 {
		width: auto;
		min-height: auto;
		padding: 10px;
		margin: 0;
	}
	#third-row-inner .tab > label {
		min-height: auto;
	}
	.event-block h3 {
		font-size: clamp(25px, 2.35vw, 29px);
	}	
}
@media only screen and (max-width: 920px) {
	#third-row-inner #hp-events {
		max-width: 540px;
	}	
	#third-row-inner #hp-events div.en-events-slider-buttons {
		width: 540px;
		max-width: 540px;
	}	
	.tabs {
		max-width: 540px;
	}
	.event-block h3 {
		text-align: center;
	}
}
@media only screen and (max-width: 650px) {
	#third-row-inner #hp-events {
		max-width: 280px;
	}	
	#third-row-inner #hp-events div.en-events-slider-buttons {
		width: 280px;
		max-width: 280px;
	}	
	.tabs {
		max-width: 280px;
	}
	#third-row-inner #hp-events div.en-events-slider div.en-events-show-all-calendar {
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 425px) { 
	#third-row-inner {
		margin-top: 0;
		padding: 40px 0 40px;
	}	
	#third-row-inner .tab > label {
		display: flex;
	}	
	#third-row-inner #hp-events div.en-events-slider > div.en-events-slider-footer {
		padding: 0 !important;
	}
	#third-row-inner #hp-events {
		max-width: 280px;
	}	
	#third-row-inner #hp-events div.en-events-slider-buttons {
		width: 160px;
		max-width: 160px;
		top: unset;
		bottom: 50px;
		margin: 20px auto 0;
  		left: 0;
		right: 0;
	}	
	.tabs {
		max-width: 280px;
    	flex-wrap: wrap;
	}
	#third-row-inner #hp-events div.en-events-slider div.en-events-show-all-calendar {
		width: 150px;
		justify-content: center;
		flex-wrap: wrap;
	}	
}
/********* Third Row Section :- Event Section  ************/

/********* Fourth Row Section :- Parallex Section  ************/
#slide-1 {
	background-image: url('/pics/parallax.jpg');
	background-position: top center;
	background-repeat: repeat-x;
	width: 100%;
	min-height: clamp(280px, 39.46vw, 442px);
}
/********* Fourth Row Section :- Parallex Section  ************/

/********* Fifth Row Section :- EVS Education Section  ************/
#fifth-row {
	background: #fff;
}
#fifth-row-inner {
	padding: 0 0 67px;
}
/* Environmental Education */
#environmental-education {
	position: relative;
}
#env-head,
#env-head2 {
	position: relative;
	display: flex;
	justify-content: start;
	align-items: start;
}
#environmental-education h2 a {
	box-sizing: border-box;
	display: block;
	position: relative;
	font-size: clamp(25px, 4.50vw, 50.41px);
	font-weight: 400;
	font-family: var(--font3);
	line-height: clamp(35px, 4.24vw, 47.5px);
	text-transform: capitalize;
	text-decoration: none;
	color: #fff;
	padding: 57.5px 21px 45px 34px;
	background: rgba(0, 44, 109, 0.9);
	width: 528px;
	min-height: 201px;
	margin: -39px 49px 0 0;
}
#environmental-education h2 a:hover,
#environmental-education h2 a:focus {
	text-decoration: underline;
}
#environmental-education h2 a span {
	font-size: clamp(30px, 5vw, 56px);
}
#environmental-education p {
	color: #000000;
	font-size: clamp(15px, 2.23vw, 25px);
	font-weight: 400;
	font-family: var(--font1);
	line-height: clamp(20px, 2.94vw, 33px);
	letter-spacing: 0.61px;
}
#environmental-education p.f-left {
	font-size: 15px !important;
	line-height: 17px !important;
}
#para1 {
	width: 502px;
	margin: 36px 0 28px;
}
#para2 {
	margin: 0 0 5px;
	letter-spacing: 0.624px !important;
}
#para3 {
	position: relative;
	width: 731px;
	margin: 25px 40px 0 0;
	letter-spacing: 0.625px !important;
}
#ospreylogo {
	width: 329px;
	min-height: 87px;
	background: url('/pics/osprey.jpg') no-repeat left top;
	position: relative;
	margin: 35px 0 0;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	display: flex;
	justify-content: end;
	align-items: start;
	top: 1px;
}
#learn-more {
	background: url('/pics/blue_bg.jpg') repeat-x left top, #002862;
	text-align: left;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 300;
	font-family: var(--font1);
	font-size: clamp(16px, 1.96vw, 22px);
	line-height: clamp(16px, 1.96vw, 22px);
	width: 108px;
	min-height: 87px;
	padding: 21px 10px 10px 22px;
	box-sizing: border-box;
}
#learn-more::after {
	width: 0;
	height: 0;
	position: absolute;
	bottom: 0;
	content: "";
	bottom: 0;
	content: "";
	border-bottom: 17.5px solid #fff;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	border-left: 19.5px solid transparent;
	right: 0px;
}
#ospreylogo:hover #learn-more,
#ospreylogo:focus #learn-more {
	background: url('/pics/ql_hover_bg.jpg') repeat-x left top, #feb50f;
	color: #000000;
}
#ospreylogo:hover #learn-more::after,
#ospreylogo:focus #learn-more::after {
	border-bottom-color: #002f75;
}
#ospreylogo:hover,
#ospreylogo:hover {
	transform: scale(1.02);
}
.env-right {
	display: flex;
	justify-content: end;
	flex-direction: column;
	align-items: end;
}
@media only screen and (max-width: 1120px) {
	#environmental-education h2 a {
		width: auto;
		min-height: auto;
	}
	#para1 {
		width: auto;
	}
}
@media only screen and (max-width: 768px) {
	#env-head, #env-head2 {
		flex-wrap: wrap;
		justify-content: center;
	}
	#environmental-education h2 a {
		padding: 15px;
		margin: 0;
	}
	#para1 {
		margin: 10px 0;
	}
	#para3 {
		width: 100%;
		margin: 0;
	}
	#ospreylogo {
		width: 280px;
		top: 0;
		background-size: contain;
	}
	.env-right {
		justify-content: center;
		align-items: center;
	}
	#learn-more {
		text-align: center;
		width: auto;
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#fifth-row-inner {
  		padding: 40px 0;
	}	
}
/********* Fifth Row Section :- EVS Education Section  ************/

/********* Sixth Row Section :- Important Links Section  ************/
#sixth-row {
	background: #ededed;
}
#sixth-row-inner {
	padding: 62px 0 75.233px;
	max-width: 1102px;
	left: 0.5px;
}
/* Links */
#links h2 {
	text-align: left;
	margin: 0 0 30px 0px;
	position: relative;
	display: inline-block;
}
#links h2 a::before {
	position: absolute;
	left: 8px;
	content: "";
	background: url('/pics/links_top.png')no-repeat center top;
	top: -28px;
	width: 20px;
	height: 16px;
}
#links h2 a::after {
	position: absolute;
	left: -25px;
	content: "";
	background: url('/pics/links_bottom.png')no-repeat center top;
	bottom: -14px;
	width: 88px;
	height: 14px;
}
#links h2 a {
	width: auto;
	height: auto;
	font-size: clamp(25px, 3.21vw, 36px);
	text-decoration: none;
	color: #002c6d !important;
	display: inline-block;
	font-family: var(--font3);
	position: relative;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	line-height: 30px;
	text-transform: capitalize;
	word-spacing: 1px;
	padding: 1px 0 0 0;
	z-index: 1;
}
#links h2 a span {
	font-size: clamp(30px, 3.57vw, 40px);
}
#links table.HPLinks tbody {
	display: flex;
	justify-content: start;
	align-items: start;
	flex-wrap: wrap;
	gap: 11.5px clamp(10px, 1.33vw, 15px);
}
#links table.HPLinks tr {
	width: clamp(140px, 15.26vw, 171px);
	min-height: 81px;
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
}
#links table.HPLinks tr:nth-child(6n) {
	margin-right: 0;
}
#links table.HPLinks #l,
#links table.HPLinks .tableLeft {
	display: none;
}
#links table.HPLinks #r,
#links table.HPLinks .tableRight {
	display: flex;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	padding: 0;
	min-height: 81px;
	box-sizing: border-box;
	border-bottom: 1px solid #d1d1d1;
}
#links table.HPLinks a {
	color: #002c6d;
	font-size: clamp(16px, 1.87vw, 21px);
	font-weight: 300;
	font-family: var(--font1);
	line-height: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 67px;
	padding: 9px 13px 5px 12px;
	text-transform: uppercase;
	background: #fff;
	border-left: 1px solid #f8f8f8;
	text-decoration: none !important;
}
#links table.HPLinks tr a:hover,
#links table.HPLinks tr a:focus {
	background: #002c6d;
	color: #fff;
	border-left-color: #002c6d;
}
#showAll-hplinks {
	border: 0 !important;
	width: auto !important;
	height: auto !important;
	position: absolute;
	top: 67px;
	right: 0px;
	margin: 0 !important;
	min-height: auto !important;
}
#links table.HPLinks #showAll-hplinks #r,
#links table.HPLinks #showAll-hplinks .tableRight {
	padding: 0 !important;
	min-height: auto;
	height: auto;
	border: none !important;
}
#links table.HPLinks #r b a,
#links table.HPLinks #r strong a,
#links table.HPLinks .tableRight b a,
#links table.HPLinks .tableRight strong a {
	font-family: var(--font1);
	font-weight: 400;
	font-size: clamp(16px, 1.69vw, 19px);
	line-height: clamp(19px, 1.96vw, 22px);
	color: #002c6d !important;
	width: auto;
	display: inline-block;
	min-height: auto;
	height: auto;
	background: none;
	border: 0;
	padding: 0 !important;
	letter-spacing: 1.1px;
}
#links table.HPLinks #r b a:hover,
#links table.HPLinks #r strong a:hover,
#links table.HPLinks .tableRight b a:hover,
#links table.HPLinks .tableRight strong a:hover,
#links table.HPLinks #r b a:focus,
#links table.HPLinks #r strong a:focus,
#links table.HPLinks .tableRight b a:focus,
#links table.HPLinks .tableRight strong a:focus {
	text-decoration: underline !important;
}
#links table.HPLinks tr#showAll-hplinks:hover,
#links table.HPLinks tr#showAll-hplinks:focus {
	background: none;
}
@media only screen and (max-width: 1160px) {
	#links h2 {
		margin: 0 0 30px 30px;
	}	
}
@media only screen and (max-width: 1120px) {
	.en-acc-readable-block.HPLinks {
		width: 100%;
	}
	#links table.HPLinks tbody {
		justify-content: center;
	}
	#showAll-hplinks {
		right: 10px;
	}	
	#sixth-row-inner { 
		left: 0;
	}
}
@media only screen and (max-width: 768px) { 
	#links h2 {
		margin: 0 auto 30px;
		text-align: center;
		display: block;
	}
	#sixth-row-inner {
  		padding: 40px 0 50px;
	}	
	#showAll-hplinks {
		right: 0;
		left: 0;
		bottom: 15px;
		margin: 0 auto !important;
		top: unset;
	}
	#links table.HPLinks #showAll-hplinks #r, #links table.HPLinks #showAll-hplinks .tableRight {
		justify-content: center;
	}
}
@media only screen and (max-width: 768px) { 
	#links h2 a::before,
	#links h2 a::after {
		display: none;
	}
}
/********* Sixth Row Section :- Important Links Section  ************/

/********* Seventh Row Section :- Video / Album Section  ************/
#seventh-row {
	background: #fff;
}
#seventh-row-inner {
	padding: 57px 0 28px;
	left: 1px;
}
#media-head {
	text-align: left;
	margin: 0 0 23px -1px;
	position: relative;
	width: auto;
	height: auto;
	font-size: clamp(20px, 3.21vw, 36px);
	color: #002c6d !important;
	display: block;
	font-family: var(--font3);
	position: relative;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	line-height: 30px;
	text-transform: capitalize;
	word-spacing: 1px;
	padding: 1px 0 0 0;
	z-index: 1;
}
#media-head span {
	font-size: clamp(30px, 3.57vw, 40px);
}
#media-head::before {
	position: absolute;
	left: 7px;
	content: "";
	background: url('/pics/media_top.png')no-repeat center top;
	top: -27px;
	width: 20px;
	height: 16px;
}
#media-head::after {
	position: absolute;
	left: -26px;
	content: "";
	background: url('/pics/media_bottom.png')no-repeat center top;
	bottom: -14px;
	width: 88px;
	height: 14px;
}
.album-wrapper {
	display: grid;
	justify-content: center;
	align-items: start;
	gap: 48px;
	grid-template-columns: auto auto;
}
.album-wrapper #left {
	position: relative;
	width: 631px;
	margin: 0;
	display: block;
}
.album-wrapper #right {
	position: relative;
	width: 421px;
	margin: 0;
	display: block;
}
/* Featured Video */
#video-sec {
	width: 631px;
	position: relative;
}
.HPVideo {
	margin-bottom: 0px;
	position: relative;
}
.HPVideo h2 a {
	display: none;
}
.HPVideo .videowrapper {
	position: relative;
	margin-top: 0;
}
.HPVideo p {
	padding: 0;
	margin: 0;
	border-top: 1px solid #fdbb11;
	width: 100%;
	left: 0;
	position: relative;
}
.HPVideo p a {
	text-align: center;
	text-decoration: none;
	font-weight: 300;
	height: auto;
	display: block;
	color: #000000;
	font-family: var(--font1);
	font-size: clamp(16px, 1.78vw, 20px);
	line-height: clamp(24px, 2.85vw, 32px);
	margin: 15px 10px 15px 8px;
	letter-spacing: 0.5px;
}
#video_player1 {
	position: relative;
}
#video_player1::before {
	width: 100%;
	height: 1px;
	background: #e2e0e0;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
}
#video_player1::after {
	width: 100%;
	height: 1px;
	background: #e2e0e0;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
}
#video-sec .videowrapper::before {
	width: 1px;
	height: clamp(210px, 74.89vw, 352px);
	background: #e2e0e0;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	z-index: 1;
}
#video-sec .videowrapper::after {
	width: 1px;
	height: clamp(210px, 74.89vw, 352px);
	background: #e2e0e0;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
}
/* Featured Photo Album */
#album-sec {
	width: 421px;
	position: relative;
}
#album-sec .HPFeaturedAlbums {
	margin-bottom: 0px;
	position: relative;
}
#album-sec .HPFeaturedAlbums h2 {
	display: none;
}
#album-sec .HPFeaturedAlbums .featuredAlbums {
	position: relative;
	margin-top: 0;
	padding: 0;
}
#album-sec .HPFeaturedAlbums ul {
	margin-top: 0;
}
#album-sec .HPFeaturedAlbums ul li {
	margin-bottom: 63px;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	overflow: visible !important;
}
#album-sec .HPFeaturedAlbums ul li:before {
	border: 1px solid #e2e0e0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	box-sizing: border-box;
}
#album-sec .HPFeaturedAlbums ul li h3 {
	background: none;
	text-shadow: none;
	position: relative;
	text-align: center;
	border-top: 1px solid #fdbb11;
	width: 100%;
	left: 0;
}
#album-sec .HPFeaturedAlbums ul li h3 span {
	font-weight: 300;
	height: auto;
	display: block;
	color: #000000;
	font-family: var(--font1);
	font-size: clamp(16px, 1.78vw, 20px);
	line-height: clamp(24px, 2.85vw, 32px);
	margin: 15px 10px;
	letter-spacing: 0.5px;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 30px;
}
@media only screen and (max-width: 1160px) {
	#media-head {
		text-align: left;
		margin: 0 0 23px 30px;
	}	
}
@media only screen and (min-width: 992px) and (max-width: 1120px) {
	.album-wrapper #left,
	#video-sec {
		width: 100%;
	}
	#video_player1 {
		width: 100% !important;
	}
	.album-wrapper {
		grid-template-columns: 450px auto;
	}
}
@media only screen and (max-width: 1120px) {
	#seventh-row-inner {
		left: 0;
	}
}
@media only screen and (max-width: 991px) {
	.album-wrapper #left,
	#video-sec {
		width: auto;
	}
	#video_player1 {
		width: 100% !important;
	}
	.album-wrapper {
		display: flex;
		justify-content: center;
		align-items: start;
		flex-wrap: wrap;
		gap: 10px;
	}
	#media-head {
		text-align: center;
		width: 280px;
		margin: 0 auto 23px;
	}
	#album-sec .HPFeaturedAlbums ul li h3 {
		left: 0;
	}
	#video_player1 en-video {
		aspect-ratio: unset !important;
	}
	#seventh-row-inner {
		left: 0;
		padding: 40px 0 20px;
	}	
}
@media only screen and (max-width: 470px) {
	#album-sec .HPFeaturedAlbums ul li {
		width: clamp(280px, 89.57vw, 421px) !important;
		height: clamp(210px, 74.89vw, 352px) !important;
	}
	#album-sec .HPFeaturedAlbums ul li img { 
		width: 100%;
		height: 100%;
	}
	#album-sec {
		width: 100%;
	}
	#video_player1 {
		height: clamp(210px, 74.89vw, 352px) !important;
	}
}
@media only screen and (max-width: 440px) {
	#media-head::before,
	#media-head::after {
		display: none;
	}
}
/********* Seventh Row Section :- Video / Album Section  ************/

/********* Sixth Row Section :- Principal Section  ************/
#eighth-row {
	background: #002c6d;
}
#eighth-row-inner {
	padding: 69px 0 65px;
}
/* Principal Section */
#princi-section {
	display: flex;
	justify-content: center;
	align-items: start;
	gap: clamp(15px, 4.91vw, 55px);
}
#princi-photo {
	position: relative;
	width: 230px;
	height: 230px;
	background: url('/pics/princi_photo2.png') no-repeat left 10px bottom, #002458;
	border-radius: 50%;
	margin: 0;
}
#princi-details {
	position: relative;
	width: 815px;
	margin: 5px 0 0;
	left: 1px;
}
#princi-details h2 {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: clamp(30px, 4.28vw, 48px);
	font-family: var(--font1);
	line-height: 36px;
	font-weight: 300;
	letter-spacing: 1.2px;
}
#princi-details h3 {
	color: #febc11;
	margin: 0 0 10.5px 2px;
	padding: 0;
	font-size: clamp(18px, 2.14vw, 24px);
	font-family: var(--font1);
	line-height: clamp(25px, 3.30vw, 37px);
	font-weight: 400;
	letter-spacing: 0.6px;
}
#princi-details p {
	color: #fff;
	margin: 0 0 0 3.5px;
	padding: 0;
	font-size: clamp(16px, 2.05vw, 23px);
	font-family: var(--font1);
	line-height: clamp(22px, 2.94vw, 33px);
	font-weight: 400;
	letter-spacing: 0.35px;
}
@media only screen and (max-width: 1120px) {
	#princi-photo {
		background: url('/pics/princi_photo2.png') no-repeat center bottom, #002458;
		background-size: contain;
		width: 210px;
  		height: clamp(160px, 16.07vw, 180px);
	}	
	#princi-details {
		width: 100%;
		left: 0;
	}
	#princi-details p br {
		display: none;
	}
	#eighth-row-inner {
  		padding: 40px 0
	}
	#princi-details {
		margin: 0;
	}	
}
@media only screen and (max-width: 768px) {
	#princi-section {
		flex-wrap: wrap;
	}
	#princi-photo {
  		width: 160px;
		height: 160px;
	}	
	#princi-details {
		text-align: center;
	}
}
/********* Sixth Row Section :- Principal Section  ************/

.en-header-popup-wrapper {
    animation: unset !important;
} 
#mobileapp-smart-banner {
	z-index: 9999999991 !important;
} 
@media only screen and (max-width: 480px) {
	html body .en-hp-alert-box#en-hp-alert-box {
	  width: 100% !important;
	  max-width: 95%;
	}
}
/****** Extra Css For Inner ******/
/* change border color to match headline color, set border color to 1.5 or 2px width */
.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-mrxPge {
	color: #292929 !important;
}
h1.VIpgJd-yAWNEb-r4nke.VIpgJd-yAWNEb-mrxPge {
	  color: #3e3e3e !important;
}
.DatePickerNT div.arrow {
	  color: #595959 !important;
}
#events-page #events.v1 .event span.location {
	  color: #57595a !important;
}

/* inner video page  */  
#controls3 .button3demboss.search{
  position: relative;
}
@media (max-width: 1160px) {
  .top_title{
      line-height: 1;
  }
}

@media (max-width: 1415px) and (min-width: 1060px) {
  #controls3 .button3demboss.search{
    top: 1px;
  }
}
@media (max-width: 1059px) {
  #controls3 .button3demboss.search{
    top: 2px;
  }
}
@media (max-width: 1000px) {
  #video-feature-area #big-video #big-video-info #hd-link,
  #video-feature-area #big-video #big-video-info #sd-link{
      font-size: 8pt;
  }
}

/* Staff page*/
#wrapper .content .inside #staff-search-comp{
	justify-content: end !important;
}
#staff.staffR1 .staff-categoryStaffMember dl{
	max-width: 260px !important;
}
body #staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt {
	padding-bottom: 1px;
}
@media (max-width: 1080px){
	#staff.staffR1.staff-horizontal .staff-categoryStaffMembers{
		flex-wrap: wrap !important;
	}
	#staff.staffR1.staff-horizontal .staff-categoryStaffMembers {
		margin-right: 0 !important;
	}
}
@media (max-width: 768px){
	#staff.staffR1 div.staff-header h1{
		line-height: 1.1 !important;
		font-size: clamp(14px, 2.083vw, 16px) !important; 
	}
	#pageInnerText{
		font-size: clamp(15px, 2.213vw, 17px) !important;
	}
	.video_player video {
		width: 100% !important;
	}
}

/* page wrapper*/
@media (max-width: 700px){
  #wrapper #pageInnerText{
      border-radius: 5px !important;
  }
	body #staff.staffR1 #staff-search input {
		width: calc(100% - 5%) !important;
	}

}

/******* Smartphone Banner *******/
#mobileapp-smart-banner .en-smartAppBanner-content {
    width: 100% !important;
}

/***** Css For mobile album z-index ****/
.disable-overflow header{
    z-index: var(--en-z-index-max);
}
.translated-ltr header.enh1 nav.en-nav,
.translated-rtl header.enh1 nav.en-nav { 
 	margin-top:40px;
}
/*********** Header Translate *********/
@media only screen and (max-width: 768px) {
	.translated-rtl header.enh1 nav.en-mobnav-show,
	.translated-ltr header.enh1 nav.en-mobnav-show {
    height: calc(100% - 40px);
    margin-top: 40px;
	}
}
@media only screen and (max-width: 900px) {
  .skiptranslate {
    z-index: var(--en-z-index-max) !important;
  }
}  

/* popup */
/**** image centre for DB dialog box ****/

.DB_mask {
	z-index: 99999999999999 !important;
}
.DB_dialog {
	z-index: 999999999999999 !important;
}
.DB_dialog {
	position: fixed !important;
	width: auto !important;
	height: auto !important;
	max-height: 90vh;
	padding-left: 0px !important;
	background-color: transparent !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
	left: 50% !important;
}
.DB_dialog #PV_imageDiv img:first-child {
	padding: 0px 3px 5px 8px !important;
}
.DB_dialog #PV_imageDiv img:last-child {
	/* width: auto !important; */
	height: auto !important;
	max-height: 90vh;
	max-width: 90vw;
	padding: 5px !important;
}
.DB_dialog #PV_imageDiv img:nth-child(2) {
	/* width: auto !important; */
	height: auto !important;
	max-height: 80vh;
	max-width: 90vw;
	padding: 5px !important;
}
@media screen and (max-height: 414px) and (max-width: 991px) {
	.DB_dialog {
	  position: fixed !important;
	  width: auto !important;
	  height: auto !important;
	  max-height: 90vh;
	  padding-left: 0px !important;
	  background-color: transparent !important;
	  top: 50% !important;
	  transform: translate(-50%, -50%) !important;
	  left: 50% !important;
	}
	.DB_dialog #PV_imageDiv img:last-child {
	  width: auto !important;
	  height: auto !important;
	  max-height: 80vh;
	  max-width: 90vw;
	  padding: 5px !important;
	}
}

/**** Alert box css *****/

body .alert-box{
	max-height: 80% !important;
 	transform: translate(-50%, -50%) !important;
  	overflow-y: scroll !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	max-width: 600px !important;
	width: auto !important;
}
body .alert-box .alert-box-body img{
  width: 100% !important;
}
.alert-box a.close{
	color: #353535 !important;
}
.alert-box{
	color: #353535 !important;
}
html body .alert-box{
	width: calc(100% - 5%) !important;
}

@media (max-width: 768px) {
	html body .alert-box{
		width: calc(100% - 10%) !important;
	}
	html body .alert-box span
	{
		font-size: clamp(20px, 3.645vw, 25px) !important;
		line-height: 1.2;
	}
}
@media only screen and (max-device-width: 480px) {
	html body #alert-holder .alert-box{
		width: calc(100% - 5%) !important;
	}
}

/**bell schedule */
.bell-schedule .bell-title a {
	text-decoration: none !important;
}
.bell-schedule .bell-title{
	font-size: 16px !important;
}

@media (max-width: 576px) {
	.bell-schedule {
		padding: 0 !important;
	}
}
.en-inner-pages-links-module-linkUrl a {
	font-weight: 300 !important;
	text-decoration: underline !important;
}

body .en-inner-pages-links-module-linkDesc {
	margin-top: 0px;
}

/* page nav*/
@media (max-width: 700px) {
	.en-modal-body #pageNav tbody, .en-modal-body #pageNav tbody tr, .en-modal-body #pageNav tbody tr ul {
	  width: 100%;
	  display: block;
	}
}

#pageContentWrapper .en-inner-pages-links-module-linkUrl a {
	font-weight: 300 !important;
} 
@media only screen and (min-width: 1161px) {
	#wrapper .top-video-info {
		padding: 10px 0 0.4em 0.16em;
	}
}
/********* Css Extra for Inner END************/


/************ Table Responsive **********/
@media (max-width: 700px) {
    div table.en-editable-table colgroup {
        display: none;
    }
    .en-responsive-table-td {
        display: flex !important; 
        align-items: stretch !important;
        box-sizing: border-box;
    }
    .en-responsive-table-header {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    table.en-responsive-table tr.en-responsive-table-tr {
        height: auto!important;
    }
    table.en-responsive-table :is(.en-responsive-table-content,.en-responsive-table-header) {
        border-bottom: none;
        border-right: none;
    }
}
/************ Table Responsive END **********/

/******* Page CSS ******/
@media (max-width: 1160px) {
	#wrapper div[en-page-rec-id="416632"] blockquote{
		margin: 0 !important;
	}
}
@media (max-width: 700px) {
	
  #NON_STAFF_MULTI_PAGE_W_ASIDE #pageContentWrapper tr td {
    display: revert !important;
    width: auto !important;
  }

} 


/**** Staff page Button *****/
#pageContentWrapper .contactStaffMember #contactStaff button{
	background-color: #002c6d !important;
	color: #fff !important;
	border: 1px solid #002c6d !important;
  	box-shadow: 0px 0px 0.2px #002c6d !important;
}
#pageContentWrapper .contactStaffMember #contactStaff button:hover,
#pageContentWrapper .contactStaffMember #contactStaff button:focus{
	background-color: #febc11 !important;
	color: #002c6d !important;
	border: 1px solid #febc11 !important;
	box-shadow: 0px 0px 0.2px #febc11 !important;
}

@media (max-width: 700px) {
	#wrapper img.sub{
		margin-left:0;
	}
}

@media only screen and (max-width: 1100px) {
	.single-video #video-feature-area #big-video{
		width: 100% !important;
	}
	.single-video #video-feature-area #video_player{
		width: 100% !important;
	}
}

@media only screen and (max-width: 850px) {
	.tablenew1 table[role="presentation"] tr{
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 15px;
		width: 100%;
		text-align: center;
		align-items: center;
	}
	.tablenew1 table[role="presentation"] tr tr{
		display: table;
	}
	.tablenew1 table[role="presentation"] tbody tr td b br{
		display: none;
	}
	.tablenew1 table[role="presentation"] tbody tr td{
		padding-right: 0 !important;
    	width: 100%;
	}
	.tablenew1 table.darkBox{
		width: 300px;
		margin: 0 auto;
		padding: 5px;
		background: #fdfafa;
	}
	.tablenew1 table[role="presentation"] table #usernameRow td,
	.tablenew1 table[role="presentation"] table #passwordRow td{
		width: auto !important;
	}
}
@media only screen and (max-width: 440px) {
	.tablenew1 table[role="presentation"] table .light input[type="button"],
	.tablenew1 table[role="presentation"] table .light input[type="submit"]{
		width: 150px;
	}
}
@media only screen and (max-width: 440px) {
	table .light input[type="submit"]{
		width: 150px !important;
		margin-bottom: 5px;
	}
}
@media only screen and (max-width: 360px) {
	#pageAsideWrapper.pageAsideLeftWrapper img.sub {
		margin-left: 0 !important;
		width: 280px !important;
	}
}
@media only screen and (max-width: 991px) {
	.tablenew1 table tr {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.tablenew1 table tr td a {
		height: auto;
		display: block;
	}
	.tablenew1 #pageContentWrapper table tr td a img {
		width: 200px !important;
		height: 100px !important;
		object-fit: unset !important;
		object-position: unset !important;
	}
}
@media only screen and (max-width: 768px) {
	.tablenew2 .en-public-login-table tbody tr {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
	}
	.tablenew2 .en-public-login-table tbody tr td:nth-child(2){
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
	}
	.tablenew2 #signInHeaderRow {
		display: table;
		width: 100%;
	}
	.tablenew2 #usernameRow ,.tablenew2 #passwordRow{
		justify-content: start;
		align-items: center;
		flex-direction: row;
	}
	.tablenew2 .en-login-page-create-acct{
		margin-left: 0;
		width: 70%;
	}
	#create-account-btn {
		margin-top: 10px;
	}
	div.en-editable-block-wrapper figure.img-left {
		float: unset !important;
		margin: 0 auto 10px !important;
	}
}
@media only screen and (max-width: 440px) {
	.tablenew2 .en-login-page-create-acct{
		width: calc(100% - 20px)
	}
}


/**** Video page ****/
#sd-link{
	margin-left: 10px;
}
.button3demboss.search.button3demboss-search {
	width: 63px !important;
}
@media only screen and (max-width: 768px) {
	#big-video .top_title{
		font-size: clamp(18px, 2.994vw, 23px) !important;
	}
	#big-video-info a#hd-link {
		word-break: unset !important;
	}
}


@media only screen and (max-width: 700px) {
	body #pageWrapperTable tr td, body #staff .staff-categoryStaffMembers {
		height: auto !important;
	}	
	body #pageContentWrapper tr td {
		display: revert;
	}
}
/****** Extra Css For Inner ******/