/* Fix for popup CTA */

#hs-web-interactives-top-anchor {
  top: 72px !important;
  max-height: calc(100vh - 72px) !important;
  z-index: 9999999;
}

.owl-dots {
  overflow: hidden;
  width: 100%;
}

.button-container #interactive-close-button {
  position: relative;
  z-index: 10;
}


.vct .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-content {
  width: 100%;
  max-width: 1000px;
}

.vct .leadinModal .leadinModal-content {
 max-height: 100%; 
}

.hs-landing-page .above-header a {
  opacity: 0;
  visibility: hidden;
}

.hs-landing-page li.lastt.menu-item.menu-depth-1 {
  opacity: 0;
  visibility: hidden;
}

.hs-landing-page .above-header>div {
  border: none !important;
}

@media (max-width: 1024px) {
  .hs-landing-page #toggle-menu {
    display: none;
  }
}






/* Theme Spacing */








/* Theme Colors */





/* Theme Buttons */









/* Theme Site footer */







@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Maven+Pro:wght@400;700&family=Roboto:ital,wght@0,400;0,500;1,400;1,500&display=swap');


/* Typography */
























/* Containers */



/***** css reset + typography ****/
.screen-reader-text {display:none;}
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}

*/

* {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

* + * {
  margin:1.7rem 0 0 0;  
}
header.header *+* {
  margin: initial;
}
div + div,
#main-content,
footer,
body > * + *,
.no-space > * + * {
  margin:0;
}

sub,
sup {
  font-size: 0.75em;
  vertical-align: top;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}

html{
  box-sizing:border-box;
  font-size:62.5%;
}
body{
  font-size:1.7rem;
  line-height:1.6;
  font-family:'Roboto', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans', 'Helvetica Neue',sans-serif;
  color:#2f2f2f;
}
*,:before,:after{
  box-sizing:inherit;
}
body {
  margin:0;
  padding:0;
  font-weight:400;
}


h1,h2,h3,h4,h5,h6 {
  line-height: 1.1;
}

h1,h2,h3,h4,h5,h6,p,ol,ul{
  font-weight:400;
}
#main-content .m60 h1,
#main-content .m60 h2,
#main-content .m60 h3,
#main-content .m60 h4,
#main-content .m60 h5,
#main-content .m60 h6,
#main-content .m60 p,
#main-content .m60 ol,
#main-content .m60 li,
#main-content .m60 blockquote {
  max-width:60ch; /************* force all text to be 60 characters *********/
}
#main-content .m60 h1,
#main-content .m60 h2,
#main-content .m60 h3 {
  max-width:800px;
}

#main-content .text-center.m60 h1,
#main-content .text-center .m60 h1,
#main-content .text-center.m60 h2,
#main-content .text-center .m60 h2,
#main-content .text-center.m60 h3,
#main-content .text-center .m60 h3,
#main-content .text-center.m60 h4,
#main-content .text-center .m60 h4,
#main-content .text-center.m60 h5,
#main-content .text-center .m60 h5,
#main-content .text-center.m60 h6,
#main-content .text-center .m60 h6,
#main-content .text-center.m60 p,
#main-content .text-center .m60 p,
#main-content .text-center.m60 li,
#main-content .text-center .m60 li,
#main-content .text-center .m60 blockquote {
  margin-left:auto;
  margin-right:auto;
} /******** ALIGN CENTER AND KEEP THE 60 CHARACTERS WIDTH ********/


.max-900 {
  max-width: 900px;
  margin-left:auto;
  margin-right:auto;
}


dt {
  font-weight:500;
}
h1,h2,h3,h4,h5,h6 {
  font-family:'Maven Pro', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans', 'Helvetica Neue',sans-serif;
  font-weight:700;
}

h1 {
  font-size:7.2rem;
}
h2 {
  font-size:4.8rem;
}

h3 {
  font-size:3.8rem;
}
h4 {
  font-size:2.4rem;
}
h5 {
  font-size:2rem;
}
h6 {
  font-size:1.7rem;
}
p, li{
  font-size:1.7rem;
}
ol,ul,dl{
  font-size:1.7rem;
}
p small,
small a {
  font-size:1.5rem;
}
ul{
  list-style:none;
}
ol li {
  list-style-position: inside;
}
main ul li{
  position:relative;
  margin-left:24px;
}
main ul li::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #E6640C;
  border-radius: 100%;
  top: calc((1.7rem / 2) - 2px);
  left: -20px;
}
form ul li,
form ul li::before {
  content:none;
  margin-left:initial;
}

main ul li ul li::before {
  background: #ffffff;
  border: 1px solid #E6640C;
}


main ul.sitemap li::before {
  display:none;
}

main ul.sitemap, main ul.sitemap ul {
 margin-top: 0; 
}

main ul.sitemap > li {
  font-size: 1.2em;
  line-height: 1.2em;
  margin-top: 1.5em;
}

main ul.sitemap li ul li {
  margin-bottom: 0;
  margin-top:5px;
  font-size 1em;
}

a{
  text-decoration:underline;
  color:inherit;
}
a:hover, a:active, a:visited {
  text-decoration:none;
  color:inherit;
}

img{
  width:100%;
  height:auto;
  max-width: none;
  display: block;
}

main img{
  display: block;
  margin: 0 auto;
}

/****** PAGE AND MODULE CONSTANTS - PADDINGS AND SUCH ********/

.page-center{
  float: none;
  width:100%;
  max-width: 1296px;
  margin: 0 auto;
  padding-left:24px;
  padding-right:24px;
}
.paddingTBL {
  padding-top:calc(7.2rem * 1.5);
  padding-bottom:calc(7.2rem * 1.5);
}
.paddingTB {
  padding-top:7.2rem;
  padding-bottom:7.2rem;
}
.paddingT {
  padding-top:7.2rem;
  padding-bottom:0px;
}
.paddingB {
  padding-top:0px;
  padding-bottom:7.2rem;
}

