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


/* General */
html {
	overflow-y: scroll;
}

body {
	margin: 0 !important;
	padding: 0;
	background: #ffffff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

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;
}

a,
a:active,
a:visited {
	color: #033b73;
}

a:hover,
a:active {
	outline: 0;
	color: #007096;
}
a:focus, a:active, input:focus:not([readonly]), input:active:not([readonly]), select:focus, select:active {
	outline: 2px dotted #3091ff !important;
	outline: 5px auto -webkit-focus-ring-color !important;
  }
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: 'Source Sans Pro', monospace;
	font-size: 16px;
	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 styles */
@font-face {
  font-family: 'Freshman';
  src: url('/shared/fonts/Freshman-POdx.eot'); /* IE9 Compat Modes */
  src: url('/shared/fonts/Freshman-POdx?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/shared/fonts/Freshman-POdx.woff2') format('woff2'), /* Super Modern Browsers */
       url('/shared/fonts/Freshman-POdx.woff') format('woff'), /* Pretty Modern Browsers */
       url('/shared/fonts/Freshman-POdx.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/shared/fonts/Freshman-POdx.otf')  format('opentype'), /* Safari, Android, iOS */
       url('/shared/fonts/Freshman-POdx.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body,
#nav_items_0 li:hover ul li a,
#nav_items_0 li.over ul li a,
#address {
	font-family: 'Inter', sans-serif;
}

#pageNav,
#pageNav ul li a {
	font-family: 'Inter', sans-serif;
}

#pageContentWrapper h1,
#pageContentWrapper h2,
#pageContentWrapper h3,
#pageContentWrapper h4,
#pageContentWrapper h5,
#pageContentWrapper h6 {
	margin: 0 0 10px 0;
	font-family: "Inter", sans-serif;
	color: #002A66;
	line-height: 1.2;
}

/* Page navigation */
#pageNav {
	border: 0;
	font-size: 14px;
	position: relative;
	background: #ffffff;
	margin-left: 20px;
}

#pageNav ul,
#pageNav ul li {
	list-style: none;
	line-height: 16px;
}

#pageNav ul {
	padding: 10px 0 10px !important;
	margin: 0 auto !important;
	width: 300px;
	height: auto !important;
	background: #002a66;
}

#pageNav ul li {
	padding: 0 0 0px !important;
	margin: 0 0 0px !important;
	zoom: 1;
	/* important for IE6 */
}

#pageNav td img {
	display: none;
}
#wrapper-index #inside_banner {
  display: none !important;
}
#inside_banner {
 display: block !important;
width: 100%;
height: 100%;
min-height: 177px;
background: url(/pics/inside_banner.jpg) no-repeat center;
  background-size: auto;
background-size: auto;
background-size: cover;
position: relative;
top: -125px;
}
#pageNav ul li a,
#pageNav ul li b,
#pageNav ul li strong {
  min-height: 20px;
  text-decoration: none;
  padding: 14.5px 15px 14.5px 26px;
  margin: 0;
  display: block;
  position: relative;
  z-index: 0;
  text-align: left;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #ffffff !important;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

/*#pageNav ul li b,
#pageNav ul li a:hover,
#pageNav ul li strong,
#pageNav ul li a:focus {
	color: #000 !important;
	background: #4f91cd;
}*/

#pageNav ul li a {
	text-decoration: none;
	color: #0b0c0d;
}


/* Other homepage section extras */
.dark {
	background-color: #002a66 !important;
	color: #fff !important;
	font-size: 19px!important;
letter-spacing: 0px!important;
line-height: 27px!important;
font-weight: 400!important;
font-family: "Source Sans Pro", sans-serif;!important;
}

.light {
	background-color: #fdfafa !important;
	font-size: 19px!important;
letter-spacing: 0px!important;
line-height: 27px!important;
color: #404040!important;
font-weight: 400!important;
font-family: "Source Sans Pro", sans-serif;!important;
}

.dark a,
.dark a:visited,
.dark a:link,
.dark a:hover,
.dark a:active {
	color: #fff !important;
}

/* Site Styles */


#wrapper,
#wrapper-index {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	text-align: left;
	background: url('') no-repeat;
}
#wrapper {
	position: absolute !important;
  }
#wrapper {
	background-color: #fff;
}

.inside {
	width: 100%;
	margin: 0 auto;
}

#wrapper .content {
	position: relative;
	padding: 0 0 320px;
}

#wrapper .content .inside {
	padding: 20px 0;
	line-height: 20px;
	z-index: 2;
}

.content {
	width: 100%;
	text-align: left;
	position: relative;
}

.content .inside {
	position: relative;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#pageNav ul li a::after, #pageNav ul li b::after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background: #cc2a1f;
  width: 310px;
  height: 100%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: -5px;
  top: 0;
}
#pageNav ul li:hover > a::after, #pageNav ul li:active a::after, #pageNav ul li:focus a::after,
 #pageNav ul li b::after{
  transform: scaleY(1) skew(-12deg);
  -webkit-transform: scaleY(1) skew(-12deg);
}
.pageTitle {
width: auto;
display: block;
height: auto;
background: transparent;
padding: 0px 0px 0px;
letter-spacing: -0.4px;
text-align: left;
font-size: 50px;
line-height: 50px;
color: #252625;
font-weight: 400;
font-family: "Kaushan Script", sans-serif;
margin: 10px 0 50px 0;
}

#wrapper .content .inside,
#wrapper .neutral,
#wrapper table {
font-size: 19px;
letter-spacing: 0px;
line-height: 27px;
color: #404040;
font-weight: 400;
font-family: "Source Sans Pro", sans-serif;
}

#wrapper .content .inside {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: -80px;
}


/* Homepage Section Table Includes */
#wrapper-index .content table {
	width: 100%;
	padding: 0;
	margin: 0;
}

#wrapper-index .content table {
	color: #000;
}

#wrapper-index .content section table a {
	color: #033b73;
	text-decoration: none;
	font-weight: 700;
}

#wrapper-index .content table #l {
	padding-top: 8px;
}

/* Put Display None if you want to hide bullet */
#wrapper-index .content table #r {
	border-bottom: 1px solid #d1d1d1;
	padding: 10px 0 10px 0;
}

#wrapper-index .content table #r b a {
	display: block;
	margin-top: 5px;
	text-decoration: none;
}

.autoCalendarLinks td,
#showAll-0,
#showAll-hpbbmessages #r,
#showAll-hplinks #r,
#showAll-0 #r {
	border-bottom: 0 !important;
	padding-left: 0 !important;
	padding-bottom: 0 !important;
}

#wrapper-index .content table tr:first-child td,
.autoCalendarLinks,
#showAll-0,
#showAll-hplinks #r,
#showAll-0 #r {
	border-left: 0 !important;
}

#wrapper-index .content table tr:last-child td {
	border-bottom: 0 !important;
}

#wrapper .content .inside a:hover,
#wrapper .content .inside a:focus {
	color: #002a66;
}

/* Side Image */
img.sub {
	border: 0;
}

#wrapper img.sub {
	margin-left: 20px;
}

@media only screen and (max-width: 1100px){

	#wrapper .content .inside {
		padding-left: 10px;
	  }
	  #inside_banner{
	  	top: -96px;
	  }
}
@media only screen and (max-width: 1100px){

	
	  #inside_banner{
	  	top: -75px;
	  }
}
@media only screen and (max-width: 800px) {

	/* insidepage */
	#wrapper .content .inside {
		width: auto;
		padding: 10px 20px;
	}

#inside_banner {
  top: -59px;
}
	.pageTitle {
		font-size: 30px;
		line-height: 26px;
	}

	#wrapper .content::before {
		height: 125px;
	}

	#wrapper img.sub {
		display: none;
	}

	#wrapper #footer {
		position: relative !important;
	}

	#wrapper .content {
		position: relative;
		padding: 0 0 100px;
	}
	#inside_banner {
  top: 0px;
}
.pageTitle{
	top: -31px;
}
#wrapper .content .inside{
	margin-top: 51px;
}

}

@media only screen and (max-width: 700px) {

	/* Inside page */
	#pageNav ul {
		max-width: unset;
	}

	#wrapperPageInner {
		margin: 20px 0 0 0 !important;
	}

	#pageContentWrapper {
		padding-top: 80px !important;
	}
}

/* Top */

#tabs {
	flex-grow: 1;
	position: relative;
	align-items: center;
	display: flex;
	justify-content: end;
}

/* Marquee */

/* // The highest level marquee wrapper. */
.en-marquee-module {
	background: transparent;
	height: auto;
	max-width: 100%;
	margin: inherit;
	height: 20px !important;
	left: -7% !important;
	position: relative !important;
}

/* // Styling sliding text */
.en-marquee-module .en-marquee-module-content {
	color: #002a66 !important;
font-size: 14px !important;
letter-spacing: 1px;
font-weight: 700 !important;
font-family: "Inter", sans-serif;
}

/* // Gradient with the same color header bg. */
.en-marquee-module:before {
	position: absolute;
	content: "";
	left: 0;
	top: -2p;
	height: 25px;
	width: 75px;
	z-index: 1;
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8), rgb(255, 255, 255), rgb(255, 255, 255));
}

