@font-face {
	font-family: 'Gotham-Thin';
	src: url('../fonts/Gotham-Thin.eot');
	src: local('?'), url('../fonts/Gotham-Thin.woff') format('woff'), url('../fonts/Gotham-Thin.ttf') format('truetype'), url('../fonts/Gotham-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Black';
	src: url('../fonts/Gotham-Black.eot');
	src: local('?'), url('../fonts/Gotham-Black.woff') format('woff'), url('../fonts/Gotham-Black.ttf') format('truetype'), url('../fonts/Gotham-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Ultra';
	src: url('../fonts/Gotham-Ultra.eot');
	src: local('?'), url('../fonts/Gotham-Ultra.woff') format('woff'), url('../fonts/Gotham-Ultra.ttf') format('truetype'), url('../fonts/Gotham-Ultra.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Book';
	src: url('../fonts/Gotham-Book.eot');
	src: local('?'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Medium';
	src: url('../fonts/Gotham-Medium.eot');
	src: local('?'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Light';
	src: url('../fonts/Gotham-Light.eot');
	src: local('?'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


*{
    box-sizing:        border-box;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
}

html{
	padding: 0px;
	margin: 0px;
	border: 0px;
	min-height: 100%;
	width: 100%;
	background-color: rgb(50,50,50);
}			
body{
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 100%;
	max-width: 100%;
	min-height: 100%;
	font-family: 'Gotham-Light', sans-serif;
	color: white;
	letter-spacing: 0.05em;
}

h1{
	font-size: 2.5em;
	margin: 0 0 0.5em 0;
	font-family: 'Gotham-Book', sans-serif;
	line-height: normal;
}

h2{
	font-size: 2em;
	font-weight: bold;
	margin: 0 0 1em 0;
	color: rgb(200,200,200);
	font-family: 'Gotham-Book', sans-serif;
	line-height: normal;
}


h3{
	font-size: 1.4em;
	padding: 0;
	margin: 0 0 1em 0;
	font-family: 'Gotham-Book', sans-serif;
	line-height: normal;
}	
h4{
	font-size: 1.4em;
	font-weight: 300;
	margin: 0 0 1em 0;
	font-family: 'Gotham-Book', sans-serif;
}
h1 + h2{margin-top: 0em}
h3 + h2{margin-top: -0.5em}

p{
	margin: 0 0 1em 0;
	font-weight: 400;
}

a{
	color: rgb(220,220,220);
}
strong{
	font-family: Gotham-Book;
}
hr{
	margin: 0;
	padding: 0;
	border: none;
	height: 2px;
	background-image: -webkit-gradient(linear,left top, right top,from(rgb(124,124,124)), color-stop(50%, rgb(196,196,169)));
	background-image: linear-gradient(90deg,rgb(124,124,124) 0%, rgb(196,196,169) 50%);
}

/*-----------------------TITLE BAR ----------------------------------*/

header{
	position: relative;
	z-index: 2;
}
#title {
  position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	text-align: center;
	margin: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#ING-logo{
	width: min(23vw, 400px);
	max-width: calc(100% - 40px);
	filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
   transition: all 0.2s;
	padding-bottom: 1.5em;
}

.logo-social{
   position: fixed;
	text-align: center;
	/*
   left: 0;
   top: 0;
	*/
	left: 50%;
	top: 75%;
	opacity: 1;
   transform: scale(1) translate(-50%,-50%);
   transition: opacity 0.4s 0s, transform 0s 0.4s, top 0s 0.4s, left 0s 0.4s;
}


.social-container{
	position: relative;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.social-container a{
	display: inline-block;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	border-radius: 3px;
	margin: 1px;
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(196,196,196)), color-stop(50%, rgb(124,124,124)));
	background-image: linear-gradient(90deg, rgb(196,196,196) 0%, rgb(124,124,124) 50%);
	-webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
	filter: drop-shadow(0 0 10px rgba(0,0,0,1));
}
.social-container a:hover{
	opacity: 1;
}
.social-container a img{
   -webkit-transform: scale(1);
}


@media screen and (min-width: 800px){
	.shift{
		-webkit-animation-name: header-shift;
		animation-name: header-shift;
		-webkit-animation-duration: 1.5s;
		animation-duration: 1.5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	@-webkit-keyframes header-shift{
		0%{z-index: 2}
		99%{z-index: 2}
		100%{z-index: 6}
	}
	@keyframes header-shift{
		0%{z-index: 2}
		100%{z-index: 6}
	}
	.shift .logo-social{
		
		opacity: 1;
		top: -4.5em;
		left: -7em;
		transform: scale(0.4);
		transition: opacity 0.35s 0s, top 0s 0.35s, left 0s 0.35s, transform 0s 0.35s;
	}

	@-webkit-keyframes logo-shift{
		0%{opacity: 1;}
		49%{opacity: 0; top: 50%; left: 50%; -webkit-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%)}
		50%{top: -4.5em; left: -7em; -webkit-transform: scale(0.4); transform: scale(0.4)}
		100%{opacity: 1;top: -4.5em; left: -7em; -webkit-transform: scale(0.4); transform: scale(0.4)}
	}

	@keyframes logo-shift{
		0%{opacity: 1;}
		49%{opacity: 0; top: 50%; left: 50%; -webkit-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%)}
		50%{top: -4.5em; left: -7em; -webkit-transform: scale(0.4); transform: scale(0.4); z-index: }
		100%{opacity: 1;top: -4.5em; left: -7em; -webkit-transform: scale(0.4); transform: scale(0.4)}
	}
	
	.shift #navContainer{
		background-color: rgba(0,0,0,0.7);
		left: 12.5em;
	}

	.shift .social-container{
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	.shift ul.nav>li>a{
		height: 2em;
	}
	
}



/*-----------------------------------NAV STYLE -----------------------*/

.navControl{
	background-color: rgba(200,200,200,1);
}
.navControl .phone{
	color: black!important;
}
.navControl > a {
	background-color: black;
}
#navContainer{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	z-index: 10;
   background-color: transparent;
	font-size: 1.1em;
  	-webkit-transition: all 0.5s;
  	transition: all 0.5s;
   border-radius: 0 0 0 0.5em;
	font-family: 'Gotham-Light', sans-serif;
}


ul.nav{
	width: 100%;
	padding: 0.5em 0;
	margin: 0;
	list-style: none;
}

ul.nav li{
	position: relative;
	overflow: visible;
}

ul.nav>li{
	padding: 0;
	margin: 0;
   display: inline-block;
}

	
ul.nav>li>a{
	font-weight: bold;
	width: 100%;
	text-decoration: none;
	padding: 0 1.6em;
	color: rgb(255,255,255);
	text-align: center;
	height: 2em;
	white-space: nowrap;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;

	text-shadow: 0 0 10px black, 0 0 10px black, 0 0 20px black;
	
	-webkit-animation-name: nav_unhover;
	animation-name: nav_unhover;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes nav_unhover{
	0%{-webkit-transform: scale(1.25);transform: scale(1.25)}
	100%{-webkit-transform: scale(1);transform: scale(1)}
}
@keyframes nav_unhover{
	0%{-webkit-transform: scale(1.25);transform: scale(1.25)}
	100%{-webkit-transform: scale(1);transform: scale(1)}
}


ul.nav>li:hover>a, ul.nav>li.selected>a{
   -webkit-animation: nav_hover;
   animation: nav_hover;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
}
@-webkit-keyframes nav_hover{
   0% {-webkit-transform: scale(1);transform: scale(1)}
   40% {-webkit-transform: scale(1.3);transform: scale(1.3)}
   60% {-webkit-transform: scale(1.15);transform: scale(1.15)}
   80% {-webkit-transform: scale(1.28);transform: scale(1.28)}
   90% {-webkit-transform: scale(1.22);transform: scale(1.22)}
   100% {-webkit-transform: scale(1.25);transform: scale(1.25)}
}
@keyframes nav_hover{
   0% {-webkit-transform: scale(1);transform: scale(1)}
   40% {-webkit-transform: scale(1.3);transform: scale(1.3)}
   60% {-webkit-transform: scale(1.15);transform: scale(1.15)}
   80% {-webkit-transform: scale(1.28);transform: scale(1.28)}
   90% {-webkit-transform: scale(1.22);transform: scale(1.22)}
   100% {-webkit-transform: scale(1.25);transform: scale(1.25)}
}





ul.nav ul li:hover>a, ul.nav ul li.selected>a{
	background-color: rgba(255,255,255,0.7);
}

ul.nav>li ul{
	position: absolute;
	top: 100%;
	left: 60%;
	min-width: 100%;
	overflow: hidden;
	list-style:none;
	padding: 0;
	white-space: nowrap;
	max-height: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	text-align:center;
	background-color: rgba(0,0,0,0.8);
	line-height: 1.8em;
	/*
	-webkit-box-shadow: 0 5px 5px white;
	box-shadow: 0 0 20px rgba(220,181,149,0.6);
	*/
}
ul.nav>li>ul{
	left: 0%;
	overflow: hidden;
}
ul.nav>li ul:hover{
	overflow:visible;
}
ul.nav li:hover>ul{
	max-height: 600px;
	visibility: visible;
	z-index: 2;
}
ul.nav ul li:first-of-type{padding-top: 1em}
ul.nav ul li:last-of-type{padding-bottom: 1em}
ul.nav li>ul{
	z-index: 1;
   font-size: 0.8em;
   line-height: 1.4em;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}
ul.nav>li>ul>li a{
	display: block;
	text-align:left;
	text-decoration:none;
	width: 100%;
	height: 100%;
	font-family: Gotham-Light;
	color: rgb(255,255,255);
	padding: 0.5em;
}
ul.nav>li>ul>li ul{
	top: 10%;
	visibility: hidden;
}
ul.nav>li>ul>li:hover ul{
	visibility: visible;
}


.nav a>span{
	font-family: Gotham-Black;
	letter-spacing: 0.05em;
	font-style: italic;
}
.nav strong{
	font-family: Gotham-Book;
}

.navControl .phone{
	display: block;
	text-decoration: none;
	color: white;
	font-family: Gotham-Black;
	position: absolute;
	right: 5px;
	bottom: 3px;
	font-size: 1.4em;
}
.navControl span>a{
	background-color: transparent;
	padding: 0;
	width: auto;
	height: auto;
	border-radius: 0;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin-right: 0;
}
.navControl span>a:before,
.navControl span>a:after{
	display: none;
}

/* ----------------------- FOOTER ------------------------------ */

footer{
	position: relative;
	display: block;
	margin: 0;
	padding: 1em;
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(124,124,124)), color-stop(50%, rgb(196,196,196)));
	background-image: linear-gradient(90deg, rgb(124,124,124) 0%, rgb(196,196,196) 50%);
	overflow: hidden;
	text-shadow: 0 0 10px rgba(0,0,0,1);
	line-height: 1.3em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
footer a{
	font-family: Gotham-Light;
	color: white;
}
footer img.logo{
	position: relative;
	max-width: 100%;
	width: auto;
	height: auto;
   filter: drop-shadow(0 0 10px rgba(0,0,0,0.9));
	margin-bottom: 0.5em;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 40%;
	flex: 0 1 40%;
}
footer img.bckgrd{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: auto;
}

footer>div:first-of-type{
	flex: 0 1 25%;
}
footer>div:last-of-type{
	position: relative;
	text-align: center;
	overflow: hidden;
	vertical-align: middle;
	font-weight: bold;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
footer div span{
	font-size: 3em;
	font-family: Gotham-Thin;
	color: white;
	line-height: 1.1em;
}

.sub-footer{
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(220,181,149)), color-stop(50%, rgb(183,113,95)));
	background-image: linear-gradient(90deg, rgb(200,200,200) 0%, rgb(120,120,120) 50%);	background-color: rgb(40,40,40);
	color: white;
	font-size: 0.6em;
	color: white;
	text-align: center;
	line-height: 1.4em;
	padding: 2em;
	font-weight: 300;
	letter-spacing: 0.08em;
}
.sub-footer>div{
	color: rgba(255,255,255,0.4);
}

/* ----------------------------- GENERIC STYLES -------------------------*/


.tbl{
	display: table;
	width:  100%;
	border-collapse: collapse;
}
.tr{display: table-row}
.td{
	display: table-cell;
	padding: 0.1em 0.3em;
}

section{
	position: relative;
	line-height: 1.6em;
}

.divider{
	position: relative;
	padding: 0.5em;
	z-index: 3;
	-webkit-box-shadow: 0 -5px 5px rgba(0,0,0,0.5);
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(196,196,196)), color-stop(50%, rgb(124,124,124)));
	background-image: linear-gradient(90deg, rgb(196,196,196) 0%, rgb(124,124,124) 50%);
	font-size: 2em;
	text-align: center;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

.divider.contact div{
	display: inline-block;
	color: white;
	font-family: "Gotham-Thin";
	text-decoration: none;
	padding: 0 1em;
	vertical-align: middle;
}
.divider.contact div:first-of-type{
	font-size: 1.8em;
}
.divider.contact a{
	color: inherit;
	text-decoration: none;
}

.quoted{
	position: relative;
	font-style: italic;
	padding: 0 3em!important;
	text-align: left!important;
}
.quoted:before{
	content: '\201C';
	font-size: 3em;
	font-style: italic;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -0.0em;
	width: 0.5em;
	margin-left: -0.5em;
}
.quoted:after{
	content: '\201D';
	font-size: 3em;
	font-style: italic;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 0.2em;
}

/*
section,
footer,
.dr-link-container,
.mapBorder,
.DR-map-container,
.dr-slide-container{
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}
*/

section.main{
	min-height: 600px;
}


/* ---------------------- MORE GENERIC STYLES --------------------------------- */

.content{
	max-width: calc(100% - 4em);
	margin: 0 auto;
}
.content li{
	line-height: 1.4em;
	margin-bottom: 1em;
}


.generic-page{
	margin: 3em auto;
	background-color: white;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(88,89,91)), to(rgb(30,30,30)));
	background: linear-gradient(rgb(88,89,91), rgb(30,30,30));
	padding: 2em;
	color: white;
	overflow: hidden;
}
.generic-page h1{margin-bottom: 0.15em;}
.generic-page hr{margin-bottom: 1.5em;}

