/******* reset ******/

html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';font-family:'Open Sans',sans-serif}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}[type='search']::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}










* {
  font-family: 'Roboto',sans-serif;
  font-weight:300;
  /*font-size:16px;*/
  line-height: 1.6em;
}

hr {
  height: 1px;
  background: #c3c3c3;
  color: #c3c3c3;
  margin: 48px;
}

.hide {
  display:none;
}
/****** end reset ******/
.page-center {
  float: none!important;
  margin: 0 auto!important;
  padding: 0px 24px;
  max-width:1008px;
  width:100%;
}
.text-center {
  text-align:center;
}

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

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

.padding-normal {
  padding-top:92px;
  padding-bottom:124px;
}


.padding-normal {
  padding-top: 72px;
  padding-bottom: 72px;
}


.padding-footer {
  padding-top: 92px;
  padding-bottom: 64px;
}
.padding-134 {
  padding-top: 134px;
  padding-bottom: 92px;
}

.padding-max {
  padding-top:172px;
  padding-bottom:172px;
}
.padding-slim {
  padding-top:36px;
  padding-bottom:36px;
}
.section-background {
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center center;
}

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

.grid-2-columns {
  display:grid;
  grid-gap:24px;
}

.half {
  grid-template-columns:1fr 1fr;
}
.golden {
  grid-template-columns:66fr 33fr;
}
.golden-reverse {
  grid-template-columns:33fr 66fr;
}
.grid-2, 
.grid-3, 
.grid-4,
.grid-5,
.grid-12, 
.grid-21,
.grid-64,
.grid-46,
.grid-37,
.grid-73{
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-gap: 24px;
  grid-auto-flow: dense;

}
.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-5 {
  grid-template-columns: repeat(5, 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-37 {
  grid-template-columns: 3fr 7fr;
}
.grid-73 {
  grid-template-columns: 7fr 3fr;
}

.remove-gap {
  grid-gap:0;
}
.max-800 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display:block;
}


@media (max-width: 899px) { 
  .grid-2-columns.half, .grid-2-columns.golden, .grid-2-columns.golden-reverse {
    grid-template-columns:1fr;
  }
  .grid-2-columns.half.keep-half, .grid-2-columns.golden.keep-half, .grid-2-columns.golden-reverse.keep-half {
    grid-template-columns:1fr 1fr;
  }

  .grid-2-columns.half.keep-golden, .grid-2-columns.golden.keep-golden, .grid-2-columns.golden-reverse.keep-golden {
    grid-template-columns:1fr 2fr;
  }
  .grid-2, 
  .grid-3, 
  .grid-4,
  .grid-5, 
  .grid-12, 
  .grid-21,
  .grid-64,
  .grid-46,
  .grid-37,
  .grid-73 {
    display:block;
    display:grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }

}

}

/******** typography ************/


h1, h2, h3, h4, h5, h6, p, li, ul, ol, pre, blockquote {
  margin: 0 0 16px 0;
}
ul {
  padding: 0;
  list-style-position: inside;
}

.bullets-orange ul,
ul.bullets-orange {
  list-style: none;
}

.bullets-orange ul li,
ul.bullets-orange li {
  position: relative;
  padding-left: 24px;
}

.bullets-orange ul li:not(:last-child),
ul.bullets-orange li:not(:last-child) {
  margin-bottom: 8px;
}

.bullets-orange ul li:before,
ul.bullets-orange li:before {
  position: absolute;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background-color: #FF8700;
  left: 0;
  top: 12px;
}

a, a:link, a:active, a:visited {
  color: #FF8700;
  font-weight:500;
  text-decoration: none;

}
a:hover {
  color: #000000;


}

strong, b {
  font-weight: 500;
}

h1 {
  font-weight:500;
  font-size:36px;  
}

h2 {
  font-weight:300;
  font-size:36px;  
}
h2.smaller {
  font-weight:300;
  font-size:22px;  
}

h2.new {
  font-size: 32px;
}
.blue-h2 h2 {
  color:#3C2878;
}

h3 {
  font-weight:500;
  font-size:20px;  
}