.paddingTBhalf {
  padding-top:calc(7.2rem / 2);
  padding-bottom:calc(7.2rem / 2);
}
.paddingThalf {
  padding-top:calc(7.2rem / 2);
  padding-bottom:0px;
}
.paddingBhalf {
  padding-top:0px;
  padding-bottom:calc(7.2rem / 2);
}

.mTB{
  margin-top: 24px;
  margin-bottom: 24px;
}
.mT{
  margin-top:24px;
}
.mB{
  margin-bottom:24px;
}
.mTBx2{
  margin-top: 48px;
  margin-bottom: 48px;
}
.mTx2{
  /* margin-top:48px;*/
}
.mBx2{
  margin-bottom:48px;
}

.text-center {
  text-align:center;
}

.text-right {
  text-align:right;
}

.text-left {
  text-align:initial;
}

.white-text {
  color:#ffffff;
}

.cover-bg {
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center center;
}
a.cta_button,
a.zelda,
input[type="submit"],
input[type="reset"],
button {
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  border:2px solid #FFFFFF;
  border-radius:0px;
  font-size:inherit;
  font-family:inherit;
  font-weight:500;
  background-color: 




rgba(215, 107, 45, 1.0)
;
  padding: 12px 32px;
  margin: 0;
  color: #FFFFFF;
  display: inline-block;
  transition: background-color 0.5s ease;
  text-decoration:none;
}
a.cta_button:hover,
a.zelda:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background-color: 




rgba(51, 51, 51, 1.0)
;
  color:




rgba(255, 255, 255, 1.0)
;
}



.darkcta a.cta_button,
.darkcta a.zelda{
  background-color: rgba(51,51,51,1.0);
}
.darkcta a.cta_button:hover,
.darkcta a.zelda:hover {
  background-color: #ffffff;
  color: rgba(51,51,51,1.0);
  border-color:rgba(51,51,51,1.0);
}






input[type="submit"],
input[type="reset"] {
  margin: 12px 0 0 0;
}


.white-button a.cta_button,
.white-button a.zelda,
.white-button input[type="submit"],
.white-button input[type="reset"] {
  background-color: #ffffff;
  color: #000000;
}

a.zelda.text-only,
a.zelda.text-only:hover {
  background: no-repeat;
  color: #000000;
  padding: 12px;
}

.grid-2, 
.grid-3, 
.grid-4,
.grid-5,
.grid-6,
.grid-12, 
.grid-21,
.grid-64,
.grid-46,
.grid-73,
.grid-37 {
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-gap: 24px;
  grid-auto-flow: dense;
}

.grid-2.no-gap, 
.grid-3.no-gap, 
.grid-4.no-gap,
.grid-5.no-gap,
.grid-6.no-gap,
.grid-12.no-gap, 
.grid-21.no-gap,
.grid-64.no-gap,
.grid-46.no-gap,
.grid-73.no-gap,
.grid-37.no-gap {
  grid-gap:0;
}
.grid-2.big-gap, 
.grid-3.big-gap, 
.grid-4.big-gap,
.grid-5.big-gap,
.grid-6.big-gap,
.grid-12.big-gap, 
.grid-21.big-gap,
.grid-64.big-gap,
.grid-46.big-gap,
.grid-73.big-gap,
.grid-37.big-gap {
  grid-gap:48px;
}
.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-2 > *, 
.grid-3 > *, 
.grid-4 > *,
.grid-5 > *,
.grid-6 > *,
.grid-12 > *, 
.grid-21 > *,
.grid-64 > *,
.grid-46 > *,
.grid-73 > *,
.grid-37 > * {
  margin-top:0;
}


@media all and (min-width : 891px ) { 

  .grid-3.shift-one > div:last-of-type {
    transform: translate(calc(100% + 24px),0);
  }
  .grid-3.shift-two > div:last-of-type {
    transform: translate(calc(50% + 12.0px),0);
  }
  .grid-3.shift-two > div:nth-last-of-type(2) {
    transform: translate(calc(50% + 12.0px),0);
  }

  /***** Center last 1 or 2 grid items if not % 3 *******/
  /*
  /* Add the below as a class on the grid container after grid-3 class */
  /*
  /*
  
  /*
  /*
  /*
  /*
  */

}




.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid-12 {
  grid-template-columns: 33fr 66fr;
}
.grid-21 {
  grid-template-columns: 66fr 33fr;
}
.grid-64 {
  grid-template-columns: 6fr 4fr;
}
.grid-46 {
  grid-template-columns: 4fr 6fr;
}
.grid-73 {
  grid-template-columns: 7fr 3fr;
}
.grid-37 {
  grid-template-columns: 3fr 7fr;
}


