@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/* 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 ;
    }
}
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}

@font-face {
    font-family: 'Brush Marker';
    src: url('//8293210.fs1.hubspotusercontent-na1.net/hubfs/8293210/raw_assets/public/Boundless%202021/fonts/BrushMarker.woff2') format('woff2'),
        url('//8293210.fs1.hubspotusercontent-na1.net/hubfs/8293210/raw_assets/public/Boundless%202021/fonts/BrushMarker.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Droid Serif';
  src: url('//8293210.fs1.hubspotusercontent-na1.net/hubfs/8293210/raw_assets/public/Boundless%202021/fonts/DroidSerif-Bold.woff2') format('woff2'),
      url('//8293210.fs1.hubspotusercontent-na1.net/hubfs/8293210/raw_assets/public/Boundless%202021/fonts/DroidSerif-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Droid Serif';
  src: url('//8293210.fs1.hubspotusercontent-na1.net/hubfs/8293210/raw_assets/public/Boundless%202021/fonts/DroidSerif-BoldItalic.woff2') format('woff2'),
      url('//8293210.fs1.hubspotusercontent-na1.net/hubfs/8293210/raw_assets/public/Boundless%202021/fonts/DroidSerif-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Droid Serif';
  src: url('//8293210.fs1.hubspotusercontent-na1.net/hubfs/8293210/raw_assets/public/Boundless%202021/fonts/DroidSerif-Italic.woff2') format('woff2'),
      url('//8293210.fs1.hubspotusercontent-na1.net/hubfs/8293210/raw_assets/public/Boundless%202021/fonts/DroidSerif-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Droid Serif';
  src: url('//8293210.fs1.hubspotusercontent-na1.net/hubfs/8293210/raw_assets/public/Boundless%202021/fonts/DroidSerif.woff2') format('woff2'),
      url('//8293210.fs1.hubspotusercontent-na1.net/hubfs/8293210/raw_assets/public/Boundless%202021/fonts/DroidSerif.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



/* ==========================================================================


1. BASE STYLES


========================================================================== */



/* ==========================================================================
Variables
========================================================================== */


/**
* Find the most consistently used font styles, colors, and container widths
* for your site and assign them to the jinja variables below for easy use
* and reference.
*
* Apply the variable as shown below.  Ignore the jingja comment tags.
*
* 
*/

/* Colors */
 /* Dark Grey, nearly black */
 /* Darker grey/blue */
 /* Violet blue */
 /* Dark Grey, nearly black */

 /* Spark Red */

 /* Violet blue */
 /* Deep Red */
 /* Verdigris Green */
 /* Sunglow */
 /* Pink */



 /* Violet to deep red */
 /* Deep red to Violet */
 /* Spark red to deep red */
 /* Spark red to deep red */
 /* Spark red sunglow */
 /* pink to Verdigris */


 /* Violet to deep red */


 /* Light Grey */
 /* Quiet Grey */
    /* Dark Grey */


/* Typography */






/* Containers */







/* Captcha */
#recaptcha_response_field {
  width: auto !important;
  display: inline-block !important;
}

/* Videos */
video {
  max-width: 100%;
  height: auto;
}

/* Date Picker */
#calroot {
  width: 202px !important;
  line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#calroot select {
  min-height: 0 !important;
  padding: 1px 2px !important;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
  font-size: 10px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
}

#caldays {
  margin-bottom: 4px;
}

/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
  padding-bottom: 56.25%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
  padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
  height: auto;
  overflow: visible;
  padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
  position: static;
  width: auto;
  height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 568px) {
  iframe {
    max-width: 100%;
  }
}

.lity {
  z-index: 999999;
}


/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body form.hs-form fieldset[class*="form-columns"] .hs-input {
  width: 100% !important;
}

body form.hs-form fieldset {
  max-width: unset;
}

textarea { resize: vertical; }

/* System Template Forms */
.email-prefs .item .checkbox-row {
  margin-bottom: 15px;
}


.email-prefs .item p:empty {
  display: none;
}

.subscribe-options {
  clear: both;
  margin-top: 15px;
}

.subscribe-options .header {
  margin-bottom: 5px;
}

#email-prefs-form .email-edit {
  width: 100% !important;
  max-width: 507px !important;
}
#hs-pwd-widget-password {
  height: auto !important;
}

/* Menus */
.hs-menu-wrapper ul {
  padding: 0;
}

/* Horizontal Menu
========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
  list-style: none;
  margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
  content: " ";
  display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
  content: " ";
  display: table;
  clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
  float: none;
  display: inline-block;
  width: auto
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
  position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  position: absolute;
  z-index: 10;
  left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: block;
  white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 100%;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:last-child ul.hs-menu-children-wrapper {
  top: -221px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
  position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
  margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
  position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
  display: block;
  visibility: visible;
  opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
  content: " ";
  display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
  content: " ";
  display: table;
  clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
  float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
  display: inline-block;
}
@media(max-width: 768px) {
  .top-bar .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
  }
  .top-bar .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children a:hover + ul.hs-menu-children-wrapper,
  .top-bar .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children a:active + ul.hs-menu-children-wrapper {
    visibility: visible !important;
    opacity: 1 !important;
  }
}






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


/* All Global Forms
========================================================================== */

/* Form Field */
body .hs-form-field {
  margin-bottom: 30px;
}

/* Descriptions */
body .hs-field-desc {}

/* Labels */
body label {
  cursor: pointer;
}
body .hs-form-field > label {
  display: none;
  text-transform: none;
  font-size: 16px;
  color: #777;
  margin-bottom: 10px;
}

body label .hs-form-required {
  color: #f00;
  display: inline-block;
  margin-left: 3px;
}

/* Buttons */
input[type="submit"] {
  width: 100%;
  font-weight: 700;
}

/* One Line Inputs */
body input[type="text"],
body input[type="password"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="date"],
body input[type="month"],
body input[type="time"],
body input[type="week"],
body input[type="number"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body input[type="tel"],
body input[type="color"],
body input[type="file"],
body textarea,
body select {
  width: 100%;
  font-family: Lato, sans-serif;
  font-size: 16px;
  min-height: 40px;
  margin: 0;
  padding: 0px 15px;
  border: 1px solid #BABBBD;
  border-radius: 8px;
}

body select {
  min-height: 1px;
}

body textarea {
  min-height: 200px;
  padding: 15px;
}



/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}

.body-container-wrapper {
  padding-top: 76px;
}

@media (max-width: 1024px) {
 .body-container-wrapper {
    padding-top: 61px;
  }
}

/* Errors */

.hs-error-msgs {
  color: #f00;
  font-size: 14px;
  margin: 0;
}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
  color: #BABBBD;
  opacity: 1;
  font-weight: 400;
  text-transform: none;
}
:-moz-placeholder { /* Firefox 18- */
  color: #BABBBD;
  text-transform: none;
  opacity: 1;
  font-weight: 400;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #BABBBD;
  text-transform: none;
  opacity: 1;
  font-weight: 400;
}
:-ms-input-placeholder { /* IE10 */
  color: #BABBBD;
  text-transform: none;
  opacity: 1;
  font-weight: 400;
}


/* ==========================================================================
Macros
========================================================================== */


/**
* Create jinja macros for CSS3 properties that need browser prefixes.
*
* Apply the style as shown below on it's own CSS property line.
* Ignore the jinja comment tags.
*
* 
*/







/**
* Example of how to apply the above macro (ignore the jinja comment tags):
*
* a {
*   color: red;
*   font-size: 12px;
*   
* }
*/






/* ==========================================================================
Base
========================================================================== */

/* Images */
img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom; /* Suppress the space beneath the baseline */
}

img.alignRight,
img[style*='float:right'],
img[style*='float: right'] {
  margin: 0 0 10px 20px;
}

img.alignLeft,
img[style*='float:left'],
img[style*='float: left']{
  margin: 0 20px 10px 0;
}

@media (max-width: 599px) {
  img.alignRight,
  img[style*='float:right'],
  img[style*='float: right'],
  img.alignLeft,
  img[style*='float:left'],
  img[style*='float: left']{
    margin: 0 0 10px;
    float: none !important;
    display: block;
  }
}

/* Reduces min-height on bootstrap structure */
.body-container .row-fluid [class*="span"] { min-height: 1px; }
.header-container .row-fluid [class*="span"],
.footer-container .row-fluid [class*="span"] { min-height: 0px; }


/* Captcha */
#recaptcha_response_field {
  width: auto !important;
  display: inline-block !important;
}

/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
  padding-bottom: 56.25%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
  padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
  height: auto;
  overflow: visible;
  padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
  position: static;
  width: auto;
  height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 568px) {
  iframe {
    max-width: 100%;
  }
}

/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* System Template Forms */
#email-prefs-form .email-edit {
  width: 100% !important;
  max-width: 507px !important;
}
#hs-pwd-widget-password {
  height: auto !important;
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.hs-cta-wrapper a.button {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
  max-height: 150px;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
}


/* responsive pre elements */

pre {
  overflow-x: auto;
}

/* responsive pre tables */

table pre {
  white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
  margin: 0;
  padding: 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */

.section-grey {
  background: #f8f8f8;
}

.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
  word-wrap: break-word;
}

@media all and (max-width: 400px) {
  /* beat recaptcha into being responsive, !importants and specificity are necessary */
  #captcha_wrapper,
  #recaptcha_area,
  #recaptcha_area table#recaptcha_table,
  #recaptcha_area table#recaptcha_table .recaptcha_r1_c1
  { width: auto !important; overflow: hidden; }
  #recaptcha_area table#recaptcha_table .recaptcha_r4_c4
  { width: 67px !important; }
  #recaptcha_area table#recaptcha_table #recaptcha_image
  { width:280px !important; }
}









/* ==========================================================================
Base
========================================================================== */


/**
* Box Sizing
*
* Applies a natural box layout model to all elements so that width and padding
* are essentially combined, making responsive styles easier to manage.
*/

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
}

/* Website background color and default font styles */
body {
  background: #fff;
  color: #1D1C1D;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.container-fluid .row-fluid .page-center,
.page-center {
  float: none;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

.container-fluid .row-fluid .page-center-1150,
.page-center-1150 {
  float: none;
  max-width: 1190px;
  margin: 0 auto;
  padding: 0 20px;
}

.container-fluid .row-fluid .page-center-1000,
.page-center-1000 {
  float: none;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px;
}

.container-fluid .row-fluid .center-small,
.center-small {
  float: none;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.container-fluid .row-fluid .page-center .center-small,
.page-center .center-small {
  max-width: 800px;
  padding: 0;
}

.section {
  padding: 75px 0;
}

.no-padding {
  padding: 0;
}

a {
  color: #4D49BE;
  text-decoration: none;
  -webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;;
}
a:hover/*, a:not(.button):not(.hs-button):focus*/ {
  color: #1D1C1D;
}

.highlight,
.text-image-2columns h3 > span {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(77,73,190,0.17) 50%, rgba(200,32,47,0.17) 100%);
}

.banner-explore a {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(55,255,255,0) 50%, rgba(55,255,255,0) 100%);
}

.banner-explore a:hover {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(55,255,255,0.16) 50%, rgba(55,255,255,0.16) 100%);
}

.header__subitem__menu ul li a > span,
.text-image__content p:last-child a > span,
.text-image__content > a:last-child > span {
  transition: all .3s;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(77,73,190,0) 50%, rgba(200,32,47,0) 100%);
}

.header__subitem__menu ul li a:hover > span,
.text-image__content p:last-child a:hover > span,
.text-image__content > a:last-child:hover > span {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(77,73,190,0.17) 50%, rgba(200,32,47,0.17) 100%);
}

.header__subitem__menu ul li a,
.footer__menu ul li a,
.saas-carousel-8 .content a,
.bg-highlight,
.has-arrow,
.careers-b .hs-menu-wrapper a,
.text-image__content p:last-child a,
.text-image__content > a:last-child {
  isolation: isolate;
  position: relative;
  display: inline-block;
}

.has-arrow,
.text-image__content p:last-child a,
.text-image__content > a:last-child {
  color: #1D1C1D;
  font-weight: 700;
}

h3.bg-highlight {
  font-size: 28px;
  line-height: 1.14;
}

.footer__menu ul li a:after,
.saas-carousel-8 .content a:before,
.bg-highlight:after,
.has-arrow:before,
.careers-b .hs-menu-wrapper a:after {
  content: '';
  display: block;
  pointer-events: none;
  z-index: -1;

  width: calc(100% + 8px);
  height: 12px;
  background: linear-gradient(90deg, rgba(77, 73, 190, 0.17) 0%, rgba(200, 32, 47, 0.17) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(77,73,190,0.17) 50%, rgba(200,32,47,0.17) 100%);

  position: absolute;
  bottom: 2px;
  left: -4px;
  transition: all .3s;
  opacity: 0;
}

.careers-b .hs-menu-wrapper a:after {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(55,255,255,0.16) 50%, rgba(55,255,255,0.16) 100%);
}

.bg-highlight:after {
  height: 16px;
}

.selectric-items li.bg-highlight:after {
  height: 12px;
}

.footer__menu ul li a:hover:after,
.saas-carousel-8 .content a:hover:before,
.banner-explore a:hover:before,
.bg-highlight:hover:after,
.selectric-items li:hover .bg-highlight:after ,
.selectric-items li.highlighted .bg-highlight:after,
.has-arrow:hover:before,
.careers-b .hs-menu-wrapper a:hover:after {
  opacity: 1;
}

.client-box .bg-highlight:after {
  opacity: 1;
}

.has-arrow:after,
.text-image__content p:last-child a:after,
.text-image__content > a:last-child:after {
  content: '';
  display: inline-block;
  position: relative;
  top: 3px;
  margin-left: 12px;
  width: 16px;
  height: 16px;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 9.00021h11.17l-4.88 4.87999c-.39.39-.39 1.03 0 1.42s1.02.39 1.41 0l6.59-6.58999c.39-.39.39-1.01999 0-1.40999l-6.58-6.600005c-.39-.39-1.02-.39-1.41 0-.39.389995-.39 1.020005 0 1.410005l4.87 4.89h-11.17c-.55 0-1 .44999-1 1 0 .54999.45.99999 1 .99999z' fill='%231d1c1d'/%3E%3C/svg%3E");
}

hr {
  clear: both;
  color: #BABBBD;
  background-color: #BABBBD;
  height: 1px;
  border: none;
  margin: 45px 0;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #1D1C1D;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #1D1C1D;
  text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
  max-width: initial;
}


/* ==========================================================================
Typography
========================================================================== */


/* Basic text */
p {
  margin: 0 0 20px;
}
small {}
strong {}
em {}
cite {}
code {}
pre {}

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

sup { top: -0.5em; }
sub { bottom: -0.25em; }


.text-90 {
  max-width: 90%;
  margin: 0 auto !important;
  float: none !important;
}

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

.text-small {
  font-size: 16px;
}

.text-small h3 {
  font-size: 21px;
}

.text-large {
  font-size: 21px;
}

.text-bold, .text-bold * {
  font-weight: 700;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-grey {
  color: #777;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {
  font-weight: 900;
  font-size: 56px;
  line-height: 1.14;
}

h2 {
  font-weight: 900;
  font-size: 44px;
  line-height: 1.14;
}

h2 strong {
  font-weight: 900;
  font-size: 31px;
}

h3 {
  font-size: 32px;
  line-height: 1.5;
}

h4 {
  font-size: 20px;
  line-height: 1.6;
}

.header-small h2 {
  font-size: 30px;
  font-weight: 700;
}

@media (max-width: 767px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 28px;
  }
}

/* Lists */
ul, ol {
  margin: 0 0 20px;
}
ul ul, ul ol, ol ol, ol ul {}
li {}

ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {
  padding: 40px 20px;
  color: #fff;
  border-radius: 16px;
  font-size: 20px;
  position: relative;
  margin: 40px 0 30px;
  background: linear-gradient(90deg, #4D49BE 0%, #C8102E 100%);
}



.banner-resource svg {
  position: absolute;
  right: -26px;
  bottom: -32px;
}

@media (max-width: 1024px) {
  .banner-resource svg {
    right: -10px;
    bottom: -20px;
  }
}

blockquote *:last-child {
  margin-bottom: 0;
}

blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}


/* Banner */

.banner {
  color: #fff;
  background: #1D1C1D;
  padding: 135px 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 21px;
  text-align: center;
  position: relative;
}

.banner a.title-tag {
  display: inline-block;
  background: #fff;
  color: #000;
  position: absolute;
  font-size: 20px;
  left: 0;
  z-index: 2;
  top: 35px;
  padding: 12px 30px;
  line-height: normal;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.17);
  border-radius: 0 6px 6px 0;
}

.hero {
  display: flex;
  align-items: center;
  justify-items: center;
  position: relative;
  color: rgba(29, 28, 29, 0.7);
  /*font-weight: 700;*/
  font-size: 20px;
  line-height: 1.6;
}

.hero .banner-content p {
  font-family: 'Droid Serif', serif;
}

.hero-large {
  min-height: 712px;
}

.hero-text {
  padding: 75px 0;
}

.hero-red {
  background: #C8102E;
  color: #fff;
}


.hero.hero-red h1 {
  color: #fff;
}

.hero:not(.hero-red):after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}

.hero-gradient {
  color: #fff;
}

