@import url("https://use.typekit.net/ujn7ote.css");
*, *:before, *:after {
  box-sizing: border-box;
}
/*! 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 */
  scroll-behavior: smooth;
}

/* 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;
  max-width: 100%;
  height: auto;
  display: block;
}

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

.visuallyhidden { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}
html {
  font-size: 24px;
}
html.landing {
  font-size: 20px
}
@media (max-width: 999px) {
  html {
    font-size: 20px;
  }
}
body {
  color: #231f20;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  word-break: break-word;
}

/* Paragraphs */
p {
  font-size: 0.9167rem;
  margin: 0 0 1.4rem;
}
strong {
  font-weight: 700;
}

/* Anchors */
a {
  color: #ee3a43;
  cursor: pointer;
  text-decoration: none;
}
a.subtle {
  text-decoration: underline;
  color: #231f20;
  text-decoration-color: #c2c4c6;
}
a:hover, a:focus {
  text-decoration: underline;
}
a.subtle:hover, a.subtle:focus {
  color: #ee3a43;
  text-decoration-color: #ee3a43;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 900;
  margin: 0 0 0.8rem;
}
h1 {
  font-size: 2.2rem;
  line-height: 1.1;
  text-transform: uppercase;
}
h2 {
  font-size: 1.8rem;
  line-height: 1.3;
  margin: 0 0 0.6rem;
}
h3 {
  font-size: 1.1rem;
  line-height: 1.3;
  margin: 0 0 0.6rem;
}
h4 {
  font-size: 1rem;
}
h5 {
  font-size: 0.9rem;
}
h6 {
  font-size: 0.8rem;
}
@media (max-width: 999px) {
  h1 {
    font-size: 1.6rem;
  }
  h2 {
    font-size: 1.4rem;
  }
}

/* Lists */
ul,
ol {
  margin: 0 0 1.5rem;
  font-size: 0.9167rem;
  padding-inline-start: 20px;
}
ul > li,
ol > li {
  margin: 0 0 0.5rem 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0.5rem 0 0 0;
}
ul.no-list {
  list-style: none;
}
ol.terms,
ol.terms ol {
  list-style-type: none;
  counter-reset: item;
  padding: 0;
  text-align: left;
  padding-inline-start: 40px;
}
ol.terms ol {
  padding: 0;
  margin-left: 0;
}
ol.terms li {
  display: table;
  counter-increment: item;
}
ol.terms li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  width: 40px;
}
ol.terms li li {
  /* margin: 0; */
}
ol.terms li li:before {
  content: counters(item, ".") " ";
  width: 50px;
}
ol.terms li li li:before {
  width: 70px;
}
ul.ticks,
ul.crosses {
  margin: 0 0 1.4rem;
  padding: 0;
  list-style: none;
  max-width: 720px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
ul.ticks li,
ul.crosses li {
  display: block;
  position: relative;
  padding: 15px 15px 15px 38px;
  margin: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
}
ul.ticks li:nth-child(odd),
ul.crosses li:nth-child(odd) {
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(245,245,246,1) 50%, rgba(255,255,255,0) 100%);
}
ul.ticks li:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ee3a43' d='M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256s256-114.6,256-256S397.4,0,256,0z M386.6,226.7L252.7,360.5c-7.6,7.6-17.8,11.8-28.5,11.8s-20.9-4.2-28.5-11.8l-70.4-70.4c-15.7-15.7-15.7-41.2,0-56.9s41.2-15.7,57,0l41.9,41.9l105.4-105.4c15.7-15.7,41.2-15.7,57,0C402.3,185.4,402.3,210.9,386.6,226.7z'/></svg>");
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 15px;
  left: 0;
  opacity: 1;
  transition: all 0.3s ease; 
}
ul.crosses li:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ee3a43' d='M20.5,3.5c-4.7-4.7-12.3-4.7-17,0s-4.7,12.3,0,17s12.2,4.7,16.9,0S25.2,8.2,20.5,3.5z M15.4,17L12,13.7L8.6,17L7,15.4   l3.4-3.4L7,8.6L8.6,7l3.4,3.4L15.4,7L17,8.6L13.7,12l3.4,3.4C17,15.4,15.4,17,15.4,17z'/></svg>");
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 15px;
  left: 0;
  opacity: 1;
  transition: all 0.3s ease; 
}

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

/* Blockquotes */
blockquote {
  border-left: 6px solid #c2c4c6;
  margin: 0 0 1.4rem;
  padding-left: 20px;
  font-style: italic;
}

/* Horizontal rules */
hr {
  background-color: #c2c4c6;
  border: none;
  color: #CCC;
  height: 6px;
  margin: 2.2rem auto;
  width: 25%;
  clear: both;
}

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

/* Text content */
.text-content {
  padding: 0;
}
.text-image-content .text-content--left,
.text-image-content .text-content--right {
  text-align: center;
}
.text-content--centre {
  text-align: center;
}
.text-content--light {
  color: #fff;
}
.text-content--light a {
  color: #fff;
  text-decoration: underline;
}
.text-content--light a.subtle {
  text-decoration-color: #666;
}
.text-content h1 strong,
.text-content h2 strong {
  color: #ee3a43;
  font-weight: 400;
}
.text-content a.cta_button {
  vertical-align: bottom;
}
@media (min-width: 767px) {
  .text-content {
    padding: 0 20px;
  }
  .text-content--left,
  .text-image-content .text-content--left {
    text-align: left;
  }
  .text-content--right,
  .text-image-content .text-content--right {
    text-align: right;
  }
  .text-content--centre {
    text-align: center;
  }  
}
@media (min-width: 999px) {
  .text-content--left,
  .text-image-content .text-content--left {
    text-align: left;
  }
  .text-content--right,
  .text-image-content .text-content--right {
    text-align: right;
  }
}
.button {
  border: 1px solid transparent;
  border-radius: 24px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 0.7rem;
  text-transform: uppercase;
  font-weight: 900;
  margin: 0 0 1.4rem;
  padding: 10px 40px 10px 24px;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  width: auto;
  word-break: break-word;
  transition: all 0.3s ease;
}
.button--large {
  border-radius: 30px;
  font-size: 0.75rem;
  padding: 14px 40px 14px 24px;
  box-shadow: 6px 6px 20px -10px rgba(0,0,0,0.2);
}
.button--charcoal {
  background: rgba(35,31,32,1);
}
.button--charcoal:hover {
  background: rgba(35,31,32,0.8);
}
.button--red {
  background: rgb(237,58,67);
}
.button--red:hover {
  background: rgb(191,47,54);
}
.button--transparent {
  background: transparent;
}
.button--text-white {
  color: #fff;
}
.button--text-charcoal {
  color: rgb(35,31,32);
  padding-right: 24px;
}
.button--text-white.button--outline {
  border-color: rgba(255,255,255,0.5);
  background: none;
}
.button--text-white.button--outline:hover {
  background-color: rgba(35,31,32,0.1);
}
.button--text-charcoal.button--outline {
  border-color: rgba(35,31,32,0.5);
  background: none;
}
.button--noicon {
  padding-right: 24px;
}
.button--back {
  padding-right: 24px;
  padding-left: 40px;
}
.button:after {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='white' d='M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z'/></svg>");
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 12px;
  right: 20px;
  opacity: 0.5;
  transition: all 0.3s ease; 
}
.button--next:after {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='white' d='M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z'/></svg>");
  right: 20px;
}
.button--back:after {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='white' d='M7.3,9.3L6.6,10l5.7,5.7l1.4-1.4L9.4,10l4.2-4.2l-1.4-1.4L7.3,9.3z'/></svg>");
  left: 20px;
}
.button--noicon:after {
  display: none;
}
.button--down:after {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='white' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/></svg>");
  top: 13px;
}
.button--down-active:after {
  transform: rotate(180deg);
  top: 14px;
}
.button:hover:after {
  right: 15px;
}
.button-next:hover:after {
  right: 15px;
}
.button--back:hover:after {
  left: 15px;
}
.button--down:hover:after {
  right: 20px;
}
.button--text-charcoal:after {
  display:none;
}
.button--large:after {
  top: 16px;
}
.button--left {
  text-align: center;
}
.button--centre {
  text-align: center;
}
.button--right {
  text-align: center;
}


