/* This is an example to import fonts from css */
/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap"); */
/*! 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 {
  line-height: 1.15;
  /* 1 */
  -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 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * 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;
}
*, *:before, *:after {
  box-sizing: border-box;
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1180px;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
  margin: 0 auto;
  max-width: 1180px;
}

.dnd-section .dnd-column {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
/* Responsive Grid */
.row-fluid {
  width: 100%;
  *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
  *zoom: 1;
}

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

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

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.762430939%;
    *margin-left: 2.709239449638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 99.999999993%;
    *width: 99.9468085036383%;
  }
  .row-fluid .span11 {
    width: 91.436464082%;
    *width: 91.38327259263829%;
  }
  .row-fluid .span10 {
    width: 82.87292817100001%;
    *width: 82.8197366816383%;
  }
  .row-fluid .span9 {
    width: 74.30939226%;
    *width: 74.25620077063829%;
  }
  .row-fluid .span8 {
    width: 65.74585634900001%;
    *width: 65.6926648596383%;
  }
  .row-fluid .span7 {
    width: 57.182320438000005%;
    *width: 57.129128948638304%;
  }
  .row-fluid .span6 {
    width: 48.618784527%;
    *width: 48.5655930376383%;
  }
  .row-fluid .span5 {
    width: 40.055248616%;
    *width: 40.0020571266383%;
  }
  .row-fluid .span4 {
    width: 31.491712705%;
    *width: 31.4385212156383%;
  }
  .row-fluid .span3 {
    width: 22.928176794%;
    *width: 22.874985304638297%;
  }
  .row-fluid .span2 {
    width: 14.364640883%;
    *width: 14.311449393638298%;
  }
  .row-fluid .span1 {
    width: 5.801104972%;
    *width: 5.747913482638298%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.564102564%;
    *margin-left: 2.510911074638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145300001%;
    *width: 91.3997999636383%;
  }
  .row-fluid .span10 {
    width: 82.905982906%;
    *width: 82.8527914166383%;
  }
  .row-fluid .span9 {
    width: 74.358974359%;
    *width: 74.30578286963829%;
  }
  .row-fluid .span8 {
    width: 65.81196581200001%;
    *width: 65.7587743226383%;
  }
  .row-fluid .span7 {
    width: 57.264957265%;
    *width: 57.2117657756383%;
  }
  .row-fluid .span6 {
    width: 48.717948718%;
    *width: 48.6647572286383%;
  }
  .row-fluid .span5 {
    width: 40.170940171000005%;
    *width: 40.117748681638304%;
  }
  .row-fluid .span4 {
    width: 31.623931624%;
    *width: 31.5707401346383%;
  }
  .row-fluid .span3 {
    width: 23.076923077%;
    *width: 23.0237315876383%;
  }
  .row-fluid .span2 {
    width: 14.529914530000001%;
    *width: 14.4767230406383%;
  }
  .row-fluid .span1 {
    width: 5.982905983%;
    *width: 5.929714493638298%;
  }
}

/* Clearfix */
.clearfix {
  *zoom: 1;
}

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

.clearfix:after {
  clear: both;
}

/* Visibilty Classes */
.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

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

/* Responsive Visibilty Classes */
.visible-phone {
  display: none !important;
}

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

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

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

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
}
button, .button {
  background-color: rgba(51, 75, 92, 1.0);
  border: 1px solid #334B5C;
  border-radius: 3px;
  color: #FFFFFF;
  padding: 15px 25px;
  font-family: Heebo, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: background-color 0.15s linear, border-color 0.15s linear, color 0.15s linear;
  /* To affect HubSpot CTAs */
}

button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active {
  background-color: rgba(142, 185, 212, 1.0);
  border-color: rgba(142, 185, 212, 1.0);
  color: #FFF;
  text-decoration: none;
}

button:disabled, .button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

button a, .button a {
  color: #FFFFFF;
}

button a:hover, .button a:hover {
  color: white;
  text-decoration: none;
}

.widget-type-cta {
  background-color: rgba(51, 75, 92, 1.0);
  border: 1px solid #334B5C;
  border-radius: 3px;
  color: #FFFFFF;
  padding: 15px 25px;
  font-family: Heebo, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: background-color 0.15s linear, border-color 0.15s linear, color 0.15s linear;
  /* To affect HubSpot CTAs */
}

.widget-type-cta:hover, .widget-type-cta:focus, .widget-type-cta:active {
  background-color: rgba(142, 185, 212, 1.0);
  border-color: rgba(142, 185, 212, 1.0);
  color: #FFF;
  text-decoration: none;
}

.widget-type-cta:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

.widget-type-cta a {
  color: #FFFFFF;
}

.widget-type-cta a:hover {
  color: white;
  text-decoration: none;
}

.widget-type-cta a {
  color: white;
}

.widget-type-cta a:hover, .widget-type-cta a:focus, .widget-type-cta a:active {
  color: white;
  text-decoration: none;
}

.button--outlined {
  background-color: transparent;
  color: #334B5C;
  border: 2px solid #334B5C;
  font-weight: bold;
  /* To affect HubSpot CTAs */
}

.button--outlined a {
  color: inherit;
}

.button--arrow {
  color: #000000;
  background: none;
  border: none;
  padding: 0;
  transition: none;
  /* To affect HubSpot CTAs */
}

.button--arrow:after {
  content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='%23000000'/%3E%3C/svg%3E");
  width: 36px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}

.button--arrow:hover, .button--arrow:focus, .button--arrow:active {
  background: none;
  border: none;
  text-decoration: none;
  color: #334B5C;
}

.button--arrow:hover:after, .button--arrow:focus:after, .button--arrow:active:after {
  /* Really nasty way of chaning the color of the arrow */
  content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='%23334B5C'/%3E%3C/svg%3E");
}

.button--arrow:hover a, .button--arrow:focus a, .button--arrow:active a {
  color: inherit;
}

.button--arrow:disabled {
  background: none;
  border: none;
  color: #aeaeae;
  cursor: auto;
}

.button--arrow a {
  color: inherit;
}
#hubspot-messages-iframe-container {
  z-index: 0 !important;
}
/* Form */
form, .submitted-message {
  font-family: Montserrat, sans-serif;
}

.hs-form-field {
  margin: 0 0 1rem;
}

/* Labels */
form label {
  color: #000000;
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  padding-top: 0;
  margin-bottom: 0.35rem;
  text-align: left;
  width: auto;
}

/* Help text - legends */
form legend {
  color: #33475B;
  font-size: 0.875rem;
}

/* Inputs */
.input {
  position: relative;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  background-color: #FFF;
  border: 1px solid #DADADA;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: normal;
  padding: .75rem 1rem;
  width: 100%;
  border-color: #DADADA;
  color: #000000;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  outline: none;
  border: 1px solid #334B5C;
}

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

fieldset.form-columns-0, fieldset.form-columns-1, fieldset.form-columns-2, fieldset.form-columns-3 {
  margin-left: -4px;
  margin-right: -4px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

fieldset.form-columns-0 > div, fieldset.form-columns-1 > div, fieldset.form-columns-2 > div, fieldset.form-columns-3 > div {
  margin-left: 4px;
  margin-right: 4px;
}

fieldset.form-columns-0 .hs-form-field, fieldset.form-columns-1 .hs-form-field, fieldset.form-columns-2 .hs-form-field, fieldset.form-columns-3 .hs-form-field {
  flex-grow: 1;
  flex-basis: 135px;
}

fieldset.form-columns-0 .hs-form-field .input, fieldset.form-columns-1 .hs-form-field .input, fieldset.form-columns-2 .hs-form-field .input, fieldset.form-columns-3 .hs-form-field .input {
  margin-right: 0;
}

fieldset.form-columns-0 .hs-form-field .hs-input, fieldset.form-columns-1 .hs-form-field .hs-input, fieldset.form-columns-2 .hs-form-field .hs-input, fieldset.form-columns-3 .hs-form-field .hs-input {
  width: 100% !important;
}

fieldset.form-columns-0 .hs-form-field input[type=checkbox],
fieldset.form-columns-0 .hs-form-field input[type=radio], fieldset.form-columns-1 .hs-form-field input[type=checkbox],
fieldset.form-columns-1 .hs-form-field input[type=radio], fieldset.form-columns-2 .hs-form-field input[type=checkbox],
fieldset.form-columns-2 .hs-form-field input[type=radio], fieldset.form-columns-3 .hs-form-field input[type=checkbox],
fieldset.form-columns-3 .hs-form-field input[type=radio] {
  width: auto !important;
}

/* Form placeholder text */
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #E4E4E4;
}

/* Inputs - checkbox/radio */
form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inputs-list > li {
  display: block;
  margin: 0.7rem 0;
  padding: 0;
  width: 100%;
}

.inputs-list input,
.inputs-list span {
  font-size: 0.875rem;
  vertical-align: middle;
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  border: none;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin-right: 0.35rem;
  padding: 0;
  width: auto;
}

.hs-input[type=checkbox] + label,
.hs-input[type=radio] + label {
  display: inline-block;
  vertical-align: top;
}

/* Inputs - datepicker */
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #E4E4E4;
  content: '\01F4C5';
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fn-date-picker button, .fn-date-picker .button {
  min-width: auto;
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
  background-color: #334B5C;
}

.fn-date-picker td.is-today .pika-button {
  color: #334B5C;
}

.fn-date-picker td.is-selected .pika-button {
  background: #334B5C;
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover {
  background: #334B5C !important;
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */
input[type=file] {
  background-color: transparent;
  border: initial;
  box-shadow: none;
  line-height: initial;
  padding: initial;
}

/* Headings and text */
form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

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

form .header {
  background-color: transparent;
  border: none;
}

h3.form-title {
  color: #000000;
}

/* GDPR */
.legal-consent-container {
  margin: 0;
}

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

/* Validation */
.hs-form-required {
  color: red;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
  font-weight: normal;
}

/* Submit button */
form input[type=submit],
form .hs-button {
  background-color: rgba(51, 75, 92, 1.0);
  border: 1px solid #334B5C;
  border-radius: 3px;
  color: #FFFFFF;
  padding: 15px 25px;
  font-family: Heebo, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: background-color 0.15s linear, border-color 0.15s linear, color 0.15s linear;
  /* To affect HubSpot CTAs */
}

form input[type=submit]:hover, form input[type=submit]:focus, form input[type=submit]:active,
form .hs-button:hover,
form .hs-button:focus,
form .hs-button:active {
  background-color: rgba(142, 185, 212, 1.0);
  border-color: rgba(142, 185, 212, 1.0);
  color: #FFF;
  text-decoration: none;
}

form input[type=submit]:disabled,
form .hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

form input[type=submit] a,
form .hs-button a {
  color: #FFFFFF;
}

form input[type=submit] a:hover,
form .hs-button a:hover {
  color: white;
  text-decoration: none;
}

/* Captcha */
.grecaptcha-badge {
  margin: 0;
  max-width: 100%;
}
/* Table */
table {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid #000000;
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

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

/* Table Cells */
th,
td {
  border: 1px solid #000000;
  color: #000000;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */
thead th,
thead td {
  background-color: rgba(51, 75, 92, 1.0);
  color: #FFFFFF;
  vertical-align: bottom;
}

/* Table footer */
tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: #000000;
}
html {
  font-size: 16px;
}

body {
  font-family: Montserrat, sans-serif;
  color: #000000;
  margin: 0;
  line-height: 1.4;
  word-break: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */
p {
  font-size: 16px;
  line-height: 1.375;
  margin: 0 0 1.4rem;
}

li {
  font-size: 16px;
  line-height: 1.375;
}

strong {
  font-weight: 700;
}

/* Anchors */
a {
  color: #0270e0;
  cursor: pointer;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Montserrat, serif;
  font-weight: 700;
  margin: 0 0 1.4rem;
}

h1 {
  font-family: Heebo, sans-serif;
  font-size: 40px;
  color: #000000;
  font-style: normal;
  font-weight: 900;
  text-decoration: none;
}

h2 {
  font-family: Heebo, sans-serif;
  font-size: 32px;
  color: #000000;
  font-style: normal;
  font-weight: 900;
  text-decoration: none;
}

h3 {
  font-family: Heebo, sans-serif;
  font-size: 24px;
  color: #000000;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

h4 {
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

h5 {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

h6 {
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

/* Lists */
ul,
ol {
  margin: 0 0 1.5rem;
  padding: 0 0 0 1.1rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 4px 0;
}

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

/* Code blocks */
code {
  vertical-align: bottom;
}

/* Blockquotes */
blockquote {
  border-left: 2px solid #EEBC46;
  margin: 0 0 1.4rem;
  padding-left: 15px;
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Focus styles */
:focus {
  outline: auto;
  outline-color: #334B5C;
}

.disable-focus-styles :focus {
  outline: none;
}
/* Blog subscribe */
.blog-subscribe {
  background-color: #F0F5FF;
  padding: 80px 0;
}

.blog-subscribe__wrapper {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .blog-subscribe__wrapper {
    display: block;
  }
}

.blog-subscribe__header {
  flex-basis: 465px;
  flex-grow: 1;
  max-width: 680px;
}

.blog-subscribe__form {
  flex-basis: 450px;
  margin-left: 32px;
}

@media screen and (max-width: 768px) {
  .blog-subscribe__form {
    margin: 32px 0 0;
  }
}
.kl-card-grid > div {
  display: flex;
  flex-wrap: wrap;
  margin: -26px;
}

.kl-card-grid__card-wrapper {
  display: flex;
  flex-basis: calc(100% / 3);
  padding: 26px;
}

@media screen and (max-width: 768px) {
  .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (max-width: 520px) {
  .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 1);
  }
}

.kl-card-grid__card {
  width: 100%;
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  background-color: rgba(255, 255, 255, 1.0);
  border-radius: 0px;
  overflow: hidden;
}

.kl-card-grid__image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  height: 260px;
  width: 100%;
}

.kl-card-grid__preheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  margin: 0 0 .5rem;
}

.kl-card-grid__content {
  display: block;
  padding: 20px 24px;
  color: #000000;
  text-decoration: none;
}

.kl-card-grid__content h3, .kl-card-grid__content h4 {
  margin: 0 0 .5rem;
}

.kl-card-grid__content p {
  margin: 0;
}

.kl-card-grid__content:hover, .kl-card-grid__content:focus {
  color: #000000;
  text-decoration: none;
}

.kl-card-grid--4-columns > div {
  margin: -24px -12px;
}

.kl-card-grid--4-columns .kl-card-grid__card-wrapper {
  flex-basis: calc(100% / 4);
  padding: 24px 12px;
}

@media screen and (max-width: 920px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 768px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (max-width: 520px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 1);
  }
}

.kl-card-grid--4-columns .kl-card-grid__image {
  height: 220px;
}
.kl-cards-slider {
  position: relative;
  max-width: 848px;
  margin: 0 auto;
}

.kl-cards-slider-wrapper {
  padding: 0 15px;
}

.kl-cards-slider__arrow {
  position: absolute;
  top: 20px;
  display: block;
  width: 30px;
  height: 30px;
  padding: 8px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kl-cards-slider__arrow svg {
  fill: #3A3A3A;
  display: block;
  width: 100%;
}

.kl-cards-slider__arrow--prev {
  left: 0;
  transform: translateX(-50%);
}

.kl-cards-slider__arrow--next {
  right: 0;
  transform: translateX(50%);
}

.kl-cards-slider__card {
  display: none;
  overflow: hidden;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 0px;
}

.kl-cards-slider__card--active {
  display: block;
}

.kl-cards-slider__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #F3F3F3;
  padding: 16px 48px;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__header {
    display: block;
    padding: 16px 32px;
  }
}

.kl-cards-slider__image {
  margin: 0 15% 0 0;
}

.kl-cards-slider__button {
  display: flex;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__button {
    margin: 16px 0 0;
  }
}

.kl-cards-slider__content {
  padding: 16px 48px;
  background-color: rgba(255, 255, 255, 1.0);
  margin: 0 -22px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__content {
    padding: 16px 32px;
  }
}

@media screen and (max-width: 580px) {
  .kl-cards-slider__content {
    display: block;
  }
}

.kl-cards-slider__content > div {
  margin: 0 22px;
  flex-grow: 1;
  flex-basis: 200px;
}

.kl-cards-slider__content h5 {
  color: #334B5C;
}

.kl-cards-slider__content ul {
  padding-inline-start: 1.1em;
}
.kl-rich-text__preheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  margin: 0 0 .75rem;
}

.kl-rich-text h1 {
  color: #000000;
}

.kl-rich-text p {
  margin: 0 0 1rem;
}

.kl-rich-text p:last-child {
  margin: 0 0 2rem;
}

.kl-rich-text__buttons {
  margin: -10px;
}

.kl-rich-text__buttons .button {
  margin: 10px;
}

@media screen and (max-width: 480px) {
  .kl-rich-text__buttons .button {
    display: block;
  }
}

.kl-rich-text__form {
  max-width: 600px;
}

.kl-rich-text--center {
  text-align: center;
  margin: 0 auto;
}

.kl-rich-text--center .kl-rich-text__form {
  max-width: 600px;
  margin: 0 auto;
}

.kl-rich-text--right {
  text-align: right;
  margin: 0 0 0 auto;
}

.kl-rich-text--right .kl-rich-text__form {
  margin: 0 0 0 auto;
}
.kl-faq {
  background: #FFFFFF;
  border: 3px solid #F3F3F3;
  border-radius: 9px;
}

.kl-faq__entry + .kl-faq__entry {
  border-top: 3px solid #F3F3F3;
}

.kl-faq__entry--active .kl-faq__icon {
  transform: rotate(90deg);
}

.kl-faq__entry--active .kl-faq__icon:before {
  opacity: 0;
}

.kl-faq__header {
  padding: 24px 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 480px) {
  .kl-faq__header {
    padding: 24px 16px;
  }
}

.kl-faq__header:hover {
  cursor: pointer;
}

.kl-faq__header h3 {
  margin: 0;
}

.kl-faq__icon {
  position: relative;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-left: 32px;
  transition: transform .2s ease-out;
}

.kl-faq__icon:before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .2s ease-out;
}

.kl-faq__icon:after {
  content: '';
  display: block;
  height: 100%;
  width: 2px;
  background-color: #000000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.kl-faq__description {
  padding: 0 42px;
  height: 0;
  transition: height .25s ease-out;
  overflow: hidden;
}

@media screen and (max-width: 480px) {
  .kl-faq__description {
    padding: 0 16px;
  }
}

.kl-faq__description .kl-faq__inner {
  margin: 0 0 2rem;
}
.kl-featured-cards__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -12px;
}

.kl-featured-cards__column {
  flex-basis: 360px;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}

.kl-featured-cards__card-wrapper {
  flex-grow: 2;
  flex-basis: 360px;
  display: flex;
  padding: 12px;
}

.kl-featured-card {
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 1.0);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.kl-featured-card__preheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  line-height: 1rem;
  margin: 0 0 .75rem;
}

.kl-featured-card__content h1, .kl-featured-card__content h2, .kl-featured-card__content h3, .kl-featured-card__content h4, .kl-featured-card__content h5, .kl-featured-card__content h6 {
  font-weight: bold;
  margin: 0 0 1rem;
  letter-spacing:0;
}

.kl-featured-card__content p {
  margin: 0 0 2rem;
}

.kl-featured-card__body {
  padding: 32px 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  flex-basis: 250px;
  flex-grow: 99;
}

.kl-featured-card__text {
  flex-grow: 1;
}

.kl-featured-card__image {
  width: 100%;
  flex-basis: 360px;
  flex-grow: 1;
}

.kl-featured-card__image a {
  display: block;
  height: 100%;
}

.kl-featured-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kl-footer {
  background-color: rgba(30, 30, 30, 1.0);
}

.kl-footer h1, .kl-footer h2, .kl-footer h3, .kl-footer h4, .kl-footer h5, .kl-footer h6, .kl-footer p, .kl-footer a, .kl-footer div, .kl-footer span {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__wrapper {
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
}

.kl-footer__legal {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 0.875rem;
  margin: -0.625rem -1.25rem;
}

.kl-footer__legal > span {
  margin: 0.625rem 1.25rem;
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__legal a {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__legal a:hover, .kl-footer__legal a:focus, .kl-footer__legal a:active {
  color: #334B5C;
  text-decoration: none;
}

.kl-footer__byline-wrapper {
  background-color: black;
}

.kl-footer__byline {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 0.75rem;
  margin: -0.625rem -1.25rem;
}

@media screen and (max-width: 680px) {
  .kl-footer__byline {
    justify-content: center;
  }
}

.kl-footer__byline > span {
  margin: 0.625rem 1.25rem;
  color: rgba(255, 255, 255, 1.0);
  text-align: center;
}

.kl-footer__byline a {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__byline a:hover, .kl-footer__byline a:focus, .kl-footer__byline a:active {
  color: #334B5C;
  text-decoration: none;
}

.kl-footer__content {
  display: flex;
  justify-content: space-between;
  padding: 120px 0;
}

@media screen and (max-width: 680px) {
  .kl-footer__content {
    display: block;
    padding: 120px 0 32px;
  }
}

@media screen and (max-width: 1024px) {
  .kl-footer__content {
    padding: 0 0 32px;
  }
}

.kl-footer__address {
  margin: 32px 0 16px;
}

.kl-footer__address p {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__info {
  flex-basis: 250px;
}

.kl-footer__info img {
  display: block;
  height: 48px;
  max-width: 200px;
}

.kl-footer__info p {
  font-size: 0.875em;
}

.kl-footer__social {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -16px;
}

.kl-footer__social span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin: 8px 16px;
}

.kl-footer__social svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: rgba(255, 255, 255, 1.0);
  transition: all .25s ease-in-out;
}

.kl-footer__social a:hover svg {
  fill: #334B5C;
}

.kl-footer__menu {
  display: flex;
  flex-wrap: wrap;
  margin: -16px 0;
}

@media screen and (max-width: 680px) {
  .kl-footer__menu {
    margin: 16px -16px 0;
  }
}

.kl-footer__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.kl-footer__menu h3 {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0 0 2rem;
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__menu a {
  display: block;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 17px;
  color: rgba(255, 255, 255, 1.0);
  margin: 0 0 1.375em;
}

.kl-footer__menu a:hover, .kl-footer__menu a:focus, .kl-footer__menu a:active {
  color: #334B5C;
  text-decoration: none;
}

.kl-footer__group {
  margin: 16px 42px;
}

@media screen and (max-width: 680px) {
  .kl-footer__group {
    margin: 16px;
  }
}
.kl-hero-01 {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 70vh;
  padding: 64px 0;
}

.kl-hero-01__content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  position: relative;
  padding: 20px;
  padding-right: 50%;
}

@media screen and (min-width: 1380px) {
  .kl-hero-01__content {
    padding: 0px;
  }
}

@media screen and (max-width: 768px) {
  .kl-hero-01__content {
    padding: 20px;
  }
}

@media screen and (min-width: 1240px) {
  .kl-hero-01__content {
    padding: 0;
  }
}

.kl-hero-01__content > div {
  max-width: 430px;
}

@media screen and (max-width: 768px) {
  .kl-hero-01__content > div {
    max-width: none;
  }
}

.kl-hero-01__image {
  position: absolute;
  width: 45%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  right: 0;
  transition: opacity .2s, width .5s;
}

@media screen and (max-width: 768px) {
  .kl-hero-01__image {
    opacity: .3;
    width: 100%;
  }
}
.kl-hero-02 {
  display: flex;
  padding: 64px 0;
  min-height: 50vh;
}

.kl-hero-02__content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1380px) {
  .kl-hero-02__content {
    padding: 0px;
  }
}

@media screen and (max-width: 960px) {
  .kl-hero-02__content {
    display: block;
  }
}

.kl-hero-02__content .kl-rich-text {
  flex-basis: 300px;
  flex-grow: 1;
}

.kl-hero-02__image {
  margin-left: 32px;
  display: flex;
  flex-grow: 1;
  flex-basis: 480px;
  height: 100%;
}

@media screen and (max-width: 960px) {
  .kl-hero-02__image {
    max-width: 720px;
    margin: 32px auto 0;
    height: auto;
  }
}

.kl-hero-02__image img {
  max-width: 100%;
  display: block;
}

.kl-hero-02__image--left {
  justify-content: flex-start;
}

.kl-hero-02__image--center {
  justify-content: center;
}

.kl-hero-02__image--right {
  justify-content: flex-end;
}

.kl-hero-02__image--top {
  align-items: flex-start;
}

.kl-hero-02__image--middle {
  align-items: center;
}

.kl-hero-02__image--bottom {
  align-items: flex-end;
}
.kl-hero-03 {
  padding: 120px 0;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .kl-hero-03 {
    padding: 64px 0;
  }
}

.kl-hero-03__content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 1380px) {
  .kl-hero-03__content {
    padding: 0px;
  }
}

.kl-hero-03__content .kl-rich-text {
  max-width: 50%;
}

@media screen and (max-width: 768px) {
  .kl-hero-03__content .kl-rich-text {
    max-width: 100%;
  }
}

.kl-hero-03__image {
  position: absolute;
  left: calc(50% + 64px);
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .kl-hero-03__image {
    position: static;
    transform: none;
    margin-top: 32px;
  }
}

@media screen and (max-width: 360px) {
  .kl-hero-03__image {
    display: none;
  }
}

.kl-hero-03__image img {
  display: block;
}
.kl-logos {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .kl-logos {
    flex-wrap: wrap;
  }
}

.kl-logos__item {
  padding: 16px 24px;
}

.kl-logos__item a {
  display: block;
}

.kl-logos__item img {
  width: 100%;
  display: block;
}

@media screen and (max-width: 768px) {
  .kl-logos__item {
    flex-basis: 25%;
  }
}

@media screen and (max-width: 480px) {
  .kl-logos__item {
    flex-basis: 33%;
  }
}

@media screen and (max-width: 340px) {
  .kl-logos__item {
    flex-basis: 50%;
  }
}
.kl-about-modal {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  padding: 64px 16px;
  visibility: hidden;
  overscroll-behavior: contain;
}

.kl-about-modal__overlay {
  content: '';
  background-color: black;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  opacity: 0;
  transition: all .25s ease-in-out;
  visibility: hidden;
}

.kl-about-modal__close {
  position: absolute;
  z-index: 13;
  top: 0;
  right: 0;
  display: block;
  background: white;
  border-radius: 50%;
  padding: 4px;
  transform: translate(25%, -25%);
}

.kl-about-modal__close svg {
  display: block;
}

.kl-about-modal__wrapper {
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 1.0);
  width: 100%;
  overflow: hidden;
  background-color: transparent;
}

.kl-about-modal__wrapper__preheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  line-height: 1rem;
  margin: 0 0 .75rem;
}

.kl-about-modal__wrapper__content h1, .kl-about-modal__wrapper__content h2, .kl-about-modal__wrapper__content h3, .kl-about-modal__wrapper__content h4, .kl-about-modal__wrapper__content h5, .kl-about-modal__wrapper__content h6 {
  font-weight: bold;
  margin: 0 0 1rem;
}

.kl-about-modal__wrapper__content p {
  margin: 0 0 2rem;
}

.kl-about-modal__container {
  max-width: 680px;
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 13;
  transition: top .25s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.kl-about-modal__head {
  padding: 32px;
  background-color: #334B5C;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -20px;
}

.kl-about-modal__head p, .kl-about-modal__head h1, .kl-about-modal__head h2, .kl-about-modal__head h3, .kl-about-modal__head h4, .kl-about-modal__head h5 {
  color: white;
  margin: 0;
}

.kl-about-modal__head > div {
  padding: 20px;
}

.kl-about-modal__image img {
  max-width: 100%;
  height: 120px !important;
  width: 120px;
  border-radius: 120px;
  object-fit: cover;
  object-position: center;
}

.kl-about-modal__body {
  background-color: white;
  padding: 32px;
}

.kl-about-modal__social {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -8px;
}

.kl-about-modal__social span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin: 8px;
}

.kl-about-modal__social svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: #000000;
  transition: all .25s ease-in-out;
}

.kl-about-modal__social a:hover svg {
  fill: #334B5C;
  /*fill: $secondary-color;*/
}

.kl-about-modal:target {
  visibility: visible;
}

.kl-about-modal:target .kl-about-modal__overlay {
  opacity: .5;
  visibility: visible;
}

.kl-about-modal:target .kl-about-modal__container {
  visibility: visible;
  opacity: 1;
}
.kl-header {
  position: fixed;
  z-index: 12;
  width: 100%;
  box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1);
  background-color: rgba(255, 255, 255, 1.0);
}

.kl-header-placeholder {
  height: 82px;
}

.kl-navbar {
  height: 82px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar {
    justify-content: space-between;
  }
  .kl-navbar--active .kl-navbar__content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}

.kl-navbar__logo {
  width: auto;
  display: block;
  margin-right: 42px;
}

.kl-navbar__content {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar__content {
    background-color: rgba(255, 255, 255, 1.0);
    position: fixed;
    width: 100%;
    height: calc(100% - 82px);
    left: 0;
    bottom: 0;
    padding: 45px 10%;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition: transform .25s ease-in-out, opacity .25s ease-in-out;
  }
}

.kl-navbar__menu {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 920px) {
  .kl-navbar__menu {
    display: block;
    margin: 0 0 24px;
    width: 100%;
  }
}

.kl-navbar__item {
  position: relative;
  margin: 0 32px;
}

.kl-navbar__item--active .kl-navbar__panel {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 920px) {
  .kl-navbar__item--active .kl-navbar__panel {
    max-height: 100vh;
  }
}

.kl-navbar__item--active .kl-navbar__button {
  color: #334B5C;
}

.kl-navbar__item--active .kl-navbar__button > span:after {
  visibility: visible;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .kl-navbar__item {
    margin: 0 16px;
  }
}

.kl-navbar__button {
  font-weight: bold;
  font-size: 12px;
  font-family: Heebo, sans-serif;
  line-height: 2em;
  word-break: normal;
  color: #000000;
  display: inline-block;
}

@media screen and (max-width: 920px) {
  .kl-navbar__button {
    font-size: 1rem;
  }
}

.kl-navbar__button > span {
  position: relative;
  display: inline-block;
  padding: 8px 0;
}

.kl-navbar__button > span:after {
  content: '';
  width: 0px;
  height: 2px;
  background-color: #334B5C;
  position: absolute;
  left: 0;
  bottom: 2px;
  visibility: hidden;
  transition: width .2s ease-in-out;
}

.kl-navbar__button:hover, .kl-navbar__button:focus, .kl-navbar__button:active {
  text-decoration: none;
  color: #334B5C;
}

.kl-navbar__button:hover > span:after, .kl-navbar__button:focus > span:after, .kl-navbar__button:active > span:after {
  visibility: visible;
  width: 100%;
}

.kl-navbar__end {
  display: flex;
  align-items: center;
}

.kl-navbar__end a + a {
  margin-left: 25px;
}

.kl-navbar__panel {
  background-color: rgba(255, 255, 255, 1.0);
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  transition: all .25s ease-in-out;
  position: fixed;
  top: 82px;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 920px) {
  .kl-navbar__panel {
    position: static;
    max-height: 0;
    overflow: hidden;
  }
}

.kl-navbar__panel-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 0;
  justify-content: space-between;
}

.kl-navbar__panel-wrapper > div {
  flex-basis: none;
}

.kl-navbar__categories {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-basis: 650px;
}

@media screen and (max-width: 920px) {
  .kl-navbar__categories p {
    display: none;
  }
}

.kl-navbar__description {
  flex-basis: 250px;
  margin: 0 16px;
  color: #000000;
}

@media screen and (max-width: 920px) {
  .kl-navbar__description {
    margin: 0;
    flex-basis: 50%;
  }
}

@media screen and (max-width: 920px) {
  .kl-navbar__description--full {
    flex-basis: auto;
  }
}

.kl-navbar__description h1, .kl-navbar__description h2, .kl-navbar__description h3, .kl-navbar__description h4, .kl-navbar__description h5, .kl-navbar__description h6 {
  color: inherit;
}

.kl-navbar__description h2 {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0 0 .5rem;
}

.kl-navbar__description h3 {
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0 0 .5rem;
}

.kl-navbar__description p {
  font-size: 0.875rem;
  margin: 0 0 1.75rem;
}

.kl-navbar__description a {
  color: #000000;
}

.kl-navbar__description a:hover, .kl-navbar__description a:focus {
  text-decoration: none;
  color: #334B5C;
}

.kl-navbar .hamburger {
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  min-width: auto;
}

@media screen and (max-width: 920px) {
  .kl-navbar .hamburger {
    display: block;
  }
}

.kl-navbar .hamburger:focus {
  outline: none;
}

.kl-navbar .hamburger-box {
  width: 24px;
  height: 19px;
  display: inline-block;
  position: relative;
}

.kl-navbar .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}

.kl-navbar .hamburger-inner, .kl-navbar .hamburger-inner::before, .kl-navbar .hamburger-inner::after {
  width: 24px;
  height: 3px;
  background-color: #000000;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.kl-navbar .hamburger-inner::before, .kl-navbar .hamburger-inner::after {
  content: "";
  display: block;
}

.kl-navbar .hamburger-inner::before {
  top: -8px;
}

.kl-navbar .hamburger-inner::after {
  bottom: -8px;
}

.kl-navbar .hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.kl-navbar .hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.kl-navbar .hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Navbar submenu */
.kl-navbar-submenu-wrapper {
  position: absolute;
  left: -24px;
  visibility: hidden;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu-wrapper {
    position: static;
    visibility: visible;
    display: none;
  }
}

.kl-navbar__item:hover > .kl-navbar-submenu-wrapper {
  visibility: visible;
}

.kl-navbar-submenu {
  background-color: rgba(255, 255, 255, 1.0);
  box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1);
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
  width: 160px;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu {
    box-shadow: none;
    margin: 12px 0;
    width: auto;
  }
}

.kl-navbar-submenu .kl-navbar-submenu {
  position: absolute;
  top: 0px;
  left: 100%;
  transform: translateX(0);
  margin: 0;
  visibility: hidden;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu .kl-navbar-submenu {
    position: static;
    visibility: visible;
    display: none;
    margin-left: 20px;
  }
}

.kl-navbar-submenu__item {
  position: relative;
}

.kl-navbar-submenu__item:hover > .kl-navbar-submenu {
  visibility: visible;
}

.kl-navbar-submenu__item a {
  display: block;
  padding: 12px 24px;
  font-weight: bold;
  font-size: 12px;
  font-family: Heebo, sans-serif;
  line-height: 1rem;
  word-break: normal;
  color: #000000;
}

.kl-navbar-submenu__item a:hover, .kl-navbar-submenu__item a:focus {
  color: #334B5C;
  text-decoration: none;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu__item a {
    padding: 12px 0;
  }
}

.kl-navbar__parent {
  cursor: pointer;
}

@media screen and (min-width: 920px) {
  .kl-navbar__parent:hover > a:after {
    transform: rotate(225deg);
  }
}

.kl-navbar__parent > a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar__parent > a {
    pointer-events: none;
  }
}

.kl-navbar__parent > a:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  margin-left: 16px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  transform: rotate(45deg);
  transform-origin: 3px 3px;
  transition: transform .25s ease-in-out;
}

.kl-navbar__parent--active > .kl-navbar-submenu-wrapper,
.kl-navbar__parent--active > .kl-navbar-submenu {
  display: block;
}

.kl-navbar__parent--active > a:after {
  transform: rotate(225deg);
}

.kl-navbar__parent--active > a {
  color: #334B5C;
}

.kl-navbar__parent--active > a > span:after {
  visibility: visible;
  width: 100%;
}
.kl-offer-01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  padding: 32px 36px 0;
  border: 1px solid #DAE3F9;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1.0);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
}

.kl-offer-01__content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-basis: 320px;
  flex-grow: 1;
  margin-bottom: 32px;
}

.kl-offer-01__preheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  margin: 0 0 1rem;
}

.kl-offer-01__text {
  flex-basis: 420px;
  flex-grow: 1;
  margin-right: 50px;
}

@media screen and (max-width: 480px) {
  .kl-offer-01__text {
    margin: 0;
  }
}

.kl-offer-01__text h1, .kl-offer-01__text h2, .kl-offer-01__text h3, .kl-offer-01__text h4, .kl-offer-01__text h5, .kl-offer-01__text h6 {
  margin: 0 0 1.125rem;
}

.kl-offer-01__button {
  flex-shrink: 0;
}

.kl-offer-01__image {
  flex-basis: 260px;
  margin: 0 auto;
  padding-right: 20px;
}

@media screen and (max-width: 480px) {
  .kl-offer-01__image {
    padding: 0;
  }
}

.kl-offer-01__image img {
  display: block;
  width: 100%;
  max-width: 420px;
}
.kl-pricing {
  display: flex;
  align-items: flex-start;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .kl-pricing {
    display: block;
  }
}

.kl-pricing__card {
  position: relative;
  padding: 36px 32px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
  background-color: rgba(255, 255, 255, 1.0);
  border-radius: 0px;
  flex-basis: 346px;
  flex-grow: 1;
  transition: box-shadow .25s ease-in-out;
}

.kl-pricing__card--featured {
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
}

.kl-pricing__card:hover {
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
}

.kl-pricing__card + .kl-pricing__card {
  margin-left: 72px;
}

@media screen and (max-width: 1024px) {
  .kl-pricing__card + .kl-pricing__card {
    margin-left: 16px;
  }
}

@media screen and (max-width: 768px) {
  .kl-pricing__card + .kl-pricing__card {
    margin: 24px 0 0;
  }
}

.kl-pricing__badge {
  font-family: Montserrat, sans-serif;
  font-size: 0.625rem;
  font-weight: bold;
  line-height: 1;
  min-width: 120px;
  padding: 10px 12px;
  border-radius: 40px;
  background-color: #EBF1FF;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.kl-pricing__icon {
  height: 28px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 0 1.5rem;
}

.kl-pricing__icon img {
  max-height: 100%;
  display: block;
}

.kl-pricing__price {
  color: #334B5C;
}

.kl-pricing__price h1, .kl-pricing__price h2, .kl-pricing__price h3, .kl-pricing__price h4, .kl-pricing__price h5, .kl-pricing__price h6 {
  color: inherit;
}

.kl-pricing__description p {
  font-size: 0.875rem;
  margin: 0 0 0.75rem;
}

.kl-pricing__features {
  text-align: left;
  list-style: none;
  margin: 0 0 2.625rem;
  padding: 0;
}

.kl-pricing__features li {
  font-size: 0.875rem;
  margin: 0 0 1rem;
  display: flex;
}

.kl-pricing__features li:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='7.59' cy='7.62' r='7.5' fill='%23EBF1FF'/%3E%3Cpath d='M10.84 4.39L6.37 9.11 4.61 7.26l-.95 1.01 2.71 2.86 5.43-5.72-.96-1.02z' fill='%234678EE'/%3E%3C/svg%3E");
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 2px 0.75rem 0 0;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.kl-pricing__button a {
  width: 100%;
}