@media all and (max-width : 890px ) {
  html{
    font-size:54.6875%;
  }

  h1 {
    font-size:4.2rem;
  }
  h2 {
    font-size:3.8rem;
  }

  h3 {
    font-size:3rem;
  }

  .paddingTB {
    padding-top:calc(7.2rem / 2);
    padding-bottom:calc(7.2rem / 2);
  }
  .paddingT {
    padding-top:calc(7.2rem / 2);
    padding-bottom:0px;
  }
  .paddingB {
    padding-top:0px;
    padding-bottom:calc(7.2rem / 2);
  }

  .mTB{
    margin-top: 12.0px;
    margin-bottom: 12.0px;
  }
  .mT{
    margin-top:12.0px;
  }
  .mB{
    margin-bottom:12.0px;
  }
  .mTBx2{
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .mTx2{
    margin-top:24px;
  }
  .mBx2{
    margin-bottom:24px;
  }

  ul li {
    margin-left: 20px;
  }
  .grid-2, 
  .grid-3, 
  .grid-4,
  .grid-5,
  .grid-12, 
  .grid-21,
  .grid-64,
  .grid-46,
  .grid-73,
  .grid-37 {
    display:block;
    display:grid;
    grid-template-columns: 1fr;
    grid-gap: calc(24px / 2);
  }
  .grid-6{
    grid-template-columns: 1fr 1fr;
  }
  .grid-2.no-gap, 
  .grid-3.no-gap, 
  .grid-4.no-gap,
  .grid-5.no-gap,
  .grid-6.no-gap,
  .grid-12.no-gap, 
  .grid-21.no-gap,
  .grid-64.no-gap,
  .grid-46.no-gap,
  .grid-73.no-gap,
  .grid-37.no-gap{
    grid-gap:0;
  }
  .grid-2.big-gap, 
  .grid-3.big-gap, 
  .grid-4.big-gap,
  .grid-5.big-gap,
  .grid-6.big-gap,
  .grid-12.big-gap, 
  .grid-21.big-gap,
  .grid-64.big-gap,
  .grid-46.big-gap,
  .grid-73.big-gap,
  .grid-37.big-gap {
    grid-gap:24px;
  }


}


/****** Form BITS ********/

form {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

/****** GDPR *********/

form .legal-consent-container {
  font-size:14px;
  padding: 0px 0px 24px 0px;
}

form .legal-consent-container .field.hs-form-field {
  margin-bottom: 0;
}

form .legal-consent-container p,
form .legal-consent-container p a:link {
  font-size:14px;
  padding: 0;
}
form .legal-consent-container p {

} 




form .legal-consent-container ul {
  line-height: 14px;
}
form .legal-consent-container .hs_cos_wrapper_type_form ul.inputs-list li label {
  font-size:14px!important;

}
form .legal-consent-container .hs-form-booleancheckbox-display {
  font-size:14px!important;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
form .legal-consent-container .hs-form-booleancheckbox-display>span {
  margin-left: 30px;
  margin-top: 4px;
}

form .legal-consent-container input[type="checkbox"], 
form .legal-consent-container input[type="radio"] {
  position: absolute;
  top:0;
}


form ul.inputs-list {
  padding: 0;
}
.legal-consent-container > * {
  margin-bottom: 18px;
}
.legal-consent-container * {
  font-weight: normal;
}

.stick-card__popup .legal-consent-container, .footer-subscribe-form .legal-consent-container, .subscribe-email-updates__form .legal-consent-container {
  padding-bottom: 0; 
  padding-top: 20px;
}

.stick-card__popup .legal-consent-container > *, .footer-subscribe-form .legal-consent-container > *, .subscribe-email-updates__form .legal-consent-container > * {
  margin-bottom: 0;
}

/********** end GDPR ********/

form fieldset {
  max-width: none!important;
}

form .hs-form-field {
  margin-bottom: 24px;
}

form label {
  margin-bottom: 6px;
}

form .hs-error-msgs li {
  margin-left:0;
  font-size:smaller;
}
form .hs-error-msgs li:before {
  content:none;
}
form .hs-error-msgs label {
  color: #f2545b;
}


form .hs-form-required {

}

form input[type="text"],
form input[type="password"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="week"],
form input[type="number"],
form input[type="email"],
form input[type="url"],
form input[type="search"],
form input[type="tel"],
form input[type="color"],
form input[type="file"],
form textarea,
form select {
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  border-radius: 0px;
  width: 100%;
  border: 1px solid;
  padding: 12px;
  font-size: inherit;
  font-family: inherit;
  background:none;
}


.white-fields form input[type="text"],
.white-fields form input[type="password"],
.white-fields form input[type="datetime"],
.white-fields form input[type="datetime-local"],
.white-fields form input[type="date"],
.white-fields form input[type="month"],
.white-fields form input[type="time"],
.white-fields form input[type="week"],
.white-fields form input[type="number"],
.white-fields form input[type="email"],
.white-fields form input[type="url"],
.white-fields form input[type="search"],
.white-fields form input[type="tel"],
.white-fields form input[type="color"],
.white-fields form input[type="file"],
.white-fields form textarea,
.white-fields form select {
  border: 1px solid #ffffff;
}

form fieldset.form-columns-1 .hs-input:not([type="checkbox"]):not([type="radio"]) {
  width: 100% !important;
}



form input[type="checkbox"],
form input[type="radio"] {
  margin-right: 10px;
  position: relative;
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  margin-bottom: -4px;
  position:relative;
}

form input[type="checkbox"]::before,
form input[type="radio"]::before {
  content:"";
  position: absolute;
  background: #ffffff;
  width: 20px;
  height: 20px;
  border: 2px solid #2f2f2f;
}
form input[type="checkbox"]:checked::after, 
form input[type="radio"]:checked::after {
  content: "";
  border: 4px solid #ffffff;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}



form input[type="radio"]::before,
form input[type="radio"]:checked::after {
  border-radius: 50%;
}
form input[type="checkbox"]:checked::before,
form input[type="radio"]:checked::before {
  background: #E6640C;
}
form label.hs-form-checkbox-display span,
form label.hs-form-radio-display span {
  margin-left: 16px;
}

form select {
  background-image: url(https://5751983.fs1.hubspotusercontent-na1.net/hubfs/5751983/_2021/march/down.svg);
  background-position: calc(100% - 8px) 14px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

form textarea {
  min-height:90px;
}

form div.input {
  margin: 4px 0 0 0;
}

.white-fields form {
  color:#ffffff;
}

.white-fields form select {
  background-image: url(https://5751983.fs1.hubspotusercontent-na1.net/hubfs/5751983/_2021/march/down-white.svg);
}


.white-fields ::placeholder {
  color: #ffffff;
}


@media (max-width: 400px) {
  form .input {
    margin-right: 0!important;
  }
  form .hs-input:not([type='checkbox']):not([type='radio']) {
    width: 100%!important;
  }
}





.hide {
  display:none;
}
dt {
  margin-bottom: 0.5rem;
}
dt.open::before{
  transform: rotate(90deg);
}

dl {
  padding-left: 38px;
}

dt {
  position: relative;
}

dt::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 6px;
  left: -38px;
  transition: transform .2s ease-in-out;
  background: url(https://6892253.fs1.hubspotusercontent-na1.net/hubfs/6892253/_globals/dl-arrow.svg);
  background-size:100% 100%;
}


/****************  NAV FUNCTIONALITY  *****************/

ul.main-menu li {
  margin: unset;
}

#menu .main-menu {
  display: none;
  padding-left: 0;
}
#tm:checked + .main-menu {
  display: block;
}
#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}
#menu .sub-menu {
  display: none;
}
#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}
/****** MOBILE only ********/
@media only screen and (max-width: 1024px) {
  .align-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

/***** DESKTOP Only ******/

@media only screen and (min-width: 1025px) {
  #menu .main-menu {
    display: block;
  }
  #toggle-menu {
    display: none;
  }
  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }
  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}
/************* END NAV ************************/




@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .page-center{
    float: none;
    max-width: initial;
    width: 1296px;
  }

  .grid-2 > * {
    width:calc(50% - (24px / 2));
  }
  .grid-3 > * {
    width:calc(33.333% - (24px / 2));
  }
  .grid-4 > * {
    width:calc(25% - (24px / 2));
  }

  .grid-46 > :first-of-type {
    width:calc(40% - (24px / 2));
  }
  .grid-46 > :last-of-type {
    width:calc(60% - (24px / 2));
  }
  .grid-64 > :first-of-type {
    width:calc(60% - (24px / 2));
  }
  .grid-64 > :last-of-type {
    width:calc(40% - (24px / 2));
  }

  .grid-37 > :first-of-type {
    width:calc(30% - (24px / 2));
  }
  .grid-37 > :last-of-type {
    width:calc(70% - (24px / 2));
  }
  .grid-73 > :first-of-type {
    width:calc(70% - (24px / 2));
  }
  .grid-73 > :last-of-type {
    width:calc(30% - (24px / 2));
  }


  .grid-2,
  .grid-3,
  .grid-4,
  .grid-46,
  .grid-64,
  .grid-37,
  .grid-73 {
    justify-content: space-between;
  }

  .grid-2 > *, 
  .grid-3 > *, 
  .grid-4 > *,
  .grid-64 > *,
  .grid-46 > *,
  .grid-73 > *,
  .grid-37 > * {
    margin-bottom:12px;
  }


}

/***** all purpose DESKTOP nav styles *******/
@media only screen and (min-width: 1025px) {
  nav#menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  nav#menu .menu-item {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  nav#menu .menu-item.menu-depth-1 {
    padding: 12px;
  }
  nav#menu .main-menu {
    display: flex;
    align-items: center;
  }
  nav#menu .menu-item {
    position: relative;
  }
  nav#menu .menu-item a {
    text-decoration:none;
  }
  .sub-menu .menu-item {
    padding: 6px 24px;
  }
  nav#menu ul.sub-menu {
    padding: 6px 0px;
    background: #f6f6f6;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: max-content;
    min-width: 220px;
    z-index: 3000;
  }
  nav#menu .menu-item {
    position: relative;
  }
  nav#menu .menu-depth-1 {

  }



  nav#menu li.menu-item.menu-depth-2 {
    color: #2f2f2f;
  }
  nav#menu li.menu-item.menu-depth-3 {
    color: #ffffff;
  }
  nav#menu li.menu-item.menu-depth-4 {
    color: #ffffff;
  }

  nav#menu li.menu-item.menu-depth-1:hover {
    background: #f6f6f6;
    color: #2f2f2f;
  }
  nav#menu li.menu-item.menu-depth-2:hover {
    background: #d96c2e;
    color:#ffffff;
  }
  nav#menu li.menu-item.menu-depth-3:hover {
    background: #f6f6f6;
    color: #2f2f2f;
  }
  nav#menu li.menu-item.menu-depth-4:hover {
    background: #f6f6f6;
    color: #2f2f2f;
  }

  nav#menu li.menu-item.menu-depth-1:hover svg .cls-1 {
    fill:#2f2f2f;
  }
  nav#menu li.menu-item.menu-depth-2:hover svg .cls-1 {
    fill:#ffffff;
  }


  nav#menu .menu-depth-2,
  nav#menu .menu-depth-3{
    display: flex;
    justify-content: space-between;
    align-items:center;
  }
  nav#menu .menu-depth-2 ul.sub-menu,
  nav#menu .menu-depth-3 ul.sub-menu{
    position: absolute;
    left: 100%;    
    top: 0;
    background: #d96c2e;
  }
  
  nav#menu .menu-depth-3 ul.sub-menu {
    bottom: auto;
    top: auto;
  }
  
  nav#menu label.drop-icon {
    font-size: 24px;
    line-height: 18px;
  }
}

