@import url(https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Telex&family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Telex&family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Host Grotesk,sans-serif;text-transform:uppercase}a,p{font-family:Inter,sans-serif}.overlay{width:100vw;z-index:100}.hidden-content{visibility:hidden}.header{align-items:center;background-color:#24346f;display:flex;flex-direction:row;justify-content:space-between;margin:auto;max-height:12vh;position:relative}.logoSVG{left:0;width:75%}.navbar{align-items:center;background-color:#24346f;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.hamburger{cursor:pointer;display:flex;flex-direction:column}.hamburger .bar{background-color:#fff;height:3px;margin:4px 0;transition:.4s;width:25px}.nav-links,.nav-links-DT{display:none}.nav-links{background-color:#24346f;color:#fff;flex-direction:column;left:0;list-style:none;position:absolute;text-align:center;text-transform:uppercase;top:calc(100% - 1px);width:100%;z-index:1}.nav-links a{color:#fff;font-size:18px;text-decoration:none}.nav-links.open{display:flex}.nav-links li{margin:10px 0}.bar.open:first-child{transform:rotate(-45deg) translate(-8px,7px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(45deg) translate(-8px,-7px)}@media screen and (min-width:550px){.logoSVG{max-width:40%}}@media screen and (min-width:768px){.header{border-radius:7px;justify-content:space-between;left:50%;padding:2.5% 2%;position:absolute;top:1%;transform:translate(-50%);width:90%;z-index:3}.logoSVG{max-width:20%}.mobileMenu{display:none}.nav-links-DT{display:block}.nav-links-DT ul{column-gap:2rem;display:flex;flex-direction:row;list-style-type:none;padding-right:10px;text-transform:uppercase}.nav-links-DT a{color:#fff;font-size:calc(1rem + .15vw);text-decoration:none}}@media screen and (min-width:1920px){.logoSVG{padding:1%}}.brocon-logo-footer img{margin:-1rem;width:100%}.leed-cert{width:25%}.footer{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:3000px}.footerNav a{text-decoration:none}.footer ul{column-count:2;padding:0}.footer li{list-style:none}.sideBySideLeft{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.sideBySideLeft img:first-child{margin:-3% 0;width:75%}.sideBySideLeft img:nth-child(2){width:15%}.sideBySideRight{color:#24346f;display:flex;flex-direction:column;justify-content:space-between;padding:2%;row-gap:1rem;text-align:left}.address{padding-bottom:1rem}.address p{line-height:1;margin:0}.hours{display:block}@media screen and (min-width:768px){.footer{align-items:center;flex-direction:row;justify-content:space-around}}.pageWrapper{margin:auto}.homepageContent{background-color:#24346f;width:100%}.innerHomepageWrapper{color:#fff;height:100%;margin:0 2rem;padding:1rem 0}.contentSection{padding:20% 0 4%}.contentSection,.contentSectionPortfolio{display:flex;flex-direction:column;row-gap:1rem;text-align:center}.contentSectionPortfolio{padding:0 0 4%}.ourTeam{align-items:center;display:flex;flex-direction:column;justify-content:center}.ourTeam p{padding:0 0 4%}.mainLink,h3{font-size:2rem}.mainLink{margin-bottom:2%}.mainLink a{color:#fff;text-decoration:none}.mainLink a:hover{color:aqua}.ourTeam{font-size:1rem;max-width:800px}.ourTeam img{max-height:500px;max-width:100%;position:relative}.portfolioWrapper{display:flex}.contentSection:nth-child(4){flex-direction:column}.portfolioCarouselWrapper{overflow:hidden}.cardWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.cardContainer{display:flex;flex-direction:row;justify-content:space-between;position:relative;width:100%}.contentCard{background-color:#24346f;border:2px solid #000;border-radius:5px;height:250px;text-align:center;width:33%}.contentCard h3{color:#fff}@media screen and (min-width:768px){.contentSection{align-items:center;column-gap:2rem;flex-direction:row;justify-content:flex-start;padding:5%}.ourTeam{align-items:flex-start}.leftBlock,.rightBlock{text-align:left;width:50%}.altContentWrapper{display:flex;flex-direction:column;text-align:left}}.main-banner-wrapper{align-items:center;max-width:100vw}.main-banner-wrapper,.vid{display:flex;justify-content:center;position:relative;width:100%}.timeLapse{height:auto;width:100%}.play-pause-btn{align-items:center;background-color:#24346f;border:none;border-radius:50%;bottom:20px;cursor:pointer;display:flex;height:60px;justify-content:center;left:20px;opacity:.8;position:absolute;transition:opacity .3s ease-in-out;width:60px;z-index:10}.play-pause-btn:hover{opacity:1}.play-pause-btn svg{fill:#fff;height:30px;width:30px}.portfolio-container{display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.portfolio-wrapper{display:flex;flex-direction:row;position:relative}.portfolio-slide{background-position:50%;background-size:cover;border-radius:2px;height:300px}.portfolio-slide.prev{opacity:.5;position:relative;width:10%;z-index:1}.portfolio-slide.active{opacity:1;position:relative;width:100%;z-index:2}.portfolio-slide.next{position:relative;width:10%;z-index:1}.portfolio-slide.next-hidden,.portfolio-slide.prev-hidden{opacity:0}.portfolio-controls{align-items:center;column-gap:4rem;display:flex;flex-direction:row;justify-content:center;padding-top:3%}.portfolio-nav-button,.portfolio-play-pause-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:10px;position:relative;z-index:3}.portfolio-nav-button:hover,.portfolio-play-pause-button:hover{background:#000000b3}.portfolio-prev-button{left:10px}.portfolio-next-button{right:10px}@media screen and (min-width:550px){.portfolio-slide{height:500px}}@media screen and (min-width:768px){.portfolio-slide{height:500px}}@media screen and (min-width:1024px){.portfolio-slide{height:550px}}@media screen and (min-width:1280px){.portfolio-slide{height:700px}}@media screen and (min-width:1920px){.portfolio-slide{height:850px}}.marquee{--gap:1rem;background-color:#fff;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.marquee,.marquee__content{display:flex;gap:var(--gap)}.marquee__content{flex-shrink:0;justify-content:space-around;min-width:100%}.marquee__content img{max-width:7rem;object-fit:contain;width:100%}.marquee__content>*{background:#fff;border-radius:.25rem;color:#fff;flex:0 0 auto;margin:2px;padding:1rem 2rem;text-align:center}.marquee__item{align-items:center;display:flex;justify-content:center}ul{padding-left:0}.enable-animation .marquee__content{animation:scroll 20s linear infinite}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}.job-count-wrapper{padding:20px;text-align:center}.job-count-wrapper img{width:100%}.job-count{justify-content:space-evenly}.line{border-right:2px solid #fff}.jobs{color:#fff;font-size:2rem;font-weight:700;padding:15px}.job-count-wrapper h2{color:#fff;padding:10px 0}.job-count-wrapper p{line-height:1}.job-type{font-size:16px}.project-page{margin:auto;max-width:3000px}.project-page h1{text-transform:capitalize}.project-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.project-card{border:1px solid #ccc;height:250px;margin:16px;padding:16px;text-align:center;width:250px}.project-card img{height:auto;max-width:100%}.project-detail{padding:16px}.project-detail .gallery img{margin:8px;max-width:100px}@media screen and (min-width:500px){.project-card{height:300px;width:300px}}.company-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:4rem}.company-wrapper img{width:25%}@media screen and (min-width:768px){.company-wrapper{align-items:center;column-gap:4rem;flex-direction:row}.company-testimonial{width:50%}}.overlay{align-items:center;background-color:#24346f;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow-x:hidden;position:relative;width:100%}.animationContentWrapper,.logoWrapper img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.logoWrapper img{height:auto;width:100%}.job-count{align-items:center;animation:fadeIn 2s forwards;animation-delay:5s;background-position:50%;display:flex;gap:20px;justify-content:center;opacity:0;text-align:center}.line{background-color:#fff;height:50px;width:1px}.jobs{font-size:1.5rem}.job-type{font-size:1rem;font-weight:700}h2{animation:fadeIn 2s forwards;animation-delay:5s;margin-top:20px;opacity:0}.fade-in{animation:fadeIn 1.5s ease-in forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-out{animation:fadeOut 1.5s ease-out forwards;opacity:1}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.bccf7711.css.map*/