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

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

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

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

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

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

body {
  margin: 0;
}

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

main {
  display: block;
}

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

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

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

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

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

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

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

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

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

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

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

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

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

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

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

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

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

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

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

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

    .visible-desktop {
        display: none !important ;
    }
}
.content-wrapper {
  margin: 0 auto;
  max-width: 1240px;
  padding: 0 20px;
}

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

.dnd-section {
  padding: 70px 0px;
}

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

.dnd-section .dnd-column {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0 20px;
  }
  
 
  
/*  .row-fluid .dnd-section {
  padding: 50px 0px !important;
} */
  
  
  
}
html {
  font-size: 24px;
}

@media (max-width: 767px) {
  html {
    font-size: 18px;
  }
}

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

body {
  color: #494A52;
  font-family: Lato, sans-serif;
  line-height: 1.4;
}

strong {
  font-weight: 700;
}

/* Anchors */

a {
  color: #0270E0;
  cursor: pointer;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #494A52;
  font-family: Merriweather, serif;
  font-weight: 700;
  margin: 0 0 1.4rem;
  word-break: break-word;
}

h1 {
  font-size: 72px;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 32;
}

h4 {
  font-family: Lato, sans-serif;
  font-size: 1.175rem;
  font-weight: normal;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.9rem;
}

/* Lists */

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

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

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

/* Code blocks */

code {
  vertical-align: bottom;
}

/* Blockquotes */

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

/* Horizontal rules */

hr {
  background-color: #CCC;
  border: none;
  color: #CCC;
  height: 1px;
}

/* Subscripts and superscripts */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Focus styles */

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

.disable-focus-styles :focus {
  outline: none;
}
/* @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    */
/*****************************************/




/* header module css */






/* ens header module css */

.sideimagevideo-row { display: flex;  align-items: center; padding-bottom: 80px; }
.imageor-videoimg { width: 40%; }
.imagevideo-text { width: 60%; padding-left: 60px; position: relative; padding-top: 18px; padding-bottom: 18px; }
.imagevideo-details { padding-top: 22px; }
.imagevideo-text:before { content: ""; position: absolute; height: 4px; width: 85px;  border-radius: 7px; top: 0; }
.sideimage-module { padding-top: 65px; padding-bottom: 0px; }
.sideimagevideo-row.image-videoright .imagevideo-text {    padding-left: 0;    padding-right: 60px; }
.sideimagevideo-row.image-videoright{ flex-direction: row-reverse; }
.side-video iframe {    width: 100%;    float: left; }
.side-image {   text-align: center; }
.imagevideo-cta {   padding-top: 35px; }



form input[type=submit]:hover, form input[type=submit]:focus, form .hs-button:hover, form .hs-button:focus{     border-radius: 20px 0 20px 0; }


/* flipper module */