.kl-pricing hr {
  margin: 1.75rem 0;
  color: #F3F3F3;
  background-color: #F3F3F3;
  height: 2px;
}
.kl-features-01 {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .kl-features-01 {
    display: block;
  }
}

.kl-features-01__card {
  flex-basis: 225px;
  flex-grow: 1;
}

.kl-features-01__card h4 {
  margin: 0 0 1rem;
}

.kl-features-01__card p {
  font-weight: 500;
}

.kl-features-01__card + .kl-features-01__card {
  margin-left: 64px;
}

@media screen and (max-width: 768px) {
  .kl-features-01__card + .kl-features-01__card {
    margin: 32px 0 0;
  }
}

.kl-features-01__image {
  min-height: 50px;
  margin: 0 0 24px;
  display: flex;
  align-items: center;
}

.kl-features-01__image img {
  display: block;
  width: auto;
  max-height: 50px;
}

.kl-features-01__image > span {
  display: block;
}

.kl-features-01__image svg {
  max-height: 50px;
  width: 50px;
  fill: #334B5C;
}
.kl-features-02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -16px;
}

@media screen and (max-width: 530px) {
  .kl-features-02 {
    display: block;
  }
}

.kl-features-02-wrapper {
  overflow: hidden;
}

.kl-features-02__card {
  flex-basis: 225px;
  flex-grow: 1;
  margin: 16px;
  display: block;
}

.kl-features-02__card h4 {
  margin: 0;
  display: inline;
  vertical-align: top;
}

.kl-features-02__card p {
  font-weight: 500;
  margin: 1rem 0 0;
}

.kl-features-02__card-header {
  display: flex;
}

.kl-features-02__image {
  min-height: 24px;
  margin: 0 16px 0 0;
  display: inline-block;
}

.kl-features-02__image img {
  display: block;
  width: auto;
  max-height: 24px;
}

.kl-features-02__image > span {
  display: block;
}

.kl-features-02__image svg {
  max-height: 24px;
  width: 24px;
  fill: #334B5C;
}
.kl-features-03__titles li.active h4, .kl-features-03__titles li h4:hover, .kl-features-03__titles li h4:focus {
  cursor: pointer;
  color: #334B5C;
}

.kl-features-03__titles {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .kl-features-03__titles {
    display: block;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .kl-features-03__titles li {
    background-color: #f3f3f3;
    text-align: center;
  }
  .kl-features-03__titles li + li {
    border-top: 1px solid #dadada;
  }
}

.kl-features-03__titles li.active h4:after {
  visibility: visible;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .kl-features-03__titles li.active h4:after {
    visibility: hidden;
  }
}

.kl-features-03__titles li h4 {
  position: relative;
  display: inline-block;
  padding: 8px 0;
  margin: 0;
}

.kl-features-03__titles li h4:after {
  content: '';
  width: 0px;
  height: 2px;
  background-color: #334B5C;
  position: absolute;
  left: 0;
  bottom: 2px;
  visibility: hidden;
  transition: width .2s ease-in-out;
}

.kl-features-03__section {
  background-color: #F3F3F3;
  display: none;
}

.kl-features-03__section.active {
  display: flex;
  flex-wrap: wrap;
}

.kl-features-03__image {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  flex-basis: 360px;
  flex-grow: 1;
  display: flex;
}

.kl-features-03__image--left {
  justify-content: flex-start;
}

.kl-features-03__image--center {
  justify-content: center;
}

.kl-features-03__image--right {
  justify-content: flex-end;
}

.kl-features-03__image--top {
  align-items: flex-start;
}

.kl-features-03__image--middle {
  align-items: center;
}

.kl-features-03__image--bottom {
  align-items: flex-end;
}

.kl-features-03__image--cover {
  align-items: unset;
}

.kl-features-03__image--cover img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}

.kl-features-03__image--contain img {
  object-fit: contain;
}

.kl-features-03__content {
  padding: 54px 78px;
  flex-basis: 400px;
  flex-grow: 3;
}

@media screen and (max-width: 580px) {
  .kl-features-03__content {
    padding: 30px;
  }
}

.kl-features-03__text h3 {
  margin: 0 0 28px;
  max-width: 480px;
}

.kl-features-03__text p {
  margin: 0 0 64px;
  max-width: 600px;
}

.kl-features-03__buttons {
  display: flex;
  align-items: center;
}

.kl-features-03__primary-cta {
  margin: 0 35px 0 0;
}
.kl-card {
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 1.0);
  width: 100%;
  padding: 32px 25px;
  background-color: rgba(255, 255, 255, 1.0);
}

.kl-card__preheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  line-height: 1rem;
  margin: 0 0 .75rem;
}

.kl-card__content h1, .kl-card__content h2, .kl-card__content h3, .kl-card__content h4, .kl-card__content h5, .kl-card__content h6 {
  font-weight: bold;
  margin: 0 0 1rem;
}

.kl-card__content p {
  margin: 0 0 2rem;
}

.kl-card__image {
  margin: 0 0 1.75rem;
}

.kl-card__form {
  max-width: 600px;
}
.kl-testimonials {
  display: flex;
}

@media screen and (max-width: 920px) {
  .kl-testimonials {
    display: block;
  }
}

.kl-testimonial {
  padding: 18px 25px 25px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 1.0);
  flex-grow: 1;
  flex-basis: 300px;
}

.kl-testimonial + .kl-testimonial {
  margin-left: 64px;
}

@media screen and (max-width: 1024px) {
  .kl-testimonial + .kl-testimonial {
    margin-left: 16px;
  }
}

@media screen and (max-width: 920px) {
  .kl-testimonial + .kl-testimonial {
    margin: 16px 0 0;
  }
}

.kl-testimonial__quote {
  margin: 0 0 25px;
}

.kl-testimonial__quote svg {
  fill: #334B5C;
  height: 32px;
  max-height: 32px;
}

.kl-testimonial__content {
  font-weight: 500;
}

.kl-testimonial__footer {
  display: flex;
  align-items: center;
}

.kl-testimonial__footer img {
  display: block;
  object-fit: cover;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  margin: 0 16px 0 0;
}

.kl-testimonial__author {
  font-weight: bold;
}

.kl-testimonial__author span {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  font-size: 0.75rem;
  margin: 0 0 8px;
}
.kl-timeline__entry {
  position: relative;
  padding-bottom: 50px;
}

.kl-timeline__entry h1, .kl-timeline__entry h2, .kl-timeline__entry h3, .kl-timeline__entry h4, .kl-timeline__entry h5 {
  color: #334B5C;
}

.kl-timeline__entry p {
  margin: 0 0 1rem;
}

.kl-timeline__entry--odd {
  margin-right: 50%;
  padding-right: 50px;
  text-align: right;
}

.kl-timeline__entry--odd:before {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  transform: translateX(4px);
  right: 0;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--odd:before {
    transform: translateX(-5px);
    left: 0;
  }
}

.kl-timeline__entry--odd:after {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 1px;
  height: 100%;
  right: 0;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--odd:after {
    left: 0;
  }
}

.kl-timeline__entry--even {
  margin-left: 50%;
  padding-left: 50px;
}

.kl-timeline__entry--even:before {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  transform: translateX(-5px);
  left: -1px;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--even:before {
    transform: translateX(-5px);
    left: 0;
  }
}

.kl-timeline__entry--even:after {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 1px;
  height: 100%;
  left: -1px;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--even:after {
    left: 0;
  }
}

.kl-timeline__entry:last-child:after {
  display: none;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry {
    margin: 0;
    padding: 0 0 50px 50px;
    text-align: left;
  }
}

@media screen and (max-width: 420px) {
  .kl-timeline__entry {
    padding: 0 0 20px 20px;
  }
}
/***************************************************************************/
/************************   Menu and simple menu   *************************/
/***************************************************************************/
.hs-menu-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* Vertical menu */
.hs-menu-wrapper.hs-menu-flow-vertical ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}
/* Blog header */
.blog-header {
  background-color: rgba(242, 245, 251, 1.0);
  padding: 82px 0;
  /* Blog header - author listing */
}

.blog-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .blog-header__inner {
    display: block;
  }
}

.blog-header--author {
  background-color: transparent;
}

.blog-header--author .blog-header__inner {
  justify-content: flex-start;
  flex-wrap: nowrap;
}

@media screen and (max-width: 768px) {
  .blog-header--author .blog-header__inner {
    display: block;
  }
}

.blog-header__title {
  margin: 0 0 32px;
  max-width: 380px;
  flex-basis: 380px;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .blog-header__title {
    max-width: none;
  }
}

.blog-header__title span {
  color: #334B5C;
}

.blog-header__preheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  margin: 0 0 .75rem;
}

.blog-header__image {
  margin-left: 32px;
}

@media screen and (max-width: 768px) {
  .blog-header__image {
    margin: 0 auto;
    max-width: 360px;
  }
}

.blog-header__image img {
  width: 100%;
}

.blog-header__author {
  flex-basis: 720px;
}

@media screen and (max-width: 768px) {
  .blog-header__author {
    margin: 32px 0 0;
  }
}

.blog-header__avatar {
  display: block;
  height: 360px;
  width: 100%;
  margin-right: 64px;
  max-width: 360px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .blog-header__avatar {
    margin: 0 auto;
  }
}

@media screen and (max-width: 360px) {
  .blog-header__avatar {
    height: 300px;
  }
}

.blog-header__author-social-links {
  margin: 0 -8px;
}

.blog-header__author-social-links a {
  display: inline-block;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  margin: 0 8px;
  position: relative;
}

.blog-header__author-social-links svg {
  fill: #000000;
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blog-filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 32px 0;
}

.blog-tags {
  list-style: none;
  padding: 0;
  margin: -7px;
  max-width: 680px;
}

.blog-tags li {
  display: inline-block;
  margin: 7px;
}

.blog-tags__link {
  background-color: rgba(51, 75, 92, 1.0);
  border: 1px solid #334B5C;
  border-radius: 3px;
  color: #FFFFFF;
  padding: 15px 25px;
  font-family: Heebo, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: background-color 0.15s linear, border-color 0.15s linear, color 0.15s linear;
  /* To affect HubSpot CTAs */
  padding: 12px 18px;
  border-radius: 3px;
  text-transform: uppercase;
  line-height: 1;
  font-size: 0.75rem;
  background-color: transparent;
  color: #dadada;
  border: 1px solid #dadada;
}

.blog-tags__link:hover, .blog-tags__link:focus, .blog-tags__link:active {
  background-color: rgba(142, 185, 212, 1.0);
  border-color: rgba(142, 185, 212, 1.0);
  color: #FFF;
  text-decoration: none;
}

.blog-tags__link:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

.blog-tags__link a {
  color: #FFFFFF;
}

.blog-tags__link a:hover {
  color: white;
  text-decoration: none;
}

.blog-tags__link--current {
  background-color: #334B5C;
  border: none;
  color: white;
}

.blog-search {
  flex-basis: 400px;
  width: 100%;
  margin: 32px 0 0;
}

/* Blog listing */
.blog-index, .blog-more-posts {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 0;
  margin: -24px;
}

.blog-index:after, .blog-more-posts:after {
  content: "";
  flex: auto;
}

.blog-index__post-wrapper, .blog-more-posts__post-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  padding: 24px;
}

@media screen and (min-width: 768px) {
  .blog-index__post-wrapper, .blog-more-posts__post-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-index__post-wrapper, .blog-more-posts__post-wrapper {
    flex-basis: calc(100% / 3);
  }
}

.blog-index__post, .blog-more-posts__post {
  display: flex;
  flex-direction: column;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 0px;
  height: 100%;
  overflow: hidden;
}

.blog-index__post img, .blog-more-posts__post img {
  height: auto;
  max-width: 100%;
}

.blog-index__post-content, .blog-more-posts__post-content {
  padding: 30px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}

.blog-index__post-content h3, .blog-more-posts__post-content h3 {
  margin: 0 0 1rem;
}

.blog-index__post-content h3 a, .blog-more-posts__post-content h3 a {
  color: #000000;
}

.blog-index__post-content h3 a:hover, .blog-index__post-content h3 a:visited, .blog-more-posts__post-content h3 a:hover, .blog-more-posts__post-content h3 a:visited {
  color: #000000;
}

.blog-index__post-preheader, .blog-more-posts__post-preheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  margin: 0 0 .75rem;
}

.blog-index__post-meta, .blog-more-posts__post-meta {
  display: flex;
  margin: 32px 0 0;
  color: #C6C6C6;
  font-size: .75rem;
  text-transform: uppercase;
}

.blog-index__post-meta span, .blog-more-posts__post-meta span {
  display: inline-block;
}

.blog-index__post-date, .blog-more-posts__post-date {
  margin-left: 54px;
}

.blog-index__post-image, .blog-more-posts__post-image {
  display: block;
  background-image: url('https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/raw_assets/public/atlas-theme-dev/images/grayscale-mountain.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 63%;
}

.blog-index__author h2, .blog-more-posts__author h2 {
  margin: 32px 0 1.5rem;
}

.blog-index__author hr, .blog-more-posts__author hr {
  height: 2px;
  background-color: #DCDCDC;
}

/* Blog pagination */
.blog-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 3rem;
}

.blog-pagination__link {
  font-family: Montserrat, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1rem;
  line-height: 1;
  margin: 0 16px;
  text-decoration: none;
}

.blog-pagination__link:hover, .blog-pagination__link:focus {
  color: #334B5C;
  text-decoration: none;
}

.blog-pagination__link--active {
  color: #334B5C;
}

.blog-pagination__ellipsis {
  color: #000000;
  font-size: 1rem;
  line-height: 1;
}

/* Blog post */
.blog-header--post {
  min-height: 520px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.blog-post {
  margin: 0 auto;
  padding: 4.5rem 0;
}

.blog-post__meta {
  display: flex;
  align-items: center;
}

.blog-post__meta a {
  color: #C6C6C6;
  transition: color .25s ease-in;
}

.blog-post__meta a:hover {
  color: #334B5C;
  text-decoration: none;
}

.blog-post__timestamp {
  color: #C6C6C6;
}

.blog-post__divider {
  margin: 64px 0 52px;
}

.blog-post__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-right: 38px;
}

.blog-post__preheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  margin: 0 0 1rem;
}

.blog-post__title {
  margin: 0 0 1rem;
  max-width: 680px;
}

.blog-post__summary {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 2.5rem;
  max-width: 680px;
}

.blog-post__body-wrapper {
  max-width: 680px;
  margin: 0 auto;
}

.blog-post__body img {
  max-width: 100%;
}

.blog-post__tags {
  display: flex;
  flex-wrap: wrap;
}

.blog-post__tag-link {
  color: #334B5C;
  background-color: #e6edff;
  border-radius: 3px;
  font-size: 0.75rem;
  padding: 5px 10px;
  margin: 0 8px 8px 0;
}

/* Blog related posts */
.blog-more {
  padding: 2rem 0;
}

.blog-more--centered h2 {
  text-align: center;
}

/* Blog comments */
.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments form {
  max-width: 100%;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
  outline: none;
}

.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #000000;
}
/* Error pages */
.kl-error-page {
  padding: 100px 0;
  text-align: center;
}

.kl-error-page__preheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  margin: 0 0 0.5rem;
}

.kl-error-page__heading {
  margin: 0 0 1rem;
}

/* System pages */
.systems-page__content {
  margin: 0 auto;
  max-width: 620px;
  padding: 120px 20px;
}

.systems-page .success {
  color: #34A853;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
}

.systems-page h1 {
  margin: 0 0 4rem;
  text-align: center;
}

@media screen and (max-width: 360px) {
  .systems-page h1 {
    margin: 0 0 2rem;
    font-size: 2rem;
  }
}

.systems-page--membership {
  background-image: url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/raw_assets/public/atlas-theme-dev/images/Hero-Background-2.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.systems-page--membership h1 {
  margin: 0 0 1rem;
}

.systems-page--membership p {
  margin: 0 0 3rem;
  text-align: center;
}

.systems-page--membership form .hs-submit input, .systems-page--membership form input[type="submit"] {
  width: 100%;
}

.systems-page--subscription-confirmation h1 {
  display: none;
  margin: 0 0 1.5rem;
}

.systems-page--subscription-confirmation h2 {
  color: #3A3A3A;
  font-size: 1rem;
  margin: 0;
}

.systems-page--subscription-confirmation .page-header {
  text-align: center;
  margin: 0 0 2rem;
}

.systems-page--subscription-preferences .page-header {
  text-align: center;
  margin: 0 0 2rem;
}

.systems-page--subscription-preferences h1 {
  margin: 0 0 1.5rem;
}

.systems-page--subscription-preferences h2 {
  color: #3A3A3A;
  font-size: 1rem;
  margin: 0;
}

.systems-page--subscription-preferences .email-prefs {
  padding: 32px;
  border: 1px solid #DAE3F9;
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
  border-radius: 10px;
}

.systems-page--subscription-preferences .email-prefs p, .systems-page--subscription-preferences .email-prefs span, .systems-page--subscription-preferences .email-prefs label {
  font-size: 0.875rem;
  line-height: 1rem;
  vertical-align: text-top;
  font-weight: normal;
}

@media screen and (max-width: 360px) {
  .systems-page--subscription-preferences .email-prefs {
    padding: 18px;
  }
}

.systems-page--subscription-preferences input[type="checkbox"] {
  margin-right: 12px;
}

.systems-page__preheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7CA0B6;
  display: block;
  margin: 0 0 0.5rem;
  text-align: center;
}

.systems-page form {
  position: relative;
}

.systems-page form .hs-form-field {
  position: relative;
}

.systems-page form .form-input-validation-message ul {
  padding: 0;
}

.systems-page form .form-input-validation-message label {
  color: #929292;
  font-size: 0.875rem;
  font-weight: normal;
}

.systems-page form .hs-login-widget-show-password,
.systems-page form .hs-register-widget-show-password,
.systems-page form .hs-reset-widget-show-password {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #334B5C;
}

.systems-page form .hs-login-widget-show-password:hover, .systems-page form .hs-login-widget-show-password:focus,
.systems-page form .hs-register-widget-show-password:hover,
.systems-page form .hs-register-widget-show-password:focus,
.systems-page form .hs-reset-widget-show-password:hover,
.systems-page form .hs-reset-widget-show-password:focus {
  color: #334B5C;
  text-decoration: none;
}

.systems-page form #hs_login_reset {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  margin: 1rem 0 0;
  z-index: 1;
  color: #334B5C;
  font-size: 0.875rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.systems-page form input {
  max-width: 100%;
}

.systems-page .form-container {
  max-width: 380px;
  margin: 0 auto 3rem;
}

.systems-page .form-container .label {
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0 0 0.75rem;
}

#email-prefs-form .header {
  background-color: transparent;
}

/* Password prompt */
.password-prompt input[type=password] {
  display: block;
  height: auto !important;
  margin-bottom: 1.4rem;
}

/* Backup unsubscribe */
.backup-unsubscribe h3 {
  font-size: 0.875rem;
  font-weight: bold !important;
  line-height: 1rem;
  margin: 0 0 0.75rem;
}

.backup-unsubscribe #email-prefs-form {
  padding: 42px 32px;
  border: 1px solid #DAE3F9;
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
  border-radius: 10px;
}

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

@media screen and (max-width: 360px) {
  .backup-unsubscribe #email-prefs-form {
    padding: 32px 18px;
  }
}

.backup-unsubscribe input[type=email] {
  margin-bottom: 1.5rem;
  padding: 0.7rem !important;
  font-size: 0.875rem !important;
  border: 1px solid #DADADA;
}

/* Search pages */
.hs-search-field {
  max-width: 750px;
}

.hs-search-field input[type=text] {
  padding-right: 48px;
}

.hs-search-field__bar {
  position: relative;
}

.hs-search-field__bar:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 19a8 8 0 100-16 8 8 0 000 16zM21 21l-4-4' stroke='%23C6C6C6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

.hs-search-field__suggestions {
  background-color: #FFF;
  max-width: 360px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(8px);
  border-radius: 9px;
  width: 100%;
}

.hs-search-field__suggestions a, .hs-search-field__suggestions #results-for {
  padding: 8px 16px;
}

.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #dedede !important;
}

.kl-search-results {
  padding: 80px 0;
}

.hs-search-results {
  margin-top: 3.5rem;
}

.hs-search-results__featured-image {
  margin-bottom: 1rem;
}

.hs-search-results__featured-image img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.hs-search-results__title {
  color: #000000;
  font-size: 1.5rem;
  font-weight: bold;
  font-family: Montserrat, sans-serif;
}

.hs-search-results__title:hover, .hs-search-results__title:focus {
  color: #334B5C;
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 1.25rem;
  margin: 0 0 2.5rem;
}

.hs-search-results__pagination a {
  color: #000000;
  font-family: Montserrat, sans-serif;
  font-weight: bold;
}

.hs-search-results__listing {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px !important;
}

.hs-search-results__listing li {
  flex-basis: calc(100% / 2);
  padding: 0 20px !important;
}

@media screen and (max-width: 620px) {
  .hs-search-results__listing li {
    flex-basis: 100%;
  }
}

