/* Theme Name: Whisbi Author: Jordi A. Sintes - Insideers (jordi@insideers.com) Author URI: http://www.insideers.com Version: 1.0 */
/*FONTS*/
 @font-face {
     font-family: 'Museo Sans';
     src: url('fonts/MuseoSans-100.woff2') format('woff2'), url('fonts/MuseoSans-100.woff') format('woff');
     font-weight: 100;
     font-style: normal;
}
 @font-face {
     font-family: 'Museo Sans';
     src: url('fonts/MuseoSans-300.woff2') format('woff2'), url('fonts/MuseoSans-300.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
 @font-face {
     font-family: 'Museo Sans';
     src: url('fonts/MuseoSans-500.woff2') format('woff2'), url('fonts/MuseoSans-500.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
 @font-face {
     font-family: 'Museo Sans';
     src: url('fonts/MuseoSans-700.woff2') format('woff2'), url('fonts/MuseoSans-700.woff') format('woff');
     font-weight: 700;
     font-style: normal;
}
/* VARIABLES */
 :root {
     --font-family:'Museo Sans';
     --bold:700;
     --medium:500;
     --regular:300;
     --light:100;
     --text-color: #2E5161;
     --title-color: #1A3A48;
     --title-large-size: 72px;
     --text-regular-size:calc(14px + 0.18vw);
     --text-regular-lineheight:calc(25px + 0.18vw);

}
/****************************************************/
/******************** PRESETS **********************/
 * {
     margin:0;
     padding:0;
     max-height:100000px;
}
 ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset {
     margin:0 0 14px;
}
 html, body, div, span, applet, embed, object, iframe, frameset, p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center, h1, h2, h3, h4, h5, h6, b, strong, big, u, ins, i, cite, em, var, dfn, address, s, strike, del, dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt, fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio,video {
     border:0;
     background:none;
}
 body {
    -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: var(--text-regular-size);
     line-height: var(--text-regular-lineheight);
     font-family: var(--font-family), helveticaroman, Arial, sans-serif;
     margin:0;
     color:var(--text-color);
     background:#fff;
     min-width:320px;
     -webkit-text-size-adjust:100%;
     -ms-text-size-adjust:none;
     font-weight: 300;
     -webkit-font-smoothing: antialiased;
}
 input[type=text], input[type=password], input[type=email], input[type=search], input[type=file], textarea {
     -webkit-appearance:none;
    -webkit-border-radius:0;
}
 input[type=submit] {
     -webkit-border-radius:0;
     -webkit-appearance:none;
}
 input[type=submit] {
     font:14px/16px var(--font-family), Arial, Helvetica, sans-serif;
     text-transform:uppercase;
     border-radius:0;
     text-shadow:none;
     -webkit-box-shadow:none;
     box-shadow:none;
     background:#a2a2a0;
     outline:none;
     background:#618aa6;
    /*padding:4px 7px*/
    ;
     color:#fff;
     border:0;
     margin:0;
}
 .img img {
     max-width:100%;
}
 img {
     border-style:none;
}
 a {
     text-decoration:none;
     color:var(--main-red);
     outline:none;
}
 a:hover {
     text-decoration:underline;
}
 form, fieldset {
     margin:0;
     padding:0;
     border-style:none;
}
 header, footer, article, section, nav, figure, aside, main {
     display:block;
}
 figure {
     margin:0;
     padding:0;
}
 input, textarea, select {
     font: var(--font-family), arial,sans-serif;
     vertical-align:middle;
     color:#000;
     overflow:auto;
}
 ::placeholder { 
  color: #79909A;
  opacity: 1; 
}
 input::-moz-focus-inner {
     border:0;
     padding:0;
}
 label {
     vertical-align:middle;
}
 button, input {
     width:auto;
     overflow:visible;
}
 button::-moz-focus-inner {
     padding:0;
     border:0;
}
 h1, h2, h3, h4, h5, h6, b, strong, th {
     font-weight:bold;
     color: var(--title-color) 
}
 h1 {
     font-size:200%;
}
 h2 {
     font-size:150%;
}
 h3 {
     font-size:120%;
}
 h4 {
     font-size:110%;
}
 h5 {
     font-size:100%;
}
 h6 {
     font-size:var(--text-regular-size);
     line-height:var(--text-regular-lineheight);
}
 i, cite, em, var, dfn, address {
     font-style:italic;
}
 u, ins {
     text-decoration:underline;
}
 s, strike, del {
     text-decoration:line-through;
}
 blockquote p q{
    font-size:1.3em;
     color: #8A9396;
}
 blockquote, blockquote:before, blockquote:after, q, q:before, q:after {
     quotes:none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content:'';
     display:inherit;
}
 blockquote {
     border:0;
     padding-left:0;
     margin-left:0;
     font:italic 18px/22px var(--font-family),'Times New Roman', Times, serif;
     color:#444;
}
 blockquote cite {
     display:block;
     text-align:right;
     padding:5px 0 0;
     font-weight:bold;
}
 table, caption, tbody, tfoot, thead, tr, th, td {
     border-collapse:collapse;
     border-spacing:0;
}
 th, td {
     border:1px solid #ccc;
     padding:3px 7px;
     text-align:left;
     vertical-align:top;
}
 th {
     border-color:#999;
     text-align:center;
     vertical-align:middle;
}
 .odd td {
     background:#efefef;
}
 ul {
     margin-left:1px;
}
 ul ul, ul ol, ol ul, ol ol {
     padding-left:18px;
     margin:0;
}
 ul li, ol li {
     list-style-position:inside;
}
 ul>li {
     list-style-type:disc;
}
 dl dt {
     float:left;
     clear:left;
     padding-right:4px;
     font-weight:bold;
}
 p {
    font-size: calc(14px + 0.18vw);
    line-height: calc(25px + 0.18vw);
    color: var(--text-color);
    font-weight: var(--regular);
}
 strong{
    font-family: var(--font-family);
     font-weight: var(--bold);
}
 section {
    padding: 40px 0px;
}
/** -- EXTERNAL -- **/
.carousel-cell {
  width: calc(100% + 20px);
  /*margin-left: -20px;*/
  border-radius: 5px;
  counter-increment: carousel-cell;
}
.carousel-nav .carousel-cell {
  height: 80px;
  width: 100px;
}
.carousel-nav .carousel-cell:before {
  font-size: 50px;
  line-height: 80px;
}
.carousel-nav .carousel-cell.is-nav-selected {
  padding:3px;
}
.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 1;
}
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}
.flickity-button:hover {
  background: white;
  cursor: pointer;
}
.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
  opacity: 0.6;
}
.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}
.flickity-button-icon {
  fill: currentColor;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
body.compensate-for-scrollbar {
    overflow: hidden;
}
/** -- GENERAL -- **/
 .flex-row {
     display: flex;
}
 .flex-row--space {
     justify-content: space-between;
}
 .flex-row--even {
     justify-content: space-evenly;
}
 .flex-row--around {
     justify-content: space-around;
}
 .flex-row--center {
     justify-content: center;
}
 .flex-row--reverse {
     flex-direction: row-reverse;
}
 .flex-row--right {
     justify-content: flex-end;
}
 .flex-column--center, .flex-row--vcenter {
     align-items: center;
}
 .flex-row--vtop {
     align-items: flex-start;
}
 .flex-row--vbottom {
     align-items: flex-end;
}
 .flex-row--wrap {
     flex-wrap: wrap;
}
 .flex-column {
     display: flex;
     flex-direction: column;
}
 .flex-column--left {
     align-items: flex-start;
}
 .col-4 {
     width: 22%;
}
 .col-3 {
     width: 30%;
}
 .col-2 {
     width: 48% 
}
 .container--large, .container--regular{
     margin: 0px 56px;
     width:  calc(100% - 112px);
     box-sizing:   border-box;   
}
 .container--large{
     padding: 0% 5%;
}
 .container--regular{
     padding: 0% 8%;
}
 .title-section--centered {
     text-align: center;
}
 .subtitle-section--centered {
     text-align: center;
}
 .title-section {
     font-size: calc(30px + 0.4392vw);
     line-height: calc(40px + 0.4392vw);
     color: var(--title-color);
     font-weight: var(--medium);
     margin:0px;
}

 .subtitle-section {
     font-size: calc(14.5px + 0.4vw);
     line-height: calc(24px + 0.4vw);
     color: #79909A;
     font-weight: var(--medium);
     margin:0px;
}
.title-section--center,
.subtitle-section--center{
     text-align: center;
}
 .title-main {
     font-size: calc(20px + 1.5009vw);
     line-height: calc(33px + 1.3909vw);
     font-weight: var(--medium);
     margin: 0px;
}
 .subtitle-main {
     font-size: calc(14px + 0.4392vw);
     line-height: calc(24px + 0.4392vw);
     font-weight: var(--medium);
     margin: 0px;
}
 .small-button.small-button--blue {
     color: #0D8AC7;
     background-color: #fff;
     border: 2px solid #0D8AC7;
}
.buttons-container .button {
    margin: 10px 20px;
}
 .button {
     padding: 10px 48px 10px 48px;
     border-radius: 32px;
     box-sizing: border-box;
     cursor: pointer;
     outline: none;
     text-align: center;
     border: none;
     font-weight: var(--medium);
     font-size: 20px;
     display: inline-block;
     margin-top: 10px;
     transition: all .1s linear;
}
 .button:hover{
     text-decoration: none;
}
 .button.button--blue {
     background-color: #0D8AC7;
     color: #fff;
     border: none;
}
 .button.button--blue:hover{
     background-color: #0c7db4;
}
 .button.button--darkblue {
     background-color: #294755;
     color: #fff;
     border: none;
}
.button.button--darkblue:hover{
     background-color: #19333e;
}
.button.button--blueoutline {
     background-color: transparent;
     color: #1a80bd;
     border: 2px solid #1a80bd;
     padding: 8px 48px;
}
 .button.button--blueoutline:hover{
     opacity: 0.7;
}
.button.button--blueoutlinedark {
     background-color: transparent;
     color: #fff;
     border: 2px solid #fff;
}
 .button.button--blueoutlinedark:hover{
     opacity: 0.7;
}
 .button.button--pink {
     background-color: #ED317E;
     color: #fff;
     border: none;
}
 .button.button--pink:hover {
     background-color: #d81364;
}
 .button.button--darkbluedark {
     background-color: #294755;
     color: #fff;
     border: none;
}
.button.button--darkbluedark:hover{
     background-color: #425f6e;
}
 .small-button.small-button--blue:hover{
     color: #fff;
     background-color: #0D8AC7;
     text-decoration: none;
}
 .small-button {
     padding: 10px 26px 10px 26px;
     border-radius: 32px;
     box-sizing: border-box;
     cursor: pointer;
     text-align: center;
     border: none;
     font-size: 14px;
     font-weight: var(--bold);
     box-sizing: border-box;
     transition: all .1s linear;
     line-height: 17px;
}
 @media(max-width: 1260px){
     .container--regular, .container--large {
        padding: 0% 2%;
    }
}
 @media(max-width: 760px){
     .col-md-1{
        width:100%!important;
    }
     .col-md-1--top{
        margin-bottom: 50px;
    }
     .container--regular, .container--large {
        padding: 0%;
        width: 84%;
        margin: 0% 8%;
    }
}
/* PAGE*/
 .logo__logo-image {
     width: 140px;
}
 .header {
     z-index: 9999;
     width: 100%;
     position: fixed;
     background-color:#fff;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
}
.header-container{
     padding: 17px 4% 12px;
  background-color:#fff;
  box-sizing: border-box;
}
.header__left-side {
  display: flex;
}
.logo__container {
  margin-right: 6%;
}
 .header__login-link {
     position: absolute;
     top: -30px;
     right: 0px;
     font-size: 14px;
}
 .main-menu li {
     list-style: none;
     font-size: 14px;
}
 .main-menu {
     display: flex;
     justify-content: space-between;
     margin: 0px;
     margin-top: -3px;
}
 .main-menu > li > .sub-menu {
     display: none;
     position: absolute;
  background-color: #fff;
  width: 100%;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
  left: 0px;
  padding: 25px calc(8% + 56px);
  box-sizing: border-box;
  transition: all .3s linear;
  opacity: 0;
  top: -30%;
  z-index: -1;
}
.main-menu > li > .sub-menu.sub-menu--active{
  display: flex;
  justify-content: center;
}
.main-menu > li > .sub-menu.sub-menu--active-animation{
  opacity: 1;
  top: 70px;
  background-color: #f8fafa;
}
.main-menu > li >.sub-menu > li {
  width: 50%;
  max-width: 470px;
}
.main-menu > li > .sub-menu > li > a {
  display: none;
}
 .main-menu .sub-menu a{
     color:#183a49;
  font-weight: var(--medium);
  padding: 10px 0px;
  font-size: calc(12px + 0.18vw);
  line-height: calc(23px + 0.18vw);
  display: block;
}
 .main-menu > li {
     margin-bottom: -30px;
     padding-bottom: 30px;
}
 .main-menu > li > a {
    padding: 9px 20px;
  color:#183a49;
  font-weight: var(--medium);
  font-size: calc(12px + 0.18vw);
  line-height: calc(25px + 0.18vw);
  display: block;
}
 .main-menu>li:last-child{
     margin-right: -20px;
}
 .main-menu li:hover>a{
     text-decoration: none;
     color: #0c7db4;
     border-radius: 6px;
}
 .main-menu a{
     transition: all .2s linear;
}
 .main-menu li.menu-item-has-children>a {
     position: relative;
     cursor: pointer;
     margin-right: 20px; 
     z-index: 99;
}
 .main-menu li.menu-item-has-children>a:after {
  content: "";
  width: 20px;
  height: 8px;
  position: absolute;
  top: 20px;
  right: -10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(images/unfold-menu.svg);
}
 .main-menu li.menu-item-has-children:hover>a:after {
  background-image: url(images/unfold-menu-active.svg);
}
.main-menu .menu-resource > a {
  display: flex;
  background-color: #fff;
  margin-bottom: 20px;
  padding: 0px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
  border-radius: 8px;
  max-height: 120px;
  transition: all .2s linear;
  color: #79909A;
  font-weight: var(--medium);
}
.main-menu .menu-resource > a:hover {
  transform: scale(1.02);
  box-shadow: 0 2px 12px 0px rgba(0,0,0,0.25);
  backface-visibility: hidden;
}
.main-menu .menu-resource:last-child,
.main-menu .menu-resource:last-child > a {
  margin-bottom: 0px;
}
.menu-item-image {
  object-fit: cover;
object-position: center;
border-radius: 8px 0px 0px 8px;
height: 100%;
width:100%;
}
.menu-item-image__container{
  width:50%;
}
.menu-item__text-container{
width: 50%;
padding: 20px;
box-sizing: border-box;
}
.main-menu .menu-column--separator{
  border-right: 1px solid #d5dde0;
}
 .mobile-menu-button{
     display: none;
}
.main-menu .menu-button:hover a{
  border-radius: 50px;
  color: #ed317e;
}
.main-menu .menu-button a {
  border: 2px solid #ed317e;
  color: #ed317e;
  padding: 2px 25px;
  border-radius: 20px;
  display: block;
  margin-top: 5px;
  margin-right: 10px;
  transition: background-color .2s linear;
}
.main-menu .menu-button a:hover{
  background-color: #ed317e;
  color: #fff;
  border-radius: 50px;
}
.main-menu .menu-platform a{
  padding: 15px 25px 15px 170px!important;
}
.menu-platform a,
.menu-assistant a,
.menu-accelerator a,
.menu-convertor a,
.menu-landings a{
  position: relative;
  padding: 15px 70px!important;
  display: inline-block!important;
  box-sizing: border-box!important;
  border-radius: 8px;
  max-width: 435px;
  width: 100%;
  box-sizing: border-box;
}
.menu-platform a:before,
.menu-assistant a:before,
.menu-accelerator a:before,
.menu-convertor a:before,
.menu-landings a:before{
  content: "";
  background-repeat: no-repeat;
  display: block;
  width: 40px;
  height: 40px;
  background-size: contain;
  top: 10px;
  left: 10px;
  position: absolute;
}
.menu-assistant:hover a {
  background-color: #EDDEFF;
  color: #2E5161!important;
}
.menu-accelerator:hover a {
  background-color: #CBEFEF;
  color: #2E5161!important;
}
.menu-convertor:hover a {
  background-color: #FFF1C8;
  color: #2E5161!important;
}
.menu-landings:hover a {
  background-color: #FBCA93;
  color: #2E5161!important;
}
.menu-platform:hover a {
  background-color: #BDE3F6;
  color: #2E5161!important;
}
.menu-assistant a:before{
  background-image: url(images/assistant.svg);
}
.menu-accelerator a:before{
  background-image: url(images/accelerator.svg);
}
.menu-convertor a:before{
  background-image: url(images/convertor.svg);
}
.menu-landings a:before{
  background-image: url(images/landings.svg);
}
.menu-platform a:before{
  background-image: url(images/sales-platform.svg);
  width: 145px;
  height: 55px;
  top: 5px;
}
#menu-alternative li:last-child:before {
  content: "";
  width: 1px;
  height: 35px;
  background-color: #d5dde0;
  position: absolute;
  top: 5px;
  left: 5px;
  position: absolute;
}
#menu-alternative li:last-child {
  position: relative;
  margin-left: 10px;
