:root{
	--colorBlue: #0A3370;
	--colorBlueBg: #002b4f;
	--colorBlueDark: #00245A;
	--colorBlueLight: #CACCDE;
	--colorGold: #D0AD67;
	--colorGoldDark: #C5A462;
	--colorGoldDarkest: #A88E54;
	--colorGoldLight: #F0E5D1;
	--colorGoldPale: #faf6ef;
	--colorBlack: #231F20;
	--fontHeading: 'Cormorant Garamond', Times, Georgia, serif;
	--fontBody: 'p22_undergroundlight', Verdana, Arial, Helvetica, sans-serif;
	--fontBodyBold: 'p22_undergrounddemi', Verdana, Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: 'p22';
    src: url('../fonts/p22-webfont.woff2') format('woff2'),
         url('../fonts/p22-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'p22_book';
    src: url('../fonts/p22-book.woff2') format('woff2'),
         url('../fonts/p22-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'p22_thin';
    src: url('../fonts/p22-thin.woff2') format('woff2'),
         url('../fonts/p22-thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'p22_bold';
    src: url('../fonts/p22-heavy.woff2') format('woff2'),
         url('../fonts/p22-heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'p22_undergroundlight';
    src: url('../fonts/p22underground-light-webfont.woff2') format('woff2'),
         url('../fonts/p22underground-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'p22_undergrounddemi';
    src: url('../fonts/p22underground-demi-webfont.woff2') format('woff2'),
         url('../fonts/p22underground-demi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'p22_undergroundmedium';
    src: url('../fonts/p22underground-medium-webfont.woff2') format('woff2'),
         url('../fonts/p22underground-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'p22_undergroundThsmallcaps';
    src: url('../fonts/p22underground-ths-webfont.woff2') format('woff2'),
         url('../fonts/p22underground-ths-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
    overflow: auto;
}


*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	will-change: auto;
}
html,body{
	position: relative;
	width: 100%;
	min-height: 100vh;
	background-color: var(--colorBlueBg);
	color: #FFF;
	font-family: var(--fontBody);
	font-weight: 400;
	font-size: 16px;
}
h1,h2,h3,h4,h5,h6,
.uk-h1,.uk-h2,.uk-h3,
.uk-h4,.uk-h5,.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-xlarge,
.uk-heading-2xlarge,
.uk-heading-line,
.uk-heading-bullet,
.uk-heading-divider{
	font-family: var(--fontHeading);
	font-weight: bold;
}
a,a:hover,a:focus{
	color: inherit;
	text-decoration: none;
}
em{
    color: var(--colorGoldDark);
}
.bg-pale{
	background-color: var(--colorGoldPale);
}
.bg-light-blue{
	background-color: var(--colorBlueBg);
}
b,strong{
    font-family: var(--fontBodyBold);
    font-weight: normal;
}
#header,
.sticky-logo{
	position: fixed;
	opacity: 0;
	z-index: 22;
}
#header{
	padding-top: 30px;
	padding-bottom: 30px;
	top: 0;
	left: 0;
	right: 0;
	/*mix-blend-mode: difference;*/
}
#header.internal{
	background: #fff;
	mix-blend-mode: normal;
}
#header.blur{
	backdrop-filter: blur(3px);
}
.sticky-logo{
	top: 20px;
	left: 50%;
	margin-left: -55px;
	z-index: 11;
}
.sticky-logo img{
	width: 110px;
	height: auto;
}

#header a,
.close-btn{
	/*color: var(--colorGoldLight);*/
	color: #FFF;
}
.close-btn:hover{
	color: var(--colorGold);
}


#header_in{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
	backdrop-filter: blur(0px);
	z-index: 100;
}
#header_in .logo_in{
	width: 222px;
	height: auto;
	transition: 1s ease all;
}
#header_in a{
	cursor: pointer;
	color: var(--colorGoldPale);
}

#header .menu-ham{
	top: 40px
}

#header_in img.color{
	display: none;
}
#header_in img.white{
	display: block;
}
/*#header_in.internal img.white{
	display: none;
}
#header_in.internal img.color{
	display: block;
}
*/
#header_in.internal{
	background: rgba(0,43,79,0.9);
	backdrop-filter: blur(5px);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
}
/*#header_in.internal a{
	color: var(--colorBlueDark);
}*/
#header_in.internal .logo_in{
	width: 220px;
}
/*#header_in.internal:hover .logo_in{
	width: 110px;
}*/
.uk-sticky-placeholder{
	transition: 0.3s ease all;
}
.desktop-banner{display:block;}
.mobile-banner{display: none;} 

@media only screen and (max-width: 768px) {
.desktop-banner{display:none;}
.mobile-banner{display: block;} 
}
.menu-ham{
	position: fixed;
	top: 20px;
	right: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 76px;
	height: 76px;
	border-radius: 8px;
	color: #FFF;
	background: rgba(208, 173, 103, 0.9) url(../img/menu_crest.png) center center no-repeat;
	background-size: auto 95%;
	backdrop-filter: blur(3px);
	box-shadow: 9px 9px 9px 0 rgba(0, 0, 0, 0.1);
	z-index: 999;
}
.menu-ham svg{
	transform: scale(0.9);
	transition: 0.3s ease all;
}
.menu-ham:hover svg{
	transform: scale(1.1);
}
/*#header_in.internal .menu-ham{
	background: transparent;
}*/

/*#header a rect,
#header a path{
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 1.0);
}*/
.s2{
	height: 55vh;
}
.s3{
	height: 100vh;
}
.s1{}
.s1{
	background-color: var(--colorBlueBg);
}
.about-s1.bg-logo{
	background: var(--colorBlueBg) url(../img/blue-crest@2x.png) center center no-repeat;
	-webkit-background-size: 15vw auto;
	background-size: 15vw auto;
}
.about-s1 .headerFix{
	display: none;
	position: sticky;
	top: 50px;
	left: 0;
	right: 0;
	z-index: 9;
}
.about-s1 .headerFix a{
	color: #000;
}
.s2{
	background-color: var(--colorGoldPale);
	/*background-image: url(../img/logo-color-blue.png);*/
	background-position: center 50px;
	background-repeat: no-repeat;
	-webkit-background-size: 9vw auto;
	background-size: 9vw auto;
	background-attachment: fixed;
}
.s2 h1{
	font-family: var(--fontHeading);
	font-size: 3vw;
	font-weight: 500;
	margin-top: 0px;
	color: var(--colorBlue);
}
.s2 p{
	color: var(--colorBlueBg);
	font-size: 18px;
	line-height: 1.5;
	font-weight: normal;
}
.s2 .uk-container{
	margin-top: 50px;
	background: var(--colorGoldPale);
	padding-bottom: 15px;
}
.heading{
	font-family: var(--fontHeading);
	font-size: 2.3vw;
	line-height: 1.5;
	font-weight: 500;
}
.uk-h3.heading{
	font-size: 2vw;
}
.heading.uk-text-bold{
	font-weight: bold;
}
.copy{
	font-family: var(--fontBody);
	font-size: 1.3vw;
	line-height: 1.5;
	font-weight: normal;
}
#menu{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*background: var(--colorBlueDark);*/
	background: var(--colorBlueBg) url(../img/blue-crest@2x.png) center center no-repeat;
	-webkit-background-size: 300px auto;
	background-size: 300px auto;
	/*background: -moz-linear-gradient(left,  #00245a 0%, #0a3370 100%);
	background: -webkit-linear-gradient(left,  #00245a 0%,#0a3370 100%);
	background: linear-gradient(to right,  #00245a 0%,#0a3370 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00245a', endColorstr='#0a3370',GradientType=1 );*/
	z-index: 9999;
}
#menu .close-btn{
	position: absolute;
	top: 40px;
	right: 40px;
	width: 76px;
	height: 76px;
	z-index: 999;
}

.s1 video,
.about-s1 video,
.s3 video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.s1 video{
	display: none;
}
.s1 .poster{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	animation: slideAnimation 60s linear infinite alternate;
}
@keyframes slideAnimation {
    0%, 100% {
        background-position: left center;
    }
    50% {
        background-position: right center;
    }
}
.s3 .poster{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	animation: slideAnimation 60s linear infinite alternate;
}


.s1 .preIntro{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: transparent;
/*	background-image: url(../img/logo-white.png); */
	/*background-image: url(../img/Shrewsbury-india.png);*/
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: 300px auto;
	background-size: 300px auto;
	background-attachment: fixed;
	transition: 1s ease all;
	pointer-events: none; 
}
.s1:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 200px;
	/*background: -moz-linear-gradient(top,  rgba(0,43,79,0.7) 0%, rgba(0,43,79,0) 100%);*/
	/*background: -webkit-linear-gradient(top,  rgba(0,43,79,0.7) 0%,rgba(0,43,79,0) 100%);*/
	/*background: linear-gradient(to bottom,  rgba(0,43,79,0.7) 0%,rgba(0,43,79,0) 100%);*/
	z-index: 2;
}
.preIntro.moveBg{
	-webkit-background-size: 8vw auto;
	background-size: 8vw auto;
	background-position: left 20px;
}
.s3 .caption{
	position: relative;
	height: 100vh;
	z-index: 2;
	padding-bottom: 70px;
	background: -moz-linear-gradient(top,  rgba(0,43,79,0.2) 0%, rgba(0,43,79,0.75) 50%, rgba(0,43,79,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,43,79,0.2) 0%,rgba(0,43,79,0.75) 50%,rgba(0,43,79,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,43,79,0.2) 0%,rgba(0,43,79,0.75) 50%,rgba(0,43,79,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00002b4f', endColorstr='#002b4f',GradientType=0 );
}
.s3 .caption .heading{
	color: var(--colorGold);
	font-weight: bold;
	font-size: 3.6vw;
}
.s3 .caption .cont{
	opacity: 0.8;
	font-size: 1.3vw;
}
.rm-link{
	position: relative;
	display: inline-block;
	color: inherit;
	padding: 5px 10px;
	border-bottom: 1px solid var(--colorGold);
	overflow: hidden;
	z-index: 1;
}
.rm-link:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transform: translateY(100%);
	transition: 0.3s ease all;
	background: var(--colorGold);
	z-index: -1;
}

.rm-link.dark{
	color: var(--colorBlack);
}
.rm-link:hover{
	color: #FFF;
}
.rm-link:hover:after{
	transform: translateY(0px);	
}

.vidctrl{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid var(--colorGold);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
	border-radius: 3px;
	padding: 10px 15px;
	min-width: 40px;
	min-height: 37px;
	margin-right: 10px;
	color: #FFF;
	font-family: var(--fontBody);
	letter-spacing: 0.5px;
	line-height: 15px;
	cursor: pointer;
}
.vidctrl:hover{
	background-color: rgba(255, 255, 255, 0.2);
}
.vidctrl.mute{
	background-image: url(../img/mute.svg);
}
.vidctrl.mute.active{
	background-image: url(../img/unmute.svg);
}
.vidctrl.play{
	background-image: url(../img/pause.svg);
}
.vidctrl.play.active{
	background-image: url(../img/play.svg?v=1.0);
}

#player .uk-modal-dialog{
	width: 70vw;
}