/* // Gradient with the same color header bg. */
.en-marquee-module:after {
	position: absolute;
	content: "";
	right: 0;
	top: -2px;
	height: 25px;
	width: 75px;
	right: 0;
	z-index: 1;
	background-image: linear-gradient(to right,
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0.2),
			rgba(255, 255, 255, 0.4),
			rgba(255, 255, 255, 0.8),
			rgb(255, 255, 255),
			rgb(255, 255, 255));
}

.en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup {
	background-color: #002f67 !important;
border: 1px solid #002f67 !important;
}

/* Customize buttons */
.en-marquee-module .en-marquee-tooltip-buttons button {
	font-family: 'Inter', sans-serif !important;
	font-weight: 700;
}

/* //  Customize active/pressed button */
.en-marquee-module .en-marquee-tooltip-buttons button[aria-pressed="true"] {
	background-color: #cc2a1f !important;
	color: #ffffff;
}

.en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup-icon {
	border-bottom-color: #002f67;
}
.en-marquee-module .en-marquee-popup-wrapper {
	max-width: 565px;
}
/* // Text in the popup */
.en-marquee-module .en-marquee-popup .en-marquee-popup-text {
	font-size: 14px !important;
letter-spacing: 1px;
color: #ffffff !important;
font-weight: 700;
font-family: "Inter", sans-serif;
}

#tabs {
	width: auto;
	padding: 0;
	float: right;
	position: relative;
	display: flex;
}

/* Translate */
#googleTranslate {
	opacity: 0;
	filter: alpha(opacity=0);
	top: 0;
	left: 0;
	position: absolute;
	cursor: pointer;
	border: 0;
}

.translate-button {
	float: left;
border-radius: 0;
top: 0px;
position: relative;
background: url('/pics/translate.png') no-repeat left;
padding: 0 0 0 28px !important;
text-transform: uppercase !important;
left: -38px;
font-size: 13px !important;
letter-spacing: 1px !important;
line-height: 38px !important;
text-transform: uppercase;
color: #262626 !important;
font-weight: 400 !important;
font-family: "Source Sans Pro", sans-serif; !important;
}

.translate-button:hover,
.translate-button :focus {
	color: #6e298d !important;
}


/* Search */
#search-button {
float: left;
position: relative;
background: none;
padding: 0;
margin: 0px 19px 0 22px;
left: -20px;
font-size: 13px;
letter-spacing: 1px !important;
line-height: 38px;
text-transform: uppercase;
color: #262626!important;
font-weight: 400;
font-family: "Source Sans Pro", sans-serif;

}
#search-button .icon {
display: block;
margin: 0;
background: url('/pics/search.png') no-repeat center center;
width: 18px;
height: 19px;
float: left;
position: relative;
left: -10px;
top: 9px;
}

#search-button:hover,
#search-button:focus {
	color: #002a66 !important;
}

#search-field {
	width: 388px;
	border: 1px solid #c0c1c3;
	height: 41px;
	font-size: 16px;
	padding: 5px 7px;
	border-radius: 5px;
	position: relative;
	display: inline-block;
	min-height: 25px;
}



.en-header-popup-wrapper{
	padding: 20px !important;
	height: 37px !important;
	max-width: 405px !important;
	font-family: 'Inter', sans-serif !important;
}
.en-header-popup-body {
	padding-top: 0px !important;
  }


  .en-public-header-popup-close{
	right: -20px !important;
	top: -25px !important;
  }
.button {
	letter-spacing: 0 !important;
	padding: 0 !important;
	top: 0 !important;
}

.button:hover {
	background-color: transparent !important;
}

/* social icons */

#fb {
	transition: all .5s ease;
	position: relative;
	float: left;
	color: #ffffff !important;
	background: url('/pics/fb_icon.png') center top no-repeat, #00000001;
	width: 50px;
	height: 44px;
	margin: 0px 0 0 0;
	display: inline-block;
	left: -13px;
}


#fb:hover,
#fb:focus {
	transform: rotate(365deg);
}
#twitter {
	transition: all .5s ease;
	position: relative;
	float: left;
	color: #ffffff !important;
	background: url('/pics/twit_icon.png') center top no-repeat, #00000001;
	width: 50px;
	height: 44px;
	margin: 0px 0 0 0;
	display: inline-block;
	left: -15px;
}


#twitter:hover,
#twitter:focus {
	transform: rotate(365deg);
}
#insta {
	transition: all .5s ease;
	position: relative;
	float: left;
	color: #ffffff !important;
	background: url('/pics/insta_icon.png') center top no-repeat, #00000001;
	width: 50px;
	height: 44px;
	margin: 0px 0 0 0;
	display: inline-block;
	left: -15px;
}


#insta:hover,
#insta:focus {
	transform: rotate(365deg);
}

/* Header */
#header {
	position: relative;
	top: 0;
	z-index: 9999;
	width: 100%;
	background: #fff;
	display: grid;
	max-width: 1200px;
	margin: 0 auto;
}

#header .inside {
	position: relative;
	height: 100px;
	min-height: 100px;
	height: auto !important;
	width: 1100px;
	margin: 0 auto;
	padding: 0;
}

#header .logo {
	width: 191px;
	height: 195px;
	background: url('/pics/header_logo.png') no-repeat;
	float: left;
	position: absolute;
	margin: -25px 0 0 4px;
}

#header-name {
	position: relative;
	float: left;
	margin: 25px 0 0 222px;
	font-family: 'Inter';
	font-size: 60px;
	line-height: 55px;
	font-weight: 400;
	color: #0d1a18;
	text-decoration: none;
	letter-spacing: 1px;
}


/*********** HEADER RESPONSIVE CSS *********/
:root {
	--en-z-index-max: 2147483647;
	--en-website-color-1: #002a66;
	--en-website-color-2: #cc2a1f;
}

/* PARAMETERS */
/* HEIGHT OF THE MIDDLE SECTION WHERE SCHOOL'S NAME IS LOCATED WILL BE AUTO-ADJUSTED */
:root {
	--en-header-width: 1200px;
	--en-header-height: 213px;
	--en-header-top-bar-height: 56px;
	--en-header-nav-bar-height: 60px;
	--en-header-school-area-height: var(--en-header-height) - var(--en-header-top-bar-height) - var(--en-header-nav-bar-height);

}

div.en-header-top-bar-bg {
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: var(--en-header-top-bar-height);
	background: #ffffff;

}

div.en-header-nav-bar-bg {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: var(--en-header-nav-bar-height);
	left: 0;
	top: var(--en-header-top-bar-height);
	background: #ffffff;
}

#wrapper div.en-header-school-area-bg {
	box-sizing: border-box;
position: relative;
width: 100%;
height: 166px;
left: 0;
top: -124px;
background: #f0f0f0;
}


header.en-public-header {
	position: relative;
	width: var(--en-header-width);
	margin: 0 auto;
}

nav.en-nav {
	font-synthesis: none;
	position: relative;
	display: grid;
	grid-template-columns: 185px 630px;
	grid-template-rows: var(--en-header-top-bar-height) var(--en-header-nav-bar-height) 1fr;
	height: var(--en-header-height);
}

nav.en-nav div.search-translate-container {
	grid-row: 1;
	grid-column: 2;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	column-gap: 30px;
	white-space: nowrap;
	overflow: hidden;
	color: #ffffff;
	padding-right: 24px;
	font-size: 17px;
}

div.search-translate-container img.en-magnifier {
	margin: -3px 5px 0 0;
	cursor: pointer;
}

div.search-translate-container #en-public-header-translate {
	font-size: 13px;
letter-spacing: 0px;
line-height: 38px !important;
text-transform: uppercase;
color: #262626 !important;
font-weight: 400 !important;
font-family: "Source Sans Pro", sans-serif; !important;
	position: relative;
	padding: 0 15px 0 0;
}
div.search-translate-container #en-public-header-translate:hover{
	color: #002a66!important;
}


nav.en-nav div.marquee-container {
	display: flex;
grid-row: 1;
grid-column: 2 / 4;
white-space: nowrap;
margin-right: 30px;
color: #444444;
padding: 0px 8px 0px 51.5px
margin: 0px 0 0 0;
font-size: 17px;
justify-content: center;
align-items: center;
z-index: 999;
}

nav.en-nav div.search-translate-container {
	position: relative;
	grid-row: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	column-gap: 18px;
	grid-column: 4 / 4;
	padding-right: clamp(0px, calc(557px - 50vw), 7px);
}

nav.en-nav ul#topnav {
	grid-row: 2;
	grid-column: 1 / 4;
}

/* POSITIONING AND STYLING OF THE SCHOOL LOGO */
header.en-public-header a.en-website-logo {
position: relative;
grid-row: 1/3;
grid-column: 1/2;
display: flex;
align-items: flex-start;
overflow: visible;
width: 100%;
margin: -1px 0px 0px -53px;
justify-content: flex-start;
}

/* POSITIONING AND STYLING OF THE SCHOOL LOGO */
header.en-public-header div.en-mobile-header {
	display: none;
}

