.introSection {
	background-image:none;
	background-color:#535353;
}
.introDescript {
	margin-bottom: 3rem;
}
.introDescript p {
	color:#ffcd00;
	font-weight:700;
}
.planButtContain {
	padding:0rem;
	text-align: left;
}
.planButt {
	font-family: 'Antonio';
	font-size:1.1rem;
	color: #000;
	font-weight:600;
	background-color:#fff;
	margin-bottom: 1rem;
	text-transform: uppercase;
	border-radius:0rem;
	min-width: 200px;
	text-align: left;
	padding: 10px 25px;
}
.planButt:hover {
	background:#ffcd00;
}
.planButt::after {
	content: "\f061";
	font-family: 'Font Awesome 5 Pro';
	color: #ffcd00;
	margin-left: .5rem;
	float:right;
}
.planButt:hover::after {
	color: #fff;
}
.planButt.selected {
	background-color:#ffcd00;
}
.planButt.selected:hover::after {
	display:none;
}
.menu-item {
	position:relative;
}
.menu-item.activePage::after {
	content: ' ';
	width: 3rem;
	background-color: #ffcd00;
	height: .2rem;
	display: block;
	position: absolute;
	margin-top: .5rem;
	left: 0;
	right: 0;
	margin-inline: auto;
}
.mobileIntroButts {
	display:none;
}





/*
#
#
#
PLANS SECTION 
#
#
#
*/
.plansSectionContain {
	
}
.plansSection {
	display:none;
	/*min-height:800px;*/
}
.plansSection.active {
	display:inherit;
}
.buildingPic {
	height:100%;
	width:100%;
	/*width:900px;*/
}
.dot {
	fill:#fff;
	cursor:pointer;
	animation: shadow-pulse 1s infinite;
	stroke: black;
	stroke-width: .2rem;
	stroke-opacity: 75%;
}
.dot:hover {
	fill:#ffcd00;
}
@keyframes shadow-pulse{
  0% {
    -webkit-filter: drop-shadow(0 0 0px rgba(0, 0, 0, 1));
	filter: drop-shadow(0 0 0px rgba(0, 0, 0, 1));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0));
	filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0));
  }
}
.planModal .modal-lg {
	max-width: 1200px;
	
}
.planModal .modal-header {
	background:transparent;
	position:relative;
	margin-top:3rem;
	border: none;
}
.modalClose {
	position:absolute;
	left: 0;
	right: 0;
	margin-inline: auto;
	z-index: 2000;
	bottom: -1.5rem;
	filter: drop-shadow(0 .5rem 0.75rem #000);
}
.planModal .modal-content {
	background:transparent;
	border: none;
}
.planModal .modal-body {
	padding:0rem;
	padding-right:1rem;
	background:#fff;
}

.planModalTitle {
	margin-bottom:3rem;
	margin-top:2rem;
}
.planModalTitle h3 {
	font-family: 'Zilla Slab', serif;
	font-weight: 700;
	font-size: 1.6rem;
}
.planModalTitle h3::after {
	content: ' ';
	width: 85px;
	background-color: #ffcd00;
	height: 3px;
	display: block;
	position: absolute;
	margin-top: 1.5rem;
}
.planModalTitle, .planModalText {
	padding-right:1rem;
}
.planModalText {
	margin-bottom:2.5rem;
}
.planModalDiv {
	min-height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.planModalImage {
	min-height: 600px;
}
.mobileCloseButt {
	display:none;
}
.room {
	opacity:.7;
}
.room:hover {
	opacity:1;
}
.room:focus {
	outline:0;
}
#mobileLevelMenu {
	text-transform: uppercase;
	border-radius: 0rem;
	font-weight: 700;
	background-color: #ffcd00;
	color: #000;
	cursor: pointer;
	padding: .3rem 1rem;
	/*-moz-appearance:none; 
    -webkit-appearance:none;
    appearance:none;*/
}
.mobilePlanButtContain {
	border-radius:0rem;
}
.mobilePlanButt {
	border-radius:0rem;
	background-color: #fff;
	color: #000;
}
.mobileButtonArrow {
	float:right;
}
.50WidthImage {
	width:50%;
}
#exteriorModalImage {
	background-image: url(../images/img-floor-plan-modal-connector-entrance.jpg);
}
#levelTwoModalImage {
	background-image: url(../images/img-floor-plan-modal-conference-room.jpg);
}
#groundModalImage {
	background-image: url(../images/img-floor-plan-modal-connector-entrance-inside.jpg);
}
#levelOneModalImage {
	background-image: url(../images/img-floor-plan-modal-event-space.jpg);
}
#levelThreeModalImage {
	background-image: url(../images/img-floor-plan-modal-room.jpg);
}
#levelOneCommonsModalImage {
	background-image: url(../images/img-floor-plan-modal-commons.jpg);
}
#levelTwoBridgeModalImage {
	background-image: url(../images/img-floor-plan-modal-bridge.jpg);
}
#levelTwoStudentModalImage {
	background-image: url(../images/img-floor-plan-modal-room.jpg);
}
#activeLearningGroundModalImage {
	background-image: url(../images/img-floor-plan-modal-active-learning-g.jpg);
}
#entreHubGroundModalImage {
	background-image: url(../images/img-floor-plan-modal-learning-hub.jpg);
}
#largeClassGroundModalImage {
	background-image: url(../images/img-floor-plan-modal-classroom.jpg);
}
#levelOneActiveLearningImage {
	background-image: url(../images/img-floor-plan-modal-active-learning-1.jpg);
}
#financeInstituteLevelOneImage {
	background-image: url(../images/img-floor-plan-modal-finance-institutes-suite.jpg);
}
#levelOnePatslImage {
	background-image: url(../images/img-floor-plan-modal-pats-diner.jpg);
}
#careerServicesLevelOneImage {
	background-image: url(../images/img-floor-plan-modal-career-services.jpg);
}
#levelTwoFrankModalImage {
	background-image: url(../images/img-floor-plan-modal-frank-communication-center.jpg);
}
#levelTwoDeptEconModalImage {
	background-image: url(../images/img-floor-plan-modal-economics-department.jpg);
}
#levelThreeDeptFinanceModalImage {
	background-image: url(../images/img-floor-plan-modal-finance-department.jpg);
}
#levelTwoProfComModalImage {
	background-image: url(../images/img-floor-plan-modal-innovation-lab.jpg);
}
#levelTwoAnalLabModalImage {
	background-image: url(../images/img-floor-plan-modal-ai-analytics-lab.jpg);
}
#exteriorModalImageTwo {
	background-image: url(../images/img-floor-plan-modal-green.jpg);
}
#levelTwoStudentSuccessModalImage {
	background-image: url(../images/img-floor-plan-modal-student-success-2.jpg);
}
#gilmoreGroundModalImage, #gilmoreFirstModalImage {
	background-image: url(../images/img-floor-plan-modal-gilmore-grand-stairs.jpg);
}