@media (min-width: 767px) {
  .button--left {
    padding-left: 20px;
  }  
}
@media (min-width: 999px) {
  .button--left {
    text-align: left;
  }
  .button--right {
    text-align: right;
  }
}
.button:disabled {
}
.button:hover,
.button:focus {
  text-decoration: none;
}
.button:active {
  text-decoration: none;
}

.linkedin {
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  text-indent: -9999px;
  margin-bottom: 0.7rem;
}
.linkedin:after {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='gray' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/></svg>");
  position: absolute;
  top: 0;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-left: -13px;
  z-index: 1;
  text-indent: 0;  
}
ul.cards-filter {
  list-style: none;
  margin: 0 0 1.4rem 0;
  padding: 0;  
}
ul.cards-filter > li {
  display: inline-block;
  margin: 0 0.2rem 0.5rem 0;  
}
ul.cards-filter li a {
  background-color: #fff;
  text-transform: uppercase;
  font-size: 0.7rem;
  display: block;
  padding: 8px 18px;
  border-radius: 20px;
  text-decoration: none; 
}
ul.cards-filter li.active a {
  background-color: #ee3a43;
  color: #fff;  
}
.card-wrapper {
  height: 100%;
  margin: 0 auto;
}
.carousel__slide {
  padding-bottom: 1.4rem;
}
.carousel__slide .card {
  height: 100%;
  margin-bottom: 0;
}
.card {
  position: relative;
  background-color: #fff;
  padding: 6px;
  margin: 0 0 1.4rem 0;
  border-radius: 10px;
  text-align: center;
  box-shadow: 6px 6px 20px -10px rgba(0,0,0,0.2);
}
.card--has-button {
  padding-bottom: 56px;
}
.card-content--noimage {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
}
.card-content--padtop {
  padding-top: 30px;
}
.card__header {
  position: relative;
  border-radius: 6px;
}
.card-icon .card__header {
  padding: 30px 0;
}
.card-content .card__header {
  padding-bottom: 55%;
}
.card__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 100%; 
  position: relative;
  z-index: 2;
}
.card__icon svg { 
  width: 60px; 
  height: 60px;
  margin: 0;
  fill: currentColor;
}
.card__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  z-index: 2;
}
.card__logo img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 100%;   
}
.card__image {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  border-radius: 6px;
  background-color: #f5f5f6;
}
.card__image img {
  -o-object-fit: cover;
     object-fit: cover; 
  height: auto;
  width:100%;
  border-radius: 6px;    
}
.card__circle {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: end;
}
.card__circle img {
  height: 73%;
  width: auto;
  border-radius: 100%;    
  margin-bottom: 3%;
}
.card__body {
  padding: 24px 14px 14px 14px;
  width: 100%;
  text-align: center;
}
h3.card__heading {
  text-transform: uppercase;
}
.card__body h3 a {
  color: #231f20;
  transition: color 0.3s ease;
}
.card__body h3 a:hover {
  color: rgb(237,58,67);
  text-decoration: none;
}
.card__body a.cta_button {
  vertical-align: bottom;
}
h4.card_sub-heading {
  font-size: 0.7rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: -0.3rem;
}
.card__body ul, 
.card__body ol {
  text-align: left;
  display: inline-block;
}
.card__body ul.ticks {
  max-width: 410px;
}
.integration-content .card__body img {
  float: none !important;
}
.card__button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

@media (min-width: 767px) {
  .card--has-button {
    padding-bottom: 70px;
  }
  .card {
    height: 95%;
  }  
  .card-content,
  .card-icon {
    height: 95%;
  }
  .carousel__slide {
    padding-bottom: 0;
  }  
  .cards {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
  }
  .card-wrapper {
    padding: 0 20px;
    max-width: 640px;
  }
  .card-wrapper-logos {
    max-width: none;
  }
  .cards .card-wrapper {
    width: 33.33%;
    padding: 0 20px 1.4rem 20px;
    height: auto;
  }
  .cards--jobs .card-wrapper {
    width: 50%;
  }
  .carousel .card-wrapper {
    padding: 0 20px 1.4rem 20px;
  }  
  .cards .card {
    margin: 0;
    height: 100%;
  }  
  .carousel .card {
    margin: 0;
  }    
  .content-section .card {
    text-align: left;
    /* margin-bottom: 1.4rem; */
  }  
  .card__body,
  .card__body p,
  .card__body ul,
  .card__body ol {
    font-size: 0.8rem;
  }
  .integration-content .card__body {
    padding: 14px 24px 24px 24px;
    text-align: left;
  }
  .integration-content .card__body img {
    float: right !important;
  }  
}

@media (min-width: 999px) {
  .card--has-button {
    padding-bottom: 75px;
  }    
}

/* Testimonials */
.card__header--testimonial {
  padding-bottom: 55%;
}
.card__logo--testimonial {
  position: absolute;
  top: 30px;
  right: 10px;
  z-index: 2;
  box-shadow: -6px 6px 20px -10px rgba(0,0,0,0.2);
  padding: 0;
  overflow: hidden;
}
.card__logo--testimonial-alt {
  margin: -50px 0 0 -50px;
  top: 50%;
  right: unset;
  left: 50%;
}
.card__body--testimonial {
  font-style: italic;
}
@media (min-width: 767px) {
  .card__logo--testimonial {
    right: -20px;
  }  
}

/* Simple Testimonials */
.card-wrapper-testimonial {
  height: 100%;
  margin: 0 auto;  
}
.card__testimonial {
  text-align: center;
}
.testimonial__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px auto 10px auto;
  width: 100px;
  height: 100px;
  flex-shrink: 0;  
  border-radius: 100%;
  position: relative;
}
.testimonial__logo img {
  width: 100px;
  height: 100px;
  border-radius: 100px;   
}
.testimonial__body {
  padding: 24px 24px 0 24px;
}
.testimonial__body-wrapper {
  font-style: italic;
}
@media (min-width: 767px) {
  .card-wrapper-testimonial {
    padding: 0 20px;
  }
  .card__testimonial {
    text-align: center;
  }  
  .card__testimonial--left {
    display: flex;
    text-align: left;
  }
  .testimonial__logo { 
    margin: 30px auto 10px auto;
  }  
  .card__testimonial--left .testimonial__logo { 
    margin: 30px 10px 10px 30px;
  }
  .testimonial__body,
  .testimonial__body p,
  .testimonial__body ul,
  .testimonial__body ol {
    font-size: 0.8rem;
  }  
}

/* Videos */
.card__header--video {
  padding-bottom: 55%;
  position: relative;
}
.card__header--video .card__image:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:rgba(0,0,0,0.2);
  transition: background 0.3s ease;  
}
.card__header--video .card__image:hover:before {
  background:rgba(0,0,0,0.5);
}
.card__header--video .card__image:after {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='white' d='M4 4l12 6-12 6z'/></svg>");
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  z-index: 2;
  margin-top: -35px;
  margin-left: -35px;
  opacity: 0.6;
  transition: opacity 0.3s ease;    
}
.card__header--video .card__image:hover:after {
  opacity: 1;
}

