/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary variables that control standard elements
in the pages. This is also the file that loads all of the other themed CSS
styleshets into just this one in each of themed templates.
*********************************************************************************
****************************************************************************** */











































/* ******************************************************************************
*********************************************************************************
The intention of this file is to reset most of the different browser, built-in
CSS styles, so that it is an empty canvas for the themed specific stylesheets.
*********************************************************************************
****************************************************************************** */

*, *:before, *:after {
  box-sizing: border-box;
}
/* ******************************************************************************
*********************************************************************************
The intention of this file is to makes browsers render all elements more
consistently and in line with modern standards.
It precisely targets only the styles that need normalizing.
*********************************************************************************
****************************************************************************** */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: hidden;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
Drag and Drop (DND) sections look when editing content in the page editor.
*********************************************************************************
****************************************************************************** */

dnd-section {
  padding: 80px 20px;
}

.banner-section {
  overflow: hidden;
}

.banner-area .dnd-section {
  padding: 0;
}

.dnd-section > .row-fluid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

.content-wrapper {
  padding-left: 2rem;
  padding-right: 2rem;
}

.dnd-section .widget-type-cell {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 992px) {

  .dnd-section > .row-fluid,
  .content-wrapper {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}

@media (max-width: 767px) {
  .dnd-section .widget-type-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
fonts apppear throughout your site.
*********************************************************************************
****************************************************************************** */
@import url(//designers.hubspot.com/hs-fs/hub/327485/file-2054199286-css/font-awesome.css);

@font-face {
  font-family: icons;
  src: url("//f.hubspotusercontent10.net/hubfs/5943619/Dragos_June2021/fonts/icons.eot") format("embedded-opentype"), 
    url("//f.hubspotusercontent10.net/hubfs/5943619/Dragos_June2021/fonts/icons.woff2") format("woff2"),
    url("//f.hubspotusercontent10.net/hubfs/5943619/Dragos_June2021/fonts/icons.woff") format("woff"), 
    url("//f.hubspotusercontent10.net/hubfs/5943619/Dragos_June2021/fonts/icons.ttf") format("truetype");
  
  font-style: normal;
  font-weight: 400;
}


html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
  font-family: Lato, serif;
  font-size: 1rem;
  color: #494a52;
  line-height: 2.6rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* Anchor Links */
a {
  color: #0270E0;
  text-decoration: none;
  text-decoration: underline;
}
a:hover, a:focus {
  text-decoration: none;
  outline: none;
  text-decoration: underline;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  font-weight: 700;
  font-family: Merriweather, serif;
  color: #494a52;
  word-break: break-word;
}

h1 {
  font-size: 2.1rem;
  line-height: 1.3;
}

h2 {
  font-size: 1.6rem;
  line-height: 1.2;
}

h3 {
  font-size: 1.25rem;
  line-height: 1.5;
}

h4 {
  font-family: Lato, sans-serif;
  font-weight: normal;
  font-size: 1.175rem;
  line-height: 1.5;
}

h5 {
  font-size: 1rem;
  line-height: 1.5;
}

h6 {
  font-size: .9rem;
  line-height: 1.5;
}

strong {
  font-weight: 700;
}

code {
  vertical-align: bottom;
}

ul,
ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}

.body-container-wrapper ul li {
    list-style-type: none;
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.body-container-wrapper ol li{
    position: relative;
    padding-left: 1rem;
    margin-bottom: 1rem;
}

.body-container-wrapper ul li:before{
    background: #198d85;
    border-radius: 2px;
    content: "\200B";
    display: inline-block;
    height: 8px;
    margin-right: 1.5rem;
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
}

.body-container-wrapper form  ul li, .body-container-wrapper form ol li{
  padding-left: 0;
  position: inherit;
}

ul li,
ol li {}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 2px solid #A9A9A9;
  padding-left: 15px;
}

/* Horizontal Rules */
hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* TODO */
small {

}

/* TODO */
mark {

}

sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

:focus {
  outline: none;
  outline-color: none;
}

.disable-focus-styles :focus {
  outline: none;
}

@media (max-width: 767px) {
  html { }
}

@media (max-width: 480px) {
  html { }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your forms looks
throughout your site. Styles for form fields, buttons, inputs, etc.
*********************************************************************************
****************************************************************************** */

form {
  max-width: 767px;
  margin-bottom: 20px;
}

.hs-button {
  margin: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  position: relative;
  text-align: center;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: #494A52;
  border-color: #494A52;
  color: #fff;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.4rem;
  line-height: 1.4rem;
  padding: 15px 53px;
  text-transform: uppercase;
  
  white-space: normal;
  text-decoration: none;
  letter-spacing: .17rem;
}

.hs-button:hover {
  background-color: #21222a;
  border-color: #21222a;
  
  color: #fff;
  white-space: normal;
  text-decoration: none;
}

.hs-button:active {
  background-color: #71727a;
  border-color: #71727a;
}

.hs-cta-img.hs-button {
  background-color: transparent;
  padding: 0px;
  border-radius: 0px;
}


.hs-form label {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.44rem;
  font-weight: 400;
  line-height: 1.9rem;
  letter-spacing: .04em;
  color: #33475b;
  display: block;
  float: none;
  width: auto;
  text-align: left;
  padding-top: 0;
  margin-bottom: 4px;
}

.inputs-list.hs-error-msgs label {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: .04em;
  margin-top: .5rem;
  color: #bc0909 !important;
}

.hs-error-msgs label {
  color: #bc0909 !important;
}

.hs_error_rollup .inputs-list.hs-error-msgs label {

}

.hs-input, input#hs-pwd-widget-password {
  display: inline-block;
  width: 100% !important;
  padding: 7px 15px !important;
  font-family: Encode Sans,sans-serif;
  font-size: 1.6rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #33475b;
  background-color: #fff;
  border: 1px solid #666;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0px;
  line-height: normal;
  border: none;
  width: auto !important;
}

.hs-input[type=file] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
  box-shadow: none;
}

.hs-input:-moz-placeholder {
  color: #bfbfbf;
}

.hs-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.hs-input input,
.hs-input textarea {
  transition: border 0.2s linear;
}
.hs-input:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
}

textarea.hs-input {
  height: auto;
}

select[multiple].hs-input {
  height: inherit;
}

/* Force single column fields to full width inside of fieldsets */
fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  width: 100% !important;
}

input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: #bc0909;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: #b9554d;
}

.actions {
  padding: 0;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 0;
}
.inputs-list > li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  text-align: left;
  white-space: normal;
  font-weight: normal;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list > li + li {
  padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
  vertical-align: middle;
}

ul.no-list {
  list-style: none;
}

ul.inputs-list.multi-container {
    padding-left: 10px;
}

.field {
  margin-bottom: 18px;
}

.hs-field-desc {
  color: #7c98b6;
  margin: 0px 0px 6px;
  font-size: 14px;
}

.hs-form-required {
  color: #bc0909;
}

.hs-richtext {
  margin-bottom: 3px;
  line-height: 1.2;
  font-size: 1rem;
  color: #494a52;
}
.hs-richtext hr {
  text-align: left;
  margin-left: 0;
  width: 91%;
}

.legal-consent-container p {
    font-size: 1.2rem;
}

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: 1.3rem;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.email-correction, .email-validation {
  padding-top: 3px;
  font-size: 12px;
}
.email-correction a,
.email-validation a {
  cursor: pointer;
}
@media (max-width: 400px),
  (min-device-width: 320px) and (max-device-width: 480px) {
    .email-correction form .form-columns-2 .hs-form-field,
    .email-correction form .form-columns-3 .hs-form-field,
    .email-validation form .form-columns-2 .hs-form-field,
    .email-validation form .form-columns-3 .hs-form-field {
      float: none;
      width: 100%;
    }
    .email-correction form .form-columns-2 .hs-form-field .hs-input,
    .email-correction form .form-columns-3 .hs-form-field .hs-input,
    .email-validation form .form-columns-2 .hs-form-field .hs-input,
    .email-validation form .form-columns-3 .hs-form-field .hs-input {
      width: 90%;
    }
    .email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-2 .hs-form-field input[type=radio],
    .email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-3 .hs-form-field input[type=radio],
    .email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-2 .hs-form-field input[type=radio],
    .email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-3 .hs-form-field input[type=radio] {
      width: 24px;
    }
}

.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Lato, serif;
}



input#hs-pwd-widget-password {
  height: 40px !important;
  margin-top: 0 !important;
  width: 100% !important;
  margin-bottom: 18px;
  border: 1px solid #666;
}

#hs-search-module .hs-input {
  margin-bottom: 18px;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
menu items appear, including the link and hover effects.
*********************************************************************************
****************************************************************************** */

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

.hs-menu-item a {
  text-decoration: none;
}

.hs-menu-item:hover a,
.hs-menu-item:focus a {
  text-decoration: none;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
tables look throughout your site.
*********************************************************************************
****************************************************************************** */

table {
  margin-bottom: 1rem;
  border: 1px solid #dee2e6;
}

th,
td {
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
}

thead th,
thead td {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
  border-bottom-width: 2px;
}

thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

tbody + tbody {
  border-top: 2px solid #dee2e6;
}

/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */

.white-text {
  color:#fff;
  font-weight:500;
 }  

body.no-banner .header_no-banner #header-height {
  height: 55px;
}

.home-color-bg {
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#46b2a5),to(#79b041));
    background: linear-gradient(-270deg,#46b2a5,#79b041);
    display: inline-block;
    padding: .2em .25em;
    line-height: 1;
    margin: 0 0 .6rem -.15em;
    color: #06151b;
    width:100%;
}

@media (min-width: 1025px) {
  .header-center .custom-logo {
    left: 45%;
  }
  .header_no-banner .custom-header {
    height:2rem;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your headers look
when it comes to the logo, search field, language switcher and navigation.
You will also find the mobile menu styles below.
*********************************************************************************
****************************************************************************** */

body.no-banner #header-height {
  width: 100%;
  height: 114px;
}

.inpage-editor-active-field, .inpage-editor-highlight-field {
  z-index: 99 !important;
}

.custom-header {
  background-color: transparent;
  position: fixed;
  left: 0;
  -webkit-transform: none;
  transform: none;
  top: 0;
  height: 6.5rem;
  width: 100%;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  z-index: 99950;
  padding: 0 1.6rem;
  text-align: left;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.6rem;
  line-height: 1;
}

.custom-header:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 9rem);
  position: absolute;
  left: 0;
  top: 0;
  background-color: #06151b;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  transition: transform .6s;
  transition: transform .6s,-webkit-transform .6s;
}