.hs-search-highlight {
  font-weight: bold;
}
@charset "UTF-8";
/* CSS Document */
html{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font-family:sans-serif;
    scroll-padding-top:140px;
}
body{
    margin:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    vertical-align:baseline;
    display:inline-block
}
audio:not([controls]){
    height:0;
    display:none
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    margin:.67em 0;
    font-size:60px;
}
mark{
    color:#000;
    background:#ff0
}
small{
    font-size:80%
}
sub,sup{
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:none
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
[class^=w-icon-],[class*=\ w-icon-]{
    speak:none;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-style:normal;
    font-weight:400;
    line-height:1;
    font-family: icomoon;
}
.w-icon-slider-right:before{
    content: "\e902";
}
.w-icon-slider-left:before{
    content: "\e902";
}
.w-icon-nav-menu:before{
    content: "\e904";
}
.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{
    content: "\e904";
}
.w-icon-file-upload-remove:before{
    content: "\e902";
}
.w-icon-file-upload-icon:before{
    content: "\e902";
}
*{
    box-sizing:border-box
}
html{
    height:100%
}
img{
    max-width:100%;
    vertical-align:middle;
    display:inline-block
}
html.w-mod-touch *{
    background-attachment:scroll!important
}
.w-block{
    display:block
}
.w-inline-block{
    max-width:100%;
    display:inline-block
}
.w-clearfix:before,.w-clearfix:after{
    content:" ";
    grid-area:1/1/2/2;
    display:table
}
.w-clearfix:after{
    clear:both
}
.w-hidden{
    display:none
}
.w-button{
    color:#fff;
    line-height:inherit;
    cursor:pointer;
    background-color:#3898ec;
    border:0;
    border-radius:0;
    padding:9px 15px;
    text-decoration:none;
    display:inline-block
}
input.w-button{
    -webkit-appearance:button
}
html[data-w-dynpage] [data-w-cloak]{
    color:transparent!important
}
.w-code-block{
    margin:unset
}
p{
    margin-top:0;
    margin-bottom:10px
}
blockquote{
    border-left:5px solid #e2e2e2;
    margin:0 0 10px;
    padding:10px 20px;
    font-size:18px;
    line-height:22px
}
figure{
    margin:0 0 10px
}
figcaption{
    text-align:center;
    margin-top:5px
}
ul,ol{
    margin-top:0;
    margin-bottom:10px;
    padding-left:40px
}
.w-list-unstyled{
    padding-left:0;
    list-style:none
}
.w-embed:before,.w-embed:after{
    content:" ";
    grid-area:1/1/2/2;
    display:table
}
.w-embed:after{
    clear:both
}
.w-video{
    width:100%;
    padding:0;
    position:relative
}
.w-video iframe,.w-video object,.w-video embed{
    width:100%;
    height:100%;
    border:none;
    position:absolute;
    top:0;
    left:0
}
fieldset{
    border:0;
    margin:0;
    padding:0
}
button,[type=button],[type=reset]{
    cursor:pointer;
    -webkit-appearance:button;
    border:0
}
.w-form{
    margin:0 0 15px
}
.w-form-done{
    text-align:center;
    background-color:#ddd;
    padding:20px;
    display:none
}
.w-form-fail{
    background-color:#ffdede;
    margin-top:10px;
    padding:10px;
    display:none
}
label{
    margin-bottom:5px;
    font-weight:700;
    display:block
}
.w-input,.w-select{
    width:100%;
    height:38px;
    color:#333;
    vertical-align:middle;
    background-color:#fff;
    border:1px solid #ccc;
    margin-bottom:10px;
    padding:8px 12px;
    font-size:14px;
    line-height:1.42857;
    display:block
}
.w-input:-moz-placeholder,.w-select:-moz-placeholder{
    color:#999
}
.w-input::-moz-placeholder,.w-select::-moz-placeholder{
    color:#999;
    opacity:1
}
.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{
    color:#999
}
.w-input:focus,.w-select:focus{
    border-color:#3898ec;
    outline:0
}
.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{
    cursor:not-allowed
}
.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{
    background-color:#eee
}
textarea.w-input,textarea.w-select{
    height:auto
}
.w-select{
    background-color:#f3f3f3
}
.w-select[multiple]{
    height:auto
}
.w-form-label{
    cursor:pointer;
    margin-bottom:0;
    font-weight:400;
    display:inline-block
}
.w-radio{
    margin-bottom:5px;
    padding-left:20px;
    display:block
}
.w-radio:before,.w-radio:after{
    content:" ";
    grid-area:1/1/2/2;
    display:table
}
.w-radio:after{
    clear:both
}
.w-radio-input{
    float:left;
    margin:3px 0 0 -20px;
    line-height:normal
}
.w-file-upload{
    margin-bottom:10px;
    display:block
}
.w-file-upload-input{
    width:.1px;
    height:.1px;
    opacity:0;
    z-index:-100;
    position:absolute;
    overflow:hidden
}
.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{
    color:#333;
    display:inline-block
}
.w-file-upload-error{
    margin-top:10px;
    display:block
}
.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{
    display:none
}
.w-file-upload-uploading-btn{
    cursor:pointer;
    background-color:#fafafa;
    border:1px solid #ccc;
    margin:0;
    padding:8px 12px;
    font-size:14px;
    font-weight:400;
    display:flex
}
.w-file-upload-file{
    background-color:#fafafa;
    border:1px solid #ccc;
    flex-grow:1;
    justify-content:space-between;
    margin:0;
    padding:8px 9px 8px 11px;
    display:flex
}
.w-file-upload-file-name{
    font-size:14px;
    font-weight:400;
    display:block
}
.w-file-remove-link{
    width:auto;
    height:auto;
    cursor:pointer;
    margin-top:3px;
    margin-left:10px;
    padding:3px;
    display:block
}
.w-icon-file-upload-remove{
    margin:auto;
    font-size:10px
}
.w-file-upload-error-msg{
    color:#ea384c;
    padding:2px 0;
    display:inline-block
}
.w-file-upload-info{
    padding:0 12px;
    line-height:38px;
    display:inline-block
}
.w-file-upload-label{
    cursor:pointer;
    background-color:#fafafa;
    border:1px solid #ccc;
    margin:0;
    padding:8px 12px;
    font-size:14px;
    font-weight:400;
    display:inline-block
}
.w-icon-file-upload-icon,.w-icon-file-upload-uploading{
    width:20px;
    margin-right:8px;
    display:inline-block
}
.w-icon-file-upload-uploading{
    height:20px
}
.w-container{
    max-width:940px;
    margin-left:auto;
    margin-right:auto
}
.w-container:before,.w-container:after{
    content:" ";
    grid-area:1/1/2/2;
    display:table
}
.w-container:after{
    clear:both
}
.w-container .w-row{
    margin-left:-10px;
    margin-right:-10px
}
.w-row:before,.w-row:after{
    content:" ";
    grid-area:1/1/2/2;
    display:table
}
.w-row:after{
    clear:both
}
.w-row .w-row{
    margin-left:0;
    margin-right:0
}
.w-col{
    float:left;
    width:100%;
    min-height:1px;
    padding-left:10px;
    padding-right:10px;
    position:relative
}
.w-col .w-col{
    padding-left:0;
    padding-right:0
}
.w-col-1{
    width:8.33333%
}
.w-col-2{
    width:16.6667%
}
.w-col-3{
    width:25%
}
.w-col-4{
    width:33.3333%
}
.w-col-5{
    width:41.6667%
}
.w-col-6{
    width:50%
}
.w-col-7{
    width:58.3333%
}
.w-col-8{
    width:66.6667%
}
.w-col-9{
    width:75%
}
.w-col-10{
    width:83.3333%
}
.w-col-11{
    width:91.6667%
}
.w-col-12{
    width:100%
}
.w-hidden-main{
    display:none!important
}
@media screen and (max-width:991px){
    .w-container{
        max-width:728px
    }
    .w-hidden-main{
        display:inherit!important
    }
    .w-hidden-medium{
        display:none!important
    }
    .w-col-medium-1{
        width:8.33333%
    }
    .w-col-medium-2{
        width:16.6667%
    }
    .w-col-medium-3{
        width:25%
    }
    .w-col-medium-4{
        width:33.3333%
    }
    .w-col-medium-5{
        width:41.6667%
    }
    .w-col-medium-6{
        width:50%
    }
    .w-col-medium-7{
        width:58.3333%
    }
    .w-col-medium-8{
        width:66.6667%
    }
    .w-col-medium-9{
        width:75%
    }
    .w-col-medium-10{
        width:83.3333%
    }
    .w-col-medium-11{
        width:91.6667%
    }
    .w-col-medium-12{
        width:100%
    }
    .w-col-stack{
        width:100%;
        left:auto;
        right:auto
    }
}
@media screen and (max-width:767px){
    .w-hidden-main,.w-hidden-medium{
        display:inherit!important
    }
    .w-hidden-small{
        display:none!important
    }
    .w-row,.w-container .w-row{
        margin-left:0;
        margin-right:0
    }
    .w-col{
        width:100%;
        left:auto;
        right:auto
    }
    .w-col-small-1{
        width:8.33333%
    }
    .w-col-small-2{
        width:16.6667%
    }
    .w-col-small-3{
        width:25%
    }
    .w-col-small-4{
        width:33.3333%
    }
    .w-col-small-5{
        width:41.6667%
    }
    .w-col-small-6{
        width:50%
    }
    .w-col-small-7{
        width:58.3333%
    }
    .w-col-small-8{
        width:66.6667%
    }
    .w-col-small-9{
        width:75%
    }
    .w-col-small-10{
        width:83.3333%
    }
    .w-col-small-11{
        width:91.6667%
    }
    .w-col-small-12{
        width:100%
    }
}
@media screen and (max-width:479px){
    .w-container{
        max-width:none
    }
    .w-hidden-main,.w-hidden-medium,.w-hidden-small{
        display:inherit!important
    }
    .w-hidden-tiny{
        display:none!important
    }
    .w-col{
        width:100%
    }
    .w-col-tiny-1{
        width:8.33333%
    }
    .w-col-tiny-2{
        width:16.6667%
    }
    .w-col-tiny-3{
        width:25%
    }
    .w-col-tiny-4{
        width:33.3333%
    }
    .w-col-tiny-5{
        width:41.6667%
    }
    .w-col-tiny-6{
        width:50%
    }
    .w-col-tiny-7{
        width:58.3333%
    }
    .w-col-tiny-8{
        width:66.6667%
    }
    .w-col-tiny-9{
        width:75%
    }
    .w-col-tiny-10{
        width:83.3333%
    }
    .w-col-tiny-11{
        width:91.6667%
    }
    .w-col-tiny-12{
        width:100%
    }
}
.w-widget{
    position:relative
}
.w-widget-map{
    width:100%;
    height:400px
}
.w-widget-map label{
    width:auto;
    display:inline
}
.w-widget-map img{
    max-width:inherit
}
.w-widget-map .gm-style-iw{
    text-align:center
}
.w-widget-map .gm-style-iw>button{
    display:none!important
}
.w-widget-twitter{
    overflow:hidden
}
.w-widget-twitter-count-shim{
    vertical-align:top;
    width:28px;
    height:20px;
    text-align:center;
    background:#fff;
    border:1px solid #758696;
    border-radius:3px;
    display:inline-block;
    position:relative
}
.w-widget-twitter-count-shim *{
    pointer-events:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner{
    text-align:center;
    color:#999;
    font-family:serif;
    font-size:15px;
    line-height:12px;
    position:relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear{
    display:block;
    position:relative
}
.w-widget-twitter-count-shim.w--large{
    width:36px;
    height:28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{
    font-size:18px;
    line-height:18px
}
.w-widget-twitter-count-shim:not(.w--vertical){
    margin-left:5px;
    margin-right:8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large{
    margin-left:6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{
    content:" ";
    height:0;
    width:0;
    pointer-events:none;
    border:solid transparent;
    position:absolute;
    top:50%;
    left:0
}
.w-widget-twitter-count-shim:not(.w--vertical):before{
    border-width:4px;
    border-color:rgba(117,134,150,0) #5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
    margin-top:-4px;
    margin-left:-9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{
    border-width:5px;
    margin-top:-5px;
    margin-left:-10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after{
    border-width:4px;
    border-color:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);
    margin-top:-4px;
    margin-left:-8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{
    border-width:5px;
    margin-top:-5px;
    margin-left:-9px
}
.w-widget-twitter-count-shim.w--vertical{
    width:61px;
    height:33px;
    margin-bottom:8px
}
.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{
    content:" ";
    height:0;
    width:0;
    pointer-events:none;
    border:solid transparent;
    position:absolute;
    top:100%;
    left:50%
}
.w-widget-twitter-count-shim.w--vertical:before{
    border-width:5px;
    border-color:#5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
    margin-left:-5px
}
.w-widget-twitter-count-shim.w--vertical:after{
    border-width:4px;
    border-color:#fff rgba(255,255,255,0) rgba(255,255,255,0);
    margin-left:-4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{
    font-size:18px;
    line-height:22px
}
.w-widget-twitter-count-shim.w--vertical.w--large{
    width:76px
}
.w-background-video{
    height:500px;
    color:#fff;
    position:relative;
    overflow:hidden
}
.w-background-video>video{
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-100;
    background-position:50%;
    background-size:cover;
    margin:auto;
    position:absolute;
    top:-100%;
    bottom:-100%;
    left:-100%;
    right:-100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button{
    -webkit-appearance:none;
    display:none!important
}
.w-background-video--control{
    background-color:transparent;
    padding:0;
    position:absolute;
    bottom:1em;
    right:1em
}
.w-background-video--control>[hidden]{
    display:none!important
}
.w-slider{
    height:300px;
    text-align:center;
    clear:both;
    -webkit-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
    background:#ddd;
    position:relative
}
.w-slider-mask{
    z-index:1;
    height:100%;
    white-space:nowrap;
    display:block;
    position:relative;
    left:0;
    right:0;
    overflow:hidden
}
.w-slide{
    vertical-align:top;
    width:100%;
    height:100%;
    white-space:normal;
    text-align:left;
    display:inline-block;
    position:relative
}
.w-slider-nav{
    z-index:2;
    height:40px;
    text-align:center;
    -webkit-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
    margin:auto;
    padding-top:10px;
    position:absolute;
    top:auto;
    bottom:0;
    left:0;
    right:0
}
.w-slider-nav.w-round>div{
    border-radius:100%
}
.w-slider-nav.w-num>div{
    width:auto;
    height:auto;
    font-size:inherit;
    line-height:inherit;
    padding:.2em .5em
}
.w-slider-nav.w-shadow>div{
    box-shadow:0 0 3px rgba(51,51,51,.4)
}
.w-slider-nav-invert{
    color:#fff
}
.w-slider-nav-invert>div{
    background-color:rgba(34,34,34,.4)
}
.w-slider-nav-invert>div.w-active{
    background-color:#222
}
.w-slider-dot{
    width:1em;
    height:1em;
    cursor:pointer;
    background-color:rgba(255,255,255,.4);
    margin:0 3px .5em;
    transition:background-color .1s,color .1s;
    display:inline-block;
    position:relative
}
.w-slider-dot.w-active{
    background-color:#fff
}
.w-slider-dot:focus{
    outline:none;
    box-shadow:0 0 0 2px #fff
}
.w-slider-dot:focus.w-active{
    box-shadow:none
}
.w-slider-arrow-left,.w-slider-arrow-right{
    width:80px;
    cursor:pointer;
    color:#fff;
    -webkit-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    margin:auto;
    font-size:40px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden
}
.w-slider-arrow-left [class^=w-icon-],.w-slider-arrow-right [class^=w-icon-],.w-slider-arrow-left [class*=\ w-icon-],.w-slider-arrow-right [class*=\ w-icon-]{
    position:absolute
}
.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{
    outline:0
}
.w-slider-arrow-left{
    z-index:3;
    right:auto
}
.w-slider-arrow-right{
    z-index:4;
    left:auto
}
.w-icon-slider-left,.w-icon-slider-right{
    width:1em;
    height:1em;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.w-slider-aria-label{
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    border:0;
    margin:-1px;
    padding:0;
    position:absolute;
    overflow:hidden
}
.w-slider-force-show{
    display:block!important
}
.w-dropdown{
    text-align:left;
    z-index:900;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
    position:relative
}
.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{
    vertical-align:top;
    color:#222;
    text-align:left;
    white-space:nowrap;
    margin-left:auto;
    margin-right:auto;
    padding:20px;
    text-decoration:none;
    position:relative
}
.w-dropdown-toggle{
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
    padding-right:40px;
    display:inline-block
}
.w-dropdown-toggle:focus{
    outline:0
}
.w-icon-dropdown-toggle{
    width:1em;
    height:1em;
    margin:auto 20px auto auto;
    position:absolute;
    top:0;
    bottom:0;
    right:0
}
.w-dropdown-list{
    min-width:100%;
    background:#ddd;
    display:none;
    position:absolute
}
.w-dropdown-list.w--open{
    display:block
}
.w-dropdown-link{
    color:#222;
    padding:10px 20px;
    display:block
}
.w-dropdown-link.w--current{
    color:#0082f3
}
.w-dropdown-link:focus{
    outline:0
}
@media screen and (max-width:767px){
    .w-nav-brand{
        padding-left:10px
    }
}
.w-lightbox-backdrop{
    cursor:auto;
    letter-spacing:normal;
    text-indent:0;
    text-shadow:none;
    text-transform:none;
    visibility:visible;
    white-space:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    color:#fff;
    text-align:center;
    z-index:2000;
    opacity:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -webkit-tap-highlight-color:transparent;
    background:rgba(0,0,0,.9);
    outline:0;
    font-family:Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
    font-size:17px;
    font-style:normal;
    font-weight:300;
    line-height:1.2;
    list-style:disc;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    -webkit-transform:translate(0)
}
.w-lightbox-backdrop,.w-lightbox-container{
    height:100%;
    -webkit-overflow-scrolling:touch;
    overflow:auto
}
.w-lightbox-content{
    height:100vh;
    position:relative;
    overflow:hidden
}
.w-lightbox-view{
    width:100vw;
    height:100vh;
    opacity:0;
    position:absolute
}
.w-lightbox-view:before{
    content:"";
    height:100vh
}
.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{
    height:86vh
}
.w-lightbox-frame,.w-lightbox-view:before{
    vertical-align:middle;
    display:inline-block
}
.w-lightbox-figure{
    margin:0;
    position:relative
}
.w-lightbox-group .w-lightbox-figure{
    cursor:pointer
}
.w-lightbox-img{
    width:auto;
    height:auto;
    max-width:none
}
.w-lightbox-image{
    float:none;
    max-width:100vw;
    max-height:100vh;
    display:block
}
.w-lightbox-group .w-lightbox-image{
    max-height:86vh
}
.w-lightbox-caption{
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    background:rgba(0,0,0,.4);
    padding:.5em 1em;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden
}
.w-lightbox-embed{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.w-lightbox-control{
    width:4em;
    cursor:pointer;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:24px;
    transition:all .3s;
    position:absolute;
    top:0
}
.w-lightbox-left{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
    display:none;
    bottom:0;
    left:0
}
.w-lightbox-right{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
    display:none;
    bottom:0;
    right:0
}
.w-lightbox-close{
    height:2.6em;
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size:18px;
    right:0
}
.w-lightbox-strip{
    white-space:nowrap;
    padding:0 1vh;
    line-height:0;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    overflow-x:auto;
    overflow-y:hidden
}
.w-lightbox-item{
    width:10vh;
    box-sizing:content-box;
    cursor:pointer;
    padding:2vh 1vh;
    display:inline-block;
    -webkit-transform:translate(0,0)
}
.w-lightbox-active{
    opacity:.3
}
.w-lightbox-thumbnail{
    height:10vh;
    background:#222;
    position:relative;
    overflow:hidden
}
.w-lightbox-thumbnail-image{
    position:absolute;
    top:0;
    left:0
}
.w-lightbox-thumbnail .w-lightbox-tall{
    width:100%;
    top:50%;
    transform:translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide{
    height:100%;
    left:50%;
    transform:translate(-50%)
}
.w-lightbox-spinner{
    box-sizing:border-box;
    width:40px;
    height:40px;
    border:5px solid rgba(0,0,0,.4);
    border-radius:50%;
    margin-top:-20px;
    margin-left:-20px;
    animation:.8s linear infinite spin;
    position:absolute;
    top:50%;
    left:50%
}
.w-lightbox-spinner:after{
    content:"";
    border:3px solid transparent;
    border-bottom-color:#fff;
    border-radius:50%;
    position:absolute;
    top:-4px;
    bottom:-4px;
    left:-4px;
    right:-4px
}
.w-lightbox-hide{
    display:none
}
.w-lightbox-noscroll{
    overflow:hidden
}
@media (min-width:768px){
    .w-lightbox-content{
        height:96vh;
        margin-top:2vh
    }
    .w-lightbox-view,.w-lightbox-view:before{
        height:96vh
    }
    .w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{
        height:84vh
    }
    .w-lightbox-image{
        max-width:96vw;
        max-height:96vh
    }
    .w-lightbox-group .w-lightbox-image{
        max-width:82.3vw;
        max-height:84vh
    }
    .w-lightbox-left,.w-lightbox-right{
        opacity:.5;
        display:block
    }
    .w-lightbox-close{
        opacity:.8
    }
    .w-lightbox-control:hover{
        opacity:1
    }
}
.w-lightbox-inactive,.w-lightbox-inactive:hover{
    opacity:0
}
.w-richtext:before,.w-richtext:after{
    content:" ";
    grid-area:1/1/2/2;
    display:table
}
.w-richtext:after{
    clear:both
}
.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after{
    white-space:initial
}
.w-richtext ol,.w-richtext ul{
    overflow:hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div{
    outline:2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type=video]>div:after{
    content:"";
    display:none;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.w-richtext figure{
    max-width:60%;
    position:relative
}
.w-richtext figure>div:before{
    cursor:default!important
}
.w-richtext figure img{
    width:100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder{
    opacity:.6
}
.w-richtext figure div{
    color:transparent;
    font-size:0
}
.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image]{
    display:table
}
.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div{
    display:inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption{
    caption-side:bottom;
    display:table-caption
}
.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video]{
    width:60%;
    height:0
}
.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div{
    width:100%
}
.w-richtext figure.w-richtext-align-center{
    clear:both;
    margin-left:auto;
    margin-right:auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div{
    max-width:100%
}
.w-richtext figure.w-richtext-align-normal{
    clear:both
}
.w-richtext figure.w-richtext-align-fullwidth{
    width:100%;
    max-width:100%;
    text-align:center;
    clear:both;
    margin-left:auto;
    margin-right:auto;
    display:block
}
.w-richtext figure.w-richtext-align-fullwidth>div{
    padding-bottom:inherit;
    display:inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption{
    display:block
}
.w-richtext figure.w-richtext-align-floatleft{
    float:left;
    clear:none;
    margin-right:15px
}
.w-richtext figure.w-richtext-align-floatright{
    float:right;
    clear:none;
    margin-left:15px
}
.w-nav{
    z-index:1000;
    background:#ddd;
    position:relative
}
.w-nav:before,.w-nav:after{
    content:" ";
    grid-area:1/1/2/2;
    display:table
}
.w-nav:after{
    clear:both
}
.w-nav-brand{
    float:left;
    color:#333;
    text-decoration:none;
    position:relative
}
.w-nav-link{
    vertical-align:top;
    color:#222;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    padding:20px;
    text-decoration:none;
    display:inline-block;
    position:relative
}
.w-nav-link.w--current{
    color:#0082f3
}
.w-nav-menu{
    float:right;
    position:relative
}
[data-nav-menu-open]{
    text-align:center;
    min-width:200px;
    background:#c8c8c8;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    overflow:visible;
    display:block!important
}
.w--nav-link-open{
    display:block;
    position:relative
}
.w-nav-overlay{
    width:100%;
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    overflow:hidden
}
.w-nav-overlay [data-nav-menu-open]{
    top:0
}
.w-nav[data-animation=over-left] .w-nav-overlay{
    width:auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open]{
    z-index:1;
    top:0;
    right:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay{
    width:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open]{
    z-index:1;
    top:0;
    left:auto
}
.w-nav-button{
    float:right;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:18px;
    font-size:24px;
    display:none;
    position:relative
}
.w-nav-button:focus{
    outline:0
}
.w-nav-button.w--open{
    color:#fff;
    background-color:#c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu{
    display:none
}
.w-nav[data-collapse=all] .w-nav-button,.w--nav-dropdown-open,.w--nav-dropdown-toggle-open{
    display:block
}
.w--nav-dropdown-list-open{
    position:static
}

/* icons */

@font-face {
  font-family: 'icomoon';
  src:  url('https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/icomoon.eot?h0cm7w');
  src:  url('https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/fonts/icomoon.eot?h0cm7w#iefix') format('embedded-opentype'),
    url('https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/icomoon.ttf?h0cm7w') format('truetype'),
    url('https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/icomoon.woff?h0cm7w') format('woff'),
    url('https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/icomoon.svg?h0cm7w#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
  content: "\e905";
  color: #000;
  cursor: pointer;
}
.icon-linkedin:before {
  content: "\e900";
}
.icon-up:before {
  content: "\e901";
}
.icon-right:before {
  content: "\e902";
}
.icon-left:before {
  content: "\e903";
}
.icon-down:before {
  content: "\e904";
}

.hs-form-booleancheckbox-display label, .hs-form-booleancheckbox-display label span {
  font-weight:300;
  text-transform:none;
}

@media screen and (max-width:991px){
    .w-nav[data-collapse=medium] .w-nav-menu{
        display:none
    }
    .w-nav[data-collapse=medium] .w-nav-button{
        display:block
    }
}
@media screen and (max-width:767px){
    .w-nav[data-collapse=small] .w-nav-menu{
        display:none
    }
    .w-nav[data-collapse=small] .w-nav-button{
        display:block
    }
    .w-nav-brand{
        padding-left:10px
    }
}
@media screen and (max-width:479px){
    .w-nav[data-collapse=tiny] .w-nav-menu{
        display:none
    }
    .w-nav[data-collapse=tiny] .w-nav-button{
        display:block
    }
}
.w-tabs{
    position:relative
}
.w-tabs:before,.w-tabs:after{
    content:" ";
    grid-area:1/1/2/2;
    display:table
}
.w-tabs:after{
    clear:both
}
.w-tab-menu{
    position:relative
}
.w-tab-link{
    vertical-align:top;
    text-align:left;
    cursor:pointer;
    color:#222;
    background-color:#ddd;
    padding:9px 30px;
    text-decoration:none;
    display:inline-block;
    position:relative
}
.w-tab-link.w--current{
    background-color:#c8c8c8
}
.w-tab-link:focus{
    outline:0
}
.w-tab-content{
    display:block;
    position:relative;
    overflow:hidden
}
.w-tab-pane{
    display:none;
    position:relative
}
.w--tab-active{
    display:block
}
@media screen and (max-width:479px){
    .w-tab-link{
        display:block
    }
}
.w-ix-emptyfix:after{
    content:""
}
@keyframes spin{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
.w-dyn-empty{
    background-color:#ddd;
    padding:10px
}
.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible{
    display:none!important
}
.wf-layout-layout{
    display:grid
}
:root{
    --vitruvi-aegean-blue:#334b5c;
    --vitruvi-light-blue:#7ca0b6;
    --vitruvi-grey:#55585a;
    --vitruvi-silver-blue:#e8edf3;
    --white:white;
    --dim-grey:#54585b;
    --vitruvi-yellow:#e8bc29;
    --vitruvi-slate-blue:#517992;
    --vitruvi-steel-blue:#517992;
    --virtuvi-dark-slate-grey:#334b5c;
    --black:black;
    --vitruvi-teal:#11333d;
    --vitruvi-slate-grey:#658ca3;
    --vitruvi-light-grey:#6598af;
    --vitruvi-cadet-blue:#5292a8;
    --vitruvi-steel:#3c8aa1
}
.w-layout-grid{
    grid-row-gap:16px;
    grid-column-gap:16px;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    display:grid
}
body{
    color:#334b5c;
    font-size:16px;
    line-height:1.6
}
h1{
    color:var(--vitruvi-aegean-blue);
    margin-top:0;
    margin-bottom:30px;
    font-family:Heebo,sans-serif;
    font-size:80px;
    font-weight:900;
    line-height:90px
}
h2{
    color:var(--vitruvi-aegean-blue);
    margin-top:0;
    margin-bottom:0;
    font-family:Heebo,sans-serif;
    font-size:32px;
    font-weight:900;
    line-height:40px
}
h3{
    color:var(--vitruvi-light-blue);
    margin-top:0;
    margin-bottom:0;
    font-family:Heebo,sans-serif;
    font-size:32px;
    font-weight:300;
    line-height:40px
}
h4{
    color:var(--vitruvi-aegean-blue);
    margin-top:0;
    margin-bottom:30px;
    font-family:Heebo,sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:28px
}
h5{
    color:var(--vitruvi-aegean-blue);
    margin-top:30px;
    margin-bottom:0;
    font-family:Heebo,sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:20px
}
h6{
    margin-top:0;
    margin-bottom:0;
    font-family:Montserrat,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:24px
}
p{
    color:var(--vitruvi-grey);
    margin-bottom:0;
    font-family:Montserrat,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:28px
}
a{
    text-decoration:none
}
.container{
    z-index:2;
    width:1180px;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    position:relative
}
.container.nav{
    justify-content:flex-start;
    align-items:center;
    display:flex;
    position:static
}
.container.h_s3{
    position:static
}
.container.h_s7{
    justify-content:space-between;
    align-items:flex-start;
    display:flex
}
.container.flex_ac_jc{
    justify-content:center;
    align-items:center;
    display:flex
}
.container.flex_ac_jc.pricing_s2{
    flex-direction:column;
    align-items:flex-start
}
.container.flex_as_js{
    align-items:flex-start;
    display:flex
}
.container.flex_as_js.cp_s2{
    position:static
}
.container.flex_as_js.support_s2{
    flex-direction:column;
    position:static
}
.container.flex_ac_js{
    justify-content:space-between;
    align-items:center;
    display:flex
}
.container.flex_ac_js.cp_s4{
    position:static
}
.container.flex_ac_js.cm_s4,.container.flex_ac_js.careers_s5{
    flex-direction:column
}
.container.flex_ac_js.careers_s3{
    padding-left:50px;
    padding-right:50px;
    display:block
}
.container.flex_ac_je{
    background-color:var(--vitruvi-silver-blue);
    justify-content:flex-end;
    align-items:center;
    display:block
}
.container.flex_ac_je.company_s6{
    background-color:transparent
}
.container.lower_footer{
    justify-content:space-between;
    align-items:center;
    display:flex;
    position:static
}
.container.solutions_dropdown.company{
    justify-content:flex-end;
    display:flex
}
.container.h_s1{
    position:relative
}
.container.h_s2{
    justify-content:flex-end;
    align-items:center;
    padding-top:0;
    display:flex
}
.container.h_s5{
    text-align:left;
    flex-direction:column;
    align-items:center;
    display:flex
}
.container.footer1{
    justify-content:space-between;
    align-items:flex-start;
    display:flex;
    position:static
}
.container.bsg_s1{
    flex-flow:wrap;
    align-content:center;
    justify-content:center;
    align-items:stretch;
    margin-top:81px;
    display:flex
}
.container.bsg_s2{
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    display:flex
}
.container.vsg_s1{
    text-align:center;
    justify-content:center;
    align-items:flex-start;
    display:flex
}
.container.vsg_s2{
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    display:flex
}
.container.vsg_s6{
    flex-direction:row;
    justify-content:flex-end;
    align-items:flex-start;
    padding-top:120px;
    padding-bottom:60px;
    display:flex
}
.container.vsg_s3,.container.vsg_s4{
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    display:flex
}
.container.built{
    margin-bottom:-500px
}
.container.footer-v1{
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    padding-top:60px;
    padding-bottom:60px;
    display:flex
}
.container.cp_s2-v1{
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    display:flex;
    position:static;
    padding:0;
    margin:0;
}
.container.pricing-s1-v1{
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    padding-top:100px;
    padding-bottom:140px;
    display:flex
}
.container.customer-logos{
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    padding-bottom:25px;
    display:flex
}
.container.world-map{
    width:auto;
    margin-left:0;
    margin-right:0;
    padding:60px 20px
}
.container.faq{
    padding-top:100px;
    padding-bottom:100px
}
.container.mini-footer{
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    padding-top:20px;
    padding-bottom:20px;
    display:flex
}
.nav_toggle{
    color:#54585b;
    flex-direction:row;
    align-items:center;
    padding:30px 10px;
    font-size:16px;
    line-height:16px;
    display:flex
}
.nav-menu{
    align-items:center;
    margin-left:35px;
    display:flex
}
.icon{
    color:#89a9bd;
    margin:0 0 0 10px;
    position:static
}
.nav_dropdown{
    margin-right:15px
}
.nav_dropdown:hover{
    background-color:var(--vitruvi-silver-blue)
}
.nav-link{
    color:#54585b;
    margin-right:15px;
    padding:30px 10px;
    font-size:16px;
    line-height:16px
}
.nav-link:hover{
    background-color:var(--vitruvi-silver-blue)
}
.nav-link.w--current{
    color:var(--dim-grey)
}
.nav_support{
    width:105px;
    height:35px;
    color:#fff;
    background-color:#507890;
    justify-content:center;
    align-items:center;
    padding:0;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    display:flex
}
.nav_support:hover{
    background-color:#334b5c
}
.nav_demo{
    width:110px;
    height:35px;
    color:#fff;
    background-color:#7ca0b6;
    justify-content:space-between;
    align-items:center;
    margin-left:10px;
    padding-left:20px;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative
}
.nav_demo:hover{
    color:#334b5c;
    background-color:#e8bc28
}

.icon-2{
    margin:0;
    position:static;
    top:-2px;
    transform:rotate(-90deg)
}
.section.h_s2{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/Vector-Smart-Object1.png);
    background-position:100% 100%;
    background-repeat:no-repeat;
    background-size:auto;
    margin-top:-2px;
    display:block;
    position:relative;
    overflow:hidden
}
.section.h_s3{
    background-color:#e8edf3;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/Vector-Smart-Object-copy-3.png);
    background-position:180% 60%;
    background-repeat:no-repeat;
    background-size:auto;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    display:block;
    position:relative;
    overflow:hidden
}
.section.h_s5{
    display:block;
    position:relative
}
.section.h_s5.howitworks{
    padding-bottom:0
}
.section.h_s6{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df66b1ad63e85a86d0a9ab_Vector-Smart-Object-copy.png),url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df66b1c4447956f1b22e64_Vector%20Smart%20Object2.png),url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6255a099e0fd0c7f4584c42d_60ce8950061e1e3db7af68e2_BG3.jpg);
    background-position:100% 100%,0 100%,50%;
    background-repeat:no-repeat,no-repeat,repeat;
    background-size:auto,auto,cover;
    margin-top:40px;
    padding-top:140px;
    padding-bottom:100px;
    display:block
}
.section.h_s7{
    background-color:#e8edf3;
    padding-top:100px;
    padding-bottom:100px;
    display:block;
    position:relative
}
.section.h_s7.h_s100{
    padding-top:140px
}
.section.h_s7.h_s100.why_section5{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625ebe661fc935203592f19a_new_bg2.png);
    background-position:0 0;
    background-size:contain;
    padding-top:100px;
    padding-bottom:100px
}
.section.h_s7.testiomnials_why{
    padding-top:100px;
    padding-bottom:100px
}
.section.h_s8{
    background-color:#e8edf3;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625e13908caafd9a5cb9e497_new_bg1.png);
    background-position:0 0;
    background-repeat:repeat-y;
    background-size:contain;
    padding-top:235px;
    padding-bottom:140px;
    display:block
}
.section.h_s9{
    display:block
}
.section.h_s10{
    padding-top:60px;
    padding-bottom:60px;
    display:block
}
.section.h_s11{
    height:100px;
    background-color:#e8edf3;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d19599af9d81c0ee58478b_60cc9851a2a1d349f3912744_lines_.png);
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:auto;
    position:relative;
    overflow:hidden
}
.section.h_s12{
    background-color:#e8edf3;
    padding-top:100px
}
.section.tos_s1{
    height:444px;
    background-image:url("https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d3247f7981600a51083084_banner%20photo%20%281%29%201%20%281%29.png");
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:cover;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    display:flex
}
.section.tos_s2{
    background-color:#e8edf3;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d32a3089b2c50f73d269d4_Vector%20Smart%20Object.png);
    background-position:100% 100%;
    background-repeat:no-repeat;
    background-size:auto;
    padding-top:150px;
    padding-bottom:150px
}
.section.cp_s1{
    height:444px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d50c79b35ebd312752f69a_bannerphoto.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    display:flex
}
.section.cp_s3{
    background-color:var(--vitruvi-silver-blue);
    margin-top:0;
    padding-top:100px;
    padding-bottom:420px;
    position:relative;
    overflow:hidden
}
.section.cp_s3.product_updates_section{
    margin-top:auto;
    padding-top:100px;
    padding-bottom:0
}
.section.cp_s2{
    background-color:var(--vitruvi-silver-blue);
    padding-top:100px
}
.section.cp_s4{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d5d918beaa97c16d056d31_0BG.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    padding-top:140px;
    padding-bottom:140px;
    position:relative
}
.section.cm_s1{
    height:444px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d5ffb59ff1af7ae02098e1_banner%20photo.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:cover;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-top:40px;
    display:flex
}
.section.cm_s2{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d601217b1252ee1256dc2a_0photo.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    padding-top:100px;
    padding-bottom:200px
}
.section.cm_s3{
    margin-top:-1px
}
.section.cm_s4{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/photo-1.png);
    background-position:50%;
    background-size:cover;
    padding-top:180px;
    padding-bottom:180px
}
.section.cm_s5.why_s5{
    background-color:var(--vitruvi-silver-blue);
    padding-top:0;
    padding-bottom:100px
}
.section.cm_s6{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d63ae78d0859026a445657_image.webp);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    padding-top:200px;
    padding-bottom:200px
}
.section.cm_s7{
    background-color:var(--vitruvi-silver-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d19599af9d81c0ee58478b_60cc9851a2a1d349f3912744_lines_.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:auto;
    padding-top:160px;
    padding-bottom:200px;
    position:relative;
    overflow:hidden
}
.section.careers_s1{
    height:520px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60dc829f5a0935d1ec4d615a_Careers.png);
    background-position:50% 10%;
    background-repeat:no-repeat;
    background-size:cover;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-top:40px;
    display:flex
}
.section.careers_s4{
    background-color:var(--vitruvi-silver-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d19599af9d81c0ee58478b_60cc9851a2a1d349f3912744_lines_.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:auto;
    padding-top:160px;
    padding-bottom:240px;
    position:relative
}
.section.careers-_s6{
    background-color:var(--vitruvi-silver-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d19599af9d81c0ee58478b_60cc9851a2a1d349f3912744_lines_.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:auto;
    padding-top:160px;
    padding-bottom:226px;
    position:relative;
    overflow:hidden
}
.section.careers_s5{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d62609ec2d76608ef7871d_photo%20\%281\%29.png);
    background-position:50%;
    background-size:cover;
    padding-top:180px;
    padding-bottom:180px
}
.section.careers_s3{
    background-color:var(--vitruvi-light-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/Careers_Photo_2.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    padding-top:60px;
    padding-bottom:60px
}
.section.leadership_s1{
    height:520px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60dd88667732a73dce91e766_Leadership_Image_1.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-top:40px;
    display:flex
}
.section.leadership_s3{
    background-color:var(--vitruvi-aegean-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60dd8f846b734b211008ae6d_Leadership_Image_10%20\%281\%29.png),url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60dd8899c762ce981f4b4a7e_Leadership_Image_10.png);
    background-position:147% 100%,50%;
    background-repeat:no-repeat,repeat;
    background-size:auto,cover;
    padding-top:100px;
    padding-bottom:100px
}
.section.leadership_s4{
    padding-top:100px;
    padding-bottom:100px
}
.section.leadership_s5{
    background-color:var(--vitruvi-silver-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d19599af9d81c0ee58478b_60cc9851a2a1d349f3912744_lines_.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:auto;
    padding-top:160px;
    padding-bottom:100px;
    position:relative
}
.section.pricing_s1{
    height:444px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625e56d732d684cb29bd376a_product-updates-main-banner.jpg);
    background-position:50% 100%;
    background-repeat:no-repeat;
    background-size:cover;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    display:flex
}
.section.pricing_s2{
    background-color:var(--vitruvi-silver-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60e024d060149045c4f7c82c_spool.png);
    background-position:100% 70%;
    background-repeat:no-repeat;
    background-size:auto;
    padding-top:60px;
    padding-bottom:50px
}
.section.pricing_s3{
    background-color:#e8edf3;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60cc9851a2a1d349f3912744_lines_.png);
    background-position:50% -17%;
    background-repeat:no-repeat;
    background-size:auto;
    position:relative;
    overflow:hidden
}
.section.support_s1{
    height:444px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60dfa0cf248f30101666c623_banner%20photo1.1.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    display:flex
}
.section.pricing{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    padding-top:200px;
    padding-bottom:200px
}
.section.support_s3{
    background-color:var(--vitruvi-silver-blue);
    margin-top:-305px;
    padding-top:450px;
    padding-bottom:350px;
    position:relative;
    overflow:hidden
}
.section.support_s2{
    background-color:var(--vitruvi-silver-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60e09ae96014901fb4f9a594_5G%20tower.png);
    background-position:100%;
    background-repeat:no-repeat;
    background-size:auto;
    padding-top:100px
}
.section.search_s1{
    height:100vh;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60dd88667732a73dce91e766_Leadership_Image_1.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    justify-content:center;
    align-items:center;
    display:flex
}
.section.search_results_s1{
    background-color:var(--vitruvi-silver-blue);
    margin-top:74px;
    padding-top:100px;
    padding-bottom:100px
}
.section.bsg_s1{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/618bd502561d2006e7e507a3_BSG_Header_Image.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    padding-top:80px;
    padding-bottom:100px
}
.section.bsg_s2{
    padding-top:40px;
    padding-bottom:160px
}
.section.bg_white{
    background-color:var(--white)
}
.section.vsg_s1{
    height:100vh;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/61941c55803fa8373e8c8933_banner.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:scroll;
    justify-content:center;
    align-items:center;
    display:flex
}
.section.vsg_s2{
    padding-top:40px;
    padding-bottom:160px
}
.section.vsg_s3{
    background-color:#e8edf3;
    padding-top:40px;
    padding-bottom:160px
}
.section.vsg_s4{
    padding-top:40px;
    padding-bottom:160px
}
.section.vsg_s5{
    background-color:var(--vitruvi-silver-blue);
    padding-top:40px;
    padding-bottom:65px
}
.section.footer-v1{
    background-color:#e8edf3
}
.section.cp_s2-v1,.section.pricing-s1-v1{
    background-color:var(--vitruvi-silver-blue)
}
.section.faq.hide{
    display:none
}
.section.mini-footer{
    background-color:#465868
}
.h_s1_left_wrapper{
    width:50%
}
.h_s1_button_container{
    align-items:center;
    margin-top:30px;
    display:flex
}
.link-block{
    height:48px;
    color:#fff;
    font-family:heebo, sans-serif;
    background-color:#7ca0b6;
    flex-direction:row;
    flex:0 auto;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    justify-content:space-between;
    align-items:center;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.link-block:hover{
    color:#334b5c!important;
    background-color:#e8bc28
}
.link-block.log_in{
    background-color:var(--white);
    color:#7ca0b6
}
.link-block.log_in:hover{
    background-color:var(--vitruvi-yellow);
    color:var(--vitruvi-aegean-blue)
}
.link-block.link-block-1{
    max-width:200px;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    margin-left:20px;
    display:flex
}
.link-block.link-block-19{
    width:170px;
    align-items:center;
    margin-top:100px;
    margin-bottom:0;
    margin-left:40px;
    padding-left:0
}
.link-block.link_block20{
    margin-top:20px
}
.link-block.link-block-200{
    align-self:flex-start;
    margin-top:40px
}
.link-block.link-block-200.link-block-207{
    width:210px
}
.link-block.link-block-202{
    order:0;
    justify-content:space-between;
    align-self:stretch;
    align-items:center;
    margin-left:0;
    padding-left:0
}
.link-block.link-block-203{
    width:220px
}
.link-block.link-block-204{
    align-self:flex-start
}
.link-block.link-block-255{
    width:200px;
    justify-content:space-between;
    align-items:center;
    margin-top:25px
}
.link-block.link-block-255.mm_button1{
    margin-top:40px;
    margin-left:60px
}
.footer_arrow_wrapper{
    width:48px;
    height:48px;
    background-color:#e8bc28;
    justify-content:center;
    align-items:center;
    padding-left:0;
    display:flex
}
.footer_arrow{
    margin:0;
    position:static;
    top:-2px;
    transform:rotate(-90deg)
}
.h_s2_left_wrapper{
    width:50.1%;
    height:100%;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6255ab58ac9006ffb44ce021_vitruvi-Infographic_recoloured_resize.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:cover;
    flex:0 50%;
    position:absolute;
    top:30px
}
.h_s2_right_wrapper{
    flex:0 50%;
    padding-top:110px;
    padding-bottom:100px;
    padding-left:50px
}
.white_text{
    color:#fff
}
.white_text._4px_bottom{
    margin-bottom:4px
}
.h_s2_hd_size{
    width:420px
}
.h_s2_sh_wrapper{
    color:#7ca0b6;
    align-items:center;
    margin-top:30px;
    margin-bottom:40px;
    font-size:22px;
    font-weight:300;
    line-height:32px;
    display:flex
}
.h_s3_hd_wrapper{
    justify-content:space-between;
    align-items:center;
    margin-bottom:90px;
    display:flex
}
.h_s3_yellow_line{
    width:5px;
    height:161px;
    background-color:#e8bc28;
    margin-right:40px
}
.h_s3_text_size{
    width:550px;
    justify-content:flex-start;
    align-items:center;
    display:none
}
.h_s3_right_wrapper{
    justify-content:space-between;
    align-items:center;
    display:flex
}
.h_s3_tab_link{
    width:205px;
    height:69px;
    color:#fff;
    background-color:#658ca3;
    justify-content:flex-start;
    align-items:center;
    padding:15px 20px 14px;
    font-size:15px;
    font-weight:700;
    display:flex
}
.h_s3_tab_link:hover{
    background-color:var(--vitruvi-silver-blue);
    color:var(--vitruvi-aegean-blue);
    box-shadow:0 4px 12px rgba(51,75,92,.35);
  font-weight:bold;
  text-decoration:none;
}
.h_s3_tab_link.w--current{
    background-color:#658ca3
}
.h_s3_tab_link.cost{
    background-color:#7aa0b6
}
.h_s3_tab_link.cost:hover{
    background-color:var(--vitruvi-silver-blue)
}
.h_s3_tab_link.schedule{
    background-color:#6598af
}
.h_s3_tab_link.schedule:hover{
    background-color:var(--vitruvi-silver-blue)
}
.h_s3_tab_link.quality{
    background-color:#5292a8
}
.h_s3_tab_link.quality:hover{
    background-color:var(--vitruvi-silver-blue)
}
.h_s3_tab_link.resources{
    background-color:#3c8aa1
}
.h_s3_tab_link.resources:hover{
    background-color:var(--vitruvi-silver-blue)
}
.h_s3_tab_link.all{
    width:90px;
    background-color:#537386;
    justify-content:center
}
.h_s3_tab_link.all:hover{
    background-color:var(--vitruvi-silver-blue);
    color:var(--vitruvi-light-blue)
}
.h_s3_tab_menu{
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    justify-content:space-between;
    margin-bottom:8px;
    display:grid
}
.h_s3_tab_icon{
    margin-right:26px
}
.h_s3_tab_cortainer{
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    margin-left:120px;
    display:grid
}
.h_s3_tab_cortainer.laptop_hide{
    display:none
}
.h_s3_tab_wrapper{
    width:205px;
    height:137px;
    color:var(--vitruvi-aegean-blue);
    background-color:#fff;
    justify-content:flex-start;
    align-items:center;
    padding:40px 10px 40px 12px;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    display:flex
}
.h_s3_tab_wrapper:hover{
    border:1px solid #7da0b6;
    box-shadow:1px 1px 12px #a0a0a0
}
.h_s3_tab_wrapper.blur{
    background-color:var(--vitruvi-silver-blue);
    opacity:.25;
    cursor:default
}
.h_s3_tab_wrapper.blur:hover{
    box-shadow:none;
    border-style:none
}
.h_s3_tab_image{
    margin-right:20px
}
.h_s3_image{
    z-index:1;
    position:absolute;
    top:0%;
    bottom:0%;
    left:32%;
    right:auto
}
.h_s3_text_container{
    z-index:2;
    width:550px;
    height:485px;
    background-color:var(--vitruvi-aegean-blue);
    background-image:none;
    background-repeat:repeat;
    background-size:auto;
    flex-direction:column;
    justify-content:space-between;
    display:flex;
    position:absolute;
    top:95px;
    bottom:0%;
    left:5%;
    right:auto
}
.h_s3_text_wrapper{
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    margin-top:60px;
    padding-left:80px;
    padding-right:80px;
    display:flex
}
.h_s3_line{
    height:7px;
    background-color:#e8bc28
}
.text-block{
    margin-top:35px;
    margin-bottom:35px
}
.h_s5_tab{
    margin-top:45px
}
.h_s5_tab_link{
    width:230px;
    height:69px;
    color:#fff;
    background-color:#7aa0b6;
    justify-content:center;
    align-items:center;
    padding:0;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    display:flex
}
.h_s5_tab_link.w--current{
    color:#334b5c;
    background-color:#fff;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.h_s5_tab_menu{
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    margin-bottom:50px;
    display:grid
}
.h_s5_image_pc{
    width:100%;
    height:100%;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6255c719690ef76644e4e92c_60e51642ba068d9a955db7fa_engineering%20managers_resize.jpg);
    background-repeat:repeat;
    background-size:cover;
    position:absolute;
    top:0%;
    bottom:auto;
    left:-50%;
    right:auto
}
.h_s5_image_pc._1{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60e51633966c7353bc596b42_project%20managers.png)
}
.h_s5_image_pc._2{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60e5165f3eb40f9b31b2d224_construction%20managers.png)
}
.h_s5_image_pc._3{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60e5163ebf58a034b8fea942_field%20technicians.png)
}
.h_s5_image_pc._4{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60e516577d341b8227faec04_corporate.webp)
}
.h_s5_wrapper{
    justify-content:flex-end;
    align-items:center;
    display:flex
}
.h_s5_text_container{
    flex:0 50%;
    padding-bottom:20px;
    padding-left:50px
}
.h_s5_contant{
    align-items:flex-start;
    margin-bottom:40px;
    display:flex
}
.h_s5_text_wrapper{
    color:#54585b;
    padding-left:40px;
    font-family:Montserrat,sans-serif;
    line-height:24px
}
.h_s5_sb_wrapper{
    color:#7ca0b6;
    justify-content:space-between;
    align-items:center;
    padding:30px 40px 65px 80px;
    font-size:24px;
    font-weight:300;
    line-height:42px;
    display:flex
}
.h_s5_tab_content{
    overflow:visible
}
.h_s6_grid{
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr 1fr;
    grid-auto-columns:1fr;
    display:grid;
    position:relative
}
.h_s6_grid_wrapper{
    width:388px;
    height:389px;
    background-color:#7ca0b6;
    padding:75px 50px
}
.h_s6_grid_wrapper2{
    height: 56%;
    width: 73%;
    grid-column-gap:40px;
    grid-row-gap:40px;
    color:#11333d;
    background-color:#e8bc28;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    align-content:center;
    padding:110px 60px 95px 70px;
    line-height:24px;
    position:absolute;
    top:auto;
    bottom:-3%;
    left:auto;
    right:-6%;
    box-shadow:0 0 40px 10px rgba(51,75,92,.35)
}
.h_s6_text_wrapper{
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    align-content:end;
    justify-content:space-between;
    align-items:flex-start;
    display:flex
}
.h_s7_slider_wrapper{
    justify-content:flex-start;
    align-items:flex-start;
    margin-top:40px;
    margin-left:40px;
    margin-right:40px;
    display:flex;
    position:relative
}
.h_s7_slider_line{
    width:5px;
    height:241px;
    background-color:#e8bc28;
    position:absolute
}
.h_s7_image{
    margin-bottom:25px
}
.h_s7_test_wrapper{
    color:#7ca0b6;
    margin-bottom:35px;
    font-size:22px;
    font-weight:300;
    line-height:32px
}
.h_s7_text_container{
    padding-left:40px;
    padding-right:60px
}
.h_s8_grid{
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template:"Area-2"286px"Area"/1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    align-content:stretch;
    align-items:stretch;
    justify-items:stretch;
    display:grid;
    position:relative;
    top:-522px;
    left:4px
}
.h_s8_grid_wrapper{
    width:286px;
    height:284px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df6896df8a0cb60c37c216_img1.5.png),url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df68963869170101d24f3f_img1.4.png),url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df6896e80d800f89a6a504_img1.3.png),url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df689602ff82c13dbbd8fd_img1.2.png),url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df6896365ff21a41fbe76e_img1.1.png);
    background-position:50%,50%,50%,50%,50%;
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
    background-size:cover,cover,cover,cover,cover;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;
    padding-bottom:12px;
    display:flex
}
.h_s8_grid_wrapper.fiber-broadband{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df6896365ff21a41fbe76e_img1.1.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:12px
}
.h_s8_grid_wrapper.wireless-5g{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df689602ff82c13dbbd8fd_img1.2.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
}
.h_s8_grid_wrapper.power-transmission-distribution{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df6896e80d800f89a6a504_img1.3.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
}
.h_s8_grid_wrapper.gas-transmission-distribution{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df68963869170101d24f3f_img1.4.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
}
.h_s8_grid_wrapper.renewablepower{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df6896df8a0cb60c37c216_img1.5.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
}
.h_s8_grid_wrapper.whyvitruvi{
    border-bottom:4px solid var(--vitruvi-yellow);
    background-color:var(--vitruvi-aegean-blue);
    color:var(--vitruvi-aegean-blue);
    background-image:none;
    justify-content:space-between;
    align-items:flex-start;
    padding:23px 24px 24px 23px
}
.h_s8_line{
    width:100px;
    height:5px;
    background-color:#e8bc28;
    margin-bottom:16px
}
.h_s8_grid_container{
    width:950px;
    height:522px;
    background-color:#7ca0b6;
    justify-content:flex-end;
    align-items:flex-start;
    display:flex;
    position:relative;
    bottom:237px;
    left:-363px
}
.h_s8_grid_wrapper2{
    width:490px;
    margin-top:100px;
    margin-right:92px;
    padding-right:0
}
.div-block-10-copy{
    width:750px;
    justify-content:flex-start;
    align-items:center;
    display:flex
}
.h_s9_grid{
    grid-column-gap:50px;
    grid-row-gap:50px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    padding-left:100px;
    padding-right:100px;
    display:grid
}
.h_s11_text_wrapper{
    color:#fff;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    padding-top:0;
    padding-left:50px;
    padding-right:50px;
    font-size:22px;
    font-weight:700;
    line-height:32px;
    display:flex
}
.h_s11_text_wrapper.pu_wrapper{
    height:100%;
    justify-content:space-between;
    align-items:flex-start;
    padding-top:40px;
    padding-bottom:40px
}
.h_s11_text_wrapper.contact_wrapper{
    padding-top:40px
}
.h_s11_text_container{
    width:550px;
    height:519px;
    background-color:#425c6a;
    flex-direction:column;
    justify-content:space-between;
    align-items:stretch;
    padding-top:90px;
    display:flex;
    position:absolute;
    top:85px;
    bottom:0%;
    left:auto;
    right:3%
}
.footer_lower{
    justify-content:space-between;
    margin-top:45px;
    padding-top:24px;
    padding-bottom:16px;
    display:flex;
    position:relative
}
.lower_footer_link{
    color:#e8edf3;
    padding-left:10px
}
.footer_follow_us{
    color:#334b5c;
    align-items:center;
    font-family:Heebo,sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:20px;
    text-decoration:none;
    display:flex
}
.h_s9_yellow_line{
    width:5px;
    height:150px;
    background-color:#e8bc28;
    margin-right:45px
}
.footer_logo{
    margin-bottom:56px
}
.footoer_adderss{
    margin-bottom:20px;
    font-size:18px;
    font-weight:300;
    line-height:24px
}
.footer_left{
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    display:flex
}
.footer_hd_container{
    justify-content:space-between;
    align-items:center;
    display:flex
}
.footer_hd_wrapper{
    justify-content:center;
    align-items:center;
    margin-right:80px;
    display:flex
}
.footer_hd_wrapper.pc_hide{
    display:none
}
.footer_platform,.footer_company{
    margin-right:70px
}
.footer_line{
    width:auto;
    height:1px;
    background-color:#b2c6d4;
    margin-top:20px;
    margin-bottom:20px
}
.footer_main_comtainer{
    justify-content:space-between;
    align-items:flex-start;
    display:flex
}
.footer_platform_link{
    color:#54585b;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    margin-right:40px;
    padding-left:0;
    font-family:Montserrat,sans-serif;
    font-weight:400;
    line-height:18px;
    display:flex
}
.footer_solutions_link{
    display:flex
}
.footer_functionality{
    flex-direction:column;
    display:flex
}
.footer_links_container{
    align-items:flex-start;
    display:flex
}
.footer_link2,.footer_link4{
    margin-bottom:10px
}
.footer_support_links{
    color:#54585b;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    font-family:Montserrat,sans-serif;
    font-weight:400;
    line-height:18px;
    display:flex
}
.footer_right{
    width:auto;
    flex-direction:column;
    justify-content:space-between;
    align-items:stretch;
    display:flex
}
.footere_wrapper2{
    justify-content:space-between;
    align-items:stretch;
    margin-top:10px;
    display:flex
}
.footer_link3{
    margin-right:75px
}
.footer_link_wrapper{
    display:flex
}
.footer_line2{
    width:98%;
    height:1px;
    background-color:#b2c6d4;
    margin-top:20px;
    margin-bottom:20px
}
.footer_link_container{
    width:510.764px;
    flex-direction:column;
    justify-content:flex-end;
    display:flex
}
.h_s3_wrapper2{
    height:550px;
    position:relative
}
.h_s3_bg_space{
    height:220px;
    background-color:#fff
}
.h_s3_tab_content{
    overflow:visible
}
.h_s3_tab{
    z-index:1;
    margin-bottom:120px
}
.div-block-70{
    width:35px;
    height:35px;
    background-color:#e8bc28;
    justify-content:center;
    align-items:center;
    display:flex
}
.h_s5_container{
    text-align:center;
    flex-direction:column;
    padding-top:100px;
    padding-bottom:100px;
    display:flex
}
.h_s5_container.how_s1{
    padding-top:0
}
.h_s5_overflow_hide{
    overflow:hidden
}
.h_s5_bg_image{
    display:inline-block;
    position:absolute;
    top:62%;
    bottom:auto;
    left:10%;
    right:auto
}
.h_s10_slider{
    height:auto;
    background-color:transparent
}
.h_s10_slide_nav{
    display:none
}
.h_s10_left_arrow{
    width:auto;
    top:auto;
    bottom:-138%;
    left:37%;
    right:auto
}
.h_s10_right_arrow{
    width:auto;
    top:auto;
    bottom:-138%;
    left:auto;
    right:36%
}
.nav_search{
    margin-right:20px
}
.h_s2_sub_heading{
    width:410px;
    border-left:5px solid var(--vitruvi-yellow);
    margin-left:50px;
    padding-left:35px
}
.h_s3_bg_line{
    width:950px;
    height:800px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/lines_1.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
    top:0%;
    bottom:auto;
    left:-22.7%;
    right:auto
}
.h_s5_tab_icon{
    box-shadow:6px 6px 15px -2px rgba(51,75,92,.59)
}
.h_s6_left_text{
    width:48%;
    margin-right:90px;
    font-size: 15px;
}
.h_s6_right_text{
    width:320px;
    font-size: 15px;
}

.h_s9_grid_wrapper{
    width:208px;
    height:208px;
    background-color:#4e6576;
    justify-content:center;
    align-items:center;
    display:flex;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.h_s9_grid_wrapper.h_s9_spacing{
    margin-top:20px
}
.h_s10_logo_wrapper{
    justify-content:space-between;
    align-items:center;
    display:flex
}
.deom_button{
    height:48px;
    font-family:heebo, sans-serif;
    color:#fff;
    background-color:#7ca0b6;
    justify-content:space-between;
    align-items:center;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.deom_button:hover{
    color:#334b5c;
    background-color:#e8bc28;
    text-decoration:none
}
.home_container{
    position:relative;
    overflow:hidden
}
.h_s7_bg_line{
    height:1410px;
    position:absolute;
    top:528px;
    bottom:0%;
    left:49.5%;
    right:auto;
    overflow:hidden
}
.nav_number{
    position:absolute;
    left:-25px
}
.nav_number.hide{
    display:none
}
.h_s10_nav{
    width:200px;
    height:1px;
    color:#7ca0b6;
    background-color:#7ca0b6;
    align-items:center;
    font-family:Open Sans,sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:30px;
    display:flex;
    position:absolute;
    top:auto;
    bottom:-127%;
    left:42%;
    right:0%
}
.h_s10_nav_number{
    position:absolute;
    left:-25px
}
.h_s10_nav_number2{
    position:absolute;
    left:210px
}
.h_s10_yellow_line{
    width:50px;
    height:7px;
    background-color:#e8bc29
}
.h_s10_yellow_line._100_px{
    width:100px
}
.h_s11_wrapper{
    height:690px;
    margin-top:-28px
}
.h_s7_left{
    width:auto;
    padding-top:0
}
.h_s2_mobile_bg,.h_s5_image_mobile{
    display:none
}
.footer_download_wrapper{
    width:290px
}
.footer_download_wrapper.mobile_footer{
    display:none
}
.h_s10_logo.esri{
    width:15%
}
.footer_links_wrapper,.footer_links_container2{
    align-items:flex-start;
    display:flex
}
.footer_hd_wrapper2{
    justify-content:center;
    align-items:center;
    margin-right:80px;
    display:flex
}
.footer_role{
    flex-direction:column;
    margin-left:40px;
    display:flex
}
.h_s7_rating.footer_rating{
    width:232px;
    height:38px;
    max-width:none;
    float:right;
    margin-top:25px
}
.heading-10{
    color:#fff;
    border-bottom:8px solid #e8bc28;
    margin-bottom:0;
    padding-bottom:25px;
    font-family:Open Sans,sans-serif;
    font-size:80px;
    font-weight:700;
    line-height:90px
}
.div-block-91{
    align-items:center;
    margin-top:40px;
    display:flex
}
.link-blocks-2-copy{
    color:#fff;
    background-color:#7ca0b6;
    justify-content:space-between;
    align-items:center;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.link-blocks-2-copy:hover{
    color:#334b5c;
    background-color:#e8bc28
}
.button-2{
    color:#fff;
    font-family:heebo, sans-serif;
    background-color:#517991;
    justify-content:center;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
    padding:18px 40px;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    display:flex
}
.button-2:hover{
    color:#7ca0b6;
    background-color:#fff;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.button-2-copy{
    color:#fff;
    background-color:#517991;
    justify-content:center;
    align-items:center;
    margin-right:10px;
    padding:18px 40px;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    display:flex
}
.button-2-copy:hover{
    color:#7ca0b6;
    background-color:#fff;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.c_s2{
    margin-bottom:25px
}
.div-block-92{
    z-index:2;
    width:388px;
    background-color:#7ca0b6;
    padding:50px 50px 60px
}
.c_s3{
    margin-top:40px;
    margin-bottom:24px
}
.text-block-17{
    color:var(--vitruvi-aegean-blue);
    margin-top:0;
    font-size:20px;
    font-weight:700;
    line-height:28px;
    text-decoration:none;
    display:block
}
.text-block-17._1{
    color:var(--white);
    margin-top:10px;
    margin-bottom:10px
}
.text-block-17._1.phone_link{
    margin-top:0;
    margin-bottom:10px
}
.text-block-17._1._2{
    margin-top:0
}
.div-block-92-copy{
    z-index:2;
    width:388px;
    background-color:#eaba2c;
    padding:50px 50px 60px;
    box-shadow:0 24px 20px 12px rgba(51,75,92,.3)
}
.text-block-17-copy{
    color:var(--vitruvi-aegean-blue);
    margin-bottom:40px;
    font-size:20px;
    font-weight:700;
    line-height:28px;
    text-decoration:none;
    display:block
}
.number{
    color:var(--vitruvi-aegean-blue);
    margin-top:50px;
    margin-bottom:10px;
    font-size:20px;
    font-weight:700;
    line-height:28px;
    text-decoration:none;
    display:block
}
.div-block-93{
    z-index:1;
    grid-column-gap:10px;
    grid-row-gap:10px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    margin-left:60px;
    display:grid
}
.image-22{
    box-shadow:0 12px 18px 4px rgba(51,75,92,.35)
}
.image-23{
    position:absolute;
    top:0%;
    bottom:auto;
    left:33%;
    right:0%
}
.div-block-94{
    height:620px
}
.cp_s3_text{
    width:472px;
    height:476px;
    background-color:#425c6a;
    flex-direction:column;
    justify-content:space-between;
    margin-bottom:100px;
    padding-top:0;
    padding-bottom:0;
    display:flex;
    position:absolute;
    top:auto;
    bottom:0%;
    left:0%;
    right:0%
}
.div-block-95{
    width:100%;
    height:890px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d5d41ebeaa978af8054b36_lines_1.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
    top:0%;
    bottom:auto;
    left:0%;
    right:0%
}
.div-block-96{
    flex:0 50%
}
.div-block-97{
    flex:0 50%;
    justify-content:flex-end;
    align-items:center;
    display:flex
}
.link-block-4{
    margin-right:15px;
    display:flex
}
.link-block-5{
    display:flex
}
.div-block-98{
    align-items:center;
    margin-top:40px;
    display:flex
}
.image-24{
    position:absolute;
    top:-29%;
    bottom:0%;
    left:auto;
    right:50%
}
.div-block-99{
    margin-top:30px;
    padding-left:50px;
    display:flex
}
.div{
    width:440px;
    margin-left:40px
}
.div-block-101{
    justify-content:center;
    display:flex
}
.div-block-102{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d61ec7a1ffd725614ee02c_01photo.png);
    background-position:100%;
    background-repeat:no-repeat;
    background-size:cover;
    flex:0 50%
}
.div-block-103{
    background-color:var(--vitruvi-silver-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d622d355c4c9425eda1c89_Pylons%20\%28from%20Home%20S02\%29.png);
    background-position:-460% 100%;
    background-repeat:no-repeat;
    background-size:auto;
    flex-direction:column;
    flex:0 50%;
    align-items:flex-start;
    padding:150px 50px;
    display:flex
}
.cm_s3_paragraph{
    width:540px;
    margin-top:30px
}
.div-block-101-copy{
    flex-direction:row-reverse;
    justify-content:center;
    display:flex
}
.div-block-103-copy{
    background-color:var(--vitruvi-silver-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d6236f1ce0a9d94eb8d8c8_5G.png);
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:auto;
    flex-direction:column;
    flex:0 50%;
    align-items:flex-end;
    padding:150px 50px;
    display:flex
}
.cm_s3_heading_2{
    width:410px
}
.div-block-102-copy{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d62236bbe8bb2702a6fbc2_photo.webp);
    background-position:20%;
    background-repeat:no-repeat;
    background-size:cover;
    flex:0 50%
}
.company_s4_left{
    width:280px
}
.div-block-106{
    width:310px;
    margin-top:70px
}
.careers_s5_right{
    width:815px;
    background-color:var(--vitruvi-slate-blue);
    margin-right:-50px;
    padding:60px 110px 190px 115px
}
.div-block-108{
    width:100%;
    justify-content:space-between;
    align-items:center;
    display:flex
}
.div-block-109{
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    margin-top:-55px;
    display:grid
}
.div-block-110{
    background-color:var(--vitruvi-light-blue);
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    padding:30px 25px;
    display:flex
}
.cm_s5_text{
    background-color:var(--vitruvi-silver-blue);
    flex-direction:column;
    flex:0 50%;
    align-items:flex-end;
    padding:150px 50px;
    display:flex
}
.cm_s5_heading{
    width:440px
}
.cm_s5_image{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60dbc5607b8444d5e5abd72b_photo%20\%284\%29.webp);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    flex:0 50%
}
.div-block-111{
    background-color:var(--vitruvi-silver-blue);
    padding:100px 50px 100px 60px
}
.div-block-111._1{
    width:50%
}
.div-block-112{
    height:610px;
    align-items:flex-end;
    display:flex;
    position:relative
}
.image-25{
    position:absolute;
    top:0%;
    bottom:0%;
    left:32%;
    right:auto
}
.div-block-113{
    width:570px;
    height:530px;
    border-bottom:6px solid var(--vitruvi-yellow);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d642a91f92e579cb7290f3_01bg.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    margin-left:60px;
    padding:130px 80px
}
.utility-page-wrap{
    width:100vw;
    height:100vh;
    max-height:100%;
    max-width:100%;
    justify-content:center;
    align-items:center;
    display:flex
}
.utility-page-content{
    width:260px;
    text-align:center;
    flex-direction:column;
    display:flex
}
.utility-page-form{
    flex-direction:column;
    align-items:stretch;
    display:flex
}
.div-block-114{
    margin-top:32px;
    display:flex
}
.cm_s7_button{
    width:127px;
    height:48px;
    color:#fff;
    background-color:#517991;
    justify-content:center;
    align-items:center;
    margin-right:10px;
    padding:0;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    display:flex;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.cm_s7_button:hover{
    color:#7ca0b6;
    background-color:#fff
}
.cm_s7_botton2{
    width:127px;
    height:48px;
    background-color:var(--vitruvi-light-blue);
    color:#fff;
    justify-content:center;
    align-items:center;
    margin-right:10px;
    padding:0;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    display:flex;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.cm_s7_botton2:hover{
    background-color:var(--vitruvi-yellow);
    color:var(--vitruvi-aegean-blue)
}
.dropdown-list{
    width:660px;
    background-color:transparent;
    display:block;
    left:-285px
}
.dropdown-list.w--open{
    justify-content:center;
    align-items:center
}
.footer_text_spacing{
    margin-right:10px
}
.footer_bg_grey{
    width:75%;
    background-color:#465868;
    position:absolute;
    top:0%;
    bottom:0%;
    left:0%;
    right:auto
}
.footer_bg_yellow{
    width:25%;
    background-color:var(--vitruvi-yellow);
    position:absolute;
    top:0%;
    bottom:0%;
    left:auto;
    right:0%
}
.lf_link_container{
    color:var(--vitruvi-silver-blue);
    font-family:Montserrat,sans-serif;
    display:flex
}
.footer_download_button{
    margin-right:10px
}
.image-27,.image-28{
    width:139px
}
.h_s3_hd_size{
    width:490px
}
.h_s6_left_wrapper{
    width:400px;
    display:none
}
.blue_link{
    color:#000dff
}
.careers_s2_image{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60dc83eab0c63d26bfd85fcb_Careers_1.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    flex:0 50%
}
.careers_s2_text{
    background-color:var(--vitruvi-silver-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60dcb8fd5fc2875bdceb0e3b_Careers_Line.png);
    background-position:50% 100%;
    background-repeat:no-repeat;
    background-size:auto;
    flex-direction:column;
    flex:0 50%;
    align-items:flex-end;
    padding:150px 120px 300px 50px;
    display:flex
}
.careers-_s4_image{
    position:absolute;
    top:0%;
    bottom:auto;
    left:-33%;
    right:auto
}
.careers_s4_container{
    height:610px;
    justify-content:flex-end;
    align-items:flex-end;
    display:flex;
    position:relative
}
.careers_s4_text{
    width:570px;
    height:530px;
    border-bottom:6px solid var(--vitruvi-yellow);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d642a91f92e579cb7290f3_01bg.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    margin-right:60px;
    padding:130px 80px;
    line-height:90px
}
.careers-_s6_image{
    position:absolute;
    top:0%;
    bottom:auto;
    left:33%;
    right:0%
}
.careers_s6_wrapper{
    height:610px;
    align-items:flex-end;
    display:flex;
    position:relative
}
.careers_s6_text{
    width:570px;
    height:500px;
    border-bottom:6px solid var(--vitruvi-yellow);
    color:var(--vitruvi-light-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d642a91f92e579cb7290f3_01bg.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    margin-left:60px;
    padding:100px 80px;
    font-family:Open Sans,sans-serif;
    font-size:60px;
    font-weight:700;
    line-height:66px
}
.careers_s5_grid{
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    margin-top:-140px;
    display:grid
}
.careers_s5_wrapper{
    width:100%;
    justify-content:space-between;
    align-items:flex-start;
    display:flex
}
.div-block-122{
    grid-column-gap:20px;
    grid-row-gap:20px;
    grid-template-rows:auto auto auto;
    grid-template-columns:1fr;
    grid-auto-columns:1fr;
    display:grid
}
.div-block-123{
    width:235px;
    text-align:right;
    flex-direction:column;
    align-items:flex-end;
    line-height:24px;
    display:flex
}
.div-block-123-copy{
    width:235px;
    flex-direction:column;
    align-items:flex-start;
    line-height:24px;
    display:flex
}
.div-block-124{
    margin-top:150px;
    position:relative
}
.image-29{
    box-shadow:5px 5px 12px rgba(51,75,92,.35)
}
.image-30{
    z-index:1;
    position:absolute;
    top:-26%;
    bottom:auto;
    left:-50.5%;
    right:auto
}
.image-31{
    z-index:2;
    border-radius:46px;
    position:relative;
    box-shadow:8px 8px 16px 4px rgba(51,75,92,.5)
}
.image-32{
    position:absolute;
    top:-26%;
    bottom:auto;
    left:auto;
    right:-50.5%
}
.image-33{
    position:absolute;
    top:21%;
    bottom:auto;
    left:-50.5%;
    right:auto
}
.image-34{
    position:absolute;
    top:68%;
    bottom:auto;
    left:-50.5%;
    right:auto
}
.image-35{
    position:absolute;
    top:21%;
    bottom:auto;
    left:auto;
    right:-50.5%
}
.image-36{
    position:absolute;
    top:68%;
    bottom:auto;
    left:auto;
    right:-50.5%
}
.link-block-copy{
    width:310px;
    height:48px;
    color:#fff;
    background-color:#7ca0b6;
    justify-content:space-between;
    align-items:center;
    padding-left:30px;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.link-block-copy:hover{
    color:#334b5c;
    background-color:#e8bc28
}
.div-block-2-copy{
    width:48px;
    height:48px;
    background-color:#e8bc28;
    justify-content:center;
    align-items:center;
    margin-left:30px;
    display:flex
}
.text-span-2{
    color:var(--white);
    font-size:80px;
    line-height:80px
}
.div-block-114-copy{
    margin-top:32px;
    display:flex
}
.leadership_s2_image{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60dd8869a9d8b3111b50769e_Leadership_Image_2.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    flex:0 50%
}
.leadership_s2_text{
    background-color:var(--vitruvi-silver-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60dcb8fd5fc2875bdceb0e3b_Careers_Line.png);
    background-position:50% 100%;
    background-repeat:no-repeat;
    background-size:auto;
    flex-direction:column;
    flex:0 50%;
    align-items:flex-end;
    padding:150px 120px 300px 50px;
    display:flex
}
.leadership_s5_heading{
    width:300px
}
.leadership_s3_paragraph{
    width:460px;
    margin-top:30px
}
.div-block-125{
    grid-column-gap:0px;
    grid-row-gap:80px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    margin-top:30px;
    display:grid
}
.div-block-126{
    margin-top:40px
}
.leadership_s5_image{
    position:absolute;
    top:0%;
    bottom:auto;
    left:-33%;
    right:auto
}
.leadership_s5_container{
    height:610px;
    justify-content:flex-end;
    align-items:flex-end;
    display:flex;
    position:relative
}
.leadership_s5_text{
    width:570px;
    height:530px;
    border-bottom:6px solid var(--vitruvi-yellow);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d642a91f92e579cb7290f3_01bg.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    margin-right:60px;
    padding:130px 80px
}
.careers_s2_heading{
    width:470px;
    position:relative
}
.careers_s2_paragraph{
    width:470px;
    margin-top:30px
}
.div-block-127{
    justify-content:space-between;
    align-items:center;
    display:flex
}
.div-block-128{
    display:none
}
.home_pop_up{
    z-index:3;
    background-color:rgba(232,237,243,.8);
    display:none;
    position:fixed;
    top:0%;
    bottom:0%;
    left:0%;
    right:0%
}
.home_pop_up._1{
    flex-direction:column;
    justify-content:center;
    align-items:center;
    display:flex
}
.tabs-3{
    align-items:center;
    display:flex
}
.tabs-menu-3{
    flex-direction:column;
    flex:0 27%;
    align-items:flex-end;
    padding-right:20px;
    display:flex
}
.tab-link-tab-2{
    width:140px;
    color:#54585b;
    background-color:transparent;
    margin-top:0;
    padding:0;
    font-size:16px;
    font-weight:700;
    line-height:44px;
    text-decoration:none
}
.tab-link-tab-2.w--current{
    border-bottom:6px solid var(--vitruvi-yellow);
    color:var(--vitruvi-light-blue);
    background-color:transparent
}
.tabs-content-3{
    flex:0 73%
}
.div-block-134{
    align-items:center;
    padding-left:20px;
    display:flex
}
.div-block-135{
    flex-direction:column;
    align-items:flex-start;
    display:flex
}
.nav_line2{
    color:#54585b;
    font-size:16px;
    line-height:44px;
    text-decoration:none
}
.nav_line2:hover{
    text-decoration:underline
}
.div-block-136{
    background-image:linear-gradient(270deg,#e8edf3 56.8%,#fff 43.2%);
    justify-content:flex-start;
    align-items:center;
    padding:30px 60px 30px 160px
}
.dropdown-list-2{
    background-color:transparent;
    margin-top:30px;
    left:0
}
.platform_wrapper{
    background-color:#e8edf3;
    padding-top:30px;
    padding-bottom:30px
}
.platform_wrapper.solutions{
    padding-left:30px;
    padding-right:30px
}
.div-block-135-copy{
    flex-direction:column;
    align-items:flex-start;
    margin-left:170px;
    display:flex
}
.div-block-134-copy{
    justify-content:space-between;
    align-items:flex-start;
    display:flex
}
.dropdown-list-3{
    width:200px;
    box-shadow:0 12px 12px rgba(51,75,92,.35)
}
.div-block-135-copy-1{
    flex-direction:column;
    align-items:flex-start;
    display:flex
}
.div-block-134-copy-1{
    width:52.5%;
    justify-content:space-between;
    align-items:flex-start;
    display:flex
}
.dropdown-list-4{
    width:270px;
    box-shadow:0 12px 12px rgba(51,75,92,.35)
}
.div-block-134-copy-2{
    width:42.5%;
    justify-content:space-between;
    align-items:flex-start;
    display:flex
}
.div-block-135-copy-2{
    flex-direction:column;
    align-items:flex-start;
    display:flex
}
.h_s5_sub_heading{
    border-left:5px solid var(--vitruvi-yellow);
    padding-left:40px;
    line-height:34px
}
.footer_number_wrapper{
    flex-direction:column;
    display:flex
}
.div-block-138{
    margin-left:60px
}
.careers_s5_left{
    width:280px;
    margin:60px
}
.footer_company_links{
    color:#54585b;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    margin-right:65px;
    padding-left:0;
    font-family:Montserrat,sans-serif;
    font-weight:400;
    line-height:18px;
    display:flex
}
.div-block-111-copy{
    width:100%;
    background-color:var(--vitruvi-silver-blue);
    justify-content:space-between;
    align-items:center;
    padding:80px 50px 70px 60px;
    display:flex
}
.div-block-139{
    width:26%
}
.div-block-140{
    margin-top:30px;
    font-size:16px;
    font-weight:700;
    line-height:32px
}
.div-block-141{
    width:63.8478%;
    border-left:6px solid var(--vitruvi-yellow);
    padding-left:35px
}
.div-block-142{
    width:100%;
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    margin-top:40px;
    display:grid
}
.div-block-143{
    background-color:var(--vitruvi-light-blue);
    justify-content:center;
    align-items:center;
    padding-top:30px;
    padding-bottom:0;
    display:flex
}
.div-block-144{
    grid-column-gap:20px;
    grid-row-gap:20px;
    grid-template-rows:auto auto auto auto;
    grid-template-columns:1fr;
    grid-auto-columns:1fr;
    margin-top:50px;
    margin-left:20px;
    margin-right:20px;
    display:grid
}
.div-block-145{
    color:#54585b;
    justify-content:space-between;
    align-items:center;
    font-family:Montserrat,sans-serif;
    display:flex
}
.text-block-26{
    width:76%
}
.div-block-146{
    text-align:center;
    flex-direction:column;
    align-items:center;
    margin-top:40px;
    margin-left:20px;
    margin-right:20px;
    display:flex
}
.div-block-147{
    background-color:var(--white);
    padding-bottom:60px
}
.div-block-147:hover{
    box-shadow:0 12px 16px 4px rgba(51,75,92,.35)
}
.div-block-143_yellow{
    background-color:var(--vitruvi-yellow);
    justify-content:center;
    align-items:center;
    padding-top:30px;
    padding-bottom:0;
    display:flex
}
.div-block-143_sky_blue{
    background-color:var(--vitruvi-steel-blue);
    justify-content:center;
    align-items:center;
    padding-top:30px;
    padding-bottom:0;
    display:flex
}
.div-block-143_green{
    background-color:var(--vitruvi-aegean-blue);
    justify-content:center;
    align-items:center;
    padding-top:30px;
    padding-bottom:0;
    display:flex
}
.div-block-148{
    width:100%;
    justify-content:space-between;
    align-items:center;
    margin-top:30px;
    display:flex
}
.text-block-27{
    width:33%;
    color:var(--vitruvi-light-blue);
    font-size:22px;
    font-weight:300;
    line-height:32px
}
.text-block-28{
    width:65%;
    border-left:6px solid var(--vitruvi-yellow);
    color:var(--dim-grey);
    padding-left:30px;
    font-family:Montserrat,sans-serif;
    font-size:16px;
    line-height:28px
}
.div-block-93-copy{
    z-index:1;
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr;
    grid-auto-columns:1fr;
    display:grid
}
.support__grid_wrapper{
    z-index:2;
    background-color:var(--white);
    flex-direction:column;
    display:flex
}
.support__grid_wrapper._2{
    flex-direction:column;
    display:flex
}
.support__grid_wrapper.partner,.support__grid_wrapper.kit{
    display:none
}
.link-block-copy{
    width:100%;
    height:48px;
    color:#fff;
    background-color:#7ca0b6;
    justify-content:space-between;
    align-items:center;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.link-block-copy:hover{
    color:#334b5c;
    background-color:#e8bc28
}
.div-block-2-copy{
    width:48px;
    height:48px;
    background-color:#e8bc28;
    justify-content:center;
    align-items:center;
    margin-left:0;
    display:flex
}
.div-block-150{
    flex:1;
    justify-content:center;
    align-items:center;
    display:flex;
    font-family:Heebo, sans-serif;
}
.link-block_3{
    width:100%;
    height:48px;
    color:#fff;
    text-transform:uppercase;
    background-color:#7ca0b6;
    justify-content:space-between;
    align-items:center;
    margin-right:0;
    font-size:16px;
    font-weight:700!important;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.link-block_3:hover{
    color:#334b5c;
    background-color:#e8bc28;
  text-decoration:none;
}
.link-block_3.hide{
    display:none
}
.link-block_3.start-here{
    background-color:#50768d;
    margin-right:10px
}
.link-block_3.start-here:hover{
    background-color:var(--vitruvi-yellow)
}
.link-block_3.link_block_7{
    margin-right:20px
}
.pricing_s3_image{
    position:absolute;
    top:0%;
    bottom:0%;
    left:auto;
    right:25%
}
.support_s3_text{
    width:560px;
    height:519px;
    background-color:#425c6a;
    flex-direction:column;
    justify-content:space-between;
    padding-top:90px;
    display:flex;
    position:absolute;
    top:auto;
    bottom:0%;
    left:0%;
    right:0%
}
.div-block-152{
    width:1180px;
    height:720px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60e09ca2bd2a392fb3fc6b06_photo1.2.png);
    background-position:50% 80%;
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
    top:0%;
    bottom:0%;
    left:auto;
    right:-30%
}
.div-block-95-copy{
    width:100%;
    height:1070px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60d5d41ebeaa978af8054b36_lines_1.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
    top:0%;
    bottom:auto;
    left:0%;
    right:0%
}
.link-block-copy_1{
    height:48px;
    color:#fff;
    background-color:#7ca0b6;
    justify-content:space-between;
    align-items:center;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.link-block-copy_1:hover{
    color:#334b5c;
    background-color:#e8bc28
}
.field-label{
    border-bottom:6px solid var(--vitruvi-yellow);
    color:var(--white);
    margin-bottom:40px;
    font-family:Heebo,sans-serif;
    font-size:80px;
    line-height:90px
}
.field-label._1{
    width:310px;
    color:var(--vitruvi-aegean-blue)
}
.search{
    width:100%;
    color:var(--dim-grey);
    flex-direction:column;
    align-items:center;
    display:flex
}
.search-input{
    width:60%;
    background-color:var(--vitruvi-silver-blue);
    margin-bottom:40px;
    padding:20px;
    font-size:16px;
    line-height:24px
}
.search-input._1{
    background-color:var(--white);
    margin-bottom:30px
}
.search-button{
    width:120px;
    background-color:var(--vitruvi-light-blue);
    font-size:16px;
    font-weight:700;
    line-height:16px
}
.search-button:hover{
    background-color:var(--vitruvi-yellow);
    color:var(--vitruvi-aegean-blue)
}
.search-result-item{
    margin-bottom:30px
}
.link-7{
    margin-bottom:10px;
    display:block
}
.text-block-29{
    margin-bottom:10px
}
.search-2{
    margin-bottom:40px
}
.empty-state{
    font-size:16px;
    font-weight:700;
    line-height:16px
}
.heading-19{
    color:var(--vitruvi-light-blue);
    margin-bottom:30px
}
.link-block-15{
    color:var(--vitruvi-aegean-blue);
    text-decoration:none
}
.leadership_pop_up{
    z-index:3;
    width:100vw;
    height:100vh;
    background-color:rgba(61,83,101,.9);
    display:none;
    position:fixed;
    top:0%;
    bottom:0%;
    left:0%;
    right:0%
}
.leadership_pop_up._1{
    height:115vh;
    display:block
}
.div-block-157{
    width:30%;
    background-color:var(--vitruvi-light-blue);
    color:var(--white);
    flex-direction:column;
    align-items:flex-start;
    padding:80px;
    font-size:16px;
    font-weight:700;
    display:flex;
    position:relative
}

.div-block-157 p {
    color:var(--white);
    font-size:16px;
    font-weight:700;
}

.div-block-157._1{
    padding:60px
}
.image-40{
    margin-right: -30px;
    position: absolute;
    border-bottom: 6px solid var(--vitruvi-yellow);
    bottom: 0;
    box-shadow: 0 14px 16px 4px rgba(51,75,92,.35);
    left: auto;
    bottom:5%;
    max-width:300px;
    height:auto;
}
.image-40._1{
    margin-bottom:60px;
    margin-right:-40px
}
.image-40._1.servant_1{
    margin-bottom:40px
}
.image-40.servant{
    margin-bottom:60px
}
.div-block-158{
    width:70%;
    justify-content:center;
    align-items:center;
    padding:60px 80px 60px 100px;
    display:flex;
    position:relative
}
.link-block-16{
    margin-top:5vh;
    margin-right:5vw;
    padding:10px;
    position:absolute;
    top:0%;
    bottom:auto;
    left:auto;
    right:0%
}
.text-block-30{
    margin-top:10px
}
.heading-20{
    width:200px
}
.paragraph-3{
    display:block
}
.platform_1-1{
    flex-direction:column;
    align-items:flex-start;
    padding-left:20px;
    display:flex
}
.dropdown-list_3{
    width:300px;
    background-color:transparent;
    box-shadow:0 12px 12px rgba(51,75,92,.35)
}
.company_1-1,.support_1-1{
    flex-direction:column;
    align-items:flex-start;
    padding-left:20px;
    display:flex
}
.h_s7_grid{
    width:1180px;
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    margin-top:20px;
    display:grid
}
.h_s7_grid_wrapper{
    width:auto;
    height:auto;
    min-height:200px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6261b1969c76046296aea699_testimonial-updated-3.jpg);
    background-position:0 0;
    background-size:cover
}
.h_s7_grid_wrapper._1{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6255a87fd5337d1570d6c5d0_testimonial-04.jpg);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
}
.h_s7_grid_wrapper._2{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6255a8826ab1fe138e55e571_testimonial-05.jpg);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
}
.h_s7_grid_wrapper._3{
    width:100%;
    height:100%;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6255a884474159122850518b_testimonial-06.jpg);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
}
.h_s7_grid_wrapper._3._4{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6261afdcb02cba3fdb531052_field-tech-web.jpg);
    background-position:0 0;
    background-size:cover
}
.image-42{
    width:295px;
    height:294px;
    color:var(--vitruvi-steel-blue)
}
.dropdown-list-_1{
    width:480px;
    background-color:transparent;
    box-shadow:0 12px 12px rgba(51,75,92,.35)
}
.solutions_1-1{
    flex-direction:row;
    align-items:flex-start;
    display:flex
}
.nav_line3{
    color:var(--dim-grey);
    font-size:16px;
    font-weight:700;
    line-height:44px;
    text-decoration:none
}
.nav_funtionality{
    flex-direction:column;
    display:flex
}
.nav_funtionality.nav_role{
    margin-left:80px
}
.div-block-163{
    background-color:#50768d;
    align-items:center;
    padding:30px 35px;
    display:flex
}
.div-block-163.log_in{
    background-color:#6598af
}
.div-block-163.resources,.div-block-163.partner{
    background-color:var(--vitruvi-yellow)
}
.div-block-163.kit{
    background-color:#6598af
}
.div-block-164{
    height:350px;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    padding:50px 35px;
    display:flex
}
.image-43{
    margin-right:35px
}
.div-block-165{
    display:none
}
.div-block-167{
    width:100%;
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    margin-top:8px;
    display:grid
}
.div-block-168{
    align-items:center;
    padding:60px 50px 80px;
    display:flex
}
.text-block-32{
    text-transform:uppercase;
    margin-bottom:10px;
    font-size:16px;
    line-height:16px
}
.image-44{
    width:200px;
    height:50px
}
.link-block-17{
    margin-right:15px
}
.text-block_1{
    margin-top:35px;
    margin-bottom:50px
}
.div-block-169{
    display:flex
}
.h_s1_right_wrapper{
    width:995px;
    height:955px;
    justify-content:flex-end;
    align-items:flex-start;
    display:flex;
    position:absolute;
    top:0;
    bottom:auto;
    left:47%;
    right:0%;
    overflow:hidden
}
.hero_image{
    width:80%;
    max-width:80%;
    display:block;
    position:relative;
    left:-20%
}
.div-block-172{
    width:295px;
    height:294px;
    position:relative
}
.div-block-172._1{
    display:flex
}
.div-block-173{
    background-color:rgba(51,75,92,.7);
    justify-content:center;
    align-items:center;
    display:none;
    position:absolute;
    top:0%;
    bottom:0%;
    left:0%;
    right:0%
}
.div-block-173._1{
    display:none
}
.text-block-33{
    color:var(--white);
    font-size:20px;
    font-weight:700;
    line-height:30px
}
.hero_image_mobile{
    display:none
}
.h_s3_tab_hover_icon{
    margin-right:26px;
    display:none
}
.h_s6_hd_wrapper{
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:60px;
    display:flex
}
.h_s6_right_wrapper{
    justify-content:space-between;
    align-items:center;
    display:none
}
.h_s6_yellow_line{
    width:5px;
    height:112px;
    background-color:#e8bc28;
    margin-right:40px
}
.h_s9_right_wrapper{
    justify-content:space-between;
    align-items:center;
    display:flex
}
.section-4{
    background-color:#e8edf3;
    padding-top:100px;
    padding-bottom:0
}
.heading-22{
    justify-content:center;
    display:flex
}
.paragraph-4{
    width:100%;
    text-align:center;
    justify-content:center;
    align-items:center;
    margin-left:auto;
    margin-right:auto;
    padding-top:20px;
    padding-bottom:20px;
    display:block
}
.image-51{
    max-width:100%;
    clear:left;
    margin-top:-150px;
    display:inline-block
}
.paragraph-9{
    padding-top:40px;
    padding-bottom:40px
}
.h_yellow_line_header{
    height:8px;
    background-color:var(--vitruvi-yellow)
}
.guidelines_sticky{
    width:17%;
    position:-webkit-sticky;
    position:sticky;
    top:120px
}
.h_yellow_line{
    height:6px;
    background-color:var(--vitruvi-yellow)
}
.h_yellow_line._20px_right{
    margin-right:20px
}
.link-block-18{
    color:var(--vitruvi-light-blue);
    justify-content:flex-start;
    align-items:center;
    font-size:16px;
    font-weight:700;
    line-height:40px;
    text-decoration:none;
    display:flex
}
.gs_wrap{
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    margin-top:34px;
    display:flex
}
.guidelines_non_sticky{
    width:83%
}
.sg_section_wrap{
    justify-content:flex-start;
    align-items:center;
    margin-bottom:60px;
    display:flex
}
.non_sticky_left_wrapper{
    width:22%
}
.non_sticky_right_wrapper{
    width:78%;
    justify-content:flex-start;
    align-items:center;
    display:flex
}
.v_yellow_line_123px_h{
    width:5px;
    height:123px;
    background-color:#e8bc28;
    margin-right:50px
}
.div-block-180{
    width:700px
}
.logo_identity_section{
    padding-top:45px
}
.div-block-181{
    justify-content:flex-start;
    align-items:center;
    margin-bottom:100px;
    display:flex
}
._55px_left{
    padding-left:55px
}
.image-52{
    margin-left:30px
}
.text-block-35{
    flex:1;
    justify-content:center;
    align-items:stretch;
    font-size:14px;
    line-height:15px;
    display:flex
}
.columns{
    padding-bottom:0
}
.div-block-182{
    justify-content:flex-end;
    align-items:center;
    margin-bottom:80px;
    display:flex
}
.h_line_grey{
    height:1px;
    background-color:var(--vitruvi-light-blue)
}
.link-block-19{
    justify-content:flex-start;
    align-items:center;
    margin-top:20px;
    margin-bottom:70px;
    display:flex
}
.text-block-37{
    color:var(--vitruvi-light-blue);
    margin-left:10px;
    font-size:16px;
    font-weight:700;
    line-height:28px;
    text-decoration:underline
}
.div-block-184{
    justify-content:flex-start;
    align-items:center;
    margin-bottom:45px;
    display:flex
}
.div-block-185{
    grid-column-gap:30px;
    grid-row-gap:45px;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    margin-bottom:65px;
    display:grid
}
.div-block-186{
    justify-content:center;
    align-items:flex-start;
    margin-bottom:22px;
    padding-top:65px;
    padding-bottom:65px;
    display:flex
}
.div-block-186.bg_steel-blue{
    background-color:var(--vitruvi-slate-blue)
}
.div-block-186.bg_black{
    background-color:var(--black)
}
.div-block-187{
    margin-top:48px;
    margin-bottom:48px
}
.div-block-188{
    grid-column-gap:30px;
    grid-row-gap:30px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    margin-bottom:65px;
    display:grid
}
.div-block-189{
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
    display:flex
}
.div-block-190{
    grid-column-gap:20px;
    grid-row-gap:20px;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr 1fr;
    grid-auto-columns:1fr;
    display:grid
}
.image-53{
    margin-top:10px
}
.colour_section{
    padding-top:120px;
    padding-bottom:68px
}
.v_yellow_line_96px_h{
    width:5px;
    height:96px;
    background-color:#e8bc28;
    margin-right:50px
}
.div-block-193{
    grid-column-gap:6px;
    grid-row-gap:6px;
    grid-template-rows:auto auto auto;
    grid-template-columns:1fr;
    grid-auto-columns:1fr;
    display:grid
}
.div-block-194{
    justify-content:space-between;
    align-items:center;
    padding:50px 80px 50px 40px;
    display:flex
}
.div-block-194.bg_vitruvi_aegean_blue{
    background-color:var(--vitruvi-aegean-blue)
}
.div-block-194.bg_vitruvi_light_blue{
    background-color:var(--vitruvi-light-blue)
}
.div-block-194.bg_vitruvi_yellow_logo{
    background-color:var(--vitruvi-yellow)
}
.div-block-194.bg_vitruvi_silver_blue{
    background-color:var(--vitruvi-silver-blue)
}
.div-block-194.bg_vitruvi_grey{
    background-color:var(--vitruvi-grey)
}
.div-block-194.bg_vitruvi_teal_logo{
    background-color:var(--vitruvi-teal)
}
.div-block-194.bg_vitruvi_slate_blue{
    background-color:var(--vitruvi-slate-blue)
}
.cd_text{
    color:var(--white);
    font-size:18px;
    font-weight:700;
    line-height:28px
}
.cd_text.text_vitruvi_aegean_blue{
    color:var(--vitruvi-aegean-blue)
}
.typography_section{
    padding-top:58px
}
.v_yellow_line_200px_h{
    width:5px;
    height:200px;
    background-color:#e8bc28;
    margin-right:50px
}
.div-block-195{
    grid-column-gap:0px;
    grid-row-gap:0px;
    grid-template-rows:auto auto auto;
    grid-template-columns:1fr;
    grid-auto-columns:1fr;
    display:grid
}
.div-block-196{
    border-bottom:1px solid var(--vitruvi-light-blue);
    justify-content:space-between;
    align-items:center;
    padding-top:23px;
    padding-bottom:23px;
    display:flex
}
.div-block-197{
    width:465.219px;
    background-color:var(--vitruvi-aegean-blue);
    justify-content:center;
    align-items:center;
    padding:56px
}
.text_vitruvi_aegean_blue{
    color:var(--vitruvi-aegean-blue)
}
.text_white, .text_white p {
    color:var(--white);
    text-align:left;
    align-items:center;
    padding-top:0;
    display:block
}
.text_white._35px_top_bottom{
    margin-top:35px;
    margin-bottom:35px
}
.text_white._0px_bottom{
    margin-bottom:0
}
.text_white._0px_bottom._40px_left{
    margin-left:40px
}
.text_white._16px_bottom._40px_top{
    margin-top:40px
}
.text_white._0px_top{
    margin-top:0
}
.text_white.product_updates_header{
    font-size:50px;
    line-height:59px
}
.text_white.roi_calc{
    font-weight:700
}
.text_white.h1_updated{
    width:100%;
    font-size:66px;
    line-height:60px
}
.text_white.h1_updated.h1_company{
    width:50%
}
.text_white.top_20{
    padding-top:20px
}
.text-span-3{
    text-transform:uppercase
}
.text_vitruvi_light_blue{
    color:var(--vitruvi-light-blue)
}
.text-block-44{
    color:var(--dim-grey);
    margin-bottom:20px;
    font-size:24px;
    line-height:28px
}
.text-block-45{
    color:var(--white);
    font-size:22px;
    font-weight:300;
    line-height:32px
}
.link-block-20{
    color:var(--vitruvi-light-blue);
    align-items:center;
    margin-top:20px;
    font-weight:700;
    display:flex
}
.paragraph-10{
    color:var(--vitruvi-light-blue);
    margin-left:10px;
    font-weight:700
}
.div-block-198{
    align-items:flex-start;
    display:flex
}
.iconography_section{
    padding-top:50px
}
.div-block-199{
    justify-content:space-between;
    align-items:flex-start;
    padding-top:48px;
    padding-bottom:48px;
    display:flex
}
.div-block-201{
    width:78%
}
.div-block-202{
    grid-column-gap:0px;
    grid-row-gap:0px;
    grid-template-rows:auto;
    grid-template-columns:1fr;
    grid-auto-columns:1fr;
    display:grid
}
.div-block-203{
    grid-column-gap:50px;
    grid-row-gap:50px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    justify-items:center;
    padding:50px 80px;
    display:grid
}
.div-block-203.bg_vitruvi_light_blue{
    background-color:var(--vitruvi-light-blue);
    align-items:center
}
.div-block-203.bg_vitruvi_yellow_logo{
    background-color:var(--vitruvi-yellow);
    align-items:center
}
.image-56{
    box-shadow:6px 6px 15px -2px rgba(51,75,92,.59)
}
.photography_section{
    padding-top:120px
}
.div-block-204{
    grid-column-gap:30px;
    grid-row-gap:50px;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    margin-bottom:45px;
    display:grid
}
.v_yellow_line_152px_h{
    width:5px;
    height:152px;
    background-color:#e8bc28;
    margin-right:50px
}
.bsg_footer{
    height:130px;
    background-color:var(--vitruvi-aegean-blue)
}
._430px_width{
    width:430px
}
.sg_s1_container{
    justify-content:space-between;
    align-self:stretch;
    align-items:flex-start;
    margin-bottom:60px;
    display:flex
}
.sg_s1_left_wrap{
    width:15%;
    margin-top:50px
}
.sg_s1_right_wrap{
    width:85%;
    justify-content:flex-start;
    align-items:center;
    display:flex
}
.div-block-210{
    width:940px
}
.grid_1{
    grid-column-gap:10px;
    grid-row-gap:10px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr;
    grid-auto-columns:1fr;
    align-items:center;
    justify-items:center;
    display:grid
}
.color_bg_wrap{
    width:324px;
    height:194px
}
.color_bg_wrap.bg_vitruvi_aegean_blue{
    background-color:var(--vitruvi-aegean-blue)
}
.color_bg_wrap.bg_vitruvi_light_blue{
    background-color:var(--vitruvi-light-blue)
}
.color_bg_wrap.bg_vitruvi_yellow{
    background-color:var(--vitruvi-yellow)
}
._50px_top{
    padding-top:50px
}
.color_bg_wrap_2{
    width:240px;
    height:115px
}
.color_bg_wrap_2.bg_vitruvi_teal{
    background-color:var(--vitruvi-teal)
}
.color_bg_wrap_2.bg_vitruvi_slate_blue{
    background-color:var(--vitruvi-slate-blue)
}
.color_bg_wrap_2.bg_vitruvi_silver_blue{
    background-color:var(--vitruvi-silver-blue)
}
.color_bg_wrap_2.bg_vitruvi_grey{
    background-color:var(--vitruvi-grey)
}
.grid_2{
    grid-column-gap:10px;
    grid-row-gap:10px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    align-items:center;
    justify-items:center;
    display:grid
}
.color_bg_wrap_3{
    width:160px;
    height:72px
}
.color_bg_wrap_3.bg_vitruvi_steel_blue{
    background-color:var(--vitruvi-steel-blue)
}
.color_bg_wrap_3.bg_vitruvi_slate_grey{
    background-color:var(--vitruvi-slate-grey)
}
.color_bg_wrap_3.bg_vitruvi_light_grey{
    background-color:var(--vitruvi-light-grey)
}
.color_bg_wrap_3.bg_vitruvi_cadet_blue{
    background-color:var(--vitruvi-cadet-blue)
}
.color_bg_wrap_3.bg_vitruvi_steel{
    background-color:var(--vitruvi-steel)
}
.color_bg_wrap_3.bg_vitruvi_light_blue{
    background-color:var(--vitruvi-light-blue)
}
.color_bg_wrap_3.bg_vitruvi_aegean_blue{
    background-color:var(--vitruvi-aegean-blue)
}
.color_bg_wrap_3.bg_vitruvi_yellow{
    background-color:var(--vitruvi-yellow)
}
.color_bg_wrap_3.bg_vitruvi_teal{
    background-color:var(--vitruvi-teal)
}
.color_bg_wrap_3.bg_vitruvi_slate_blue{
    background-color:var(--vitruvi-slate-blue)
}
.color_bg_wrap_3.bg_vitruvi_silver_blue{
    background-color:var(--vitruvi-light-blue)
}
.color_bg_wrap_3.bg_vitruvi_grey{
    background-color:var(--vitruvi-grey)
}
.color_bg_wrap_3.bg_white{
    background-color:var(--white)
}
.color_bg_wrap_3.bg_white._1px_border{
    border:1px solid var(--vitruvi-silver-blue)
}
.grid_3{
    grid-column-gap:5px;
    grid-row-gap:5px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    align-items:center;
    justify-items:center;
    display:grid
}
.sg_hs_container{
    justify-content:space-between;
    align-self:stretch;
    align-items:center;
    margin-bottom:60px;
    display:flex
}
.sg_s2_left_wrap{
    width:15%
}
._85-_width{
    width:85%;
    justify-content:flex-start;
    align-items:center
}
.color_usage_wrap{
    justify-content:space-between;
    align-items:center;
    padding-top:25px;
    padding-bottom:25px;
    display:flex
}
.div-block-222{
    width:800px
}
.text-span-4{
    color:var(--vitruvi-aegean-blue);
    font-weight:700
}
.sg_hs_left_wrap{
    width:28%
}
.sg_hs_right_wrap{
    width:70%;
    justify-content:space-between;
    align-items:center;
    display:flex
}
.div-block-225{
    width:780px
}
.grid_4{
    grid-column-gap:10px;
    grid-row-gap:10px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    display:grid
}
.h1-h1_home{
    color:var(--vitruvi-light-blue);
    font-family:Heebo,sans-serif;
    font-weight:900;
    line-height:1.15;
}
.h1-h1_home.text_vitruvi_aegean_blue{
    color:var(--vitruvi-aegean-blue)
}
.h1-h1_home.h1_updated{
    color:var(--white)
}
.text-block-51{
    text-align:center;
    margin-bottom:30px;
    font-size:80px;
    font-weight:300;
    line-height:90px
}
.text-block-52{
    color:#54585b;
    font-family:Montserrat,sans-serif;
    line-height:24px
}
.text-block-52.text_white{
    color:var(--white)
}
.link-block-21{
    color:#7ca0b6;
    align-items:center;
    margin-top:5px;
    font-weight:700;
    display:flex
}
.h_line_grey-2{
    height:1px;
    background-color:#7ca0b6
}
._50-_width{
    width:50%
}
.text-block-54{
    color:#54585b;
    margin-left:40px;
    font-family:Montserrat,sans-serif;
    line-height:24px
}
.sg_s2_container{
    justify-content:flex-end;
    align-self:stretch;
    align-items:flex-start;
    display:flex
}
.text_vitruvi_teal{
    color:var(--vitruvi-teal)
}
.text_vitruvi_teal._0xp_top{
    margin-top:0
}
.text_vitruvi_teal._15px_top{
    margin-top:15px
}
.div-block-228{
    justify-content:flex-end;
    align-items:flex-end;
    display:flex
}
.text-block-47{
    text-align:center;
    margin-bottom:30px;
    font-size:80px;
    font-weight:900;
    line-height:90px
}
.sg_s2_right_wrap{
    width:85%;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    display:flex
}
.text-block-55{
    text-align:center;
    margin-bottom:30px;
    font-family:Montserrat,sans-serif;
    font-size:80px;
    font-weight:700;
    line-height:90px
}
.div-block-229{
    width:860px
}
.text-block-50{
    text-align:center;
    margin-bottom:30px;
    font-size:80px;
    font-weight:400;
    line-height:90px
}
.paragraph-11{
    color:#7ca0b6;
    margin-left:10px;
    font-weight:700
}
.text-block-49{
    text-align:center;
    margin-bottom:30px;
    font-size:80px;
    font-weight:700;
    line-height:90px
}
.link-block-22{
    color:#7ca0b6;
    align-items:center;
    margin-top:20px;
    font-weight:700;
    display:flex
}
.text-block-53{
    text-align:center;
    margin-bottom:30px;
    font-family:Montserrat,sans-serif;
    font-size:80px;
    font-weight:400;
    line-height:90px
}
.grid_4_wrap{
    width:240px;
    background-color:#fff;
    padding:30px
}
.cs_wrap{
    justify-content:space-between;
    align-items:center;
    padding-top:35px;
    padding-bottom:35px;
    display:flex
}
.h5{
    color:#334b5c;
    margin-top:10px;
    margin-bottom:0;
    font-family:Heebo,sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:20px
}
.h5.text_white{
    color:var(--white)
}
.h5.text_center{
    text-align:center
}
.h2_subt{
    color:var(--vitruvi-light-blue);
    letter-spacing:5px;
    text-transform:uppercase;
    margin-bottom:10px;
    font-family:Heebo,sans-serif;
    font-size:14px;
    font-weight:600;
    line-height:24px
}
.h2_subt.text_white{
    color:var(--white);
    padding-left:0
}
.h2_subt.text_white.whitepaper{
    padding-left:40px
}
.h2_subt._22px_bottom{
    margin-bottom:22px
}
.h2_subt.text_vitruvi_aegean_blue{
    color:var(--vitruvi-aegean-blue)
}
.h2_subt.text_vitruvi_aegean_blue._22px_bottom{
    margin-bottom:22px
}
.h2_subt.h2_30.h2_how,.h2_subt.no_bottom_pad{
    padding-bottom:0
}
.blog-post .h2_subt 
{
  margin-bottom: 20px;
  letter-spacing:3
}
.p_small{
    color:var(--vitruvi-grey);
    font-family:Montserrat,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:24px
}
.p_small.text_white{
    color:var(--white)
}
.p_small.text_white._15px_top{
    margin-top:15px
}
.p_small._50px_top{
    margin-top:50px
}
.p_small._22px_top{
    margin-top:22px
}
.p_small.how_p{
    color:var(--white);
    text-align:left;
    font-size:16px
}
.p_bold{
    color:var(--vitruvi-grey);
    font-family:Montserrat,sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:32px
}
.p_bold.text_white{
    color:var(--white)
}
.p_bold.text_vitruvi_aegean_blue._36px_top{
    margin-top:36px
}
.ul{
    font-size:20px;
    font-weight:700;
    line-height:28px
}
.cta{
    color:var(--white);
    font-size:80px;
    font-weight:900;
    line-height:90px
}
.cta._430px_width{
    width:430px
}
.cta_small{
    color:var(--white);
    font-size:32px;
    font-weight:900;
    line-height:40px
}
.a{
    color:var(--vitruvi-aegean-blue);
    font-family:Montserrat,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:28px
}
.footer_h1{
    color:var(--vitruvi-aegean-blue);
    margin-bottom:0;
    font-family:Heebo,sans-serif;
    font-size:32px;
    font-weight:300;
    line-height:40px
}
.footer_h2{
    color:var(--vitruvi-aegean-blue);
    margin-bottom:0;
    font-family:Heebo,sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:20px
}
.footer_h3{
    color:var(--vitruvi-aegean-blue);
    margin-bottom:0;
    font-family:Montserrat,sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:24px
}
.footer_p{
    color:var(--vitruvi-grey);
    margin-bottom:10px;
    font-family:Montserrat,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:18px
}
.footer_p:hover{
    color:var(--vitruvi-yellow)
}
.footer_p_bold{
    color:var(--vitruvi-aegean-blue);
    font-family:Heebo,sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:20px
}
.footer_copyrights{
    color:var(--vitruvi-silver-blue);
    font-family:Montserrat,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:28px
}
.div-block-236{
    background-color:var(--vitruvi-aegean-blue);
    padding:20px
}
.div-block-237{
    width:710px
}
.div-block-238{
    justify-content:flex-start;
    align-items:center;
    display:flex
}
.div-block-239{
    width:20%
}
.text-block-56{
    color:#54585b;
    margin-top:40px;
    font-family:Montserrat,sans-serif;
    line-height:24px
}
.button_01{
    width:230px;
    height:48px;
    background-color:var(--vitruvi-light-blue);
    color:#fff;
    flex:0 auto;
    justify-content:space-between;
    align-items:center;
    margin-left:0;
    padding-left:30px;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.div-block-241{
    margin-bottom:10px
}
.button_01_arrow{
    color:var(--vitruvi-light-blue);
    margin:0;
    position:static;
    top:-2px;
    transform:rotate(-90deg)
}
.button_01_arrow_wrap{
    width:48px;
    height:48px;
    background-color:var(--vitruvi-yellow);
    justify-content:center;
    align-items:center;
    margin-left:30px;
    display:flex
}
.image-57{
    margin-left:-37px
}
.sg_s2-1_left_wrap{
    width:15%;
    margin-top:140px
}
.button_menu_02{
    width:190px;
    height:35px;
    color:#fff;
    background-color:#7ca0b6;
    justify-content:space-between;
    align-items:center;
    margin-left:10px;
    padding-left:20px;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative
}
.button_menu_02.hide{
    display:none
}
.button_menu_02_wrap{
    width:35px;
    height:35px;
    background-color:#e8bc28;
    justify-content:center;
    align-items:center;
    display:flex
}
.button_menu_02_arrow{
    color:var(--vitruvi-light-blue);
    margin:0;
    position:static;
    top:-2px;
    transform:rotate(-90deg)
}
.image-58{
    margin-left:-6px
}
.button-menu-01{
    width:105px;
    height:35px;
    color:#fff;
    background-color:#507890;
    justify-content:center;
    align-items:center;
    padding:0;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    display:flex
}
.button-menu-01:hover{
    background-color:#334b5c
}
.button_03{
    width:157px;
    height:48px;
    color:#fff;
    background-color:#517991;
    justify-content:center;
    align-items:center;
    margin-right:10px;
    padding:0;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    display:flex;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.button_03:hover{
    color:#7ca0b6;
    background-color:#fff
}
.button_02{
    width:186px;
    height:48px;
    background-color:var(--vitruvi-slate-blue);
    color:#fff;
    flex:0 auto;
    justify-content:space-between;
    align-items:center;
    margin-left:0;
    padding-left:30px;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.button_02_arrow_wrap{
    width:48px;
    height:48px;
    background-color:#e8bc28;
    justify-content:center;
    align-items:center;
    margin-left:30px;
    display:flex
}
.button_02_arrow{
    color:var(--vitruvi-slate-blue);
    margin:0;
    position:static;
    top:-2px;
    transform:rotate(-90deg)
}
.div-block-243{
    display:flex
}
.div-block-244{
    margin-right:10px
}
.div-block-245{
    background-color:var(--vitruvi-aegean-blue);
    padding:40px 40px 40px 100px
}
.button_app_01_gp_image,.button_app_01_as_image{
    width:139px
}
.button_app_02_gp{
    margin-right:15px;
    display:flex
}
.div-block-246{
    padding-left:100px
}
.v_yellow_line_56px_h{
    width:5px;
    height:56px;
    background-color:#e8bc28;
    margin-right:50px
}
.div-block-247{
    width:50%;
    justify-content:center;
    align-items:center;
    display:flex
}
.line_01{
    width:306px;
    height:8px;
    background-color:var(--vitruvi-yellow)
}
.line_02{
    width:306px;
    height:6px;
    background-color:var(--vitruvi-yellow)
}
.v_yellow_line_116px_h{
    width:5px;
    height:116px;
    background-color:#e8bc28;
    margin-right:45px
}
.div-block-248{
    width:470px
}
.div-block-250{
    padding-top:35px;
    padding-bottom:35px
}
.div-block-251{
    grid-column-gap:40px;
    grid-row-gap:40px;
    background-color:var(--white);
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    align-items:center;
    justify-items:center;
    margin-top:20px;
    margin-bottom:40px;
    padding:40px 100px;
    display:grid
}
.div-block-251.bg_vitruvi_light_blue{
    background-color:var(--vitruvi-light-blue)
}
.div-block-252{
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    display:flex
}
.image-59{
    margin-bottom:-60px
}
.div-block-253{
    width:50%;
    grid-column-gap:40px;
    grid-row-gap:40px;
    background-color:var(--vitruvi-yellow);
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    align-items:center;
    justify-items:center;
    padding:40px 100px;
    display:grid
}
.div-block-254{
    justify-content:space-between;
    align-items:center;
    margin-top:20px;
    display:flex
}
.link-block-23{
    color:#7ca0b6;
    align-items:center;
    margin-top:5px;
    margin-left:-24px;
    font-weight:700;
    display:flex
}
.div-block-255{
    width:930px
}
.div-block-256{
    justify-content:space-between;
    align-self:stretch;
    align-items:center;
    margin-top:60px;
    margin-bottom:60px;
    display:flex
}
.div-block-257{
    width:900px
}
.div-block-258{
    justify-content:flex-start;
    align-items:center;
    margin-bottom:60px;
    display:flex
}
._35px_bottom{
    margin-bottom:35px;
    display:block
}
._15px_bottom{
    margin-bottom:15px
}
._16px_bottom{
    margin-bottom:16px
}
._10px_bottom{
    margin-bottom:10px
}
._10px_bottom._24px_top{
    margin-top:24px
}
._40px_bottom{
    margin-bottom:40px
}
._20px_bottom{
    margin-bottom:20px
}
.cp_s1_y_line{
    width:5px;
    height:367px;
    background-color:var(--vitruvi-yellow);
    align-self:stretch;
    margin-top:8px
}
._0px_bottom{
    margin-bottom:0
}
._0px_top{
    margin-top:0
}
._30px_bottom{
    margin-bottom:30px
}
.gl_link{
    color:var(--vitruvi-light-blue);
    justify-content:flex-start;
    align-items:center;
    font-size:16px;
    font-weight:700;
    line-height:40px;
    text-decoration:none;
    display:flex
}
.container-4{
    justify-content:center;
    align-items:flex-start;
    padding-bottom:40px;
    display:flex
}
.html-embed-2{
    z-index:auto;
    text-align:justify;
    justify-content:flex-start;
    margin:60px auto 20px 140px;
    display:block;
    position:relative
}
.link-block-copy{
    width:auto;
    height:48px;
    color:#fff;
    background-color:#7ca0b6;
    flex-direction:row;
    flex:0 auto;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    justify-content:space-between;
    align-items:center;
    margin-left:10px;
    padding-left:0;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.link-block-copy:hover{
    color:#334b5c;
    background-color:#e8bc28
}
.link-block-copy.link_block_mobile{
    margin-top:24px;
    display:none
}
.footer_arrow_wrapper-copy{
    width:48px;
    height:48px;
    background-color:#e8bc28;
    justify-content:center;
    align-items:center;
    padding-left:0;
    display:flex
}
.co-button{
    height:48px;
    color:#fff;
    background-color:#7ca0b6;
    flex-direction:row;
    flex:0 auto;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    justify-content:space-between;
    align-items:center;
    font-size:16px;
    font-weight:700;
    line-height:16px;
    text-decoration:none;
    display:flex;
    position:relative;
    box-shadow:5px 5px 10px rgba(14,38,53,.4)
}
.co-button:hover{
    color:#334b5c;
    background-color:#e8bc28
}
.div-block-259{
    align-self:center
}
.div-block-260,.div-block-261{
    font-family:heebo, sans-serif;
    font-weight:700;
    padding-left:20px;
    padding-right:20px
}
.div-block-261.div-block-290{
    padding-left:40px
}
.div-block-261.div-block-300{
    padding-right:20px
}
.container-5{
    max-width:1180px
}
.container-6{
    max-width:1180px;
    display:block
}
.container-7{
    max-width:1180px
}
.heading-25{
    width:100%;
    clear:none;
    flex:0 auto;
    padding-bottom:20px;
    padding-left:10px;
    font-size:48px;
    font-weight:700;
    display:block
}
.column{
    clear:none;
    background-color:var(--vitruvi-light-blue);
    color:#fff;
    padding-left:0;
    padding-right:0;
    display:block;
    overflow:visible
}
.columns-2{
    width:100%;
    min-width:auto;
    background-color:transparent
}
.heading-26{
    color:#fff;
    text-transform:none;
    padding-top:10px;
    padding-left:40px;
    padding-right:40px;
    font-weight:600
}
.columns-3{
    max-width:865px;
    float:right;
    padding:0
}
.column-2{
    height:100%;
    min-height:auto;
    grid-column-gap:0px;
    grid-row-gap:0px;
    background-color:var(--vitruvi-light-blue);
    flex-flow:column;
    align-content:stretch;
    justify-content:space-between;
    align-items:stretch;
    padding:20px;
    display:flex;
    overflow:visible
}
.image-62{
    max-width:100%;
    float:right;
    clear:none;
    display:inline-block;
    position:static
}
.column-3{
    padding-left:40px;
    padding-right:10px
}
.paragraph-12{
    color:var(--white);
    padding-top:20px;
    padding-left:40px;
    padding-right:40px;
    font-family:Heebo,sans-serif
}
.text-block-59{
    padding-right:4px
}
.column-4{
    grid-column-gap:16px;
    grid-row-gap:16px;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    justify-content:space-around;
    display:flex
}
.div-block-263{
    width:60%;
    margin-top:40px
}
.heading-27{
    margin-top:10px
}
.div-block-291{
    padding-left:30px;
    padding-right:30px
}
.grid{
    width:100%;
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    padding-top:40px
}
.link-block-201{
    min-height:60px;
    background-color:var(--vitruvi-light-blue)
}
.text-block-61{
    height:60px;
    color:#fff;
    justify-content:center;
    align-items:center;
    margin-left:auto;
    margin-right:auto;
    font-weight:600;
    display:flex
}
.heading-28{
    color:var(--white);
    padding-left:0;
    padding-right:0;
    font-size:26px;
    font-weight:500;
    line-height:32px
}
.section-9{
    height:420px;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625e56d732d684cb29bd376a_product-updates-main-banner.jpg);
    background-position:0 75px;
    background-repeat:no-repeat;
    background-size:cover;
    margin-top:40px;
    display:block
}
.container-9{
    height:100%;
    align-items:center;
    display:flex
}
h1.top-center-headline {
    border-bottom:8px solid var(--vitruvi-yellow);
    color:var(--white);
    margin-top:60px;
    margin-left:auto;
    margin-right:auto;
}
.section-10{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625e59fb158b504af947adf1_photo-bg-capture.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:cover;
    padding-top:45px;
    padding-bottom:80px
}
.heading-30{
    color:var(--white);
    padding-bottom:20px;
    font-size:32px;
    font-weight:900
}
.paragraph-13{
    color:var(--white);
    padding-top:35px;
    font-family:Montserrat,sans-serif
}
.container-11{
    max-width:1180px
}
.section-11{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625e5b6244608d82f4be9572_bg-noise-repeatable.jpg);
    background-position:0 0;
    background-size:auto;
    padding-top:40px;
    padding-bottom:60px
}
.grid-2{
    grid-column-gap:48px;
    grid-row-gap:48px;
    grid-template-rows:auto;
    grid-template-columns:.5fr .6fr .7fr 1fr
}
.section-12{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625e5c07f5c1ad7b5a5b9741_photo-bg-introducing.jpg);
    background-position:0 0;
    background-size:cover;
    padding-top:100px;
    padding-bottom:40px
}
.section-13{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625e5b6244608d82f4be9572_bg-noise-repeatable.jpg);
    background-position:0 0;
    background-size:auto;
    padding-top:40px
}
.html-embed-3{
    padding-top:27px
}
.section-14{
    background-color:var(--vitruvi-silver-blue)
}
.section-14.mm_hiw{
    position:relative
}
.column-5{
    grid-column-gap:20px;
    grid-row-gap:20px;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    padding:60px;
    display:flex
}
.div-block-292{
    float:none;
    clear:none
}
.section-15{
    background-color:var(--vitruvi-silver-blue);
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    display:none;
    overflow:hidden
}
.column-6{
    grid-column-gap:20px;
    grid-row-gap:20px;
    border-bottom:8px solid var(--vitruvi-yellow);
    background-color:var(--vitruvi-aegean-blue);
    flex-direction:column;
    align-items:center;
    padding:60px 40px;
    display:flex
}
.div-block-293{
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625ebe661fc935203592f19a_new_bg2.png);
    background-position:0 0;
    background-repeat:repeat-y;
    background-size:contain;
    padding-top:100px;
    padding-bottom:100px;
    overflow:visible
}
.heading-31{
    color:var(--white);
    margin-bottom:0;
    padding-left:60px;
    padding-right:0;
    font-size:32px;
    line-height:40px
}
.heading-31.heading-32{
    border-right:6px solid var(--vitruvi-yellow);
    margin-bottom:0;
    padding-right:78px
}
.column-7{
    padding-right:10px;
    top:150px;
    left:-60px
}
.column-8{
    padding-right:0;
    top:-10px;
    left:-60px
}
.div-block-301{
    padding-left:29px
}
.mm1{
    color:var(--white);
    padding-top:31px;
    padding-left:60px;
    padding-right:60px
}
.column-9{
    justify-content:flex-start;
    align-items:center;
    padding-right:60px;
    display:flex
}
.mm2{
    color:var(--white);
    font-size:14px;
    line-height:24px
}
.columns-4{
    padding-top:100px;
    padding-bottom:100px
}
.mm_heading{
    color:var(--white);
    margin-bottom:16px;
    font-family:Montserrat,sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:28px
}
.div-block-302{
    min-height:350px;
    padding:40px
}
.columns-5{
    padding-top:20px;
    padding-bottom:100px
}
.section-16{
    min-height:400px;
    background-color:var(--vitruvi-silver-blue);
    overflow:hidden
}
.section-16.section-18{
    min-height:340px;
    transform:translate(0)
}
.mm_heading2{
    font-size:32px;
    line-height:40px
}
.column-10{
    min-height:340px;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:80px;
    display:flex
}
.column-10.column-19{
    padding:0
}
.section-17{
    min-height:360px;
    background-color:var(--vitruvi-silver-blue)
}
.section-17.section-19{
    min-height:350px
}
.column-11{
    min-height:350px;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding: 80px;
    display:flex
}
.image-65{
    max-width:14%;
    float:left;
    clear:none;
    padding-top:25px
}
.div-block-303{
    width:100%;
    height:100%;
    position:absolute
}
.div-block-303.div-block-304{
    height:auto;
    min-height:460px;
    float:none;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625eec6995e788ab654966ac_roi-calc-bg-final.png);
    background-position:102% 0;
    background-repeat:no-repeat;
    background-size:contain;
    margin-top:60px;
    position:absolute;
    overflow:visible
}
.column-12{
    min-height:2px
}
.image-66{
    width:100%
}
.image-67.image-67-mobile{
    display:none
}
.mm-icon{
    width:142px;
    height:184px;
    background-color:var(--vitruvi-light-blue);
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-bottom:40px;
    padding-top:40px;
    padding-bottom:30px;
    display:flex
}
.column-14{
    margin-top:92px;
    padding-top:0
}
.mm_icon_p{
    color:var(--white);
    text-align:center;
    padding-left:10px;
    padding-right:10px
}
.column-15{
    padding-left:67px
}
.paragraph-14{
    color:var(--virtuvi-dark-slate-grey)
}
.column-16{
    padding:80px
}
.html-embed-4{
    display:none
}
.column-17{
    min-height:2px
}
.column-27{
    height:100%;
    min-height:340px;
    flex-direction:row;
    justify-content:flex-start;
    display:block
}
.image-70,.image-71{
    display:none
}
.column-28{
    min-height:340px;
    flex-direction:row;
    display:block
}
.image-72,.image-73{
    display:none
}
.image-74{
    max-width:none;
    object-fit:fill;
    position:absolute;
    top:auto;
    bottom:auto;
    left:auto;
    right:0%;
    overflow:visible
}
.div-block-306{
    width:auto;
    height:auto;
    object-fit:fill;
    flex:0 auto;
    align-self:auto;
    display:block;
    position:static;
    overflow:hidden
}
.image-75{
    max-width:none;
    min-height:340px;
    object-fit:fill;
    object-position:50% 50%;
    position:absolute;
    top:0%;
    bottom:auto;
    left:0%;
    right:auto
}
.image-76{
    max-width:none;
    min-height:2px;
    position:absolute;
    top:0%;
    bottom:auto;
    left:auto;
    right:0%
}
.image-77{
    max-width:none;
    min-height:2px;
    position:absolute;
    top:0%;
    bottom:auto;
    left:0%;
    right:auto
}
.image-78,.image-79,.image-80,.image-81,.image-82{
    display:none
}
.div-block-309{
    width:1180px;
    text-align:left;
    margin-left:auto;
    margin-right:auto
}
.list{
    width:auto;
    color:var(--white);
    text-align:left;
    margin:20px 0;
    font-size:16px
}
.list-item{
    color:var(--white);
    font-family:Montserrat,sans-serif
}
.bold-text-2{
    text-align:center
}
.bold-text-2.pricing_header{
    text-align:center;
    font-size:56px;
    font-weight:900;
    line-height:66px
}
.heading-35{
    text-align:left;
    font-size:60px;
    line-height:66px
}
.paragraph-18{
    padding-bottom:100px;
    padding-left:60px;
    padding-right:60px
}
.paragraph-19{
    padding-top:20px;
    padding-bottom:30px
}
.heading-38{
    color:var(--white);
    text-align:left;
    font-size:60px;
    line-height:66px
}
.heading-39{
    text-align:center
}
.heading-40{
    text-align:left
}
.section-20{
    background-color:var(--vitruvi-aegean-blue);
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6255a099e0fd0c7f4584c42d_60ce8950061e1e3db7af68e2_BG3.jpg);
    background-position:0 0;
    background-size:cover;
    padding-top:220px;
    padding-bottom:60px
}
.text-block-63{
    color:#a1a6ac;
  font-size:14px
}
.text-block-63._0px_bottom{
    margin-bottom:0
}
.div-block-310{
    width:50%;
    height:100%;
    background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/62631bcc5e32daa7bb35c301_MM-4.jpg);
    background-position:100% 0;
    background-repeat:no-repeat;
    background-size:100%;
    position:absolute;
    top:0%;
    bottom:0%;
    left:0%;
    right:auto
}
.heading-41{
    margin-top:0;
    padding-bottom:40px
}
.heading-42{
    margin-top:0;
    padding-bottom:20px
}
.heading-43,.heading-44{
    margin-top:0;
    padding-bottom:40px
}
.image-85{
    padding-bottom:0
}
.div-block-311{
    width:204px;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    display:flex
}
.footer-v1-logo{
    margin-bottom:30px
}
.div-block-312{
    grid-column-gap:20px;
    grid-row-gap:20px;
    grid-template-rows:auto;
    grid-template-columns:.75fr .75fr 1fr .5fr 1fr;
    grid-auto-columns:1fr;
    margin-bottom:20px;
    display:grid
}
.footer-v1-h2{
    color:var(--vitruvi-aegean-blue);
    font-family:Heebo,sans-serif;
    font-size:16px;
    font-weight:500;
    line-height:20px
}
.div-block-313{
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    display:flex
}
.footer-v1-p{
    color:var(--vitruvi-grey);
    margin-bottom:10px;
    font-family:Montserrat,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:18px
}
.footer-v1-p:hover{
    color:var(--vitruvi-yellow)
}
.footer-v1-l1{
    margin-bottom:20px
}
.div-block-314{
    width:70%
}
.text-block-64{
    color:var(--vitruvi-grey);
    font-family:Montserrat,sans-serif
}
.div-block-315{
    width:100%;
    flex:0 auto;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:30px;
    display:flex
}

a.link-block:hover, a.demo_button:hover, .button:hover {
  text-decoration:none
}

.link-block-258{
    margin-right:10px
}
.link-block-258._1{
    margin-right:0
}
.image-87{
    width:204px
}
.div-block-316{
    width:50%;
    margin-bottom:40px
}
.div-block-317{
    z-index:1;
    grid-column-gap:10px;
    grid-row-gap:10px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr;
    grid-auto-columns:1fr;
    display:grid
}
.div-block-318{
    z-index:2;
    background-color:#eaba2c;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    padding:30px;
    display:flex;
    box-shadow:0 24px 20px 12px rgba(51,75,92,.3)
}
.div-block-319{
    z-index:2;
    background-color:#7ca0b6;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    padding:30px;
    display:flex
}
.div-block-320,.div-block-321{
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    display:flex
}
.div-block-322{
    z-index:2;
    background-color:var(--virtuvi-dark-slate-grey);
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    padding:30px;
    display:flex
}
.text-block-65{
    color:var(--vitruvi-yellow);
    text-transform:uppercase;
    margin-bottom:27px;
    font-size:24px;
    font-weight:700;
    line-height:30px;
    text-decoration:underline
}
.pricing-s1-v1-h2{
    margin-bottom:20px;
    font-size:56px;
    line-height:66px
}
.div-block-323{
    width:81%;
    text-align:center;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    margin-bottom:60px;
    margin-left:auto;
    margin-right:auto;
    display:flex
}
.text-block-66{
    font-size:16px;
    line-height:28px
}
.div-block-324{
    width:100%;
    grid-column-gap:20px;
    grid-row-gap:20px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    justify-content:space-between;
    align-items:stretch;
    display:grid
}
.div-block-325{
    width:280px;
    background-color:var(--white);
    text-align:center;
    border-radius:4px;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    padding:40px 20px;
    display:flex
}
.text-block-67{
    color:var(--vitruvi-yellow);
    margin-bottom:18px;
    font-size:20px;
    font-weight:900
}
.text-block-68{
    font-weight:700;
    line-height:18px
}
.list-2{
    color:var(--dim-grey);
    margin-top:40px;
    margin-bottom:40px;
    padding-left:0;
    list-style-type:none
}
.list-2._1{
    margin-bottom:48px
}
.text-block-69{
    line-height:18px
}
.text-block-69._1{
    margin-bottom:18px
}
.list-item-2{
    margin-bottom:13px
}
.button-3{
    background-color:var(--vitruvi-aegean-blue);
    color:var(--white);
    text-align:center;
    text-transform:uppercase;
    border-radius:4px;
    padding:12px 40px;
    font-size:12px;
    font-weight:900
}
.button-3:hover{
    background-color:var(--vitruvi-yellow)
}
.div-block-326{
    width:280px;
    background-color:var(--vitruvi-slate-blue);
    text-align:center;
    border-radius:4px;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    padding:40px 20px;
    display:flex
}
.div-block-327{
    width:280px;
    background-color:var(--vitruvi-aegean-blue);
    text-align:center;
    border-radius:4px;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    padding:40px 20px;
    display:flex
}
.div-block-328{
    width:280px;
    background-color:var(--white);
    text-align:center;
    border-radius:4px;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    padding:40px 20px;
    display:flex
}
.text-block-70{
    color:var(--white);
    font-size:14px;
    font-weight:700;
    line-height:24px
}
.text-block-70._1{
    margin-bottom:18px
}
.text-block-71{
    line-height:18px
}
.list-3{
    color:var(--white);
    margin-top:40px;
    margin-bottom:40px;
    padding-left:0;
    list-style-type:none
}
.button-4{
    background-color:var(--white);
    color:var(--vitruvi-aegean-blue);
    text-align:center;
    text-transform:uppercase;
    border-radius:4px;
    padding:12px 40px;
    font-size:12px;
    font-weight:900
}
.button-4:hover{
    background-color:var(--vitruvi-yellow);
    color:var(--white)
}
.side-button{
    z-index:99999;
    height:154px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    display:block;
    position:fixed;
    top:45%;
    bottom:0%;
    left:auto;
    right:0%;
    overflow:hidden
}
.faq-h-line{
    width:100%;
    height:1px;
    background-color:var(--vitruvi-silver-blue)
}
.faq-wrapper{
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    margin-top:60px;
    display:flex
}
.faq-dropdown{
    border-bottom:1px solid var(--vitruvi-silver-blue);
    margin-left:0;
    margin-right:0;
    position:static
}
.faq-dropdown-toggle{
    width:100%;
    color:var(--vitruvi-aegean-blue);
    justify-content:space-between;
    align-items:center;
    padding:20px 0;
    font-size:20px;
    font-weight:700;
    line-height:28px;
    display:flex;
    position:static
}
.faq-dropdown-list{
    background-color:transparent;
    padding-bottom:20px;
    position:static
}
.faq-dropdown-list.w--open{
    font-size:16px;
    line-height:28px
}
.div-block-331{
    width:24px;
    height:24px;
    justify-content:center;
    align-items:center;
    display:flex
}
.arrow-y-axis{
    position:absolute
}
.image-89{
    width:50px;
    height:50px;
    margin-bottom:30px
}
.y-arrow{
    position:absolute
}
.image-90{
    margin-top:-17px
}
.div-block-332{
    position:relative
}
.footoer_adderss_v1{
    margin-left:5px;
    font-family:Montserrat,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:20px;
    display:block
}
.footoer_adderss_v1.text_vitruvi-steel{
    font-family:Heebo,sans-serif;
    font-size:15px;
    font-weight:500
}
.image-94{
    width:56px
}
.div-block-333{
    width:32%;
    color:var(--vitruvi-aegean-blue);
    flex-direction:row;
    align-items:flex-start;
    display:flex
}
.div-block-333._1{
    width:auto
}
.div-block-334{
    position:relative
}
.link-block-259{
    width:55%;
    height:80px;
    position:relative
}
.link-block-259._2{
    width:25%;
    height:100px
}
.link-block-260{
    position:absolute;
    top:362px;
    bottom:auto;
    left:148px;
    right:auto
}
.link-block-261{
    position:absolute;
    top:324px;
    bottom:auto;
    left:558px;
    right:auto
}
.div-block-335{
    width:260px;
    border:1px solid var(--vitruvi-yellow);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    color:var(--vitruvi-aegean-blue);
    background-color:rgba(232,237,243,.1);
    border-radius:8px;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:12px 20px;
    font-size:14px;
    font-weight:500;
    line-height:24px;
    display:none;
    position:absolute;
    top:-70%;
    bottom:auto;
    left:-5%;
    right:auto
}
.div-block-335._1{
    width:290px;
    top:80%
}
.div-block-335._2{
    width:193px;
    top:-25%;
    left:0%
}
.image-95{
    display:none
}
.image-96{
    background-color:var(--white)
}
.div-block-336{
    justify-content:space-between;
    align-items:flex-start;
    display:flex
}
.div-block-337{
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-end;
    display:flex
}
.lf_link_container-copy{
    width:100%;
    color:var(--white);
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-top:10px;
    font-family:Montserrat,sans-serif;
    display:flex
}
.lower_footer_link-copy{
    color:var(--vitruvi-silver-blue);
    padding-left:10px;
    font-size:14px;
}
.lower_footer_link-copy.tab_spacing{
    color:var(--vitruvi-silver-blue);
    padding-left:0;
    font-family:Montserrat,sans-serif
}
.div-block-338{
    width:70%;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr .75fr;
    grid-auto-columns:1fr;
    justify-content:flex-start;
    align-self:flex-end;
    align-items:stretch;
    display:flex
}
.image-26{
    box-shadow:1px 1px 18px 4px rgba(232,237,243,.12)
}
.div-block-339{
    width:1px;
    background-color:var(--vitruvi-yellow);
    margin-left:20px;
    margin-right:20px
}
.image-97{
    margin-left:-5px
}
.image-98{
    filter:grayscale();
    margin:20px;
    transition:all .2s
}
.image-98:hover{
    filter:none
}
.image-98._1{
    width:160px
}
.image-98._2{
    width:146px
}
.image-98._3{
    width:120px
}
.image-98._4{
    width:140px
}
.image-98._5{
    width:142px
}
.image-98._5.hide{
    display:none
}
.image-98._6{
    width:38px
}
.image-98._7{
    width:100px
}
.image-98._8{
    width:120px
}
.image-98._9{
    width:180px
}
.image-98._9.hide{
    display:none
}
.image-98._10{
    width:80px
}
.image-98._11{
    width:150px
}
.image-98._12{
    width:170px
}
.image-98._13{
    width:90px
}
.image-98._14{
    width:160px;
    margin-top:16px
}
.image-98._15{
    width:200px;
    align-self:flex-end;
    margin-bottom:31px
}
.div-block-340{
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    margin-top:40px;
    display:flex
}
.div-block-341{
    position:relative
}
.c_wm{
    margin-bottom:40px
}
.div-block-342{
    justify-content:space-between;
    align-items:stretch;
    display:flex;
    position:absolute;
    top:0%;
    bottom:0%;
    left:0%;
    right:0%
}
.div-block-343{
    width:70%;
    justify-content:flex-start;
    align-items:center;
    padding-bottom:140px;
    padding-left:140px;
    display:flex
}
.div-block-344{
    width:30%
}
.div-block-345{
    height:45%;
    justify-content:flex-end;
    align-items:flex-end;
    padding-right:100px;
    display:flex
}
.div-block-346{
    height:55%;
    justify-content:center;
    align-items:flex-start;
    display:flex
}
.heading-45{
    text-align:center;
    padding-top:20px;
    padding-bottom:20px
}
.video-3{
    margin-bottom:20px
}
.div-block-347{
    padding-bottom:40px
}
.div-block-348{
    margin-bottom:0
}
.div-block-349{
    width:100%;
    height:100%;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:5%;
    display:flex
}
.div-block-350{
    position:relative
}
.home_tab_pop_up{
    z-index:3;
    width:100vw;
    height:100vh;
    background-color:rgba(61,83,101,.9);
    display:none;
    position:fixed;
    top:0%;
    bottom:0%;
    left:0%;
    right:0%
}
.home_tab_pop_up._1{
    height:115vh;
    display:block
}

.top_banner h1 {
  color: #fff;
  font-size: 80px;
  text-align: left;
  letter-spacing: 0;
  line-height: 1;
}

.reversed-headline h1 {
  font-size: 60px;
  line-height:1.2;
  color:#fff;
}

.top_banner p, .top_banner ul li, .reversed-headline p, .reversed-headline ul li { 
  color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.6;
}

.yellow-left-border {
  border-left:4px solid #e8bc29;
  padding-left:40px;
}

.kl-error-page {
  padding:200px 0 150px 0;
}

.blog-header {
  padding: 170px 0 70px 0
}

.blog-header h1 {
  color:#fff;
}

@media screen and (min-width:1280px){
    .container.h_s5{
        width:1180px;
        grid-column-gap:16px;
        grid-row-gap:16px;
        flex-direction:column;
        grid-template-rows:auto auto;
        grid-template-columns:1fr 1fr;
        grid-auto-columns:1fr;
        justify-content:flex-start;
        align-items:center;
        margin-top:auto;
        margin-bottom:auto;
        display:block;
        overflow:visible
    }
    .section.h_s8{
        background-position:0 0
    }
    .section.cm_s7,.section.careers-_s6{
        padding-bottom:100px
    }
    .h_s3_tab_wrapper{
        box-shadow:none
    }
    .h_s3_tab_wrapper:hover{
        box-shadow:1px 1px 12px rgba(140,140,140,.41)
    }
    .h_s3_image{
        top:0%
    }
    .h_s7_slider_line{
        height:240px
    }
    .h_s5_container{
        flex-direction:column;
        display:block
    }
    .h_s5_overflow_hide{
        overflow:visible
    }
    .h_s7_left{
        width:auto
    }
    .footer_download_wrapper{
        width:290px
    }
    .h_s7_rating{
        width:100%;
        max-width:100%
    }
    .link-block_3{
        text-transform:uppercase
    }
    .h_s7_grid{
        grid-column-gap:8px;
        grid-row-gap:8px;
        grid-template-rows:auto;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr;
        grid-auto-columns:1fr;
        align-content:stretch;
        justify-content:start;
        justify-items:stretch;
        display:grid;
        right:auto
    }
    .h_s7_grid_wrapper{
        width:auto;
        height:100%;
        min-height:200px;
        justify-content:center;
        align-items:center;
        display:flex
    }
    .html-embed-2{
        margin-left:140px
    }
    .image-61{
        text-align:center
    }
    .section-14.mm_hiw{
        background-size:cover
    }
    .column-5{
        padding-top:70px;
        padding-bottom:70px
    }
    .column-17{
        min-height:2px
    }
    .div-block-310{
        background-size:contain
    }
}
@media screen and (min-width:1440px){
    .section.h_s3{
        padding-top:0
    }
    .section.h_s5.howitworks{
        padding-bottom:0;
        display:block
    }
    .section.h_s7{
        background-image:none;
        padding-bottom:140px
    }
    .section.h_s8{
        background-position:0 0
    }
    .section.careers_s1{
        margin-top:40px
    }
    .section.leadership_s3,.section.leadership_s4{
        background-position:120% 100%,50%
    }
    .section.leadership_s5{
        background-position:-30% 0
    }
    .h_s2_left_wrapper{
        background-position:0 0
    }
    .h_s3_image{
        top:0%
    }
    .h_s8_grid{
        z-index:auto;
        float:none;
        grid-template-columns:.25fr 1fr 1fr 1fr;
        grid-template-areas:". ."".Area";
        top:-519px;
        bottom:0
    }
    .h_s8_grid_container{
        bottom:235px;
        left:-366px
    }
    .h_s11_text_wrapper.pu_wrapper{
        background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6255a099e0fd0c7f4584c42d_60ce8950061e1e3db7af68e2_BG3.jpg);
        background-position:0 0;
        background-size:auto
    }
    .h_s5_bg_image{
        top:59%;
        bottom:0%;
        left:14%;
        right:auto
    }
    .h_s3_bg_line{
        height:600px;
        top:0%;
        bottom:auto;
        left:0%
    }
    .deom_button{
        width:235px
    }
    .h_s7_bg_line{
        height:1410px
    }
    .h_s7_grid{
        grid-column-gap:8px;
        grid-row-gap:8px
    }
    .h_s1_right_wrapper{
        left:50%
    }
    .button_menu_02_arrow{
        color:var(--white)
    }
    ._20px_bottom{
        margin-bottom:3px
    }
    .html-embed-2{
        margin-left:220px;
        margin-right:auto
    }
    .text-block-57{
        object-fit:fill;
        flex:1;
        align-self:auto;
        padding-left:0;
        position:static
    }
    .text-block-57:hover{
      text-decoration:none
    }
    .text-block-58{
        position:relative
    }
    .section-9{
        background-position:0 0
    }
    .section-14.mm_hiw{
        background-position:100% 0;
        background-size:cover
    }
    .column-5{
        padding-top:100px;
        padding-bottom:100px
    }
    .div-block-293{
        background-size:contain
    }
    .section-16{
        background-position:0 0;
        background-size:50%
    }
    .column-10{
        min-height:400px
    }
    .column-11{
        min-height:400px
    }
    .div-block-303.div-block-304{
        background-position:70% 0
    }
    .column-16{
        min-height:400px
    }
    .div-block-310{
        background-size:contain
    }
    .image-87{
        width:235px
    }
    .div-block-335._2{
        left:10%
    }
    .section-21{
        margin-top:20px;
        margin-bottom:40px
    }
    .home_tab_pop_up._1{
        width:100vw;
        height:115vh
    }
}
@media screen and (min-width:1920px){
    .section.h_s3{
        background-position:100%;
        margin-bottom:0;
        padding-bottom:0
    }
    .section.h_s5{
        padding-bottom:0
    }
    .section.h_s7{
        background-position:963px 450px
    }
    .section.h_s8{
        background-size:contain;
        margin-top:53px
    }
    .section.h_s10{
        background-color:var(--vitruvi-yellow);
        padding-bottom:171px
    }
    .section.leadership_s3,.section.leadership_s4{
        background-position:100% 100%,50%
    }
    .section.leadership_s5{
        background-position:2050% 0
    }
    .section.pricing_s1{
        background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625e56d732d684cb29bd376a_product-updates-main-banner.jpg)
    }
    .link-block{
        clear:none;
        align-self:auto;
        position:relative
    }
    .link-block.link-block-200{
        width:240px;
        justify-content:flex-start;
        align-self:flex-start
    }
    .footer_arrow_wrapper{
        margin-left:auto
    }
    .h_s2_left_wrapper{
        max-height:1000px;
        background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6255ab58ac9006ffb44ce021_vitruvi-Infographic_recoloured_resize.jpg);
        background-position:125% 0;
        background-repeat:no-repeat;
        background-size:contain
    }
    .white_text._4px_bottom{
        margin-top:43px
    }
    .h_s3_image{
        top:0%
    }
    .h_s11_text_wrapper.pu_wrapper{
        background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/cta-bg.png),url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60ce8950061e1e3db7af68e2_BG3-p-1080.jpeg);
        background-position:0 0,0 0;
        background-size:auto,auto
    }
    .h_s11_text_container{
        right:5%
    }
    .footoer_adderss{
        align-self:stretch
    }
    .h_s3_bg_space{
        height:240px
    }
    .h_s5_bg_image{
        top:59%;
        left:22%
    }
    .h_s3_bg_line{
        width:50%;
        height:700px;
        top:0%;
        bottom:auto;
        left:0%;
        right:auto
    }
    .h_s11_wrapper{
        margin-top:-1px
    }
    .div-block-92{
        display:block
    }
    .image-23{
        left:31%
    }
    .cp_s3_text{
        right:5%
    }
    .image-25{
        left:36%
    }
    .div-block-114{
        justify-content:flex-start;
        display:flex
    }
    .footer_bg_grey{
        width:67%
    }
    .footer_bg_yellow{
        width:33%
    }
    .careers-_s6_image{
        left:36%
    }
    .image-29{
        text-align:right
    }
    .careers_s2_heading{
        width:465px;
        border:0 solid #000;
        border-radius:0
    }
    .footer_number_wrapper{
        align-self:stretch
    }
    .div-block-143{
        padding-top:30px;
        padding-bottom:0;
        font-size:23px
    }
    .div-block-146{
        padding-bottom:0
    }
    .div-block-147{
        -webkit-text-fill-color:inherit;
        background-clip:border-box;
        border-radius:10px
    }
    .div-block-143_yellow{
        padding-bottom:0
    }
    .div-block-143_sky_blue{
        background-color:var(--vitruvi-steel-blue);
        padding-bottom:0
    }
    .div-block-143_green{
        background-color:var(--virtuvi-dark-slate-grey);
        padding-bottom:0
    }
    .support_s3_text{
        right:5%
    }
    .div-block-152{
        right:-32%
    }
    .leadership_pop_up{
        display:none
    }
    .paragraph-3{
        display:block
    }
    .div-block-173{
        display:none
    }
    .text_white._35px_bottom{
        font-size:60px
    }
    .h2_subt{
        margin-top:15px;
        font-size:22px;
        font-weight:600
    }
    .h2_subt.h2_30.h2_home{
        margin-top:10px
    }
    .button_menu_02{
        width:190px
    }
    .html-embed-2{
        margin-left:140px;
        position:relative;
        top:0%;
        bottom:auto;
        left:0%;
        right:0%
    }
    .section-12{
        display:flex
    }
    .section-14.mm_hiw{
        background-position:50% 0;
        background-size:cover
    }
    .column-5{
        max-height:590px;
        padding-top:160px;
        padding-bottom:160px
    }
    .div-block-292{
        max-height:590px
    }
    .heading-31.heading-32{
        padding-right:75px
    }
    .column-7,.column-8{
        left:-60px
    }
    .mm2.mm3{
        font-size:16px
    }
    .section-16{
        max-height:640px
    }
    .column-10{
        max-height:530px;
        min-height:530px;
        padding:100px 80px
    }
    .column-11{
        max-height:500px;
        min-height:500px
    }
    .div-block-303.div-block-304{
        background-position:65% 0
    }
    .image-66,.image-67{
        position:relative
    }
    .mm-icon{
        width:142px;
        height:184px;
        background-color:var(--vitruvi-light-blue);
        flex-direction:column;
        justify-content:space-between;
        align-items:center;
        margin-bottom:45px;
        padding-top:40px;
        padding-bottom:30px;
        display:flex;
        box-shadow:3px 3px 5px 1px rgba(0,0,0,.2)
    }
    .column-14{
        margin-top:90px;
        margin-bottom:0
    }
    .mm_icon_p{
        color:var(--white);
        text-align:center;
        padding-left:10px;
        padding-right:10px;
        font-weight:700
    }
    .column-16{
        min-height:640px;
        padding-top:80px;
        padding-bottom:80px
    }
    .image-74{
        max-height:640px
    }
    .image-75{
        max-height:580px
    }
    .image-76{
        max-height:530px
    }
    .image-77{
        max-height:580px
    }
    .heading-34{
        margin-top:40px
    }
    .div-block-310{
        width:50%;
        height:100%;
        max-width:50%;
        background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/62631bcc5e32daa7bb35c301_MM-4.jpg);
        background-repeat:no-repeat;
        background-size:contain;
        position:absolute
    }
    .paragraph-20{
        margin-top:40px
    }
    .heading-41{
        margin-top:0;
        padding-bottom:40px
    }
    .heading-42{
        margin-top:0;
        padding-bottom:15px
    }
    .heading-44{
        padding-top:0;
        padding-bottom:40px
    }
    .image-86{
        padding-bottom:0
    }
    .div-block-319,.div-block-322{
        display:block
    }
    .footoer_adderss_v1{
        align-self:stretch
    }
    .div-block-335{
        display:none;
        top:-90%
    }
    .div-block-335._1{
        display:none;
        top:100%
    }
    .div-block-335._2{
        width:230px;
        display:none;
        top:-101%;
        left:35%
    }
    .div-block-343,.div-block-346{
        display:flex
    }
    .video-2{
        flex-direction:column;
        justify-content:center;
        align-items:center;
        margin-left:274px;
        padding-left:0;
        display:flex
    }
    .text-block-72{
        display:block
    }
    .home_tab_pop_up{
        display:none
    }
}
@media screen and (max-width:991px){
    .container{
        width:auto;
        margin-left:40px;
        margin-right:40px
    }
    .container.nav{
        margin-left:0;
        margin-right:0
    }
    .container.h_s7{
        flex-direction:column;
        align-items:stretch
    }
    .container.flex_as_js.cp_s2,.container.flex_ac_js.cp_s4{
        flex-direction:column
    }
    .container.flex_ac_js.careers_s3{
        padding-left:0;
        padding-right:0
    }
    .container.lower_footer{
        flex:1
    }
    .container.footer1{
        flex-direction:column
    }
    .container.bsg_s1{
        flex-direction:column;
        align-items:flex-start
    }
    .container.bsg_s2{
        flex-direction:column
    }
    .container.vsg_s6{
        padding-top:60px;
        padding-bottom:0
    }
    .container.built{
        margin-bottom:auto;
        position:static
    }
    .container.footer-v1{
        flex-direction:column;
        justify-content:flex-start;
        align-items:stretch
    }
    .container.mini-footer{
        align-items:flex-start
    }
   
    .section.h_s2{
        z-index:0
    }
    .section.h_s3{
        background-position:100% 44%
    }
    .section.h_s5{
        padding-bottom:60px;
        position:static
    }
    .section.h_s5.howitworks{
        margin-top:60px
    }
    .section.h_s7{
        padding-top:60px;
        padding-bottom:50px
    }
    .section.h_s8{
        padding-top:50px;
        padding-bottom:60px
    }
    .section.h_s9{
        background-position:0 -5%
    }
    .section.h_s10{
        padding-top:40px;
        padding-bottom:40px
    }
    .section.tos_s2{
        padding-top:100px;
        padding-bottom:100px
    }
    .section.cp_s3{
        padding-bottom:160px
    }
    .section.cm_s1{
        background-position:60%;
        margin-top:60px
    }
    .section.cm_s2{
        background-position:40%;
        padding-top:100px;
        padding-bottom:100px
    }
    .section.cm_s4,.section.cm_s6{
        padding-top:60px;
        padding-bottom:60px
    }
    .section.cm_s7{
        background-position:50% 152%;
        padding-top:60px;
        padding-bottom:60px
    }
    .section.careers_s1{
        background-position:60%;
        margin-top:60px
    }
    .section.careers_s4{
        background-position:50% 152%;
        padding-top:60px;
        padding-bottom:60px
    }
    .section.careers-_s6{
        background-position:50% 170%;
        padding-top:60px;
        padding-bottom:60px
    }
    .section.careers_s5{
        padding-top:60px;
        padding-bottom:60px
    }
    .section.leadership_s1{
        background-position:60%;
        margin-top:60px
    }
    .section.leadership_s3{
        background-position:240% 100%,50%
    }
    .section.leadership_s5{
        background-position:50% 152%;
        padding-top:60px;
        padding-bottom:60px
    }
    .section.pricing{
        padding-top:60px;
        padding-bottom:60px
    }
    .section.search_s1{
        background-position:60%;
        margin-top:60px;
        padding-top:220px;
        padding-bottom:220px
    }
    .section.vsg_s1{
        padding-top:120px
    }
    .section.vsg_s2{
        padding-top:60px;
        padding-bottom:0
    }
    .section.vsg_s3,.section.vsg_s4,.section.vsg_s5{
        padding-top:60px;
        padding-bottom:60px
    }
    .h_s1_left_wrapper{
        width:auto
    }
    .link-block.link_block20{
        width:auto;
        flex-direction:row;
        display:flex
    }
    .link-block.link-block-255.mm_button1{
        margin-left:auto;
        margin-right:auto
    }
    .h_s2_left_wrapper{
        width:100%;
        background-position:50%;
        display:none
    }
    .h_s2_right_wrapper{
        flex-basis:100%;
        padding-top:60px;
        padding-bottom:60px;
        padding-left:0
    }
    .h_s2_hd_size{
        width:auto
    }
    .h_s3_hd_wrapper{
        flex-direction:column;
        align-items:flex-start
    }
    .h_s3_text_size{
        display:block
    }
    .h_s3_right_wrapper{
        align-items:flex-start;
        margin-top:30px
    }
    .h_s3_tab_link{
        width:220px;
        font-size:14px;
        line-height:18px
    }
    .h_s3_tab_link.all{
        width:auto
    }
    .h_s3_tab_menu{
        grid-template-rows:auto auto;
        grid-template-columns:1fr 1fr 1fr
    }
    .h_s3_tab_cortainer{
        grid-template-rows:auto auto;
        grid-template-columns:1fr 1fr 1fr;
        margin-left:0
    }
    .h_s3_tab_cortainer.laptop_hide{
        grid-column-gap:8px;
        grid-row-gap:8px;
        grid-template-rows:auto auto;
        grid-template-columns:1fr 1fr 1fr;
        grid-auto-columns:1fr;
        display:grid
    }
    .h_s3_tab_cortainer.tab_hide{
        display:none
    }
    .h_s3_tab_wrapper{
        width:220px
    }
    .h_s3_image{
        top:-8%
    }
    .h_s3_text_container{
        height:390px;
        padding-top:40px;
        top:160px;
        left:0%
    }
    .h_s3_text_wrapper{
        padding-left:40px;
        padding-right:40px
    }
    .h_s5_tab_menu{
        grid-template-rows:auto auto;
        grid-template-columns:1fr 1fr 1fr
    }
    .h_s5_image_pc{
        display:none
    }
    .h_s5_wrapper{
        flex-direction:column
    }
    .h_s5_text_container{
        flex-basis:100%;
        padding-left:0
    }
    .h_s5_sb_wrapper{
        justify-content:flex-start;
        padding-top:65px
    }
    .h_s6_grid{
        grid-template-rows:auto auto auto;
        grid-template-columns:1fr 1fr
    }
    .h_s6_grid_wrapper{
        width:auto;
        height:auto
    }
    .h_s6_grid_wrapper2{
        width:auto;
        height:auto;
        position:static
    }
    .h_s7_text_container{
        padding-right:40px
    }
    .h_s8_grid{
        grid-template-rows:auto auto auto;
        grid-template-columns:1fr 1fr;
        position:static
    }
    .h_s8_grid_wrapper{
        width:auto
    }
    .h_s8_grid_container{
        width:auto;
        height:auto;
        padding:25px 20px;
        position:static
    }
    .h_s8_grid_wrapper2{
        width:auto;
        margin:0
    }
    .div-block-10-copy{
        width:641.875px
    }
    .h_s9_grid{
        grid-column-gap:40px;
        grid-row-gap:30px;
        grid-template-rows:auto auto;
        grid-template-columns:1fr 1fr;
        align-items:stretch;
        justify-items:center;
        padding-left:40px;
        padding-right:40px
    }
    .h_s11_text_wrapper{
        padding-bottom:0;
        padding-left:40px;
        padding-right:40px
    }
    .h_s11_text_container{
        height:470px;
        justify-content:space-between;
        padding-top:40px;
        top:220px;
        right:-6%
    }
    .footer_lower{
        height:auto
    }
    .lower_footer_link.tab_spacing{
        padding-left:0
    }
    .footer_hd_wrapper{
        margin-right:70px
    }
    .footer_platform,.footer_company{
        margin-right:60px
    }
    .footer_platform_link{
        margin-right:40px
    }
    .footer_right{
        width:100%;
        margin-top:40px
    }
    .footere_wrapper2{
        margin-top:40px
    }
    .h_s3_bg_space{
        display:none
    }
    .h_s5_container{
        padding-top:60px
    }
    .h_s5_bg_image{
        display:none
    }
    .h_s10_slider{
        height:140px
    }
    .h_s10_left_arrow{
        bottom:-92%;
        left:27%
    }
    .h_s10_right_arrow{
        bottom:-92%;
        right:27%
    }
    .h_s2_sub_heading{
        margin-left:0
    }
    .h_s3_bg_line{
        left:-73.7%
    }
    .h_s9_grid_wrapper.h_s9_spacing{
        margin-top:20px
    }
    .h_s10_logo_wrapper{
        height:140px
    }
    .h_s7_bg_line{
        display:none
    }
    .h_s10_nav{
        bottom:-85%;
        left:35%
    }
    .h_s7_left{
        width:100%;
        padding-top:0
    }
    .h_s2_mobile_bg{
        height:680px;
        background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/618adeaa5484ec631f447731_Vitruvi-Infographic_Recoloured_Final.png);
        background-position:0 0;
        background-size:cover;
        justify-content:center;
        align-items:center;
        display:flex
    }
    .h_s5_image_mobile{
        display:block
    }
    .h_s2_mobile_image{
        width:400px;
        display:none
    }
    .footer_download_wrapper{
        flex-direction:column;
        display:flex
    }
    .footer_download_wrapper.mobile_footer{
        display:none
    }
    .h_s10_logo{
        width:15%
    }
    .menu-button{
        color:#334b5c;
        margin-right:40px;
        padding-left:0;
        padding-right:0
    }
    .menu-button.w--open{
        color:var(--vitruvi-aegean-blue);
        background-color:transparent
    }
    .footer_links_wrapper{
        margin-right:0
    }
    .footer_hd_wrapper2{
        margin-right:70px
    }
    .footer_role{
        margin-left:40px
    }
    .h_s7_rating.footer_rating{
        display:block
    }
    .div-block-91{
        flex-direction:column;
        align-items:flex-start
    }
    .button-2{
        margin:10px 0
    }
    .div-block-92,.div-block-92-copy{
        width:auto;
        padding-top:40px;
        padding-left:40px;
        padding-right:40px
    }
    .number{
        margin-top:20px
    }
    .div-block-93{
        margin-top:40px;
        margin-left:0
    }
    .cp_s3_text{
        height:470px;
        justify-content:space-between;
        padding-top:40px;
        bottom:-5%
    }
    .div-block-96{
        text-align:center;
        margin-top:40px
    }
    .div-block-98{
        justify-content:center
    }
    .image-24{
        margin-top:-250px;
        position:static
    }
    .div-block-99{
        padding-left:40px
    }
    .div-block-103{
        background-position:0 100%;
        padding:60px 40px
    }
    .cm_s3_paragraph,.cm_s3_heading{
        width:auto
    }
    .div-block-103-copy{
        background-position:40% 100%;
        padding-top:60px;
        padding-bottom:60px
    }
    .cm_s3_heading_2{
        width:auto
    }
    .div-block-102-copy{
        background-position:50%
    }
    .company_s4_left{
        width:auto;
        margin-top:0
    }
    .div-block-106{
        margin-top:40px
    }
    .careers_s5_right{
        width:auto;
        margin-right:0;
        padding:60px
    }
    .div-block-108{
        flex-direction:column;
        align-items:flex-start
    }
    .div-block-109{
        grid-template-rows:auto auto;
        grid-template-columns:1fr 1fr 1fr;
        margin-top:8px
    }
    .div-block-110{
        justify-content:flex-start
    }
    .cm_s5_text{
        background-image:none;
        padding-top:60px;
        padding-bottom:60px
    }
    .cm_s5_heading{
        width:auto
    }
    .cm_s5_image{
        background-position:60%
    }
    .div-block-111{
        padding:60px 40px
    }
    .div-block-111._1{
        width:100%
    }
    .div-block-112{
        height:450px
    }
    .div-block-113{
        height:auto;
        margin-left:0;
        padding:40px;
        font-size:50px;
        line-height:50px
    }
    .dropdown-list{
        width:auto;
        position:static
    }
    .lf_link_container{
        flex-direction:column
    }
    .lf_link_wrapper{
        margin-top:10px
    }
    .footer_download_button{
        margin-bottom:10px;
        margin-right:0;
        display:block
    }
    .footer_download_button.footer_mobile{
        display:block
    }
    .h_s3_hd_size{
        width:auto
    }
    .careers_s2_image{
        background-position:60%
    }
    .careers_s2_text{
        background-image:none;
        padding-top:60px;
        padding-bottom:60px
    }
    .careers_s4_container{
        height:450px
    }
    .careers_s4_text{
        height:auto;
        margin-right:0;
        padding:40px;
        font-size:50px;
        line-height:50px
    }
    .careers_s6_wrapper{
        height:470px
    }
    .careers_s6_text{
        height:auto;
        margin-left:0;
        padding:40px;
        font-size:40px;
        line-height:46px
    }
    .careers_s5_grid{
        grid-template-rows:auto auto auto;
        grid-template-columns:1fr 1fr;
        margin-top:8px
    }
    .careers_s5_wrapper{
        flex-direction:column;
        align-items:flex-start
    }
    .div-block-122{
        margin-left:20px;
        margin-right:20px
    }
    .div-block-123{
        width:auto;
        text-align:left;
        align-items:flex-start
    }
    .div-block-123-copy{
        width:auto
    }
    .div-block-124{
        display:none
    }
    .text-span-2{
        font-size:50px;
        line-height:50px
    }
    .leadership_s2_image{
        background-position:60%
    }
    .leadership_s2_text{
        background-image:none;
        padding-top:60px;
        padding-bottom:60px
    }
    .leadership_s5_heading,.leadership_s3_paragraph{
        width:auto
    }
    .div-block-125{
        grid-template-rows:auto auto auto;
        grid-template-columns:1fr 1fr 1fr
    }
    .leadership_s5_container{
        height:450px
    }
    .leadership_s5_text{
        height:auto;
        margin-right:0;
        padding:40px;
        font-size:50px;
        line-height:50px
    }
    .careers_s2_heading,.careers_s2_paragraph{
        width:auto
    }
    .image-37{
        width:24px;
        height:24px;
        display:none
    }
    .div-block-128{
        justify-content:center;
        align-items:center;
        margin-bottom:40px;
        display:flex
    }
    .image-38{
        border-radius:46px;
        box-shadow:8px 8px 16px 4px rgba(51,75,92,.5)
    }
    .tabs-3{
        flex-direction:column;
        align-items:stretch;
        position:static
    }
    .tabs-menu-3{
        flex-direction:row;
        align-items:flex-start;
        padding-bottom:20px;
        padding-right:0;
        position:static
    }
    .tab-link-tab-2{
        margin-left:20px
    }
    .tabs-content-3,.tab-pane-tab-1-2,.tab-pane-tab-2{
        position:static
    }
    .div-block-136{
        background-image:linear-gradient(270deg,#e8edf3 100%,#fff 0%);
        padding-left:0;
        padding-right:20px
    }
    .div-block-135-copy{
        margin-left:0
    }
    .div-block-134-copy{
        justify-content:space-between;
        align-items:center
    }
    .dropdown-list-3{
        width:auto
    }
    .div-block-134-copy-1{
        width:100%
    }
    .dropdown-list-4{
        width:auto
    }
    .div-block-134-copy-2{
        width:100%
    }
    .div-block-138{
        margin-bottom:20px
    }
    .careers_s5_left{
        width:auto;
        margin-top:0
    }
    .footer_company_links{
        margin-right:40px
    }
    .div-block-111-copy{
        flex-direction:column;
        padding:60px 40px
    }
    .div-block-139{
        width:100%
    }
    .div-block-141{
        width:100%;
        margin-top:30px
    }
    .div-block-142{
        grid-row-gap:30px;
        grid-template-rows:auto auto;
        grid-template-columns:1fr 1fr
    }
    .div-block-93-copy{
        grid-template-rows:auto auto auto auto;
        grid-template-columns:1fr;
        margin-top:0;
        margin-left:0
    }
    .support__grid_wrapper.partner,.support__grid_wrapper.kit{
        display:block
    }
    .support_s3_text{
        height:470px;
        justify-content:space-between;
        padding-top:40px;
        bottom:-20%
    }
    .field-label{
        font-size:50px;
        line-height:60px
    }
    
    .div-block-157{
        width:auto;
        flex-direction:row-reverse;
        justify-content:flex-end;
        align-items:center;
        padding:0 40px
    }
    .div-block-157._1{
        padding:0 40px
    }
    .image-40{
        width:20%;
        box-shadow:none;
        margin-top:20px;
        margin-bottom:20px;
        margin-right:40px;
        position:static
    }
    .image-40._1{
        margin-bottom:20px;
        margin-right:40px
    }
    .div-block-158{
        width:100%;
        padding:50px 40px 20px;
        position:static
    }
    .link-block-16{
        z-index:5;
        margin-top:10px;
        margin-right:10px;
        top:0%;
        bottom:auto;
        left:auto;
        right:0%
    }
    .platform_1-1{
        margin-left:0
    }
    .dropdown-list_3{
        width:auto;
        position:static
    }
    .h_s7_grid{
        display:none
    }
    .image-42{
        width:auto;
        height:auto
    }
    .dropdown-list-_1{
        width:auto;
        position:static
    }
    .solutions_1-1{
        margin-left:0
    }
    .div-block-164{
        height:auto
    }
    .div-block-167{
        grid-template-rows:auto auto;
        grid-template-columns:1fr;
        display:none
    }
    .div-block-169{
        margin-bottom:40px
    }
    .h_s1_right_wrapper{
        display:none
    }
    .hero_image_mobile{
        margin-bottom:20px;
        margin-left:40px;
        display:block
    }
    .h_s6_hd_wrapper{
        flex-direction:column;
        align-items:flex-start
    }
    .h_s6_right_wrapper,.h_s9_right_wrapper{
        align-items:flex-start;
        margin-top:30px
    }
    .guidelines_sticky{
        width:100%;
        margin-bottom:40px;
        position:static
    }
    .guidelines_non_sticky{
        width:100%
    }
    .sg_section_wrap{
        flex-direction:column;
        align-items:flex-start
    }
    .non_sticky_left_wrapper{
        width:100%;
        margin-bottom:40px
    }
    .non_sticky_right_wrapper{
        width:100%
    }
    .v_yellow_line_123px_h{
        height:auto;
        align-self:stretch;
        margin-right:40px
    }
    .div-block-180{
        width:630px
    }
    .div-block-181{
        flex-direction:column
    }
    ._55px_left{
        padding-left:0
    }
    .image-52{
        margin-left:0
    }
    .div-block-184{
        flex-direction:column;
        align-items:flex-start
    }
    .v_yellow_line_96px_h,.v_yellow_line_200px_h{
        height:auto;
        align-self:stretch;
        margin-right:40px
    }
    .div-block-196{
        flex-direction:column;
        align-items:flex-start
    }
    .div-block-197{
        margin-top:20px
    }
    .div-block-199{
        flex-direction:column
    }
    .div-block-201{
        width:100%
    }
    .div-block-203,.div-block-203.bg_vitruvi_light_blue{
        padding:40px
    }
    .v_yellow_line_152px_h{
        height:auto;
        align-self:stretch;
        margin-right:40px
    }
    .sg_s1_container{
        flex-direction:column
    }
    .sg_s1_left_wrap{
        width:100%;
        margin-top:40px;
        margin-bottom:40px
    }
    .sg_s1_right_wrap{
        width:100%
    }
    .div-block-210{
        width:640px
    }
    .grid_1,.grid_2{
        grid-row-gap:40px;
        grid-template-columns:1fr 1fr
    }
    .grid_3{
        grid-row-gap:40px;
        grid-template-columns:1fr 1fr 1fr
    }
    .sg_hs_container{
        flex-direction:column;
        align-items:flex-start
    }
    .sg_s2_left_wrap{
        width:100%;
        margin-bottom:40px
    }
    ._85-_width{
        width:100%
    }
    .div-block-222{
        width:510px
    }
    .sg_hs_left_wrap,.sg_hs_right_wrap{
        width:100%
    }
    .div-block-225{
        width:630px
    }
    .grid_4{
        grid-row-gap:40px;
        grid-template-columns:1fr 1fr
    }
    ._50-_width{
        width:100%
    }
    .sg_s2_container{
        flex-direction:column
    }
    .div-block-228{
        justify-content:flex-start
    }
    .sg_s2_right_wrap{
        width:100%
    }
    .div-block-229{
        width:620px
    }
    .cs_wrap{
        flex-direction:column;
        align-items:flex-start
    }
    .h2_subt.h2_30{
        text-align:left;
        padding-left:40px
    }
    .p_small{
        padding-left:30px;
        padding-right:30px
    }
    .p_small.how_p{
        padding-left:40px
    }
    .cta._430px_width{
        width:auto
    }
    .div-block-237{
        width:650px
    }
    .div-block-239{
        width:100%;
        margin-bottom:40px
    }
    .text-block-56{
        margin-top:0;
        margin-bottom:40px
    }
    .sg_s2-1_left_wrap{
        width:100%;
        margin-top:40px;
        margin-bottom:40px
    }
    .div-block-246{
        margin-top:40px;
        padding-left:0
    }
    .v_yellow_line_56px_h{
        height:auto;
        align-self:stretch;
        margin-right:40px
    }
    .div-block-247{
        width:100%;
        justify-content:flex-start;
        margin-top:40px
    }
    .v_yellow_line_116px_h{
        height:auto;
        align-self:stretch;
        margin-right:40px
    }
    .div-block-251{
        padding-left:40px;
        padding-right:40px
    }
    .div-block-253{
        width:100%;
        padding-left:40px;
        padding-right:40px
    }
    .div-block-254{
        flex-direction:column;
        align-items:flex-start
    }
    .link-block-23{
        margin-left:0
    }
    .div-block-255{
        width:630px
    }
    .div-block-256{
        flex-direction:column;
        align-items:flex-start
    }
    .div-block-257{
        width:630px
    }
    .image-60{
        margin-top:40px
    }
    .t_40px_bottom{
        margin-bottom:40px
    }
    .column-2{
        align-items:stretch;
        display:flex
    }
    .image-62,.column-4{
        display:none
    }
    .div-block-263{
        width:100%
    }
    .text-block-61{
        text-align:center;
        justify-content:center;
        align-items:center
    }
    .section-10{
        padding:60px 40px
    }
    .paragraph-13{
        padding-top:0
    }
    .section-11{
        padding-left:40px;
        padding-right:40px
    }
    .grid-2{
        grid-column-gap:16px;
        grid-row-gap:16px;
        grid-template-columns:1fr
    }
    .section-12{
        padding-top:60px
    }
    .section-13{
        padding-top:0
    }
    .html-embed-3{
        display:none
    }
    .column-5{
        padding-bottom:60px
    }
    .div-block-292{
        padding-top:0
    }
    .heading-31,.heading-31.heading-32{
        padding-left:40px
    }
    .column-7,.column-8{
        position:static
    }
    .mm1{
        padding-top:0;
        padding-left:40px;
        padding-right:40px
    }
    .mm2.mm3{
        padding-right:40px
    }
    .columns-4{
        padding-top:60px;
        padding-bottom:60px
    }
    .div-block-302{
        min-height:375px;
        padding:30px
    }
    .section-16{
        background-position:0%
    }
    .column-10{
        padding:100px 40px
    }
    .section-17,.section-17.section-19{
        background-position:100%
    }
    .column-11{
        padding:80px 20px 80px 40px
    }
    .image-65,.column-12{
        display:none
    }
    .image-66{
        width:68%;
        margin-left:auto;
        margin-right:auto;
        display:block
    }
    .image-67{
        display:none
    }
    .image-67.image-67-mobile{
        margin-left:auto;
        margin-right:auto;
        display:block
    }
    .column-14{
        display:none;
        position:static
    }
    .column-15{
        padding-left:0;
        padding-right:0
    }
    .column-16{
        min-height:auto;
        padding:80px 40px
    }
    .html-embed-4{
        text-align:center;
        display:block
    }
    .column-26{
        padding-left:0;
        padding-right:0;
        position:relative
    }
    .video{
        margin-top:20px;
        position:relative
    }
    .div-block-306{
        position:static;
        overflow:hidden
    }
    .image-76{
        right:0%
    }
    .image-77{
        top:0%;
        bottom:auto;
        left:0%;
        right:auto
    }
    .div-block-307,.div-block-308{
        display:none
    }
    .image-78,.image-79,.image-80,.image-81,.image-82{
        display:block
    }
    .heading-34{
        text-align:left;
        padding-left:30px
    }
    .columns-6{
        margin-left:0;
        margin-right:0
    }
    .div-block-309{
        width:100%
    }
    .heading-38{
        padding-left:40px
    }
    .heading-39{
        padding-left:30px
    }
    .link-block-256{
        display:block
    }
    .section-20{
        padding-top:200px
    }
    .div-block-310{
        width:100%;
        height:440px;
        position:static
    }
    .columns-7{
        flex-direction:column;
        align-items:center;
        padding-top:0;
        display:flex
    }
    .div-block-311{
        margin-bottom:60px
    }
    .div-block-312{
        grid-column-gap:40px;
        grid-row-gap:40px;
        grid-template-columns:.5fr .75fr 1fr
    }
    .div-block-314,.div-block-316{
        width:100%
    }
    .div-block-317{
        grid-template-columns:1fr 1fr;
        margin-top:40px;
        margin-left:0
    }
    .div-block-318,.div-block-319,.div-block-322{
        width:auto;
        padding-top:40px;
        padding-left:40px;
        padding-right:40px
    }
    .div-block-323{
        width:100%
    }
    .div-block-324{
        grid-template-columns:1fr 1fr
    }
    .div-block-325{
        width:auto;
        margin-top:0;
        margin-bottom:0
    }
    .div-block-326,.div-block-327{
        width:auto
    }
    .div-block-328{
        width:auto;
        margin-top:0;
        margin-bottom:0
    }
    .image-88{
        margin:10px 20px
    }
    .image-90{
        margin:0 20px 10px
    }
    .image-91,.image-92,.image-93{
        margin:10px 20px
    }
    .div-block-333{
        width:33%
    }
    .image-95{
        display:block
    }
    .image-96{
        display:none
    }
    .div-block-336{
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start
    }
    .div-block-337{
        align-items:flex-start
    }
    .lf_link_container-copy{
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start
    }
    .lower_footer_link-copy.tab_spacing{
        padding-left:0
    }
    .div-block-338{
        width:100%;
        align-self:flex-start;
        margin-top:20px;
        margin-bottom:40px
    }
    .image-98{
        margin-left:10px;
        margin-right:10px
    }
    .image-98._14{
        margin-top:20px
    }
    .div-block-342{
        display:none
    }
}
@media screen and (max-width:767px){
    h1{
        font-size:40px;
        line-height:50px
    }
  
  .cta_small{
    font-size:24px;
}
  
    .top_banner h1, .reversed-headline h1 {
      font-size: 38px;
      line-height: 1.25;
    }
  
    .container,.container.h_s7{
        margin-left:30px;
        margin-right:30px
    }
    .container.flex_ac_je{
        margin-left:0;
        margin-right:0
    }
    .container.h_s1,.container.h_s2{
        margin-left:30px;
        margin-right:30px
    }
    .container.h_s5{
        margin-left:0;
        margin-right:0;
        padding-left:30px;
        padding-right:30px
    }
    .container.built{
        margin-left:30px;
        margin-right:30px
    }
    .container.customer-logos{
        padding-top:40px;
        padding-bottom:40px
    }
    .nav-menu{
        padding-left:20px;
        padding-right:20px
    }
    .nav_main_logo,.nav_main_logo.w--current{
        margin-left:30px;
        padding-left:0
    }
    .section.h_s3{
        background-position:100% 21%
    }
    .section.h_s5{
        padding-bottom:60px
    }
    .section.h_s7{
        padding-top:60px
    }
    .section.h_s8{
        padding-top:100px
    }
    .section.h_s10{
        padding-top:20px;
        padding-bottom:20px
    }
    .section.cm_s2{
        background-position:0%;
        padding-top:60px;
        padding-bottom:60px
    }
    .section.cm_s7{
        overflow:hidden
    }
    .section.careers_s1{
        background-position:30% 0
    }
    .section.careers_s4,.section.careers-_s6{
        overflow:hidden
    }
    .section.leadership_s3{
        background-position:750% 100%,50%
    }
    .section.leadership_s5{
        overflow:hidden
    }
    .section.search_s1{
        padding-top:100px;
        padding-bottom:100px
    }
    .link-block.link-block-19{
        margin-top:20px
    }
    .link-block.link_block20{
        width:200px
    }
    .link-block.link-block-255.mm_button1{
        margin-top:20px;
        margin-left:auto;
        margin-right:auto
    }
    .h_s2_right_wrapper{
        padding-top:60px;
        padding-bottom:60px
    }
    .h_s3_text_size{
        width:486.632px
    }
    .h_s3_tab_link{
        width:auto
    }
    .h_s3_tab_menu{
        grid-template-rows:auto auto auto;
        grid-template-columns:1fr 1fr
    }
    .h_s3_tab_cortainer,.h_s3_tab_cortainer.laptop_hide{
        grid-template-columns:1fr 1fr
    }
    .h_s3_tab_wrapper{
        width:auto
    }
    .h_s3_image{
        left:4%
    }
    .h_s3_text_container{
        height:auto
    }
    .h_s5_tab_link{
        width:auto
    }
    .h_s5_tab_menu{
        grid-template-rows:auto auto auto;
        grid-template-columns:1fr 1fr
    }
    .h_s5_sb_wrapper{
        padding-top:50px;
        padding-bottom:50px;
        padding-left:0
    }
    .h_s8_grid_container{
        height:340px;
        margin-top:-54px
    }
    .div-block-10-copy{
        width:480px
    }
    .h_s11_text_container{
        height:auto
    }
    .footer_lower{
        height:auto;
        flex-direction:column
    }
    .lower_footer_link{
        padding-top:10px;
        padding-left:0
    }
    .footer_follow_us{
        flex-direction:column-reverse;
        align-items:flex-end
    }
    .h_s9_yellow_line{
        margin-right:40px
    }
    .footer_hd_wrapper.pc_hide{
        display:flex
    }
    .footer_line{
        width:100%
    }
    .footer_main_comtainer{
        flex-direction:column
    }
    .footer_support_links{
        padding-left:10px
    }
    .h_s10_left_arrow{
        bottom:-91%;
        left:19%
    }
    .h_s10_right_arrow{
        bottom:-91%;
        right:20%
    }
    .h_s3_bg_line{
        top:50%
    }
    .h_s10_nav{
        left:30%
    }
    .h_s7_left{
        padding-top:0
    }
    .h_s2_mobile_bg{
        background-position:0 0
    }
    .footer_download_wrapper.mobile_footer{
        display:none
    }
    .menu-button{
        margin-right:20px
    }
    .footer_links_wrapper{
        margin-top:20px;
        margin-right:0;
        display:flex
    }
    .footer_links_container2{
        flex-direction:column;
        margin-top:40px
    }
    .footer_hd_wrapper2{
        display:none
    }
    .h_s7_rating.footer_rating{
        display:block
    }
    .heading-10{
        font-size:60px;
        line-height:70px
    }
    .div-block-91{
        flex-direction:column;
        align-items:flex-start
    }
    .button-2{
        margin-left:0;
        margin-right:0
    }
    .div-block-92{
        height:auto;
        padding-bottom:40px;
        padding-left:20px;
        padding-right:20px
    }
    .text-block-17._1{
        margin-bottom:30px
    }
    .div-block-92-copy{
        box-shadow:none;
        margin-top:0;
        padding-bottom:40px
    }
    .div-block-93{
        grid-column-gap:40px;
        grid-row-gap:40px;
        grid-template-rows:auto auto;
        grid-template-columns:1fr
    }
    .image-23{
        position:relative;
        left:0%
    }
    .cp_s3_text{
        width:auto;
        height:auto;
        padding-top:0;
        position:relative;
        bottom:0%
    }
    .div-block-101{
        flex-direction:column
    }
    .div-block-102{
        min-height:250px
    }
    .div-block-103{
        padding-left:30px;
        padding-right:30px
    }
    .div-block-101-copy{
        flex-direction:column-reverse
    }
    .div-block-103-copy{
        padding-left:30px;
        padding-right:30px
    }
    .div-block-102-copy{
        min-height:250px
    }
    .company_s4_left{
        margin-bottom:40px;
        margin-left:0;
        margin-right:20px
    }
    .careers_s5_right{
        padding:40px 20px
    }
    .div-block-110{
        padding:20px
    }
    .cm_s5_text{
        padding-left:30px;
        padding-right:30px
    }
    .cm_s5_image{
        min-height:250px;
        background-position:50%;
        background-size:cover;
        flex-basis:auto;
        padding-bottom:0;
        padding-right:0
    }
    .div-block-111{
        padding:40px 20px
    }
    .div-block-112{
        height:370px
    }
    .div-block-113{
        width:auto
    }
    .footer_text_spacing{
        margin-top:10px;
        margin-right:0
    }
    .footer_bg_grey{
        width:80%
    }
    .footer_bg_yellow{
        width:20%
    }
    .lf_link_container{
        width:75%
    }
    .lf_link_wrapper{
        flex-direction:column;
        align-items:flex-start;
        margin-top:10px;
        display:flex
    }
    .careers_s2_image{
        min-height:250px;
        background-position:50%;
        background-size:cover;
        flex-basis:auto;
        padding-bottom:0;
        padding-right:0
    }
    .careers_s2_text{
        padding-left:20px;
        padding-right:20px
    }
    .careers_s4_container{
        height:380px
    }
    .careers_s4_text{
        width:auto;
        font-size:30px;
        line-height:36px
    }
    .careers_s6_wrapper{
        height:388px
    }
    .careers_s6_text{
        width:auto;
        font-size:30px;
        line-height:36px
    }
    .div-block-122{
        grid-column-gap:40px;
        grid-row-gap:40px;
        margin-left:0;
        margin-right:0
    }
    .div-block-123,.div-block-123-copy{
        text-align:center;
        align-items:center
    }
    .text-span-2{
        font-size:40px;
        line-height:40px
    }
    .leadership_s2_image{
        min-height:350px;
        background-position:50% 0;
        background-size:cover;
        flex-basis:auto;
        padding-bottom:0;
        padding-right:0
    }
    .leadership_s2_text{
        padding-left:20px;
        padding-right:20px
    }
    .div-block-125{
        grid-template-rows:auto auto auto auto;
        grid-template-columns:1fr 1fr
    }
    .leadership_s5_container{
        height:380px
    }
    .leadership_s5_text{
        width:auto;
        font-size:30px;
        line-height:36px
    }
    .div-block-127,.tabs-3{
        flex-direction:column
    }
    .tabs-menu-3{
        width:100%;
        padding-right:0
    }
    .tab-link-tab-2{
        width:auto
    }
    .tabs-content-3{
        width:100%;
        margin-top:20px
    }
    .div-block-138{
        margin-left:20px
    }
    .careers_s5_left{
        margin-bottom:40px;
        margin-left:20px;
        margin-right:20px
    }
    .div-block-111-copy{
        padding:40px 30px
    }
    .div-block-141{
        margin-top:20px;
        padding-left:20px
    }
    .div-block-142{
        grid-template-rows:auto auto auto auto;
        grid-template-columns:1fr
    }
    .div-block-148{
        flex-direction:column;
        align-items:flex-start
    }
    .text-block-27{
        width:100%
    }
    .text-block-28{
        width:100%;
        margin-top:30px
    }
    .div-block-93-copy{
        grid-column-gap:40px;
        grid-row-gap:40px;
        grid-template-rows:auto auto;
        grid-template-columns:1fr
    }
    .link-block_3.start-here{
        margin-bottom:10px;
        margin-right:0
    }
    .pricing_s3_image{
        right:4%
    }
    .support_s3_text{
        width:auto;
        bottom:-25%
    }
    .footer_mobile_company{
        color:var(--vitruvi-aegean-blue);
        margin-right:60px;
        text-decoration:none
    }
    .footer_mobile_support{
        color:var(--vitruvi-aegean-blue);
        text-decoration:none;
        overflow:hidden
    }
    .field-label{
        font-size:40px;
        line-height:50px
    }
    .div-block-158{
        padding-left:20px;
        padding-right:20px;
        position:relative
    }
    .div-block-168{
        flex-direction:column
    }
    .hero_image_mobile{
        margin-left:0
    }
    .v_yellow_line_123px_h{
        margin-right:20px
    }
    .div-block-180{
        width:500px
    }
    .div-block-185,.div-block-188{
        grid-row-gap:20px;
        grid-template-columns:1fr
    }
    .div-block-190{
        grid-template-columns:1fr
    }
    .v_yellow_line_96px_h{
        margin-right:20px
    }
    .div-block-194{
        flex-direction:column;
        align-items:flex-start;
        padding:20px
    }
    .v_yellow_line_200px_h{
        margin-right:20px
    }
    .text_white._0px_bottom.ml_10pxbottom{
        margin-bottom:10px
    }
    .text_white.product_updates_header{
        padding-bottom:20px
    }
    .div-block-203{
        grid-template-columns:1fr
    }
    .div-block-204{
        grid-row-gap:20px;
        grid-template-columns:1fr
    }
    .v_yellow_line_152px_h{
        margin-right:20px
    }
    ._430px_width{
        width:auto
    }
    .div-block-210{
        width:500px
    }
    .grid_1,.grid_2{
        grid-row-gap:20px;
        grid-template-columns:1fr
    }
    .color_bg_wrap_3{
        margin-bottom:20px
    }
    .grid_3{
        grid-row-gap:20px
    }
    .color_usage_wrap{
        flex-direction:column;
        align-items:flex-start
    }
    .div-block-222{
        width:410px
    }
    .div-block-225{
        width:500px
    }
    .grid_4{
        grid-row-gap:20px
    }
    .h1-h1_home{
        font-size:40px;
        line-height:50px
    }
    .h2_subt.h2_30{
        text-align:left;
        padding-left:30px
    }
    .p_small.text_white.p_inner{
        padding-left:0;
        padding-right:0
    }
    .div-block-237{
        width:500px
    }
    .div-block-245{
        padding-left:40px
    }
    .v_yellow_line_56px_h,.v_yellow_line_116px_h{
        margin-right:20px
    }
    .div-block-251{
        padding:20px
    }
    .div-block-255,.div-block-257{
        width:500px
    }
    .cp_s1_y_line{
        height:220px
    }
    ._0px_bottom.ml_10pxbottom{
        margin-bottom:10px
    }
    .column-3{
        padding-left:0;
        padding-right:0
    }
    .grid{
        clear:none;
        object-fit:fill;
        grid-template-rows:auto auto auto auto auto;
        grid-template-columns:1fr;
        grid-auto-flow:column;
        margin-top:0;
        position:static
    }
    .text-block-61{
        flex-direction:row
    }
    .section-10{
        padding-top:60px;
        padding-left:30px;
        padding-right:30px
    }
    .paragraph-13{
        padding-top:0;
        padding-left:0;
        padding-right:0
    }
    .section-11{
        padding-top:60px;
        padding-left:30px;
        padding-right:30px
    }
    .grid-2{
        grid-column-gap:16px;
        grid-row-gap:16px;
        grid-template-rows:auto auto;
        grid-template-columns:1fr
    }
    .section-12{
        padding-top:0
    }
    .section-13{
        padding-top:60px
    }
    .html-embed-3{
        display:none
    }
    .section-14.mm_hiw{
        background-image:none;
        background-position:0 0;
        background-repeat:repeat;
        background-size:auto
    }
    .column-5{
        padding-bottom:40px;
        padding-left:30px;
        padding-right:30px
    }
    .div-block-292{
        padding-top:0
    }
    .heading-31{
        padding-left:0
    }
    .heading-31.heading-32{
        border-right-style:none;
        padding-left:30px;
        padding-right:30px
    }
    .column-7{
        padding-top:60px;
        padding-left:30px;
        padding-right:30px;
        position:static
    }
    .column-8{
        padding-left:30px;
        padding-right:30px;
        position:static
    }
    .mm1{
        padding-top:10px;
        padding-left:0;
        padding-right:15px
    }
    .column-9{
        padding-left:0;
        padding-right:0
    }
    .mm2.mm3{
        padding-top:10px
    }
    .columns-4{
        padding-top:0;
        padding-bottom:60px
    }
    .div-block-302{
        min-height:auto;
        padding-left:30px;
        padding-right:30px
    }
    .columns-5{
        padding-top:0;
        padding-bottom:0
    }
    .section-16{
        background-image:none;
        background-position:0 0;
        background-repeat:repeat;
        background-size:auto
    }
    .section-16.section-18{
        background-image:none;
        background-repeat:repeat;
        background-size:auto
    }
    .mm_heading2{
        padding-top:20px;
        padding-left:30px;
        padding-right:30px
    }
    .column-10{
        padding:0 0 40px
    }
    .column-10.column-19{
        display:none
    }
    .section-17,.section-17.section-19{
        background-image:none;
        background-position:0 0;
        background-repeat:repeat;
        background-size:auto
    }
    .column-11{
        padding:0 0 40px
    }
    .image-65,.column-12{
        display:none
    }
    .image-66{
        width:100%
    }
    .image-67{
        display:none
    }
    .image-67.image-67-mobile{
        display:block
    }
    .column-14{
        display:none;
        position:static
    }
    .column-15{
        padding-left:0;
        padding-right:0
    }
    .paragraph-14{
        padding-left:30px;
        padding-right:30px
    }
    .column-16{
        padding-left:0;
        padding-right:0
    }
    .html-embed-4{
        padding-left:15px;
        padding-right:15px
    }
    .column-17,.column-18{
        display:none
    }
    .column-20{
        padding-left:30px;
        padding-right:30px
    }
    .image-69{
        max-width:100%;
        display:block
    }
    .column-21,.column-22,.column-23,.column-24,.column-25,.column-26{
        padding-left:0;
        padding-right:0
    }
    .column-27{
        display:none
    }
    .image-70,.image-71{
        display:block
    }
    .paragraph-15{
        padding-left:30px;
        padding-right:30px
    }
    .column-28{
        display:none
    }
    .paragraph-16,.paragraph-17{
        padding-left:30px;
        padding-right:30px
    }
    .image-72,.image-73{
        display:block
    }
    .div-block-307,.div-block-308{
        display:none
    }
    .image-78{
        width:100%;
        display:block
    }
    .image-79,.image-80{
        display:block
    }
    .image-81{
        width:100%;
        max-width:none;
        display:block
    }
    .image-82{
        display:block
    }
    .heading-34{
        text-align:left;
        padding-left:30px
    }
    .heading-38{
        padding-left:30px;
        font-size:38px;
        line-height:42px
    }
    .heading-39{
        padding-left:30px
    }
    .text-block-63{
        margin-bottom:0
    }
    .div-block-310{
        width:100%
    }
    .columns-7{
        padding-top:0
    }
    .div-block-312{
        grid-template-columns:.75fr 1fr
    }
    .div-block-317{
        grid-column-gap:40px;
        grid-row-gap:40px;
        grid-template-rows:auto auto;
        grid-template-columns:1fr
    }
    .div-block-318{
        box-shadow:none;
        margin-top:0;
        padding-bottom:40px
    }
    .div-block-319,.div-block-322{
        height:auto;
        padding-bottom:40px;
        padding-left:20px;
        padding-right:20px
    }
    .div-block-324{
        grid-template-columns:1fr
    }
    .image-88{
        width:140px
    }
    .image-90{
        width:70px
    }
    .image-91,.image-92{
        width:120px
    }
    .image-93{
        width:140px
    }
    .div-block-333{
        width:auto;
        margin-bottom:20px
    }
    .lower_footer_link-copy{
        padding-top:10px;
        padding-left:0
    }
    .div-block-338{
        flex-direction:column;
        margin-bottom:20px
    }
    .div-block-339{
        display:none
    }
    .div-block-340{
        justify-content:flex-start
    }
}
@media screen and (max-width:479px){
    h1{
        font-size:38px;
        line-height:48px
    }
    .container{
        width:100%;
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0
    }
    .container.nav{
        justify-content:space-between;
        margin-top:0;
        margin-bottom:0;
        padding-left:0
    }
    .container.h_s3{
        padding-bottom:10px
    }
    .container.h_s7{
        width:100%;
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0
    }
    .container.flex_ac_jc.pricing_s2{
        text-align:left;
        align-items:flex-start
    }
    .container.flex_ac_je{
        padding-left:0;
        padding-right:0
    }
    .container.lower_footer{
        padding-left:30px;
        padding-right:30px
    }
    .container.h_s1,.container.h_s2{
        margin-left:0;
        margin-right:0;
        padding-left:30px;
        padding-right:30px
    }
    .container.h_s5{
        max-width:100%;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
        overflow:hidden
    }
    .container.footer1{
        align-items:stretch;
        padding-left:30px;
        padding-right:30px
    }
    .container.built{
        margin-bottom:auto;
        margin-left:0;
        margin-right:0;
        padding-left:30px;
        padding-right:30px
    }
    .container.footer-v1{
        width:90%;
        margin-left:auto;
        margin-right:auto
    }
    .container.cp_s2-v1{
        overflow:hidden
    }
    .container.pricing-s1-v1,.container.customer-logos,.container.faq,.container.mini-footer{
        width:90%;
        margin-left:auto;
        margin-right:auto
    }
    .section.h_s5{
        margin-top:auto
    }
    .section.h_s5.howitworks{
        margin-top:0
    }
    .section.h_s6{
        background-color:var(--vitruvi-aegean-blue);
        background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df66b1ad63e85a86d0a9ab_Vector%20Smart%20Object2%20copy.png),url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df66b1c4447956f1b22e64_Vector%20Smart%20Object2.png);
        background-position:100% 100%,0 100%;
        background-repeat:no-repeat,no-repeat;
        background-size:auto,auto;
        background-attachment:scroll,scroll;
        padding-bottom:60px;
        padding-left:30px;
        padding-right:30px
    }
    .section.h_s7{
        padding-top:60px
    }
    .section.h_s7.h_s100.why_section5{
        padding-top:60px;
        padding-bottom:60px
    }
    .section.h_s7.testiomnials_why{
        padding:60px 30px
    }
    .section.h_s7.h_stest,.section.h_s7.how_test{
        padding-left:30px;
        padding-right:30px
    }
    .section.h_s8{
        padding-top:60px;
        padding-bottom:60px
    }
    .section.h_s12{
        padding-top:60px
    }
    .section.tos_s2{
        padding-left:30px;
        padding-right:30px
    }
    .section.cp_s3{
        padding-bottom:110px
    }
    .section.cp_s3.product_updates_section{
        padding-top:60px
    }
    .section.cp_s2{
        padding-top:60px;
        padding-left:30px;
        padding-right:30px
    }
    .section.cp_s4{
        padding-top:0
    }
    .section.cm_s2{
        padding-left:30px;
        padding-right:30px
    }
    .section.cm_s5.why_s5{
        padding-bottom:60px
    }
    .section.cm_s7{
        padding-bottom:0
    }
    .section.careers_s1{
        background-position:40% 0
    }
    .section.careers_s3{
        padding-left:30px;
        padding-right:30px
    }
    .section.leadership_s3,.section.leadership_s4{
        padding:60px 30px
    }
    .section.leadership_s5{
        padding-bottom:0
    }
    .section.pricing_s2{
        padding-top:60px;
        padding-left:30px;
        padding-right:30px
    }
    .section.pricing_s3{
        padding-bottom:0
    }
    .section.support_s3{
        margin-top:0;
        padding-bottom:450px
    }
    .section.cp_s2-v1{
        padding-top:60px;
        padding-left:30px;
        padding-right:30px
    }
    .button{
        margin-bottom:15px;
        margin-right:0
    }
    .h_s1_button_container{
        flex-direction:column;
        align-items:flex-start
    }
    .link-block.link-block-19{
        margin-top:20px;
        margin-left:30px
    }
    .link-block.link_block20{
        width:220px
    }
    .link-block.link-block-255.mm_button1{
        margin-left:auto;
        margin-right:auto
    }
    .h_s2_right_wrapper{
        padding-top:40px;
        padding-bottom:60px
    }
    .h_s2_hd_size{
        width:auto
    }
    .h_s2_sh_wrapper{
        align-items:flex-start
    }
    .h_s3_hd_wrapper{
        margin-bottom:40px;
        padding-left:30px;
        padding-right:30px
    }
    .h_s3_yellow_line{
        width:5px;
        height:100%;
        margin-left:0;
        margin-right:20px;
        position:absolute;
        top:0%;
        bottom:0%;
        left:0%;
        right:auto
    }
    .h_s3_text_size{
        width:auto;
        margin-left:20px
    }
    .h_s3_right_wrapper{
        position:relative
    }
    .h_s3_tab_link{
        padding-left:20px
    }
    .h_s3_tab_menu{
        grid-template-rows:auto auto auto auto auto;
        grid-template-columns:1fr
    }
    .h_s3_tab_cortainer,.h_s3_tab_cortainer.laptop_hide{
        grid-template-rows:auto auto auto auto;
        grid-template-columns:1fr
    }
    .h_s3_tab_wrapper{
        padding:20px
    }
    .h_s3_image{
        left:0%
    }
    .h_s3_text_container{
        width:auto;
        background-color:var(--vitruvi-aegean-blue);
        background-image:none;
        background-repeat:repeat;
        background-size:auto;
        top:131px
    }
    .h_s3_text_wrapper{
        padding-left:30px;
        padding-right:30px
    }
    .h_s5_tab_menu{
        grid-template-rows:auto auto auto auto auto;
        grid-template-columns:1fr
    }
    .h_s5_text_wrapper{
        padding-left:30px
    }
    .h_s5_sb_wrapper{
        align-items:flex-start;
        padding:40px 40px 40px 0
    }
    .h_s6_grid{
        grid-template-rows:auto auto auto auto;
        grid-template-columns:1fr
    }
    .h_s6_grid_wrapper,.h_s6_grid_wrapper2{
        padding:20px
    }
    .h_s6_text_wrapper{
        flex-direction:column
    }
    .h_s7_slider_wrapper{
        margin-left:0;
        margin-right:0
    }
    .h_s7_text_container{
        padding-left:20px;
        padding-right:0
    }
    .h_s8_grid{
        grid-template:"Area-2""Area"".""."".""."/auto;
        grid-auto-columns:0fr;
        grid-auto-flow:column;
        margin-top:40px
    }
    .h_s8_grid_wrapper.fiber-broadband{
        background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/60df6896365ff21a41fbe76e_img1.1.png);
        background-position:50%;
        background-repeat:no-repeat;
        background-size:cover
    }
    .h_s8_grid_container{
        height:auto;
        margin-top:auto
    }
    .div-block-10-copy{
        width:auto
    }
    .h_s9_grid{
        grid-column-gap:40px;
        grid-row-gap:40px;
        grid-template-rows:auto auto auto auto;
        grid-template-columns:1fr;
        padding-left:0;
        padding-right:0
    }
    .h_s11_text_wrapper{
        padding:30px;
        display:flex
    }
    .h_s11_text_container{
        width:auto;
        padding-top:0;
        top:98px;
        right:0%
    }
    .lower_footer_link{
        margin-top:10px;
        padding-left:0;
        font-size:12px
    }
    .lower_footer_link.tab_spacing{
        font-size:12px
    }
    .footer_follow_us{
        align-items:center
    }
    .h_s9_yellow_line{
        margin-right:20px
    }
    .footer_hd_wrapper{
        margin-right:0
    }
    .footer_platform_link{
        margin-left:0
    }
    .footer_solutions_link{
        flex-direction:column;
        padding-left:5px
    }
    .footer_functionality{
        margin-bottom:20px
    }
    .footere_wrapper2{
        flex-direction:column
    }
    .footer_link3{
        margin-right:65px
    }
    .footer_link_container{
        width:auto;
        margin-bottom:40px
    }
    .h_s3_tab{
        margin-bottom:60px
    }
    .h_s5_container,.h_s5_container.how_s1{
        padding-top:10px
    }
    .h_s10_slider{
        height:auto
    }
    .h_s10_left_arrow{
        bottom:-17%;
        left:1%
    }
    .h_s10_right_arrow{
        bottom:-17%;
        right:1%
    }
    .mian_logo_image{
        width:166px;
        max-width:none
    }
    .h_s2_sub_heading{
        width:auto
    }
    .h_s6_left_text{
        width:auto;
        margin-right:0
    }
    .h_s6_right_text{
        width:auto
    }
    .h_s9_grid_wrapper.h_s9_spacing{
        margin-top:0
    }
    .h_s10_logo_wrapper{
        height:400px;
        grid-template-rows:auto auto auto;
        grid-template-columns:1fr 1fr;
        grid-auto-columns:1fr;
        display:grid
    }
    .h_s10_nav{
        bottom:-15%;
        left:19%
    }
    .h_s11_wrapper{
        height:650px;
        margin-top:165px
    }
    .h_s2_mobile_bg{
        background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/6255ab58ac9006ffb44ce021_vitruvi-Infographic_recoloured_resize.jpg);
        background-repeat:no-repeat;
        background-size:cover
    }
    .footer_download_wrapper{
        width:auto;
        flex-direction:row-reverse;
        justify-content:space-between;
        align-items:center
    }
    .footer_download_wrapper.mobile_footer{
        justify-content:space-between;
        display:flex
    }
    .h_s10_logo,.h_s10_logo.esri{
        width:50%
    }
    .menu-button{
        margin-right:26px;
        font-size:25px
    }
    .menu-button.w--open{
        color:#334b5c;
        background-color:transparent
    }
    .footer_role{
        margin-left:0
    }
    .h_s7_rating{
        width:80%
    }
    .h_s7_rating.footer_rating{
        display:block
    }
    .heading-10{
        width:140px;
        text-align:center;
        font-size:38px;
        line-height:48px
    }
    .heading-10.company_h3{
        width:180px
    }
    .heading-10.roi_calc{
        width:200px
    }
    .button-2,.button-2-copy{
        margin-bottom:15px;
        margin-right:0
    }
    .div-block-92{
        width:auto
    }
    .text-block-17._1{
        margin-bottom:10px
    }
    .div-block-93{
        width:100%;
        grid-auto-flow:row;
        align-content:stretch;
        justify-content:stretch;
        align-items:stretch;
        justify-items:center
    }
    .image-23{
        position:static
    }
    .div-block-94{
        height:auto
    }
    .cp_s3_text{
        margin-bottom:60px;
        padding-top:0;
        position:static
    }
    .div-block-95{
        height:100%
    }
    .div-block-98{
        padding-left:30px;
        padding-right:30px
    }
    .image-24{
        margin-top:-118px
    }
    .div-block-99{
        padding-left:0
    }
    .div{
        margin-left:20px
    }
    .div-block-103,.div-block-103-copy{
        background-image:none;
        background-repeat:repeat;
        background-size:auto;
        padding-left:30px;
        padding-right:30px
    }
    .company_s4_left{
        margin-right:0
    }
    .div-block-106{
        width:100%
    }
    .careers_s5_right{
        padding-left:30px;
        padding-right:30px
    }
    .div-block-109{
        grid-template-rows:auto auto auto auto auto;
        grid-template-columns:1fr
    }
    .div-block-110{
        padding-left:30px;
        padding-right:30px
    }
    .cm_s5_text{
        padding-top:60px;
        padding-left:30px;
        padding-right:30px
    }
    .div-block-111._1{
        padding-left:30px;
        padding-right:30px
    }
    .div-block-112{
        height:470px
    }
    .image-25{
        left:0%
    }
    .div-block-113{
        width:100%;
        left:0%
    }
    .div-block-114{
        flex-direction:column;
        align-items:stretch
    }
    .cm_s7_button{
        margin-bottom:10px;
        margin-right:0
    }
    .cm_s7_botton2{
        margin-right:0
    }
    .footer_bg_grey{
        width:70%
    }
    .footer_bg_yellow{
        width:35%
    }
    .lf_link_container{
        width:65%
    }
    .footer_download_button{
        margin-bottom:0;
        margin-right:10px;
        display:none
    }
    .footer_download_button.footer_mobile{
        margin-right:0;
        display:block
    }
    .h_s6_left_wrapper{
        width:auto
    }
    .careers_s2_text{
        padding-left:30px;
        padding-right:30px
    }
    .careers-_s4_image{
        left:0%
    }
    .careers_s4_container{
        height:425px
    }
    .careers_s4_text{
        width:100%;
        left:0%
    }
    .careers-_s6_image{
        left:0%
    }
    .careers_s6_wrapper{
        height:500px
    }
    .careers_s6_text{
        width:100%;
        left:0%
    }
    .careers_s5_grid{
        grid-template-rows:auto auto auto auto auto;
        grid-template-columns:1fr
    }
    .link-block-copy{
        width:auto
    }
    .div-block-2-copy.kit{
        height:60px
    }
    .leadership_s2_text{
        padding-left:30px;
        padding-right:30px
    }
    .div-block-125{
        grid-row-gap:15px;
        grid-template-rows:auto auto auto auto auto auto auto;
        grid-template-columns:1fr;
        justify-items:center
    }
    .div-block-126{
        margin-top:0
    }
    .leadership_s5_image{
        left:0%
    }
    .leadership_s5_container{
        height:425px
    }
    .leadership_s5_text{
        width:100%;
        left:0%
    }
    .tabs-3{
        flex-direction:column;
        align-items:flex-start
    }
    .image-39{
        display:none
    }
    .div-block-138{
        width:100%;
        margin-left:0
    }
    .careers_s5_left{
        margin-left:30px;
        margin-right:30px
    }
    .footer_company_links{
        margin-left:0
    }
    .link-block_3{
        margin-top:10px
    }
    .link-block_3.kit{
        height:60px
    }
    .pricing_s3_image{
        top:-13%;
        right:0%
    }
    .support_s3_text{
        width:auto;
        height:auto;
        padding-top:0;
        bottom:auto
    }
    .div-block-152{
        display:none
    }
    .footer_mobile_company{
        color:var(--vitruvi-aegean-blue);
        margin-right:60px;
        text-decoration:none
    }
    .footer_mobile_support{
        color:var(--vitruvi-aegean-blue);
        text-decoration:none
    }
    .field-label{
        font-size:24px;
        line-height:32px
    }
    .search-input{
        width:100%
    }
    .leadership_pop_up{
        z-index:9999;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        display:none
    }

    .div-block-157,.div-block-157._1{
        padding-left:20px;
        padding-right:20px
    }
    .image-40._1.servant_1{
        margin-bottom:20px;
        margin-right:20px
    }
    .image-40.servant{
        margin-bottom:20px
    }
    .text-block-30{
        margin-top:0;
        font-size:14px
    }
    .heading-20{
        font-size:18px;
        line-height:26px
    }
    .paragraph-3 p{
        font-size:14px;
        line-height:20px
    }
    .h_s7_grid{
        display:none
    }
    .image-42{
        width:auto;
        max-width:260px;
        display:block
    }
    .solutions_1-1{
        flex-direction:column
    }
    .nav_funtionality.nav_role{
        margin-top:20px;
        margin-left:0
    }
    .div-block-163,.div-block-164,.div-block-168{
        padding-left:30px;
        padding-right:30px
    }
    .text-block-31{
        width:210px;
        line-height:20px
    }
    .div-block-169{
        flex-direction:column;
        align-items:flex-start
    }
    .image-50{
        width:70%
    }
    .hero_image_mobile{
        margin-left:15px
    }
    .h_s6_hd_wrapper{
        margin-bottom:60px;
        padding-left:0
    }
    .h_s6_right_wrapper{
        position:relative
    }
    .h_s6_yellow_line{
        width:5px;
        height:100%;
        margin-left:0;
        margin-right:20px;
        position:absolute;
        top:0%;
        bottom:0%;
        left:0%;
        right:auto
    }
    .h_s9_right_wrapper{
        flex-wrap:nowrap;
        position:relative
    }
    .section-4{
        padding-top:40px
    }
    .non_sticky_right_wrapper{
        position:relative
    }
    .v_yellow_line_123px_h{
        width:5px;
        height:100%;
        margin-left:0;
        margin-right:20px;
        position:absolute;
        top:0%;
        bottom:0%;
        left:0%;
        right:auto
    }
    .div-block-180{
        width:auto;
        margin-left:20px
    }
    .div-block-181,.div-block-182{
        margin-bottom:60px
    }
    .v_yellow_line_96px_h,.v_yellow_line_200px_h{
        width:5px;
        height:100%;
        margin-left:0;
        margin-right:20px;
        position:absolute;
        top:0%;
        bottom:0%;
        left:0%;
        right:auto
    }
    .div-block-197{
        width:auto;
        padding:20px
    }
    .text_white{
        padding-top:0
    }
    .text_white._15px_bottom{
        width:100%;
        padding-left:30px;
        padding-right:30px
    }
    .text_white._15px_bottom.h4_inner{
        padding-left:0
    }
    .text_white.h1_updated{
        width:100%;
        font-size:42px;
        line-height:40px
    }
    .v_yellow_line_152px_h{
        width:5px;
        height:100%;
        margin-left:0;
        margin-right:20px;
        position:absolute;
        top:0%;
        bottom:0%;
        left:0%;
        right:auto
    }
    .sg_s1_right_wrap{
        position:relative
    }
    .div-block-210{
        width:auto;
        margin-left:20px
    }
    .grid_3{
        grid-template-columns:1fr 1fr
    }
    .div-block-222{
        width:auto
    }
    .sg_hs_right_wrap{
        position:relative
    }
    .div-block-225{
        width:auto;
        margin-left:20px
    }
    .grid_4{
        grid-template-columns:1fr
    }
    .h1-h1_home{
        font-size:38px;
        line-height:48px
    }
    .text-block-54{
        margin-top:20px;
        margin-left:0
    }
    .div-block-229{
        width:auto;
        margin-left:20px
    }
    .h2_subt{
        clear:none;
        text-align:left;
        padding:0 30px 10px 0;
        letter-spacing: 1px;
    }
    .h2_subt.h2_30{
        padding-left:0
    }
    .h2_subt.h2_30.h2_home{
        padding-left:30px
    }
    .p_small.text_white{
        width:100%;
        padding-left:30px;
        padding-right:30px
    }
    .p_small.how_p{
        text-align:left;
        padding-left:0;
        padding-right:0
    }
    .p_small.p_small_tab{
        padding-left:0;
        padding-right:0
    }
    .cta.small_cta{
        font-size:48px;
        line-height:52px
    }
    .div-block-237{
        width:auto;
        margin-left:20px
    }
    .div-block-238{
        position:relative
    }
    .button_03{
        margin-bottom:15px;
        margin-right:0
    }
    .v_yellow_line_56px_h,.v_yellow_line_116px_h{
        width:5px;
        height:100%;
        margin-left:0;
        margin-right:20px;
        position:absolute;
        top:0%;
        bottom:0%;
        left:0%;
        right:auto
    }
    .div-block-248{
        width:auto;
        margin-left:20px
    }
    .div-block-251{
        grid-column-gap:20px;
        grid-row-gap:20px;
        grid-template-columns:1fr 1fr
    }
    .div-block-255,.div-block-257{
        width:auto;
        margin-left:20px
    }
    .div-block-258{
        padding-left:10px;
        position:relative
    }
    .html-embed-2{
        flex-direction:column-reverse;
        margin-left:auto;
        margin-right:auto;
        display:block
    }
    .link-block-copy.link_block_mobile{
        width:210px;
        margin-top:32px;
        margin-left:0;
        margin-right:0;
        display:flex
    }
    .heading-25{
        padding-left:30px
    }
    .heading-26{
        padding-left:30px;
        padding-right:30px
    }
    .column-2{
        padding-left:0;
        padding-right:0
    }
    .column-3,.paragraph-12{
        padding-left:30px;
        padding-right:30px
    }
    .div-block-263{
        width:100%
    }
    .grid{
        grid-template-rows:auto auto auto auto auto;
        grid-template-columns:1fr;
        grid-auto-flow:column;
        margin-top:0
    }
    .section-9{
        background-position:50%
    }
    .container-9{
        grid-column-gap:16px;
        grid-row-gap:16px;
        flex-wrap:nowrap;
        grid-template-rows:auto auto;
        grid-template-columns:1fr 1fr;
        grid-auto-columns:1fr;
        align-content:flex-start;
        justify-content:center;
        padding-left:30px;
        padding-right:30px;
        display:flex
    }
    h1.top-center-headline {
        text-align:center;
        object-fit:fill;
        flex:0 auto;
        order:0;
        justify-content:center;
        align-self:auto;
        align-items:flex-start;
        margin:0 36px;
        display:block
    }
    .section-10{
        padding:60px 30px
    }
    .paragraph-13{
        padding-left:0;
        padding-right:0
    }
    .section-11{
        padding-left:30px;
        padding-right:30px
    }
    .grid-2{
        grid-column-gap:24px;
        grid-row-gap:24px;
        grid-template-rows:auto auto auto auto;
        grid-template-columns:1fr;
        align-items:center
    }
    .section-12,.section-13{
        padding-top:0
    }
    .html-embed-3{
        align-items:flex-start;
        display:none
    }
    .section-14.mm_hiw{
        background-image:none;
        background-repeat:repeat;
        background-size:auto
    }
    .column-5{
        padding:40px 30px 20px
    }
    .div-block-292{
        padding-top:0
    }
    .div-block-293{
        background-image:none;
        background-repeat:repeat;
        background-size:auto;
        padding-top:0;
        padding-bottom:60px
    }
    .heading-31{
        padding-left:0
    }
    .heading-31.heading-32{
        border-right-style:none;
        padding-left:30px;
        padding-right:30px
    }
    .column-7{
        padding-top:60px;
        padding-left:30px;
        padding-right:30px;
        top:auto;
        left:auto
    }
    .column-8{
        padding-left:30px;
        padding-right:30px;
        top:auto;
        left:auto
    }
    .mm1{
        padding-left:0
    }
    .column-9{
        padding-right:10px
    }
    .mm2.mm3{
        padding-top:20px
    }
    .columns-4{
        padding-top:40px;
        padding-bottom:40px
    }
    .div-block-302{
        min-height:auto;
        padding-left:30px;
        padding-right:30px
    }
    .columns-5{
        padding-top:0;
        padding-bottom:0
    }
    .section-16{
        background-image:none;
        background-position:0 0;
        background-repeat:repeat;
        background-size:auto
    }
    .section-16.section-18{
        background-image:none;
        background-repeat:repeat;
        background-size:auto
    }
    .mm_heading2{
        padding-top:20px;
        padding-left:30px;
        padding-right:30px
    }
    .column-10{
        padding-top:0;
        padding-left:0;
        padding-right:0;
        display:block
    }
    .column-10.column-19{
        display:none
    }
    .section-17{
        background-image:none;
        background-repeat:repeat;
        background-size:auto
    }
    .section-17.section-19{
        background-image:none;
        background-position:0 0;
        background-repeat:repeat;
        background-size:auto
    }
    .column-11{
        padding-top:0;
        padding-left:0;
        padding-right:0
    }
    .image-65{
        clear:none;
        display:block
    }
    .div-block-303.div-block-304{
        background-image:url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/Website/625eec6995e788ab654966ac_roi-calc-bg-final.png);
        background-repeat:no-repeat;
        background-size:contain;
        display:none
    }
    .column-12,.column-13{
        display:none
    }
    .image-66{
        width:100%
    }
    .image-67{
        display:none
    }
    .image-67.image-67-mobile{
        display:block
    }
    .column-14{
        display:none
    }
    .column-15{
        padding-top:20px;
        padding-left:0;
        padding-right:0
    }
    .paragraph-14{
        padding-left:30px;
        padding-right:30px
    }
    .column-16{
        padding-top:0;
        padding-left:0;
        padding-right:0
    }
    .html-embed-4{
        justify-content:center;
        display:flex
    }
    .div-block-305{
        padding-left:0;
        padding-right:0
    }
    .column-17,.column-18{
        display:none
    }
    .column-23,.column-24,.column-25,.column-26{
        padding-left:0;
        padding-right:0
    }
    .column-27{
        display:none
    }
    .image-70{
        padding-bottom:0;
        display:block
    }
    .image-71{
        display:block
    }
    .paragraph-15{
        padding-left:30px;
        padding-right:30px
    }
    .column-28{
        display:none
    }
    .paragraph-16,.paragraph-17{
        padding-left:30px;
        padding-right:30px
    }
    .div-block-307,.div-block-308{
        display:none
    }
    .image-78{
        width:100%;
        max-width:none;
        display:block
    }
    .image-79,.image-80,.image-81,.image-82{
        display:block
    }
    .heading-34{
        text-align:left;
        padding-left:30px;
        padding-right:30px
    }
    .div-block-309{
        width:100%;
        padding-left:30px;
        padding-right:30px
    }
    .list{
        width:100%;
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0;
        list-style-type:disc
    }
    .bold-text-2{
        text-align:left;
        font-size:44px
    }
    .bold-text-2.pricing_header{
        width:100%;
        font-size:38px;
        line-height:42px
    }
    .heading-35{
        text-align:left;
        font-size:38px;
        line-height:42px
    }
    .paragraph-18{
        padding-bottom:60px;
        padding-left:40px;
        padding-right:40px
    }
    .image-83{
        max-width:260px
    }
    .text-block-62{
        line-height:24px
    }
    .heading-38{
        width:100%;
        padding-left:0;
        font-size:38px;
        line-height:42px
    }
    .heading-39{
        padding-left:30px;
        padding-right:30px
    }
    .link-block-256{
        display:none
    }
    .link-block-257{
        margin-right:10px
    }
    .section-20{
        padding-top:180px
    }
    .text-block-63{
        font-size:12px
    }
    .div-block-310{
        width:100%;
        height:auto;
        min-height:200px;
        min-width:0%
    }
    .columns-7{
        padding-top:0
    }
    .div-block-312{
        grid-column-gap:20px;
        grid-row-gap:20px;
        grid-template-columns:1fr 1fr
    }
    .div-block-317{
        grid-auto-flow:row;
        align-content:stretch;
        justify-content:stretch;
        align-items:stretch;
        justify-items:center
    }
    .pricing-s1-v1-h2{
        font-size:38px;
        line-height:42px
    }
    .image-88{
        width:80px
    }
    .faq-dropdown-toggle{
        white-space:normal
    }
    .image-90{
        width:50px
    }
    .image-91,.image-92{
        width:80px
    }
    .image-93{
        width:100px
    }
    .lower_footer_link-copy,.lower_footer_link-copy.tab_spacing{
        font-size:12px
    }
    .image-98{
        margin:15px 8px
    }
    .home_tab_pop_up{
        z-index:9999;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        display:none
    }
}
#w-node-_6abcc3b6-5cfc-fa95-e532-1b2b113af134-ee19cd32{
    grid-area:span 1/span 1/span 1/span 1
}
#w-node-_1ee0a10d-f8dd-a468-5067-1eb33e19b451-ee19cd32{
    align-self:auto;
    justify-self:auto
}
#w-node-b13b0934-2b10-8de0-e00d-0d1aef1358ea-ee19cd32,#w-node-_3b084b59-b3a1-1b8c-e468-6c9e3e614124-ee19cd32,#w-node-_1fbdf73c-6ce1-2536-6ed8-b2addae11c92-ee19cd32,#w-node-bd1c1769-2def-0b97-4a31-44e89d7ae1f3-ee19cd32,#w-node-dd38f07f-4af4-7e2b-2e43-af6684986c98-ee19cd32{
    grid-area:span 1/span 1/span 1/span 1;
    align-self:center;
    justify-self:stretch
}
#w-node-b6fb7cc4-b8bd-e479-4364-eb5cd45a7d86-d45a7d6e,#w-node-b6fb7cc4-b8bd-e479-4364-eb5cd45a7d94-d45a7d6e,#w-node-b6fb7cc4-b8bd-e479-4364-eb5cd45a7da2-d45a7d6e,#w-node-b6fb7cc4-b8bd-e479-4364-eb5cd45a7db0-d45a7d6e,#w-node-b6fb7cc4-b8bd-e479-4364-eb5cd45a7dbe-d45a7d6e{
    grid-area:span 1/span 1/span 1/span 1
}
#w-node-e881d49e-1a5d-4e25-f5ef-86089c44f749-b519cd4e{
    grid-area:span 1/span 2/span 1/span 2
}
#All.w-node-_8a40bf9a-f80f-187e-b918-46c3d45e7623-3bee3999{
    grid-area:span 1/span 1/span 1/span 1
}
#w-node-_85cdb7f7-c7d2-1ffa-1c1d-6c820e20391e-0ce647cd{
    grid-area:span 1/span 2/span 1/span 2
}
#w-node-_52e967b7-67be-6d6d-ce19-31e884356451-2e5dd02d,#w-node-d4d9b653-444c-3954-4d27-7467af5367ea-2e5dd02d,#w-node-dfcab7eb-79a2-f1b2-27ad-c0c0c3731863-2e5dd02d,#w-node-a8a423a6-a3a0-3fb1-a70a-c745b9ec0f29-2e5dd02d{
    grid-area:span 1/span 1/span 1/span 1
}
@media screen and (max-width:991px){
    #w-node-_7d4a482c-918a-22f3-6550-f33226c09edf-3bee3999{
        align-self:start;
        justify-self:end
    }
    #w-node-_77977075-8f29-9f1d-9fb9-158e0f6fc1b0-3bee3999{
        justify-self:start
    }
    #w-node-c27dab8c-e7f5-054d-a86b-326a04be084b-3bee3999{
        align-self:center;
        justify-self:end
    }
    #w-node-_9d1468df-1c92-64d8-31c8-649fe98685c4-3bee3999{
        justify-self:start
    }
}
@media screen and (max-width:479px){
    #w-node-_33d5545a-01a2-127b-7d9e-194281e1498b-2019cd3e,#w-node-_33d5545a-01a2-127b-7d9e-194281e149b2-2019cd3e,#w-node-e881d49e-1a5d-4e25-f5ef-86089c44f749-b519cd4e{
        grid-area:span 1/span 1/span 1/span 1
    }
    #w-node-ebc5a0a4-0c18-bd6d-9d08-3e90a59b7b1c-3bee3999,#w-node-_24c340b5-e5d3-78d4-dd69-e3d76d37dcb4-3bee3999,#w-node-d157c38c-0123-670a-c0ef-90f696896087-3bee3999,#w-node-ddad8b53-7b6e-c583-41c4-ffef1980a0d0-3bee3999,#w-node-_859302fb-e594-947d-69a8-d5c96dacd98e-3bee3999,#w-node-d729f886-59be-e0ea-f5db-91b487279ea9-3bee3999,#w-node-_655f226f-e76e-7195-a22f-a41875717a0d-3bee3999,#w-node-fa6e0da7-23f8-4a5f-2f3e-011af4130243-3bee3999,#w-node-fa6e0da7-23f8-4a5f-2f3e-011af4130241-3bee3999,#w-node-fa6e0da7-23f8-4a5f-2f3e-011af4130242-3bee3999,#w-node-fa6e0da7-23f8-4a5f-2f3e-011af4130240-3bee3999,#w-node-d729f886-59be-e0ea-f5db-91b487279ea8-3bee3999,#w-node-d729f886-59be-e0ea-f5db-91b487279eaa-3bee3999,#w-node-fa6e0da7-23f8-4a5f-2f3e-011af4130244-3bee3999{
        justify-self:center
    }
    #w-node-_85cdb7f7-c7d2-1ffa-1c1d-6c820e20391e-0ce647cd{
        grid-area:span 1/span 1/span 1/span 1
    }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

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

