@font-face {
font-family: 'muliexbold';
src: url('/bwg-fonts/muli/muli-extrabold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
	
@font-face {
font-family: 'muliregular';
src: url('/bwg-fonts/muli/muli-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'firalight';
src: url('/bwg-fonts/firasans/FiraSans-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'firamedium';
src: url('/bwg-fonts/firasans/FiraSans-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

body, html {
height: 100%;
margin: 0;
padding: 0px;
outline: none;
border: 0px;
font-size: 16pt;
line-height: 20pt;
font-family: 'muliregular', sans-serif;
background-color: #000000; /* prevents quick white flash on random reloads that show through hero image to background beneath */
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
-webkit-backface-visibility:  hidden;
}
	
img { display: block; border: 0; font-family: 'muliregular', sans-serif; font-style: italic; color: #666666; font-size: 8pt; }
 
.copylinks a:link { color: #000000; text-decoration: underline; }
.copylinks a:visited { color: #000000; text-decoration: underline; }
.copylinks a:hover { color: #666666; text-decoration: none; }
	
/* LOADING ANIMATION STARTS HERE */

.loader-box {
height: 100%;
 /* container uses flexbox */
display:flex;
justify-content:center;
align-items:center;
background-color: #000000;
}
	
.loader {
height: 50px;
width: 50px;
margin: 0 auto 0 auto; 
aspect-ratio: 1;
border-radius: 50%;
border: 8px solid;
border-color: #666 #0000;
animation: l1 1s infinite;
}
@keyframes l1 {to{transform: rotate(.5turn)}}
	
/* LOADING ANIMATION ENDS HERE */

/* RANDOM START SLIDE SHOW STARTS HERE */

.upper {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
}

.upper img {
position: absolute;
top: 0;
left: 0;
height: 100%; width: 100%; object-fit: cover;
opacity: 0;
transition: opacity 2s ease-in-out;
}

.upper img.active { opacity: 1; }

.lower {
position: relative;
width: 100%;
height: 100%;
background-color: #000000;
}

.lower img {
position: absolute;
top: 0;
left: 0;
height: 100%; width: 100%; object-fit: cover;
opacity: 0;
transition: opacity 2s ease-in-out;
}

.lower img.active { opacity: 1; }
	
/* RANDOM START SLIDE SHOW ENDS HERE */
	
/* LOGO MENU HEADLINE STARTS HERE */
	
.logo-menu {
position: absolute;
top: -50px;
opacity: 0;
transition: all 1s ease;
z-index: 2;
width: 90%;
overflow: auto;
padding: 50px 5% 0px 5%;
margin: 0 auto;
}
.logo { width: 275px; display: inline-block; vertical-align: top; float: left; }
.logo img { width: 100%; }
.mobmenu {
position: relative;
cursor: pointer;
float: right;
padding-top: 17px;
color: #ffffff;
vertical-align: top;
display: none;
}
.menu {
position: relative;
cursor: pointer;
float: right;
padding-top: 17px;
color: #ffffff;
vertical-align: top;
display: inline-block;
}

.logo-menu-k {
position: absolute;
top: -50px;
opacity: 0;
transition: all 1s ease;
z-index: 2;
width: 90%;
overflow: auto;
padding: 50px 5% 0px 5%;
margin: 0 auto;
}
.logo-k { width: 275px; display: inline-block; vertical-align: top; float: left; }
.logo-k img { width: 100%; }
.mobmenu-k {
position: relative;
cursor: pointer;
float: right;
padding-top: 17px;
color: #000000;
vertical-align: top;
display: none;
}
.menu-k {
position: relative;
cursor: pointer;
float: right;
padding-top: 17px;
color: #000000;
vertical-align: top;
display: inline-block;
}

.home-head {
position: absolute;
left: 5%;
bottom: 8%;
z-index: 2;
display: none;
}

.home-head h1 {
font-size: 90px;
line-height: 90px; 
letter-spacing: 0px;
margin: 0;
font-family: 'muliexbold', sans-serif;
text-transform: uppercase;
color: white;
overflow: hidden;
padding: 0;
}

.home-head h1 .top {
display: inline-block;
animation: baseline 0.3s forwards cubic-bezier(.4,0,.39,1.04);
}
.home-head h1 .middle {
display: inline-block;
animation: baseline 0.4s forwards cubic-bezier(.4,0,.39,1.04);
}
.home-head h1 .bottom {
display: inline-block;
animation: baseline 0.5s forwards cubic-bezier(.4,0,.39,1.04);
}
.mobhome-head {
position: absolute;
left: 5%;
bottom: 8%;
z-index: 2;
display: none;
}

.mobhome-head h1 {
font-size: 90px;
line-height: 90px; 
letter-spacing: 0px;
margin: 0;
font-family: 'muliexbold', sans-serif;
text-transform: uppercase;
color: white;
overflow: hidden;
padding: 0;
}

.mobhome-head h1 .top {
display: inline-block;
animation: baseline 0.3s forwards cubic-bezier(.4,0,.39,1.04);
}
.mobhome-head h1 .middle {
display: inline-block;
animation: baseline 0.4s forwards cubic-bezier(.4,0,.39,1.04);
}
.mobhome-head h1 .middlea {
display: inline-block;
animation: baseline 0.5s forwards cubic-bezier(.4,0,.39,1.04);
}
.mobhome-head h1 .middleb {
display: inline-block;
animation: baseline 0.6s forwards cubic-bezier(.4,0,.39,1.04);
}
.mobhome-head h1 .bottom {
display: inline-block;
animation: baseline 0.7s forwards cubic-bezier(.4,0,.39,1.04);
}
@keyframes baseline {
  0% { transform: translateY(140%); }
  100% { transform: translateY(0); }
}

/* LOGO MENU HEADLINE ENDS HERE */

/* FADE IN AND UP STARTS HERE */

.in-and-up {
opacity: 0;
transform: translateY(75px);
transition: opacity 1.5s ease, transform 0.75s ease;
}
.in-and-up.active {
opacity: 1;
transform: translateY(0);
}

.in-up-two {
opacity: 0;
transform: translateY(100px);
transition: opacity 1.5s ease, transform 0.75s ease;
}
.in-up-two.active {
opacity: 1;
transform: translateY(0);
}

.in-up-three {
opacity: 0;
transform: translateY(125px);
transition: opacity 1.5s ease, transform 0.75s ease;
}
.in-up-three.active {
opacity: 1;
transform: translateY(0);
}

.in-up-four {
opacity: 0;
transform: translateY(150px);
transition: opacity 1.5s ease, transform 0.75s ease;
}
.in-up-four.active {
opacity: 1;
transform: translateY(0);
}

/* FADE IN AND UP ENDS HERE */

/* WHITE BUTTON STARTS HERE */
.whiteButton {
background-color: #ffffff;
border: none;
border-radius: 9999px;
color: #000000;
max-width: 320px;
padding: 20px 0;
margin: 60px auto 30px auto;
text-align: center;
text-decoration: none;
display: block;
font-size: 16pt;
transition: all 0.5s;
cursor: pointer;
}

.whiteButton span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}

.whiteButton span:after {
  content: '\203a';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.whiteButton:hover span { padding-right: 20px; }

.whiteButton:hover span:after { opacity: 1; right: 0; }

/* WHITE BUTTON ENDS HERE */

/* BLACK BUTTON STARTS HERE */
.blackButton {
background-color: #000000;
border: none;
border-radius: 9999px;
color: #ffffff;
max-width: 320px;
padding: 20px 0;
margin: 60px auto 30px auto;
text-align: center;
text-decoration: none;
display: block;
font-size: 16pt;
transition: all 0.5s;
cursor: pointer;
}

.blackButton span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}

.blackButton span:after {
  content: '\203a';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.blackButton:hover span { padding-right: 20px; }
.blackButton:hover span:after { opacity: 1; right: 0; }

/* BLACK BUTTON ENDS HERE */

/* BACK BUTTON STARTS HERE */
.backButton {
border: 1px solid #000000;
border-radius: 9999px;
color: #000000;
max-width: 180px;
padding: 10px 0;
margin: 0px auto 0px auto;
text-align: center;
text-decoration: none;
display: block;
font-size: 14pt;
transition: all 0.5s;
cursor: pointer;
}
.backButton span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.backButton span:after {
  content: '\2039';
  position: absolute;
  opacity: 0;
  top: 0;
  left: -15px;
  transition: 0.5s;
}
.backButton:hover span { padding-left: 15px; }
.backButton:hover span:after { opacity: 1; left: 0; }
/* BACK BUTTON ENDS HERE */

/* PANELS START HERE */

.whitepanel {
text-align: left;
padding: 85px 17% 70px 17%;
margin: 0;
background: #ffffff;
}

.whitepanel h2 {
text-align: center;
font-size: 40px;
line-height: 46px;
padding-bottom: 20px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
}

.beigepanel {
text-align: left;
padding: 85px 17% 70px 17%;
margin: 0;
background: #f4f1ea;
}

.beigepanel h2 {
text-align: center;
font-size: 40px;
line-height: 46px;
padding-bottom: 20px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
}

.calloutcenter {
text-align: center;
font-size: 26px;
line-height: 32px;
padding: 0px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000; }
.calloutcenter a:link { color: #000000; text-decoration: underline; }
.calloutcenter a:visited { color: #000000; text-decoration: underline; }
.calloutcenter a:hover { color: #666666; text-decoration: none; }

.landscapepic { max-width: 1600px; margin: 0 auto; padding: 40px 0; }
.landscapepic img { width: 100%; border-radius: 15px; }

/* PANELS END HERE */

/* SECTOR SLIDER STARTS HERE */

.slider-wrap {
position: relative;
padding: 85px 0px 80px 0;  /* this controls space around gallery */
margin: 0;
background-color: #000000;
}

.slider-wrap h2 {
text-align: center;
font-size: 40px;
line-height: 46px;
padding: 0;
margin: 0 5% 40px 5%;
font-family: 'firalight', sans-serif;
color: #ffffff;
}
	
.slider {
display: flex;
gap: 45px; /* this controls space between panels */
padding: 50px 0 80px 0;
margin: 0;
list-style: none;
overflow-x: scroll;
scroll-snap-type: x mandatory;
scrollbar-width: none; /* this takes out horizontal scroll bar in firefox and chrome */
}

.slider::-webkit-scrollbar { height: 0px;} /* this takes out horizontal scroll bar in safari */

.item {
flex-shrink: 0;
width: 390px; /* this controls how many viewable divs */
height: 600px;
scroll-snap-align: start;
border-radius: 15px;
overflow: hidden;
}

.item li a { display: block; }
.item a:link { color: #ffffff; text-decoration: none; }
.item a:visited { color: #ffffff; text-decoration: none; }
.item a:hover { color: #ffffff; text-decoration: none; }

.content {  /* text position */
display: flex;
align-items: left; /* vertical align */
justify-content: left;  /* horizontal align */
height: auto;
color: #ffffff;
position: relative;
z-index: 1;
pointer-events: none;
}

.slider-text {
font-family: 'firamedium', sans-serif;
font-size: 14pt;
line-height: 14pt;
padding: 20px 0 0 20px;
position: absolute;
z-index: 2;
}

.scale {
display: flex;
height: 600px;
position: relative;
cursor: pointer;
background-position: center;
background-size: cover;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
}

.scale:hover {
-webkit-transform: scale(1.1,1.1); 
transform: scale(1.1,1.1);
-webkit-transition: all 0.3s ease-in-out;
}

.scaleone { background-image: url('images/slider-life-sciences.jpg'); }
.scaletwo { background-image: url('images/slider-software.jpg'); }
.scalethree { background-image: url('images/slider-ai.jpg'); }
.scalefour { background-image: url('images/slider-semiconductor.jpg'); }
.scalefive { background-image: url('images/slider-lending.jpg'); }
.scalesix { background-image: url('images/slider-real-estate.jpg'); }
.scaleseven { background-image: url('images/slider-life-sciences-too.jpg'); }
.scaleeight { background-image: url('images/slider-software-too.jpg'); }
.scalenine { background-image: url('images/slider-ai-too.jpg'); }
.scaleten { background-image: url('images/slider-semi-too.jpg'); }
.scaleeleven { background-image: url('images/slider-lending-too.jpg'); }
.scaletwelve { background-image: url('images/slider-real-estate-too.jpg'); }

.navbutton {
position: relative;
top: 0;
width: 60px;
height: 40px;
background-color: #ffffff;
font-family: 'firamedium', sans-serif;
color: #000000;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 30px;
}

.sliderbutts { text-align: center; padding: 0; }
	
/* SECTOR SLIDER ENDS HERE */

/* OUTCOMES START HERE */
	
.outcomes {
padding: 85px 17% 70px 17%;
margin: 0;
background: #f4f1ea;
}

.outcomes h2 {
text-align: center;
font-size: 40px;
line-height: 46px;
padding-bottom: 40px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
}
	
.outcomesgrid { display: table; width: 100%; padding: 0px 0 45px 0; margin: 0; overflow: hidden; }
.outcomeslft { display: table-cell; width: 47%; padding-right: 3%; }
.outcomesrt { display: table-cell; width: 47%; padding-left: 3%; }

.outcomestext {
font-size: 26px;
line-height: 32px;
padding-top: 40px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000; }
	
.outcomestext a:link { color: #000000; text-decoration: underline; }
.outcomestext a:visited { color: #000000; text-decoration: underline; }
.outcomestext a:hover { color: #666666; text-decoration: none; }

.outcomespicwrap {
border-radius: 15px;
padding: 0;
margin: 0;
overflow: hidden; /* clip the excess when child gets bigger than parent */
}

/* TEMP PIC WRAP IS ONLY FOR REVIEW PERIOD AND CAN BE DELETED WHEN LINKS AND HOVER STATES ARE REINSTALLED */
.temppicwrap {
padding: 0;
margin: 0;
}
.temppicwrap img {
border-radius: 15px;
width: 100%;
display: block;
}

.outcomespicwrap img {
width: 100%;
display: block;
transition: transform .3s; /* smoother zoom */
}
.outcomespicwrap:hover img {
transform: scale(1.1);
transform-origin: 50% 50%;
cursor: pointer;
}
	
/* OUTCOMES END HERE */

/* SUB PAGES START HERE */

.sub-head {
position: absolute;
left: 5%;
bottom: 8%;
z-index: 2;
display: none;
}

.sub-head h1 {
font-size: 90px;
line-height: 90px; 
letter-spacing: 0px;
margin: 0;
font-family: 'muliexbold', sans-serif;
text-transform: uppercase;
color: white;
overflow: hidden;
padding: 0;
}
.sub-head h1 .bottom {
display: inline-block;
animation: baseline 0.5s forwards cubic-bezier(.4,0,.39,1.04);
}

.mobsub-head {
position: absolute;
left: 5%;
bottom: 8%;
z-index: 2;
display: none;
}

.mobsub-head h1 {
font-size: 90px;
line-height: 90px; 
letter-spacing: 0px;
margin: 0;
font-family: 'muliexbold', sans-serif;
text-transform: uppercase;
color: white;
overflow: hidden;
padding: 0;
}
.mobsub-head h1 .submiddleb {
display: inline-block;
animation: baseline 0.6s forwards cubic-bezier(.4,0,.39,1.04);
}
.mobsub-head h1 .subbottom {
display: inline-block;
animation: baseline 0.7s forwards cubic-bezier(.4,0,.39,1.04);
}

.sub-hero-full { width: 100%; position: relative; }
.sub-hero-full img { width: 100%; max-height: 500px; object-fit: cover; }

.sub-hero-map { width: 100%; position: relative; }
.sub-hero-map img { width: 100%; max-height: 100vh; object-fit: cover; }

.sub-hero-white {
width: 100%;
max-height: 500px;
position: relative;
text-align: center;
padding: 130px 0 30px 0;
margin: 0;
background-color: #ffffff;
}

.sub-hero-white h1 {
font-size: 90px;
line-height: 90px; 
letter-spacing: 0px;
margin: 0 auto;
font-family: 'muliexbold', sans-serif;
text-transform: uppercase;
color: #000000;
overflow: hidden;
padding: 0 5% 0 5%;
}
.sub-hero-white .bottom {
display: inline-block;
animation: baseline 0.5s forwards cubic-bezier(.4,0,.39,1.04);
}

.whitepanel h2 {
text-align: center;
font-size: 40px;
line-height: 46px;
padding-bottom: 20px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
}

.texthead {
font-size: 28px;
line-height: 34px;
padding: 10px 0;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
}

.privacy {
font-size: 40px;
line-height: 46px;
padding-bottom: 20px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000; }

.coregrid { display: table; width: 100%; padding: 0px 0 45px 0; margin: 0; vertical-align: top; }
.corelft { display: table-cell; width: 47%; padding-right: 3%; }
.corert { display: table-cell; width: 47%; padding-left: 3%; }
.coregrid h2 {
text-align: center;
font-size: 40px;
line-height: 46px;
padding-bottom: 20px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
}
.core { padding: 0; margin: 0; }
.core img { width: 100%; border-radius: 15px; }

/* SUB PAGES END HERE */
/* PROPS START HERE */

.props {
padding: 85px 0 40px 0;
margin: 0;
background: #f4f1ea;
}

.propsgrid { display: table; width: 1300px; padding: 0px 0 55px 0; margin: 0 auto; overflow: hidden; }
.proplft { display: table-cell; width: 47%; padding-right: 3%; vertical-align: top; }
.proprt { display: table-cell; width: 47%; padding-left: 3%; vertical-align: top; }

.proppicwrap {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding: 0;
margin: 0;
overflow: hidden; /* clip the excess when child gets bigger than parent */
}
.proppicwrap img { width: 100%; display: block; }

.proptext {
position: relative;
font-size: 14pt;
line-height: 18pt;
padding: 40px 25px 45px 25px;
margin: 0;
font-family: 'muliregular', sans-serif;
color: #000000;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background: #ffffff;
}

.proptext h2 { font-family: 'firalight', sans-serif; padding: 0; margin: 0; font-size: 20pt; line-height: 24pt; }
	
.proptext a:link { color: #000000; text-decoration: underline; padding: 5px 0; }
.proptext a:hover { color: #000000; text-decoration: none; }
.proptext a:visited { color: #000000; text-decoration: none; }

/* PROPS END HERE */
/* MILESTONES START HERE */
#msyears {
position:sticky;
position:-webkit-sticky;
top: 0;
color: #ffffff;
padding: 20px 5%;
margin: 0;
text-align: center;
background-color: #b3a37e;
z-index: 1;
}

.msbutt {
background-color: #b3a37e;
border: none;
color: #ffffff;
padding: 0;
text-align: center;
font-size: 14pt;
line-height: 20pt;
font-weight: bold;
margin: 0px 10px;
transition: 0.5s;
cursor: pointer;
}

.msbutt:hover:not(.active) { color: #70654d; }
.msbutt.active { color: #000000; }
.msbutt.visited { color: #ffffff; }

#twofive { padding: 60px 20px; background-color: #ffffff; }
#twothree { padding: 60px 20px; background-color: #f4f1ea; }
#twotwo { padding: 60px 20px; background-color: #ffffff; }
#twoone { padding: 60px 20px; background-color: #f4f1ea; }
#twenty { padding: 60px 20px; background-color: #ffffff; }
#nineteen { padding: 60px 20px; background-color: #f4f1ea; }
#seventeen { padding: 60px 20px; background-color: #ffffff; }
#sixteen { padding: 60px 20px; background-color: #f4f1ea; }
#fifteen { padding: 60px 20px; background-color: #ffffff; }
#fourteen { padding: 60px 20px; background-color: #f4f1ea; }
#twelve { padding: 60px 20px; background-color: #ffffff; }
#eleven { padding: 60px 20px; background-color: #f4f1ea; }
#ten { padding: 60px 20px; background-color: #ffffff; }
#ofive { padding: 60px 20px; background-color: #f4f1ea; }
#zeros { padding: 60px 20px; background-color: #ffffff; }
#ninenine { padding: 60px 20px; background-color: #f4f1ea; }

.mshead h2 {
text-align: right;
max-width: 1100px; 
font-size: 250px;
line-height: 135px;
padding: 0px 0px 0px 0px;
margin: 0 auto;
font-family: 'muliexbold', sans-serif;
color: #f4f1ea;
}
.msheadw h2 {
text-align: right;
max-width: 1100px;
font-size: 250px;
line-height: 135px;
padding: 0px 0px 0px 0px;
margin: 0 auto;
font-family: 'muliexbold', sans-serif;
color: #ffffff;
}
.msmain { display: table; width: 1100px; padding: 0px 0px; margin: -60px auto 60px auto; overflow: hidden; }
.mslft { display: table-cell; width: 60%; padding: 0; margin: 0; vertical-align: top; }
.msrt { display: table-cell; width: 40%; padding: 0; vertical-align: top; }
.mspic {
border-radius: 15px;
padding: 0;
margin: 0;
overflow: hidden; /* clip the excess when child gets bigger than parent */
}
.mspic img {
width: 100%;
height: 400px;
display: block;
object-fit: cover;
}
.mstext {
height: 300px; 
font-size: 26px;
line-height: 32px;
padding: 80px 25px 20px 35px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
}
.msdate { font-family: 'muliregular', sans-serif; font-size: 16px; line-height: 18px; position: absolute; vertical-align: bottom; bottom: 20px; }
.msdate a:link { color: #000000; text-decoration: none; }
.msdate a:visited { color: #000000; text-decoration: none; }
.msdate a:hover { color: #666666; text-decoration: underline; }
html { scroll-behavior: smooth; }
/* MILESTONES END HERE */
/* PORTFOLIO PAGE STARTS HERE */
.folio { display: table; width: 1300px; padding: 0; margin: 0 auto 45px auto; }
.folioblock { vertical-align: top; display: table-cell; width: 23%; padding: 0 1%; }
.folioback { border-radius: 15px; background-color: #ffffff; }
.foliologo { padding: 10px 0 0 0; }
.foliologo img { display: block; margin: 0 auto; max-width: 275px; }
	
.foliotext {
position: relative;
height: 510px;
font-size: 15pt;
line-height: 19pt;
padding: 0px 25px 20px 25px;
margin: 0;
}

.foliofine { font-size: 14px; line-height: 20px; position: absolute; vertical-align: bottom; bottom: 20px; padding-right: 25px; }
.foliofine a:link { color: #000000; text-decoration: underline; }
.foliofine a:hover { color: #000000; text-decoration: none; }
.foliofine a:visited { color: #000000; text-decoration: underline; }
/* PORTFOLIO PAGE ENDS HERE */
/* TEAM PAGE STARTS HERE */

.textgrid { display: table; padding: 0px 0 45px 0; width: 100%; margin: 0 auto; overflow: hidden; }
.textcell { display: table-cell; vertical-align: top; width: 21%; height: auto; padding: 0 2%; }

.teamtext { padding-top: 20px; margin: 0; color: #000000; }
	
.teamtext a:link { color: #000000; text-decoration: underline; }
.teamtext a:visited { color: #000000; text-decoration: underline; }
.teamtext a:hover { color: #666666; text-decoration: none; }

.team-bio { color: #000000; text-decoration: underline; cursor: pointer; }
.team-bio :visited { color: #000000; text-decoration: underline; cursor: pointer; }
.team-bio :hover { color: #666666; text-decoration: none; }

.teamcrumbs {
color: #ffffff;
padding: 5px 5%;
margin: 0;
text-align: center;
background-color: #b3a37e;
}

.subbutt {
background-color: #b3a37e;
border: 1px solid #ffffff;
color: #ffffff;
padding: 10px 20px;
text-align: center;
font-size: 11pt;
margin: 10px 10px;
transition: 0.5s;
cursor: pointer;
}

.subbutton {
background-color: #a19270;
border: 1px solid #ffffff;
color: #ffffff;
padding: 10px 20px;
text-align: center;
font-size: 11pt;
margin: 10px 10px;
}

.subbutt:hover { background-color: #a19270; color: #ffffff; }
	
/* TEAM PAGE ENDS HERE */

/* NEWS STARTS HERE */

.news { padding: 85px 0 70px 0; margin: 0; background: #f4f1ea; }
.newsmain { display: table; width: 1300px; padding: 0; margin: 0 auto 45px auto; overflow: hidden; }
.newsmainlft { display: table-cell; width: 60%; padding: 0; margin: 0; vertical-align: top; }
.newsmainrt { display: table-cell; width: 40%; padding: 0; vertical-align: top; }
	
.newsmainpicwrap {
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
padding: 0;
margin: 0;
overflow: hidden; /* clip the excess when child gets bigger than parent */
}

.newsmainpicwrap img {
width: 100%;
height: 400px;
display: block;
object-fit: cover;
transition: transform .3s; /* smoother zoom */
}
.newsmainpicwrap:hover img {
transform: scale(1.1);
transform-origin: 50% 50%;
}

.newsmaintext {
position: relative;
height: 300px;
font-size: 26px;
line-height: 32px;
padding: 80px 25px 20px 25px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
background: #ffffff;
}
	
.newsmaintext a:link { color: #000000; text-decoration: none; padding: 5px 0; }
.newsmaintext a:hover { color: #000000; text-decoration: underline; }
.newsmaintext a:visited { color: #000000; text-decoration: none; }
	
.newsdate { font-family: 'muliregular', sans-serif; font-size: 14px; line-height: 14px; position: absolute; vertical-align: bottom; bottom: 20px; }

.newsgrid { display: table; width: 1300px; padding: 0px 0 45px 0; margin: 0 auto; overflow: hidden; }
.newslft { display: table-cell; width: 47%; padding-right: 3%; vertical-align: top; }
.newsrt { display: table-cell; width: 47%; padding-left: 3%; vertical-align: top; }

.newspicwrap {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding: 0;
margin: 0;
overflow: hidden; /* clip the excess when child gets bigger than parent */
}
.newspicwrap img {
width: 100%;
display: block;
transition: transform .3s; /* smoother zoom */
}
.newspicwrap:hover img {
transform: scale(1.1);
transform-origin: 50% 50%;
}

.newstext {
position: relative;
height: 160px;
font-size: 26px;
line-height: 32px;
padding: 40px 25px 20px 25px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background: #ffffff;
}
	
.newstext a:link { color: #000000; text-decoration: none; padding: 5px 0; }
.newstext a:hover { color: #000000; text-decoration: underline; }
.newstext a:visited { color: #000000; text-decoration: none; }
	
.newsthree { display: table; width: 1300px; padding: 0; margin: 0 auto 45px auto; overflow: hidden; }
.newsthreelft { display: table-cell; width: 32%; padding: 0; vertical-align: top; }
.newsthreemid { display: table-cell; width: 32%; padding: 0; vertical-align: top; }
.newsthreert { display: table-cell; width: 32%; padding: 0; vertical-align: top; }
.newsthreegap { width: 2%; }

.newsthreetext {
position: relative;
height: 180px;
font-size: 26px;
line-height: 32px;
padding: 30px 25px 20px 25px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background: #ffffff;
}
	
.newsthreetext a:link { color: #000000; text-decoration: none; padding: 5px 0; }
.newsthreetext a:hover { color: #000000; text-decoration: underline; }
.newsthreetext a:visited { color: #000000; text-decoration: none; }

.newsarchive { display: table; width: 1300px; padding: 0; margin: 0 auto 30px auto; vertical-align: top; }

.archivetext {
position: relative;
font-size: 22px;
line-height: 28px;
padding: 30px 25px 20px 25px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
border-radius: 15px;
border-radius: 15px;
background: #ffffff;
}
	
.archivetext a:link { color: #000000; text-decoration: none; padding: 5px 0; }
.archivetext a:hover { color: #000000; text-decoration: underline; }
.archivetext a:visited { color: #000000; text-decoration: none; }

.archivedate { font-family: 'muliregular', sans-serif; font-size: 14px; line-height: 14px; padding-top: 20px; }

/* NEWS ENDS HERE */
/* LOCATIONS START HERE */

.locsthree { width: 100%; display: flex; justify-content: center; padding: 0; margin: 20px auto 45px auto; overflow: hidden; }
.locsthreelft { display: inline-block; padding: 0; vertical-align: top; }
.locsthreert { display: inline-block; padding: 0; vertical-align: top; }
.locsthreegap { display: inline-block; width: 10%; }
	
.locsthreetext {
font-size: 16pt;
line-height: 32pt;
padding: 0px 25px;
margin: 0;
color: #000000;
}

.locsthreetext h2 {
text-align: left;
font-size: 26px;
line-height: 32px;
padding: 35px 0 5px 0;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
}

.locstab { display: inline-block; margin-left: 30px; }
	
.locscity { color: #000000; text-decoration: none; padding: 5px 0; cursor: pointer; }
.locscity a:visited { color: #000000; text-decoration: none; cursor: pointer; }
.locsthreetext a:hover { color: #000000; text-decoration: underline; }

/* LOCATIONS END HERE */
/* CONTACT STARTS HERE */

/* need contact white panel to allow for email address text that won't break on layout resize */
.contwhitepanel {
text-align: left;
padding: 85px 15% 70px 15%;
margin: 0;
background: #ffffff;
}
.contwhitepanel h2 {
text-align: center;
font-size: 40px;
line-height: 46px;
padding-bottom: 20px;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
}

.bwcont { width: 100%; display: flex; justify-content: center; padding: 0; margin: 0px auto 45px auto; overflow: hidden; }
.bwcontlft { display: inline-block; padding: 0; vertical-align: top; }
.bwcontmid { display: inline-block; padding: 0; vertical-align: top; }
.bwcontrt { display: inline-block; padding: 0; vertical-align: top; }
.bwcontgap { display: inline-block; width: 5%; }
	
.bwconttext {
font-size: 14pt;
line-height: 20pt;
padding: 0;
margin: 0;
color: #000000;
}

.bwconttext h2 {
text-align: left;
font-size: 26px;
line-height: 32px;
padding: 35px 0 5px 0;
margin: 0;
font-family: 'firalight', sans-serif;
color: #000000;
}

.bwconttext a:link { color: #000000; text-decoration: underline; padding: 5px 0; }
.bwconttext a:visited { color: #000000; text-decoration: underline; }
.bwconttext a:hover { color: #000000; text-decoration: none; }

.license {
font-size: 12pt;
line-height: 16pt;
padding: 0;
margin: 0;
}

.contact-sub-block { padding: 40px 20% }

.grecaptcha-badge { visibility: hidden; }

.error { color: #000000; padding: 30px; margin-bottom: 40px; }
.success { color: #000000; padding: 30px; margin-bottom: 70px; }

input[type=text] {
width: 100%;
padding: 10px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ffffff;
box-sizing: border-box;
font-size: 14pt;
-webkit-appearance: none;
}

input:focus, textarea:focus {
outline: none !important;
border: 1px solid #000000;
-webkit-appearance: none;
}

textarea {
width: 100%;
height: 150px;
padding: 10px 20px;
margin: 8px 0;
border: 1px solid #ffffff;
box-sizing: border-box;
font-size: 14pt;
resize: none;
-webkit-appearance: none;
border-radius: 0;
}

.contbutton {
max-width: 320px;
background-color: #000000;
border: 1px solid #000000;
display: block;
color: #ffffff;
padding: 20px 0;
margin: 30px auto 0px auto;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 16pt;
width: 100%;
cursor: pointer;
transition: 0.2s;
-webkit-appearance: none;
border-radius: 9999px;
}

.contbutton:hover {
background-color: #ffffff;
border: 1px solid #ffffff;
color: #000000;
cursor: pointer;
-webkit-appearance: none;
border-radius: 9999px;
}

.order { display: none; visibility: hidden; }

/* CONTACT ENDS HERE */
/* ARTICLE STARTS HERE */

.article {
padding: 85px 0 70px 0;
margin: 0;
background: #f4f1ea;
}

.articledate { max-width: 1300px; text-align: center; font-size: 14px; line-height: 14px; padding: 25px 0 25px 0; margin: 0 auto; }

.article h1 {
width: 1300px;
text-align: center;
font-size: 40px;
line-height: 46px;
padding: 0px 20px 35px 20px;
margin: 0 auto;
font-family: 'firalight', sans-serif;
color: #000000;
}

.articlemain { display: table; width: 1300px; padding: 0; margin: 0 auto; overflow: hidden; }
.articlelft { display: table-cell; width: 25%; padding: 0; margin: 0; vertical-align: top; }
.articlert { display: table-cell; width: 75%; padding: 0; vertical-align: top; }
	
.articlepicwrap {
border-radius: 15px;
border-radius: 15px;
padding: 0;
margin: 0;
overflow: hidden; /* clip the excess when child gets bigger than parent */
}
.articlepicwrap img {
width: 100%;
height: 400px;
display: block;
object-fit: cover;
}

.articletext {
padding: 0px 25px 0px 35px;
margin: 0;
color: #000000;
}
	
.articletext a:link { color: #000000; text-decoration: underline; }
.articletext a:visited { color: #000000; text-decoration: underline; }
.articletext a:hover { color: #666666; text-decoration: none; }

.articlehorz { width: 800px; margin: 0 auto; text-align: left; padding-bottom: 45px; }
.articlehorz h1 {
width: 800px;
text-align: center;
font-size: 40px;
line-height: 46px;
padding: 0 0 35px 0;
margin: 0 auto;
font-family: 'firalight', sans-serif;
color: #000000;
}
.articlehorz a:link { color: #000000; text-decoration: underline; }
.articlehorz a:visited { color: #000000; text-decoration: underline; }
.articlehorz a:hover { color: #666666; text-decoration: none; }

.articlehorzpic { max-width: 800px; margin: 0 auto; padding: 0 0 40px 0; }
.articlehorzpic img { width: 100%; border-radius: 15px; }

.articlehorzsubpic { max-width: 1140px; margin: 0 auto; padding: 0 20px 40px 20px; }
.articlehorzsubpic img { width: 100%; }

.articlecap {
color: #666666;
font-size: 10pt;
line-height: 13pt;
text-align: center;
font-style: italic;
padding: 15px 0 10px 0;
margin: 0;
width: 100%;
}

/* ARTICLE ENDS HERE */

.thanks a:link { color: #000000; text-decoration: underline; }
.thanks a:visited { color: #000000; text-decoration: underline; }
.thanks a:hover { color: #000000; text-decoration: none; }

/* FOOTER STARTS HERE */

.footer {
width: 90%;
overflow: auto;
padding: 200px 5% 80px 5%;
margin: 0;
background-color: #ffffff;
}	

.footlogo { width: 275px; display: inline-block; vertical-align: top; float: left; }
.footlogo img { width: 100%; }
.footli {
position: relative;
cursor: pointer;
float: right;
padding-top: 11px;
vertical-align: top;
display: inline-block;
}
.footli img { width: 28px; }

.fine {
color: #000000;
font-size: 10pt;
width: 90%;
padding: 0px 5% 100px 5%;
margin: 0;
background-color: #ffffff;
display: block;
}

.fine a:link { color: #000000; text-decoration: underline; }
.fine a:visited { color: #000000; text-decoration: underline; }
.fine a:hover { color: #666666; text-decoration: none; }

.finenarrow {
color: #00000;
font-size: 10pt;
width: 90%;
padding: 0px 5% 100px 5%;
margin: 0;
background-color: #ffffff;
display: none;
}

.finenarrow a:link { color: #000000; text-decoration: underline; }
.finenarrow a:visited { color: #000000; text-decoration: underline; }
.finenarrow a:hover { color: #666666; text-decoration: none; }

/* FOOTER ENDS HERE */