.hero-gradient:after {
  background: linear-gradient(180deg, #C8102E 0%, #4D49BE 100%);
}

.hero .down-arrow-wrapper {
  position: absolute;
  z-index: 2;
  bottom: 72px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  max-width: 200px;
}

.hero .down-arrow-wrapper.has-text {
  bottom: 30px;
}

.hero .down-arrow-wrapper .arrow-text {
  font-size: 18px;
}

.hero .down-arrow {
  appearance: none;
  padding: 0;
  background: none;
  cursor: pointer;
  border: 2px solid #4D49BE;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  margin: 0 auto 5px;
}

.hero h1 {
  color: #1D1C1D;
  margin-bottom: 40px;
}

.hero .page-center {
  max-width: 742px !important;
}

.hero .cta-item {
  margin-top: 32px;
}

.banner .page-center {
  position: relative;
  z-index: 2;
}

.banner h1:last-child,
.banner p:last-child {
  margin-bottom: 0;
}

.bg-gradient-1 {
  background: linear-gradient(180deg, #4D49BE 0%, #C8102E 100%);
}

.bg-gradient-1h {
  background: linear-gradient(90deg, #4D49BE 0%, #C8102E 100%);
}

.bg-gradient-2 {
  background: linear-gradient(180deg, #C8102E 0%, #E73C3E 100%);
}

.bg-gradient-3 {
  background: linear-gradient(180deg, #E73C3E 0%, #FFCD00 100%);
}


.banner-video video {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  object-fit: cover;
}


.video-pause-wrapper {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  right: 20px;
  transform: translateX(-50%);
  text-align: center;
}

.video-pause {
  appearance: none;
  padding: 0;
  background: none;
  cursor: pointer;
  border: 2px solid #4D49BE;
  color: #4D49BE;
  font-size: 14px;
  line-height: 28px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
}

.video-pause:before {
  content: "\f04c";
  font: normal normal normal 16px/1 FontAwesome;
}

.video-pause.play:before {
  content: "\f04b";
}

/* Optional - If client just wants image on mobile */
@media (max-width: 768px) {
  .banner-video video {
    display: none !important;
  }
}

/* IE Fix */
@supports (object-fit: cover) {
  .banner-video video {
    height:100%;
    display: block !important;
  }
}

/* Edge Fix, need for display: none video depends on height of video */
@supports (object-fit: cover) and (-ms-ime-align:auto) {
  .banner-video video {
    height:auto;
  }

  @media (max-width: 1150px) {
    .banner-video video {
      display: none !important;
    }
  }
}


.banner-footer {
  padding: 0;
}

.banner-footer .page-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1160px !important;
}

@media (max-width: 1023px) {
  .banner-footer .page-center {
    align-items: flex-end;
  }
}

.banner-footer .banner-image {
  flex: 600px 0 1;
  position: relative;
  isolation: isolate;
}

.banner-footer .banner-image img {
  position: relative;
  top: -25px;
  margin-bottom: -25px;
  z-index: 2;
}

.banner-footer .banner-image:after {
  content: '';
  display: block;

  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  top: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='619' viewBox='0 0 602 619' width='602' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.958618 300.554c0-165.749 134.366382-300.115523 300.115382-300.115523h76.672c123.405 0 223.443 100.038523 223.443 223.442523v187.908c0 165.75-134.366 300.116-300.115 300.116s-300.115382-134.366-300.115382-300.116z' fill='%23ffcd00'/%3E%3Cpath d='m.958618 300.554c0-165.749 134.366382-300.115523 300.115382-300.115523h76.672c123.405 0 223.443 100.038523 223.443 223.442523v187.908c0 165.75-134.366 300.116-300.115 300.116s-300.115382-134.366-300.115382-300.116z' stroke='transparent'/%3E%3C/svg%3E");
}

.banner-footer .banner-footer-star {
  position: absolute;
  right: -14px;
  bottom: 21%;
  width: 28px;
}

.banner-footer .banner-footer-star svg {
  width: 100%;
  height: auto;
}

.banner-footer .banner-footer-wave {
  position: absolute;
  top: 14%;
  left: 13%;
  z-index: 1;
}

.banner-footer .banner-content {
  flex: 410px 0 1;
  margin-left: 10%;
  position: relative;
  text-align: left;
  padding: 60px 0;
}

.banner-footer .banner-content:after {
  content: '';
  display: block;
  width: 128px;
  height: 128px;
  position: absolute;
  top: -40px;
  right: -20px;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='128' viewBox='0 0 128 128' width='128' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffcc04'%3E%3Cpath d='m9.82086 43.6912c-.22433-1.4268-.42513-2.8296-.67343-4.2328-.35937-2.2353-.71874-4.4707-1.12561-6.7064-.11326-.5946-.29798-1.1661-.50667-1.714-.3468-1.024-.50318-2.094-.37458-3.1617.12773-.9727.46765-1.7775 1.51563-2.1016 1.11945-.3473 2.3988-.0045 3.0563.8082.1642.2151.2806.4773.3019.7387.6957 4.3992 1.2013 8.7969.9701 13.26-.0305.736-.1085 1.4716-.1866 2.2072-.1783 1.3048-1.038 1.8204-2.2921 1.3117-.1655-.0726-.3311-.1452-.52067-.1942-.04662-.0954-.09368-.1433-.16427-.2151z'/%3E%3Cpath d='m63.7283 57.066c1.2463-1.225 2.5157-2.3785 3.715-3.6514 1.4633-1.5795 2.8795-3.2069 4.3193-4.8103.2641-.3067.6219-.4701.9095-.7528 1.078-1.0126 2.1091-2.073 3.1872-3.0856.5512-.5419 1.2175-.679 1.9268-.3409 1.6314.7969 2.7835 2.0648 3.3372 3.8267.3002.9287-.1116 1.8041-1.0202 2.4618-.8366.5871-1.7208 1.1737-2.5104 1.8086-1.292 1.0347-2.537 2.1172-3.8055 3.1758-2.1784 1.8587-4.3337 3.7889-6.5121 5.6477-1.8673 1.6-3.758 3.1761-5.6488 4.7522-.9095.7527-1.889 1.3861-3.0094 1.8284-.739.3028-1.4519.3446-2.1116-.2307-.6597-.5752-.7241-1.312-.5507-2.0943.1731-.7349.5352-1.3732 1.1806-1.8193 1.8411-1.339 3.2817-3.0374 4.7699-4.7355.6-.6839 1.1997-1.3204 1.7997-2.0043 0 0 0 0 .0235.0239z'/%3E%3Cpath d='m56.4991 32.3094c.8004.7664.9394 1.1475.5289 1.8805-.1452.2838-.2428.568-.3169.8762-.3438 1.2322-.8768 2.3679-1.741 3.3585-1.224 1.3914-2.0233 3.0712-3.0116 4.6545-2.1942 3.5686-4.4594 7.1129-6.6771 10.6576-.241.3781-.4819.7561-.7465 1.1103-.5042.5897-.9556.6098-1.4728.0357-.6353-.6463-.9368-1.4325-.7624-2.3098.1246-.6403.3208-1.3037.5639-1.9192 1.2905-3.4334 3.0062-6.6258 4.7458-9.8419 1.619-3.0032 3.1669-6.0307 4.7384-9.0344.5316-.9932 1.841-1.3389 2.7369-.6193.5664.3845 1.0845.8637 1.4144 1.1513z'/%3E%3Cpath d='m91.7726 70.3529c-1.5112 1.6266-3.4216 2.7513-5.355 3.8046-4.0343 2.2239-8.0215 4.4957-12.0557 6.7196-1.0502.5616-2.1709 1.0513-3.2912 1.4936-.7391.3029-.9992.182-1.4685-.4392-.0937-.1433-.1638-.2626-.2575-.4058-.6069-1.1449-.3127-2.14.8329-2.7483.6924-.3982 1.4079-.725 2.1469-1.0278 1.5016-.5817 2.8634-1.4496 4.0604-2.485 2.0107-1.6938 4.1851-3.1251 6.4537-4.4607 1.5521-.9138 3.0812-1.8991 4.6103-2.8843.2627-.1641.5029-.4472.719-.7067.7199-.8018 1.6254-1.127 2.6437-.8101.6157.1949 1.2549.4138 1.7978.7744.8022.5764.8178 1.4552.1224 2.1859-.2885.3777-.6476.6836-.9592.9898z'/%3E%3Cpath d='m31.4583 25.4355c.4475.4073.7037.9556.698 1.573.02.4039.04.8078-.0585 1.187-.3199 1.2087-.3078 2.4675-.4142 3.7016-.1098 1.6141-.3862 3.2506-.6861 4.8632-.4245 2.2528-.9205 4.5288-1.44 6.7809-.2228.9719-.5875 1.8952-.9758 2.7946-.4367.994-1.2951 1.3671-2.3392 1.2637-.095-.0007-.19-.0015-.2845-.0497-1.3756-.201-1.7752-.6555-1.596-2.0553.2798-2.0164.5597-4.0329.887-6.049.5793-3.5815 1.2297-7.1388 1.4294-10.7709.0284-.4985.0567-.997.0616-1.5194-.0183-.5939.2471-1.043.6776-1.3721.3826-.2819.7887-.5399 1.2184-.774 1.0741-.5851 1.9752-.4354 2.8223.4264z'/%3E%3Cpath d='m78.7094 96.183c-.0928-.2382-.3503-.644-.4413-1.0723-.1368-.6186-.1547-1.2599-.1485-1.9249.0048-.5224.2924-.8051.79-.6824 2.1325.5396 4.1575-.133 6.2264-.4251 2.7587-.4055 5.5179-.8584 8.2766-1.2638 1.451-.2496 2.8977-.0243 4.3452.1061.095.0007.2601.1208.3068.2162.2335.4293.467.8587.6526 1.3352.5799 1.5008-.8163 3.5321-2.6887 3.1134-.5451-.1231-1.1394-.0566-1.7107.0813-3.5226.8268-7.0674 1.4871-10.7015 1.5293-1.0214.0156-2.0184-.0399-3.0154-.0954-.6405-.0764-1.2322-.2948-1.8915-.9176z'/%3E%3Cpath d='m85.5182 115.046c-.9168-1.028-.9041-2.406.1492-3.3.2392-.188.6676-.279 1.0236-.253 2.3965.233 4.7692.49 7.1657.723 3.2032.334 6.3823.645 9.5863.979.047 0 .095.001.118.025 1.044.103 1.374.343 1.511 1.009.205.976-.113 1.947-.901 2.344-.405.211-.905.325-1.381.417-3.7329.469-7.4359.249-11.1606-.185-1.7081-.203-3.367-.597-4.953-1.156-.4262-.145-.78-.41-1.1582-.603z'/%3E%3C/g%3E%3C/svg%3E");
}

.banner-footer h2 {
  margin-bottom: 40px;
}



@media (max-width: 768px) {
  .banner-footer .page-center {
    flex-wrap: wrap;
  }

  .banner-footer .banner-image {
    flex: 100% 1 1;
    width: 100%;
    order: 2;
  }

  .banner-footer .banner-content {
    flex: 100% 1 1;
    width: 100%;
    order: 1;
    margin-left: 0;
    padding-top: 100px;
  }

  .banner-footer .banner-content:after {
    top: -10px;
  }

  .banner-footer .banner-image img {
    top: 0;
    margin-bottom: 0;
  }
}







.banner-explore-wrapper {
  position: relative;
  isolation: isolate;
}

.banner-explore-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: #fff;
}

.banner-explore {
  padding: 50px 20px;
  color: #fff;
  border-radius: 10px;
}

.banner-explore-inner {
  width: 1100px;
  max-width: 100%;
  margin: 0 auto;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.banner-explore .banner-image {
  flex: 548px 0 1;
  position: relative;
  isolation: isolate;
}

.banner-explore .banner-image__star {
  position: absolute;
  width: 28px;
  height: 30px;
  top: 34%;
  right: -12px;
}

.banner-explore .banner-image__group {
  position: absolute;
  width: 180px;
  height: 143px;
  bottom: 0;
  left: 10%;
}

@media (max-width: 599px) {
  .banner-explore .banner-image__group {
    bottom: -10%;
    left: 0;
  }
}

.banner-explore .banner-content {
  flex: 410px 0 1;
  margin-left: 10%;
  position: relative;
  text-align: left;
}

.banner-explore h2 {
  color: #fff;
  margin-bottom: 50px;
}

.banner-explore .banner-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.banner-explore .banner-content ul li {
  display: block;
}

.banner-explore .banner-content ul li:not(:last-child) {
  margin-bottom: 32px;
}

.banner-explore .banner-content ul li a {
  font-weight: 700;
  color: #fff;
}

.banner-explore .banner-content ul li a:hover {
  color: #fff;
}

.banner-explore .banner-content ul li a:after {
  content: '';
  display: inline-block;
  position: relative;
  top: 3px;
  margin-left: 12px;
  width: 16px;
  height: 16px;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 9.00021h11.17l-4.88 4.87999c-.39.39-.39 1.03 0 1.42s1.02.39 1.41 0l6.59-6.58999c.39-.39.39-1.01999 0-1.40999l-6.58-6.600005c-.39-.39-1.02-.39-1.41 0-.39.389995-.39 1.020005 0 1.410005l4.87 4.89h-11.17c-.55 0-1 .44999-1 1 0 .54999.45.99999 1 .99999z' fill='%23fff'/%3E%3C/svg%3E");
}

@media (max-width: 768px) {
  .banner-explore-inner {
    flex-wrap: wrap;
  }

  .banner-explore .banner-image {
    order: 2;

    flex: 548px 0 1;
    width: 548px;
    max-width: 100%;
    margin: 0 auto;
  }

  .banner-explore .banner-content {
    flex: 100% 1 1;
    width: 100%;
    order: 1;
    margin-bottom: 60px;
  }
}



.banner-resource-wrapper {
  position: relative;
  isolation: isolate;
}

.banner-resource-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: #fff;
}

.banner-resource {
  padding: 40px 20px;
  color: #fff;
  border-radius: 16px;
  position: relative;
}

.banner-resource svg {
  position: absolute;
  right: -26px;
  bottom: -32px;
}

@media (max-width: 1024px) {
  .banner-resource svg {
    right: -10px;
    bottom: -20px;
  }
}

.banner-resource-inner {
  width: 950px;
  max-width: 100%;
  margin: 0 auto;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.banner-resource .banner-content {
  flex: 696px 1 1;
  text-align: left;
}

.banner-resource .banner-cta {
  flex: 147px 1 1;
  margin-left: 10%;
}

.banner-resource .banner-cta .button {
  white-space: nowrap;
}

.banner-resource p:first-child {
  font-weight: 700;
  text-transform: uppercase;
}

.banner-resource h2 {
  color: #fff;
}

@media (max-width: 767px) {
  .banner-resource-inner {
    display: block;
  }

  .banner-resource .banner-cta {
    margin-left: 0;
  }

  .banner-resource .banner-content {
    margin-bottom: 30px;
  }
}




/* ==========================================================================
Buttons
========================================================================== */


.button,
.hs-button,
input[type="submit"] {
  position: relative;
  display: inline-block;
  border: none;
  margin: 0;
  padding: 12px 16px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;;
  background: #E73C3E;
  -webkit-appearance: none;
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
  border-radius: 8px;
  isolation: isolate;
  overflow: hidden;
}

.button-large {
  padding: 20px 24px;
}

.button:before,
.hs-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  background: linear-gradient(180deg, #A60C25 0%, #C9112F 100%);
  opacity: 0;
}

.button:hover:before,
.hs-button:hover:before {
  opacity: 1;
}

.button:hover,
.hs-button:hover {
  color: #fff;
  text-decoration: none;
}

input[type="submit"]:hover {
  background: linear-gradient(180deg, #A60C25 0%, #C9112F 100%);
}

.button-white {
  color: #1D1C1D;
  background: #fff;
}

.button-white:hover {
  background: #fff;
  color: rgba(29, 28, 29, 0.8);
}

.button-white:before {
  display: none;
}

.button-arrow:after {
  content: "";
  display: inline-block;
  margin-left: 14px;
  width: 16px;
  height: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 9.00021h11.17l-4.88 4.87999c-.39.39-.39 1.03 0 1.42s1.02.39 1.41 0l6.59-6.58999c.39-.39.39-1.01999 0-1.40999l-6.58-6.600005c-.39-.39-1.02-.39-1.41 0-.39.389995-.39 1.020005 0 1.410005l4.87 4.89h-11.17c-.55 0-1 .44999-1 1 0 .54999.45.99999 1 .99999z' fill='%23fff'/%3E%3C/svg%3E");
  transition: all .3s;
  position: relative;
  top: 3px;
}

.button-white.button-arrow:after {
  opacity: .8;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 9.00021h11.17l-4.88 4.87999c-.39.39-.39 1.03 0 1.42s1.02.39 1.41 0l6.59-6.58999c.39-.39.39-1.01999 0-1.40999l-6.58-6.600005c-.39-.39-1.02-.39-1.41 0-.39.389995-.39 1.020005 0 1.410005l4.87 4.89h-11.17c-.55 0-1 .44999-1 1 0 .54999.45.99999 1 .99999z' fill='%23000'/%3E%3C/svg%3E");
}

.button-angle:after {
  content: "";
  display: inline-block;
  margin-left: 14px;
  width: 12px;
  height: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='8' viewBox='0 0 12 8' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.88 1.29-3.88 3.88-3.88-3.88c-.39-.390002-1.02-.390002-1.410004 0-.39.39-.39 1.02 0 1.41l4.590004 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.380002-1.03-.390002-1.42 0z' fill='%23fff'/%3E%3C/svg%3E");
}

.button-white.button-angle:after {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='8' viewBox='0 0 12 8' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.88 1.29-3.88 3.88-3.88-3.88c-.39-.390002-1.02-.390002-1.410004 0-.39.39-.39 1.02 0 1.41l4.590004 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.380002-1.03-.390002-1.42 0z' fill='%23000'/%3E%3C/svg%3E");
}

.hs_error_rollup {
  display: none !important;
}



/* ==========================================================================
Section content header
========================================================================== */

.header-content {
  text-align: center;
  margin: 0 auto 64px;
  font-size: 20px;
  font-weight: 700;
  width: 846px;
  max-width: 100%;
}

.header-content__star {
  display: block;
  margin: 0 auto 5px;
}

.header-content h2 {
  margin-bottom: 32px;
}

.header-content *:last-child {
  margin-bottom: 0 !important;
}

.header-content p {
  font-family: 'Droid Serif', serif;
}


/* ==========================================================================
Image Grid
========================================================================== */

.image-grid {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

@media (min-width: 768px) {
  .image-grid__4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .image-grid__3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .image-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 599px) {
  .image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.image-grid .image-item {
  position: relative;
}

.image-grid .image-item:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 100%;
}

.image-grid .image-item:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #FFCD00;
}

.image-grid .image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .3s;
  z-index: 2;
}

.image-grid .image-item:hover img {
  transform: translate(16px, -16px);
}


/* ==========================================================================
Looking For bar
========================================================================== */

.looking-for {
  background: #4D49BE;
  color: #fff;
  padding: 30px 0;
  text-align: center;
}

.looking-for .page-center {
  position: relative;
}

.looking-for .page-center > svg {
  position: absolute;
  bottom: -46px;
  right: 20%;
}

.looking-for__top {
  margin-bottom: 20px;
}

.looking-for label,
.looking-for span {
  display: inline-block;
  margin-right: 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  font-family: 'Droid Serif', serif;
}

.looking-for .selectric-wrapper,
.looking-for select {
  display: inline-block;
  width: 321px;
  max-width: 100%;
}

.looking-for .selectric-items li.selected.highlighted .bg-highlight:not(:hover):after {
  opacity: 0;
}



.looking-for__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 599px) {
  .looking-for__bottom {
    flex-wrap: wrap;
  }
}


/* ==========================================================================
Logo Grid
========================================================================== */

.logos-section .header-content {
  font-size: 16px;
  line-height: 1.5;
  color: #7C7C7C;
}

.logos-section .header-content p,
.logos-section .header-content h2 {
  font-family: Lato, sans-serif;
  color: #1d1c1d;
  line-height: normal;
  font-size: 26px;
  margin: 0 0 40px;
}

.logo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 80px;
}

.logo-item__inner {
  width: 161px;
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .logo-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 60px;
  }

  .logo-item__inner {
    width: 100%;
  }
}

@media (max-width: 599px) {
  .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 30px;
  }

  .logo-item {
    text-align: center;
    max-width: calc(90);
  }
}