@media only screen and (min-width: 1025px) and (max-height: 900px) {
   nav#menu .menu-item {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}


/***** all purpose mobile nav styles *******/
@media only screen and (max-width: 1024px) {
  #menu a {
    font-size:16px;
  }
  #menu .sub-menu {
    margin: 0 24px 0 24px;
  }
  #menu li, 
  #toggle-menu, 
  #menu a {
    position: relative;
    display: block;
    color: #000000;
    margin-left: 0;
  }
  #menu a:hover {
    color: #d96c2e;
  }
  #toggle-menu, 
  #menu a {
    padding: 12px 0px;
  }
  #toggle-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
  }
  #menu .sub-menu a:hover {
    color: #d96c2e;
  }
  #menu .sub-menu li {
    margin-left: 0;
  }
  #toggle-menu .drop-icon, 
  #menu li label.drop-icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  #menu label.drop-icon, 
  #toggle-menu span.drop-icon {
    background-color: #d96c2e; /*******  toggle arrows colour  ********/
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
  }

  #menu label.drop-icon .arrow {
    width: 16px;
    height: 16px;
    display: block;
    margin-left: 0;
  }

  #toggle-menu span.drop-icon.no-bg {
    padding: 0;
    text-align: center;
    background-color: initial; /*******  main hamburger colour  ********/
    position: initial;
  }

  #menu a {
    padding: 12px 0px;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
  }


}



header.header {
  position: fixed;
  width: 100%;
  height: auto;
  z-index: 999999;
  border-bottom: 1px solid #ffffff;
}

header.header.scrolled {
  background:rgb(51 51 51 / 90%);
}

