/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
body{
  margin: 0 30px;
}
@media screen and (max-width: 768px) {
 body {
   margin: 0 16px;
  }
}
header {
  height: 6em;
  position: absolute;
  top: 0;
  z-index: 1000;
  width: 101vw;
  background: transparent !important;
  left: 0;
}

/* Accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	box-shadow: none;
	outline: #d2f058 dotted 5px;
	outline-offset: .2em;
}
.page-center {
 max-width: unset !important;
  margin: unset !important;
}
#main-content {
  margin-top: 2em;
}
.header {
  height: 6em;
}
.header__logo--main {
  padding-top: 14px;
}
/*  Negative Margin   */
footer, .swiper, .zoom-bg-wrapper, .scrolling-text, .scrolling-content-banner {
/*   margin: 0 -30px !important;
  width: 100vw !important; */
  width: 100vw !important;
  position: relative;
  left: calc(-1 * (100vw - 100%) / 2);
}
footer{
  background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(36, 52, 57, 1)) !important;
}
.footer__container.content-wrapper {
 max-width: 100%; 
}
@media screen and (max-width: 768px) {
 footer .widget-type-rich_text p {
   text-align: center !important;
  }
}
.breakout {
  width: 100vw;
  position: relative;
  left: calc(-1 * (100vw - 100%) / 2);
}
@media screen and (max-width: 768px) {
  .hs-quotes--flow .banner__title h1 {
    font-size: 48px;
    line-height: 48px;
  }
}

.hs_cos_wrapper_type_rich_text ul:not(.inputs-list), .pwr-rich-text ul {
  margin: 0 0 1em 0;
}

.pwr-sec__title-intro, .pwr-sec__title-intro--left, .pwr-sec-split__title-intro {
  ; 
  font-family: DM Sans,sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}



 

















.hs-button {
  background: #d2f058 !important;
  border: 2px solid #d2f058 !important;
  border-radius: 100px !important;
  color: #444 !important;
  font-family: DM Sans,sans-serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
  padding: 11px 28px !important;
  text-decoration: none !important;
  text-transform: none !important;
}

div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit::before {
  background-color: unset;
}
div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit:hover::after {
  background-color: unset;
}
.button, .room120_panels__button, .hs-button {
  padding: 11px 25px !important; 
  white-space:nowrap;
}
.button:not([class*="outline"]), .room120_panels__button, .hs-button {
 border: none !important; 
}
.outline {
 background-image: unset !important;
 background-color: unset !important;
 position: unset !important; 
}

.button::after, .room120_panels__button:after, .hs-button + span:after {
    content: "" !important;
    height: 11px !important;
    width: 11px !important;
    display: inline-block;
    margin-bottom: 1px;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    margin-left: 8px;
    transition: all .25s ease-out;
  }
.button.outline:after {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    z-index: unset !important;
}
.button:hover:after, .room120_panels__button:hover:after, .hs-button:hover + span:after {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
 .room120_panels__item .room120_panels__content {
    opacity: 1;
    transform: translateY(0);
    transition: all .75s ease .5s;
  } 
}

.hs-button {
/*  padding-right: 31px !important;  */
}
.hs-button:hover {
/*  padding-right: 51px !important;  */
    background-color: #9aaf3b;
}
.hs-button + span {
  position: absolute;
  right: 1.5em;
  top: 1.15em;
  height: 11px !important;
  width: 11px !important;
}
.hs-button + span:after {
/*   position: absolute; */
}
.hs-button:hover + span {
/*   right: calc(1.5em + 20px) !important; */
}
/* .button.button-style03{
  background: rgba(0, 0, 0, .3);
  border: none;
}
.button.button-style03:hover{
  background: rgba(0, 0, 0, 1);
  border: none;
} */

/* Button 01 style and outline , .hs-button + span:after */
.button.button-style01:after, .button.button-line:after, .room120_panels__button:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23444444;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}
.button.button-style01:hover, .button.button-line:hover, .room120_panels__button:hover, .hs-button:hover {
  background-color: #9aaf3b;
}
.button.button-style01.outline:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23D2F058;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}
.button.button-style01.outline:hover:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}