/* Welcome */
.card__header--welcome {
  padding-bottom: 75%;
}
.card__logo--welcome {
  position: absolute;
  top: 30px;
  right: 10px;
  z-index: 2;
  box-shadow: -6px 6px 20px -10px rgba(0,0,0,0.2);
  padding: 0;
  overflow: hidden;
}
.card__body--welcome {
  padding-top: 14px;
}
.card__body--welcome a {
  display: block;
  color: #231f20;
  text-decoration: none;
}
@media (min-width: 767px) {
  .card__logo--welcome {
    right: -20px;
  }  
}

/* User Journey cards */
.uj-cards {
  background-color: #fff;
  margin: 0 auto 20px auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 6px 6px 20px -10px rgba(0,0,0,0.2);  
}
a.uj-card {
  display: block;
  color: rgb(35,31,32);
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;  
}
a.uj-card:hover {
  text-decoration: none;
}
a.uj-card:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.uj-card__header {
  position: relative;
  padding-bottom: 55%;
}
.uj-card__image {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex; 
}
.uj-card__image img {
  -o-object-fit: cover;
     object-fit: cover; 
  height: auto;
  width:100%;
}
.uj-card__content {
  padding: 20px 20px 70px 20px;
  text-align: center;
}
.uj-card__button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media (min-width: 767px) {
  .uj-cards {
    display: flex;
    flex: 1;
    align-items: stretch;
    background-color: #f5f5f6;
  }
  .uj-card {
    width: 33.3333%;
    opacity: 0.5;
  }
  .uj-card:hover,
  .uj-card--active {
    opacity: 1;
    background-color: #fff;
  }
  a.uj-card:first-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0;
  }    
  a.uj-card:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px;
  }  
}
@media (min-width: 999px) {
  .uj-card__content {
    padding: 20px 40px 70px 40px;
  }  
  .uj-card__content p {
    font-size: 0.8rem;
  }
}
.uj-icons-list {
  list-style: none;
  padding: 0;
  margin: 0 auto 1.4rem auto;
  background-color: #f5f5f6;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.uj-icons-list li {
  margin: 0;
  padding: 0;
  width: 100%;
}
.uj-icons-list__item {
  display: block;
  padding: 30px 10px 10px 10px;
  color: #231f20;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
  text-align: center;
}
.uj-icons-list__item:hover {
  text-decoration: none;
}
.uj-icons-list__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 0.6rem auto;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: #231f20;
  color: #fff;
  transition: all 0.3s ease;
}
.uj-icons-list__item:hover .uj-icons-list__icon {
  background-color: #ee3a43;
}
.uj-icons-list__icon svg { 
  width: 60px; 
  height: 60px;
  margin: 0;
  fill: currentColor;
}
.uj-icons-list__item h3 {
  font-size: 0.84rem;
}
@media (min-width: 430px) {
  .uj-icons-list li {
    width: 50%;
  }
}
@media (min-width: 767px) {
  .uj-icons-list li {
    width: 33.333%;
  }
}
@media (min-width: 999px) {
  .uj-icons-list {
    padding-left: 20px;
    padding-right: 20px;
  }
  .uj-icons-list li {
    width: 25%;
  }
}
.logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -10px 1.4rem -10px;
}
.logos__logo-wrapper {
  width: 50%;
  /* border: 1px solid red; */
  padding: 10px;  
}
.logos__logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;  
  padding: 0;
}
.logos__logo img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 150px;
  max-height: 150px;
  margin: 0 auto;
  border-radius: 100%;
  box-shadow: 6px 6px 20px -10px rgba(0,0,0,0.2);
}

@media (min-width: 600px) {
  .logos__logo-wrapper {
    width: 33.333%;
  }  
}
@media (min-width: 767px) {
  .logos {
    margin: 0 10px 1.4rem 10px;
  }
}
@media (min-width: 920px) {
  .logos__logo-wrapper {
    width: 25%;
  }    
}
@media (min-width: 999px) {
  .logos__logo-wrapper {
    width: 16.666%;
  }   
}

.aggregators {
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 0 1.4rem 0;
}
.aggregators__logos img {
    height: 40px;
}
.aggregators__text {
	padding: 10px 0 0 0;
}
@media (min-width:340px) {
  .aggregators__logos img {
    height: 50px;
  }
}
@media (min-width:620px) {
  .aggregators {
    flex-direction: row;
  }
  .aggregators__logos img {
      height: 60px;
  }
  .aggregators__text {
    padding: 0 0 0 24px;
  }  
}
/* Form */
form {
  font-family: brandon-grotesque, sans-serif;
}
.hs-form fieldset {
  padding: 0 10px !important;
  background-color: #f4f4f5;
  border: none;
}
.hs-form-field {
  padding: 20px 10px 0 10px;
  margin-bottom: 0.7rem;
  text-align: left;
}

/* Labels */
form label {
  color: #231f20;
  display: block;
  font-size: 0.75rem;
  padding-top: 0;
  margin-bottom: 0.3rem;
  text-align: left;
  width: auto;
  text-transform: uppercase;
}
form label strong {
  text-transform: initial;
  text-align: center;
  display: block;
  font-size: 1.1rem;
  margin: 0 0 0.6rem 0;
  line-height: 1.3;
  font-weight: 900;
}

/* Help text - legends */
form legend {
  color: #231f20;
  font-size: 0.75rem;
  margin-bottom: 0.3rem;  
}

/* Inputs */
.input {
  position: relative;
  margin-right: 0 !important;
}
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 #c2c4c6;
  border-radius: 3px;
  color: #231f20;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.8;
  padding: 0.7rem;
  width: 100% !important;
}
textarea {
  height: 120px;
}
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-color: #231F20;
}
fieldset {
  max-width: 100% !important;
}
::-moz-placeholder {
  color: #BFBFBF;
}
:-ms-input-placeholder {
  color: #BFBFBF;
}
::placeholder {
  color: #BFBFBF;
}

/* Inputs - checkbox/radio */
form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.inputs-list > li {
  display: block;
  margin: 0.3rem 0 0 0;
  padding: 0;
  width: 100%;
}
.inputs-list label {
  text-transform: none;
}
.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;
}

/* Inputs - datepicker */
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #231f20;
  content:'\01F4C5';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.fn-date-picker .pika-table thead th {
  color: #FFF;
}
.fn-date-picker td.is-today .pika-button {
  color: #231f20;
}
.fn-date-picker td.is-selected .pika-button {
  background: #231f20;
  border-radius: 0;
  box-shadow: none;
}
.fn-date-picker td .pika-button:hover {
  background-color: #231f20 !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;
}

/* GDPR */
.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: 0.875rem;
  margin-left: 1rem !important;
}

/* Validation */
.hs-form-required {
  color: #ee3a43;
}
.hs-input.invalid.error {
  border-color: #ee3a43;
}
.hs-error-msg {
  color: #ee3a43;
  margin-top: 0.35rem;
}
.hs_error_rollup {
  color: #ee3a43; 
  padding: 10px 20px 0 20px;
}
.hs_error_rollup label {
  color: #ee3a43;
}

/* Submit button */
.hs-submit {
  padding: 20px 20px 40px 20px;
  text-align: left;
}
form input[type=submit],
form .hs-button {
  background: rgb(237,58,67);
  border: 1px solid transparent;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 900;
  margin: 0;
  padding: 14px 24px 14px 24px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all 0.15s linear;
  white-space: normal;
  width: auto;
  word-break: break-word;
  text-transform: uppercase;
}
form input[type=submit]:hover:enabled,
form input[type=submit]:focus:enabled,
form input[type=submit]:active:enabled,
form .hs-button:hover:enabled,
form .hs-button:focus:enabled,
form .hs-button:active:enabled {
  background: rgb(191,47,54);
}