.menu-logo img{
	display: block;
	width: 200px;
	height: auto;
}
.menu-nav{
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu-nav > li{
	display: block;
	margin: 5px 0;
}
.menu-nav > li a{
	display: inline-block;
	font-family: var(--fontHeading);
	color: #FFF;
	font-weight: bold;
	font-size: 32px;
}
.menu-nav > li a.active,
.menu-nav > li a:hover{
	color: var(--colorGold);
}
.drop a span{
	display: inline-block;
	vertical-align: middle;
}
.icon{
	width: 36px;
	height: 36px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
}
.icon.chev-right{
	background-image: url(../img/chev-right.svg);
}
.drop a .icon{
	transition: 1s ease all;
}
.drop a:hover .icon{
	transform: translateX(10px);
}
.menu-nav li.drop .drop-menu{
	display: none;
	transition: 1s ease all;
}
.menu-nav li.drop.open .drop-menu{
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	left: 25%;
	top: 0;
	bottom: 0;
	background: rgba(0,31,56,1);
	width: 100%;
}
.drop-menu .inner{
	padding: 30px 50px;
}
.menu-nav.small > li{
	margin-bottom: 15px;
}
.menu-nav.small > li a{
	font-size: 28px;
	white-space: nowrap;
}
.close-drop{
	display: block;
	width: 50px;
	height: 20px;
	background: url(../img/left.svg?v=1.0) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	margin-bottom: 15px;
	transition: 0.5s ease all;
}
.close-drop:hover{
	transform: translateX(-8px);
}

#player.uk-modal.uk-open{
	background: rgba(0, 0, 0, 0.7);
}
#player .uk-modal-dialog{
	box-shadow: 0 0 100px 0 rgba(208, 173, 103, 0.8);
	animation: shadowAnimation 5s infinite alternate;
	border-radius: 6px;
}
#player video{
	border-radius: 6px;
}

@keyframes shadowAnimation {
  0% {
    box-shadow: 0 0 100px #D0AD67;
  }
  25% {
    box-shadow: 0 0 100px #0A3370;
  }
  50% {
    box-shadow: 0 0 100px #33BEFF;
  }
  75% {
    box-shadow: 0 0 100px #F0E5D1;
  }
  100% {
    box-shadow: 0 0 100px #D0AD67;
  }
}

.s4{
	background: var(--colorGoldPale);
	overflow: hidden;
}

.slife-heading{
	position: relative;
	font-family: var(--fontHeading);
	/*line-height: 1.2;*/
	background: -webkit-linear-gradient(rgba(0,0,0,0.5), #faf6ef);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	z-index: 1;
}

.slife-grid{
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	z-index: 2;
}
.slife-grid .ape{
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	background: #D9D9D9;
	border: 2px solid rgba(255, 255, 255, 0.1);
}
.ape .caption{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 50px 30px 30px 30px;
	background: -moz-linear-gradient(top,  rgba(0,43,79,0) 0%, rgba(0,43,79,0.65) 60%, rgba(0,43,79,0.95) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,43,79,0) 0%, rgba(0,43,79,0.65) 60%, rgba(0,43,79,0.95) 100%);
	background: linear-gradient(to bottom,  rgba(0,43,79,0) 0%, rgba(0,43,79,0.65) 60%, rgba(0,43,79,0.95) 100%);
	z-index: 2;
}
.ape img,
.ape .caption *{
	transition: 0.5s ease all;
}
.ape .caption h3{
	font-family: var(--fontHeading);
	font-weight: bold;
	font-size: 30px;
	margin: 0;
	color: var(--colorGoldLight);
}
.ape .caption p{
	display: none;
	font-family: var(--fontBody);
	font-weight: normal;
	font-size: 14px;
	line-height: 1.35;
	margin: 0;
	color: rgba(255, 255, 255, 1);
	overflow: hidden;
	transition: 0.5s ease all;
}
.ape:hover img{
	transform: scale(1.1);
}
.ape:hover .caption{
	background: -moz-linear-gradient(top,  rgba(0,43,79,0) 0%, rgba(0,43,79,0.80) 60%, rgba(0,43,79,0.95) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,43,79,0) 0%, rgba(0,43,79,0.80) 60%, rgba(0,43,79,0.95) 100%);
	background: linear-gradient(to bottom,  rgba(0,43,79,0) 0%, rgba(0,43,79,0.80) 60%, rgba(0,43,79,0.95) 100%);
	backdrop-filter: blur(1.5px);
}
.ape:hover .caption p{
	display: inline-block;
}

.ape img{
	position: relative;
	z-index: 1;
}
.ape.aim{
	width: 310px;
	margin-top: 100px;
	margin-right: 36px;
	align-self: flex-end;
	box-shadow: 20px 30px 40px rgba(0, 0, 0, 0.2);
}
.ape.phi{
	width: 450px;
	margin-right: 36px;
	align-self: center;
	box-shadow: 50px 70px 90px rgba(0, 0, 0, 0.24);
}
.ape.eth{
	width: 310px;
	align-self: flex-start;
	box-shadow: 30px 50px 50px rgba(0, 0, 0, 0.2);
}

.s5 img{
	border-radius: 18px;
	box-shadow: 20px 30px 40px rgba(0, 0, 0, 0.2);
}
.s5 h2{
	margin-top: 0;
	font-family: var(--fontHeading);
	font-weight: bold;
	color: var(--colorGold);
}
.s5 p{
    font-size: 1.2vw;
    line-height: 1.3;
}
.s6{
	background: #FFF;
}
.s6 img{
	width: 100%;
	height: auto;
}
.s6 h2{
	color: var(--colorGold);
}
.s6 p{
	color: var(--colorBlueBg);
	font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
}
.s7{
	/*background: var(--colorGoldPale) url(../img/white-crest@2x.png) center 50px no-repeat;
	background-size: 200px auto;*/
	background: var(--colorGoldPale);
}
.s7 h2{
	color: var(--colorGold) !important;
	margin-top: 0;
}
.s7 .quote blockquote{
	color: #FFF;
	font-family: var(--fontHeading);
	font-weight: lighter;
	font-style: normal;
	line-height: 1.1;
	margin-top: 30px;
	font-size: 3vw;
}
.s7 .quote .uk-h3{
	font-family: var(--fontHeading);
	font-weight: lighter;
	font-style: normal;
	line-height: 1.2;
	margin-top: 5px;
	margin-bottom: 50px;
	color: var(--colorGoldPale);
}
.s7 .cont{
	color: var(--colorGoldPale);
	font-family: var(--fontBody);
	font-size: 1.3vw;
	line-height: 1.4;
}
.s7 .slide{
	width: 100vw;
}
.s7 .overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
}
.s7 .slide:first-child .overlay{
	backdrop-filter: contrast(1.1);
	height: 100%;
}
.s8{
	background: var(--colorGoldLight);
}
.ss-card{
	border-radius: 18px;
	box-shadow: 50px 70px 90px rgba(0, 0, 0, 0.24);
	overflow: hidden;
	transition: 1s ease all;
}
.s8 .ss-card.video.play{
	position: relative;
	transition: 1s ease all;
	width: 95vw;
	margin-top: 20px;
	z-index: 2;
}
.s8 .ss-card.video.play:hover:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: transparent url(../img/pause.svg) center center no-repeat;
	-webkit-background-size: 90px auto;
	background-size: 90px auto;
	z-index: 3;
}
.ss-card.video.play .overlay{
	display: none;
}
.s8 .ss-card.video{
	width: 73vw;
	cursor: pointer;
}
.s8 .ss-card.video video{
	position: relative;
	transition: 1s ease all;
	width: 100%;
	height: auto;
	z-index: 1;
}
.s8 .ss-card.video:hover video{
	transform: scale(1.05);
}
.s8 .ss-card.video .overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.3) url(../img/play-trans.svg) center center no-repeat;
	-webkit-background-size: 200px auto;
	background-size: 200px auto;
	backdrop-filter: contrast(1.05);
	transition: 1s ease all;
}