.page-banner{
	display: block;
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	width: 100%;
	height: 450px;
	overflow: hidden;
}
.page-banner h1,
.home-banner h1{
	text-shadow: 0 0 30px black, 0 0 50px black, 0 0 75px black;
	z-index: 2;
	font-family: Gotham-Light;
	line-height: 1em;
	margin: 0;	
	position: absolute;

	left: 50%;
	bottom: -0.35em;
   opacity: 0;
	-webkit-transform: translate3d(-50%,-50%, 0);
	transform: translate3d(-50%,-50%, 0);
	font-size: 4em;
	text-align: center;
	width: 100%;
	padding: 0.5em;
	
	-webkit-animation-name: title_slide;
	animation-name: title_slide;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out; 
}
.home-banner h1{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
/*
html[idevice] .page-banner h1{
	font-family: Gotham-Light;
	text-shadow: 0 0 30px black, 0 0 50px black, 0 0 75px black, 0 0 75px black;
}
*/
@-webkit-keyframes title_slide {
   0% {top: 45%; opacity: 0; -webkit-transform: translate3d(-50%,0,0) scale(0.8); transform: translate3d(-50%,0,0) scale(0.8)}
   100% {top: 50%; opacity: 1; -webkit-transform: translate3d(-50%,0,0) scale(1); transform: translate3d(-50%,0,0) scale(1)}
}
@keyframes title_slide {
   0% {opacity: 0; -webkit-transform: translate3d(-50%,0,0) scale(0.9); transform: translate3d(-50%,0,0) scale(0.9)}
   100% {opacity: 1; -webkit-transform: translate3d(-50%,0,0) scale(1); transform: translate3d(-50%,0%,0) scale(1)}
}
.page-banner h1 span{
	display: block;
	font-size: 0.5em;
	line-height: 1em;
}

.page-banner img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)){
	.page-banner img{
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
.gray{
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(124,124,124)), color-stop(50%, rgb(196,196,196)));
	background-image: linear-gradient(90deg, rgb(124,124,124) 0%, rgb(196,196,196) 50%);
}
.gold{
	background-image: linear-gradient(90deg, rgb(220,220,220) 0%, rgb(50,50,50) 50%);
}
.test{
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(49,69,132)), to(rgb(200,200,200)));
	background-image: linear-gradient(90deg, rgb(49,69,132) 0%, rgb(200,200,200) 100%);
}

