/* --- 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;
  position: relative;
  margin-top:-5.5rem !important;
  overflow: hidden !important;
}
/* 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 -- */

















body {
  font-family: Open Sans;
  color: #53575a;
  overflow:visible;
  margin:0;
}

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

h4,
h6 {
  color: #2c3639;
}
h5 {
  color: #52B6D5!important;
}

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

h1,
h2.h1 {
  font-size: 68px;
  line-height: 78px;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #2C3639;
  
}

h2,
p.h2 {
  font-size: 48px !important;
  line-height: 50px;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #2C3639;
  
}

h3 {
  font-size: 36px;
  line-height: 36px;
  text-transform: none;
  letter-spacing: 0px;
  
    color: #2C3639;
  
}

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

h5 {
  font-size: 25px;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 0px;
}

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

.section--hero-simple-slider h1, 
.section--hero-simple-slider h2.h1 {
    font-size: 96px;
    line-height: 98px;
}

  @media (max-width:980px){
    h1,
    .section--hero-simple-slider h1, 
    .section--hero-simple-slider h2.h1 {
      font-size: 60px;
      line-height: 70px;
    }
    h2 {
      font-size: 32px;
      line-height: 48px;
    }
    h3 {
      font-size: 28px;
      line-height: 32px;
    }
    h4 {
      font-size: 24px;
      line-height: 28px;
    }
    h5 {
      font-size: 20px;
      line-height: 24px;
    }
    h6 {
      font-size: 18px;
      line-height: 20px;
    }
  }

  @media (max-width:680px){
    h1,
    .section--hero-simple-slider h1, 
    .section--hero-simple-slider h2.h1 {
      font-size: 40px;
      line-height: 50px;
    }
    h2 {
      font-size: 28px;
      line-height: 45px;
    }
    h3 {
      font-size: 24px;
      line-height: 28px;
    }
    h4 {
      font-size: 20px;
      line-height: 24px;
    }
    h5 {
      font-size: 20px;
      line-height: 24px;
    }
    h6 {
      font-size: 18px;
      line-height: 20px;
    }
  }

body,
p,
p span,
ul li,
ol li{
  color: #53575a;
  font-size: 16px;
  line-height: 25px;
  text-transform: none;
  letter-spacing: 0px;
}

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

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

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 *){
  color: #ffffff;
}

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

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


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

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

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

/*
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//
// 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: Oswald;
  color: #074668;
  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:#2280B4!important;
  outline: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 -- */

















.hs-button,
input.hs-button,
.cta_button.hs-button,
.hs-button--primary {
    position:relative;
    display: inline-block;
    width:fit-content;
    font-family: Oswald;
    padding: 8px 40px 8px 40px;
    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: normal;
    letter-spacing: 0px;

    background-color:#074668;
    border-style:solid;
    border-width:4px;
    border-color:#074668;
    border-radius:50px;
    color:#ffffff;
    filter: drop-shadow(1px 6px 11px #07466866);
}

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

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

.hs-button--secondary {
    background-color:#ffffff;
    border-style:solid;
    border-width:4px;
    border-color:#074668;
    border-radius:50px;
    color:#074668;
}

.hs-button--secondary:hover {
    background-color:#52B6D5;
    border-color:#52B6D5;
    color:#ffffff;
}

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

.hs-button--tertiary {
    background-color:#ffffff03;
    border-style:solid;
    border-width:4px;
    border-color:#ffffff;
    border-radius:50px;
    color:#ffffff;
}

.hs-button--tertiary:hover {
    background-color:#ffffff;
    border-color:#ffffff;
    color:#074668;
}
/* --- 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 {
    margin: 0;
}

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

.form__container fieldset.form-columns-3 .hs-form-field {
    width: 33.2%;
}

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

  @media (max-width:768px){
    .form__container 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: ;
    width: 100% !important;
    max-width:100% !important;
    padding: 0.25rem 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 14px;
    border-radius: 25px;
    border-style: solid;
    border-width: 1px;
    background: #ffffff;
    height: 40px;
}

  @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: 25px;
      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: #D1D2D4;
    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: 15px;
    margin: 15px 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 - 4px);
    line-height: calc(px - 10px);
    margin: 0;
}

/* -- generic form style -- */

.form__wrapper {
    border-style: solid;
    border-width: 1px;
    padding: 1.5rem;
    border-radius: 25px;
}
.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: #ffffff;
    border-color: #D1D2D4;
}