/* ==========================================================================
Text-Image saas-image-column-2
========================================================================== */

.text-image-2columns {
}

.text-image-2columns p {
  color: rgba(29, 28, 29, 0.7);
}

.text-image__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.text-image__flex .text-image-triangles {
  position: absolute;
  top: -105px;
  left: 62%;
}

.text-image__content h2 {
  margin-bottom: 39px;
}

.text-image__content h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  font-family: 'Droid Serif', serif;
}

.text-image__image {
  position: relative;
}

.svg {
  position: absolute;
  width: 0;
  height: 0;
}
.clipped-1 {
  width: 100%;
  background-size: cover;
  -webkit-clip-path: url(#blob-1);
  clip-path: url(#blob-1);

  aspect-ratio: 97.379032258064516 / 100;
}
.clipped-1 img {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
}

@supports not (aspect-ratio: auto) {
  .clipped-1 {
    padding-top: 97.379032258064516%;
    height: 0;
    position: relative;
    overflow: hidden;
  }
}

.clipped-1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*.clipped-1:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 97.379032258064516%;
}*/


.clipped-2 {
  width: 100%;
  background-size: cover;
  -webkit-clip-path: url(#blob-2);
  clip-path: url(#blob-2);
}
.clipped-2:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 86.313868613138686%;
}

.clipped-3 {
  width: 100%;
  background-size: cover;
  -webkit-clip-path: url(#blob-3);
  clip-path: url(#blob-3);
}
.clipped-3:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 91.075050709939148%;
}

.text-image__image-dots {
  position: absolute;
  width: 64px;
  height: 96px;
  top: 15%;
  right: 10px;
}

.text-image__image-blob {
  position: absolute;
  width: 132px;
  height: 158px;
  bottom: 16%;
  left: 0;
}

@media (max-width: 599px) {
  .text-image__image-dots {
    top: 0;
    right: 0;
  }

  .text-image__image-blob {
    bottom: -10%;
  }
}

.text-image-2columns .column-testimonial {
  display: flex;
  align-items: flex-start;
  margin-top: 40px;
  color: rgba(29,28,29,0.7);
}
.text-image-2columns .column-testimonial img {
  max-width: 100px;
  object-fit: contain;
}
.text-image-2columns .column-testimonial .testimonial-text .testimonial-quote {
  font-size: 15px;
  margin: 0 0 5px;
}
.text-image-2columns .column-testimonial .testimonial-text .testimonial-author,
.text-image-2columns .column-testimonial .testimonial-text .testimonial-author-title {
  font-size: 14px;
}
.text-image-2columns .column-testimonial .testimonial-text .testimonial-author {
  font-weight: 700;
}


@media (min-width: 768px) {
  .text-image__image {
    flex: 496px 0 1;
  }

  .text-image__content {
    flex: 407px 0 1;
  }

  .text-image-2columns.right .text-image__image {
    order: 2;
  }

  .text-image-2columns.left .text-image__content {
    order: 2;
    margin-left: 5%;
  }

  .text-image-2columns.right .text-image__content {
    margin-right: 5%;
  }
}


@media (max-width: 767px) {
  .text-image__image {
    margin-top: 40px;
    width: 100%;
  }

  .text-image__flex {
    justify-content: center;
    flex-wrap: wrap;
  }

  .text-image-2columns .image {
    order: 1;
  }
  .text-image-2columns .content {
    order: 2;
  }

  .text-image-2columns.left .content,
  .text-image-2columns.right .content {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 400px) {
  .text-image-2columns .column-testimonial {
    display: block;
    text-align: center;
  }
  .text-image-2columns .column-testimonial .testimonial-text {
    padding: 20px 0 0 0;
  }
  .text-image-2columns .column-testimonial .testimonial-text .testimonial-author,
  .text-image-2columns .column-testimonial .testimonial-text .testimonial-author-title,
  .text-image-2columns .column-testimonial .testimonial-text .testimonial-quote {
    text-align: left;
  }
}



/* ==========================================================================
Case Study Detail Box
========================================================================== */

.boxed {
  background: #f8f8f8;
  border-radius: 16px;
  padding: 20px;
  margin: 40px 0 30px;
}

.boxed *:last-child {
  margin: 0;
}

/* ==========================================================================
Client Boxes
========================================================================== */

.client-box {
  background: #f8f8f8;
  border-radius: 16px;
  padding: 64px 20px;
}

.client-box-inner {
  width: 548px;
  max-width: 100%;
  margin: 0 auto;
}

.client-box__content h2 {
  margin-bottom: 39px;
}

.client-box__content h3 {
  font-size: 28px;
  margin-bottom: 30px;
  font-family: 'Droid Serif', serif;
}

.client-box__image {
  position: relative;
  margin-top: 24px;
}

.client-box__star {
  position: absolute;
  width: 36px;
  height: 39px;
  bottom: 20.3%;
  left: 8.76%;
}

.client-box__star svg {
  width: 100%;
  height: auto;
}

.client-box:nth-child(2) .client-box__star {
  bottom: 31.2%;
  left: unset;
  right: 17.6%;
}

.client-box__arrow {
  position: absolute;
  bottom: -48px;
  left: 0;
}

.client-box__arrow span {
  display: block;
  font-family: 'Brush Marker', sans-serif;
  font-size: 40px;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .client-boxes {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }

  .client-box {
    width: calc(50% - 12px);
  }
}

@media (max-width: 767px) {
  .client-boxes {
    display: block;
  }

  .client-box:not(:last-child) {
    margin-bottom: 60px;
  }
}




/* ==========================================================================
Content Grid
========================================================================== */

.content-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.content-item {
  text-align: center;
  margin-bottom: 68px;
}

@media (min-width: 768px) {
  .content-grid:not(.cg-2) .content-item {
    width: 30.666667%;
    margin-left: 4%;
  }

  .content-grid:not(.cg-2) .content-item:nth-child(3n+1) {
    margin-left: 0;
  }

  .content-grid.cg-2 .content-item {
    width: 48%;
    margin-left: 4%;
  }

  .content-grid.cg-2 .content-item:nth-child(2n+1) {
    margin-left: 0;
  }
}

.content-item__inner {
  width: 240px;
  max-width: 100%;
  margin: 0 auto;
}

.cg-2 .content-item__inner {
  width: 360px;
}

.content-item__image {
  display: block;
  width: 64px;
  aspect-ratio: 1;
  margin: 0 auto 22px;
  position: relative;
  isolation: isolate;
}

.cg-2 .content-item__image {
  display: block;
  width: 128px;
  max-width: 100%;
}

.content-item__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.blob {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 86px;
  height: 64px;
  opacity: .3;
}

.content-item__title {
  margin-bottom: 8px;
  font-family: 'Droid Serif', serif;
  color: #1D1C1D;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
}

a.content-item__title:hover {
  text-decoration: underline;
}

.content-item__description {
  color: rgba(29, 28, 29, 0.7);
}



@media (min-width: 421px) and (max-width: 767px) {
  .content-item {
    width: 48%;
    margin-left: 4%;
  }

  .content-item:nth-child(2n+1) {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .content-item {
    max-width: 100%;
  }
}



.content-grid-wrapper .cta {
  text-align: center;
}

.content-grid-wrapper .header-content p {
  font-family: 'Droid Serif', serif;
}




/* ==========================================================================
Testimonials Carousel
========================================================================== */

/* Unique Styles */
.saas-carousel-2.section {
  padding: 100px 0 72px;
}

.saas-carousel-2 .slick-slide {
  text-align: center;
}
.saas-carousel-2 .slide-inner {
  position: relative;
  text-align: center;
  max-width: 754px;
  padding-bottom: 52px;
  padding: 0 15px 52px;
  margin: 0 auto;
}

.saas-carousel-2 .slick-dotted.slick-slider {
  margin: 0;
}

.saas-carousel-2 .testimonial-icon {
  margin: 0 auto 36px;
  max-width: 300px;
  max-height: 100px;
}

.saas-carousel-2 .testimonial-quote {
  margin: 0 0 26px;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0px;
  text-align: center;
}
.saas-carousel-2 .testimonial-author {
  margin: 0 0 40px;
}


@media(max-width: 1000px) {
  .saas-carousel-2 .slide {
    padding: 0 55px 52px;
  }
}

@media (max-width: 768px) {
  .saas-carousel-2 .caption {
    margin: 20px 0 30px 0;
    text-align: center;
    max-width: 500px;
    position: static;
    transform: none;
    color: #000;
  }

  .saas-carousel-2 .testimonial-quote {
    font-size: 21px;
  }
}

@media (max-width: 600px) {
  .saas-carousel-2 .slide {
    padding: 0 35px 52px;
  }

  .saas-carousel-2 .testimonial-icon {
    max-width: 100%;
  }

  .saas-carousel-2 .slick-slide img {
    padding: 0;
  }

  .saas-carousel-2 .testimonial-quote {
    font-size: 18px;
  }
}





/* ==========================================================================
Resources
========================================================================== */

.case-study-a .body-container-wrapper .main_body-row-1-padding.dnd-section {
  padding: 0 0 0 20px !important;
}

@media (max-width: 767px) {
  .case-study-a .body-container-wrapper .main_body-row-1-padding.dnd-section {
    padding: 0 20px !important;
  }
}

.case-study-a .body-container-wrapper .main_body-row-1-padding.dnd-section .span9 {
  padding-top: 30px;
}

.case-study-a .body-container-wrapper .main_body-row-1-padding.dnd-section .span3 {
  background: #f8f8f8;
  padding: 30px 20px;
}





/* Resources 1
========================================================================== */
.resources-1 #resources {
  list-style: none;
  margin: 0;
  padding: 0;
}

.resources-1 #resources .resource-item {
  display: inline-block;
  width: 42.105263157894766%;
  margin: 60px 3.947368421052617%;
  text-align: center;
}

@media (min-width: 768px) {
  .hs-content-id-56154043954.resources-1 #resources .resource-item {
    width: 42.105263157894766%;
  }
}

@media (max-width: 599px) {
  .resources-1 #resources .resource-item {
    display: block;
    width: 290px;
    max-width: 100%;
    margin: 60px auto;
  }
}

.resources-1 .resource-item h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  margin: 5px 0 10px;
}
.resources-1 .resource-item h5 {
  font-weight: 400;
  line-height: normal;
  font-size: 16px;
}

.resources-1 .resource-item p a {
  font-size: 17px;
  font-weight: 700;
}

.resources-1 .resource-item .featured-image {
  margin-bottom: 30px;
  position: relative;
  max-width: 100%;
  aspect-ratio: 16 / 9;
}

.resources-1 .resource-item .featured-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hs-content-id-56154043954.resources-1 .resource-item .featured-image {
  aspect-ratio: 4 / 3;
}

.resources-1 .resource-item .featured-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.58620689655173%;;
}

.resources-1 .resource-item .featured-image a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.resources-1 .resource-item .resource-topics {
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
}

@media (max-width: 599px) {
  .resources-1 .resource-topic {
    display: block;
    margin: 10px 0 0 0;
  }
}

.resources-1 .selectric-wrapper {
  width: 220px;
  margin: 0 auto;
}


.resources-1 .resource-item a {
  color: #1D1C1D;
}

.resources-1 .resource-item a:hover {
  color: #4D49BE;
}


/* ==========================================================================
Resources
========================================================================== */

/* Blog 1
========================================================================== */

.news-pr-a.hs-blog-listing .section-narrow {
  padding: 30px 0;
}

/* .news-pr-a .span6.featured-image-wrapper {
height: 400px;
} */

.news-pr-a.hs-blog-listing .section-narrow h1 {
  margin: 0;
  font-size: 30px;
}

.news-pr-a .post-index-topics {
  text-align: center;
}

.news-pr-a .post-index-topics h3 {
  font-size: 18px;
  font-weight: 700;
  color: #55677a;
  margin: 0;
  display: inline;
}

.news-pr-a .post-index-topics .block {
  position: relative;
  cursor: default;
}

.news-pr-a .post-index-topics .widget-module {
  min-width: 150px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .4s;
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background: #fff;
  font-size: 13px;
  border: 1px solid #f0f0f0;
  border-bottom: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;;
}


.news-pr-a .post-index-topics .widget-module ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.news-pr-a .post-index-topics .widget-module ul li {
  background: 0;
  border-bottom: 1px solid #f0f0f0;
}

.news-pr-a .post-index-topics .widget-module ul li a {
  display: block;
  color: #f57300;
  padding: 15px 20px;
}

.news-pr-a .post-index-topics .widget-module ul li a:hover {
  color: #5e686d;
  background: #f0f0f0;
}

.news-pr-a .blog-subscribe-link {
  font-weight: 700;
  text-align: right;
}

.news-pr-a .news-pr-a-listing {
  padding-top: 150px;
}

@media (max-width: 767px) {
  .news-pr-a .post-index-topics {
    margin: 15px 0;
  }

  .news-pr-a .blog-subscribe-link {
    text-align: center;
  }
}

.news-pr-a .post-item {
  padding-bottom: 60px;
  border-bottom: 1px solid #afafaf;
  margin-bottom: 60px;
  font-size: 16px;
  width: 100%;
}

.news-pr-a .featured-image-wrapper {
  margin-bottom: 30px;
}

.news-pr-a .post-header h1 {
  font-size: 40px;
}

.news-pr-a .post-header h3 {
  font-weight: 700;
  margin-bottom: 5px;
}

.news-pr-a .post-header .post-meta {
  margin-bottom: 15px;
  font-weight: 300;
  color: #777;
}

.news-pr-a .post-header .post-meta a:not(:hover) {
  color: #777;
}
.news-pr-a .post-item .post-header h4 {
  color: #000;
  margin: 0 0 5px;
}
.news-pr-a .post-header .post-meta a.topic-link:not(:hover) {
  color: #2d749e;
}

.news-pr-a .post-item:first-child {
  padding-top: 0;
  margin-top: 0;
}
.news-pr-a .post-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.news-pr-a .post-item .more-link {
  margin-top: 20px;
  display: inline-block;
}

.news-pr-a .post-item .more-link i {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
}

.news-pr-a .widget-type-blog_subscribe span > h3 {
  font-size: 21px;
  font-weight: 300;
  color: #000;
}

@media (min-width: 768px) {
  .news-pr-a .featured-image-wrapper {
    width: 42.105263157894737%;
    margin-bottom: 0;
  }

  .news-pr-a .post-content-wrapper {
    width: 57.894736842105263%;
    padding-left: 4.824561403508772%;
  }

  .news-pr-a .widget-type-blog_subscribe span > h3 {
    display: block;
    float: left;
    width: 42%;
    margin-right: 4%;
    font-size: 30px;
    margin-bottom: 0;
  }

  .news-pr-a .widget-type-blog_subscribe span > div {
    display: block;
    float: left;
    width: 54%;
  }

  .news-pr-a .widget-type-blog_subscribe form > div:first-child {
    display: block;
    float: left;
    width: 67%;
    margin-right: 2%;
    margin-bottom: 0;
  }

  .news-pr-a .widget-type-blog_subscribe form > .hs_submit {
    display: block;
    float: left;
    width: 31%;
  }
}

.news-pr-a .widget-type-blog_subscribe form input {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;;
  border-color: #e1e1e1;
}

.news-pr-a .widget-type-blog_subscribe form input[type="submit"] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;;
  text-transform: none;
}


.news-pr-a.hs-blog-post .blog-section {
  max-width: 920px;
  margin: 0 auto;
}

.blog-tmpl #blogs {
  list-style: none;
  margin: 0 0 60px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.blog-tmpl #blogs .post-item {
  display: inline-block;
  width: 30.66667%;
  margin: 60px 0 0 4%;
  text-align: center;
}

@media (min-width: 768px) {
  .blog-tmpl #blogs .post-item:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media (min-width: 420px) and (max-width: 767px) {
  .blog-tmpl #blogs .post-item {
    width: 48%;
  }
}

@media (max-width: 599px) {
  .blog-tmpl #blogs .post-item {
    display: block;
    width: 290px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.blog-tmpl .post-item h3 {
  font-size: 22px;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 10px;
  color: #1D1C1D;
}
.blog-tmpl .post-item h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.428571428571429;
  color: #C8102E;
  margin: 0;
  text-transform: uppercase;
}

.blog-tmpl .post-item p a {
  font-size: 17px;
  font-weight: 700;
}

