/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  font-size: 16px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

*:after,
*:before {
  box-sizing: inherit;
}

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

svg {
  max-width: 100%;
  height: auto;
}

main {
  display: block;
}

@media (max-width:545px){
  main {
    overflow-x: hidden;
  }
}
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}

/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */
















/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















/*****************************************/
/* Blog Listing Template CSS Styles    */
/*****************************************/

.section--blog-col .blog-col__inner {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  border: 0;
}
.section--blog-col .blog-col__inner.linked {
  cursor: pointer;
}
.section--blog-col .blog-col__inner .blog-col__img {
  border-radius: 10px;
}
.section--blog-col .blog-col__post-tag {
  color: #BCCAE0 !important;
  font-weight: 600;
  font-family: montserrat;
}
.section--blog-col .blog-col__filter {
  border: 1px solid #222F43;
  border-radius: 25px;
}

.blog-navigation__tag-filter select {
  padding: 0.8rem 1rem;
  border-radius: 3.79px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  width:100%;
}

.blog-filter-tags .select svg {
  position: absolute;
  right: 15px;
  top: calc(50% - 5px);
  width: 15px;
  height: 12px;
  stroke-width: 0.06rem;
  stroke: #FF5F00;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.blog-filter-tags .select select:required:invalid {
  color: #5a667f;
}
.blog-filter-tags .select select option {
  color: #223254;
}
.blog-filter-tags .select select option[value=""][disabled] {
  display: none;
}
.blog-filter-tags .select select:focus {
  outline: none;
  border-color: #FF5F00;
  box-shadow: 0 0 0 2px rgba(0,119,255,0.2);
}
.blog-filter-tags .select select:hover + svg {
  stroke: #FF5F00;
}
.blog-navigation__tag-filter .sprites {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}

.blog-post__social-share svg{
  height: 20px;
  width: 20px;
  fill: white;
}
.blog-post__social-share svg:hover{
  fill: black;
}
.blog-post__social-share .icon {
  width: fit-content;
  padding: 10px;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
}

.blog-post__title h1 span,
.blog-post__featured-post h1 span {
  color: #ffffff!important;
}

