/* @import url('http://example.com/example_style.css'); */

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

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

/* @import url('http://example.com/example_style.css'); */

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

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




/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}



/* Font face rules */


@font-face {
  font-family: 'Lato', sans-serif;
  src: url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);
  font-display: swap;
}

@font-face {
  font-family: GazpachoLight;
  src: url(https://4148636.fs1.hubspotusercontent-na1.net/hubfs/4148636/Fonts/GazpachoLight.woff);
  font-display: swap;
}


@font-face {
  font-family: GazpachoRegular;
  src: url(https://4148636.fs1.hubspotusercontent-na1.net/hubfs/4148636/Fonts/GazpachoRegular.woff);
  font-display: swap;
}

@font-face {
  font-family: GazpachoMedium;
  src: url(https://4148636.fs1.hubspotusercontent-na1.net/hubfs/4148636/Fonts/GazpachoMedium.woff);
  font-display: swap;
}

@font-face {
  font-family: GazpachoBlack;
  src: url(https://4148636.fs1.hubspotusercontent-na1.net/hubfs/4148636/Fonts/GazpachoBlack.woff);
  font-display: swap;
}

@font-face {
  font-family: GazpachoHeavy;
  src: url(https://4148636.fs1.hubspotusercontent-na1.net/hubfs/4148636/Fonts/GazpachoBlack.woff);
  font-display: swap;
}

@font-face {
  font-family: GazpachoItalicLight;
  src: url(https://4148636.fs1.hubspotusercontent-na1.net/hubfs/4148636/Fonts/GazpachoItalicLight.woff);
  font-display: swap;
}

@font-face {
  font-family: GazpachoItalicRegular;
  src: url(https://4148636.fs1.hubspotusercontent-na1.net/hubfs/4148636/Fonts/GazpachoItalicRegular.woff);
  font-display: swap;
}

@font-face {
  font-family: GazpachoItalicMedium;
  src: url(https://4148636.fs1.hubspotusercontent-na1.net/hubfs/4148636/Fonts/GazpachoItalicMedium.woff);
  font-display: swap;
}


/* Font sizes */
/* SMALL - @link https://utopia.fyi/type/calculator?c=320,16,1.125,1140,20,1.125,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l */
:root {

    /* @link https://utopia.fyi/space/calculator?c=320,21,1.2,1140,24,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l */
    --space-3xs: clamp(0.31rem, calc(0.29rem + 0.12vw), 0.38rem);
    --space-2xs: clamp(0.69rem, calc(0.66rem + 0.12vw), 0.75rem);
    --space-xs: clamp(1.00rem, calc(0.95rem + 0.24vw), 1.13rem);
    --space-s: clamp(1.31rem, calc(1.24rem + 0.37vw), 1.50rem);
    --space-m: clamp(2.00rem, calc(1.90rem + 0.49vw), 2.25rem);
    --space-l: clamp(2.63rem, calc(2.48rem + 0.73vw), 3.00rem);
    --space-xl: clamp(3.94rem, calc(3.72rem + 1.10vw), 4.50rem);
    --space-2xl: clamp(5.25rem, calc(4.96rem + 1.46vw), 6.00rem);
    --space-3xl: clamp(7.88rem, calc(7.44rem + 2.20vw), 9.00rem);

    /* One-up pairs */
    --space-3xs-2xs: clamp(0.31rem, calc(0.14rem + 0.85vw), 0.75rem);
    --space-2xs-xs: clamp(0.69rem, calc(0.52rem + 0.85vw), 1.13rem);
    --space-xs-s: clamp(1.00rem, calc(0.80rem + 0.98vw), 1.50rem);
    --space-s-m: clamp(1.31rem, calc(0.95rem + 1.83vw), 2.25rem);
    --space-m-l: clamp(2.00rem, calc(1.61rem + 1.95vw), 3.00rem);
    --space-l-xl: clamp(2.63rem, calc(1.89rem + 3.66vw), 4.50rem);
    --space-xl-2xl: clamp(3.94rem, calc(3.13rem + 4.02vw), 6.00rem);
    --space-2xl-3xl: clamp(5.25rem, calc(3.79rem + 7.32vw), 9.00rem);

    /* Custom pairs */
    --space-s-l: clamp(1.31rem, calc(0.65rem + 3.29vw), 3.00rem);
  
    /*--titleSize: calc( 1.95 * var(--step-5)) !important;*/
}

:root {
  --step--2: clamp(0.78rem, calc(0.77rem + 0.06vw), 0.84rem);
  --step--1: clamp(0.94rem, calc(0.90rem + 0.19vw), 1.13rem);
  --step-0: clamp(1rem, 1rem + 0vw, 1rem);
  --step-1: clamp(1.25rem, 1.15rem + 0.3333vw, 1.5rem);
  --step-2: clamp(1.25rem, 1.15rem + 0.3333vw, 1.5rem);
  --step-3: clamp(2rem, 1.9rem + 0.6667vw, 2.5rem);
  --step-4: clamp(1.5rem, 0.9rem + 4vw, 4.5rem);
  --step-5: clamp(2.25rem, 1.35rem + 6vw, 6.75rem);
}

@media (min-width: 1981px) {

  :root {
    --step--2: clamp(0.78rem, calc(0.77rem + 0.06vw), 0.84rem);
    --step--1: clamp(0.94rem, calc(0.90rem + 0.19vw), 1.13rem);
    --step-0: clamp(1rem, 0.9rem + 0.6667vw, 1.5rem) !important;
    --step-1: clamp(1.25rem, 1.15rem + 0.3333vw, 1.5rem);
    --step-2: clamp(1.25rem, 1.15rem + 0.3333vw, 1.5rem);
    --step-3: clamp(2rem, 1.9rem + 0.6667vw, 2.5rem);
    --step-4: clamp(1.5rem, 0.9rem + 4vw, 4.5rem);
    --step-5: clamp(2.25rem, 1.35rem + 6vw, 6.75rem);
  }
  
}

.site-dark {
  --primary-100: hsla(0, 0%, 0%, 1);
  --primary-200: hsl(0, 0%, 10%);
  --secondary-900: hsla(0, 0%, 100%, 1);
  
  --color1: hsla(347, 97%, 54%, 1); /* red */
  --color2: hsla(210, 86%, 63%, 1); /* blue */
  --color2-300: hsla(210, 86%, 63%, 1); /* darker blue */
  --color4: hsla(30, 100%, 87%, 1); /* cream */
  --color5: hsla(333, 42%, 19%, 1); /* brown */
  --color5-700: hsla(8, 51%, 52%, 1); /* lighter brown */
  --color6: hsla(183, 79%, 23%, 1); /* green smerald */
  --color7: hsla(42, 88%, 60%, 1); /* yellow */
  --color9: hsla(71, 89%, 53%, 1); /* pop yellow */
  --color10: hsla(46, 99%, 55%, 1); /* darker yellow */
  --color11: hsla(255, 69%, 45%, 1); /* purple */
  --color12: hsla(218, 86%, 41%, 1); /* blue */
  --color-13: hsla(36, 99%, 50%, 1); /* orange */
  --color-14: hsla(326, 69%, 86%, 1) /* pink */
}
.site-light {
  --primary-100: hsla(0, 0%, 100%, 1);
  --primary-200: hsl(0, 0%, 90%);
  --secondary-900: hsla(0, 0%, 0%, 1);
  
  --color1: hsla(347, 97%, 54%, 1);
  --color2: hsla(205, 100%, 66%, 1);
  --color3: hsla(210, 86%, 63%, 1);
  --color4: hsla(30, 100%, 87%, 1);
  --color5: hsla(333, 42%, 19%, 1);
  --color6: hsla(183, 79%, 23%, 1);
  --color7: hsla(42, 88%, 60%, 1);
  --color8: hsla(8, 51%, 52%, 1);
  --color9: hsla(71, 89%, 53%, 1);
  --color10: hsla(46, 99%, 55%, 1);
  --color11: hsla(255, 69%, 45%, 1);
  --color12: hsla(218, 86%, 41%, 1);
}

body {
  font-family: 'Lato', sans-serif;
  font-size: var(--step-0);
  line-height: 140%;
  overflow-x: hidden;
}

p { 
  font-size: var(--step-0);
  line-height: 140%;
  margin-block-start: 0.5rem;
  margin-block-end: 1rem;
}

@media screen and (min-width: 1980px) {
  p { font-size: 18px !important }
}


/* HEADINGS */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
  font-family: GazpachoBlack;
  line-height: 130%;
}

h1, .h1 { font-size: var(--step-5); line-height: 1; margin-block-start: 1.5rem; margin-block-end: 1rem; }
h2, .h2 { font-size: var(--step-4); line-height: 1.2; margin-block-start: 1rem; margin-block-end: 0.75rem; }
h3, .h3 { font-size: var(--step-3); line-height: 1.3; margin-block-start: 0.75rem; margin-block-end: 0.5rem; }
h4, .h4 { font-size: var(--step-2); line-height: 1.3; margin-block-start: 0.5rem; margin-block-end: 0.5rem; }
h5, .h5 { font-size: var(--step-1); line-height: 1.3; margin-block-start: 0.5rem; margin-block-end: 0.5rem; }
h6, .h6 { font-size: var(--step-0); line-height: 1.4; margin-block-start: 0.5rem; margin-block-end: 0.5rem; }


.accessibility-title {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  clip-path: rect(0, 0, 0, 0);
}

.outlined-text,
.outlined-text * { 
  -webkit-text-stroke-color: white;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.5px;
}
@media (min-width: 993px) {
  .outlined-text,
  .outlined-text * {
    -webkit-text-stroke-width: 1px;
  }
}

/*---------------------------*/
/*Font size media queries*/

img {
  max-width: 100%;
  height: auto;
}


/* ---- h3 ----*/
.sidebar-outside h3 { font-size: 14vw; }


@media screen and (min-width:768px){
  .sidebar-outside h3 { font-size: var(--step-2); }
  
}

@media screen and (min-width:1200px){
  .sidebar-outside h3 { font-size: var(--step-4); }
  
}

@media screen and (min-width:1900px){
.sidebar-outside h3 { font-size: var(--step-5); }
   
}
/* ---- h3 ----*/

/*---------------------------*/


/* LINKS */
a,
a:link { 
  display: inline-block;
  line-height: 140%;
  color: var( --secondary-900 );
  text-decoration: none;
  transition: all cubic-bezier(0.33, 1, 0.68, 1) .3s;
}
a:visited { }
a:hover { text-decoration: none; color: var(--secondary-900); }
a:focus { }
a:active { }


/* FAMILY */
.black { font-family: GazpachoBlack; }
.regular { font-family: GazpachoItalicRegular; }
.light { font-family: GazpachoItalicLight; }
.italic-regular { font-family: GazpachoItalicRegular; }
.italic-light { font-family: GazpachoItalicLight; }


/* TEXT ALIGNMENT */
.text-start { text-align: start; }
.text-center { text-align: center; }
.text-end { text-align: end; }


/* Text sizes */
.t-xl { font-size: clamp(2.5rem, 2.15rem + 2.3333vw, 4.25rem); line-height: 1;) }


/* SPACING UTILITIES */
.spacer { display: block; width: 100%; }
.spacer-2xs { height: var(--space-2xs); }
.spacer-xs { height: var(--space-xs); }
.spacer-s { height: var(--space-s); }
.spacer-l,
.spacer-3x { height: var(--space-l); }
.spacer-xl,
.spacer-4x { height: var(--space-xl); }
.spacer-2xl,
.spacer-5x { height: var(--space-2xl); }
.spacer-3xl,
.spacer-6x { height: var(--space-3xl); }
.spacer-s { display: block; height: var(--space-xs-s); }
.spacer-m { display: block; height: var(--space-s-m); }
.spacer-xl { display: block; height: var(--space-l-xl); }


/* UTILITIES */
/* BACKGROUNDS */
.bg--primary-200 { background-color: var(--primary-200); }

/* WIDTHS */
.w-15 { max-width: 15%; width: 100%; }

/* PADDING */
.p-block--xs { padding-block: var(--space-xs); }
.p-block-start--xs { padding-block-start: var(--space-xs); }
.p-block-end--xs { padding-block-end: var(--space-xs); }
.p-inline--xs { padding-inline: var(--space-xs); }
.p-inline-start--xs { padding-inline-start: var(--space-xs); }
.p-inline-end--xs { padding-inline-end: var(--space-xs); }

.p-block--m { padding-block: var(--space-m); }
.p-inline--m { padding-inline: var(--space-m); }
.p-inline-start--m { padding-inline-start: var(--space-m); }
.p-inline-end--m { padding-inline-end: var(--space-m); }

.p-block--2xl { padding-block: var(--space-2xl); }
.p-inline--2xl { padding-inline: var(--space-2xl); }

.p-block--3xl { padding-block: var(--space-3xl); }
.p-inline--3xl { padding-inline: var(--space-3xl); }



/* MARGIN */
.m-block--xs { margin-block: var(--space-xs); }
.m-inline--xs { margin-inline: var(--space-xs); }
.m-block-start--xs { margin-block-start: var(--space-xs); }
.m-block-end--xs { margin-block-end: var(--space-xs); }

.m-block--s { margin-block: var(--space-s); }
.m-inline--s { margin-inline: var(--space-s); }
.m-block-start--s { margin-block-start: var(--space-s); }
.m-block-end--s { margin-block-end: var(--space-s); }

.m-block--m { margin-block: var(--space-m); }
.m-inline--m { margin-inline: var(--space-m); }
.m-block-start--m { margin-block-start: var(--space-m); }
.m-block-end--m { margin-block-end: var(--space-m); }

.m-block--2xl { margin-block: var(--space-2xl); }
.m-inline--2xl { margin-inline: var(--space-2xl); }

.m-block--3xl { margin-block: var(--space-3xl); }
.m-inline--3xl { margin-inline: var(--space-3xl); }

.hide-fade {
  -webkit-animation: fade-out 1s .5s ease-out both;
	        animation: fade-out 1s .5s ease-out both;
}
.hide {
  opacity: 0;
}


/* GENERAL */
html { box-sizing: border-box; height: 100%; }
*, *:before, *:after { box-sizing: inherit; }

body {
  background-color: var(--primary-100);
  color: var(--secondary-900);
  font-size: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
body.site-dark {
  background-color: var(--primary-100);
  color: var(--secondary-900);
}
body.site-light {
  background-color: var(--primary-100);
  color: var(--secondary-900);
}
body,
body.site-dark h1, h2, h3, h4, h5, h6 { color: var(--secondary-900); }
body.site-light h1, h2, h3, h4, h5, h6 { color: var(--secondary-900); }


figure { margin: unset; }

/* Breadcrumb */
.breadcrumb { margin-block-end: var(--space-m); }


/* html.sr { visibility: hidden; } */

.container { max-width: 90%; padding-inline: 0; }
.container-lg { max-width: 100%; padding-inline: 0; }
.container-fluid,
.container{ padding: 0; }
@media ( min-width: 992px ) {
  .container-lg { max-width: 90%; }
}
.narrow-container {
  max-width: 100%;
  margin-inline: auto;
}
@media ( min-width: 994px ) {
  .narrow-container {
    max-width: 85%;
  }
}

.page-headline {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.page-content,
.site-content { 
  background-color: var(--primary-100);
  position: relative; 
  z-index: 10;
}

.full-width {
  width: 100%;
  max-width: unset;
  position: relative;
  inset-inline-start: unset;
  inset-inline-end: unset;
  margin-inline-start: unset;
  margin-inline-end: unset;
}
@media (max-width: 993px) {
  .fullwidth-s {
    width: 100vw;
    inset-inline-start: 50%;
    inset-inline-end: 50%;
    margin-inline-start: -50vw;
    margin-inline-end: -50vw;
  }
}
@media (min-width: 1025px) {
  .full-width {
    width: 100vw;
    inset-inline-start: 50%;
    inset-inline-end: 50%;
    margin-inline-start: -50vw;
    margin-inline-end: -50vw;
  }
}

@media (min-width: 2560px) {
  
}
.site-wrapper { margin: 0 auto; position: relative; }
.wrap-to-right { max-width: 90%; margin-inline: auto; }
@media (min-width: 1141px) {
  .wrap-to-right { max-width: 95%; margin-inline-start: auto; margin-inline-end: 0; }
}

/* HUBSPOT CLASSES */
/*.container-fluid { margin: 0; padding: 0; }*/

/* Fixed Background */

.background-container { 
  position: absolute;
  top: 0; 
  right: 0; 
  min-width: 50vw;
  z-index: -1
}

.background-container svg { width: 100%; }
.p-path {
  --pathOffset: 0;
  --pathLength: 0;
  stroke-dashoffset: var(--pathOffset);
  stroke-dasharray: var(--pathLength);
  
}

.p-path.line { stroke: var(--primary-200); stroke-width: 40; }

@keyframes ispath {
  from { stroke-dasharray: 0 }
  to { stroke-dasharray: 0 }
}



/* Carousel/Slider Custom pagination */
 .swiper-pagination_ { 
  position: relative;
  bottom: unset;
  margin-block: var(--space-xs-s);
}
.custom-pagination { display: flex; align-items: center; }
.custom-pagination__line {
  background-color: var(--secondary-900);
  height: 1px;
  width: 15%;
  margin-inline: var(--space-xs-s);
}
.slide-counter-current { color: var(--color1); }

/* Mouse follow */
.mf-cursor.-grow::before {
  background-color: transparent;
  border: 1px solid var(--secondary-900);
  transform: scale(1.25);
}


/* SECTION */
/*.section { padding-block: var(--space-l); }*/

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


/* BLOG PAGE */
.blog-layout {}
/* .blog-index-page  { padding-inline-start: 480px; } */
.blog-index-page .span6.widget-type-cell { width: 50%; }
.blog-index-page .dnd_area_blog-row-1-vertical-alignment { padding-block: 9.5rem; }


/* Blog article */

.blog-article {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--space-xs);
  margin-block-end: var(--space-xs);
}
.blog-article__inner{
  background-color: var(--primary-200);
  border-radius: 16px;
  overflow: hidden;
  width: 80%;
}
.blog-article__desc_img { position: relative; object-fit: cover; width: 100%; }



.blog-article__image { max-width: 130px; overflow: hidden; }
.blog-index__post-image-wrapper img,
.blog-article__image img { position: relative; object-fit: cover; width: 100%; }

.blog-index__post-image-wrapper,
.blog-article__content {
  background-color: var(--primary-200);
  overflow: hidden;
  max-width: 80%;
}
.blog-index__post-image-wrapper { 
  background-position: center;
  background-size: cover;
  
  border-top-right-radius: var(--space-xs);
  border-end-end-radius: var(--space-xs);
  min-height: 96px;
}

.blog-index__post .blog-index__post-image-wrapper { margin-block-end: var(--space-2xs); }
/*.blog-article__content { border-radius: 15px; }*/

.blog-index__post-content {
  background-color: var(--primary-200);
  padding-inline: var(--space-s);
  padding-block: var(--space-s);
}

.blog-article__content *,
.blog-index__post-content * { font-size: unset; margin-block-end: unset; }
@media (min-width: 994px) {
  .blog-article__content *,
  .blog-index__post-content * { font-size: var(--step--1); }
}


.blog-article__footer * { font-size: var(--step--2); }

.blog-index__post-tag { font-size: var(--step--2); }
.blog-post__tags svg { 
  width: auto; 
  max-width: 20px; 
  fill: var(--secondary-900); 
  margin-inline-end: var(--space-2xs);
}

.blog-post_featured-image { overflow: hidden; }
.blog-post_featured-image img { object-fit: cover; width: 100%; }
.blog-post__author { display: flex; align-items: center; }

.blog-post__author-content { display: flex; flex-direction: column; }

.blog-post__action { margin-block-end: var(--space-l) }; 
.blog-related-posts__title { font-size: var(--step--1) !important; }
.blog-related-posts__image { margin-block-end: var(--space-2xs); }

.blog-related-posts--small .blog-related-posts__post {
  border-radius: 30px;
  background-color: var(--primary-200);
  padding-inline: var(--space-2xs);
  padding-block: var(--space-3xs);
  margin-block-end: var(--space-2xs);
}
.blog-related-posts--small .blog-related-posts__post .blog-related-posts__title { margin-bottom: unset; }
.blog-related-posts--small h6 { margin-block-end: var(--space-s); }


/* Blog post */
.blog-post__header { z-index: 0; position: relative; }
.blog-post__header-bg {
  background-image: url("https://4148636.fs1.hubspotusercontent-na1.net/hubfs/4148636/Mediaus%20Website%20Media/case-history-bg-repeat.svg");
  background-repeat: repeat;
  background-size: 100%;
  position: absolute;
  top: -50%;
  bottom: 0;
  left: -10%;
  right: -5%;
  z-index: -1;
}
.blog-post__header-bg::after {
  content: "";
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  position: absolute;
  height: 50%;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
}

/*.blog-post__figure {
  margin-left: -7%;
  margin-right: -7%;
} */

.blog-post__headline { 
  display: flex;
  flex-direction: column-reverse;
}
/*.blog-post__section--fullwidth {
  margin-inline-start: -7%;
  margin-inline-end: -7%;
  padding-inline-start: 5%;
  padding-inline-end: 5%;
  padding-block-start: 5%;
  padding-block-end: 5%;
}*/


.title-group:empty { display: none; }
.section figure:empty { display: none; }


/* BLOCK WRAPPER */
.block-wrapper {
    border-start-start-radius: var(--space-2xs);
    border-start-end-radius: var(--space-2xs);
    border-end-start-radius: var(--space-2xs);
    border-end-end-radius: var(--space-2xs);
}




/* FORMS */
.hs-input {
  border-radius: 1.5rem;
  border: 0;
  width: 100% !important;
  padding-block: .5rem;
  padding-inline: 1rem !important;
}
.no-list.hs-error-msgs.inputs-list {
  background-color: red;
  border-radius: 25px;
  z-index: 10;
  width: 100%;
  bottom: unset;
  font-size: var(--step--1);
}
.no-list.hs-error-msgs.inputs-list label {
  padding-block: .05rem;
  padding-inline: 1rem;
  margin: 0;
}
/* Hubspot Forms */
.hs-custom-form fieldset {
  width: 100%;
  max-width: 100% !important;
}
.hs-custom-form fieldset:last-of-type { margin-block-end: 3rem; }
.hs-custom-form fieldset:last-of-type p {
  font-size: var(--step--0);
  padding-inline: 3rem;
} 
@media (max-width: 993px) {
  form .form-columns-2 {
    gap: 0 !important
  }
}

.hs-form-field {
  margin-block-end: 1.25rem;
  padding-inline: 1rem;
  position: relative;
}

.hs-form-field label { margin-bottom: .5rem; }
.hs-form-field .hs-error-msgs {
  position: absolute;
  bottom: -3.25rem; left: 0;
  padding-inline-start: 1rem;
}
.hs-form-field .hs-error-msgs li { list-style-type: none; }

.hs-form-field .hs-form-booleancheckbox label { display: flex; align-items: center; }
.hs-form-field .hs-form-booleancheckbox label span { margin-inline-start: .5rem; }
.hs-form-field .hs-form-booleancheckbox input[type="checkbox"] { width: auto !important; }
.hs-form-field .inputs-list { padding-inline: 1.75rem; }
.hs-form-field .inputs-list li { list-style-type: none; }

.hs-dependent-field .hs-error-msgs { padding-inline-start: 3rem; }

.hs-custom-form .hs-button {
  background-color: var(--color1);
  color: var(--secondary-900);
  border-radius: 3rem;
  border: 0;
  padding-block: var(--space-xs);
  padding-inline: var(--space-xl);
}
.hs-custom-form .hs-button:hover { filter: brightness(75%); }
/*.hs-custom-form .hs_submit { padding-inline: var(--space-xs); }*/
.hs-custom-form .hs_submit { padding-inline: 0; }
.legal-consent-container .hs-error-msgs label { color: var(--secondary-900) !important }

/*-------------------------------------/*
/*  FORM CUSTOM */


form fieldset.form-columns-2 .hs-form-field{
  width:100% !important;
  clear:both;
}

form .hs-form-field{
  padding:0;
}

form .hs-form-field .input{
  margin-right:0 !important;
}

form .form-columns-2{
  display: flex;
  flex-direction:row;
  gap: 10px;
}

form .legal-consent-container p,
form .inputs-list{
  padding:0 !important;
}



@media (max-width:576px) {
  form .form-columns-2 {
    flex-direction:column;
  }
  form input[type=submit],
  form .hs-button {
    width:100%;
  }
}
  

/* BUTTONS */
button,
.button {
  display: inline-block;
  background-color: transparent;
  border-radius: 25px;
  color: var(--secondary-900);
  padding-inline: var(--space-s);
  padding-block: calc(0.5 * var(--space-3xs));
  width: auto;
}

button:hover {
  background-color: var(--secondary-900);
  color: var(--primary-100);
}
.button--outlined { border: 1px solid var(--secondary-900); }
.button--outlined:hover{
  background-color:var(--secondary-900);
  color:var(--primary-100);
}



/* CARD */
.card { margin-block-end: var(--space-s); }
@media (min-width: 993px) {
  .card { margin-block-end: var(--space-xl); }
}
.card__figure { margin-block-end: var(--space-2xs-xs); }
.card__figure img {
  border-radius: var(--space-s-m);
  object-fit: cover;
  min-width: 100%;
  
  width: 100%;
  object-position: center;
  pointer-events: none;
}

.card__content {
  background-color: var(--primary-200);
  border-radius: var(--space-s-m);
  padding-block: var(--space-2xs-xs);
  padding-inline: var(--space-xs);
  
}
.card .content * { font-size: var(--step--1); } 
.card__content a { display: inline-block;  }


/* VIDEO PLAYER */
:root { --plyr-color-main: #fff !important; }
.video-section { 
  position: relative;
  clip-path: url(#v-clip);
}
.player {
  object-fit: cover;
  min-height: 380px;
  width: 100%;
}
.plyr__control svg { fill: #000 }

/* Fx */
.v-element {
  --posXL: 0%;
  --posXR: 100%;
  --posYT: 100%;
  overflow: hidden;
  position: relative;
  transform-origin: center;
  clip-path: polygon(var(--posXL) 0, var(--posXR) 0, var(--posXR) var(--posYT), var(--posXL) var(--posYT));
}


/* Modal */
.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.modal__container {
  background-color: var(--primary-100);
  padding: var(--space-m);
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: var(--secondary-900);
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
  padding-inline: unset;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}

.modal__footer { padding-block: unset; }

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0,0,0,.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}


/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}



 /* BLOG PAGINATION */
.blog-pagination {
  display: block;
  text-align: center;
}
.blog-pagination > div {
  display: inline-block;
}
.blog-pagination-left {
  text-align: right;
}
.blog-pagination-right {
  text-align: left;
}
.blog-pagination a {
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  padding: 5px 10px;
}
.blog-pagination a:hover,
.blog-pagination a:focus {
  background-color: #fff !important;
  color: #000 !important;
  text-decoration: none;
}
.blog-pagination a.elipses {
  border: 0;
}
.blog-pagination a.active {
  background-color: #fff !important;
  color: #666 !important;
  pointer-events: none;
  cursor: default;
}
.blog-pagination a.next-link,
.blog-pagination a.prev-link {
  background-color: #000 !important;
  color: #fff;
}
.blog-pagination a.next-link:hover,
.blog-pagination a.prev-link:hover {
  background-color: #fff !important;
  color: #000 !important;
}

.blog-index__post-summary * { font-size: var(--step--1); }

.blog-pagination__prev-link path,
.blog-pagination__next-link path {
  fill: #fff;
}
.blog-pagination__prev-link:hover path,
.blog-pagination__next-link:hover path { fill: #000 }
.blog-pagination__link--active {
  background-color: #fff !important;
  color: #000 !important;
}

/* MODULI SUL SITO */
#hsForm_fd13f2a6-4150-4775-9b7a-823a8e1cec41 .hs-form-booleancheckbox-display a {
  text-decoration: underline !important;
}

/* MODULO LAVORA CON NOI */
#hsForm_77a73ad0-01fa-4f33-ba06-f9978a73cebd_8109 .hs-form-booleancheckbox-display a { text-decoration: underline; }


/* FADE OUT ANIMATION */
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



.is-hidden { display: none; }

.hidden-element {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/******************************************/


/*Inbound*/

.stand-accordion .faq-box{
  background: transparent !important;
  border: 2px solid #fff !important;
  border-radius: 30px !important;
  padding: 20px !important;
  margin-bottom:10px;
}

.stand-accordion .faq-box .faq-title{
  color: #fff !important;
  font-size:18px;
  font-weight:bold;
}



.stand-accordion .faq-box .faq-content{
  color: #fff !important;
  margin-top: 20px;
}

.stand-accordion .faq-box .faq-content p{
margin-bottom:0;
}


/*.stand-accordion .faq-box .faq-title:before{
    color: #fff !important;
    content: "+";
    font-size: 34px;
    left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}*/

/*.box-faq .faq-item .faq-item-title:after*/
.stand-accordion .faq-box .faq-title:before{
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    content: "" !important;
    height: 15px;
    position: absolute;
    right: 0;
    rotate: 135deg;
    top: 0px !important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    width: 15px;
    transform: inherit !important;
}

.stand-accordion .faq-box .faq-title.active:before{
    rotate: -45deg;
    top: 12px;
}

/*.stand-accordion .faq-box .faq-title:before {
    color: #ee5b2d;
    content: "+";
    font-size: 34px;
    left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}*/



/*Title Inbound*/

.content-element.title * {
    font-family: GazpachoItalicLight;
    margin-block-end: 0;
}


h2.small{
    font-size: var(--step-3);
    line-height: 1.3;
    margin-block-start: 0.75rem;
    margin-block-end: 0.5rem;
}



/*-------- Up - Down -------*/
.up-down ul.box {
  border: 2px solid #fff; 
  border-radius: 30px; 
  padding: 40px 40px 40px 90px;
  margin-bottom: 10px; 
  font-size: 18px; 
  font-weight: normal;
  list-style-type: none;
 
}

.up-down ul.box li:first-child{
  margin-bottom:2rem;
}

.up-down ul.box li.up,
.up-down ul.box li.down{
  position:relative;
}

.up-down ul.box li.up:before{
  content:' ';
 /* background:  url() no-repeat;*/
  background:url("https://www.mediaus.it/hubfs/webinar/positive-hand.png") no-repeat;
  background-size:contain;
  position:absolute;
  top:-5px;
  left:-50px;
  width:50px;
  height:50px;
  /*border:1px solid green;*/
}

.up-down ul.box li.down:before{
  content:' ';
  background:url("https://www.mediaus.it/hubfs/webinar/negative-hand.png") no-repeat;
  background-size:contain;
  position:absolute;
  top:-10px;
  left:-50px;
  width:50px;
  height:50px;
  /*border:1px solid red;*/
}

/*******************************************************/
/*---BOX---*/

.inbound-box{
  background:#1D1D1D; 
  color#fff; 
  border-radius: 30px; 
  padding: 20px; 
  width: 100%; 
  height: 100%; 
  color:#fff;
  margin-bottom:1rem;
  text-align:center;
}

.inbound-box img{
  display:block;
  margin:0 auto !important;
  margin-bottom:20px !important;
  width:auto;
}

@media (max-width:576px){
  .inbound-box img{
  width:100%;
  }
}


h4.slim{
  margin-top:1rem;
  font-family: GazpachoRegular;
  }

h4.slim strong{
   font-family: GazpachoBlack;
}


/***********************************************************/
/*------- BOX GRID ---------*/

@media (min-width:980px){
.box-grid{
  display: grid; 
  gap: 20px; 
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  }
}
@media (min-width:1280px){
.box-grid{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  }
  
.div1 { grid-area: 1 / 1 / 2 / 4; }
.div2 { grid-area: 1 / 4 / 2 / 5; }
.div3 { grid-area: 1 / 5 / 2 / 6; }
.div4 { grid-area: 2 / 1 / 3 / 2; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
.div6 { grid-area: 2 / 3 / 3 / 4; }
.div7 { grid-area: 2 / 4 / 3 / 5; }
.div8 { grid-area: 2 / 5 / 3 / 6; }
  

}


/* Frecce Menu */

@media(max-width:768px){
.main-navigation li.hs-menu-item.hs-menu-depth-1.hs-item-has-children::after{
  top:0 !important;}
}


.main-navigation li.hs-menu-item.hs-menu-depth-1.hs-item-has-children{
  display: table !important;
}