.s8 .ss-card.video .overlay h2{
	color: var(--colorGoldPale);
	font-family: var(--fontHeading);
	font-size: 4vw;
	line-height: 1.2;
	font-weight: bold;
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
/*.s8 .uk-slider-items > li:not(:first-child){
	position: relative;
	z-index: 1;
}
.s8 .uk-slider-items > li:not(:first-child):after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: -moz-linear-gradient(top,  rgba(0,43,79,0.1) 0%, rgba(0,43,79,0.75) 65%, rgba(0,43,79,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,43,79,0.1) 0%,rgba(0,43,79,0.75) 65%,rgba(0,43,79,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,43,79,0.1) 0%,rgba(0,43,79,0.75) 65%,rgba(0,43,79,1) 100%);
	backdrop-filter: contrast(1.1);
	z-index: 2;
}
.s8 .uk-slider-items > li .uk-container{
	position: relative;
	z-index: 3;
	padding-bottom: 50px;
}*/
.s8 h2{
	font-family: var(--fontHeading);
	font-size: 3vw;
	color: var(--colorGold);
	line-height: 1.2;
	font-weight: bold;
}
.s8 p{
	color: var(--colorBlack);
	font-family: var(--fontBody);
	font-size: 1.2vw;
	line-height: 1.3;
}
.s8 .ss-card img{
	width: 100%;
	height: auto;
}

#footer{
	position: relative;
	background: var(--colorBlueBg);
	color: #FFF;
	font-family: var(--fontBody);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-align: center;
	z-index: 18;
}
#footer:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 0;
}
#footer *{
	position: relative;
	z-index: 1;
}
#footer h4{
	color: var(--colorGold);
}
.footer-nav:not(.vertical){
	text-align: center;
}
.footer-nav a{
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	font-family: var(--fontBody);
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.footer-nav.ql a:not(:last-child):after{
	content: ' | ';
	position: absolute;
	top: -2px;
	right: -10px;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.7;
}
.footer-nav a:hover{
	color: var(--colorGold);
}
.footer-nav.vertical a{
	display: block;
}
.footer-logo{
	display: block;
	text-align: center;
}
.footer-logo img{
	display: inline-block;
	width: 200px;
	height: auto;
}

.footer-logo-l{
	display: block;
	text-align: center;
}
.footer-logo-l img{
	display: inline-block;
	width: 350px;
	height: auto;
}

.title-wrap{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 200px;
	padding-bottom: 70px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	z-index: 2;
}
.title{
	font-family: var(--fontHeading);
	font-weight: normal;
	color: #fff;
	margin-bottom: 45px;
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.cta{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}
.cta .mouse{
	position: relative;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid var(--colorGold);
	backdrop-filter: blur(3px);
}
.cta .mouse:before{
	content: '';
	position: absolute;
	top: -20px;
	left: -1px;
	right: 0;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	background: url(../img/down.svg) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	animation: hoverAnim 2s infinite linear;
	transition: 1s ease all;
	z-index: 1;
}

@keyframes hoverAnim {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0px);
  }
}

.cta .mouse:after{
	content: 'Scroll';
	position: absolute;
	top: -40px;
	left: -4px;
	right: 0;
	white-space: nowrap;
	color: #FFF;
	font-family: var(--fontBody);
	font-size: 12px;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 15px;
}

/*video player popup*/
.cta .video{
	position: relative;
	
	backdrop-filter: blur(3px);
}
.cta .video:before{
	content: '';
	position: absolute;
	top: -20px;
	left: -1px;
	right: 10px;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	background: url(../img/videoi.svg) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	animation: ctavanim 2s infinite linear;
	transition: 1s ease all;
	z-index: 1;
}

@keyframes ctavanim {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(40deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.cta .video:after{
	content: 'Play Me';
	position: absolute;
	top: -40px;
	left: -4px;
	right: 0;
	white-space: nowrap;
	color: #FFF;
	font-family: var(--fontBody);
	font-size: 12px;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 15px;
}

/*video player popup ends*/


.cont img{
	display: block;
	width: 100%;
	max-width: 900px;
	height: auto;
	margin: 20px auto;
}
.cont em{
	font-family: var(--fontHeading);
	font-size: 1.8vw;
	font-weight: normal;
}
.uk-dark *{
	/*color: var(--colorBlack);*/
	color: #002b4f !important;
}
hr {
    position: relative;
}
hr:not(.simple):after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -15px;
    width: 50px;
    height: 30px;
    background: transparent url(../img/hr.svg) center center no-repeat;
    -webkit-background-size: 22px auto;
    background-size: 22px auto;
}
hr.gold:after {
    background-color: var(--colorGoldPale);
}

.aeb .wrap{
	color: #FFF;
	background: var(--colorBlueBg);
}
.aeb .wrap:nth-child(2n){
	background: #FFF;
}
.aeb .wrap:nth-child(2n) p{
	color: var(--colorBlack);
}
.aeb .wrap .scontent{
	padding: 80px;
}
.aeb .wrap .heading{
	color: var(--colorGold);
	font-weight: bold;
	font-size: 45px;
}
.aeb .wrap p{
	font-family: var(--fontBody);
	font-size: 20px;
	text-align: justify;
	line-height: 1.4;
}
.aeb .uk-background-cover{
	min-height: 500px;
}
/*.aeb .scontent.uk-light .heading{
	color: #FFF;
}*/
.aeb .scontent.uk-light p{
	color: var(--colorBlueLight);
}

.section-cont .cont{
	color: var(--colorBlack);
	font-family: var(--fontBody);
	font-size: 1.3vw;
	text-align: justify;
	line-height: 1.4;
}

.wnxt {
    font-family: var(--fontHeading);
    font-weight: bold;
    color: var(--colorBlue);
    font-size: 36px;
}
.rel_links a {
    display: block;
    overflow: hidden;
}
.rel_links a * {
    transition: 0.2s ease all;
}
.rel_links .caption {
    position: absolute;
    display: flex;
    flex-direction: column-reverse;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 40px;
    background: linear-gradient(180deg, rgba(0, 36, 90, 0.2) 0%, rgba(0, 36, 90, 0.75) 100%);
}
.rel_links .caption h4 {
    margin-bottom: 0;
    font-family: var(--fontHeading);
    font-weight: bold;
    font-size: 36px;
    line-height: 1.2;
    background: url(../img/right-gold.svg) right center no-repeat;
    -webkit-background-size: 36px auto;
    background-size: 36px auto;
}
.rel_links a:hover .caption{
	background: linear-gradient(180deg, rgba(0, 36, 90, 0.4) 0%, rgba(0, 36, 90, 0.85) 100%);
}
.rel_links a:hover .caption h4{
	color: #FFF;
}
.rel_links a:hover img{
	transform: scale3d(1.05, 1.05, 1.0);
}
.fw-slider .caption{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	z-index: 2;
	background: linear-gradient(180deg, rgba(0, 36, 90, 0) 0%, rgba(0, 36, 90, 0.7) 50%, rgba(0, 36, 90, 0.9) 100%);
}
.fw-slider .caption h2{
	color: var(--colorGoldPale);
	font-weight: bold;
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.fw-slider .caption p{
	color: #FFF;
	font-family: var(--fontBody);
	font-size: 1.3vw;
	text-align: justify;
	line-height: 1.4;	
}
.right-logo{
	position: fixed;
	right: 50px;
	bottom: 0px;
	z-index: 17;
}
.right-logo img{
	width: 250px;
	height: auto;
}
.article-s1.uk-section-xlarge{
	padding-bottom: 50px;
}
.uk-input,.uk-textarea,
.uk-select,.uk-button{
	font-family: var(--fontHeading);
	border-radius: 8px;
	font-size: 1.35vw;
}
.uk-input,.uk-textarea,
.uk-select{
	line-height: 1.8;
}
.uk-input,.uk-textarea{
	padding: 12px 15px;
}
.uk-textarea{
	resize: none;
}
.uk-button-primary{
	background: var(--colorBlue);
	color: #FFF;
	text-transform: none;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.cf label span{
	display: block;
	color: #000;
	font-weight: bold;
	margin-bottom: 5px;
}
.social.grid{
	margin-top: 50px;
}
.social.grid > div{
	display: inline-block;
	vertical-align: middle;
	width: 16%;
	height: 100px;
	text-align: left;
}
.social.grid > div a{
	display: block;
	text-align: left;
}
.uk-alert{
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}
.uk-alert.uk-alert-danger{
	color: #A00;
}

.uk-offcanvas-bar label span{
	color: var(--colorBlack);
}
.uk-slidenav svg {
    width: 20px;
}
.contact-link{
	position: fixed;
	left: 0;
	top: 93vh;
	transform: translateY(-20px);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	z-index: 999;
	background: var(--colorGold);
	padding: 8px;
	border-radius: 0 5px 5px 0;
	color: var(--colorBlueBg);
}
#page_1 .contact-link{
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
#enquiry .uk-offcanvas-bar{
	padding: 0;
	width: 50vw;
	color: var(--colorBlack);
	background: var(--colorGoldPale);
	box-shadow: -2px 0 24px 0 rgba(0, 0, 0, 0.2);
}
.uk-checkbox{
	width: 30px;
	height: 30px;
}
.uk-offcanvas-bar .uk-select,
.uk-offcanvas-bar .uk-input,
.uk-offcanvas-bar .uk-textarea,
.uk-offcanvas-bar .uk-checkbox{
	background-color: transparent;
  color: rgba(0,0,0,.7);
  background-clip: padding-box;
  border-color: var(--colorGold);
}
.uk-offcanvas-bar .uk-select:focus,
.uk-offcanvas-bar .uk-input:focus,
.uk-offcanvas-bar .uk-textarea:focus,
.uk-offcanvas-bar .uk-checkbox:focus{
	background-color: #FFF;
  color: rgba(0,0,0,.7);
  background-clip: padding-box;
  border-color: var(--colorGoldDarkest);
}
.uk-offcanvas-bar .uk-button-primary{
	color: #FFF;
	background: var(--colorBlueBg);
}
.uk-offcanvas-bar .uk-button-primary:hover{
	color: #FFF;
	background: var(--colorBlue);
}
.uk-offcanvas-bar .uk-checkbox:checked{
	background-color: var(--colorGold);
	border-color: var(--colorGoldDarkest);
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder {
  color: #999;
}

.bar-header{
	position: relative;
	background: #FFF;
	color: #000;
	height: 40px;
	padding-left: 55px;
}
.bar-header .uk-offcanvas-close{
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	right: auto;
	background-color: var(--colorBlueBg);
}
.bar-header .uk-offcanvas-close svg{
	width: 22px;
	height: 22px;
}
.bar-header h3{
	color: var(--colorBlueBg);
	letter-spacing: 1px;
	font-family: var(--fontBody);
	text-transform: uppercase;
	font-weight: normal;
	line-height: 40px;
	margin: 0;
}
.cf-wrap{
	padding: 15px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--colorBlack);
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #FFF;
}

.awards .uk-card-body{
	padding-top: 20px;
}
.awards .uk-card-body h3.uk-h3{
	text-align: center;
	font-weight: bold;
}
.awards .uk-card-body .cont{
	text-align: left;
	font-size: 1.1vw;
}

/*.awards .uk-slideshow-items > li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}*/

.gallery a,
.rel_links a,
.uk-card{
	border-radius: 8px;
	overflow: hidden;
}

.article-s1 h2:not(.heading),
.article-s1 h3:not(.uk-h3),
.article-s1 h3:not(.uk-h3),
.article-s1 h3:not(.heading){
	text-align: center;
	font-family: var(--fontHeading);
	font-weight: normal;
	color: var(--colorBlue);
	font-size: 3vw;
}
.article-s1 h2:not(.uk-h2),
.article-s1 h2:not(.uk-h3),
{
	text-align: center;
	font-family: var(--fontHeading);
	font-weight: normal;
	color: var(--colorBlue);
	font-size: 2.5vw;
}
.article-s1 h3:not(.uk-h3),
.article-s1 h3:not(.uk-h3),
.article-s1 h3:not(.heading)
{
    text-align: left;
    font-weight: bold;
	font-size: 2.1vw;
}
.darwin-quote {
	padding: 30px 30px 30px 180px;
    background-color: #000;
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
	background-size: auto 100%;
    border-radius: 18px;
}


.article-s1{
	background: var(--colorGoldPale);
}
.article-s1 .heading{
	color: var(--colorBlue);
}
.article-s1 .cont{
	color: var(--colorBlueBg);
	font-family: var(--fontBody);
	font-size: 20px;
	text-align: left;
	line-height: 1.4;
}
.article-s1 p a{
	display: inline-block;
	border-bottom: 1px solid var(--colorGold);
	transition: 0.6s ease all;
}
.about-s1.uk-height-large .title{
	margin-bottom: 0px;
}
.article-s1 p a:hover{
	color: var(--colorGold);
	border-bottom: 1px solid var(--colorGoldDarkest);
}


.darwin-quote h2,
.darwin-quote h4{
	color: #FFF !important;
	font-weight: 400;
	text-align: center;
}

.cont table td{
	padding: 10px;
}
.cont table td a{
	border-bottom: 1px solid var(--colorGold);
}

.starting{
	color: #FFF;
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 36px;
	z-index: 999;
}

.s9{
	padding-top: 150px;
	padding-bottom: 150px;
	background: var(--colorBlueBg) url(../img/blue-crest@2x.png) center center no-repeat;
	background-size: 280px auto;
}
.s9 h3{
	color: #FFF;
}
.s9 h3 span:first-child{
	display: block;
	font-family: var(--fontBody);
	font-size: 26px;
    font-weight: 400;
    letter-spacing: .24em;
    line-height: 1;
    text-transform: uppercase;
}
.s9 h3 span:last-child{
	display: block;
    font-family: var(--fontHeading);
    font-size: 140px;
    font-weight: 400;
    line-height: 1;
    margin-top: -5px;
}
.s9 .links{
	margin-top: 50px;
}
.s9 .links a{
	display: inline-block;
	font-family: var(--fontHeading);
	font-size: 30px;
    line-height: .93;
    /*min-width: 247px;*/
    min-width: auto;
    padding: 10px;
    position: relative;
    text-align: center;
    border: 1px solid var(--colorGold);
    border-radius: 4px;
    width: auto;
    transition: 0.3s ease all;
}
.s9 .links a:hover{
	transform: scale(1.02);
}
.s9 .links a:first-child{
	color: #002b4f;
	background: var(--colorGold);
	margin-right: 20px;
}
.s9 .links a:last-child{
	color: var(--colorGold);
	background: transparent;
}

.acc_slider {
    position: absolute;
    bottom: 20px;
    left: 40px;
    width: 350px;
    height: 160px;
    z-index: 999;
}
.acc_slider li{
	width: 350px;
}
.acc_slider .uk-slidenav{
	width: 32px;
	height: 32px;
}
.acc_slider .uk-slidenav-previous{
	margin-left: -30px;
}
.acc_slider .uk-slidenav-next{
	margin-right: -30px;
}
.acc_slider .caption{
	color: #FFF;
	text-transform: uppercase;
}

#page_1022 .section-cont .heading{
	color: #FFF;
	font-size: 60px;
    font-weight: 800;
    text-align: left;
    margin: 0;
}
#page_1022 .section-cont p{
	color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 25px;
    max-width: 600px;
    position: relative;
    transition: .5s;
    margin-top: 25px;
}
#page_1022 .fw-slider{
	padding-right: 190px;
	overflow: hidden;
}
#page_1022 .fw-slider .uk-slideshow-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
}
/*#page_1022 .fw-slider .uk-slideshow-items{
	min-height: 590px;
	overflow: hidden;
}*/