.top{
	-webkit-box-shadow: 0 -10px 10px black;
	box-shadow: 0 -5px 5px rgba(0,0,0,0.5);
	position: relative;
	z-index: 3;
	overflow: hidden;
}

hr.mapBorder{
	display: block;
	margin: 0;
	padding: 0;
	height: 7px;
	border: none;
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(183,113,95)), color-stop(50%, rgb(220,181,149)));
	background-image: linear-gradient(90deg, rgb(183,113,95) 0%, rgb(220,181,149) 50%);
	position: relative;
	vertical-align: top;
}

.ing-map-container{
	position: relative;
	z-index: 3;
}

.full-width-img{
	max-width: calc(100% + 4em);
	margin: -2em 0 2em 0;
	display: block;
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	min-width: 650px;
}
.full-width-div,
.full-width-div-2{
	width: calc(100% + 4em);
	margin: -2em 0 2em 0;
	display: block;
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
}
.full-width-div img{
	width: 28.07%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
.full-width-div img:nth-of-type(2){
	width: 43.86%;
}

.full-width-div-2{
	margin: 2em 0 -2em 0;
}
.full-width-div-2 img{
	width: 35.30%;
	height: auto;
	display:  inline-block;
	vertical-align: top;
}
.full-width-div-2 img:nth-of-type(2){
	width: 29.4%;
}

.meet-group{
	text-align: center;
}
.meet-group h1{
	font-size: 3.5em;
	margin: 1em 0 0.5em 0;
}
.meet-group figure{
	margin: 0 auto;
	display: table;	
	max-width: 100%;
}
.meet-group figure img{
	width: 100%;
	height: auto;
/*	filter: saturate(0);*/
}
.meet-group figcaption{
	display: table-caption;
	caption-side: bottom;
}

.faculty-group{
	width: 100%;
	max-width: 1200px;
	margin: 4em auto;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 2em;
	flex-wrap: wrap;
}
.faculty-member{
	flex: 0 1 350px;
	display: table;
	margin: 0;
}
.faculty-member img{
	max-width: 100%;
}
.faculty-member figcaption{
	display: table-caption;
	caption-side: bottom;
	text-align: center;
}



/* --------------------------- HOME PAGE ------------------------- */

.home-banner{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-image: url("../images/2024/home-hero.webp");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transform: translateZ(0) scale(1,1);
	transform: translateZ(0) scale(1,1);
}



.aux-nav-3{
	background-image: linear-gradient(0deg, rgb(20, 20, 20), black);
	z-index: 3;
}
.aux-nav-3 > div {
	max-width: 1920px;
	margin: auto;
   display: flex;
   align-items: stretch;
   justify-content: space-between;
   flex-wrap: wrap;
}
.aux-nav-3 > div > div{
   display: block;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 500px;
   flex: 1 1 500px;
	margin: auto;
}
.aux-nav-links{
	display: block;
	width: 100%;
   position: relative;
   padding-bottom: 66%;
   background-position: center center;
   background-size: cover;
	text-decoration: none;
}

.aux-nav-3 > div > div:nth-of-type(1) .aux-nav-links{
   background-image: url("../images/2025/home/what-is-ing.jpg");
}
.aux-nav-3 > div > div:nth-of-type(2) .aux-nav-links{
   background-image: url("../images/2025/home/meet-ing.jpg");
}
.aux-nav-3 > div > div:nth-of-type(3) .aux-nav-links{
   background-image: url("../images/2025/home/upcoming-performances.jpg");
}
.aux-nav-3 > div > div:nth-of-type(4) .aux-nav-links{
   background-image: url("../images/2025/home/application-and-references.JPG");
}
.aux-nav-3 > div > div:nth-of-type(5) .aux-nav-links{
   background-image: url("../images/2025/home/what-others-say.JPG");
}
.aux-nav-3 > div > div:nth-of-type(6) .aux-nav-links{
   background-image: url("../images/2025/home/contact-us.jpeg");
}
.aux-nav-links + div{
   background-color: rgba(0,0,0,1);
	background-image: -webkit-gradient(linear,left top, right top,color-stop(0, rgb(183,113,95)), color-stop(15%, black), color-stop(85%, black), to(rgb(183,113,95)));
	background-image: linear-gradient(90deg,rgb(180, 180, 180) 0, black 15%, black 85%, rgb(180,180,180,95) 100%);
   color: white;
   position: relative;
   left: 0;
   bottom: 0;
   padding: 0.5em;
   text-align: center;
   font-size: 1.8em;
   width: 100%;
   text-shadow: 0 0 5px black, 0 0 10px black, 0 0 10px black, 0 0 25px black, 0 0 25px black;
	font-family: 'Gotham-Light', sans-serif;
}



.dr-slide-container{
	position: relative;
	z-index: 5;
	padding-bottom: 100vh;
	background-color: black;
}

.dr-link-container{
	position: relative;
	z-index: 5;
	padding: 7px 0;
   background-image: -webkit-gradient(linear, left top, right top, color-stop(75%, rgb(196,196,196)), to(rgb(124,124,124)));
   background-image: linear-gradient(90deg, rgb(196,196,196) 75%, rgb(124,124,124) 100%);
	line-height: 1.3em;
}
.dr-link-container>div{
	text-align: center;
	/*
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(124,125,127)), color-stop(50%, rgb(196,196,196)));
	background-image: linear-gradient(90deg, rgb(124,125,127) 0%, rgb(196,196,196) 50%);
	background-image: url("../images/marble-back.jpg");
	background-size: cover;
	background-position: bottom center;
	*/
	background-color: black;
	background-image: linear-gradient(60deg, black 0%, rgb(124,125,127) 25%, black 50%);
	color: white;
	padding: 1em;
}
.dr-link-container a{
	text-decoration: none;
}
.dr-link-container>div>div>div{
	font-size: 1.2em;
	color: white;
	display: inline-block;
	text-align: center;
	width: 12em;
	padding: 0 1em;
}
.dr-link-container img{
	vertical-align: top;
	max-height: 40px;
	padding-bottom: 3%;
}

.dr-logo-container{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.dir-logo-container a{
	display: inline-block;
}


/* ----------------- WHAT IS PAGE -------------------------------------- */

.ul-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.ul-column{
	background-image: linear-gradient(120deg, rgb(50,50,50) 30%, rgb(150,150,150) 70%, rgb(80,80,80) 100%);
	border-radius: 0.5em;
	padding: 1em;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 500px;
	flex: 0 1 500px;
	margin: 1em;
}
.ul-column ul{
	padding-left: 1.5em;
}
.ul-column li{
	margin-bottom: 0.2em;
}
.options-container{
	width: calc(100% -40px);
	max-width: 1200px;
	margin: 2em auto;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1em;
}
.options-container > div {
	flex: 1 1 0;
	text-align: center;
	padding: 0.2em 2em;
	max-width: 350px;
	color: white;
	background-image: linear-gradient(60deg, black 30%, rgb(80,80,80), black 70%);
	border: 2px solid white;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2em;
}


/* --------------- QUOTE OF THE DAY --------------------------- */

.qod{
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	padding: 0.5em;
	color: white;
	font-family: Gotham-Thin;
	font-size: 2.5em;
	width: 600px;
	max-width: 100%;
	background-color: transparent;
	text-shadow: 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);
	text-align: center;
}
.qod b{
	font-size: 0.5em;
	text-decoration: underline;
}
.qod br{
	line-height: 2em;
}
.qod br:last-of-type{
	display: none;
}
.qod a, #mannaverse-reference{
	font-size: 0.5em;
	color: white;
  font-family: Gotham-Light;
	font-style: italic;
	display: block;
	text-align: right;
	text-decoration: none;
	pointer-events: none;
}


