/* Theme base styles */

/*
css resets for html elements ( div, span, bold, strong, em, etc) to match browser views 
basic css for buttons, embeds, tables, inputs
Row fluid settings and responsive grid media queries
Hidden and Visible classes
blog grid and table basic classes
Header container classes and basic structure
Basic menu structure setup and classes
Blog Sidebar classes and structure
System Page classes
Hubspot Sharing classes
Site Background classes
Column classes
Padding helpers (p-t-10)
Margin helpers (m-t-10)
*/





/* Generic reset, normalize & box-sizing styles go. */
*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

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

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

body {
  margin: 0;
  width: 100vw;
  overflow-x : hidden;
}

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

main {
  display: block;
}

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

code:before {
    content: "[";
}

code:after {
    content: "]";
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

/*****************************************/
/* Typography                            */
/*****************************************/


blockquote p {
  clear:none !important; 
  padding: 0 !important;
}

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

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

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

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* Vimeo embed end */

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    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: 2%;
}

.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;
}


/* YouTube Responsive CSS for HubSpot */

.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%; 
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 768px) {
    iframe {
        max-width: 100%;
    }
}

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

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

.dropzone button,
.dropzone input,
.dropzone optgroup,
.dropzone select,
.dropzone textarea {
    box-sizing: border-box;
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

.dropzone textarea,
.dropzone input[type="text"],
.dropzone input[type="password"],
.dropzone input[type="datetime"],
.dropzone input[type="datetime-local"],
.dropzone input[type="date"],
.dropzone input[type="month"],
.dropzone input[type="time"],
.dropzone input[type="week"],
.dropzone input[type="number"],
.dropzone input[type="email"],
.dropzone input[type="url"],
.dropzone input[type="search"],
.dropzone input[type="tel"],
.dropzone input[type="color"],
.dropzone select {
    padding: 10px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

.dropzone button,
.dropzone input { /* 1 */
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropzone progress {
  vertical-align: baseline;
}

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

.dropzone textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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


html > body .hs-form > fieldset{
    max-width: 100%;
    margin: 0 0 1em;
}

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

.dropzone .hs-form fieldset.form-columns-1 .input > .hs-input{
    width: 100%;
}

html > body .hs-form fieldset.form-columns-2 > .hs-form-field{
    width: 49%;
    margin-left: 2%;
    margin-top: 0px;
}

html > body .hs-form fieldset.form-columns-2 > .hs-form-field:first-child{
    margin: 0;
}

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

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

.dropzone details {
  display: block;
}

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

.dropzone summary {
  display: list-item;
}

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

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

.dropzone template {
  display: none;
}

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

[hidden] {
  display: none;
}

.dropzone .content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

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

.dropzone .dnd-section > .row-fluid {
  margin: 0 auto;
}

.dropzone .dnd-section .dnd-column {
  padding: 0 ; /* was 0 1rem */
}

@media (max-width: 900px) {
  .dropzone .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/
.dropzone .row-fluid:before, 
.dropzone .row-fluid:after {
    display: table;
    content: '';
  }

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

/* Responsive grid */
@media (min-width: 900px) {
  .dropzone .row-fluid {
    width: 100%;
  }

  .dropzone .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 0;
    margin-left: 20px;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dropzone .row-fluid [class*='span'].global-wrapper {
    float: none;
  }

  .dropzone .row-fluid [class*='span'].global-wrapper  {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    gap: 20px;
  }
  
  .dropzone .row-fluid .span12 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .dropzone .row-fluid .span11 {
    width: calc(91.6666% -  20px );
  }

  .dropzone .row-fluid .span10 {
    width: calc(83.3333% -  20px );
  }

  .dropzone .row-fluid .span9 {
    width: calc(75% -  20px );
  }

  .dropzone .row-fluid .span8 {
    width: calc(66.6666% -  20px );
  }

  .dropzone .row-fluid .span7 {
    width: calc(58.3333% -  20px );
  }

  .dropzone .row-fluid .span6 {
    width: calc(50% -  10.0px );
  }

  .dropzone .row-fluid .span5 {
    width: calc(41.6666% -  20px );
  }

  .dropzone .row-fluid .span4 {
    width: calc(33.33333% -  30.0px );
  }

  .dropzone .row-fluid .span3 {
    width: calc(25% -  40px );
  }

  .dropzone .row-fluid .span2 {
    width: calc(16.6666% -  20px );
  }

  .dropzone .row-fluid .span1 {
    width: calc(8.3333% -  20px );
  }

  .dropzone .row-fluid .global-wrapper.span12,
  /* .row-fluid .dnd-column.span12, */
  .dropzone .row-fluid .stepbloks.span12 {
    width: 100%;
  }
  
  .dropzone .row-fluid .global-wrapper.span11,
  /* .row-fluid .dnd-column.span11 */
  .dropzone .row-fluid .stepbloks.span12 {
    width: calc(91.6666% );
  }

  .dropzone .row-fluid .global-wrapper.span10,
  /* .row-fluid .dnd-column.span10, */
  .dropzone .row-fluid .stepbloks.span10 {
    width: calc(83.3333% );
  }

  .dropzone .row-fluid .global-wrapper.span9,
 /* .row-fluid .dnd-column.span9, */
  .dropzone .row-fluid .stepbloks.span9 {
    width: calc(75% );
  }

  .dropzone .row-fluid .global-wrapper.span8,
 /* .row-fluid .dnd-column.span8, */
  .dropzone .row-fluid .stepbloks.span8 {
    width: calc(66.6666% );
  }

  .dropzone .row-fluid .global-wrapper.span7,
 /* .row-fluid .dnd-column.span7, */
  .dropzone .row-fluid .stepbloks.span7 {
    width: calc(58.3333% );
  }

  .dropzone .row-fluid .global-wrapper.span6,
 /* .row-fluid .dnd-column.span6, */
  .dropzone .row-fluid .stepbloks.span6 {
    width: calc(50% );
  }

  .dropzone .row-fluid .global-wrapper.span5,
 /* .row-fluid .dnd-column.span5, */
  .dropzone .row-fluid .stepbloks.span5 {
    width: calc(41.6666% ) ;
  }

  .dropzone .row-fluid .global-wrapper.span4,
 /* .row-fluid .dnd-column.span4, */
  .dropzone .row-fluid .stepbloks.span4 {
    width: calc(33.33333%);
  }

  .dropzone .row-fluid .global-wrapper.span3,
 /* .row-fluid .dnd-column.span3,*/
  .dropzone .row-fluid .stepbloks.span3 {
    width: calc(25% );
  }

  .dropzone .row-fluid .global-wrapper.span2,
 /* .row-fluid .dnd-column.span2, */
  .dropzone .row-fluid .stepbloks.span2 {
    width: calc(16.6666% );
  }

  .row-fluid .global-wrapper.span1,
 /* .row-fluid .dnd-column.span1, */
  .row-fluid .stepbloks.span1 {
    width: calc(8.3333% );
  }

  .row-fluid [class*='span']:first-child:not('global-wrapper') {
    margin-left: 0;
  }
 
  .dropzone .row-fluid [class*='span'].global-wrapper {
    float: none;
  }

/*
  .row-fluid .span12:first-child:not(.global-wrapper) {
    width: 100%;
  }
  
  .row-fluid .span11:first-child:not(.global-wrapper) {
    width: calc(91.6666% );
  }

  .row-fluid .span10:first-child:not(.global-wrapper) {
    width: calc(83.3333% );
  }

  .row-fluid .span9:first-child:not(.global-wrapper) {
    width: calc(75% );
  }

  .row-fluid .span8:first-child:not(.global-wrapper) {
    width: calc(66.6666% );
  }

  .row-fluid .span7:first-child:not(.global-wrapper) {
    width: calc(58.3333% );
  }

  .row-fluid .span6:first-child:not(.global-wrapper) {
    width: calc(50% );
  }

  .row-fluid .span5:first-child:not(.global-wrapper) {
    width: calc(41.6666% );
  }

  .row-fluid .span4:first-child:not(.global-wrapper) {
    width: calc(33.33333%);
  }

  .row-fluid .span3:first-child:not(.global-wrapper) {
    width: calc(25% );
  }

  .row-fluid .span2:first-child:not(.global-wrapper) {
    width: calc(16.6666% );
  }

  .row-fluid .span1:first-child:not(.global-wrapper) {
    width: calc(8.3333% );
  }
  */
  .dropzone .row-fluid [class*='span']:not(.global-wrapper):first-child,
  .dropzone .row-fluid [class*='span']:not(.global-wrapper):first-of-type {
    margin-left: 0 !important;
  }
  
  .dropzone .row-fluid [class*='span']:not(.global-wrapper):nth-child(n+2) {
    margin-left: 20px;
  }
  .dropzone .row-fluid .span12 {
    margin-left: auto !important;
  }

}

@media (max-width: 900px) {
  .dropzone .row-fluid [class*='span'] {
    float: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Clearfix */

.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: 900px) {
  .visible-tablet {
    display: inherit !important;
  }

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

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

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


/* Blog post */

.dropzone .blog-post {
  margin: 0 auto;
  max-width: 960px;
}

.dropzone .blog-post__meta {
  margin-bottom: 1.4rem;
}

.dropzone .blog-post__meta a {
  text-decoration: underline;
}

.dropzone .blog-post__timestamp {
  display: block;
}

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

.dropzone .blog-post__tag-link {
  font-size: 0.875rem;
}

.post-listing-simple {
  padding: 10px !important; 
}

/* Blog related posts */
.dropzone .sidebar ul li a {
  width: fit-content; 
}

.dropzone .blog-related-posts {
  background-color: #F8FAFC;
}

.dropzone .blog-related-posts h2 {
  text-align: center;
}

.dropzone .blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.dropzone .blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

/* blog-roll for footer */
 .footer-wrapper .post {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: start;
  padding-bottom: 2em;
  clear: both
}

.footer-container-wrapper .post p {
  clear: both;
}

.footer-pull-right *{
  text-align: right;
}

.footer-container-wrapper .post div:first-of-type {
  width: 100px;
  height: auto;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  margin-right: 10px;
  float: left;
}

.footer-container-wrapper .post div:first-of-type img {
  height: 100px;
  width: auto;
  object-fit: cover;
  margin-top: 3px;
}

.footer-container-wrapper .post div.posts {
  width: 100%;
  height: auto;
  display: inline-block;
  overflow: hidden;
  text-align: left;
  margin-right: 10px;
  float: left;
}

.footer-container-wrapper .post div h3 {
  display: inline-block;
  float: left;
}

.footer-container-wrapper .post .readme,
.footer-container-wrapper .post .author {
  margin-top: -1.5em;
  float: left;
  margin-bottom: 0;
  padding: 0;
  white-space: nowrap;
}

.footer-container-wrapper .post .readme.button-cta a {
    margin-top: 10px; 
}

.footer-container-wrapper .copyright-area .row-fluid {
	flex-direction: column; 
}

/*** terms and copyright menu ***/
.footer-container-wrapper .termsmenu ul {
	display: flex;
	flex-direction: row;
	justify-content: left;
	text-align: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.footer-container-wrapper .termsmenu ul li {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	text-align: center;
	flex-wrap: wrap;
	width: auto;
	padding: 0;
	margin: 0;
}

.footer-container-wrapper .termsmenu ul li a {
  width: fit-content;
  text-align: left;
  vertical-align: bottom;
  position: relative;
  display: inline;
  margin: 0;
  padding: padding-top: 0px;
padding-right: 10px;
padding-bottom: 12px;
padding-left: 5px;
;
  color: ;
}

.footer-container-wrapper .hs-menu-wrapper,
.footer-container-wrapper .hs_cos_wrapper_type_simple_menu,
.footer-container-wrapper .hs_cos_wrapper_type_menu {
	float: left;
	clear: both;
	width: 100%;
}

.footer-container-wrapper .termsmenu li a:first-of-type {
	padding-left: 0;
}

.footer-container-wrapper .termsmenu li a:last-of-type {
	padding-right: 0;
}

.footer-container-wrapper .termsmenu ul li:after {
  content: ' | ';
  display: inline;
  color: ;
    position: relative;
    vertical-align: baseline;
    margin-right: 10px;
    margin-left: 5px;
    top: 0px;
}

.footer-container-wrapper .termsmenu ul li:last-of-type:after {
  content: '';
}

@media all and ( max-width: 768px ) {
	.footer-container-wrapper .termsmenu li { 
	  padding-right: 0 !important;
	  padding-left: 0 !important;
	}
	
	.footer-container-wrapper .termsmenu ul li:after {
	  content: '';
	  display: none;
	}
}

/* Footer and Sharing Social Icons Color */
.hs_cos_wrapper_type_social_sharing a {
  text-decoration: none;
  padding-right: 10px;
}

@media all and (max-width: 520px){
  .footer-container-wrapper,
  .footer-container-wrapper .text-left, 
  .footer-container-wrapper .text-right,
  .footer-container-wrapper .thmbleft,
  .footer-container-wrapper .thmbright,
  .footer-container-wrapper .posttleft,
  .footer-container-wrapper .posttright	{
    float: none !important;
  }
}

/* We ask that you retain the KAYAK credit line as part of our license requirement. Thank you! */
#k-icon {
    min-height: 25px !important;
    height: 25px;
    text-align: right !important;
    margin-top: -75px;
    overflow: hidden;
}

#k-icon path { 
    fill: #717171;
}

#k-icon .widget-type-logo img.hs-image-widget {
    position: relative;
    height: 25px;
    width: 60px !important;
    float: right;
    opacity: 0.0025 !important;
    margin: 0 50px 0 0;
}

.k-icon a {
    border:none!important;
}

.row-fluid [class*="span"].made-by-kayak{
    display: none;
    font-size: 0.9em;
    padding-top: 20px;
}

.template-home .row-fluid [class*="span"].made-by-kayak{
    display: block;
}

.made-by-kayak, 
.made-by-kayak a {
    color: #eaeaea;
}

@media only screen and (max-width: 520px){
  .footer-container-wrapper h4.widget-title .widget-span{
    margin-top: 10px;
  }
  
  .footer-pull-right *{
    text-align: center;
  }
}

@media screen and (min-width: 900px) {
  .dropzone .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (max-width: 900px) {
  .footer-container-wrapper .post div {
    width: 100%;
    text-align: center;
  }
}

@media screen and (min-width: 900px) {
  .dropzone .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.dropzone .blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.dropzone .blog-related-posts__title {
  margin: 0.7rem 0;
}

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

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

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

.dropzone .blog-comments .comment-reply-to:hover,
.dropzone .blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}

.dropzone .social-sharing__share-text,
.dropzone social-sharing__link {
  clear:both;
  display: block;
  width: fit-content;
}


/*****************************************/
/* Tag Cloud                             */
/*****************************************/

.dropzone ul.cloud {
  list-style: none;
  padding-top: 20px;
  padding-left: 0;
  padding-inline-start: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  line-height: 1.5rem;
  
}

.dropzone ul.cloud a {
  display: block;
  padding: 0.125rem 0.25rem;
  text-decoration: none;
  position: relative;
  --size: attr(data-weight number, 4); 
  font-size: calc(var(--size) * .5rem);
}
/*
ul.cloud a[data-weight="1"] { --size: 1; }
ul.cloud a[data-weight="2"] { --size: 2; }
ul.cloud a[data-weight="3"] { --size: 3; }
ul.cloud a[data-weight="4"] { --size: 4; }
ul.cloud a[data-weight="5"] { --size: 5; }
ul.cloud a[data-weight="6"] { --size: 6; }
ul.cloud a[data-weight="7"] { --size: 7; }
ul.cloud a[data-weight="8"] { --size: 8; }
ul.cloud a[data-weight="9"] { --size: 9; }
*/
/* Grid (Default 3 columns)*/
.dropzone .blog-grid{
    margin-top: 0;
}

.dropzone .blog-grid .post-listing {
    display: inline-block;
}

.dropzone .blog-grid .post-item {
    width: 31%;
    margin-right: 3%;
    margin-bottom: 3%;
    display: inline-block;
    float: left;
    border: 1px solid #efefef;
    border-radius: 4px;
}

.dropzone .blog-grid .post-item:nth-child(3n) {
    margin-right: 0;
}

.dropzone .blog-grid .post-item .hs-featured-image {
    margin-top: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.dropzone .blog-grid .title-block, 
.dropzone .blog-grid .post-header-row .span12, 
.dropzone .blog-grid .post-body-row .span12 {
    padding: 10px 10px 0 ;
    text-align: center;
}

/* Grid (4 columns)*/
.dropzone .grid-4-cols .blog-grid .post-item {
    width: calc(23.5% - 8px);
    margin-right: 2%;
    margin-bottom: 2%;
}

.dropzone .grid-4-cols .blog-grid .post-item:nth-child(3n) {
    margin-right: 2%;
}

.dropzone .grid-4-cols .blog-grid .post-item:nth-child(4n) {
    margin-right: 0;
}

/* Listing Page Only Styles */
.dropzone .hs-blog-listing.template-blog-grid .sidebar-single-only {
    display: none;
}

.dropzone .hs-blog-listing .no-sidebar-listing.span9 {
    width: 100%;
}

/* Single Post Page Only Styles */
.dropzone .hs-blog-post.template-blog-grid .grid-post-filter {
  display: none;
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

body {
  margin: 0;
  overflow-x:hidden;
  line-height: 1.4;
  overflow-wrap: break-word;
}

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

/* Anchors */

a {
  cursor: pointer;
}

/* Paragraphs - set margins */

.dropzone p {
  margin: 0 0 1rem;
    margin-block-start: 0;
    margin-block-end: 0;
    padding: 0 0 10px;
}

.dropzone .post-item p {
  margin: 0em 0 0.5rem;
      margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* Headings */
.dropzone h1,
.dropzone h2,
.dropzone h3,
.dropzone h4,
.dropzone h5,
.dropzone h6 {
  margin: 0 0 1em;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* Lists */

.dropzone ul,
.dropzone ol {
  margin: 0 0 1em;
}

.dropzone ul ul,
.dropzone ol ul,
.dropzone ul ol,
.dropzone ol ol {
  margin: 0;
}

.dropzone ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.dropzone li{
    margin: 0 0 0.5em;
}

/* Code blocks */

.dropzone pre {
  overflow: auto;
}

.dropzone code {
  vertical-align: bottom;
}

/* Horizontal rules */

.dropzone hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

.dropzone img {
  font-size: 0.583rem;
  word-break: normal;
}

/* Testimonials */

.dropzone .testimonial cite {
    padding: 22px 0 0 0;
    float: left;
    width: auto;
    font-size: 14px;
    max-width: 14%;
}
 
.testimonial cite img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.dropzone div.testimonial {
    width: 100%;
    display: block;
    position: relative;
}
  
.dropzone .testimonial cite strong,
.dropzone div.testimonial cite strong {
    font-size: 1.2em;
    display: inline-flex;
    width: 100%;
}

.dropzone .testimonial cite img, 
.dropzone div.testimonial cite img {
  	width: 80px;
  	height: 80px;
    margin-right: 40px;
    margin-bottom: 1em;
	  border-radius: 40px;
}

.dropzone blockquote {
    margin: 1em 2em 1em 1em;
    display: inline-block;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    background: transparent;
    border-radius: 0;
}

.dropzone .testimonial blockquote h5 {
	margin: 0;
	font-size: 1.2em;
	font-weight: 400;
}

.dropzone .testimonial blockquote p,
.dropzone .testimonial p,
blockquote p {
	font-size: 1em;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 900px ){
  .dropzone .testimonial cite {
      position: absolute;
      display: contents;
      width: auto; 
      font-style: normal;
      font-size: .7em;
      line-height: 135%;
  }
  
  .dropzone .testimonial blockquote {
      position: relative;
      display: table-cell;
      box-sizing: border-box;
      width: 75%; 
      margin: 0px 0px 0px 150px; 
      padding: 20px 0;
      background: transparent;
      border-radius: 8px;
  }
  
  .dropzone blockquote, 
  .dropzone .testimonial blockquote {
    padding: 20px;
  }
}

@media screen and (max-width: 900px ){
  .dropzone .testimonial blockquote {
      width: 90%; 
  }
  .dropzone blockquote, 
  .dropzone .testimonial blockquote {
    padding: 5px;
  }
  
}

.dropzone fieldset,
.dropzone input[type="text"],
.dropzone input[type="tel"],
.dropzone input[type="email"],
.dropzone select,
.dropzone textarea {
    /* reset, esp. mobile */
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
}

/* Buttons */
.dropzone button,
.dropzone input[type="submit"],
.dropzone input[type="reset"],
.dropzone .more-link,
.dropzone .button-cta a {
    /* reset on mobile */
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    transition: all 300ms ease;
}

.dropzone .blog-grid .post-item .more-link {
  margin: 5px auto 10px;
  display: block;
  width: fit-content;
  text-align:center;

}

.dropzone .blog-list .post-item .more-link {
  margin: 10px auto 10px 0;
  display: block;
  width: fit-content;
  text-align: center;

}

.dropzone button,
.dropzone .button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

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

.dropzone select {
    background: right 10px center no-repeat;
    background-size: 10px 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNpi+P//PwMBwAvEPVDMi08hyCwmIgxrBmJ1KG4mZCgTEYYpI4kpEzKUiQTDiDKUiUTDkA1twWYoExmGwYASNkMZQTHDyMgIYnMAcQeRhiGDe0BcDsQ/0GNZEmorqUARqheRdqgFiEmHJIPBbyALWuD2AzEziWb8BeJCIL6P7sLnQPyADEc9BOIX2Lz8A4hrgfguiWmwBoi/4wrDzyQYCjPsM6FIIcbQu9gMwxfL+Ay9C5X7TGqywWYoXsOIzXokVQEAAQYA7gZCidvn93EAAAAASUVORK5CYII=');
}
/* No button */

.dropzone .no-button,
.dropzone .no-button:hover,
.dropzone .no-button:focus,
.dropzone .no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}

/* Fields */

.dropzone .hs-form-field {
  margin-bottom: .4rem;
}

.dropzone .hs-recaptcha {
  float: left;
}

.dropzone .hs_submit, 
.dropzone .hs-submit {
  clear:both; 
}

/* Labels */
.dropzone form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Help text */
.dropzone form legend {
  font-size: 0.875rem;
}

/* Inputs */
.dropzone form input[type=text],
.dropzone form input[type=email],
.dropzone form input[type=password],
.dropzone form input[type=tel],
.dropzone form input[type=number],
.dropzone form input[type=file],
.dropzone form select,
.dropzone form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

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

.dropzone .hideable-section.hide-section,
.dropzone .form-no-title .form-title {
    display: none !important;
}

.dropzone .hs-form-field {
    position: relative;
    margin-top: 5px;
}

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

.dropzone form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

.dropzone form .inputs-list input,
.dropzone form .inputs-list span {
  vertical-align: middle;
}

.dropzone form input[type=checkbox],
.dropzone form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

.dropzone .inputs-list,
.dropzone .inputs-list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Inputs - date picker */
.dropzone .hs-dateinput {
  position: relative;
}

.dropzone .hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

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

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

.dropzone .fn-date-picker td .pika-button:hover,
.dropzone .fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */
.dropzone form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

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

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

/* Form Errors */
.dropzone .hs-form-field .hs-error-msgs {
    box-sizing: border-box;
    position: absolute;
    bottom: 100%;
    display: block;
    width: 100%;
    max-width: 320px;
    padding: .5em;
    text-align: center;
    border-radius: 4px;
}

.dropzone .hs-form-field .hs-error-msgs:before {
  	content: ' ';
  	position: absolute;
    top: 100%;
    left: 10px;
  	height: 0;
  	width: 0;
  	margin-left: -6px;
  	border-width: 6px;
  	pointer-events: none;
}

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

/* Validation */
.dropzone .hs-form-required {
  color: #EF6B51;
}

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

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

/* Submit button */
.dropzone form input[type=submit],
.dropzone form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */
.dropzone .grecaptcha-badge {
  margin: 0 auto;
}

/* Table */
.dropzone table {
    max-width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    overflow-wrap: break-word;
}

/* Table cells */
td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Header DND sections */
.dropzone .header .dnd-section {
  padding: 0;
}

/* Header container */


/* Fixed Header */
.dropzone body.fixed-header{
    /* Set this value to the 
       height of the header */
    padding-top: 0;
}

.dropzone body.fixed-header .header-container-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

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

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 900px) and (min-width: 900px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/*****************************************/
/* Header + Main Navigation              */
/*****************************************/

.header-container-wrapper {
    position: relative;
    z-index: 101;
  margin-top: -1px;
}

.absolute-header .header-container-wrapper,
.absolute-hero.header-container-wrapper,
.absolute-hero-m.header-container-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.relative-header .header-container-wrapper,
.relative-hero.header-container-wrapper,
.relative-hero-m.header-container-wrapper {
    position: relative;
}

.body-container-wrapper {
    position: relative;
    z-index: 99;
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 900px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

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

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}

.header__search .hs-search-field__input {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
  background-position: center right 15px;
  background-repeat: no-repeat;
  height: 45px;
  padding: 0 0.7rem;
}

.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 900px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 900px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

@media all and (max-width: 900px ) {
  .search-template .hs-search-field form {
    width:100%;
    margin-top:-30px;
    margin-bottom: 20px;
  }
}

@media all and (max-width: 900px) {
  .search-template .search-trigger {
    display:none;
  }
  
  .search-template .custom-menu-primary .hs-menu-wrapper > ul li:nth-child(5), .search-template .custom-menu-primary .hs-menu-wrapper > ul li:nth-child(5) a {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  
  #search-form-wrapper input[type="text"] {
    font-size: 1.5em;
  }
}
/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 900px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }
}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 900px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}

/* Menu and simple menu */

/* Menu Reset */
  .main-nav,
  .main-nav .hs-menu-wrapper > ul,
  .main-nav .hs-menu-wrapper > ul li,
  .main-nav .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: none;
    width: auto;
    height: 0;
    line-height: 1;
    font-weight: 300;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;
  }

.hs-menu-wrapper ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
  margin-block-start: 0;
    margin-block-end: 0;
}

.footer-container-wrapper .hs-menu-wrapper ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
     max-width: fit-content;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul li a
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul li ul li a {
     max-width: auto;

}
.main-nav .mobilemenu .hs-menu-wrapper > ul li ul > li > a {
    min-width: 100%;
  width: 100%;
}
.headersubtitle h3 {
    white-space: nowrap;
    vertical-align: middle;
}

.show {
  display: block !important;
}
/* Horizontal menu */

.main-nav .hs-menu-children-wrapper {
  flex-direction: column;
}

.contextual-navigation .main-nav > ul {
    display: block !important;
    margin-bottom: 20px;
}
.contextual-navigation .main-nav > ul li.hs-menu-depth-1 {
    float: left;
    width: 100%;
}

@media (max-width: 900px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
  .main-nav ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

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

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

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

.main-nav .flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
  display: block;
  visibility: visible;
}

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

@media (max-width: 900px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .main-nav.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* Current Menu Item */
.main-nav .hs-menu-flow-horizontal > ul > li:hover a:after,
.main-nav .hs-menu-flow-horizontal > ul > li.hs-menu-show-active-branch a:after {
    width: 100%;
}

.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a:before {
    width: 18px;
    font-size: 18px;
}

.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper.left {
    left: -281px;
}

.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper.left ul {
    left: -281px;
}

/* Menu Seperators */

.main-nav .hs-menu-flow-horizontal > ul > li.menu-seperator a:after {
    display: none;
}

.main-nav .hs-menu-flow-horizontal > ul > li.menu-seperator a:hover {
    color: #1f1f1f;
    cursor: default;
}

/* 2nd Level */
.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper {
    top: 40px;
    font-size: 20px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    left: 0;
    z-index: 1111;
    text-align: left;
    text-transform: none;
    display: none;
		min-width: 250px;
}

.main-nav .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper > li:first-child:hover > ul {
    top: 0px;
}

.main-nav .hs-menu-flow-horizontal > ul > li:hover ul.hs-menu-children-wrapper {
    display: block;
 /*   -webkit-box-shadow: rgba(0, 0, 1, 0.025) 2px 6px 2px 1px;
	  	  -os-box-shadow: rgba(0, 0, 1, 0.025) 2px 6px 2px 1px;
	  	  -ms-box-shadow: rgba(0, 0, 1, 0.025) 2px 6px 2px 1px;  
		  	    box-shadow: rgba(0, 0, 1, 0.025) 2px 6px 2px 1px; */
}

.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li {
    display: block;
    width: max-content;
    min-width: -webkit-fill-available;
    margin-left: 0;
	  margin-bottom: 0;
    float: left;
}
/*
.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:first-child {
    padding-top: 1px;
}

.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:last-child {
    padding-bottom: 1px;
}
*/
.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a {
    display: block;
    letter-spacing: 0px;
/*    font-size: 18px;
    line-height: 1.2em;
    padding: 12px 10px 12px 10px; */
    margin: 0 !important;
    width: unset;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}


.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li.menu-item-has-icon > a:before {
    margin-right: 0;
    content: "";
}


/* 3rd level */

.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul {
    top: 0;
    padding: 0;
    background: none;
    left: 281px;
}

.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:hover > ul {
    display: block;
}


.main-nav .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper.left {
    right: 80px;
    left: auto;
}

/* other level */
.main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul ul {
    top: 0;
}

/* Override max width on menu links */
.main-nav .hs-menu-wrapper > ul li a,
.main-nav > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  /*  overflow: visible !important;
    max-width: none !important;
    width: auto !important; */
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 900px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}

/* Sidebar */

.sidebar-item {
    margin: 0 0 20px;
}

.sidebar-item .hs_cos_wrapper_type_rich_text p:last-child{
    -webkit-margin-after: 0;
}

.sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical ul,
.sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical li,
.sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
    margin: 0;
    line-height: 28px;
}

.sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
    display: inline-block;
    margin-bottom: 12px; 
    padding: 0 0 5px;
}

.sidebar .hs_cos_wrapper_type_post_listing ul {
    list-style:  none;
    margin:  0;
    padding: 0;
}

.sidebar .hs_blog_blog_subscription {
    display: none;
}

.sidebar .hs_submit .actions input {
    margin: 0.9em 0 0.5em;
}

.hs-author-avatar img {
    border-radius: 50%;
}

.sidebar-subscription-wrapper {
    margin-bottom: 0;
}

/* Error pages */
.error-template .row-fluid [class*="span"].content-section {
    padding-top: 75px;
}

.error-page {
  padding: 10rem 0;
  position: relative;
  text-align: center;
}

.error-page:before {
  color: #F3F6F9;
  content: attr(data-error);
  font-size: 40vw;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 900px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* System pages */
.systems-page {
  margin: 0 auto;
  max-width: 700px;
  padding: 3rem 1.4rem;
}

.systems-page--search-results {
  max-width: 100%;
}

.systems-page .header {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
}

.systems-page .success {
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  color: #4F7D24;
  display: inline-block;
  margin: 1.4rem 0;
  padding: 0.1rem 0.7rem;
  width: 100%;
}

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

.systems-page form input[type='submit'] {
  margin: 0.7rem 0;
  display: block;
}

/* Search pages */

.dropzone .hs-search-results__title {
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

.dropzone .hs-search-results__title:hover {
  text-decoration: none;
}

.dropzone .hs-search-results__description {
  padding-top: 0.7rem;
}

/* Search Page Results */
.dropzone .search-template #hsresults li:after {
    content:'';
    border-bottom: 1px solid #629ba9;
    width: 50%;
    height: 1px;
    margin: 0px 25% 20px;
    display: block;

}
.dropzone .search-template .hs-search-field form {
    width:25%;
    margin-bottom: 40px;
}

/* Password prompt */

.dropzone .password-prompt input[type=password] {
  height: auto !important;
  margin-bottom: 1.4rem;
}

.dropzone .systems-page #hs-login-widget-remember,
.dropzone .systems-page #hs-login-widget-remember ~ label {
  display: inline-block;
  margin-bottom: 0.175rem;
}

.dropzone .systems-page #hs_login_reset {
  display: block;
  margin-bottom: 0.7rem;
}