@media only screen and (max-width: 1024px) {


  header.header {
    max-height: 100vh;
    overflow: auto;
    background:#333333;
    border-bottom: 0px;
  }
  header.header.scrolled {
    background:#333333;
  }

}




footer.footer {
  background-color:




rgba(51, 51, 51, 1.0)
;
  color:#ffffff;
  overflow:auto;
}






/********* blog styles ********/
@media only screen and (min-width: 891px) {
  .all-blog {
    padding-left: 0;
    padding-right: 0;
  }
}

.index-article {
  display: flex;
  flex-direction: column;
  border:solid 2px #ffffff;
}

.index-article footer {
  margin-bottom: 0;
  margin-top: auto;
  padding: 24px;
}

.index-article:hover {
  border:solid 2px #f3f3f3;
}
.listing-post-header {
  padding: 0 24px;
}

.index-article h5 a {
  text-decoration:none;
}

.on-hover a {
  text-decoration:none;
}
.on-hover a:hover {
  text-decoration:underline;
}

/* Additional homepage styling */

.manual-grid .bigger:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease;
}

.manual-grid .bigger {
  position: relative;
}

.bigger>.cont {
  position: relative;
}

.manual-grid .bigger:hover:before {
  background: #333333bf;
}

#menu li a {
  width: 100%;
}

/****** post styles *******

.header-post {
color:#ffffff;
padding-top:14rem;
padding-bottom:10rem;
}

.header-post h1 {
font-size: 4.8rem;
}


p.tags {

}

p.tags a {
color: #ffffff;
}

a.right-bar {
border-right: 1px solid #ffffff;
}

.author-bar {
display: flex;
align-items: center;
background: #EAEAEA;
}
.author-bar > div {
padding: 24px;
border-right: 2px solid #cccccc;
align-self: stretch;
}
.auth-img {
display: flex;
}

.auth-img > * {
margin:0;
}

.auth-img > img {
width: 60px;
height: 60px;
margin-right: 12px;
}


.socials {
border-right: none!important;
margin-right: 0;
margin-left: auto;
display: flex;
flex-direction: column;
justify-content: center;
}

.author-bar strong {
color: #d76b2d;
font-weight: 800;
}


a.back-arrow {
font-weight: 600;
color: #d76b2d;
text-decoration: none;
margin-top: 24px;
display: inline-block;
}

article.the-post {
max-width: 860px;
margin-left: auto;
margin-right: auto;
}

.the-post blockquote {
font-style:italic;
font-weight: bold;
}


@media only screen and (max-width: 890px) {
.author-bar {
flex-direction: column;
}

.author-bar>div {
padding: 24px 24px 0px 24px;
border-right: none !important;
}
.socials {
border-right: none !important;
margin-right: auto;
margin-left: 0;
margin-bottom: 24px;
}




img.post-fut {
width: calc(100% - 48px);
margin-bottom: 24px;
}


.swap-mob {
grid-row: 1 / 2;
}

}

*/

#main-content table {
  border-collapse: collapse;
  overflow: auto;
  max-width: 100vw;
  width: 100% !important;
}
#main-content thead {
  background:#d76b2d;
  color: #ffffff;
}
#main-content td {
  padding: 12px;
}

.hs-content-id-187261486745 table {
}

.hs-content-id-187261486745 td {
  width: auto !important;
}

#main-content tbody > tr:nth-child(odd) {
  background: #eeeeee;
}

#main-content table h5,
#main-content table h6,
#main-content table{
  font-size: 1.5rem;
}





/****** new blog styles ******/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/
/*****************************/

#topic_search {
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 48px 24px 48px 24px;
  flex-wrap:wrap;
}
#topic_search select {
  background-color: white;
  border: 2px solid #d76b2d;
  border-radius: 0;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 8px 24px 8px 12px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #000000;
}
#topic_search select.minimal {
  background-image: url(https://145288.fs1.hubspotusercontent-na1.net/hubfs/145288/_March-2020/globals/down-b.svg);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: right 6px center;
  min-width: 400px;
}

#topic_search select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


#topic_search > div {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 12px;
}


@media (max-width: 890px) {

  #topic_search select.minimal {
    min-width: 280px;
  }

}

.index-article {
  position: relative;
}

.index-article .hoverrr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 240px;
  display: none;

  z-index: 1;
  align-items: center;
  justify-content: center;
}

@media (min-width: 891px) {

  .index-article:hover .hoverrr {
    display: flex;
    background: rgb(215 107 45 / 50%)
  }

}
@media (max-width: 890px) {

  .index-article .hoverrr {
    position: relative;
    display: flex;
    background: none;
    align-items: initial;
    justify-content: initial;
    padding: 0px 24px 24px 24px;
    height: auto;
  }


}



ul.new-pagination {
  display:flex;
  justify-content:center;
  align-items:center;
  margin:48px auto;
}
ul.new-pagination li:not(.not-number) {
  border-radius: 50px;
  color: #000;
  text-align: center;
  border: 1px solid #000000;
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.new-pagination li:hover,
ul.new-pagination li.current-page {
  color:#d76b2d;
  border: 1px solid #d76b2d;
  cursor:pointer;
}

ul.new-pagination li.not-number {
  font-weight:700;
  padding: 6px 0;
}
ul.new-pagination li.not-number.disabled {
  color: lightgrey;
}

ul.new-pagination li.not-number:hover {
  background-color:#ffffff;
  color:#000000;
  text-decoration:underline;

}
ul.new-pagination li.not-number:hover {
  color: lightgrey;
  background-color: initial;
  text-decoration: none;
  cursor: not-allowed;
  border: 0;
}


#index_view li.not-number img {
  width: 40px;
  height: 40px;
}
#index_view li.not-number.disabled img {
  opacity:0.4;
}

ul.new-pagination li + li {
  margin: 0 12px;
}

ul.new-pagination li::before {
  content:none;
}
ul.new-pagination li a {
  text-decoration:none;
  display: block
}
.new-pagination  .ds-none {
    display: none !important;
}