padding-left: 10px;
}
.main-menu .menu-resource {
    max-width: 420px;
}
.main-menu-responsive {
      display: none;
    }
 .footer {
     background-color: #183A49;
     padding: calc(2.5vw + 14px) 0px 40px;
     margin-top: -1px;
}
.footer-container{
  padding: 0px 4%;
}
 .footer-columns-menu a {
     color: #DDE3E6;
}

 .footer-columns-menu>li {
     display: inline-block;
     box-sizing: border-box;
}
 .footer-columns-menu {
     display: flex;
     justify-content: space-between;
     margin-bottom: 0px;
}
 .footer-columns-menu > li > a {
     text-transform: uppercase;
     display: block;
     font-size: calc(16px + 0.12vw);
      line-height: calc(18px + 0.12vw);
     margin-bottom: 30px;
     font-weight: var(--medium);
     cursor: default;
     color: #FFF;
}
 .footer-columns-menu > li > a:hover{
     text-decoration: none;
     color: #FFF;
}
 .footer-columns-menu .sub-menu {
     padding: 0px;
}
 .footer__menu-container {
     width: 70%;
     margin-bottom: 0px;
}
 .footer-columns-menu li {
     list-style: none;
     padding-right: 35px;
}

 .footer-columns-menu .sub-menu a {
     font-size: calc(12px + 0.12vw);
     line-height: calc(18px + 0.12vw);
     display: block;
     margin-bottom: 15px;
     cursor: pointer;
     color: #F8FAFA!important;
}
.footer-columns-menu .sub-menu a:hover{
  color: #8ED0F1!important;
}
 .footer__logo {
     width: 30px;
}
 .footer__copyright-row {
     display: flex;
     justify-content: space-between;
     border-top: 1px solid #506D7D;
     padding-top: 20px;
     align-items: flex-start;
}
 .footer__copyright-text {
     color:#496A7B;  
font-size: calc(14px + 0.12vw); 
margin: 0px 5px 0px 20px; 
font-weight: var(--bold); 
position: relative; 
top: 1px;
}
 .footer__google-play{
     background-image:url(images/google-play.svg);
     margin-right: 10px;
     width: calc(3vw + 80px) !important;
}
 .footer__app-store{
     background-image:url(images/app-store.svg);
}
.footer__chrome-store{
     background-image:url(images/chrome-store.png);
}
 .footer__google-play, .footer__app-store, .footer__chrome-store{
     display: block;
     width: calc(3vw + 80px);
     height: calc(1vw + 20px);
     margin-bottom: 17px;
     background-size: contain;
     background-repeat: no-repeat;
     transition: all .2s linear;
}
.footer__google-play:hover, .footer__app-store:hover, .footer__chrome-store:hover {
    transform: scale(1.1);
    opacity: 0.7;
}
 .footer__sm-icons {
     display: flex;
     margin-bottom: 17px;
}
 .footer__sm-icon{
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  background-size: contain;
}
 .footer__sm-icon--linkedin{
     background-image: url(images/linkedin.svg);
}
 .footer__sm-icon--linkedin:hover{
     background-image: url(images/linkedin-blue.svg);
}
 .footer__sm-icon--twitter{
     background-image: url(images/twitter.svg);
}
 .footer__sm-icon--twitter:hover{
     background-image: url(images/twitter-blue.svg);
}
 .footer__sm-icon--youtube{
     background-image: url(images/youtube.svg);
}
 .footer__sm-icon--youtube:hover{
     background-image: url(images/youtube-blue.svg);
}
 .footer__sm-icon--facebook{
     background-image: url(images/facebook.svg);
}
 .footer__sm-icon--facebook:hover{
     background-image: url(images/facebook-blue.svg);
}
 .footer__sm-icon--instagram{
     background-image: url(images/instagram.svg);
}
 .footer__sm-icon--instagram:hover{
     background-image: url(images/instagram-blue.svg);
}
.footer__last-posts {
  width: 25%;
}
.footer__last-posts-post{
  font-size: calc(12px + 0.12vw);
  line-height: calc(18px + 0.12vw);
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
  color: #F8FAFA;
}
.footer__last-posts-post strong {
  color: #F8FAFA;
}
.footer__last-posts-title {
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
  font-weight: var(--medium);
  cursor: default;
  color: #FFF;
  font-size: calc(16px + 0.12vw);
      line-height: calc(16px + 0.12vw);
}
.footer__market-places {
    display: flex;
    margin-top: 40px;
}
.legal-menu li a {
  font-size: calc(12px + 0.12vw);
  display: block;
  cursor: pointer;
  color: #F8FAFA;
}
.legal-menu li {
  display: inline-block;
  margin-right: 20px;
}
.legal-menu {
  margin-bottom: 0px;
  margin-left: 20px;
}
.footer__copyright-row-left {
  display: flex;
  align-items: center;
}
.footer-columns-menu a:hover, .footer__last-posts-post:hover, .footer__last-posts-post:hover strong, .legal-menu li a:hover {
  text-decoration: none;
  color: #8ED0F1;
}
 .home-hero-shot {
     background-color: #85c4e3;
     height: calc(100vh - 82px);
     padding: 80px 0px 0px 0px;
     max-height: calc(968px - 1.8 * (1280px - 100vw));
     background-repeat: no-repeat;
     background-position: -50% top;
     min-height: 560px;
     box-sizing: border-box;
     position: relative;
     overflow: hidden;
}
 .home-hero-shot__oval {
     width: 60%;
     height: 100%;
     position: absolute;
     display: block;
     background-size: cover;
     background-repeat: no-repeat;
     left: -20%;
     top: 20%;
     z-index: 0;
     background-position: 100% 0%;
}
 .home-hero-shot__content {
     background-position: right top;
     width: 48%;
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     max-width: calc(500px + 9vw);
}
 .home-hero-shot_title{
     margin-bottom: 24px;
}
 .home-hero-shot__video-content{
     width: 50%;
     display: flex;
     align-items: flex-end;
     justify-content: flex-start;
     max-height: 100%;
     position: relative;
}

 .home-hero-shot__video {
     object-fit: contain;
     width: 100%;
     min-width: calc(50% + 30vw);
     max-height: 100%;
     height: 100%;
     position: absolute;
     visibility: hidden;
}
.home-hero-shot__video-mobile{
     display: none;
}
.home-hero-shot__video-container{
max-height: 100%;
max-width: 100%;
display: flex;
justify-content:center;
align-items: flex-end;
height: 100%;
width: 100%;
}