.cont p > img{
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 12px;
}
.flipbook{
	width: 100%;
	min-height: 500px;
	height: auto;
	border-radius: 12px;
}
.media-card.uk-card{
	border-radius: 30px;
	box-shadow: 40px 40px 40px 0 rgba(0,0,0,.15);
}
.media-card.uk-card .uk-padding-small{
	padding: 20px 30px;
}
.media-card h3.uk-h3{
	font-size: 21px;
	margin-top: 10px;
	font-weight: normal;
}
.media-card .uk-text-meta,
.media-card .date{
	font-size: 15px;
	text-transform: uppercase;
	color: #AAA;
}

.curriculum{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.curriculum li{
	border-radius: 12px;
	overflow: hidden;
	width: 300px;
	margin: 0 15px;
	transition: 0.3s ease all;
}
.curriculum > li .caption h3{
	color: #FFF;
	font-size: 1.75rem;
	margin: 0;
}
.curriculum li .img{
	display: block;
	width: 100%;
	height: 300px;
}
.curriculum .caption{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 50px 20px 20px 20px;
	z-index: 2;
	background: -webkit-gradient(linear,left top,left bottom,from(transparent),gto(rgba(0,0,0,.6)));
    background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.6));
    background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.6) 100%);
    background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.6) 100%);
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.6));
}
.curriculum li:hover .caption{
	padding: 80px 20px 20px 20px;
	background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));
    background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.8));
    background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.8) 100%);
    background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.8) 100%);
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.8));
}

#search h1 span:first-child{
	display: block;
	color: #002b4f;
	font-family: var(--fontBody);
    font-size: 19px;
    font-weight: 400;
    letter-spacing: .24em;
    line-height: 26px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
#search h1 span:last-child{
	display: block;
	color: #002b4f;
	font-family: var(--fontHeading);
    font-size: 120px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 30px;
    text-align: center;
}
#search .uk-list .title.uk-h5{
	margin-bottom: 5px;
    color: var(--colorBlue);
    text-shadow: none;
    font-size: 22px;
    font-weight: bold;
}
#search .uk-list .url{
	color: #002b4f;
	margin-bottom: 15px;
}
#search .uk-list .summary{
	color: #999;
	font-size: 14px;
}
.logos-slider img{
	width: 190px;
	height: auto;
}
.gallery img{
	display: block;
	width: 100%;
	height: auto;
}
.gallery .uk-slideshow-items h3{
	color: #FFF !important;
	font-size: 2.5rem;
	margin-bottom: 0;
}
.gallery .uk-slideshow-items .uk-position-bottom{
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}
.ss-card{
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.3);
	transition: 0.3s ease all;
}
.ss-card .img-wrap{
	height: 250px;
}
.ss-card h3.uk-h4 {
	color: var(--colorBlueDark);
    font-size: 1.75rem;
    line-height: 1;
}
.ss-card .uk-padding-small p{
	color: #333;
	font-size: 1rem;
	line-height: 1.35;
}
.ss-card:hover{
	box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.4);
}

.search-form{
	position: absolute;
    top: 6vh;
    left: 0px;
}
.logos-slider .uk-text-center{
	color: #444;
}

#article table{
	border: 1px solid rgba(0, 0, 0, 0.5);
	width: 100%;
}
#article table tr td p{
	margin: 0;
}

#menu .uk-padding-large {
    padding-top: 120px;
}

.search-form .uk-form-large:not(textarea):not([multiple]):not([size]){
	height: 45px
}
.nav_visit, .nav_contact, .nav_work_with {
    position: fixed;
    top: 45px;
    font-size: 16px;
    letter-spacing: .2em;
    padding-top: 0.15em;
    text-transform: uppercase;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    z-index: 9999;
    mix-blend-mode: normal;
    animation: changeblendmode linear;
    animation-timeline: view(750px);
}



@keyframes changeblendmode {
from {  mix-blend-mode: normal; }
to {  mix-blend-mode: difference;}

}

.nav_visit {
    right: 310px;
}
.nav_work_with{right: 315px;}

.nav_contact {
    right: 140px;
}
.ss_card_grid{
	gap: 20px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.ss_card{
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}
.ss_card:after{
	background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.6)));
    background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.6));
    background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.6) 100%);
    background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.6) 100%);
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.6));
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}
.ss_card h3.heading{
	color: #fff;
    font-family: var(--fontHeading);
    font-size: 30px;
    font-weight: 400;
    line-height: 1.1;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    margin: 0;
	bottom: 0;
    left: 0;
    padding: 10px 25px 20px 20px;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out,-moz-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out,-moz-transform .2s ease-in-out,-o-transform .2s ease-in-out;
    z-index: 3;
}
#article .article-s1 .body3 .cont h3:nth-child(2){
	color: var(--colorGoldDark) !important;
}