form input[type=submit]:disabled,
form .hs-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Captcha */
.hs-recaptcha,
.g-recaptcha {
  padding: 0 20px;
}
.grecaptcha-badge {
  margin: 0;
}
ul#g-recaptcha-error {
  padding: 0 20px;
}

/* Inline message before redirection */
.submitted-message {
  padding: 20px;
  font-size: 0.875rem;
}

@media (min-width: 999px) {
  form label {
    font-size: 0.62rem;
  }
  form legend {
    font-size: 0.60rem;
  }
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=number],
  input[type=file],
  select,
  textarea {
    font-size: 0.7rem;
  }
  textarea {
    height: 160px;
  }
  .inputs-list input,
  .inputs-list span {
    font-size: 0.7rem;
  }  
  form input[type=submit],
  form .hs-button {
    font-size: 0.75rem;
  }  
}

/* Modal */
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  transition: all 0.3s ease;
}
.modal--inactive {
  visibility: hidden;
  opacity: 0;
}
.modal--active {
  visibility: visible;
  opacity: 1;
}
.modal__form {
  background-color: #fff;
  width: 300px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 20px;
  width: auto;
}
.modal__form--active {
  -webkit-animation: slide-in 0.5s forwards;
          animation: slide-in 0.5s forwards;
}
.modal__form--inactive {
  -webkit-animation: slide-out 0.5s forwards;
          animation: slide-out 0.5s forwards;
}
.form__header {
  background: rgb(238,58,67);
  background: linear-gradient(90deg, rgba(238,58,67,1) 0%, rgba(191,47,54,1) 100%);
  color: #fff;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 71px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.form__header h2 {
  text-transform: uppercase;
  margin: 0;
  font-size: 1.2rem;
}
.form__body {
  position: fixed;
  top: 71px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;  
  background-color: #f4f4f5;
}
.modal__close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 0;
  margin: 0;
  color: #fff;
  transition: all 0.3s ease;   
}
.modal__close svg {
  fill: currentColor;
  display: block;
  width: 24px;
  height: 24px;
  opacity: 0.5;
  transition: all 0.3s ease;  
}
.modal__close:hover svg {
  opacity: 1;
}
.modal__form h3.form-title {
  display: none;
}
.pac-container { z-index: 10000 !important; }

@media (min-width: 600px) {
  .modal {
    /* max-width: 2000px; */
    margin: 0 auto;    
  }
  .modal__form {
    width: 579px;
    left: auto;  
  }  
}
@media (min-width: 999px) {
  .form__header h2 {
    font-size: 1rem;
  }
}
/* Table */
table {
  border: 1px solid #DEE2E6;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}
tbody + tbody {
  border-top: 2px solid #DEE2E6;
}

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

/* Table Header */
thead th,
thead td {
  background-color: #343A40;
  border-bottom: 2px solid #DEE2E6;
  color: #FFF;
  vertical-align: bottom;
}
html, body {
  height: 100%;
}
body {
  background-color: #c2c4c6;
  display: flex;
  flex-direction: column;  
}
body.landing {
  display: block;
  flex-direction: unset;
}
body.stop-transitions * {
	transition: none !important;
}
.body-wrapper {
  padding-top: 104px;
  max-width: 2000px;
  margin: 0 auto;
  background-color: #f5f5f6;
  position: relative;
  flex: 1 0 auto;
  width: 100%;
}
.body-wrapper-noheader {
  padding-top: 0;
}
.body-container-wrapper {
  background-color: #f5f5f6;
}
.body-container-wrapper--landing {
  background-color: transparent;
  padding-bottom: 0;
}
.landing-wrapper {
  padding-top: 0;
  max-width: 1100px;
  margin: 0 auto;
  background-color: transparent;
  position: relative;
  width: 100%;  
}
main:before {
  display: block; 
  content: " "; 
  margin-top: -104px; 
  height: 104px; 
  visibility: hidden; 
  pointer-events: none;
}
.body-container--job {
  background-color: #fff;
}
.body-container--landing {
  background-color: transparent;
  box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.4);
}
.body-container--landing .dnd-section {
  background-color: #fff;
  padding: 50px 20px 30px 20px;
}  
.content-wrapper {
  margin: 0 auto;
  max-width: 1240px;
  padding: 0 20px;
}
.content-wrapper-full {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0;
}
.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 50px 20px 30px 20px;
}
.dnd-section > .row-fluid {
  margin: 0 auto;
  max-width: 1240px;
}
.dnd-section .dnd-column {
  padding: 0;
}
.body-container .hs_cos_wrapper,
.body-container .dnd-module,
.body-container .row-fluid,
.body-container .dnd-row {
  height: 100%;
}
.body-container--stack .hs_cos_wrapper,
.body-container--stack .dnd-module,
.body-container--stack .row-fluid,
.body-container--stack .dnd-row {
  height: auto;
}
.body-container--stack .row-fluid {
  align-items: flex-start;
}
.content-section {
  background-color: #f5f5f6;
  padding: 50px 0 20px 0;
  text-align: center;
  margin: 0 auto;
}
.content-section--alt {
  background-color: #ffffff;
}
.content-section--notop {
  padding-top: 0;
}
.content-section--skinny {
  max-width: 960px;
}
.content-section .content-wrapper-full {
  padding: 0 20px;
}
@media (min-width: 767px) {
  .body-container--landing .dnd-section {
    padding: 70px 40px 50px 40px;
  }
  .dnd-section,
  .content-wrapper--vertical-spacing {
    padding: 50px 0 30px 0;
  }  
  .content-section .content-wrapper-full {
    padding: 0;
  }
}
@media (min-width: 999px) {
  .body-container-wrapper--landing {
    padding: 0 20px 24px 20px;
  }  
  main:before {
    margin-top: -144px; 
    height: 144px; 
  }  
  .body-wrapper {
    padding-top: 144px;
  }
  .body-wrapper-noheader {
    padding-top: 0;
  }  
  .dnd-section,
  .content-wrapper--vertical-spacing {
    padding: 70px 0 40px 0;
  }  
  .content-section {
    padding: 70px 0 40px 0;
  }   
  .content-section--notop {
    padding-top: 0;
  } 
}

/* Responsive Grid */
.row-fluid {
  width: 100%;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: '';
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*='span'] {
  display: block;
  /* min-height: 28px; */
  margin-left: 0;
  float: none;
  width: auto;
  box-sizing: border-box;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: '';
}
.container-fluid:after {
  clear: both;
}
@media (min-width: 767px) {
  .row-fluid [class*='span'] {
    float: left;
    width: 100%;
  }
  .row-fluid .span12 {
    width: 100%;
  }
  .row-fluid .span11 {
    width: 91.66666666%;
  }
  .row-fluid .span10 {
    width: 83.33333333%;
  }
  .row-fluid .span9 {
    width: 75%;
  }
  .row-fluid .span8 {
    width: 66.66666666%;
  }
  .row-fluid .span7 {
    width: 58.33333333%;
  }
  .row-fluid .span6 {
    width: 50%;
  }
  .row-fluid .span5 {
    width: 41.66666666%;
  }
  .row-fluid .span4 {
    width: 33.33333333%;
  }
  .row-fluid .span3 {
    width: 25%;
  }
  .row-fluid .span2 {
    width: 16.66666666%;
  }
  .row-fluid .span1 {
    width: 8.33333333%;
  }  
}

