/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary variables that control standard elements
in the pages. This is also the file that loads all of the other themed CSS
styleshets into just this one in each of themed templates.
*********************************************************************************
****************************************************************************** */











































/* ******************************************************************************
*********************************************************************************
The intention of this file is to reset most of the different browser, built-in
CSS styles, so that it is an empty canvas for the themed specific stylesheets.
*********************************************************************************
****************************************************************************** */

*, *:before, *:after {
  box-sizing: border-box;
}
/* ******************************************************************************
*********************************************************************************
The intention of this file is to makes browsers render all elements more
consistently and in line with modern standards.
It precisely targets only the styles that need normalizing.
*********************************************************************************
****************************************************************************** */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

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

body {
  margin: 0;
}

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

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
Drag and Drop (DND) sections look when editing content in the page editor.
*********************************************************************************
****************************************************************************** */

dnd-section {
  padding: 80px 20px;
}
.banner-area .dnd-section {
  padding: 0;
}
.dnd-section[class*="full-width"]>.row-fluid {
    padding: 0 !important;
}

.dnd-section[class*="full-width"] {
    padding: 0 !important;
}

.custom-case-study-row1 hr {
    background: transparent;
    margin: 100px 0 0 !important;
}

.dnd-section > .row-fluid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.dnd-section .widget-type-cell {

}

@media (max-width: 1239px) {
  .dnd-section > .row-fluid,
  .content-wrapper{
    padding-left: 5%;
    padding-right: 5%;
  }
.custom-case-study-row1 hr {
    background: transparent;
    margin: 50px 0 0 !important;
}
}
@media (max-width: 767px) {
  .dnd-section .widget-type-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
fonts apppear throughout your site.
*********************************************************************************
****************************************************************************** */

@font-face {
  font-family: Montserrat-Bold;
  src: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Bold.woff2) format('woff2'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Bold.woff) format('woff'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Bold.ttf) format('truetype');
}


@font-face {
  font-family: Montserrat-Light;
  src: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Light.woff2) format('woff2'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Light.woff) format('woff'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Light.ttf) format('truetype');
}


@font-face {
  font-family: Montserrat-Medium;
  src: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Medium.woff2) format('woff2'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Medium.woff) format('woff'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Medium.ttf) format('truetype');
}

@font-face {
  font-family: Montserrat-SemiBold;
  src: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-SemiBold.woff2) format('woff2'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-SemiBold.woff) format('woff'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-SemiBold.ttf) format('truetype');
}

@font-face {
  font-family: Montserrat-Regular;
  src: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Regular.woff2) format('woff2'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Regular.woff) format('woff'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
  font-family: Bernadette;
  src: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Bernadette.ttf) format('truetype'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Bernadette.woff) format('woff'),
    url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/fonts/Bernadette.woff2) format('woff2');
  src: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/PaloIt_August2020/fonts/bernadette-907eb69234d6cd6f46e1e1d1026da985.otf);

}


html {
  font: 112.5%/1.45em georgia,serif;
}

body {
  font-family: georgia, serif;
  font-size: 1.1rem;
  color: #494a52;
  font-weight: 400;
}

p {
  padding: 0;
  margin: 0 0 1.45rem;
  line-height: 2rem;
}

/* Anchor Links */
a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}
a:hover, a:focus {
  outline-width: 0;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  font-weight: 700;
  font-family: Merriweather, serif;
  color: #494a52;
  word-break: break-word;
}

h1 {
  font-size: 3.4rem;
  line-height: 1.1;
  letter-spacing: -.1rem;
  padding: 0;
  margin: 0 0 1.45rem;
  color: inherit;
  font-family: Montserrat-Bold,sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}

h2 {
  padding: 0;
  margin: 0 0 1.45rem;
  color: inherit;
  font-family: Montserrat-Bold,sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  font-size: 2.7rem;
  line-height: 1.15;
  letter-spacing: -.06rem;
}

h3 {
  padding: 0;
  margin: 0 0 1rem;
  color: inherit;
  font-family: Montserrat-Bold,sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  font-size: 2rem;
  line-height: 1.1;
}

h4 {
  padding: 0;
  margin: 0 0 1.45rem;
  color: inherit;
  font-family: Montserrat-Bold,sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
  font-size: 1rem;
}

h5 {
  padding: 0;
  margin: 0 0 1.45rem;
  color: inherit;
  font-family: Montserrat-Bold,sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
  font-size: .85028rem;
}

h6 {
  color: inherit;
  font-family: Montserrat-Bold,sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  font-size: .78405rem;
  line-height: 1.1;
  padding: 0;
  margin: 0 0 1.45rem;
}

strong {
  font-weight: 700;
}

code {
  vertical-align: bottom;
}

ul,
ol {
  padding: 0;
  margin: 0 0 1.45rem 1.45rem;
  line-height: 2rem;
}

ul li,
ol li {
  margin-bottom: .725rem;

}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;

}

blockquote {
  padding: 0;
  margin: 0 1.45rem 1.45rem;
}

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

/* TODO */
small {

}

/* TODO */
mark {

}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

:focus {
  outline: auto;
  outline-color: green;
}

.disable-focus-styles :focus {
  outline: none;
}
@media only screen and (max-width: 1023px){
  h1 {
    font-size: 2.4rem;
  }
  h1, h2 {
    line-height: 1.4;
  }
  h2 {
    font-size: 1.7rem;
  }
  h3 {
    font-size: 1.3rem;
    line-height: 1.4;
  }
  p {
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 767px) {
  html {

  }
  h1 {
    font-size: 2.2rem;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 100%;
  }
}

@media only screen and (max-width: 359px) {
  h2 {
    font-size: 1.5rem;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your forms looks
throughout your site. Styles for form fields, buttons, inputs, etc.
*********************************************************************************
****************************************************************************** */

form {
  max-width: 100%;
  font-family: Lato, sans-serif;
}

.hs-button {
/*  margin: 0;*/
  cursor: pointer;
  display: inline-block;
/*  font-weight: normal;*/
  /*line-height: 1.1;*/
  position: relative;
  text-align: center;
  transition: all 0.15s linear;
  background-color: #494A52;
  border-color: #494A52;
  color: #fff;
/*  border-radius: 6px;*/
  border-style: solid;
  border-width: 1px;
/*  font-size: .92rem;*/
/*  padding: 15px 53px;*/
  
  text-decoration: none;
  
   
  box-sizing: border-box;  
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  line-height: 36px;
  user-select: none;
  box-shadow: rgba(0,0,0,0.3) 0px 2px 8px 0px;
  /*width: 270px;*/
  /*height: 50px;*/
  /* padding: 0px; */
  outline: 0;
  overflow: hidden;
  border-radius: 70px;
  margin: auto 10px;
  /*border-color: #05c189;*/
  border-image: initial;
  vertical-align: middle;
  letter-spacing: 1.3px;
  padding: 7px 20px;  
}

.hs-button:hover, .hs-button:focus {
  background-color: #21222a;
  border-color: #21222a;
  
  color: #fff;
}

.hs-button:active {
  background-color: #71727a;
  border-color: #71727a;
}


.hs-form label {
  font-size: .83rem;
  color: #33475b;
  display: block;
  float: none;
  width: auto;
  font-weight: normal;
  text-align: left;
  line-height: 1.2;
  padding-top: 0;
  margin-bottom: 4px;
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  font-family: Montserrat-Regular, Arial;
  text-transform: uppercase;
  color: rgb(5, 204, 152);
}

@media only screen and (min-width: 1024px){
  .hs-form label {
    font-size: 0.9rem;
  }
  
  .sg .hs-form label {
    font-size: 0.8rem;
  }
}

.hs-error-msgs label {
  margin-top: .5rem;
  color: #f2545b;
}

.hs-input,
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"],
input[type="file"],
textarea,
select {
  display: block;
  width: 100%;
  color: rgb(112, 111, 103);
  font-size: 1.1rem;
  line-height: 2rem;
  font-family: Montserrat-Light, Arial;
  border-top-style: initial;
  border-right-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  width: 100%;
  border-width: 0px 0px 2px;
  border-image: initial;
  border-bottom: 2px solid rgb(211, 211, 206);
  padding: 4px 0px;
  border-radius: 0px;
}
.hs-input[type=checkbox],
.hs-input[type=radio] {
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0px;
  line-height: normal;
  border: none;
}

.hs-input[type=file] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
  box-shadow: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {}
.hs-input:-moz-placeholder {
  color: #bfbfbf;
}

.hs-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.hs-input input,
.hs-input textarea {
  transition: border 0.2s linear;
}
.hs-input:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
}

textarea.hs-input {
  height: auto;
}

select[multiple].hs-input {
  height: inherit;
}

/* Force single column fields to full width inside of fieldsets */
fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  width: 100% !important;
}

input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: #fc4f60;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: #fc4f60;
}

.actions {
  padding: 0;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 0;
}
.inputs-list > li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  text-align: left;
  white-space: normal;
  font-weight: normal;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list > li + li {
  padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
  vertical-align: middle;
}

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

.field {
  margin-bottom: 30px;
}

.hs-field-desc {
  color: #7c98b6;
  margin: 0px 0px 6px;
  font-size: 14px;
}

.hs-form-required {
  color: rgb(5, 204, 152);
}