.preIntro.moveBg:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    height: 200px;
}
.s8 .ss-card .campus_logo{
	width: 150px;
	height: auto;
}
.s8 .ss-card .campus_heading{
	color: #FFF;
}

#page_1159 #article p img,
#page_1018 #article video{
	border: 15px solid var(--colorGold);
	border-radius: 12px;
	overflow: hidden;
}
.uk-light .uk-slidenav{
	color: var(--colorGold) !important;
}

.about-s1.tint:before{
	content: '';
	background: -moz-linear-gradient(top,#000 0,rgba(2,1,2,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,rgba(2,1,2,0)));
    background: -webkit-linear-gradient(top,#000,rgba(2,1,2,0));
    background: -o-linear-gradient(top,#000 0,rgba(2,1,2,0) 100%);
    background: -ms-linear-gradient(top,#000 0,rgba(2,1,2,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#000),to(rgba(2,1,2,0)));
    background: linear-gradient(180deg,#000 0,rgba(2,1,2,0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#00020102",GradientType=0);
    height: 315px;
	left: 0;
    opacity: .65;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.about-s1.tint:after{
	background: -moz-linear-gradient(top,rgba(2,1,2,0) 0,#000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(2,1,2,0)),color-stop(100%,#000));
    background: -webkit-linear-gradient(top,rgba(2,1,2,0),#000);
    background: -o-linear-gradient(top,rgba(2,1,2,0) 0,#000 100%);
    background: -ms-linear-gradient(top,rgba(2,1,2,0) 0,#000 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(2,1,2,0)),to(#000));
    background: linear-gradient(180deg,rgba(2,1,2,0) 0,#000);
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00020102",endColorstr="#000000",GradientType=0);
    height: 60%;
    left: 0;
    opacity: .6;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 1;
}
.od_cta{
	/*background: #cfac67 url(../img/hr.svg) center center no-repeat;*/
	background-color: #cfac67;
	background-size: 24px auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px;
    padding: 15px 25px;
    position: relative;
    /*width: 308px;*/
	text-align: center;
	text-decoration: none;
	font-family: var(--fontHeading);
	font-size: 30px;
	line-height: 0.93;
	font-weight: normal;
	border: 1px solid #cfac67;
	transition: 0.2s ease all;
}

.bl_cta{
	/*background: #cfac67 url(../img/hr.svg) center center no-repeat;*/
	background-color: #002b4f;
	background-size: 24px auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px;
    padding: 15px 25px;
    position: relative;
    /*width: 308px;*/
	text-align: center;
	text-decoration: none;
	font-family: var(--fontHeading);
	font-size: 30px;
	line-height: 0.93;
	font-weight: normal;
	border: 1px solid #002b4f;
	transition: 0.2s ease all;
}
.od_cta:hover{
	background-color: #FFF;
	color:#cfac67;
}
.od_cta:hover{
	background-color: #FFF;
	color:#002b4f;
}

/*.promo .promo__image:before {
    background: -moz-linear-gradient(top,rgba(2,1,2,0) 0,#000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(2,1,2,0)),color-stop(100%,#000));
    background: -webkit-linear-gradient(top,rgba(2,1,2,0),#000);
    background: -o-linear-gradient(top,rgba(2,1,2,0) 0,#000 100%);
    background: -ms-linear-gradient(top,rgba(2,1,2,0) 0,#000 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(2,1,2,0)),to(#000));
    background: linear-gradient(180deg,rgba(2,1,2,0) 0,#000);
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00020102",endColorstr="#000000",GradientType=0);
    opacity: .65;
    z-index: 1;
}*/
#page_1022 .fw-slider .uk-slideshow-container .caption{
	background: rgba(0, 0, 0, 0.3);
	padding: 0 20px;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#page_1022 .fw-slider .uk-slideshow-container .subheading{
	margin: 0;
}
#page_1022 .fw-slider .uk-slideshow-container .uk-thumbnav a{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#page_1170 table tr th{
	padding: 10px
}

@media screen and (max-width: 650px){
	.s1 video, .about-s1 video, .s3 video{
		width: auto;
		height: 100%;
		object-fit: cover;
	}
	/*.preIntro.moveBg{
		-webkit-background-size: 28vw auto;
		background-size: 28vw auto;
	}*/
	#header{
		z-index: 20;
	}
	#header_in .logo_in{
		margin-top: 0;
	}
	.menu-nav.small > li a,
	.menu-nav > li a{
		font-size: 24px;
	}
	.menu-nav li.drop.open .drop-menu{
		left: 15%;
	}
	.menu-nav li.drop.open .drop-menu{
		width: 100%;
	}
	.menu-ham{
		top: 30px;
	    right: 15px;
	    width: 60px;
	    height: 60px;
	}
	.s2{
		-webkit-background-size: 24vw auto;
		background-size: 24vw auto;
    	justify-content: flex-end;
    	padding-bottom: 10px 
	}
	.s2 h1,
	.heading,
	.s8 h2,
	.s3 .caption .heading,
	.fw-slider .heading{
		font-size: 8vw;
	}
	.s2 p,
	.cont,
	.s8 p,
	.s3 .caption .cont,
	.article-s1 p,
	.article-s1 .cont,
	.aeb .wrap p,
	.s3 p, .s4 p, .s5 p, .s6 p,
	.section-cont .cont,
	.fw-slider .caption p{
		font-size: 15px;
	}
	.s2 h1{
		font-size: 20px;
	}
	.s2 p{
		line-height: 1.7;
		margin-top: 15px;
		margin-bottom: 0px;
	}
	.s2 .uk-container{
		margin-top: 40px;
		padding-bottom: 0;
	}
	.uk-input, .uk-textarea, .uk-select, .uk-button{
		font-size: 16px;
	}
	.cont em{
		font-size: 20px;
	}
	.s7 .quote blockquote,
	.uk-h3.heading,
	.s7 .cont{
		font-size: 5vw;
	}
	.rm-link{
		font-size: 16px;
	}
	.slife-grid{
		flex-direction: column;
	}
	.slife-grid .ape.aim,
	.slife-grid .ape.phi,
	.slife-grid .ape.eth{
		width: 76vw;
		margin-right: 0;
		margin-top: 30px;
	}
	.slife-heading{
		text-align: center;
	}
	.s5 img{
		margin-bottom: 30px;
	}
	.s5.uk-section-large{
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.s5 h2{
		margin-top: 30px;
	}
	.s5 .inner{
		padding: 0 5px;
	}
	.s6 img{
		width: 100%;
		height: auto;
		margin-top:25px;
	}
	.s6 h2,
	.s6 p{
		text-align: left;
	}
	.s6 .rm-link{
		display: inline-block;
		width: 200px;
		text-align: center;
		margin: 0 auto;
	}
	.s8 .ss-card.video .overlay{
		-webkit-background-size: 50px auto;
		background-size: 50px auto;
	}
	.s8 .ss-card.video{
	    width: 96vw;
	}
	.s8 .ss-card.video .overlay h2{
		font-size: 10vw;
		text-align: center;
		margin-bottom: 0;
	}
	.s8 .uk-light a.rm-link{
	    color: var(--colorBlack);
	}
	.s3 .vidcont{
		margin-bottom: 30px;
	}
	.s3 .uk-container:last-child{
		text-align: center;
	}
	#player .uk-modal-dialog{
		width: 95vw;
	}
	/*#slifeVidFull{
		margin-top: 30px;
	}*/
	#footer{
		text-align: center;
	}
	.article-s1.uk-section{
		padding-top: 50px;
	}
	#page_1019 #intro{
		margin-left: -120px;
	}
	#page_1019 .article-s1.uk-section{
		padding-top: 50px;
	}
	#page_1025 .uk-h3.heading{
		font-size: 7vw;
	}
	.uk-slidenav svg {
	    width: 15px;
	}
	.awards img{
		width: 220px;
		height: auto;
	}
	.article-s1 h2:not(.uk-h2), .article-s1 h2:not(.uk-h3){
		font-size: 30px;
	}
	.article-s1 h3:not(.uk-h3),
    .article-s1 h3:not(.uk-h3){
    	font-size: 32px;
    }
    .article-s1 h2 + h3{
		margin-top: 0px;
	}
	#enquiry .uk-offcanvas-bar{
	    width: 100vw;
	}
	#page_1021 .article-s1.uk-section{
	    padding-top: 50px;
	}
	.darwin-quote{
		-webkit-background-size: 180px auto;
		background-size: 180px auto;
		padding: 20px 20px 0px 150px;
	}
	.article-s1 .darwin-quote h2{
		font-size: 24px;
	}
	.darwin-quote h4{
		font-size: 16px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
		margin-top: 0px;
	}
	.aeb .wrap .scontent{
	    padding: 80px 40px;
	}
	.aeb .wrap p{
	    text-align: left;
	}
	.social.grid > div{
		width: 15.7%;
		height: 50px;
	}
	.logo-wrap img{
		width: 150px;
		height: auto;
	}
	.fw-slider .caption .heading{
	    color: #FFF;
	    font-weight: bold;
	}
	.fw-slider .caption p{
	    text-align: center;
	}
	.contact-link{
		top: 91vh;
		transform: translateY(0px);
		right: 88%;
        border-radius: 0px 5px 5px 0px;
        padding: 5px;
	}
	#footer{
		padding-bottom: 80px;
	}

	.s9{
		padding-top: 150px;
		padding-bottom: 150px;
		background-size: 180px auto;
	}
	.s9 h3 span:first-child{
		font-size: 16px;
	    letter-spacing: .24em;
	}
	.s9 h3 span:last-child{
	    font-size: 90px;
	    margin-top: 5px;
	}
	.s9 .links{
		margin-top: 25px;
	}
	.s9 .links a:first-child{
		margin-right: 0px;
		margin-bottom: 15px;
	}
	#search h1 span:last-child{
		font-size: 80px;
	}
	.title{
		font-size: 3rem;
	}
	.search-form{
		top: 55px;
		left: 40px;
		right: auto;
	}
	.ss-card .img-wrap{
		height: 325px;
	}
	#page_1023 .media-card h3{
		font-size: 20px;
	}
	#page_1023 .media-card img{
		width: 100%;
		height: auto;
	}
	#page_1 .s1 {
	    height: 32vh;
	}
	.starting{
	    bottom: 10px;
	    font-size: 24px;
	}
	.preIntro.moveBg{
		-webkit-background-size: 20vw auto;
		background-size: 20vw auto;
	}
	.ss_card_grid .ss_card{
		width: calc(50% - 10px);
		border-radius: 14px;
	}
	.ss_card_grid h3.heading{
		font-size: 20px;
	}
	.od_cta{
		width: auto;
	}
	#page_1022 .fw-slider{
		padding-right: 0px;
		overflow: hidden;
	}
	#page_1022 .fw-slider .uk-slideshow-container {
	    position: relative;
	    width: 100%;
	    overflow-x: auto;
    	overflow-y: hidden;
	}
	#page_1022 .fw-slider .uk-slideshow-container .uk-thumbnav{
		display: inline-flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	#page_1022 .fw-slider .uk-slideshow-container .uk-thumbnav li{
		width: 50vw;
	}
	#page_1022 .fw-slider .uk-slideshow-container .uk-thumbnav>*{
		padding-left: 0;
	}
	#page_1022 .fw-slider .uk-slideshow-container .uk-thumbnav li .caption{
		background: rgba(0, 0, 0, 0.4);
	}
	#page_1022 .fw-slider .uk-slideshow-container .uk-thumbnav li .subheading{
		margin: 0;
		font-size: 22px;
	    font-weight: 700;
	    line-height: 1;
	    text-align: left;
	}
	#page_1022 .fw-slider .uk-slideshow-container .uk-thumbnav li .caption{
		top: 0;
		padding: 0 20px;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	}
	.aeb .wrap .scontent{
		padding: 30px;
	}
	/*#page_1022 .fw-slider .uk-slideshow-items,
	#page_1022 .fw-slider .uk-slideshow-items>*{
		height: 400px;
	}
	#page_1022 .section-cont .heading{
		font-size: 40px;
	}
	#page_1022 .section-cont p{
		font-size: 16px;
	}*/
}

