#mobNav { display: none; }
#myNav { display: block; }

/* SCROLL UP NAV BAR STARTS HERE */

.scrollupbar { 
background-color: rgba(153, 153, 153, 0.7);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-blend-mode: multiply;
height: 70px;
width: 90%;
opacity: 0;
position: fixed;
z-index: 11;
top: -70px;
padding: 18px 5% 0px 5%;
margin: 0 auto;
transition: all 0.5s ease;
}

/* SCROLL UP NAV BAR ENDS HERE */
	
/* PRIVATE EQUITY SLIDE STARTS HERE */

.pe-overlay {
height: 100%;
width: 55%;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
opacity: 0;
position: fixed;
z-index: 110;
top: 0;
right: -55%;
background-color: #ffffff;
overflow-x: hidden; /* allows info inside div to scroll */
transition: 0.5s;
}

.slidetop { width: 86%; margin: 100px auto 50px auto; }
.slideclosebtn { font-size: 15pt; padding-right: 70px; display: inline-block; }
.slideclosebtn a { text-decoration: none; transition: 0.2s; color: #000000; }
.slideclosebtn a:hover, .closebtn a:focus { color: #666666; }
.slidenavtitle { font-size: 15pt; color: #666666; display: inline-block; }

.slidemiddle { width: 86%; margin: 0 auto; vertical-align: top; text-align: left; }

.slidemiddle a {
padding: 0px 0px 10px 0px;
text-decoration: none;
font-size: 24pt;
line-height: 26pt;
letter-spacing: -1px;
display: inline-block;
transition: 0.3s;
color: #666666;
}

.slidemiddle a:hover { color: #000000; transform: translate( 5px, 0 ); }

.slidebottom { width: 70.3%; margin: 50px auto 0 auto; position: relative; vertical-align: top; padding-bottom: 60px; }
.slidebottom img { width: 100%; border-radius: 15px; }
.slideimg { position: relative; }
.slideimgtwo { position: absolute; z-index: 102; }
.slideimgthree { position: absolute; z-index: 103; }
.slideimgfour { position: absolute; z-index: 104; }
.slideimgfive { position: absolute; z-index: 105; }
.slideimgsix { position: absolute; z-index: 106; }

#peoverHide { opacity: 1; transition: 0.5s; }
#lsSwap { opacity: 0; transition: 0.5s; }
#softSwap { opacity: 0; transition: 0.5s; }
#aiSwap { opacity: 0; transition: 0.5s; }
#semiSwap { opacity: 0; transition: 0.5s; }
#otherSwap { opacity: 0; transition: 0.5s; }

/* PRIVATE EQUITY SLIDE ENDS HERE */

/* VENTURE INCUBATION SLIDE STARTS HERE */

.vi-overlay {
height: 100%;
width: 55%;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
opacity: 0;
position: fixed;
z-index: 110;
top: 0;
right: -55%;
background-color: #ffffff;
overflow-x: hidden; /* allows info inside div to scroll */
transition: 0.5s;
}

#viHide { opacity: 1; transition: 0.5s; }
#vclsSwap { opacity: 0; transition: 0.5s; }
#vcmtSwap { opacity: 0; transition: 0.5s; }
#vcdtSwap { opacity: 0; transition: 0.5s; }
#vcgtSwap { opacity: 0; transition: 0.5s; }

/* VENTURE INCUBATION SLIDE ENDS HERE */

/* REAL ESTATE SLIDE STARTS HERE */

.re-overlay {
height: 100%;
width: 55%;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
opacity: 0;
position: fixed;
z-index: 110;
top: 0;
right: -55%;
background-color: #ffffff;
overflow-x: hidden; /* allows info inside div to scroll */
transition: 0.5s;
}

#reHide { opacity: 1; transition: 0.5s; }
#specSwap { opacity: 0; transition: 0.5s; }
#hosSwap { opacity: 0; transition: 0.5s; }
#propsSwap { opacity: 0; transition: 0.5s; }

/* REAL ESTATE SLIDE ENDS HERE */

/* PORTFOLIO NAV STARTS HERE */

.overlay {
height: 0;
width: 100%;
position: fixed;
z-index: 100;
top: 0;
left: 0;
background-color: #f4f1ea;
overflow-x: hidden;
transition: 0.5s;
}

.navtop { width: 86%; margin: 100px auto 50px auto; }
.navtoplft { width: 45%; display: inline-block; color: #666666; }
.navtoprt { width: 55%; display: inline-block; vertical-align: top; }
.navtitle { font-size: 15pt; color: #666666; display: inline-block; position: relative; opacity: 1; transition: 1s;  }

.closebtn { cursor: pointer; font-size: 15pt; float: right; display: inline-block; }
.closebtn a { text-decoration: none; transition: 0.2s; color: #000000; }
.closebtn a:hover, .closebtn a:focus { color: #666666; }

.navpointer { cursor: pointer; }

.navmiddle { width: 86%; margin: 0 auto; }
.navmiddlelft { width: 44%; display: inline-block; vertical-align: top; text-align: left; margin: 0px; }

.navmiddlelft a {
padding: 0px 0px 10px 0px;
text-decoration: none;
font-size: 28pt;
line-height: 30pt;
letter-spacing: -1px;
display: inline-block;
transition: 0.3s;
color: #666666;
}

.navmiddlelft a:hover { color: #000000; transform: translate( 5px, 0 ); }
.navmiddlert { width: 55%; display: inline-block; vertical-align: top; text-align: left; margin: 0px; float: right; position: relative; visibility: visible; opacity: 1; transition: 1s; }

.navmiddlert a {
padding: 0px 0px 10px 0px;
text-decoration: none;
font-size: 28pt;
line-height: 30pt;
letter-spacing: -1px;
display: inline-block;
transition: 0.3s;
color: #666666;
}

.navmiddlert a:hover { color: #000000; transform: translate( 5px, 0 ); }

.navbottom { width: 86%; margin: 150px auto 0 auto; padding-bottom: 60px; }
.navbottomlft { width: 54%; display: inline-block; vertical-align: bottom; }
.navli { padding: 0; margin: 0; vertical-align: bottom; }
.navli img { width: 20px; }

.navbottomrt { position: relative; width: 45%; display: inline-block; vertical-align: top; margin-left: 1%; }
.navbottomrt img { width: 100%; border-radius: 15px; }
.ophovimg { opacity: 1; transition: 1s; }
.navimgop { position: relative; }
.navimgoptwo { position: absolute; z-index: 102; }
.navimgopthree { position: absolute; z-index: 103; }
.navimgopfour { position: absolute; z-index: 104; }
.navimgopfive { position: absolute; z-index: 105; }

#peHide { opacity: 1; transition: 0.5s; }
#ventureSwap { opacity: 0; transition: 0.5s; }
#realSwap { opacity: 0; transition: 0.5s; }
#lendingSwap { opacity: 0; transition: 0.5s; }
#completeSwap { opacity: 0; transition: 0.5s; }

/* PORTFOLIO NAV ENDS HERE */

/* APPROACH IMAGE SWAPS START HERE */

.oahovimg { opacity: 0; transition: 1s;  z-index: 106; position: absolute; width: 100%; display: inline-block; vertical-align: top; }
.oahovimg img { width: 100%; border-radius: 15px; }
.navimgoa { position: relative; }
.navimgoatwo { position: absolute; z-index: 102; }
.navimgoathree { position: absolute; z-index: 103; }
.navimgoafour { position: absolute; z-index: 104; }

#isHide { opacity: 1; transition: 0.5s; }
#milestonesSwap { opacity: 0; transition: 0.5s; }
#valuesSwap { opacity: 0; transition: 0.5s; }
#bwiSwap { opacity: 0; transition: 0.5s; }

/* APPROACH IMAGE SWAPS END HERE */

/* TEAM IMAGE SWAPS START HERE */

.othovimg { opacity: 0; transition: 1s;  z-index: 106; position: absolute; width: 100%; display: inline-block; vertical-align: top; }
.othovimg img { width: 100%; border-radius: 15px; }
.navimgot { position: relative; }
.navimgottwo { position: absolute; z-index: 102; }
.navimgotthree { position: absolute; z-index: 103; }
.navimgotfour { position: absolute; z-index: 104; }

#exHide { opacity: 1; transition: 0.5s; }
#peportSwap { opacity: 0; transition: 0.5s; }
#partnersSwap { opacity: 0; transition: 0.5s; }
#assocSwap { opacity: 0; transition: 0.5s; }

/* TEAM IMAGE SWAPS END HERE */

/* COMPANY IMAGE SWAPS START HERE */

.ochovimg { opacity: 0; transition: 1s;  z-index: 106; position: absolute; width: 100%; display: inline-block; vertical-align: top; }
.ochovimg img { width: 100%; border-radius: 15px; }
.navimgoc { position: relative; }
.navimgoctwo { position: absolute; z-index: 102; }
.navimgocthree { position: absolute; z-index: 103; }
.navimgocfour { position: absolute; z-index: 104; }

#newsHide { opacity: 1; transition: 0.5s; }
#locationsSwap { opacity: 0; transition: 0.5s; }
#citizenSwap { opacity: 0; transition: 0.5s; }
#contactSwap { opacity: 0; transition: 0.5s; }

/* COMPANY IMAGE SWAPS END HERE */

/* OUR COMPANY SUB MENU STARTS HERE */

.navtitleoc { font-size: 15pt; color: #666666; display: inline-block; position: absolute; z-index: 103; opacity: 0; transition: 1s; }

.ocnavmiddlert { width: 54.4%; display: inline-block; vertical-align: top; text-align: left; margin: 0px; visibility: hidden; opacity: 0; transition: 0.5s; position: absolute; z-index: 103; right: 0; padding: 0 0 3% 0;  }

.ocnavmiddlert a {
padding: 0px 0px 10px 0px;
text-decoration: none;
font-size: 28pt;
line-height: 30pt;
letter-spacing: -1px;
display: inline-block;
transition: 1s;
color: #666666;
}

.ocnavmiddlert a:hover { color: #000000; transform: translate( 5px, 0 ); }

/* OUR COMPANY SUB MENU ENDS HERE */

/* OUR TEAM SUB MENU STARTS HERE */

.navtitleot { font-size: 15pt; color: #666666; display: inline-block; position: absolute; z-index: 102; opacity: 0; transition: 1s; }

.otnavmiddlert { width: 54.4%; display: inline-block; vertical-align: top; text-align: left; margin: 0px; visibility: hidden; opacity: 0; transition: 0.5s; position: absolute; z-index: 102; right: 0; padding: 0 0 3% 0;  }

.otnavmiddlert a {
padding: 0px 0px 10px 0px;
text-decoration: none;
font-size: 28pt;
line-height: 30pt;
letter-spacing: -1px;
display: inline-block;
transition: 1s;
color: #666666;
}

.otnavmiddlert a:hover { color: #000000; transform: translate( 5px, 0 ); }

/* OUR TEAM SUB MENU ENDS HERE */

/* OUR APPROACH SUB MENU STARTS HERE */

.navtitleoa { font-size: 15pt; color: #666666; display: inline-block; position: absolute; z-index: 101; opacity: 0; transition: 1s; }

.oanavmiddlert { width: 54.4%; display: inline-block; vertical-align: top; text-align: left; margin: 0px; visibility: hidden; opacity: 0; transition: 1s; position: absolute; z-index: 101; right: 0; padding: 0 0 3% 0;  }

.oanavmiddlert a {
padding: 0px 0px 10px 0px;
text-decoration: none;
font-size: 28pt;
line-height: 30pt;
letter-spacing: -1px;
display: inline-block;
transition: 0.3s;
color: #666666;
}

.oanavmiddlert a:hover { color: #000000; transform: translate( 5px, 0 ); }

/* OUR APPROACH SUB MENU ENDS HERE */