.hs-richtext {
  margin-bottom: 3px;
  line-height: 1.2;
  font-size: 1rem;
  color: #494a52;
}
.hs-richtext hr {
  text-align: left;
  margin-left: 0;
  width: 91%;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.email-correction, .email-validation {
  padding-top: 3px;
  font-size: 12px;
}
.email-correction a,
.email-validation a {
  cursor: pointer;
}

@media (max-width:1023px) {
  .hs-form label {
    font-size: 0.7rem;
    line-height: 1.2rem;
    letter-spacing: 0.2rem;
    font-family: Montserrat-Regular, Arial;
    text-transform: uppercase;
    color: rgb(5, 204, 152);
  }
  form input, form select, form textarea, .hs-input, .hs-input, 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"], input[type="file"], textarea, select {
    font-size: 0.9rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 400px),
  (min-device-width: 320px) and (max-device-width: 480px) {
    .email-correction form .form-columns-2 .hs-form-field,
    .email-correction form .form-columns-3 .hs-form-field,
    .email-validation form .form-columns-2 .hs-form-field,
    .email-validation form .form-columns-3 .hs-form-field {
      float: none;
      width: 100%;
    }
    .email-correction form .form-columns-2 .hs-form-field .hs-input,
    .email-correction form .form-columns-3 .hs-form-field .hs-input,
    .email-validation form .form-columns-2 .hs-form-field .hs-input,
    .email-validation form .form-columns-3 .hs-form-field .hs-input {
      width: 90%;
    }
    .email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-2 .hs-form-field input[type=radio],
    .email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-3 .hs-form-field input[type=radio],
    .email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-2 .hs-form-field input[type=radio],
    .email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-3 .hs-form-field input[type=radio] {
      width: 24px;
    }
}

.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: georgia, serif;
}
@media (max-width:767px) {
  .hs-input,
  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"],
  input[type="file"],
  textarea,
  select {
    display: block;
    width: 100% !important;
    max-width: 100% !important;

  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
menu items appear, including the link and hover effects.
*********************************************************************************
****************************************************************************** */

.hs-menu-wrapper ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.hs-menu-item a {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

.hs-menu-item:hover a,
.hs-menu-item:focus a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}

.hs-menu-item.active a {
  color: rgba(0, 0, 0, 0.9);
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
tables look throughout your site.
*********************************************************************************
****************************************************************************** */

table {
  margin-bottom: 1rem;
  border: 1px solid #dee2e6;
}

th,
td {
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
}

thead th,
thead td {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
  border-bottom-width: 2px;
}

thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

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

/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */



.custom-case-study-row1 .hs_cos_wrapper.widget-type-rich_text {
  display: flex;
  flex-direction: column;
  margin: 50px 5% 0;
  color: rgb(112, 111, 103);
}
.custom-case-study-row1 .hs_cos_wrapper.widget-type-rich_text a {
  cursor: pointer;
  font-weight: bold;
  color: #05CC98;
  text-decoration: underline;
}
.custom-case-study-row .image-row img {
  vertical-align: middle;
}
.custom-case-study-row1 span.hs_cos_wrapper_widget.hs_cos_wrapper_type_rich_text p:last-child {
  margin-bottom: 30px;
}
.custom-case-study-row .content-col p:last-child {
  margin-bottom: 30px;
}
.custom-case-study-row2 {
  padding-top: 100px;
}
.banner-section .span12 {
  min-height: 0;
}
.body-container__website .hs_cos_wrapper_type_header h1 {
  padding: 0;
  margin: 0;
  color: inherit;
  font-family: Montserrat-Bold,sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  font-size: 2.7rem;
  line-height: 1.15;
  letter-spacing: -.06rem;
  color: rgba(0,0,0,.8);
}
.body-container__website .hs_cos_wrapper_type_header {
  width: 90%;
  margin: 0px 5% 2rem;
  display: block;
}

.body-container__website .hs_cos_wrapper_type_rich_text {
  width: 90%;
  font-family: Montserrat-Regular;
  color: rgba(0,0,0,.8);
  display:block;
}

.body-container__website .hs_cos_wrapper_type_rich_text strong {
  font-family: Montserrat-SemiBold;
}
.body-container__website .hs_cos_wrapper_type_rich_text p {
  color: rgb(112, 111, 103);
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.body-container__website .hs_cos_wrapper_type_rich_text  a {
  cursor: pointer;
  font-weight: bold;
  color: #05CC98;
  text-decoration: underline;
}
.body-container__website .hs_cos_wrapper_type_rich_text ul {
  font-size: 18px;
  line-height: 26.1px;
}

.body-container-work .custom-case-study-row h5 {
  color: rgb(170, 168, 162);
  font-size: 0.7rem;
  padding-bottom: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  font-family: Montserrat-Regular, Arial;
  text-transform: uppercase;
}
.body-container-work .custom-work-row1 .custom-case-study-row .page-center {
  margin: 0 auto;
  padding-top: 70px;
  padding-bottom: 30px;
  flex-direction: row;
}
.body-container-work .custom-case-study-row .page-center {
  margin: 0 auto;
  padding: 50px 0px;
  flex-direction: row;
}

.body-container-work .custom-case-study-row .page-center h3, .body-container-work .custom-case-study-row .page-center h3:not(:first-child) {
  color: rgba(0,0,0,.8);
}
.body-container-work .custom-work-row2 .custom-case-study-row .page-center .col.image-row {
  width: 40%;
  margin-right: 30px;
}
.body-container-work .custom-case-study-row h5 {
  color: rgb(170, 168, 162);
  font-size: 0.7rem;
  padding-bottom: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  font-family: Montserrat-Regular, Arial;
  text-transform: uppercase;
  margin: 0;
  font-weight: normal;
}

.body-container-work .custom-case-study-row .page-center .col.content-row {
  flex: 1 1 0%;
  margin: auto;
  padding: 0;
}

.body-container-work .custom-case-study-row .page-center  .col.image-row {
  width: 50%;
  min-width: auto;
}
.custom-two-col-img .btn {
  min-width: 200px;
  margin: 50px 0px;
}
.body-container-work .custom-case-study-row .page-center .col.content-row p {
  margin: 0;
  color: rgb(25, 25, 25);
  font-size: 1.1rem;
  line-height: 2rem;
  font-family: Montserrat-Light, Arial;
}

.btn,
a.btn{
  box-sizing: border-box;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  line-height: 36px;
  user-select: none;
  text-align: center;
  box-shadow: rgba(0,0,0,0.3) 0px 2px 8px 0px;
  color: #fff;
  background-color: #05cc98;
  width: 150px;
  height: 50px;
  text-decoration: none;
  outline: 0;
  overflow: hidden;
  border-radius: 70px;
  margin: auto 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #05c189;
  border-image: initial;
  position: relative;
  color: #fff;
  vertical-align: middle;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  font-family: Montserrat-SemiBold;
  padding: 7px 0px;
}
.btn:hover, a.btn:hover{
  color: #fff;
}
.custom-company-logos .slick-arrow:before {
  display: none !important;
}
.slick-slider, .slick-slider * {
  outline: 0 !important;
}
.body-container-work .custom-case-study-row.left .page-center {
  flex-direction: row-reverse;
}

@-webkit-keyframes ball-l {
  0%,50% {
    -webkit-transform: rotate(0) translateX(0);
    transform: rotate(0) translateX(0)
  }

  to {
    -webkit-transform: rotate(50deg) translateX(-2.5em);
    transform: rotate(50deg) translateX(-2.5em)
  }
}

@keyframes ball-l {
  0%,50% {
    -webkit-transform: rotate(0) translate(0);
    transform: rotate(0) translateX(0)
  }

  to {
    -webkit-transform: rotate(50deg) translateX(-2.5em);
    transform: rotate(50deg) translateX(-2.5em)
  }
}

@-webkit-keyframes ball-r {
  0% {
    -webkit-transform: rotate(-50deg) translateX(2.5em);
    transform: rotate(-50deg) translateX(2.5em)
  }

  50%,to {
    -webkit-transform: rotate(0) translateX(0);
    transform: rotate(0) translateX(0)
  }
}

@keyframes ball-r {
  0% {
    -webkit-transform: rotate(-50deg) translateX(2.5em);
    transform: rotate(-50deg) translateX(2.5em)
  }

  50%,to {
    -webkit-transform: rotate(0) translateX(0);
    transform: rotate(0) translateX(0)
  }
}

@-webkit-keyframes shadow-l-n {
  0%,50% {
    opacity: .5;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: .125;
    -webkit-transform: translateX(-1.57em);
    transform: translateX(-1.75em)
  }
}

@keyframes shadow-l-n {
  0%,50% {
    opacity: .5;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    opacity: .125;
    -webkit-transform: translateX(-1.75);
    transform: translateX(-1.75em)
  }
}

@-webkit-keyframes shadow-r-n {
  0% {
    opacity: .125;
    -webkit-transform: translateX(1.75em);
    transform: translateX(1.75em)
  }

  50%,to {
    opacity: .5;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes shadow-r-n {
  0% {
    opacity: .125;
    -webkit-transform: translateX(1.75em);
    transform: translateX(1.75em)
  }

  50%,to {
    opacity: .5;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 136
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 136
  }
}

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
@-webkit-keyframes loader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes loader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes loader-path {
  0% {
    stroke-dasharray: 0,580,0,0,0,0,0,0,0
  }

  50% {
    stroke-dasharray: 0,450,10,30,10,30,10,30,10
  }

  to {
    stroke-dasharray: 0,580,0,0,0,0,0,0,0
  }
}

@keyframes loader-path {
  0% {
    stroke-dasharray: 0,580,0,0,0,0,0,0,0
  }

  50% {
    stroke-dasharray: 0,450,10,30,10,30,10,30,10
  }

  to {
    stroke-dasharray: 0,580,0,0,0,0,0,0,0
  }
}

@keyframes fadein {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeout {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes fadeout {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}
@-webkit-keyframes draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes fade {
  100% {
    opacity: 0;
  }
}

@keyframes fade {
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


@-webkit-keyframes draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes fade {
  100% {
    opacity: 0;
  }
}

@keyframes fade {
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.custom-contact-row1 {
  margin: auto;
  padding: 50px;
}
.custom-event-row .hs_cos_wrapper_type_rich_text p {
  color: rgb(25, 25, 25);
  font-family: Montserrat-Light, Arial;
  margin: 0px 0px 20px;
}
.custom-contact-row1 form,
.custom-contact-row1 form * {
  -webkit-font-smoothing: subpixel-antialiased;
}
.custom-contact-row1 h3.form-title {
  margin: 0;
  padding: 0;
}
.custom-event .img-wrap img {
  border-radius: 10px 10px 0px 0px;
  vertical-align: middle;
}
.custom-event-row2 .span3 .custom-event-card{
  min-height: 572px;
}
.custom-event-row2 .span4,
.custom-event-row2 .span3{
  width: auto;
  margin: 0;
  padding-right: 40px;
}

.custom-event-row2 .span4:last-child,
.custom-event-row2 .span3:last-child{
  padding-right: 0;
}
.custom-contact-row1 .hs-richtext p {
  font-size: 0.7rem;
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  font-family: Montserrat-Regular, Arial;
  color: rgb(25, 25, 25);
  text-transform: uppercase;
  padding: 0px;
  margin: 0;
}
.custom-contact-row1 .hs-richtext h3 {
  color: rgb(25, 25, 25);
  font-family: Montserrat-Medium;
}

.custom-contact-row1 .field.hs-form-field.hs-phone {
  margin-bottom: 0;
}

.custom-contact-row1 form {
  text-align: left;
  display: flex;
  grid-template-columns: 1fr 1fr;
  z-index: 9;
  margin: 0px;
  animation: 1s ease 0s 1 normal none running fadein;
}
.custom-contact-row1 .hs-richtext {
  margin: 0 0 30px;
}
.custom-contact-row1 form .col1 {
  max-height: 643px;
  padding: 60px;
  width: 50%;
}

.custom-contact-row1 form .sg {
  max-height: 800px;
}
.custom-contact-row1 form .col1.sg {
  width: 30%;
  padding-right: 30px;
}

.custom-contact-row1 form .col1b.sg {
  width: 30%;
}

.custom-contact-row1 form .col2.sg {
  width: 40%;
}

.custom-contact-row1 form .col1.sg label {
  font-size: .8rem;
  letter-spacing: 0.05rem;
}

.custom-contact-row1 form .sg .inputs-list label {
  font-size: .7rem;
  letter-spacing: 0.025rem;
}

.custom-contact-row1 form .col1.sg .inputs-list>li+li {
  padding-top: 0;
}


.custom-contact-row1 form .col1.sg .hs-fieldtype-select .input{
  height: 48px;
}

.custom-contact-row1 form .col1.sg .field{
  margin-bottom: 15px;
}

.custom-contact-row1 form .col1.sg .hs-input {
  font-size: .8rem;
}

.custom-contact-row1 form .col1.sg  .hs-fieldtype-select select{
  width: 100%;
  margin-top: 0;
  padding: 0;
  font-size: .8rem;
}

.custom-contact-row1 form .col1.sg .input {
  position: relative;
}

.custom-contact-row1 form .col1b {
  padding: 60px 30px 60px 0;
  width: 50%;
}

.custom-contact-row1 form .col1b .inputs-list>li {
  margin: 0;
}

.contactus-closebtn {
  position: absolute;
  z-index: 200001;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.custom-contact-ligtbox {
  display: none;
  letter-spacing: 0px;
  position: fixed;
  z-index: 9999;
  top: 10vh;
  left: 0px;
  right: 0px;
  height: auto;
  background: white;
  border-radius: 15px;
  margin: auto;
  animation: 1s ease 0s 1 normal none running fadein;
}.contactus-closebtn {
  position: absolute;
  z-index: 200001;
  right: 20px;
  top: 20px;
}

.custom-contact-ligtbox.open {
  display: block;
  animation: 1s ease 0s 1 normal none running fadein;
}
.custom-contact-ligtbox .overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.custom-contact-ligtbox .custom-contact-row1 {
  top: 10vh;
  left: 0px;
  right: 0px;
  height: auto;
  max-height: 643px;
  max-width: 1160px;
  background: white;
  border-radius: 15px;
  margin: auto;
  overflow: hidden;
  padding: 0;
  z-index: 999;
  background: #fff;
  position: fixed;
  overflow-y: auto;
  max-height: 100%;
}
.custom-contact-row1 .hs-form label {
  display: inline;
  margin: 0;
}
.custom-contact-row1 form .col2 {
  max-height: 643px;
  border-radius: 0 15px 15px 0;
  width: 50%;
  background: rgb(240, 240, 236);
}

.custom-contact-row1 .hs-form label {
  display: inline;
  margin: 0;
}

.custom-contact-row1 .field.hs-form-field.hs-phone {
  margin-bottom: 0;
}

.custom-contact-row1 select {
  background-color: transparent;
}

.custom-contact-row1 .hs_select_country.field.hs-form-field {
  border-top-right-radius: 15px;
  display: flex;
}
.custom-contact-row1 .hs_select_country.field.hs-form-field .input:after {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 20px;
    height: 20px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #05cc98;
    left: 220px;
    position: absolute;
    top: 47.5%;
    z-index: 1;
}
.custom-contact-row1 select {
    -webkit-appearance: none;
}

.custom-contact-row1 .hs_select_country.field.hs-form-field >label {
  font-size: 0.7rem;
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  font-family: Montserrat-Regular, Arial;
  text-transform: uppercase;
  width: 80px;
  color: #05CC98;
  padding: 0px 0px 0px 30px;
  margin: auto;
  margin-right: -12px;
}
.custom-contact-row1 select {
  background-color: transparent;
  color: rgb(112, 111, 103);
  font-size: 1.1rem;
  line-height: 2rem;
  font-family: Montserrat-Light, Arial;
  cursor: pointer;
  position: absolute;
  text-align: left;
  background-color: #F0F0EC;
  appearance: none;
  margin-top: 25px;
  flex: 4 1 0%;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  outline: none;
  text-decoration: none;
  padding: 10px;
  width: auto;
  display: inline-block;
  padding-right: 44px;
  z-index: 4;
  background: transparent;
}

html[lang="fr"] .custom-our-approach .img-col img {
    margin: 0;
}
.custom-contact-row1 textarea.hs-input {
  font-size: 1.1rem;
  line-height: 2rem;
  font-family: Montserrat-Light, Arial;
  height: 100%;
  width: 100%;
  color: rgb(112, 111, 103);
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
  resize: none;
  background: rgb(240, 240, 236);
  padding: 30px;
  border-width: 2px 0px 0px;
  border-image: initial;
  outline: 0px;
  border-radius: 0px;
  overflow: auto;
  height: 405px;
}
.custom-contact-row1 .hs-form .hs-error-msgs label, .hs-error-msgs label {
  /* padding-left: 50px; */
  display: inline-block;
  color: rgb(252, 79, 96);
  font-family: Montserrat-Light;
  font-size: 0.9rem;
  padding-top: 0px;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.5;
}
.custom-contact-row1 input.hs-button.primary.large {
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: center;
  font: inherit;
  margin: 0;
  font-family: Montserrat-Bold;
  color: #FFFFFF;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 30px;
  border-radius: 0px;
  cursor: pointer;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  outline: 0px;
  width: 100%;
  height: 80px;
  margin: 8px 0 0;
}

.custom-contact-row1 .hs_error_rollup {
  position: absolute;
  /* bottom: 0; */
  padding: 0 60px;
}
.custom-contact-row1 select option {
  color: #706F67;
  font-family: Montserrat-Light;
  font-size: 25px;
  line-height: 40px;
  padding: 10px;
  background: #fff;
}
.custom-contact-row1 .hs_message.hs-message.hs-fieldtype-textarea.field.hs-form-field {
  margin: 0;
}
.custom-contact-row1 .hs_select_country.field.hs-form-field .input {
  position: relative;
  flex: 8 1 0;
  padding-top:17px;
}

.custom-contact-row1 .hs_select_country.field.hs-form-field {
  border-top-right-radius: 15px;
  display: flex;
  height: 143px;
  margin: 0;
  border-bottom: 2px solid rgb(211, 211, 206);
}
.custom-event-row {
  margin: 30px;
}

.custom-event-row h2 span{
  color: #05CC98;
  text-shadow: 0px 2px 3px rgba(255,255,255,0.2);
}

.custom-positive-impact-row1 h2 {
}

.custom-positive-impact-row-wrap {
  background-color: rgb(255, 255, 255);
  padding: 90px 0px 0px;
  text-align: center;
}
.custom-contact-row1 .hs-input::-webkit-input-placeholder {
    color: inherit;
    opacity: .54;
}
.custom-positive-impact-row1 h2 span{
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.2) 0px 2px 3px;
}

.custom-positive-impact-row1 p {
  text-align: center;
  max-width: 700px;
  margin: 0px auto;
  color: rgb(25, 25, 25);
}
.custom-positive-impact-row1,
.custom-positive-impact-row2{
  position: relative;
}
.custom-positive-impact-row-wrap .bg-1 {
  position: absolute;
  display: inline-block;
  background-size: 290px;
  width: 290px;
  height: 300px;
  background-repeat: no-repeat;
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/O_Red_1.png);
  width: 290px;
  height: 300px;
  top: 100px;
  left: -190px;
}

.custom-career-row6 .hs-form .hs-input:focus {
  outline: -webkit-focus-ring-color auto 1px;
}

.custom-positive-impact-row-wrap .bg-2{
  position: absolute;
  display: inline-block;
  background-size: 290px;
  width: 290px;
  height: 300px;
  background-repeat: no-repeat;
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/A_Yellow_12.png);
width: 100px;
    height: 400px;
    bottom: -380px;
    right: 0px;
    z-index: 2;
}
.custom-positive-impact-row3 {
  padding: 60px 0 0;
}

.body-container-work .custom-case-study-row .page-center .col.image-row{
  margin: 0;
}
@supports (-webkit-background-clip: text) or (-moz-background-clip:text) or (background-clip:text) {
  .custom-positive-impact-row1 h2 span{
    color:transparent;
    background-image: linear-gradient(to top,#05CC98,#05F0A1);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
  }
}
@supports (-webkit-background-clip: text) or (-moz-background-clip:text) or (background-clip:text) {
  .custom-positive-impact-row1 h2 span {
    background-image:linear-gradient(to top,#16ADF8,#78D9F4);
  }
}
.custom-positive-impact-row6 .custom-company-logos h2 {
  padding-bottom: 74px;
}
.custom-case-study-wrapper {
  width: 100%;
  padding: 80px 0px;
}
.custom-case-study-slider {
  padding: 20px 0px;
}
.custom-case-study-wrapper .top-content h2 span {
  color: rgb(5, 204, 152);
  text-shadow: rgba(255, 255, 255, 0.2) 0px 2px 3px;
}

.custom-case-study-slider a.slick-slide {
  width: 900px;
  height: 500px;
  margin-right: 100px;
  background-image: linear-gradient(to top, rgb(22, 173, 248), rgb(120, 217, 244));
  display: flex;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
  padding: 20px 0px 0px 20px;
  border-radius: 10px;
  transition: all 0.2s ease-in-out 0s;
}
.custom-case-study-row .content-row p a {
  cursor: pointer;
  font-weight: bold;
  color: #05CC98;
  text-decoration: underline;
}
@supports (-webkit-background-clip: text) or (-moz-background-clip:text) or (background-clip:text) {
  .custom-case-study-wrapper .top-content h2 span {
    color: transparent;
    background-image: linear-gradient(to top, rgb(5, 204, 152), rgb(5, 240, 161));
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
  }
}
.custom-case-study-wrapper .top-content {
  text-align: center;
}

.custom-case-study-wrapper .top-content p{
  text-align: center;
  width: 60%;
  line-height: 2em;
  margin: 0px auto;
  color: rgb(25, 25, 25);
}

.custom-why-palo-it h2 span {
  color: rgb(5, 204, 152);
  text-shadow: rgba(255, 255, 255, 0.2) 0px 2px 3px;
}

.custom-career-row6 .dnd-section {
  background-color: rgb(250, 250, 250);
}

.custom-career-row6 .dnd-section>.row-fluid {
  max-width: 770px !important;
  margin: 50px auto 0px !important;
  padding: 125px 0px !important;
}

.custom-career-row6 .dnd-section p {
  color: rgb(25, 25, 25);
  /* font-size: 1.1rem; */
  /* line-height: 2rem; */
  font-family: Montserrat-Light, Arial;
  margin-bottom: 67px;
  max-width: 564px;
}

.custom-career-row6  .hs-form label {
  display: inline;
}

.custom-career-row6 .hs-form .hs-input {
  padding: 1px 2px;
  background: transparent;
  margin-top: 1px;
}
.custom-career-row6 .hs_cv.hs-cv {}

.custom-career-row6 .hs_cv.hs-cv>label {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  z-index: 9;
  vertical-align: middle;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  font-family: Montserrat-SemiBold;
  /* left: 71px; */
  width: 250px;
  display: block;
  height: 50px;
  text-align: center;
  line-height: 53px;
  cursor: pointer;
}

.custom-career-row6 .hs_cv.hs-cv .hs-input {
  position: absolute;
  top: 0;
}

.custom-career-row6 .hs_cv.hs-cv.field.hs-form-field {
  position: relative;
  padding-bottom: 36px;
  margin: 0;
}

.custom-career-row6 .hs_cv.hs-cv legend.hs-field-desc {
  padding-top: 75px;
  color: rgb(252, 79, 96);
  font-family: Montserrat-Regular;
  font-size: 0.8rem;
  letter-spacing: 1.86px;
  margin: 0;
}

.custom-career-row6  .field.hs-form-field {
  margin-bottom: 29px;
}
.custom-positive-impact-row3 .custom-postive-impact .bg-img {
    margin-right: -5px;
}
.custom-career-row6 .hs_cv.hs-cv .hs-input {
  box-sizing: border-box;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  /* position: relative; */
  line-height: 36px;
  user-select: none;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px 0px;
  color: #05CC98;
  background-color: rgb(255, 255, 255);
  width: 150px;
  height: 50px;
  text-decoration: none;
  padding: 0px;
  outline: none;
  overflow: hidden;
  border-radius: 70px;
  margin: auto 10px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  width: 250px;
  margin: 0px;
  font-size: 0;
  z-index: 1;
  cursor: pointer;
}

.custom-career-row6 .hs_cv.hs-cv .hs-input * {
  padding: 0;
  margin: 0;
}

.custom-career-row6 .hs_cv.hs-cv  ::-webkit-file-upload-button {
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
}

.custom-career-row6 .field.hs-form-field.hs_message.hs-message {
  margin-bottom: 7px;
}
.custom-career-row6 ul.inputs-list.multi-container {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0px 31px;
  padding: 0;
}

.custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox {
  width: 33.33%;
  margin: 0 0 -2px 0;
}
.custom-career-row6 .hs-form .hs-error-msgs label {
  color: #fc4f60;
  display: block;
}

.custom-career-row6 .hs-form textarea.hs-input {
  color: rgb(112, 111, 103);
  font-size: 1.1rem;
  line-height: 2rem;
  font-family: Montserrat-Light, Arial;
  height: 400px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 10px 0px;
  resize: none;
  border-radius: 15px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  padding: 40px 50px;
}
.custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox label span:hover:before {
  background-color: rgb(240, 240, 236);
}

.custom-career-row6 .hs-form  .hs-error-msgs label {
  color: #fc4f60;
  display: block;
}

.custom-career-row6 .hs-form textarea.hs-input {
  color: rgb(112, 111, 103);
  font-size: 1.1rem;
  line-height: 2rem;
  font-family: Montserrat-Light, Arial;
  height: 400px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 10px 0px;
  resize: none;
  border-radius: 15px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  padding: 40px 50px;
}

.custom-career-row6 .hs-form input.hs-button.primary.large {
  box-sizing: border-box;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  line-height: 36px;
  user-select: none;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px 0px;
  color: rgb(255, 255, 255);
  background-color: rgb(5, 204, 152);
  width: 150px;
  height: 50px;
  text-decoration: none;
  padding: 0px;
  outline: none;
  overflow: hidden;
  border-radius: 70px;
  margin: auto 10px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(5, 193, 137);
  border-image: initial;
  position: relative;
  color: rgb(255, 255, 255);
  vertical-align: middle;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  font-family: Montserrat-SemiBold;
}
.custom-career-row6 .hs_submit.hs-submit {
  margin-bottom: 20px;
  padding: 39px 0px 41px;
}
.custom-career-row6 .actions {
  text-align: center;
  display: block;
  padding-bottom: 55px;
}
.custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox input {
  padding: 3px 6px;
  opacity: 0;
  position: absolute;
}
.custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox label {
  color: #191919;
  font-family: Montserrat-Regular;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0;
  float: left;
  margin-bottom: 40px;
  text-transform: none;
  letter-spacing: 0;
}

.custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox label span:before {
  display: inline-block;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-right: 10px;
  vertical-align: bottom;
  border-radius: 3px;
  border-width: 2px;
  border-style: solid;
  border-color: rgb(170, 168, 162);
  border-image: initial;
  content: "";
}

.custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox .hs-input[type=checkbox]:checked {}

.custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox .hs-input[type=checkbox]:checked+span:after {
  left: 6px;
  top: 2px;
  width: 8px;
  height: 12px;
  transform: rotate(40deg);
  border-style: solid;
  border-color: white;
  border-image: initial;
  border-width: 0px 2px 2px 0px;
  content: "";
  display: block;
  position: absolute;
}

span {}
.custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox label span:hover:before {
  background-color: rgb(240, 240, 236);
}
.custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox .hs-input[type=checkbox]:checked+span:before {
  background-color: rgb(5, 204, 152);
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
}
.custom-contact-row1 textarea.hs-input::-webkit-input-placeholder,
.custom-contact-row1 .hs-input::-webkit-input-placeholder,{
  color: inherit;
  opacity: .54;
}
.custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox span {
  position: relative;
}

@supports (-webkit-background-clip: text) or (-moz-background-clip:text) or (background-clip:text) {
  .custom-why-palo-it h2 span {
/*     background-image: linear-gradient(to top, rgb(5, 204, 152), rgb(5, 240, 161));
    color: transparent; */
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
  }
}

.about-us-body-container {
  overflow: hidden;
}


@supports (-webkit-background-clip: text) or (-moz-background-clip:text) or (background-clip:text) {
  .custom-event-row h2 span{
    background-image: linear-gradient(to top, rgb(252, 79, 96), rgb(252, 126, 126));
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
  }
}


@media only screen and (min-width: 1024px){
  .body-container__website .hs_cos_wrapper_type_rich_text {
    max-width: 960px;
    margin: 0px auto;
  }
  .body-container-work .custom-case-study-row h5 {
    font-size: 0.9rem;
    padding-bottom: 1.5rem;
  }
  .body-container__website .hs_cos_wrapper_type_rich_text p {
    font-size: 1.1rem;
    line-height: 2rem;
  }
  .custom-contact-row1 .hs-richtext p {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
  }
  .custom-contact-row1 .hs_select_country.field.hs-form-field >label{
    font-size: 0.9rem;
    padding-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 1200px){
  .custom-contact-row1 .hs_select_country.field.hs-form-field >label{
    width: auto;
    padding-bottom: 0px;
    flex: 1 1 0%;
  }
  .custom-contact-ligtbox .custom-contact-row1 textarea.hs-input{
    height: 412px;
  }
  
  .custom-contact-ligtbox .custom-contact-row1 .sg textarea.hs-input{
    height: 537px;
  }
}



@media only screen and (min-width: 1240px){
  .custom-case-study-row1 .hs_cos_wrapper.widget-type-rich_text {
    max-width: 1160px;
    margin: 100px auto 0;
    flex-direction: row-reverse;
  }
  .custom-event-row {
    max-width: 1160px;
    margin: 40px auto 100px;
  }
  .body-container__website .hs_cos_wrapper_type_header {
    max-width: 1160px;
    margin: 0rem auto 3rem;
  }
  .custom-case-study-row1 span.hs_cos_wrapper_widget.hs_cos_wrapper_type_rich_text {
    padding-left: 0px;
    padding-right: 60px;
    margin: 40px auto 0px;
  }
  .body-container-work .custom-case-study-row h5 {
    font-size: 0.9rem;
    padding-bottom: 1.5rem;
  }
  .custom-event-row .hs_cos_wrapper_type_rich_text p {
    max-width: 70%;
  }
}

@media (min-width: 1024px) and (max-width: 1220px) {
  .body-container-work .custom-case-study-row .page-center {
    width: 95% ;
  }
}
@media only screen and (max-width: 1239px) {
  .custom-case-study-row2 {
    padding-top: 50px;
  }
  .custom-event-row {
    margin: 0 30px 100px;
  }
  .custom-event-row2 .span3 .custom-event-card{
    min-height: 1px;
  }
  .container-fluid.custom-event-row2 div.row-fluid {
    flex-wrap: wrap;
  }
  .custom-event-row2 .span4, .custom-event-row2 .span3 {
    width: 100%;
    margin: 0;
    padding-right: 0;
  }
  .body-container-work .custom-case-study-row.right .page-center {
    flex-direction: row;
  }
}

@media only screen and (max-width: 1199px) {
  .custom-contact-row1 form {
    flex-wrap: wrap;
  }
  .custom-contact-ligtbox .custom-contact-row1 {
    position: fixed;
    overflow-y: scroll;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-top: 0px;
    max-width: 1160px;
    max-height: 98%;
    border-radius: 0px;
  }
  .custom-contact-row1 form .col1 {
    max-height: 643px;
    padding: 30px;
    width: 100%;
    margin-top: 17%;
  }

  .custom-contact-row1 form .col2 {
    max-height: 643px;
    border-radius: 0;
    width: 100%;
    background: #f0f0ec;
  }
  
  .custom-contact-row1 form .col1.sg, .custom-contact-row1 form .col2.sg {
     width: 100%;
  } 
  
  .custom-event-row2 .span4 {
    width: 100%;
    margin: 0;
    padding-right: 0;
  }
  .custom-contact-row1 form {
    flex-wrap: wrap;
  }
  .custom-contact-row1 input.hs-button.primary.large {
    font-size: 18px;
    line-height: 20px;
    border-radius: 0px;
    height: 60px;
  }
  .custom-contact-row1 textarea.hs-input{
    height: 124px;
  }
  .custom-contact-row1 .hs_select_country.field.hs-form-field>label {
    padding-top: 23px;
  }
  .custom-contact-row1 select {
    margin: 0;
  }

  .custom-contact-row1 .hs_select_country.field.hs-form-field .input {
    padding: 6px 0 0 0;
  }
  .custom-contact-row1 .hs_select_country.field.hs-form-field {
    border-top-right-radius: 15px;
    display: flex;
    height: 67px;
  }
}
@media only screen and (max-width: 1023px){
  .custom-career-row6 .hs-form textarea.hs-input {
    font-size: 18px;
    padding: 20px;
  }
  .case-study-body-container p {
    font-size: 0.9rem;
    line-height: 1.8rem;
  }
  .body-container-work .custom-case-study-row.right .page-center {
    flex-direction: column;
  }
  .custom-home-row4 .custom-company-logos-wrapper{
    background-color: #fff;
  }
  .custom-home-row4 .custom-company-logos-wrapper .custom-company-logos {
    background-color: #fafafa;
  }
  .custom-contact-row1 .hs_select_country.field.hs-form-field .input:after{
    left: 180px;
  }
  .custom-positive-impact-row1 p {
    text-align: center;
    max-width: 80%;
  }
  .custom-positive-impact-row1:after,
  .custom-positive-impact-row2:after,
  .custom-positive-impact-row2:before,
  .custom-positive-impact-row2 .bg-1,
  .custom-positive-impact-row2 .bg-2,
  .custom-positive-impact-row-wrap .bg-1,
  .custom-positive-impact-row-wrap .bg-2{
    display:none;
  }
  p {
    font-size: 14px;
    line-height: 1.5rem;
  }

  .body-container-work .custom-work-row1 .custom-case-study-row .page-center {
    flex-direction: column;
    margin: auto;
  }
  .custom-two-col-img .btn {
    width: 100%;
  }
  .custom-positive-impact-row2 .custom-testimonial a.test-auth-img img {
    margin: 0px auto 15px;
  }
  .body-container-work .custom-case-study-row .page-center .col.content-row p {
    font-size: 14px;
    line-height: 1.5rem;
  }
  .body-container-work .custom-case-study-row .page-center .col.content-row ,
  .body-container-work .custom-case-study-row.left .page-center .col.content-row{
    text-align: center;
    width: 80%;
  }
  .body-container-work .custom-case-study-row .page-center .col.image-row,
  .body-container-work .custom-work-row2 .custom-case-study-row .page-center .col.image-row{
    width: 80%;
    margin: auto auto 50px;
  }
  .body-container-work .custom-case-study-row.left .page-center {
    flex-direction: column;
  }
  .body-container-work .custom-case-study-row .image-row img {
    margin: 0 0 0;
  }
  .body-container-work .custom-case-study-row.right .page-center .col.content-row,
  .body-container-work .custom-case-study-row.left .page-center .col.content-row{
    order: 2;
  }
  .case-study-body-container ul {
    line-height: 1.8rem;
  }
  .body-container__website .hs_cos_wrapper_type_rich_text {
    width: 100%;
  }
  .custom-contact-row1 textarea.hs-input {
    font-size: 0.9rem;
    line-height: 1.8rem;
    height: 116px;
  }
  .custom-contact-row1 .hs_select_country.field.hs-form-field>label {
    padding-top: 1px;
  }
  .custom-contact-row1 select {
    font-size: 0.9rem;
    line-height: 1.8rem;
  }
  .custom-career-row6 .dnd-section p {
    margin-bottom: 39px;
  }
  .case-study-body-container {
    font-size: 0.9rem;
    line-height: 1.8rem;
  }
  .body-container__website .hs_cos_wrapper_type_header h1 {
    line-height: 1.4;
    font-size: 1.7rem;
  }
  .custom-career-row6 .dnd-section>.row-fluid {
    margin: 0px !important;
    padding: 60px 25px !important;
  }
  .custom-career-row6 .hs-form label {
    font-size: 0.8rem;
  }
  .custom-career-row6 .hs-form .hs-input {
    font-size: 1.1rem;
  }
  .custom-career-row6 .hs_cv.hs-cv .hs-input {
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
  }
  .custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox label span:before {
    margin-right: 34px;
  }
  .custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox {
    width: 50%;
    margin: 0 0 -2px 0;
  }
  .custom-career-row6 .hs_cv.hs-cv>label {
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}

@media only screen and (max-width: 767px){
  .custom-career-row6 ul.inputs-list.multi-container li.hs-form-checkbox {
    width: 100%;
    margin: 0 0 -2px 0;
  }

}
@media only screen and (max-width: 480px){
  .custom-contact-row1 .hs_select_country.field.hs-form-field .input:after {
    left: 160px;
    position: absolute;
    top: 41%;
  }
   .body-container__website .hs_cos_wrapper_type_rich_text ul {
    font-size: 16px;
    line-height: 23.2px;
  }
}

@media only screen and (max-width: 359px){
  .body-container__website .hs_cos_wrapper_type_header h1  {
    font-size: 1.5rem;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your headers look
when it comes to the logo, search field, language switcher and navigation.
You will also find the mobile menu styles below.
*********************************************************************************
****************************************************************************** */

.header {
  min-height: 80px;
}

#nav-toggle {
  display: none;
}
/* Styles for the Search Bar */
.header__search {
  width: auto;
  padding: 0 22px;
}

.header__search .hs-search-field__input {
  box-sizing: border-box;
  background-color: white;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center right 15px;
  color: #494a52;
  border: 1.79px solid #D1D6DC;
  border-radius: 6px;
  font-family: georgia, serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 42;
  padding: 0 15px;
  height: 45px;
}

.header__search .hs-search-field--open .hs-search-field__input {
  border: 1.79px solid #D1D6DC;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  background-color: white;
}

.header__search .hs-search-field__input::placeholder {
  color: transparent;
}

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

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-family: georgia, serif;
  font-size: 22px;
}

.header__search .hs-search-field__suggestions li a {
  color: #494a52;
  text-decoration: none;
  padding: 3px 15px;
  transition: background-color 0.3s;
}

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

/* Styles for the Language Switcher Component */

.header__language-switcher.header--element {
  position: absolute;
  top: 80px;
  right: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px 0px;
  z-index: 10;
  /*padding-top: 15px;*/
  display: none;
  border-radius: 10px;
  background: rgb(255, 255, 255);
  animation: 0.5s ease 0s 1 normal none running fadein;
}

.header-container {
  position: fixed;
  z-index: 1000;
  top: 0px;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 80px;
  background: rgb(255, 255, 255);
  margin: auto;
  transition: all 0.5s ease-in-out 0s;
}

.header-logo {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 20px 30px;
}

.lang-bar {
  cursor: pointer;
  padding: 28px 28px 0px;
}

.header-navigation-wrapper {
  height: inherit;
  font-size: 12px;
  letter-spacing: 2px;
  font-family: Montserrat-Black;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.header-btn {
  margin: auto 5px;
  text-decoration: none;
}

.header-btn.header-btn-2 {
  margin: auto 0;
}

.header-btn.header-btn-2 button,
.header-btn.header-btn-2 .hs-button{
  box-sizing: border-box;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  line-height: 36px;
  user-select: none;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px 0px;
  color: rgb(255, 255, 255);
  background-color: rgb(5, 204, 152);
  width: 150px;
  height: 50px;
  text-decoration: none;
  padding: 0px;
  outline: none;
  overflow: hidden;
  border-radius: 70px;
  margin: auto 10px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(5, 193, 137);
  border-image: initial;
  position: relative;
  color: rgb(255, 255, 255);
  vertical-align: middle;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  font-family: Montserrat-SemiBold;
  padding: 7px 20px;
}
header .globe_class:hover .lang_list_class {
  display: flex;
}
.header-btn.header-btn-1 {}

.header-btn.header-btn-1 .hs-button {
  box-sizing: border-box;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  line-height: 36px;
  user-select: none;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px 0px;
  color: #05cc98;
  background-color: rgb(255, 255, 255);
  width: 150px;
  /* height: 50px; */
  text-decoration: none;
  padding: 0px;
  outline: none;
  overflow: hidden;
  border-radius: 70px;
  margin: auto 10px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  position: relative;
  vertical-align: middle;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  font-family: Montserrat-SemiBold;
  padding: 8px 20px 6px;
}

.lang-bar.open>svg {
  display: none;
  height: 20px;
  width: 20px;
  margin: auto;
  animation: 0.5s ease 0s 1 normal none running fadein;
}

.lang-bar.open>svg[hidden] {
  display: block;
  height: 20px;
  width: 20px;
  margin: auto;
  animation: 0.5s ease 0s 1 normal none running fadein;
}

.lang-bar.open+.header__language-switcher.header--element {
  display: block;
  min-width: 105px; /*151px;*/
  /*height: 115px;*/
  height: auto;
}
.header__language-switcher--label-current {
  display: none;
}
/*.header__language-switcher--label-current {
  display: none;
}*/
.header__language-switcher .lang_list_class li a {
  color: #191919;
  margin: 0;
  font-size: 12px;
  letter-spacing: 2px;
  font-family: Montserrat-Black;
  font-size: 16px;
  line-height: 30px;
  font-family: Montserrat-Medium;
  display: inline-block;
  /*padding: 0 10px 0px 32px;*/
  border: transparent;
}
/*.header__language-switcher .lang_list_class li:last-child a {*/
  /* padding: 0 10px 10px 35px; */
/*  position: relative;
  left: 5px;
}*/
/*.lang_list_class li:first-child:before {
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/en.png);
  background-size: cover;
  width: 27px;
  height: 20px;
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
}

header.header.header-fr .lang_list_class li:first-child:before {
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/fr.png);
}
header.header.header-fr .header__language-switcher .lang_list_class li:last-child a {
  position: relative;
  left: 0;
}
header.header.header-fr .header__language-switcher .lang_list_class li:first-child a {
  position: relative;
  left: 5px;
}
header.header.header-fr .lang_list_class li:last-child:before {
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/en.png);
}*/
.header__language-switcher .lang_list_class li a:hover {
  color: rgb(170, 168, 162);
}
/*.lang_list_class li:last-child:before {
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/fr.png);
  background-size: cover;
  width: 27px;
  height: 20px;
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
}
header.header.header-fr .lang_list_class li:first-child {
  order: 2;
}

header.header.header-fr .lang_list_class li:last-child {
  order: 1;
}*/
ul.lang_list_class {
  position: static;
  -webkit-transform: none;
  transform: none;
  display: block;
  padding: 0;

}
ul.lang_list_class li {
  border: none !important;
  margin: 10px;
  padding: 0 !important;
  background: transparent;
}
div.globe_class {
  width: auto;
  height: auto;
  background: none;
}

ul.lang_list_class:before,ul.lang_list_class:after {
  display: none;
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 136
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 136
  }
}

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}


@-webkit-keyframes loader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes loader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes loader-path {
  0% {
    stroke-dasharray: 0,580,0,0,0,0,0,0,0
  }

  50% {
    stroke-dasharray: 0,450,10,30,10,30,10,30,10
  }

  to {
    stroke-dasharray: 0,580,0,0,0,0,0,0,0
  }
}

@keyframes loader-path {
  0% {
    stroke-dasharray: 0,580,0,0,0,0,0,0,0
  }

  50% {
    stroke-dasharray: 0,450,10,30,10,30,10,30,10
  }

  to {
    stroke-dasharray: 0,580,0,0,0,0,0,0,0
  }
}

@keyframes fadein {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeout {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes fadeout {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}
.scroll-body .header-container {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
.header-navigation-wrapper-inner {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.custom-home-row1 .span12.dnd-module {
  display: block !important;
}
.custom-home-row1 .hs_cos_wrapper_type_linked_image img {
  width: 100%;
}
/* Blog Header */
header.header.blog-header .header-btn {
  display: none;
}
header.header.blog-header .header-container {
  height: 110px;
}

header.header.blog-header .submenu.level-1>li {
  padding: 35px 13px 35px 8px;
}
.custom-header-search {
  height: 51px;
  width: 323px;
  font-family: Montserrat-Regular;
  font-size: 20px;
  font-weight: 300;
  line-height: 48px;

}
header.header.blog-header .submenu.level-1>li.has-submenu.menu-item {
  margin-right: 50px;
  padding-right: 22px;
  position: static;
}
span.caret {
  transform: rotate(0deg);
  vertical-align: text-bottom;
  width: 15px;
  height: 15px;
  position: relative;
  right: -25px;
  display: inline;
  float: right;
  cursor: pointer;
}
span.caret svg {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

li.has-submenu.menu-item.current span.caret {
  transform: rotate(180deg);
  vertical-align: text-bottom;
  width: 15px;
  height: 15px;
  top: 23px;
}

.custom-header-search input.hs-search-field__input {
  width: 100%;
  vertical-align: top;
  color: #aaa8a2;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  max-width: 100%;
  font: inherit;
  margin: 0;
  padding: 1px 2px;
  outline: 0;
  font-weight: normal;
  font-family: Montserrat-Regular;
  display: inline-block;
  border-bottom: 1px solid #191919;
}
.custom-header-search input.hs-search-field__input:focus {
  border-color: rgb(5, 204, 152);
}

.custom-header-search form {
  position: relative;
}
header.header.blog-header .submenu.level-1>li.has-submenu.menu-item {
  margin-right: 50px;
}
.search-icon {
  width: 10%;
  text-align: right;
  display: inline-block;
  margin-left: 0px;
  margin-top: 5px;
  margin-right: 0;
  position: absolute;
  right: 4px;
}

.custom-header-search ::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

header.header.blog-header .submenu.level-1>li.has-submenu.menu-item ul.submenu.level-2 {
  width: 100% !important;
  height: 320px;
  display: block;
  position: fixed;
  left: 0px;
  top: -493px;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px 0px;
  padding-top: 20px;
  transition: all 400ms ease-in-out 0s;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  z-index: -1;
}

header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 {
  height: 320px;
  display: block;
  position: fixed;
  left: 0px;
  top: 110px;
  width: 100%;
  box-shadow: rgba(0,0,0,0.1) 0px 10px 20px 0px;
  padding-top: 20px;
  transition: all 400ms ease-in-out 0s;
  opacity: 1;
  visibility: visible;
}
.close-menu{
  display:none;
}

.current .close-menu{
  display:block;
}
.lang_switcher_class {
  position: relative;
  display: inline-block;
}
.globe_class {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.lang_list_class {
  display: none;
  position: absolute;
  top: 17px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  z-index: 100;
  list-style-type: none;
  padding: 15px 0 0;
  margin: 0;
}
.globe_class:hover .lang_list_class {
  display: block;
}
.lang_list_class:before {
  top: -8px;
  border: 12px solid transparent;
  border-bottom-color: #000;
}
.lang_list_class:after,
.lang_list_class:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -12px;
}
.lang_list_class:after {
  top: -7px;
  border: 12px solid transparent;
  border-bottom-color: #fff;
  margin-bottom: -1px;
}
.lang_list_class li {
  position: relative;
  line-height: 1;
  font-size: 13px;
  padding: 0 15px 10px;
  background-color: #fff;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.lang_list_class li:first-child {
  padding-top: 15px;
  border-top: 1px solid #000;
}
.lang_list_class li:last-child {
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
}
.lang_list_class li a {
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
.lang_list_class li a:hover {
  color: #02f;
}
header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner {
  display: flex;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  max-width: 1400px;
  margin: 0px auto 40px;
  width: 100%;
}

header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li {
  display: flex;
  flex-direction: row;
  margin: 5px;
  width: 25%;
  flex-direction: column;
  text-align: left;
  /* max-width: 80%; */
  /* transition: all 0.3s ease-in-out 0s; */
}

header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li ul.submenu.level-3 {
  display: block;
  position: static !important;
}

header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li>a {
  font-family: Bernadette;
  font-size: 1rem;
  line-height: 2.8rem;
  font-size: 2rem;
  color: rgba(0,0,0,.8);
  text-transform: none;
  white-space: normal;
  text-align: left;
  max-width: 80%;
  transition: all 0.3s ease-in-out 0s;
  margin: 0px 10%;
  padding: 0 0 14px;
  letter-spacing: 0;
  position: relative;
  /* display: flex; */
  /* flex-direction: row; */
}

header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li ul  a {
  white-space: normal;
  color: rgb(25, 25, 25);
  font-family: Montserrat-Light, Arial;
  font-size: 0.9rem;
  line-height: 1.6rem;
  text-transform: none;
  padding: 0;
  max-width: 80%;
  transition: all 0.3s ease-in-out 0s;
  margin: 0px 10%;
  letter-spacing: 0;
  color: rgba(0,0,0,.8);
  color: #191919;
}
header.header.blog-header .mobile-trigger {
  display: none;
}
header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li>a:after {}

header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li>a:after {
  content: "";
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/test-ssh_a3494342-1189-4e99-8e11-837e4771b61d_blog_food_for_thought.svg);
  display: block;
  width: 90px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;background-position: center;
  position: absolute;
  right: 0;
  top: 0;
}


header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li:nth-child(3)>a {
  padding-right: 56px;
}
header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li:nth-child(2)>a:after {
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/test-ssh_562ec466-ab7c-463c-8b3e-c029936adb5b_blog_positive_initiatives.svg);
  right: -21px;
}
.scroll-body header.header.blog-header .header-container {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 20px;
}
li.has-submenu.menu-item.current span.caret {
  transform: rotate(180deg);
  top: 23px;
}
.current .close-menu:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.current .close-menu {
  display: block;
  position: absolute;
  top: -1px;
  right: 31px;
  transition: all .2s ease-in-out 0s;
  cursor: pointer;
}
header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li:nth-child(3)>a:after {
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/test-ssh_54887b02-c352-4242-9879-25145e28f756_blog_tech_trends.svg);
}

header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li:nth-child(4)>a:after {
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/test-ssh_2075c19b-3668-44fb-b8ea-167513a86c51_blog_developer_toolbox.svg);
  right: -22px;
}
header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li:nth-child(5)>a:after {
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/643e6db3-8790-47b7-8b46-3be8e9795952_icons+for+blog-01.png);
      background-size: 90px 90px;
    right: -6px;
}
header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li:first-child>a:after {
  right: -74px;
}

header.header.blog-header .submenu.level-1>li.has-submenu.menu-item.current ul.submenu.level-2 span.inner>li:nth-child(5)>a {
  padding-right: 53px;
}
/* Tablet Styles */
@media (min-width: 1281px) {
  .mobile-trigger{
    display:none;
  }
  ul.lang_list_class {
    position: static;
    -webkit-transform: none;
    transform: none;
    display: block;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .child-trigger{
    display:none;
  }
}
@media (min-width: 1024px) {
  .custom-header-search{
    margin-top: 16px;
  }
}
@media (max-width: 1280px) {
  header.header.header-fr .header__language-switcher .lang_list_class li:first-child a {
    position: relative;
    left: 0;
    color: #aaa8a2;
    width: 21px;
  }
  header.header.header-fr .header__language-switcher .lang_list_class li:last-child a {
    position: relative;
    left: 0;
    color: rgb(25, 25, 25);
    width: 22px;
  }
  body .header:not(.blog-header) .custom-menu-primary .submenu.level-1>li>a:hover {
    color: rgb(170, 168, 162);
  }
  body .header:not(.blog-header) .custom-menu-primary .navigation-primary .submenu.level-1>li>a.active-item{
    color: rgb(5, 204, 152);
  }
  body .header:not(.blog-header) .custom-menu-primary .navigation-primary .submenu.level-1>li>a.active-item:hover{
    color: rgba(112,111,103,1.0);
  }
  header.header:not(.header-fr):not(.blog-header) .header__language-switcher .lang_list_class li:first-child a {
    color: rgb(170, 168, 162);
  }
  .header:not(.blog-header) .header-navigation-wrapper {
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    /* box-shadow: rgba(0,0,0,0.1) 0px 10px 20px 0px; */
    z-index: 10;
    /* padding-top: 15px; */
    border-radius: 10px;
    background: #fff;
    animation: .5s ease 0s 1 normal none running fadein;
    width: 100%;
    height: 100%;
  }
  .mobile-open .header:not(.blog-header) .header-navigation-wrapper {
    display:block;
    height: 100%;
  }

  .header:not(.blog-header) .mobile-trigger {
    margin: 31px 20px;
    cursor: pointer;
    animation: .5s ease 0s 1 normal none running fadein;
    display: flex;
    align-items: center;
    height: 18px;
  }

  .header:not(.blog-header) .mobile-trigger svg{
    animation: 0.5s ease 0s 1 normal none running fadein;
  }
  .mobile-open .header:not(.blog-header) .mobile-trigger>svg {
    display: none;
    animation: 0.5s ease 0s 1 normal none running fadein;
  }

  .mobile-open .header:not(.blog-header) .mobile-trigger>svg[hidden] {
    display: block;
    animation: 0.5s ease 0s 1 normal none running fadein;
  }

  .header:not(.blog-header) .header-navigation-wrapper-inner {
    box-shadow: rgba(0,0,0,0.1) 0px 10px 20px 0px;
    border-radius: 10px;
    background: #fff;
    padding-top: 15px;
    display: block;
  }
  .header:not(.blog-header) .header-btn {
    margin: auto 5px;
    text-decoration: none;
    text-align: center;
  }
  .header:not(.blog-header) .header-btn.header-btn-2 {
    margin: auto 0;
    margin: 20px 0px;
  }
  .header:not(.blog-header) .lang-bar {
    cursor: text;
    padding: 0;
    display: none;
  }
  .header:not(.blog-header) .header__language-switcher .lang_list_class li a {
    padding: 0;
    width: 24px;
    overflow: hidden;
    text-transform: uppercase;
    color: rgb(170, 168, 162);
    margin-left: 10px;
    letter-spacing: 0;
  }
  .header:not(.blog-header) ul.lang_list_class {
    display: flex;
  }
  .header:not(.blog-header) ul.lang_list_class li {
    width: 50%;
    display: flex;
    padding: 0 10px 0 0 !important;
    justify-content: center;
  }
  body .header:not(.blog-header) .lang_switcher_class {
    position: relative;
    display: block;
  }
  .header:not(.blog-header) .header__language-switcher .lang_list_class li:last-child a {
    position: relative;
    left: 0;
    width: 21px;
  }
  html[lang="en"] .header:not(.blog-header) .header__language-switcher .lang_list_class li:last-child a {
    color: rgb(25, 25, 25);
  }
  .header:not(.blog-header) .lang_list_class li:first-child:before ,
  .header:not(.blog-header)  .lang_list_class li:last-child:before{
    position: static;
  }
  .header:not(.blog-header) .lang-bar.open+.header__language-switcher.header--element {
    display: block;
    min-width: 100%;
    height: auto;
    padding: 0;
  }
  .header:not(.blog-header) .header__language-switcher.header--element {
    display: block;
    min-width: 100%;
    height: auto;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    box-shadow: none;
    z-index: 10;
    padding: 0;
  }
  .header:not(.blog-header) .header-navigation {
    overflow-y: auto;
    max-height: calc(100vh - 300px);
    border-radius: 10px;
  }
}

@media (max-width: 1200px){
  .mobile-trigger,
  .header:not(.blog-header) .mobile-trigger{
    margin: 32px 20px;
    cursor: pointer;
    animation: .5s ease 0s 1 normal none running fadein;
    display: flex;
    align-items: center;
    height: 26px;
  }
  header.header.blog-header .submenu.level-1>li.has-submenu.menu-item ul.submenu.level-2 li.has-submenu.menu-item:after {
    width: 35px;
    height: 36px;
    content: "";
    background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/arrow-menu.svg);
    position: absolute;
    right: 4px;
    top: 9px;
  }
}

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

  .header__logo--main {
    display: none;
  }

  .header__logo--tablet {
    display: block;
  }
}

/* Mobile Styles */

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 20px 0 0;
  }
  .header-lp-spacer {
    width: 50%;
    justify-content: flex-end;
    margin: 32px 20px;
  }
  .header__container form {
    max-width: 100%;
  }

  .header__logo {
    width: 100%;
    margin: 0 auto;
  }

  .header__navigation,
  .header__search {
    display: none;
    width: 100%;
  }

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

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

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

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

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after{
    display: block;
  }

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

  .header__column {
    position: relative;
  }

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

  .header__row-2 {
    justify-content: center;
    padding: 30px;
  }


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

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

  .header__search {
    order: 1;
    padding: 30px;
    border-top: 2px solid #CED4DB;
  }

  .header__search .hs-search-field__input {
    padding-left: 15px;
  }

  .header__search .hs-search-field__suggestions li {
    padding: 10px 0;
  }

  .header__close--toggle.show {
    display: block;
  }
  .mobile-trigger {
    margin: 32px 20px;
    cursor: pointer;
    animation: .5s ease 0s 1 normal none running fadein;
    display: flex;
    align-items: center;
    height: 26px;
    width: 50%;
    justify-content: flex-end;
  }
  .header-logo img.hs-image-widget {
    max-width: 100%;
  }
  .header-logo {
    width: 46%;
  }
}

@media (max-width:668px) {
  .mobile-trigger, .header:not(.blog-header) .mobile-trigger {
    margin: 32px 20px;
    cursor: pointer;
    animation: .5s ease 0s 1 normal none running fadein;
    display: flex;
    align-items: center;
    height: 16px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
footer looks when it comes to spacing and other general styles.
*********************************************************************************
****************************************************************************** */

.footer {
  background-color: #F8FAFC;
  text-align: center;
}
.footer__container {
  padding: 1rem;
  margin: 0 auto;
}
.footer__copyright {
  font-family: Lato,sans-serif;
  font-size: .7rem;
  font-size: 13px;
  font-family: Montserrat-Medium;
  letter-spacing: 1.3px;
}
.footer {
  box-shadow: rgb(3, 168, 124) -1px 8px 18px 0px inset;
  text-align: center;
  width: 100%;
  color: rgb(255, 255, 255);
  font-family: Montserrat-Light;
  background: linear-gradient(192.16deg, rgb(5, 240, 161) 0%, rgb(3, 168, 124) 100%);
  padding: 75px 0px 0px;
  margin: auto;
}

.footer-container {
  max-width: 1540px;
  margin: auto;
}
.footer-bottom-row {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 80%;
  font-size: 13px;
  font-family: Montserrat-Medium;
  letter-spacing: 1.3px;
  margin: 0px auto;
  padding: 0px 0px 20px;
}
.footer a {
  color: #fff;
}
.privacy-col p {
  margin: 0;
  line-height: 26.1px;
}
.footer {

  overflow: hidden;
}
.footer-top h2 {
  font-size: 28px;
  margin-bottom: 40px;
  padding: 5px;
  text-align: center;
  width: 100%;
  color: rgb(255, 255, 255);
  font-family: Montserrat-Light;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 26.1px;
}
.custom-footer-address .content-row ul h3 {
  font-weight: 400;
}

.custom-our-approach .content-inner {

  color: rgb(25, 25, 25);
}
.custom-service-row1 .custom-postive-impact .bg-img {
  margin-right: -5px;
}
.footer-top h3 {
  font-size: 28px;
  margin-bottom: 40px;
  padding: 5px;
  text-align: center;
  width: 100%;
  color: rgb(255, 255, 255);
  /* font-family: Montserrat-Light; */
  /* font-weight: normal; */
  letter-spacing: 0;
  line-height: 26.1px;
  font-family: Montserrat-SemiBold;
  font-size: 28px;
  margin-bottom: 20px;
  opacity: 1;
  padding: 5px;
  font-weight: 400;
}
@media only screen and (min-width: 1024px){
  .footer-bottom-row  {
    border-top: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (max-width: 1023px) {
  .privacy-col p {
    margin: 0;
    line-height: 26.1px;
    font-size: 13px;

  }
}
@media only screen and (max-width: 480px) {
  .privacy-col p {
    line-height: 23.6px;
  }
  .footer__copyright {
    line-height: 23.6px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

.hs-button {
  margin: auto 0px;
}

/* TODO: Find a better place for this */
h1.blogpostdetail-title {
    color: rgba(0,0,0,0.8);
    font-family: Montserrat-Bold;
    font-size: 2.7rem;
    font-weight: 700;
    letter-spacing: -.06rem;
    line-height: 1.15;
    padding: 0;
    text-rendering: optimizeLegibility;
    width: 90%;
    max-width: 1160px;
    margin: 3rem auto;
}

.content-wrapper {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}

.blog-header {
  background-color: #F8FAFC;
  text-align: center;
}

.blog-header__inner {
  max-width: 600px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-header__title {
  font-size: 2rem;
}
.blog-header__subtitle {
  margin: 1rem 0 2rem;
}

.blog-header__form {
  margin: 0 1rem;
}

@media screen and (min-width: 768px) {
  .blog-header__form {
    width: 500px;
    margin: 0 auto;
  }
}

.blog-index {
  display: flex;
  flex-wrap: wrap;
  padding: 3.3rem 0;
}
.blog-index:after {
  content: "";
  flex: auto;
}
.blog-index__tag-header {
  flex: 1 0 100%;
  padding: 1rem;
}
.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}
.blog-index__tag-heading {
  padding-bottom: 1rem;
  border-bottom: 3px solid #D1D6DC;
}
.blog-index__post {
  flex:  0 0 100%;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-index__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex:  0 0 calc(100%/3);
  }
}
@media screen and (min-width: 768px) {
  .blog-index__post--large {
    flex: 1 0 100%;
    display: flex;
    justify-items: space-between;
  }
}
.blog-post img {
  max-width: 100%;
}
.blog-index__post-image {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
  background-image: url('./images/grayscale-mountain.png');
    }
@media screen and (min-width: 768px) {
  .blog-index__post-image--large {
    flex: 1 1 100%;
    padding-bottom: 0;
  }
  .blog-index__post-content--large {
    flex: 1 1 100%;
    padding-left: 2rem;
  }
  .blog-index__post-image--large {
    flex: 1 1 48%;
  }
  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}
.blog-index__post-content h2 {
  margin: .5rem 0;
}
.blog-index__post-content--small h2 {
  font-size: 1.25rem;
}
.blog-index__post-content p {
  font-family: Lato, sans-serif;
}
.blog-index__post-content a {
  color: #494a52;
}
.blog-index__post img {
  max-width: 100%;
  height: auto;
}

.blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Lato,sans-serif;
  padding: 30px 0;
}


.blog-pagination__link {
  display: inline-flex;
  padding: .25rem .4rem;
  margin: 0 .1rem;
  color: #494a52;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  border-radius: 7px;
}
.blog-pagination__link--active {
  border: 2px solid #B0C1D4;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
  display: inline-flex;
  align-items: center;
}
.blog-pagination__prev-link {
  text-align: right;
  margin-right: .25rem;
}
.blog-pagination__next-link {
  text-align: left;
  margin-left: .25rem;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  pointer-events: none;
  cursor: default;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #494a52;
  margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}

.blog-header__author-avatar {
  height: 200px;
  width: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
  margin: 0 auto 1.5rem;
}
.blog-header__author-social-links a {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.blog-header__author-social-links a:hover {
  background-color: #494a52;
}
.blog-header__author-social-links svg {
  fill: #fff;
  height: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-post {
  max-width: 960px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-post h1 {
  font-size: 1.6rem;
}
.blog-post__meta {
  margin: 1rem 0;
}
.blog-post__meta a {
  color: #494a52;
  text-decoration: underline;
}

.blog-post__tags {
  font-family: Lato, sans-serif;
  color: #000;
}
.blog-post__tags svg {
  width: 15px;
  height: auto;
  margin-right: 10px;
}
.blog-post__tag-link {
  font-size: .8rem;
  color: #000;
}

.blog-recent-posts {
  margin-top: 3rem;
  background-color: #F8FAFC;
  padding: 2rem 0;
}
.blog-recent-posts h2 {
  text-align: center;
}
.blog-recent-posts__list {
  display: flex;
}
.blog-recent-posts__post {
  display: block;
  flex:  0 0 100%;
  color: #494a52;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/3);
  }
}
.blog-recent-posts__post:hover {
  text-decoration: none;
}
.blog-recent-posts__image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
}
.blog-recent-posts__title {
  margin: 1rem 0 .5rem;
}

.blog-comments {
  max-width: 1160px;
  margin: 0 auto;
}
.blog-comments form {
  max-width: 100%;
}
.blog-comments .hs-submit {
  text-align: center;
}
.blog-comments .hs-button {
  background-color: transparent;
  border: 2px solid #494A52;
  color: #494A52;
  margin: auto 0px;
}
.blog-comments .hs-button:hover {
  background-color: #494A52;
  color: #fff;
  margin: auto 0px;
}
.blog-comments .comment-reply-to {
  border: 0 none;
}
.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #494A52;
}


/*             Blog Listing with Sidebar            */
.post-item .page-center{
  display: -webkit-flex; /* Safari */
  display: flex; /* Standard syntax */
  margin-bottom: 20px;
}
.post-item .page-center .span4, .post-item .page-center .span8 {
  -webkit-flex: 1; /* Safari */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* Standard syntax */
}
.post-item .page-center .span8 {
  flex-basis: 31.914893614%;

}
img.featured-image {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
.blog-header-main {
  text-align: center;
  margin: auto;
  padding: 50px 0px;
}
.blog-header-inner img {
  width: 80%;
  margin: auto auto 50px;
  vertical-align: middle;
}
.blog-header-main p {
  color: rgb(25, 25, 25);
  /* font-size: 1.1rem; */
  /* line-height: 2rem; */
  font-family: Montserrat-Light, Arial;
  text-align: center;
  width: 80%;
  margin: auto;
}
.custom-blog-listing-row {
  font-family: Montserrat-Light;
  background-color: rgb(245, 245, 245);
  padding: 40px 0px;
}
.custom-blog-listing-row-inner {
  height: 500px;
  display: flex;
  flex-direction: row-reverse;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px 0px;
  max-width: 1240px;
  margin: 0px auto;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 40px 20px;
}
.custom-blog-listing-row-inner .col.col2 {
  display: flex;
  flex-direction: row;
  width: 66.6%;
}

.custom-blog-listing-row-inner .col.col1 {
  width: 33.3%;
  height: 100%;
  text-align: center;
  margin: 0px 20px;
}
.post-topic-items {
  width: 360px;
  height: 420px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px 0px;
  position: relative;
  margin: 0px 20px;
  border-bottom: 10px solid rgb(56, 230, 128);
  border-radius: 10px;
  overflow: hidden;
}

.blogarticle-img {
  width: 100%;
  padding-bottom: 42.857142857142854%;
  position: relative;
  overflow: hidden;
}

.blogarticle-img img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  /* opacity: 0; */
  transition-delay: 500ms;
}

.blogarticle-inner {
  font-size: 12px;
  font-family: Montserrat-Bold;
  color: rgb(170, 168, 162);
  padding: 30px 20px;
}

.read-min {
  display: inline-block;
  text-transform: uppercase;
}

.blogarticle-topic {
  display: inline-block;
  margin-left: 20px;
  color: #38e680;
  text-transform: uppercase;
  width: 105px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
}

.blogarticle-date {
  display: inline;
  margin-left: 20px;
  text-transform: uppercase;
}

.blogarticlecard-title {
  font-size: 20px;
  margin-top: 10px;
  text-transform: none;
  color: rgb(25, 25, 25);
}
.custom-blog-listing-row-inner .col.col1 h4 {
  font-family: bernadette;
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 20px;
  font-weight: normal;
  margin-top: 0;
  letter-spacing: 0;
}
.custom-blog-listing-row.transforming-your-team {}

.custom-blog-listing-row.transforming-your-team .post-topic-items {
  border-bottom: 10px solid rgb(239, 128, 53);
}

.custom-blog-listing-row.positive-initiatives {}

.custom-blog-listing-row.positive-initiatives .post-topic-items {
  border-bottom: 10px solid rgb(146, 138, 255);
}

.custom-blog-listing-row.positive-initiatives .post-topic-items .blogarticle-topic {
  color: rgb(146, 138, 255);
}
.custom-blog-listing-row.transforming-your-team .post-topic-items .blogarticle-topic {
  color: rgb(239, 128, 53);
}
.custom-blog-listing-row.developer-toolbox {}

.custom-blog-listing-row.developer-toolbox .post-topic-items {
  border-bottom: 10px solid rgb(146, 138, 255);
}

.custom-blog-listing-row.developer-toolbox .post-topic-items .blogarticle-topic {
  color: rgb(146, 138, 255);
}
.custom-blog-listing-row.tech-trends .post-topic-items {
  border-bottom: 10px solid rgb(146, 138, 255);
}

.custom-blog-listing-row.tech-trends .post-topic-items .blogarticle-topic {
  color: rgb(146, 138, 255);
}
.custom-blog-listing-row.tech-trends .post-topic-items {
  border-bottom: 10px solid rgb(146, 138, 255);
}

.custom-blog-listing-row.tech-trends .post-topic-items .blogarticle-topic {
  color: rgb(146, 138, 255);
}

.custom-blog-listing-row-inner .col.col1 img {
  width: 150px;
  margin: 0px auto 10px;
}
.custom-blog-listing-row:nth-child(even) .custom-blog-listing-row-inner {
  flex-direction: row;
}
.custom-blog-listing-row-inner .col.col1 p {
  color: rgb(112, 111, 103);
  margin: 0px 10px 25px;
  font-size: 18px;
  line-height: 26.1px;
}
.blogarticlecard-author {
  display: flex;
  position: absolute;
  bottom: 10px;
  width: 90%;
  text-align: center;
  margin: 0px auto;
}

.blogarticlecard-author-inner {
  display: flex;
}

.blogarticle-author-image {
  margin-right: 15px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}

.blogarticle-author-image img {
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
.blog-header-form {
  text-align: center;
  margin: 100px auto;
}

.blog-header-form p {
  font-family: Montserrat-Light;
  font-size: 18px;
  line-height: 28px;
  color: rgb(112, 111, 103);
  width: 80%;
  max-width: 500px;
  min-width: 300px;
  margin: 0px auto 20px;
  padding: 0px 20px;
}

.blog-header-form form * {
  text-align: center;
}

.blog-header-form form .hs-input {
  text-align: center;
  border-top-style: initial;
  border-right-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  font-family: Montserrat-Light;
  font-size: 25px;
  width: 80%;
  height: 50px;
  max-width: 450px;
  margin: 0px auto 25px;
  border-width: 0px 0px 2px;
  border-image: initial;
  border-bottom: 2px solid rgb(212, 212, 206);
  transition: all 0.3s ease-in-out 0s;
}

.blog-header-form form label {
  margin: 0;
}
.hs-error-msgs label {
  color: #fc4f60 !important;

}
input.hs-input.error, div.field.error input, div.field.error textarea, div.field.error .chzn-choices, textarea.hs-input.error, select.hs-input.error {
  border-color: #fc4f60 !important;
}
.blog-header-form form label.hs-error-msg ,
.blog-header-form form  ul.no-list.hs-error-msgs label{
  color: #fc4f60;
  color: rgb(252, 79, 96);
  font-family: Montserrat-Medium;
  font-size: 15px;
}

.mobile-image{
  display:none;
}
.blog-header-form form input.hs-button.primary.large {
  box-sizing: border-box;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  line-height: 36px;
  user-select: none;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px 0px;
  color: rgb(255, 255, 255);
  background-color: rgb(5, 204, 152);
  width: 150px;
  height: 50px;
  text-decoration: none;
  padding: 0px;
  outline: none;
  overflow: hidden;
  border-radius: 70px;
  margin: auto 0px; /* Fixes button for white paper form */
  border-width: 1px;
  border-style: solid;
  border-color: rgb(5, 193, 137);
  border-image: initial;
  position: relative;
  color: rgb(255, 255, 255);
  vertical-align: middle;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  font-family: Montserrat-SemiBold;
}

.blog-header-form form .hs-input::placeholder {
  color: rgb(170, 168, 162);
}

.blog-header-form form .hs-input::-webkit-input-placeholder {
  color: rgb(170, 168, 162);
  opacity: .54;
}
.feat-img-wrapper {
  max-width: 1160px;
  margin: 0px 0px 20px;
}
.blog-mobile-share {
  display: none;
}

h2.blogpostdetail-title {
  width: 90%;
  margin: 0px 5% 2rem;
}

.blogposttopmetadata {
  display: flex;
  flex-direction: row;
  margin: 2rem 5%;
}

.blog-post-in {}

.feat-img-wrapper {
  max-width: 1160px;
  margin: 0px 0px 20px;
}

.feat-img-wrapper {
  /* margin: 0px auto 50px; */
}

.feat-img-wrapper img {
  /* width: 100%; */
}

.blog-mobile-share {
  display: none;
}

h2.blogpostdetail-title {
  width: 90%;
  margin: 0px 5% 2rem;
  /* max-width: 1160px; */
  /* margin: 3rem auto; */
}

.blog-social-share.bVnnJf {
  position: fixed;
  right: 0px;
  top: 25%;
  width: 50px;
  height: 130px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px 0px;
  background-color: rgb(255, 255, 255);
  z-index: 10;
  border-radius: 10px 0px 0px 10px;
}

.blog-social-share.bVnnJf a {
  display: flex;
  margin-top: 35%;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

.blogposttopmetadata {
  display: flex;
  flex-direction: row;
  margin: 2rem 5%;
}
.blogposttopmetadata-auth {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

.blogposttopmetadata-auth-img-wrap {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  margin: 0px 20px 0px 0px;
}

.blogposttopmetadata-auth-imggatsby-image-wrapper img {
  height: 70px;
  width: 70px;
  border-radius: 50%;
}

.blogposttopmetadata-auth-name {
  /* font-size: 1.1rem; */
  /* line-height: 2rem; */
  color: rgb(170, 168, 162);
  font-family: Montserrat-Light, Arial;
  margin: auto 2rem auto 0px;
}

.blogposttopmetadata-col2 {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}
.feat-img.gatsby-image-wrapper {
  /* display: none; */
  width: 100%;
  padding-bottom: 42.857142857142854%;
}

.feat-img.gatsby-image-wrapper img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 1;
  transition: opacity 500ms ease 0s;
}
.blogposttopmetadata-date {
  display: flex;
  flex-direction: row;
  color: rgb(170, 168, 162);
  font-family: Montserrat-Regular;
  font-size: 0.9rem;
  padding: 0.1rem 0px;
}

.blogposttopmetadata-date-in {
  min-width: 250px;
  margin: auto 0px;
}

.blogposttopmetadata-col-in {
  display: flex;
  flex-direction: row;
  color: rgb(170, 168, 162);
  font-family: Montserrat-Regular;
  font-size: 0.9rem;
  padding: 0.1rem 0px;
}
.blogpostdetail-content-warp-in p {
  color: rgb(112, 111, 103);
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.blogposttopmetadata-read {
  margin: auto 1rem auto 0px;
}

.blogposttopmetadata-tag {
  text-transform: uppercase;
  color: rgb(239, 128, 53);
  margin: auto 0px;
}

.blogposttopmetadata-tag:before {
  content: "•";
  margin-right: 0.6rem;
}

.blogpostdetail-content-warp-in {
  width: 90%;
  font-family: Montserrat-Regular;!important
  margin: 0px 5%;
}

.blogpostdetail-content-warp-in p a {
  cursor: pointer;
  font-weight: bold;
  color: #05CC98;
  text-decoration: underline;
}

.blogpostauthor-warp {
  display: flex;
  margin: 50px 0px;
  border-top: 1px solid rgb(212, 212, 206);
  border-bottom: 1px solid rgb(212, 212, 206);
}
.bbGFQK {
  color: rgb(112, 111, 103);
  font-family: Montserrat-Light, Arial;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  line-height: 1.8rem;
}

.blogpostauthor-warp {
  display: flex;
  margin: 50px 0px;
  border-top: 1px solid rgb(212, 212, 206);
  border-bottom: 1px solid rgb(212, 212, 206);
}

.blogpostauthor-warp-in {
  width: 90%;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 50px 0px;
  margin: 0px 5%;
}

.blogpostauthorimg-wrap {

}

.blogpostauthorimg-wrap img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.blogpostauthorimg-name-wrap {
  width: 75%;
}

body .blog-comments input.hs-button.primary {
  background-color: rgba(5,204,152,1.0);
  border-color: rgba(5,204,152,1.0);
  /*border-radius: 0px;*/ /*sets the button with rounded corners*/
  border-width: 0px;
  color: rgba(255,255,255,1.0);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
div#comments-listing {
  padding-bottom: 40px;
}
.custom-realted-post-wrap {
  display: flex;
  max-width: 1200px;
  flex-direction: row;
  margin: 50px 0px;
}
.blogpostauthorimg-name {
  line-height: 2rem;
  font-family: Montserrat-Semibold;
  color: rgb(5, 204, 152);
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
}
.custom-realted-post-wrap .post-topic-items {
  margin-top: 30px;
}
.custom-realted-post-wrap .post-topic-items {

  border-bottom: 10px solid rgb(239, 128, 53);
}
.custom-realted-post-wrap .post-topic-items .blogarticlecard-title {
  margin-top: 0;
}
.custom-realted-post-inner {
  display: flex;
  flex-direction: column;
  width: 1200px;
  margin: 50px auto;
}
.custom-realted-post-wrap .post-topic-items .blogarticle-topic {
  color: rgb(239, 128, 53);
  width: 59px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.custom-realted-post-wrap .post-topic-items .blogarticle-date {

  vertical-align: top;
}

.custom-realted-post-wrap .post-topic-items .read-min {

  vertical-align: top;
}
.custom-realted-post-inner h2 {
  color: rgb(5, 204, 152);
  text-align: left;
  padding-left: 20px;
}
.blogpostauthorimg-name {}

.blogpostauthorimg-name-wrap-social {
  display: flex;
  flex-direction: row;
  padding: 10px 0px 0px;
}

.hs-author-social-links a {
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 10px;
}

.hs-author-social-links a {}

.hs-author-social-links a svg {
  height: 20px;
  width: 20px;
}

.tag-banner-wrap {}

.tag-banner {
  text-align: center;
  margin: auto;
  padding: 0px 0px 40px;
}

.tag-banner-img {
  margin: auto;
}

.tag-banner-img img {
  width: 90px;
  height: 90px;
  margin: 0px;
  object-fit: contain;
}

.tag-banner-wrap {}

.tag-banner-wrap .content-wrp {
  width: 75%;
}

.tag-banner-wrap .content-wrp .title {
  font-family: Bernadette;
  font-size: 1.4rem;
  line-height: 2.8rem;
  color: rgba(0,0,0,.8);
}

.tag-banner-wrap .content-wrp p {
  color: rgb(25, 25, 25);
  font-size: 1.1rem;
  line-height: 2rem;
  font-family: Montserrat-Light, Arial;
  text-align: center;
  width: 80%;
  margin: auto;
}
.tag-post-container {
  background-color: rgb(250, 250, 250);
  padding-top: 60px;
}
.tag-banner {
  text-align: center;
  margin: auto;
  padding: 0px 0px 40px;
}
.blogarticlecard-content {
  color: rgb(25, 25, 25);
  font-size: 1.1rem;
  line-height: 2rem;
  font-family: Montserrat-Light, Arial;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 100px;
  margin-bottom: 22px;
  overflow: hidden;
}
.tag-post-container .post-topic-items .blogarticle-inner .blogarticlecard-title {
  margin: 0 0 1rem;
}

.tag-banner-wrap {
  padding-top: 4px;
}
.tag-post-container {
  background-color: rgb(250, 250, 250);
  padding-top: 60px;
}

.tag-row-2 {
  background-color: rgb(250, 250, 250);
  max-width: 1160px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 0px auto;
}

.tag-post-container .post-topic-items {
  width: calc(50% - 30px);
  margin-bottom: 60px;
  box-shadow: rgba(0,0,0,0.1) 0px 4px 20px 0px;
  border-radius: 15px;
  border-bottom: 14px solid #ef8035;
  height: auto;
  margin: 0;
  margin-bottom: 60px;
}
.tag-post-container .post-topic-items, .tag-post-container .tag-row-1 .post-topic-items .blogarticle-inner {
  border-color: transparent;
}
.tag-post-container .post-topic-items .blogarticle-img {
  padding-bottom: 45%;
}

.tag-post-container .post-topic-items .blogarticle-inner {
  width: 100%;
  padding: 60px;
}

.tag-post-container .post-topic-items .blogarticle-inner .read-min {
  color: rgb(170, 168, 162);
  font-size: 0.7rem;
  padding-bottom: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  font-family: Montserrat-Regular, Arial;
  display: inline-block;
  vertical-align: top;
}

.tag-post-container .post-topic-items .blogarticle-inner  .blogarticle-topic {
  margin: 0;
  font-size: 0.7rem;
  padding-bottom: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  font-family: Montserrat-Regular, Arial;
  color: rgb(239, 128, 53);
  display: inline-block;
  text-transform: uppercase;
  width: 105px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tag-post-container .post-topic-items .blogarticle-inner .blogarticle-date {
  color: rgb(170, 168, 162);
  font-size: 0.7rem;
  padding-bottom: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  font-family: Montserrat-Regular, Arial;
  text-transform: uppercase;
  float: right;
}
.tag-post-container .post-topic-items .blogarticle-inner .blogarticle-topic{
  color: #38e680;
}
.tag-post-container .post-topic-items .blogarticle-inner .blogarticle-topic:before {
  display: inline-block;
  height: 4px;
  width: 4px;
  vertical-align: middle;
  background-color: rgb(112, 111, 103);
  margin: 0px 10px;
  border-radius: 50%;
  content: "";
}

.tag-post-container .post-topic-items .blogarticle-inner .blogarticlecard-title {
  color: rgb(25, 25, 25);
  font-family: Montserrat-Medium;
  font-size: 1.8rem;
  line-height: 1.4em;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: bold;
}
.tag-post-container .post-topic-items .blogarticlecard-author {
  position: static;
  width: 100%;
}
.tag-post-container .post-topic-items .blogarticlecard-author {}

.tag-post-container .post-topic-items .blogarticlecard-author .blogarticle-author-image {
  display: inline-block;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
}
.tag-post-container .tag-row-1 .post-topic-items .blogarticle-inner.no-feat-img {
  width: 100%;
  margin-left: 0;
}

.tag-post-container  .tag-row-1 .post-topic-items {
  height: 396px;
  max-width: 1160px;
  width: 100%;
  background-color: #fff;
  box-shadow: rgba(0,0,0,0.1) 0px 4px 20px 0px;
  margin: 60px auto;
  border-radius: 15px;
  border: none;
}

.tag-post-container .tag-row-1 .post-topic-items .blogarticle-img {
  width: 65%;
  height: 100%;
  display: inline-block;
}

.tag-post-container .tag-row-1 .post-topic-items .blogarticle-inner {
  width: 35%;
  display: inline-block;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  vertical-align: top;
  padding: 40px;
  border-bottom: 14px solid #ef8035;
  margin-left: -6px;
  min-height: 396px;
}
.tag-post-container .post-topic-items, .tag-post-container .tag-row-1 .post-topic-items .blogarticle-inner {
  border-color: transparent;
}
.tag-post-container .post-topic-items .blogarticlecard-author .blogarticle-author-image img {
  height: 32px;
  width: 32px;
}

.tag-post-container .post-topic-items .blogarticlecard-author span {
  color: rgb(170, 168, 162);
  font-size: 0.7rem;
  padding-bottom: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  font-family: Montserrat-Regular, Arial;
}
header.header.blog-header .submenu.level-1>li:first-child {
  margin-right: 4px;
}
.comment-date, .comment-from {
  display: block !important;
}
.tag-post-container.transforming-your-team .post-topic-items,
.tag-post-container.transforming-your-team .tag-row-1 .post-topic-items .blogarticle-inner {
  border-color: rgb(239, 128, 53);
}

.tag-post-container.transforming-your-team .post-topic-items .blogarticle-inner .blogarticle-topic{
  color: rgb(239, 128, 53);
}

.tag-post-container.positive-initiatives .post-topic-items,
.tag-post-container.positive-initiatives .tag-row-1 .post-topic-items .blogarticle-inner {
  border-color: rgb(146, 138, 255);
}

.tag-post-container.positive-initiatives .post-topic-items .blogarticle-inner .blogarticle-topic{
  color: rgb(146, 138, 255);
}
.tag-post-container.developer-toolbox .post-topic-items,
.tag-post-container.developer-toolbox .tag-row-1 .post-topic-items .blogarticle-inner {
  border-color: rgb(146, 138, 255);
}

.tag-post-container.developer-toolbox .post-topic-items .blogarticle-inner .blogarticle-topic{
  color: rgb(146, 138, 255);
}
.tag-post-container.tech-trends .post-topic-items,
.tag-post-container.tech-trends .tag-row-1 .post-topic-items .blogarticle-inner {
  border-color: rgb(146, 138, 255);
}

.tag-post-container.tech-trends .post-topic-items .blogarticle-inner .blogarticle-topic{
  color: rgb(146, 138, 255);
}
.tag-post-container.design-trends .post-topic-items,
.tag-post-container.design-trends .tag-row-1 .post-topic-items .blogarticle-inner {
  border-color: #38e680;;
}

.tag-post-container.design-trends .post-topic-items .blogarticle-inner .blogarticle-topic{
  color: #38e680;;
}

@media only screen and (max-width: 1024px){
  .tag-banner-img img{
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1024px){
  .blog-header-main  {
    max-width: 1160px;
    padding: 85px 0px 80px;
  }
  .tag-post-container .post-topic-items .blogarticlecard-author span{
    font-size: 0.9rem;
    padding-bottom: 1.5rem;
  }
  .tag-post-container .post-topic-items .blogarticle-inner .read-min{
    font-size: 0.9rem;
    padding-bottom: 1.5rem
  }
  .tag-banner-wrap .content-wrp {
    width: 75%;
  }
  .tag-banner-img img{
    width: 150px;
    height: 150px;
  }
  .tag-banner-img{
    width: 25%;
  }
  .tag-post-container .post-topic-items .blogarticle-inner .blogarticle-date{
    font-size: 0.9rem;
    padding-bottom: 1.5rem;
  }
  .tag-post-container .post-topic-items .blogarticle-inner .blogarticle-topic{
    font-size: 0.9rem;
    padding-bottom: 1.5rem;
  }
  .tag-banner {
    display: flex;
    flex-direction: row;
    max-width: 600px;
    padding: 70px 0px;
  }
  .blog-header-inner img {
    width: 70%;
  }
  .bbGFQK {
    font-size: 1.1rem;
    line-height: 2rem;
  }
  .hs-author-social-links a {
    flex-direction: row-reverse;
    height: 30px;
    width: 30px;
    margin-right: 0px;
    margin-left: 20px;
  }
  .hs-author-social-links a svg {
    height: 30px;
    width: 30px
  }
  .blog-header-main p {
    width: 60%;
  }
  .blogpostdetail-content-warp-in{
    max-width: 960px;
    margin: 0px auto;
  }
  .blogpostdetail-content-warp-in p {
    font-size: 1.1rem;
    line-height: 2rem;
  }
  .blogpostauthor-warp {
    max-width: 960px;
    margin: 50px auto;
  }
  .blogpostauthorimg-name-wrap {
    width: 80%;
  }
  .blogpostauthorimg-name{
    font-size: 1.7rem;
  }
  .blogpostauthorimg-wrap {

  }
  .blogpostauthorimg-wrap img {
    width: 100px;
    height: 100px;
    margin-top: 20px;
  }
  .blogpostauthor-warp-in {
    max-width: 768px;
    margin: 0px auto;
  }
}
@media only screen and (min-width: 1201px){
  .tag-banner-wrap .content-wrp .title{
    font-size: 2rem;
    text-align: left;
    width: 80%;
    margin: auto auto 1rem;
  }
  .tag-banner-wrap .content-wrp p{
    text-align: left;
  }
}
@media only screen and (min-width: 1240px){
  .feat-img-wrapper {
    margin: 0px auto 50px;
  }

  h2.blogpostdetail-title {
    max-width: 1160px;
    margin: 3rem auto;
  }
  .blogposttopmetadata {
    max-width: 1160px;
    margin: 2rem auto;
  }


}


@media (min-width: 1024px) and (max-width: 1240px){
  .tag-post-container {
    background-color: #fafafa;
    padding-top: 60px;
    padding: 60px 15px;
  }
}

@media only screen and (max-width: 1239px){
  .custom-realted-post-inner {
    width: 90%;
    margin: 50px 5%;
  }
  .blog-comments {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0px 5%;
  }
  .custom-realted-post-wrap {
    flex-wrap: wrap;
    margin: 50px auto 0px;
  }
}
@media(max-width: 1023px){
  .mobile-image{
    display:block;
  }
  .blog-header-form form .hs-input {
    font-size: 16px;
  }
  .blog-mobile-share {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin-right: 30px;
  }
  .blog-mobile-share a {
    margin-right: 20px;
    margin-left: 10px;
    text-align: right;
  }
  .blogposttopmetadata-auth-name {
    font-size: 0.9rem;
    line-height: 1.8rem;
  }
  .blogpostdetail-styled__ShareLabel-sc-1a6prd7-8.jJWBgL {
    font-family: Montserrat-Medium;
    color: rgb(5, 204, 152);
    width: 100%;
    font-size: 14.4px;
    padding-right: 65px;
    margin-right: 20px;
    margin-left: 10px;
    text-align: right;
  }
  .desktop-image{
    display:none;
  }
  .blog-social-share.bVnnJf {
    display: none;
  }
  .tag-banner-wrap .content-wrp {
    width: 100%;
    text-align: center;
  }
  .blog-header-inner img {
    width: 70%;
    max-width: 300px;
    margin: 7px auto 0;
    margin: 7px auto 50px;
  }
  .custom-blog-listing-row {
    padding: 15px 0px;
  }
  .tag-post-container .tag-row-1 .post-topic-items .blogarticle-img {
    width: 100%;
    height: 38%;
    display: block;
  }
  .tag-post-container .tag-row-1 .post-topic-items .blogarticle-inner {
    width: 100%;
    display: block;
    height: auto;
    padding: 35px;
  }
  .tag-post-container .post-topic-items {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px 0px;
    width: calc(100% - 20px);
    margin: 10px 10px 30px;
  }
  .tag-post-container .post-topic-items .blogarticle-inner {
    padding: 20px;
  }
  .tag-banner-wrap .content-wrp p {
    font-size: 14px;
    line-height: 1.5rem;
  }
  .tag-post-container .tag-row-1 .post-topic-items .blogarticle-inner {
    width: 100%;
    display: block;
    height: auto;
    padding: 35px;
    min-height: 1px;
  }
  .tag-post-container .tag-row-1 .post-topic-items {
    width: 100%;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px 0px;
    margin: 60px 0px;
    border-radius: 0px;
  }
  .blogarticlecard-content {
    font-size: 14px;
    line-height: 1.5rem;
  }
  .tag-post-container {
    max-width: 100%;
    padding-top: 10px;
  }
  .mobile-image {
    width: 80%;
    margin: 0 auto;
  }
  .custom-blog-listing-row-inner .col.col1 {
    width: 100%;
  }
  .custom-blog-listing-row-inner .col.col2 {
    display: flex;
    flex-direction: row;
    width: 66.6%;
    display: none;
  }
  .custom-blog-listing-row-inner {
    height: 450px;
  }
  .tag-post-container .tag-row-1 .post-topic-items .blogarticle-inner {
    width: 100%;
    display: block;
    height: auto;
    padding: 35px;
    min-height: 1px;
    border-radius: 15px;
    margin-left: 0;
  }
  .tag-row-1 {
    padding: 0 10px;
  }
  .tag-post-container .tag-row-1 .post-topic-items {
    border-radius: 15px;
    /* padding: 0 10px; */
    /* margin: 60px 10px; */
  }
}
@media(max-width: 767px){
 span#hs_cos_wrapper_post_body img {
    float: none !important;
    display: block;
    max-width: 100%;
}
  .blogposttopmetadata {
    display: flex;
    flex-direction: row;
    margin: 2rem 0;
    padding: 0 5%;
  }
}

@media (max-width: 500px) {
  .custom-blog-listing-row-inner {
    height: auto;
    min-height: 500px;
    width: 90%;
  }
  .blogposttopmetadata-auth {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: flex-start;
  }
.blogposttopmetadata-tag {
    text-transform: uppercase;
    color: #ef8035;
    margin: auto 0px;
    text-align: center;
}

  .blogposttopmetadata {
    flex-direction: column;
  }
  .blogposttopmetadata-auth {
    flex-direction: revert;
  }
  .blogposttopmetadata-col2 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 17px;
  }
}
@media(max-width: 480px){
  .blog-post img {
    width: 100% !important;
    float: none !important;
  }
  .custom-blog-listing-row-inner .col.col1 p {
    font-size: 16px;
    line-height: 23.2px;
  }
  .post-topic-items {
    width: calc(100% - 20px);
    margin: 30px 10px;
  }
  .blogpostdetail-styled__ShareLabel-sc-1a6prd7-8.jJWBgL {
    font-size: 12.8px;

  }
  .blogposttopmetadata-col-in {
    display: block;
}
.blogposttopmetadata-col-in > .blogposttopmetadata-read {
    margin: 0 0 10px;
}
  .custom-blog-listing-row-inner .col.col1 {
    width: 100%;
    margin: 0;
  }
}

/*Adjust image size in blog posts */
.blogpostdetail-content-warp img{
    width: 100%;
    height: 100%;
}

/*Adjust bullet point style in blog post body */
.blogpostdetail-content-warp-in ul, ol{
  font-size: 1.1rem;
  color: rgb(112, 111, 103);
}

/* Whitepaper blog post */
.whitepaper-container {
  margin: 50px auto 0;
  padding: 0;
}

.whitepaper-container button {
  min-width: 200px;
  margin: 30px 0;
}

.whitepaper-bg-letters {
  z-index: 0;
  height: 0;
}

.whitepaper-bg-letter-l {
  position: relative;
  display: inline-block;
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/L_Purple_8.png);
  background-repeat: no-repeat;
  background-size: 142px;
  width: 142px;
  height: 276px;
  top: 0px;
  left: calc((((100% - 1160px) / 2) + 1160px) - 1340px);
}

.whitepaper-bg-letter-o {
  position: relative;
  display: inline-block;
  background-image: url(//7666765.fs1.hubspotusercontent-na1.net/hubfs/7666765/raw_assets/public/PaloIt_August2020/images/O_Red_1.png);
  background-repeat: no-repeat;
  background-size: 300px;
  width: 300px;
  height: 300px;
  top: 700px;
  left: calc((((100% - 1160px) / 2) + 1160px) - 120px);
}

.whitepaper-content {
  max-width: 1160px;
  display: flex;
  margin: auto;
  padding-top: 70px;
  padding-bottom: 30px;
  margin: auto;
}

.whitepaper-content ul li {
  margin: 0;
}

.whitepaper-name {
  text-transform: uppercase;
  color: #aaa8a2;
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  font-family: Montserrat-Regular, Arial;
  font-size: 0.9rem;
  padding-bottom: 1.5rem;
}

.whitepaper-title {
  font-size: 2.7rem;
  line-height: 1.15;
  letter-spacing: -0.06rem;
}

.whitepaper-right-content {
  /*order: ${props => props.order};*/
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.whitepaper-right-content .icon {
  width: 90%;
}

.dialog-container {
  display: none;
}

.dialog-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}

.dialog-modal{
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 10000000;
  background: white;
  border-radius: 15px;
  max-height: 95%;
  max-width: 1160px;
  width: 600px;
}

.dialog-form-container {
  width: 100%;
  margin: auto;
  display: block;
  text-align: left;
  z-index: 100000;
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s; /* Firefox < 16 */
  -ms-animation: fadein 1s; /* Internet Explorer */
  -o-animation: fadein 1s; /* Opera < 12.1 */
  animation: fadein 1s;
}

.dialog-form-padding {
  padding: 30px 40px 10px 40px;
}

.dialog-close-button {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}

.dialog-close-button img {
  transition: 0.2s ease-in-out;
  width: 15px;
  height: 15px;
}

.dialog-close-button img:hover {
  transform: scale(1.1);
}

.dialog-form p{
  font-size:0.9rem;
  font-family: Montserrat-Regular, Arial;
  margin: 0px 0px 2px;
  color: rgb(25, 25, 25);
  text-transform: uppercase;
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  padding: 0px 40px ;
}

.dialog-form h3 {
  font-size: 1.4em;
  margin: 0 0 1rem;
  margin-bottom: 1rem;
  color: inherit;
  font-family: Montserrat-Bold,sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  font-size: 2rem;
  line-height: 1.1;
  padding: 0px 40px ;
}

.dialog-form .field {
  margin-bottom: 10px;
  padding: 0px 40px ;

}

.dialog-form label {
  line-height: 1.2rem;
  letter-spacing: 0.2rem;
  font-family: Montserrat-Regular, Arial;
  font-size: 0.65rem;
  color: rgb(5, 204, 152);
  display: inline;
  text-transform: uppercase;
}

.dialog-form input {
  color: rgb(112, 111, 103);
  line-height: 2rem;
  font-family: Montserrat-Light, Arial;
  font-size: 0.75em;
  border-color: currentcolor currentcolor rgb(212, 212, 206);
  border-style: none none solid;
  border-width: 0px 0px 2px;
  border-image: none 100% / 1 / 0 stretch;
  width: 100%;
  padding: 3px 0px;
  border-radius: 0px;
}

.dialog-form .hs-button {
  width: 100%;
  padding: 30px;
  background: rgb(5, 204, 152) none repeat scroll 0% 0%;
  font-family: Montserrat-Bold;
  color: rgb(255, 255, 255);
  font-size: 20px;
  text-transform: uppercase;
  border: 0px none;
  outline: currentcolor none 0px;
  border-radius: 0px 0px 15px 15px;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .whitepaper-container button{
      width: 100%;
  }

  .whitepaper-bg-letter-l{
    display: none;
  }

  .whitepaper-bg-letter-o{
    display: none;
  }

  .whitepaper-content{
    padding-top: 40px;
    padding-bottom: 50px;
    flex-direction: column;
    width: 80%;
  }

  .whitepaper-left-content {
    text-align: center;
  }

  .whitepaper-header {
    font-size: 1.7rem;
  }

  .whitepaper-desc {
    font-size: 1.1rem;
  }

  .whitepaper-right-content {
    order: -1;
  }

  .dialog-modal{
    width: 100%;
    overflow-y: scroll;
    border-radius: 0;
    max-width: 1160px;
    max-height: 100%;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
system pages look. These pages include the error pages (404 and 500),
password protected content and search listing results.
*********************************************************************************
****************************************************************************** */

.error-page {
  padding: 10rem 0;
  text-align: center;
  position: relative;
}
.error-page:before {
  content: attr(data-error);
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Lato, sans-serif;
  font-size: 40vw;
  font-weight: bold;
  color: #F3F6F9;
  z-index: -1;
}
.systems-page input {
  margin-bottom: 29px;
}
p.header {
  min-height: 0 !important;
}
input#hs-pwd-widget-password {
  height: auto !important;
}
ul.no-list.hs-error-msgs {
  margin-left: 0;
}
.systems-page .hs-input {
  margin-bottom: 29px;
  background: #fff;
}
@media screen and (min-width: 1240px) {
  section.content-wrapper{
    padding-left:0;
    padding-right:0;
  }
}
.systems-page {}

.systems-page input {
  margin-bottom: 29px;
}

.systems-page .hs-form-field {margin-bottom: 20px;}

.systems-page input.hs-button.primary.large {
  margin-top: 20px;
}
@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}
.error-page_heading {
  margin-bottom: 1rem;
}



.systems-page {
  padding: 3rem 0px;
}
.systems-page .success {
  display: inline-block;
  margin: 2rem 0;
  max-width: 650px;
  width:100%;
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  font-size: .75rem;
  color: #4F7D24;
  padding: .1rem .75rem;
}

.hs-search-results {
  margin-top: 2rem;
}
ul.hs-search-results__listing li {
  margin-bottom: 2rem;
}
.hs-search-results__title {
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  color: #494a52;
  text-decoration: underline;
  margin-bottom: .25rem;
}
.hs-search-results__title:hover {
  text-decoration: none;
}
.hs-search-results__description {
  padding-top: .5rem;
}
.hs-search-highlight {
  font-weight: bold;
}
.hs-search-results__pagination a {
  color: #494a52;
}

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

.customerroe-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.customerroe-wrap img{
  max-width: 100%;
  padding: 0;
  margin: 0 0 1.45rem;
}
.customerroe-img {
  position: absolute;
  top: 450px;
  z-index: -1;
  left: 20%;
}

.customerroe-img img {
  width: 92px;
  height: 70px;
  max-width: 100%;
  padding: 0;
  margin: 0 0 1.45rem;
}
.customerroe-img-2 {
  position: absolute;
  top: 50px;
  z-index: -1;
  left: 8%;
}

body .form-input-error {
  border: none !important;
  border-bottom: 2px solid #f2545b!important;
}

.customerroe-img-3 {
  position: absolute;
  top: 100px;
  z-index: -1;
  left: 70%;

}
.systems-page form {
  max-width: 600px;
}
.systems-page .hs-input {
  margin-bottom: 29px;
  background: #fff;
  width: 100% !important;
}

.customerroe-img-2  img {
  width: 100px;
  height: 100px;
}
.customerroe-img-3 img {
  width: 92px;
  height: 80px;
}

.customerroe-inner {
  text-align: center;
  padding: 200px 0px 250px;
}
.customerroe-inner h1 {
    color: rgba(0,0,0,.8);
    color: rgb(5, 204, 152);
    text-transform: uppercase;
}

.custom-contact-row1 .hs-input::-webkit-input-placeholder {
    color: inherit;
    opacity: .54;
}
.customerroe-inner p {
  font-family: Montserrat-SemiBold;
  line-height: 1.5rem;
  font-size: 1rem;
  padding: 0px 30px 30px;
  color: rgba(0,0,0,.8);
  /* font-family: georgia,serif; */
  margin: 0;
}
.customerroe-inner a.btn {
    min-width: 260px;
    margin: auto;
}

.hs-input[type=checkbox] {
    width: auto !important;
    display: inline-block !important;
}
.customerroe-inner  a.btn {}

@media only screen and (min-width: 1024px)  {
  .customerroe-img img  {
    width: 132px;
    height: 100px;
  }
  .customerroe-img-2  img {
    width: 150px;
    height: 150px;
  }
  .customerroe-img-3 img {
    width: 141px;
    height: 120px;
  }
}

@media only screen and (max-width: 767px)  {
  .systems-page form {
    max-width: 100%;
  }
}
/* @import url('http://example.com/example_style.css'); */

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

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

.hs-embed-wrapper {
  max-width: none !important;
}

tbody tr td.blob-num.js-line-number {
  border: 0px;
}
/* @import url('http://example.com/example_style.css'); */

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

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

@media (max-width: 1280px){
  .header:not(.blog-header) .header__language-switcher .lang_list_class li:last-child a, .header:not(.blog-header) .header__language-switcher .lang_list_class li a {
    width: unset !important;
  }

  .header:not(.blog-header) ul.lang_list_class {
    display: table !important;
    width: 100% !important;
  }
  
  ul.lang_list_class {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  
  ul.lang_list_class li {
    width: auto !important;
    display: flex;
    justify-content: center;
  }
  
  .header:not(.blog-header) ul.lang_list_class li a {
    font-size: 14px !important;
    color: rgb(170, 168, 162) !important;
  }
}

@media (max-width: 1200px){
  .blog-header .header__language-switcher .lang_list_class li a {
    width: auto !important;
    color: rgb(170, 168, 162) !important;
    font-size: 14px !important;
  }
}
/* @import url('http://example.com/example_style.css'); */

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

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



.dialog-form p {
  text-align: center !important;
  line-height: inherit !important;
  letter-spacing: 1.3px !important;
  margin: 0px 0px 20px 0px !important;
}