/* --- 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;
}
/* Responsive Grid */

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

.landing-page .row-fluid-wrapper.dnd-section > .row-fluid {
  max-width: 1200px;
  margin: 0 auto;
}

.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 ;
    }
}
/* Blog Post CSS */
.article--container {
  background-color: #F4F4F4;
}
.article {
  max-width: 800px;
  margin: 0 auto;
  background-color: #FFFFFF;
}
.article--tags {
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
}
.article--tags .article--tags-link {
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: 16px; /* 133.333% */
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.article--header-content {
  display: flex;
  flex-flow: column nowrap;
  padding: 32px;
  gap: 8px;
  background-color: #E7EDEF;
}
.article--body {
  padding: 32px;
}
.article blockquote {
  border-left: 4px solid var(--Grey-300, #E7EDEF);
  padding-left: 16px;
}

@media (max-width: 480px) {
  .article--title {
    font-size: 32px;
  }
  .article--header-content,
  .article--body {
    padding: 20px;
  }
}

/* --- 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 -- */
















 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/* --- 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: Open Sans;
  
    color: #024854;
  
  overflow:visible;
  margin:0;
}

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

h1,
h2.h1 {
  font-family: Lora, serif;
  font-size: 40px;
  line-height: 1.15;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #024854;
  
  font-weight: normal;
}

h2,
p.h2 {
  font-family: Lora, serif;  
  font-size: 32px;
  line-height: 1.15;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #024854;
  
  font-weight: normal;
}

h3 {
  font-family: {font=Open Sans, font_set=GOOGLE, styles={font-family='Open Sans', sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=40, size_unit=px, color=#000000, variant=regular, fallback=sans-serif, style=font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #000000;font-size: 40px;font-family: 'Open Sans', sans-serif;}, sans-serif;
  font-size: 28px;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #024854;
  
  font-weight: normal;
}

h4 {
  font-family: {font=Open Sans, font_set=GOOGLE, styles={font-family='Open Sans', sans-serif, font-style=normal, font-weight=700, text-decoration=none}, size=60, size_unit=px, color=#000000, variant=700, fallback=sans-serif, style=font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none, css=color: #000000;font-size: 60px;font-family: 'Open Sans', sans-serif; font-weight: 700;}, sans-serif;
  font-size: 24px;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #024854;
  
  font-weight: normal;
}

h5 {
  font-family: {font=Open Sans, font_set=GOOGLE, styles={font-family='Open Sans', sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=60, size_unit=px, color=#000000, variant=regular, fallback=sans-serif, style=font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #000000;font-size: 60px;font-family: 'Open Sans', sans-serif;}, sans-serif;
  font-size: 20px;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #024854;
  
  font-weight: normal;
}

h6 {
  font-family: {font=Open Sans, font_set=GOOGLE, styles={font-family='Open Sans', sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=60, size_unit=px, color=#000000, variant=regular, fallback=sans-serif, style=font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #000000;font-size: 60px;font-family: 'Open Sans', sans-serif;}, sans-serif;
  font-size: 18px;
  line-height: ;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #024854;
  
  font-weight: normal;
}

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

  @media (max-width:680px){
    h1 {
      font-size: 45px;
    }
    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: #024854;
  
  font-size: 16px;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0px;
  font-weight: normal;
}

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

  @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;
}

.thin-header {
  font-weight: 400 !important;
}


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


.section--dark *:not(.hs-button):not(.form__wrapper *):not(form *){
  color: #ffffff;
}

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

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


blockquote,
blockquote * {
  font-size: 16px;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #024854;
  
  font-weight: normal;
}

  @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: Open Sans;
  color: #024854;
  text-decoration:none!important;
  -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: rgba(146, 227, 169, 1)!important;
  outline:none;
}

.subtitle {
  font-family: 'Open Sans';
  font-weight: 600;
  color: #69C283 !important;
  font-size: 14px;
  
}
/* --- 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: Open Sans;
    padding: 12px 36px 12px 36px;
    text-decoration: none;
    text-align:center;
    font-size: 16px;
    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:#FFFFFF00;
    border-style:solid;
    border-width:2px;
    border-color:#024854;
    border-radius:8px;
    color:#024854;
}

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

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

.hs-button--secondary

,.form__wrapper.form-style--dark .hs-form input.hs-button
,.section--dark .form__wrapper.form-style--transparent .hs-form input.hs-button
{
    background-color:#024854;
    border-style:solid;
    border-width:2px;
    border-color:#FFFFFF;
    border-radius:8px;
    color:#ffffff;
}

.hs-button--secondary:hover

,.form__wrapper.form-style--dark .hs-form input.hs-button:hover
,.section--dark .form__wrapper.form-style--transparent .hs-form input.hs-button:hover
{
    background-color:#FFFFFF;
    border-color:#024854;
    color:#024854;
}

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

.hs-button--tertiary
{
    background-color:#8A4CDC;
    border-style:solid;
    border-width:2px;
    border-color:#8A4CDC;
    border-radius:8px;
    color:#ffffff;
}

.hs-button--tertiary:hover
{
    background-color:#ffffff;
    border-color:#8A4CDC;
    color:#8A4CDC;
}

/**
 * New Buttons
 */
.button {
  display: flex;
  height: 40px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  font-family: Open Sans;
  background: var(--Primary-500, #024854);
  border: 2px solid var(--Primary-500, #024854);
  color: white;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease-in-out !important;
}
.button:hover {
  background: var(--Primary-700, #012E36);
}
.button.outline {
  background: transparent;
  color: var(--Primary-500, #024854);
}
.button.outline:hover {
  color: var(--Primary-700, #012E36);
  border-color: var(--Primary-700, #012E36);
}
.button.secondary {
  background: var(--Secondary-500, #92E3A9);
  border: 2px solid var(--Secondary-500, #92E3A9);
  color: var(--Primary-500, #024854);
}
.button.secondary:hover {
  background: var(--Secondary-700, #69C283);
}
.button.secondary.outline {
  color: var(--Secondary-500, #92E3A9);
  background: transparent;
}
.button.secondary.outline:hover {
  color: var(--Secondary-700, #69C283);
  border-color: var(--Secondary-700, #69C283);
}
.button.white {
  background: white;
  border: 2px solid white;
  color: var(--Primary-500, #024854);
}
.button.white:hover {
  background: #FAFAFA;
  border-color: #FAFAFA;
}
.button.white.outline {
  background: transparent;
  color: white;
}
.button.white.outline:hover {
  color: #FAFAFA;
  border-color: #FAFAFA;
}
@media (max-width: 480px) {
  .button {
    font-size: 14px;
  }
}
/* --- 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: Open Sans;
    width: 100% !important;
    max-width:100% !important;
    padding: 0.25rem 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 14px;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    background: #ffffff;
    height: 40px;
    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: 2px;
      padding: 0.5rem 0.5rem;
      -webkit-appearance: none;
      -moz-appearance: none;
      font-size: 14px;
      border-radius: 8px;
      height: 40;
      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: #024854;
    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 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);
}

/* --- 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: center;
}

.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: auto;
}

/* --- 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: 2px;
    padding: 1.5rem;
    border-radius: 8px;
}
.form__wrapper .form__title {
    font-size: px;
    margin-bottom: 15px;
}

.form__wrapper .hs-button {
    width: auto;
}


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

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

.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: #ffffff;
    border-color: #024854;
    color: #024854;
}

  @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: #ffffff;
        border-color: #024854;
    }
  }

.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: #383A3E;
}

/* -- placeholder -- */

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

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

.form__wrapper.form-style--dark {
    background-color: #024854;
    border-color: #024854;
}

.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 -- */

















/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// 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%;
}

.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 - 0.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.5rem);
}

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

  @media (max-width:680px){
    .col12--m {
      width:100%;
      margin-bottom:1.5rem;
    }
    .col9--m {
      width:74%;
    }
    .col4--m {
      width:32%;
      width:calc(100% / 12 * 4 - 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: 1040px;
  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: 1640px;
  width: 100%;
  margin: auto;
  padding-left:0;
  padding-right:0;
}

/* --- 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: #024854;
}

.section--header a:not(.hs-button),
.section--header *, 
.section--header p span {
    color: #FFF;
}

.section--header a:not(.hs-button):hover {
    color: #92e3a9;
} 

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

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

.header--logo .logo {
    max-height:43px;
    height:100%;
}

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

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


/* --- general -- */

.section--header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999999999;
/*   filter: drop-shadow(1px 6px 11px rgba(7, 6, 2, 0.4)); */
}
body.project-template .section--header,
body.blog-template .section--header,
.section--header.fixed-color {
  background-color: #024854;
}

.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:3rem;
}

.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;
}

.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;
}

.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;
}

/* .header--menu .hs-menu-depth-1 > a::after {
    bottom: 0;
    content: '';
    position: absolute;
    right: 0;
    -webkit-transition: width .334s cubic-bezier(.33, 0, 0, 1);
    -o-transition: width .334s cubic-bezier(.33, 0, 0, 1);
    transition: width .334s cubic-bezier(.33, 0, 0, 1);
    width: 0%;
    border-bottom-style:solid;
    border-bottom-width:2px;
} */

/* .header--menu .hs-menu-depth-1 > a:hover::after {
    left: 0;
    width: 100%;
} */

/* --- 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:980px){ 
    .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;
    padding-left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    margin-top: 1rem;
    background-color: white;
    margin-left: -1.5rem;
    margin-bottom: -1.5rem;
}

.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: #024854;
}  

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

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

/* .header--menu .hs-menu-depth-1 > a::after {
    border-bottom-color: ;
}
 */
.header--menu .hs-menu-depth-1 > .hs-menu-children-wrapper {
    border-bottom: solid 4px ;
/*     border-radius: 10px; */
}

.header--menu .hs-menu-wrapper > ul .hs-menu-depth-1 > .hs-menu-children-wrapper {
    position: absolute;
    background: ;
    max-width: 220px;
    top: 1.7rem;
}
.header--menu .hs-menu-children-wrapper li:hover {
  border-left: 4px solid #fff;
  padding-left: .5rem;
  transition: 300ms;
}

.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;
}       
 

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

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

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

  @media (max-width:980px){
    .header--menu.open {
      background-color: rgba(2, 72, 84, 1); 
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      overflow: auto;
      z-index: 999999;
      max-width: 100%;
      width: 100%;
      height: auto;
      left: -1rem;
      border-radius: 40px 0 40px 0 !important;
      padding-left: 1rem;
      top: 3.5rem !important;
    }
    .header--menu.open li.hs-menu-item a:hover,
    .hs-button--header:hover {
      background-color: rgba(255,255,255, 0.15);
    }
    .header--menu.open a,
    .header--menu.open li.hs-menu-item:hover a {
      color:  rgba(146, 227, 169, 1) !important;
    }
    .header--menu.open a:hover {
      color: rgba(146, 227, 169, 1) !important;
    }
    .header--menu .hs-menu-depth-1>a::after {
      content:none;
    }
  }

  @media (max-width:980px){
    .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-top: 1rem;
        padding-bottom: 2rem;
    }
    .header--menu.open {
        display: block;
        -webkit-transform: translate(1rem, 0rem);
            -ms-transform: translate(1rem, 0rem);
                transform: translate(1rem, 0rem);
    }
    .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: #2280B4;
    }
  }

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

/* --- overrides for 2021 styles -- */

.section--hero-01,
.section--project {
    padding-top: 7rem;
}
/* --- 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: #024854;
}

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

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


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

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

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

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

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

.section--footer .footer__menu ul,
.section--footer .footer__social ul {
    padding: 0;
    list-style: none;
}
.section--footer .footer__menu ul.hs-menu-children-wrapper {
    display: none;
}

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

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

/* --- social styles -- */

.section--footer .footer__social 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: 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: #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 -- */

















/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// 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;
}

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

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

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

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


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

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

.block {
    display:block;
}

.bold {
    font-weight: 900;
}

.uppercase {
    text-transform:uppercase;
}

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

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

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

/* 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;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
  position: relative;
}

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

/* -- solid colors --- */

.bg--primary {
  background-color: #024854;
}
.bg--secondary {
  background-color: #69C283;
}
.bg--tertiary {
  background-color: #92E3A9;
}
.bg--white {
  background-color: #ffffff;
}
.bg--lgrey {
  background-color: #fafafa;
}
.bg--black {
  background-color: #383A3E;
}

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

/* -- gradient colors --- */

.bg--primary-gradient {
  background-color: #024854;
  background: -o-linear-gradient(354deg, rgba(2, 72, 84, 100%) 0%, rgba(1, 46, 54, 100%) 100%);
  background: linear-gradient(96deg, rgba(2, 72, 84, 100%) 0%, rgba(1, 46, 54, 100%) 100%);
}

.bg--secondary-gradient {
  background-color: #92E3A9;
  background: -o-linear-gradient(354deg, rgba(146, 227, 169, 100%) 0%, rgba(105, 194, 131, 100%) 100%);
  background: linear-gradient(96deg, rgba(146, 227, 169, 100%) 0%, rgba(105, 194, 131, 100%) 100%);
}

.bg--tertiary-gradient {
  background-color: #5B94D7;
  background: -o-linear-gradient(354deg, rgba(91, 148, 215, 100%) 0%, rgba(45, 101, 167, 100%) 100%);
  background: linear-gradient(96deg, rgba(91, 148, 215, 100%) 0%, rgba(45, 101, 167, 100%) 100%);
}


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

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

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

.text-color--tertiary {
  color: #92E3A9 !important;
}

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

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

/* --- icon colors -- */

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

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

.icon-color--tertiary,
.icon-color--tertiary svg,
.icon-color--tertiary svg * {
  fill: #92E3A9;
}

.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: #383A3E;
}


/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// 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: 128px;
}
.pt--xxl,
.pt--xxl--d {
   padding-top: calc(128px * 2 + 100px);
}

/* -- 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: 128px;
}
.pb--xxl,
.pb--xxl--d {
   padding-bottom: calc(128px * 2 + 50px);
}

  @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;
      }
      .pt--xxl--t {
         padding-top: calc(128px * 2 + 50px);
      }
      /* -- 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;
      }
      .pb--xxl--t {
         padding-bottom: calc(128px * 2 + 30px);
      }
    }

  @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;
      }
      .pt--xxl--m {
         padding-top: calc(128px * 2 + 50px);
      }
      /* -- 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;
      }
      .pb--xxl--m {
         padding-bottom: calc(128px * 2 + 50px);
      }
    }


/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// 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: 128px;
}

/* -- bottom -- */

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

  @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 -- */
      .mt--xs {
         margin-bottom:0.5rem;
      }
      .mt--sm {
         margin-bottom: 32px;
      }
      .mt--md {
         margin-bottom: 64px;
      }
      .mt--lg {
         margin-bottom: 96px;
      }
      .mt--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 -- */
      .mt--xs {
         margin-bottom:0.5rem;
      }
      .mt--sm {
         margin-bottom: 32px;
      }
      .mt--md {
         margin-bottom: 64px;
      }
      .mt--lg {
         margin-bottom: 96px;
      }
      .mt--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 #69C283;
  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;
}
/* --- 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 -- */


















@media(max-width:680px){
  
/*   Two Column with Image Responsive Carusel Module */
  .section--two-col--img-carousel .two-col--img-carousel__img {
    max-height: 280px !important;
    width: auto;
  }
  .section--two-col--img-carousel .two-col--img-carousel__inner {
    text-align: center !important;
    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-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section--two-col--img-carousel .col__supporting-content p {
    text-align: center !important;
  }
  .section--two-col--img-carousel .flickity-page-dots {
    bottom: 25px !important;
  }
  .flickity-page-dots .dot {
    background: #024854 !important;
  }
  
/*   Boxed Content Module */
  .section--boxed-content .col__supporting-content {
    text-align: center;
  }
  .section--boxed-content .boxed-content__cta.cta--container {
    text-align: center;
  }
  .section--boxed-content.two-column-module-styles,
  .section--boxed-content-image.two-column-module-styles {
    padding: 0 1rem;
  }
  .section--boxed-content .boxed-content__wrapper,
  .section--boxed-content-image .boxed-content-image__wrapper {
    padding: 0 1rem;
  }
  .section--boxed-content-image .col__supporting-content h2 {
    font-size: 40px !important;
    margin-top: -4.5rem;
  }
  .section--boxed-content .col__title {
    text-align: center !important;
  }
  
/*   Sticky Button */
  .sticky-button .hs-button.mobile-style {
    padding: 12px 32px !important;
  }
  
/* Team   */
  .section--team .team__inner.team__inner-image {
    text-align: center;
  }
  .section--team .team__section-name {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    border-bottom: none !important;
  }
  .section--team .team__name h6, .section--team .team__name h5, .section--team .team__name h4, .section--team .team__name h3, .section--team .team__name h2, .section--team .team__name h1 {
    text-align: center !important;
  }
  .section--team .social-icon svg {
    margin-right: 0 !important;
    margin-top: 1rem;
  }
  .section--team .team__section-name {
    padding-bottom: 0 !important;
  }
  .section--team .col__supporting-content.align--left {
    text-align: center;
    padding: 0 1rem;
  }
  .section--team .profile-img {
    max-width: 205px !important;
    border-radius: 50px 0px 20px 0px !important;
  }
/*   Pricing Module */
  .section--pricing .form__list {
    margin-left: 0 !important;
    padding-left: 1rem;
  }
  .section--pricing .plan-text {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
/*   .section--boxed-content-image .image-column {
    margin-bottom: -30%;
  } */
/*  Footer  */
  .section--footer .footer__logo {
    text-align: left;
  }
  .section--footer .logo-text {
    padding: 0;
  }
  .section--footer .social-icons {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .section--footer .social-icon img {
    margin-left: 0 !important;
    margin-right: .8rem;
  }
  .section--footer .footer-menu ul::after {
    display: none !important;
  }
  .section--footer .social-icons {
    border-bottom: 1px solid rgb(146, 227, 169);
    padding-bottom: 20px;
  }
  .section--footer .footer-menus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .section--footer .footer-menu ul {
    text-align: left;
    padding-left: 0;
  }
  .section--footer .legal-menu {
    text-align: right;
  }
  .section--footer .responsive-image-footer {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}