.blog-tmpl .post-item .featured-image {
  margin-bottom: 30px;
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.blog-tmpl .post-item .featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-tmpl .post-item .featured-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 127.58620689655173%;;
}

.blog-tmpl .post-item .featured-image a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.blog-tmpl .post-item .resource-topics {
  margin: 0;
  color: #C8102E;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 700;
}

@media (max-width: 599px) {
  .blog-tmpl .resource-topic {
    display: block;
    margin: 10px 0 0 0;
  }
}

.blog-tmpl .selectric-wrapper {
  width: 220px;
}
.blog-tmpl .blog-subscription-form-wrapper {
  display: inline-block;
  margin-left: 25px;
  width: 450px;
  vertical-align: top;
}
.blog-tmpl .blog-subscription-form-wrapper > span {
  font-size: 16px;
  text-align: left;
  display: block;
  line-height: normal;
  margin-bottom: 5px;
}
.blog-tmpl  #resourceTopics {
  vertical-align: top;
}
.blog-tmpl #resourceTopics select,
.resources-1 #resourceTopics select {
  opacity: 0;
}
.blog-tmpl .blog-subscription-form-wrapper form {
  display: flex;
}
.blog-tmpl .blog-subscription-form-wrapper .hs-form-field {
  margin: 0;
}
.blog-tmpl .blog-subscription-form-wrapper .hs-email {
  flex: auto 1 1;
}
.blog-tmpl .blog-subscription-form-wrapper .hs-email input::placeholder {
  text-transform: none;
}
.blog-tmpl .blog-subscription-form-wrapper .hs-email input:-ms-input-placeholder {
  text-transform: none;
}
.blog-tmpl .blog-subscription-form-wrapper input.hs-button {
  margin-left: 10px;
  color: #000;
  background: #fff;
}
.blog-tmpl .blog-subscription-form-wrapper input.hs-button:hover {
  background: #fff;
  color: rgba(29, 28, 29, 0.8);
}
.blog-tmpl #resourceTopics .resource-topic {
  margin-left: 0;
}
.blog-tmpl .blog-subscription-form-wrapper .submitted-message {
  text-align: left;
  margin-top: 10px;
}
.blog-tmpl .blog-subscription-form-wrapper .hs-error-msgs {
  text-align: left;
  color: #fff;
}

@media(max-width: 767px) {
  .blog-tmpl .blog-subscription-form-wrapper {
    width: 100%;
    max-width: 450px;
    display: block;
    margin: 20px auto 0 !important;
  }
  .blog-tmpl .blog-subscription-form-wrapper .submitted-message,
  .blog-tmpl .resource-topic > span,
  .blog-tmpl .blog-subscription-form-wrapper > span {
    text-align: center !important;
  }
}

@media(max-width: 550px) {
  .blog-tmpl .blog-subscription-form-wrapper form {
    flex-direction: column;
  }
  .blog-tmpl .blog-subscription-form-wrapper input.hs-button {
    margin: 10px 0 0 0;
  }
}

.blog-tmpl.blog-c.hs-blog-listing .blog-pagination ul {
  margin: 0 0 60px;
}
.blog-tmpl.blog-c #blogs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.blog-tmpl.blog-c #blogs .post-item {
  text-align: left;
  padding: 0 0 45px;
  width: 31%;
  margin: 20px 10px;
  position: relative;
  background: #f1f1f1;
  min-width: 350px;
  position: static !important;
}
.blog-tmpl.blog-c #blogs .featured-resource-item .featured-resource-text {
  flex: auto 1 1;
  padding: 30px 40px;
}
.blog-tmpl.blog-c #blogs .featured-resource-item .featured-resource-arrow {
  flex: 84px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-tmpl.blog-c #blogs .featured-resource-item h2 {
  font-size: 30px;
  line-height: 39px;
  font-weight: 300;
}
.blog-tmpl.blog-c #blogs .featured-resource-item p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin: 0;
}
.blog-tmpl.blog-c #blogs .featured-resource-item p.featured-resource-bottom-excerpt {
  margin: 15px 0 0 0;
  color: #000;
}

.blog-tmpl.blog-c #blogs .featured-resource-item {
  display: inline-block;
  padding: 0;
  text-align: left;
  width: 100%;
}
.blog-tmpl.blog-c #blogs .featured-resource-image {
  height: 300px;
  margin-bottom: 30px;
  background: none;
}
.blog-tmpl.blog-c #blogs .featured-resource-bottom {
  padding: 0 30px 0;
  font-size: 24px;
  line-height: 30px;
}
.blog-tmpl.blog-c #blogs .featured-resource-top {
  display: flex;
  justify-content: space-between;
  padding: 0 30px 15px 30px;
}


.blog-tmpl.blog-c #blogs .featured-resource-item h3 {
  padding-right: 15px;
  margin: 0;
  line-height: normal;
  font-size: 18px;
}


.blog-tmpl.blog-c #blogs .featured-resource-bottom-cta {
  text-align: center;
  margin-top: 30px;
}
.blog-tmpl.blog-c #blogs .featured-resource-image-wrapper {
  background: #fff;
}

.blog-tmpl.blog-c #blogs .featured-resource-bottom-cta .button {
  width: calc(100% - 65px);
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
}

@media(max-width: 992px) {
  .blog-tmpl.blog-c #blogs .featured-resource-bottom {
    padding: 0 25px 0;
    font-size: 20px;
    line-height: 26px;
  }
  .blog-tmpl.blog-c #blogs .featured-resource-top {
    padding: 0 25px 15px;
  }
  .blog-tmpl.blog-c #blogs .featured-resource-item h3 {
    font-size: 16px;
  }
  .blog-tmpl.blog-c #blogs .featured-resource-bottom-cta .button {
    width: calc(100% - 30px);
  }
}

@media(max-width: 767px) {
  .blog-tmpl.blog-c #blogs .page-center > .row-fluid-wrapper > .row-fluid > span {
    display: block;
  }
  .blog-tmpl.blog-c #blogs .featured-resource-bottom {
    padding: 15px 30px 30px 30px;
  }
  .blog-tmpl.blog-c #blogs .featured-resource-bottom-cta .button {
    position: static;
    width: 100%;
    transform: none;
  }
  .blog-tmpl.blog-c #blogs .span4 {
    padding-bottom: 0 !important;
    position: static !important;
  }
  .blog-tmpl.blog-c #blogs .featured-resource-top {
    padding: 0 30px 0;
  }
  .blog-tmpl.blog-c #blogs .post-item {
    padding: 0;
  }
}

@media(max-width: 550px) {
  .blog-tmpl.blog-c #blogs .post-item {
    text-align: left;
    padding: 0;
    margin: 20px 0;
    position: relative;
    background: #f1f1f1;
    min-width: 0;
    width: 100%;
    max-width: 350px;
  }
}

@media(max-width: 475px) {
  .blog-tmpl.blog-c #blogs .featured-resource-item {
    display: block;
  }
  .blog-tmpl.blog-c #blogs .featured-resource-item .featured-resource-text {
    padding: 40px 20px;
  }
  .blog-tmpl.blog-c #blogs .featured-resource-item .featured-resource-arrow {
    padding: 20px 0;
  }
}


.details-tmpl .blog-post-content > .section {
  padding-top: 125px;
}
.details-tmpl .blog-post-content > .section > .page-center {
  max-width: 900px;
}
.details-tmpl .blog-post-content img {
  margin: 0 0 20px 0;
}
.details-tmpl .social-share-section {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  align-items: center;
}
.details-tmpl .social-share-section > h3 {
  margin: 0 10px 0 0;
  color: #1D1C1D;
}
.details-tmpl .social-share-section a {
  display: inline-block;
  margin-right: 5px;
}
.details-tmpl .social-share-section a i {
  display: flex;
  justify-content: center;
  align-items: center;
}
.details-tmpl .social-share-section a .fa-facebook:before {
  line-height: normal;
}
.details-tmpl .social-share-section .fa-envelope-o,
.details-tmpl .social-share-section .fa-pinterest {
  display: none;
}
.details-tmpl .blog-post-cta {
  text-align: center;
  margin-top: 95px;
}
.blog-details-b.details-tmpl .social-share-section {
  margin-top: 0;
  margin-bottom: 80px;
}
.blog-details-b.details-tmpl .blog-post-author {
  background: #f8f8f8;
  margin: 100px auto 0;
  padding: 40px;
}
.blog-details-b.details-tmpl .blog-post-author h3 {
  color: #00A3AD;
}
.blog-details-b.details-tmpl .blog-post-author-flexbox {
  display: flex;
}
.blog-details-b.details-tmpl .author-img {
  flex: 300px 0 0;
  padding-right: 40px;
}
@media(max-width: 767px) {
  .blog-details-b.details-tmpl .blog-post-author-flexbox {
    flex-direction: column;
  }
}


.blog-details-d .blog-post-content .blog-post-banner.section {
  padding-top: 75px;
}
.blog-details-d .blog-post-banner .page-center {
  max-width: 1180px !important;
}
.blog-details-d .blog-post-banner h1 {
  line-height: 1.3;
}
.blog-details-d .blog-post-banner .post-info a,
.blog-details-d .blog-post-banner .post-info span {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}
.blog-details-d .blog-post-banner a:not(:hover):not(.button),
.blog-details-d .blog-post-banner .comment-number {
  color: #777;
}
.blog-details-d .blog-post-banner .comment-number .fa {
  padding-right: 5px;
}
.blog-details-d .blog-post-banner .post-info,
.blog-details-d .blog-post-banner .post-banner-cta {
  margin-top: 30px;
}
.blog-details-d .blog-post-banner .post-banner-cta {
  border: 1px solid #1D1C1D;
  padding: 30px 10%;
}
.blog-details-d .blog-post-banner .post-banner-cta .cta-text,
.blog-details-d .blog-post-footer .post-footer-cta .cta-text,
.blog-details-d .blog-post-footer .post-footer-form .form-text {
  display: block;
  font-size: 21px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.blog-details-d .blog-post-banner .post-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 40%;
}

.blog-details-d.details-tmpl .blog-post-content > .section {
  padding-top: 90px;
}
.blog-details-d .blog-post-section {
  position: relative;
}
.blog-details-d .blog-post-section .social-share-section .share-label {
  text-transform: uppercase;
  padding-bottom: 15px;
}
.blog-details-d .blog-post-section .social-share-section a .fa {
  font-size: 22px;
}

.blog-details-d .blog-post-footer .post-footer-cta,
.blog-details-d .blog-post-footer .post-footer-form {
  margin-top: 45px;
}
.post-footer-form .hs-form-field>label,
.post-footer .hs-form-field>label {
  display: block;
}
.blog-details-d .blog-post-footer .post-footer-cta {
  background: #f8f8f8;
  border-radius: 10px;
  padding: 35px 10%;
}
.blog-details-d .blog-post-footer .post-footer-form {
  border: 1px solid #1D1C1D;
  padding: 25px;
}

.blog-details-d .saas-featured-resource-4 {
  padding: 50px 0 95px;
}
.blog-details-d .saas-featured-resource-4 .span4 {
  min-width: initial;
}
.saas-featured-resource-4 .featured-resource-image {
  height: initial;
  padding-top: 65%;
  margin-bottom: 30px;
}

.blog-details-d .post-comments .post-footer.section {
  padding-top: 0;
}
.blog-details-d .post-comments .post-footer #comments-listing {
  background: #f8f8f8;
  padding: 0 25px;
  margin-bottom: 35px;
}
.blog-details-d .post-comments .post-footer .comment.depth-0:first-child {
  border-top: 0;
}
.blog-details-d .post-comments .post-footer .comment.depth-0 {
  padding: 40px 0;
  margin: 0 auto !important;
}
.blog-details-d .post-comments .post-footer .comment .comment-date {
  font-size: 1em;
  padding-left: 10px;
}
.blog-details-d .post-comments .post-footer .comment .hs-button {
  display: block;
  width: initial;
  margin-right: 0;
  margin-left: auto;
}

@media (min-width: 768px) {
  .blog-details-d .blog-post-banner .post-banner-content {
    padding-right: 3%;
  }

  .blog-details-d .blog-post-footer,
  .blog-details-d .blog-post-footer .post-footer-cta,
  .blog-details-d .blog-post-footer .post-footer-form {
    display: flex;
  }
  .blog-details-d .blog-post-footer .post-footer-cta,
  .blog-details-d .blog-post-footer .post-footer-form {
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: center;
    width: 47.65%;
  }
  .blog-details-d .blog-post-footer .post-footer-cta {
    margin-right: 2%;
  }
  .blog-details-d .blog-post-footer .post-footer-form {
    margin-left: 2%;
  }
}

@media (min-width: 600px) and (max-width: 768px) {
  .blog-details-d .blog-post-banner .post-banner-content,
  .blog-details-d .blog-post-banner .post-image {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  .blog-details-d .blog-post-banner .post-image {
    padding-top: 60%;
    margin-top: 45px;
  }
}

.blog-details-d .blog-post-section .social-share-section a {
  color: #C8102E;
}

.blog-details-d .blog-post-section .social-share-section a:hover {
  color: #1D1C1D;
}

@media (min-width: 1080px) {
  .blog-details-d .blog-post-section .social-share-section {
    position: absolute;
    left: -65px;
    top: 0;
    margin: 0 auto;
  }
  .blog-details-d .blog-post-section .social-share-section .share-label,
  .blog-details-d .blog-post-section .social-share-section a {
    display: block;
    margin: 0 auto;
  }
}

@media (max-width: 1079px) {
  .blog-details-d .blog-post-section .social-share-section {
    margin: 0 auto 50px;
  }
  .blog-details-d .blog-post-section .social-share-section .share-label,
  .blog-details-d .blog-post-section .social-share-section a {
    display: inline-block;
    vertical-align: middle;
  }
  .blog-details-d .blog-post-section .social-share-section .share-label,
  .blog-details-d .blog-post-section .social-share-section a {
    padding: 0 10px 0 0;
  }
}

@media (max-width: 768px) {
  .blog-details-d .blog-post-content .blog-post-banner.section {
    padding-top: 55px;
  }
  .blog-details-d .blog-post-banner .post-image {
    padding-top: 65%;
    margin-top: 35px;
  }
}



.blog-b.hs-blog-listing .section-narrow {
  padding: 30px 0;
}

.blog-b.hs-blog-listing .section-narrow h1 {
  margin: 0;
  font-size: 30px;
}

.blog-b .post-index-topics {
  text-align: center;
}

.blog-b .post-index-topics h3 {
  font-size: 18px;
  font-weight: 700;
  color: #55677a;
  margin: 0;
  display: inline;
}

.blog-b .post-index-topics .block {
  position: relative;
  cursor: default;
}

.blog-b .post-index-topics .widget-module {
  min-width: 150px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .4s;
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background: #fff;
  font-size: 13px;
  border: 1px solid #f0f0f0;
  border-bottom: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;;
}


.blog-b .post-index-topics .widget-module ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-b .post-index-topics .widget-module ul li {
  background: 0;
  border-bottom: 1px solid #f0f0f0;
}

.blog-b .post-index-topics .widget-module ul li a {
  display: block;
  color: #f57300;
  padding: 15px 20px;
}

.blog-b .post-index-topics .widget-module ul li a:hover {
  color: #5e686d;
  background: #f0f0f0;
}

.blog-b .blog-subscribe-link {
  font-weight: 700;
  text-align: right;
}

.blog-b .blog-b-listing {
  padding-top: 150px;
}

@media (max-width: 767px) {
  .blog-b .post-index-topics {
    margin: 15px 0;
  }

  .blog-b .blog-subscribe-link {
    text-align: center;
  }
}

.blog-b .post-item {
  padding-bottom: 60px;
  border-bottom: 1px solid #afafaf;
  margin-bottom: 60px;
  font-size: 16px;
  width: 100%;
}

.blog-b .featured-image-wrapper {
  margin-bottom: 30px;
}

.blog-b .post-header h1 {
  font-size: 40px;
}

.blog-b .post-header h3 {
  font-weight: 700;
  margin-bottom: 5px;
}

.blog-b .post-header .post-meta {
  margin-bottom: 15px;
  font-weight: 300;
  color: #777;
}

.blog-b .post-header .post-meta a:not(:hover) {
  color: #777;
}
.blog-b .post-item .post-header h4 {
  color: #000;
  margin: 0 0 5px;
}
.blog-b .post-header .post-meta a.topic-link:not(:hover) {
  color: #2d749e;
}

.blog-b .post-item:first-child {
  padding-top: 0;
  margin-top: 0;
}
.blog-b .post-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.blog-b .post-item .more-link {
  margin-top: 20px;
  display: inline-block;
}

.blog-b .post-item .more-link i {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
}

.blog-b .widget-type-blog_subscribe span > h3 {
  font-size: 21px;
  font-weight: 300;
  color: #000;
}

@media (min-width: 768px) {
  .blog-b .featured-image-wrapper {
    width: 42.105263157894737%;
    margin-bottom: 0;
  }

  .blog-b .post-content-wrapper {
    width: 57.894736842105263%;
    padding-left: 4.824561403508772%;
  }

  .blog-b .widget-type-blog_subscribe span > h3 {
    display: block;
    float: left;
    width: 42%;
    margin-right: 4%;
    font-size: 30px;
    margin-bottom: 0;
  }

  .blog-b .widget-type-blog_subscribe span > div {
    display: block;
    float: left;
    width: 54%;
  }

  .blog-b .widget-type-blog_subscribe form > div:first-child {
    display: block;
    float: left;
    width: 67%;
    margin-right: 2%;
    margin-bottom: 0;
  }

  .blog-b .widget-type-blog_subscribe form > .hs_submit {
    display: block;
    float: left;
    width: 31%;
  }
}

.blog-b .widget-type-blog_subscribe form input {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;;
  border-color: #e1e1e1;
}

.blog-b .widget-type-blog_subscribe form input[type="submit"] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;;
  text-transform: none;
}


.blog-b.hs-blog-post .blog-section {
  max-width: 920px;
  margin: 0 auto;
}