/* THIS IS WHERE WE MOSTLY PUT THE SCHOOL'S NAME AND THE HAMBURGER BUTTON FOR THE MOBILE MENU */
header.en-public-header div.en-public-header-middle {
	grid-row: 3;
	grid-column: 2 / 5;
	display: flex;
	margin: 0px 0px 0px 0;
	align-items: stretch;
	width: 100%;
}

header.en-public-header div.en-header-school-name {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	justify-content: left;
	align-items: center;
	margin: -9px 0px 0px 0px !important;
}
nav.en-nav > ul > li:hover > a::before, nav.en-nav > ul > li:focus > a::before{
  content: "";
  position: absolute;
  background: #fff;
  width: 68%;
  height: 3px;
  top: 60px;
  z-index: 18;
}
div.en-public-header-middle div.en-public-header-website-moto {
font-weight: 600;
position: relative;
top: 41px;
font-size: 44px;
letter-spacing: 0.9px;
line-height: 45px;
text-transform: uppercase;
color: #ffffff;
font-family: "Freshman", sans-serif;
text-align: left;
filter: drop-shadow(0px 4px 0px rgba(0,0,0,0.2));
left: -14px;
}


div.en-public-header-middle div.en-public-header-website-moto span.motto-top {
	position: relative;
}

div.en-public-header-middle div.en-public-header-website-moto span.motto-btm {
margin: 0px 0px 0px 0px;
position: relative;
top: -8.5px;
font-size: 22px;
letter-spacing: 2.2px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
font-family: "Inter", sans-serif;
text-align: left;
filter: drop-shadow(0px 0px 0px #8a8685);
left: -1px;
}

/* SMALL VERSION */
/* BROWSER WIDTH STARTS BECOMING SMALLER THAN REQUIRED FOR THE FULL SIZE DESKTOP VERSION */
/* UPDATE THE BREAKPOINT AS REQUIRED */
@media only screen and (max-width: 1230px) {
header.en-public-header a.en-website-logo {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		z-index: 9999;
		margin: 0;
	}
}
@media only screen and (max-width: 1260px) {
nav.en-nav {
		grid-template-columns: min(168px, 14.273vw) 429px;
	}
}
@media only screen and (max-width: 1100px) {

	/* PARAMETERS */
	:root {
		--en-header-width: 1200px;
		--en-header-height: 23.818vw;
		--en-header-top-bar-height: 5.6363vw;
		--en-header-nav-bar-height: 5.4545vw;
	}

	header.en-public-header {
		width: 100%;
	}

	header.en-public-header a.en-website-logo {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 9999;
  top: 34px;
left: -9px;
}

	nav.en-nav div.marquee-container {
		grid-row: 1;
grid-column: 2 /2;
padding-right: 50px;

	}

	/* REDUCE PADDINGS AND GAPS TO SAVE SOME SPACE */
	nav.en-nav div.search-translate-container {
		column-gap: 2.7272vw;
		grid-column: 2/5;
	}

	/* REDUCE PADDINGS AND GAPS TO SAVE SOME SPACE */

	

	header.en-public-header div.en-public-header-middle {
		grid-row: 3;
		grid-column: 2 / 4;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
	}

	header.en-public-header a.en-website-logo img {
		width: 100%;
		position: absolute;
	}

	

	header.en-public-header div.en-header-school-name {
		margin: 0px !important;
	}

	div.en-public-header-middle div.en-public-header-website-moto span.motto-top {
		font-size: clamp(20px, 2.6363vw, 29px);
		line-height: 17px;
	}

	div.en-public-header-middle div.en-public-header-website-moto {
		display: flex;
		flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
top: 10px;
	}

	div.en-public-header-middle div.en-public-header-website-moto span.motto-btm {
		top: 2px;
		font-size: clamp(12px, 1.5454vw, 17px);
		line-height: 20px;
	}

	#search-button {
		margin: 2px 10px 0 16px;
	}
}

/* MOBILE VERSION */
/* BREAKPOINT HAS TO BE THE SAME AS PROVIDED IN NAVIGATION MENU SETTINGS IN E-IMPORT (mobileBreakpoint parameter) */
@media only screen and (max-width: 768px) {

	#index-top,
	#inside-slider {
		margin-top: 0 !important;
	}
nav.en-nav > ul > li:hover > a::before, nav.en-nav > ul > li:focus > a::before{
	background: none;
}
	/* REMOVE BACKGROUNDS THAT ARE NOT NEEDED IN MOBILE */
	div.en-header-top-bar-bg {
		display: none;
	}

	div.en-header-rotating-photo {
		position: static;
		margin: 0;
		height: 40vw;
	}

	div.en-header-rotating-photo div.en-header-rotating-photo-gradient {
		display: none;
	}

	div.en-header-school-area-bg {
		display: none;
	}

	/* MAKE MOBILE HEADER VISIBLE. MAKE GRID COLUMNS SAME AS THE COLUMNS OF EN-NAV */
	header.en-public-header div.en-mobile-header {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: self-start;
		justify-items: left;
		width: 100%;
		background: #002a66;
		grid-column-gap: 10px;
	}

nav.en-nav > ul > li > a:hover::after{
	display: none;
}
	header.en-public-header a.en-website-logo {
		grid-column: 1/2;
		padding: 0;
		overflow: visible;
		width: 100%;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		box-sizing: border-box;
		padding: 8px;
		width: clamp(74px, 19vw, 100px);
		margin: 0px !important;
		top: 0px;
		grid-row: 1;
	}

	header.en-public-header a.en-website-logo img {
		position: static;
		height: 100%;
	}

	nav.en-nav ul#topnav {
		grid-row: 2;
		grid-column: 1 / 5;
	}

	header.en-public-header div.en-header-school-name {
		display: flex;
		flex-direction: row;
		flex-grow: 1;
		justify-content: left;
		align-items: center;
		margin: 0px 0px 0px -12px !important;
	}


	nav.en-nav div.marquee-container {
		display: flex;
		grid-row: 4;
		grid-column: 1 / 3;
		white-space: nowrap;
		margin-right: 30px;
		color: #444444;
		padding: 0 !important;
		margin: 0px 0 0 0;
		font-size: 17px;
	}

	.en-marquee-module {
		height: 32px !important;
		left: 0% !important;
		background: #ffffff;
	}

	#marquee-new .toolTipWrapper .marqueeStaticView {
		background: #fff !important;
	}


	.toolTipWrapper .marqueeStaticView {
		top: 0px;
	}


	#tabs {
		width: 100%;
		padding: 0;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	nav.en-nav div.search-translate-container {
		grid-column: 1/3;
		grid-row: 3;
		width: 100%;
		background: #ffffff;
		justify-content: center;
		column-gap: 4%;
		color: var(--en-website-color-2);
		vertical-align: middle;
		font-size: 14px;
		padding: 4px 0 4px 30px;
	}


	div.search-translate-container #en-public-header-translate::after {
		z-index: 1;
	}

	header.en-public-header div.en-public-header-middle {
		display: flex;
		grid-row: 1;
		grid-column: 2 / 3;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		height: 100%;
		margin: 0px;
	}

	header.en-public-header div.en-public-header-website-name-moto {
		width: 90%;
		display: flex;
		justify-content: left;
		flex-direction: row;
		align-items: center;
		margin-top: 16px;
	}

	div.en-public-header-middle div.en-public-header-website-moto {
		 top: -7px;
line-height: 12px;
	}

	div.en-public-header-middle div.en-public-header-website-moto span.motto-top {
		font-size: clamp(19px, 2.7343vw, 21px);
		line-height: clamp(24px, 2.7343vw, 23px);
	}

	div.en-public-header-middle div.en-public-header-website-moto span.motto-btm {
		font-size: clamp(10px, 1.5625vw, 12px);
	}

	/* POSITIONING AND STYLING OF THE HAMBURGER BUTTON */
	header.en-public-header button.en-nav-menu-hamburger-button {
		background: var(--en-mobnav-color-1);
		color: #fff;
		border: none;
		border-radius: 3px;
		font-size: 42px;
		font-family: "Inter";
		padding: 0px 0px 0px 0;
		position: relative;
		left: 13.5%;
		display: inline;
		height: 50px;
		width: 50px;
		margin-top: 13.5%;
	}

	nav.en-nav button.en-mobile-nav-close-button {
		display: block;
	}

	header.en-public-header button.en-nav-menu-hamburger-button::before {
		content: "";
		position: absolute;
		background: none;
		border: 1.5px solid #fff;
		width: 95%;
		height: 95%;
		left: 1px;
		top: 1px;
		box-sizing: border-box;
		border-radius: 50px;
		right: 0;
	}

	header.en-public-header button.en-nav-menu-hamburger-button span {
		width: 27px;
		height: 2px;
		background: #fff;
		display: block;
		margin: 0 0 5px 4px;
		margin-top: 0px;
		border-radius: 50px;
	}

	header.en-public-header button.en-nav-menu-hamburger-button #first_line {
		margin-top: 8px;
	}

	#wrapper div.en-public-header-middle div.en-public-header-website-moto span.motto-top {
		color: #ffffff;
	}

	#wrapper div.en-public-header-middle div.en-public-header-website-moto span.motto-btm {
		color: #ffffff;
	}
}