/* 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 ;
  }
}
/* Header container */
.header {
  max-width: 2000px;
  margin: 0 auto;
}
.header--landing {
  background: transparent;
  position: relative;
}
.header__container {
  padding: 0;
}
.header__bar {
  background: rgb(238,58,67);
  background: linear-gradient(90deg, rgba(238,58,67,1) 0%, rgba(191,47,54,1) 100%);
  box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.4);
  z-index: 9998;
  position: fixed;
  width: 100%;
  padding: 20px;
  top: 0;
  left: 0;
  right: 0;
}
@media (min-width: 999px) {
  .body-wrapper
  .header {
    background: rgb(238,58,67);
    background: linear-gradient(90deg, rgba(238,58,67,1) 0%, rgba(191,47,54,1) 100%);
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.4);
    z-index: 9998;
    position: fixed;
    width: 100%;
    padding: 24px 20px 0 20px;
    top: 0;
    left: 0;
    right: 0;    
  }
  .header--landing {
    background: transparent;
    position: relative;
    box-shadow: none;
    top: auto;
    left: auto;
    right: auto;
  }
  .header__bar {
    position: relative;
    background: none;
    box-shadow: none;
    padding: 0;
    float: left;
    width: auto;
    z-index: 9999;
  }
}

/* Navigation skipper */
.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}
.header__skip:active,
.header__skip:focus,
.header__skip:hover {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */
.header__logo {
  height: auto;
  max-width: 112px;
  overflow: hidden;
}
.header__logo-landing {
  margin: 0 0 0 auto;
  padding: 20px 0;
}
.header__logo img {
  max-width: 100%;
  display: block;
}
@media (min-width: 999px) {
  .header__logo {
    max-width: 168px;
    padding-bottom: 24px;
  }
  .header__logo-landing {
    padding: 0 0 24px 0;
  }  
}

/* Burger */
.burger-button {
  position: absolute;
  top: 20px;
  right: 14px;
  display: block;
  cursor: pointer;
  outline: 2px solid transparent;
  outline-offset: 2px;
  height: 64px;
  width: 40px;
  z-index: 1000;
  transition: transform .6s cubic-bezier(.165,.84,.44,1);
  background-color: transparent;
  border: none;
}
.burger-bar {
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 6px;
  left: 6px;
  height: 3px;
  width: auto;
  margin-top: -1px;
  transition: transform .6s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .6s cubic-bezier(.165,.84,.44,1);
}
.burger-bar--1 {
  transform: translateY(-9px);
}
.burger-bar--2 {
  transform-origin: 100% 50%;
  transform: scaleX(.8);
}
.burger-button:hover .burger-bar--2 {
  transform: scaleX(1);
}
.no-touchevents .burger-bar--2:hover {
  transform: scaleX(1);
}
.burger-bar--3 {
  transform: translateY(9px);
}
#burger.active .burger-button {
  transform: rotate(-180deg);
}
#burger.active .burger-bar {
}
#burger.active .burger-bar--1 {
  transform: rotate(45deg)
}
#burger.active .burger-bar--2 {
  opacity: 0;
}
#burger.active .burger-bar--3 {
  transform: rotate(-45deg)
}
@media (min-width: 999px) {
  #burger {
    display: none;
  }
}