/* Backup unsubscribe */

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

.backup-unsubscribe input[type=email] {
  font-size: 0.875rem !important;
  margin-bottom: 1.4rem;
  padding: 0.7rem !important;
}

/* Subscription preferences */

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

#email-prefs-form .item.disabled input:disabled {
  cursor: not-allowed;
}

/* Membership pages */

#hs-membership-form a[class*='show-password'] {
  font-size: 0.75rem;
}

/* Input error messages */

.dropzone .form-input-validation-message ul.hs-error-msgs {
  padding-left: 0;
  margin: 0;
}

.dropzone .form-input-validation-message ul.hs-error-msgs li {
  margin: 0;
}

/* Widgets */

.dropzone .widget-type-post_filter .widget-module ul li {
    display: inline-block;
    margin: 0 8px 16px 8px;
    min-width: fit-content;
}

.dropzone .widget-type-post_filter .block {
    text-align: center;
    margin-top: 30px;
}

.dropzone .widget-type-post_filter a.filter-expand-link {
    clear: both;
    float: none;
    width: 56px;
    margin: 0 auto 0px;
    display: block;
}

.dropzone .widget-type-post_filter a.filter-expand-link:hover {
    margin: 0 auto -15px;
}


.post-body .narration {
    padding: 10px 0 30px; 
}