@media only screen and (max-width: 480px) {
	header.en-public-header button.en-nav-menu-hamburger-button {
		width: 45px;
		height: 45px;
		border-radius: 50px;
		top: calc(50% - 22.5px);
	}

	header.en-public-header button.en-nav-menu-hamburger-button span {
		width: 23px;
	}


	div.en-public-header-middle div.en-public-header-website-moto span.motto-top {
		font-size: clamp(15px, 1.917vw, 14px);
line-height: clamp(20px, 2.7343vw, 23px);
	}

	div.en-public-header-middle div.en-public-header-website-moto span.motto-btm {
		top: 2px;
		font-size: clamp(9px, 1.5625vw, 10px);
		letter-spacing: 0.5px;
		line-height: 9px;
	}
	.en-header-popup-wrapper {
		max-width: 300px !important;
		padding: 15px !important;
	  }
}
}

@media only screen and (max-width: 400px) {
	header.en-public-header button.en-nav-menu-hamburger-button {
		width: 42px;
		height: 42px;
		border-radius: 50px;
		top: calc(50% - 21px);
	}

	header.en-public-header button.en-nav-menu-hamburger-button span {
		width: 20px;
	}

	div.en-public-header-middle div.en-public-header-website-moto {
		margin: -3px 0px 0px 7px;
	}

}

@media only screen and (max-width: 370px) {
	button.en-mobnav-button {
		background: #fff;
		color: #6e298d;
		border: none;
		border-radius: 3px;
		font-family: "Inter";
		position: relative;
		left: 0%;
		display: inline;
		font-size: clamp(20px, 6.4864vw, 24px) !important;
		margin-top: 0px;
		padding: 0 0.28em 0.1em 0.28em;
		width: 35px;
		height: 30px;
	}
}
@media only screen and (max-width: 353px){
	  div.en-public-header-middle div.en-public-header-website-moto span.motto-top {
		font-size: clamp(12px, 2.9166vw, 12px);
		line-height: 18px;
	  }
	  div.en-public-header-middle div.en-public-header-website-moto span.motto-btm {
		top: -3px;
		font-size: clamp(6px, 2.0833vw, 10px);
		letter-spacing: 0.5px;
	  }
}

@media only screen and (max-width: 767px) {


	/* insidepage */
	/* popup */
	.popup-content {
		max-width: 325px;
	}

	#search-field {
		width: 95%;
	}

	#search-img {
		margin: 10px -3px 10px 0;
	}

}

/* Index properties */
#index-top {
	position: relative;
	margin: -127px 0 0 0;
	z-index: 1;
	max-height: 713px;
	background: #fff;
}

#index-top:before {
	background: url('/pics/gradient-top.png') no-repeat center top;
	position: absolute;
	top: 0;
	content: "";
	width: 100%;
	height: clamp(300px, 20.0909vw, 221px);
	z-index: 11;
}
@media only screen and (max-width: 768px) {

#index-top{
	top: 0;
}
}
#ir7953-ir7953-slider{
	margin: 0px auto !important;
}
#wrapper-index #slideshow img,
#wrapper-index #slideshow .nivoSlider,
#wrapper-index #slideshow .nivo-slice {
	max-height: 65.9090909091vw;
	display: block;
	min-width: 100%;
	width: unset !important;
}


/* Rows WRapper */
#rows-wrapper {
	position: relative;
}

#rows-wrapper,
.rows {
	position: relative;
	width: 100%;
	/* z-index: 999; */
}
.rows-inner {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	display: grid;
}

@media only screen and (max-width: 1160px) {
	.rows-inner {
		padding-left: 45px !important;
		padding-right: 45px !important;
	}
}

@media only screen and (max-width: 480px) {
	.rows-inner {
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
}

@media only screen and (max-width: 400px) {
	.rows-inner {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
}

/* FIRST ROW :- MISSION SECTION */
#first-row{
 position: relative;
background: url(/pics/first-row-bg.png) no-repeat center bottom;
bottom: 0;
}

@media only screen and (max-width: 1200px){

	#first-row{
	 position: relative;
	background: url(/pics/first-row-bg.png) no-repeat 38% bottom;
	bottom: 0;
	}

}

@media only screen and (max-width: 1100px){

	#first-row{

	background: url(/pics/first-row-bg.png) no-repeat 35% bottom;
}

}

@media only screen and (max-width: 800px){

	#first-row {
	  position: relative;
	  background: url(/pics/first-row-bg.png) no-repeat 32% bottom;
	  background-size: 400% auto;
		}

}



#first-row-inner{
  padding: 67px 0 0px 0;
box-sizing: border-box;
position: relative;
z-index: 9999;
}

#principle_block{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.school_img p {
font-size: 18px;
letter-spacing: 0.6px;
line-height: 24px;
color: #ffffff;
font-weight: 500;
font-family: "Inter";
text-align: center;
position: relative;
z-index: 9999;
word-spacing: 0;
background: #00000001;
margin-left: 35px;
}
.school_img img{
  width: auto;
  position: relative;
left: 61px;
top: -21px;
}
.message_box{
  width: 100%;
  max-width: 931px;
  padding: 20px 0 82px 37px;
  box-sizing: border-box;
  z-index: 999;
}
.message_box h2{
 font-weight: 400;
text-align: left;
margin: 0 0 33px 2.9px;
padding: 0;
font-size: 62px;
letter-spacing: 1px;
line-height: 65px;
text-transform: uppercase;
color: #cc2a1f;
font-family: "Freshman", sans-serif;
}
.school_img h2 a span {
  margin-left: 5px;
}
.school_img h2 a {
  font-size: 33px;
line-height: 38px;
color: #ffffff !important;
font-weight: 400;
font-family: "Kaushan Script", sans-serif;
text-align: center;
position: relative;
z-index: 9999;
margin: 0px auto;
text-decoration: none;
background: #00000001;
letter-spacing: -0.2px;
}
.school_img h2 {
  margin: 215px 0px 0px 12.5px;
  width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.school_img h2 a:hover, .school_img h2 a:focus {
  text-decoration: underline;
}
.message_box p{
text-align: left;
padding: 0;
margin: 0px 0 34px 0px;
width: 100%;
max-width: 840px;
font-size: 32px;
letter-spacing: .65px;
line-height: 50px;
color: #252625;
font-weight: 400;
font-family: "Kaushan Script", sans-serif;
word-spacing: 1.1px;
position: relative;
background: #00000001;
}
.school_img h3{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 0px 0;
  padding: 0;
}
.school_img h3 a.read_more{
border: 0;
text-align: center;
text-decoration: none;
position: relative;
transition: all .5s ease-in-out;
display: flex;
z-index: 9999;
font-size: 16px;
letter-spacing: 0.4px;
line-height: 14px;
color: #ffffff !important;
font-weight: 700;
font-family: "Inter", sans-serif;
text-transform: capitalize;
background: #00000001;
padding: 0 0 0 27px;
margin: -5px auto;
} 
.school_img h3 a.read_more::before {
 content: '';
bottom: -3px;
transition: width .5s;
display: inline-block;
top: 1px;
margin-right: 14px;
width: 13px;
height: 12px;
-webkit-transform: skew(-9deg);
-moz-transform: skew(-23deg);
-o-transform: skew(-9deg);
background: #cc2a1f;
}
.school_img h3 a.read_more::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #cc1f1f;
  transition: width .5s;
}
.school_img h3 a.read_more:hover, .school_img h3 a.read_more:focus{
  color: #0f2b8d;
  padding: 0 0px 0 25px;
  text-decoration: underline;
}
.school_img h3 a.read_more:hover::before, .school_img h3 a.read_more:focus::before{
    border-radius: 11px;
  -webkit-transform: skew(0deg);
  -moz-transform: skew(0deg);
  -o-transform: skew(0deg);
  top: 3px;

}
.school_img {
 max-width: 400px;
background: url(/pics/mission-right-bg.png) no-repeat center right;
right: -74px;
position: absolute;
margin-top: 53px;
width: 100%;
height: 411px;
top: 0;
  }
  .mobile-principal {
  display: none;
}
@media only screen and (max-width: 1360px){

}
@media only screen and (max-width: 1260px){
  #first-row-inner::after {
    right: -120px;
  }
  #principle_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .school_img h2{
  	margin: 0;
  }
  .school_img h2 a {
     left: 7px;
margin-top: 211px;
font-size: clamp(23px, 2.75vw, 33px);
line-height: clamp(28px, 3.17vw, 38px);
-webkit-text-stroke: 0px;
}
.school_img h3 a.read_more {
display: block;
  width: auto;
  margin: 0px auto;
  font-size: clamp(14px, 1.33vw, 16px);
}
.school_img p {
  font-size: clamp(14px, 1.50vw, 18px);
}
  .message_box {
    padding: 25px 0 0px 35px;
  }
  .message_box p br{
    display: none;
  }
  
  .message_box{
  	max-width: 720px;
width: 100%;
margin: 0 auto;
  }
  .message_box h2{
  	text-align: center;
  }
  .message_box p{
  	text-align: center;
  }
 #principle_block{
	display: block;
}
 .school_img::after {
  display: none;
}
.school_img {
  padding: 0px 0 0 0px;
box-sizing: border-box;
text-align: center;
display: block;
width: 100%;
max-width: unset;
min-height: 460px;
position: relative;
background: url(/pics/mission-right-bg.png) no-repeat center top;
margin-top: 0;
right: 0;
}
}
@media only screen and (max-width: 1160px){

}
@media only screen and (max-width: 990px) {

.message_box {
  max-width: 100%;
}
}