.blue-h3 h3 {
  color:#3C2878;
}

h3.light {
  font-weight:300;
  font-size:20px;  
}

h4 {
  font-weight:300;
  font-size:14px;  
}

h5 {
  font-weight:500;
  font-size:12px;
}


.bold-h h1,
.bold-h h2,
.bold-h h3,
.bold-h h4,
.bold-h h5,
.bold-h h6 {
  font-weight:500;
}


blockquote, blockquote p {
  font-weight:500;
  font-size:18px;
  font-style:italic;
}

blockquote p small {
  font-weight:300;
  font-size:14px;
  font-style:normal;
}

section > div > span > p, section > div > div > span > p {
  margin-bottom: 28px;
}


/***** CTA *****/

.hs-cta-wrapper {
  margin-bottom: 24px;
  display: inline-block;
}
.cta-wrap {
  margin-bottom:0px;
  margin-top:48px;
}
a.cta_button,
a.cta_button:link, 
a.cta_button:active, 
a.cta_button:visited,
span.cta_button,
span.cta_button:link, 
span.cta_button:active, 
spana.cta_button:visited{
  background: #FF8700;
  font-weight:500;
  color: #ffffff;
  padding: 8px 24px;
  text-decoration: none;
  border-radius: 60px;
  display: inline-block;
  max-width: 400px;
  cursor:pointer;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: .4s ease;
}



.new-2021 a.cta_button,
.new-2021 a.cta_button:link, 
.new-2021 a.cta_button:active, 
.new-2021 a.cta_button:visited,
.new-2021 span.cta_button,
.new-2021 span.cta_button:link, 
.new-2021 span.cta_button:active, 
.new-2021 spana.cta_button:visited{
  padding: 8px 28px;
}







a.cta_button.purple-cta, 
a.cta_button.purple-cta:link, 
a.cta_button.purple-cta:active, 
a.cta_button.purple-cta:visited,
span.cta_button.purple-cta, 
span.cta_button.purple-cta:link, 
span.cta_button.purple-cta:active, 
span.cta_button.purple-cta:visited {
  background: #3C2878;
}


a.cta_button:hover,
span.cta_button:hover {
  background-color: #5A50FF;
  border: none;
  color: #fff;
  transition: .4s ease;
  box-shadow: 0px 8px 16px 0px rgb(90 80 255 / 40%);
}

a.cta_button.purple-cta:hover,
span.cta_button.purple-cta:hover {
  background-color: #5A50FF;
  border: none;
  color: #fff;
  transition: .4s ease;
  box-shadow: 0px 8px 16px 0px rgb(90 80 255 / 40%);
}


.small-cta a.cta_button, .small-cta a.cta_button:link, .small-cta a.cta_button:active, .small-cta a.cta_button:visited {
  padding: 8px 12px;
}
/*********** form styles ***********/

form h3 {
  display:none;
}

form button, html form [type="button"], form [type="reset"], form [type="submit"] {
  -webkit-appearance: none;
  border:0;
  background: #FF8700;
  font-weight: 500;
  color: #fff;
  padding: 8px 24px;
  text-decoration: none;
  border-radius: 60px;
  display: inline-block;
  max-width: 300px;
  transition: .4s ease;

}

form button:hover, html form [type="button"]:hover, form [type="reset"]:hover, form [type="submit"]:hover {
  color: #fff;
  cursor:pointer;
  box-shadow: 0px 8px 16px 0px rgb(90 80 255 / 40%);
  transition: .4s ease;
  background-color: #5A50FF;
}

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

body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea {
  -webkit-appearance: none;
  width: 100%;
  height: 48px;
  line-height: 48px;
  display: block;
  border: 1px solid #F0EEEF;
  border-radius: 0;
  background: #ffffff;
  padding: 0px 18px;
}

body textarea {
  height: 100px;
}