@media(min-width: 768px) {
  .blog-b .table-display:not(.align-top) .row-fluid {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.saas-hubdb-resources-3 {
  padding-bottom: 45px;
}

.saas-hubdb-resources-3 .text-center {
  margin-bottom: 30px;
}

/**** Isotope Filtering ****/

.resource-item,
.post-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .resource-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .resource-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property:    -moz-transform, opacity;
  -ms-transition-property:     -ms-transform, opacity;
  -o-transition-property:         top, left, opacity;
  transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .resource-item,
.isotope .resource-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.resource-navigation {
  background: #C8102E;
  color: #fff;
  padding: 20px 0;
  font-size: 21px;
}

.resources-1 .resource-navigation .sortBy {
  display: inline-block;
  line-height: 52px;
}

#resourceTopics {
  display: inline-block;
  line-height: 52px;
}

#resourceTopics .resource-topic {
  display: inline-block;
  margin-left: 15px;
  vertical-align: bottom;
}

#resourceTopics select,
#resourceTopics select option {
  text-transform: capitalize;
}
.resources-1 .resource-navigation ul {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}




.saas-hubdb-resources-3 .resource-navigation .span6 {
  padding: 0 5px;
}
.saas-hubdb-resources-3 .resource-navigation form > span {
  font-size: 16px;
  text-align: left;
  display: block;
  line-height: normal;
}

.saas-hubdb-resources-3 #resourceTopics {
  display: block;
  line-height: 52px;
  max-width: 500px;
  margin: 0 auto;
}

.saas-hubdb-resources-3 #resourceTopics form {
  text-align: center;
}

.saas-hubdb-resources-3 .span9 {
  display: inline-block;
  width: auto;
  float: none;
  text-align: left;
}


.saas-hubdb-resources-3 #blogs {
  list-style: none;
  margin: 0;
  padding: 60px 0;
}

.saas-hubdb-resources-3 #blogs .post-item {
  display: inline-block;
  width: 24%;
  margin: 0 0 60px;
  padding: 0px 30px;
  min-width: 250px;
}
.saas-hubdb-resources-3 #blogs .post-item p {
  color: #000;
  margin: 0;
}

@media (max-width: 767px) {
  .saas-hubdb-resources-3 #blogs .post-item {
    width: 42.105263157894766%;
  }
}

@media (max-width: 599px) {
  .saas-hubdb-resources-3 #blogs .post-item {
    display: block;
    width: 290px;
    max-width: 100%;
    margin: 60px auto;
  }
}

.saas-hubdb-resources-3 .post-item h3 {
  font-size: 22px;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 10px;
  color: #525252;
}
.saas-hubdb-resources-3 .post-item h4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.428571428571429;
  color: #0141FF;
  margin: 0;
  text-transform: uppercase;
}

.saas-hubdb-resources-3 .post-item p a {
  font-size: 17px;
  font-weight: 700;
}

.saas-hubdb-resources-3 .post-item .featured-image {
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  height: 150px;
}


.saas-hubdb-resources-3 .post-item .featured-image a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.saas-hubdb-resources-3 .post-item .resource-topics {
  margin: 0;
  color: #0141FF;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 700;
}

.saas-hubdb-resources-3 .results-section {
  padding: 80px 0;
}

.saas-hubdb-resources-3 .resource-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.saas-hubdb-resources-3 .resource-list .resource-item-wrapper {
  list-style: none;
  width: 50%;
  padding: 30px;
}
.saas-hubdb-resources-3 .resource-list .resource-item {
  padding: 40px;
  background: #f8f8f8;
  display: flex;
  height: 100%;
}
.saas-hubdb-resources-3 .resource-list .resource-item .featured-image {
  flex: 155px 0 0;
}
.saas-hubdb-resources-3 .resource-list .resource-item .resource-item-content {
  padding-left: 25px;
}
.saas-hubdb-resources-3 .resource-list .resource-item .resource-item-content h4 {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  color: #0141FF;
  margin: 0 0 10px;
}
.saas-hubdb-resources-3 .resource-list .resource-item .resource-item-content h3 {
  color: #525252;
  font-size: 28px;
  margin: 0 0 40px;
  line-height: normal;
}

@media(max-width: 1049px) {
  .saas-hubdb-resources-3 #blogs {
    list-style: none;
    margin: 0 auto;
    padding: 60px 0;
    max-width: 757px;
  }
  .saas-hubdb-resources-3 .resource-list .resource-item-wrapper {
    list-style: none;
    width: 100%;
    padding: 30px 0;
    max-width: 700px;
    margin: 0 auto;
  }
}

@media(max-width: 796px) {
  .saas-hubdb-resources-3 #blogs {
    list-style: none;
    margin: 0 auto;
    padding: 60px 0;
    max-width: 504px;
  }
}

@media(max-width: 767px) {
  .saas-hubdb-resources-3 .resource-navigation .span6 {
    padding: 0 5px;
    max-width: 300px;
    margin: 25px auto !important;
  }
}

@media(max-width: 530px) {
  .saas-hubdb-resources-3 .resource-list .resource-item {
    display: block;
  }
  .saas-hubdb-resources-3 .resource-list .resource-item .featured-image {
    margin: 0 0 40px;
    text-align: left;
  }
  .saas-hubdb-resources-3 .resource-list .resource-item {
    padding: 40px 15px;
  }
  .saas-hubdb-resources-3 .resource-list .resource-item .resource-item-content {
    padding: 0;
  }
}


/*======================================
Selectric v1.11.0
======================================*/

.selectric-wrapper {
  position: relative;
  cursor: pointer;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #BABBBD;
  background: #fff;
  position: relative;
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;;
}

.selectric-wrapper .selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 63px 0 25px;
  font-size: 16px;
  line-height: 40px;
  color: #BABBBD;
  height: 38px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-wrapper.selectric-below .selectric .label {
  color: #1D1C1D;
}

.selectric .selectArrow {
  display: block;
  position: absolute;
  right: 0;
  top: 4px;
  width: 40px;
  height: 30px;
  color: #1D1C1D;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
  border-left: 1px solid #b9c1c8;
}

.selectric .selectArrow:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #1D1C1D;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .selectArrow {
  color: #a2a2a2;
}

.selectric-hover .selectric .selectArrow:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
  width: 100% !important;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: -1;
}

.selectric-items .selectric-scroll {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul,
.selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  min-height: 20px;
  text-align: left;
  width: 100%;
}

.selectric-items li {
  display: block;
  padding: 10px;
  font-weight: 700;
  color: #1D1C1D;
  cursor: pointer;
}
/*
.selectric-items li.selected {
  background: #f8f8f8;
  color: #444;
}*/

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

.resources-1 .resource-item .featured-image a {
  position: static;
}
.resources-1 .resource-item .featured-image:before {
  display: none;
}
.resources-1 #resources .resource-item {
  text-align: left;
}
.resources-1 .resource-topic > span {
  font-size: 16px;
  text-align: left;
  display: block;
  line-height: normal;
}

.blog-tmpl .post-item .featured-image a {
  position: static;
}
.blog-tmpl .post-item .featured-image:before {
  display: none;
}
.blog-tmpl #blogs .post-item {
  text-align: left;
}
.blog-tmpl .resource-topic > span {
  font-size: 16px;
  text-align: left;
  display: block;
  line-height: normal;
  margin-bottom: 5px;
}

/* Blog Pagination */
.hs-blog-listing .blog-pagination .next-posts-link,
.hs-blog-listing .blog-pagination .previous-posts-link {
  float: none;
  padding: 10px 20px !important;
}
.blog-pagination {
  margin: 0;
}
.blog-pagination li.hide-me {
  display: none !important;
}

.hs-blog-listing .blog-pagination .next-posts-link a,
.hs-blog-listing .blog-pagination .previous-posts-link a {
  border: 0;
}
.hs-blog-listing .blog-pagination ul {
  text-align: center;
  margin: 0 0 100px;
  padding: 0 15px;
}
.hs-blog-listing .blog-pagination ul li {
  display: inline-block;
  padding: 0;
}
.hs-blog-listing .blog-pagination ul li.disabled {
  display: none !important;
}
.hs-blog-listing .blog-pagination ul li:before,
.hs-blog-listing .blog-pagination ul li.hide {
  display: none !important;
}
.hs-blog-listing .blog-pagination ul .pg li a,
.hs-blog-listing .blog-pagination ul li.dots,
.hs-blog-listing .blog-pagination ul li.first-posts-link a,
.hs-blog-listing .blog-pagination ul li.last-posts-link a,
.hs-blog-listing .blog-pagination ul li a,
.hs-blog-listing .blog-pagination ul li span {
  text-decoration: none;
  font-size: 20px;
  line-height: 24px;
  border: 1px solid #000;
  padding: 7px 0 !important;
  color: #000;
  width: 40px !important;
  display: inline-block;
}
.hs-blog-listing .blog-pagination ul li.dots:not(.disabled) {
  display: inline-block;
}
.hs-blog-listing .blog-pagination ul .pg li:hover a,
.hs-blog-listing .blog-pagination ul .pg li.active a,
.hs-blog-listing .blog-pagination ul li.first-posts-link:hover a,
.hs-blog-listing .blog-pagination ul li.first-posts-link.active a,
.hs-blog-listing .blog-pagination ul li.last-posts-link:hover a,
.hs-blog-listing .blog-pagination ul li.last-posts-link.active a,
.hs-blog-listing .blog-pagination ul li:not(.next-posts-link):not(.previous-posts-link).active a,
.hs-blog-listing .blog-pagination ul li:not(.next-posts-link):not(.previous-posts-link).active span,
.hs-blog-listing .blog-pagination ul li:not(.next-posts-link):not(.previous-posts-link):hover a {
  background: #000;
  color: #fff;
}
@media(max-width: 767px) {
  .hs-blog-listing .blog-pagination .next-posts-link,
  .hs-blog-listing .blog-pagination .previous-posts-link {
    display: block;
  }
  .hs-blog-listing .blog-pagination .previous-posts-link {
    padding-bottom: 15px !important;
  }
}

/* FAQ Pagination */
.faq-pagination {
  margin: 60px 0 0;
}
.faq-pagination .next-posts-link,
.faq-pagination .previous-posts-link {
  float: none;
  padding: 10px 20px !important;
}


.faq-pagination .next-posts-link a,
.faq-pagination .previous-posts-link a {
  border: 0;
}
.faq-pagination ul {
  text-align: center;
  padding: 0 15px;
}
.faq-pagination ul li {
  display: inline-block;
  padding: 0;
  margin: 0 4px;
}
.faq-pagination ul li:before,
.faq-pagination ul li.hide {
  display: none;
}
.faq-pagination ul .pg li a,
.faq-pagination ul li.dots,
.faq-pagination ul li.first-posts-link a,
.faq-pagination ul li.last-posts-link a,
.faq-pagination ul li a,
.faq-pagination ul li span {
  text-decoration: none;
  font-size: 20px;
  line-height: 24px;
  border: 1px solid #000;
  padding: 7px 13px !important;
  color: #000;
  display: inline-block;
}
.faq-pagination ul li.dots:not(.disabled) {
  display: inline-block;
}
.faq-pagination ul .pg li:hover a,
.faq-pagination ul .pg li.active a,
.faq-pagination ul li.first-posts-link:hover a,
.faq-pagination ul li.first-posts-link.active a,
.faq-pagination ul li.last-posts-link:hover a,
.faq-pagination ul li.last-posts-link.active a,
.faq-pagination ul li.active a,
.faq-pagination ul li.active span,
.faq-pagination ul li:not(.next-posts-link):not(.previous-posts-link).active a,
.faq-pagination ul li:not(.next-posts-link):not(.previous-posts-link):hover a {
  background: #000;
  color: #fff;
}
.faq-pagination ul li:first-of-type,
.faq-pagination ul li:last-of-type,
.faq-pagination ul li:first-of-type span,
.faq-pagination ul li:last-of-type span,
.faq-pagination ul li:first-of-type a,
.faq-pagination ul li:last-of-type a {
  border: none;
  background: none !important;
}
.faq-pagination ul li.active:first-of-type,
.faq-pagination ul li.active:last-of-type {
  display: none;
}
.faq-pagination ul li.disabled span {
  border: none;
}
@media(max-width: 767px) {
  .faq-pagination .next-posts-link,
  .faq-pagination .previous-posts-link {
    display: block;
  }
  .faq-pagination .previous-posts-link {
    padding-bottom: 15px !important;
  }
}

.saas-accordion-1 .faq-pagination {
  margin: 100px 0 0;
}


/* Careers */

.careers-page .selectric-wrapper {
  width: 120px;
  display: inline-block;
  margin: 0 2px 0;
  vertical-align: bottom;
  line-height: 32px;
}

.careers-page .dataTables_wrapper label {
  display: inline-block;
  line-height: 32px;
  height: 32px;
  margin-bottom: 25px;
  font-weight: 400;
}

.careers-page .selectric .selectArrow {
  height: 10px;
}

.careers-page .selectric .label {
  line-height: 30px;
  height: 30px;
}

.careers-page input[type="search"] {
  -webkit-appearance: none;
  padding: 0 2px;
}

#careers {
  font-size: 16px;
  color: #1D1C1D;
  width: 100%;
  margin: 0 0 20px !important;
}

#careers .job {
  border: 1px solid #BABBBD;
  border-top: none;
}

.job-location,
.job-link {
  border-left: 1px solid #BABBBD;
}

.job.odd {
  background: #fff;
}

.job-even {
  background: #f8f8f8;
}

.job-header-row {
  background: #C8102E;
  color: #fff;
  font-weight: 700;
  border: none;
}

.job-title {
  width: 60%;
  font-weight: 400;
}

.job-location {
  width: 20%;
  text-align: center;
  font-weight: 400;
}

.job-link {
  width: 20%;
  text-align: center;
}

.job-title,
.job-location,
.job-link {
  padding: 12px 30px;
}

.job-link a:not(:hover) {
  color: #C8102E;
  text-decoration: underline;
}

@media (max-width: 1100px) {
  .dataTable {
    table-layout: fixed;
  }
  .job-title {
    width: 200px !important;
  }
}

@media (max-width: 961px) {
  .dataTables_wrapper {
    overflow-x: scroll;
  }

  #careers {
    min-width: 728px;
  }

  .job-title,
  .job-location,
  .job-link {
    padding: 12px 20px;
  }
}

@media(max-width: 728px) {
  .dataTable {
    table-layout: fixed;
    width: 728px !important;
  }
}


/* ==========================================================================
Slick Slider
========================================================================== */

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

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

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

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

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

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

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

  display: block;
}
.slick-track:before,
.slick-track:after
{
  display: table;

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

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

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

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
  background: #fff url('//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/js/slick/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
  position: absolute;
  top: 50%;

  display: block;

  padding: 0;
  transform: translate(0, -50%);

  cursor: pointer;

  border: none;
  outline: none;

  font-size: 0;
  width: 48px;
  height: 48px;
  transition: background .3s;
  background-color: transparent;
  background-size: 8px 12px;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;

  border: 2px solid #1D1C1D;
  border-radius: 50%;
}

.slick-prev
{
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='12' viewBox='0 0 8 12' width='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.71.710011c-.39-.39-1.02-.39-1.41 0l-4.590004 4.589999c-.39.39-.39 1.02 0 1.41l4.590004 4.58999c.39.39 1.02.39 1.41 0s.39-1.02 0-1.40999l-3.88-3.89 3.88-3.88c.39-.39.38-1.03 0-1.409999z' fill='%23000'/%3E%3C/svg%3E");
  left: 0;
}

.slick-next
{
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='12' viewBox='0 0 8 12' width='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.29.709992c-.390002.389998-.390002 1.019998 0 1.409998l3.88 3.88-3.88 3.88c-.390002.39001-.390002 1.02001 0 1.41001.39.39 1.02.39 1.41 0l4.59-4.59001c.39-.39.39-1.02 0-1.41l-4.59-4.589999c-.38-.38-1.02-.379999-1.41.010001z' fill='%23000'/%3E%3C/svg%3E");
  right: 0;
}

.slick-prev:before,
.slick-next:before {
  display: none !important;
}

/* Dots */
.slick-dotted.slick-slider
{
  margin-bottom: 30px;
}

.slick-dots
{
  position: absolute;
  bottom: -45px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li
{
  position: relative;

  display: inline-block;

  width: 8px;
  height: 8px;
  margin: 0 8px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button
{
  line-height: 8px;

  display: block;

  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;;

  cursor: pointer;

  color: transparent;
  border: 0;
  padding: 0;
  outline: none;
  background: #C4C4C4;
}
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button
{
  background: #1D1C1D;
}

.slick-dots li button:before {
  display: none !important;
}


/*
* Control feature layout
*/
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
  font-size: 16px;
  overflow-x: scroll;
}
.dataTables_wrapper .dataTables_length {
  float: left;
  font-weight: 700;
}
.dataTables_wrapper .dataTables_length select {
  display: inline-block;
  width: auto;
  max-width: 100px;
}

.dataTables_filter {
  float: right;
  text-align: right;
  margin-bottom: 0;
}

.dataTables_filter label {
  font-weight: 700;
  height: 52px;
  line-height: 52px;
  display: inline-block;
}

.dataTables_wrapper .dataTables_filter input {
  font-weight: 400;
  text-align: left;
  width: 200px;
  min-height: 30px;
  height: 30px;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;;
  margin: 0 0 0 5px;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 30px;
  padding: 5px 10px;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #1D1C1D !important;
  border: 1px solid #C8102E;
  background: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  background: #C8102E;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #BABBBD !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #fff !important;
  background: #585858;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  color: #fff !important;
  background: #C8102E;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: #fff;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #000;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

/* Checkbox / Radio Styles */

.control {
  display:inline-block;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  background: #fff;
  position: relative;
  margin: 0 5px 0 0;
  width: 23px;
  height: 21px;
  top: 4px;
}

.control:hover,
.control.active-check {
  background: #DEDEDE !important;
}

.control--checkbox input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 21px;
  background: #fff;
  border: 1px solid #000;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #fff;
}

/* Checked state */
.control input:checked ~ .control__indicator {
  background: #fff;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #fff;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
  pointer-events: none;
  opacity: .6;
  background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
  position: absolute;
  display: none;
  content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
  display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
  top: 4px;
  left: 50%;
  margin-left: -2.5px;
  width: 5px;
  height: 10px;
  transform: rotate(45deg);
  border: solid #5C5D61;
  border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}

.checkbox-row {
  overflow: visible;
  margin-bottom: 5px;
  float: left;
  width: 100%;
  clear: both;
}

.checkbox-row span.fakelabel .control {
  float: left;
}

.checkbox-row span.fakelabel span {
  margin-top: 2px;
  margin-left: 0 !important;
  width: calc(100% - 28px);
}

@media (max-width: 599px) {
  .checkbox-row span.fakelabel span {
    font-size: 90%;
  }
}



/* ==========================================================================
Header
========================================================================== */
.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 {
  z-index: 999999;
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width:auto
}

body:not(.no-sticky) .header-container-wrapper {
  background: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}
.main-header {
  position: relative;
  z-index: 99999;
}

@media(max-width: 767px) {
  body:not(.no-sticky) .header-container-wrapper {
    transition: .2s all;
    position: fixed;
  }
  body:not(.no-sticky) .header-container-wrapper.nav-down {
    position: fixed;
    transform: translateY(0%);
  }
  body:not(.no-sticky) .header-container-wrapper.nav-up {
    position: fixed;
    transform: translateY(-100%);
  }
}


.header__mega-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header__mega-menu a {
  text-decoration: none;
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 .hamburger {
  padding: 10px;
  display: inline-block;
  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 0 0 -20px;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

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

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .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); }

.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); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .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); }