/* Button 02 style and outline */
.button.button-style02:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23444444;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}
.button.button-style02.outline:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FDAB7D;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}
.button.button-style02.outline:hover:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}

/* Button 03 style and outline */
.button.button-style03:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23fff;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}
.button.button-style03.outline:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}
.button.button-style03.outline:hover {
 color: inherit; 
}
.button.button-style03.outline:hover:after {
 background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}


/* Button light */

.button.button-light:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}
.button.button-light:hover {
  color: rgba(0,0,0,.5);
  background-color: unset;
}
.button.button-light:hover:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}

/* Button dark */
.button.button-dark:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23ffffff;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}
.button.button-dark:hover {
  color: #fff;
}
/* Video button */
.button, button:not([class*=splide_]){
border: none;
padding: 8px 18px;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid{
  padding:30px;
}
.pwr-sec-video__link--layout-title{
width: 100%;
height: 100%;
}
.pwr-sec-video__wrapper .pwr-sec-video__button {
  transition: all .2s ease-in-out;
}

.hs-video-wrapper iframe {
  border-radius: 20px;
}
/* .pwr-lightbox {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
*/
.pwr-sec-video__title {
/*   display: none; */
}
.pwr-sec-video__title::before {
  content: "" !important;
}
/*
.pwr-icon svg {
  transform: scale(2);
} */

/* Reset backgrounds */
.button.button-style03.outline:focus::after, .button.button-style03.outline:hover::after, button.button-style03.outline:focus::after, button.button-style03.outline:hover::after {
 background-color: unset; 
}
.button.button-style02.outline:focus::after, .button.button-style02.outline:hover::after, button.button-style02.outline:focus::after, button.button-style02.outline:hover::after {
  background-color: unset;
}
.button.button-style01.outline:focus::after, .button.button-style01.outline:hover::after, button.button-style01.outline:focus::after, button.button-style01.outline:hover::after {
  background-color: unset;
}
.button.outline:focus::after, .button.outline:hover::after, button.outline:focus::after, button.outline:hover::after {
 background-color: unset;  
}
.h6 {
  text-transform: uppercase;
}
@media screen and (max-width: 960px) {
 .title-subtitle.h6 {
   font-size: 12px !important;
  }
}
.title-subtitle{
  display:flex;
  color:#000;
}
.hero-content .title-subtitle {
  font-size: 16px;
}
.hero-content h2 {
   font-size: 22px !important;
  }
@media screen and (max-width: 768px) {
 .hero-content h2 {
   font-size: 16px !important;
  }
}
.title-subtitle:after{
	  border-bottom: 2px solid;
    content: "";
    flex: 1 0 10px;
    margin: 0 13px -5px 3px;
    max-width: 30%;
    margin-bottom: 5px;
}

.dnd-column li p{
  line-height:22px;
}

.scroll-to-top svg{
  width:100%
}
.showScroll{
    padding: 15px;
    width: 60px;
    height: 60px;
}
.counter-value-wrap, .counter-value-wrap.counter-color-primary{
color: #A4AF35;
}

/*  Border Radius    */
.parallax-bg-wrapper, .dnd_area-row-0-background-color, .row-fluid-wrapper[class*='-full-width'] > .row-fluid > div[class*='span'], .dnd-section, .hero-slider, .splide__track, .service-card, .portfolio__item,.team-wrap, .hover-box, .pwr-background-img, .hs_cos_wrapper_type_linked_image img, .map-wrapper iframe, .blog-post__title-wrapper, .blog_post__overlay, .cascading-images img, .hero-zoom-bg-wrapper,.zoom-bg-wrapper, .promo-box.promo-box_scale, .video-bg, .icon-block-box, .splide--draggable>.splide__track>.splide__list>.splide__slide, .stacked__stack.stacked__stack-full-screen, .stacked__stack-overlay, .plyr--video, .pwr-sec-video, .vbg-gradient, .vbg-overlay, .room120_vsec video, .room120_vsec__overlay, .tstmnl_style-border, .tstmnl_style-dark, .tstmnl_style-gray, .tstmnl_style-light, .tstmnl_style-secondary, .video-bg-mobile {
  border-radius:20px;
}
@media screen and (max-width: 768px) {
 .vbg-overlay {
   background-color: rgba(0, 0, 0, calc(75 / 100)) !important;
  }
}
.hover-box:hover, .room120_panel__item:hover {
  filter: drop-shadow(0px 20px 15px rgba(0,0,0,.2));
}

.mod-light .button-style01 {
  color: #444444 !important;
}
.mod-light .button-style02 {
  color: #444444 !important;
}
.mod-light .button-style03 {
  color: #fff !important;
}

@media screen and (max-width: 768px) {
  footer .footer-column-11-vertical-alignment {
    text-align: center;
  }
}
.h1 {
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  font-size: 82px !important;
}
.button.button-light-cta::after, .button.button-light-cta:hover::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 13 14'%3E%3Cstyle%3E.st0{fill:none;stroke:%23fff;stroke-width:2}%3C/style%3E%3Cpath d='M1 1.9h11v11M12 1.9l-11 11' class='st0'/%3E%3C/svg%3E");
}
.button.button-light-cta {
  border: 1px solid #fff !important;
  background: none;
  color: #fff;
}
.button.button-light-cta:hover {
  color: #fff;
}
.swiper-wrapper {
  padding-bottom: 55px !important;
}
.swiper-pagination {
  text-align: left !important;
  
}