/* blog grid rules */
.blog-grid .post-item:nth-child(4n), 
.blog-grid .post-item:nth-child(3n),
.blog-grid .post-item:nth-child(1n),
.blog-grid .post-item {
	margin-right: 3%;
}
.grid-4-cols .blog-grid .post-item {
   width: 23.25%; 
}
.grid-4-cols .blog-grid .post-item:nth-child(4n) {
    margin-right: 0;
}
  
.grid-3-cols .blog-grid .post-item {
   width: 31.3%; 
}
.grid-3-cols .blog-grid .post-item:nth-child(3n) {
    margin-right: 0;
} 

.grid-2-cols .blog-grid .post-item {
   width: 48.5%; 
}

.grid-2-cols .blog-grid .post-item:nth-child(2n) {
    margin-right: 0;
} 

.grid-1-cols .blog-grid .post-item {
   width: 100%; 
}
.grid-1-cols .blog-grid .post-item {
    margin-right: 0;
} 

.hs-author-avatar {
    width: 60px;
}

.blog-quick-links-wrapper {
   padding-bottom: 30px; 
}

.blog-quick-links .hs-menu-wrapper {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 10px 0 0;
    margin: 30px auto 0;
}

.blog-quick-links {
    font-size: 16px;
}

.blog-quick-links span,
.blog-quick-links .hs-menu-wrapper li {
    position: relative;
    margin: 0 0 0 10px;
}