/* global */

li {
  margin-bottom:8px;
}

/* anchor scroll offset */

 a[data-hs-anchor="true"] {   
  display: block; 
  position: relative; 
  visibility: hidden; 
  top: -130px;  
}

/* header changes */

.btn {
  text-transform: none;
}

/* footer nav */

#footer .custom-row{
  margin-top: 10px !important;
}
#footer .custom-row .pricing {
  display: flex;
  flex-direction: row;
}
#footer .custom-row .pricing .d-flex {
 width: 30%;
  height:100%;
  flex-direction: column;
}
.pricing.border-bottom ul li {
  flex: 1 !important;
  width: 100% !important;
}

@media only screen and (max-width:767px) {
  #footer .custom-row .pricing  {
    flex-direction: column;
  }
  #footer .custom-row .pricing .d-flex {
    width: 100%;
  }
.blog-post__body p img {
    float: none !important;
    margin: 0 auto !important;
}
  
 .modal-bg {
    width: 100% !important;
    z-index: 99 !important;
}
  .vitruviVideo {
    margin: 25% auto !important;
    width: auto;
}
  
  
}

/* blog pagination */

.blog-pagination {
  justify-content: center;
  margin-top: 1rem;
}
.blog-pagination a {
  color: #54585b;
}
.blog-pagination a.blog-pagination__link--active {
  color: #e8bc28 !important
}