select {
  -webkit-appearance: none;
  width: 100%;
  height: 48px;
  line-height: 48px;
  display: block;
  border: 1px solid #F0EEEF;
  border-radius: 0;
  padding: 0px 18px;
  background-image: linear-gradient(45deg,transparent 50%,#aaaaaa 50%),linear-gradient(135deg,#aaaaaa 50%,transparent 50%),linear-gradient(to right,#fff,#fff);
  background-position: calc(100% - 25px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;
  background-size: 10px 10px,10px 10px,1px 1.5em;
  background-repeat: no-repeat;
}


.hs-form-radio, .hs-form-checkbox {
  list-style-type: none;
  margin-left: -40px;
}

input[type="radio"], input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
  margin-right: 18px;
  display: inline-block;
}

.hs-form-field>label {
  margin-bottom: 6px;
  display: inline-block;
}

.hs-error-msgs li {
  color: red;
  list-style-type: none;
  margin-left: -40px;
  padding-left: 0;
}




/********************* MOBILE STYLES *****************/


.page-center.no-padding{
  padding-left:0px;
  padding-right:0px;
}

@media (max-width: 899px) { 

  h1 {
    font-size: 22px;
  }

  a.cta_button, a.cta_button:link, a.cta_button:active, a.cta_button:visited {
    padding: 6px 18px;
    font-size: 15px;
  }

  .padding-normal {
    padding-top:48px;
    padding-bottom:92px;
  }

  .padding-normal {
    padding-top: 48px;
    padding-bottom: 48px;
  }


  .padding-max {
    padding-top:92px;
    padding-bottom:92px;
  }


  a.cta_button,
  a.cta_button:link, 
  a.cta_button:active, 
  a.cta_button:visited,
  span.cta_button,
  span.cta_button:link, 
  span.cta_button:active, 
  spana.cta_button:visited{

    padding: 8px 16px;

  }






}




/***** navigation MOBILE ******/

@media (max-width: 899px) {

  #primary_nav_wrap {
    display:none;
  }

  #primary_nav_wrap .hs-menu-wrapper {
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    background: #3C2878;
    padding: 24px;
    display:none;
  }
  #primary_nav_wrap .hs-menu-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #primary_nav_wrap .hs-menu-wrapper ul li.hs-menu-item.hs-menu-depth-1 {
    padding-top: 12px;
    padding-bottom: 12px;
    margin:0;
  }
  #primary_nav_wrap .hs-menu-wrapper ul li.hs-menu-item.hs-menu-depth-2 {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    margin:0;
  } 

  #primary_nav_wrap .hs-menu-wrapper ul a
  {
    display: flex;
    justify-content: space-between;
    color:#FFFFFF;
    text-decoration: none;
    font-weight:300;
  }
  #primary_nav_wrap .hs-menu-wrapper .hs-menu-children-wrapper {
    display: none;
  }
  #primary_nav_wrap .hs-menu-wrapper .hs-item-has-children > a:after {
    content: '\f107';
    font-family: FontAwesome;
    margin: 0px 0px 0px 6px;
    display: inline-block;
  }
  #primary_nav_wrap .hs-menu-wrapper .hs-item-has-children.active {
    background: #193C20;
  }
  #primary_nav_wrap .hs-menu-wrapper .hs-item-has-children.active a {
    color: #ffffff;
  } 
  #primary_nav_wrap .hs-menu-wrapper .hs-item-has-children.minus > a:after {
    content: '\f106';
  }
}



/******* NAVIGATION DESKTOP ********/