/* Menu */
.header__menu {
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  z-index: 9998;
  top: 104px;
  right: 0;
  bottom: 0;
  left: 0;
  padding-left: 20px;
  transition: all 0.3s ease;
}
.header__menu--inactive {
  visibility: hidden;
  opacity: 0;
}
.header__menu--active {
  visibility: visible;
  opacity: 1;
}
.menu__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 20px;
  background-color: #f5f5f6;
  min-height: 100%;
  padding-top: 10px;
  overflow-y: scroll;
}
@media (max-width: 999px) {
  .menu__container--active {
    -webkit-animation: slide-in 0.5s forwards;
            animation: slide-in 0.5s forwards;
  }
  .menu__container--inactive {
    -webkit-animation: slide-out 0.5s forwards;
            animation: slide-out 0.5s forwards;
  }
}
@media (min-width: 999px) {
  .header__menu {
    position: relative;
    background: none;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding-left: 0;
    width: 100%;
    min-height: 120px;
    transform: none;
  }
  .header__menu--inactive {
    visibility: visible;
    opacity: 1;
  }
  .header__menu--active {
  }
  .menu__container {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    min-height: 0;
    padding-top: 0;
    background: none;
    overflow: visible;
    min-height: 120px;
  }
  .menu__navigation {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

@keyframes slide-in {
  0% { -webkit-transform: translateX(100%); }
  100% { -webkit-transform: translateX(0%); }
}
@-webkit-keyframes slide-in {
  0% { transform: translateX(100%); }
  100% { transform: translateX(0%); }
}
@keyframes slide-out {
  0% { transform: translateX(0%); }
  100% { transform: translateX(100%); }
}
@-webkit-keyframes slide-out {
  0% { -webkit-transform: translateX(0%); }
  100% { -webkit-transform: translateX(100%); }
}

.menu {
  display: block;
}
.menu__navigation .submenu {
  list-style: none;
  margin: 0 0 5px 0;
  padding: 5px 0;
}
.menu__navigation .submenu li {
  margin: 0;
}
.menu__navigation .submenu li a {
  text-decoration: none;
  transition: all 0.2s ease;
}
.menu__navigation .submenu.level-1 > li > a {
  color: rgba(35,31,32,1);
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #fff;
  line-height: 0.95rem;
}
.menu__navigation .submenu.level-1 > li > a.active-item {
  color: rgba(35,31,32,0.5);
}
.menu__navigation .submenu.level-1 > li.has-submenu > a {
  padding-right: 32px;
}
.menu__navigation .submenu.level-1 > li.has-submenu > a.active-menu-link {
  background-color: rgba(35,31,32,0.05);
}
.menu__navigation .submenu.level-1 > li.has-submenu > a.active-branch {
  color: rgba(35,31,32,0.5);
}
.menu__navigation .submenu.level-1 > li > a:hover,
.menu__navigation .submenu.level-1 > li > a.active-menu-link:hover {
  background-color: rgba(35,31,32,0.1);
}
.menu__navigation .submenu.level-1 > li {
  position: relative;
}
.menu__navigation .submenu.level-1 > li.has-submenu > a:after {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='black' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/></svg>");
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 11px;
  right: 17px;
  transition: all 0.3s ease;
}
.menu__navigation .submenu.level-1 > li.has-submenu > a.active-menu-link:after {
  transform: rotate(180deg);
  top: 17px;
}
.menu__navigation .submenu.level-2 {
  background-color: #fff;
  box-shadow: 6px 6px 20px -10px rgba(0,0,0,0.2);
  display: none;
}
.menu__navigation .submenu.level-1 > li:nth-child(1) .submenu.level-2 > li:nth-child(3) {
  border-bottom: 1px solid #c2c4c6;
  margin-bottom: 5px;
}
.menu__navigation .submenu.level-2 > li > a {
  color: #231f20;
  font-size: 0.8rem;
  font-weight: 500;
  display: block;
  padding: 5px 20px;
}
.menu__navigation .submenu.level-2 > li > a.active-item {
  color: rgb(238,58,67);
}
.menu__navigation .submenu.level-2 > li > a:hover,
.menu__navigation .submenu.level-2 > li > a.active-item:hover {
  background-color: rgb(238,58,67);
  color: #fff;
}
@media (min-width: 999px) {
  .menu__navigation .submenu li {
    display: inline-block;
    float: left;
  }
  .menu__navigation .submenu.level-1 > li > a {
    display: block;
    border: none;
    font-size: 0.75rem;
    color: rgba(255,255,255,1);
    padding: 8px 14px 26px 14px;
  }
  .menu__navigation .submenu.level-1 > li.has-submenu > a {
    padding-right: 28px;
  }
  .menu__navigation .submenu.level-1 > li > a.active-item,
  .menu__navigation .submenu.level-1 > li.has-submenu > a.active-branch {
    color: rgba(255,255,255,0.5);
  }
  .menu__navigation .submenu.level-1 > li > a.active-menu-link {
    background: none;
  }
  .menu__navigation .submenu.level-1 > li > a:hover,
  .menu__navigation .submenu.level-1 > li > a.active-menu-link:hover {
    background: none;
  }  
  .menu__navigation .submenu.level-1 > li.has-submenu > a:after {
    right: 11px;
    top: 8px;
  }
  .menu__navigation .submenu.level-1 > li > a:before {
    content:"";
    height: 6px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 14px;
    right: 14px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
  }  
  .menu__navigation .submenu.level-1 > li.has-submenu > a:before {
    right: 28px;
  } 
  .menu__navigation .submenu.level-1 > li > a:hover:before { 
    visibility: visible;
    opacity: 0.5;
  }
  .menu__navigation .submenu.level-1 > li > a.active-menu-link:before {
    visibility: visible;
    opacity: 1;
    background-color: rgba(35,31,32,1);
  }
  .menu__navigation .submenu.level-2 {
    position: absolute;
    top: 100%;
    left: 14px;
    width: 220px;
  }
  .menu__navigation .submenu.level-2 > li {
    display: block;
    float: none;
  }
  .menu__navigation .submenu.level-2 > li > a {
    display: block;
    font-size: 0.7rem;
  }
}

/* Contacts */
.header__menu .menu__contacts {
  padding: 20px 0;
  text-align: right;
}
.menu__contacts .menu__contact-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 400;
  color: #231f20;
  text-transform: uppercase;
  padding: 10px 20px;
  transition: all 0.3s ease;
}
.menu__contacts .menu__contact-link span {
  margin-left: 10px;
}
.menu__contacts .menu__contact-link span:first-child {
  margin-left: 0;
}
.menu__contacts .contact-link__phone-no {
  color: #ed3a43;
  font-weight: 500;
  position: relative;
  padding-left: 20px;
}
.menu__contacts .menu__contact-link .contact-link__phone-no:before {
  content: url("data:image/svg+xml;utf8,<svg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path fill='%23000' d='M20 18.35V19a1 1 0 0 1-1 1h-2A17 17 0 0 1 0 3V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4c0 .56-.31 1.31-.7 1.7L3.16 8.84c1.52 3.6 4.4 6.48 8 8l2.12-2.12c.4-.4 1.15-.71 1.7-.71H19a1 1 0 0 1 .99 1v3.35z'/></svg>");
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px; 
  height: 14px;
  margin-left: 0;
}
.menu__contacts .menu__contact-link:hover {
  background-color: #fff;
  text-decoration: none;
}
.menu__button {
  padding: 10px 20px;
  text-align: center;
  margin: 0 auto;
}
.menu__button .button {
  margin: 0;
}
@media (max-width: 999px) {
  .menu__button .button {
    background: rgb(237,58,67);
  }
  .menu__button .button:hover {
    background: rgb(191,47,54);
  }    
  .menu__button .button--outline {
    border-color: transparent;
  }
  .menu__button .button--transparent {
    background: rgb(237,58,67);
  }
  .menu__button .button--transparent:hover {
    background: rgb(191,47,54);
  }  
}
@media (min-width: 999px) {
  .header__menu .menu__contacts {
    padding: 0;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .menu__contacts .menu__contact-links {
    display: flex;
    margin-right: 0;
  }
  .menu__contacts .menu__contact-links div {
    display: flex;    
  }
  .menu__contacts .menu__contact-link {
    font-size: 0.7rem;
    border-radius: 24px;
    color: #fff;
  }
  .menu__contacts .menu__contact-link--support {
    margin-right: 100px;
  }
  .header--nocta .menu__contacts .menu__contact-link--support {
    margin-right: 305px;
  }
  .menu__contacts .contact-link__phone-no {
    color: #fff;
  }
  .menu__contacts .menu__contact-link:hover {
    background-color: rgba(35,31,32,0.1);
  }  
  .menu__button {
    padding: 0;
    text-align: right;
    margin: 0;
  }
}
@media (min-width: 1060px) {
  .menu__contacts .menu__contact-link--support {
    margin-right: 160px;
  }
  .header--nocta .menu__contacts .menu__contact-link--support {
    margin-right: 365px;
  }  
}
@media (min-width: 1160px) {
  .menu__contacts .menu__contact-link--support {
    margin-right: 260px;
  }
  .header--nocta .menu__contacts .menu__contact-link--support {
    margin-right: 465px;
  }  
}
@media (min-width: 1260px) {
  .menu__contacts .menu__contact-link--support {
    margin-right: 360px;
  }
  .header--nocta .menu__contacts .menu__contact-link--support {
    margin-right: 565px;
  }
}

/* Notification popup */
.notification__popup {
  background:#fff;
  max-width: 640px;
  border-radius: 10px;
  padding: 24px 24px 0 24px;
  margin: 40px 20px;
  box-shadow: 6px 6px 20px -10px rgba(0,0,0,0.2);
  text-align: center;
}
.notification__close {
  padding: 10px 0 10px 20px;
  font-size: 0.8rem;
  color:rgba(0, 0, 0, 0.4);
  margin: 0 0 1.4rem;
}
.notification__logo img {
  max-width: 220px;
  margin: 0 auto;  
}
.footer {
  background-color: #231f20;
  color: #fff;
  text-align: center;
  padding: 0;
  max-width: 2000px;
  margin: 0 auto;
  flex-shrink: 0;
}
.footer__container {
  padding: 50px 0;
}
@media (min-width: 999px) {
  .footer__container {
    display: flex;
    flex-direction: row-reverse;
    padding: 50px 20px 20px 20px;
  }
}

/* Contacts */
.footer__contacts {
  padding: 0;
  padding-bottom: 20px;
}
.footer__logo {
  height: auto;
  max-width: 168px;
  overflow: hidden;
  margin: 0 auto 20px auto;
}
.footer__logo img {
  max-width: 100%;
  display: block;
}
.footer__msl {
  height: auto;
  max-width: 168px;
  overflow: hidden;
  margin: 0 auto 20px auto;
}
.footer__msl img {
  max-width: 100%;
  display: block;
  margin-bottom: 10px;
}
.footer__msl p {
  font-size: .45rem;
  text-align: center; 
}
.footer__contacts .menu__contact-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 20px;
  transition: all 0.3s ease;
}
.footer__contacts .menu__contact-link span {
  margin-left: 10px;
}
.footer__contacts .menu__contact-link span:first-child {
  margin-left: 0;
}
.footer__contacts .contact-link__phone-no {
  font-weight: 500;
  position: relative;
  padding-left: 20px;  
}
.footer__contacts .contact-link__phone-no:before {
  content: url("data:image/svg+xml;utf8,<svg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path fill='white' d='M20 18.35V19a1 1 0 0 1-1 1h-2A17 17 0 0 1 0 3V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4c0 .56-.31 1.31-.7 1.7L3.16 8.84c1.52 3.6 4.4 6.48 8 8l2.12-2.12c.4-.4 1.15-.71 1.7-.71H19a1 1 0 0 1 .99 1v3.35z'/></svg>");
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px; 
  height: 14px;
  margin-left: 0;
}
.footer__contacts .menu__contact-link:hover {
  background-color: #000;
  text-decoration: none;
}
.footer__button {
  padding: 10px 20px;
  text-align: center;
  margin: 0 auto;
}
.footer__button .button {
  margin: 0;
}
@media (min-width: 999px) {
  .footer__contacts {
    text-align: right;
  }
  .footer__logo {
    margin: 0 20px 20px auto;
  }
  .footer__msl {
    margin: 0 20px 20px auto;
  }  
  .footer__contacts .menu__contact-link {
    border-radius: 24px;    
    justify-content: flex-end;
    font-size: 0.7rem;
  }
  .footer__button {
    text-align: right;
    padding-right: 20px;
  }
}

/* Menus */
.footer__menu h4 {
  color: #fff;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.footer__menu .submenu {
  list-style: none;
  margin: 0 0 24px 0;
  padding: 0;
  font-size: 0.75rem;
}
.footer__menu .submenu a {
  color: rgba(255,255,255,1);
  transition: color 0.3s ease;
  display: block;
  padding: 0 6px;
}
.footer__menu .submenu li {
  margin: 8px 0;
}
.footer__menu .submenu a:hover {
  color: rgba(255,255,255,0.5);
  text-decoration: none;
}

@media (min-width: 480px) {
  .footer__menus {
    display: flex;
    flex-wrap: wrap;
  }
  .footer__menu {
    width: 50%;
  }
}
@media (min-width: 767px) {
  .footer__menu {
    width: 25%;
    padding-right: 40px;
  }  
}
@media (min-width: 999px) {
  .footer__menu h4 {
    font-size: 0.75rem;    
  }
  .footer__menu .submenu {
    font-size: 0.6667rem;    
  }
  .footer__menus {
    flex-grow: 1;
  }  
  .footer__menu {
    text-align: left;
  }  
  .footer__menu .submenu a {
    padding-left: 0;
  }  
}

/* Copyright */
.footer__copyright {
  text-align: center;
  font-size: 0.66rem;
  color: rgba(255,255,255,0.5);
  padding: 24px 20px 24px 20px;
}
.footer__container + .footer__copyright {
  border-top: 2px solid rgba(255,255,255,0.1);
}
.footer__copyright a {
  color: rgba(255,255,255,0.5);
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer__copyright a:hover {
  color: rgba(255,255,255,1);
}
.copyright__divider {
  display: block;
  color: transparent;
  font-size: 0;
  height: 10px;
}
@media (min-width: 700px) {
  .copyright__divider {
    display: inline;
    padding: 0 8px;
    height: auto;
    font-size: 0.5833rem;
    color: rgba(255,255,255,0.1);
  }
}
@media (min-width: 999px) {
  .footer__copyright {
    font-size: 0.5833rem;
  }  
}

/* Landing footer */
ul.landing__contacts {
  margin: 0 0 1rem 0;
  padding: 0;
  list-style: none;
}
ul.landing__contacts li {
  display: block;
  padding: 6px 12px;
  margin: 0;
}
ul.landing__contacts a {
  color: #fff;
  text-decoration: none;
  position: relative;
  padding-left: 24px;  
}
ul.landing__contacts a.web:before {
  content: url("data:image/svg+xml;utf8,<svg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM14.8055 18.4151C17.1228 17.4003 18.7847 15.1667 18.9806 12.525C18.1577 12.9738 17.12 13.3418 15.9371 13.598C15.7882 15.4676 15.3827 17.1371 14.8055 18.4151ZM9.1945 5.58487C7.24725 6.43766 5.76275 8.15106 5.22208 10.244C5.4537 10.4638 5.84813 10.7341 6.44832 11.0008C6.89715 11.2003 7.42053 11.3798 8.00537 11.5297C8.05853 9.20582 8.50349 7.11489 9.1945 5.58487ZM10.1006 13.9108C10.2573 15.3675 10.5852 16.6202 10.9992 17.5517C11.2932 18.2133 11.5916 18.6248 11.8218 18.8439C11.9037 18.9219 11.9629 18.9634 12 18.9848C12.0371 18.9634 12.0963 18.9219 12.1782 18.8439C12.4084 18.6248 12.7068 18.2133 13.0008 17.5517C13.4148 16.6202 13.7427 15.3675 13.8994 13.9108C13.2871 13.9692 12.6516 14 12 14C11.3484 14 10.7129 13.9692 10.1006 13.9108ZM8.06286 13.598C8.21176 15.4676 8.61729 17.1371 9.1945 18.4151C6.8772 17.4003 5.21525 15.1666 5.01939 12.525C5.84231 12.9738 6.88001 13.3418 8.06286 13.598ZM13.9997 11.8896C13.369 11.9609 12.6993 12 12 12C11.3008 12 10.631 11.9609 10.0003 11.8896C10.0135 9.66408 10.4229 7.74504 10.9992 6.44832C11.2932 5.78673 11.5916 5.37516 11.8218 5.15605C11.9037 5.07812 11.9629 5.03659 12 5.01516C12.0371 5.03659 12.0963 5.07812 12.1782 5.15605C12.4084 5.37516 12.7068 5.78673 13.0008 6.44832C13.5771 7.74504 13.9865 9.66408 13.9997 11.8896ZM15.9946 11.5297C15.9415 9.20582 15.4965 7.11489 14.8055 5.58487C16.7528 6.43766 18.2373 8.15107 18.7779 10.244C18.5463 10.4638 18.1519 10.7341 17.5517 11.0008C17.1029 11.2003 16.5795 11.3798 15.9946 11.5297Z' fill='white'/></svg>");
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 14px; 
  height: 14px;
  margin-left: 0;  
}
ul.landing__contacts a.phone:before {
  content: url("data:image/svg+xml;utf8,<svg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path fill='white' d='M20 18.35V19a1 1 0 0 1-1 1h-2A17 17 0 0 1 0 3V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4c0 .56-.31 1.31-.7 1.7L3.16 8.84c1.52 3.6 4.4 6.48 8 8l2.12-2.12c.4-.4 1.15-.71 1.7-.71H19a1 1 0 0 1 .99 1v3.35z'/></svg>");
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 14px; 
  height: 14px;
  margin-left: 0;  
}
ul.landing__contacts a.email:before {
  content: url("data:image/svg+xml;utf8,<svg viewBox='0 0 330 330' xmlns='http://www.w3.org/2000/svg'><path fill='white' d='M173.9 177.1c-2.6 1.9-5.8 2.9-8.9 2.9 -3.1 0-6.2-1-8.9-2.9L30 84.6 0 62.6 0 275c0 8.3 6.7 15 15 15L315 290c8.3 0 15-6.7 15-15V62.6l-30 22L173.9 177.1z'/><polygon fill='white' points='165 146.4 310.1 40 19.9 40 '/></svg>");
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 14px; 
  height: 14px;
  margin-left: 0;  
}
ul.landing__contacts a:hover {
  color: #fff;
  text-decoration: underline;
}
@media (min-width: 999px) {
  ul.landing__contacts {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  ul.landing__contacts li {
    padding: 0 60px;
  }
}
.body-container--blog-post {
  background-color: #fff;
}

/* Blog subscribe form */
.blog-subscribe {
  padding-bottom: 1.4rem;
  text-align: center;
}
.blog-post .blog-subscribe {
  padding-top: 1.4rem;
  padding-bottom: 0;
}
.blog-subscribe .hs-form fieldset {
  background-color: transparent;
  padding: 0 !important;
}
.blog-banner .blog-subscribe form label {
  color: #fff;
}
.blog-subscribe form .hs-firstname > label {
  display: none;
}
.blog-subscribe form .hs-email > label {
  display: none;
}
.blog-subscribe form .hs-form-field,
.blog-subscribe form .hs-submit {
  padding: 0;
  margin: 0;
}
.blog-subscribe form .hs-email {
  width: 280px;
  margin: 0 auto;
}
.blog-subscribe form .hs-submit {
  text-align: center;
}
.blog-subscribe form .hs-submit input.hs-button {
  margin: 10px 0 0 0;
}
.blog-subscribe form .inputs-list label {
  text-align: center;
}
@media (min-width: 401px) {
  .blog-subscribe form .hs-firstname {
    padding-bottom: 0;
    padding-right: 10px;
  }
}
@media (min-width: 767px) {
  .blog-subscribe form {
    display: flex;
    justify-content: center;
  }
  .blog-subscribe form .hs-email {
    width: 400px;
    margin: 0;
  }  
  .blog-subscribe form .hs-submit input.hs-button {
    margin: 8px 0 0 10px;
  }  
  .blog-subscribe form .inputs-list label {
    text-align: left;
  }  
}

/* Blog options */
.blog-options {
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 767px) {
  .blog-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 20px 20px;
  }  
}

/* Blog search */
.blog-search {
  margin: 0 auto 20px 0;
}
.blog-search form {
  position: relative; 
  width: 280px !important;
  margin: 0 auto;
  display: inline-block;     
}
.blog-search input.hs-search-field__input {
  width: 280px !important;
  padding-right: 60px;
}
.blog-search__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 2px;
  right: 0;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  cursor: pointer;
}
.blog-search__button:after {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='black' d='M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z'/></svg>");
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 18px;
  right: 10px;
  opacity: 1;
  transition: all 0.3s ease;
  text-indent: 0;
  cursor: pointer;
  opacity: 0.5;
}
.blog-search__button:hover:after {
  opacity: 1;
}
@media (min-width: 767px) {
  .blog-search {
    margin: 0;
  }
}

/* Blog filter */
.blog-filter {
  position: relative;
  margin: 0 auto 20px 0;
  display: block;
  text-align: left;
}
.blog-filter__toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  cursor: pointer;
  position: relative;
  padding: 12px 18px 12px 0;
}
.blog-filter__toggle:after {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='black' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/></svg>");
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 14px;
  right: 0;
  transition: all 0.3s ease;
}
.blog-filter__toggle--active:after {
  transform: rotate(180deg);
  top: 18px;
}
ul.blog-filter__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  text-align: left;
  width: 220px;
  display: none;
  z-index: 1;
  box-shadow: 6px 6px 20px -10px rgba(0,0,0,0.2);
}
ul.blog-filter__menu li {
  padding: 0;
  margin: 0;
}
ul.blog-filter__menu li a {
  color: #231f20;
  font-size: 0.8rem;
  font-weight: 500;
  display: block;
  padding: 5px 20px;  
}
ul.blog-filter__menu li.active a {
  color: rgb(238,58,67);
}
ul.blog-filter__menu li a:hover,
ul.blog-filter__menu li.active a:hover {
  text-decoration: none;
  background-color: rgb(238,58,67);
  color: #fff;  
}
@media (min-width: 767px) {
  .blog-filter {
    margin: 0;
  }
  .blog-filter__toggle:after {
    top: 14px;
  }
  .blog-filter__toggle--active:after {
    top: 25px;
  }  
  ul.blog-filter__menu {
    left: auto;
    right: 0;
  }  
}