.home-hero-shot__canvas {
    min-width: 340px;
    position: absolute;
     max-width: 110%;
     max-height: 100%;
}
 .home-hero-shot__container {
     height: 100%;
     position: relative;
     z-index: 10;
}
 .cards {
     padding-top: calc(5vw + 28px);
     padding-bottom: calc(5vw + 28px);
     background-color: #F8FAFA;
}
 .cards__subtitle {
     padding: calc(1.25vw + 7px) 0 calc(3.95vw + 23px);
}
 .cards__card-title {
    /* margin: calc(1.65vw + 10px) 0px calc(0.40vw + 3px) 0px;*/
     margin: calc(0.2vw + 25px) 0px calc(0.40vw + 3px) 0px;
     color: var(--title-color);
}
.cards__container {
    max-width: 1600px;
    margin: 0 auto;
}
.cards__card-link-text {
  font-weight: var(--bold);
}
.cards__card-icon-floating-container {
  width: 70px;
  height: 70px;
  position: absolute;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  top: -35px;
  left: calc(1.25vw + 15px);
}
 .cards__card-text {
     margin: calc(0.40vw + 3px) 0px calc(1vw + 20px) 0px;
     flex-grow: 1;
}
 .cards__card-icon {
     max-width: 100px;
}
 .cards__card {
     border: 1px solid #F0F0F0;
     background-color: #fff;
     border-radius: 8px;
     width: 28%;
     padding: calc(1.25vw + 15px);
     box-sizing: border-box;
     cursor: pointer;
     transition: all .2s linear;
     max-width: 500px;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     position: relative;
}
 .cards__card:hover{
     text-decoration: none;
     transform: scale(1.02);
     box-shadow: 0 2px 12px 0px rgba(0,0,0,0.25);
}
 .benefits__content {
     width: 40%;
     max-width: 800px;
}
 .benefits__image-container {
     width: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .benefits__image {
     width: 100%;
}
 .benefits {
     padding: calc(80px + 2.5vw) 0px;
}
 .benefits__title, .benefits__text {
     padding-bottom: calc(1.5vw + 12px);
}
 .benefits__item-icon-container{
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
 }
 .benefits__item-icon {
     max-width: 70px;
     height: 50px;
     margin-right: 15px;
}
 .benefits__item {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
}
 .benefits__item-text {
     margin: 0px;
}
.logo-row {
    padding: 15px 0px;
    background: white;
     margin: auto;
     overflow:hidden;
     position: relative;
     width: 100%;
}
.logo-row:before{
     background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
     content: "";
     height: 100px;
     position: absolute;
     width: 200px;
     z-index: 2;
     left: 0;
     top: 0;
}
.logo-row:after{
     background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
     content: "";
     height: 100px;
     position: absolute;
     width: 200px;
     z-index: 2;
     right: 0;
     top: 0;
     transform: rotateZ(180deg);
}
 .logo-row__logo-container {
     height: 60px;
     justify-content: center;
     display: flex;
     align-items: center;
     margin: 0px 30px;
}
 .logo-row__container {
     display: flex;
     width: 100%;
}
 .centered-banner {
     text-align: center;
     background-size: calc(100% + 1px);
     padding-top: calc(5vw + 28px);
     padding-bottom: calc(5vw + 28px);
}
 .centered-banner__title, .centered-banner__subtitle {
     color: #fff;
     padding-bottom: calc(1vw + 7px);
}
.centered-banner__subtitle {
  padding-bottom:calc(1.25vw + 7px);
}
 .demo-home {
     padding: 0px;
     background-color: #e7e7e7;
}
 .demo-home__content {
     display: flex;
     align-items: flex-start;
     justify-content: center;
     flex-direction: column;
     max-width: 800px;
     width: 40%;
     padding: 40px 0px;
}
 .demo-home__title, .demo-home__text {
     padding-bottom: calc(1.25vw + 7px);
}
 .demo-home__image-container {
     width: 48%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .demo-home__image {
     max-width: 100%;
}
 .content-image {
     padding: 6% 0;
}
.content-image.content-image--top {
  padding-top: 12%;
}
.content-image.content-image--bottom {
  padding-bottom: 12%;
}
.content-image.content-image--both {
  padding: 12% 0;
}
 .content-image.content-image--gray {
     background-color: #F6F8F9;
}
 .content-image__main-title {
     text-align: center;
     margin-bottom: 8%;
}
 .content-image__content-title {
     padding-bottom: calc(1.5vw + 12px);
}
 .content-image__content {
     width: 40%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
}
 .content-image__content .button{
     margin-top: calc(1vw + 12px);
}
 .content-image__image-container {
     width: 53%;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .content-image__image {
     width: 100%;
}
.content-image__text p {
    color: inherit;
    margin-bottom: 0px;
}
.content-image.content-image--home .content-image__image-container {
    width: 40%;
}
.content-image.content-image--home .content-image__content{
     max-width: 550px;
}
.content-image--home .container--regular{
     max-width: 2000px;
     margin:0 auto;
}
.content-image__image {
    margin-top: calc(1.5vw + 12px);
}
 .hero-shot {
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
    height: calc(100vh - 82px);
    padding: 80px 0px 0px 0px;
    max-height: calc(968px - 1.8 * (1280px - 100vw));
    background-repeat: no-repeat;
    min-height: 560px;
    box-sizing: border-box;
}
 .hero-shot__content {
     width: 48%;
     display: flex;
     justify-content: center;
     align-items: flex-start;
     flex-direction: column;
}
 .hero-shot__image-container {
     width: 48%;
     display: flex;
     align-items: center;
     justify-content: center;
}
.hero-shot__image {
    width: 100%;
}
 .hero-shot__content__title {
     padding-bottom: calc(1vw + 7px);
}
 .hero-shot__content__subtitle {
     padding-bottom: calc(1.25vw + 7px);
     max-width: 550px;
}
 .centered-banner__title {
     max-width: 900px;
     margin: 0 auto;
}
 .centered-banner__subtitle {
     margin: 0 auto;
}
 .icon-row {
     text-align: center;
     background-color: #F6F8F9;
     padding: 6% 0px calc(6% - 25px);
}
 .icon-row__container {
     max-width: 1200px;
     margin: calc(1.25vw + 40px) auto 0px;
}
 .icon-row__item {
    width: 20%;
    max-width: 170px;
    text-align: center;
    padding: 0px 15px;
    box-sizing: border-box;
    min-width: 150px;
    margin-bottom: 25px;
}
 .icon-row__item-text {
     font-weight: var(--medium);
     text-transform: uppercase;
}
.icon-row__item-image{
     max-width: 80px;
}
.teamtailor-jobs-widget, .teamtailor-jobs__job-wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.embed-code__code {
  width: 100%;
}
.teamtailor-jobs__job-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.teamtailor-jobs__job {
  width: 300px;
  margin-bottom: 25px;
}
.embed-code__container {
  margin-top: calc(2.1vw + 12px);
}
.embed-code {
  padding: 6% 0px;
}
.teamtailor-jobs__job-title {
  color: #0c7db4;
  font-weight: var(--medium);
  margin-bottom: 5px;
}
.teamtailor-jobs__job-info {
  color: #1a3a48;
}

.three-columns-rows__item {
  width: 33%;
  padding: 0px 20px;
  box-sizing: border-box;
  text-align: center;
  margin-top: calc(2.1vw + 12px);
  min-width: 200px;
}
.three-columns-rows__items {
  margin: calc(2.1vw + 12px) auto 0px;
  max-width: 1200px;
  width: 100%;
}
.three-columns-rows {
  padding: 4% 0px;
}
.three-columns-rows__title {
    margin-bottom: calc(0.80vw + 6px);
}
.three-columns-rows__item-image-container {
  margin-bottom: 20px;
}
.three-columns-rows__item-title {
  text-transform: uppercase;
  font-weight: var(--medium);
}
.three-columns-rows__item-image {
  max-width: 150px;
  height: 150px;
  object-fit: contain;
}
.icon-row--small .icon-row__container {
  max-width: 1200px;
}
.icon-row--small .icon-row__item {
    width: 20%;
    text-align: center;
    padding: 0px 20px;
    box-sizing: border-box;
    min-width: 190px;
    margin-bottom: 30px;
    max-width: unset;
}
.icon-row--small .icon-row__item-image {
    max-width: 120px;
}
.icon-row__item-title.icon-row__item-title--small {
    text-transform: uppercase;
    font-weight: var(--medium);
}
.resources-list__list-items {
    width: 100%;
}
.resources-list__list-items.resources-list__list-items--active{
    width: 80%;
    margin-left: 20%;
}
.success-stories-list__item-article,
.resources-list__item{
   padding: 0px 25px calc(25px + 1vw);
    box-sizing: border-box;
    max-width: 530px;
    width: calc(25% - 50px);
    min-width: 330px;
}
.success-stories-list__item,
.resources-list__item-link {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: calc(210px + 11vw);
    transition: all .2s linear;
    cursor: pointer;
    backface-visibility: hidden;
}
.resources-list__item-link:hover {
    text-decoration: none;
    transform: scale(1.02);
    box-shadow: 0 2px 12px 0px rgba(0,0,0,0.25);
}
.resources-list__item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0px 0px;
}
.resources-list__item-image-container {
  position: relative;
}
.resources-list__item-icon {
  position: absolute;
  top: calc(50% - 4vw);
  left: calc(50% - 4vw);
  height: 8vw;
  width: 8vw;
}
.success-stories-list__item-text-container,
.resources-list__item-text-container {
    padding: calc(0.5vw + 15px) calc(1.25vw + 15px);
    display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
     flex-grow: 1;
     background-color:#fff;
border-radius: 0px 0px 10px 10px;
}
.success-stories-list__item-title,
.resources-list__list-title {
    flex-grow: 1;
    margin-bottom: 20px;
    font-size: calc(13.3px + 0.18vw);
     line-height: calc(20px + 0.18vw);
     font-weight: var(--medium);
     color: #79909A;
     text-align: left;
}
.resources-list__left-filters {
  display: none;
  width: 20%;
     position: absolute;
     max-width: 400px;
     top: 0px;
     min-width: 200px;
}
.resources-list {
  min-height: 100vh;
  padding-top: 20px;
}
.resources-list__top-filters{
     padding: 0% 4%;
}
.resources-list__top-filter {
  font-size: calc(13.3px + 0.18vw);
line-height: calc(20px + 0.18vw);
  font-weight: var(--medium);
     text-align: center;
     margin: 5px 20px;
}
.resources-list__top-filter:last-child{
     margin-right: 0px;
}
.resources-list__container-list {
  display: flex;
  padding: 0px 4%;
  margin-top: calc(2vw + 10px);
  position: relative;
}
.resources-list__left-filters-close {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(images/cross.svg);
    display: block;
     top: 5px;
     right: 0px;
     cursor: pointer;
     background-size: contain;
     background-repeat: no-repeat;
     z-index: 99;
}
.resources-list__left-filters-close:hover{
    background-image: url(images/cross-hover.svg);
}
.resources-list__left-filter {
  font-size: calc(13.3px + 0.18vw);
  line-height: calc(20px + 0.18vw);
  display: block;
  padding: calc(0.25vw + 3px) 0;
  font-weight: var(--medium);
}
.resources-list__left-filters-title, .resources-list__left-search-title {
  margin-bottom: 15px;
}
.resources-list__left-search-container {
  margin-bottom: 35px;
}

.resources-list__left-search {
  display: block;
  width: 100%;
  height: 50px;
  padding: 6px 12px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.42857;
  color: #79909A;
  background-color: #fff;
  background-image: none;
  border: 1px solid rgb(204, 204, 204);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  border-radius: 3px !important;
}
.resources-list__left-search::placeholder{
  color: #79909A;
  opacity: 1;
}
.resources-list__left-search:focus{
  border-color:#66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}
.resources-list__top-filter:hover,
.resources-list__left-filter:hover,
.resources-list__filter--active {
    color: #0D8AC7;
    text-decoration:none;
    cursor:pointer;
}
.resources-list__filter--active {
     font-weight: var(--bold);
}
.text-content {
    padding: 6% 0;
}
.text-content__content {
  max-width: 70%;
  margin: 0 auto;
}
.text-content__content h3 {
  font-size: calc( 14.5px + 0.4vw);
  margin-bottom: 30px;
}
.text-content__content a{
     color: #0d8ac7;
     transition: all .2s linear;
     text-decoration: underline;
}
.text-content__content a:hover{
     color: #7cc0e0;
     text-decoration: none;
}
.text-content__content blockquote a {
    font-size: calc(14.5px + 0.4vw) !important;
    display: block;
    font-style: normal;
}
.text-content__content li, .text-content__content p {
  margin-bottom: 20px;
  line-height: 30px;
  font-size:   calc(14px + 0.18vw);
}
.text-content__content blockquote p {
    color: #0D8AC7;
    font-size: calc(24px + 0.4392vw);
    line-height: calc(34px + 0.4392vw);
    position:  relative; 
}
.text-content__content blockquote p::before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #7cc0e0;
  display: block;
  left: -50px;
  top: 0px;
  position: absolute;
}
.text-content__content blockquote {
    margin: 50px 0px;
}
.text-content__content img, .text-content__content .wp-caption {
    width: 100% !important;
    object-fit: contain;
    height: auto;   
}
.text-content__content .wp-caption-text{
    font-size: 14px;
    text-align: center;
}
.text-content__content .wp-caption{
     margin: 40px 0px;
}

.success-stories-stats {
  text-align: center;
  padding: 0px 0px 6%;
}
.content-image__stats-container, 
.success-stories-stats__container {
    max-width: 1000px;
    margin: calc(3.95vw + 23px) auto 0px;
}
.content-image__stat,
.success-stories-stats__stat {
  width: 25%;
  max-width: 200px;
  text-align:center;
}
.content-image__stat-number,
.success-stories-stats__stat-number {
  color: #0D8AC7;
  margin-bottom: 5px;
}
.content-image__stat-text,
.success-stories-stats__stat-text {
    margin: 0px auto;
    color: #2e5161;
    text-transform: uppercase;
    font-weight: var(--medium);
}
.hero-shot__success-story-quote {
  position: absolute;
  display: block;
  border-radius: 8px;
  background-color: rgba(255,255,255,0.8);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
  padding: calc(1.65vw + 10px) calc(5vw + 24px) calc(1.65vw + 10px) calc(2.1vw + 12px);
  top: 140px;
  box-sizing: border-box;
  width: calc(20vw + 222px);
}
.hero-shot__image.hero-shot__image--success-stories {
  position: absolute;
  height: calc(100% - 140px);
  object-fit: contain;
  bottom: 0px;
  right: 3%;
  width: auto;
  z-index: 99;
}
.hero-shot.hero-shot--success-story {
  height: calc(20vw + 222px);
  min-height: calc(20vw + 222px);
  position: relative; 
  overflow:hidden;
}
.hero-shot__success-story-quote-text {
  margin-bottom: 15px;
}
.hero-shot__person {
  position: absolute;
  bottom: 0px;
  right: calc(23vw + 70px);
  text-align: right;
  width: 250px;
}

.success-stories-list {
  background-color: #f7f7f7;
  padding: calc(6% - (1.65vw + 10px)) 0%;
  text-align: center;
}
.success-stories-list__list.success-stories-list__list--row {
    margin-top: calc(1.25vw + 17px);
}
.success-stories-list__container {
    display: flex;
    padding: 0px 4%;
    margin-top: calc(2vw + 10px);
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
}
.success-stories-list__show-button {
    margin-bottom: 10px;
}
.success-stories-list__article--hidden{
  display: none;
}
.success-stories-list__item-image-container {
  position: relative;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.success-stories-list__item-logo {
  position: absolute;
  z-index: 99;
  max-width: 50%;
}
.success-stories-list__item-image {
  width: 100%;
  max-height: 250px;
  object-fit: cover;
  border-radius: 10px 10px 0px 0px;
}
.success-stories-list__item:hover {
  text-decoration: none;
  transform: scale(1.02);
  box-shadow: 0 2px 12px 0px rgba(0,0,0,0.25);
}
.success-stories-list__title {
    width: 100%;
}

.locations, .investors {
  text-align: center;
  padding: 4% 0px;
}
.investors__container {
  margin: calc(1.25vw + 40px) auto 0px;
}
.investors__logo-container {
  display: block;
  width: 20%;
  padding: 0px 20px;
  box-sizing: border-box;
  min-width: 200px;
  margin: 0px 0px 10px;
}
.investors__logo {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  transition: all .2s linear;
}
.investors__logo:hover {
    opacity: 0.5;
    transform: scale(1.05);
}
.locations__location-link {
  border: 1px solid #F0F0F0;
  background-color: #fff;
  width: 28%;
  box-sizing: border-box;
  cursor: pointer;
  transition: all .2s linear;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: 15px;
  text-align: left;
  margin-bottom: 3vw;
}
.locations__location-link:hover {
  text-decoration: none;
  transform: scale(1.02);
  box-shadow: 0 2px 12px 0px rgba(0,0,0,0.25);
}
.locations__location-text-container {
  width: 100%;
  padding: calc(1.25vw + 5px) calc(1.25vw + 15px);
  box-sizing: border-box;
}
.locations__location-text {
  margin: 0px;
  background-image: url(images/location.svg);
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: left center;
  padding-left: calc(30px + 1.25vw);
}
.locations__location-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.locations__location-image {
  border-radius: 10px 10px 0px 0px;
}
.locations__container {
  margin: calc(1.25vw + 40px) auto 0px;
}

.mobile-videos__video-container {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-videos__video {
  width: 100%;
}
.mobile-videos__videos {
  margin: calc(1.25vw + 17px) 0px;
}
.mobile-videos__video-container:first-child .mobile-videos__video, 
.mobile-videos__video-container:last-child .mobile-videos__video {
    height: 65%;
}
.mobile-videos {
  text-align: center;
  padding: 6% 0px;
}
.mobile-videos__title{
  color: #fff;
  max-width: 880px;
margin: 0 auto;
}
.mobile-videos__image {
  width: 100%;
  display: block;
  object-fit: contain;
  max-height: 85%;
}
.mobile-videos__image-link {
  display: flex;
  max-height: 75%;
}
.content-image__title {
    text-align: center;
    margin-bottom: calc(1.25vw + 17px);
}
.content-image__image--dropdown-item,
.content-image__dropdown-item-text {
  display: none;
}
.content-image__dropdown-item {
  cursor: pointer;
  border-top: 1px solid #e8e8e8;
  padding: 12px 35px;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
     transition: all .2s linear;
     box-shadow: 0px;
     position: relative;
}
.content-image__dropdown-item:hover {
     background-color: #fff;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
}
.content-image__dropdown-item-title {
  margin: 0px;
  font-weight: var(--bold);
  padding-right: 20px;
}
.content-image__dropdown-item:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.content-image__dropdown-item.content-image__dropdown-item--active .content-image__dropdown-item-text p{
    margin-top: 10px;
    margin-bottom: 0px;
}
.content-image__dropdown-item.content-image__dropdown-item--active {
    background-color: #fff;
     border-radius: 2px;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    border-top: 0px;
    padding: 30px 35px;
}
.content-image__dropdown-toggle-icon {
    background-image: url(images/expandable.svg);
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    top: 21px;
    right: 30px;
     transform: rotate(-90deg);
    transition: all .5s linear;
}
.content-image__dropdown-item:hover .content-image__dropdown-toggle-icon,
.content-image__dropdown-item.content-image__dropdown-item--active .content-image__dropdown-toggle-icon{
     background-image: url(images/expandable-active.svg);
}
.content-image__dropdown-item.content-image__dropdown-item--active .content-image__dropdown-toggle-icon{
     top: 42px;
     right: 32px;
     transform: rotate(0deg);
}
.pricing-columns {
    padding: 6% 0;
}
.pricing-columns--first {
  padding-top: calc(3.95vw + 100px);
}
.pricing-columns__column {
  width: 30%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
  cursor: pointer;
  margin: 0px 1.5%;
    box-sizing: border-box;
}
.pricing-columns__column:not(.pricing-columns__column--half):first-child, 
.pricing-columns__column:not(.pricing-columns__column--half):last-child {
    margin-top: 70px;
}
.pricing-columns__column.pricing-columns__column--half {
    width: 47%;
    max-width: 500px;
}
.pricing-columns__column-header {
  padding: calc(2.5vw + 20px) calc(1.25vw + 20px) calc(1.25vw + 10px);
  text-align: center;
  position: relative;
}
.pricing-columns__column-title,
.pricing-columns__column-price {
  color: #1A3A48;
  margin-bottom: 15px;
}
.pricing-columns__column-subtitle {
  font-weight: var(--regular);
  font-size: calc(14px + 0.18vw);
 line-height: calc(25px + 0.18vw);
}
.pricing-columns__column-icons {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: calc(100% - (2.50vw + 40px));
  left: calc(1.25vw + 20px);
  top: -40px;
}
.pricing-columns__column--half .pricing-columns__column-icons {
    justify-content: center;
}
.pricing-columns__title {
  text-align: center;
}
.pricing-columns__subtitle {
  text-align: center;
  padding: calc(1.25vw + 7px) 0 0;
  color: #1A3A48;
}
.pricing-columns__columns {
    margin-top: calc(3.95vw + 23px);
}
.pricing-columns__column-button {
    color: #fff;
}
.pricing-columns__column-subsection {
  padding: 25px calc(1.25vw + 5px);
  border-top: 1px solid #d6dde0;
}
.pricing-columns__column-section-open {
    background-color: #f9fafa;
}
.pricing-columns__column-subsection.pricing-columns__column-subsection--hidden {
  display: none;
}
.pricing-columns__column-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px calc(1.25vw + 5px);
  border-top: 1px solid #d6dde0;
  cursor: pointer;
}
.pricing-columns__column-section-header-title {
  margin: 0px;
  font-weight: var(--regular);
}
.pricing-columns__column-section-header-title span {
  font-weight: var(--bold);
}
.pricing-columns__column-subsection-title {
    margin: 0px;
    cursor: pointer;
}
.pricing-columns__column-section-header-text {
    width: 50px;
}
.pricing-columns__column-subsection-item:last-child{
    margin-bottom: 0px;
}
.pricing-columns__column-subsection-item{
    position: relative;
    padding-left: 35px;
}
.pricing-columns__column-subsection-item:before{
    content:"";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background-size:contain;
    background-repeat: no-repeat;
    background-image:url(images/check-pricing.svg);
    left: 0px;
    top: 4px;
}
.pricing-columns__column-subsection-items {
    margin-top: 20px;
}
.bubble-banner {
    margin-top: -40px;
    padding-bottom: 6%;
}
.bubble-banner__bubble {
  background-color: #fff;
  border-radius: 8px;
  padding: calc(1.25vw + 15px);
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
  max-width: 1200px;
    margin: 0 auto;
}
.bubble-banner__bubble-content {
  width: 70%;
}
.bubble-banner__text p {
  margin: 0px;
}
.bubble-banner__button {
    color: #fff;
}
.bubble-banner__bubble-price {
    width: 28%;
    text-align: center;
}
.bubble-banner__pre-button {
    margin-bottom: 10px;
}
.bubble-banner__after-bubble {
  max-width: 1200px;
  margin: 20px auto 0px;
  text-align: right;
  padding-right: 10px;
}
.bubble-banner__after-bubble p {
  font-size: 16px;
}
.bubble-banner__after-bubble a {
  text-decoration: underline;
}
.testimonial-quote{
    overflow: hidden;
}
.testimonial-quote__container {
    max-width: 1700px;
    margin: 0 auto;
}
.testimonial-quote__image-container {
  width: 30%;
  height: 100%;
  margin-bottom: -10px;
  display: flex;
  justify-content: center;
}
.testimonial-quote__quote-bubble {
  width: 65%;
  background-color: rgba(255,255,255,0.7);
  border-radius: 8px;
  padding: calc(1.25vw + 15px);
  box-sizing: border-box;
  max-width: 800px;
}
.testimonial-quote {
  padding: 0px;
}
.testimonial-quote__quote {
    margin-bottom: 30px;
}
.testimonial-quote__quote-person {
    max-width: 40%;
}
.testimonial-quote__image {
  height: 100%;
  padding-top: 50px;
  max-height: 490px;
}
.testimonial-quote__quote-person p {
  margin: 0px;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  font-weight: var(--bold);
}

.wide-image-items {
  padding: 6% 0px calc(6% - (1.25vw + 17px));
}
.wide-image-items__title {
  text-align: center;
}
.wide-image-items__wide-video-container {
    margin-top: calc(1.25vw + 17px);
}
.wide-image-items__wide-video {
  width: 100%;
  box-shadow: 0 2px 12px 0px rgba(0,0,0,0.12);
}
.wide-image-items__items {
  margin-top: calc(1.25vw + 17px);
}
.wide-image-items__item {
  width: 30%;
  margin-bottom: calc(1.25vw + 17px);
}
.four-cards__card-title,
.wide-image-items__item-title {
  color: #1a3a48;
  margin-bottom: calc(0.80vw + 6px);
}
.four-cards__title {
  text-align: center;
  margin-bottom: calc(0.80vw + 6px);
}
.four-cards__subtitle {
  text-align: center;
}
.four-cards {
  padding: 6% 0px calc(6% - (1.25vw + 17px));
}
.four-cards__card {
  width: 48%;
  padding: calc(1.25vw + 15px);
  background-color: #f8fafa;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
  margin-bottom: calc(1.25vw + 17px);
}
.four-cards__cards {
  max-width: 1200px;
  margin: calc(1.25vw + 17px) auto 0px;
}
.four-cards__card-text p{
  margin: 0px;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 30px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cookie-banner {
  position: fixed;
  bottom: 10px;
  left: 10px;
  background-color: #1A3A48;
  width: 350px;
  max-width: calc(100% - 20px);
  padding: 12px 20px 15px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(255,255,255,0.16);
  z-index: 999999;
  display: none;
}
.cookie-banner__text p {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 3px;
}
.cookie-banner__text img {
  width: 24px;
  margin-right: 5px;
  position: relative;
  top: 8px;
}
.cookie-banner__button {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  padding: 8px 48px;
  border-radius: 32px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: var(--medium);
  font-size: 20px;
  display: inline-block;
  margin-top: 10px;
  transition: all .1s linear;
}
.cookie-banner__button:hover {
  background-color: #fff;
  color: #1a3a48;
  text-decoration: none;
}
.cookie-banner__text a {
    color: #90D0EF;
}

.blog-header {
  padding-top: 200px;
  text-align: center;
  position: relative;
  background-color: #f8fafa;
}
.blog-header__post-title {
  color: #fff;
  margin-bottom: calc(1vw + 5px);
}
.blog-header__post-infos {
    margin-bottom: calc(1.25vw + 30px);
}
.single-guide .blog-header__post:hover,
.single-post .blog-header__post:hover{
  transform: scale(1);
}
.blog-header__post:hover{
  transform: scale(1.02);
  text-decoration: none;
}
.blog-header__post {
  max-width: 900px;
  display: block;
  margin: 0 auto;
  transition: all .2s linear;
}
.blog-header__post-image {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0px rgba(0,0,0,0.25);
}
.blog-header__post-infos {
  margin-bottom: calc(1.25vw + 28px);
}
.blog-header__container{
  position: relative;
  z-index: 10;
} 
.blog-header__background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: -25%;
    background-repeat: no-repeat;
    z-index: 0;
    background-size: cover;
}
.blog-header__post-info {
  color: #fff;
  border-right: 1px solid #fff;
  padding-right: 10px;
  margin-right: 5px;
}
.blog-header__post-info:last-child {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.blog-header__post-card {
  position: absolute;
  background-color: #fff;
  top: 30px;
  right: -100px;
  width: 200px;
  border-radius: 10px;
  padding: 20px 20px 15px;
  text-align: left;
}
.blog-header__post-image-container {
  position: relative;
}
.blog-card-category {
  color:#8097A3;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: var(--medium);
  margin: 0px;
}
.blog-card-title {
  display: block;
  color: #496A7B;
  font-weight: var(--medium);
  margin-bottom: 15px;
  font-size: calc(14px + 0.18vw);
  line-height: calc(25px + 0.18vw);
  flex-grow: 1;
}
.blog-card-read-time {
  text-transform: uppercase;
  color: #4CADDA;
  font-size: 13px;
  font-weight: var(--medium);
  margin: 0px;
  text-align: right;
}

.blog-card-label {
  position: absolute;
  background-color: #183A49;
  color: #fff;
  font-weight: var(--bold);
  text-transform: uppercase;
  padding: 0px 15px;
  border-radius: 6px;
  right: 15px;
  top: -13px;
  font-size: 14px;
  line-height: 26px;
}

.blog-list__posts {
  width: 77%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: calc(100% - 300px);
}
.blog-list__sidebar {
  width: 18%;
  max-width: 300px;
  min-width: 250px;
}
.blog-post-related-posts__post,
.blog-list__post {
  width: 31%;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  border: 1px solid #f2f2f2;
  margin-bottom: 30px;
  transition: all .2s linear;
  height: calc(260px + 8vw);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
.blog-post-related-posts__post:hover,
.blog-list__post:hover {
    text-decoration: none;
    transform: scale(1.02);
    box-shadow: 0 2px 12px 0px 
    rgba(0,0,0,0.25);
}
.blog-list__post-image {
  width: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0px 0px;
  margin-bottom: -10px;
}
.blog-list {
  background-color: #f8fafa;
}
.blog-list__post-content {
  background-color: #fff;
  padding: 15px;
  flex-grow: 1;
  border-radius: 0px 0px 6px 6px;
  display: flex;
  flex-direction: column;
}
.blog-list__post:hover {
  text-decoration: none;
}

.blog-list__sidebar-card-post {
  width: 90%;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  display: block;
  margin-left: 5%;
  display: flex;
  flex-direction: column;
  height: 160px;
}
.blog-list__sidebar-card-post  .blog-card-title{
  flex-grow: 1;
}
.blog-list__sidebar-card-post:hover {
  text-decoration: none;
}
.blog-list__sidebar-card-post .blog-card-read-time {
  text-align: left;
}

.blog-list__sidebar-card-post:hover {
  text-decoration: none;
}
.blog-list__sidebar-card-post .blog-card-read-time {
  text-align: left;
}
.blog-list__sidebar-card .flickity-page-dots {
  width: 50%;
  right: 25px;
  bottom: 25px;
  z-index: 10;
  text-align: right;
}
.blog-list__sidebar-card .dot {
  background-color: #D8D8D8;
  margin: 0px 5px;
}
.blog-list__sidebar-card .dot.is-selected {
  background-color: #8ED0F1;
}

.blog-list__sidebar-cats{
  margin-bottom:50px;
}

.blog-list__sidebar-cat.blog-list__sidebar-cat--title {
  font-weight: var(--medium);
  text-transform: uppercase;
  list-style: none;
  margin-bottom: 20px;
  color: #7D95A0;
}
.blog-list__sidebar-cat {
  list-style: none;
  text-transform: capitalize;
  margin-top: 5px;
  color: #496A7B;
  font-weight: var(--medium);
  cursor: pointer;
}
.blog-list__sidebar-cat:hover{
 color:#0c7db4;
}
.blog-list__nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 50px;
}
.page-numbers.current {
  font-weight: var(--bold);
}
.page-numbers:hover {
  font-weight: var(--bold);
  text-decoration: none;
}
.page-numbers {
  color: #0d8ac7;
  margin: 0px 10px;
}
.blog-list__nav .button {
    margin: 0px;
    width: 130px;
  padding: 5px 0px;
}
.blog-list__nav-prev, .blog-list__nav-next {
    width: 130px;
}
.blog-list__post.blog-list__case-study {
  background-size: 100% 100%;
  background-position: bottom;
  text-align: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px;
  box-sizing: border-box;
  align-items: center;
}
.blog-list__case-study-pre-title, .blog-list__case-study-title {
  color: #dcdcdc;
  font-weight: var(--medium);
}
.blog-list__case-study-title {
  color: #fff;
  margin-bottom: 20px;
  font-size: calc(14px + 0.18vw);
line-height: calc(25px + 0.18vw);
}
.blog-list__case-study-button {
  border: 2px solid #f8fafa;
  border-radius: 50px;
  padding: 5px 30px;
  color: #f8fafa;
  font-weight: var(--medium);
  margin-bottom: 40px;
}
.blog-list__case-study-pre-title {
    font-size: calc(12px + 0.18vw);
}
.blog-list__sidebar-cat--active {
    color: #0c7db4;
}

.blog-content {
  background-color: #f8fafa;
  padding-bottom: 6%;
}
.blog-content__content {
  max-width: 45%;
  margin: 0 auto;
}
.blog-content__content p {
  margin-bottom: 20px;
}
.blog-content__content h2 {
  margin-top: 40px;
  margin-bottom: 20px;
}
.blog-content__content h3 {
    font-weight: var(--medium);
}
.blog-content__content blockquote a {
    font-size: calc(14.5px + 0.4vw) !important;
    display: block;
    font-style: normal;
}
.blog-content__content blockquote p {
    color: #0D8AC7;
    font-size: calc(24px + 0.4392vw);
    line-height: calc(34px + 0.4392vw);
    position:  relative; 
}
.blog-content__content blockquote p::before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #7cc0e0;
  display: block;
  left: -50px;
  top: 0px;
  position: absolute;
}
.blog-content__content blockquote {
    margin: 50px 0px;
}
.blog-content__content a{
  color: #0D8AC7;
}
.blog-content__content img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
}
.blog-content__content .size-full {
    width: 100%;
    height: auto;
    margin: 20px 0px;
}
.blog-content__sidebar {
  position: absolute;
  top: 0px;
  right: 5%;
  width: 18%;
  max-width: 300px;
  min-width: 250px;
}
.blog-content__container {
  position: relative;
}
.blog-post-related-posts__posts {
  display: flex;
  justify-content: space-between;
  max-width: 1400px;
  margin: 0 auto;
}
.blog-post-related-posts {
    padding: 6% 0px;
}
.blog-post-related-posts__title{
  text-align: center;
  margin-bottom: 50px;
}
.blog-content__author {
  display: flex;
  margin-top: 60px;
  border-top: 1px solid #D8D8D8;
  padding-top: 40px;
}
.blog-content__author-image-container {
  margin-right: 25px;
}
.blog-content__author-image {
    max-width: 70px;
}
.blog-content__author-description {
  margin-bottom: 0px !important;
}
.blog-list__subs-form-form iframe {
  height: 320px;
  margin: 0px;
  margin-bottom: -9px;
}
.blog-list__subs-form-form p {
  margin: 0px;
}
.blog-list__subs-form-form {
  flex-grow: 1;
  background-color: #fff;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  max-width: 100%;
  padding: 20px;
  text-align: center;
}
.blog-list__subs-form{
  position: relative;
}
.blog-list__subs-form:before{
  content: "";
  width: 10vw;
  height: 4vw;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  background-image: url('images/card-blue-purple.png');
  z-index: 99;
      min-width: 200px;
    min-height: 70px;
}
.blog-list__subs-form:after{
  content: "";
  width: 10vw;
  height: 4vw;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  display: block;
  background-image: url('images/card-orange-blue.png');
  z-index: 99;
  bottom: 0px;
      min-width: 200px;
    min-height: 70px;
}
.blog-content__share-buttons {
  position: absolute;
  left: 20%;
}
.addtoany_shortcode .addtoany_list {
  display: flex;
  flex-direction: column;
}
.addtoany_shortcode .addtoany_list a {
  margin-bottom: 10px;
}
.blog-content__share-buttons--fixed{
  position: fixed;
  top: 120px;
  left: 20%;
}
.blog-content__share-buttons--fixed-max{
  position: absolute;
  left: 20%;
}
.header__blog-subscribe {
  top: -5px;
  position: relative;
  display: none;
}

.blog-subscribe-popup__content{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(24,58,73,0.9);
  z-index: 99999;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  top: 0px;
  left: 0px;
}
.blog-subscribe-popup__container {
  width: 60%;
  height: 80%;
  background-color: #fff;
  max-width: 900px;
  max-height: 600px;
  cursor: default;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-subscribe-popup__container p{
  width: 100%;
  margin-bottom: 0px;
}
.blog-subscribe-popup{
  display: none;
}
.blog-subscribe-popup__container:before{
  content: "";
  width: 30vw;
  height: 8vw;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -0.5vw;
  left: -0.5vw;
  display: block;
  background-image: url('images/form-blue-purple.png');
  z-index: 99;
  min-width: 200px;
  min-height: 70px;
}
.blog-subscribe-popup__container:after{
  content: "";
  width: 35vw;
  height: 8vw;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  display: block;
  background-image: url('images/form-orange-blue.png');
  z-index: 99;
  bottom: -1vw;
  min-width: 200px;
  min-height: 70px;
}
.blog-list__post.blog-list__case-study:hover .blog-list__case-study-button {
    background-color: #0089C9;
    border: 0px;
}
.addtoany_list a:hover img, .addtoany_list a:hover span {
    opacity: 1!important;
}

.blog-subscribe-popup--close {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(images/cross.svg);
  top: 20px;
  right: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.blog-subscribe-popup--close:hover {
  background-image: url(images/cross-hover.svg);
}
.blog-list__sidebar-mobile-menu {
    display: none;
}
.blog-subscribe-popup__container iframe {
  max-width: 600px;
  margin: 0 auto;
  display: block;
}
.header__blog-subscribe-input:focus {
        outline: 0px;
    }

.blog-list__subs-form-pre-title {
  font-size: 14px;
  text-transform: uppercase;
  color: #4cadda;
  font-weight: var(--medium);
}
.blog-list__subs-form-title {
  display: block;
  color: #496A7B;
  font-weight: var(--medium);
  margin-bottom: 15px;
  font-size: calc(14px + 0.18vw);
  line-height: calc(25px + 0.18vw);
}
.blog-list__subs-form-input{
  border: 2px solid #DBE1E4;
  padding: 5px 20px;
  border-radius: 50px !important;
  font-size: 16px;
  line-height: 22px;
  width: 240px;
  max-width: 80%;
  margin-bottom: 20px;
  outline: none;
}

.blog-list__subs-form-button {
  background-color: #ed317e !important;
  padding: 10px 25px;
  text-transform: capitalize !important;
  font-size: 16px !important;
  border-radius: 50px !important;
  font-family: var(--font-family), helveticaroman, Arial, sans-serif !important;
  cursor: pointer;
}
.GDPR .error.no-label {
    text-align: center;
    margin-top: 5px !important;
}
.blog-guide {
  display: flex;
}
.blog-guide__nav {
 width: 340px;
  background-color: #BDE3F6;
  padding: 140px 40px;
  box-sizing: border-box;
}
.blog-guide__content {
  width: calc(100% - 340px);
}
.blog-guide__nav-item {
  color: #183a49;
  font-weight: var(--medium);
  padding: 20px 0px;
  font-size: calc(12px + 0.12vw);
  line-height: calc(18px + 0.12vw);
  border-bottom: 1px solid #B1D8EB;
  transition: all 0.2s linear;
}
.blog-guide__nav-items {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.blog-guide__nav-item:last-child {
  border: 0px;
}
.blog-guide__nav-item:hover {
  text-decoration: none;
  color: #0D8AC7;
}
.blog-guide__nav-content{
  position: fixed;
  top: 130px;
  left: 40px;
  width: 280px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 130px);
  box-sizing: border-box;
  width: 100%;
  max-width: 260px;
}
.blog-guide__nav-content--fixed-max{
  position: absolute;
}
.blog-guide .blog-content__share-buttons{
    left: 10%;
}
.blog-guide .blog-content__share-buttons--fixed {
    left: calc(10% + 360px);
}
.blog-guide .blog-content__content {
    max-width: 700px;
    padding: 0px 20px;
    box-sizing: border-box;
    background-color:#f8fafa;
}
.blog-guide__share-buttons {
    display: flex;
    justify-content: flex-end;
}
.blog-guide__nav-content-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blog-guide__nav-title-dropdown {
  display: none;
}
.blog-guide__nav-item.blog-guide__nav-item--active, .blog-guide__nav-item:hover {
    font-weight: var(--bold);
}
.blog-guide__nav-open {
  width: 20px;  
  height: 10px; 
  background-image: url(images/arrow-down.svg); 
  background-size: contain; 
  background-repeat: no-repeat; 
  display: block; 
  margin: 5px auto 0px;
  cursor: pointer;
  display: none;
}
.blog-guide__nav-close {
  width: 20px;
  height: 10px;
  background-image: url(images/arrow-up.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: none;
  margin: 15px auto 0px;
  cursor: pointer;
}
.blog-content__content-next,
.blog-content__content-prev {
  font-size: calc(12px + 0.12vw);
  font-weight: var(--bold);
  max-width: 48%;
  display: flex;
  align-items: center;
  color: #2E5161;
  line-height: calc(24px + 0.12vw);
  position: relative;
}
.blog-content__content-nav {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.blog-content__content-next:hover, 
.blog-content__content-prev:hover {
  text-decoration: none;
  color: #0D8AC7;
}
.blog-content__content-prev::before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  background-image: url('images/arrow-dark-left.svg');
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  left: -50px;
}
.blog-content__content-prev:hover:before {
  background-image: url('images/arrow-blue-left.svg');
}
.blog-content__content-next::after {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  background-image: url('images/arrow-dark-right.svg');
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  right: -50px;
}
.blog-content__content-next:hover:after {
  background-image: url('images/arrow-blue-right.svg');
}
@media(max-height: 800px){
  .hero-shot__image{
    object-fit: contain;
    max-height: 500px; 
  }
}
 @media(min-width:1280px){
     .home-hero-shot{
        max-height: 960px;
    }
    .header__blog-subscribe-input {
      border: 2px solid #DBE1E4;
      padding: 5px 20px;
      border-radius: 50px !important;
      font-size: 16px;
      line-height: 22px;
      width: 240px;
      margin-right: 10px;
    }
    .header__blog-subscribe .header__blog-subscribe-button {
      background-color: #ed317e;
      padding: 10px 25px;
      text-transform: capitalize;
      font-size: 16px;
      border-radius: 50px;
      font-family: var(--font-family), helveticaroman, Arial, sans-serif;
      cursor: pointer;
    }
    .header__blog-subscribe--active {
      display: block;
    }
}
 @media(max-width: 1260px){
     .video-background {
        object-fit: cover;
        height: 100%;
        min-width: auto;
        width: auto;
        transform: scale(1.2) translateX(12%) translateY(5%);
    }
    .hero-shot__image.hero-shot__image--success-stories{
      right: -5%;
    }
    .hero-shot__person{
      right: calc(15vw + 70px);
    }
    .hero-shot__success-story-quote{
     top: 100px;
    }
    .testimonial-quote__quote-bubble-bottom {
      flex-direction: column-reverse;
      align-items: flex-start;
    }
    .testimonial-quote__quote-person p {
      text-align: left;
      margin-bottom: 10px;
    }
    .testimonial-quote__quote {
      margin-bottom: 10px;
    }
    .testimonial-quote__quote-person {
        max-width: 100%;
    }
    .blog-content__sidebar{
      right: 30px;
    }
    .blog-content__content {
      width: 700px;
    }
    .blog-list__post {
      width: 46%;
      height: calc(300px + 7vw);
    }
    .blog-list__posts {
      width: 80%;
      max-width: calc(100% - 250px);
    }
    .blog-list__sidebar {
      min-width: 200px;
      width: 15%;
    }
    .blog-list__container {
      margin: 0px;
      padding: 0px 20px;
      width: 100%;
    }
    .blog-list__case-study-logo {
      display: none;
    }
}
 @media(max-width: 1100px){
  .locations__location-link{
        width: 32%;
    }
     .cards__card {
        width: 32%;
        padding: calc(1.25vw + 7px);
    }
     .content-image__content {
        width: 45% 
    }
    .content-image__image-container{
      width: 50%;
    }
     .home-hero-shot__oval {
        left: -10%;
        top: 30%;
    }
     .home-hero-shot__content{
        width: 50%;
    }
     .main-menu{
        display: none;
        position: fixed;
        left: 0px;
        top: 60px;
        background-color:#B6DBEE;
        width: 100%;
        flex-direction: column;
        opacity: 0.95;
    }
     .header__container {
        position: unset;
    }
     .main-menu > li {
        margin: 0px;
        padding: 0px;
        border-bottom: 2px solid #D8ECF6;
    }
     .main-menu > li > a {
        padding: 10px calc(2% + 56px);
        display: block;
        font-size: 20px;
        text-transform: capitalize;
        font-weight: var(--medium);
    }
     .main-menu li.menu-item-has-children > a::after {
        top: 15px;
    }
     .main-menu .sub-menu {
        position: relative;
        top: 0px;
        width: 100%;
        border: 0px;
        border-radius: 0px;
        padding: 0px;
    }
     .main-menu .sub-menu li {
        border-bottom: 2px solid #D8ECF6;
    }
     .main-menu .sub-menu li:last-child {
        border: 0px;
    }
     .main-menu .sub-menu li a {
        padding: 10px 8%;
        font-size: 16px;
        font-weight: var(--medium);
    }
     .main-menu li .sub-menu a:hover {
        border-radius: 0px;
        background-color: #2E5161;
        color: #fff;
    }
     .logo__logo-image {
        width: 95px;
    }
     .header__login-link {
        position: absolute;
        top: -10px;
        right: 70px;
        font-size: 14px;
    }
     .mobile-menu-button {
        display: block;
        cursor: pointer;
        position: relative;
        top: -8px;
    }
     .mobile-menu-button__line {
        width: 20px;
        height: 3px;
        background-color:#183a49;
        display: block;
        margin-bottom: 5px;
        transition: all 0.3s ease-in-out;
    }
     .mobile-menu-button.mobile-menu-button--active .mobile-menu-button__line:last-child {
        display: none;
    }
     .mobile-menu-button.mobile-menu-button--active .mobile-menu-button__line {
        transform: rotate(45deg);
        position: relative;
        bottom: 5px;
    }
     .mobile-menu-button.mobile-menu-button--active .mobile-menu-button__line:first-child {
        transform: rotate(-45deg);
        top: 3px;
    }
     .mobile-menu-button__line:last-child {
        margin: 0px;
    }
     .benefits__content,
     .demo-home__content{
          width: 48%;
     }
    .pricing-columns__container {
        margin: 0px auto;
        width: 94%;
        padding: 0px;
    } 
    .main-menu-responsive {
      position: absolute;
      top: 59px;
      left: 0px;
      background-color: #f8fafa;
      width: 100%;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
      margin:0px;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      overflow: scroll;
    }
    .main-menu-responsive.menu-responsive-higher {
        height: 85vh;
    }
    .main-menu-responsive .menu-resource {
        margin-top: 20px;
    }
    .main-menu-responsive .sub-menu {
      display: none;
    }
    .main-menu-responsive li {
      list-style: none;
    }
    .main-menu-responsive a {
      padding: 10px 0px;
      display: block;
      border-bottom: 1px solid #e0e6e8;
      color: #183a49;
      font-weight: var(--bold);
      font-size: calc(14px + 0.18vw);
      line-height: calc(25px + 0.18vw);
    }
    .main-menu-responsive > li {
      padding: 0px 4%;
      position: relative;
      width: 100%;
    }
    .main-menu-responsive .menu-item-has-children:after{
      content: "";
      width: 20px;
      height: 8px;
      position: absolute;
      top: 22px;
      right: calc(4% + -2px);
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(images/unfold-menu.svg);
    }
    .main-menu-responsive .menu-item-unfolded:after{
      background-image: url(images/unfold-menu-active.svg);
    }
    .main-menu-responsive a:hover{
      color: #0089c9;
      text-decoration: none;
    }
    .menu-item-unfolded > a {
    color: #0089c9;
    }
    .menu-responsive-button {
      width: 35% !important;
      text-align: right;
      box-sizing: border-box;
    }
    .menu-responsive-button a{
        border: 0px;
        margin: 0px;
    }
    .menu-responsive-button--demo {
        min-width: 200px !important;
    }
    .menu-responsive-button--demo a {
      background-color: #ed317e;
      color: #fff;
      padding: 5px 40px;
      border-radius: 50px;
      text-align: center;
      margin: 10px 0px;
    }
    .menu-responsive-convertor a,
    .menu-responsive-assistant a,
    .menu-responsive-accelerator a,
    .menu-responsive-platform a,
    .menu-responsive-landings a{
      padding-left: 50px;
      position: relative;
    }
    .menu-responsive-convertor a::before,
    .menu-responsive-assistant a::before,
    .menu-responsive-accelerator a::before,
    .menu-responsive-platform a::before,
    .menu-responsive-landings a::before {
      content: "";
      position: absolute;
      display: block;
      width: 40px;
      height: 40px;
      background-size: contain;
      top: 4px;
      left: 0px;
    }
    .menu-responsive-convertor a::before{
      background-image: url(images/convertor.svg);
    }
    .menu-responsive-assistant a::before{
      background-image: url(images/assistant.svg);
    }
    .menu-responsive-accelerator a::before{
      background-image: url(images/accelerator.svg);
    }
    .menu-responsive-landings a::before {
      background-image: url(images/landings.svg);
    }
    .menu-responsive-platform a::before {
      background-image: url(images/platform-responsive.svg);
      height: 36px;
      width: 36px;
      left: 3px;
      top: 6px;
    }
    .main-menu-responsive .menu-resource a {
      display: flex;
      background-color: #fff;
      margin-bottom: 20px;
      padding: 0px;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
      border-radius: 8px;
      max-height: 120px;
      transition: all .2s linear;
      color: #79909A;
      max-width: 400px;
      height: 105px;
    }
    .menu-item__text-container {
        padding: 10px 15px;
        font-size: 14px;
        line-height: 22px;
    }
    .blog-content__share-buttons {
      left: 30px;
    }
    .blog-guide {
      flex-direction: column;
    }

    .blog-guide__nav {
      width: 100%;
      padding: 13px 20px;
      position: fixed;
      top: 59px;
      z-index: 99;
    }
    .blog-guide__nav-content {
      position: relative;
      left: 0px;
      width: 100%;
      top: 0px !important;
      max-width: 100%;
    }
    .blog-guide__content {
      width: 100%;
    }
    .blog-guide .blog-header {
      padding-top: 145px;
    }
    .blog-guide .blog-guide__nav-title {
      font-size: 14px;
      margin-bottom: 0px;
      margin-top: 5px;
      color:#4A6A7A;
      font-weight: 400;
      text-align: center;
    }
    .blog-guide__nav-item{
      font-size: calc(14px + 0.18vw);
      text-align: center;
    }

    .blog-guide .blog-guide__nav-items {
      margin-top: 10px;
    }
    .blog-guide__nav-content-container{
      display: none;
    }
    .blog-guide__nav-title-dropdown{
      display: block;
      margin:0px;
      cursor: pointer;
      font-weight: bold;
      color: var(--title-color);
      text-transform: uppercase;
      text-align: center;
    }
    .blog-guide__share-buttons .a2a_kit.a2a_kit_size_32.addtoany_list {
      flex-direction: row;
      width: 100%;
    }
    .blog-guide__share-buttons {

      justify-content: center;
      margin-top: 20px;
    }
    .blog-guide__share-buttons  .addtoany_list.a2a_kit_size_32 a {
        margin: 0px;
    }
    .blog-guide__nav-open{
      display: block;
    }
}
@media(max-width: 920px){
    .wide-image-items__item {
        width: 48%;
    }
    .pricing-columns__column-button.button {
      font-size: 16px;
    }
    .pricing-columns__column-header {
      padding: calc(2.5vw + 20px) calc(1.25vw + 10px) calc(1.25vw + 10px);
    }
    .pricing-columns__column.pricing-columns__column--half,
    .pricing-columns__column {
      width: 100%;
      max-width: 450px;
      margin-top: 80px;
    }
    .pricing-columns__column-subsection-items {
      display: none;
    }
    .pricing-columns__column-subsection {
      padding: 20px;
    }
    .pricing-columns__column-section-header {
      padding: 10px calc(1.25vw + 10px);
    }
    .pricing-columns__column:first-child{
      margin-top: 0px;
    }
    .resources-list__item-icon {
        top: calc(50% - 60px);
        left: calc(50% - 60px);
        height: 120px;
        width: 120px;
    }
    .resources-list__item-link {
        height: calc(250px + 10vw);
    }
    .success-stories-list__item {
      height: calc(225px + 11vw);
    }
    .footer-columns-menu > li {
      width: 45%;
      padding: 0px;
      margin-bottom: 25px;
    }
    .footer-columns-menu {
      flex-wrap: wrap;
    }
    .footer__menu-container {
      width: 100%;
    }
    .footer__last-posts {
      width: 100%;
      margin-bottom: 20px;
    }
    .blog-post-related-posts .blog-list__post {
      margin: 0px 10px;
    }
    .blog-post-related-posts__posts {
      flex-wrap: wrap;
    }
    .blog-post-related-posts__post {
        max-width: 400px;
        width: 100%;
        height: auto;
        margin: 0 auto 40px;
    }
    .single-post .blog-content__sidebar {
      display: none;
    }
    .blog-content__content {
      width: 75%;
      max-width: 90%;
      margin-left: auto;
      margin-right: 0px;
      padding-right: 10%;
    }
     .blog-content__share-buttons {
      left: 30px;
    }
    .blog-guide .blog-content__content {
        padding-right: 0px;
        margin: 0px auto;
        width: 100%;
    }
}
 @media(max-width: 760px){

  .locations__location-link,
  .success-stories-list__item{
        margin: 0 auto 40px;
    }
     .cards__card {
        margin: 20px auto 40px;
        padding: calc(1.25vw + 15px);
    }
  .locations__location-link:last-child,
    .success-stories-list__item:last-child,
    .cards__card:last-child{
          margin-bottom: 0px;
    }

     .demo-home__content{
          padding: 0px;
     }
     .logo-row__logo-container {
        height: 50px;
        min-width: 90px;
        margin:0px 10px;
    }
     .home-hero-shot__oval {
        transform: rotate(180deg);
        top: -85%;
        background-position: -80% 0%;
        left: -20%;
        width: 200%;
        height: 130%;
    }
     .home-hero-shot {
        max-height: none;
        height: auto;
         padding-top: 100px;
         background-color: #85c4e3 !important;
    }
    .hero-shot{
          padding-top: calc(10px + 18vw);
          text-align: center;
          max-height: unset;
          height: 100vh;
    }
    .hero-shot__content {
         align-items: center;
     }
     .home-hero-shot__container {
       text-align: center;
     }
     .home-hero-shot__content {
       align-items: center;
          margin-bottom: 15px;
     }
    .hero-shot__image{
      max-height: 400px;
    }
    .content-image__main-title{
      margin-bottom: 40px;
    }
     .content-image__content .button{
          margin-bottom: 30px;
     }
     .video-background {
        transform: none;
        max-width: 400px;
        height: auto;
        width: 100%;
        margin: 0 auto;
    }
    .content-image{
      padding: calc(6% + 40px) 0px;
    }
     .footer__menu-container {
        width: 100%;
    }
     .footer__market-places {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: flex-end;
        margin-bottom: -25px;
    }
     .footer__google-play, .footer__app-store, .footer__chrome-store {
        height: 35px;
        margin-bottom: 0px;
    }
     .footer__google-play, .footer__app-store {
        margin-right: 15px;
    }
     .footer__chrome-store {
        margin-right: -15px;
    }
    .footer__last-posts-title,
     .footer-columns-menu > li > a{
        font-size: 16px;
        margin-bottom: 15px;
    }
     .footer{
        padding-top: 40px;
    }
     .main-menu > li > a {
        padding: 10px 8%;
    }
     .home-hero-shot__video-container{
          justify-content: flex-start;
     }
     .home-hero-shot__canvas,
     .home-hero-shot__video {
         display: none;
     }
     .home-hero-shot__video-mobile{
          display: block;
          width: 100%;
          max-height: 300px;
          object-fit: contain;
     }
    .resources-list__item{
         padding: 0px;
         margin:0 auto 40px;
         width: 100%;
         min-width: auto;
     }
     .resources-list__list-items.resources-list__list-items--active {
         width: 70%;
         margin-left: 30%;
     }
     .resources-list__item-link{
          height: auto;
     }
     .resources-list__top-filters {
       display: none;
     }
     .resources-list__left-filters {
       display: block;
       position: relative;
       width: 100%;
       margin: 0 auto;
     }
     .resources-list__left-filters-container {
       display: none;
     }
     .resources-list__left-search-title.subtitle-section {
       display: none;
     }
     .resources-list__container-list {
       flex-direction: column;
       justify-content: center;
       padding: 0px;
          margin: 0% 8%;
     }
     .resources-list__left-filters-close {
        display: none;
    }
     .hero-shot__image {
      max-height: 250px;
      margin-bottom: 50px;
         object-fit: contain;
  }
     .content-image__stat,
     .success-stories-stats__stat {
       width: 50%;
       max-width: unset;
       margin-bottom: 30px;
     }
     .success-stories-stats__container {
       margin-bottom: -30px;
     }
     .success-story-content__content {
       max-width: 100%;
       margin: 0% 8%;
          width: 84%;
     }
     .text-content__content.container--regular {
        width: 84%;
        margin: 0% 8%;
        max-width: 100%;
    }
     .hero-shot__success-story-quote {
    position: relative;
    top: -35px;
    width: 100%;
    margin-bottom: 90px;
    text-align: left;
  }
  .hero-shot.hero-shot--success-story {
    height: auto;
  }
  .hero-shot__image.hero-shot__image--success-stories {
    margin: 0px;
    right: -13%;
  }
  .hero-shot__person {
    right: calc(20vw + 70px);
  }
     .locations__location-text{
          background-size: 25px;
     }
     .mobile-videos__videos{
          margin-bottom: 50px;
     }
     .content-image__image--dropdown-item {
        margin-top: 20px;
     }
     .bubble-banner__bubble-content {
      width: 100%;
      margin-bottom: 30px;
      text-align: center;
    }
    .bubble-banner__bubble-price {
      width: 100%;
    }
    .pricing-columns.pricing-columns--first {
        padding-top: 100px;
    }
    .pricing-columns__column-header {
      padding: calc(2.5vw + 40px) calc(1.25vw + 10px) calc(1.25vw + 10px);
    }
    .bubble-banner__bubble{
        padding: 30px;
    }
    .testimonial-quote__image {
      max-width: 100%;
      margin: 0px auto -10px;
      display: block;
      width: 100%;
    }
    .testimonial-quote__quote-bubble {
      width: 100%;
      margin: 40px 0px;
      padding-bottom: 0px;
      overflow: hidden;
    }
    .content-image.content-image--top {
      padding-top: 90px;
  }
  .content-image.content-image--bottom {
      padding-bottom: 90px;
  }
    .content-image.content-image--both {
      padding: 90px 0px;
  }
    .pricing-columns,
    .wide-image-items,
    .four-cards,
    .mobile-videos,
    .success-stories-stats,
    .text-content,
    .success-stories-list,
  .locations, .investors,
    .three-columns-rows,
    .embed-code,
    .icon-row,
    .content-image,
    .cards,
    .centered-banner,
    .demo-home,
    .benefits {
         padding: 40px 0px 45px ;
     }
     #chatbotHeader-iframe {
        width: 100% !important;
        height: 450px !important;
        position: relative !important;
        margin-top: 50px;
    }
    body.whisbi-session-active {
        overflow: unset!important;
        height: auto!important;
        width: auto!important;
        position: relative!important;
        margin: 0px !important;
    }
    .blog-list__post {
      width: 100%;
    }
    .blog-list__case-study-logo {
      display: block;
    }
    .blog-content__content-next, .blog-content__content-prev {
      max-width: 100%;
      width: auto;
      margin: 0 auto 10px;
      margin-left: 45px;
    }
    .blog-content__content-next:after {
      left:-50px;
    }
    .blog-content__content-nav {
      flex-direction: column;
      margin-top: 40px;
    }
}
 @media(max-width: 580px){
     .footer-columns-menu{
        flex-wrap: wrap;
    }
     .footer-columns-menu > li {
        width: 100%;
        margin-bottom: 25px;
    }
     .footer__menu-container{
        margin-bottom: 0px;
    }
     .footer__google-play, .footer__app-store, .footer__chrome-store {
        height: 28px;
    }
    
     .hero-shot__person p {
    font-size: calc(13.3px + 0.18vw);
    line-height: calc(20px + 0.18vw);
  }
  .hero-shot__image.hero-shot__image--success-stories {
    right: -27%;
  }
     .hero-shot.hero-shot--success-story {
         height: 100vh;
     }
     .hero-shot__success-story-quote{
          top: -20px;
     }
     .hero-shot__image.hero-shot__image--success-stories {
         right: -15%;
     }
     .hero-shot__person {
         right: calc(20vw + 120px);
         width: 180px;
     }
     .logo-row:before,
     .logo-row:after{
          width: 20px;
     }
     .wide-image-items__item,
    .four-cards__card {
      width: 100%;
      margin-bottom: 40px;
    }
    .four-cards__card:last-child {
        margin: 0px;
    }
    .wide-image-items__items,
    .four-cards__cards{
        margin-top: 40px;
    }
    .success-stories-list__item {
      height: auto;
  }
    .hero-shot {
        padding-top: calc(60px + 18vw);
    }
    .footer__copyright-row-left {
      flex-wrap: wrap;
    }
    .legal-menu {
      margin-left: 0px;
      margin-top: 20px;
    }
    .legal-menu li {
        width: 100%;
        margin-right: 0px;
    }
    .centered-banner{
      background-size: cover;
    }
    .logo-row__logo {
      max-width: 100%;
    }
    .blog-list__post {
      width: 100%;
    }
    .blog-list__case-study-logo {
      display: block;
    }
    .blog-list__container {
      flex-direction: column-reverse;
    }
    .blog-list__sidebar-title {
      display: none;
    }
    .blog-list__sidebar-card {
      display: none;
    }
    .blog-list__sidebar-cats {
      display: none;
      margin: 0px;
      position: absolute;
      background-color:#f8fafa;
      width: 100%;
      box-sizing: border-box;
      left: 0px;
      padding: 0px 20px;
      box-shadow:0 2px 4px 0 rgba(0,0,0,0.16)
    }


    .blog-list__sidebar-cat.blog-list__sidebar-cat--title {
      display: none;
    }

    .blog-list__sidebar-cat {
      border-bottom: 1px solid #f2f2f2;
      padding: 5px 0px;
      margin: 0px;
    }
    .blog-list__posts, .blog-list__sidebar {
      width: 100%;
      max-width: 100%;
    }
    .blog-list {
      padding-top: 0px;
    }
    .blog-content__share-buttons {
      display: none;
    }
    .blog-content__content {
      width: 100%;
      max-width: 100%;
      padding: 0px 30px;
      box-sizing: border-box;
    }
    .blog-content {
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .blog-post-related-posts {
      padding-top: 40px;
    }
    .blog-list__nav .button {
      display: none;
      
    }
    .blog-post-related-posts .blog-list__post {
      height: auto;
      margin-bottom: 30px !important;
    }
    .blog-list__sidebar-mobile-menu {
    display: block;
    margin-bottom: 10px;
  }
  .blog-list__sidebar-mobile-menu-cats, .blog-list__sidebar-mobile-menu-tags {
    color: #8097a3;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    margin-right: 20px;
    position: relative;
  }
  .blog-list__sidebar-mobile-menu-cats:hover, .blog-list__sidebar-mobile-menu-tags:hover,
  .blog-list__sidebar-mobile-menu-cats--active, .blog-list__sidebar-mobile-menu-tags--active {
    color: #008ac5;
  }
  .blog-list__sidebar-mobile-menu-cats:after, .blog-list__sidebar-mobile-menu-tags:after{
    content: "";
    position: absolute;
    background-size: contain;
    width: 10px;
    height: 15px;
    display: block;
    top: 4px;
    right: -15px;
    background-image: url('images/dorpdown-arrow.svg');
    background-repeat: no-repeat;
  }
  .blog-list__sidebar-mobile-menu-cats:hover:after, .blog-list__sidebar-mobile-menu-tags:hover:after,
  .blog-list__sidebar-mobile-menu-cats--active:after, .blog-list__sidebar-mobile-menu-tags--active:after{
    background-image: url('images/dropdown-arrow-blue.svg');
  }
  .blog-list__sidebar-mobile-menu-close{
    width: 16px;
    height: 16px;
    background-image: url('images/cross.svg');
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto;
    display: block;
    position: relative;
    margin-top: -20px;
    margin-bottom: 15px;
  }
  .blog-subscribe-popup__container {
    width: 95%;
  }
}
 @media(max-width: 420px){
     .footer__market-places{
        margin: 10px 0px;
        justify-content: flex-start;
    }
    .footer__sm-icons{
      margin-bottom: 3px;
    }
}
/* LIBS */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}