@media only screen and (max-width: 700px) {
  .message_box h2{
    font-size: clamp(40px, 5.05vw, 50px);
    line-height:clamp(40px, 6.29vw, 44px);
    margin: 0 0 30px -1px;
  }
  .message_box p {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 30px 0px;
  }
  .message_box h3 span {
    font-size: 22px;
    line-height: 20px;
    margin: 1px 0px 0 0;
  }
}
@media only screen and (max-width: 560px) {
  #principle_block {
    display: block;
  }
  .school_img {
    width: 100%;
    background-size: contain;
  }
  .message_box {
    padding: 0px 0 0px 0px;
  }
  .left_block {
  margin-bottom: 20px!important;
}
}
@media only screen and (max-width: 450px) {

}
@media only screen and (max-width: 400px) {
  
  .message_box h3 {
    display: block;
  }
  .school_img h2 a{
  	margin-top: 171px;
  	left:5px;
  }
  .message_box h3 span {
    font-size: 22px;
    line-height: 20px;
    margin: 50px 0px 0 0;
  }

.school_img h3{
  position: relative;
  left: -8px;
}
  .message_box p {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 20px 0px;
  }
}
@media only screen and (max-width: 340px) {
	 .school_img h2 a{
  	margin-top: 140px;
  	left:5px;
  }
}
/*Second row*/
#second-row {
  background: url('/pics/second-row-bg.png') center repeat-y #00204d;
}
#second-row-inner {
display: flex;
align-items: flex-start;
padding: 72px 0 29px;
}
.left_block {
  width: 379px;
  position: relative;
  margin-left: 165px;
}
.right_block {
  max-width: 656px;
  width: 100%;
  z-index: 0;
}
/* News */
#news {
  width: 100%;
  position: relative;
}

#news-head {
margin: 0 0 34px -7px;
position: relative;
left: 0;
}
.homepage-news.layout-3 {
  padding-bottom: 12px;
}
#news-head a {
text-decoration: none;
margin: 0px 0 0 0px;
display: inline-block;
letter-spacing: 0px;
text-align: left;
font-size: 46px !important;
line-height: 50px;
color: #ffffff;
font-weight: 400;
font-family: "Kaushan Script", sans-serif;
background: #00000001;
}
#news #news-link {
  position: absolute;
  padding: 0;
  margin: 0;
  right: -2px;
  top: 52px;
}

#news #news-link a {
  position: relative;
  text-decoration: none;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

#news #news-link a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #0b173d;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

#news #news-link a:hover:after,
#news #news-link a:focus::after {
  width: 100%;
  left: 0;
}

#news #news-link a:hover,
#news #news-link a:focus {
  color: #051035;
}

#news .homepage-news {
  position: relative;
  left: 0px;
}

#news .homepage-news h2 {
  display: none;
}
#CACOCS-0-news .bx-wrapper{
	margin: 0;
}
#news .bx-wrapper .bx-viewport {
  background: none;
  box-shadow: none;
  border: 0;
  height: auto !important;
}
#news .homepage-news ul {
position: relative;
padding: 0;
margin: 0 0 0 2px;
display: flex;
flex-direction: row;
justify-content: left;
flex-wrap: wrap;
}

#news .homepage-news li {
position: relative;
padding: 0;
list-style: none;
background-color: #fff;
box-sizing: border-box;
background: none;
border: none;
margin: 0 0px 20px 0 !important;
min-height: 170px !important;
box-sizing: border-box;
width: 100% !important;
float: none !important;
display: flex;
}
#news .homepage-news li::after {
  content: "";
background: url(/pics/border.png) no-repeat center left;
position: absolute;
height: 2px;
width: 100%;
bottom: 0px;
}
#news .homepage-news .bx-wrapper .bx-controls-direction a {
  display: none;
}
#news .homepage-news li:nth-child(2n+2) {
  margin-right: 0 !important;
}
#news .homepage-news .news-thumb {
width: 150px !important;
position: relative;
display: flex;
background: #0000;
align-items: center;
}

#news .homepage-news .news-thumb a {
width: 147px;
height: 132px;
display: block;
position: relative;
top: -20px;
}

#news .homepage-news .news-wrap {
position: relative;
padding: 5px 0px 0px 30px;
box-sizing: border-box;
z-index: 1;
bottom: 0;
width: 510px;
box-sizing: border-box;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#news .homepage-news .news-thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
#news .homepage-news .news-title {
  position: relative;
  display: flex;
  text-align: left;
  padding: 0;
  margin: 0;
}

#news .homepage-news .news-title a {
text-align: left;
text-decoration: none;
margin: 0px 0 12px -4px;
font-size: 18px;
letter-spacing: 1px;
line-height: 26px;
color: #ffffff;
font-weight: 500;
font-family: "Inter", sans-serif;
 background: #00000001;
}

#news .homepage-news .news-title a:hover,
#news .homepage-news .news-title a:focus {
  text-decoration: underline;
}

#news .homepage-news .news-text {
text-align: left;
margin-left: -2px;
font-size: 17px;
letter-spacing: .80px;
line-height: 27px;
color: #ffffff;
font-weight: 400;
font-family: "Source Sans Pro", sans-serif;
background: #00000001;
}

.news-showAll{
position: relative;
top: -10px;
right: -26px;
display: block !important;
}
.news-showAll a{
text-align: left;
text-decoration: none;
position: relative;
display: inline-block;
font-size: 16px;
letter-spacing: 0.4px;
line-height: 18px;
color: #ffffff;
font-weight: 700;
font-family: "Inter", sans-serif;
transition: all .5s ease-in-out;
background: #00000001;
}
#news .homepage-news li:last-child::after {
  background: none;
}
.news-showAll a::before{
content: '';
bottom: -3px;
transition: width .5s;
position: absolute;
top: 4px;
left: -28px;
width: 13px;
height: 12px;
-webkit-transform: skew(-9deg);
-moz-transform: skew(-23deg);
-o-transform: skew(-9deg);
background: #cc2a1f;
}
.news-showAll a:hover::before, .news-showAll a:focus::before{
border-radius: 11px;
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-o-transform: skew(0deg);
top: 3px;
}
.news-showAll a:hover,
.news-showAll a:focus{
	padding: 0 0px 0 5px;
  text-decoration: underline;
}


/* Events */
section#events {
width: 100%;
float: none;
padding: 0 0 0 0px;
box-sizing: border-box;
max-width: 449px;
position: relative;
margin: 0;
}
#events-page section#events {
  width: 100%;
}
section#events #hp-events #events {
margin: 0 0 52px 6px;
padding: 0 0px 0 0;
box-sizing: border-box;
background: #ffffff;
}
#hp-events {
  padding: 0;
}
.dayeventwrap{
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}
#events ul li {
  margin: 0 0 0px 0 !important;
  position: relative;
  list-style: none;
}
#events h2 {
  margin: 0 0 34px -3px;
}
#events h2 a {
letter-spacing: 0px;
text-align: left;
text-decoration: none;
margin: 0px 0 0 0px;
display: inline-block;
font-size: 46px;
line-height: 50px;
color: #ffffff;
font-weight: 400;
font-family: "Kaushan Script",sans-serif;
background: #00000001;
}
#events #hp-events .v3 .dayInfoWrap {
width: 116px;
min-height: 101px;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0px 0 0 0;
background: url(/pics/date_pattern.png) no-repeat top left;
border-radius: 0 !important;
float: left;
z-index: 9999;
position: relative;
top: 40px;
left: 17px;
}
#hp-events .hpeventlinks div {
  margin: 0 !important;
}
#events #hp-events .v3 span.month {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
margin: 9px 0 0 2px;
font-size: 18px;
letter-spacing: 1px;
line-height: 39px;
text-transform: uppercase;
color: #002a66;
font-weight: 700;
font-family: "Inter", sans-serif;
text-align: center;
-webkit-text-stroke: 0px #fff;
text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
}
#events #hp-events .v3 span.day {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
line-height: 0px;
letter-spacing: 1px;
margin: 8px 0 0 2px;
font-size: 36px;
text-transform: uppercase;
color: #002a66;
font-weight: 700;
font-family: "Inter", sans-serif;
text-align: center;
text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
}
#events #hp-events .v3 ul {
margin-bottom: 0;
position: relative;
min-height: 118px !important;
margin-top: 0;
z-index: 999;
padding: 36px 32px 16px 150px;
border-bottom: 1px solid #f2f2f2;
box-shadow: 1px 22px 22px #f2f2f2 inset;
}
#events #hp-events ul li.event div {
	text-align: left;