/* modal window */

.hs-landing-page .row-number-20 div > div.dnd-column  { display: none }
.hs-landing-page .row-number-20 { padding: 0 ;}
.vitruviVideo { margin: 15% auto !important;}

.modal-bg {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  margin-left: 0 !important;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}



/* menu fix */

.mega-menu.dropdown-menu p {
  color: #54585b;
}
header div.container, footer div.container{
    max-width: 1240px !important;
}


/* featured cards */

h3 { 
  font-size: 18px;
  font-weight: normal;
  color: #7ca0b6; 
  letter-spacing: 0;
  margin-bottom: 6px;
}
h1 { 
  font-size: 60px;
  font-weight: bold;
  color: #334b5c;
  margin-left: -3px;
}
.kl-card {
  display: flex;
  flex-direction: column;
  min-height: 500px;
}
.kl-card .kl-card__content {
  display: flex;
  flex-grow: 1;
}
.kl-card a.button {
    margin: 0 auto 30px auto;
}


.kl-featured-card {
  flex-wrap: nowrap;
  border-radius: 0;
  border: 0;
  background-color: transparent;
  box-shadow: none;
}
.first > .kl-featured-card {
  background-color: #7ca0b6;
  color: #fff;

}
.first > .kl-featured-card .kl-featured-card__body {
  padding: 40px;
}
.first .kl-featured-card__preheader {
  color: #fff;
  font-size:15px;
  font-weight: normal;
  letter-spacing: 2px;
}
.kl-featured-card__preheader {
  color: #7ca0b6;
  font-size:15px;
  font-weight: normal;
  letter-spacing: 2px;
}
.first > .kl-featured-card h1 {
  color: #fff;
  font-size: 28px;
  line-height: 36px;
  margin-top: 1rem;
}
.kl-featured-card h4 {
  color: #334b5c;
  font-size: 18px;
  letter-spacing:0;
}