.header__logo {
  flex-grow: 1;
  justify-self: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.header__logo a {
  width: 100%;
}
.header__cta {
  display: flex;
}
.header__cta-item {
  margin-left: 10px;
}
@media (max-width: 768px) {
  .header__cta .button {
    padding: 12px 10px;
    font-size: 12px;
  }
}
@media (max-width: 599px) {
  .header__cta {
    display: none;
  }
}
@media screen and (min-width: 280px) {
  .header__cta {
    margin: 0 0 0 8px;
  }
}
.header__menu {
  height: 100%;
  display: none;
  width: 100%;
  font-weight: 700;
}
.header__menu ul {
  list-style: none;
  padding: 0;
}
.header__menu > nav > ul {
  background: #fff;
  margin: 0;
}
.header__menu > nav > ul > li {
  width: 100%;
}
.header__menu > nav > ul > li.menu-cta {
  padding: 10px 20px;
}
@media (min-width: 1025px) {
  .header__menu > nav > ul > li.menu-cta {
    display: none !important;
  }
}
.header__menu > nav > ul > li > a,
.header__menu > nav > ul > li .header__link-wrapper {
  background: #1b3a73;
  padding: 24px 18px 28px;
  display: flex;
  color: #fff;
}
.header__menu > nav > ul > li .header__link-wrapper__sublist {
  padding: 0;
  background-color: transparent;
}
.header__menu > nav > ul > li .no-headline .header__link-wrapper__sublist {
  display: none !important;
}
.header__link-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.header__link-wrapper a, .header__link-wrapper .expand-trigger {
  display: block;
  color: #fff;
  cursor: pointer;
}
.header__link-wrapper .expand-trigger {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  align-self: flex-end;
  position: relative;
  top: -4px;
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
}
.header__link-wrapper .expand-trigger i {
  display: block;
  cursor: pointer;
}
.header__item-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: none;
}
.header__item-content.open {
  max-height: 99rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__subitem {
  padding: 16px 0;
}

.header__subitem a {
  color: #1D1C1D;
  display: inline-block;
}
.header__subitem.no-headline li {
  margin: 0;
  padding: 8px 20px;
}
.header__subitem h4 {
  font-size: 14px;
  margin-bottom: 1.2em;
}
.header__subitem h3 {
  font-size: 16px;
  margin-bottom: 0;
}
.header__subitem p {
  font-size: 12px;
  margin-top: 0;
}
.header__subitem__menu ul {
  display: none;
  line-height: 1.2;
  margin-top: 10px;
}
.header__subitem__menu.no-headline ul {
  display: block !important;
  margin-bottom: 0;
}
.header__subitem__menu ul li {
  margin-bottom: 0.46666em;
}


@media screen and (min-width: 1025px) {
  .header__mega-menu {
    padding: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .header__hamburger {
    display: none;
  }
  .header__logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 190px;
  }
  .header__menu {
    order: 2;
    display: flex;
    flex-direction: row;
    width: auto;
    flex: auto 1 1;
    justify-content: center;
    margin: 0;
  }
  .header__menu > nav > ul {
    flex-flow: row;
    display: flex;
    background-color: transparent;
    align-items: center;
    justify-content: flex-end;
  }
  .header__menu nav > ul > li {
    width: auto;
  }
  .header__menu nav > ul > li.active .header__item-content {
    visibility: visible;
    opacity: 1;
  }
  .saas-theme .header__menu > nav > ul > li.active > .header__link-wrapper {
    position: relative;
    z-index: 1;
  }

  .header__menu nav > ul > li.active .expand-trigger i {
    transform: translateX(6px) rotate(-180deg);
  }
  .header__menu nav > ul > li > a, .header__menu nav > ul > li > .header__link-wrapper {
    background-color: transparent;
    color: #00558C;
  }
  .header__menu nav > ul > li > a a,
  .header__menu nav > ul > li > .header__link-wrapper a {
    color: #00558C;
  }
  .header__menu nav > ul > li > .header__link-wrapper:hover {
    position: relative;
    z-index: 1;
  }
  .header__menu nav ul li .header__link-wrapper__sublist {
    width: 100%;
  }
  .header__cta {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 0;
  }
  .header__cta .btn {
    font-size: 18px;
    padding: 7px 30px 8px;
  }
  .header__link-wrapper .expand-trigger i {
    transform: translateX(6px);
    transform-origin: center;
    transition: all 0.3s ease;
  }
  .header__link-wrapper__sublist .expand-trigger {
    display: none;
  }
  .header__item-content {
    display: flex;
    cursor: initial;
    opacity: 0;
    transition: all 0.3s ease;
    visibility: hidden;
    flex-flow: row;
    position: absolute;
    transform: translate(0, 100%);
    padding: 0;
    bottom: 20px;
  }

  .header__subitem {
    max-width: 280px;
    flex: 280px 1 1;
  }
  .header__subitem__menu > * {
    max-width: 280px;
  }
  .header__subitem__menu ul {
    margin-top: 0;
    display: flex;
    flex-direction: column;
  }

  .header__menu>nav>ul>li>a,
  .header__menu>nav>ul>li .header__link-wrapper {
    padding: 24px 10px 28px;
  }
}


.header__logo svg {
  max-width: 100%;
}

@media screen and (min-width: 1150px) {
  .header__logo {
    width: auto;
  }

  .header__menu>nav>ul>li>a,
  .header__menu>nav>ul>li .header__link-wrapper {
    padding: 24px 18px 28px;
  }
}

@media screen and (min-width: 1200px) {
  .header__menu {
    padding-left: 50px;
  }
  .header__menu > nav > ul > li {
    font-size: 16px;
  }
  .header__subitem {
    max-width: 280px;
  }
  .header__subitem h6 {
    font-size: 14px;
  }
  .header__subitem h4 {
    font-size: 18px;
  }
  .header__subitem h3 {
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 0;
  }
  .header__subitem p {
    font-size: 16px;
    padding: 0 24px;
  }
}


.header__menu .fa-angle-down:before {
  content: "";
  background: url(https://142915.fs1.hubspotusercontent-na1.net/hubfs/142915/chevron-down-saas.svg) no-repeat center center;
  background-size: contain;
  width: 11px;
  height: 9px;
  display: inline-block;33
  margin-top: 1px;
}

.header__subitem.no-headline {
  background: #fff;
}

@media(min-width: 1025px) {
  .header__menu nav > ul > li {
    position: relative;
  }
  .header__subitem.no-headline {
    min-width: 176px;
    border: 1px solid rgba(29, 28, 29, 0.2);
    border-radius: 16px;
  }
}

@media(max-width: 1024px) {
  .header__menu {
    max-height: calc(100vh - 61px);
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
  .header__subitem.header__subitem__menu ul {
    display: block !important;
  }
  .header__subitem.header__subitem__menu .expand-trigger {
    display: none !important;
  }
  .header__cta {
    max-width: 38%;
  }
  .header__subitem__menu ul li:last-of-type,
  .header__subitem__menu.no-headline ul,
  .header__subitem.no-headline {
    margin: 0 !important;
  }
  .header__menu > nav > ul > li .header__link-wrapper {
    background: none;
    padding: 0;
    position: relative;
  }
  .header__menu > nav > ul > li > a,
  .header__menu > nav > ul > li .header__link-wrapper > a {
    background: #E73C3E;
    color: #fff !important;
    padding: 12px 20px;
    display: block;
    width: 100%;
    position: relative;
  }
  .header__subitem__copy {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }
  .header__link-wrapper.header__link-wrapper__sublist {
    padding: 14px 0 18px !important;
  }

  .header__link-wrapper .expand-trigger {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
  }

  .header__menu nav > ul > li > .header__link-wrapper i {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='8' viewBox='0 0 12 8' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.87998 1.29-3.88 3.88-3.88-3.88c-.39-.390002-1.02-.390002-1.41 0-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59002-4.59c.39-.39.39-1.02 0-1.41-.39-.380002-1.03-.390002-1.42002 0z' fill='%23fff'/%3E%3C/svg%3E") !important;
    margin-bottom: 0 !important;
  }
}




/* ==========================================================================
Footer
========================================================================== */
.footer {
  background: rgba(186, 187, 189, 0.15);
  color: rgba(29, 28, 29, 0.7);
  padding: 56px 0;
}

.footer__subscribe {
  position: relative;
}

.footer__subscribe-star {
  width: 29px;
  position: absolute;
  bottom: 75px;
  right: 120px;
  z-index: -1;
}

@media (max-width: 767px) {
  .footer__subscribe-star {
    right: 0;
  }
}

.footer__subscribe-star svg {
  width: 100%;
  height: auto;
}

.footer h3 {
  font-family: 'Droid Serif', serif;
  color: #1D1C1D;
  font-size: 20px;
  line-height: 1.6;
}

.footer h3 span {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}

@media (min-width: 768px) {
  .footer__flex {
    display: flex;
    justify-content: space-between;
  }

  .footer__left {
    flex: 416px 0 1;
  }

  .footer__right {
    flex: 630px 0 1;
    margin-left: 50px;
    display: flex;
    flex-wrap: wrap;
  }
}

.footer form {
  display: flex;
  justify-content: space-between;
}

.footer .hs_email {
  flex: 100px 1 1;
}

.footer .submitted-message {
  margin-bottom: 30px;
}

.footer .hs_submit {
  padding-left: 8px;
}

.footer .hs_submit input[type="submit"] {
  font-weight: 700;
}



.footer__logo {
  align-self: flex-end;
}

@media (max-width: 767px) {
  .footer__right {
    margin-top: 20px;
  }

  .footer__logo {
    margin-top: 20px;
  }
}

.footer__logo svg {
  max-width: 100%;
}

.footer__menu {
  display: flex;
}

.footer__menu > span {
  display: block;
  padding-right: 36px;
  flex: 200px 1 1;
}

@media (min-width: 600px) {
  .footer__menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-top: 5px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 36px;
    grid-row-gap: 10px;
  }
}

.footer__menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before,
.footer__menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
  display: none;
}

@media (max-width: 599px) {
  .footer__logo {
    margin-top: 12px;
    margin-bottom: 0px;
  }

  .footer__logo svg {
    max-width: 256px;
  }

  .footer__menu {
    display: block;
  }

  .footer__menu > span {
    padding-right: 0;
    margin-bottom: 30px;
  }

  .footer__menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
    display: block;
    width: 100%;
    margin-top: 8px;
  }
}


.footer__menu ul a {
  color: #1D1C1D;
  font-weight: 700;
}

.footer__menu .footer__cta {
  flex: 196px 0 1;
}



/* System Pages
========================================================================== */

/* Error Templates */

.system-box {
  background: #f8f8f8;
  border: 1px solid #ededee;
  padding: 60px 90px;
  text-align: center;
  font-size: 21px;
  color: #777;
  max-width: 780px;
  margin: 0 auto !important;
  float: none !important;
}

.system-box h1 {
  color: #000;
}

.hs_error_rollup {
  display: none !important;
}

.password-page .system-box h1:before {
  display: inline-block;
  content: '';
  width: 37px;
  height: 46px;
  margin-right: 20px;
  background-image: url(//142915.fs1.hubspotusercontent-na1.net/hubfs/142915/_einstein/system/lock.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

@media (max-width: 599px) {
  .password-page .system-box h1:before {
    display: block;
    margin: 0 auto 10px;
  }
}

.system-box form {
  margin-top: 30px;
}

.system-box input[type="password"],
.system-box input[type="submit"] {
  display: block;
  float: left;
  margin: 0 !important;
}

.system-box input[type="password"] {
  width: calc(75% - 10px);
  margin-right: 10px !important;
}

.system-box input[type="submit"] {
  width: 25%;
  text-transform: none;
}

.system-box .page-header {
  margin: 0;
  padding: 0;
}

.system-box #email-prefs-form {
  margin: 0;
}

.system-box #email-prefs-form #content > div {
  float: left;
  width: 66%;
  padding: 0;
  margin: 0;
}

.system-box #email-prefs-form #content input[type="email"] {
  width: calc(100% - 15px) !important;
  margin: 0 !important;
  font-size: 16px !important;
  padding: 0 15px !important;
}

.system-box #email-prefs-form #content input[type="submit"] {
  width: 34%;
  clear: none !important;
}

.system-box .widget-type-email_simple_subscription h3 {
  font-weight: 400;
  font-size: 21;
  color: #777;
  margin-top: 0;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .system-box {
    padding: 20px 30px;
  }

  .system-box input[type="password"],
  .system-box input[type="submit"] {
    width: 100%;
    clear: both;
  }
  .system-box input[type="password"] {
    margin: 0 0 10px 0 !important;
  }
}

@media (max-width: 599px) {
  .system-box {
    padding: 20px;
  }

  .system-box #email-prefs-form #content > div {
    width: 100%;
    clear: both;
  }

  .system-box #email-prefs-form #content input[type="submit"] {
    width: 100%;
    clear: both !important;
  }
  .system-box #email-prefs-form #content input[type="email"] {
    width: 100% !important;
  }
}

/* Placeholder Text */
.system-box ::-webkit-input-placeholder { /* Webkit Browsers */
  text-transform: none;
  font-style: italic;
}
.system-box :-moz-placeholder { /* Firefox 18- */
  text-transform: none;
  font-style: italic;
}
.system-box ::-moz-placeholder { /* Firefox 19+ */
  text-transform: none;
  font-style: italic;
}
.system-box :-ms-input-placeholder { /* IE10 */
  text-transform: none;
  font-style: italic;
}








.contact-us-a .body-container-wrapper form.hs-form .hs-form-field > label,
.contact-us-b form.hs-form .hs-form-field > label {
  display: block;
}
.contact-us-b form.hs-form fieldset.form-columns-2 .hs-form-field {
  width: 48.5%;
  margin-right: 3%;
}
.contact-us-b form.hs-form fieldset.form-columns-2 .hs-form-field:last-child {
  margin-right: 0;
}
.contact-us-a .grey-box {
  background: #f8f8f8;
  padding: 50px 30px;
  text-align: center;
  margin: 0 0 30px;
}
.contact-us-a .grey-box .button,
.contact-us-a .grey-box .hs-button,
.contact-us-a .grey-box input[type="submit"] {
  width: auto;
}
.contact-us-a .body-container-wrapper form.hs-form form,
.contact-us-b form.hs-form form {
  margin-top: 20px;
}
.contact-us-a .body-container-wrapper form.hs-form form label,
.contact-us-b form.hs-form form label {
  text-transform: none;
}
.contact-us-a .body-container-wrapper form.hs-form form ul.no-list.hs-error-msgs.inputs-list,
.contact-us-b form.hs-form form ul.no-list.hs-error-msgs.inputs-list {
  font-size: 12px;
}
.contact-us-a .body-container-wrapper form.hs-form form input[type="checkbox"],
.contact-us-b form.hs-form form input[type="checkbox"] {
  margin: 0px 10px 0 0;
  vertical-align: middle;
}
.contact-us-a .body-container-wrapper form.hs-form form input[type="checkbox"] ~ span,
.contact-us-b form.hs-form form input[type="checkbox"] ~ span {
  vertical-align: middle;
}
.contact-us-b form.hs-form h2 {
  margin: 0 0 5px;
  font-weight: 400;
  line-height: 1.2;
}
.contact-us-b form.hs-form input[type="submit"] {
  max-width: 400px;
  margin: 0 auto;
  display: block;
}

.contact-us-a h2 {
  line-height: 40px;
  margin: 30px 0 20px;
}
.contact-us-a h2 * {
  float: none;
}
.contact-us-a .vertical-divider {
  position: relative;
}
.contact-us-a .flex-contact-us > .row-fluid-wrapper > .row-fluid {
  display: flex;
}
.contact-us-a .vertical-divider:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 100%;
  width: 1px;
  background: #BABBBD;
  content: "";
}

@media(max-width: 767px) {
  .contact-us-a .flex-contact-us > .row-fluid-wrapper > .row-fluid {
    display: block;
  }
  .contact-us-a .body-container-wrapper form.hs-form form {
    margin: 20px 0 40px;
  }
}