.blog-quick-links .hs-menu-wrapper ul {
  margin: 0 auto;
  width: fit-content;
  padding: 0 0 10px;
}

.blog-quick-links span:before,
.blog-quick-links .hs-menu-wrapper li:before {
    content: '|';
    margin-right: 1em;
    color: #333333;
}

.blog-quick-links span:first-child,
.blog-quick-links .hs-menu-wrapper li:first-child {
    margin-left: 0;
}


.blog-quick-links p,
.blog-quick-links .hs-menu-wrapper li a {
    margin: 0;
  max-width: 320px !important;
  padding: 0 15px !important;
}

.blog-quick-links span:first-child:before,
.blog-quick-links .hs-menu-wrapper li:first-child:before {
    content: '';
    margin-right: 0;
}

.blog-quick-links .hs-menu-children-wrapper {
  display:none !important;  
  opacity: 0 !important;  
  visibility: hidden !important;  
}

.hs-author-social-section {
    padding-bottom:60px;
}

/* Listing */

.post-item { 
    margin: 0 0 40px;
    padding: 0 0 40px;
}

.post-item .row.post-body-row,
.post-item .blogsnippet {
    padding: 5px 10px; 
}

.post-item .span8 p {
    margin: 0 0 1em;
}

.hs-featured-image {
    max-width: 100%;
    margin: 20px 0;
    width: 100%;
    float: unset;
}