.kl-featured-card__body {
  flex-basis: 400px;
  padding: 40px 25px;
}
.kl-featured-cards__card-wrapper {
  flex-grow: 10;
}
a.button, a.hs-button {
  background: linear-gradient(90deg, rgba(123,159,181,1) 77%, rgba(232,188,40,1) 77%);
  border: 0;
  border-radius: 0;
  box-shadow: 0px 5px 11px rgb(0 0 0 / 20%);
  padding: 15px 64px 15px 25px;
  color: #fff;
  font-family:Heebo, sans-serif;
  width: 220px;
  font-weight: 700;
  font-size: 15px;
  display: inline-block;
  line-height: 15px;
  position: relative;
  text-align:center;
  margin-bottom: 12px;
}

a.button.gold-button, a.hs-button.gold-button {
  background:#e8bc28!important;
  color: #334b5c!important;
}

a.button span, a.hs-button span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0px;
}
a.button:after, a.hs-button:after {
  content: "\e902";
  font-family: 'icomoon';
  position: absolute;
  right: 10px;
  color: #517992;
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
}

a.button:hover, a.hs-button:hover {
  background: #e8bc28;
  color: #334b5c!important;
  text-decoration:none
}

a.button.gold-button:hover, a.hs-button.gold-button:hover {
  background: #fed141!important;
}