/*
#
#
#
RESIZE SECTION 
#
#
#
*/
@media screen and (min-width: 900px) and (max-width: 1100px) {
	.introTitle {
		margin-top:3rem;
	}
	.introTitle > h1 {
		font-size: 3.5rem;
	}
	.introDescript {
		margin-bottom: 1.5rem;
	}
	.introDescript p {
		font-size: 1rem;
	}
	.planModal .modal-lg {
		max-width: 900px;
	}
}
@media screen and (min-width: 700px) and (max-width: 899px) {
	.introTitle > h1 {
		font-size: 3rem;
		margin-top: 4rem;
	}
	.introDescript p {
		font-size: 1rem;
	}
	.introDescript {
		margin-bottom: 1.2rem;
	}
	.planModalImage {
		min-height: 400px;
	}
}
@media screen and (min-width: 0px) and (max-width: 600px) {
	.introButts {
		display:none;
	}
	.mobileIntroButts {
		display:inherit;
	}
	.introTitle > h1 {
		margin-top: 4.5rem;
		font-size: 3.2rem;
	}
	.introDescript p {
		font-size: 1.1rem;
	}
	.introDescript {
		margin-bottom: 1rem;
	}
	.introPlanContain {
		padding: 0rem 3rem;
	}
	.planModalTitle h3 {
		text-align: center;
	}
	.planModalTitleImage {
		margin-top: 3rem;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.planModalTitle h3::after {
		content: ' ';
		width: 5rem;
		background-color: #ffcd00;
		height: .2rem;
		display: block;
		position: absolute;
		margin-top: .5rem;
		left: 0;
		right: 0;
		margin-inline: auto;
	}
	.planModal .modal-lg {
		max-width: 100%;
	}
	.planModal .modal-body {
		padding-right: 0rem;
	}
	.mobileCloseButt {
		display:inherit;
	}
	.planModalImage {
		min-height: 25px;
	}
	.planModalContent > .col-sm-6 {
		min-height:300px;
	}
}