.more-link {
    margin-top: 1em;
    font-size: 15px;
}

.blog-pagination {
    display: block;
    text-align: center;
    clear: both;
}

.blog-pagination a {
    margin: 0 1em 0 0;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.actions {
    padding-top: 20px;
}
.body-container-wrapper .blog-section ul>li,
.body-container-wrapper .blog-sidebar ul>li {
    list-style-type: none;
}

div.post_ath_avatar {
    background-size: cover;
    background-position: center;
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 100%;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    border: 2px solid #000;
}

/* Background Block */
.dropzone .with-background,
.dropzone .with-background .content {
    position: relative;
    z-index: 10;
}

.dropzone .with-background .background-img{
    position: absolute;
    top: 0;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -10;
    pointer-events: none;
}

.dropzone .with-background .image-overlay {
    position: absolute;
    top: 0;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
}

.dropzone .background-img img{
    display: inline;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none !important;
    width: auto !important;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.dropzone .background-img.right-align img{
    left: 100%;
    max-width: none !important;
    width: auto !important;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-100%, -50%);
       -moz-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
}

.dropzone .background-img.parallax img {
  position: fixed;
}

.body-container-wrapper {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
}

.dropzone .widget-type-email_simple_subscription h1, .widget-type-email_subscriptions h1, .widget-type-email_subscriptions_confirmation h1{
  font-size: 52px;
  font-weight: inherit;
  line-height: 1.25em;
}

.dropzone .widget-type-email_subscriptions h2, .widget-type-email_subscriptions_confirmation h2, .widget-type-email_simple_subscription h2{
  font-size: 18px;
  font-weight: 500;
  margin: 15px 0;
}

.dropzone .widget-type-email_simple_subscription h3, .widget-type-email_subscriptions h3, .widget-type-email_subscriptions_confirmation h3{
  font-weight: inherit !important;
}

.dropzone .widget-type-email_subscriptions p.header{
  margin-left: 0;
}

.dropzone .subscribe-options label{
  margin-left: 0;
  margin-right: 0;
}

/*****************************************/
/* Responsive                            */
/*****************************************/

/* Column Group */

.dropzone .column-group [class*="span"].column-group-item {
    margin: 0;
    padding: 20px 2%;
}

.dropzone .column-group [class*="span"].column-group-item:first-child {
    border-left: 0;
}

/*****************************************/
/* 2 and 3 column inline                 */
/*****************************************/

.dropzone .column {
  float: left;
  width: 31%;
  border-radius: 0;
  padding: 15px;
}

.dropzone .column h3 {
  font-size: 20px;
}

.dropzone .column li {
  font-size:16px;
  margin: 0 0 1em;
}

.dropzone .column p {
  font-size:16px;
}

/* Clear floats after the columns */
.dropzone .row:after {
  content: "";
  display: table;
  clear: both;
}

.dropzone .column ul {
  list-style: none !important;
  margin-left: -35px
}

.dropzone .column ul li:before {
  content: '\2713';
  padding-right: 10px;
}

@media screen and (max-width: 900px ) {
  .dropzone .column {
    width: 100%;
  }
  
  .dropzone .hs-form fieldset.form-columns-2 > .hs-form-field {
    width: 49%;
    margin-left: 0;
    margin-top: 0px;
  }
  .dropzone .hs-form fieldset.form-columns-1 .input>.hs-input {
    max-width: 95%;
  }
}

.dropzone .container {
	  display: flex;
}	

.contentcolumns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom:40px;
}