/*  styling for hero section with no image */
.hero-no-img-section { }

/* overwrite slider arrows to match the same style */

.splide__arrows-position-right button.splide__arrow.splide__arrow--prev, .splide__arrows-position-right button.splide__arrow {
  border: none !important;
}
.hero-slider button.splide__arrow svg {
  width: 43px !important;
  height: 43px !important;
}
.hero-slider .splide__arrow--prev svg {
 transform: scaleX(1) !important; 
}
.splide__bullets-position-outside .splide__pagination, 
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  left: 2em !important;
}

.splide__arrows {
  bottom: -7em !important;
  position: absolute;
  right: -3%;
}
@media screen and (max-width: 768px) {
 .splide__arrows {
   right: -8%;
  }
}
.splide__arrows.swiper-arrows {
  bottom: 2em !important;
}
button.splide__arrow svg {
  fill: #000 !important;
}
button.splide__arrow {
  border-color: #000 !important;
}
.swiper-pagination-bullet-active {
 background-color: #9aaf3b !important; 
}
.cta-section {
   padding-right: 40px !important;
    padding-left: 40px !important;
  }
@media screen and (max-width: 768px) {
  .cta-section {
   padding-right: 2em !important;
    padding-left: 2em !important;
  }

}
/* added 4/4/24 the hero-slider used in the body of case study pages was cropping images because they are very wide and short, this makes the images not crop
 * but makes them small, I put this code in the hero-slider child module but for some reason some pages were using the parent module and I couldnt' change them to
 * the proper one */
@media screen and (max-width: 768px) {
 .splide__track .hero-slider__slide img {
   height: auto !important;
  }

  .splide__track .hero-slider__slide {
/*     padding: 100px 0 180px; */
    padding: 100px 0 46px;
  }
}


/* Video */
.pwr-sec-video {
  transition: filter .3s ease-in;
}
.pwr-sec-video picture img {
  transition: transform .3s ease-in;
}
.pwr-sec-video:hover picture img {
  transform: scale(1.05) !important;
}
.pwr-sec-video:hover {
  filter: drop-shadow(0px 20px 15px rgba(0,0,0,.2));
}
 .header.expanded {
   max-width: 100vw;
}
#hs-interactives-modal-overlay {
/*   max-width: 100vw !important; */
  overflow: hidden !important;
}
  .header.expanded .content-wrapper {
    padding-left: 4em !important;
    padding-right: 7em !important;
    padding-top: 4em !important;
    margin: 0 3em;
  }

@media (max-width: 768px) {
  .header.expanded .content-wrapper {
    padding: 4em 2em 2em 1em !important;
    margin: 0 2em;
  }
} 

.header__navigation--toggle svg, .header__search--toggle svg
{
  fill: #fff;
}
.header__navigation--toggle svg.color-change, .header__search--toggle svg.color-change {
  fill: #000;
}