.saas-theme.request-a-demo-a .body-container-wrapper form .hs-form-field > label, .saas-theme.request-a-demo-a .body-container-wrapper .hs-form-field > label, .saas-theme.become-a-partner-a form .hs-form-field > label {
  display: block;
}
.saas-theme.become-a-partner-a form, .saas-theme.request-a-demo-a .body-container-wrapper form {
  margin-top: 20px;
}
.request-a-demo-content ul, .request-a-demo-a .body-container-wrapper ul,
.request-a-demo-content ol, .request-a-demo-a .body-container-wrapper ol,
.request-a-demo-content p, .request-a-demo-a .body-container-wrapper p {
  font-size: 20px;
}
@media(max-width: 767px) {
  .saas-theme.become-a-partner-a form, .saas-theme.request-a-demo-a .body-container-wrapper form {
    margin: 20px 0 40px;
  }
}
@media(max-width: 500px) {
  .saas-theme.become-a-partner-a form, .saas-theme.request-a-demo-a .body-container-wrapper form {
    padding: 50px 20px !important;
  }
  .saas-theme.request-a-demo-a .body-container-wrapper form .form-title, .saas-theme.request-a-demo-a .body-container-wrapper .form-title {
    padding: 20px;
  }
  .saas-theme.become-a-partner-a form .button,
  .saas-theme.become-a-partner-a form .hs-button,
  .saas-theme.become-a-partner-a form input[type="submit"],
  .saas-theme.request-a-demo-a .body-container-wrapper form .button,
  .saas-theme.request-a-demo-a .body-container-wrapper form .hs-button,
  .saas-theme.request-a-demo-a .body-container-wrapper form input[type="submit"] {
    white-space: normal;
  }
}


.thank-you-a .saas-featured-resource-5 {
  padding-top: 90px;
}


/* ==========================================================================
Module Colors
========================================================================== */
.saas-bar-logo-1 h2 {
  font-size: 18px;
  color: #777;
  text-transform: uppercase;
  font-weight: 800;
}
.saas-link-banner,
.saas-banner-4 {
  background: #C8102E;
  color: #fff;
  font-weight: 400;
}
.saas-link-banner:focus,
.saas-link-banner:hover,
.saas-link-banner:active,
.saas-banner-4:focus,
.saas-banner-4:hover,
.saas-banner-4:active {
  background: #E73C3E;
  color: #000;
}
.saas-link-banner svg path,
.saas-link-banner svg polyline,
.saas-banner-4 svg path,
.saas-banner-4 svg polyline {
  transition: .3s all;
}
.saas-link-banner:focus svg path,
.saas-link-banner:hover svg path,
.saas-link-banner:active svg path,
.saas-banner-4:focus svg path,
.saas-banner-4:hover svg path,
.saas-banner-4:active svg path,
.saas-link-banner:focus svg polyline,
.saas-link-banner:hover svg polyline,
.saas-link-banner:active svg polyline,
.saas-banner-4:focus svg polyline,
.saas-banner-4:hover svg polyline,
.saas-banner-4:active svg polyline {
  stroke: #000;
}

.saas-image-column-10 .image-column-slider li button,
.saas-carousel-4 .slick-dots li button,
.carousel-2 .slick-dots li button {
  background: #ddd;
}
.saas-image-column-10 .image-column-slider li button:hover,
.saas-image-column-10 .image-column-slider li button:focus,
.saas-image-column-10 .image-column-slider li.slick-active button,
.saas-carousel-4 .slick-dots li button:hover,
.saas-carousel-4 .slick-dots li button:focus,
.saas-carousel-4 .slick-dots li.slick-active button,
.carousel-2 .slick-dots li button:hover,
.carousel-2 .slick-dots li button:focus,
.carousel-2 .slick-dots li.slick-active button {
  background: #C8102E;
}
.saas-carousel-4 .slick-arrow svg #Ellipse-5,
.carousel-2 .slick-arrow svg #Ellipse-5 {
  stroke: #E73C3E;
  transition: .2s all;
}
.saas-carousel-4 .slick-arrow:hover svg #Ellipse-5,
.carousel-2 .slick-arrow:hover svg #Ellipse-5 {
  stroke: #000;
  fill: #000;
}
.saas-carousel-4 .slick-arrow svg polygon,
.carousel-2 .slick-arrow svg polygon {
  transition: .2s all;
}
.saas-carousel-4 .slick-arrow:hover svg polygon,
.carousel-2 .slick-arrow:hover svg polygon {
  fill: #fff;
}

.slick-next svg path,
.slcik-prev svg path {
  fill: #E73C3E;
}

.saas-featured-resource-1 {
  background: #f8f8f8;
}
.saas-featured-resource-6 {
  background: #fff;
}
.saas-featured-resource-9.blue-grey,
.text-image-2columns.blue-grey {
  background: #4D49BE;
}
.saas-featured-resource-9 h3,
.saas-featured-resource-1 h3,
.saas-featured-resource-6 h3 {
  color: #00A3AD;
}
.subscribe-form-section,
.saas-form-1 {
  background: #C8102E;
  color: #fff;
}
.saas-form-1 .social-icons i {
  color: #C8102E;
}
.saas-content-grid-2 {
  background: #f8f8f8;
}
.saas-content-grid-2 .solution-item .solution-item-title {
  font-family: 'Droid Serif', serif;
}
.stats-wrapper .stat-title {
  color: #1D1C1D;
  line-height: normal;
  font-size: 26px;
  margin: 0 0 40px;
}
.stats-wrapper .counters span.counter,
.stats-wrapper .counters span.symbol {
  color: #C8102E;
}
.saas-image-column-3 .fullcallout .callout h2,
.saas-image-column-3 .fullcallout .callout h3 {
  color: #000;
}
.saas-featured-resource-2 .featured-resource-item .featured-resource-arrow {
  background: #C8102E;
  transition: all .2s;
}
.saas-featured-resource-2 .featured-resource-item:hover .featured-resource-arrow {
  background: #000;
}
.saas-featured-resource-2 .featured-resource-item h2 {
  color: #000;
}

.saas-carousel-2 .slick-dots {
  margin-bottom: 40px;
}
.saas-team-bio-1 .team-member h3,
.saas-team-bio-2 .team-member h3,
.saas-content-grid-2 .solutions-module-header h1,
.saas-pricing-3 .header-content h1 {
  color: #00A3AD;
}
.hero-1 .lightbox-video svg circle,
.saas-hero-5 .lightbox-video svg circle {
  stroke: #E73C3E;
  transition: all .2s;
}
.saas-hero-5 .lightbox-video span {
  transition: all .2s;
  color: #E73C3E;
}
.solutions-module-wrapper .solution-item .solution-item-title {
  color: #C8102E;
}
.saas-hero-5 .lightbox-video a:hover span {
  color: #000;
}
.saas-hero-5 .lightbox-video a:hover svg circle {
  stroke: #000;
}
.saas-content-grid-4.light-grey-bg,
.solutions-module-wrapper.light-grey-bg {
  background: #f8f8f8;
}
.saas-team-bio-1 .tm-meta,
.saas-team-bio-2 .tm-meta {
  color: #777;
}
.saas-team-bio-1 .all-careers-btn,
.saas-team-bio-2 .all-careers-btn {
  background: #C8102E;
  color: #fff;
}
.saas-team-bio-1 .all-careers-btn h3,
.saas-team-bio-2 .all-careers-btn h3 {
  color: #fff;
  padding-right: 15px;
}
.saas-pricing-2 .pricing-cta,
.saas-pricing-4 .pricing-cta {
  background: #C8102E;
  color: #fff;
}
.saas-pricing-2 .pricing-cta h3,
.saas-pricing-4 .pricing-cta h3 {
  color: #fff;
  padding-right: 15px;
}
.saas-content-grid-3 .solutions-module .solution-item-wrapper,
.saas-content-grid-5 .solutions-module .solution-item-wrapper,
.saas-blog-feed-1 .post-box {
  background: #f8f8f8;
}
.saas-carousel-3,
.saas-carousel-4 {
  background: #f8f8f8;
}
.saas-image-column-10 .image-column-slider .slick-dots li a,
.saas-carousel-3 .slide-titles .slick-dots li a,
.saas-image-column-10 .image-column-slider .slick-dots li span,
.saas-carousel-3 .slide-titles .slick-dots li span,
.saas-carousel-4 .slide-titles .slick-dots li a {
  cursor: pointer;
  border-bottom: 3px solid transparent;
  color: #4D49BE;
}
.saas-image-column-10 .image-column-slider .slick-dots li.slick-active a,
.saas-image-column-10 .image-column-slider .slick-dots li:hover a,
.saas-carousel-3 .slide-titles .slick-dots li.slick-active a,
.saas-carousel-3 .slide-titles .slick-dots li:hover a,
.saas-carousel-3 .slide-titles .slick-dots li.slick-active span,
.saas-carousel-3 .slide-titles .slick-dots li:hover span,
.saas-carousel-4 .slide-titles .slick-dots li.slick-active a,
.saas-carousel-4 .slide-titles .slick-dots li:hover a {
  background: none;
  color: #4D49BE;
  border-bottom: 3px solid #4D49BE;
}
.saas-carousel-3 .slick-arrow svg polygon,
.saas-carousel-4 .slick-arrow svg polygon {
  fill: #000;
  transition: .2s all;
}
.saas-carousel-3 .slick-arrow:hover svg polygon,
.saas-carousel-4 .slick-arrow:hover svg polygon {
  fill: #fff;
}

.saas-carousel-3 .slick-arrow svg #Ellipse-5,
.saas-carousel-4 .slick-arrow svg #Ellipse-5 {
  transition: .2s all;
  stroke: #E73C3E;
}
.saas-carousel-3 .slick-arrow:hover svg #Ellipse-5,
.saas-carousel-4 .slick-arrow:hover svg #Ellipse-5 {
  stroke: #000;
  fill: #000;
}
.saas-pricing-1 .pricing-item,
.saas-pricing-2 .pricing-item,
.saas-pricing-4 .pricing-item {
  background: #f8f8f8;
}
.saas-pricing-1 .pricing-item h2,
.saas-pricing-2 .pricing-item h2,
.saas-pricing-4 .pricing-item h2 {
  color: #C8102E;
}
.saas-pricing-1 .featured-item.pricing-item:after,
.saas-pricing-2 .featured-item.pricing-item:after {
  background: #00A3AD !important;
}
.product-details.saas-banner-2 {
  padding-top: 0;
}
.saas-banner-2.grey-bg {
  background: #f8f8f8;
}
.saas-featured-resource-3 .featured-resource-item,
.saas-featured-resource-5 .featured-resource-item,
.saas-featured-resource-4 .featured-resource-item,
.saas-carousel-7 .featured-resource-item {
  background: #E73C3E;
  color: #fff;
}
.saas-featured-resource-7 .featured-resource-item {
  background: #E73C3E;
  color: #fff;
}
.saas-featured-resource-7 .featured-resource-item.green {
  background: #4D49BE;
}
.saas-featured-resource-3 .featured-resource-item h3,
.saas-featured-resource-5 .featured-resource-item h3,
.saas-featured-resource-4 .featured-resource-item h3,
.saas-featured-resource-7 .featured-resource-item h3,
.saas-carousel-7 .featured-resource-item h3 {
  color: #fff;
  padding-right: 15px;
}
.saas-featured-resource-5 .span4,
.saas-featured-resource-4 .span4 {
  background: #C8102E;
  margin-top: 40px;
  padding-bottom: 70px;
  position: relative;
  min-width: 300px;
}
.partners.saas-banner-3 {
  padding-top: 120px;
}
.saas-pricing-2 .pricing-list-items .pricing-list-item {
  border-bottom: 1px dashed #BABBBD;
}
.contact-us-a h3 {
  color: #000;
  font-size: 18px;
}
.resources-1 .resource-navigation {
  background: #4D49BE;
}
.resources-1.resources-b .resource-navigation .page-center {
  max-width: 1080px;
}
.saas-theme.request-a-demo-a .body-container-wrapperform .form-title,
.saas-theme.request-a-demo-a .body-container-wrapper .form-title,
.saas-theme.become-a-partner-a .body-container-wrapper .form-title {
  margin: 0;
  color: #fff;
  padding: 20px 50px;
  font-size: 20px;
  background: #C8102E;
}
.saas-theme.become-a-partner-a .body-container-wrapper form,
.saas-theme.request-a-demo-a .body-container-wrapper form {
  padding: 50px;
  background: #f8f8f8;
  margin: 0;
}
.saas-theme.become-a-partner-a .body-container-wrapper form input[type="checkbox"],
.saas-theme.request-a-demo-a .body-container-wrapper form input[type="checkbox"] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #fff;
  margin: 0 10px 0 0;
  vertical-align: middle;
  border: 1px solid #959595;
  position: relative;
}
.saas-theme.become-a-partner-a .body-container-wrapper form input[type="checkbox"]:before,
.saas-theme.request-a-demo-a .body-container-wrapper form input[type="checkbox"]:before {
  content: "\f00c";
  font: normal normal normal 16px/1 FontAwesome;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
}
.saas-theme.become-a-partner-a form input[type="checkbox"]:checked:before, .saas-theme.request-a-demo-a .body-container-wrapper form input[type="checkbox"]:checked:before {
  color: #00A3AD;
}
.saas-theme.become-a-partner-a form input[type="checkbox"] ~ span, .saas-theme.request-a-demo-a .body-container-wrapper form input[type="checkbox"] ~ span {
  display: inline-block;
  vertical-align: middle;
}
.saas-theme.become-a-partner-a form label, .saas-theme.request-a-demo-a .body-container-wrapper form label {
  text-transform: none;
}
.saas-theme.request-a-demo-a .body-container-wrapper form .submitted-message, .saas-theme.request-a-demo-a .body-container-wrapper .submitted-message {
  text-align: center;
  margin-top: 30px;
}
.saas-image-column-5 .column-testimonial .testimonial-text .testimonial-author-title {
  color: #BABBBD;
}
.saas-job-listing-1 {
  background: #f8f8f8;
}
.main-header {
  box-shadow: rgba(0,0,0,.31) -0.5px 0.9px 5px 0;
}
.header__menu nav > ul > li > a, .header__menu nav > ul > li > .header__link-wrapper,
.header__menu nav > ul > li > a a, .header__menu nav > ul > li > a i, .header__menu nav > ul > li > .header__link-wrapper a {
  color: #1D1C1D;
  font-weight: 700;
}
.header__menu nav > ul > li > .header__link-wrapper i {
  display: block;
  height: 8px;
  width: 12px;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='8' viewBox='0 0 12 8' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.87998 1.29-3.88 3.88-3.88-3.88c-.39-.390002-1.02-.390002-1.41 0-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59002-4.59c.39-.39.39-1.02 0-1.41-.39-.380002-1.03-.390002-1.42002 0z' fill='%234d49be'/%3E%3C/svg%3E");
  margin-bottom: 3px;
}
. .header__menu > nav > ul > li .header__link-wrapper {
  background: #fff;
}
.header__menu > nav > ul > li a.current-page {
  color: #4D49BE;
}
.top-bar {
  background: #C8102E;
  text-align: right;
  font-size: 15px;
  color: #fff;
  display: block !important;
  line-height: 39px;
}
.top-bar a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 300;
  width: auto;
}
.top-bar .hs-menu-wrapper > ul > li:after {
  content: '';
  display: inline-block;
  margin: 0 30px;
  background: #fff;
  width: 1px;
  height: 15px;
  position: relative;
  top: 3px;
  opacity: .43;
}
.top-bar .hs-menu-wrapper > ul > li:last-child:after {
  display: none;
}=
.saas-carousel-4.white-bg,
.product-details-c.saas-carousel-4 {
  background: #fff;
}
.saas-image-column-10 .img-slide h3 {
  margin: 20px 0;
  color: #777;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}

.email-prefs .item .item-inner {
  max-width: 65%;
}
.privacy-policy-a .main-content,
.terms-of-use-a .main-content {
  padding-top: 150px;
  padding-bottom: 150px;
}
.privacy-policy-a .main-content .page-center,
.terms-of-use-a .main-content .page-center {
  max-width: 900px;
}
.privacy-policy-a .main-content h4,
.terms-of-use-a .main-content h4 {
  font-size: 18px;
  font-weight: 400;
}
.product-overview-b .section.text-image-2columns.right.white.table-display {
  padding-bottom: 0 !important;
}
.saas-featured-resource-3 .see-all-link  {
  color: #fff;
  background: #E73C3E;
  font-weight: bold;
}
.subscribe-form-section .subscribe-form label.hs-error-msg,
.saas-form-1 .subscribe-form label.hs-error-msg {
  color: #fff;
  margin-top: 10px;
  display: inline-block;
}
#email-prefs-form input[type="submit"] {
  width: auto;
}
.saas-featured-resource-3 .see-all-link:hover,
.saas-featured-resource-3 .featured-resource-item:hover,
.saas-carousel-7 .featured-resource-item:hover {
  background: #C8102E;
  color: #fff;
}
.saas-featured-resource-7 .featured-resource-item:hover {
  background: #C8102E;
  color: #fff;
}
.saas-featured-resource-7 .featured-resource-item.green:hover {
  background: #00A3AD;
  color: #fff;
}
.saas-featured-resource-7 .featured-resource-item.green:hover h3 {
  color: #fff;
}
.saas-featured-resource-7 .featured-resource-item.green:hover svg g {
  stroke: #fff;
}
.saas-image-column-8.full-width {
  background: #BABBBD;
}
.saas-image-column-8.full-width.white {
  background: #fff;
}
.saas-image-column-8:not(.full-width) {
  background: none;
}
.saas-image-column-8:not(.full-width) .image-column-group-flex {
  background: #BABBBD;
}
.saas-image-column-8.white:not(.full-width) .image-column-group-flex {
  background: #fff;
}
.saas-carousel-5.grey-bg {
  background: #BABBBD;
}
.saas-carousel-5.grey-bg .pub-slider .pub-slide {
  background: #fff;
}
.who-we-are-d .saas-featured-resource-7 {
  padding: 75px 0 55px;
}
.saas-hero-10 .pricing-right-column > h2 {
  color: #C8102E;
}
.saas-hero-10 .pricing-right-column {
  background: #BABBBD;
}
.saas-hero-10 .pricing-right-column:after {
  background: #fff;
  opacity: 1;
}
.saas-hero-10 #pricingRightColumn2 {
  background: #fff;
}
.saas-hero-10 #pricingRightColumn2.active:after {
  background: #f1f1f1;
  opacity: 1;
}
.saas-accordion-1 .faq h3:after {
  color: #C8102E;
}
.saas-hubdb-events-2 .resource-item .table-display {
  padding: 50px;
  background: #f8f8f8;
}