.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: #D1D2D4;
    color: #2C3639;
}

  @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: #D1D2D4;
    }
  }

.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 {
    color: #2C3639;
}

/* -- placeholder -- */

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

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

.form__wrapper.form-style--dark {
    background-color: #2C3639;
    border-color: #52B6D5;
}

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

.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 .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 {
    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.background__none .two-col__title,
.section--dark .form__wrapper.form-style--transparent .two-col__title{
    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;
    }
  }

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

.col12 {
  width:100%;
}

.col9 {
  width:74%;
}

.col8 {
  width:63%;
}

.col7 {
  width:57%;
}

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

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

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

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

.col2 {
  width:20%;
  width:calc(100% / 12 * 2 - 1rem);
}

  @media (max-width:980px){
    .col10.col6--t,
    .col9.col6--t,
    .col8.col6--t,
    .col7.col6--t,
    .col6.col6--t,
    .col5.col6--t,
    .col4.col6--t,
    .col3.col6--t,
    .col2.col6--t {
      width:48%;
      width:calc(100% / 2 - 1rem);
      margin-bottom:1.5rem;
    }

    .col10:not(.col6--t),
    .col9:not(.col6--t),
    .col8:not(.col6--t),
    .col7:not(.col6--t),
    .col6:not(.col6--t),
    .col5:not(.col6--t),
    .col4:not(.col6--t),
    .col3:not(.col6--t),
    .col2:not(.col6--t) {
      width:100%;
      margin-bottom:1.5rem;
    }
  }

  @media (max-width:680px){
    .col10.col6--m,
    .col9.col6--m,
    .col8.col6--m,
    .col7.col6--m,
    .col6.col6--m,
    .col5.col6--m,
    .col4.col6--m,
    .col3.col6--m,
    .col2.col6--m {
      width:48%;
      width:calc(100% / 2 - 1rem);
      margin-bottom:1.5rem;
    }
    
    .col10:not(.col6--m),
    .col9:not(.col6--m),
    .col8:not(.col6--m),
    .col7:not(.col6--m),
    .col6:not(.col6--m),
    .col5:not(.col6--m),
    .col4:not(.col6--m),
    .col3:not(.col6--m),
    .col2:not(.col6--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 {
  position: relative;
  max-width: 1280px;
  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--x-narrow {
  position: relative;
  max-width: 800px;
  width: 100%;
  margin: auto;
  padding-left:1rem;
  padding-right:1rem;
}

.section-wrapper--full {
  position: relative;
  max-width: 1240px;
  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: #2C363924;
}

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

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

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

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

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

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

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


/* --- general -- */

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

.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:1024px){ 
    .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: #074668;
}  

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

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

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

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

.header--menu .hs-menu-wrapper > ul .hs-menu-depth-1 > .hs-menu-children-wrapper {
    position: absolute;
    background: #074668;
    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: #074668;
}

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

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

.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:1024px){
    .header--menu.open {
      background-color: #074668; 
      overflow: auto;
      z-index: 999999;
      max-width: 100%;
      width: 100%;
      height: 80vh;
      padding-bottom: 8rem;
      left: -1rem;
      border-radius: 10px;
    }
    .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: #FFFFFF !important;
    }
    .header--menu.open a:hover {
      color: #2280B4 !important;
    }
    .header--menu .hs-menu-depth-1>a::after {
      content:none;
    }
  }

  @media (max-width:1024px){
    .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, 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:1024px){
    .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;
    }
  }

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

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


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

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

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

  @media (max-width:680px){
    .footer__logo .logo,
    .lp-footer__logo .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__menu ul.hs-menu-children-wrapper {
    display: none;
}

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

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

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

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

.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;
  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: #074668;
}
.bg--secondary {
  background-color: #2280B4;
}
.bg--tertiary {
  background-color: #52B6D5;
}
.bg--white {
  background-color: #ffffff;
}
.bg--lgrey {
  background-color: #D1D2D4;
}
.bg--xlgrey {
  background-color: #FAFAFA;
}
.bg--black {
  background-color: #2C3639;
}

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

/* -- gradient colors --- */

.bg--primary-gradient {
  background-color: #074668;
  background: -o-radial-gradient(50% 50%, 50% 50%, rgba(7, 70, 104, 31%) 0%, rgba(7, 70, 104, 31%) 32.81%, rgba(0, 37, 56, 77%) 100%);
  background: radial-gradient(50% 50% at 50% 50%, rgba(7, 70, 104, 31%) 0%, rgba(7, 70, 104, 31%) 32.81%, rgba(0, 37, 56, 77%) 100%);
}