.flipper-row { display: flex; flex-flow: wrap; justify-content: center; }
.flipper-boxes { width: calc(100% / 3 - 30px); margin: 0 15px;    margin-bottom: 30px;  }
.flipphover-texts {  position: absolute; top: 0;  bottom: 0; left: 0; right: 0; padding: 0px 0px; display: flex; flex-direction: column; justify-content: center; color: #fff;  }
.flipper-text { padding-top: 12px; margin-top: 12px; position: relative; }
.flipper-icon { text-align: center; padding-bottom: 25px; }


.flipper-text:before { content: ""; position: absolute; height: 4px; width: 35px; border-radius: 20px; top: 0; }
.flipphover-texts h3 { color: #fff; position: relative; padding-top: 22px; }
.flipphover-texts h3:before { content: ""; position: absolute; height: 4px; width: 35px; border-radius: 20px; top: 0; border-top: 3px solid #fff; }
.flipper-boxes:hover .flipphover-texts {  }
.flipphover-inner { height: 100%; overflow-y: auto; padding: 44px 22px; }

.flip-card-inner{ transition: transform 0.6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; border-radius: 0px; background: #FFFFFF; width:100%; padding: 35px 25px; padding-bottom: 28px; position: relative;  }
.flip-card { perspective: 1500px;  -webkit-perspective:1500px;   display: flex;   height: 100%;    width: 100%; }
.flip-card-back { transform: rotateY(180deg); }

.flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
.flip-card-front, .flip-card-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.card-flipper-module { padding-top: 65px;  padding-bottom: 40px; }


.flipphover-inner::-webkit-scrollbar {
  width: 8px;
}
 
.flipphover-inner::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.flipphover-inner::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius:10px;
}



.globe_class { position: relative; }
.lang_switcher_class:before { content: "Language"; font-size: 18px; }
.lang_switcher_class { position: relative;  padding-right: 33px; margin-top: 16px; line-height: 16px; }
.globe_class { position: absolute; top: 0; right: 0; }

       



/* ========   accordion    ==========*/

.accordion-module { padding-top: 90px; padding-bottom: 50px;  }
.header-ofaccordion { text-align: center;  padding-top: 35px; padding-bottom: 10px; }
.titleborder:before { height: 3px; content: ""; position: absolute; width: 76px; margin: 0 auto; left: 0; right: 0; top: 0;  border-radius: 50px; }
.titleborder{ position:relative; }
.accordion-row { padding-top: 34px; }
.accordion-row { margin: 0 auto; }
.accordion-text { display: none; padding: 40px 22px; padding-bottom: 5px; }
.accordion-column > h4 { border: 1px solid #DDE3EE; color: #737B7D;     position: relative; padding: 16px 20px; cursor: pointer; }
.accordion-column { margin-bottom: 40px; }
.accordion-column > h4:hover { transition: 0.4s; color: #fff; }
.accordion-column.active-accordion > h4{  transition: 0.4s; color: #fff;  }
.accordion-column:first-child .accordion-text {   display: block; }
.accordion-column>h4:before {  content: "\f104"; position: absolute; font-family: "fontawesome"; right: 20px; font-size: 34px; }
.accordion-column.active-accordion > h4:before{ content: "\f107"; }


.onlyheader-row { text-align: center; margin: 0 auto; }
.onlyheader-text.titleborder { padding-top: 24px; }
.onlyheader-cta { padding-top: 30px; }
.onlyheader-cta .cta-design {   display: inline-block;   padding: 5px 10px; }
.onlyheader-row.left_position { text-align: left; }
.onlyheader-row.left_position .onlyheader-text.titleborder:before { left: 0; right: auto; }
.onlyheader-row.left_position .onlyheader-cta > div:first-child {   padding-left: 0; }
.onlyheader-row.left_position .onlyheader-cta > div:last-child {   padding-right: 0; }

.onlyheader-row.right_position { text-align: right; }
.onlyheader-row.right_position .onlyheader-text.titleborder:before { right: 0; left: auto; }
.onlyheader-row.right_position .onlyheader-cta > div:first-child {   padding-left: 0; }
.onlyheader-row.right_position .onlyheader-cta > div:last-child {   padding-right: 0; }


ul.sociale-share.center_position {   text-align: center; }
ul.sociale-share.right_position {    text-align: right; }
ul.sociale-share.module-s li{ padding:0;     margin: 0; }
.Vertical-social li {    display: block !important; }
ul.sociale-share.module-s  li a{ position: relative;     padding-right: 0; }
ul.sociale-share.module-s  li a:before { transform: scale(0);     content: "";   position: absolute;   top: -3px;   bottom: -3px;   left: -3px;
    right: -3px; border-radius: 100%;    z-index: -1;  transition: all 0.4s ease 0s; }
ul.sociale-share.module-s  li a{     width: 45px;   height: 45px;  text-align: center; }
    
span.sotext {   position: absolute;   left: 55px;    font-size: 19px;     top: 12px;  }



/*  =============== Image Carousel module ================= */

.slick-arblblack .slick-arrow.slick-prev::before,.slick-arblblack .slick-arrow.slick-next::before{     background-image: url(https://f.hubspotusercontent40.net/hubfs/3428648/Arrow%202.svg); }
/* .slick-arblblack .slick-arrow.slick-next{ right:30px; }
.slick-arblblack .slick-arrow.slick-prev{ left:0; } */

.inner-imagecl-column { display: flex; background-color: #F5F5F5; }
.image-cl-left { width: calc(50% - 40px); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 565px; }
.image-cl-right { width: 50%; margin-left: 40px; display: flex; align-items: center; padding-right: 40px; padding-top: 40px; padding-bottom: 40px; }
/* .image-cl-column { padding: 0 85px; } */
.imagecl-details.titleborder:before { left: 0; right: auto; }
.imagecl-details.titleborder { padding-top: 22px; }
.row-fluid .image-carousel-large  .container{ padding:0 100px; }
.slick-arblblack  ul.slick-dots{     padding: 28px 0px 0px; position: inherit; }
.slick-arblblack  ul.slick-dots li button{     background: #C4C4C4;     width: 18px;   height: 18px; }
.slick-arblblack  ul.slick-dots li{     padding: 0px 8px;  }
.image-carousel-large {   padding-top: 80px;    padding-bottom: 80px; }

.pagination-no ul.slick-dots li button{ line-height: 28px; font-size: 24px; background: transparent !important;    color: #000;   font-weight: normal; }
.pagination-no ul.slick-dots li button:hover,.pagination-no ul.slick-dots li.slick-active  button { color: #ed8074; }

.image-carousel-large .slick-track{ display: flex; width:100%; }
.image-carousel-large .slick-slide,.image-carousel-large .slick-slide > div{  display: flex !important; height: auto; width:100%; }  
.image-cl-column,.inner-imagecl-column{ width:100%;   }  
.inner-imagecl-column{     height: 100%; }
.slick-arrow{     background: transparent !important; }  

.slick-dots li button:before{  content: "" !important; }


/*  =============== testimonial ================= */

.multi-testbar-column { text-align: center; }
.multi-testimoniale { background-color: #EE877C; padding: 48px 0; } 
.quote-bar i { height: 75px; width: 75px; background: #FFFFFF; align-items: center; display: flex; justify-content: center; font-size: 31px; border-radius: 100%; }
.quote-bar { display: flex; width: 100%; justify-content: center; align-items: center; }
.quote-details h3, .quote-details h2 { color: #222;    margin-top: 0; padding:0;     padding-bottom: 8px; }
.quote-details h4, .quote-details h5, .quote-details h6 { margin-top: 0; color: #222; padding:0;     padding-bottom: 8px; }
.quote-details { padding-top: 38px; color: #000; max-width: 470px; margin: 0 auto; }
.testibar-image {   width: 175px;   height: 175px;  margin: 0 auto;   background-size: cover;   background-position: center;   background-repeat: no-repeat;    border-radius: 100%; }

.testiall-white .quote-details h4, .testiall-white .quote-details h5, .testiall-white .quote-details h6{ color:#fff; }
.testiall-white .quote-details h3, .testiall-white .quote-details h2{ color:#fff; }
.testiall-white .quote-details { color:#fff; }
.testiall-white ul.slick-dots li button:hover,.testiall-white ul.slick-dots li.slick-active button{     background: #fff;  }
.testiall-white ul.slick-dots li button,.testiall-white ul.slick-dots li button{ border: 1px solid #c4c4c4; }
 


.testiarrow a img {   max-width: 18px; }
.testiarrow a { position: relative;width: auto;   height: auto;     margin-top: 4px; }
.testiarrow { display: flex; left: 0; width: 100%; justify-content: center; margin: 0 auto; align-items: center;    padding-top: 40px; }
.slide-m-dots ul.slick-dots {   position: inherit; padding: 0; }

.slide-m-dots{     padding: 0 20px; }

a.nextslick.slick-arrow.slick-disabled,a.previousslick.slick-arrow.slick-disabled {   cursor: inherit;   opacity: 0.5; }
  

.cardtesti-inner { box-shadow: 6px 3px 26px rgba(0, 0, 0, 0.12); border-radius: 0px; padding: 25px 20px; text-align: center; }
.cardtesti-column { padding: 40px 25px; }
.cardtesti-image { width: 81px; height: 81px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 auto; }
.cardteti-detais { padding-top: 13px; }
.cardteti-detais h5 { padding-bottom: 0; }
.cardteti-detais h6 { margin-top: 0; font-weight: normal; padding-top: 5px; padding-bottom: 0; }
.card-testi-row { }
.row-fluid .card-testimoniale > .container { max-width: 1000px; }
.card-testimoniale {   padding: 30px 0;      padding-bottom: 50px; }

.testiall-white .cardteti-detais *{ color:#fff; }




/*  ===============  image gallery   ================= */

.image-gallery-row { display: flex; flex-flow: wrap; }
.image-gallery-column { width: calc(100% / 4 - 20px); margin: 10px 10px; background-size: cover; height: 200px; background-repeat: no-repeat; background-position: center; position: relative; }

.image-gallery-column a span{  transition: 0.4s; }
.image-gallery-column a:hover span { transform: rotate(180deg); transition: 0.4s; }
.image-gallery-column a:hover { transition: 0.4s; opacity: 1; color:#fff; }
.image-gallery-column a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.67); color: #fff; display: flex; justify-content: center; align-items: center; font-size: 40px; opacity: 0; }

.squareimage-row { display: flex; flex-flow: wrap; justify-content: center; }
.squere-column { width: calc(100% / 5 - 30px); margin: 15px 15px; }
.squereimage { height: 200px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.squereimage-text { text-align: center; }
.squereimage-text h4 { padding-top: 15px; }
span.squereimage-date {   color: #737B7D; }

.square-filter ul { padding: 0; margin: 0 auto; list-style: none; box-sizing: border-box; text-align: center; }
.square-filter ul li { border-bottom: 1px solid #E6E6E6; display: inline-block; border-top: 1px solid #E6E6E6; font-size: 24px; line-height: 30px; padding: 11px 32px; margin: 0 -2px; cursor: pointer; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.square-filter ul li:first-child { border-left: 1px solid #E6E6E6; }
.square-filter ul li:last-child { border-right: 1px solid #E6E6E6; }
.square-filter { margin-bottom: 65px; }
.square-filter ul li:hover,.square-filter ul li.active { color: #ED8074; text-decoration: underline; }
.square-filter ul li:hover,.square-filter ul li.active { border: 1px solid #ED8074; }


/*  ===============  tabber  gallery   ================= */

.tabber-itemsmain { display: flex; justify-content: center;     flex-flow: wrap; }
span.tabtitle { font-size: 18px; line-height: 24px; margin-top: 12px; display: inline-flex; }
.tabber-column { cursor: pointer; text-align:center;     margin: 15px 30px; }
.tabber-column span.tab-icon svg {    }
span.tab-icon { display: block; }
span.core-imageicon img {   object-fit: contain; }
.tab-column-section .tab-column {   padding-top: 35px; }
.tabber-itemsmain-section {  padding-bottom: 40px;   padding-top: 40px;  }
.tabber-column{ transition: 0.4s; }
.tabber-column:hover { transition: 0.4s;    transform: translateY(-5px); }

.tabber-multiside-main .sideimagevideo-row{     padding-bottom: 0 !important; }
.tabber-multiside-main .side-image img{     display: block; }


.tabber-multicontainer {   display: flex; }
.tabber-itemsmain2 { width: 220px; }
.tab-column-section2 { width: calc(100% - 220px); padding-left: 55px; }
.tabber-column2 { transition:0.4s;  border: 1px solid #E6E6E6; box-sizing: border-box;     cursor: pointer; padding: 10px 11px; font-size: 22px; line-height: 28px; width: 100%; border-bottom-color: transparent; border-top-color: transparent; }

.tabber-multiside-main .tab-column{  padding: 0; }
.tab-column-section2 .imagevideo-text{     padding-left: 35px; }
.tab-column-section2 .sideimagevideo-row.image-videoright .imagevideo-text{      padding-right: 45px; }
.tabber-column2 span.tabtitle2 {  color: #fff;     transition: 0.4s; }
 .tabber-column2.current,.tabber-column2:hover { transition:0.4s;   border-radius: 15px 0 15px 0; }


/*  ===============  Pricing Tables   ================= */
.pricing-tablerow {   display: flex;   justify-content: center; flex-flow: wrap; }
.pricing-tablecolumn { border: 2px solid #DDDDDD; padding: 45px 20px; text-align: center;     flex: 1 1 0;  margin: 0 8px;  position: relative;  padding-bottom: 195px; }
.price-icon svg { position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; }
.price-icon { position: relative; width: 100%; min-height: 195px; display: flex; align-items: center; justify-content: center; }
.price-icon img { position: relative; z-index: 1; }

.price-details ul li { color: #4F5665; list-style: none; position: relative; padding-left: 28px; text-align: left; margin: 10px 0; font-size: 14px; line-height: 30px; }
.price-details ul { padding: 0; margin: 0 auto; max-width: 210px; padding-top: 12px; }
.price-details ul li:before { content: "\f00c"; font-family: 'fontawesome'; position: absolute; color: #2FAB73; left: 0; }
.price-details { padding-top: 15px; }  
.pricebottom h4 { font-weight: bold; padding-bottom: 20px; }
.pricebottom { position: absolute; left: 0; right: 0; bottom: 0; padding: 45px 0; padding-top: 0; }
.pricing-header {   text-align: center;}
.pricing-header h2 {    padding-bottom: 5px; }
.pricing-header {    margin-bottom: 65px; }




/*  ===============  Pricing Tables   ================= */

.pricing-tableptrow { display: flex; align-items: center; margin: 0 auto; }
.pricingtable-left { font-weight: bold; font-size: 20px; line-height: 26px; width: 200px; }
.pricingtable-right { width: calc(100% - 200px); display: flex; justify-content:center;     flex-flow: wrap; }
.pricingtable-column { padding: 22px 35px; text-align: center;    width:33.33%;     padding-bottom: 50px; }
.plabe-pt { font-weight: bold; font-size: 20px; line-height: 25px; margin-bottom: 15px; padding-top: 50px; }
.plane-pricept h2 { font-weight: bold; font-size: 60px; line-height: 75px; text-align: center; letter-spacing: -1px; }
.plane-tpmont { font-size: 14px; line-height: 18px; text-align: center; letter-spacing: -0.233333px; color: #B5AEBB; }
.plabe-buttontp { margin-top: 80px; }


.avtivetable-price .plane-pricept h2,.avtivetable-price .plabe-pt { color: #fff; }
.avtivetable-price .plane-tpmont { color: #fff; }


.pricerow-column { display: flex; align-items: center; flex-flow: wrap; background-color: #F5F5F5; padding: 26px 25px; }
.pricerow-column span { width: calc(100% / 4); text-align: center; font-weight: bold; font-size: 15px; line-height: 20px; letter-spacing: -0.25px; }
.pricerow-column span:first-child { text-align: left; }
.pricerow-column:nth-child(2n) { background-color: #fff; }
.pricerow-column span i { font-size: 25px; line-height: 27px;  }
.pricemore-row { margin-top: 45px; }

.pricerow-column.pricemore-name {   padding: 5px 25px; }
.pricerow-column.pricemore-bottom {     margin-top: 10px; }


.pricing-package-column { display: flex; width: 100%; box-shadow: 0 0 24px 0px rgba(0, 0, 0, 0.10); margin-bottom: 50px; padding: 50px; align-items: center; }
.pricing-package-left { width: 70%; padding-right: 30px; }
.pricing-package-right { width: 30%; text-align: center; padding: 0 25px; }
.pricing-package-title h3 { display: inline-block; }
span.flag-notification { border-radius: 0px; color: #fff; padding: 6px 15px; transform: translateY(-8px); display: inline-block; margin-left: 10px; }
.pricing-package-title { position: relative; padding-bottom: 12px; }
span.pricing-package-details { font-size: 24px; line-height: 38px;/* or 158% */ letter-spacing: -0.47px; }
.pricing-package-right h3 { font-size: 72px; line-height: 81px;     font-family: 'arial'; }

.pricing-package-column:last-child { margin-bottom: 0; }
.pricing-package { padding-top: 80px; padding-bottom: 80px; }



.pricing-tableptrow.deskstop-price{     display: flex; }
.mobile-price{ display:none; }  


/*  ===============  RSS Feed   ================= */


.powersection-column { padding: 54px 15px; }
.powersection-inner { background: #FFFFFF; box-shadow: 0px 0px 17px 0 rgba(0,0,0,0.10); padding-bottom:10px; }
.power-text { padding: 25px; text-align: center;     padding: 20px;  }
.power-details{ color: #737B7D; padding: 20px 0;   display: block;  }
.power-details{     color: #737b7d; }
.power-image{    background-repeat: no-repeat;   background-position: center;       background-size: cover;  }
.power-image img{ height: 238px; object-fit: cover;     width: 100%;}
.power-section .slick-arblblack ul.slick-dots{ padding-top:0px; }
.power-section {   padding-bottom: 50px; }

/*  ===============  Features & Benefits  ================= */

.features-banrow { display: flex; flex-flow: wrap; justify-content: center; }
.features-bancolumn { width: calc(100% / 3 - 30px); margin: 0 15px; text-align: center; padding: 0 20px; margin-bottom: 40px; }
.features-text { color: #737B7D; letter-spacing: 0.3px; padding-top: 14px; }
.features-text h3, .features-text h4, .features-text h5 { padding-bottom: 0; }
.features-benefits { padding-top: 52px; padding-bottom: 10px;     position: relative;  background-size: cover;   background-position: top;   background-repeat: no-repeat;  }

.features-tripe { text-align: center; padding-top: 40px; padding-bottom: 50px; }
.features-tripe h3 { margin-bottom: 25px; }



/*  ===============  Coundown Clock  ================= */


.coundown-clock { text-align: center; padding: 100px 0; }
.coundown-clock-title h2 { font-size: 44px; line-height: 56px; }
.coundown-clock-row { display: flex; justify-content: center; max-width: 875px; margin: 0 auto; margin-top: 55px; }
.coundown-clock-column { background: #FFFFFF; box-shadow: 10px 10px 26px rgba(0, 0, 0, 0.16);    min-width: 237px; margin: 0 30px; padding-top: 8px; padding-bottom: 22px; padding-left: 35px; padding-right: 35px; position: relative; }
span.hours { width: 100%; display: block; font-size: 144px; line-height: 169px; }
span.hours-title { width: 100%; display: block; font-size: 36px; line-height: 42px; }
.coundown-clock-column:before { content: ":"; position: absolute; right: -49px; top: 50%; transform: translateY(-65%); font-size: 144px; line-height: 169px; }
.coundown-clock-column:last-child:before { display: none; }
.coundown-clock-title { max-width: 485px; margin: 0 auto; position: relative;     padding-top: 20px; }
.coundown-clock-title:before { content: ""; position: absolute; height: 4px; width: 73px; border-radius: 20px; top: 0;  margin: 0 auto; left: 0; right: 0; }


.coundownnew-title { text-align: center; padding-bottom: 62px; position: relative; padding-top: 18px; }
.coundownnew-title:before { content: ""; position: absolute; height: 4px; width: 73px; border-radius: 20px; top: 0; margin: 0 auto; left: 0; right: 0; }
.coundownnew-section {     padding-top: 105px;   padding-bottom: 60px;   background-size: cover;   background-position: center;    background-repeat: no-repeat;    position: relative; }


span.flip-clock-divider.hours { display: none; }
span.flip-clock-divider.days { display: none; }
span.flip-clock-divider.days + ul { display: none; }
span.flip-clock-divider.days + ul + ul { display: none; }
span.flip-clock-divider.hours + ul { display: none; }
span.flip-clock-divider.hours + ul + ul { display: none; }
span.flip-clock-dot.top { display: none; }
span.flip-clock-dot.bottom { display: none; }
.shadow { display: none; }
li.flip-clock-before { display: none; }
span.flip-clock-divider.minutes { display: none; }
span.flip-clock-divider.seconds { display: inline-block; position: relative; font-size: 0; padding: 0 7px; }
span.flip-clock-divider.seconds:before { content: ":"; position: absolute; font-size: 146px; z-index: 2; left: -10px; top: -82px; }
span.flip-clock-divider.minutes + ul { list-style: none; margin: 0; margin: 0; padding: 0; display: inline-block; }
span.flip-clock-divider.minutes + ul + ul { list-style: none; margin: 0; padding: 0; display: inline-block; }
li.flip-clock-active .up { display: none; }
span.flip-clock-divider.seconds + ul + ul { list-style: none; margin: 0; padding: 0; position: relative; display: inline-block; }
span.flip-clock-divider.seconds + ul { padding: 0; margin: 0; list-style: none; margin: 0; display: inline-block; }
.counddow-column { text-align: center; font-size: 180px; line-height: 140px; }
.counddow-column a { opacity: 1 !important;pointer-events: none;    cursor: default;  }
ul.flip { margin: 0 15px !important; }
.inn { position: relative; padding: 0 8px; padding-bottom: 20px; }
.inn:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%);  height: 2px; left: -2px; right: -2px; }
.inn:after { content: ""; position: absolute; height: 10px;  bottom: -2px; left: -2px; right: -2px; }
span.flip-clock-divider.seconds+ul+ul:before { content: "Secs"; position: absolute; font-size: 29px; line-height: 43px; bottom: 0; left: 141px; text-transform: uppercase; }

.testiall-white ul.slick-dots li button:hover, .testiall-white ul.slick-dots li.slick-active button{     outline: none;  }
:focus {   outline: none; }



/*  ===============  header alignment  ================= */





/*  ===============  Epic Roi Floating Image Carousel  ================= */



.floating-image { position: relative; }
.floating-inneimage { background: #fda8a8; mix-blend-mode: normal; box-shadow: 6px 6px 26px rgba(0, 0, 0, 0.12); min-height: 350px; position: absolute; text-align: center; width: 100%; bottom: 0; padding: 30px; padding-bottom: 0; }
.floating-onimage { overflow:hidden; position: relative; text-align: center; width: 100%; bottom: 0; padding: 30px; padding-bottom: 0; z-index: 1; }
.floating-onimage img { display: inline-block;  position: relative;  bottom: -7px;    }
.floating-images-section .slick-slide { padding: 0 30px; padding-bottom: 28px;  -webkit-transform: scale(0.8); transform: scale(0.8); transition:0.8s;  }
.floating-images-section  .slick-center {  transition:0.8s;   -webkit-transform: scale(1) translate(0px, -11px);  -moz-transform: scale(1) translate(0px, -11px);  transform: scale(1) translate(0px, -11px);  }
.floating-row .slick-list {  padding: 0px 350px !important; }
.floating-images-section .slick-track {   display: flex !important;   align-items: flex-end; }
.floating-images-section {   padding-bottom: 110px;   padding-top: 50px; }



/*  ===============  Epic Roi Floating Image Carousel  ================= */






/*  ===============  Logo slider  ================= */


.slogos-slider {    padding: 40px 0px;   padding-bottom: 30px; background:;}
.active-centerslide .slogo-slider-column{  padding: 34px 50px;  } 

.slogo-slider-column {   padding: 28px 25px; transition: .4s; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
.slogos-slider .slick-arblblack ul.slick-dots li { padding: 0; }
.slogos-slider .slick-arblblack ul.slick-dots li button { width: 100%; border-radius: inherit; top: 0; display: block; border: none; }
.slogos-slider .slick-arblblack ul.slick-dots { padding: 0px; position: inherit; margin-top: 0px; background: rgb(240, 240, 240); display: flex !important; }
.slogos-slider .slick-arblblack ul.slick-dots li { padding: 0; width: 100%; }
.slogos-slider .slick-arblblack ul.slick-dots li button { background: #F0F0F0; height: 10px; }

.slogos-slider .slick-center { transition: .8s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); }
.slogos-slider  .slick-track { display: flex !important; align-items: center; margin: 0 auto; }


.slogos-slider-row.simple-slidescroll{     white-space: nowrap;   overflow-x: auto;  }
.simple-slidescroll .slogo-slider-column{     display: inline-block; }
.simple-slidescroll  .slogo-slider-column img {   max-width: 200px;   object-fit: contain; }
.slogos-asslider-section{ justify-content: center;    }

.nomarl-center-mode .slogos-slider-row{ white-space: nowrap;   overflow-x: auto;     overflow-y: hidden; }
.nomarl-center-mode  .slogo-slider-column{     display: inline-block;     width: calc(100% / 3); }

.slogos-slider  .slogos-slider-center  ul.slick-dots{     margin-top: 25px; }
.slogos-slider  .slogos-slider-center .slogo-slider-column {  padding-left:44px; padding-right:44px; }


/*  ===============  start counter module  ================= */

.row-fluid  .logo-count-row { text-align: center; }
.row-fluid .logo-width-counter { padding: 0px 0; }
.row-fluid  .lg-title { position: relative;     padding-bottom: 45px;  padding-top: 0px; }
.row-fluid  .lg-title:before { height: 4px; width: 85px; background: #6FD8FF; position: absolute; content: ""; top: 0; left: 0; right: 0; margin: 0 auto; border-radius: 141px; }

.row-fluid .counter-row { display: flex; justify-content: center; margin-top: 0px; }
.row-fluid  .counter-column { width: 33.33%; position: relative; }
.row-fluid  .counter-column span { color: #8F8F8F; }

.row-fluid  .counter-column:before { content: ""; position: absolute; height: 37px; background: #E2E2E2; border-radius: 20px; width: 2px; transform: translateY(-50%); top: 50%; right: -2px; }
.row-fluid  .counter-column:last-child:before { opacity: 0; }
.row-fluid  .counter-column:nth-child(3n):before {    opacity: 0; }
.row-fluid .lg-title:before{ display:none; }
.row-fluid .counter-column h2 div{ display:inline-block; }
.row-fluid .dollar-sin {  margin-right: -6px; }

 

.quote-module blockquote { padding: 0; margin: 0; position: relative; display: inline-block; width: auto; border: none; font-size: 34px; line-height: 50px; margin-top: 12px; }
.quote-module blockquote:before { content: "\f10d"; font-family: 'fontawesome'; float: left; padding-right: 13px; color: #1d7a8c; }
.quote-module blockquote:after { content: "\f10e"; font-family: 'fontawesome'; padding-left: 19px; color: #1d7a8c; }


span.fill { margin: 0 !important; }
.barfiller { width: 100%; height: 18px; border: none; position: relative; margin-bottom: 20px; background: #E0E0E0; border-radius: 4px; }
.barfiller .fill { display: block; position: relative; width: 0px; height: 100%; background: #333; border-radius: 4px; z-index: 1; }
.barfiller .tipWrap { display: none; }
.barfiller .tip { margin-top: -39px; padding: 2px 4px; font-size: 16px; color: #444; left: 0px; position: absolute; z-index: 2; background: transparent; font-weight: 600; }
.barfiller .tip:after { border: solid; border-color: rgba(0, 0, 0, .8) transparent; border-width: 6px 6px 0 6px; content: ""; display: block; position: absolute; left: 9px; top: 100%; z-index: 9 }

.employee-image img{ display: block; }
.subheader h4 {   padding: 0;   margin: 0; }


/* start textblock */

.work-optimization-section { float: left; width: 100%;  padding: 0px 0; }
.work-optimization-title { float: left; width: 100%; text-align: center; padding-bottom: 35px; }
.count-style ul > li { list-style: none; position: relative; margin: 18px 0; }
.count-style { counter-reset: my-sec-counter; }
.count-style ul > li:before { counter-increment: my-sec-counter; content: ""counter(my-sec-counter) ""; width: 35px; height: 35px; display: inline-block; border-radius: 50%; background: #000; text-align: center; color: #fff; line-height: 35px; font-size: 20px; position: absolute; left: -50px; bottom: auto; top:0px;- margin: auto; }
.count-style ul { padding-left: 75px; margin: 15px 0;  float:left; }
h3 > span { width: 52px; display: inline-block; }
h3 .inner-title { display: inline-block; vertical-align: middle; padding-left: 10px; width: calc(100% - 61px); width: calc(100% - 61px); font-size: 22px; padding-top: 4px; line-height: 28px; }
.work-optimization-details1 { float: left; width: 100%; padding-top: 11px; }
.work-optimization-details { float: left; width: 100%; padding-top: 25px; }
.work-optimization-details .hs_cos_wrapper_type_icon svg { width: 52px; display: inline-block; vertical-align: middle; padding-right: 0; fill: ; }



/* header image block textblock */

.chapter-section h2:before { display: none; }
.chapter-section h2 { color: #fff !important; font-size: 42px; line-height: 48px; }
.chapter-section { float: left; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; padding: 75px 0; position: relative; background-attachment: fixed; }
.chapter-section h2:before { display: none; }
.chapter-section h2 { padding-bottom: 0;     margin-top: 18px; }
.chapter-section:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0;  opacity: 0.8; }
ol li {   padding: 10px 0; }




/* ========== start landing page =======  */

.row-fluid .demohero_section { padding: 185px 0 0px; background-position: left center; min-height: 700px; position: relative; font-size: 16px; color: #fff; line-height: 24px; font-weight: 400; }
.row-fluid .demohero_section .wrapper { position: relative; z-index: 9; }

.row-fluid .demohero_section .nectar-shape-divider-wrap { height: 150px; }
.row-fluid .demohero_inner { padding-left: 9%; padding-top: 0px; }
.row-fluid .demohero_inner h2 { color: #fff; font-size: 50px; line-height: 50px; font-weight: 700; margin-bottom: 20px; }
.row-fluid .demohero_inner ul { padding: 15px 0 0 24px; margin: 0; width: 100%; float: left; list-style: none; padding-left: 0; }
.row-fluid .demohero_inner ul li { width: 100%; float: left; position: relative; padding-left: 43px; margin-bottom: 15px; }

.row-fluid .demoform_area { width:100%;     float: right; background: #fff; padding: 35px 30px; color: #576d80; font-size: 18px; line-height: 26px; font-weight: 400; text-align: center; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08); font-size: 16px; line-height: 24px; text-align: center; color: #576C77; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.08); border-radius: 10px; }
.row-fluid .demoform_area h3 {    padding-top: 0;  margin-bottom: 0px; text-align: center; color: #082344; padding-bottom: 0; }
.row-fluid .demoform_area .demoform form { width: 100%; margin-top: 20px; float: left; text-align: left; }
fieldset.form-columns-1 .input{ margin-right: 0 !important; }
.row-fluid .cookie-reset-container{     margin-bottom: 15px;  text-align: left; }
fieldset.form-columns-2 {   padding-bottom: 5px; }
.demoform-title {   padding-bottom: 10px; }
.row-fluid .demoform_area form{ max-width:100%; }


.recruitment-process-column .process-icon > span,.recruitment-process-column .process-icon > div{ display: flex;   height: 80px;   width: 80px;   justify-content: center;   align-items: center; }
.recruitment-process-column .process-icon:before{  width: 214px; left: -283%; display:none;  } 

/* form style */
form {    max-width: 100% !important;  }
.hero-slider-column > div {   padding: 0 15px; }


/* updated style */
.row-fluid  .cta-design.flipbutton a {  border: 1px solid #fff;   margin-top: 25px;   padding: 11px 15px;   width: auto; }
.flip-card:hover .flipper-text {      position: inherit;  transition-delay: 2s; }
.flip-card:hover .flipper-text:before{ display:none; }
.whaywe-hover-text{     flex-direction: column; }
.whaywe-hover-text .cta-design.flipbutton a {   margin-top: 16px; }
.work-optimization-details > h3 {   display: flex;   align-items: center; }
.tabber-itemsmain2 .tabber-column2:first-child{     margin-top: 0 !important; }

 




.hs-embed-wrapper {   max-width: 100% !important;  max-height: 395px !important;   min-width: 100% !important; }

.row-fluid .blog-subscrib-row>div>div{ flex-direction: column; }
.row-fluid .blog-subscrib-row img {   max-width: 150px !important; }
.blog-subscrib-row form input[type=submit]{     font-weight: 400;
    font-size: 15px;    border-radius: 0;    width: 106px;    padding: 0 0;    height: 50px;  }
.blog-subscrib-row form input[type=submit]:hover {   background: url(images/blank.png) no-repeat left top #ed8074;
    border-radius: 20px 0 20px 0; }
.blog-subscrib-row ul.no-list.hs-error-msgs.inputs-list label.hs-error-msg {  display: block;    margin: 0;    color: #fff; }
.blog-subscrib-row ul.no-list.hs-error-msgs.inputs-list li {   margin: 3px 0;   font-size: 14px; }
.blog-subscrib-row form .input input{ padding-left: 12px; }

.get-freecopy-form {   padding-top: 25px; }











@media (max-width:1400px){
/* .power-section  .slick-arrow{      bottom: -20px; top: auto; } */
.power-section .slick-arrow.slick-next {    right: 22px;    }
.power-section  .slick-arrow.slick-prev {   left: -8px; }
.power-section .powersection-row {    padding: 0 42px; }
  

  
}



@media (max-width:1350px) and (min-width:1151px){

  .coundown-days .coundown-clock-column{     min-width: 193px; } 
 .coundown-days  span.hours{     font-size: 110px;   line-height: 152px; }
  .coundown-days span.hours-title{     font-size: 28px;  line-height: 33px; }
  
  .floating-inneimage {     min-height: 300px; }
  
 
  .slogos-slider .slogos-slider-center .slogo-slider-column {   padding-left: 32px;   padding-right: 32px; }
  
  .slogos-slider-center:before,.slogos-slider-center:after {  top:0; content: "";   height: 100%;   width: 35px;   background: #fff;   position: absolute;   left: 0;   z-index: 5;}
  .slogos-slider-center:after{ left: auto; right:0; top:0; }
  .slogos-slider-center {   position: relative; }
 
  
  
}





@media (max-width:1150px) and (min-width:768px){

.coundown-days span.hours {  font-size: 61px;   line-height: 59px;  font-weight: bold;  padding-top: 13px;  padding-bottom: 5px; }
.coundown-days .coundown-clock-column { min-width: inherit; }
.coundown-days span.hours-title { font-size: 18px; line-height: 24px; padding-top: 7px; }
.coundown-days .coundown-clock-column { margin: 0 15px; }
.coundown-days .coundown-clock-column:before { right: -21px; transform: translateY(-65%); font-size: 32px; line-height: 22px; }
 .coundown-days .coundown-clock-column{ padding-top: 20px; }
  
  
}


@media (max-width:1200px){

  .floating-row .slick-list {  padding: 0px 250px !important; }

}


@media (max-width:1140px){
  
  .pricing-tablecolumn{ flex: inherit; margin-bottom: 15px; }
  
  
}




@media (min-width:768px){
  
.imagevideo-text.eight { width: 50%; padding-left: 20px; }
.imageor-videoimg.eight { width: 50%; padding-right: 20px; }
.imageor-videoimg.ten { width: 30%; }
.imagevideo-text.ten { width: 70%; }
 
  
}


@media (max-width:1024px){
  .image-cl-left{     width: 100%;     min-height: 350px; }
  .inner-imagecl-column{ flex-flow: wrap; }
  .image-cl-right{     width: 100%; }
   
  .square-filter {   margin-bottom: 25px; }
  .square-filter ul li{  font-size: 16px;  line-height: 28px;   padding: 4px 16px;   border-color: transparent; }

  .square-filter ul li:last-child {   border-right: 1px solid transparent; }
  .square-filter ul li:first-child{     border-left: 1px solid transparent; }
  .square-filter ul li:hover, .square-filter ul li.active{ border: 1px solid #ed8074 !important; } 
  
  .pricing-tablecolumn{     margin: 8px 8px;  } 
  .pricing-tablerow{     flex-flow: wrap; }
  
  
  
 .pricing-tableptrow{ flex-flow: wrap; }
 .pricingtable-left {   text-align: center;   margin-bottom: 35px;   width: 100%; }  
  .pricingtable-right{ width:100%; }  
  .pricingtable-column{ padding: 13px 15px; }
  .plane-pricept h2{     font-size: 60px;   line-height: 75px; }
  
  
  .pricerow-column span{ padding: 0 10px; }
  .row-fluid .pricerow-column .cta-design a{     padding: 9px 18px;   font-size: 13px; }
 
  

  
  .pricing-package-column{     padding: 30px; }
  .pricing-package-right{     width: 40%;     padding: 0px 15px; }
  .pricing-package-left{     width: 60%; }
  span.flag-notification{     margin-left: 0;   margin-top: 5px; } 
  .pricing-package-title h3{     width: 100%;   padding-bottom: 8px; }
  span.pricing-package-details br {   display: none; }
  .pricing-package-right h3{     font-size: 60px;   line-height: 65px; }
  
  
  .coundown-days span.hours { font-size: 30px; line-height: 34px; font-weight: bold; padding:0; }
  
  .floating-column{ padding-top:15px; padding-left:15px; padding-right:15px; }

  .floating-inneimage{  min-height: 285px; } 
  
  
  .active-centerslide .slogo-slider-column{ padding: 20px 44px; }  

   
  
  
}




@media (max-width:991px){
   .sideimage-module {   padding-top: 35px;   padding-bottom: 0px; }
  .sideimagevideo-row{     padding-bottom: 60px; }  
  
  .flipper-boxes{ width: calc(100% / 2 - 30px); }
  .card-flipper-module {   padding-top: 95px;    padding-bottom: 66px; }
  
   .accordion-module {   padding-top: 70px;    padding-bottom: 38px; }
  
  
  /*  =============== Image Carousel module ================= */
  .image-cl-left{     min-height: 280px; }
  .image-carousel-large {    padding-top: 50px;    padding-bottom: 50px; }
  
  
  .tab-column-section .imagevideo-text{     padding-left: 30px; }
  .tab-column-section .sideimagevideo-row.image-videoright .imagevideo-text{      padding-right: 30px; }
  
  .pricing-header {   margin-bottom: 50px; }
  
  .features-bancolumn{ padding:0; }
  .features-benefits{ padding-top: 35px;  }
  .features-tripe{     padding-top: 20px;   padding-bottom: 35px;  }
  

  
  
  span.flip-clock-divider.seconds+ul+ul:before{ display:none; }
  
  .floating-row .slick-list {   padding: 0px 144px !important; }
  .floating-column { padding-top:15px;  padding-left: 0;   padding-right: 0; }
  .floating-inneimage{ min-height: 265px; }
  .floating-images-section .slick-arblblack ul.slick-dots{ padding: 0 0px 0px; }
  
 .floating-images-section {   padding-bottom: 83px;  padding-top: 20px; }
  
  .coundown-clock-column{      margin: 0px 10px;   min-width: inherit; }
  .coundown-clock-column::before{ opacity:0; }
  span.hours{     font-size: 94px;  line-height: 120px; }
  span.hours-title{ font-size: 28px;  line-height: 40px; }
  
  
  .slogos-slider{     padding: 38px 0px;   padding-bottom: 95px; }
  .slogos-slider .slick-arblblack ul.slick-dots{     margin-top: 18px; } 
    .active-centerslide .slogo-slider-column{ padding: 20px 30px; }  
  
  .slogos-slider .slogos-slider-center .slogo-slider-column{     padding: 24px; }
  
  
  
  
}



@media (max-width:767px){
  .power-section .powersection-row{     padding: 0 0; }
  .sideimagevideo-row{    flex-direction: column; }
 .imageor-videoimg {   width: 100%; }
 .imagevideo-text{     width: 100%;    padding-left: 0;    margin-top: 35px; }
  .sideimagevideo-row.image-videoright{     flex-direction: column; }
  .sideimagevideo-row{     padding-bottom: 38px; }
  .imagevideo-details {   padding-top: 0; }
  .sideimage-module{     padding-bottom: 10px; }
  
  .flipper-boxes{ width: calc(100% / 1 - 30px); }
  .card-flipper-module {   padding-top: 80px;   padding-bottom: 50px; }
  
  .flip-card-inner{ height:auto !important; }
  
  
  /* ========   accordion    ==========*/
  
  .accordion-module{     padding-top: 58px;    padding-bottom: 20px; }
  
  /*  =============== Image Carousel module ================= */
    .image-carousel-large {    padding-top: 40px;    padding-bottom: 40px; }
    .row-fluid .image-carousel-large .container{  padding: 0px 0px; }
  
  .pricing-header {   margin-bottom: 35px; }
  .pricingtable-column{     width: 100%;   padding: 44px 15px;     padding-top: 0; }
  
  
   .pricing-package-column{ flex-flow: wrap; padding-bottom: 40px; }
  .pricing-package-right,.pricing-package-left{ width:100%;     padding-right: 0; padding-left:0;text-align: center;  }
  .pricing-package-right {    margin-top: 20px; }

  
  
  /* princing */
  .pricerow-column span:first-child{     text-align: center;    width: 100%; }
  .pricerow-column{ text-align: center;  }
  .pricerow-column span{ width: 100%;  }
  .pricerow-column span{ padding: 8px 10px; }
  .pricerow-column{ padding: 19px 25px; }
 
  .pricerow-column.pricemore-name {   display: none; }
  .pricerow-column.pricemore-bottom{ display:none; }
  .pricemore-row {    margin-top: 0;      padding: 60px 0;  padding-bottom: 0; }
  
  
  .features-bancolumn{     width: calc(100% / 2 - 30px); }
  .features-benefits{     padding-bottom: 18px; }
  .features-tripe{ padding-top:10px; }
   

 
  .coundown-clock-column:before{ display:none; }
   span.hours{     font-size: 78px;   line-height: 94px; }
  
  .coundown-days span.hours {  font-size: 45px;   line-height: 64px; font-weight: bold; padding:0; }
 
    span.hours{     font-size: 48px;   line-height: 90px; }
  span.hours-title{ font-size: 16px;   line-height: 18px; padding-bottom: 10px; }
  .coundown-clock-column{     min-width: inherit;   margin: 0 5px;    padding: 8px 13px;     width: 100%; }
  .coundown-clock-column:before{     right: -29px; transform: translateY(-63%);  font-size: 61px;  line-height: 80px; }
  .coundown-clock-row{ margin-top: 28px; }
  
  
  
  .image-cl-right{     margin-left: 0px; padding-left: 20px;  padding-right: 20px; }
  .image-cl-left {   min-height: 312px; }
  .imagecl-details  h2 {   font-size: 28px;   line-height: 34px;   padding-bottom: 0; }
  .imagecl-details{   } 
    
  
  .imagecl-details::-webkit-scrollbar {   width: 7px;  }
  .imagecl-details::-webkit-scrollbar-track {   box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);  }
  .imagecl-details::-webkit-scrollbar-thumb {   background-color: darkgrey; }
  
  span.flip-clock-divider.seconds{ opacity:0; height:33px; display:block; }
  .coundownnew-title{     padding-bottom: 25px; }
  .coundownnew-section{ padding-top: 70px; }
  
  .floating-row .slick-list {   padding: 0px 0px !important; }

  .floating-images-section .slick-arblblack ul.slick-dots{ padding: 0 0px 0px; }
  .floating-column{ padding-top:15px;; width:100%;  -webkit-transform: scale(1); transform: scale(1); }
 
  
  .floating-images-section{     padding-bottom: 70px;   padding-top: 10px; }

  
  /* Image Carousel */
  .image-carousel-large .slick-arrow.slick-next{     right: 27px; }
  .image-carousel-large .slick-arrow.slick-prev {   left: 2px;     top: 150px; }
  .image-carousel-large .slick-arrow{ top: 164px; }
  .image-cl-left{     position: relative; }
  .image-cl-left:before { content: ""; height: 100%; width: 75px; background-color: rgba(57, 57, 57, 0.35); position: absolute; left: 0; }
  .image-cl-left:after { content: ""; height: 100%; width: 75px; background-color: rgba(57, 57, 57, 0.35); position: absolute; right: 0; }
  
  .image-carousel-large .slick-arblblack .slick-arrow.slick-prev::before,.image-carousel-large .slick-arblblack .slick-arrow.slick-next::before{     background-image: url(https://www.remotish.agency/hubfs/whitearro.svg); }
  

  
  .touch .image-cl-row .image-cl-left:before,.touch .image-cl-row .image-cl-left:after{ opacity:0; }
  .touch .image-cl-row .slick-arrow{ opacity:0; visibility: hidden; transition:0.2s; }
  .image-carousel-large .slick-arblblack ul.slick-dots {   padding: 0 0px 20px !important;   position: absolute; }
  .image-cl-right{     padding-bottom: 80px; }
  .inner-imagecl-column{  box-shadow: 6px 6px 26px rgba (0, 0, 0, 0.12);     border: 1px solid #f2eeee;  }
  
  
  
  .pricing-tableptrow.deskstop-price{     display: none; }
  .deskstop-price{     display: none; }
  .mobile-price{ display:block; }  
  .price-check-col { font-weight: bold; font-size: 15px; line-height: 20px; letter-spacing: -0.25px; display: inline-block; position: relative; }
  .price-check { display: inline-block; position: absolute; left: -37px; font-size: 22px; }
  .pricerow-column { justify-content: center; }
  
  .pricingtable-left{     margin-bottom: 0; }
  .plabe-pt{     padding-top: 40px; }  
  
  .slogos-slider {   padding: 0px 0px 80px; }
  
  .active-centerslide .slogo-slider-column {   padding: 15px 15px; }
  
  .slogo-slider-column{  padding: 15px 15px; }
  
  .nomarl-center-mode .slogo-slider-column{     width: calc(100% / 2); }
  .slogos-slider .slogos-slider-center .slogo-slider-column {   padding: 18px; }
  .slogos-slider .slick-arblblack ul.slick-dots{     margin-top: 0; }
  
  .mtext-height{ height:10px !important; }
  
  
  
  
  .lp-logorow img{ width: calc(100% / 3 - 30px); }
  .counter-row{ flex-direction: column; }
  .row-fluid .counter-column{ width:100%; padding-bottom: 35px; }
  .row-fluid .logo-width-counter{     padding: 0px 0;   padding-bottom: 15px; }
  .row-fluid .counter-column:before{ display:none; }
  
  
  .row-fluid .demoform_area { margin-top: 50px;   }
  
  .hs-embed-wrapper {   max-height: 300px !important;   }
  
  
  
}



@media (max-width:480px){
  .pricing-package-right .cta-design a{     min-width: 100% !important; }

  .active-centerslide .slogo-slider-column{     padding: 0 0; }
  
   .nomarl-center-mode .slogo-slider-column{     width: calc(100% / 1); }
  .features-text h3, .features-text h4, .features-text h5{     font-size: 23px; }
  
  
}

@media (max-width:400px){
  .features-bancolumn{     width: calc(100% / 1 - 30px); }

}

@media (max-width:450px){

      
   span.hours{    font-size: 31px !important; line-height: 45px  !important; }
  .coundown-clock-column{  margin: 0 3px;    padding-bottom: 15px;   padding-left: 10px;   padding-right: 10px;     padding: 12px 8px; }
  span.hours-title {   font-size: 13px !important;   line-height: 17px !important; padding-bottom: 0px !important; }

    
   
}
button,
.button {
  background-color: #494A52;
  border: 1px solid #494A52;
  border-radius: 6px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  font-weight: normal;
  height: auto;
  line-height: 1.1;
  margin: 0;
  padding: 15px 53px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all 0.15s linear;
  white-space: normal;
  width: auto;
  word-break: break-word;
}

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

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: #21222A;
  border-color: #21222A;
  color: #FFF;
  text-decoration: none;
}

button:active,
.button:active {
  background-color: #71727A;
  border-color: #71727A;
  color: #FFF;
  text-decoration: none;
}
/* Form */

form {
  max-width: 500px;
  font-family: Lato, sans-serif;
}

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

/* Labels */

form label {
  color: #33475B;
  display: block;
  font-size: 0.875rem;
  padding-top: 0;
  margin-bottom: 0.35rem;
  text-align: left;
  width: auto;
}

/* Help text - legends */

form legend {
  color: #33475B;
  font-size: 0.875rem;
}

/* Inputs */

.input {
  position: relative;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 3px;
  color: #33475B;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  outline-color: rgba(82, 168, 236, 0.8);
}

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

::-webkit-input-placeholder {
  color: #BFBFBF;
}

::-moz-placeholder {
  color: #BFBFBF;
}

:-ms-input-placeholder {
  color: #BFBFBF;
}

:-moz-placeholder {
  color: #BFBFBF;
}

::placeholder {
  color: #BFBFBF;
}

/* Inputs - checkbox/radio */

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

.inputs-list > li {
  display: block;
  margin: 0.7rem 0;
  padding: 0;
  width: 100%;
}

.inputs-list input,
.inputs-list span {
  font-size: 0.875rem;
  vertical-align: middle;
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  border: none;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin-right: 0.35rem;
  padding: 0;
  width: auto;
}

/* Inputs - datepicker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #33475B;
  content:'\01F4C5';
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

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

.fn-date-picker td.is-today .pika-button {
  color: #343A40;
}

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

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

/* Inputs - file picker */

input[type=file] {
  background-color: transparent;
  border: initial;
  box-shadow: none;
  line-height: initial;
  padding: initial;
}

/* Headings and text */

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

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

form .header {
  background-color: transparent;
  border: none;
}

/* GDPR */

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

/* Validation */

.hs-form-required {
  color: red;
}

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  background-color: #494A52;
  border: 1px solid #494A52;
  border-radius: 6px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  font-weight: normal;
  height: auto;
  line-height: 1.1;
  margin: 0;
  padding: 15px 53px;
  position: relative;
  text-align: center;

  text-decoration: none;
  transition: all 0.15s linear;
  white-space: normal;
  width: auto;
  word-break: break-word;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: #21222A;
  border-color: #21222A;

  color: #FFF;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: #71727A;
  border-color: #71727A;

  color: #FFF;
}

/* Captcha */

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

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

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

/* Table Cells */

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

/* Table Header */

thead th,
thead td {
  background-color: #343A40;
  border-bottom: 2px solid #DEE2E6;
  color: #FFF;
  vertical-align: bottom;
}
.hs-menu-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

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

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

.hs-menu-item.active a {
  color: rgba(0, 0, 0, 0.9);
}
.header {
  background-color: #F8FAFC;
}

.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

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

.header__row-1 {
  padding-top: 20px;
}

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

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

.header__logo .logo-company-name {
  font-size: 28px;
  margin-top: 7px;
}

.header__logo--tablet {
  display: none;
}

.header__logo--main {
  padding-top: 20px;
}

.header__search {
  padding: 0 22px;
  width: auto;
}

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

.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: #FFF;
}

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

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

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

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

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

.header__language-switcher {
  cursor: pointer;
  padding-right: 35px;
}

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

.header__language-switcher .lang_list_class {
  border: 1.79px solid #D1D6DC;
  border-radius: 6px;
  box-shadow: 0 2px 9px 0 rgba(0,0,0,.2);
  color: #494A52;
  display: block;
  font-family: Lato,serif;
  font-size: .8rem;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 42px;
  transition: opacity 0.3s;
  visibility: hidden;
}

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

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #D1D6DC;
  border-radius: 6px;
  left: 70%;
  top: -24px;
}

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

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: #EBEFF3;
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 10px 15px;
}

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

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

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

.header__language-switcher .lang_list_class li a {
  color: #494A52;
  font-family: Lato,serif;
}

.header__language-switcher .lang_list_class li a:hover {
  color: #494A52;
}

.header__language-switcher--label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  margin-bottom: 5px;
  margin-left: 10px;
}

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

#nav-toggle {
  display: none;
}

.header__menu--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

  .header__logo--main {
    display: none;
  }

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

@media (max-width:767px) {
  .header__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0 0;
  }

  .header__container form {
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

  .header__column {
    position: relative;
  }

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

  .header__row-2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
  }

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

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

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

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

  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 30px;
    padding-right: 0;
  }

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

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 22px;
  }

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

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

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

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

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

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

  .header__search {
    border-top: 2px solid #CED4DB;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 30px;
  }

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

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

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

  .header__close--toggle.show {
    display: block;
  }
}
.footer {
	background-color: #F8FAFC;
	text-align: center
}
.footer__container.content-wrapper {
	padding: 1rem 0
}
.footer__copyright {
	font-size: .7rem;
	margin: .5rem 0
}
.graphai-cta-class {
margin: 40px auto 70px auto;
    padding: 10px 15px 10px 15px;
    width: fit-content;
    max-width:70%;
    border: 2px solid #5da7e5;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    display:none;
    }

.graphai-link-class {
 	font-weight:bolder;
 }
    
.graphai-link-class:hover,
.graphai-link-class:focus,
.graphai-link-class:active {
}
/* Blog header */

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

.blog-header__inner {
  margin: 0 auto;
  max-width: 600px;
  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 {
    margin: 0 auto;
    width: 500px;
  }
}

/* Blog header - author listing */

.blog-header__author-avatar {
  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);
  height: 200px;
  margin: 0 auto 1.5rem;
  width: 200px;
}

.blog-header__author-social-links a {
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  margin: 0 5px;
  position: relative;
  width: 40px;
}

.blog-header__author-social-links a:hover {
  background-color: #494A52;
}

.blog-header__author-social-links svg {
  fill: #FFF;
  height: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
}

/* Blog listing */

.blog-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3.3rem 0;
}

.blog-index:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.blog-index__tag-header {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  padding: 1rem;
}

.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}

.blog-index__tag-heading {
  border-bottom: 3px solid #D1D6DC;
  padding-bottom: 1rem;
}

.blog-index__post {
  -webkit-box-flex:  0;
  -ms-flex:  0 0 100%;
  flex:  0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-index__post {
    -webkit-box-flex:  0;
    -ms-flex:  0 0 calc(100%/2);
    flex:  0 0 calc(100%/2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-index__post {
    -webkit-box-flex:  0;
    -ms-flex:  0 0 calc(100%/3);
    flex:  0 0 calc(100%/3);
  }
}

@media screen and (min-width: 768px) {
  .blog-index__post--large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    justify-items: space-between;
  }
}

.blog-index__post-image {
  display: block;
  background-image: url('https://cdn2.hubspot.net/hubfs/6326501/boilerplate/grayscale-mountain.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 63%;
}

@media screen and (min-width: 768px) {
  .blog-index__post-image--large {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-bottom: 0;
  }

  .blog-index__post-content--large {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-left: 2rem;
  }

  .blog-index__post-image--large {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 48%;
    flex: 1 1 48%;
  }

  .blog-index__post-content--large {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 48%;
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}

.blog-index__post-content h2 {
  margin: 0.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 {
  height: auto;
  max-width: 100%;
}

/* Blog pagination */

.blog-pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Lato, sans-serif;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 3.3rem;
  text-align: center;
}

.blog-pagination__link {
  border: 2px solid transparent;
  border-radius: 7px;
  color: #494A52;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  margin: 0 0.1rem;
  padding: 0.25rem 0.4rem;
  text-decoration: none;
}

.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 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.blog-pagination__prev-link {
  margin-right: 0.25rem;
  text-align: right;
}

.blog-pagination__next-link {
  margin-left: 0.25rem;
  text-align: left;
}

.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  cursor: default;
  pointer-events: none;
}

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

.blog-post {
  margin: 0 auto;
  max-width: 960px;
  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 {
  color: #000;
  font-family: Lato, sans-serif;
}

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

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

/* Blog related posts */

.blog-recent-posts {
  background-color: #F8FAFC;
  margin-top: 3rem;
  padding: 2rem 0;
}

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

.blog-recent-posts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog-recent-posts__post {
  color: #494A52;
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-recent-posts__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100%/2);
    flex: 0 0 calc(100%/2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-recent-posts__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100%/3);
    flex: 0 0 calc(100%/3);
  }
}

.blog-recent-posts__post:hover {
  text-decoration: none;
}

.blog-recent-posts__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 63%;
}

.blog-recent-posts__title {
  margin: 1rem 0 0.5rem;
}

/* Blog comments */

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

.blog-comments form {
  max-width: 100%;
}

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

.blog-comments .hs-button {
  background-color: transparent;
  border: 2px solid #494A52;
  color: #494A52;
}

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

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

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

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

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

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

.error-page__heading {
  margin-bottom: 1rem;
}

/* System pages */

.systems-page {
  margin: 0 auto;
  max-width: 500px;
  padding: 3rem 1.4rem;
}

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

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

#email-prefs-form .header {
  background-color: transparent;
}

/* Search pages */

.hs-search-field__bar {
  position: relative;
}

.hs-search-field__suggestions {
  background-color: #FFF;
  max-width: 360px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
}

.hs-search-results {
  margin-top: 1.4rem;
}

ul.hs-search-results__listing li {
  margin-bottom: 1.4rem;
}

.hs-search-results__title {
  color: #494A52;
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

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

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

.hs-search-highlight {
  font-weight: bold;
}

.hs-search-results__pagination a {
  color: #0270E0;
}

/* Password prompt */

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

/* Backup unsubscribe */

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

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