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

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

h1,
h2,
h3,
h4 {
	  font-weight: 700;
  	line-height: 1.35em;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

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

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: 568px) {
    iframe {
        max-width: 100%;
    }
}

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

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

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

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 {
    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.
 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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


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

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

.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.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

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

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

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

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

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

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* Responsive grid */
.row-fluid-wrapper.row-number-1.row-depth-1.dnd-section { /* fix single white line at top of page when hero DND area used */
  margin-top: -1px;
}

.row-fluid {
  width: 100%;
}

.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: 0px;
  margin-left: 1.709401709333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*="span"].global-wrapper{
    float: none;
    width: calc( 100% - 40px );
  	height: auto;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
/*
.row-fluid [class*='span']:first-child {
  margin-left: 0;
}
*/
.row-fluid [class*="span"].full-width {
    margin: 0;
    max-width: 100%;
}

.row-fluid [class*="span"].content-section{
    padding-top: 100px;
    padding-bottom: 100px;
}

[class*="span"].no-min-height,
.no-min-height .row-fluid > [class*="span"]{
    min-height: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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: 1px;
    margin-left: 2.762430939%;
    -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%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1240px) {
  .row-fluid {
    width: 100%;
  }

  .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: 1px;
    margin-left: 2.564102564%;
    -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:not('global-wrapper') {
    margin-left: 0;
  }
 
  .row-fluid .span12 {
    width: 100%;
    margin-left: 0;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
    margin-left: 0.213675213666657%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
    margin-left: 0.427350427333333%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
    margin-left: 0.641025641%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
    margin-left: 0.854700854666567%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
    margin-left: 1.068760683333333%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
    margin-left: 1.282051282%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
    margin-left: 1.495726495666167%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
    margin-left: 1.709401676%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
    margin-left: 1.923076923%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
    margin-left: 2.136752136666567%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
    margin-left: 2.350427350333333%;
  }
}

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

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

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

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

.blog-post__timestamp {
  display: block;
}

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

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

/* Blog related posts */
.sidebar ul li a {
  width: fit-content; 
}
.blog-related-posts {
  background-color: #F8FAFC;
}

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

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

.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-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 {
  font-size: 18px;
  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-wrapper .post .readme.button-cta a {
    margin-top: 10px; 
}

@media screen and (max-width: 1200px) {
  .footer-container-wrapper .post div:first-of-type {
    width: 60px;
    height: 60px;
  }
  
  .footer-container-wrapper .post div h3 {
    font-size: smaller;
  }
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}
@media screen and (max-width: 768px) {
  .footer-container-wrapper .post div:first-of-type {

  }
  .footer-container-wrapper .post div h3 {
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

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

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

/* Blog comments */

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

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

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

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

.social-sharing__share-text,
.social-sharing__link {
  clear:both;
  display: block;
  width: 100%;;
}

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

ul.cloud {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  line-height: 1.5rem;
}

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)*/
.blog-grid{
    margin-top: 0;
}

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

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

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

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

.blog-grid .post-item .post-body p {
    font-size: 0.9em;
}

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

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

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

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

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

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

/* Single Post Page Only Styles */
.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;
  padding: 0;
  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 */

p {
  margin: 0 0 1.4rem;
}

.post-item p {
  margin: 0 0 0.5rem;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

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

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

li{
    margin: 0 0 0.5em;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

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

/* Image alt text */

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

/* Testimonials */

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

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

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

blockquote, 
.testimonial blockquote {
    margin: 1em 2em 1em 1em;
    padding-left: 20px;
    display: inline-block;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 73%;
    margin: 0px 0px 0px 150px;
    padding: 20px 0;
    background: transparent;
    border-radius: 0;
}

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

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

@media screen and (max-width: 960px ){
  .testimonial cite {
      position: absolute;
      display: contents;
      width: auto; 
      font-style: normal;
      font-size: .7em;
      line-height: 135%;
  }
  
  .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;
  }
  
  blockquote, .testimonial blockquote {
    padding: 20px;
  }
}
@media screen and (max-width: 480px ){
  .testimonial blockquote {
      width: 90%; 
  }
  blockquote, .testimonial blockquote {
    padding: 5px;
  }
  
}

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

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

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

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

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

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

.no-button,
.no-button:hover,
.no-button:focus,
.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 */

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

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

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

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

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

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

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

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

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

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

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

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

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

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

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

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

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

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

.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 */

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

/* Validation */

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

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

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

/* Submit button */

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

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}

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

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */


/* Fixed Header */

body.fixed-header{
    /* Set this value to the 
       height of the header */
    padding-top: 80px;
}

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: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .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;
}

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

.relative-header .header-container-wrapper,
.relative-hero.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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

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

@media all and (max-width: 1200px) {
  .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: 767px) {
  .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: 767px) {
  .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: relative;
    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: fit-content;
    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-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
  margin-block-start: 0;
    margin-block-end: 0;
}

.headersubtitle h3 {
    white-space: nowrap;
    vertical-align: middle;
}

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

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

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

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal 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;
}

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

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

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

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

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

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

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

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

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

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

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

/* Menu Seperators */

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

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

/* 2nd Level */
.main-nav.custom-desktop .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.custom-desktop .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper > li:first-child:hover > ul {
    top: 1px;
}

.main-nav.custom-desktop .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.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li {
    display: block;
    width: calc( 100% + 10px );
    margin-left: 0;
	  margin-bottom: 0;
    float: left;
}

.main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:first-child {
    padding-top: 1px;
}

.main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:last-child {
    padding-bottom: 1px;
}

.main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a {
    display: block;
    letter-spacing: 0px;
    font-size: 20px;
    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.custom-desktop .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.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul {
    top: 0;
    padding: 0;
    background: none;
    left: 281px;
}

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


.main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:first-child,
.main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:last-child {
    padding: 0;
}

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

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

/* Override max width on menu links */
.main-nav.custom-desktop .hs-menu-wrapper > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > 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: 767px) {
  .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{
    font-size: 0.9em;
}

.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: 1100px) {
  .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 */

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

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

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

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

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

/* Password prompt */

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

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

.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 */

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

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

/* Widgets */

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

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

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


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

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

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

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

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



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

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

.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;
}
.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;
}
.widget-type-email_simple_subscription h3, .widget-type-email_subscriptions h3, .widget-type-email_subscriptions_confirmation h3{
  font-weight: inherit !important;
}
.widget-type-email_subscriptions p.header{
  margin-left: 0;
}
.subscribe-options label{
  margin-left: 0;
  margin-right: 0;
}


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

/* Column Group */

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

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

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

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

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

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

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

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

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

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

 
.footer-wrapper [class*="span"] {
   padding-right: 2.5%;
}

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

.footer-wrapper .text-area .row-fluid [class*=span],
.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;
}

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

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


@media(max-width: 480px){

  /* Global Styling */

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

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

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

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

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

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

  /* Footer */

  .footer-wrapper,
  .footer-wrapper .text-left{
    text-align: center;
  }
  
  .row-fluid [class*="span"] {
    width: 100% !important;
  }
  
  .footer-wrapper [class*="span"] {
   padding-right: 2.5%;
  }
  
  .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;
}