/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;700&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/






/* backgrounds */
.black {background: black}
.tan {background: #faeeca}
.brown {background: #A97C50}
.white {background: white}
.yellow {color: rgba(255,205,51,.88)}
body {font-family: 'Open Sans', sans-serif;margin:0; background-color: black}
.nav { background:black;width:100%;box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05);}
.nav a {color: #faeeca; text-decoration:none; font-family: 'Open Sans'}
.nav svg {width:250px; margin-top:20px}
.logo-container {display:flex; justify-content:center}
.home-page-spacing {padding-top:140px}
.form-template {margin: 0 auto; padding: 0px 40px}

.leadin-preview-wrapper {padding: 50px!important; }
.standard-nav-container {display: flex; justify-content:space-around; margin-top:40px; margin-bottom:20px }


h1 {font-size:3.5em; font-weight: 300; color:; font-family:'Charter'; }
h2 {font-size:2em; font-weight: 600; font-family:'Charter'}
h3 {font-size:1.5em; font-weight: 500; color:rgba(0, 0, 0, 0.7); font-family:'Charter'}
h4 {font-size:1.2em; font-weight: 500; color:rgba(0, 0, 0, 0.7); font-family:'Charter';margin:5px}
p {font-family: 'Open Sans', sans-serif; }
.hs-video-widget img {display: block!important}
.quote {margin-bottom:0px; margin-top:0px}
.quote svg {fill:rgb(255, 204, 51,0.7)}
.retirement-video {max-height: 600px;  max-width: 100% }
.container-fluid .row-fluid .page-center { float: none; max-width: 1140px; margin: 0 auto;  padding: 20px; width: 100%; box-sizing: border-box; }
.page-center { float: none; max-width: 1140px; margin: 0 auto;  padding: 20px; width: 100%; box-sizing: border-box; }
a:hover {cursor:pointer}
/* SVG */
/* SVG */
#hashtag {width:30px; }
#plus {width:30px; }
#percent {width:30px;margin-left:5px }
#percent1 {width:30px;margin-left:5px }
#fifty-eight {width:100%;}
#one {width:100%}




.cta:after{ content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #faeeca;
  transform-origin: bottom right;
  transition: all 0.25s ease-out;}
.cta:hover:after { transform: scaleX(0);
  transform-origin: bottom left;}
.cta:hover {color: #b6bbc2;border: 0.5px solid #FFCC33}

.cta-alt:after{ content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: black;
  transform-origin: bottom right;
  transition: all 0.25s ease-out;}
.cta-alt:hover:after { transform: scaleX(0);
  transform-origin: bottom left;}
.cta-alt:hover {color: black;border: 0.5px solid black}

p span.smallText { font-size: 75% }
abbr { text-decoration: none }

/* ================================= added navigation code ============================= */
/* ================================= added navigation code ============================= */
/* ================================= added navigation code ============================= */

.mainNav { --itemPadding: 15px; --downIconSize: 12px; --brown: #a97c50; position: absolute; display: grid; top: 0; left: 0; right: 0; transition: .4s ease; grid-template-areas: "logo" "navUl"; z-index: 50; }
#navSpacer { width: 100vw; height: 180px; }
.mainNav.scroll { position: fixed; background-color: rgba(255, 255, 255, .9); backdrop-filter: blur(20px); grid-template-areas: "logo navUl"; justify-content: center; }
#mainLogo { width: 250px; margin: 20px auto; display: block; grid-area: logo; }
.mobile.trigger { display: none }
.mainNav.scroll #mainLogo { display: none; }
#mobileLogo, .mainNav.scroll #mobileLogo { display: none; grid-area: logo; }
#mobileLogo svg { width: 30px; }
.mainNav.scroll #mobileLogo { display: block; margin: 15px; justify-self: end; }
.invert { fill: white; }
.mainNav.scroll .invert { fill: black; }
.fourC-Brown { fill: var(--brown); }
.mainNav>div { max-width: 1100px; margin: 0 auto; grid-area: navUl; align-self: center; }
ul { list-style-type: none; margin: 0; padding: 0; }
.mainNav>div>ul { display: grid; grid-auto-flow: column; gap: 5px; align-content: space-around; }
.hs-menu-item a { padding: var(--itemPadding); display: block; text-transform: uppercase; text-decoration: none; color: white; white-space: nowrap; font-weight: bold; position: relative; }
.mainNav.scroll .hs-menu-item a { color: black; }
.hs-menu-item a:before { content: ""; position: absolute; width: 0; height: 3px; bottom: 0px; left: 0; background-color: #faeeca; visibility: hidden; transition: 0.4s ease; }
.scroll .hs-menu-item a:before { background-color: black; }
.hs-menu-item a.active:before { width: 100%; visibility: visible; }
.hs-menu-item a:hover:before { visibility: visible; width: 100%; }
.hs-item-has-children .hs-menu-item a:before { height: 0}
.hs-item-has-children>a { padding-right: calc((var(--downIconSize) * 2) + var(--itemPadding)); }
.hs-item-has-children>a::after { content: url(https://20785604.fs1.hubspotusercontent-na1.net/hubfs/20785604/downArrow.svg); position: absolute; width: var(--downIconSize); height: var(--downIconSize); margin-left: var(--downIconSize); }
.scroll .hs-item-has-children>a::after { content: url(https://20785604.fs1.hubspotusercontent-na1.net/hubfs/20785604/downArrow-blk.svg); }
.hs-menu-children-wrapper { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); background: #333; transition: .4s ease; }
.hs-menu-children-wrapper .hs-menu-item a:hover { background: #222 }
.mainNav.scroll .hs-menu-children-wrapper { background: white; }
.mainNav.scroll .hs-menu-children-wrapper .hs-menu-item a:hover { background: #f2f2f2 }
.hs-item-has-children .hs-menu-children-wrapper { opacity: 0; visibility: hidden; translate: -20px; position: absolute; transition: .4s ease; }
.hs-item-has-children:hover .hs-menu-children-wrapper { opacity: 1; visibility: visible; translate: 0; }
@media only screen and (max-width: 900px) {
    .mainNav,
    .mainNav.scroll { grid-template-rows: min-content min-content; grid-template-areas: "logo" "navUl"; justify-content: center; }
    #navSpacer { height: 65px; }
    #mainLogo, .mainNav.scroll #mainLogo { display: none; }
    .mainNav #mobileLogo { display: block; justify-self: center; margin: 15px 0; }
    .mainNav.scroll #mobileLogo { justify-self: center; }
    .mobile.trigger { display: grid; justify-content: center; align-items: center; width: 60px; aspect-ratio: 1/1; position: fixed; top: 0; left: 0; z-index: 200; background-repeat: no-repeat; background-position: center; background-size: 24px 24px; cursor: pointer; transition: .4s ease; }
    .mobile.trigger svg { width: 24px; height: 24px }
    .mobile.trigger .invert { fill: white; transition: .4s ease; }
    .mobile.trigger.scroll .invert { fill: black; }
    .mobile.trigger.active svg { display: none }
    .mobile.trigger.active { background-image: url('https://20785604.fs1.hubspotusercontent-na1.net/hubfs/20785604/xmark-solid.svg'); rotate: 90deg; }
    .mainNav { height: 60px; z-index: 100; background: rgba(0, 0, 0, .75); backdrop-filter: blur(20px); position: fixed; align-items: center; }
    .mainNav.active { height: 100vh; bottom: 0; align-content: center; }
    .mainNav .hs-menu-wrapper, .mainNav.active .hs-menu-wrapper { visibility: hidden; opacity: 0; }
    .mainNav.active .hs-menu-wrapper { visibility: visible; opacity: 1; }
    .mainNav>div>ul { grid-auto-flow: row; text-align: center; }
    .mainNav>div>ul li { width: 75vw; }
    .hs-item-has-children .hs-menu-children-wrapper { position: relative; height: 0; translate: 0; }
    .hs-item-has-children:hover .hs-menu-children-wrapper { height: auto; }
    .hs-menu-children-wrapper { box-shadow: none; }
}

/* ============================== end of added navigation code ========================= */
/* ============================== end of added navigation code ========================= */
/* ============================== end of added navigation code ========================= */


.standard-nav .nav-link { position:relative;padding:15px; text-transform:uppercase; font-weight: bold}
.scrollNav .nav-link {position:relative; text-transform:uppercase; font-weight: bold}



.standard-nav .nav-link:before {content: "";
  position: absolute;
  width: 0;
  height: 3px;
  bottom: -3px;
  left: 0;
  background-color: #faeeca;
  visibility: hidden;
  transition: all 0.3s ease-in-out;}

.scrollNav .nav-link:before {content: "";
  position: absolute;
  width: 0;
  height: 3px;
  bottom: -3px;
  left: 0;
  background-color: black;
  visibility: hidden;
  transition: all 0.3s ease-in-out;}

.cta-2:after{ content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 3px;
  bottom: 0;
  left: 12.5%;
  background-color: #faeeca;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out}

.cta-2:hover:after { transform: scaleX(0);
  transform-origin: bottom left;}
.cta-2:hover {color: #b6bbc2; }
.cta-2 {background:black;font-weight:bold; font-family:'Open Sans',sans-serif; color:#FFCC33;border-radius:0px;padding:10px; text-decoration:none; transition: all .4s ease;position:relative}



.standard-nav .nav-link:hover:before { visibility: visible;
  width:100%; }

.scrollNav .nav-link:hover:before { visibility: visible;
  width:100%; }


.cta {background:transparent;font-weight:bold; font-family:'Open Sans',sans-serif; color:#FFCC33;border-radius:0px;padding:10px; text-decoration:none; transition: all .4s ease;position:relative;margin: 25px 0px}
.cta-alt {background:transparent;font-weight:bold; font-family:'Open Sans',sans-serif; color:black;border-radius:0px;padding:10px; text-decoration:none; transition: all .4s ease;position:relative;margin: 25px 0px}

.cta-wrap {margin: 30px 0px 15px 0px!important}
.cta-bold {background:#FFCC33; font-family:'Open Sans',sans-serif; font-weight: 700;color:black;border-radius:0px;padding:20px 50px; text-decoration:none; transition: all .4s ease;position:relative;margin: 25px 0px}
.video-container {overflow:hidden;position:relative;display:flex; flex-direction:column; justify-content:center; align-items:center; padding: 0px 0px 40px 0px}
.video-container video {position:relative; width:100%;  }
.video-container video:hover {cursor:pointer}
.video-container img { min-width:100vw;  }

.video-container .intro-copy {;box-shadow: 0 3px 10px rgb(0 0 0 / 0.6);width:100%; padding-bottom:20px}
.video-container .intro-copy svg {fill: #faeeca; height:200px; width: 200px}
#volume {position: absolute; background: transparent; border:none; top: 30px; left: 30px }
#volume:hover {cursor: pointer}
#vol {width: 40px}
#mute {width: 50px}
.video-container .pillarContainer {display: flex; flex-direction:row;justify-content:center;padding-top:0px;width:100%; padding-bottom:40px;flex-wrap: wrap }
.pillarWrapper {max-width:1140px; margin: 0 auto;padding: 0px 20px}
.video-container .pillar {position:relative; width: calc(33.3% - 6px); }
.video-container .pillar .svg {width: 100%; display: flex;justify-content: center;margin-top:40px}
.video-container .pillar h4 {font-family: "Open Sans";font-weight: 700}
.pillar:hover {cursor:pointer}
.video-container .pillar .desc {font-weight:bold; padding:10px 10px 10px 10px; left:0px;text-align:center}
.pillar .text h1 {font-size:1rem}


/* events */

div.events { color: #faeeca; display:flex; gap: 10px; flex-wrap: wrap; margin-bottom: 30px }
div.events h2, div.events h3 { color: white }
div.events h3 { margin: 10px 0 0 0; }
div.events p { margin: 0 }

div.events div.event { padding: 20px; border: 1px solid #faeeca; width: calc(50% - 10px); box-sizing: border-box; }
div.events div.event a.cta { display: inline-block; margin: 10px 0 0 0;  border: 0.5px solid black;  }
div.events div.event a.cta:hover { border-color: #fc3;  }

#nextsteps h2 { margin-top: 0 }

/* HEADER HERO */

.hero { width: 100%; display: table; }
.bannerImage { background-size: cover; background-repeat: no-repeat; display: table-cell; vertical-align: bottom; position: relative; padding: 50px 0 0 0; background-color: ; width: 100vw; }
.bannerImage.quarter { height: calc(25vh - 50px); }
.bannerImage.third { height: calc(33.3vh - 50px); }
.bannerImage.half { height: calc(50vh - 50px); }
.bannerImage.twoThirds { height: calc(66.6vh - 50px); }
.bannerImage.full { height: calc(100vh - 50px); }
.bannerImage.blog { background-image:url('https://f.hubspotusercontent40.net/hubfs/8046892/DSC_3127+.jpg'); }
.bannerTextArea { position: relative; max-width: 630px; }
.hero.blogHero { margin-bottom: 30px; }
.hero .sidebar { margin: 30px 0; padding: 20px; border-radius: 9px; background-color: rgba(0,0,0,.4); }
.hero .sidebar h2 { margin: 0; }
.bannerImage .overlay { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
/* HAMBURGER MENU */

.hamburger-menu {display:none;position: fixed; top:15px; left:0px; z-index:1}
.hamburger-menu .toggler {position:absolute; top:13px; left:13px;z-index:5; cursor:pointer; width:40px; height:40px; opacity:0}
.hamburger-menu .hamburger {top:0; left:0; width:25px; height:30px; padding: 1rem;background:transparent; display: flex; align-items:center; justify-content:center}

/* hamburger line */
/* top and bottom lines */
.hamburger-menu .hamburger > div {position:relative; width:100%; height:2px; background-color:white; display: flex; align-items:center; justify-content:center;transition: all 0.4s ease}
.hamburger-menu .hamburger > div:before,
.hamburger-menu .hamburger > div:after {content: ''; position:absolute; z-index:1; top:-10px; width:100%; height:2px; background:inherit}

/* moves line down */
.hamburger-menu .hamburger > div:after {top: 10px}

/* toggler animation */
.hamburger-menu .toggler:checked + .hamburger > div {transform: rotate(135deg) ;z-index:3;background-color:#A97C50!important}

/* turn lines into x */
.hamburger-menu .toggler:checked + .hamburger > div:before,
.hamburger-menu .toggler:checked + .hamburger > div:after {top:0; transform: rotate(90deg); background-color:#A97C50!important}

/* show menu */
.hamburger-menu .toggler:checked ~ .menu {visibility:visible}  
.hamburger-menu .toggler:checked ~ .menu > div {transform: translateX(-15%); transition-duration: 0.75s}
.hamburger-menu .toggler:checked ~ .menu > div > div {opacity:1; transition: opacity 0.4s ease}


.hamburger-menu .menu {position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; visibility:hidden; display:flex; align-items:center;justify-content:center}

.hamburger-menu .menu > div { background: rgba(0, 0, 0, 1);width:80vw;  z-index: 5;height:200vw;display:flex;align-items:center;justify-content:center;transform:translateX(-100%);transition: all 0.4s ease}

.hamburger-menu .menu > div > div {text-align:center; max-width:90vw; max-height:100vh; opacity:0;transition: opacity 0.4s ease}
.hamburger-menu .menu > div > div > ul {padding-inline-start: 0px}
.hamburger-menu .menu > div > div > ul > li {font-size:1rem; padding: 1rem; list-style:none;text-transform: uppercase}
.hamburger-menu .menu > div > div > ul > li > a {transition: color 0.4s ease}

/* SCROLL NAV */
.link-active{ color:#f7d9bb!important;padding-bottom: 15px; border-bottom: 3px solid #faeeca}
.scroll-link-active{ border-bottom: 3px solid black; padding-bottom:6px }
.scrollNav {position:fixed;transition: top 0.4s ease; top:-80px;}
.scrollNav.active {z-index:99; background:white;transition: top 0.4s ease;display:flex;justify-content:center;align-items:center;position:fixed; width:100%; left:0; top:0; padding:7px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.scrollNav .logo-container {float:left}
.scrollNav .logo-container svg {width:40px;margin-right: 60px; margin-top:0px}
.scrollNav .standard-nav-container {margin-top:0; margin-bottom:0px}
.scrollNav .standard-nav-container a {color:black;}
.scrollNav .standard-nav-container .nav-link {margin: 0px 25px}

/* CONTENT STYLING */

.splitContent-wrapper {position:relative;display:flex;padding-top: 50px; padding-bottom: 90px;flex-direction: row-reverse;float: none; max-width: 1400px; margin: 0 auto;  width: 100%; box-sizing: border-box;}
.splitContent-wrapper p {margin: 0}
.splitContent-wrapper .image-wrapper {width:80%;min-height: 500px; background-size:cover;background-repeat: no-repeat;background-position:center center }
.splitContent-wrapper .copy { background:black; border: 2px solid #faeeca;padding:30px; height: max-content; margin-right:-100px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.splitContent-wrapper .copy-right { background:black; border: 2px solid #faeeca;padding:30px; height: max-content; margin-left:-100px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.splitContent-wrapper .copy span {margin: 0 auto; width:75%}
.splitContent-wrapper .copy h2 {margin: 0px 0px 30px 0px }
.splitContent-wrapper .copy-right h2 {margin: 0px 0px 30px 0px }
.splitContent-wrapper .copy-wrapper {width:30%;display: flex; justify-content:center; align-items:center; min-height:500px; z-index:2}
.fixed {background-attachment: fixed }
.left {position:relative;display:flex;width:90%;padding-top: 50px; padding-bottom: 90px;margin: 0 auto;flex-direction:row!important}
.max-w {width:90%}
.med-w {width:70%}
.small-w {width:50%}

.pd-none { padding-top: 0px; padding-bottom: 0px; }
.pd-normal { padding-top: 50px; padding-bottom: 50px; }
.pd-medium { padding-top: 100px; padding-bottom: 100px; }
.pd-large { padding-top: 200px; padding-bottom: 200px; }

section.standard { background-size: cover; background-repeat: no-repeat; background-position: center center; }
section.standard.fixed { background-attachment: fixed; }
section.standard .overlay { top: 0; left: 0; right: 0; bottom: 0; }
section.standard .overlay.black { background-color: black; }
section.standard .overlay.primary { background-color: #A97C50; }
section.standard .overlay.primary_gd {background: rgba(0, 0, 0, 0.7)}
section.standard .overlay.secondary { background: white }
section.standard .overlay.tan { background: #faeeca}
section.standard .overlay.blue { background: background: rgba(32, 57, 106, 1)}
ection.standard .overlay.tan h1 {color:black}
section.standard .overlay.freeform_gd { background:#b79066}
section.standard .overlay.grey {background: #3e3c3cb3}
/* section.standard .overlay.background  { background-size: 100%; background-position: center center; background-repeat: no-repeat; } */
#dedicated {margin-top:100px}
section#deliverables { background-color:  }

section.standard img { width: 100%; }

section.standard .bg_image.bg_active { background-size: 100%; background-repeat: no-repeat; background-position: center; }
section.standard .bg_image.bg_active.right { background-size: calc(50% - 80px); background-position: center right 40px; }
section.standard .bg_image.bg_active.left { background-size: calc(50% - 80px); background-position: center left 40px; }
section.standard img.background { display: none; }
section.standard img.photograph { padding: 15px; background-color: ; box-shadow: ; box-sizing: border-box; }
section.standard .right img.photograph { transform: rotate(3deg); }
section.standard .left img.photograph { transform: rotate(-3deg); }

section.standard .page-center.pd-none { padding-top: 0px; padding-bottom: 0px; }
section.standard .page-center.pd-normal { padding-top: 50px; padding-bottom: 50px; }
section.standard .page-center.pd-small { padding-top: 20px; padding-bottom: 20px; }
section.standard .page-center.pd-medium { padding-top: 100px; padding-bottom: 100px; }
section.standard .page-center.pd-large { padding-top: 200px; padding-bottom: 200px; }

/* HOME PILLARS */
.homePillars .pillars { display: flex; flex-wrap: nowrap;  height: auto; width: 100%; padding: 10px; position: relative; }
.homePillars .pillars .pillar { flex: 0 0 auto; position: relative; width: calc(33.3% - 6px); height: auto; box-sizing: border-box; margin: 10px 10px 10px 0; padding: 20px; transition: .2s;  }
.homePillars .pillars .pillar div.svg { position: absolute; top: 0; left: 0; right: 0; z-index: -1; }


.pillarContainer {display: flex; flex-direction:row;justify-content:center;padding-top:40px;width:100%; padding-bottom:40px;flex-wrap: wrap }
.pillarWrapper {max-width:1140px; margin: 0 auto;padding: 0px 20px}
.pillarWrapper a {text-decoration:none}
.pillar {position:relative}
.pillar:hover {cursor:pointer}
.pillar .text {position:relative;z-index:2;font-weight:bold;min-width:60%;  padding:10px 0px; margin: 5px 5px;text-align:center;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.pillar .text h1 {font-size:1rem}

.pillar img {transition: all 0.2s ease;filter: grayscale(80%); max-width:350px; height: 350px; object-fit: cover; margin: 5px;}
.pillar img:hover {filter:grayscale(0%); object-fit: cover; margin: 5px;margin-top:2px}

/* //articles */
.call {padding-top:10px}
.call-show {bottom:0px!important;}

.filter { left: 0; bottom: 0; background:transparent; width:100%; height: 100% }
.show {display:block!important}
.filter-hide {display:none}
.btn-active {background: #3b3838!important; color: #faeeca!important}
.btn {border-radius: 0px; border: 1px solid #FFCC33; padding: 8px 15px; background:none; color: #b6bbc2; font-family: 'Open Sans', sans-serif;margin: 5px 0px }
.btn:hover {cursor:pointer; transform: translate(0px, -2px)}
.article { border: 3px solid #faeeca;height:350px;position:relative;width:calc(50.0% - 36px); margin: 15px; flex-direction:column; overflow:hidden; background-size:cover; background-repeat: no-repeat; background-position:center}
.article:hover {cursor:pointer}
.article .text {font-size:0.8rem;font-weight:bold; position:absolute;min-width:100%; top:0px; padding:10px 0px 10px 0px; left:0px;text-align:center}
.article .text h1 {font-size:1rem}
.article .copy { background: rgba(0, 0, 0, 0.6);
    width: 97%;
    color: white;
    position: absolute;
    bottom: -80px;

    padding: 15px 10px 15px 10px;

    transition: bottom 0.5s ease;
    backdrop-filter: blur(15px);
 -webkit-backdrop-filter: blur(15px);}
.article h4 {color: white}
.article img {width:100%; height:350px;object-fit: cover; margin: 15px;}
/* .article img:hover {max-width:350px; height: 500px; object-fit: cover; margin: 5px;} */


/* TABS */
.cards {display: flex; flex-wrap: wrap; height: auto; width: 100%; padding: 10px; margin: -10px;  -webkit-overflow-scrolling: touch; }
.cards::-webkit-scrollbar { display: none; }
.cards.col-1 .card { width: 100%; }
.cards.col-2 .card { width: calc(50.0% - 5px);  }
.cards.col-3 .card { width: calc(33.3% - 20px);  }
.cards.col-4 .card { width: calc(25% - 10px);  }
.card { display:relative;flex: 0 0 auto; background-color: transparent; box-shadow: ; width: 30%; height: auto; box-sizing: border-box; margin: 10px 10px 10px 0; padding: 20px; transition: background-color 0.2s ease; scroll-margin: 9px; }
.card.active {  transition: background-color 0.2s ease; }

/* SERVICES */
#services-page .card {  ;flex: 0 0 auto; background-color: transparent; box-shadow: ;  height: auto; box-sizing: border-box; margin: 20px 20px 20px 0; padding: 20px; transition: background-color 0.2s ease; scroll-margin: 9px; }
#services-page .card svg {position:absolute;height:100%; opacity:27%; color: #A97C50; top:0px; right: -30px }
#services-page .card .description {position:relative; z-index:1}
#services-page .card  h4  {position:relative; z-index:1; font-size: 1.1rem; color:#faeeca}

#services-page-test .cards {position:relative}
#services-page-test .card { border: 3px solid #faeeca;overflow:hidden;display: flex; flex-direction:column;justify-content:center;height: 300px!important;position:relative;width:calc(50.0% - 20px)!important;flex: 0 0 auto; background-color: transparent; box-shadow: ;  height: auto; box-sizing: border-box; margin: 20px 20px 20px 0; padding: 20px 0px 20px 20px; transition: background-color 0.2s ease; scroll-margin: 9px; }
#services-page-test .card svg {position:absolute;height:200px; opacity:27%; color: #A97C50; top:0px; right: -30px }
#services-page-test .card .description {position:relative; z-index:1}
#services-page-test .card  h2  {position:relative; z-index:1; font-size: 1.1rem; color:#faeeca}
#services-page-test .pop {transition: all 0.6s ease;overflow: hidden; background: rgba(0,0,0,0.5);backdrop-filter: blur(10px);position: absolute; z-index:5; height:100%; width:auto;padding: 15px 20px;top:-300px; left: 0;}
#services-page-test .pop.open {display:flex!important; justify-content: space-around; align-items: center; flex-direction: row; top:0}
#services-page-test .step-wrap {overflow: revert!important}
#services-page-test .more {display:none}
#services-page-test .card:hover {cursor:pointer}
.pop h3 {color: #faeeca}
.back {transition: all 0.5s ease; border: 3px solid #FFCC33!important;}
.pop .close { display: none; position: absolute; top: -25px; right: -15px; padding: 15px; z-index: 2000;width: 16px; height: 16px }
.pop.close:hover {cursor: pointer}
.cardNav { margin: 15px 0; display: flex; }
.cardNav.center { text-align: center; justify-content: center; }
.cardNav .navItem { background-color: #18191a; width: 25px; height: 3px; /* padding: 5px; */ margin: 9px 8px;/* border-radius: 100%; */ cursor: pointer;transition: .2s;}
.cardNav .navItem.all { border-radius: 0; background-color: #faeeca; }
.cardNav .navItem.active { background-color: white; cursor: default; transition: .2s;}
.cardNav .navItem.activeAll { background-color: #faeeca; transition: .2s; }
.cardNav .navItem:hover { background-color: #faeeca; transition: .2s; }
.cardNav.disable { display: none }

/* //METRICS */
.metrics h2 {color:#faeeca}
.metrics .card { padding: 0; border: 0; background: none; box-shadow: none; }
.metrics .stat {display: flex; flex-direction:row;text-align:center; padding: 10px;}
.metrics .stat svg { text-align:center;font-size: 4em; margin: 0 0 5px 0; height: 70px; font-weight: 300; color:#A97C50;padding: 5px;  }
.metrics .counter-wrapper {height: 70px; width:70px;overflow: hidden;padding: 10px}
.metrics .counter-wrapper .container { height: 70px;width:70px; position:relative}
.metrics .counter-wrapper .container svg { height: 70px;width:70px}
  
.metrics .counter-wrapper-2 {height: 70px; width:60px;overflow: hidden;padding: 10px 0px}

.metrics .counter-wrapper-2 .container { height: 70px; position:relative}
.metrics .counter-wrapper-2 .container svg { height: 70px;}
.metrics svg { margin: 0 auto; height:100px}
.metrics svg g.successMetric .color1 { fill: ; }
.metrics svg g.successMetric .color2 { fill: ; }
.metrics svg g.successMetric .color3 { fill: ; stroke: ; stroke-width: 2; }
.metrics .attribution { font-size: .8em; color: #faeeca; }
.metrics .attribution a {color: #FFCC33}
#home-services .card {display: flex; flex-direction: column;}
#home-services svg {color:#A97C50;height: 60px; margin: 0 auto}
#home-services .description {display: flex;text-align:center} 
#review {width:50px!important}
.attribution { font-size: .8em; color: #FFCC33; }
.attribution a {color: #FFCC33}

/* testimonials */
.testimonials .cards .card { ; box-shadow: none; border: 0; padding: 0; position: relative;width: calc(50.0% - 10px)!important }

#testimonials blockquote { padding: 25px; margin-top: 0; }
#testimonials .quote.full { display: none; }
#testimonials div.close { display: none }
#testimonials.active div.testimonial.open { width: 100%; }
#testimonials.active div.testimonial.open .quote { display: none; }
#testimonials.active div.testimonial.open .quote.full { display: block; padding-right: 30px; }
#testimonials.active div.testimonial.open div.close { display: block; position: absolute; top: 0; right: 0; padding: 15px; z-index: 2000; }
#testimonials.active div.testimonial.open div.close img { width: 16px; height: 16px; }
#testimonials.active div.testimonial.open div.close:hover { cursor: pointer; }
#testimonials.active div.testimonial {  }
#testimonials.active div.testimonial.active { display: block; }
#testimonials.active div.testimonial.active .cta { display: none; }
#testimonials div.testimonial.active blockquote {  transition: .2s; }
#testimonials a:hover {cursor:pointer}


blockquote { margin: 15px 0 35px 60px; padding: 10px 25px;  position: relative; }
blockquote:before { content: url(https://20785604.fs1.hubspotusercontent-na1.net/hubfs/20785604/quotes.svg); position: absolute; top: 10px; left: -6px; width: 35px; }
blockquote p { font-size: 1.4em; font-weight: 200; }
blockquote p.attribution { font-size: .9em; margin-bottom: 30px!important }


.cardNav .previous, .cardNav .next { font-size: 0; line-height: 0; display: inline-block; width: 15px; height: 15px; cursor: pointer; border: none; outline: none; background: transparent; position: relative; visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; }
.cardNav .previous.hidden, .cardNav .next.hidden { visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms; }
.cardNav .previous { margin: 0 4px 0 0; }
.cardNav .next { margin: 0 0 0 4px; }
.cardNav .previous:before { content: url(https://f.hubspotusercontent40.net/hubfs/8046892/previous.svg); position: absolute; top: 0; right: 0; width: 13px; }
.cardNav .next:before { content: url(https://f.hubspotusercontent40.net/hubfs/8046892/next.svg); position: absolute; top: 0; left: 0; width: 13px; }

.executionProcess .card h3 { margin: 0; font-size: 1em; font-weight: 700; }
.executionProcess .card h4 { margin: 0;font-size: 1em;font-weight: 300; color: #faeeca }
.executionProcess .card p { font-size: .9em; margin: 15px 0px; }

.form-container {margin-left:0%!important;display:flex!important; justify-content:center; padding: 100px 0px;}
.form-container form {background: #1e1d1d; padding:20px; color:#faeeca; min-height:100%; width:100%}
.form-container form div {margin: 10px 0px;position:relative; display:flex; flex-direction:column}
.form-container form ul {list-style:none; font-size:0.8rem; padding-inline-start: 0rem; }
.form-container form input {padding: 5px; width:95%;}
.form-container h3 {color:#faeeca; margin: 10px 10px}
 
.form-container form input[type="submit"] {width:50%;margin: 0 auto!important;background:#faeeca; color:black; font-weight:bold;border:3px solid #faeeca;padding:10px;-webkit-border-radius:0px;-webkit-appearance: none;}
.page-center.contact-us form h3 {color:#faeeca}

.page-center.contact-us form fieldset {width:100%; margin: 0 auto; max-width:100%;}
.page-center.contact-us form input {color:white;width:100%; padding:15px;box-sizing: border-box;background:#4f4847;border:none}
.page-center.contact-us form input:focus {border: 1px solid #faeeca}
.page-center.contact-us form label {color: #faeeca; margin: 15px 0 5px 0; display:block}
.page-center.contact-us form textarea {color:white;width:100%; padding:15px;box-sizing: border-box;border:none;background:#4f4847}
.page-center.contact-us form fieldset.form-columns-1 .hs-input {width: 100%}
.page-center.contact-us form input[type="submit"] {margin-top:20px!important;width:auto;background:transparent; color:white; font-weight:bold;border:0.5px solid #FFCC33;padding:10px;-webkit-border-radius:0px;-webkit-appearance: none;}
.page-center.contact-us form input[type="submit"]:hover {cursor: pointer;margin-top:20px!important;width:auto;background:gold; color:black; font-weight:bold;border:0.5px solid #FFCC33;padding:10px;-webkit-border-radius:0px;-webkit-appearance: none;}
.hs-tools-menu {display:none!important}

.tax-smart-form {max-width: 800px; margin: 0 auto}
.tax-smart-form form label {color: #faeeca!important; margin: 15px 0 5px 0; display:block}
.tax-smart-form form input {color:white;width:100%; padding:15px;box-sizing: border-box;background:#4f4847;border:none}
.tax-smart-form form input[type="submit"] {margin-top:20px!important;width:auto;background:transparent; color:white; font-weight:bold;border:0.5px solid #FFCC33;padding:10px;-webkit-border-radius:0px;-webkit-appearance: none;}
.tax-smart-form form input[type="submit"]:hover {cursor: pointer;margin-top:20px!important;width:auto;background:gold; color:black; font-weight:bold;border:0.5px solid #FFCC33;padding:10px;-webkit-border-radius:0px;-webkit-appearance: none;}

.footer {background: #161414; padding: 30px 0px}
.footer .legal {display: flex; flex-direction: column}
.footer h4 {color: #faeeca}
.footer .footer-wrap {display: flex; flex-direction: row; justify-content: space-around}
.footer .follow svg {width:30px;}

.popup {;overflow: hidden;display: none;border-radius:8px; background: black;position: absolute; z-index:5; height:auto; width:auto;padding: 30px 40px; top: 30%; left: 0;border: 3px solid #faeeca;}
.popup.open {display:flex!important; justify-content: space-around; align-items: center; flex-direction: row}
.step-wrap {position:relative; display: flex; flex-direction: column; overflow: hidden }
.step-wrap .cta {width:max-content;}
.step-wrap .cta:hover {cursor: pointer}

#services-page .cards {position:relative}
.popup .svg svg {position:relative!important;height: 100%!important; width: 100%!important; right: 0!important; opacity: 1!important}
.popup .svg {height: 100px;}
.popup h3 {color: #faeeca}
.popup .content {display: flex; flex-direction:column; width: 70%}


img.bioImage { margin: 20px 0 0 0}


/* MEDIA QUERIES */
@media (max-device-width: 768px) {
  section.standard .page-center.pd-none { padding-top: 0px; padding-bottom: 0px; }
  section.standard .page-center.pd-normal { padding-top: 50px; padding-bottom: 50px; }
  section.standard .page-center.pd-small { padding-top: 20px; padding-bottom: 20px; }
  section.standard .page-center.pd-medium { padding-top: 60px; padding-bottom: 60px; }
  section.standard .page-center.pd-large { padding-top: 70px; padding-bottom: 70px; } 

  .homePillars .pillars { flex-wrap: wrap; width: auto; }
  .homePillars .pillars .pillar { width: 100%;  } 

  section.standard .bg_image.bg_active { background: none; }
  section.standard img.background { display: block; width: 100%; }
  section.standard .bg_image.bg_active { background: none; background-image: none !important; }
  section.standard .bg_image.bg_active.right { background: none; }
  section.standard .bg_image.bg_active.left { background: none; }
   .testimonials .cards .card {width: 100%!important}
  blockquote {margin: 0}
  div.events div.event { width: calc(100% - 10px) }

}




@media (max-device-width: 1100px) {
   .standard-nav-container {display:none}
    .hamburger-menu {display:block;position: fixed; top:-5px; left:0; z-index:99; }
  .hamburger-menu .menu > div  {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
    .scrollNav .logo-container svg {width:40px;margin-right: 0px; margin-top:0px}
  
  
  
  
  
  
    
/*   .mobile.trigger { display: block; position: absolute; aspect-ratio: 1/1; width: 60px; top: 0; left: 0; z-index: 250; background-image: url('https://20785604.fs1.hubspotusercontent-na1.net/hubfs/20785604/bars-solid.svg'); background-size:30px 30px; background-repeat: no-repeat; background-position: center center; transition: .4s ease; }
  .mobile.trigger.active { background-image: url('https://20785604.fs1.hubspotusercontent-na1.net/hubfs/20785604/xmark-solid.svg'); transform: rotate(90deg) }
  .mainNav { visibility: hidden; opacity: 0; max-width: 0; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; background: black; z-index: 200; transition: .4s ease; padding-top: 70px; box-shadow: 0 8px 24px hsla(210,8%,62%,.2);} }
  .mainNav.active { visibility: visible; max-width: 90vw; opacity: 1; }

  .mainNav.active .hs-menu-wrapper ul { display: block; width: 90vw; margin-top:0; margin-bottom:0; list-style-type: none; padding: 0 }
  .mainNav.active .hs-menu-wrapper ul li a { display: block } */

/*   ul.hs-menu-children-wrapper  { visibility: visible; opacity: 1; left: 0; top: 0; position: relative; }
  .hs-item-has-children .hs-menu-children-wrapper .hs-menu-item a { font-weight: normal; padding:5px; }
  .hs-menu-item a { padding:5px; box-sizing: border-box; font-weight: bold; text-align:center; } */

}

@media (max-device-width: 860px) {
  #services-page .card { position:relative;flex: 0 0 auto; background-color: transparent; box-shadow: ;  height: auto; box-sizing: border-box; margin: 20px 20px 20px 0; padding: 20px; transition: background-color 0.2s ease; scroll-margin: 9px; }
.popup {overflow: hidden;display: none;border-radius:8px; background: black;position: absolute; z-index:5; height:100%; width:auto;padding: 0px; top: 0; left: 0;border: 3px solid #faeeca;}
.blur.on {opacity: 1!important;z-index:-1!important}
  .scrollNav .logo-container svg {width:40px;margin-right: 0px; margin-top:0px}
  .nav svg {margin-top: 0px}
  .hamburger-menu {display:block;position: fixed; top:-5px; left:0; z-index:99}
 
  .video-container .pillarContainer {display: flex; flex-direction:column;justify-content:center;padding-top:0px;width:100%; padding-bottom:40px;flex-wrap: wrap }
 .video-container .pillar {position:relative; width: 100%; }
  .video-container .pillar .svg {width: 100%; display: flex;justify-content: center;margin-top:20px; margin-bottom: 20px}
  .splitContent-wrapper .image-wrapper {position: absolute;z-index: 0;width:100%;min-height: 500px; background-size:cover;background-repeat: no-repeat;}
  .splitContent-wrapper {position:relative;display:flex;padding-top: 50px; padding-bottom: 90px;flex-direction: row-reverse;float: none; max-width: 1400px; margin: 0 auto;  width: 100%; box-sizing: border-box;}
  .splitContent-wrapper .copy { -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,0.5); border: 2px solid #faeeca;padding:30px; height: max-content; margin-right:0px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
  .splitContent-wrapper .copy-right { -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,0.5); border: 2px solid #faeeca;padding:30px; height: max-content; margin-left:0px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
  .splitContent-wrapper .copy-wrapper {margin: 0 auto;width: 90%;z-index: 1;position:relative;display: flex; justify-content:center; align-items:center; min-height:500px}
.cards.col-3 .card {width: 100%}
    .article {width: 80%}
}
@media (max-width: 1300px) {
  
}
@media (max-width: 1050px) {
  .flexy {display: flex; flex-wrap:wrap; justify-content:center}
.flexy .intro {max-width: 100%}
.flexy .video-player {width: 100%; max-width: 100%; margin-top:30px}
  .pillar img {max-width:400px; height:400px;object-fit: cover; margin: 0 auto}
  .pillarContainer {display: flex; flex-direction:column;justify-content:center;align-items:center;margin-top:0px; width:100%;}
  #services-page-test .card { border: 3px solid #faeeca;overflow:hidden;display: flex; flex-direction:column;justify-content:center;height: auto!important;position:relative;width:100%!important;flex: 0 0 auto; background-color: transparent; box-shadow: ;  height: auto; box-sizing: border-box; margin: 20px 20px 20px 0; padding: 20px 20px 20px 20px; transition: background-color 0.2s ease; scroll-margin: 9px; }
#services-page-test .more {display:block}
  #services-page-test .pop {display:none;transition: all 0.6s ease;overflow:initial; background: rgba(0,0,0,0.5);backdrop-filter: blur(10px);position: relative; z-index:5; height:100%; width:auto;padding: 0px!important;top:initial; left: 0;}
 #services-page-test .pop.open {display:flex!important; justify-content: space-around; align-items: center; flex-direction: row;}
.pop .close { display: block; position: absolute; top: -25px; right: -15px; padding: 15px; z-index: 2000;width: 16px; height: 16px }
.pop.close:hover {cursor: pointer}
}
@media (max-width: 500px) {
  .popup .svg {height: 100px;margin-bottom: 20px}
  .popup h3 {color: #faeeca; align-self: center}
  .popup {overflow: hidden;display: none;border-radius:8px; background: black;position: absolute; z-index:5; height:auto; width:auto;padding: 30px 30px 20px 20px; top: 0; left: 0;border: 3px solid #faeeca;}
.popup.open {display:flex!important; justify-content: space-around; align-items: center; flex-direction:column}
  .popup .content {display: flex; flex-direction:column; width: 100%}
  .pillar img {max-width:300px; height: 300px; object-fit: cover; margin: 5px;}
  .pillarContainer {display: flex; flex-direction:row;justify-content:center;margin-top:0px; width:100%; flex-wrap: wrap; padding-top:0px}
   h1 {font-size:2.1em; font-weight: 300; color:; font-family:'Charter'; }
  .footer .footer-wrap {display: flex; flex-direction: column; justify-content: space-around}
  .nav svg {width:150px; margin: 0 auto}
  .pd-none { padding-top: 0px; padding-bottom: 0px; }
.pd-normal { padding-top: 25px; padding-bottom: 25px; }
.pd-medium { padding-top: 50px; padding-bottom: 50px; }
  .pd-large { padding-top: 100px; padding-bottom: 100px; }
    .splitContent-wrapper {position:relative;display:flex;padding-top: 40px; padding-bottom: 60px;flex-direction: row-reverse;float: none; max-width: 1400px; margin: 0 auto;  width: 100%; box-sizing: border-box;}
  .splitContent-wrapper .image-wrapper {position: absolute;z-index: 0;width:100%;min-height: 500px; background-size:cover;background-repeat: no-repeat;opacity: .4}
.splitContent-wrapper .copy { -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;background:transparent; ;padding:30px; height: max-content; margin-right:0px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
  .splitContent-wrapper .copy-right { -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;background:transparent;padding:30px; height: max-content; margin-left:0px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
 
    .video-container .pillarContainer {display: flex; flex-direction:column;justify-content:center;padding-top:0px;width:100%; padding-bottom:0px;flex-wrap: wrap }
  .video-container {padding: 0px 0px 20px 0px}
  .pillarContainer .pillar {margin-top: 20px}
  .cards.col-4 .card {width: 100%}
    .cards.col-3 .card {width: 100%}
    .testimonials .cards .card {width: 100%!important}
  .article {width: 100%}
  #home-services .description {display: block}
  #about-us {padding-top:90px}
  #about-us-pic .copy-wrapper {width: 100%; align-items: flex-end}
  #about-us-pic .image-wrapper {opacity: 1}
  #about-us-pic .copy {margin-bottom: -100px!important; background: black!important; border-top: 2px solid #faeeca; border-bottom: 2px solid #faeeca}
  .cta {font-size: 0.9rem}
  .article .copy { background: rgba(0, 0, 0, 0.7);color: white; position: absolute;bottom: 0px;padding: 15px 0px 15px 10px;transition: bottom 0.5s ease; backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);}
  blockquote {margin:0px 0px 0px 0px}
  #volume {position: absolute; background: transparent; border:none; }
#volume:hover {cursor: pointer}
#vol {width: 25px;}
  #mute {width: 30px;}
  #volume svg .active {width: 20px;color: rgba(0,0,0,0.3)}
  .video-container .intro-copy svg { height:100px; width: 200px}
    input, select, textarea {
    font-size: 16px!important;
  }
}
  



/* BlackRock section grey background */
#hs_cos_wrapper_widget_1643317218715 .overlay { background: #3e3c3cb3 }