@media screen and (min-width: 1025px){
    html,body{
    	scroll-snap-type: y proximity;
    	overscroll-behavior: none; 
    }
    .snap{
    	scroll-snap-type: y proximity;
    }
    .snap > div{
    	scroll-snap-align: end;
    }
}
@media screen and (min-width: 1400px){
	.s2 p{
		font-size: 18px;
	}
}

@media screen and (min-width: 1100px) and (max-width: 1366px){
	.menu-nav > li a{
		font-size: 28px;
		line-height: 1.4;
	}
}




/*opendays*/
div#ffom {
            border: 0.5px solid #ccc;
            padding:  3% 2% 2% 2%;
            width: 100%;
            margin-top: 1%;
            

        }
        
        form.odform {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        form.odform label, div#ffom p  {
            margin-right: 10px;
                color: var(--colorBlueBg);
        font-family: var(--fontBody);
        font-size: 18px;
        text-align: left;
        line-height: 1.4;
        }

        form.odform select, input {
            padding: 8px;
            font-size: 14px;
            margin-right: 10px;
        }

        form.odform select {
            flex-grow: 1;
        }

        form.odform input[type="submit"] {
            background-color: #d1ae69ff;
            color: #fff;
            border: none;
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }
        
        #rmbtn {
        backdrop-filter: blur(8px); /* Adjust the blur amount as needed */
         background: rgba(255, 255, 255, 0.5); /* Adjust the background color and opacity as needed */
         z-index: 9;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 120px;
            margin-top: -100px;
            width: 100%;
        }
        #rmbtn button {
            color: #d1ae69;
            background-color: transparent;
            font-weight: bold;
            border: none;
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
            
        }
         #reglinks {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 120px;
           
            
        }
        #reglinks button{
            color: #fff;
            background-color: #d1ae69;
            font-weight: bold;
            border: none;
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
            
        }
        
        
      #reglinks button {
  background-color: #c4a465;
  color: white;
  text-transform: uppercase;
  transition: all 0.3s ease;
  padding: 15px 40px 15px 40px; /* Adjusted padding */
  font-family: var(--fontBody) ;
  font-size: 19px ;
  font-weight: bold;
  border: none ;
  cursor: pointer ;
 
}

  #reglinks button:hover {
    background-color: #002b4f;
    color: #fff;
  }
        
        
        
        

        table#data-table {
            display: table;
            border: none;
            padding-left: 0px;
            border-collapse: collapse;
            width: 100%;
            margin-top: 20px;
        }

        table#data-table tr, td {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px;
            color: var(--colorBlueBg);
		    font-family: var(--fontBody);
		    font-size: 16px;
		    text-align: left;
		    line-height: 1.4;
			width: auto;
        }

        table#data-table th {
            background-color: #f2f2f2;
        }
        
        table#data-table tbody tr td:nth-child(1), table#data-table thead tr td:nth-child(1){
            display:none; 
        }
        
    	#fpopup {
            display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 999;
   
    width: clamp(27%, 450px, 80%);
    max-height: 92vh; /* Set maximum height to 80% of viewport height */
    overflow-y: auto; /* Add scrollbar when content overflows */
            
        } 
        
@media only screen and (max-width: 600px) {

#fpopup  {

    display: none;
    position: fixed;
    top: 0;
    left: 0;
    transform: none;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 999;
    width: 100vw;
    max-height: 100%; /* Set maximum height to 80% of viewport height */
     margin-bottom: 5%;
            
}
    .desktop-banner{display: none !important;}
    .mobile-banner{display:block !important;}

  }
        
        #fpopup p{
    margin-right: 10px;
    color: var(--colorBlueBg);
    font-family: var(--fontBody);
    font-size: 18px;
    text-align: left;
    line-height: 1.4;
            
        }

        #fcloseBtn {
            position: absolute;
            color: var(--colorBlueBg);
            font-family: var(--fontBody);
            font-weight: bold;
            font-size: 30px;
            top: 10px;
            right: 15px;
            cursor: pointer;
            color: #193f5eff;
        }
        
        /*containers*/
.uk-container-xsmall {
    max-width: 1200px;
}

.uk-container-small {
    max-width: 900px
}

.uk-container-large {
    max-width: 1400px
}