.scroll .custom-header:before,
body.no-banner .custom-header:before {
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
}


.header__container {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
}

.header__container:before {
  content: " ";
  display: table;
}

.header__container:after {
  clear: both;
  content: " ";
  display: table;
}

.custom-logo {
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9999999;
}

.custom-logo a {
  display: block;
  position: relative;
  pointer-events: auto;
}

.custom-logo img {
  width: 100%;
  height: 100%;
}

.header__menu-toggle, 
.header__search-toggle {
  cursor: pointer;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  width: 4.4rem;
  height: 4.4rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  right: 2.6rem;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background: transparent;
  border: none;
  border-radius: 0;
}

.header__search-toggle .icon-search {
  font-size: 2rem;
}

.search-open .header__search-toggle .icon-search {
  color: #52d7c7;
  font-size: inherit;
}

.search-open .header__search-toggle .icon-search:before {
  content: "\e827";
}

.header__menu-toggle {
  right: -1.2rem;
}

.header__menu-toggle__bar {
  width: 2rem;
  height: .2rem;
  position: absolute;
  background-color: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.header__menu-toggle__bar:after, 
.header__menu-toggle__bar:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
  -webkit-transform: translateY(-220%) rotate(0);
  transform: translateY(-220%) rotate(0);
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s,-webkit-transform .4s;
}

.header__menu-toggle__bar:after {
  -webkit-transform: translateY(220%) rotate(0);
  transform: translateY(220%) rotate(0);
}

.mobile-open .header__menu-toggle__bar {
  background-color: transparent;
}

.mobile-open .header__menu-toggle__bar:before {
  -webkit-transform: translateY(0) rotate(
    45deg
  );
  transform: translateY(0) rotate(
    45deg
  );
}

.mobile-open .header__menu-toggle__bar:after {
  -webkit-transform: translateY(0) rotate(
    -45deg
  );
  transform: translateY(0) rotate(
    -45deg
  );
}

.mobile-open .header__menu-toggle__bar:after, 
.mobile-open .header__menu-toggle__bar:before {
  background-color: #52d7c7;
}


.custom-menu-primary.desktop .hs-menu-wrapper > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

.custom-menu-primary.desktop .hs-menu-wrapper > ul > li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: height .3s;
  transition: height .3s;
  overflow: hidden;
  border-top: 1px solid #666;
  display: block;
  width: 100%;
}

.custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: .11em;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  padding: 2.8rem 5.6rem 2.8rem 0;
  position: relative;
  display: block;
  width: 100%;
  pointer-events: auto;
  text-align: left;
  z-index: 50;
  -webkit-transition: color .3s;
  transition: color .3s;
  text-decoration: none;
}

.custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a:hover {
  text-decoration: none;
}

.custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.custom-menu-wrapper {
  background-color: #06151b;
  left: -1.6rem;
  top: 100%;
  position: absolute;
  width: calc(100% + 3.2rem);
  z-index: 999999;
  display: none;
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  transition: transform .6s;
  transition: transform .6s,-webkit-transform .6s;
}

.custom-menu-inner {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  left: 0;
  top: 6.5rem;
  width: 100%;
  height: 100vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.6rem 1.6rem 14.8rem;
  margin: 0 auto;
  pointer-events: auto;
  z-index: 9999999;
  background-color: #06151b;
}

.custom-menu-primary.desktop {
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  transition: transform .6s;
  transition: transform .6s,-webkit-transform .6s;
  height: auto;
  pointer-events: auto;
}

.top-menu .hs-menu-wrapper > ul > li {
  border: 1px solid transparent;
  color: #fff;
  display: block;
  letter-spacing: .028rem;
  line-height: 1.8rem;
  font-size: 1.4rem;
  width: 50%;
  margin: 1rem 0;
  position: relative;
  z-index: 100;
}

.top-menu .hs-menu-wrapper > ul > li > a {
  color: inherit;
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  text-decoration: none;
}

.top-menu .hs-menu-wrapper > ul > li > a:after {
  content: "";
  background-color: #46b2a5;
  bottom: -.8rem;
  display: block;
  height: .2rem;
  left: 0;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  width: 100%;
}

.top-menu .hs-menu-wrapper > ul > li > a:hover:after {
  opacity: 1;
}

.top-menu .hs-menu-wrapper > ul > li.header-button {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  border: 1px solid transparent;
  color: #fff;
  display: block;
  letter-spacing: .028rem;
  line-height: 1.8rem;
  font-size: 1.4rem;
  width: 50%;
  margin: 1rem 0;
  position: relative;
  z-index: 100;
  margin: 4rem 0;
  width: 100%;
}

.top-menu .hs-menu-wrapper > ul > li.header-button a {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  border: 1px solid #46b2a5;
  border-radius: 4px;
  color: #fff;
  padding: 1rem;
  text-align: center;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  width: 100%;
  display: inline-block;
  height: auto;
  position: relative;
  background-color: transparent;
  text-transform: none;
}

.top-menu .hs-menu-wrapper > ul > li.header-button:hover a {
  color: #fff;
  background: #44b3a5;
  text-decoration: none;
}

.header-search {
  padding: 3.2rem 0;
  -webkit-transition: height .3s;
  transition: height .3s;
  overflow: hidden;
  border: none;
  display: block;
  width: 100%;
  margin: 0;
}

.header__toggle-search {
  color: #fff;
  font-size: 2.2rem;
  -webkit-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  text-align: center;
  margin: 0;
  display: none;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: .11em;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  position: relative;
  pointer-events: auto;
  z-index: 50;
  cursor: pointer;
}

.header__toggle-search:focus, 
.header__toggle-search:hover {
  cursor: pointer;
  color: #52d7c7;
}

.header__toggle-search .icon-search {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
}

.header__search-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 2.8rem;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 2.8rem;
}

.header__search-input .form--search {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: 100%;
}

.header__search-input:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100vw;
  height: 1px;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0 0 10px 4px rgb(0 0 0 / 45%);
  box-shadow: 0 0 10px 4px rgb(0 0 0 / 45%);
  display: none;
}

.header__search-input .form--search input {
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid #46b2a5;
  padding: 1rem 0;
  -webkit-appearance: none;
  width: 100%;
  border-radius: 0;
  font-size: 1.8rem;
  font-family: Encode Sans,sans-serif;
  line-height: 2.2rem;
  color: #fff;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.header__search-input .form--search input:focus {
  border-bottom-color: #fff;
  outline: transparent;
}

.header__search-input .form--search input::placeholder {
  color: #fff;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-weight: 700;
}