@media(max-width: 375px) {
  .saas-hubdb-events-2 .resource-item .table-display {
    padding: 50px 10px;
  }
}



/* Resources 3
========================================================================== */
.saas-hubdb-events-2 .resources-navigation {
  background: #BABBBD;
  padding: 30px 20px;
  margin-bottom: 25px;
}
.resources-d .resources-navigation {
  background: #BABBBD;
  padding: 30px 20px 10px;
  margin-bottom: 25px;
}

.resources-d .resources-navigation h3 {
  color: #000;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #000;
}

.resources-d .resources-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.resources-d .resources-navigation ul li {
  display: block;
  margin-bottom: 20px;
  position: relative;
  padding-left: 0;
}

.resources-d .resources-navigation ul li input[type=radio] {
  position: absolute;
  left: -8px;
  width: 0;
  height: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  cursor: pointer;
  z-index: 10;
  opacity: 0;
}

.resources-d .resources-navigation ul li label {
  display: block;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}

.resources-d .resources-navigation ul li .check {
  display: none;
  position: absolute;
  border: 1px solid #55677a;
  background: #fff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;;
  height: 20px;
  width: 20px;
  top: 3px;
  left: 0;
  z-index: 5;
}

.resources-d .resources-navigation ul li .check::before {
  display: block;
  position: absolute;
  content: '\f00c';
  font-family: FontAwesome;
  height: 10px;
  width: 10px;
  top: -3.5px;
  left: 1px;
  margin: auto;
  visibility: hidden;
}

.resources-d .resources-navigation input[type=radio]:checked ~ .check::before {
  visibility: visible;
}

.resources-d #resources {
  list-style: none;
  margin: 0;
  padding: 0;
}

.resources-d .resource-item {
  margin-bottom: 45px;
  padding-bottom: 30px;
  border-bottom: 1px solid #b8c0c7;
}

.resources-d .resource-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom:  none;
}

.resources-d .resource-item .featured-image {
  position: relative;
  max-width: none !important;
  margin: 0 auto 70px;
}

.resources-d .resource-item .featured-image a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .resources-d .resource-item .span3 {
    width: 25.943396226415094% !important;
  }
  .resources-d .resource-item .span9 {
    width: 74.056603773584906% !important;
    margin-left: 0 !important;
    padding-left: 45px;
  }
}

.resources-d .resource-item .resource-topics {
  margin: 0;
  color: #2d749e;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 700;
}


.resources-d .resource-item p a {
  font-size: 17px;
  font-weight: 700;
}

.resources-d.hs-blog-listing .section-narrow {
  padding: 30px 0;
}

.resources-d.hs-blog-listing .section-narrow h1 {
  margin: 0;
  font-size: 30px;
}

.resources-d .post-index-topics {
  text-align: center;
}

.resources-d .post-index-topics h3 {
  font-size: 18px;
  font-weight: 700;
  color: #55677a;
  margin: 0;
  display: inline;
}

.resources-d .post-index-topics .block {
  position: relative;
  cursor: default;
}

.resources-d .post-index-topics .widget-module {
  min-width: 150px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .4s;
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background: #fff;
  font-size: 13px;
  border: 1px solid #f0f0f0;
  border-bottom: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;;
}


.resources-d .post-index-topics .widget-module ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.resources-d .post-index-topics .widget-module ul li {
  background: 0;
  border-bottom: 1px solid #f0f0f0;
}

.resources-d .post-index-topics .widget-module ul li a {
  display: block;
  color: #f57300;
  padding: 15px 20px;
}

.resources-d .post-index-topics .widget-module ul li a:hover {
  color: #5e686d;
  background: #f0f0f0;
}

.resources-d .blog-subscribe-link {
  font-weight: 700;
  text-align: right;
}

.resources-d .resources-d-listing {
  padding-top: 150px;
}

@media (max-width: 767px) {
  .resources-d .post-index-topics {
    margin: 15px 0;
  }

  .resources-d .blog-subscribe-link {
    text-align: center;
  }
}

.resources-d .post-item {
  padding-bottom: 0;
  border-bottom: 1px solid #afafaf;
  margin-bottom: 60px;
  font-size: 16px;
  width: 100%;
}

.resources-d .post-item > .table-display {
  padding: 40px;
  background: #BABBBD;
  margin-bottom: 60px;
}

.resources-d .featured-image-wrapper {
  margin-bottom: 30px;
}

.resources-d .post-header h1 {
  font-size: 40px;
}

.resources-d .post-header h3 {
  font-weight: 700;
  margin-bottom: 5px;
}

.resources-d .post-header .post-meta {
  margin-bottom: 15px;
  font-weight: 300;
  color: #777;
}

.resources-d .post-header .post-meta a:not(:hover) {
  color: #777;
}
.resources-d .post-item .post-header h4 {
  color: #000;
  margin: 0 0 5px;
}
.resources-d .post-header .post-meta a.topic-link:not(:hover) {
  color: #2d749e;
}

.resources-d .post-item:first-child {
  padding-top: 0;
  margin-top: 0;
}
.resources-d .post-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.resources-d .post-item .more-link {
  margin-top: 20px;
  display: inline-block;
}

.resources-d .post-item .more-link i {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
}

.resources-d .widget-type-blog_subscribe span > h3 {
  font-size: 21px;
  font-weight: 300;
  color: #000;
}

@media (min-width: 768px) {

  .resources-d .widget-type-blog_subscribe span > h3 {
    display: block;
    float: left;
    width: 42%;
    margin-right: 4%;
    font-size: 30px;
    margin-bottom: 0;
  }

  .resources-d .widget-type-blog_subscribe span > div {
    display: block;
    float: left;
    width: 54%;
  }

  .resources-d .widget-type-blog_subscribe form > div:first-child {
    display: block;
    float: left;
    width: 67%;
    margin-right: 2%;
    margin-bottom: 0;
  }

  .resources-d .widget-type-blog_subscribe form > .hs_submit {
    display: block;
    float: left;
    width: 31%;
  }
}

.resources-d .widget-type-blog_subscribe form input {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;;
  border-color: #e1e1e1;
}

.resources-d .widget-type-blog_subscribe form input[type="submit"] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;;
  text-transform: none;
}


.resources-d.hs-blog-post .blog-section {
  max-width: 920px;
  margin: 0 auto;
}
.resources-d .blog-total-post-count {
  display: none;
}

body.job-detail-a form .hs-form-field > label {
  display: block;
}
.job-detail-a form .hs_submit.hs-submit {
  text-align: center;
}
.job-detail-a form .hs_submit.hs-submit input {
  width: auto;
  min-width: 200px;
}
.job-detail-a form input[type="file"] {
  padding: 0;
  display: inline-flex;
  align-items: center;
  background: none;
  width: auto;
}
.job-detail-a form input[type="file"]::-ms-value {
  background: #fff;
  border: 1px solid #000;
  outline: none;
}

.job-detail-a .span12.widget-span.widget-type-cell.section.main-content {
  padding-bottom: 0;
}
.job-detail-a .span12.widget-span.widget-type-cell.section.main-content .page-center {
  max-width: 900px;
}
body input[type="file"] {
  border: none;
}

.careers-b .hs-menu-wrapper {
  text-align: center;
  padding: 13px 10px;
  background: #4D49BE;
}
.careers-b .hs-menu-wrapper a {
  color: #fff;
  padding: 0 3px;
  margin: 0 10px;
  font-size: 18px;
  display: inline-block;
  width: auto;
}
/*.careers-b .hs-menu-wrapper a:hover {
  color: #BABBBD;
}
.careers-b .hs-menu-wrapper .active a {
  background: #E73C3E;
  color: #000;
  font-weight: 600;
}
.careers-b .hs-menu-wrapper .active a:hover {
  background: #000;
  color: #fff;
}*/

.careers-b .lity-content {
  -webkit-transform: scale(.95);
  -ms-transform: scale(.95);
  -o-transform: scale(.95);
  transform: scale(.95);
}

.saas-hero-4.banner.no-bg {
  background: #f8f8f8;
}
.saas-hero-4.banner.no-bg h1,
.saas-hero-4.banner.no-bg h2 {
  color: #00A3AD;
}
.saas-hero-4.banner.no-bg p {
  font-size: 21px;
  color: #000;
  font-weight: 300;
  margin: 0;
  line-height: 30px;
}

.carousel-2 .caption * {
  color: #fff;
}
.carousel-2 .caption a.button.button-default span {
  color: #000;
  transition: .2s all;
}
.carousel-2 .caption a.button.button-default:hover span,
.carousel-2 .caption a.button.button-default:focus span,
.carousel-2 .caption a.button.button-default:active span {
  color: #fff;
}
.carousel-2 .caption a.button.button-transparent span {
  transition: .2s all;
}
.carousel-2 .caption a.button.button-transparent:hover span,
.carousel-2 .caption a.button.button-transparent:focus span,
.carousel-2 .caption a.button.button-transparent:active span {
  color: #000;
}


.saas-team-bio-3 .team-member .tm-meta,
.saas-team-bio-3 .team-member:hover {
  background: #BABBBD;
}

.saas-pricing-3 .pricing-grid .pricing-col-head,
.saas-pricing-3 .pricing-grid .pricing-col-footer {
  background: #4D49BE;
}

.saas-pricing-3 .row-title {
  background: #BABBBD;
}
.saas-pricing-3 .row-title.green {
  background: #E73C3E;
}
.saas-pricing-3 .pricing-grid-footer {
  background: #BABBBD;
}
.saas-pricing-3 .pricing-grid .pricing-col-footer h4 a,
.saas-pricing-3 .pricing-grid .pricing-col-head h4 a {
  color: #1D1C1D;
  text-decoration: underline;
}

.sign-up-form-wrapper .hs-form-field > label {
  display: block;
}
.sign-up-form-wrapper form {
  margin-top: 20px;
}
@media(max-width: 768px) {
  .carousel-2 .caption * {
    color: #000;
  }
}
@media(max-width: 767px) {
  .sign-up-form-wrapper form {
    margin: 20px 0 40px;
  }
}
@media(max-width: 500px) {
  .sign-up-form-wrapper form {
    padding: 50px 20px !important;
  }
  .sign-up-form-wrapper .form-title {
    padding: 20px;
  }
  .sign-up-form-wrapper form .button,
  .sign-up-form-wrapper form .hs-button,
  .sign-up-form-wrapper form input[type="submit"] {
    white-space: normal;
  }
}
.sign-up-form-wrapper .legal-consent-container,
.sign-up-form-wrapper .hs-fieldtype-booleancheckbox,
.sign-up-form-wrapper .hs-submit {
  text-align: right;
}
.sign-up-form-wrapper .legal-consent-container a:not(.btn) {
  text-decoration: underline;
}
.sign-up-form-wrapper input[type="submit"] {
  display: inline-block;
  width: auto;
}
.sign-up-form-wrapper .form-title {
  margin: 0;
  color: #fff;
  padding: 20px 50px;
  font-size: 20px;
  background: #C8102E;
}
.sign-up-form-wrapper form {
  padding: 0 50px;
  margin: 0;
}
.sign-up-form-wrapper form input[type="checkbox"] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #fff;
  margin: 0 10px 0 0;
  vertical-align: middle;
  border: 1px solid #959595;
  position: relative;
}
.sign-up-form-wrapper form input[type="checkbox"]:before {
  content: "\f00c";
  font: normal normal normal 16px/1 FontAwesome;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
}
.sign-up-form-wrapper form input[type="checkbox"]:checked:before {
  color: #00A3AD;
}
.sign-up-form-wrapper form input[type="checkbox"] ~ span {
  display: inline-block;
  vertical-align: middle;
}
.sign-up-form-wrapper form label {
  text-transform: none;
}
.sign-up-form-wrapper .submitted-message {
  text-align: center;
  margin-top: 30px;
}
.developer-info-a.saas-content-grid-4 .solution-item a .solution-item-title {
  text-decoration: underline;
}
.contact-left-col h2 {
  margin: 0 0 5px;
  font-weight: 400;
  word-break: keep-all;
  line-height: 1.2;
}
.contact-left-col h3,
.contact-left-col p {
  margin: 0;
}



@media(max-width: 768px) {
  .header__menu nav > ul > li {
    border-bottom: 1px solid #ccc;
  }
  .top-bar .hs-menu-wrapper > ul > li:after {
    margin: 0 10px;
  }
}

@media(max-width: 767px) {
  .blog-tmpl #resourceTopics {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
  .blog-tmpl #resourceTopics .resource-topic,
  .blog-tmpl .selectric-wrapper {
    width: 100%;
  }
  .email-prefs .item .item-inner {
    max-width: 100%;
  }
  .resources-b .resource-navigation ul li a {
    text-decoration: underline;
  }
  .careers-b .hs-menu-wrapper {
    text-align: left;
  }
  .careers-b .hs-menu-wrapper a {
    text-decoration: underline;
  }
  .careers-b .hs-menu-wrapper .active a {
    text-decoration: none;
  }
  .contact-us-b .contact-left-col {
    margin: 0 0 40px;
  }
}

@media(max-width: 599px) {
  .resources-1 #resources {
    margin: 0 auto;
    max-width: 290px;
  }
}

@media(max-width: 485px) {
  .top-bar a {
    font-size: 12px;
  }
  .top-bar .hs-menu-wrapper > ul > li:after {
    margin: 0 5px;
  }
 .saas-featured-resource-5 .span4,
 .saas-featured-resource-4 .span4 {
    min-width: 0;
  }
  .resources-d .post-item > .table-display {
    padding: 20px;
  }
}


body.splash-page:not(.no-sticky) .header-container-wrapper .header__mega-menu .active a {
  border-bottom: 1px solid #C8102E;
}
.splash-page .header-container-wrapper,
.splash-page .main-header {
  background: none;
  box-shadow: none;
}
.splash-page.saas-content-grid-6 {
  background: #f8f8f8;
}
.splash-page.saas-content-grid-6 .card.final-card {
  background: #C8102E;
}

@media(max-width: 500px) {
  .splash-page .header__cta {
    max-width: 27%;
  }
  body.splash-page:not(.no-sticky) .header-container-wrapper .header__mega-menu .active a {
    display: inline;
  }
}






.tk-blob {
  animation: blob-turn var(--time, 30s) linear infinite;
  fill: var(--fill, #00A3AD); 
  position: relative;
  transform-origin: center;
}

.tk-blob.tk-blob-2,
.tk-blob.tk-blob-sunglow {
  fill: #FFCD00; 
  margin-top: -10px;
}

.tk-blob.tk-blob-3,
.tk-blob.tk-blob-pink {
  fill: #FABBCB; 
  margin-top: -18px;
}

.tk-blob.tk-blob-4,
.tk-blob.tk-blob-violet {
  fill: #4D49BE; 
  margin-top: -12px;
}

.tk-blob.tk-blob-0,
.tk-blob.tk-blob-deepred {
  fill: #C8102E; 
}
/*
.tk-blob.tk-blob-0 {
  fill: #E73C3E;
}*/

.tk-blob svg {
  animation: blob-skew calc( var(--time, 30s) * 0.5 ) linear 0s infinite;
  transform-origin: center;
}

.tk-blob svg path {
  animation: blob-scale calc( var(--time, 30s) * 0.5 ) ease-in-out 0s infinite;
  transform-origin: center;
}

@keyframes blob-turn {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes blob-skew {
  0% {
    transform: skewY(0deg);
  }
  13% {
    transform: skewY( calc( (1.8deg) * var(--amount, 2)) );
  }
  18% {
    transform: skewY( calc( (2.2deg) * var(--amount, 2)) );
  }
  24% {
    transform: skewY( calc( (2.48deg) * var(--amount, 2)) );
  }
  25% {
    transform: skewY( calc( (2.5deg) * var(--amount, 2)) );
  }
  26% {
    transform: skewY( calc( (2.48deg) * var(--amount, 2)) );
  }
  32% {
    transform: skewY( calc( (2.2deg) * var(--amount, 2)) );
  }
  37% {
    transform: skewY( calc( (1.8deg) * var(--amount, 2)) );
  }
  50% {
    transform: skewY(0deg);
  }
  63% {
    transform: skewY( calc( (-1.8deg) * var(--amount, 2)) );
  }
  68% {
    transform: skewY( calc( (-2.2deg) * var(--amount, 2)) );
  }
  74% {
    transform: skewY( calc( (-2.48deg) * var(--amount, 2)) );
  }
  75% {
    transform: skewY( calc( (-2.5deg) * var(--amount, 2)) );
  }
  76% {
    transform: skewY( calc( (-2.48deg) * var(--amount, 2)) );
  }
  82% {
    transform: skewY( calc( (-2.2deg) * var(--amount, 2)) );
  }
  87% {
    transform: skewY( calc( (-1.8deg) * var(--amount, 2)) );
  }
  100% {
    transform: skewY(0deg);
  }
}

@keyframes blob-scale {
  0% {
    transform: scaleX(.9) scaleY(1);
  }
  25% {
    transform: scaleX(.9) scaleY(.9);
  }
  50% {
    transform: scaleX(1) scaleY(.9);
  }
  75% {
    transform: scaleX(.9) scaleY(.9);
  }
  100% {
    transform: scaleX(.9) scaleY(1);
  }
}







/* ==========================================================================
Lity v3.0.0
http://sorgalla.com/lity/
Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT
========================================================================== */

.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, .9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: -o-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;

  /* Change to position: absolute to display close button inside content container */
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close:active {
  top: 1px;
}

/* Image */

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */

.lity-iframe .lity-container {
  width: 100%;
  max-width: 90%;
  max-height: 90%;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000;
}

.lity-hide {
  display: none;
}

html.lity-active {
  overflow: hidden;
}

#hs_cos_wrapper_widget_1632957941757_ .hs-embed-wrapper {
  max-width: 700px !important;
}



.sr-only {
  position: absolute;
  width: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
}