text-decoration: none;
transition: 0.5s all ease-in-out;
margin: 0 0 0px 0;
font-size: 18px;
letter-spacing: 1px;
line-height: 23px;
color: #002a66;
font-weight: 500;
font-family: "Inter", sans-serif;
margin-bottom: 0 !important;
position: relative;
}
#events #hp-events ul li.event div span {
  letter-spacing: 0.1px;
text-align: left;
margin-bottom: 0 !important;
position: relative;
font-size: 16px;
line-height: 22px;
color: #262626;
font-weight: 400;
font-family: "Source Sans Pro", sans-serif;
top: 8px;
}
#events #hp-events ul li.event div.location {
  margin-bottom: 0 !important;
  position: relative;
  font-size: 16px;
  line-height: 23px;
  color: #262626;
  font-weight: 400;
  font-family: "Source Sans Pro", sans-serif;
  top: 6px;
  letter-spacing: 0px;
}
#events #hp-events ul li.event div a {
text-align: left;
text-decoration: none;
transition: 0.5s all ease-in-out;
display: inline-block;
margin: 0 0 0px 0;
font-size: 18px;
letter-spacing: 0.9px;
line-height: 23px;
color: #002a66;
font-weight: 500;
font-family: "Inter", sans-serif;
}
#events #hp-events ul li.event div a:hover,
#events #hp-events ul li.event div a :focus {
  text-decoration: underline;
}
#hp-events ul li.event div.title {
  margin-bottom: 0px !important;
}
#events-page #events.v1 .event .location {
  top: -5px;
}
#events-page #events .event .title a,
#events-page #events.v1 .event span.location {
  float: left;
}
#events-page #events.v1 .dayeventwrap {
  padding: 0 0 15px;
}
#events-page #events .dayeventwrap:nth-child(3){
  top: -4px;
}
#wrapper-index #events .time span:first-child,
#wrapper-index #events .location span:first-child {
  display: none;
}
#hp-events .hpeventlinks {
margin-left: 33px !important;
position: relative;
top: 1px
}
#wrapper-index #events .hpeventlinks div a[target] {
  margin: 0 67px 16px 0;
}
#wrapper-index #events .hpeventlinks div:last-child a {
  margin-left: 2px;
}
#events #hp-events .hpeventlinks div a{
float: left;
text-align: left;
text-decoration: none;
position: relative;
display: inline-block;
font-size: 16px;
letter-spacing: 0.4px;
line-height: 18px;
color: #ffffff;
font-weight: 700;
font-family: "Inter", sans-serif;
transition: all .5s ease-in-out;
let: 30px;
background: #00000001;
}
#events #hp-events .hpeventlinks div a::before{
content: '';
bottom: -3px;
transition: width .5s;
position: absolute;
top: 1px;
left: -28px;
width: 13px;
height: 12px;
-webkit-transform: skew(-9deg);
-moz-transform: skew(-23deg);
-o-transform: skew(-9deg);
background: #cc2a1f;
}
#wrapper-index #events .hpeventlinks div a:hover,
#wrapper-index #events .hpeventlinks div a:focus{
text-decoration: underline;
}
#events #hp-events .hpeventlinks div a:hover::before, #events #hp-events .hpeventlinks div a:focus::before{
	border-radius: 11px;
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-o-transform: skew(0deg);
top: 3px;
}

#events #hp-events .hpeventlinks div a:hover, #events #hp-events .hpeventlinks div a:focus{
padding: 0 0px 0 5px;
text-decoration: underline;
}
#sd-arrow, #wrapper .location{
  background: rgb(0, 0, 0, 0.01) !important;
}
#hp-events .v3 ul li {
  margin-bottom: 16px !important;
}
@media screen and (max-width:1260px){
	#second-row{
		background: #002a66;
	}
.left_block {
  max-width: 728px;
  position: relative;
  width: 100%;
  margin-left: 98px;
}
.right_block {
  max-width: 550px;
  width: 100%;
  z-index: 0;
}
}
@media screen and (max-width:1160px){
.left_block {
  max-width: 728px;
  position: relative;
  width: 100%;
  margin-left: 98px;
}
.right_block {
  max-width: 550px;
  width: 100%;
  z-index: 0;
}
#news .homepage-news li{
	width: 100% !important;
}
}
@media screen and (max-width:1100px){
#second-row-inner {
  align-items: center;
  flex-direction: column;
}
.left_block {
  max-width: 543px;
  width: 100%;
  margin-bottom: 170px;
  margin-left: 0px;
}
.right_block {
  margin-left: 0;
}
}
@media screen and (max-width:1099px){
  #news .homepage-news .news-wrap {
padding: 5px 0px 0px 15px;
max-width: 400px;
width: 100%;
  }
  #news .homepage-news .news-text {
    font-size: 15px;
    line-height: 20px;
  }

  section#events #hp-events #events {
    margin: 0 0 50px 0;
  }
  #events #hp-events .v3 ul {
    padding-left: 84px;
    padding-right: 10px
  }
  #events #hp-events ul li.event div {
    font-size: 13px;
    line-height: 21px;
    top: 0;
  }
 /* #hp-events .hpeventlinks {
    bottom: -33px;
  }*/
.left_block {
  margin-bottom: 56px;
}

#events #hp-events .v3 .dayInfoWrap{
	top: 28px;
left: 5px;
}
}
@media screen and (max-width:566px){
#news .homepage-news .news-wrap {
  max-width: 350px;
}
}
@media screen and (max-width:520px){
  #news-head a{
    line-height: 30px;
  }
  #news .homepage-news .news-wrap {
  max-width: 230px;
}
}
  @media screen and (max-width:450px){
  #news .homepage-news .news-thumb{
	width: 102px!important;
}
}
@media screen and (max-width:390px){
#news .homepage-news .news-wrap {
  max-width: 210px;
}

  }

@media screen and (max-width:370px){

#news-head {
  margin: 0 0 53px 2px;
}
#news .homepage-news .news-wrap {
 max-width: 170px;
}
}

/* THIRD ROW :- INTRO AND QUICK LINKS SECTION */
#third-row{
  position: relative;
background: url(/pics/box-bg.png)no-repeat center 49% #fff;
}
#third-row-inner{
  box-sizing: border-box;
  padding: 89px 0 100px 0;
}
#myCardSlider {
   width: 1200px;
margin: 0 auto;
position: relative;
top: 110px;
}
#myCardSlider > div.en-card-slider-inner-container{
	transition: all 0.5s ease-in-out;
}
#myCardSlider > div.en-card-slider-inner-container > div a{
width: 240px;
height: 240px;
display: flex;
min-height: 240px;
text-decoration: none;
text-align: left;
justify-content: flex-end;
align-items: flex-end;
background-color: #fff;
transition: all 0.5s ease-in-out;
position: relative;
padding: 15px 38px 35px 40px;
box-sizing: border-box;
box-shadow: 0px 15px 30px 0 rgba(0, 0, 0, 0.1);
font-size: 17px;
letter-spacing: 0px;
line-height: 25px;
color: #262626;
font-weight: 500;
font-family: "Inter", sans-serif;
border: 1px solid #e6e6e6;
}
#myCardSlider > div.en-card-slider-inner-container > div a:hover{
	color: #002a66;
}
#myCardSlider > div.en-card-slider-inner-container > div a:hover,
#myCardSlider > div.en-card-slider-inner-container > div a:focus{
	border: 1px solid #002a66;
}
#myCardSlider > div.en-card-slider-inner-container > div a:hover::after,
#myCardSlider > div.en-card-slider-inner-container > div a:focus::after
{
	background: #cc2a1f !important;
	}
#myCardSlider > div.en-card-slider-inner-container > div a::after
{
content: '';
position: absolute;
left: 39px;
top: 40px;
margin: 0 auto;
width: 13px;
height: 12px;
-webkit-transform: skew(-9deg);
-moz-transform: skew(-23deg);
-o-transform: skew(-9deg);
background: #d9d9d9;
}
#myCardSlider > div.control-buttons {
    margin: 20px auto;
    display: flex;
    width: min-content;
    gap: 20px;
}

.myslider-prev-button {
padding: 0;
border-radius: 0;
text-indent: -9999px;
width: 29px;
height: 47px;
background: url('/pics/left-arrow.png') no-repeat center left;
left: 0px;
top: 1px;
border: none;
transform: rotate(180deg);
position: relative;
}
.myslider-next-button {
  border-radius: 0;
  text-indent: -9999px;
  width: 29px;
  height: 47px;
  background: url('/pics/left-arrow.png') no-repeat center left;
  left: 0px;
  top: 1px;
  border: none;
}
/*.myslider-prev-button:hover{
    background: url('/pics/left-arrow.png') no-repeat -29px 2px;
left: -2px;
}
.myslider-prev-button:focus{
    background: url('/pics/left-arrow.png') no-repeat -58px 2px;
width: 32px;
}
.myslider-next-button:hover{
	 background:  url('/pics/left-arrow.png') no-repeat center left;
} 
.myslider-next-button:focus{
 background:  url('/pics/left-arrow.png') no-repeat center left;
}*/
#myCardSlider > div.control-buttons button.en-card-slider-button-disabled {
    opacity: 0.5;
    cursor: auto;
}
@media only screen and (max-width: 1200px) {
#myCardSlider > div.en-card-slider-inner-container > div a {
  width: 24.88vw;
}
#myCardSlider {
  width: 100%;
  }
}
@media only screen and (max-width: 900px) {

    #myCardSlider {
        width: 100%;
        top:20px;
    }
   #myCardSlider > div.en-card-slider-inner-container > div a {
  width:  32.88vw;
  margin: 0px auto;