.header__search-input .form--search button {
  position: absolute;
  pointer-events: none;
  right: -6px;
  padding: 0 0 .7rem;
  border: 1.5px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .17rem;
  line-height: 1.4rem;
  text-align: center;
  text-transform: uppercase;
  background-color: transparent;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.header__search-input .form--search input:active+button:after, 
.header__search-input .form--search input:focus+button:after {
  color: #fff;
}

.header__search-input .form--search .fa.fa-search {
  visibility: hidden;
}

.header__search-input .form--search button:after {
  content: "\e809";
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #52d7c7;
  font-size: 3rem;
}

.body-container-wrapper .migration ul, 
.body-container-wrapper .migration ol {
  padding-left: 2rem;
}

@media (min-width: 768px) {

  .custom-logo a {
    height: 36px;
    width: 149px;
  }
  
  .custom-logo.disc21 a {
    height: 76px;
    width: 150px;
  }
}

@media (max-width: 767.98px) {

  .custom-logo a {
    height: 40px;
    width: 165px;
  }
}

@media (min-width: 1025px) {

  .child-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 7.2rem;
    padding-bottom: 8rem;
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(100% - .8rem);
    z-index: -1;
    -webkit-backface-visibility: hidden;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li:hover > .child-menu-wrapper {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }

  .child-menu-wrapper:before {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: #06151b;
    width: 100vw;
    height: calc(100% + 10rem);
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
  }

  .child-menu-wrapper:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 1px;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    -webkit-box-shadow: 0 0 10px 4px rgb(0 0 0 / 45%);
    box-shadow: 0 0 10px 4px rgb(0 0 0 / 45%);
    display: block;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li .child-menu-wrapper > ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li .child-menu-wrapper > ul > li {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li {
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li:nth-of-type(odd) {
    margin-right: 7rem;
    width: 65%;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 65%;
    flex: 0 1 65%;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li:nth-of-type(2n) {
    width: 30%;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li .child-menu-wrapper > ul > li > img {
    height: 5rem;
    margin-right: 3rem;
    width: 5rem;
    display: block;
    max-width: 100%;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li .child-menu-wrapper > ul > li:hover > img {
    -webkit-filter: drop-shadow(0 2px 13px #9ee44d);
    filter: drop-shadow(0 2px 13px #9ee44d);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > a,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > a  {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    line-height: 2.2rem;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 8rem);
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > a  {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.2rem;
    color: #fff;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 1.5rem;
    position: relative;
    width: 18rem;
    text-decoration: none;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > a  {
    -ms-flex-item-align: center;
    align-self: center;
    width: auto;
    display: block;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > a  {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    line-height: 2.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 13rem);
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > a:hover,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > a:hover,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > a:hover,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > a:hover {
    color: #52d7c7;
    text-decoration: none;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > a:after,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > a:after,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > a:after,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > a:after {
    position: unset;
    right: unset;
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e800";
    line-height: 2.2rem;
    margin-left: 3rem;
    margin-right: 0;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > a:after {
    position: absolute;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > a:after {
    right: 0;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > a:after {
    position: absolute;
    right: 0;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > ul,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > ul,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 8rem;
    width: 100%;
    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;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > ul {
    margin-left: 89.453px;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 10rem;
    margin-top: 1.5rem;
    width: calc(100% - 36rem);
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > ul {
    margin-left: 8rem;
    width: 100%;
    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;
  }  

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > ul > li,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > ul > li  {
    width: 100%;
    margin-top: 2.4rem;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > ul > li {
    margin-right: 5%;
    width: 30%;
    margin-top: 2.4rem;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > ul > li:nth-of-type(3n+3) {
    margin-right: 0;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > ul > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    margin-top: 2.4rem;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > ul > li:nth-of-type(-n+4) {
    margin-top: 0;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > ul > li > a,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > ul > li > a,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > ul > li > a,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > ul > li > a {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #fff;
    text-decoration: none;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > ul > li > a:hover,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > ul > li > a:hover,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > ul > li > a:hover,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > ul > li > a:hover {
    color: #52d7c7;
    text-decoration: none;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 6.5rem;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:first-child > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:first-child > ul > li > a {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .15rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    color: #46b2a5;
    text-decoration: none;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:first-child > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:first-child > ul > li > 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;
    width: 100%;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:first-child > ul > li > ul > li {
    margin-right: 5%;
    width: 30%;
    margin-top: 2.4rem;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:first-child > ul > li > ul > li:nth-of-type(3n+3) {
    margin-right: 0;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:first-child > ul > li > ul > li > a {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #fff;
    text-decoration: none;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:first-child > ul > li > ul > li > a:hover {
    color: #52d7c7;
    text-decoration: none;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(2) {
    margin-bottom: 2.4rem;
    width: 100%;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(2) > a {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .15rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    color: #46b2a5;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(3) {
    width: 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(3) > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(3) > ul > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.5%;
    flex: 0 0 8.5%;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(3) > ul > li > a {
    color: #fff;
    text-decoration: none;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(3) > ul > li > a:hover {
    color: #52d7c7;
    text-decoration: none;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(3) > ul > li > a img {
    display: block;
    height: 4rem;
    margin-bottom: 2rem;
    width: 4rem;
  }


  .custom-menu-primary.mobile {
    display: none;
  }

  .custom-menu-primary.mobile .header-search {
    display: none !important;
  }

  .custom-header {
    text-align: right;
    height: 10rem;
  }

  .scroll .custom-header:before,
  body.no-banner .custom-header:before {
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
  }

  .header__container {
    max-width: 96rem;
  }

  .custom-logo {
    left: 1.6rem;
  }

  .custom-logo a {
    -webkit-transform: translateY(2.4rem);
    transform: translateY(2.4rem);
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
  }

  .header__menu-toggle,
  .header__search-toggle {
    display: none;
  }

  .custom-menu-wrapper {
    display: block;
    pointer-events: none;
    background-color: transparent;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
  }

  .custom-menu-inner {
    top: 0;
    position: relative;
    overflow: visible;
    height: auto;
    padding: 0;
    background-color: transparent;
    width: calc(100% - 3.2rem);
  }

  .custom-menu-primary.desktop {
    position: absolute;
    width: 100%;
    top: 6.8rem;
    left: 0;
    z-index: 19;
    vertical-align: middle;
  }

  .top-menu .hs-menu-wrapper > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    z-index: 20;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
  }

  .top-menu .hs-menu-wrapper > ul > li {
    margin: 0 2rem 0 0;
    color: #46b2a5;
    width: auto;
    display: inline-block;
  }

  .top-menu .hs-menu-wrapper > ul > li.header-button {
    margin: 0 2rem 0 0;
    color: #46b2a5;
    width: auto;
    display: inline-block;
    margin: 1rem 0;
    width: auto;
  }

  .top-menu .hs-menu-wrapper > ul > li.header-button a {
    padding: .55rem 1rem;
    width: auto;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li {
    display: inline-block;
    width: auto;
    border: none;
    overflow: visible;
    vertical-align: middle;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a {
    display: inline-block;
    width: auto;
    padding: 0 1.6rem;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a:before {
    content: "";
    width: 100%;
    height: 8rem;
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    outline: 0;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a:hover:before {
    display: block;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a:after {
    content: "";
    position: absolute;
    width: calc(100% - 3.2rem);
    height: .2rem;
    right: 1.6rem;
    top: auto;
    bottom: -1.2rem;
    border: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    opacity: 0;
    outline: 0;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a:hover:after {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    border-color: #52d7c7;
  }

  .header-search {
    width: 4.4rem;
    margin: 0 -1.4rem 0 .2rem;
    padding: 0;
    position: static;
    overflow: visible;
    vertical-align: middle;
    display: inline-block;
  }

  .header__toggle-search {
    display: inline-block;
    height: 2.5rem;
  }

  .header__search-input {
    padding-top: 7.2rem;
    padding-bottom: 5.6rem;
    opacity: 0;
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(100% - .8rem);
    z-index: -1;
    -webkit-backface-visibility: hidden;
    right: 1rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: none;
    -webkit-transition: opacity .6s,-webkit-transform .4s;
    transition: opacity .6s,-webkit-transform .4s;
    transition: transform .4s,opacity .6s;
    transition: transform .4s,opacity .6s,-webkit-transform .4s;
  }

  .header__search-input:before {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: #06151b;
    width: 100vw;
    height: calc(100% + 14rem);
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .header__search-input .form--search {
    padding-top: 3.2rem;
    margin-top: -3.2rem;
  }

  .header__search-input:after {
    display: block;
  }

  .header__search-input .form--search input {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  .search-open .header__search-input {
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    opacity: 1;
    pointer-events: auto;
  }

  .search-open .header__search-input .form--search button {
    pointer-events: auto;
  }

  .header__toggle-search:after, 
  .header__toggle-search:before {
    content: "";
    display: block;
    width: 50%;
    height: .2rem;
    background-color: #52d7c7;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(
      -45deg
    );
    transform: translateX(-50%) translateY(-50%) rotate(
      -45deg
    );
    border: none;
    right: 0;
    display: none;
  }

  .header__toggle-search:after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(
      45deg
    );
    transform: translateX(-50%) translateY(-50%) rotate(
      45deg
    );
  }

  .search-open .header__toggle-search:after, 
  .search-open .header__toggle-search:before {
    display: block;
    opacity: 1;
  }

  .search-open .header__toggle-search .icon-search:before {
    display: none;
  }
}

@media (min-width: 1025px) and (max-height: 768px) {

  .header__search-input {
    padding-top: 4.2rem;
    padding-bottom: 1.6rem;
  }
}


@media (min-width: 1200px) {

  .header__container {
    max-width: 114rem;
  }

  .top-menu .hs-menu-wrapper > ul > li {
    margin-right: 3rem;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a {
    padding: 0 2.4rem;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a:after {
    width: calc(100% - 4.8rem);
    right: 2.4rem;
  }
}

@media (max-width: 1200px) and (min-width: 1025px) {

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 23%;
    flex: 0 1 23%;
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > ul {
    margin-left: 85.375px;
  }
}


@media (max-width: 1024px) {

  body.no-banner #header-height {
    width: 100%;
    height: 70px;
  }

  .custom-menu-primary.desktop {
    display: none;
  }

  .header-search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #06151b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    padding: 0 2rem;
    position: absolute;
    top: 0;
    z-index: 999;
    display: none;
  }

  .search-open .header-search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #06151b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    padding: 0 2rem;
    position: absolute;
    top: 0;
    z-index: 999;
  }

  .search-open .custom-menu-wrapper,
  .mobile-open .custom-menu-wrapper {
    display: block;
  }

  .search-open .custom-menu-inner {
    padding-bottom: 0;
  }

  .mobile-open,
  .search-open {
    overflow: hidden;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li {
    -webkit-transition: height .3s;
    transition: height .3s;
    overflow: hidden;
    border-top: 1px solid #666;
    display: block;
    width: 100%;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li:nth-of-type(5) {
    border-bottom: 1px solid #666;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li > a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: inherit;
    letter-spacing: .11em;
    font-family: Roboto,Helvetica Neue,Arial,sans-serif;
    padding: 2.8rem 5.6rem 2.8rem 0;
    position: relative;
    display: block;
    width: 100%;
    pointer-events: auto;
    text-align: left;
    z-index: 50;
    -webkit-transition: color .3s;
    transition: color .3s;
    padding-bottom: calc(2.8rem - 1px);
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.active > a {
    padding: 2.8rem 5.6rem 2.8rem 0;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li:nth-of-type(5) > a {
    /*     padding-bottom: calc(2.8rem - 2px); */
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.active > a,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li > a:hover {
    color: #52d7c7;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li > a:after {
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: .8rem;
    top: 50%;
    border-right: .2rem solid #fff;
    border-top: .2rem solid #fff;
    -webkit-transform: translateY(-75%) rotate(
      135deg
    );
    transform: translateY(-75%) rotate(
      135deg
    );
    -webkit-transition: color .3s,opacity .3s,-webkit-transform .3s;
    transition: color .3s,opacity .3s,-webkit-transform .3s;
    transition: transform .3s,color .3s,opacity .3s;
    transition: transform .3s,color .3s,opacity .3s,-webkit-transform .3s;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.active > a:after  {
    border-color: #52d7c7;
    -webkit-transform: translateY(-25%) rotate(
      -45deg
    );
    transform: translateY(-25%) rotate(
      -45deg
    );
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li > a:hover:after {
    border-color: #52d7c7;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li:last-child > a { 
    padding-bottom: calc(2.8rem - 2px);
  }

  .top-menu .hs-menu-wrapper > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .custom-menu-primary.mobile {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
    height: auto;
    pointer-events: auto;
  }

  .custom-menu-primary.desktop .header-search {
    display: none !important;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper ul > li .child-menu-wrapper {
    /*     opacity: 0;
    pointer-events: none;
    visibility: hidden;  */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; 
  }

  .custom-menu-primary.mobile .hs-menu-wrapper ul > li.active .child-menu-wrapper {
    /*     opacity: 1;
    pointer-events: auto;
    visibility: visible; */
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li .child-menu-wrapper > ul > li > img {
    display: block;
    max-width: 100%;
    height: 2.5rem;
    margin-right: 1.5rem;
    width: 2.5rem;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li .child-menu-wrapper > ul > li {
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > a,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > a,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > a,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > a {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    line-height: 2.2rem;
    text-decoration: none;
    display: block;
    -ms-flex-item-align: center;
    align-self: center;
    width: calc(100% - 9rem);
    text-decoration: none;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > a:after,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > a:after,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > a:after,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > a:after  {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e800";
    line-height: 2.2rem;
    margin-left: 3rem;
    margin-right: 0;
    position: absolute;
    right: 0;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > ul,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > ul,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > ul,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > ul {
    display: block;
    padding-top: 2rem;
    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;
    margin-left: 4rem;
    width: 100%;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > ul > li,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > ul > li,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > ul > li,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > ul > li {
    border-top: .1rem solid hsla(0,0%,100%,.1);
    color: #fff;
    padding: 1.5rem 0;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > ul > li > a,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > ul > li > a,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > ul > li > a,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > ul > li > a {
    color: #fff;
    text-decoration: none;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li .child-menu-wrapper > ul > li {
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3rem 0;
    position: relative;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li .child-menu-wrapper > ul > li.hs-item-has-children {
    padding: 0;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li .child-menu-wrapper > ul > li:last-child {
    border-bottom: none;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.active .child-menu-wrapper > ul > li:last-child {
    padding-bottom: calc(3rem - 1px);
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.products .child-menu-wrapper > ul > li > ul > li:last-of-type,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.services .child-menu-wrapper > ul > li > ul > li:last-of-type,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.resources .child-menu-wrapper > ul > li > ul > li:last-of-type,
  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.company .child-menu-wrapper > ul > li > ul > li:last-of-type {
    border-bottom: .1rem solid hsla(0,0%,100%,.1);
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li .child-menu-wrapper > ul > li a:hover {
    color: #52d7c7 !important;
    text-decoration: none;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.company > a {
    /*     padding-bottom: calc(2.8rem - 0px); */
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions > .child-menu-wrapper > ul > li > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions > .child-menu-wrapper > ul > li > ul > li > a {
    color: hsla(0,0%,100%,.4);
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .15rem;
    line-height: 1.4rem;
    text-transform: uppercase;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions > .child-menu-wrapper > ul > li ul > li > ul {
    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;
    width: 100%;
    padding-top: 2rem;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions > .child-menu-wrapper > ul > li ul > li > ul > li {
    border-top: .1rem solid hsla(0,0%,100%,.1);
    color: #fff;
    padding: 1.5rem 0;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions > .child-menu-wrapper > ul > li ul > li > ul > li > a {
    color: #fff;
    text-transform: none;
    text-decoration: none;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions > .child-menu-wrapper > ul > li ul li a img {
    display: none;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }


  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(2) > a {
    color: hsla(0,0%,100%,.4);
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .15rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 2.4rem;
    margin-top: 4.4rem;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(2) {
    padding: 0;
  }



  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(2) > a {
    color: hsla(0,0%,100%,.4);
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .15rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 2.4rem;
    margin-top: 4.4rem;
    display: block;
    width: 100%;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:nth-child(2) {
    padding: 0;
    width: 100%;
    border: none;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:last-child {
    margin: 0;
    padding: 0;
    border: none;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:last-child > ul {
    display: block;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:last-child > ul > li {
    border-top: .1rem solid hsla(0,0%,100%,.1);
    padding: 1.5rem 0;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li:last-child > ul > li > a {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-transform: none;
    text-decoration: none;
    letter-spacing: normal;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions .child-menu-wrapper > ul > li.hs-item-has-children {
    padding: 0;
    border: none;
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.solutions > .child-menu-wrapper > ul > li ul > li > ul > li:last-child {
    border-bottom: .1rem solid hsla(0,0%,100%,.1);
  }

  .custom-menu-primary.mobile .hs-menu-wrapper > ul > li.resources.active .child-menu-wrapper > ul > li:last-child {
    padding: 0;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
footer looks when it comes to spacing and other general styles.
*********************************************************************************
****************************************************************************** */

.footer {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  padding: 5rem 0 4rem;
}

.footer__container {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

.footer__breadcrumbs {
  font-size: 1.4rem;
  margin-bottom: 3rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer__breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.footer__breadcrumbs .current-item {
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.footer__main-row {
  border-top: 1px solid #666;
  border-bottom: 1px solid #e3e7e7;
  margin-bottom: 4rem;
  padding-top: 2.5rem;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer__menu {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  position: relative;
  width: 100%;
}

.footer__menu-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__menu-heading {
  color: #000;
  cursor: pointer;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .07rem;
  line-height: 2.4rem;
  margin: 0;
  padding: 0;
  margin-bottom: 2rem;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
  background: transparent;
  border: none;
  border-radius: 0;
}


.footer__menu .hs-menu-wrapper > ul {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.footer__menu .hs-menu-wrapper > ul > li {
  font-size: 1.4rem;
  line-height: 1.25;
  margin-bottom: 2.5rem;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.footer__menu .hs-menu-wrapper > ul > li > a {
  text-decoration: none;
}

.footer__menu .hs-menu-wrapper > ul > li > a:hover {
  font-weight: 600;
  text-decoration: none;
}

.footer__menu-col {
  position: relative;
}


.footer__menu-left {
  grid-column: 1;
  grid-row: 1;
  padding-right: 3rem;
}

.footer__menu-center {
  grid-column: 2;
  grid-row: 1/span2;
  padding-right: 3rem;
}

.footer__menu-right {
  grid-column: 3;
  grid-row: 1;
  padding-right: 3rem;

}

.footer__twitter {
  border-top: 1px solid #e3e7e7;
  padding: 4rem 0 2rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.footer__twitter--desktop {
  display: none;
}

.footer__twitter__head {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  color: #000;
  margin-bottom: 1.5rem;
}

.footer__twitter__card .twitter-tweet {
  margin-top: 0!important;
}

.footer__twitter--mobile {
  width: 60%;
}

.footer__secondary-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}

.footer__secondary-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-right: 0;
  padding-left: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.footer__secondary-left ul {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  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: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.footer__secondary-left ul li {
  font-size: 1.4rem;
  margin-right: 0;
  margin-bottom: 2.5rem;
}

.footer__secondary-left ul li a {
  text-decoration: none;
}

.footer__secondary-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 0;
  padding-left: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.footer__secondary-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__secondary-right ul li {
  font-size: 1.4rem;
  margin-right: 0;
  margin-bottom: 2.5rem;
}

.footer__secondary-right ul li a {
  text-decoration: none;
}

.footer__secondary-left ul li a:focus, 
.footer__secondary-left ul li a:hover,
.footer__secondary-right ul li a:focus, 
.footer__secondary-right ul li a:hover {
  font-weight: 600;
  text-decoration: none;
}

.copyright {
  font-size: 1.2rem;
  font-style: normal;
  line-height: 1.5;
}

.copyright p {
  font-weight: 300;
  font-family: "Encode Sans",sans-serif;
  font-size: 1.2rem;
  line-height: 1.7;
  letter-spacing: .05rem;
  margin: 0;
}


@media (min-width: 576px) {

  .footer__container {
    max-width: 540px;
  }
}


@media (min-width: 768px) {

  .footer__container {
    max-width: 720px;
  }

  .footer__twitter__head {
    font-size: 2.2rem;
  }
}

@media (min-width: 992px) {

  .footer__menu .hs-menu-wrapper {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
  }

  .footer__breadcrumbs {
    font-size: 1.2rem;
  }

  .footer__menu-heading {
    color: #126968;
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    text-transform: uppercase;
    background: transparent;
    border: none;
    border-radius: 0;
  }

  .footer__menu .hs-menu-wrapper > ul > li {
    margin-bottom: 1.4rem;
  }

  .footer__menu .hs-menu-wrapper > ul > li:last-child {
    margin-bottom: 0;
  }

  .footer__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .footer__menu-container {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: auto auto;
  }

  .footer__main-row {
    border-top: none;
    margin-bottom: 2.5rem;
    padding-bottom: 5.8rem;
  }

  .footer__menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .footer__twitter {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer__twitter--desktop {
    display: block;
  }

  .footer__twitter--mobile {
    display: none;
  }

  .footer__secondary-menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .footer__secondary-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .footer__secondary-left ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .footer__secondary-right ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .footer__secondary-left ul li,
  .footer__secondary-right ul li {
    font-size: 1.2rem;
    margin-right: 3.6rem;
    margin-bottom: 0;
  }

  .footer__secondary-right ul li:last-child {
    margin-right: 0;
  }

  .footer__secondary-right { 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 992px) and (min-width: 992px) {

  .footer__container {
    max-width: 960px;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {

  .footer__container {
    max-width: 1140px;
  }
}

@media (max-width: 1199.98px) {

  .footer__menu-col {
    margin-bottom: 1rem;
  }
}

@media (max-width: 991px) {  

  .footer__menu .hs-menu-wrapper {
    display: none;
  }

  .footer__menu-heading:after {
    border-right: .2rem solid #000;
    border-top: .2rem solid #000;
    content: "";
    height: 1.5rem;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(30%) rotate(
      -45deg
    );
    transform: translateY(30%) rotate(
      -45deg
    );
    -webkit-transition: color .3s,opacity .3s,-webkit-transform .3s;
    transition: color .3s,opacity .3s,-webkit-transform .3s;
    transition: transform .3s,color .3s,opacity .3s;
    transition: transform .3s,color .3s,opacity .3s,-webkit-transform .3s;
    top: 0;
    width: 1.5rem;
    -webkit-transform: translateY(-45%) rotate(
      135deg
    );
    transform: translateY(-45%) rotate(
      135deg
    );
  }

  .footer__menu-heading:after {
    -webkit-transform: translateY(-45%) rotate(
      135deg
    );
    transform: translateY(-45%) rotate(
      135deg
    );
  }

  .footer__menu-col.child-open .footer__menu-heading:after {
    -webkit-transform: translateY(30%) rotate(
      -45deg
    );
    transform: translateY(30%) rotate(
      -45deg
    );
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

.blog-banner-md-12 {
  position: relative;
  z-index: 2;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
}


.hs-blog-listing, .hs-blog-post {
  font-family: Encode Sans,sans-serif;
  line-height: 1.5;
}

.section.post-footer .actions {
  text-align: left;
}

.blog-comments .hs-submit {
  text-align: center;
  margin-top: 30px;
}

.hs_recaptcha.hs-recaptcha.field.hs-form-field {
  overflow: hidden;
  overflow-x: auto;
}

input[type="search"]::-webkit-search-cancel-button { 
  display:none; 
}

input[type="search"] {
  -webkit-appearance: none;
}

.grecaptcha-badge {
  margin-left: 0;
}

.section.post-footer {
  margin-top: 50px;
}

/* TODO: Find a better place for this */
.content-wrapper {
  max-width: 1240px;
  margin: 0 auto;
}

.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #000;
  padding: 12px;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  top: 26px;
}

.hs-blog-listing .custom-header {
  background-color: #06151b;
}

.hs-blog-listing .custom-header:before,
.hs-blog-post .custom-header:before {
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
}

.blog-list-wrap {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.blog-list-inner {
  margin-bottom: 6rem;
}

.listing-top-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.listing-top-section .col-md-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.listing-top-section h5 {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #06151b;
  line-height: 34px;
  margin-bottom: 10rem;
}

.blog-list-wrap .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.resources__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.resources__nav-border {
  border-bottom: 1px solid #e3e7e7;
  width: 100%;
  position: absolute;
  bottom: .1rem;
  z-index: -1;
}

.resources__nav .nav-tabs {
  width: 60%;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.resources__nav .nav-tabs .nav-link {
  border: 0;
  border-bottom: 5px solid transparent;
  color: #06151b;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  display: block;
  padding: .5rem 1rem;
  padding-bottom: 1rem;
  text-decoration: none;
  opacity: 0;
}

.resources__nav .nav-tabs .nav-link.active {
  border: none;
  border-bottom: 5px solid #46b2a5;
  background-color: #fff;
}

.resources__nav .nav-tabs .nav-link:active, 
.resources__nav .nav-tabs .nav-link:hover {
  text-decoration: none;
  border-bottom: 5px solid #46b2a5;
}

.col-md-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.blog-site-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40%;
  height: 2.5rem;
  position: relative;
  color: #06151b;
  font-size: 1.4rem;
}

.blog-site-search > div {
  width: 100%;
}

.blog-site-search form {
  max-width: 100%;
  margin: 0;
  width: 100%;
  color: #06151b;
  font-size: 1.4rem;
  width: 100%;
  height: 2.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-site-search .hs-search-field__input {
  width: 100%;
  height: 3rem;
  padding-right: 3rem;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border: 1px solid #0000006e;

  padding-right: 3rem;
  padding-left: .5rem;
}

.blog-site-search button {
  display: block;
  position: absolute;
  right: 0;
  top: -.4rem;
  text-decoration: none;
  font-family: Encode Sans,sans-serif;
  line-height: 1.5;
  font-size: 2rem;
  cursor: pointer;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}


.cat-items-wrapper {
  display: block;
  margin-top: 2.5rem;
  margin-bottom: 4.5rem;
  display: inline-block;
  color: #06151b;
  font-size: 1.4rem;
}

.cat-items-wrapper a {
  color: #06151b;
  border: 1px solid #e3e7e7;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: .04em;
  display: inline-block;
  padding: .4rem 1.2rem;
  text-transform: uppercase;
  margin: 0 .5rem 1rem;
  border-radius: .2rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  text-decoration: none;
}

.cat-items-wrapper a + a {
  margin-left: .2rem;
}

.cat-items-wrapper a:hover {
  color: #fff;
  background: #000;
  border: 1px solid #000;
  text-decoration: none;
}

.cat-items-wrapper a.active {
  font-weight: 600;
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

.post-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.post-item {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 2em;
}

.post-item-inner {
  border: none;
  height: 35rem;
  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
  -webkit-transition: -webkit-box-shadow .2s linear;
  transition: -webkit-box-shadow .2s linear;
  transition: box-shadow .2s linear;
  transition: box-shadow .2s linear,-webkit-box-shadow .2s linear;
  border-radius: .2rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
}

.post-item-inner:hover {
  -webkit-box-shadow: 0 15px 25px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 15px 25px 0 rgb(0 0 0 / 20%);
}

.card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.badge-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

.badge-container .badge--tag {
  background: hsla(0,0%,100%,.6);
}


.post-item-inner.no-ft .badge-container {
  position: relative;
}

.badge--card {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
  border-radius: .2rem;
  cursor: pointer;
  padding: .4rem .6rem;
  color: #06151b;
  display: inline-block;
  font-size: 1.2rem;
  background: hsla(0,0%,100%,.6);
  text-transform: uppercase;
  margin-right: 1rem;
}

.badge-container .badge {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
  border-radius: .2rem;
  cursor: pointer;
  padding: .4rem .6rem;
  color: #06151b;
  display: inline-block;
  background: hsla(0,0%,100%,.6);
  text-transform: uppercase;
  margin-right: 1rem;
}

.badge--tag {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-weight: 500;
  line-height: 1.6;
  color: #06151b;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7rem;
  height: 2.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .4rem;
  width: 2.8rem;
  background: transparent;
  border: none;
  cursor: pointer;
}

.icon-tag {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.card__tag-overlay {
  background: #e3e7e7;
  display: none;
  height: 100%;
  left: 0;
  padding: 2rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
  border-radius: 0 0 3px 3px;
  overflow: auto;
}

.card__tag-overlay.js-active {
  display: block;
}

.blog-item__image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: .2rem;
  border-top-right-radius: .2rem;
  height: 18rem;
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 2rem 2rem 3rem;
  position: relative;
  z-index: 1;
  color: #06151b;
}

.post-item h2 {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 700;
  margin-bottom: .75rem;
  color: #06151b;
}

.post-item p {
  font-size: 1.2rem;
  letter-spacing: .04em;
  line-height: 1.2rem;
  margin: 0;
}

.card__tag-overlay .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.5rem;
}

.card__tag-overlay .row + .row {
  margin-bottom: 0;
}

.card__tag-overlay .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.badge--tag-dark {
  background: #06151b;
  color: #e3e7e7;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7rem;
  height: 2.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .4rem;
  width: 2.8rem;
}

.card__tag-close {
  cursor: pointer;
  font-size: 3rem;
  font-family: inherit;
  line-height: inherit;
  background: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.card__tag-tags .badge {
  margin-bottom: 1rem;
  margin-right: 1rem;
  padding: .1rem 1.5rem;
  line-height: 1.5;
  background: #105e5c;
  color: #fff;
  font-size: 1.4rem;
  text-transform: uppercase;
  border-radius: .3rem;
  display: inline-block;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
}

.card__tag-tags .badge a {
  color: inherit;
  text-decoration: none;
}

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

.list-resources-row #loadMore,
.list-resources-row #loadMore.noContent {
  display: none !important;
}


.mini-cta--has-copy {
  background: #06151b;
  color: #fff;
  position: relative;
  padding: 5rem 0;
  text-align: center;
  margin-top: 0;
}

.mini-cta--has-copy .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.mini-cta__inner {
  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;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  display: block;
}

.mini-cta__content {
  margin-bottom: 2rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mini-cta__header {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: .5rem;
  color: #fff;
}

.mini-cta__copy {
  font-family: Encode Sans,sans-serif;
  line-height: 1.25;
}

.mini-cta__buttons {
  margin-top: 3rem;
}

.mini-cta__buttons a {
  background-color: rgba(0,0,0,.2);
  color: #fff;
  border-color: #52d7c7;
  border: 1.5px solid #52d7c7;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .17rem;
  line-height: 1.4rem;
  padding: 1.4rem 3.2rem;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  text-decoration: none;
}

.mini-cta__buttons a:hover {
  color: #fff;
  background-color: #0a3b3e;
  border-color: #0a3b3e;
  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
}

div#infscr-loading {
  display: none !important;
}


/* Post Page Styling */

.post-progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #0e5f5d;
  border: none;
  color: #46b2a5;
  height: 1.5rem;
  position: fixed;
  width: 100%;
  z-index: 12;
  top: 114px;
}

/* progress::-webkit-progress-inner-element {
box-sizing: inherit;
-webkit-user-modify: read-only;
height: 100%;
width: 100%;
}

.post-progress::-webkit-progress-bar {
background-color: #0e5f5d;
}

.post-progress::-webkit-progress-value {
background-color: #46b2a5;
} */

.progress-bar {
  background-color: #46b2a5;
  width: 0%;
  height: 100%;
}

.resource-related {
  width: 15rem;
  -webkit-transition: opacity .5s ease-in-out,visibility .5s ease-in-out,top 1s ease-in-out;
  transition: opacity .5s ease-in-out,visibility .5s ease-in-out,top 1s ease-in-out;
  position: relative;
}

.resource-related__header {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: .11em;
  color: #038d87;
  border-bottom: 1px solid #038d87;
  padding-bottom: .5rem;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}

.resource-related ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

.resource-related ul li {
  border-bottom: 1px solid #e3e7e7;
  padding: 1em 0;
}

.resource-related ul li a,
.resource-related ul li a:hover {
  color: #06151b;
  text-decoration: none;
}

.resource-related__post_type {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.4rem;
  letter-spacing: .02em;
  font-weight: 400;
  color: #038d87;
  margin-bottom: .5rem;
  line-height: 1.2;
}

.resource-related__post-title {
  font-size: 1.4rem;
  letter-spacing: .02em;
  line-height: 2.6rem;
  margin: 0;
}

.resource-related__arrow {
  color: #038d87;
}

.icon-arrow-right:before {
  content: "\e800";
}


@media (min-width: 768px) {

  .blog-list-wrap {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .resources__nav .nav-tabs .nav-item:first-of-type {
    margin-right: 5rem;
  }

  .mini-cta--has-copy {
    padding: 6rem 0;
  }

  .mini-cta__inner {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .mini-cta__header {
    font-size: 3.2rem;
  }

  .post-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {

  .mini-cta--has-copy {
    text-align: left;
  }

  .mini-cta__inner {
    padding-right: 5rem;
    padding-left: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .mini-cta__content {
    margin-right: 5rem;
    margin-bottom: 0;
  }

  .post-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 1025px) {

  .hs-blog-listing .custom-header:before,
  .hs-blog-post .custom-header:before {
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
  }
}


@media (max-width: 991.98px) {

  .listing-top-section h5 {
    margin-bottom: 4rem;
  }

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

  .resources__nav .nav-tabs {
    width: 100%;
  }

  .blog-site-search {
    width: 100%;
    margin: 1rem 0 4rem;
  }

  .post-item {
    margin-bottom: 2rem;
  }
}

@media (max-width: 767.98px) {

  .mini-cta__copy {
    font-size: 1.4rem;
  }

  .resource-related,
  .social-share__a2a {
    display: none;
  }
}

/* New CSS */


.content-wrapper {
  margin: 0 auto;
}

.blog-post-page-wrapper {
  padding-top: 10rem;
}

.hs-blog-post .header-group {
  background-color: #06151b;
  position: fixed;
}

.hs-blog-post .header-group:before {
  transition: transform .6s,-webkit-transform .6s;
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 9rem);
  position: absolute;
  left: 0;
  top: 0;
  background-color: #06151b;

}
.content-wrapper-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.post-content-wrapper {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}



.meta-category {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4rem;
  padding: .7rem 1.5rem;
  background: #198d85;
  margin-bottom: 2rem;
  margin-top: 4.6rem;
}
.resource__header {
  margin-bottom: 4rem;
}

.resource__title {
  margin-bottom: .5em;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1.2;
  font-family: Encode Sans,sans-serif;
}

.resource__byline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  letter-spacing: .02em;
}

.resource__byline img {
  border-style: none;
  display: block;
  max-width: 100%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 1em;
}

.resource__author {
  font-weight: 500;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  line-height: 1;
  margin: 0;
  margin-right: 1em;
}

.resource__date {
  opacity: .6;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  line-height: 1;
}
.blog-post-wysiwyg {
  font-family: Encode Sans,sans-serif;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 400;
}

.blog-post-wysiwyg .content-wrapper {
  padding-right: 15px;
  padding-left: 15px;
}

.resource__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.resource__share {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  padding-left: 0;
}

.resource__share {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.social-share__a2a {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  outline: 0;
  -webkit-transition: opacity .2s linear,visibility .2s linear,top .5s linear;
  transition: opacity .2s linear,visibility .2s linear,top .5s linear;
  visibility: visible;
  opacity: 1;
  line-height: 32px;
}

.social-share__a2a a {
  cursor: pointer;
  clear: left;
  /*   display: block; */
  overflow: hidden;
  /*   padding: 4px; */
  text-decoration: none;
  padding-top: 0;
  color: #06151b;
}

.social-share__a2a a:first-child {
  padding-top: 0;
}

.social-share__a2a a i {
  color: #198d85;
  font-size: 3.2rem;
  font-size: 2rem;
}

.social-share__a2a a i:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-linkedin-squared:before {
  content: "\f30c";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-facebook-official:before {
  content: "\f230";
}

.icon-mail-squared:before {
  content: "\f199";
}

.resource__main {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


.resource__main p {
  margin-bottom: 2rem;
  margin-top: 0;
  line-height: 2.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #06151b;
}



.post-footer form {
  max-width: 100%;
  border-top: none !important;
}

.post-footer form .actions {
  text-align: center;
}

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

.resource-meta__container {
  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;
}



.resource-meta__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.resource-meta-wrapper {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


.resource-meta__tag-text {
  font-size: 1.4rem;
  letter-spacing: .11em;
  color: #105e5c;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-weight: 500;
  line-height: 1.2;
}

.blog-post__tags a {
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  display: inline-block;
  padding: .4rem 1.2rem;
  text-transform: uppercase;
  border-radius: .3rem;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  letter-spacing: .04em;
  line-height: 1.2rem;
  margin: 0 .5rem 1rem;
  color: #105e5c;
  border: 1px solid #105e5c;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  line-height: 1.4rem;
}

.blog-post__tags a:hover {
  color: #fff;
  background: #105e5c;
}

.resource-meta__hr {
  border: 1px solid #a7a7a7;
  width: 100%;
  margin: 0;
  background-color: transparent;
  height: auto;
}

.resource-meta__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 3em;
  width: 100%;
  margin-bottom: 3em;
}

.resource-meta__social-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


.resource-meta__social-text {
  font-size: 1.4rem;
  letter-spacing: .11em;
  color: #105e5c;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-weight: 500;
  line-height: 1.2;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
}

.resource-meta__a2a {
  position: relative;
}
.resource-meta__tags {
  width: 100%;
  margin-bottom: 3em;
}

.social-share {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  outline: 0;
  line-height: 32px;
}

.social-share a {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

.social-share a i {
  color: #198d85;
  font-size: 3.2rem;
}

.social-share a i:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
}

.resource__related-container {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.resource-meta__container.content-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.related-post-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.related-post-group-0 {
  position: relative;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}



.resource-next {
  margin: 10rem 0;
}

.resource-next .content-wrapper {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.related-title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.related-title-content {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}



.related-title-content h3 {
  font-size: 2.2rem;
  font-weight: 700;
  font-size: 3.2rem;
  margin-bottom: .5rem;
  line-height: 1.2;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
}

.resource-next__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 2rem;
}

.related-group-left {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}



.card--post {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 3px;
  border: none;
  height: 35rem;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  -webkit-transition: -webkit-box-shadow .2s linear;
  transition: -webkit-box-shadow .2s linear;
  transition: box-shadow .2s linear;
  transition: box-shadow .2s linear,-webkit-box-shadow .2s linear;
  border-radius: .2rem;
  min-height: 25rem;
  height: 100%;
}

.badge-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

.badge-container a {
  color: inherit;
  text-decoration: none;
}

.badge-container a .badge--dark {
  background: hsla(0,0%,100%,.6);
  border-radius: .3rem;
  display: inline-block;
  font-size: 1.2rem;
  padding: .1rem 1.5rem;
  text-transform: uppercase;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  border-radius: .2rem;
  cursor: pointer;
  padding: .4rem .6rem;
  margin-right: 1rem;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-weight: 500;
  line-height: 1.6;
  background: #e3e7e7;
  color: #06151b;
  font-weight: 500;
}

.badge--tag.badge--tag-light {
  border: none;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7rem;
  height: 2.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .4rem;
  width: 2.8rem;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-weight: 500;
  line-height: 1.6;
  background: #e3e7e7;
  color: #06151b;
  font-weight: 500;
}

.badge--tag.badge--tag-light i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.badge--tag.badge--tag-light i:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e80b";
}

.card__tag-overlay {
  background: #e3e7e7;
  display: none;
  height: 100%;
  left: 0;
  padding: 2rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
  border-radius: 0 0 3px 3px;
  overflow: auto;
}

.card__tag-align-items-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  margin-bottom: 1.5rem!important;
}

.col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.col .badge--tag-dark {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  background: hsla(0,0%,100%,.6);
  border-radius: .3rem;
  display: inline-block;
  font-size: 1.2rem;
  padding: .1rem 1.5rem;
  text-transform: uppercase;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7rem;
  height: 2.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .4rem;
  width: 2.8rem;
  background: #06151b;
  color: #e3e7e7;
}

.col .badge--tag-dark i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.text-right {
  text-align: right;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.card__tag-close {
  background: transparent;
  border: none;
  border-radius: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  font-size: 3rem;
}

.tags-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.card__tag-tags {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.badge--primary {
  background: hsla(0,0%,100%,.6);
  border-radius: .3rem;
  display: inline-block;
  font-size: 1.2rem;
  padding: .1rem 1.5rem;
  text-transform: uppercase;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  background: #198d85;
  color: #fff;
  font-size: 1.4rem;
  text-transform: uppercase;
  background: #105e5c;
}

.badge--primary a {
  color: inherit;
  text-decoration: none;
}

.card-body {
  /*   -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  padding: 2rem 2rem 3rem;
  position: relative;
  z-index: 1;
  color: #06151b;
  padding-bottom: 2rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%; */
}

.card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.card-body--left {
  width: 55%;
  position: relative;
  padding: 6rem 2rem;
  overflow: hidden;
}

.card-title {
  margin-bottom: .75rem;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  line-height: 2.2rem;
  font-weight: 700;
  font-size: 2rem;
}

.card-text--date {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.2rem;
  letter-spacing: .04em;
  line-height: 1.2rem!important;
  margin: 0;
  margin-bottom: 0;
}

.card-body--right {
  width: 45%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 50%;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.resource-next__more {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}



.resource-next__more {
  height: auto;
  min-height: 10em;
}

.resource-next__more-inner {
  background: #52d7c7;
  padding: 2rem;
  position: relative;
  height: 100%;
  -webkit-transition: -webkit-box-shadow .2s linear;
  transition: -webkit-box-shadow .2s linear;
  transition: box-shadow .2s linear;
  transition: box-shadow .2s linear,-webkit-box-shadow .2s linear;
  z-index: 1;
}

.resource-next__more-inner > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  text-align: left;
}

.resource-next__header {
  color: inherit;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  line-height: 1.2;
  margin-bottom: .5rem;
  font-size: 2.2rem;
  font-weight: 700;
}

.resource-next__arrow {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  font-size: 3.2rem;
}

.resource-next__arrow i:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e800";
}

.card--post:hover {
  -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.2);
  box-shadow: 0 15px 25px 0 rgba(0,0,0,.2);
}

.resource-next__more-inner:hover {
  -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.2);
  box-shadow: 0 15px 25px 0 rgba(0,0,0,.2);
}
.topic-open {}

.topic-open .card__tag-overlay {
  display: block;
}

.col .badge--tag-dark i:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e80b";
}

.card__tag-close i:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e808";
}

.badge--primary a:hover {
  color: #fff;
}
.large-cta--bg-image {
  color: #fff;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
  position: relative;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}



.large-cta__gradient {
  background-image: -webkit-gradient(linear,left top,right top,from(#0a3b3e),to(#1b0e00));
  background-image: linear-gradient(-270deg,#0a3b3e,#1b0e00);
  background-repeat: repeat-x;
  height: 100%;
  width: 100%;
  opacity: .75;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.large-cta--bg-image .content-wrapper {
  position: relative;
  z-index: 5;
}


.large-cta--bg-image .content-wrapper {
  padding-left: 2rem;
  padding-right: 2rem;
}

.large-cta__content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.large-cta__head {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


.large-cta__header {
  margin-bottom: 0;
  font-weight: 700;
  font-family: Encode Sans,sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.23;
  text-align: center;
  color: #fff;
}


.large-cta__copy {
  font-family: Encode Sans,sans-serif;
  font-weight: 400;
  line-height: 1.625;
  margin-top: 2rem;
  text-align: center;
  margin-bottom: 0;
}

.large-cta__buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  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;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-bottom: -1.5rem;
  margin-top: .5rem;
}

.large-cta__buttons a {
  border: 1.5px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .17rem;
  line-height: 1.4rem;
  padding: 1.4rem 3.2rem;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background: transparent;
  border: 1px solid #44b3a5;
  color: #fff;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 75%;
  margin: 2.2rem 0;
}


.large-cta__buttons a:hover {
  color: #fff;
  background: #44b3a5;
  text-decoration: none;
}
.blog-listing-wrapper {
  margin-top: 4rem;
  margin-bottom: 4rem;
}



.blog-listing-main {
  margin-bottom: 6rem;
}

.blog-listing-title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.blog-listing-title-inner {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


.blog-listing-title-inner h5 {
  font-size: 24px;
  color: #06151b;
  line-height: 34px;
  margin-bottom: 10rem;
  font-weight: 500;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
}

.listing-resources__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.listing-resources_main {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


.resources__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.resources__nav-border {
  border-bottom: 1px solid #e3e7e7;
  width: 100%;
  position: absolute;
  bottom: .1rem;
  z-index: -1;
}

.nav.nav-tabs {
  margin: 0;
  padding: 0;
  width: 60%;
  border: none;
  list-style: none;
}

.nav.nav-tabs li {
  margin-bottom: -1px;
}


.nav.nav-tabs li:first-child a {
  display: inline-block;
  text-decoration: none;
  padding: .5rem 1rem;
  border: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fff;
  color: #06151b;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  padding-bottom: 1rem;
  border: none;
  border-bottom: 5px solid #46b2a5;
}

.hs-blog-listing, .hs-blog-post {
  background-color: transparent !important;
}

.blog-search-group {
  color: #06151b;
  font-size: 1.4rem;
  width: 40%;
  height: 2.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.resource_type_filter {
  color: #06151b;
  font-size: 1.4rem;
  margin-top: 2.5rem;
  margin-bottom: 4.5rem;
  display: inline-block;
}



.blog-categories a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  display: inline-block;
  padding: .4rem 1.2rem;
  text-transform: uppercase;
  border-radius: .3rem;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  letter-spacing: .04em;
  line-height: 1.2rem;
  margin: 0 .5rem 1rem;
  border-radius: .2rem;
  border: 1px solid #e3e7e7;
  color: #06151b;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: .04em;
  text-decoration: none;
}

.blog-categories a:hover , .blog-categories a.active {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}
.resources__featured-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.featured-post-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}



.card--featured {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 3px;
  border: none;
  height: 35rem;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  -webkit-transition: -webkit-box-shadow .2s linear;
  transition: -webkit-box-shadow .2s linear;
  transition: box-shadow .2s linear;
  transition: box-shadow .2s linear,-webkit-box-shadow .2s linear;
  border-radius: .2rem;
  margin-bottom: 3rem;
}

.p-card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  color: inherit;
  text-decoration: none;
}

.p-blog-post__tags{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}



.p-blog-post__tags a {
  color: #09161d;
  text-decoration: underline;
}

.p-blog-post__tags a span {
  background: hsla(0,0%,100%,.6);
  border-radius: .3rem;
  display: inline-block;
  font-size: 1.2rem;
  padding: .1rem 1.5rem;
  text-transform: uppercase;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  border-radius: .2rem;
  cursor: pointer;
  padding: .4rem .6rem;
  margin-right: 1rem;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-weight: 500;
  line-height: 1.6;
  background: #e3e7e7;
  color: #06151b;
}

.l-card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  padding: 2rem 2rem 3rem;
  position: relative;
  z-index: 1;
  color: #06151b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.l-card-body__left {
  padding: 2rem 2rem 2.5rem;
  width: calc(1140px - 68.5%);
}

.l-card-title {
  font-size: 2rem;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  line-height: 2.2rem;
  font-weight: 700;
}

.l-card-title {
  margin-bottom: 2rem;
}

p.l-card-text.card-text--date {
  font-size: 1.2rem;
  letter-spacing: .04em;
  line-height: 1.2rem!important;
  margin-bottom: 1rem;
  margin-bottom: 0;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
}

.l-card-body__right {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.l-card-body__right {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem;
}

.card--featured:hover {
  -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.2);
  box-shadow: 0 15px 25px 0 rgba(0,0,0,.2);
}

.l-card--post {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 3px;
  border: none;
  height: 35rem;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  -webkit-transition: -webkit-box-shadow .2s linear;
  transition: -webkit-box-shadow .2s linear;
  transition: box-shadow .2s linear;
  transition: box-shadow .2s linear,-webkit-box-shadow .2s linear;
  border-radius: .2rem;
}

.lp--card--post {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 3px;
  border: none;
  height: 35rem;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  -webkit-transition: -webkit-box-shadow .2s linear;
  transition: -webkit-box-shadow .2s linear;
  transition: box-shadow .2s linear;
  transition: box-shadow .2s linear,-webkit-box-shadow .2s linear;
  border-radius: .2rem;
}

.lp-card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  color: inherit;
  text-decoration: none;
}

.lp-badge-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

.lp-blog-post__tags {}

.lp-blog-post__tags a {
  color: #09161d;
  text-decoration: underline;
  font-family: Encode Sans,sans-serif;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 400;
}

.lp-blog-post__tags a .lp-badge--dark {
  background: hsla(0,0%,100%,.6);
  border-radius: .3rem;
  display: inline-block;
  font-size: 1.2rem;
  padding: .1rem 1.5rem;
  text-transform: uppercase;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  color: #06151b;
  border-radius: .2rem;
  cursor: pointer;
  padding: .4rem .6rem;
  margin-right: 1rem;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-weight: 500;
  line-height: 1.6;
}

.lp-badge.badge--card {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  background: hsla(0,0%,100%,.6);
  text-transform: uppercase;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7rem;
  height: 2.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .4rem;
  width: 2.8rem;
  color: #06151b;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-weight: 500;
  line-height: 1.6;
  outline: 0;
  border: 0;
}

.lp-badge.badge--card i:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e80b";
}

.lp-badge.badge--card i.lp-icon-tag {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.lp-card__tag-overlay {
  background: #e3e7e7;
  display: none;
  height: 100%;
  left: 0;
  padding: 2rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
  border-radius: 0 0 3px 3px;
  overflow: auto;
}

.l-items-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  margin-bottom: 1.5rem!important;
}

.l-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.l-col .l-tag-dark {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  text-transform: uppercase;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7rem;
  height: 2.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .4rem;
  width: 2.8rem;
  background: #06151b;
  color: #e3e7e7;
}

.l-col .l-tag-dark i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.l-text-right {
  text-align: right;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

button.l-card__tag-close {
  background: transparent;
  border: none;
  border-radius: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  font-size: 3rem;
}

.l-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.l-card__tag-tags {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.l-badge--primary {
  background: hsla(0,0%,100%,.6);
  border-radius: .3rem;
  display: inline-block;
  font-size: 1.2rem;
  padding: .1rem 1.5rem;
  text-transform: uppercase;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  color: #fff;
  font-size: 1.4rem;
  text-transform: uppercase;
  background: #105e5c;
  margin-bottom: 1rem;
  margin-right: 1rem;
  line-height: 1.5;
}

.l-badge--primary a {
  margin: 0;
  padding: 0;
  color: inherit;
  text-decoration: none;
}

.l-card-top {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: .2rem;
  border-top-right-radius: .2rem;
  height: 18rem;
}

.blog-index__post.blog-index__post--small .l-card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  padding: 2rem 2rem 3rem;
  position: relative;
  z-index: 1;
  color: #06151b;
}

.l-rowcard-title {
  color: inherit;
  font-size: 2rem;
  margin-bottom: .75rem;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  line-height: 2.2rem;
  font-weight: 700;
}

.l-text--date {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  margin: 0;
  font-size: 1.2rem;
  letter-spacing: .04em;
  line-height: 1.2rem!important;
  margin-bottom: 0;
}

.lp--card--post:hover {
  -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.2);
  box-shadow: 0 15px 25px 0 rgba(0,0,0,.2);
}
.no-image {
  background-color: #9E9E9E;
  height: 18rem;
}
.topic-l-open {}

.topic-l-open .lp-card__tag-overlay {
  display: block;
}

.l-col .l-tag-dark i:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e80b";
}

.l-card__tag-close i:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e808";
}

.l-badge--primary a:hover {
  color: #fff;
}
.blog-pagination {
  color: #06151b;
  font-size: 1.4rem;
  text-align: center;
  margin-top: 2em;
}

.blog-pagination a {
  border: 1.5px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .17rem;
  line-height: 1.4rem;
  padding: 1.4rem 3.2rem;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background: #fff;
  color: #0e5f5d;
  border-color: #198d85;
  cursor: pointer;
  text-decoration: none;
}

.blog-pagination a:hover {
  background: #46b2a5;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  color: #fff;
}

.list-resources__tags {
  background: #e3e7e7;
  padding-top: 7rem;
  padding-bottom: 8rem;
  text-align: center;
}

.list-resources__tags .content-wrapper {
  padding-right: 15px;
  padding-left: 15px;
}

.list-resources-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.list-resources-col-md-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}



.list-resources__icon i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  background: #06151b;
  color: #e3e7e7;
  display: inline-block;
  font-size: 1.5rem;
  padding: .4rem;
  border-radius: 3px;
}

.list-resources__icon i:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  content: "\e80b";
}

.list-resources__tag-header {
  color: inherit;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  margin-bottom: .5rem;
  line-height: 1.2;
  font-size: 3.2rem;
  font-weight: 600;
  padding: 1em 0;
}



.mini-cta {
  background: #06151b;
  color: #fff;
  position: relative;
  padding: 5rem 0;
  text-align: center;
}



.mini-cta-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.mini-cta-items-center {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.mini-cta-items-center {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.mini-cta-items-center {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
}

.mini-cta-items-center {
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
}



.mini-cta-items-center {
  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;
  text-align: center;
}

.mini-cta__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 2rem;
}



.mini-cta__header.heading--3 {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: .5rem;
  color: #fff;
}
.mini-cta__copy {
  font-family: Encode Sans,sans-serif;
  line-height: 1.25;
}

.mini-cta__buttons {
  margin-top: 3rem;
}

.mini-cta__buttons a {
  text-decoration: none;
  border: 1.5px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .17rem;
  line-height: 1.4rem;
  padding: 1.4rem 3.2rem;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: rgba(0,0,0,.2);
  color: #fff;
  border-color: #52d7c7;
}

.mini-cta__buttons a:hover {
  background-color: #0a3b3e;
  border-color: #0a3b3e;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  color: #fff;
}
*, body {
  margin: 0;
  padding: 0;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.content {
  /* centering text just for view */
  display: none;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  color: #105e5c;
  border: 1px solid #105e5c;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  padding: .4rem 1.2rem;
  text-transform: uppercase;
  border-radius: .3rem;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  letter-spacing: .04em;
  line-height: 1.2rem;
  margin: 0 .5rem 1rem;
  border-radius: .2rem;
}
#loadMore {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .17rem;
  line-height: 1.4rem;
  padding: 1.4rem 3.2rem;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: #46b2a5;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  margin-top: 4rem;
  cursor: pointer;
  border: 1.5px solid transparent;
  border-radius: 3px;
  border-color: #46b2a5;
}
.content:first-child , .content:nth-child(2) , .content:nth-child(3) {
  display: inline-block;
}
.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}

.content:hover {
  color: #fff;
  background: #105e5c;
}

#loadMore:hover {
  background-color: #313d3f;
  border-color: #313d3f;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  color: #fff;
}

.blog-search-group form {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-search-group form .hs-search-field__input {
  font-family: inherit;
  font-size: inherit;
  line-height: 21px;
  width: 100%;
  height: 3rem;
  padding-right: 3rem;
  padding-left: .5rem;
  border: 1px solid #0000006e;
}

.blog-search-group > div {
  width: 100%;
}

.blog-search-group form .hs-search-field__input:focus {
  outline-offset: 1px;
  outline: -webkit-focus-ring-color auto 1px;
}

.blog-search-group form .resources__search {
  color: inherit;
  text-decoration: none;
  font-size: 2rem;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0;
  top: -.4rem;
}

.blog-search-group form .resources__search i:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e809";
}
.no-post {
  display: none;
}
.blog-banner-listing .content-wrapper {
  position: relative;
  z-index: 99;
}
.blog-banner-listing {
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
  padding-top: 125px;
}



.blog-banner-gradient__overlay {
  height: 100%;
  width: 100%;
  opacity: .75;
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(-231deg,#06151b,#0a3b3e 100%,#105e5c 0);
  background-repeat: no-repeat;
}

.blog-banner-listing:after {
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  background-image: linear-gradient(-231deg,#06151b,#0a3b3e 100%,#105e5c 0);
  background-repeat: no-repeat;
}

.blog-banner-gradient-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.blog-banner-promo-carousel__eyebrow {
  position: relative;
  width: 100%;
  padding-right: 15px;
  /*   padding-left: 15px; */
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.blog-banner-promo-carousel__eyebrow {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.blog-banner-promo-carousel__eyebrow span {
  -webkit-animation: fadeIn 3.5s ease;
  animation: fadeIn 3.5s ease;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4rem;
  padding: .7rem 1.5rem;
  background: hsla(0,0%,100%,.2);
  margin-bottom: 3.7rem;
  line-height: 1.4rem;
  position: relative;
  z-index: 1;
}

.banner-post-wrapper {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.banner-post-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.banner-promo-7 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


.banner-promo-header {
  color: #fff;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  font-size: 5.2rem;
  font-family: Encode Sans,sans-serif;
}

.banner-promo__slide-button {
  border: 1.5px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .17rem;
  line-height: 1.4rem;
  padding: 1.4rem 3.2rem;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background: transparent;
  border: 1px solid #44b3a5;
  color: #fff;
  text-decoration: none;
  margin-top: 2rem;
}

.banner-promo__slide-button:hover {
  color: #fff;
  background: #44b3a5;
  text-decoration: none;
}

.banner-image-group {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.banner-image-group {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.banner-image-promo__slide-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.banner-image-promo__slide-image img {
  max-height: 30rem;
  max-width: 100%;
  opacity: 1;
}

.banner-promo-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.blog-banner-listing {
  /*   height: 632px; */
  overflow: hidden;
  position: relative;
  min-height: 30em;
}
.resources__nav .facetwp-facet-block_resources_search .facetwp-autocomplete::placeholder {
  color: #06151b;
  opacity: 1;
}

.blog-search-group .hs-search-field__suggestions li {
  padding-left: 10px;
}


ul.slick-dots {
  list-style: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
}

ul.slick-dots li {
  position: relative;
  padding: 0;
  cursor: pointer;
  display: block;
  height: 2rem;
  width: 1px;
  border: 1px solid #7bb13d;
  background: #7bb13d;
  margin: 0 .5rem;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

ul.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

ul.slick-dots li.slick-active {
  height: 4rem;
  width: .4rem;
}


/* Slider */
.slick-slider
{
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.p-card-link ,.p-card-link:hover , .p-card-link:focus {
  color: #06151b;
  line-height: 1.5;
}
.card-link {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  color: #06151b;
}

.card-link:hover , .card-link:focus {
  color: #06151b;
}
.slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
  display: table;

  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
@media (min-width: 576px){
  .resource-next__more {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .related-group-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px){
  .meta-category {
    margin-bottom: 3rem;
    margin-top: 6.5rem;
  }
  .resource-meta__social-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .post-content-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .resource-meta-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .resource__main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .resource__related-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .resource-next__more {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .related-group-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .related-title-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .related-post-group-0 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .large-cta--bg-image {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }
  .large-cta__head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .large-cta__header {
    font-size: 3.6rem;
    line-height: 1.28;
  }
  .large-cta__buttons {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0;
    margin-top: 5rem;
  }

  .large-cta__buttons a {
    margin: 0 5.5rem;
  }
  .blog-listing-wrapper {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .blog-listing-title-inner {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .listing-resources_main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .nav.nav-tabs li:first-child {
    margin-right: 5rem;
  }

  .featured-post-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .p-blog-post__tags {
    top: 2rem;
    left: 2rem;
  }
  .blog-index__post.blog-index__post--small {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mini-cta {
    padding: 6rem 0;
  }

  .mini-cta__header.heading--3 {
    font-size: 3.2rem;
  }

  .list-resources-col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .banner-promo-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .l-card-body__left {
    margin-top: 5rem;
    padding: 4rem 4rem 5rem;
  }

}
@media(min-width:992px){
  .blog-banner-listing {
    padding-top: 190px;
  }
  .blog-post-page-wrapper .content-wrapper {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .blog-post-wysiwyg .content-wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }
  .resource-meta__container {
    padding-top: 15rem;
  }
  .resource-next .content-wrapper {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .large-cta--bg-image .content-wrapper {
    padding-left: 8rem;
    padding-right: 8rem;
  }


  .blog-index__post.blog-index__post--small {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .mini-cta {
    text-align: left;
  }
  .mini-cta-items-center {
    padding-right: 5rem;
    padding-left: 5rem;
  }

  .mini-cta__content {
    margin-right: 5rem;
    margin-bottom: 0;
  }
}
@media(min-width:1025px){
  .hs-blog-post .header-group:before {
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
  }
  .no-banner .header-group {
    background-color: rgb(6 21 27);
  }

  .no-banner .header-group:before {
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);

  }
  .no-banner.search-open .header-group:before {
    height: calc(100% + 23rem);
  }

}
@media (max-width: 1199.98px){
  .resource-meta__tags {
    margin-top: 7rem;
  }
}
@media(max-width:1024px){

  .post-progress {
    top: 69.75px;
  }

  .hs-blog-post .header-group:before {
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%)
  }
  .no-banner .header-group {
    background-color: rgb(6 21 27);
  }

  .no-banner .header-group:before {
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%)
  }

}

@media (max-width: 991.98px){
  .blog-post-page-wrapper .content-wrapper {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .banner-promo-header {
    font-size: 3.2rem;
  }
  .blog-post-wysiwyg .content-wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }

  .resource-next .content-wrapper {
    padding-right: 8rem;
    padding-left: 8rem;
  }
  .large-cta--bg-image .content-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .blog-listing-title-inner h5 {
    margin-bottom: 4rem;
  }

  .nav.nav-tabs {
    width: 100%;
  }

  .blog-search-group {
    width: 100%;
    margin: 1rem 0 4rem;
  }

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

  .l-card-body__left {
    width: 65.5rem;
  }

}

@media(max-width:767px){
  .blog-banner-listing {
    height: 550px;
    overflow: hidden;
    position: relative;
    min-height: 30em;
    height: auto;
  }

  .blog-post-page-wrapper .content-wrapper {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .blog-post-wysiwyg .content-wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }

  .resource__share {
    display: none;
  }

  .resource-next {
    margin: 5rem 0;
  }

  .resource-next .content-wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }

  a.card-link {
    display: none;
  }

  .card-body--right {
    display: none;
  }

  .card-body--left {
    width: 100%;
  }

  .resource-next__more {
    margin-top: 2rem;
  }

  .large-cta--bg-image .content-wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }

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

  .l-card-body__left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
  }

  .l-card-body__right {
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    height: 18rem;
    width: 100%;
  }

  .mini-cta__copy {
    font-size: 1.4rem;
  }
  .banner-image-group {
    display: none;
  }
}

@media (max-width: 575.98px){
  .blog-post-page-wrapper .content-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .blog-banner-listing {
    height: 480px;
    overflow: hidden;
    position: relative;
  }
}



.resources__featured-post .badge-container .badge {
  background: #e3e7e7;
  color: #06151b;
}

@media (min-width: 768px) {

  .resources__featured-post .badge-container {
    top: 2rem;
    left: 2rem;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
system pages look. These pages include the error pages (404 and 500),
password protected content and search listing results.
*********************************************************************************
****************************************************************************** */

.error-page {
  padding: 10rem 0;
  text-align: center;
  position: relative;
}
.error-page:before {
  content: attr(data-error);
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Lato, sans-serif;
  font-size: 40vw;
  font-weight: bold;
  color: #F3F6F9;
  z-index: -1;

  font-size: 34vw;
}
@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}
.error-page_heading {
  margin-bottom: 1rem;
}

.systems-page {
  padding: 3rem 20px;
}
.systems-page .success {
  display: inline-block;
  margin: 2rem 0;
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  font-size: 13px;
  color: #4F7D24;
  padding: .1rem .75rem;
  max-width: 767px;
  width: 100%;
}

.hs-search-results {
  margin-top: 2rem;
}
ul.hs-search-results__listing li {
  margin-bottom: 2rem;
}
.hs-search-results__title {
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  color: #494a52;
  text-decoration: underline;
  margin-bottom: .25rem;
}
.hs-search-results__title:hover {
  text-decoration: none;
}
.hs-search-results__description {
  padding-top: .5rem;
}
.hs-search-highlight {
  font-weight: bold;
}
.hs-search-results__pagination a {
  color: #494a52;
}

.email-prefs .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.email-prefs .item.disabled input:disabled {
  cursor: not-allowed;
}




.systems-page {
  padding-left: 0;
  padding-right: 0;
}

.systems-page .actions {
  margin: 10px 0;
}

.systems-page .hs-input {
  margin-bottom: 18px;
}

.form-input-validation-message ul.no-list {
  margin: 0;
  padding: 0;
}

.form-input-validation-message ul.no-list {
  padding: 0;
}

.systems-page .hs-input[type=checkbox] {
  width: auto !important;
}

@media (max-width: 767px) {

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

  .systems-page h3 {
    font-size: 23px;
  }

  h1.error-page_heading {
    font-size: 40px;
  }
}


@media (max-width: 479px) {

  .form-input-validation-message label.hs-error-msg, 
  ul.no-list.hs-error-msgs label {  }


  .systems-page h1 {
    font-size: 33px;
  }

  .systems-page h2 {
    font-size: 25px;
  }
}


/* Levy CSS */
a.cta_button {
    margin-top: unset !important;
  
}