/* ------------------------------ MEET ING PAGES ------------------------- */

.group-container{
	width: 1400px;
	max-width: 95%;
	text-align: center;
	margin: 0 auto;
	display: flex;
	gap: 1em;
}
.group-container figure{
	width: calc(25% - 2em);
	min-width: calc(200px - 1em);
	margin: 1em auto;
	display: inline-table;
}
.group-container figcaption{
	caption-side: bottom;
	text-align: center;
	font-weight: bold;
	color: white;
}
.group-container img{
	width: 100%;
	height: auto;
	-webkit-filter: drop-shadow(0 0 10px black);
	filter: drop-shadow(0 0 10px black);
	vertical-align: top;
}

.company-ii figure{
	width: calc(20% - 2em);
}

.trainees {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1em;
	flex-wrap: wrap;
}
.trainees figure{
/*	background-image: linear-gradient(30deg, rgb(250,250,250), rgb(120,120,120));*/
	width: auto;
	min-width: 0;
}
.trainees figure img {
	width: auto;
	height: 200px;
}
.group-container {
	display: flex;
	flex-wrap: wrap;
	column-gap: 1em;
}
.ambassadors img {
	height: 360px;
}
.meet-group h2{
	margin-top: 3em;
}

/* ------------------------------ GALLERY PAGES -------------------------- */