.contentcolumns h3 {
  font-size: 20px;
}

.contentcolumns li {
  font-size: 16px;
  margin: 0 0 1em;
}

.contentcolumns p {
  font-size: 16px;
}

.contentcolumn2 .row-fluid {
  display:flex
}

.contentcolumn4 {
  flex: 24%;
  margin: 15px
}

.contentcolumn3 {
  flex: 30%;
  margin: 15px
    
}
.contentcolumn3 p {
  margin-bottom: 2.5em; 
}
.contentcolumn2 {
  flex: 46%;
  margin: 15px
}

.contentcolumn2 .row-fluid,
.contentcolumn3 .row-fluid,
.contentcolumn4 .row-fluid {
  flex: 1; 
  flex-direction: row;
}


/* optional 3 columns */

.column3 {
	  flex: 31.33%;
	  height: 320px;
	  margin: 5px;
	  text-align: center;
    padding: 20px;
}

.column-pod {
	  flex: calc(33.33% - 30px);
	  margin: 15px;
	  text-align: center;
	  margin: 15px;
	  text-align: center;
    padding: 20px;
}

.dropzone .footer-wrapper .copyright-area .row-fluid
    display: flex;
}

.dropzone .footer-wrapper .text-area .row-fluid [class*=span],
.dropzone .footer-wrapper .logo-area .row-fluid [class*=span] {
    vertical-align: baseline;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: auto;
    flex-grow: 1;
}