@media (max-width:980px) {
  .blog-post__social-share {
    position: relative !important;
    padding-left: 1rem;
  }
  .blog-post__social-share .social-icons{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .blog-post__social-share .social-icons .icon {
    margin-right: 15px;
  }
}
/*****************************************/
/* Blog Post Template CSS Styles    */
/*****************************************/

.body-container--blog-post .blog-post__img {
  border-radius: 10px;
  height: 100%;
}
.body-container--blog-post hr{
  color: #bccae04d !important;
  margin: 2rem 0;
}
.body-container--blog-post .blog-post__body blockquote {
  background: #0F172A;
  padding: 1rem 1.5rem;
  padding-left: 7rem;
  color: #ffffff!important;
  border-radius: 20px;
  border: 1px solid #131C31;
  margin: 2rem 0;
}
.body-container--blog-post .blog-post__body blockquote img {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover;
  border-radius: 100px;
}
.body-container--blog-post .blog-post__body blockquote::before {
  content: "";
  font-family: "Font Awesome\ 6 Free";
  font-weight: 900;
  position: absolute;
  left: 3rem;
  margin-top: 2rem;
  display: block;
  background: #FF5F00;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  border-radius: 100px;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.body-container--blog-post .blog-post__sidebar {
  padding: 1rem;
  border-radius: 10px;
}
.body-container--blog-post .blog-related-posts__post img {
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
}

.body-container--blog-post .blog-post__sidebar form .hs-fieldtype-text input.hs-input {
  background-color: #fff;
}

.body-container--blog-post .blog-post__sidebar .form__container,
.body-container--blog-post .blog-post__sidebar .blog-post__supporting-content{
  border-top: 1px solid #BCCAE0;
}

.body-container--blog-post .related.posts .hs_cos_wrapper_type_related_blog_posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

@media (max-width: 1080px) {
  .body-container--blog-post .blog-post__sidebar {
    width: 100%;
    margin-top: 2rem;
  }
  .body-container--blog-post .blog-post__sidebar .blog-related-posts__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media (max-width: 780px) {
    .body-container--blog-post .blog-post__sidebar .blog-related-posts__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
  }
}
 
/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















body {
  font-family: Roboto;
  
    color: #444444;
  
  overflow:visible;
  margin:0;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-family: Montserrat;
}

h4,
h5,
h6 {
  color: #1A3459;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1rem 0;
}

h1,
h2.h1 {
  font-size: 64px;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #444444;
  
}

h2,
p.h2 {
  font-size: 30px;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #0F172A;
  
}

h3 {
  font-size: 26px;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #0F172A;
  
}

h4 {
  font-size: 24px;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0px;
  
}

h5 {
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1px;
  
}

h6 {
  font-size: 18px;
  line-height: ;
  text-transform: none;
  letter-spacing: 0px;
  
}

  @media (max-width:980px){
    h1 {
      font-size: 54px;
    }
    h2 {
      font-size: 30px;
    }
    h3 {
      font-size: 28px;
    }
    h4 {
      font-size: 24px;
    }
    h5 {
      font-size: 20px;
    }
    h6 {
      font-size: 18px;
    }
  }

  @media (max-width:680px){
    h1 {
      font-size: 40px;
    }
    h2 {
      font-size: 28px;
    }
    h3 {
      font-size: 24px;
    }
    h4 {
      font-size: 20px;
    }
    h5 {
      font-size: 20px;
    }
    h6 {
      font-size: 18px;
    }
  }

body,
p,
p span,
ul li,
ol li{
  
    color: #444444;
  
  font-size: 20px;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0px;
}

  @media (max-width:980px){
    body,
    p,
    p span,
    ul li,
    ol li {
      font-size: 18px;
    }
  }

  @media (max-width:680px){
    body,
    p,
    p span,
    ul li,
    ol li {
      font-size: 16px;
    }
  }

h1,
h2,
h3,
h4,
p,
p span,
ul li,
ol li {
  margin: 0.7rem 0;
}

ul,
ol {
  padding-left: 2rem;
}


/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Section Color Overrides
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

.section--dark *:not(.hs-button):not(.form__wrapper *):not(form *):not(a):not(p):not(span) {
  color: #ffffff;
}
/* .section--dark *:not(.hs-button):not(.form__wrapper *):not(form *):not(a), */
.section--dark *:not(.hs-button):not(.form__wrapper *):not(form *):not(a) p,
.section--dark *:not(.hs-button):not(.form__wrapper *):not(form *):not(a) p span,
.section--dark *:not(.hs-button):not(.form__wrapper *):not(form *):not(a) span{
  
    color: #ffffff;
  
}
/* .section--dark *:not(.hs-button):not(.form__wrapper *):not(form *) p{
  color: #BCCAE0;
} */

.section--light *:not(h1):not(h2):not(h3):not(h4):not(.hs-button):not(a) {
  
    color: #444444;
  
}

/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Blockquote
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/


blockquote,
blockquote * {
  font-size: 16px;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #FF5F00;
  
}

  @media (max-width:980px){
   blockquote,
   blockquote * {
      font-size: 16px;
    }
  }

  @media (max-width:680px){
   blockquote,
   blockquote * {
      font-size: 16px;
    }
  }

/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Inline Links
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

/* --- anchor links -- */


 
a{
     
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;

}

a:not(.hs-button),
.section--light a:not(.hs-button) {
  font-family: Roboto;
  color: #FF5F00;
  text-decoration:none;
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

a svg{
  -webkit-transition: fill 0.25s ease-in-out;
  -o-transition: fill 0.25s ease-in-out;
  transition: fill 0.25s ease-in-out;
}

a:not(.hs-button):not(.hs-menu-item a):hover,
a:not(.hs-button):not(.hs-menu-item a):focus,
a:not(.hs-button):not(.hs-menu-item a):active{
  color: FFFFFF!important;
  /* outline:none; */
  text-decoration: underline;
}

a.link--arrow:after,
span.link--arrow:after{
  content: '\f105';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  margin-left: 0.5rem;
}

a.link--arrow-circle,
span.link--arrow-circle{
  width: 100%;
  display: block;
  color: #BCCAE0 !important;
  font-size: 14px;
}
a.link--arrow-circle:after,
span.link--arrow-circle:after{
  content: '\f105';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  right: 1.5rem;
  position: absolute;
  background-color: #FFF;
  color: #002D74;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
a.link--arrow-circle:hover:after,
span.link--arrow-circle:hover:after{
  background-color: #002D74;
  color: #fff;
}
a.link--arrow-circle:focus-visible,
span.link--arrow-circle:focus-visible {
  outline: 2px solid #0F1720;
}
/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















.hs-button,
input.hs-button,
.cta_button.hs-button,
.hs-button--primary {
    position:relative;
    display: inline-block;
    width:fit-content;
    font-family: Roboto;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    text-align:center;
    font-size: 20px;
    line-height: 1;
    -webkit-appearance: none;
    cursor:pointer;
    text-shadow:none;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition:all ease-in-out 0.25s;
    -o-transition:all ease-in-out 0.25s;
    transition:all ease-in-out 0.25s;
    margin-top: 1rem;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0px;

    background-color:#FF5F00;
    border-style:solid;
    border-width:1px;
    border-color:#FF5F00;
    border-radius:5px;
    color:#ffffff;
}

.hs-button:hover,
input.hs-button:hover,
.cta_button.hs-button:hover,
.hs-button--primary:hover {
    background-color:#FFFFFF;
    border-color:#FF5F00;
    color:#FF5F00;
}

@media (max-width: 680px) {
  .hs-button {
    margin-bottom: 20px;
  }
}

/* ---------------------- */
/* -- secondary button -- */
/* ---------------------- */

.hs-button--secondary
{
    background-color:#FFFFFF;
    border-style:solid;
    border-width:0px;
    border-color:#FFFFFF;
    border-radius:5px;
    color:#002D74;
}

.hs-button--secondary:hover
{
    background-color:#002D74;
    border-color:#FFFFFF;
    color:#FFFFFF;
}

/* ---------------------- */
/* -- tertiary button -- */
/* ---------------------- */

.hs-button--tertiary
{
    background-color:#0F172A;
    border-style:solid;
    border-width:1px;
    border-color:#FF5F00;
    border-radius:5px;
    color:#FF5F00;
}

.hs-button--tertiary:hover
{
    background-color:#FF5F00;
    border-color:#FF5F00;
    color:#ffffff;
}
/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















form,
form fieldset.form-columns-1 .input,
form fieldset.form-columns-2 .input {
    margin: 0 !important;
}

form fieldset.form-columns-2 .hs-form-field {
    width: calc(100%/2 - 0.5rem) !important;
    float: none !important;
}

form fieldset.form-columns-3 .hs-form-field {
    width: calc(100%/3 - 0.5rem) !important;
    float: none !important;
}

form fieldset.form-columns-2,
form fieldset.form-columns-3{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.form__container .hs-form-field,
.hs-form .hs-form-field {
	  margin-bottom: 1rem;
}

.form__container.button__center form .actions {
    text-align: center;
}

  @media (max-width:980px){
    form fieldset.form-columns-2 .hs-form-field,
    form fieldset.form-columns-3 .hs-form-field {
      width: 100% !important;
    }
  }

.hs-form fieldset {
    max-width: 100% !important;
    width: 100% !important;
}

.hs-form textarea,
.hs-form select,
.hs-form input[type="text"],
.hs-form input[type="password"],
.hs-form input[type="datetime"],
.hs-form input[type="datetime-local"],
.hs-form input[type="date"],
.hs-form input[type="month"],
.hs-form input[type="time"],
.hs-form input[type="week"],
.hs-form input[type="number"],
.hs-form input[type="email"],
.hs-form input[type="url"],
.hs-form input[type="search"],
.hs-form input[type="tel"],
input[type="password"],
input.email-edit.hs-input,
.hs-search-field__input {
    font-family: Roboto;
    width: 100% !important;
    max-width:100% !important;
    padding: 0.25rem 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 14px;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    background: #f3f3f3;
    height: 45px;
    margin: 5px 0;
}

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE Only */
    .hs-form input[type="file"] {
      width: 100%;
      max-width:100%;
      border-style: solid;
      border-width: 1px;
      padding: 0.5rem 0.5rem;
      -webkit-appearance: none;
      -moz-appearance: none;
      font-size: 14px;
      border-radius: 6px;
      height: 45;
      outline: none;
    }
  }

.hs-form input.hs-input, 
.hs-form textarea.hs-input {
    -webkit-box-shadow:none;
            box-shadow:none;
}

.hs-form textarea.hs-input {
    padding: 1rem 2rem;
}

.hs-form input:focus,
.hs-form select:focus,
.hs-form textarea:focus,
.hs-form input.hs-input:focus, 
.hs-form textarea.hs-input:focus{
    border-color: #f3f3f3;
   //* outline: 0 none;
    -webkit-box-shadow:none;
            box-shadow:none; *//
}

.hs-form input.invalid,
.hs-form select.invalid,
.hs-form textarea.invalid {
    border-color: red;
}

.hs-form select {
   position:relative;
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
}

.hs-form select:active,
.hs-form select:focus {
 //* outline: none;
  box-shadow: none; *//
}

.hs-form select:after {
  content: " ";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 8px;
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #aaa;
}

.hs-form input[type="radio"],
.hs-form input[type="checkbox"] {
    line-height: normal;
    cursor: pointer;
}

.hs-form label, 
.hs-form .hs-fieldtype-radio > label,
.hs-form .hs-fieldtype-radio > label .hs-form-required,
.hs-form .hs-form-required {
    font-size: 14px;
}

.hs-form .hs-fieldtype-radio .inputs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* .hs-form label:not(.hs-error-msg) {
    display: none;
} */

.hs-form textarea {
    overflow: auto;
    vertical-align: top;
    min-height:100px;
    width: 100%;
}

.hs-form select {
    background-position: calc(100% - 0.5rem) center;
    background-size: 1.6rem 1rem;
    background-repeat: no-repeat;
}

/* HubSpot Form Specific Markup */

.hs-form .hs-error-msgs {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: calc(14px - 4px);
    opacity: 0.8;
    color: red;
    text-align:left;
}

.hs-form ul.hs-error-msgs li {
    margin: 0;
    text-indent: 0;
    padding-left: 0;
}

.hs-form .hs-error-msgs label {
    color:red;
    font-size: calc(14px - 4px);
}

.hero-module2 .hs-form .hs-error-msgs label {
  color:white;
}

/* --- list items --- */
.hs-form ul.inputs-list.multi-container {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
}

.hs-form .hs-form-field ul.inputs-list:not(.hs-error-msgs) {
    padding-left: 1rem;
    list-style: none;
}

.hs-form .hs-submit .actions,
.hs-form ul.inputs-list,
.hs-form ul.inputs-list li.hs-form-booleancheckbox {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
}

.hs-form ul.inputs-list.multi-container li label,
.hs-form .hs-form-booleancheckbox label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.hs-form ul.inputs-list.multi-container li label input,
.hs-form ul.inputs-list .hs-input[type='checkbox']{
    width: 30px;
}

/* --- auto width for form button --- */

form .hs-button, 
form input.hs-button.primary.large {
    width: 100% !important;
}

/* --- legal ---- */

.hs-form .legal-consent-container {
    font-size: calc(14px - 4px);
    padding: 0;
    margin: 0px 0 20px 0;
}
.hs-form .legal-consent-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.hs-form .legal-consent-container ul .hs-input {
    width: 20px;
}
.hs-form .legal-consent-container .hs-richtext, 
.hs-form .legal-consent-container .hs-richtext p,
.hs-form .legal-consent-container .hs-form-booleancheckbox *,
.hs-form .legal-consent-container .hs-form-booleancheckbox span,
.hs-form .hs-richtext.hs-main-font-element,
.hs-form .hs-richtext.hs-main-font-element p,
.hs-form .hs-richtext.hs-main-font-element span {
    font-size: calc(14px - 2px);
    line-height: calc(px - 2px);
    margin: 5px 0;
}

/* -- generic form style -- */

.form__wrapper {
    border-style: solid;
    border-width: 1px;
    padding: 1.5rem;
    border-radius: 25px;
}
.form__wrapper .form__title {
    font-size: 26px;
    margin-bottom: 15px;
}

.form__wrapper .hs-button {
    width: 100% !important;
}


/* --- different color versions --- */
/* --- light version --- */

.form__wrapper.form-style--light {
    background-color: #ffffff;
    border-color: #f3f3f3;
}

.form__wrapper.form-style--light .hs-form textarea,
.form__wrapper.form-style--light .hs-form select,
.form__wrapper.form-style--light .hs-form input[type="text"],
.form__wrapper.form-style--light .hs-form input[type="password"],
.form__wrapper.form-style--light .hs-form input[type="datetime"],
.form__wrapper.form-style--light .hs-form input[type="datetime-local"],
.form__wrapper.form-style--light .hs-form input[type="date"],
.form__wrapper.form-style--light .hs-form input[type="month"],
.form__wrapper.form-style--light .hs-form input[type="time"],
.form__wrapper.form-style--light .hs-form input[type="week"],
.form__wrapper.form-style--light .hs-form input[type="number"],
.form__wrapper.form-style--light .hs-form input[type="email"],
.form__wrapper.form-style--light .hs-form input[type="url"],
.form__wrapper.form-style--light .hs-form input[type="search"],
.form__wrapper.form-style--light .hs-form input[type="tel"],
.form__wrapper.form-style--light input[type="password"],
.form__wrapper.form-style--light input.email-edit.hs-input,
.form__wrapper.form-style--light .hs-search-field__input {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    color: #222222;
}

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE Only */
    .form__wrapper.form-style--light .hs-form input[type="file"]{
        background-color: #f3f3f3;
        border-color: #f3f3f3;
    }
  }

.form__wrapper.form-style--light .two-col__title,
.form__wrapper.form-style--light .hs-form .legal-consent-container .hs-richtext, 
.form__wrapper.form-style--light .hs-form .legal-consent-container .hs-richtext p, 
.form__wrapper.form-style--light .hs-form .legal-consent-container .hs-form-booleancheckbox *,
.form__wrapper.form-style--light .hs-form .legal-consent-container .hs-form-booleancheckbox span,
.form__wrapper.form-style--light .form__title,
.form__wrapper.form-style--light .hs-form label, 
.form__wrapper.form-style--light .hs-form label *,
.form__wrapper.form-style--light .hs-form .hs-fieldtype-radio > label,
.form__wrapper.form-style--light .hs-form .hs-fieldtype-radio > label .hs-form-required,
.form__wrapper.form-style--light .hs-form .hs-form-required,
.form__wrapper.form-style--light .hs-form .hs-richtext.hs-main-font-element, .hs-form .hs-richtext.hs-main-font-element p, 
.form__wrapper.form-style--light .hs-form .hs-richtext.hs-main-font-element span, 
.form__wrapper.form-style--light .hs-form .legal-consent-container .hs-form-booleancheckbox *, 
.form__wrapper.form-style--light .hs-form .legal-consent-container .hs-form-booleancheckbox span, 
.form__wrapper.form-style--light .hs-form .legal-consent-container .hs-richtext, 
.form__wrapper.form-style--light .hs-form .legal-consent-container .hs-richtext p {
    color: #222222;
}

/* -- placeholder -- */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    opacity: 1;
    color: #222222;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    opacity: 1;
    color: #222222;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    opacity: 1;
    color: #222222;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder {
    opacity: 1;
    color: #222222;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
    opacity: 1;
    color: #222222;
}

/* --- dark version --- */

.form__wrapper.form-style--dark {
    background-color: #131C31;
    border-color: #222F43;
}

.form__wrapper.form-style--dark .hs-form textarea,
.form__wrapper.form-style--dark .hs-form select,
.form__wrapper.form-style--dark .hs-form input[type="text"],
.form__wrapper.form-style--dark .hs-form input[type="password"],
.form__wrapper.form-style--dark .hs-form input[type="datetime"],
.form__wrapper.form-style--dark .hs-form input[type="datetime-local"],
.form__wrapper.form-style--dark .hs-form input[type="date"],
.form__wrapper.form-style--dark .hs-form input[type="month"],
.form__wrapper.form-style--dark .hs-form input[type="time"],
.form__wrapper.form-style--dark .hs-form input[type="week"],
.form__wrapper.form-style--dark .hs-form input[type="number"],
.form__wrapper.form-style--dark .hs-form input[type="email"],
.form__wrapper.form-style--dark .hs-form input[type="url"],
.form__wrapper.form-style--dark .hs-form input[type="search"],
.form__wrapper.form-style--dark .hs-form input[type="tel"],
.form__wrapper.form-style--dark input[type="password"],
.form__wrapper.form-style--dark input.email-edit.hs-input,
.form__wrapper.form-style--dark .hs-search-field__input {
    background-color: #ffffff;
    border-color: #f3f3f3;
    color: #ffffff;
}

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE Only */
    .form__wrapper.form-style--dark .hs-form input[type="file"]{
      background-color: #ffffff;
      border-color: #f3f3f3;
    }
  }