@media (min-width: 900px) {

  #primary_nav_wrap_mobile {
    display:none;
  }
  #primary_nav_wrap .hs-menu-wrapper .hs-item-has-children > a:after {
    /*font-family: FontAwesome;
    content: '\f107';*/
    margin-left: 0px;
  }



  #mobile-menu-trigger, #mobile-menu-close {
    display:none;
  }

  #primary_nav_wrap ul
  {
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: end;
  }

  #primary_nav_wrap ul a
  {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15.5px;
    line-height: 32px;
    padding: 12px 0;
    font-weight: 300;
    letter-spacing: 0.5px;
  }

  #primary_nav_wrap ul li
  {
    position:relative;
    float:left;
    margin:0 10px;
    padding:0;
    border-bottom: 2px solid #ffffff00;
  }

  #primary_nav_wrap ul li.current-menu-item > a
  {
    color:#ffffff;
  }

  #primary_nav_wrap ul li:hover {
    border-bottom: 2px solid #FF8700;
  }

  #primary_nav_wrap ul li ul li:hover {
    background: #FF8700;
    border: none;
  }

  #primary_nav_wrap ul li ul li:hover > a
  {
    color:#ffffff;
  }

  #primary_nav_wrap ul ul
  {
    display:none;
    position:absolute;
    top:100%;
    left:-12px;
    background: #FFFFFF;
    padding: 12px 0px;
    margin-top: 2px;

  }

  #primary_nav_wrap ul ul li
  {
    float:none;
    min-width: 250px;
    margin:0;
    border-bottom: none;
  }

  #primary_nav_wrap ul ul a
  {
    line-height:120%;
    padding:12px;
    color:#000000;
  }

  #primary_nav_wrap ul ul ul
  {
    top:0;
    left:100%
  }

  #primary_nav_wrap ul li:hover > ul
  {
    display:block
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /*********** IE ONLY STYLES ***********/


  .page-center {
    width:1008px!important;
  }


  #primary_nav_wrap_mobile {
    overflow:hidden!important;
  }


  .img-text-wrapper, .main-footer, .resources-wrapper {
    display:flex;
  }

  .main-footer {
    flex-wrap:wrap;
  }


  .img-text, .resources-wrapper .resource {
    margin:0 12px;
    width: calc(100%/3 - 24px);
  }

  .footer-tagline {
    width: calc(100% - 200px);
  }

  .main-footer > div {
    width:calc(100%/3 - 24px);
    padding:0px 12px;
  }


  .main-footer > div > div {
    width:100%;
  }

  .text-columns, .accordions-wrapper {
    display:flex;
    justify-content:space-between;
  }
  .text-columns > div, .accordions-wrapper > div {
    width:48%;
  }

  .grid-2-columns {
    display:flex;
    justify-content:space-between;
  }

  .half > div, .golden > div, .golden-reverse > div {
    width:48%;
  }

  .stats-section img {
    width:100px;
    height:100px;
  }


  .tabber .tab {
    width:33%;
  }
  .tabber .tabcontent-wrapper {
    width:66%;
  }

  .case-box-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .case-box {
    width: calc(100%/4 - 12px);
  }

  .case-box img {
    width: 143px;
    height: 84px;
  }

  .acc-container {
    display: flex;
    justify-content: space-between;
  }
  .acc-container > div {
    width:48%;
  }
  .media-box-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .media-box {
    width: 24%;
    margin-bottom:24px;
  }

  .stats-section .grid-2-columns {
    display: flex;
    justify-content: space-between;
  }

  .stats-section .ie-stuff {
    flex-wrap: wrap;
  }


  .stats-section .grid-2-columns.golden-reverse.keep-golden.stats {
    /* flex-wrap: wrap;*/
    width: 50%;
    /*text-align: center;*/
    padding: 6px;
  }

  .stats-section .grid-2-columns.golden-reverse.keep-golden.stats img {
    width:100px;
    height:100px;
    padding:12px;
    max-width:1initial;
  }



  .flip-container {
    perspective:initial;
    transform-style: initial;
  }

  .front, .back {
    transition: .3s;
  }

}


.stick-stuff > span {
  position:relative;
}

.main-footer label {
  color:#ffffff;
}
.main-footer .hs-error-msgs li label{
  color: red;
}
.main-footer .hs-error-msgs li {
  margin-left: 0;
}

*:focus {
  outline: none;
}

.body-container-wrapper .widget-type-rich_text h2 {
  font-size: 32px !important;
}

/* New styling 2022 */

@media (max-width: 430px) {
  h2.new {
      font-size: 26px;
      margin-top: 0;
  }
}


.background.--white {
    background-color: #fff;
}
.background.--orange {
    background-color: #ff8700;
}
.background.--dark-blue {
    background-color: #3C2878;
}
.background.--light-grey{
   background-color: #FAFAFA;
}