.dr-gallery{padding: 0; overflow: visible;}

/* ------------------------ OTHERS ARE SAYING PAGE --------------------- */

.What_Others_Say .BGM-resource-category-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.What_Others_Say .BGM-resource-catHeader{
	padding: 1em 0 0.35em 0;
}
.What_Others_Say .BGM-resource-item-container{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 400px;
	flex: 1 1 400px;
	margin: 1em;
	background-color: #F0F0F0;
	background-image: linear-gradient(120deg, rgba(196,196,196,0.5) 0%, rgba(196,196,196,0.0) 75%, rgba(170,170,170,1) 100%);
}
.What_Others_Say .BGM-resource-item{
	margin: 0;
	color: black;
	background-color: transparent;
}
.What_Others_Say .BGM-resource-img{
	max-width: 50%;
	border: none;
}
.What_Others_Say .BGM-resource-details p:nth-last-of-type(n+2)::before,
.What_Others_Say .BGM-resource-details p:nth-last-of-type(2)::after
{
    content: '\201C';
    display: inline-block;
    font-size: 3em;
    line-height: 0.66em;
    height: 0.6em;
    vertical-align: middle;
	margin: -1em 0.05em;
	font-family: Times;
	font-weight: 900;
	color: rgb(183,113,95);
}
.What_Others_Say .BGM-resource-details p:nth-last-of-type(2)::after{
	content: '\201D';
}
.What_Others_Say .BGM-resource-itemHead{
	font-family: Gotham-Book;
	font-weight: normal;
}