padding: 15px 20px 35px 20px;
}

}


@media screen and (max-width: 504px) {
#myCardSlider {
  max-width: 467px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 0px;
}
#myCardSlider div.en-card-slider-inner-container > div a{
  width: 100%;
}
  }
@media screen and (max-width: 360px) {
    #myCardSlider {
        width: 100%;
    }
#myCardSlider div.en-card-slider-inner-container > div a {
  width: 233px;
}
}
.section-title h2 {
  font-size: clamp(35px, 2.44vw, 62px);
letter-spacing: -1px;
line-height: clamp(40px, 6.67vw, 80px);
text-transform: uppercase;
color: #cc2a1f;
font-family: "Freshman", sans-serif;
text-align: center;
word-spacing: 4px;
}

@media screen and (max-width:1200px){
	.quicklinks ul li{
  width: clamp(126px, 32.66vw, 233px);
}
}
@media screen and (max-width:1099px){
	.quicklinks ul li:nth-child(2){
	top: 0px;
position: relative;
}
.quicklinks ul li:nth-child(4){
	top: 0px;
position: relative;
}
  
  .quicklinks {
    width: 100%;
    min-width: unset;
    max-width: unset;
  }
  .quicklinks ul {
    justify-content: center;
  }
  .quicklinks ul li{
    margin: 0 10px 20px 10px;
    width: clamp(135px, 36.66vw, 238px);
  }
  .quicklinks ul li a{
    width: calc(100% - 0px);
  }
}
@media screen and (max-width:768px){
.quicklinks{
	top: 20px;
}
.quicklinks ul li{
width:clamp(135px, 30.99vw, 238px);
}
#third-row{
	background: none;
}
#third-row-inner{
	padding: 60px 0 0px 0;
}
}
@media screen and (max-width:429px){
  .quicklinks ul li {
    min-height: 160px;
    margin: 0 7.5px 15px 7.5px;
  }
  .quicklinks ul li a {
    width: calc(100% - 0px);
    min-height: 160px;
    font-size: 14.5px;
    line-height: 16px;
    padding: 20px 20px;
  }
}

/* FOURTH ROW : FEATURED MEDIA */

#fourth-row {
	background: #ffffff;
}

#fourth-row-inner {
	padding: 39px 0 101px;
	max-width: 1200px !important;
}

#fourth-row-wrapper {
	position: relative;
	display: grid;
	grid-template-columns: 520px 630px;
	grid-template-rows: auto;
	grid-column-gap: 50px;
}

#fourth-row-wrapper #left-col {
	position: relative;
	grid-column: 1/2;
	grid-row: 1;
	display: flex;
}

#fourth-row-wrapper #right-col {
	position: relative;
	grid-column: 2/3;
	grid-row: 1;
	display: flex;
}

.album-header-container {
	position: relative;
	width: 190px;
	height: 100%;
	background: #002a66;
}

/* Featured Photo Album */
#album-sec {
	width: 330px;
}

#album-sec .HPFeaturedAlbums {
	margin-bottom: 0px;
	position: inherit;
}

#album-sec .HPFeaturedAlbums h2 {
	width: 85px;
height: auto;
text-decoration: none;
margin: 0px 0 30px;
padding: 0;
display: inline-block;
letter-spacing: 0px;
position: absolute;
left: 9.9%;
top: 12.9%;
font-size: 32px;
line-height: 40px;
color: #ffffff;
font-weight: 400;
font-family: "Kaushan Script", sans-serif;
text-align: center;
background: #00000001;
}

#album-sec .HPFeaturedAlbums .featuredAlbums {
	position: relative;
	margin-top: 0;
}

#album-sec .HPFeaturedAlbums ul {
	margin-top: 0;
}

#album-sec .HPFeaturedAlbums ul li {
	margin-bottom: 0px;
	border: 0;
	box-shadow: none !important;
}

#album-sec .HPFeaturedAlbums ul li:before {
	border: 1px solid #0000001f;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	z-index: 1;
}

#album-sec .HPFeaturedAlbums ul li h3 {
	background: none;
text-shadow: none;
position: absolute;
text-align: center;
padding: 0px 0 0 0px;
overflow: visible;
left: -147px;
width: 105px;
bottom: 45px;
}

#album-sec .HPFeaturedAlbums ul li h3 span {
	  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 0 0px;
  width: 100%;
  font-size: 17px;
  letter-spacing: 0px;
  line-height: 23px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  text-align: center;
  background: #00000001;
}

.album-col .HPFeaturedAlbums ul li {
	padding: 0;
	border: 0;
	box-shadow: none;
	overflow: visible;
	position: relative;
	margin: 0px !important;
	background: #fff;
	float: left;
	position: relative;
}


.video-header-container {
	position: relative;
	width: 190px;
	height: 100%;
	background: #002a66;
}

/* Featured Video */
#video-sec {
	width: 440px;
}

.HPVideo {
	margin-bottom: 0px;
	position: inherit;
}
video{
	width: 100%;
}
.HPVideo h2 {
	display: inline-block;
margin: -9px 0 25px -13px;
padding: 5px 0 0 11px;
position: absolute;
left: 8%;
top: 14%;
text-align: center;
}

.HPVideo h2 a {
	width: auto;
height: auto;
text-decoration: none;
display: inline-block;
letter-spacing: 0px;
font-size: 32px;
line-height: 40px;
color: #ffffff;
font-weight: 400;
font-family: "Kaushan Script", sans-serif;
text-align: center;
background: #00000001;
}

.HPVideo .videowrapper {
	position: relative;
	margin-top: 0;
	box-shadow: none !important;
}

.HPVideo p {
	max-width: 100%;
margin: 0;
position: absolute;
overflow: hidden;
bottom: 47px;
left: -156.5px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
max-height: 45px;
text-align: center;
width: 122px;
color: #fff;
background: #00000001;
}

.HPVideo p a {
text-decoration: none;
margin: 0px 0 0 0px;
font-size: 17px;
letter-spacing: 0.4px;
line-height: 23px;
color: #ffffff;
font-weight: 500;
font-family: "Inter", sans-serif;
text-align: center;
}

#video_player1 {
	position: relative;
}

#video_player1::before {
	width: 100%;
	height: 1px;
	background: #0000001f;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
}

#video_player1::after {
	width: 100%;
	height: 1px;
	background: #0000001f;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
}

#video-sec .videowrapper::before {
	width: 1px;
	height: 100%;
	background: #0000001f;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	z-index: 1;
}

#video-sec .videowrapper::after {
	width: 1px;
	height: 100%;
	background: #0000001f;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
}

.HPFeaturedAlbums li {
	overflow: visible !important;
}

.HPVideo {
	margin-bottom: 0px;
}

.HPVideo p {
	padding: 0;
	margin: 0;
}


@media only screen and (max-width: 1260px) {
	#fourth-row-wrapper {
		grid-template-columns: clamp(400px, 41.2698vw, 520px) clamp(510px, 50vw, 630px);
		grid-template-rows: auto;
		grid-column-gap: 25px;
	}

	#album-sec {
		width: clamp(250px, 15.0793vw, 330px);
	}

	#album-sec .HPFeaturedAlbums ul li {
		width: clamp(250px, 26.1904vw, 330px) !important;
		height: clamp(250px, 26.1904vw, 330px) !important;
	}

	#album-sec .HPFeaturedAlbums ul li img {
		width: 100%;
		height: 100%;
	}

	.album-header-container {
		width: clamp(150px, 15.0793vw, 190px);
	}

	#album-sec .HPFeaturedAlbums ul li h3 {
		width: 120px;
		left: -160px;
	}

	#album-sec .HPFeaturedAlbums h2 {
		left: 4.9%;
		top: 11.9%;
	}

	.video-header-container {
		width: clamp(150px, 15.0793vw, 190px);
	}

	#video_player1 {
		width: clamp(350px, 34.9206vw, 440px) !important;
		height: clamp(250px, 26.1904vw, 330px) !important;
	}

	#video-sec {
		width: clamp(350px, 34.9206vw, 440px) !important;
	}

	.HPVideo p {
		width: 120px;
		left: -153.5px;
	}
}

@media only screen and (max-width: 1100px) {
	#album-sec .HPFeaturedAlbums ul li h3 {
		width: 120px;
		left: -145px;
	}

	.HPVideo h2 {
		left: 3.5%;
		top: 16%;
	}

	.HPVideo p {
		width: 120px;
		left: -145px;
	}
}