.form__wrapper.form-style--dark .two-col__title,
.form__wrapper.form-style--dark .hs-form .legal-consent-container .hs-richtext, 
.form__wrapper.form-style--dark .hs-form .legal-consent-container .hs-richtext p,
.form__wrapper.form-style--dark .hs-form .legal-consent-container .hs-form-booleancheckbox *,
.form__wrapper.form-style--dark .hs-form .legal-consent-container .hs-form-booleancheckbox span,
.form__wrapper.form-style--dark .form__title,
.form__wrapper.form-style--dark .form__supporting-content *:not(a),
.form__wrapper.form-style--dark .form__supporting-content *:not(.hs-button),
.form__wrapper.form-style--dark .hs-form label, 
.form__wrapper.form-style--dark .hs-form label *,
.form__wrapper.form-style--dark .hs-form .hs-fieldtype-radio > label,
.form__wrapper.form-style--dark .hs-form .hs-fieldtype-radio > label .hs-form-required,
.form__wrapper.form-style--dark .hs-form .hs-form-required,
.form__wrapper.form-style--dark .hs-form .hs-richtext.hs-main-font-element *:not(a) {
    color: #ffffff;
}


/* -- transparent version --- */


.form__wrapper.background__none,
.form__wrapper.form-style--transparent {
    background-color: transparent;
    border-color: transparent;
    padding:0;
}