/* --------------------------- FORMS PAGE ------------------------------- */

.forms-page{
	text-align: center;
}
.forms-page a{
	display: inline-table;
   width: calc(45% - 2em);
   max-width: 400px;
	min-width: 250px;
	text-decoration: none;
	font-size: 1.6em;
	margin: 0 0.5em;
}
.forms-page a img{
	width: 100%;
	height: auto;
}
.forms-page a div{
	display: table-caption;
	caption-side: top;
	text-align: center;
	padding: 0.5em;
}


/* -------------------------- DEFAULT OVERRIDES --------------------------*/

#bgm-ss-enunciator{
	bottom: 0.6em;
	right: 1em;
	z-index: 10;
}
.BGM-CMS-form-container,
.BGM-login-container{
	font-family: Gotham-Light;
}
.BGM-CMS-form-container strong{
	font-family: Gotham-Book;
}

.BGM-contact-required{
	color: rgb(220,181,149);
}
.BGM-form input[type=submit]{
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(124,124,124)), color-stop(50%, rgb(196,196,196)));
	background-image: linear-gradient(0deg, rgb(124,124,124) 0%, rgb(196,196,196) 50%);
}
.BGM-contact-form{
   overflow:hidden;
}
.BGM-reviewBox{
   width: 100%;
   margin: 0;
   padding: 1em;
   font-family: Gotham-Light;
}
.BGM-upcomingEvents-none{
	background-color: transparent;
}
.BGM-vidFeature-container{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.bgm-big-screen-container{
	max-width: calc(80vh / .57)
}
.bgm-vid-thumbnails figCaption{text-align: left;}

#vidDetails{
	text-align: center;
	font-size: 1em;
}