@media only screen and (max-width: 992px) {
	#fourth-row-wrapper {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		grid-column-gap: 0px;
		grid-row-gap: 30px;
	}

	#fourth-row-wrapper #left-col {
		grid-column: 1/2;
		grid-row: 1;
		margin: 0px auto;
	}

	#fourth-row-wrapper #right-col {
		grid-column: 1/2;
		grid-row: 2;
		margin: 0px auto;
	}

	.album-header-container {
		width: 190px;
	}

	#album-sec {
		width: 330px;
	}

	#album-sec .HPFeaturedAlbums ul li {
		width: 330px !important;
		height: 330px !important;
	}

	#album-sec .HPFeaturedAlbums ul li h3 {
		width: 190px;
		left: -190px;
	}

	.video-header-container {
		width: 190px;
	}

	#video-sec {
		width: 440px !important;
	}

	#video_player1 {
		width: 440px !important;
		height: 330px !important;
	}

	.HPVideo p {
		left: -189.5px;
		width: 190px;
	}
}

@media only screen and (max-width: 768px) {

	#fourth-row-wrapper #left-col {
		flex-direction: column;
	}
#fourth-row-inner {
  padding: 39px 0 60px;
}
	.album-header-container {
		width: 100%;
		height: 90px;
		background-size: cover;
	}

	#album-sec .HPFeaturedAlbums h2 {
		left: 0px;
		top: 0px;
		width: 100%;
		margin: 15px 0px 10px 0px;
	}

	#album-sec .HPFeaturedAlbums h2 br {
		display: none !important;
	}

	#album-sec .HPFeaturedAlbums ul li h3 {
		width: 100%;
		left: 0px;
		bottom: inherit;
		top: -40px;
		padding: 0px 15px;
		box-sizing: border-box;
	}

	#fourth-row-wrapper #right-col {
		flex-direction: column;
	}

	.video-header-container {
		width: 100%;
		height: 90px;
		background-size: cover;
	}

	.HPVideo h2 {
		left: 0px;
		top: 0px;
		width: 100%;
		margin: 15px 0px 10px 0px;
	}

	.HPVideo h2 br {
		display: none !important;
	}

	.HPVideo h2 a {
		padding: 0px;
	}

	.HPVideo p {
		width: 100%;
		left: 0px;
		bottom: inherit;
		top: -40px;
		padding: 0px 15px;
		box-sizing: border-box;
	}

	#video-sec {
		width: 330px !important;
	}

	#video_player1 {
		width: 330px !important;
		height: 330px !important;
	}
}

@media only screen and (max-width: 420px) {
	#video-sec {
		width: clamp(280px, 78.5714vw, 330px) !important;
	}

	#video_player1 {
		width: clamp(280px, 78.5714vw, 330px) !important;
		height: 330px !important;
	}

	#album-sec {
		width: clamp(280px, 78.5714vw, 330px) !important;
	}

	#album-sec .HPFeaturedAlbums ul li {
		width: clamp(280px, 78.5714vw, 330px) !important;
		height: clamp(250px, 26.1904vw, 330px) !important;
	}

	#album-sec .HPFeaturedAlbums ul li h3 span,
	.HPVideo p a {
		font-size: clamp(16px, 4.5238vw, 19px);
		line-height: clamp(20px, 5.4761vw, 23px);
	}
}
/*Footer*/
#wrapper .footer {
  position: absolute;
  bottom: 0;
}
.footer {
  background: url('/pics/top_rope.png') center bottom no-repeat #002965;
position: relative;
width: 100%;
}
.footer-top {
  border-bottom: 3px solid #ff311b;
}
.footer .en-container {
  height: auto !important;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.footer_top {
  width: 100%;
  min-height: 180px;
  background: #fff;
}
.footer .footer-top .en-container {
 min-height: 41px;
display: flex;
align-items: center;
justify-content: space-between;
height: 135px !important;
}

.footer-logo {
  position: relative;
  left: -26px;
}
.footer-logo img {

  height: auto;
}
.address {
display: flex;
align-items: center;
margin: -1px 0 0 -98px;
}
#address-right {
  left: 26px;
  position: relative;
  letter-spacing: 0.4px;
  line-height: 25px;
}
.address a {
 text-decoration: none;
font-size: 17px;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
font-family: "Source Sans Pro", sans-serif;
}
#footer-right a > img {
  width: 100%;
  height: auto;
}
#footer-right {
  display: block;
  align-items: center;
  gap: 50px;
  position: relative;
  top: 0px;
  left: 3px;
}
.cognia_logo {
width: clamp(90px, 10.00vw, 120px);
height: clamp(90px, 10.00vw, 120px);
display: inline-block;
position: relative;
top: 1px;
}
.district_logo {
  width: clamp(130px, 13.25vw, 159px);
  display: inline-block;
  height: auto;
}
.footer-txt.foot-top-icon::before {
  content: "";
  background: url(/pics/white-arrow-icon.png) no-repeat center left;
  width: 16px;
  height: 10px;
  display: inline-block;
  top: 31px;
}
.footer-txt.foot-top-icon a {
  text-decoration: none;
  color: #ffffff;
  line-height: 23px;
}

.footer-txt.foot-top-icon a:hover, .footer-txt.foot-top-icon a:focus{
 text-decoration: none;
color: #ffffff;
border-bottom: 1px solid #ffffff;
}
.footer-txt.foot-icon::before {
  content: "";
  background: url(/pics/arrow-icon.png) no-repeat center left;
  width: 16px;
  height: 10px;
  display: inline-block;
  top: 31px;
}
.footer-txt.foot-icon a {
  text-decoration: none;
  color: #404040;
}
.footer-txt.foot-icon a:hover, .footer-txt.foot-icon a:focus{
 text-decoration: none;
color: #002965;
border-bottom: 1px solid #404040;
}
.footer-center {
  background: #f2f2f2;
}
.footer .footer-name {
text-align: left;
font-weight: 500;
text-decoration: none;
font-size: 26px;
letter-spacing: 0.6px;
line-height: 32px;
text-transform: uppercase;
color: #ffffff;
font-family: "Freshman", sans-serif;
left: -95px;
position: relative;
}
.footer-txt a {
  text-decoration: none;
  color: #002965;
}
.footer-txt a:hover, .footer-txt :focus {
  text-decoration: underline;
}
.footer .footer-center .en-container {
min-height: 40px;
display: flex;
align-items: flex-start;
gap: 71px;
padding: 18px 0 15px 0px;
}
.footer-txt {
margin: 0;
font-size: 15px;
letter-spacing: 0.1px;
line-height: clamp(18px, 0.43vw, 11px);
color: #404040;
font-weight: 400;
font-family: "Source Sans Pro", sans-serif;
word-spacing: 1.5px;
}

a.footer-mail {
  text-decoration: underline;
}

a.footer-mail:hover,a.footer-mail:focus {text-decoration: none;}
.footer_copywrite.footer-txt {
  margin-bottom: 5px;
font-size: 15px;
letter-spacing: 0.29px;
line-height: 19px;
color: #002a66;
font-weight: 500;
font-family: "Inter", sans-serif;
}
.footer-center_right .footer-txt:first-child {
  margin-bottom: 6px;
}
.footer-center_right .footer-txt:last-child {
  margin-top: 6px;
}
.footer-bottom {
  background: #ffffff;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.edunet {
  width: 179px;
height: 22px;
display: block;
color: #fff !important;
position: relative;
}

.edunet img {
  width: 100%;
  height: 100%;
}



 @media only screen and (max-width: 1200px){
  .footer .footer-top .en-container {
  padding: 0 15px;
}
.footer .en-container {
  padding: 23px 35px !important;
}
.footer .footer-name{
	left: 0;
}
.address {
margin:  0 0 0;
}
.footer .footer-top .en-container{
	height: auto!important;
}
.footer .footer-center .en-container {
  padding: 25px 24px 25px;
  gap: 40px;
}
.footer .footer-center .en-container > div > p > br {
  display: none;
}
.footer-center_left, .footer-center_right {
  width: 50%;
}
}
 @media only screen and (max-width: 1100px){

  .footer .footer-top .en-container {
  justify-content: center;
  flex-flow: wrap;
  padding: 30px 20px;
}
.address {
gap: 15px;
padding: 20px 40px;
flex-wrap: wrap;
justify-content: center;
text-align: center;
margin: 0;
}
.footer .footer-center .en-container {
align-items: center;
gap: 30px;
padding: 25px 10px 25px;
flex-flow: wrap;
justify-content: center;
}
.footer-center_left, .footer-center_right {
  width: 95%;
}
.footer .footer-name{
	left: 20px;
}
}
 @media only screen and (max-width: 800px){
#wrapper .footer {
  position: relative;
  bottom: 0;
}
#wrapper .content {
  position: relative;
  padding: 0 0 260px;
}
 }
 @media only screen and (max-width: 768px){

 .footer-logo{
 	padding-bottom: 25px;
 	left: 0;
 }
 .footer .footer-name {
  font-size: 18px;
}
}