.section--dark .form__wrapper.form-style--transparent .two-col__title,
.section--dark .form__wrapper.form-style--transparent .hs-form .legal-consent-container .hs-richtext, 
.section--dark .form__wrapper.form-style--transparent .hs-form .legal-consent-container .hs-richtext p,
.section--dark .form__wrapper.form-style--transparent .hs-form .legal-consent-container .hs-form-booleancheckbox *,
.section--dark .form__wrapper.form-style--transparent .hs-form .legal-consent-container .hs-form-booleancheckbox span,
.section--dark .form__wrapper.form-style--transparent .form__title,
.section--dark .form__wrapper.form-style--transparent .form__supporting-content *:not(a),
.section--dark .form__wrapper.form-style--transparent .form__supporting-content *:not(.hs-button),
.section--dark .form__wrapper.form-style--transparent .hs-form label, 
.section--dark .form__wrapper.form-style--transparent .hs-form label *,
.section--dark .form__wrapper.form-style--transparent .hs-form .hs-fieldtype-radio > label,
.section--dark .form__wrapper.form-style--transparent .hs-form .hs-fieldtype-radio > label .hs-form-required,
.section--dark .form__wrapper.form-style--transparent .hs-form .hs-form-required,
.section--dark .form__wrapper.form-style--transparent .hs-form .hs-richtext.hs-main-font-element *:not(a) {
    color: #ffffff;
}

.form__wrapper.form-style--transparent .hs-form textarea,
.form__wrapper.form-style--transparent .hs-form select,
.form__wrapper.form-style--transparent .hs-form input[type="text"],
.form__wrapper.form-style--transparent .hs-form input[type="password"],
.form__wrapper.form-style--transparent .hs-form input[type="datetime"],
.form__wrapper.form-style--transparent .hs-form input[type="datetime-local"],
.form__wrapper.form-style--transparent .hs-form input[type="date"],
.form__wrapper.form-style--transparent .hs-form input[type="month"],
.form__wrapper.form-style--transparent .hs-form input[type="time"],
.form__wrapper.form-style--transparent .hs-form input[type="week"],
.form__wrapper.form-style--transparent .hs-form input[type="number"],
.form__wrapper.form-style--transparent .hs-form input[type="email"],
.form__wrapper.form-style--transparent .hs-form input[type="url"],
.form__wrapper.form-style--transparent .hs-form input[type="search"],
.form__wrapper.form-style--transparent .hs-form input[type="tel"],
.form__wrapper.form-style--transparent input[type="password"],
.form__wrapper.form-style--transparent input.email-edit.hs-input,
.form__wrapper.form-style--transparent .hs-search-field__input {
    border-color: transparent;
}

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE Only */
    .form__wrapper.form-style--transparent .hs-form input[type="file"]{
        border-color: transparent;
    }
  }
/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















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

.wave-white--bottom::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1512' height='318' viewBox='0 0 1512 318' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1532 41.4378L1468.17 56.8023C1404.33 72.1669 1276.67 102.896 1149 95.2138C1021.33 87.5314 893.667 41.4376 766 18.3907C638.333 -4.65629 510.667 -4.65632 383 10.7082C255.333 26.0728 127.667 56.802 63.8335 72.1666L9.91136e-05 87.5312L3.86689e-05 318L63.8334 318C127.667 318 255.333 318 383 318C510.667 318 638.333 318 766 318C893.667 318 1021.33 318 1149 318.001C1276.67 318.001 1404.33 318.001 1468.17 318.001L1532 318.001L1532 41.4378Z' fill='%23FFFFFF'/%3e%3c/svg%3e");
  background-size: cover;
  height: 150px;
  background-repeat: no-repeat;
  background-position: top;
}

.wave-primary--bottom::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1512' height='318' viewBox='0 0 1512 318' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1532 41.4378L1468.17 56.8023C1404.33 72.1669 1276.67 102.896 1149 95.2138C1021.33 87.5314 893.667 41.4376 766 18.3907C638.333 -4.65629 510.667 -4.65632 383 10.7082C255.333 26.0728 127.667 56.802 63.8335 72.1666L9.91136e-05 87.5312L3.86689e-05 318L63.8334 318C127.667 318 255.333 318 383 318C510.667 318 638.333 318 766 318C893.667 318 1021.33 318 1149 318.001C1276.67 318.001 1404.33 318.001 1468.17 318.001L1532 318.001L1532 41.4378Z' fill='%230F172A'/%3e%3c/svg%3e");
  background-size: cover;
  height: 150px;
  background-repeat: no-repeat;
  background-position: top;
}

.wave-white--top::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1532' height='318' fill='none'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='m0 276.563 63.833-15.365c63.834-15.364 191.5-46.093 319.167-38.411 127.667 7.682 255.333 53.776 383 76.823 127.667 23.047 255.33 23.047 383 7.682 127.67-15.364 255.33-46.093 319.17-61.458l63.83-15.365V0H0v276.563Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  height: 150px;
  background-repeat: no-repeat;
  background-position: bottom;
}

.wave-lgrey--top::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1532' height='318' fill='none'%3E%3Cpath fill='%23F5F5F5' fill-rule='evenodd' d='m0 276.563 63.833-15.365c63.834-15.364 191.5-46.093 319.167-38.411 127.667 7.682 255.333 53.776 383 76.823 127.667 23.047 255.33 23.047 383 7.682 127.67-15.364 255.33-46.093 319.17-61.458l63.83-15.365V0H0v276.563Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  height: 150px;
  background-repeat: no-repeat;
  background-position: bottom;
}

.wave-primary--top::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1532' height='318' viewBox='0 0 1532 318' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.08677e-05 276.563L63.8334 261.198C127.667 245.834 255.333 215.105 383 222.787C510.667 230.469 638.333 276.563 766 299.61C893.667 322.657 1021.33 322.657 1149 307.292C1276.67 291.928 1404.33 261.199 1468.17 245.834L1532 230.469L1532 0.000409186L1468.17 0.000392445C1404.33 0.000375703 1276.67 0.00034222 1149 0.000308737C1021.33 0.000275254 893.667 0.000241771 766 0.000208289C638.333 0.000174806 510.667 0.000141323 383 0.00010784C255.333 7.43569e-05 127.667 4.08739e-05 63.8334 2.41325e-05L8.34014e-05 7.39101e-06L1.08677e-05 276.563Z' fill='%230F172A'/%3e%3c/svg%3e");
  background-size: cover;
  height: 150px;
  background-repeat: no-repeat;
  background-position: bottom;
}

/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Grid Flex Elements
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