@media (max-width: 890px) {

  ul.new-pagination li {
    padding: 6px 14px;
  }

  ul.new-pagination li+li {
    margin: 4px;
  }
}

/****** POST styles ******/


.the-post .bp-header {
  max-width:600px;
  margin:auto;
  text-align:center;
}


article.the-post blockquote {
  padding: 0 24px;
  width: 100%;
  font-style: italic;
  font-weight: bold;
  line-height: 1.5;
  border-left: 4px solid #d76b2d;
}

.the-post h1 {
  padding: 92px 24px 12px 24px;
  font-size: 6.5rem;
}

.the-post p.meta{
  padding-bottom: 48px;
}


img.post-f-image {
  margin-bottom:48px;
}

.auth-wrapper {
  display: flex;
  justify-content: center;
  margin:24px 48px 48px 48px;
}

.auth-wrapper p {
  border-right: 1px solid #000000;
  padding: 0px 24px;
  text-align:center;
  display: flex;
  align-items: center;
  margin:0;
}
.auth-wrapper a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

img.author-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 12px;
}
img.social-logo {
  width: 36px;
  height: 36px;
  margin-right:12px;
}

.auth-wrapper p:last-of-type {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: none;
}


.narrow {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.narrow > span > p:first-of-type:first-letter {
  float: left;
  font-size: 5.8rem;
  line-height: 5.8rem;
  font-weight:700;
  background-image:url(https://145288.fs1.hubspotusercontent-na1.net/hubfs/145288/_March-2020/globals/drop-cap.svg);
  background-size:100% 100%;
  margin-right:18px;
  margin-top:8px;
  padding: 6px 12px;
}


div#post_view .narrow #hs_cos_wrapper_post_body a:link,
div#post_view .narrow #hs_cos_wrapper_post_body a:hover,
div#post_view .narrow #hs_cos_wrapper_post_body a:visited,
div#post_view .narrow #hs_cos_wrapper_post_body a:active {
  font-weight: 600;
  position:relative;
  color:#d76b2d;
  text-decoration: none!important;
}
div#post_view .narrow #hs_cos_wrapper_post_body a:hover{
  color:#9b3900;
}



p.post-topics {
  margin-bottom:48px;
}

p.post-topics a {
  text-decoration: none;
  color: #fff;
  background: #D76B2E;
  padding: 6px 12px;
  border: 1px solid #D76B2E;
  display: inline-block;
}
p.post-topics a:hover {
  text-decoration: none;
  color: #000000;
  background: #ffffff;
  padding: 12px 18px;
}

blockquote {
  /*background: #eeeeee;*/
  line-height: 2.4;
  padding: 8px;
  width: calc(100% + 16px);
}

.the-post .narrow img {
  width: 100%!important;
}

@media (max-width: 890px) {

  .auth-wrapper {
    margin: 0 0 12px 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }


  .auth-wrapper p {
    border-right: 0;
    padding: 12px 0px;
    margin:0;
  }


  img.social-logo {
    margin-left:12px;
    margin-right:0;
  }

  .the-post p.meta {
    padding-bottom: 18px;
  }


}




a.cta_button.noncta {
  color:#000000;
  text-decoration:none!important;
  padding: 0;
  border: 0;
  background: initial;
  width: 100%;
  text-align: left;
  text-transform: initial;
}


a.cta_button.noncta:hover, {
  background-color: initial;
  color:initial;
}








.index-article h2 {
  font-weight:700;
  font-size:1.8rem;
  line-height:1.4;
  text-transform:initial;
  letter-spacing:initial;
  margin:24px;
}
.index-article h2 a {
  text-decoration:none;
}
.index-article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hover-effect{
  background: #d76b2d;
  display: block;
  position:relative;
}
.hover-effect::after {
  content: "Read more";
  position: absolute;
  color: #ffffff;
  top: 50%;
  left: calc(50% - 50px);
  width: 100px;
  text-align: center;
  z-index: 0;
  font-weight:700;
}

.index-img {
  height: 200px;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
img.index-img:hover {

}
img.timer {
  width: 22px;
  height: auto;
  display: inline-block;
  margin: 0 2px -4px 0px;
}
.listing-post-footer {
  display:flex;
  justify-content:space-between;
  align-items: center;
  margin: 24px;
}

.post-edited-date {
  /* color: #d76b2d;
  font-weight: bold; */
}

.listing-post-footer > img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  margin:0;
}

.listing-post-footer p {
  font-size: 1.6rem;
  line-height: 1.6em;
}


.expert-topics {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 48px;
  flex-wrap: wrap;
}

a.ex-topic {
  color: #ffffff;
  background: #000000;
  padding: 16px;
  margin: 0 12px;
  text-decoration: none;
}

a.ex-topic:hover {
  color: #000000;
  background: #fdc028;
}
.listing-post-footer > div {
  display: flex;
  grid-gap: 24px;
  justify-content:space-between;
  width: 100%;
}
#index_view .listing-post-footer img {
  width: 60px;
  height: 60px;
  border-radius: 50px;
}


.search-box {
  position: absolute;
  background: white;
  opacity: 0;
  transition: .3s ease;
  width: 0;
  visibility: hidden;
  bottom: 0;
  right: 75px;
}

.search--active .search-box {
  width: 400px;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.hs-search-field__suggestions {
  position: absolute;
  width: 100%;
  background: #333333;
  padding: 12px;
}

.hs-search-field__suggestions a {
  text-decoration: none;
  font-size: 16px;
}

.main-search-results main {
  padding-top: 10em;
}

.hs-search-results-wrapper {
  padding-top: 2em;
}

.main-search-results header {
  background: #333333;
}

#hs_cos_wrapper_search_results li {
  border-bottom: solid 2px #00000024;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.hs-search-results-wrapper  h1 {
  font-size: 36px;
  margin-bottom: 40px;
}

#menu li.lastt.menu-item.menu-depth-1:hover, .search--active li.lastt.menu-item.menu-depth-1 {
  background-color: #333333;
}