/* Blog post */
.blog-post {
  margin: 0 auto;
  max-width: 960px;
  padding: 50px 20px 30px 20px;
}
.blog-post__body img {
  display: block;
  max-width: 100%;
  height: auto;
}
.blog-post__body a.cta_button {
  vertical-align: bottom;
}
.blog-post__date {
  text-align: center;
}
.custom-social-share {
  text-align: center;
}
@media (max-width: 767px) {
  .blog-post__body img {
    float: none !important;
    margin: 0 auto !important;
  }
}
@media (min-width: 999px) {
  .blog-post {
    padding: 70px 0 40px 0;
  }  
}

/* Blog cards */
.blog-card {
  position: relative;
  background-color: #fff;
  height: 100%;
  padding: 6px;
  margin: 0 0 1.4rem 0;
  border-radius: 10px;
  text-align: center;
  box-shadow: 6px 6px 20px -10px rgba(0,0,0,0.2);
}
.blog-card--has-button {
  padding-bottom: 56px;
}
.blog-card--related {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blog-card__image {
  display: block;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 55%;  
  border-radius: 6px;
}
.blog-card__body {
  padding: 14px;
}
h3.blog-card__heading {
  font-size: 0.9rem;
}
.blog-card__heading a {
  color: #231f20;
  transition: color 0.3s ease;
}
.blog-card__heading a:hover {
  color: rgb(237,58,67);
  text-decoration: none;
}
h3.blog-card__heading--related {
  font-size: 0.9167rem;
  margin-bottom: 0;
  font-weight: normal;
}
h3.blog-card__heading--related a {
  display: block;
}
h3.blog-card__heading--featured {
  font-size: 1rem;
}
.blog-card__button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

@media (min-width: 767px) {
  .blog-cards {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .blog-card-wrapper {
    width: 25%;
    padding: 0 20px 40px 20px;
  }
  .blog-cards--featured .blog-card-wrapper {
    width: 33.33%;
  }  
  .blog-card {
    margin: 0;
  }
  .blog-card--has-button {
    padding-bottom: 70px;
  }    
  .blog-card__body,
  .blog-card__body p {
    font-size: 0.8rem;
  }    
}

/* Blog pagination */
.blog-pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  background-color: #fff;
  padding: 30px 0;  
}
.blog-pagination__link {
  border-radius: 6px;
  color: rgb(237,58,67);
  display: inline-flex;
  line-height: 1;
  margin: 0 0.1rem;
  padding: 0.25rem 0.4rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.blog-pagination__link--active {
  background-color: #231F20;
  color: #fff;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
  background-color: rgb(237,58,67);
  color: #fff;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
  align-items: center;
  display: inline-flex;
}
.blog-pagination__prev-link {
  margin-right: 0.25rem;
  text-align: right;
}
.blog-pagination__next-link {
  margin-left: 0.25rem;
  text-align: left;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #C2C4C6;
  cursor: default;
  pointer-events: none;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: rgb(237,58,67);
  margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #C2C4C6;
}
.blog-pagination__prev-link:hover svg,
.blog-pagination__next-link:hover svg {
  fill: #fff;
}
@media (min-width: 999px) {
  .blog-pagination {
    padding: 50px 0;
  }
  .blog-card--has-button {
    padding-bottom: 75px;
  }    
}

.tip {
  background-color: #def9ef;
  border-radius: 10px;
  padding: 1.4rem 20px 1px 20px;
  margin-bottom: 1.4rem;
}

.update {
  background-color: #fef1dd;
  border-radius: 10px;
  padding: 1.4rem 20px 1px 20px;
  margin-bottom: 1.4rem;
}

/* .blog-post h1 {
  font-size: 1.6rem;
} */

/* .blog-post__meta {
  margin: 1rem 0;
}

.blog-post__meta a {
  color: #494A52;
  text-decoration: underline;
} */

/* .blog-post__tags {
  color: #000;
  font-family: Lato, sans-serif;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 10px;
  width: 15px;
}

.blog-post__tag-link {
  color: #000;
  font-size: .8rem;
} */

/* 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 .hs-button {
  background-color: transparent;
  border: 2px solid #494A52;
  color: #494A52;
}

.blog-comments .hs-button:hover {
  background-color: #494A52;
  color: #FFF;
}

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

.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  color: #494A52;
  text-decoration: underline;
} */