.flex-row,
.flex-row--reverse {
    position:relative;
    z-index:1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-column,
.flex-column--reverse {
    position:relative;
    z-index:1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* -- justify content -- */

.jc--center {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
}
.jc--space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.jc--space-around {
    -ms-flex-pack:distribute;
        justify-content:space-around;
}
.jc--end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    justify-content: flex-end;
}
.jc--center {
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}

/* -- align items -- */

.align-items--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-items--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-items--bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

/* --- reverse --- */

.flex-row--reverse {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
            flex-direction:row-reverse;
}

.flex-column--reverse {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
            flex-direction:column-reverse;
}

  @media (max-width:980px){
    .flex-column--reverse__mobile {
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
            -ms-flex-direction:column-reverse;
                flex-direction:column-reverse;
    }
  }

/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// NEW Reverse Options for Responsiveness
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

.flex-row.reverse--desktop {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

  @media (max-width:980px){
    .flex-row.reverse--desktop:not(.flex-row.reverse--tablet) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
    .flex-row.reverse--tablet {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
    }
  }

  @media (max-width:680px){
    .flex-row.reverse--desktop:not(.flex-row.reverse--mobile),
    .flex-row.reverse--tablet:not(.flex-row.reverse--mobile){
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .flex-row.reverse--mobile {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
    }
  }

/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Column Layout Elements - Come back to this.
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

.col12,
.col12--d {
  width:100%;
}

.col11, 
.col11--d {
  width: 90%;
}

.col10, 
.col10--d {
  width: 80%;
}

.col9,
.col9--d {
  width:74%;
}

.col8,
.col8--d {
  width:63%;
}

.col7,
.col7--d {
  width:57%;
}

.col6,
.col6--d {
  width:48%;
  width:calc(100% / 2 - 1.5rem);
}

.col5,
.col5--d {
  width:40%;
  width:calc(100% / 12 * 5 - 1.5rem);
}

.col4,
.col4--d {
  width:32%;
  width:calc(100% / 12 * 4 - 1.5rem);
}

.col3,
.col3--d {
  width:25%;
  width:calc(100% / 12 * 3 - 1.5rem);
}

.col2,
.col2--d {
  width:20%;
  width:calc(100% / 12 * 2 - 1.3rem);
}
.col1,
.col1--d {
  width:10%;
}

  @media (max-width:980px){
    .col12--t {
      width:100%;
      margin-bottom:1.5rem;
    }
    .col6--t {
      width:48%;
      width:calc(100% / 2 - 1.5rem);
      margin-bottom:1.5rem;
    }
    .col4--t {
      width:32%;
      width:calc(100% / 12 * 4 - 1.5rem);
    }
  }

  @media (max-width:680px){
    .col4--m {
      width:32%;
      width:calc(100% / 12 * 4 - 1.5rem);
    }
    .col6--m {
      width:48%;
      width:calc(100% / 2 - 0rem);
      margin-bottom:1.5rem;
    }
    .col12--m {
      width:100%;
      margin-bottom:1.5rem;
    }
  }
/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















/***************************************************
 * Section Wrappers
****************************************************/

section {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.section-wrapper,
.section-wrapper--standard {
  position: relative;
  max-width: 1250px;
  width: 100%;
  margin: auto;
  padding-left:1rem;
  padding-right:1rem;
}

.section-wrapper--narrow {
  position: relative;
  max-width: 980px;
  width: 100%;
  margin: auto;
  padding-left:1rem;
  padding-right:1rem;
}

.section-wrapper--xnarrow,
.section-wrapper--x-narrow {
  position: relative;
  max-width: 800px;
  width: 100%;
  margin: auto;
  padding-left:1rem;
  padding-right:1rem;
}

.section-wrapper--full {
  position: relative;
/*   max-width: 1400px; */
  max-width: 100%;
  width: 100%;
  margin: auto;
  padding-left:1rem;
  padding-right:1rem;
}

/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















body.menu-open {
    overflow: hidden;
}

.section--header {
/*     background-color: #0F172A; */
    background: transparent;
    position: absolute!important;
    width: 100%;
}

.section--header a:not(.hs-button):not(.link--arrow),
.section--header p span {
    color: #FFFFFF;
}

.section--header a:not(.hs-button):hover {
    color: #FF5F00;
} 
.section--header .mega__items .mega__links {
    padding: 10px;
    margin: 10px;
}

.section--header .mega__items .mega__links:hover {
    background: #F5F5F5;
    border-radius: 5px;
}

.header--menu-toggle svg path {
    fill: ; 
}

/* --- logo sizing via theme settings --- */

.header--logo .logo {
    width:150px;
    height:100%;
}

  @media (max-width:980px){
    .section--header {
      background-color: #0F172A;
      position: fixed !important;
    }
    .header--logo .logo {
      max-height:120px;
      height:100%;
    } 
  }

  @media (max-width:680px){
    .header--logo .logo {
      max-height:100px;
      height:100%;
    } 
  }


/* --- general -- */

.section--header.fixed {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
}

.header__inner {
    margin: 0 !important;
}

.header--menu .hs-menu-wrapper ul,
.header--menu .hs-menu-wrapper ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header--menu .hs-menu-wrapper > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.header--menu .hs-menu-wrapper > ul .hs-menu-depth-1 {
    margin-right:1.8rem;
}

.header--menu .hs-menu-wrapper > ul .hs-menu-depth-1:last-of-type {
    margin-right:0;
}

/* ---- show/hide -- */

.header--menu .hs-menu-wrapper ul.hs-menu-children-wrapper {
    display: none;
}
@media (min-width:980px){
  .header--menu .hs-menu-wrapper > ul .hs-menu-depth-1:hover > .hs-menu-children-wrapper,
  .header--menu .hs-menu-wrapper > ul .hs-menu-depth-1:hover > .hs-menu-children-wrapper > li:hover > .hs-menu-children-wrapper {
      display: block;
  }
}
/* --- top level links --- */

.section--header a,
.section--header .hs-menu-item:hover a {
    text-decoration:none;
}

.section--header .header--menu .hs-menu-depth-1 > a,
.section--header .header--menu .hs-menu-depth-1:hover > a {
    text-decoration: none !important;
    white-space: pre-wrap;
    text-shadow: 1px 1px 2px #0f172b, 1px 1px 2px #0f172b, 1px 1px 2px #0f172b;
}

.header--menu .hs-menu-depth-1 {
    position:relative;
}

.header--menu .hs-menu-depth-1 > a {
    text-decoration: none;
    -webkit-transition: color .165s ease-in-out, opacity .165s ease-in-out;
    -o-transition: color .165s ease-in-out, opacity .165s ease-in-out;
    transition: color .165s ease-in-out, opacity .165s ease-in-out;
}

/* --- general dropdown --- */

.header--menu .hs-menu-wrapper > ul .hs-menu-depth-1,
.header--menu .hs-menu-wrapper > ul .hs-menu-depth-2 {
    display: block;
    padding: 0.5rem 0;
    white-space: inherit;
}

  @media (max-width:px){ 
    .header--menu .hs-menu-wrapper > ul .hs-menu-depth-1,
    .header--menu .hs-menu-wrapper > ul .hs-menu-depth-2 {
        margin:0;
    } 
  }

.header--menu .hs-menu-wrapper .hs-menu-children-wrapper {
    list-style: none;
    margin-left: 1rem;
    margin-top: 1rem;
    min-width: 200px;
    padding-left: 0;
    position: relative;
    width: 100%;
}

/* .header--menu .hs-menu-wrapper > ul .hs-menu-depth-1:hover > .hs-menu-children-wrapper > li,
.header--menu .hs-menu-wrapper > ul .hs-menu-depth-2:hover > .hs-menu-children-wrapper > li {
    padding: 10px 20px;
} */

.header--menu .hs-menu-depth-1 > .hs-menu-children-wrapper,
.header--menu .hs-menu-depth-2 > .hs-menu-children-wrapper {
    border-top-color: #0F172A;
}  

/* --- first dropdown --- */

.section--light .header--menu .hs-menu-depth-1:hover {
    color: ;
}  

.header--menu .hs-menu-depth-1 > a::after {
    border-bottom-color: #FF5F00;
}

/* .header--menu .hs-menu-depth-1 > .hs-menu-children-wrapper {
    border: solid 2px ;
} */

/* .header--menu .hs-menu-wrapper > ul .hs-menu-depth-1 > .hs-menu-children-wrapper {
    position: absolute;
    background: ;
    max-width: 220px;
    top: 26px;
} */

.header--menu .hs-menu-wrapper > ul .hs-menu-depth-1:hover > .hs-menu-children-wrapper > li:hover {
    background-color: ;
}

/* --- second dropdown --- */

.header--menu .hs-menu-wrapper .hs-menu-depth-2 > .hs-menu-children-wrapper {
    background-color: ;
    border: solid 2px ;
}

.header--menu .hs-menu-wrapper > ul .hs-menu-depth-2:hover > .hs-menu-children-wrapper > li:hover {
    background-color: rgba(255,255,255, 0.15);
}

.header--menu .hs-menu-wrapper > ul .hs-menu-depth-2 > .hs-menu-children-wrapper {
    position: absolute;
    width: 220px;
    top:0px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(100%, -2px);
        -ms-transform: translate(100%, -2px);
            transform: translate(100%, -2px);
}

.header--menu .hs-menu-wrapper .hs-menu-depth-2 > .hs-menu-children-wrapper a {
    color: #ffffff !important;
}   

/* --------------------------------------------*/
/* --------------- mega menu --------------- */ 

.section--header .header__cta {
  margin-left: 3rem;
}
.section--header .header--cta .cta {
  margin-top:0;
}
.section--header .content-item__title {
  font-weight: 400;
}
.section--header .mega__links-text {
  width: auto;
/*   max-width: 82%; */
/*   padding-left: 10px; */
}
.section--header .mega__links-text .description{
  font-size: 14px;
}
.section--header .mega__links-icon img{
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin-right: 10px;
}
.content-item__cta p{
  font-size: 14px;
}
.content-item__cta h6{
  margin-bottom: 0.7rem;
}
/* Burger Menu */
.burger-menu {
    display: none !important;
    cursor: pointer;
}
.burger-icon svg {
    width: 30px;
    height: 30px;
}
.burger-icon svg path{
    stroke: #FFFFFF;
}
@media(max-width:980px) {
  .mega__content,
  .header--menu,
  .header--cta {
    display: none !important;
  }
  .mega__links-text {
    margin-left: 1rem;
  }
}
@media (max-width: 980px) {
    .burger-menu {
        display: block !important;
    }
  .header--menu .hs-menu-wrapper .hs-menu-children-wrapper {
        background-color: #0F172A;
  }
  .hs-item-has-children.open .hs-menu-children-wrapper {
    display:block !important;
  }
}

/* Responsive Menu CSS */

/* Add styles for the linear arrow icons with arrowhead */
.header--menu .hs-item-has-children::before {
  content: '';
  display: inline-block;
  box-sizing: border-box;
  height: 10px;
  width: 10px;
  border-style: solid;
  border-color: #FF5F00;
  border-width: 0px 1px 1px 0px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: transform 0.3s ease; /* Added smooth transition on hover */
  float: right;
  margin-top: .3rem;
  margin-left: .7rem;
}
 .header--menu .hs-item-has-children.open::before { 
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: 0.6rem; 
 } 
.section--header .cta.hs-button.hs-button--primary {
  font-size: 14px !important;
  padding: 13px 10px !important;
}

/* .mobile-menu-content .hs-item-has-children.open::before {
  transform: rotate(-136deg);
} */
/* Add styles for the mobile menu and dropdowns */
.burger-menu {
  cursor: pointer;
}
.burger-icon svg {
  width: 30px;
  height: 30px;
}
.mobile-menu-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.mobile-menu-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-menu-content li {
  padding: 10px;
}
.mobile-menu-content li a {
  text-decoration: none;
}

/* Media query for mobile menu */
@media (max-width: 980px) {
  .header--menu .hs-menu-wrapper > ul .hs-menu-depth-1 {
    margin-right:0 !important;
  }
  .mobile-menu {
    display: none;
  }
  .header--menu, .header--cta {
    display: none !important;
  }
  .mobile-menu {
    display: block;
  }
  .mega__links-text {
    margin-left: 1rem;
  }

  /* Show the mobile menu when the burger icon is clicked */
  .mobile-menu.active .header--menu {
    display: block !important;
    top: 5rem;
    background-color: #0F172A;
    box-shadow: 0px 25px 23px 7px rgba(0, 0, 0, 0.05);
    padding: 1rem;
    position: fixed;
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
  }
  .section--header .header__cta {
    display:none!important;
  }
  .mobile-menu.active .hubspot-navigation {
    display: block;
  }
  .mobile-menu.active .hs-menu-children-wrapper.hubspot-navigation {
    position: unset !important;
  }
}



/* --------------------------------------------*/
/* --------------- mobile menu --------------- */

.header--menu-toggle {
    display:none;
}

.header--menu-toggle {
    position: absolute;
    right: 2rem;
    top: 50%;
    z-index: 200;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

  @media (max-width:px){
    .header--menu.open {
      background-color: ; 
      overflow: auto;
      z-index: 999999;
      max-width: 80%;
      width: 100%;
      height: 100vh;
      padding-bottom: 8rem;
    }
    .header--menu.open li.hs-menu-item a:hover {
      background-color: rgba(255,255,255, 0.15);
    }
    .header--menu.open a,
    .header--menu.open li.hs-menu-item:hover a {
      color:  !important;
    }
    .header--menu.open a:hover {
      color:  !important;
    }
    .header--menu .hs-menu-depth-1>a::after {
      content:none;
    }
  }

  @media (max-width:px){
    .header--menu-toggle,
    .header--menu-toggle.open .toggle--close {
        display: block;
    }
    .header--menu-toggle .toggle--close,
    .header--menu-toggle.open .toggle--open {
        display:none;
    }
    .header--menu {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 70%;
        -webkit-transform: translate(200%,-1rem);
            -ms-transform: translate(200%,-1rem);
                transform: translate(200%,-1rem);
        padding-bottom: 6rem;
    }
    .header--menu.open {
        display: block;
        -webkit-transform: translate(1rem, -1rem);
            -ms-transform: translate(1rem, -1rem);
                transform: translate(1rem, -1rem);
    }
    .header--menu .hs-menu-wrapper > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
    }
    .header--menu li.hs-menu-item {
        padding: 0 !important;
        width: 100% !important;
    }
    .header--menu.open .hs-menu-wrapper ul.hs-menu-children-wrapper {
        display: block;
        max-width: 100%;
        width: 100%;
        top: 0 !important;
        position: relative;
        margin: 0;
        min-width: 100%;
        width: 100%;
        position: relative !important;
        -webkit-transform: translate(0px, 0px) !important;
            -ms-transform: translate(0px, 0px) !important;
                transform: translate(0px, 0px) !important;
        margin: 0 !important;
        border: none !important;
    }
    .header--menu.open .hs-menu-wrapper ul.hs-menu-children-wrapper,
    .header--menu .hs-menu-wrapper > ul .hs-menu-depth-1:hover > .hs-menu-children-wrapper > li:hover,
    .header--menu .hs-menu-wrapper > ul .hs-menu-depth-2:hover > .hs-menu-children-wrapper > li:hover{
        background-color:transparent;
    }
  }

  @media (max-width:px){
    .header--menu a {
        color: white;
    }
    .header--menu.open li.hs-menu-item a {
        padding: 1rem !important;
        position: relative;
        display: block;
        color: #ffffff !important;
    }
    .header--menu.open ul.hs-menu-children-wrapper {
        padding-left: 1rem !important;
    }
  }
/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















.section--footer {
  background-color: #0F172A;
}
.section--footer .footer {
  background: #131C31;
  border-radius: 25px;
  margin: 2rem auto;
  padding: 2rem;
  border: 1px solid #222F43;
}

.section--footer a:not(.hs-button),
.section--footer *, 
.section--footer p span {
  color: #BCCAE0;
  font-size: 1rem;
}

.section--footer a:not(.hs-button):hover {
  color: white;
}


/* --- logo sizing via theme settings --- */

.footer__logo .logo,
.lp-footer__logo .logo,
.footer__lp .logo {
    max-height:50px;
    height:100%;
}

  @media (max-width:980px){
    .footer__logo .logo,
    .lp-footer__logo .logo,
    .footer__lp .logo {
      max-height:50px;
      height:100%;
    } 
  }

  @media (max-width:680px){
    .footer__logo .logo,
    .lp-footer__logo .logo,
    .footer__lp .logo {
      max-height:50px;
      height:100%;
    } 
  }

/* --- general footer styles --- */

.section--footer .footer__menu ul,
.section--footer .footer__social ul {
    padding: 0;
    list-style: none;
}

.section--footer .footer__info {
  border-top: 2px solid #222F43;
  padding-top: 1rem;
  margin-top: 1rem;
}
.section--footer .footer__info p{
  font-size: 14px;
}

.section--footer .footer__menu ul.hs-menu-children-wrapper {
    display: none;
}

.section--footer .footer__menu ul > li {
    margin: 10px 0;
}

.section--footer .footer__menu ul > li:nth-child(1) > a:nth-child(1) {
    color: #ffffff;
    font-weight: 900;
}

.section--footer a,
.section--footer .footer__menu ul > li > a {
    text-decoration: none;
    color: #BCCAE0;
}

/* --- social styles -- */

.section--footer .footer__social ul {
    margin: 0.7rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.section--footer .footer__social ul > li {
    margin: 0;
    margin-right: 10px;
}

.section--footer .footer__social ul svg {
    width: 30px;
    height: 30px;
}

.section--footer .footer__social ul svg path {
    fill: #BCCAE0;
}
/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Global Elements
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

*,*:before,*:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/*check here first if something breaks - fix empty modules*/
.row-fluid [class*="span"] {
  min-height: 0;
}

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

.cta--container .hs-button:not(:first-of-type) {
  margin-left: 1rem;
}

/* Supports the hiding of the feature blog JS code that unhides on the main blog page only */
.blog-col__featured-post.relative.section-wrapper--x-narrow, .blog-post__social-share { display:none; }

/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Alignments and Position Elements
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

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

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

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

 @media (max-width:680px){
  .align--left--m {
    text-align:left;
  }
 }


/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Global Elements
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

.relative {
    position:relative;
    z-index:1;
}

.absolute {
    position:absolute;
    z-index:1;
}

.block {
    display:block;
}

.bold {
    font-weight: 600;
}

.bolder {
    font-weight: 900;
}

.uppercase {
    text-transform:uppercase;
}

  @media(min-width: 1025px) {
    .sticky {
      position: sticky;
      top: 80px;
      height: fit-content;
    }
  }

  @media (max-width:980px) {
    .hide--mobile {
      display:none;
    }
  }

  @media (min-width:980px) {
    .hide--desktop {
      display:none;
    }
  }

/* IE */
.ie-only {
    display: none;
}

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ie-only {
      display: block;
    }
    .hide--ie {
      display: none;
    }
  }

/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Background Elements
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

.bg {
  background-size: cover!important;
  background-position: center;
  background-repeat: no-repeat!important;
  object-fit: cover;
  position: relative;
}

.bg__parallax {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover!important;
}

/* -- solid colors --- */

.bg--primary {
  background-color: #0F172A;
}
.bg--secondary {
  background-color: #FF5F00;
}
.bg--tertiary {
  background-color: #131C31;
}
.bg--white {
  background-color: #ffffff;
}
.bg--lgrey {
  background-color: #F5F5F5;
}
.bg--black {
  background-color: #444444;
}

.bg__overlay{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* -- gradient colors --- */

.bg--primary-gradient {
  background: radial-gradient(84.19% 61.5% at 68.75% 38.55%, rgba(15, 23, 42, 0%) 0%, #0F172A 92.19%);
  /*background-color: #0F172A;
  background: -o-linear-gradient(354deg, rgba(15, 23, 42, 100%) 0%, rgba(15, 23, 42, 100%) 100%);
  background: linear-gradient(96deg, rgba(15, 23, 42, 100%) 0%, rgba(15, 23, 42, 100%) 100%);*/
}

.bg--secondary-gradient {
  background-color: #131C31;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(19, 28, 49, 100%)), to(rgba(19, 28, 49, 0%)));
  background: -o-linear-gradient(bottom, rgba(19, 28, 49, 100%) 0%, rgba(19, 28, 49, 0%) 100%);
  background: linear-gradient(0deg, rgba(19, 28, 49, 100%) 0%, rgba(19, 28, 49, 0%) 100%);
}

.bg--tertiary-gradient {
  background-color: #131C31;
  background: -o-linear-gradient(354deg, rgba(19, 28, 49, 100%) 0%, rgba(255, 95, 0, 0%) 100%);
  background: linear-gradient(96deg, rgba(19, 28, 49, 100%) 0%, rgba(255, 95, 0, 0%) 100%);
}


/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Text Colors
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

.text-color--primary {
  color: #0F172A !important;
}

.text-color--secondary {
  color: #FF5F00 !important;
}

.text-color--tertiary {
  color: #131C31 !important;
}

.text-color--white,
.text-color--light {
  color: #ffffff;
}

.text-color--black,
.text-color--dark {
  color: #444444;
}

/* --- icon colors -- */

.icon-color--primary,
.icon-color--primary svg,
.icon-color--primary svg * {
  fill: #0F172A;
}

.icon-color--secondary,
.icon-color--secondary svg, 
.icon-color--secondary svg * {
  fill: #FF5F00;
}

.icon-color--tertiary,
.icon-color--tertiary svg,
.icon-color--tertiary svg * {
  fill: #131C31;
}

.icon-color--white,
.icon-color--light,
.icon-color--white svg,
.icon-color--light svg,
.icon-color--white svg *,
.icon-color--light svg * {
  fill: #ffffff;
}

.icon-color--black,
.icon-color--dark,
.icon-color--black svg,
.icon-color--dark svg,
.icon-color--black svg *,
.icon-color--dark svg *{
  fill: #444444;
}


/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Show and Hide for Responsiveness
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

.hide--desktop {
  display:none;
}

  @media (max-width:980px){
    .hide--desktop:not(.hide--tablet) {
      display:block;
    }
    .hide--tablet {
      display:none;
    }
  }

  @media (max-width:680px){
    .hide--desktop:not(.hide--mobile),
    .hide--tablet:not(.hide--mobile) {
      display:block;
    }
    .hide--mobile {
      display:none;
    }
  }
/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Padding Elements
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

/* -- top -- */

.pt--none,
.pt--none--d {
   padding-top:0rem;
}
.pt--xs,
.pt--xs--d {
   padding-top:1rem;
}
.pt--sm,
.pt--sm--d {
  padding-top: 32px;
}
.pt--md,
.pt--md--d {
  padding-top: 64px;
}
.pt--lg,
.pt--lg--d{
   padding-top: 96px;
}
.pt--xl,
.pt--xl--d {
   padding-top: 155px;
}

/* -- bottom -- */

.pb--none,
.pb--none--d {
   padding-bottom:0rem;
}
.pb--xs,
.pb--xs--d {
   padding-bottom:1rem;
}
.pb--sm,
.pb--sm--d {
  padding-bottom: 32px;
}
.pb--md,
.pb--md--d {
  padding-bottom: 64px;
}
.pb--lg,
.pb--lg--d {
   padding-bottom: 96px;
}
.pb--xl,
.pb--xl--d {
   padding-bottom: 155px;
}

  @media (max-width:980px){
      /* -- top -- */
      .pt--xs--t {
         padding-top:0.5rem;
      }
      .pt--sm--t {
        padding-top: 32px;
      }
      .pt--md--t {
        padding-top: 64px;
      }
      .pt--lg--t {
         padding-top: 96px;
      }
      .pt--xl--t {
         padding-top: 128px;
      }
      /* -- bottom -- */
      .pb--xs--t {
         padding-bottom:0.5rem;
      }
      .pb--sm--t {
        padding-bottom: 32px;
      }
      .pb--md--t {
        padding-bottom: 64px;
      }
      .pb--lg--t {
         padding-bottom: 96px;
      }
      .pb--xl--t {
         padding-bottom: 128px;
      }
    }

  @media (max-width:680px){
      /* -- top -- */
      .pt--xs--m {
         padding-top:0.5rem;
      }
      .pt--sm--m {
        padding-top: 32px;
      }
      .pt--md--m {
        padding-top: 64px;
      }
      .pt--lg--m {
         padding-top: 96px;
      }
      .pt--xl--m {
         padding-top: 128px;
      }
      /* -- bottom -- */
      .pb--xs--m {
         padding-bottom:0.5rem;
      }
      .pb--sm--m {
        padding-bottom: 32px;
      }
      .pb--md--m {
        padding-bottom: 64px;
      }
      .pb--lg--m {
         padding-bottom: 96px;
      }
      .pb--xl--m {
         padding-bottom: 128px;
      }
    }


/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// Margin Elements
//
//////////////////////////////////////////////////
//////////////////////////////////////////////////
*/

/* -- top -- */

.mt--none {
   margin-top:0rem;
}
.mt--xs {
   margin-top:1rem;
}
.mt--sm {
  margin-top: 32px;
}
.mt--md {
  margin-top: 64px;
}
.mt--lg {
   margin-top: 96px;
}
.mt--xl {
   margin-top: 155px;
}

/* -- bottom -- */

.mb--none {
   margin-bottom:0rem;
}
.mb--xs {
   margin-bottom:1rem;
}
.mb--sm {
  margin-bottom: 32px;
}
.mb--md {
  margin-bottom: 64px;
}
.mb--lg {
   margin-bottom: 96px;
}
.mb--xl {
   margin-bottom: 155px;
}

  @media (max-width:980px){
      /* -- top -- */
      .mt--xs {
         margin-top:0.5rem;
      }
      .mt--sm {
         margin-top: 32px;
      }
      .mt--md {
         margin-top: 64px;
      }
      .mt--lg {
         margin-top: 96px;
      }
      .mt--xl {
         margin-top: 128px;
      }
      /* -- bottom -- */
      .mb--xs {
         margin-bottom:0.5rem;
      }
      .mb--sm {
         margin-bottom: 32px;
      }
      .mb--md {
         margin-bottom: 64px;
      }
      .mb--lg {
         margin-bottom: 96px;
      }
      .mb--xl {
         margin-bottom: 128px;
      }
    }

  @media (max-width:680px){
      /* -- top -- */
      .mt--xs {
         margin-top:0.5rem;
      }
      .mt--sm {
         margin-top: 32px;
      }
      .mt--md {
         margin-top: 64px;
      }
      .mt--lg {
         margin-top: 96px;
      }
      .mt--xl {
         margin-top: 128px;
      }
      /* -- bottom -- */
      .mb--xs {
         margin-bottom:0.5rem;
      }
      .mb--sm {
         margin-bottom: 32px;
      }
      .mb--md {
         margin-bottom: 64px;
      }
      .mb--lg {
         margin-bottom: 96px;
      }
      .mb--xl {
         margin-bottom: 128px;
      }
    }
/* Animation */

@keyframes floatUp {
  0%   {
    transform: 
      translateY(-20%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes floatDown {
  0%   {
    transform: 
      translateY(15%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes floatIn {
  0% {
    transform: translateY(100%); 
    opacity: 0;
  }
  100% {
    transform: translateY(0%); 
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes shrink {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(.9);
  }
}
@keyframes grow {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes bounce {
   0%, 5%, 15%, 25%, 30%, 50%, 80%, 100% {transform: translateY(0) translateX(-50%);} 
   10% {transform: translateY(-6px) translateX(-50%);} 
   20% {transform: translateY(-3px) translateX(-50%);} 
} 

.floatUp { 
  animation: floatIn 2.5s ease;
}
.floatIn { 
  animation: floatIn 2s ease;
}
.fadeIn {
  animation: fadeIn 2.5s ease;
}
.shrink { 
  animation: shrink 4.5s ease;
}
.grow { 
  animation: grow 4.5s ease;
}

.animate--none {
  opacity: 1;
}
.animate--fadeIn {
  opacity: 0;
}
.animate--floatIn {
  opacity: 0;
  transform: translateY(100%);
}
/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















.section--subscription-preferences {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 75vh;
  padding: 10%;
}

.section--subscription-preferences .item, 
.section--subscription-preferences .subscribe-options {
  padding: 1rem;
  border: 1px solid #FF5F00;
  margin: .5rem 0;
}

.section--subscription-preferences .item p {
  margin-left: 2rem;
  font-size: 14px;
  position: relative;
  display: block;
}

.section--subscription-preferences .item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


/* .section--subscription-preferences .checkbox-row {
    height: 1.3rem;
    width: 1rem;
    display: flex;
} */

.section--subscription-preferences .item-inner span.fakelabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    max-width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.section--subscription-preferences .item-inner input[type="checkbox"] {
    margin-right: 10px;
}

/***** Search Button *******/
.hs-search-field__bar button {
  background: none;
  border:0;
  cursor: pointer;
}
.hs-search-field__bar button svg {
  height: 30px;
  fill: #fff;
  margin-left: 20px;
}
.hs-search-highlight {
  color: #FF5F00!important;
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
/* --- main color scheme -- */








/* --- misc colors -- */







/* --- gradient colors -- */
















/* --- transition -- */




/* --- primary logo height -- */





/* --- secondary logo height -- */





/* --- main font -- */







/* -- header styles -- */







































































/* --- buttons --- */

/* -- general settings -- */









/* - primary - */











/* - secondary - */











/* - tertiary - */











/* --- main anchor links -- */




/* --- form styles -- */
































/* --- card styles -- */










/* --- header styles -- */

















/* --- footer styles -- */






/* --- section wrappers -- */






/* --- section padding -- */

















.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: #FF5F00;
  border: none;
  color: #fff !important;
}
.flickity-button:hover {
  color: #FF5F00!important;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  height: 45%;
  left: 26%;
  position: absolute;
  top: 26%;
  width: 45%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 8px;
  border-radius: 50%;
  cursor: pointer;
  background: #0F172A;
}
.section--dark .flickity-page-dots .dot {
  background: #ffffff;
}

.flickity-page-dots .dot.is-selected {
  background: #FF5F00;
}