.BGM-upcomingEvent-Container{
	background-color: black;

}
.BGM-upcomingEvent-Date{
	padding: 0 0 0.35em 0;
}

.BGM-upcomingEvent-accimg {
    float: right;
    margin: 0 0 1em 1em;
    max-height: 390px;
}

.BGM-upcomingEvent-MapLink{
	color: white;
	font-family: Gotham-Book;
}
	
.BGM-upcomingEvent-Location span{
	font-family: Gotham-Book;
}

.BGM-form input[type=password], .BGM-form input[type=text], .BGM-form input[type=email], .BGM-form input[type=tel], .BGM-form input[type=file], .BGM-form input[type=submit], .BGM-form select, .BGM-form .input, .BGM-form textarea{
	min-width: 0px;
}

.storeForm label input[readonly], .storeForm label select[readonly]{
	color: white;
}
.storeItemHead{
	margin-top: 0.5em;
}

.anon-login{
	font-size: 1.4em;
}
#optionHolder{
	color: black;
}
.BGM-product-specialNote{
	color: white!important;
}
.productPrice{
	display: none;
}


/* ----------------- POPOVER STYLES ------------- */

.popover{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: fixed;
	text-align: center;
	right: -520px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: rgba(0,0,0,0.75);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	z-index: 10;
	padding: 2em;
	border-radius: 0.5em;
	width: 500px;
	max-width: calc(100% - 4em);
	height: 300px;
	max-height: calc(100% - 4em);
	-webkit-box-shadow: 0 0 1em black;
	box-shadow: 0 0 1em black;
	-webkit-animation-name: popshow ease 3s;
	animation-name: popshow;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes popshow{
	0%{right: -520px; opacity : 0}
	100%{right: 2em; opacity : 1}
	
}
@keyframes popshow{
	0%{right: -520px; opacity : 0}
	100%{right: 2em; opacity : 1}
	
}
.popover a{
	display: inline-block;
	padding: 0.5em 2em;
	text-decoration: none;
	font-weight: bold;
	color: white;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(220,181,149)), color-stop(50%, rgb(183,113,95)));
	background-image: linear-gradient(0deg, rgb(220,181,149) 0%, rgb(183,113,95) 50%); 
	border-radius: 0.25em;
}
.popover button{
	border: none;
	background-color: transparent;
	color: red;
	font-family: 'Material icons';
	font-size: 1.5em;
	position: absolute;
	top: 0.5em;
	right: 0.5em;
}

/* --------------------- MEDIA QUERIES ------------------------------------ */


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

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