header.header .page-center {
  position: relative;
}

.header .search-box input {
  border: none;
  height: 50px;
}

#hs_cos_wrapper_post_body h4 {
  font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
  font-size: 1.7rem;
  border-left: solid 3px #d76b2e;
  padding-left: 16px;
  margin: 30px 0px 30px 30px;
}

@media (max-width: 1024px) {
  .main-search-results main {
    padding: 6em 1em;
  }
}

@media all and (max-width : 890px ) {
  .featured-wrapper {
    margin-bottom: initial;
  }
  .featured-box {
    position: initial;
    width: 100%;
    padding:24px;
  }

  .index-img {
    height: initial;
    object-fit: initial;
  }

  a.ex-topic {
    text-align: center;
    padding: 6px;
    min-width: 170px;
    margin-top:12px;
  }
  .expert-topics > span {
    display:block;
    width:100%;
    text-align:center;
  }
  .expert-topics {
    margin-bottom:24px;
  }



}

p.new-share {
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-meta {
  background: #fff;
  color: #000;
  padding-left: 7.2rem;
  padding-right: 7.2rem;
  text-align:left;
}

.new-meta h4 {
  border-left: 3px solid #d76b2d;
  padding: 24px;
}


#VCTportfolio iframe {
  height: 470px;
}

.case-study-archive #hs_cos_wrapper_widget_1623925600807 {
  display: none;
}

.global-ab--active header.header {
  top: 60px;
}

/* Dark header CSS */

.require-drk header {
  background: #333;
}

.require-drk #main-content {
  padding-top: 134px;
}

.main-search-results .top-alert, .require-drk .top-alert {
  display: none !important;
}

@media (min-width: 981px) {
  #VCTperformance iframe {
    height: 510px!important;
  }
}

@media (max-width: 710px) {
  .global-ab--active header.header {
    top: 120px;
  }
  #VCTportfolio iframe {
    width: 100%;
    height: 470px;
  }
}

/* Dark header CSS */

@media (max-width: 1024px) {
  .require-drk #main-content {
    padding-top: 99px;
  }
}

/* Cross browser specific CSS */

@media (max-width: 420px) {
  .hs-content-id-49156745519 .hero-section h1 {
    font-size: 54px;
  }

  #main-content .cover-bg>div {
    padding-top: 5em;
    padding-bottom: 0;
  }

  #main-content .cover-bg>div>div {
    margin: 0rem 0;
  }
}


.new-meta h4 a:link,
.new-meta h4 a:visited {
  color:#d76b2d;
  text-decoration-color: #d76b2d!important;
}

/**
 * Text fade in on scroll
 */

.text-flip-wrapper span {
    /* display: inline-flex */
}
.text-flip-wrapper span.f{
  white-space: pre;
}

.text-flip-wrapper>span {
    overflow: hidden
}

/* .text-flip-wrapper>span>span { */
.text-flip-wrapper {
    opacity: 0;
}

#main-content > .text-flip-wrapper {
  opacity: 1;
}

/* .in-view-port.text-flip-wrapper>span>span { */
.in-view-port.text-flip-wrapper {
    opacity: 1;
  transition: opacity 1.5s cubic-bezier(.77,0,.175,1);
}

#main-content .hs_cos_wrapper_type_rich_text{
  opacity: 0;
  display: block;
  transition: opacity 1.5s cubic-bezier(.77,0,.175,1);
}
#main-content .hs_cos_wrapper_type_rich_text.text-ready{
  opacity: 1;
}

.no-text-anim .text-flip-wrapper, .no-text-anim .text-fade-wrapper, .no-text-anim {
  opacity: 1 !important;
  animation: none !important;
  animation-delay: 0s !important;
}

.no-text-anim .in-view-port.text-flip-wrapper {
  animation: none !important;
}

/* Subscription preferences styling */
.subscription-banner.paddingTB{
  padding: 18em 0 10em;
  color: white;
}
.subscription-prefs .item p, .subscription-prefs .localization-language {
  display:none;
}
.subscription-prefs #email-prefs-form{
  display: flex;
  flex-wrap: wrap;
}
.subscription-prefs #email-prefs-form .page-header{
  width: 45%;
  padding-right: 50px;
  border-right: 1px solid #D9D9D9;
}
.subscription-prefs #email-prefs-form .page-header h1{
  font-size: 2.8em;
}
.subscription-prefs #email-prefs-form .page-header h2, .subscription-prefs .success{
  font-size: 1.4em;
  color: var(--orange-color, #D76B2D);
}

.subscription-prefs .success {
  font-weight: bold;
}

.subscription-prefs .page-header {
 padding-bottom: 1em; 
}

.subscription-prefs #email-prefs-form .email-prefs{
  width: 55%;
  padding-left: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.email-prefs .item{
  margin: 0;
}
.subscription-prefs #email-prefs-form .email-prefs .header,
.subscription-prefs #email-prefs-form .email-prefs .subscribe-options{
  grid-column-start: 1;
  grid-column-end: 3;
}
.subscription-prefs #email-prefs-form .email-prefs .header{
  margin-bottom: 1em;
}
.subscription-prefs #email-prefs-form .email-prefs .subscribe-options{
  margin: 1em 0;
}
.subscription-prefs #email-prefs-form .email-prefs input[type="checkbox"]::before, 
.subscription-prefs #email-prefs-form .email-prefs input[type="radio"]::before{
  border-color: var(--orange-color, #D76B2D);
}
.subscription-prefs #email-prefs-form .email-prefs .fakelabel{
  padding-left: 30px;
  position: relative;
  display: block;
}
.subscription-prefs #email-prefs-form .email-prefs .fakelabel input{
  position: absolute;
  left: 0;
  top: 1px;
}
.subscription-prefs #email-prefs-form #submitbutton{
  padding: 15px 30px;
  font-size: 18px;
  line-height: 35px;
}

.signup-thanks .breadcrumbs-wrapper {
	display: none;
}

.signup-thanks .max-900 {
	max-width: none;
	margin: 0;
}