.uk-container-xlarge {
    max-width: 1600px
}
.plr-10{padding-right:10px; padding-left:10px;}
.dot-border{border-bottom: 4px dotted #dddddd; padding-bottom: 10px; margin-bottom: 25px; }
.f-size-20{font-size:20px;}
.f-size-24{font-size:24px;}
.f-size-22{font-size:22px;}
.f-size-28{font-size:28px !important;}
.f-size-38{font-size:34px;}
.f-size-19{font-size:19px}
.f-size-18{font-size:18px}
.mt-15{margin-top:10px;}
.color-blue{color:#0a3370;}
.scholership-head{color:#0a3370; font-family: 'Cormorant Garamond', Times, Georgia, serif;font-size: 23px !important;  font-weight: 600;}
.scholership-head img{width: 40px; margin-right: 12px; margin-bottom: 10px;}
.scholership-des{font-family: 'p22_undergroundlight', Verdana, Arial, Helvetica, sans-serif !important; color:#0a3370 !important;}
.text-center{text-align:center !important;}
.bg-002b4f{background:#002b4f;}
.bg-002b4f-0tp{background: #002b4f00;}
.mt-small-50{margin-top: 0px;}
.bg-ffffff{background:#ffffff;}
.main-usp{background: #c0a061; padding: 15px 0; font-weight: 900; margin-bottom: 0; border-radius:10px;}
.main-usp:hover{background: #ffffff; color:#002b4f;}
.pt-30{padding-top:30px;}
.bg-fffdeb{background: #fffdeb;}
.mb-90{margin-bottom: 90px;}
.width-100{width:100%;}
.pb-50{padding-bottom:50px;}
.col-lg-6{width: 50%;}
.colm-lg-3{width: 25%;}
.colm-lg-4{width: 33.33%}
.colm-lg-8{width: 60%}
.colm-lg-40{width: 40%}
.prl-15{padding-left:15px; padding-right:15px;}
.row{display: flex; flex-wrap: wrap;}
.mlr-10{margin-right:10px;margin-left:10px;}
.mt-35{margin-top:35px;}
.mb-25{margin-bottom:25px;}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.col-lg-7{width: 70%;}
.col-lg-3{width: 30%;}
.usp-accordion {
  border: 1px solid #ddd;
  border-radius: 5px;
}

.usp-accordion-item {
  border-bottom: 1px solid #ddd;
}

.usp-accordion-header {
  background-color: #f1f1f1;
  cursor: pointer;
  padding: 15px;
  border: none;
  text-align: left;
  width: 100%;
  outline: none;
  font-size: 16px;
  transition: background-color 0.3s;
}

.usp-accordion-header:hover {
  background-color: #e1e1e1;
}

.usp-accordion-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 15px;
  background-color: #f9f9f9;
  transition: max-height 0.3s ease-out;
}

.usp-accordion-content p {
  margin: 15px 0;
}

@media only screen and (max-width: 768px) {
.col-lg-6{width: 100%;}
.col-lg-7{width: 100%;}
.col-lg-3{width: 100%;}
.colm-lg-3{width: 100%;}
.colm-lg-4{width: 100%}
.colm-lg-8{width: 100%}
.colm-lg-40{width: 100%}
.mt-small-50{margin-top: 50px;}
.main-usp{margin-bottom: 20px;}
.f-size-18{font-size:18px !important;}
.quote-block {
    width: 100% !important;
    }
}
 /*accordion start styles*/
.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.accordion__item {
    border: 1px solid #082f4f;
    border-radius: 10px;
    overflow: hidden;
}

.accordion__header {
padding: 20px 25px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    color:#193f5f;
    margin-bottom: 5px;
    font-size:18px;
}

.accordion__header::after {
    content: '';
    background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

.accordion__header.active {
    background: #193f5e;
    color:#ffffff;
}
/*.accordion__content p{padding: 10px;}*/

.accordion__header.active::after {
    transform: rotateX(180deg);
}

.accordion__item .accordion__content {
    padding: 0px 25px;
    max-height: 0;
    transition: .5s;
    overflow: hidden;
    color:#193f5f;
}

.p-0{padding-top:0px !important;}
.p-7{padding:7px !important;}
.pt-30{padding-top:30px !important;}
.pb-0{padding-bottom:0px !important;}
.cont h4{margin-top:0;}
.cont p, li, strong{color:#0a3370 !important;}
.custom-h4{margin-top:0;}
.mb-0{margin-bottom: 0px;}
.mt-0{margin-top: 0px;}
.custom-p{margin-bottom: 0px; font-size:22px;}
.mt-0{margin-top: 0px;}
.mt-20{margin-top: 20px !important;}
.pb-20{padding-bottom:20px;}
.fess-structure p, .fess-structure li{font-family:'Cormorant Garamond', Times, Georgia, serif;color: #333333;}
.fess-structure p span{font-weight: 500;}
.font-12{font-size:12px;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-17{font-size:17px;}
.svg-widht{width: 50%;}
#__eechatIcon{right: 10px !important;}
.indicator{bottom: 8px !important; right: 67px !important;}
.enquire-now{background: #faf6ef; color: #000000;  text-align: center; padding-top: 70px; padding-bottom: 70px;}
.enquire-now a{color: #052d4b; background: #bca065; padding: 10px 60px; margin-top: 10px; font-weight: 700; border-radius: 5px;font-size:26px;}
.enquire-now-head h3{margin-bottom: 0 !important; margin-top: 0 !important; font-size: 28px !important;}
.enquire-now-head p{font-size: 17px !important; margin-top: 10px; margin-bottom: 10px;}
.bursaries p span{font-family: 'Cormorant Garamond', Times, Georgia, serif;  color: #0a3370;font-weight: bold; font-size:22px;}
.work-with-table{width:50%;}
.uk-height-100{min-height: 100%;}
@media only screen and (max-width: 768px) {
.svg-widht{width: 100%;}
.work-with-table{width:100%;}
.post-name{margin-bottom: 5px;
    margin-top: 0;
    font-weight: 600;
    font-size: 22px;
    color: #3b3326;
    text-align: center;
    font-family: 'Cormorant Garamond';}
}

.person-name{margin-bottom: 0; font-weight: 700; color:#002b4f;  font-size: 24px !important; text-align: center;}
.post-name{margin-bottom: 5px;
    margin-top: 0;
    font-weight: 600;
    font-size: 18px;
    color: #3b3326;
    text-align: center;
    font-family: 'Cormorant Garamond';}
.post-bio{color:#002b4f;font-size: 18px; text-align: center;}
.shw-image-grid {
  display: flex;
  flex-wrap: wrap;
}

/*.shw-grid-item {*/
/*  flex: 0 0 33.33%;*/
/*  cursor: pointer;*/
/*}*/

.shw-grid-item img {
  width: 100%;
  height: auto;
}

.shw-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  overflow: hidden; /* Prevents background from scrolling */
  z-index: 999999;
}

.shw-popup-content {
  background-color: #fff;
  padding: 10px;
  max-width: 600px;
  width: 90%;
  max-height: 100%; /* Limit height */
  overflow-y: auto; /* Enables vertical scrolling */
  position: relative;
  text-align: left;
}

.shw-popup-image {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.shw-close {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 32px;
  cursor: pointer;
  color:#d0ad67;
}

.shw-paragraph {
  max-height: 15em; /* Approx 3 lines */
  overflow: hidden;
  font-size: 18px;
  color:#002b4f;
  text-align: justify;
}

.shw-more-text {
  display: none;
  color:#002b4f;
}

.shw-read-more {
    background-color: #bda166;
    border: none;
    color: #faf6ef;
    cursor: pointer;
    text-decoration: underline;
    padding: 5px 10px;
}
@media (min-width: 960px) {
    .in-heading-xlarge {
        font-size: 65px;
        margin: 0;
    }
}

@media (min-width: 720px) {
    .column-direction{flex-direction: row;}
}

@media (min-width: 1200px) {
    .uk-heading-xlarge {
        font-size: 6rem;
    }
}
.bhopal-event{background-image: url(https://shrewsburyindia.in/site/templates/img/bhopal-open-day-3.jpg);background-size: contain;background-repeat: no-repeat; position: relative;}
.width-700{width:100%; max-width:700px; margin: 0 auto;}
.width-500{width:100%; max-width:500px; margin: 0 auto;}
.bhopal-form iframe{border-radius: 10px;}
.in_header{background: -moz-linear-gradient(to bottom, rgb(0 43 79 / 90%) 0%, rgb(0 43 79 / 58%) 60%, rgb(0 43 79 / 15%) 100%) ;
	background: -webkit-linear-gradient(to bottom, rgb(0 43 79 / 90%) 0%, rgb(0 43 79 / 58%) 60%, rgb(0 43 79 / 15%) 100%);
	background: linear-gradient(to bottom, rgb(0 43 79 / 90%) 0%, rgb(0 43 79 / 58%) 60%, rgb(0 43 79 / 15%) 100%) !important;}
.ptb-180{padding-top: 180px !important; padding-bottom:240px !important;}
.ptb-35{padding-top: 70px !important; padding-bottom:35px !important;}
.mb-10{margin-bottom:10px;}
.m-25{margin:0 0 25px 0 }
.mt-250{margin-top:250px;}
.mt-25{margin-top:25px;}
.f-size-88{font-size:88px;}
.color-white{color:#ffffff;}
.f-size-36{font-size:66px; font-weight:700; font-family:Cormorant Garamond,sans-serif; }
.f-size-65{font-size:65px;}
.f-size-44{font-size:44px !important; }
.bullt-icon{width: 14px; margin-top: -3px;margin-right: 5px;}
.m-0{margin:0;}
.mt-50{margin-top:50px !important;}
.mb-50{margin-bottom:50px;}
.mtb-30{margin: 30px 0;}
.pt-50{padding-top:50px;}
.pb-50{padding-bottom:50px;}
.pt-0{padding-top:0px !important;}
.color-ffffff{color:#ffffff !important;}
.color-083471{color:#083471 !important;}
.f-size-36{font-size:36px !important;}
.text-justify{text-align: justify;}
.home-p p{text-align: justify;}
.text-align-left p{text-align:justify;}
.aply-from{text-align:center;}
.aply-from a{background-color: #c4a465;
    text-transform: uppercase;
    transition: all 0.3s ease;
    padding: 10px 20px;
    color: #0a3370;
    font-family: var(--fontBody);
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 05px;
    cursor: pointer;
    z-index: 999}
/* Mobile responsiveness */
@media (max-width: 768px) {
  .grid-item-shw {
    flex: 1 1 100%;
  }
  .mt-200{height: 100%;}
  .mb-20{margin-bottom:30px !important;}
  .h-123{height:123vh !important;}
  .font-20{font-size:17px !important;}
  .font-19{font-size:17px !important;}
  .column-direction{flex-direction: column-reverse !important;}
  .mt-40-m{margin-top:40px;}
  .f-size-36{font-size:30px;}
  .f-size-65{font-size:42px;}
  .life-logo{width:73% !important;}
  .font-22{font-size:18px !important;}
  .bhopal-event{background-size: cover;}
  .od_cta{font-size:20px;padding: 11px 20px;}
  .plr-10{padding-right: 0px; padding-left: 0px;}
  .news-title{font-weight:200; font-size:40px !important;}
} 
.life-logo{width:25%;}
.font-22{font-size:22px;}
.max-500{max-width:500px !important;}
.font-20{font-size:20px;}
.font-19{font-size:19px;}
.text-justify{text-align: justify !important;}
.text-left{text-align: left !important;}
.text-center{text-align:center !important;}
.color-002b4f{color:#0a3370 !important;}
.color-d0ad67{color:#d0ad67;}
.bg-d5b261{background:#d5b261;}
.aply-bttn{background: #d0ad67;
    padding: 10px 15px 6px 15px;
    border-radius: 6px;
    color: #083471;
    font-weight: 700;
    vertical-align: middle;
    font-family: 'p22_undergroundlight', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: .1em;
    font-size: 14px;}
.indicator{background-color:#002b4f !important;} 
.widget_container{background-color:#ffffff00;}
.form-height iframe{height:575px; border-bottom: 2px dotted #002b4f;}

@media screen and (max-width: 768px) {
    .column-reverse {
        flex-direction: column-reverse !important;
    }
    .form-height iframe{height:635px;}
    .txt-wdth{width:98% !important}
    .form-width{width:100% !important; margin:0 auto;}
    .fo-size-42{font-size:36px;}
    
}
.d-flex{display:flex;}
.mrl-5{margin-left:5px; margin-right:5px;}
.txt-wdth{width:40%;}
.width-35{width:35px !important; margin: 0 10px 0 !important;}
.inline-flex{display: inline-flex !important;}
.mt-5{margin-top:5px;}
.mt-30{margin-top:30px;}
.admission-process{font-size:18px;}
.master-vid-btn{position: relative;
    top: 29%;
    left: 94%;
    width: 50px;
    background: no-repeat;
    border: 0;
    transform: translate(-65%, -145px);
}
#whatsapp-button{display: inline-block;
    /*background-color: #25d366;*/
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 0 5px 5px 0;
    position: fixed;
    bottom: 80px;
    left: 0;
    transition: background-color .3s, opacity .5s, visibility .5s;
    z-index: 1000;}
    #she-popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            width: 95%;
            max-width: 600px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            z-index: 1000;
            overflow: hidden;
            border-radius: 10px;
        }
        #she-popup img {
            width: 100%;
            height: auto;
        }
        #she-popup-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }
        .she-slider-bullets {
            text-align: center;
            padding: 10px;
            position: absolute;
        }
        .she-slider-bullets span {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 5px;
            background: #ccc;
            border-radius: 50%;
            cursor: pointer;
        }
        .she-slider-bullets .active {
            background: #007bff;
        }
        #she-close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #d1ae6c;
            color: white;
            border: none;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            font-size: 32px;
            line-height: 30px;
            text-align: center;
            cursor: pointer;
        }
.our-people{width: 200px !important; border-radius: 50%;}
.mt-150{margin-top:150px;}
.gov-body{margin: 5px 0; font-weight: 600; font-size: 17px;}
.form-width{width:50%; margin:0 auto;}
.quote-block{text-align: center; width: 60%; margin: 0 auto;}
.news-background{background: none !important; padding-bottom: 0px;}
.news-title{text-shadow: none; color:#002b4f !important; font-weight:200; font-size:73px;}
.news-container{width:900px; max-width:100%; margin:0 auto; padding: 0 15px;}
.news-hed-container{width: 90%; margin: 0 auto;}
.download-icon{width: 15px !important;  border-radius: 0 !important;  display: inline-block !important;  margin-bottom: 23px !important; }
.mt-0{margin-top: 0 !important;}
.newsroom-title{white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;display: inherit;}
.down-bio{font-size: 14px; padding: 8px 15px 6px;  font-weight: 600;font-family: 'p22_undergroundlight', Verdana, Arial, Helvetica, sans-serif;}
.mt-20{margin-top:20px;}
.mt-10{margin-top:10px !important;}
.fo-size-42{font-size:42px !important;}
.pdf-icon{width: 18px !important; display: inline-flex !important;  height: 20px !important;  margin-left: 8px !important;  margin-top: 0 !important; border-radius:0 !important; margin-bottom: 0px !important;}

    .calendar {
      display: flex;
      border: 1px solid #ccc;
      padding: 20px;
    }

    .column {
      padding-right: 20px;
    }

    .col-15 {
      width: 20%;
    }

    .col-70 {
      width: 60%;
    }

    .title-red {
      background: #e60000; color: white;
      padding: 3px 8px; font-weight: bold;
      display: inline-block; margin-bottom: 10px;
      font-size: 14px;
      margin-top: 15px;
    }

    .title-orange {
      background: #ff7f00; color: white;
      padding: 3px 8px; font-weight: bold;
      display: inline-block; margin-top: 15px; margin-bottom: 5px;
      font-size: 12px;
      margin-top: 15px;
    }

    .title-green {
      background: #00b050; color: white;
      padding: 3px 8px; font-weight: bold;
      display: inline-block;
      margin-bottom: 5px;
      font-size: 12px;
      margin-top: 15px;
    }

    .title-purple {
      background: #7030a0; color: white;
      padding: 3px 8px; font-weight: bold;
      display: inline-block;
      margin-bottom: 5px;
      font-size: 12px;
      margin-top: 15px;
    }

    .title-black {
      font-weight: bold; display: inline-block; margin-bottom: 10px;
      font-size: 12px;
      margin-top: 15px;
    }

    .holiday span {
      margin-right: 5px;
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      font-size: 12px;
    }

    .holiday span.red { background: #e60000; }
    .holiday span.orange { background: #ff7f00; }
    .holiday span.green { background: #00b050; }
    .holiday span.purple { background: #7030a0; }
    .holiday span.blue { background: #002060; }
    .holiday span.pink { background: #ff3399; }
    .holiday span.yellow { background: #ffc000; }

    .holiday { margin: 3px 0;font-size: 12px; }

    .sub-columns {
      display: flex;
      gap: 20px;
    }

    .sub-column {
      flex: 1;
    }
    @media only screen and (max-width: 768px) {
            .col-15 {
          width: 100%;
        }
    
        .col-70 {
          width: 100%;
        }
        .calendar, .sub-columns{display:block;}
        .in-height-viewport{min-height: 50vh;}
        
    }
.school-head{font-family: var(--fontHeading);
    font-size: 3vw;
    font-weight: 500;
    margin-top: 0px;
    color: var(--colorBlue);
}
    
.in-height-viewport{min-height: 100vh;}


.sher-overlay-section {
      position: relative;
      width: 100%;
      overflow: hidden;
    }

    .sher-overlay-wrapper {
      position: relative;
    }

    .sher-overlay-image {
      width: 100%;
      height: auto;
      display: block;
    }

    .sher-gradient-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 50%) 100%);
      z-index: 1;
    }

    .sher-overlay-heading {
      position: absolute;
      top: 70%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-size: 8rem;
      font-weight: 400;
      text-align: center;
      padding: 10px 20px;
      z-index: 2;
      width:100%;
    }

    .sher-image-desktop {
      display: block;
    }

    .sher-image-mobile {
      display: none;
    }

    @media screen and (max-width: 767px) {
      .sher-image-desktop {
        display: none;
      }

      .sher-image-mobile {
        display: block;
      }

      .sher-overlay-heading {
        font-size: 1.4rem;
        padding: 8px 16px;
      }
      .sher-overlay-heading {
        font-size: 1.4rem;
        padding: 8px 16px;
      }
      .sher-overlay-heading{font-size:3rem; top: 70%;}
    }
.scholarship-font p{font-family: 'p22_undergroundlight', Verdana, Arial, Helvetica, sans-serif !important;  color: #0a3370 !important;} 
.dark-p{color: #0a3370;padding-top: 0px;}
.mt-5{margin-top:5px;}
.mb-0{margin-bottom:0 !important ;}
.color-193f5f{color: #0a3370;}
/*Boarding Exprience*/
.f-26{font-size: 26px !important}
/*.program-overview{*/
/*  padding:20px;*/
/*}*/
.page-title{font-size:46px;}
@media (max-width: 768px){
  .page-title{font-size:28px;}
}
.program-container{
  margin:auto;
  display:flex;
  gap:20px;
  margin-top:50px;
}

.program-left{
  flex:3;
  border:0px solid #5a7fa6;
  padding:15px 0px;
  border-radius: 10px;
  /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}

.program-left h3{
  font-size:16px;
  margin-bottom:12px;
  line-height:1.4;
}

.program-features{
  display:flex;
  flex-wrap:wrap;
  gap:15px;
  font-size:14px;
}

.program-features span{
  position:relative;
  padding-right:15px;
  font-size:16px;
  font-weight:600;
}

.program-features span:not(:last-child)::after{
  content:"|";
  position:absolute;
  right:-6px;
}

.program-right{
  flex:1;
  border:0px solid #5a7fa6;
  padding:15px 0px;
  border-radius: 10px;
  /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}

.program-right ul{
  list-style:none;
  padding:0;
  margin:0;
}

.program-right li{
  margin-bottom:8px;
  font-size:17px;
}
.program-right li a{
  text-decoration:underline;
}

/* Mobile */
@media (max-width: 768px){
  .program-container{
    flex-direction:column;
  }
}
.week-timeline{
  padding:0px 0;
}

.timeline-container{
  margin:auto;
  border:0px solid #5a7fa6;
  padding:14px 0px;
  /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
  border-radius: 8px;
}

.timeline-container p{
  margin:0;
  font-size:16px;
  font-weight:400;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.timeline-container span{
  position:relative;
  padding-left:12px;
}

.timeline-container span::before{
  content:"|";
  position:absolute;
  left:0;
}

/* Mobile */
@media (max-width:768px){
  .timeline-container p{
    flex-direction:column;
    gap:6px;
  }

  .timeline-container span::before{
    display:none;
  }
}
.info-sections{
  padding:0px;
  margin-top: 0px;
}

.info-container{
  margin:auto;
  display:flex;
  gap:20px;
}

.info-box{
  flex:1;
  border:0px solid #5a7fa6;
  padding:14px 0px;
  /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
  border-radius: 8px;
}
.info-box-1{  
  flex:1;
  border:0px solid #5a7fa6;
  padding:14px 20px;
  border-radius: 8px;
    
}
.info-box h3{
  margin:0 0 6px 0;
  font-size:16px;
}

.info-box p{
  margin:0;
  font-size:16px;
}

.info-box span{
  margin:0 6px;
}

/* Mobile */
@media (max-width:768px){
  .info-container{
    flex-direction:column;
  }
}

.scholarship-wrapper{
    display:flex;
    gap:40px;
    align-items:flex-start;
    margin-top: 40px;
}

.scholarship-content{
    width:50%;
}

.scholarship-image{
    width:50%;
}

.scholarship-image img{
    width:100%;
    height:auto;
    display:block;
}

/* Mobile */
@media (max-width:768px){
    .scholarship-wrapper{
        flex-direction:column;
    }

    .scholarship-content,
    .scholarship-image{
        width:100%;
    }
}

.title-yellow{
  background: #fff200;
  color: #000000;
  padding: 3px 8px;
  font-weight: 600;
  display: inline-block;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 12px;
}
.title-pink{
  background: #ef579f;
  color: #fff;
  padding:3px 8px;
  font-weight: 600;
  margin-top: 15px;
    margin-bottom: 10px;
    font-size: 12px;
}

/* Titles */