@media screen and (max-width: 1400px){
	body{font-size: 0.8em;}
	.shift .logo-social{
		/*
		*/
		-webkit-transform: scale(0.35);
		transform: scale(0.35);
		left: -10em;
   	top: -6em;
	}

	@-webkit-keyframes logo-shift{
		0%{opacity: 1;}
		49%{opacity: 0; top: 50%; left: 50%; -webkit-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%)}
		50%{top: -6em; left: -10.5em; -webkit-transform: scale(0.35); transform: scale(0.325);}
		100%{opacity: 1;top: -6em; left: -10.5em; -webkit-transform: scale(0.325); transform: scale(0.325)}
	}

	@keyframes logo-shift{
		0%{opacity: 1;}
		49%{opacity: 0; top: 50%; left: 50%; -webkit-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%)}
		50%{top: -6em; left: -10.5em; -webkit-transform: scale(0.325); transform: scale(0.325); z-index: }
		100%{opacity: 1;top: -6em; left: -10.5em; -webkit-transform: scale(0.325); transform: scale(0.325)}
	}
	.shift #navContainer{
		left: 13.5em;
	}
}

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

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

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

@media screen and (max-width: 950px){
	.hack-spacer{height: 9em;}
}

@media screen and (max-aspect-ratio: 1), 
		 screen and (orientation: portrait),
		 screen and (max-width: 800px){
			 
	body{margin-top: 45px;}
	#title{
		position: fixed;
		top: 0;
		left: 0%;
		bottom: 0;
		width: auto;
		min-width: 190px;
		background-color: rgba(0,0,0,0.85);
		z-index: 9;
		-webkit-box-shadow: 0 0 10px black;
		box-shadow: 0 0 10px black;
		overflow: visible;
		padding: 45px 0 0 0;
	
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);
	}


	#navContainer{position: relative; font-size: 1em; padding: 0;z-index: 20; left: 0!important}
	.navHolder{width: 100%; height: auto;}
	ul.nav{display:block!important;}
	ul.nav a{padding: 0 1em;}
	ul.nav>li>a{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; text-align: left; height: 3em; padding: 0 1em;}
	ul.nav>li{display: block;}
   ul.nav>li:hover>a, ul.nav>li.selected>a{-webkit-animation: none;animation: none}
	
	.navControl{display: block}

   ul.nav>li:hover>a, ul.nav>li.selected>a{
     background-color: rgba(255,255,255,0.7);
     -webkit-transform: scale(1);
     transform: scale(1);
     text-shadow:   0 0 10px rgba(0,0,0,1);
   }
   ul.nav li>ul{font-size: 0.9em;}
	
	.logo-social,
	.shift .logo-social{
		width: 15em;
		position: absolute;
		top: auto;
		bottom: 1em;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%) ;
		-webkit-animation-name: none;
		animation-name: none;
	}
	.divider{font-size: 1.5em}
	.home-banner{
		top: 45px;
		height: calc(100vh - 45px);
		height: 50vh;
	}
	.home-banner h1{
		display: block;
		font-size: 3em;
	}
	.dr-slide-container{
		padding-bottom: 60%;
	}
	




.BGM-store-product-image figcaption{display: none;}

}
	

@media screen and (max-width: 700px){
	.divider.contact div{padding: 0;}
	footer{text-align: center;}
	footer img.logo{float: none; min-width: 250px; }
}

@media screen and (max-width: 600px){
   .hotel-details,
   .event-info,
   .tour-schedule{
      font-size: 0.8em;
      min-height: 220px;
   }
	
	.faculty-image{
		margin: 1em auto;
		display: block;
		float:none;
		max-width: 100%;
	}
}
@media screen and (max-width: 500px){
	.qod{font-size: 2em;}
	.bio img{float:none; margin: 1em auto; display:block;}
	.faculty-headline{font-size: 3em}
	footer div span{font-size: 2em;}
	.page-banner{height: 350px;}
	.page-banner h1,
	.home-banner h1{
		font-size: 2.5em;
	}
	.divider{font-size: 1em}
}

@media screen and (max-width: 450px){
   .hotel-details,
   .event-info{
      font-size: 0.7em;
   }
	.left-column{font-size: 0.85em}
	.content {max-width: 100%;margin: 0}
}

@media screen and (max-width: 400px){
	#navContainer{font-size: 0.9em;}
}




@media print{
	.main{width: 1400px!important}
	.noprint, .page-banner{display:none;}
	.BGM-CMS-admin-control, .BGM-CMS-form-container, #bgm-cms-screen, .aux-link-container, .homeRule, .slide-show{display:none;}
	*{background-color: white!important; background-image: none!important; background: initial!important; color: black!important;}
	body{color:black;}
	input, textarea, select {outline:none!important; border: none!important;}
}

/*-----------*/