.dropzone .footer-wrapper .copyright-area p {
   padding: 0;
}

/*****************************************/
/* Responsive                            */
/*****************************************/

@media all and (max-width: 520px){
  /* Global Styling */

  .dropzone .column-group > .row-fluid-wrapper > .row-fluid > [class*="span"] {
    margin-bottom: 20px;
    border-left: 0;
  }    

  .dropzone .column-item {
    text-align: center;
    padding: 0 0 30px;
  }

  .dropzone .column3-pod {
    flex: calc( 100% - 70px);
  } 

  .dropzone .persona-block:not(:last-child) {
    padding-bottom: 45px;
    margin-bottom: 30px;
  }    

  .dropzone .featured-post-title {
    font-size: 18px;
    line-height: 32px;
    padding: 5px 0;
  }

  .dropzone .featured-post-content p {
    max-height: 225px;
  }

  /* Footer */

  .dropzone .footer-wrapper,
  .dropzone .footer-wrapper .text-left{
    text-align: center;
  }
  
  .dropzone .row-fluid [class*="span"] {
    width: 100% !important;
  }
  
  .dropzone .background-img.right-align img{
    left: -50%;
    max-width: none !important;
    width: auto !important;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .column3-pod {
	  flex: calc(100% - 20px);
	  margin: 10px;
	}
  
  .column3-pod img{ 
    max-width: 100%;
	  margin: 10px auto;
	}
  
  .column3-pod figcaption {
    font-size:14px !important;
    zoom:0.75;
  }
}

.vertical-align {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bordered-ds img {
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, .05) 0px 0px 4px;
}


/*****************************************/
/* Padding Helpers                       */
/*****************************************/

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

.p-0 {
  padding: 0 !important;
}

.p-10 {
    padding: 10px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-50 {
    padding: 50px !important;
}

.p-60 {
    padding: 60px !important;
}

.p-70 {
    padding: 70px !important;
}

.p-80 {
    padding: 80px !important;
}

.p-90 {
    padding: 90px !important;
}

.p-100 {
    padding: 100px !important;
}

.p-t-0 {
		padding-top: 0px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-t-50 {
    padding-top: 50px !important;
}

.p-t-60 {
    padding-top: 60px !important;
}

.p-t-70 {
    padding-top: 70px !important;
}

.p-t-80 {
    padding-top: 80px !important;
}

.p-t-90 {
    padding-top: 90px !important;
}

.p-t-100 {
    padding-top: 100px !important;
}

.p-r-0 {
		padding-right: 0px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.p-r-50 {
    padding-right: 50px !important;
}

.p-r-60 {
    padding-right: 60px !important;
}

.p-r-70 {
    padding-right: 70px !important;
}

.p-r-80 {
    padding-right: 80px !important;
}

.p-r-90 {
    padding-right: 90px !important;
}

.p-r-100 {
    padding-right: 100px !important;
}

.p-b-0 {
		padding-bottom: 0px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.p-b-60 {
    padding-bottom: 60px !important;
}

.p-b-70 {
    padding-bottom: 70px !important;
}

.p-b-80 {
    padding-bottom: 80px !important;
}

.p-b-90 {
    padding-bottom: 90px !important;
}

.p-b-100 {
    padding-bottom: 100px !important;
}

.p-l-0 {
		padding-left: 0px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.p-l-50 {
    padding-left: 50px !important;
}

.p-l-60 {
    padding-left: 60px !important;
}

.p-l-70 {
    padding-left: 70px !important;
}

.p-l-80 {
    padding-left: 80px !important;
}

.p-l-90 {
    padding-left: 90px !important;
}

.p-l-100 {
    padding-left: 100px !important;
}

/*** animations ***/
:root {
  --animate-duration: 1.5s;
  --animate-delay: 0s;
  --animate-repeat: 1;
}

.dropzone .animated {
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
  -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat);
}
@media print, (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}

.pulse,
.slideInLeft,
.slideInRight {
  will-change: transform;
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
    transform-origin: 50% 50%;
    perspective-origin: 50% 75%;
    transform-style: preserve-3d;
  }

  50% {
    transform: scale3d(1.12, 1.12, 1.12);
    transform-origin:  50% 50%;
    perspective-origin: 50% 75%;
    transform-style: preserve-3d;
  }

  to {
    transform: scale3d(1, 1, 1);
    transform-origin:  50% 50%;
    perspective-origin: 50% 75%;
    transform-style: preserve-3d;
  }
}


.pulse.animated {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
    -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@keyframes pushUp {
  from {
    transform: translate3d(0, 20px, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

.pushUp.animated {
  animation-name: pushUp;
  animation-timing-function: ease-in-out;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  animation-delay:0s;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-120%, 0, 0);
    visibility: hidden;
  }

  to {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

.slideInLeft.animated {
  animation-name: slideInLeft;
  animation-timing-function: ease-in-out;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
  animation-delay:0s;
}

@keyframes slideInRight {
  from {
    transform: translate3d(120%, 0, 0);
    visibility: hidden;
    display: hidden;
  }

  to {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    display: block;
  }
}

.slideInRight.animated {
  animation-name: slideInRight;
  animation-timing-function: ease-in-out;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
  animation-delay:0s;
}


@keyframes slideInLeftDouble {
  from {
    transform: translate3d(-60%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

.double .slideInLeft.animated {
  animation-name: slideInLeftDouble;
  animation-timing-function: ease-in-out;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
  animation-delay:0s;
}

@keyframes slideInRightDouble {
  from {
    transform: translate3d(60%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

.double .slideInRight.animated {
  animation-name: slideInRightDouble;
  animation-timing-function: ease-in-out;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
  animation-delay:0s;
}

@keyframes slideInCenter {
  from {
    transform: translate3d(-120%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

.animated.slideInCenter:first-of-type {
  animation-name: slideInLeftDouble;
  animation-timing-function: ease-in-out;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
  animation-delay:0s;
}

.animated.slideInCenter:last-of-type {
  animation-name: slideInRightDouble;
  animation-timing-function: ease-in-out;
  animation-duration: 3.25s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
    -webkit-animation-delay: 0.5s;
  animation-delay:0.25s;
}

@keyframes zoomIn {
  from {

    transform: scale3d(0.8, 0.8, 0.8);
  }

  to {
     transform: scale3d(1, 1, 1);
  }
}

.zoomIn.animated  {
  animation-name: zoomIn;
    animation-duration: 2s;
}

@keyframes zoomOut {
  from {
     transform: scale3d(1, 1, 1);
  }

  to {
     transform: scale3d(0.8, 0.8, 0.8);
  }
}

.zoomOut.animated  {
  animation-name: zoomOut;
    animation-duration: 2s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn.animated {
  animation-name: fadeIn;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut.animated {
  animation-name: fadeOut;
}