a.button:hover span, a.hs-button:hover span{
    color: #334b5c;
}
a.button:hover:after, a.hs-button:hover:after {
  color: #334b5c;
}
/* custom rich text */


.row-number-26 .id52675511328 {
  background-color: #4b5c6c;
  padding: 50px;
}
.row-number-26 .id52675511328 h1{ 
  color:#fff;
}
.row-number-26 .id52675511328 p {
  color:#fff;
}
  
  /* offer bar */
  
  h1 { 
  font-size: 60px;
  font-weight: 900;
  color: #334b5c;
  margin-left: -3px;
}
h2 { 
  font-size: 32px;
  font-weight: 900;
  color: #334b5c;
  letter-spacing:0;
  margin-bottom:15px;
}
h3 { 
  font-size: 18px;
  font-weight: normal;
  color: #7ca0b6; 
  letter-spacing: 0;
  margin-bottom: 6px;
}
.kl-offer-01 {
  background: #e5b82b;
  padding: 0;
}
.kl-offer-01__image {
  flex-basis: 340px;
  padding-right: 40px;
}
.kl-offer-01__content {
  margin-bottom: 0;
}
.kl-offer-01__preheader {
  color: #fff;
  font-size:15px;
  font-weight: normal;
  letter-spacing: 2px;
}
.kl-rich-text__preheader {
  color: #7ca0b6;
  font-size:15px;
  font-weight: normal;
  letter-spacing: 2px;
}
.kl-offer-01__text h2 {
  color: #11333d;
}
/* blog */