.bg--secondary-gradient {
  background-color: #74C385;
  background: -o-linear-gradient(354deg, rgba(116, 195, 133, 100%) 0%, rgba(62, 130, 77, 100%) 100%);
  background: linear-gradient(96deg, rgba(116, 195, 133, 100%) 0%, rgba(62, 130, 77, 100%) 100%);
}

.bg--tertiary-gradient {
  background-color: #fcba6f;
  background: -o-linear-gradient(354deg, rgba(252, 186, 111, 100%) 0%, rgba(245, 137, 13, 100%) 100%);
  background: linear-gradient(96deg, rgba(252, 186, 111, 100%) 0%, rgba(245, 137, 13, 100%) 100%);
}


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

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

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

.text-color--tertiary {
  color: #52B6D5!important;
}

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

.text-color--black,
.text-color--dark {
  color: #2C3639!important;
}

/* --- icon colors -- */

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

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

.icon-color--tertiary,
.icon-color--tertiary svg,
.icon-color--tertiary svg * {
  fill: #52B6D5;
}

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

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

/* -- top -- */

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

/* -- bottom -- */

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

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

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

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

/* -- blog template -- */

.blog-templage.blog-template--old #main#main-content {
    padding-top:17rem;
}

  @media (max-width:1024px){
    .blog-templage.blog-template--old #main#main-content {
        padding-top:7rem;
    }
  }
/* 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 #2280B4;
  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 -- */

















/* Flickity Home Hero Css */

button.flickity-button.flickity-prev-next-button:hover * {
    fill: #074668 !important;
}

.section--hero-simple-slider .flickity-button {
    background: hsla(0,0%,100%,0.15);
}

.section--hero-simple-slider .flickity-page-dots {
    width: 30%;
    display: flex;
    justify-content: center;
    transform: translate(50%) rotate(-90deg) scaleX(-1);
    right: -11rem;
    left:auto;
    top: 0%;
    z-index: 0;
}

.section--hero-simple-slider .flickity-page-dots .dot {
   background: #76CDDA;
	 border: 0;
	 width: 16px;
	 height: 16px;
	 border-radius: 100%;
	 padding: 0;
	 margin: 0 20px;
	 cursor: pointer;
	 position: relative;
	 opacity: 0.2;
	 transition: opacity 0.2s ease-in-out;
	 outline: none;
}

.section--hero-simple-slider .flickity-page-dots .dot:hover {
   opacity: 0.7;
}
.section--hero-simple-slider .flickity-page-dots .dot.is-selected {
   opacity: 1;
}
.section--hero-simple-slider .flickity-page-dots .dot.is-selected:before {
   width: 300%;
	 height: 300%;
	 opacity: 1;
}
.section--hero-simple-slider .flickity-page-dots .dot:before {
   content: '';
	 display: block;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 width: 100%;
	 height: 100%;
	 border-radius: 100%;
	 border: 1px solid rgba(255, 255, 255, 0.2);
	 opacity: 0;
	 transition: opacity 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;
}

  @media (max-width:1640px) {
    .section--hero-simple-slider .flickity-page-dots {
        right: -21rem;
    }
  }

  @media (max-width:1140px){
    .section--hero-simple-slider .flickity-page-dots {
        display: none !important;
    } 
    .section--hero-simple-slider .flickity-button {
        display:none;
    }
  }
/* End Flickity Css */
/* /* --- 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--portfolio .masonry img {
  width: 100%;
}

.section--portfolio .masonry img.overlay {
  mix-blend-mode: overlay;
}

.section--portfolio .masonry {
	column-count: 4;
	column-gap: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.section--portfolio .masonry .mItem {
  margin-bottom: 10px;
  width: 100%;
  background: linear-gradient(0deg, rgba(7, 70, 104, 0.5), rgba(7, 70, 104, 0.5));
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.section--portfolio .masonry .project_title {
  position: absolute;
}

@media (max-width: 1199px) {
 .section--portfolio .masonry {
    column-count: 3;
  }
}

@media (max-width: 980px) {
 .section--portfolio .masonry {
    column-count: 2;
  }
}

@media (max-width: 680px) {
 .section--portfolio .masonry {
    column-count: 2;
  }
}
 */