/* hide search for now */
.header__search--toggle, .header__search--toggle.hide {
  display: none;
}

/* navigation */
@media (min-width: 1139px) {
  .header__language-switcher, .header__navigation
{
    display: none;
    margin-left: 0;
    width: 100%;
  }

  .header__language-switcher--toggle::after, .header__navigation--toggle::after
{
    display: none;
    font-size: 26px;
    font-weight: 600;
    left: 40px;
    position: absolute;
    text-transform: uppercase;
    top: -10px;
  }

  .header__language-switcher--toggle, .header__navigation--toggle
{
    cursor: pointer;
    display: block;
    margin: 0 0 0 25px;
    position: relative;
  }

  .header__navigation--toggle
{
    height: 28px;
    width: 28px;
  }

  .header__language-switcher.open, .header__navigation.open
{
    animation: nav-open .3s ease-out forwards;
    display: block;
    height: 100vh;
    opacity: 1;
    overflow-x: auto;
    padding-bottom: 50%;
    padding-top: 20vw;
    position: absolute;
    right: -100vw;
    top: 0;
    z-index: 2;
  }
  .header__language-switcher.open, .header__navigation.open, .header__search.open
{
/*   background-color: rgba(0,0,0,.8); */
  background-image: linear-gradient(135deg, rgba(0, 0, 0, .85) 34%, rgba(36, 52, 57, 0.85) 90%);
  backdrop-filter: blur(10px);
}

  .header__language-switcher, .header__navigation
{
    display: none;
    margin-left: 0;
    width: 100%;
  }

  .header__close--toggle.show
{
    display: block;
  }

  .nav-primary
{
    display: block;
  }

  .sub.lvl-1
{
    width: 100%;
  }

  .sub.lvl-1 > li
{
    display: block;
    padding: 0;
    padding-left: 0px;
    width: 100%;
  }
  
  .nav-primary .sub.lvl-2  {
    left: 8%;
    top: unset;
    position: relative;
    transform: unset;
    opacity: 1;
    background: unset;
    margin-bottom: 2em;
  }
  .nav-primary .sub.lvl-1 > li.has-sub:hover .sub.lvl-2 {
    left: 8%; 
  }
 .nav-primary .sub.lvl-2 a.menu-link span::after {
   background-image: none;
  }
  .nav-primary li.has-sub {
    clear: both;
  }
  .nav-primary .sub.lvl-2 li {
    float: left;
  }
  .nav-primary .sub.lvl-2 a.menu-link {
    font-size: 20px;
  }
  .nav-primary .sub.lvl-2 a.menu-link:hover {
   text-decoration: underline; 
  }
  
.nav-primary ul li a.menu-link span { 
  padding-right: .5em; 
  }  
  .nav-primary ul li a.menu-link span:visited {
    color: #fff;
  }
.nav-primary ul li a.menu-link span:after {
  content: "";
  height: 30px;
  width: 30px;
  display: inline-block;
  margin-bottom: 1px;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:1;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 16px;
  right: 0;
  transition: all 0.25s ease-in-out;
}
.nav-primary ul li a.menu-link:hover span:after {
  transform: translate3d(0.25em, -.25em, .25em);  
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 14' style='enable-background:new 0 0 13 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%239aaf3b;stroke-width:1;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,1.9h11v11'/%3E%3Cpath class='st0' d='M12,1.9l-11,11'/%3E%3C/svg%3E%0A");
}
  .sub.lvl-1 > li > a
{
  font-weight: 300 !important;
    padding: 5px 20px 18px 10% !important;
  }

  .header__navigation .nav-primary a
{
/*     font-size: 32px !important; */
    line-height: 1.2 !important;
    white-space: normal !important;
    display: inline-block;
    width: auto;
  }

  .header.header-light .nav-primary a, .header__language-switcher .lang_list_class li .lang_switcher_link, .header__language-switcher .lang_list_class li .lang_switcher_link:hover, .header__language-switcher .lang_list_class li:hover .lang_switcher_link, .sub.lvl-1 > li, .sub.lvl-1 > li > a, body .nav-primary .sub .sub .menu-item, body .nav-primary .sub .sub .menu-item .menu-link, body .nav-primary .sub .sub .menu-item:hover, body .nav-primary .sub .sub .menu-item:hover .menu-link
{
    color: #fff !important;
  }
  
    
}
.sub.lvl-1 > li.has-sub.focus .sub.lvl-2 {
    opacity: 1; 
    left: unset;
}
@media (max-width: 1139px) {
  .sub.lvl-1 > li > a::after
{
  font-weight: 300 !important;
    display: unset !important;
  }
  .sub .menu-arrow, .sub.lvl-1 > .has-sub > .menu-arrow, .sub > .has-sub > .menu-arrow {
   display: none; 
  }
  .header__navigation .sub.lvl-2 .menu-item .menu-link:hover {
   text-decoration: underline; 
  }
}
.header__navigation ~ .header-button-wrapper {
  display: none;
}
.header__navigation.open ~ .header-button-wrapper {
  display: block;
  z-index: 99;
  position: relative;
}
@media screen and (max-width: 768px) {
 .header__navigation.open ~ .header-button-wrapper {
   display: none;
  }
  .social-links {
    justify-content: center !important;
  }
}
.header-button-wrapper .social-links__icon {
  background-color: unset;
}
.header__navigation.open {
/*   padding-top: 15vw; */
}
#hs-link-site_logo_hs_logo_widget {
  z-index: 1000000;
  position: relative;
}