.body-container--blog-post {
  background: #e8edf3;
}
.blog-post__body, .blog-post__tags {
  padding: 4rem 7rem 1rem;
  background: #fff;
}
.blog-post__body-wrapper {
  max-width: none;
}
.blog-post {
  padding: 4.5rem 0 0 0
}
/* original background style 
.blog-post{
padding: 2.5rem 9999rem 0;
    background: #e8edf3;
    margin: 0 -9999rem;
} 
.blog-post__body, .blog-post__tags {
  padding: 2.5rem 9999rem;
    background: #fff;
    margin: 0 -9999rem;
}
*/

.blog-post__title {
  color: #344b5b;
}
h1.blog-post__title {
  letter-spacing: 0;
  line-height: 1.15;
  font-size:36px;
}
.blog-post__summary, .blog-post__preheader {
  color: #7aa0b5;
  font-weight: 300;
  line-height: 24px;
}
.blog-post__summary {
  border-left: 5px solid #eebc46;
  margin: 0 0 1.4rem 4rem;
  padding-left: 15px;
  color: #7ba1b8;
}
.blog-post__author, .blog-post__meta a, .blog-post__timestamp {
  color: #54585b;
}
.blog-post__divider {
  color: #e8edf3;
  background-color: #e8edf3;
  margin: 24px 0;
}
.blog-post__tags {
  padding-top: 0;
  padding-bottom: 1rem;
}
.blog-post__tag-link {
  color: #7ba1b8;
  background-color: transparent;
  padding: 0;
}
.blog-post__body p {
  margin-bottom:16px;
}
.blog-post__body p, .blog-post__body p span {
  font-size: 14px !important;
}
.blog-post__body h2, .blog-more h2 {
  color: #344b5b;
  font-size: 24px !important;
  font-weight: bold;
}
.blog-post__body h3 {
  color: #344b5b;
  font-size: 20px !important;
  font-weight: bold;
}
.blog-post__body ol, .blog-post__body ul {
  padding: 0 0 0 3rem;
}
.blog-post__body ol li, .blog-post__body ol li span {
  color: #344b5b;
  font-size: 16px !important;
  font-weight: 500;
}
.blog-post__body ol li:before {
  content: "\e902";
  color: #344b5b;
  font-size: 20px !important;
  line-height:24px;
  font-weight: bold;
  margin-right: 4px;
  margin-left: -20px;
  font-family: 'icomoon';
  position: relative;
  top: 3px;
}
.blog-post__body blockquote {
  border-left: 5px solid #eebc46;
  margin: 0 0 1.4rem 4rem;
  padding-left: 15px;
  color: #7ba1b8;
}
.blog-comments {
  display: none;
}
.blog-subscribe {
  background-color: #4b6270 !important;
}
.blog-subscribe h3, .blog-subscribe p {
  color: #fff !important;
}
.blog-subscribe__wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}
.blog-subscribe__header {
    flex-basis: 10px;
}
.blog-subscribe__form {
    flex-basis: 10px;
}

/* blog index */
.blog-header__title {
  max-width: none;
  text-align: center;
  flex-grow: 1;
  margin-top: 5rem;
  color: #fff;
}
.blog-header {
background-image: url('https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/raw_assets/public/atlas-theme-dev/images/blogheader.png');
}
.body-container--blog-index {
  background-color: #e8edf3;
  padding-top: 0;
}
.blog-index__post, .blog-more-posts__post {
 border-radius: 0;
  border: 0;
  box-shadow: none;
}
.blog-index__post-content, .blog-more-posts__post-content  {
  padding: 0;
}
.blog-index__post-preheader, .blog-more-posts__post-preheader {
  color: #7aa0b6;
  margin-top: 0.5rem;
  font-weight: 300;
  text-transform:uppercase;
}
.blog-index__post-content h3 a, .blog-index__post-content h3, .blog-more-posts__post-content h3 a, .blog-more-posts__post-content h3 {
  color: #334b5c;
  font-weight: 700;
  line-height: 1.25;
  font-size: 24px;
}
.blog-index__post-content p, .blog-more-posts__post-content p {
  color: #54585b
}
.blog-index__post-meta, .blog-more-posts__post-meta {
  display: none;
}
.blog-filter {
  flex-direction: column-reverse;
  align-items: flex-start;
  padding: 6px 0;
}
.blog-search{
  flex-basis: initial;
}
.hs-search-field {
  width: 75%;
  max-width:450px;
  margin:auto;
}
.hs-search-field button {
  background-color:#e8bc28;
}
.hs-search-field__bar:after {
  display:none;
}
.hs-search-field__bar form {
  display:flex;
}
.hs-search-results__listing {
  display:block;
}
.hs-search-field__suggestions {
  display:none!important;
}
.hs-search-results__listing li {
  flex-basis: 100%;
  padding: 0 20px!important;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px!important;
}
.blog-filter .blog-tags {
  max-width: 100%;
}
.blog-filter .blog-tags li a{
  background-color: #7aa0b6;
  color: #fff;
  border-radius: 0;
}
.blog-filter .blog-tags li:first-of-type{
  margin-left: 1px;
}
.blog-filter .blog-tags li a.blog-tags__link--current{
  background-color: #fff;
  color: #7aa0b6;
}
/* global blog form */

.blog-subscribe__form {
  margin-left: 0;
}
.blog-subscribe__form input, .blog-subscribe__form a {
  margin-top: 12px;
}
  .kl-offer-01 {
    flex-wrap: nowrap;
  }


#header .navbar .bar {
  background: #334b5c !important;
  width:60%;
}

@media (max-width: 959px){
  .blog-post__body {
    padding: 1rem;
  }
  .blog-post__body blockquote, .blog-post__summary {
    margin-left: 1.4rem;
  }
  .blog-post__tags {
    padding: 1rem 1rem 2rem 1rem;
  }
  .blog-post {
  padding-top: 2rem;
  }
  .kl-featured-card {
    background: #fff;
  }
  .kl-featured-card__image {
    display: none;
  }
  .kl-rich-text {
    margin-bottom: 36px;
  }
  .kl-offer-01__content {
    padding: 24px;
  }
  .kl-offer-01__image {
    padding-right: 0;
  }
  .row-number-26 .id52675511328 {
    padding: 24px;
  }
  .kl-card {
    margin-bottom: 36px;
  }
  .kl-card__image img {
    width: 100%;
  }
}

@media (min-width: 800px) and (max-width: 1024px){
  .kl-offer-01__content {
    padding: 24px;
  }
  .row-number-26 .id52675511328 {
    padding: 24px;
  }
  .kl-card__image img {
    width: 100%;
  }
  .kl-offer-01__image {
    display: none;
  }
    .kl-offer-01 {
    flex-wrap: nowrap;
  }
}
@media  (min-width: 768px) and (max-width: 1139px) {
  
  .row-fluid .span3 {
    width: 31%;
  }
  .row-fluid .span3:nth-of-type(4) {
    display: none;
  }
  
}
@media (max-width: 768px){
  .kl-offer-01 {
  flex-direction: column-reverse;
  }
  .kl-offer-01__image {
    padding-right: 0 !important;
    width: 100%;
  }
  .kl-offer-01__image img {
    display: block;
    width: 100%;
    max-width:none;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

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

/* landing page variation */
.dnd-section>.row-fluid {
  /*padding: 0 15px;
}
.dnd-section .dnd-column {
  padding: 0;*/
}
.heroSection h1 {
  color: #fff;
  font-family: 'Heebo';
  font-weight: 900;
  font-size: 60px;
  text-align: left;
  letter-spacing: 0;
  line-height: 68px;
}
.heroSection p {
  font-family: 'Montserrat';
  color: #fff;
  font-size: 21px;
  letter-spacing: 0;
  text-align: left;
  line-height: 31px;
}
.twoColSection h2, .twoColSectionAlt h2 {
  color: #fff;
  font-family: 'Heebo';
  font-weight: 900;
  font-size: 32px;
  text-align: left;
  letter-spacing: 0;
  line-height: 40px;
}
.twoColSection h3 { 
  color: #334B5C;
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight:700;
  letter-spacing: 0;
  text-align: left;
  line-height: 28px;
  margin-bottom: 12px;
}
.twoColSection p, .twoColSectionAlt p {
  font-family: 'Montserrat';
  color: #fff;
  font-size: 16px;
  line-height: 28px;
}
.twoColSection ul li, .twoColSectionAlt ul li {
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  list-style-type: none;
  font-family: 'Montserrat';
}
.twoColSection ul li::before, .twoColSectionAlt ul li::before {
  content: "\002022";
  display: inline-block;
  width: 16px;
  font-size: 12px;
  color: #fff;
}
.lpv .kl-rich-text .twoColSection p:last-child {
  margin-bottom: 0;
}
.featuresBenefits h2, .singleTest h2 {
  color: #334B5C;
  font-family: 'Heebo';
  font-weight: 900;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 40px;
}
.featuresBenefits h4, .singleTest h4 {
  color: #7CA0B6;
  font-family: 'Heebo';
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  letter-spacing: 3px;
  line-height: 21px;
  text-transform: uppercase;
  margin-bottom:16px;
}
.singleTest h2, .singleTest h4 {
  text-align: left;
}
.icon-item-wrapper {
  vertical-align: top;
  width: 49%;
  margin-bottom: 24px;
  display: inline-flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.icon-item-image {
  background-color: #7CA0B6;
  width: 142px;
  height: 142px;
  background-size: 63%;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.3);
}
.icon-item-content {
  display: inline-block;
  width: 68%;
  margin-left: 30px;
  padding-right: 30px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.icon-item-preheader {
  font-family: 'Montserrat';
  color: #334B5C;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.icon-item-content h4 {
  color: #334B5C;
  font-family: 'Montserrat';
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom:8px;
}
.icon-item-content p {
  font-family: 'Montserrat';
  color: #55585A;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 0;
}
.single-testimonial p.name {
  color: #334B5C;
  font-family: 'Heebo';
  font-weight: 700;
  font-size: 120x;
  text-align: left;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom:10px;
}
.single-testimonial p.company {
  font-family: 'Heebo';
  font-weight: 300;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0;
  line-height: 16px;
  color: #E8BC28;
  margin-bottom: 0;
}
.lpv div.dnd_area-row-5-background-image, .lpv div.dnd_area-row-6-background-image {
  background-repeat: repeat !important;
}
.lpv .dnd_area-row-5-background-image > .row-fluid > .span4, .lpv .dnd_area-row-6-background-image > .row-fluid > .span4 {
  background-image: url(https://4457472.fs1.hubspotusercontent-na1.net/hubfs/4457472/raw_assets/public/atlas-theme-dev/images/landing-page-variation/box-bg.jpg);
  width: 472px;
  height: 416px;
  border-bottom: 8px solid #E8BC28;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 70px;
  z-index: 8;
  position: relative;
}
.lpv .dnd_area-row-5-background-image > .row-fluid > .span8, .lpv .dnd_area-row-6-background-image > .row-fluid > .span8 {
  height: 0;
  min-height: 0;
}
.lpv .dnd_area-row-5-background-image > .row-fluid > .span4 h2, .lpv .dnd_area-row-6-background-image > .row-fluid > .span4 h2  {
  color: #fff;
  font-family: 'Heebo';
  font-weight: 900;
  font-size: 32px;
  text-align: left;
  letter-spacing: 0;
  line-height: 40px;
}
.lpv .dnd_area-row-5-background-image > .row-fluid > .span4 p, .lpv .dnd_area-row-6-background-image > .row-fluid > .span4 p {
  color: #fff;
  font-family: 'Heebo';
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0;
  line-height: 28px;
}
.lpv .dnd_area-row-5-background-image, .lpv .dnd_area-row-6-background-image {
  position: relative;
}
#hs_cos_wrapper_dnd_area-module-21_ img {
  position:absolute;
  top: 73px;
  left: 38%;
}
.finalCTA h2 {
  color: #334B5C;
  font-family: 'Heebo';
  font-weight: 900;
  font-size: 32px;
  text-align: left;
  letter-spacing: 0;
  line-height: 40px;
}
.finalCTA p {
  color: #334B5C;
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0;
  line-height: 28px;
}
a.hs-button:hover {
  color: #334B5C !important;
}
.lpv div.dnd_area-row-8-background-image {
  background-color: #E8EDF3;
  padding: 100px 15px !important;
}
.iframe_wrapper, .embed_container {
  position: static !important;
}
.lpv .row-fluid-wrapper.row-depth-1.row-number-6 {
    position: relative;
    height: auto;
    min-height: 300px;
}
.icon-linkedin:before {
  color: #334B5C;
}
div.dnd_area-column-22-row-0-padding { padding-bottom: 0 !important; }
.hs-landing-page .lpv .row-number-20 div > div.dnd-column { display: block !important;}
.lpv .comptetitorsTable h4 {
  color: #7CA0B6;
  font-family: 'Heebo';
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  letter-spacing: 3px;
  line-height: 21px;
  text-transform: uppercase;
  margin-bottom:16px;
}
.comptetitorsTable h2 {
  color: #FFF;
  font-family: 'Heebo';
  font-weight: 900;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0px;
  line-height: 40px;
  margin-bottom:60px; 
}
.hs-landing-page .row-number-12 {
  padding: 100px 0;
  }
@media (min-width: 1680px) and (max-width: 2000px) {
  .lpv #hs_cos_wrapper_dnd_area-module-21_ img {  left: 35%; }
  .lpv div.dnd_area-row-8-background-image { background-position: 90% 50% !important; }
}
@media (min-width: 1441px) and (max-width: 1679px) {
  .lpv #hs_cos_wrapper_dnd_area-module-21_ img {  left: 32%; }
  .lpv div.dnd_area-row-8-background-image { background-position: 70% 50% !important; }
}
@media (min-width: 768px) and (max-width: 1440px) {
  .lpv #hs_cos_wrapper_dnd_area-module-21_ img {  left: 29%; };
  .lpv div.dnd_area-row-8-background-image { background-position: 60% 50% !important; }
  div.icon-item-content { width: 66%; }
}
@media (max-width: 767px) {
  .heroSection h1 {
    font-size: 38px;
    line-height: 48px;
  }
  .iframe_wrapper {   min-height: 183px;}
  .lpv div#hs_cos_wrapper_dnd_area-module-7 {    margin-bottom: 0 !important;}
  .lpv .dnd_area-row-5-background-image>.row-fluid>.span4 { width: auto; padding: 50px; height: auto; background-size: cover;}
  .lpv #hs_cos_wrapper_dnd_area-module-21_ img { display: none;}
  .icon-item-wrapper {width: 100%; align-items: flex-start;}
  .icon-item-image { width: 80px; height: 80px;}
  .icon-item-content { width: 65%; margin-left: 20px; padding-right:0;padding-top: 0;}
  .lpv div.dnd_area-column-9-row-2-padding { padding-top: 30px !important;}
  div.single-testimonial { margin: 0 10px; }
  .lpv div.dnd_area-row-5-padding { padding-top: 100px !important;}
  .lpv div.dnd_area-row-1-background-image { padding-top: 100px !important; padding-bottom: 100px !important; }
  .lpv div.dnd_area-row-2-padding { padding-top: 100px !important; padding-bottom: 70px !important;}
  .lpv div.dnd_area-row-6-padding {display: none;}
  .lpv div.dnd_area-row-8-background-image {background-image: none !important;}
  .lpv .kl-rich-text { margin-bottom: 0; }
  .lpv .dnd_area-column-22-row-0-padding {padding: 0 !important;}
  .twoColSection h3 { margin-top: 12px;}
  .lpv .row-fluid-wrapper.row-depth-1.row-number-6 { min-height: 190px; }
  .lpv div#hs_cos_wrapper_dnd_area-module-8 { margin-bottom: 0 !important; }
  #hs_cos_wrapper_dnd_area-module-24 {
  width: 100% !important;
  overflow-x: scroll;
  overflow-y: visible;
}
.comparison {
  min-width: fit-content;
  margin: 0 auto;
  overflow-x: auto;
}
  .comparison>div { width: 100px !important; }
.comparison>div:first-of-type {
    width: 190px !important;
}
.comparison>div:first-of-type>div {
  letter-spacing: 0 !important;
  font-size: 14px !important;
  }
div.dnd_area-column-22-row-1-padding {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
}