.signup-thanks .max-900 h1 {
  text-align: left;
}

.signup-thanks .hero-section .page-center {
 min-height: 0; 
}

.signup-thanks .hero-section .paddingT, .signup-thanks .hero-section .paddingTB {
  padding-top: 10rem;
}

.signup-thanks #main-content .paddingTB {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.signup-thanks .grid-2 div:first-child {
  padding-right: 2em;
  margin-right: 2em;
  border-right: solid 1px #D9D9D9;
}



@media(max-width: 1199px){
  .subscription-banner.paddingTB {
    padding: 14em 0 8em;
  }
}
@media(max-width: 991px){
  
  .subscription-prefs #email-prefs-form .page-header,
  .subscription-prefs #email-prefs-form .email-prefs{
    width: 100%;
    padding: 0;
    border: 0 none;
  }
}

@media(max-width: 890px){
  .signup-thanks .grid-2 div:first-child {
    padding-bottom: 2em;
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}

@media(max-width: 767px){
  .subscription-banner.paddingTB {
    padding: 14em 0 5em;
  }
  .subscription-prefs #email-prefs-form .email-prefs{
    display: block;
  }
}


.grey-bg{
  background-color:#f3f3f3;
}
.latest-blog--subscription{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 1.5em;
}
.latest-blog--subscription .latest-blog__article{
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
  position: relative;
}
.latest-blog--subscription .latest-blog__image a{
  display: block;
  height: 100%;
  overflow: hidden;
}
.latest-blog--subscription .latest-blog__image img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  min-height: 295px;
  transition: all ease .35s;
}
.latest-blog--subscription .latest-blog__content{
  display: flex;
  justify-content: end;
  flex-direction: column;
  gap: 20px;
  background-color: #f3f3f3;
  position: relative;
}
.latest-blog--subscription .latest-blog__content a{
  text-decoration: none;
}
.latest-blog--subscription .latest-blog__topics{
  padding: 0 25px;
  position: relative;
  z-index: 1;
}
.latest-blog--subscription .latest-blog__title{
  font-size: 1em;
  font-weight: 700;
  padding: 0 25px;
  margin: 0;
  position: relative;
  z-index: 1;
}
.latest-blog--subscription .latest-blog__read-more{
  font-weight: 700;
  padding: 18px 25px;
  margin: 0;
  display: block;
  background-color: var(--orange-color, #D76B2D);
  color: white;
  text-align: left;
}
.latest-blog--subscription .latest-blog__read-more:before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.latest-blog--subscription .latest-blog__article:hover .latest-blog__image img{
  transform: scale(1.07);
}
.latest-blog--subscription .latest-blog__article:hover .latest-blog__read-more{
  background-color: rgba(51, 51, 51, 1.0);
}

@media(min-width: 768px){
  .latest-blog--subscription .latest-blog__article--featured{
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .latest-blog--subscription .latest-blog__article--featured .latest-blog__content{
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    width: 50%;
    z-index: 2;
  }
  .latest-blog--subscription .latest-blog__article--featured .latest-blog__image a{
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media(max-width: 991px){
  .latest-blog--subscription .latest-blog__image img{
    min-height: 250px;
  }
  .latest-blog--subscription .latest-blog__topics,
  .latest-blog--subscription .latest-blog__title{
    padding: 0 15px;
  }
}
@media(max-width: 767px){
  .latest-blog--subscription{
    grid-template-columns: 1fr;
  }
  .latest-blog--subscription .latest-blog__article{
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
}
/* index article -- stick card */
.stick-card.index-article--stick-card{
  border-radius: 3px;
  background: url(https://2860240.fs1.hubspotusercontent-na1.net/hubfs/2860240/subscribe-listing-bg.svg) top left no-repeat;
  background-color: #2D2D2D;
  color: white;
  padding: 40px;
  display: flex;
  gap: 40px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.stick-card__button.zelda{
  border-color: rgba(215, 107, 45, 1.0);
}
.fancybox__content.stick-card__popup{
  max-width: 440px;
  border-radius: 3px;
  background: #313131;
  padding: 20px;
  color: white;
}
.fancybox__content.stick-card__popup>.carousel__button.is-close{
  top: 1px;
  width: 24px;
  height: 24px;
  background: url(https://2860240.fs1.hubspotusercontent-na1.net/hubfs/2860240/cancel-2.svg) no-repeat center;
  background-size: contain;
}
.fancybox__content.stick-card__popup>.carousel__button.is-close *{
  display: none;
}
.stick-card__popup h4{
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
}

.stick-card__popup form .hs-form-field{
  margin-bottom: 5px;
}
.stick-card__popup form .hs-form-field label{
  font-size: 14px;
}
.stick-card__popup form .hs-form-field select{
  color: white;
}
.stick-card__popup form .hs-form-field .hs-input[type=text],
.stick-card__popup form .hs-form-field .hs-input[type=email]{
  border-radius: 3px;
  background: #FFF; 
  width: 100% !important;
}

.stick-card__popup form .hs-submit input[type="submit"]{
  border: 0 none;
  padding: 13px 32px;
  width: 100%;
}
.stick-card__popup form .legal-consent-container{
  padding: 0;
}
.stick-card__popup form ul.inputs-list{
  margin: 0;
}
@media(max-width: 1199px){
  .stick-card.index-article--stick-card{
    padding: 20px;
  }
}
@media(max-width: 991px){
  .stick-card.index-article--stick-card{
    padding: 25px;
  }
}
/* end index article -- stick card */

/* Invest page */
#invest-help-grow{
  color: white;
}
#invest-help-grow a.zelda.grey-outline{
  color: white;
}
#invest-help-grow a.zelda.grey-outline:hover{
  color: #333;
}
/* end invest page */

/* Menu cookie */
/*
.menu-item.current-area{
  background-color: #D76B2D;
  border: solid 1px #fff;
  color: white;
  margin-bottom: -11px;
  padding-bottom: 20px !important; 
}

.menu-item.current-area ul.sub-menu {
  left: -1px !important;
}
*/
/* End menu cookie */