.header__navigation.open .nav-primary a {
 text-transform: none;  
}
.header__navigation.open .nav-primary a:selection {
  background-color: unset !important;
}
.nav-border {
/*   border: 2px solid green; */
  margin: 1em;
  border-radius: 1em;
  display: flex;
  align-items: center;
  height: 98%;
}
.header__navigation.open {
  padding: 0;
}
@media screen and (max-width: 768px) {
 .nav-border {
   padding: 8em 2em 4em;
   flex-direction: column;
   height: auto;
   align-items: flex-start;
   padding-left: 2em;
  }
 
}
 .top-thing {
    height: 125px;
    width: 100vw;
    position: fixed;
    top: 0;
    z-index: 100000;
    background: linear-gradient(to bottom, rgb(0, 0, 0) 45%,rgba(0,0,0,0.25) 70%,rgba(255,255,255,0) 100%); 
  }
#hs_cos_wrapper_nav-primary {
  flex: 1 0 50%;
}
.navigation-extra {
/*   width: 100%; */
  color: #fff;
  flex: 1 0 auto;
  padding-right: 2em;
}
.navigation-extra .button {
  margin-right: -20px;
}
@media (max-width: 1139px) {
  .sub.lvl-1 > li > a {
    font-weight: 300 !important;
  }
}
@media (max-width: 768px) {
  .sub.lvl-1 > li > a {
    padding-left: 0 !important;
    font-weight: 300 !important;
  }
  .navigation-extra {
   padding: 2em 0 0 0; 
  }
}
@media (max-width: 1139px) {
  .nav-primary .sub {
    display: block !important;
    }
  
  .nav-primary .sub > .has-sub > a {
    width: 100%;
  }
}
/* staff listing epic portfolio with filtering */
.container-gallery {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container-gallery >.row > .column2,
.container-gallery >.row > .column3,
.container-gallery >.row > .column4 { 
  visibility: hidden;
  display: none;
  width: 0;
  }
.container-gallery >.row > .column2.show,
.container-gallery >.row > .column3.show,
.container-gallery >.row > .column4.show { 
  visibility: visible;
  display: block;
  }
.container-gallery > .row {
  display: flex;
  flex-wrap: wrap;
  align-self: center;
    gap: 1em;
  justify-content: flex-start;
}
.container-gallery p {
  text-align: left !important;
  width: 100% !important;
}
.container-gallery .column4.show {
   width: 100%;
/*    max-width: 24%; */
  max-width: calc(25% - 1em);
  }
.container-gallery .column4.show > div {
  padding: 0;
}
.container-gallery .column2.show {
  width: 49%;
}
@media screen and (max-width: 768px) {
  .container-gallery .column2.show {
    width: 100%;
  }
 .container-gallery .column4.show {
   width: 49%;
  }
}
@media screen and (max-width: 699px) {
 .container-gallery .column4.show {
   width: 100%;
  }
}
.container-gallery figure {
  border-radius: 20px;
  aspect-ratio: 1/1;
}
.container-gallery figcaption .itemTitle h4 {
  color: #fff;
}
.container-gallery figcaption {
  padding: 0 0 1em 1em !important;
}
@media screen and (max-width: 768px) {
 .container-gallery figcaption {
   opacity: 1 !important;
  }
}
.container-gallery .itemLink {
 padding-left: 1.5em !important; 
}
.container-gallery .itemLink span {
  display: none;
}
.container-gallery div[id^="myBtnContainer"] {
  text-align: left !important;
  margin: unset !important;
  padding: 0 20px;
  margin-bottom: 2em !important;
}
.container-gallery div[id^="myBtnContainer"] .btn {
 padding: 8px 10px !important; 
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 20px !important;
  font-size: unset !important;
  font-family: unset !important;
  text-transform: unset !important;
}
.container-gallery div[id^="myBtnContainer"] .btn[class*="active"] {
  background-color: #d2f058 !important;
  color: #000 !important;
}
.container-gallery div[class^="title"] {
  padding: 0 20px;
}
.container-gallery div[class^="subtitle"] {
  padding: 0 20px; 
}
.container-gallery div[class^="subtitle"] p {
  font-family: DM Sans,sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.container-gallery div[class^="title"] span {
  display: none;
}

.cta_button.pwr-cta--primary-solid::before, .cta_button:not(.pwr-cta--hubspot-style)::before, .hs-submit::before, .pwr-btn--primary-solid .hs-submit::before, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style)::before {
 background-color: unset; 
}
.cta_button.pwr-cta--primary-solid:hover::after, .cta_button:not(.pwr-cta--hubspot-style):hover::after, .hs-submit:hover::after, .pwr-btn--primary-solid .hs-submit:hover::after, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover::after, .pwr-header--light-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover::after {
 background-color: unset; 
}

.blog-index__post-thumb {
  border-radius: 20px;
}

.body-container--blog-post .blog-related-posts {
  padding-top: 0 !important;
}
.body-container--blog-post .blog-post__body {
 padding-top: 70px !important; 
}
@media screen and (max-width: 768px) {
  .blog-related-posts .content-wrapper {
    padding: 0;
  }
  .blog-related-posts__post {
   padding: unset; 
  }
  .blog-related-posts__list { 
   gap: 1em;
  }
  .blog-related-posts {
    padding-bottom: 40px;
  }
}
.blog-related-posts__image {
  border-radius: 20px;
}
.blog-related-posts__post-image-wrapper {
  height: unset !important;
}
@media screen and (max-width: 768px) {
 .blog-index__wrapper {
    display: flex;
    gap: 1em;
    border: 1px solid #eee;
    border-radius: 20px;
    padding-right: .5em;
  } 
  .blog-index__wrapper a {
   flex: 1 1 100%; 
  }
  .blog-index__post-thumb {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
.hover-box .button {
 white-space: normal; 
}
.hover-box__desc .hover-box__desc_text {
  font-size: 1em !important;
}
/* hover boxes */
@media screen and (max-width: 768px) {
  .hover-box {
    min-height: 385px !important;
  }
  .hover-box .hover-box__desc .hover-box__desc_text {
    opacity: 1;
    transform: translateZ(0);
    transition-delay: 0s;
  }
  .hover-box .hover-box__image02 {
    opacity:1;
  }
  .hover-box .button, .hover-box .cta_button, .hover-box .hover-box__link, .hover-box span[data-hs-cos-type="cta"], .hover-box span[data-hs-cos-type="cta"] span {
    opacity: 1 !important;
    transform: translateZ(0) !important;
    transition-delay: .1s;
  }
}
.hs-image__grid__item__overlay__content--fit {
  white-space: unset !important;
}

  @keyframes nav-open {
    to {
      opacity:1;
      right:0
    }