/* ==========================================================================
   CSS 
   ========================================================================== */

/* @import "https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/versions/bulma-prefixed.min.css"; */


@font-face {
  font-family: 'SoehneBuch';
  src: url('../static/fonts/soehne/soehne-buch.woff2') format('woff2')
}

@font-face {
  font-family: 'SoehneLeicht';
  src: url('../static/fonts/soehne/soehne-leicht.woff2') format('woff2')
}

@font-face {
  font-family: 'SoehneKraftig';
  src: url('../static/fonts/soehne/soehne-kraftig.woff2') format('woff2')
}

@font-face {
  font-family: 'SoehneHalbfett';
  src: url('../static/fonts/soehne/soehne-halbfett.woff2') format('woff2')
}


.fw-bold {
    font-family:var(--font-soehne-halbfett);
}

.fw-medium {
  font-family:var(--font-soehne-buch);
}

.font-size-sm {
  font-size: 1rem;
}

.font-size-xs {
  font-size: .80rem;
}

/* ==========================================================================
   @resets CSS Resets
   ========================================================================== */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html {line-height: 1;}
ol,ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption,td,th {
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
}
blockquote,q {quotes: none;}
blockquote:after,blockquote:before,q:after,q:before {content: "";}
a img {border: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
button {
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
    background: transparent;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-align: inherit;
    width: auto;
}
button::-moz-reason-inner {
    border: 0;
    padding: 0;
}




/* 
BASE STYLES
=================================================================== 
*/


small {
  font-size: 90%;
}





html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-feature-settings: "liga" off;
    font-feature-settings: "liga" off;

}




body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #121112;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    font-family: var(--header-font-family);
}

body:after {
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
}


body:not(.is-font-loaded) {
    opacity: 0;
}

a {
    color: inherit;
}

button:not(:disabled) {
    cursor: pointer;
}

*,:after,:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

::-moz-selection {
    background: #b7bedb;
    mix-blend-mode: multiply;
}

::selection {
    background: #b7bedb;
    mix-blend-mode: multiply;
}




.header .header__nav__toggler,body {
    font-size: 21px;
    line-height:28px;
}

@media only screen and (max-width:1024px) {
    .header .header__nav__toggler,body {
        font-size: 18px;
        letter-spacing: .02em;
        line-height: 24px;
    }
}









.box {
  padding: var(--space-s);
  --border-width: var(--space-px);
  border: var(--border-width) solid #CCC;
  color: var(--color, var(--color-main-5));
  position: relative;
  display: block;
  min-width: 0px;
}



.service-grid .box:first-child {
    border-top-color: transparent;
    border-left-color:transparent;
}

.service-grid .box:nth-child(2) {
    border-top-color: transparent;
    border-right-color:transparent;   
}
.service-grid .box:nth-child(3) {
    border-bottom-color: transparent;
    border-left-color:transparent;   
}
.service-grid .box:nth-child(4) {
    border-bottom-color: transparent;
    border-right-color:transparent;   
}

/* Top: First 4 */
.client-tout .box:nth-child(n+1):nth-child(-n+4) {border-top-color: transparent;}

/* Every last child of a row of 4 */
.client-tout .box:nth-child(4n+4) {border-right-color:transparent;}

/* Every first child of the row of 4 */
.client-tout .box:nth-child(4n+1) {border-left-color:transparent;}

/* Bottom: Last 2 */
/* Change if adding more elements to bottom row */
/* This would be the last 4, as an example:: .box:nth-last-child(n+1):nth-last-child(-n+4) */
.client-tout .box:nth-last-child(n+1):nth-last-child(-n+4) {border-bottom-color:transparent;}

/* Add left borders back to last 2 elements */
/* .client-tout .box:nth-last-child(-n+3) {
  --border-width: var(--space-px);
  border: var(--border-width) solid #CCC;
} */

@media (max-width:800px) {


    /* Top: First 4 */
    .client-tout .box:nth-child(n+1):nth-child(-n+2) {border-top-color: transparent;}

    /* Every last child of a row of 4 */
    .client-tout .box:nth-child(2n+2) {border-right-color:transparent;}

    /* Every first child of the row of 4 */
    .client-tout .box:nth-child(2n+1) {border-left-color:transparent;}

    /* Bottom: Last 4 */
    /* This assumes there are blank spacer elements if count is not a factor of 4 */
    .client-tout .box:nth-last-child(n+1):nth-last-child(-n+1) {border-bottom-color:transparent;}
    .client-tout .box:nth-last-child(2n+1) {border-right-color:transparent;}
}


.text-clip, .block-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}




.text-color-muted {
    color: var(--color-gray);
}




/* ==========================================================================
   @keyframes Animation Key Frames
   ========================================================================== */


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

    to {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}




@-webkit-keyframes regular-to-italic {
    0% {
        -webkit-transform: skewX(12deg);
        transform: skewX(12deg);
    }

    to {
        -webkit-transform: skewX(0);
        transform: skewX(0);
    }
}

@keyframes regular-to-italic {
    0% {
        -webkit-transform: skewX(12deg);
        transform: skewX(12deg);
    }

    to {
        -webkit-transform: skewX(0);
        transform: skewX(0);
    }
}

@-webkit-keyframes italic-to-regular {
    0% {
        -webkit-transform: skewX(-12deg);
        transform: skewX(-12deg);
    }

    to {
        -webkit-transform: skewX(0);
        transform: skewX(0);
    }
}

@keyframes italic-to-regular {
    0% {
        -webkit-transform: skewX(-12deg);
        transform: skewX(-12deg);
    }

    to {
        -webkit-transform: skewX(0);
        transform: skewX(0);
    }
}

@-webkit-keyframes regular-to-italic-ibm {
    0% {
        -webkit-transform: skewX(9deg);
        transform: skewX(9deg);
    }

    to {
        -webkit-transform: skewX(0);
        transform: skewX(0);
    }
}

@keyframes regular-to-italic-ibm {
    0% {
        -webkit-transform: skewX(9deg);
        transform: skewX(9deg);
    }

    to {
        -webkit-transform: skewX(0);
        transform: skewX(0);
    }
}

@-webkit-keyframes italic-to-regular-ibm {
    0% {
        -webkit-transform: skewX(-9deg);
        transform: skewX(-9deg);
    }

    to {
        -webkit-transform: skewX(0);
        transform: skewX(0);
    }
}

@keyframes italic-to-regular-ibm {
    0% {
        -webkit-transform: skewX(-9deg);
        transform: skewX(-9deg);
    }

    to {
        -webkit-transform: skewX(0);
        transform: skewX(0);
    }
}
/* 
    @vars 
    CSS Variables
*/

:root {
    --true-vh: 1vh;

    /* Colors */

/* 
    1. 
    black bg
    white txt
*/    

/*     
    --pg-bg-color: #121112;
    --pg-tx-color: #F5F5EF;
 */



/* 
    Background: Off-white
    Text: Off-black;
 */


/*     
--pg-bg-color:#F7F7F7;
    --pg-tx-color:#222222;
    --pg-accent1-color:#E03D3D; 
    */


    /* Klim Söhne Leicht */
    --font-soehne-leicht: "SoehneLeicht", Arial,Helvetica Neue,Helvetica,sans-serif;

    /* Klim Söhne Buch*/
    --font-soehne-buch: "SoehneBuch", Arial,Helvetica Neue,Helvetica,sans-serif;

    /* Klim Söhne Kräftig*/
    --font-soehne-kraftig: "SoehnKraftig", Arial,Helvetica Neue,Helvetica,sans-serif;
    /* Klim Söhne Halbfett*/
    --font-soehne-halbfett: "SoehneHalbfett", Arial,Helvetica Neue,Helvetica,sans-serif;

    --header-font-family:var(--font-soehne-halbfett);
    --body-font-family:var(--font-soehne-leicht);

    --color-orange:#FF4801;
    --color-blue:#0F3EB5;
    --color-dark-blue:#021640; /* #0316a1 */
    --color-yellow:#f0ce45;
    --color-gray: #898989;
/*     --hero-bg-color:var(--color-orange); */

}


:root {
  --space-base: 0.26rem;
  --space-ratio: 2.5;
  --space-px: 1px;
  --space-xs: var(--space-base);
  --space-s: calc(var(--space-ratio) * var(--space-xs));
  --space-m: calc(var(--space-ratio) * var(--space-s));
  --space-l: calc(var(--space-ratio) * var(--space-m));
  --space-xl: calc(var(--space-ratio) * var(--space-l));
  --space-xxl: calc(var(--space-ratio) * var(--space-xl));
}



/* 
@PAGE STYLES
====================================================================================================== 
*/


.page--main {
    font-family: var(--body-font-family);
    background:  var(--pg-bg-color);
    color: var(--pg-tx-color);
}

.page--main,.page--main main {
    overflow-x: hidden;
}


.page--theme-dark {
    --pg-bg-color: #121112;
    --pg-tx-color: #F5F5EF;
    --pg-accent1-color:#E03D3D;
    --hero-bg-color:var(--pg-bg-color);
    --hero-txt-color:var(--pg-tx-color);
    
}

.page--theme-light {
    --pg-bg-color:#F7F7F7;
    --pg-tx-color:#222222;
    --pg-accent1-color:#E03D3D;
    --hero-txt-color:var(--pg-tx-color); 
    --hero-bg-color:var(--pg-bg);
/*     --hero-txt-color:#F5F5EF;     */
}

/* .page--theme-yellow {
    --pg-bg-color:#FFAE08;
    --pg-tx-color:#222222;
    --pg-accent1-color:#E03D3D; 
}


.page--theme-orange-bg {
    --pg-bg-color:var(--color-orange);
    --pg-tx-color:#222222;
    --pg-accent1-color:#FFAE08; 
}
 */


.page--theme-light--hero-blue {
    --pg-bg-color:#F7F7F7;
    --pg-tx-color:#222222;
    --pg-accent1-color:#E03D3D; 
    --hero-bg-color:var(--color-blue);
    --hero-txt-color:#F5F5EF;
}

.page--theme-light--hero-orange {
    --pg-bg-color:#F7F7F7;
    --pg-tx-color:#222222;
    --pg-accent1-color:#E03D3D; 
    --hero-bg-color:var(--color-orange);
    --hero-txt-color:#F5F5EF;
}


.page--theme-light--hero-red {
    --pg-bg-color:#F7F7F7;
    --pg-tx-color:#222222;
    --pg-accent1-color:#E03D3D; 
    --hero-bg-color:#ea3329;
    --hero-txt-color:#F5F5EF;
}



.page--theme-light--hero-dark-blue {
    --pg-bg-color:#F7F7F7;
    --pg-tx-color:#222222;
    --pg-accent1-color:#E03D3D; 
    --hero-bg-color:var(--color-dark-blue);
    --hero-txt-color:#f1f0e9;
}


.page--theme-light--hero-black {
    --pg-bg-color:#F7F7F7;
    --pg-tx-color:#222222;
    --pg-accent1-color:#E03D3D; 
    --hero-bg-color:#070707;
    --hero-txt-color:#f1f0e9;
}


.page--theme-light--hero-grass {
    --pg-bg-color:#F7F7F7;
    --pg-tx-color:#222222;
    --pg-accent1-color:#E03D3D; 
    --hero-bg-color:#00D966;
    --hero-txt-color:#042D16;
}


.page--theme-light--hero-purple {
    --pg-bg-color:#F7F7F7;
    --pg-tx-color:#222222;
    --pg-accent1-color:#E03D3D; 
    --hero-bg-color:#00D966;
    --hero-txt-color:#FFF;
}



.page--theme header,
body:not(.is-scrolled).page--theme header .header__nav__toggler {
    color:var(--hero-txt-color);
}

body:not(.is-scrolled).page--theme .header .header__nav {
    border-color: var(--hero-txt-color);
}


body.is-scrolled.page--theme header,
body.page--theme header.is-expanded {
    color:var(--pg-tx-color);
}


.color-dark-purple {
    color:  currentcolor; 
}




.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex.wrap-no {
  flex-wrap: nowrap;
}
.flex > div,
.flex > a,
.flex > .button,
.flex > .input {
  display: block;
  flex-grow: 1;
}

.flex .flex {
  display: flex;
}

.flex.column {
  flex-direction: column;
}

.flex > .span-twothird,
.flex > .span-half,
.flex > .span-third,
.flex > .span-quarter,
.flex > .span-fifth,
.flex > .span-media,
.flex > .span-auto {
  flex-grow: 0;
  flex-shrink: 0;
}
.flex > .span-full {
  flex-basis: 100%;
}
.flex > .span-twothird {
  flex-basis: 66.6666%;
}
.flex > .span-half {
  flex-basis: 50%;
}
.flex > .span-third {
  flex-basis: 33.3333%;
}
.flex > .span-quarter {
  flex-basis: 25%;
}
.flex > .span-fifth {
  flex-basis: 20%;
}
.flex > .span-auto {
  flex: 0 0 auto;
}

.flex.gap_xs {
  margin-left: calc(-1 * var(--gap-space, var(--space-xs)));
  margin-bottom: calc(-1 * var(--gap-space, var(--space-xs)));
}
.flex.gap_xs > * {
  padding-left: var(--gap-space, var(--space-xs));
  padding-bottom: var(--gap-space, var(--space-xs));
}

.flex.gap-h_xs {
  margin-left: calc(-1 * var(--gap-space, var(--space-xs))) !important;
}
.flex.gap-h_xs > * {
  padding-left: var(--gap-space, var(--space-xs)) !important;
}

.flex.gap_s {
  margin-left: calc(-1 * var(--gap-space, var(--space-s)));
  margin-bottom: calc(-1 * var(--gap-space, var(--space-s)));
}
.flex.gap_s > * {
  padding-left: var(--gap-space, var(--space-s));
  padding-bottom: var(--gap-space, var(--space-s));
}

.flex.gap-h_s {
  margin-left: calc(-1 * var(--gap-space, var(--space-s))) !important;
}
.flex.gap-h_s > * {
  padding-left: var(--gap-space, var(--space-s)) !important;
}

.flex.gap_m {
  margin-left: calc(-1 * var(--gap-space, var(--space-m)));
  margin-bottom: calc(-1 * var(--gap-space, var(--space-m)));
}
.flex.gap_m > * {
  padding-left: var(--gap-space, var(--space-m));
  padding-bottom: var(--gap-space, var(--space-m));
}

.flex.gap-h_m {
  margin-left: calc(-1 * var(--gap-space, var(--space-m))) !important;
}
.flex.gap-h_m > * {
  padding-left: var(--gap-space, var(--space-m)) !important;
}

.flex.gap_l {
  margin-left: calc(-1 * var(--gap-space, var(--space-l)));
  margin-bottom: calc(-1 * var(--gap-space, var(--space-l)));
}
.flex.gap_l > * {
  padding-left: var(--gap-space, var(--space-l));
  padding-bottom: var(--gap-space, var(--space-l));
}

.flex.gap-h_l {
  margin-left: calc(-1 * var(--gap-space, var(--space-l))) !important;
}
.flex.gap-h_l > * {
  padding-left: var(--gap-space, var(--space-l)) !important;
}

.flex.gap_xl {
  margin-left: calc(-1 * var(--gap-space, var(--space-xl)));
  margin-bottom: calc(-1 * var(--gap-space, var(--space-xl)));
}
.flex.gap_xl > * {
  padding-left: var(--gap-space, var(--space-xl));
  padding-bottom: var(--gap-space, var(--space-xl));
}

.flex.gap-h_xl {
  margin-left: calc(-1 * var(--gap-space, var(--space-xl))) !important;
}
.flex.gap-h_xl > * {
  padding-left: var(--gap-space, var(--space-xl)) !important;
}

@media (max-width:800px) {
  .flex.collapse-t {
    display: block;
  }
  .flex.collapse-t.gap-no .input {
    width: 100%;
  }
  .flex.collapse-t.gap-no > * {
    margin-left: 0;
  }

  .flex .collapse-t {
    flex-basis: 100% !important;
  }

  .flex > .span-half-t {
    flex-basis: 50% !important;
  }

  .flex > .span-full-t {
    flex-basis: 100% !important;
  }
}
@media (max-width:400px) {
  .flex.collapse-p {
    display: block;
  }

  .flex .collapse-p {
    flex-basis: 100% !important;
  }

  .flex > .span-half-p {
    flex-basis: 50% !important;
  }

  .flex > .span-full-p {
    flex-basis: 100% !important;
  }
}
.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-center {
  align-content: center;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.items-stretch {
  align-items: stretch;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.self-end {
  align-self: flex-end;
}

.ma-auto {
  margin: auto;
}

.ma-v-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.ma-h-auto {
  margin-left: auto;
  margin-right: auto;
}

.ma-t-auto {
  margin-top: auto !important;
}

.ma-r-auto {
  margin-right: auto !important;
}

.ma-b-auto {
  margin-bottom: auto !important;
}

.ma-l-auto {
  margin-left: auto !important;
}

.flex-columns:not(.break-inside) > * {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.flex-columns:not(.article) > *:not(:first-child) {
  margin-top: var(--gap-space, 0);
}
.flex-columns .span-all {
  column-span: all;
}

.flex-columns {
  column-count: 2;
}
.flex-columns.cols-3 {
  column-count: 3;
}
.flex-columns.cols-4 {
  column-count: 4;
}
.flex-columns.cols-5 {
  column-count: 5;
}
.flex-columns.cols-6 {
  column-count: 6;
}
.flex-columns.cols-7 {
  column-count: 7;
}
.flex-columns.cols-8 {
  column-count: 8;
}
.flex-columns.cols-9 {
  column-count: 9;
}
.flex-columns.cols-10 {
  column-count: 10;
}

@media (max-width:800px) {
  .flex-columns.cols-2-t {
    column-count: 2;
  }

  .flex-columns.cols-3-t {
    column-count: 3;
  }

  .flex-columns.cols-4-t {
    column-count: 4;
  }

  .flex-columns.cols-5-t {
    column-count: 5;
  }

  .flex-columns.cols-6-t {
    column-count: 6;
  }

  /* Hello. You there? */
  .flex-columns.collapse-t {
    column-count: 1 !important;
  }
}
@media (max-width:400px) {
  .flex-columns.cols-2-p {
    column-count: 2;
  }

  .flex-columns.cols-3-p {
    column-count: 3;
  }

  .flex-columns.cols-4-p {
    column-count: 4;
  }

  .flex-columns.cols-5-p {
    column-count: 5;
  }

  .flex-columns.cols-6-p {
    column-count: 6;
  }

  .flex-columns.collapse-p {
    column-count: 1 !important;
  }
}
.flex-columns {
  column-gap: var(--gap-size, 0);
}
.flex-columns.gap-no {
  margin-left: 1px;
}
.flex-columns.gap-no > * {
  margin-left: -1px;
  margin-bottom: -1px;
}
.flex-columns.gap_px, .flex-columns.gap-h_px {
  column-gap: var(--space-px);
}
.flex-columns.gap_xs, .flex-columns.gap-h_xs {
  column-gap: var(--space-xs);
}
.flex-columns.gap_s, .flex-columns.gap-h_s {
  column-gap: var(--space-s);
}
.flex-columns.gap_m, .flex-columns.gap-h_m {
  column-gap: var(--space-m);
}
.flex-columns.gap_l, .flex-columns.gap-h_l {
  column-gap: var(--space-l);
}
.flex-columns.gap_xl, .flex-columns.gap-h_xl {
  column-gap: var(--space-xl);
}

.flex-columns.gap-bo_px {
  column-rule: var(--space-px) solid;
}
.flex-columns.gap-bo_xs {
  column-rule: var(--space-xs) solid;
}
.flex-columns.gap-bo_s {
  column-rule: var(--space-s) solid;
}

.gap-no > * {
  margin-bottom: calc(-1 * var(--space-px));
}
.gap-no > .gap-no {
  margin-bottom: 0;
}

.grid.gap-no, .grid-auto.gap-no {
  --gap-space: 0px;
  margin-left: var(--space-px);
}
.grid.gap-no > *, .grid-auto.gap-no > * {
  margin-left: calc(-1 * var(--space-px));
}

.flex.gap-no {
  margin-left: var(--space-px);
  margin-bottom: 0;
}
.flex.gap-no > * {
  margin-left: calc(-1 * var(--space-px));
}
.flex.gap-no > .span-twothird {
  flex-basis: calc(66.6666% + var(--space-px));
}
.flex.gap-no > .span-half {
  flex-basis: calc(50% + var(--space-px));
}
.flex.gap-no > .span-third {
  flex-basis: calc(33.3333% + var(--space-px));
}
.flex.gap-no > .span-quarter {
  flex-basis: calc(25% + var(--space-px));
}
.flex.gap-no > .span-fifth {
  flex-basis: calc(20% + var(--space-px));
}

.gap_xs:not(.flex-columns.no-inner-gap):not(.grid):not(.grid-auto):not(.flex) > *:not(:first-child) {
  margin-top: var(--space-xs);
}

.gap_s:not(.flex-columns.no-inner-gap):not(.grid):not(.grid-auto):not(.flex) > *:not(:first-child) {
  margin-top: var(--space-s);
}

.gap_m:not(.flex-columns.no-inner-gap):not(.grid):not(.grid-auto):not(.flex) > *:not(:first-child) {
  margin-top: var(--space-m);
}

.gap_l:not(.flex-columns.no-inner-gap):not(.grid):not(.grid-auto):not(.flex) > *:not(:first-child) {
  margin-top: var(--space-l);
}

.gap-custom:not(.flex-columns.no-inner-gap):not(.grid):not(.grid-auto):not(.flex) > *:not(:first-child) {
  margin-top: var(--gap-size);
}


/* https://carlanderson.xyz/how-to-keep-your-flexbox-square/ */
.square-flex > .box {
  flex: 1 0 auto;
  height: auto;
}

.square-flex > .box:before {
    content: '';
    display: block;
    padding-top: 100%;  
}
.square-flex > .box > * {
  position: absolute;
}






.ma-t_px {
  margin-top: var(--space-px);
}

.ma-t_px- {
  margin-top: calc(-1 * var(--space-px));
}

.ma-r_px {
  margin-right: var(--space-px);
}

.ma-r_px- {
  margin-right: calc(-1 * var(--space-px));
}

.ma-b_px {
  margin-bottom: var(--space-px);
}

.ma-b_px- {
  margin-bottom: calc(-1 * var(--space-px));
}

.ma-l_px {
  margin-left: var(--space-px);
}

.ma-l_px- {
  margin-left: calc(-1 * var(--space-px));
}

.ma-v_px {
  margin-top: var(--space-px);
  margin-bottom: var(--space-px);
}

.ma-v_px- {
  margin-top: calc(-1 * var(--space-px));
  margin-bottom: calc(-1 * var(--space-px));
}

.ma-h_px {
  margin-left: var(--space-px);
  margin-right: var(--space-px);
}

.ma-h_px- {
  margin-left: calc(-1 * var(--space-px));
  margin-right: calc(-1 * var(--space-px));
}

.ma-t_xs {
  margin-top: var(--space-xs);
}

.ma-t_xs- {
  margin-top: calc(-1 * var(--space-xs));
}

.ma-r_xs {
  margin-right: var(--space-xs);
}

.ma-r_xs- {
  margin-right: calc(-1 * var(--space-xs));
}

.ma-b_xs {
  margin-bottom: var(--space-xs);
}

.ma-b_xs- {
  margin-bottom: calc(-1 * var(--space-xs));
}

.ma-l_xs {
  margin-left: var(--space-xs);
}

.ma-l_xs- {
  margin-left: calc(-1 * var(--space-xs));
}

.ma-v_xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs);
}

.ma-v_xs- {
  margin-top: calc(-1 * var(--space-xs));
  margin-bottom: calc(-1 * var(--space-xs));
}

.ma-h_xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs);
}

.ma-h_xs- {
  margin-left: calc(-1 * var(--space-xs));
  margin-right: calc(-1 * var(--space-xs));
}

.ma-t_s {
  margin-top: var(--space-s);
}

.ma-t_s- {
  margin-top: calc(-1 * var(--space-s));
}

.ma-r_s {
  margin-right: var(--space-s);
}

.ma-r_s- {
  margin-right: calc(-1 * var(--space-s));
}

.ma-b_s {
  margin-bottom: var(--space-s);
}

.ma-b_s- {
  margin-bottom: calc(-1 * var(--space-s));
}

.ma-l_s {
  margin-left: var(--space-s);
}

.ma-l_s- {
  margin-left: calc(-1 * var(--space-s));
}

.ma-v_s {
  margin-top: var(--space-s);
  margin-bottom: var(--space-s);
}

.ma-v_s- {
  margin-top: calc(-1 * var(--space-s));
  margin-bottom: calc(-1 * var(--space-s));
}

.ma-h_s {
  margin-left: var(--space-s);
  margin-right: var(--space-s);
}

.ma-h_s- {
  margin-left: calc(-1 * var(--space-s));
  margin-right: calc(-1 * var(--space-s));
}

.ma-t_m {
  margin-top: var(--space-m);
}

.ma-t_m- {
  margin-top: calc(-1 * var(--space-m));
}

.ma-r_m {
  margin-right: var(--space-m);
}

.ma-r_m- {
  margin-right: calc(-1 * var(--space-m));
}

.ma-b_m {
  margin-bottom: var(--space-m);
}

.ma-b_m- {
  margin-bottom: calc(-1 * var(--space-m));
}

.ma-l_m {
  margin-left: var(--space-m);
}

.ma-l_m- {
  margin-left: calc(-1 * var(--space-m));
}

.ma-v_m {
  margin-top: var(--space-m);
  margin-bottom: var(--space-m);
}

.ma-v_m- {
  margin-top: calc(-1 * var(--space-m));
  margin-bottom: calc(-1 * var(--space-m));
}

.ma-h_m {
  margin-left: var(--space-m);
  margin-right: var(--space-m);
}

.ma-h_m- {
  margin-left: calc(-1 * var(--space-m));
  margin-right: calc(-1 * var(--space-m));
}

.ma-t_l {
  margin-top: var(--space-l);
}

.ma-t_l- {
  margin-top: calc(-1 * var(--space-l));
}

.ma-r_l {
  margin-right: var(--space-l);
}

.ma-r_l- {
  margin-right: calc(-1 * var(--space-l));
}

.ma-b_l {
  margin-bottom: var(--space-l);
}

.ma-b_l- {
  margin-bottom: calc(-1 * var(--space-l));
}

.ma-l_l {
  margin-left: var(--space-l);
}

.ma-l_l- {
  margin-left: calc(-1 * var(--space-l));
}

.ma-v_l {
  margin-top: var(--space-l);
  margin-bottom: var(--space-l);
}

.ma-v_l- {
  margin-top: calc(-1 * var(--space-l));
  margin-bottom: calc(-1 * var(--space-l));
}

.ma-h_l {
  margin-left: var(--space-l);
  margin-right: var(--space-l);
}

.ma-h_l- {
  margin-left: calc(-1 * var(--space-l));
  margin-right: calc(-1 * var(--space-l));
}

.ma-t_xl {
  margin-top: var(--space-xl);
}

.ma-t_xl- {
  margin-top: calc(-1 * var(--space-xl));
}

.ma-r_xl {
  margin-right: var(--space-xl);
}

.ma-r_xl- {
  margin-right: calc(-1 * var(--space-xl));
}

.ma-b_xl {
  margin-bottom: var(--space-xl);
}

.ma-b_xl- {
  margin-bottom: calc(-1 * var(--space-xl));
}

.ma-l_xl {
  margin-left: var(--space-xl);
}

.ma-l_xl- {
  margin-left: calc(-1 * var(--space-xl));
}

.ma-v_xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}

.ma-v_xl- {
  margin-top: calc(-1 * var(--space-xl));
  margin-bottom: calc(-1 * var(--space-xl));
}

.ma-h_xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl);
}

.ma-h_xl- {
  margin-left: calc(-1 * var(--space-xl));
  margin-right: calc(-1 * var(--space-xl));
}

.ma-t_xxl {
  margin-top: var(--space-xxl);
}

.ma-t_xxl- {
  margin-top: calc(-1 * var(--space-xxl));
}

.ma-r_xxl {
  margin-right: var(--space-xxl);
}

.ma-r_xxl- {
  margin-right: calc(-1 * var(--space-xxl));
}

.ma-b_xxl {
  margin-bottom: var(--space-xxl);
}

.ma-b_xxl- {
  margin-bottom: calc(-1 * var(--space-xxl));
}

.ma-l_xxl {
  margin-left: var(--space-xxl);
}

.ma-l_xxl- {
  margin-left: calc(-1 * var(--space-xxl));
}

.ma-v_xxl {
  margin-top: var(--space-xxl);
  margin-bottom: var(--space-xxl);
}

.ma-v_xxl- {
  margin-top: calc(-1 * var(--space-xxl));
  margin-bottom: calc(-1 * var(--space-xxl));
}

.ma-h_xxl {
  margin-left: var(--space-xxl);
  margin-right: var(--space-xxl);
}

.ma-h_xxl- {
  margin-left: calc(-1 * var(--space-xxl));
  margin-right: calc(-1 * var(--space-xxl));
}

.ma-no {
  margin: 0;
}


.ma-lr_auto {
  margin-left:auto;
  margin-right:auto;
}



/* PADDING
==================================== */





.pa_px {
  padding-top: var(--space-px);
  padding-bottom: var(--space-px);
  padding-left: var(--space-px);
  padding-right: var(--space-px);
}

.pa-v_px {
  padding-top: var(--space-px);
  padding-bottom: var(--space-px);
}

.pa-h_px {
  padding-left: var(--space-px);
  padding-right: var(--space-px);
}

.pa-t_px {
  padding-top: var(--space-px);
}

.pa-r_px {
  padding-right: var(--space-px);
}

.pa-b_px {
  padding-bottom: var(--space-px);
}

.pa-l_px {
  padding-left: var(--space-px);
}

.pa_xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}

.pa-v_xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}

.pa-h_xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}

.pa-t_xs {
  padding-top: var(--space-xs);
}

.pa-r_xs {
  padding-right: var(--space-xs);
}

.pa-b_xs {
  padding-bottom: var(--space-xs);
}

.pa-l_xs {
  padding-left: var(--space-xs);
}

.pa_s {
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-left: var(--space-s);
  padding-right: var(--space-s);
}

.pa-v_s {
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
}

.pa-h_s {
  padding-left: var(--space-s);
  padding-right: var(--space-s);
}

.pa-t_s {
  padding-top: var(--space-s);
}

.pa-r_s {
  padding-right: var(--space-s);
}

.pa-b_s {
  padding-bottom: var(--space-s);
}

.pa-l_s {
  padding-left: var(--space-s);
}

.pa_m {
  padding-top: var(--space-m);
  padding-bottom: var(--space-m);
  padding-left: var(--space-m);
  padding-right: var(--space-m);
}

.pa-v_m {
  padding-top: var(--space-m);
  padding-bottom: var(--space-m);
}

.pa-h_m {
  padding-left: var(--space-m);
  padding-right: var(--space-m);
}

.pa-t_m {
  padding-top: var(--space-m);
}

.pa-r_m {
  padding-right: var(--space-m);
}

.pa-b_m {
  padding-bottom: var(--space-m);
}

.pa-l_m {
  padding-left: var(--space-m);
}

.pa_l {
  padding-top: var(--space-l);
  padding-bottom: var(--space-l);
  padding-left: var(--space-l);
  padding-right: var(--space-l);
}

.pa-v_l {
  padding-top: var(--space-l);
  padding-bottom: var(--space-l);
}

.pa-h_l {
  padding-left: var(--space-l);
  padding-right: var(--space-l);
}

.pa-t_l {
  padding-top: var(--space-l);
}

.pa-r_l {
  padding-right: var(--space-l);
}

.pa-b_l {
  padding-bottom: var(--space-l);
}

.pa-l_l {
  padding-left: var(--space-l);
}

.pa_xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}

.pa-v_xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.pa-h_xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}

.pa-t_xl {
  padding-top: var(--space-xl);
}

.pa-r_xl {
  padding-right: var(--space-xl);
}

.pa-b_xl {
  padding-bottom: var(--space-xl);
}

.pa-l_xl {
  padding-left: var(--space-xl);
}

.pa-no {
  padding: 0 !important;
}



.ra_xs {
  border-radius: var(--space-xs);
}


.ra_s {
  border-radius: var(--space-s);
}






/* ==========================================================================
   @headernav Header Nav
   ========================================================================== */

.header {
    color: var(--pg-tx-color);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: color .3s,background .2s,-webkit-transform .3s cubic-bezier(.165,.84,.44,1);
    transition: color .3s,background .2s,-webkit-transform .3s cubic-bezier(.165,.84,.44,1);
    transition: color .3s,background .2s,transform .3s cubic-bezier(.165,.84,.44,1);
    transition: color .2s,background .2s,transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1);
    z-index: 11;
/*     Changed from .3 and .5s respectfully */
/*      background: var(--hero-bg-color); */
}

.header.is-expanded,
.header.is-subheader-expanded,
.header.is-subheader-expanded-sidenav,
body.is-scrolled .header {
    background: var(--pg-bg-color);
}

body.is-scrolled .header.is-hidden {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: color .3s,background .2s,-webkit-transform .3s cubic-bezier(.55,.085,.68,.53);
    transition: color .3s,background .2s,-webkit-transform .3s cubic-bezier(.55,.085,.68,.53);
    transition: color .3s,background .2s,transform .3s cubic-bezier(.55,.085,.68,.53);
    transition: color .2s,background .2s,transform .3s cubic-bezier(.55,.085,.68,.53),-webkit-transform .3s cubic-bezier(.55,.085,.68,.53);
}

.header__logo {
    display: block;
    fill: #121112;
    height: 40px;
    -webkit-transition: fill .3s;
    transition: fill .3s;
    
}

@media only screen and (max-width:768px) {
    .header__logo {
        height: 40px;
    }
}


/* Mobile Nav */

@media only screen and (max-width:768px) {
    .header:not(.is-expanded) .header__nav__list {
        max-height: 0!important;
    }

    .header:not(.is-expanded) .header__nav__list a {
        -webkit-transition: visibility 1ms 1s;
        transition: visibility 1ms 1s;
        visibility: hidden;
    }

    .header:not(.is-expanded) .header__nav__toggler__close {
        display: none;
    }

    .header.is-expanded .header__nav__list {
        background: var(--pg-bg-color);
    }

    .header.is-expanded .header__nav__list__item {
        opacity: 1;
    }

    .header.is-expanded .header__nav__toggler__open {
        display: none;
    }

    .header.is-expanded .header__nav__toggler__close {
        display: block;
    }

}

.header .header__nav {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--pg-tx-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: none;
    padding-top: 3px;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
}

@media only screen and (max-width:1024px) {
    .header .header__nav {
        width: 86.66667%;
    }
}

@media only screen and (max-width:768px) {
    .header .header__nav {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
}

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

@media only screen and (max-width:768px) {
    .header .header__nav__list {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        background: var(--pg-bg-color);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: calc(100vh - 80px);
        left: 0;
        overflow: hidden;
        padding: 0 20px;
        position: absolute;
        right: 0;
        top: 80px;
        -webkit-transition: background .3s,max-height 1s cubic-bezier(.19,1,.22,1);
        transition: background .3s,max-height 1s cubic-bezier(.19,1,.22,1);
        z-index: 1;
    }
}

.header .header__nav__list__item a {
    text-decoration: none;
}



.header .header__nav__list__item:not(:last-child) {
    margin-right: 50px;
}

@media only screen and (max-width:1024px) {
    .header .header__nav__list__item:not(:last-child) {
        margin-right: 40px;
    }
}

@media only screen and (max-width:768px) {
    .header .header__nav__list__item:not(:last-child) {
        margin-right: 0;
    }
}

@media only screen and (max-width:768px) {
    .header .header__nav__list__item {
        font-family: var(--header-font-family);
        -webkit-font-feature-settings: "ss01" off,"liga" off;
        font-feature-settings: "ss01" off,"liga" off;
        font-size: 40px;
        line-height: 48px;
        margin-top: 40px;
        opacity: 0;
        -webkit-transition: opacity 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1ms cubic-bezier(.19,1,.22,1) 1s;
        transition: opacity 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1ms cubic-bezier(.19,1,.22,1) 1s;
        transition: transform 1ms cubic-bezier(.19,1,.22,1) 1s,opacity 1s cubic-bezier(.19,1,.22,1);
        transition: transform 1ms cubic-bezier(.19,1,.22,1) 1s,opacity 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1ms cubic-bezier(.19,1,.22,1) 1s;
    }
}

@media only screen and (max-width:768px) and (max-width:1024px) {
    .header .header__nav__list__item {
        font-size: 38px;
        line-height: 41px;
    }
}

@media only screen and (max-width:768px) and (max-width:768px) {
    .header .header__nav__list__item {
        font-size: 34px;
        line-height: 41px;
    }
}

.header .header__nav__list__link {
    display: inline-block;
}

.header .header__nav__toggler {
    background-color: transparent;
    border: 0;
    color: var(--pg-tx-color);
    padding: 0;
    -webkit-transition: color .3s;
    transition: color .3s;
}

@media only screen and (min-width:769px) {
    .header .header__nav__toggler {
        display: none;
    }
}

.header .header__nav__toggler__close {
    padding-right: 20px;
    position: relative;
}

.header .header__nav__toggler__close span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 13px;
}

.header .header__nav__toggler__close span:after,.header .header__nav__toggler__close span:before {
    background: var(--pg-tx-color);
    content: "";
    height: 13px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transition: background .3s;
    transition: background .3s;
    width: 1px;
}

.header .header__nav__toggler__close span:after {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}
/* ==========================================================================
   @footer Footer
   ========================================================================== */



.footer {
    color: var(--pg-tx-color);
    padding-bottom: 80px;
    display: block;
}

.footer .footer__wrapper {
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
}

.footer.entered-once .footer__wrapper {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.footer:before {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    border-top: 1px solid var(--pg-tx-color);
    content: "";
    display: block;
    max-width: none;
}

@media only screen and (max-width:1024px) {
    .footer:before {
        width: 86.66667%;
    }
}

@media only screen and (max-width:768px) {
    .footer:before {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
}

.page--current .footer:not(.footer--light) {
    background-color: #121112;
}

.footer--light {
    background-color: #fff;
    color: #121112;
}

.footer--light:before {
    border-color: #121112;
}

.footer--light .footer__newsletter {
    border-bottom-color: #121112;
    border-top-color: #121112;
}

.footer--light .footer__socials__icon {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

.footer--light .footer__newsletter__checkbox-label {
    border-color: rgba(18,17,18,.65);
}

.footer--light .footer__newsletter__submit {
    border-left-color: #121112;
}

.footer--light .footer__newsletter__submit:disabled {
    color: rgba(18,17,18,.3);
}

@media only screen and (max-width:1024px) {
    .footer {
        padding-bottom: 56px;
    }
}

@media only screen and (max-width:768px) {
    .footer {
        margin: auto;
        padding-bottom: 30px;
    }
}

.footer__newsletter {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    border-bottom: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: none;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .footer__newsletter {
        width: 86.66667%;
    }
}

@media only screen and (max-width:768px) {
    .footer__newsletter {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
}

.footer__newsletter:not(.is-activated) .footer__newsletter__input {
    width: 100%;
}

.footer__newsletter:not(.is-activated) .footer__newsletter__consent,.footer__newsletter:not(.is-activated) .footer__newsletter__submit {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

.footer.entered-once .footer__newsletter {
    -webkit-transition: opacity .5s linear,margin .5s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,margin .5s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),margin .5s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),margin .5s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
}

.footer__newsletter.is-activated {
    margin-bottom: 80px;
}

@media only screen and (max-width:768px) {
    .footer__newsletter.is-activated {
        margin-bottom: 130px;
    }
}

.footer__newsletter.is-activated .footer__newsletter__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
}

.footer__newsletter.is-failed .footer__newsletter__result,.footer__newsletter.is-successful .footer__newsletter__result {
    opacity: .7;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    visibility: visible;
}

.footer__newsletter.is-failed .footer__newsletter__consent,.footer__newsletter.is-failed .footer__newsletter__input,.footer__newsletter.is-failed .footer__newsletter__submit,.footer__newsletter.is-successful .footer__newsletter__consent,.footer__newsletter.is-successful .footer__newsletter__input,.footer__newsletter.is-successful .footer__newsletter__submit {
    opacity: 0;
    -webkit-transition: opacity .5s,visibility 1ms .5s;
    transition: opacity .5s,visibility 1ms .5s;
    visibility: hidden;
}

.footer__newsletter.is-failed .footer__newsletter__result__failed,.footer__newsletter.is-failed .footer__newsletter__result__succeed,.footer__newsletter.is-successful .footer__newsletter__result__failed,.footer__newsletter.is-successful .footer__newsletter__result__succeed {
    -webkit-transition: none;
    transition: none;
}

.footer__newsletter.is-failed .footer__newsletter__result__failed,.footer__newsletter.is-successful .footer__newsletter__result__succeed {
    visibility: visible;
}

@media only screen and (max-width:1024px) {
    .footer__newsletter {
        margin: 0;
        width: 100%;
    }
}

.footer__newsletter__input {
    background-color: transparent;
    border: 0;
    color: currentColor;
    display: block;
    height: 94px;
    padding: 0 20px;
    text-align: center;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

@media only screen and (max-width:1024px) {
    .footer__newsletter__input {
        font-family: var(--header-font-family);
        -webkit-font-feature-settings: "ss01" on,"liga" off;
        font-feature-settings: "ss01" on,"liga" off;
        font-size: 28px;
        font-weight: 300;
        line-height: 34px;
        height: 82px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (max-width:1024px) and (max-width:1024px) {
    .footer__newsletter__input {
        font-size: 24px;
        line-height: 29px;
    }
}

@media only screen and (max-width:1024px) and (max-width:768px) {
    .footer__newsletter__input {
        font-size: 20px;
        line-height: 24px;
    }
}

.footer__newsletter__consent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px;
    position: absolute;
    top: calc(100% + 35px);
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    width: 100%;
    z-index: 1;
}

@media only screen and (max-width:1024px) {
    .footer__newsletter__consent {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.footer__newsletter__checkbox {
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 0;
}

.footer__newsletter__checkbox:checked+.footer__newsletter__checkbox-label svg {
    display: block;
}

.footer__newsletter__checkbox-label {
    border: 1px solid hsla(0,0%,100%,.65);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 29px;
    margin-right: 25px;
    position: relative;
    width: 29px;
}

@media only screen and (max-width:1024px) {
    .footer__newsletter__checkbox-label {
        height: 19px;
        margin-right: 13px;
        width: 19px;
    }
}

.footer__newsletter__checkbox-label svg {
    display: none;
    fill: currentColor;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 19px;
}

@media only screen and (max-width:1024px) {
    .footer__newsletter__checkbox-label svg {
        left: 2px;
        top: 2px;
        width: 14px;
    }
}

.footer__newsletter__submit {
    border-left: 1px solid #fff;
    display: block;
    font-family: 'CalibreMedium';
    font-size: 24px;
    font-weight: 300;
    height: 94px;
    text-align: center;
    -webkit-transition: color .3s,opacity .5s;
    transition: color .3s,opacity .5s;
    width: 94px;
}

@media only screen and (max-width:1024px) {
    .footer__newsletter__submit {
        height: 82px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 70px;
    }
}

.footer__newsletter__submit:disabled {
    color: hsla(0,0%,100%,.3);
}

.footer__newsletter__result {
    color: currentColor;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .5s,visibility 1ms .5s;
    transition: opacity .5s,visibility 1ms .5s;
    visibility: hidden;
    width: 100%;
}

.footer__newsletter__result__failed,.footer__newsletter__result__succeed {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 94px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: visibility 1ms .5s;
    transition: visibility 1ms .5s;
    visibility: hidden;
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .footer__newsletter__result__failed,.footer__newsletter__result__succeed {
        font-family: var(--header-font-family);
        -webkit-font-feature-settings: "ss01" on,"liga" off;
        font-feature-settings: "ss01" on,"liga" off;
        font-size: 28px;
        font-weight: 300;
        line-height: 34px;
        height: 82px;
    }
}

@media only screen and (max-width:1024px) and (max-width:1024px) {
    .footer__newsletter__result__failed,.footer__newsletter__result__succeed {
        font-size: 24px;
        line-height: 29px;
    }
}

@media only screen and (max-width:1024px) and (max-width:768px) {
    .footer__newsletter__result__failed,.footer__newsletter__result__succeed {
        font-size: 20px;
        line-height: 24px;
    }
}

.footer__wrapper {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 58px;
}

@media only screen and (max-width:1024px) {
    .footer__wrapper {
        width: 86.66667%;
    }
}

@media only screen and (max-width:768px) {
    .footer__wrapper {
        margin: 0 20px;
        width: calc(100% - 40px);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 28px 0 0;
        position: relative;
    }
}

.footer__nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

@media only screen and (max-width:768px) {
    .footer__nav {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.footer__nav__list {
    line-height: 24px;
}

.footer__nav__list:not(:last-child) {
    margin-right: 42px;
}

@media only screen and (max-width:1024px) {
    .footer__nav__list:not(:last-child) {
        margin-right: 28px;
    }
}

.footer__nav__list__item:hover a {
    opacity: .6;
    -webkit-transform: skewX(-12deg) translateZ(0);
    transform: skewX(-12deg) translateZ(0);
}

.footer__nav__list__item a {
    display: inline-block;
    text-decoration: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .15s ease,-webkit-transform .15s ease;
    transition: opacity .15s ease,-webkit-transform .15s ease;
    transition: transform .15s ease,opacity .15s ease;
    transition: transform .15s ease,opacity .15s ease,-webkit-transform .15s ease;
}

.footer__logo {
    margin-right: 55px;
}

.footer__logo svg {
    display: block;
    fill: currentColor;
    height: 55px;
    width: 55px;
}

@media only screen and (max-width:768px) {
    .footer__logo {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 32px;
        margin-right: 0;
        margin-top: 0;
    }
}

.footer__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media only screen and (max-width:768px) {
    .footer__socials {
        margin-top: 14px;
    }
}

.footer__socials__item:not(:last-child) {
    margin-right: 15px;
}

.footer__socials__icon {
    display: block;
    height: 30px;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease;
}

.footer__socials__icon:hover {
    opacity: .6;
}

.footer__copyright,.footer__legals {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-top: 37px;
}

@media only screen and (max-width:768px) {
    .footer__copyright,.footer__legals {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:768px) {
    .footer__copyright {
        margin-top: 63px;
    }
}

@media only screen and (min-width:769px) {
    .footer__legals {
        text-align: right;
    }
}

@media only screen and (max-width:768px) {
    .footer__legals {
        margin-top: 5px;
    }
}

.footer__legals a:hover {
    text-decoration: none;
}


/* ==========================================================================
   @@ Hero Section
   ========================================================================== */


.hero__container {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 80px 20px 88px 20px;
    position: relative;
    color:var(--hero-txt-color);

}


.hero__supertitle {
    width: 88.88889%;
    margin: 0 auto;
    top: 100px;
    position: relative;
    font-size: 1.5em;
}

/* Tablet */
@media only screen and (max-width:1024px) {
    .hero__container {
        width: 86.66667%;
    }
}

/* Phone and below */
@media only screen and (max-width:768px) {
    .hero__container {
        margin: 0 20px;
        width: calc(100% - 40px);
        padding: 80px 0 42px;
    }
    .hero:not(.hero--minimal) .hero__container {
        min-height: 50vh;  /* Smaller height */        
    }

}

.hero:after {
    background-color: #FFF;
    bottom: 0;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .hero__container {
        height: unset;
/*         padding: 0 0 92px; */
    }
}

@media only screen and (max-width:768px) {

}

.hero:not(.hero--minimal).hero--illustration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* .hero:not(.hero--minimal).hero--illustration .hero__container {
    padding:60px 0;
} */

@media only screen and (min-width:769px) {
    .hero:not(.hero--minimal) .hero__container {
    /*  min-height: 100vh; */
/*         min-height: 50vh;  /* Smaller height */
/*     max-height:80vh; */
        min-height:50vh;
    }
}

.hero:not(.is-touch) .hero__arrow:hover .hero__arrow__inner:first-child {
    -webkit-transform: none;
    transform: none;
}

.hero:not(.is-touch) .hero__arrow:hover .hero__arrow__inner:nth-child(2) {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}



/* @media only screen and (min-width:1025px) {
    .hero__title, .hero__cta {
        margin-left: 1rem;
    }
} */

@media only screen and (max-width:768px) {
    .hero__title, .hero__cta {
        width: 100%;
    }
}

.hero__title__word {
    display: inline-block;
    opacity: 0;
    -webkit-transform: skewX(-12deg) translateX(60px);
    transform: skewX(-12deg) translateX(60px);
}

.hero__subtitle {
    opacity: 0;
    -webkit-transform: translate(30px) skewX(-12deg);
    transform: translate(30px) skewX(-12deg);
    width: 39.13043%;
}

@media only screen and (min-width:1025px) {
    .hero__subtitle {
        margin-right: 4.34783%;
    }
}

@media only screen and (max-width:1024px) {
    .hero__subtitle {
        width: 53.84615%;
    }
}

@media only screen and (max-width:768px) {
    .hero__subtitle {
        width: 100%;
    }
}

.hero__arrow {
    bottom: 77px;
    font-family: 'CalibreMedium';
    font-size: 40px;
    left: 4.34783%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

@media only screen and (max-width:768px) {
    .hero__arrow {
        bottom: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 34px;
        left: auto;
        margin-top: 35px;
        position: relative;
    }
}

.hero__arrow__inner {
    display: inline-block;
    padding: 10px 0;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1);
}

@media only screen and (max-width:768px) {
    .hero__arrow__inner {
        padding: 0;
    }
}

.hero__arrow__inner:first-child {
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.hero--home.is-touch .hero__title {
    color: #fff;
    position: relative;
    z-index: 1;
}

.hero--home.is-touch .hero__title:before {
    background-color: #b9b9b9;
    border-radius: 50%;
    content: "";
    height: 328px;
    opacity: .2;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(17%,-37%);
    transform: translate(17%,-37%);
    width: 328px;
    z-index: -1;
}



.hero--home:not(.is-touch).words-animation-ended .hero__title {
    color: hsla(0,0%,100%,.08);
    -webkit-transition: color .7s cubic-bezier(.19,1,.22,1);
    transition: color .7s cubic-bezier(.19,1,.22,1);
}

.hero--home .hero__container {
/*     padding-top: 250px; */
/*     padding-top:min(15vh, 250px); */
/* Moved this sppacing to the .hero__title */
}

@media only screen and (max-width:1024px) {
/*     .hero--home .hero__container {
        padding-top: 150px;
    } */
}



.hero__cta {
    width: 43%;    
}


.fs-lead {
    font-size: 26px;
    line-height:32px;
}

.hero--home .hero__title {
    margin-top:80px;
    margin-bottom: 80px;
    width: 78.26087%;
    font-family: var(--header-font-family);
    font-size:min(4.8vw, 80px);
    line-height: min(5.5vw, 85px);    
}

@media only screen and (max-width:1024px) {
    .hero__cta {width:80%;}
    .hero--home .hero__title {
        line-height: 100%;
        margin-bottom: 120px;
        width: 69.23077%;
    }
}

@media only screen and (max-width:768px) {
    .hero__cta {width:100%;}
    .hero--home .hero__title {
        margin-top:50px;
        margin-bottom: 105px;
        width: 100%;
        font-size:min(10vw, 150px);
        line-height: min(11vw, 105px);         
    }

    .fs-lead {
        font-size: 21px;
        line-height:28px;
    }

}

.hero--home .hero__subtitle {
    margin-left: auto;
    margin-top: auto;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:1024px) {
    .hero--home .hero__subtitle {
        margin-right: 0;
    }
}



.hero.hero--home {
    background-color: var(--hero-bg-color);
}

.hero--home .hero__subtitle {
    font-size:min(4.8vw, 1.7em);
    line-height: min(4.8vw, 1.2em);
}

/* Removes the media query here, now that there is relative font sizing above */

/* @media only screen and (max-width:1024px) {
    .hero--home .hero__title {
        font-size: 66px;
        line-height: 66px;
    }
} */

/* @media only screen and (max-width:768px) {
    .hero--home .hero__title {
        font-size: 46px;
        line-height: 46px;
    }
}
 */


.hero .hero__title {
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
}

.hero.entered-once .hero__title {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.hero .hero__container:after {
    opacity: 0;
}

.hero.entered-once .hero__container:after {
    -webkit-transition: opacity 2s cubic-bezier(.23,1,.32,1),opacity .5s linear;
    transition: opacity 2s cubic-bezier(.23,1,.32,1),opacity .5s linear;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    opacity: 1;
}

.hero.is-last-section .hero__container {
    border-bottom: 0;
}

.hero.entered-once .hero__arrow,.hero.entered-once .hero__subtitle,.hero.entered-once .hero__title__word {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .5s linear,-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
    transition: opacity .5s linear,-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
    transition: transform 1s cubic-bezier(.165,.84,.44,1),opacity .5s linear;
    transition: transform 1s cubic-bezier(.165,.84,.44,1),opacity .5s linear,-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
}

.hero.entered-once .hero__title__word:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.hero.entered-once .hero__title__word:nth-child(2) {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}

.hero.entered-once .hero__title__word:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.hero.entered-once .hero__title__word:nth-child(4) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}

.hero.entered-once .hero__title__word:nth-child(5) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.hero.entered-once .hero__title__word:nth-child(6) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}

.hero.entered-once .hero__title__word:nth-child(7) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.hero.entered-once .hero__title__word:nth-child(8) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s;
}

.hero.entered-once .hero__title__word:nth-child(9) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.hero.entered-once .hero__title__word:nth-child(10) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
}

.hero.entered-once .hero__title__word:nth-child(11) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.hero.entered-once .hero__title__word:nth-child(12) {
    -webkit-transition-delay: .55s;
    transition-delay: .55s;
}

.hero.entered-once .hero__title__word:nth-child(13) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.hero.entered-once .hero__title__word:nth-child(14) {
    -webkit-transition-delay: .65s;
    transition-delay: .65s;
}

.hero.entered-once .hero__title__word:nth-child(15) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.hero.entered-once .hero__title__word:nth-child(16) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s;
}

.hero.entered-once .hero__title__word:nth-child(17) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.hero.entered-once .hero__title__word:nth-child(18) {
    -webkit-transition-delay: .85s;
    transition-delay: .85s;
}

.hero.entered-once .hero__title__word:nth-child(19) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.hero.entered-once .hero__title__word:nth-child(20) {
    -webkit-transition-delay: .95s;
    transition-delay: .95s;
}

.hero.entered-once .hero__title__word:nth-child(21) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.hero.entered-once .hero__subtitle {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.hero.entered-once .hero__arrow {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}


.hero--illustration {
    overflow: hidden;
    position: relative;
}

.hero--illustration .hero__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
}

@media only screen and (max-width:1024px) {
    .hero--illustration .hero__container {
        padding: 30px 0 170px;
    }
}

@media only screen and (max-width:768px) {
    .hero--illustration .hero__container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 70px 0 55px;
    }
}

.hero--illustration .hero__title {
    margin-bottom: 30px;
/*     width: 52.17391%; */
}

@media only screen and (max-width:1024px) {
    .hero--illustration .hero__title {
        margin-bottom: 20px;
        width: 76.92308%;
    }
}

@media only screen and (max-width:768px) {
    .hero--illustration .hero__title {
        width: 100%;
    }
}

@media only screen and (min-width:1025px) {
    .hero--illustration .hero__subtitle {
/*         margin-left: 4.34783%; */
        margin-right: 0;
    }
}

@media only screen and (max-width:1024px) {
    .hero--illustration .hero__subtitle {
        width: 61.53846%;
    }
}

@media only screen and (max-width:768px) {
    .hero--illustration .hero__subtitle {
        width: 100%;
    }
}

.hero--illustration .hero__arrow {
    bottom: 27px;
    left: 30px;
}

@media only screen and (max-width:1024px) {
    .hero--illustration .hero__arrow {
        bottom: 50px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width:768px) {
    .hero--illustration .hero__arrow {
        margin-top: 100px;
    }
}

.hero--illustration .hero__illo {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
}

@media only screen and (max-width:768px) {
/*     .hero--illustration .hero__illo {
        bottom: 27%;
        height: 444.85714vw;
        left: 71%;
        max-height: 2314.28571px;
        max-width: 1800px;
        position: absolute;
        right: 0;
        -webkit-transform: translate(-65%,20%);
        transform: translate(-65%,20%);
        width: 346vw;
    } */
}

.hero--illustration .hero__illo__svg {
    bottom: 0;
    top:0;
    left: 0;
    right: 0;
    opacity: 0;
    
    margin: 0 auto;
/*     max-width: 1440px; */
/*     width: 88.88889%;    */
    width:100%;
     
    position: absolute;

    -webkit-transition: opacity 1.2s cubic-bezier(.14,.47,.5,.93);
    transition: opacity 1.2s cubic-bezier(.14,.47,.5,.93);
}

.hero--illustration .hero__illo__svg.is-visible {
    opacity: 1;
}

.hero--illustration .hero__illo__svg svg,
.hero--illustration .hero__illo__svg img {
    bottom: 0;
    top:0;
    display: block;
/*     left: 0; */
    position: absolute;
/*     right: 0; */

/*     max-width: 1440px; */
/*     width: 100%;      */
    height:100%;

}


.hero--illustration .hero__illo__svg svg.is-touch {
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
}





.hero--minimal .hero__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 185px 0 124px;
}

@media only screen and (max-width:1024px) {
    .hero--minimal .hero__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 210px 0 50px;
    }
}

@media only screen and (max-width:768px) {
    .hero--minimal .hero__container {
        padding: 144px 0 64px;
    }
}

.hero--minimal .hero__title {
    width: 43.47826%;
}

@media only screen and (max-width:1024px) {
    .hero--minimal .hero__title {
        width: 76.92308%;
    }
}

@media only screen and (max-width:768px) {
    .hero--minimal .hero__title {
        width: 100%;
    }
}

.hero--minimal .hero__text-wrap {
    width: 39.13043%;
}

@media only screen and (min-width:1025px) {
    .hero--minimal .hero__text-wrap {
        margin-right: 8.69565%;
    }
}

@media only screen and (max-width:1024px) {
    .hero--minimal .hero__text-wrap {
        margin-right: 0;
        margin-top: 20px;
        width: 61.53846%;
    }
}

@media only screen and (max-width:768px) {
    .hero--minimal .hero__text-wrap {
        margin-top: 64px;
        width: 100%;
    }
}

.hero--minimal .hero__text-wrap .hero__subtitle {
    margin-right: 0;
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .hero--minimal .hero__text-wrap .hero__subtitle {
        margin-bottom: 75px;
    }
}

@media only screen and (max-width:768px) {
    .hero--minimal .hero__text-wrap .hero__subtitle {
        margin-bottom: 0;
        width: 100%;
    }
}

.hero--minimal .hero__arrow {
    display: none;
}


/* ==========================================================================
   @reasons Content Splashes (Reasons)
   ========================================================================== */
   
.reasons {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    border-bottom: 1px solid var(--pg-tx-color);
    padding-bottom: 200px;
}


@media only screen and (max-width:1024px) {
    .reasons {
        width: 86.66667%;
    }
}

@media only screen and (max-width:768px) {
    .reasons {
        margin: 0 20px;
        width: calc(100% - 40px);
        padding-bottom: 0;
    }
    .reasons .heading {
        padding: 60px 0 20px;
        position: relative;
        z-index: 1;
    }
    .reasons__reasons {margin-bottom: 60px;} 
}

.reasons.is-last-section {border-bottom: 0;}


.reasons__reason {
    padding: var(--space-xl) 0;
    position: relative;
}

.reasons__reason .reasons__title {
    -webkit-transform: translate(30px);
    transform: translate(30px);
}


.reasons__title {
    font-family: var(--header-font-family);
    font-size: 66px;
    line-height: 69px;    
}

@media only screen and (max-width:1024px) {
    .reasons__title {
        font-size: 66px;
        line-height: 66px;
    }
}

@media only screen and (max-width:768px) {
    .reasons__title {
        font-size: 46px;
        line-height: 46px;
    }
}




.reasons__reason .reasons__cta,
.reasons__reason .reasons__paragraph,
.reasons__reason .reasons__title {
    -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
}

.reasons__reason.entered-once .reasons__title {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.reasons__reason.entered-once .reasons__paragraph {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.reasons__reason.entered-once .reasons__cta {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.reasons__reason .reasons__title {
    opacity: 0;
    -webkit-transform: translate(30px) skewX(-12deg);
    transform: translate(30px) skewX(-12deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}

.reasons__reason.entered-once .reasons__title {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.reasons__reason .reasons__paragraph:after {
    width: 0;
    opacity: 0;
}

.reasons__reason.entered-once .reasons__paragraph:after {
    opacity: 1;
    -webkit-transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
    transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    width: 100%;
}

.reasons__reason .reasons__paragraph {
    opacity: 0;
    -webkit-transform: translate(30px);
    transform: translate(30px);
}

.reasons__reason.entered-once .reasons__paragraph {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.reasons__reason .reasons__cta:after {
    width: 0;
    opacity: 0;
}

.reasons__reason.entered-once .reasons__cta:after {
    opacity: 1;
    -webkit-transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
    transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    width: 100%;
}

.reasons__reason .reasons__cta {
    opacity: 0;
    -webkit-transform: translate(30px);
    transform: translate(30px);
}

.reasons__reason.entered-once .reasons__cta {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

@media only screen and (max-width:768px) {
    .reasons__reason {
        padding: 60px 0 145px;
    }

    .reasons__reason .reasons__title:after {
        width: 0;
        opacity: 0;
    }

    .reasons__reason.entered-once .reasons__title:after {
        opacity: 1;
        -webkit-transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
        transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
        width: 100%;
    }
}

.reasons__reason.entered-once .reasons__illo {
    opacity: .15;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.reasons__reason:first-of-type .reasons__content {
    margin-left: 30.43478%;
}


/* First Block */
@media only screen and (max-width:1024px) {
    .reasons__reason:first-of-type .reasons__content {
        margin-left: 15.38462%;
    }
}

.reasons__reason:first-of-type .reasons__illo {
    left: 0;
    width: 34.78261%;
}

@media only screen and (max-width:1024px) {
    .reasons__reason:first-of-type .reasons__illo {
        width: 53.84615%;
    }
}

/* Second Block */
.reasons__reason:nth-of-type(2) .reasons__content {
    margin-left: 21.73913%;
}

@media only screen and (max-width:1024px) {
    .reasons__reason:nth-of-type(2) .reasons__content {
        margin-left: 30.76923%;
    }
}

.reasons__reason:nth-of-type(2) .reasons__illo {
    left: 47.82609%;
    width: 43.47826%;
}

@media only screen and (max-width:1024px) {
    .reasons__reason:nth-of-type(2) .reasons__illo {
        left: 0;
        width: 69.23077%;
    }
}

/* Third Block */
.reasons__reason:nth-of-type(3) .reasons__content {
    margin-left: 44.78261%;
}

@media only screen and (max-width:1024px) {
    .reasons__reason:nth-of-type(3) .reasons__content {
        margin-left: 0;
    }
}

.reasons__reason:nth-of-type(3) .reasons__illo {
    left: 0;
    width: 37.82609%;
}

@media only screen and (max-width:1024px) {
    .reasons__reason:nth-of-type(3) .reasons__illo {
        left: 38.46154%;
        width: 61.53846%;
    }
}


.reasons__reason:nth-of-type(4) .reasons__content {
    margin-left: 47.82609%;
}

@media only screen and (max-width:1024px) {
    .reasons__reason:nth-of-type(4) .reasons__content {
        margin-left: 15.38462%;
    }
}

.reasons__reason:nth-of-type(4) .reasons__illo {
    left: 13.04348%;
    width: 43.47826%;
}

@media only screen and (max-width:1024px) {
    .reasons__reason:nth-of-type(4) .reasons__illo {
        left: 38.46154%;
        width: 61.53846%;
    }
}

@media only screen and (max-width:768px) {
    .reasons__reason:first-of-type .reasons__content,.reasons__reason:nth-of-type(2) .reasons__content,.reasons__reason:nth-of-type(3) .reasons__content,.reasons__reason:nth-of-type(4) .reasons__content {
        margin-left: 0;
    }

    .reasons__reason:first-of-type .reasons__illo,.reasons__reason:nth-of-type(2) .reasons__illo,.reasons__reason:nth-of-type(3) .reasons__illo,.reasons__reason:nth-of-type(4) .reasons__illo {
        left: 50%;
        width: 85.71429%;
    }
}

.reasons__content {
    position: relative;
    width: 30.43478%;
}

@media only screen and (max-width:1024px) {
    .reasons__content {
        width: 53.84615%;
    }
}

@media only screen and (max-width:768px) {
    .reasons__content {
        width: 100%;
    }
}

.reasons__title {
    margin-bottom: 24px;
}

@media only screen and (max-width:768px) {
    .reasons__title {
        margin-bottom: 30px;
        padding-bottom: 30px;
        position: relative;
    }

    .reasons__title:after {
        background-color: #fff;
        bottom: 0;
        content: "";
        height: 1px;
        position: absolute;
        right: 0;
    }
}

.reasons__cta,.reasons__paragraph {
    padding: 18px 0 23px;
    position: relative;
}

.reasons__cta:after,.reasons__paragraph:after {
    background-color: var(--pg-tx-color);
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-width:768px) {
    .reasons__paragraph {
        border: 0;
        display: inline-block;
        padding: 0;
    }

    .reasons__paragraph:after {
        display: none;
    }
}

.reasons__paragraph p+p {
    margin-top: 16px;
}

@media only screen and (max-width:768px) {
    .reasons__cta {
        margin-top: 30px;
        padding: 0;
    }

    .reasons__cta .button {
        padding: 30px 0;
        width: 100%;
    }
}

.reasons__illo {
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width:768px) {
    .reasons__illo {
        bottom: 0;
        max-width: 400px;
        top: auto;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }

    .reasons__illo:after {
        background: -webkit-gradient(linear,left top,left bottom,from(var(--pg-bg-color)),color-stop(50%,transparent));
        background: linear-gradient(180deg,var(--pg-bg-color),transparent 50%);
        content: "";
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100vw;
    }
}

.reasons__illo__svg {
/*     opacity: 0; */
    -webkit-transition: opacity 1.2s cubic-bezier(.14,.47,.5,.93);
    transition: opacity 1.2s cubic-bezier(.14,.47,.5,.93);
}

@media only screen and (min-width:769px) {
    .reasons__illo__svg {
        height: 0;
        padding-top: 150%;
        position: relative;
    }
}

.reasons__illo__svg .is-touch [data-spotlight-illo-full],.reasons__illo__svg.is-visible {
    opacity: 1;
}

@media only screen and (min-width:769px) {
    .reasons__illo__svg svg,
    .reasons__illo__svg img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
}




.reasons__illo svg,
.reasons__illo img {
    display: block;
    width: 100%;
}


.heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 95px 0;
}

.heading .heading__subtitle,.heading .heading__title {
    -webkit-transform: translate(30px);
    transform: translate(30px);
    -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
}

.heading .heading__subtitle {
    opacity: 0;
}

.heading.entered-once .heading__title {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.heading.entered-once .heading__subtitle {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.heading .heading__title {
    opacity: 0;
    -webkit-transform: translate(30px) skewX(-12deg);
    transform: translate(30px) skewX(-12deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}

.heading.entered-once .heading__title {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

@media only screen and (max-width:1024px) {
    .heading {
        display: block;
        padding: 60px 0 70px;
    }
}

.heading__title {
    -webkit-box-flex: 39.13043%;
    -ms-flex: 39.13043% 0 0px;
    flex: 39.13043% 0 0;
    margin-left: 4.34783%;
}

@media only screen and (max-width:1024px) {
    .heading__title {
        margin-left: 0;
        width: 61.53846%;
    }
}

@media only screen and (max-width:768px) {
    .heading__title {
        width: 100%;
    }
}

.heading__subtitle {
    -webkit-box-flex: 39.13043%;
    -ms-flex: 39.13043% 0 0px;
    flex: 39.13043% 0 0;
    margin-right: 4.34783%;
}

@media only screen and (max-width:1024px) {
    .heading__subtitle {
        margin-left: 46.15385%;
        margin-right: 0;
        margin-top: 60px;
        width: 53.84615%;
    }
}

@media only screen and (max-width:768px) {
    .heading__subtitle {
        margin-left: 14.28571%;
        width: 85.71429%;
    }
}







.accordion {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.accordion:after {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    border-top: 1px solid var(--pg-tx-color);
    content: "";
    display: block;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .accordion:after {
        width: 86.66667%;
    }
}

@media only screen and (max-width:768px) {
    .accordion:after {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
}

.accordion__anchor {
    display: block;
    position: absolute;
    top: -130px;
    visibility: hidden;
}

.accordion__button {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 28px 0;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .accordion__button {
        width: 86.66667%;
    }
}

@media only screen and (max-width:768px) {
    .accordion__button {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
}

.accordion__title {
    margin-left: 4.34783%;
}

@media only screen and (max-width:1024px) {
    .accordion__title {
        margin-left: 7.69231%;
    }
}

@media only screen and (max-width:768px) {
    .accordion__title {
        margin-left: 0;
    }
}

.accordion .svg-cross {
    display: block;
    -webkit-box-flex: 58px;
    -ms-flex: 58px 0 0px;
    flex: 58px 0 0;
    margin-left: 12px;
    margin-right: 4.34783%;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
}

.accordion .svg-cross__circle {
    opacity: 0;
    stroke-dasharray: 182.2128;
    stroke-dashoffset: 182.2128;
    -webkit-transition: stroke-dashoffset 1ms .3s,opacity .3s;
    transition: stroke-dashoffset 1ms .3s,opacity .3s;
}

@media only screen and (max-width:1024px) {
    .accordion .svg-cross {
        -ms-flex-preferred-size: 48px;
        flex-basis: 48px;
        margin-right: 7.69231%;
    }
}

@media only screen and (max-width:768px) {
    .accordion .svg-cross {
        -ms-flex-preferred-size: 34px;
        flex-basis: 34px;
        margin-right: 0;
    }
}

.accordion__content {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    overflow: hidden;
    -webkit-transition: max-height .5s ease;
    transition: max-height .5s ease;
}

@media only screen and (max-width:1024px) {
    .accordion__content {
        width: 86.66667%;
    }
}

@media only screen and (max-width:768px) {
    .accordion__content {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
}

.accordion__content-inner {
    position: relative;
}

.accordion__xray-wrap {
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.accordion__xray {
    display: block;
    left: 50vw;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    width: 60vw;
}

@media only screen and (min-width:1621px) {
    .accordion__xray {
        width: 973px;
    }
}

@media only screen and (max-width:1024px) {
    .accordion__xray {
        left: 20vw;
        width: 100vw;
    }
}

@media only screen and (max-width:768px) {
    .accordion__xray {
        left: 10vw;
        width: 590px;
    }
}

.accordion__xray.is-visible {
    opacity: 1;
}

.accordion.is-timer-started .svg-cross__circle {
    opacity: 1;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 5s linear,opacity .05s;
    transition: stroke-dashoffset 5s linear,opacity .05s;
}

.accordion.is-animation-activated.is-expanded .accordion__title,.accordion.is-animation-activated:hover .accordion__title {
    color:var(--pg-accent1-color);
/*     -webkit-animation: regular-to-italic .15s ease 1 both; */
/*     animation: regular-to-italic .15s ease 1 both; */
}

.accordion.is-animation-activated:not(:hover):not(.is-expanded) .accordion__title {
/*     -webkit-animation: italic-to-regular .15s ease 1 both; */
/*     animation: italic-to-regular .15s ease 1 both; */
}

.accordion:not(.is-expanded) .accordion__content {
    max-height: 0!important;
    padding-bottom: 0;
}

.accordion:not(.is-expanded) .accordion__content a {
    -webkit-transition: visibility 1ms 1s;
    transition: visibility 1ms 1s;
    visibility: hidden;
}

.accordion.is-expanded .svg-cross {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1);
}

.accordion.is-expanded .accordion__content {
    -webkit-transition: max-height 1s ease;
    transition: max-height 1s ease;
}

.accordion--approach .accordion__button {
    padding-bottom: 20px;
    padding-top: 20px;
}

.accordion--approach.is-expanded .accordion__content__metas,.accordion--approach.is-expanded .accordion__content__paragraphs {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .5s linear,-webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 1s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1);
}

.accordion--approach.is-expanded .accordion__content__paragraphs {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

@media only screen and (max-width:768px) {
    .accordion--approach.is-expanded .accordion__content__paragraphs {
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
    }
}

.accordion--approach.is-expanded .accordion__content__metas {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

@media only screen and (max-width:768px) {
    .accordion--approach.is-expanded .accordion__content__metas {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
}

.accordion__content-inner--approach {
    padding: 4px 21.73913% 55px 4.34783%;
}

@media only screen and (min-width:1025px) {
    .accordion__content-inner--approach {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (max-width:1024px) {
    .accordion__content-inner--approach {
        padding: 4px 7.69231% 32px;
    }
}

@media only screen and (max-width:768px) {
    .accordion__content-inner--approach {
        padding: 4px 0 32px;
    }
}

.accordion__content-inner--approach .accordion__content__metas,.accordion__content-inner--approach .accordion__content__paragraphs {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0s linear .5s,-webkit-transform 0s cubic-bezier(.19,1,.22,1) .5s;
    transition: opacity 0s linear .5s,-webkit-transform 0s cubic-bezier(.19,1,.22,1) .5s;
    transition: opacity 0s linear .5s,transform 0s cubic-bezier(.19,1,.22,1) .5s;
    transition: opacity 0s linear .5s,transform 0s cubic-bezier(.19,1,.22,1) .5s,-webkit-transform 0s cubic-bezier(.19,1,.22,1) .5s;
}

@media only screen and (min-width:1025px) {
    .accordion__content-inner--approach .accordion__content__paragraphs {
        -webkit-box-flex: 52.94118%;
        -ms-flex: 52.94118% 0 0px;
        flex: 52.94118% 0 0;
    }
}

.accordion__content-inner--approach .accordion__content__metas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width:1025px) {
    .accordion__content-inner--approach .accordion__content__metas {
        -webkit-box-flex: 41.17647%;
        -ms-flex: 41.17647% 0 0px;
        flex: 41.17647% 0 0;
    }
}

@media only screen and (max-width:1024px) {
    .accordion__content-inner--approach .accordion__content__metas {
        width: 63.63636%;
    }
}

@media only screen and (max-width:768px) {
    .accordion__content-inner--approach .accordion__content__metas {
        margin-bottom: 7px;
        width: 100%;
    }
}

.accordion__content-inner--approach .accordion__content__metas .accordion__content__meta {
    margin-bottom: 31px;
    width: 50%;
}

@media only screen and (max-width:768px) {
    .accordion__content-inner--approach .accordion__content__metas .accordion__content__meta {
        margin-bottom: 23px;
    }
}

.accordion__content-inner--approach .accordion__content__metas .accordion__content__meta__title {
    margin-bottom: 5px;
}

.accordion--issue.is-expanded .accordion__content__paragraphs,.accordion--issue.is-expanded .accordion__content__products,.accordion--issue.is-expanded .accordion__content__title {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .5s linear,-webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 1s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1);
}

.accordion--issue.is-expanded .accordion__content__title {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.accordion--issue.is-expanded .accordion__content__paragraphs {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.accordion--issue.is-expanded .accordion__content__products {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.accordion__content-inner--issue {
    padding: 4px 0 55px 4.34783%;
}

@media only screen and (max-width:1024px) {
    .accordion__content-inner--issue {
        padding: 52px 7.69231% 170px;
    }
}

@media only screen and (max-width:768px) {
    .accordion__content-inner--issue {
        padding: 30px 0 60px;
    }
}

.accordion__content-inner--issue .accordion__content__paragraphs,.accordion__content-inner--issue .accordion__content__products,.accordion__content-inner--issue .accordion__content__title {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0s linear .5s,-webkit-transform 0s cubic-bezier(.19,1,.22,1) .5s;
    transition: opacity 0s linear .5s,-webkit-transform 0s cubic-bezier(.19,1,.22,1) .5s;
    transition: opacity 0s linear .5s,transform 0s cubic-bezier(.19,1,.22,1) .5s;
    transition: opacity 0s linear .5s,transform 0s cubic-bezier(.19,1,.22,1) .5s,-webkit-transform 0s cubic-bezier(.19,1,.22,1) .5s;
}

.accordion__content-inner--issue .accordion__content__title {
    margin-bottom: 10px;
    width: 45.45455%;
}

@media only screen and (max-width:1024px) {
    .accordion__content-inner--issue .accordion__content__title {
        width: 100%;
    }
}

/* .accordion__content-inner--issue .accordion__content__paragraphs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
 */
.accordion__content-inner--issue .accordion__content__paragraphs p {
    padding-right: 8.69565%;
    margin-bottom: var(--space-m);
    width: 80%;
}

/* .accordion__content-inner--issue .accordion__content__paragraphs p:nth-child(2n) {
    padding-right: 0;
    width: 41.30435%;
} */

@media only screen and (max-width:1024px) {
    .accordion__content-inner--issue .accordion__content__paragraphs p {
        margin-bottom: 20px;
        width: 100%;
    }
}

.accordion__content-inner--issue .accordion__content__products {
    margin-bottom: 30px;
    margin-top: 62px;
}

.accordion__content-inner--issue .accordion__content__products__title {
    margin-bottom: 30px;
}

.accordion__content-inner--issue .accordion__content__products__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.accordion__content-inner--issue .accordion__content__products__item {
    padding-right: 9.09091%;
    width: 25%;
}

.accordion__content-inner--issue .accordion__content__products__item:nth-child(4n) {
    padding-right: 0;
    width: 15.90909%;
}

@media only screen and (max-width:1024px) {
    .accordion__content-inner--issue .accordion__content__products__item {
        padding-bottom: 40px;
        padding-right: 9.09091%;
        width: 50%;
    }

    .accordion__content-inner--issue .accordion__content__products__item:nth-child(2n) {
        padding-right: 0;
        width: 40.90909%;
    }
}

@media only screen and (max-width:768px) {
    .accordion__content-inner--issue .accordion__content__products__item,.accordion__content-inner--issue .accordion__content__products__item:nth-child(2n) {
        padding-right: 0;
        width: 100%;
    }
}

.accordion__content-inner--issue .accordion__content__products__item img:not(.figure) {
    height: 30px;
    margin-bottom: 15px;
}

.accordion__content-inner--issue .accordion__content__products__item__title {
    margin-bottom: 5px;
}

.accordion__content-inner--issue .accordion__content__products__item__subtitle {
    margin-bottom: 14px;
}



.accordion__content-inner--issue .accordion__content__products__item__title,.t--bold {
    font-weight: 700;
}

.carousel__content__title,.hero__title {
    font-family: var(--header-font-family);
    font-size: 72px;
    line-height: 76px;
}

@media only screen and (max-width:1024px) {
    .carousel__content__title,.hero__title {
        font-size: 66px;
        line-height: 66px;
    }
}

@media only screen and (max-width:768px) {
    .carousel__content__title,.hero__title {
        font-size: 46px;
        line-height: 46px;
    }
}

.accordion__title,.columns__title{
    font-family: var(--header-font-family);
        font-size: 34px;
        line-height: 41px;
}

@media only screen and (max-width:1024px) {
    .accordion__title,.columns__title {
        font-size: 34px;
        line-height: 41px;
    }
}

@media only screen and (max-width:768px) {
    .accordion__title,.columns__title {
        font-size: 34px;
        line-height: 41px;
    }
}

.accordion__content-inner--issue .accordion__content__title,.accordions__heading__title,.current__paragraph__subhead,.footer__newsletter__input,.footer__newsletter__result__failed,.footer__newsletter__result__succeed,.shutdown-dataviz__slide-title,.t--h3 {
    font-family: var(--header-font-family);
    -webkit-font-feature-settings: "ss01" off,"liga" off;
    font-feature-settings: "ss01" off,"liga" off;
    font-size: 32px;
    line-height: 38px;
}

@media only screen and (max-width:1024px) {
    .accordion__content-inner--issue .accordion__content__title,.accordions__heading__title,.current__paragraph__subhead,.footer__newsletter__input,.footer__newsletter__result__failed,.footer__newsletter__result__succeed,.shutdown-dataviz__slide-title,.t--h3 {
        font-size: 28px;
        line-height: 34px;
    }
}

@media only screen and (max-width:768px) {
    .accordion__content-inner--issue .accordion__content__title,.accordions__heading__title,.current__paragraph__subhead,.footer__newsletter__input,.footer__newsletter__result__failed,.footer__newsletter__result__succeed,.shutdown-dataviz__slide-title,.t--h3 {
        font-size: 24px;
        line-height: 29px;
    }
}

.accordion--approach .accordion__title,.cit-paragraph__title,.columns__grid__item__title,.current__landing-hero__heading__subtitle,.current__qna__question__question,.t--h4 {
    font-family: var(--header-font-family);
    -webkit-font-feature-settings: "ss01" on,"liga" off;
    font-feature-settings: "ss01" on,"liga" off;
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
}

@media only screen and (max-width:1024px) {
    .accordion--approach .accordion__title,.cit-paragraph__title,.columns__grid__item__title,.current__landing-hero__heading__subtitle,.current__qna__question__question,.t--h4 {
        font-size: 24px;
        line-height: 29px;
    }
}

@media only screen and (max-width:768px) {
    .accordion--approach .accordion__title,.cit-paragraph__title,.columns__grid__item__title,.current__landing-hero__heading__subtitle,.current__qna__question__question,.t--h4 {
        font-size: 20px;
        line-height: 24px;
    }
}





/* 
.accordion__content-inner--approach .accordion__content__metas .accordion__content__meta__title,.accordion__content-inner--issue .accordion__content__products__title,.button--current__button,.button:not(.button--body-type),.carousel__content__eyebrow,.cit-header__subheader__landing,.cit-headings__eyebrow,.cit-hero__issue__inner,.cit-hero__label,.cit-hero__title__inner,.columns__eyebrow,.conspiracy-countermeasures__countermeasure__caption,.conspiracy-quiz__button,.cta__title,.current--big-text__title,.current-article-nav__sections,.current-database__about-modal__close,.current-database__about-modal__title,.current-database__overlay__description-intro,.current-database__sidebar__about-btn,.current-database__sidebar__filters-btn,.current-database__view--glossary__category,.current-highlighter__main__cancel,.current-highlighter__main__send,.current-highlighter__main__title,.current__article-tray__title,.current__gallery__item__block__button,.current__landing-hero__featured__issue__inner,.current__landing-hero__featured__title__inner,.current__landing-hero__issue-mobile,.current__more-articles__article__title__issue,.current__more-articles__eyebrow,.current__more-issues__eyebrow,.current__more-issues__issue__title__issue,.current__qna__question__button__text,.di__landing-hero__issue__inner,.di__landing-hero__label,.di__landing-hero__title__inner,.header__subheader__landing,.heading--current__title,.shutdown-dataviz__pager,.shutdown-dataviz__slide-eyebrow,.shutdowns-voices__voice__caption,.split__content__eyebrow,.t--link,.tx__hero-cta-wall__title,.tx__hero-cta__title,.tx__hero__title,.tx__landing-hero__issue__inner,.tx__landing-hero__label,.tx__landing-hero__title__inner,.vws__case-studies__cta,.vws__heading__eyebrow,.vws__hero-cta__title,.vws__hero__eyebrow,.vws__landing-hero__issue__inner,.vws__landing-hero__label,.vws__landing-hero__title__inner,body.page--current-issue-template .cit-chapter-title__title {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2em;
    line-height: 18px;
    text-decoration: none;
    text-transform: uppercase;
}

@media only screen and (max-width:768px) {
    .accordion__content-inner--approach .accordion__content__metas .accordion__content__meta__title,.accordion__content-inner--issue .accordion__content__products__title,.button--current__button,.button:not(.button--body-type),.carousel__content__eyebrow,.cit-header__subheader__landing,.cit-headings__eyebrow,.cit-hero__issue__inner,.cit-hero__label,.cit-hero__title__inner,.columns__eyebrow,.cta__title,.current--big-text__title,.current-article-nav__sections,.current-database__about-modal__close,.current-database__about-modal__title,.current-database__overlay__description-intro,.current-database__sidebar__about-btn,.current-database__sidebar__filters-btn,.current-database__view--glossary__category,.current-highlighter__main__cancel,.current-highlighter__main__send,.current-highlighter__main__title,.current__article-tray__title,.current__gallery__item__block__button,.current__landing-hero__featured__issue__inner,.current__landing-hero__featured__title__inner,.current__landing-hero__issue-mobile,.current__more-articles__article__title__issue,.current__more-articles__eyebrow,.current__more-issues__eyebrow,.current__more-issues__issue__title__issue,.current__qna__question__button__text,.di__landing-hero__issue__inner,.di__landing-hero__label,.di__landing-hero__title__inner,.header__subheader__landing,.heading--current__title,.shutdown-dataviz__pager,.shutdown-dataviz__slide-eyebrow,.shutdowns-voices__voice__caption,.split__content__eyebrow,.t--link,.tx__hero-cta-wall__title,.tx__hero-cta__title,.tx__hero__title,.tx__landing-hero__issue__inner,.tx__landing-hero__label,.tx__landing-hero__title__inner,.vws__case-studies__cta,.vws__heading__eyebrow,.vws__hero-cta__title,.vws__hero__eyebrow,.vws__landing-hero__issue__inner,.vws__landing-hero__label,.vws__landing-hero__title__inner,body.page--current-issue-template .cit-chapter-title__title {
        font-size: 12px;
        line-height: 16px;
    }
}
 */


.cta {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    padding: 75px 0;
    position: relative;
    text-align: center;
}

@media only screen and (max-width:1024px) {
    .cta {
        width: 86.66667%;
    }
}

@media only screen and (max-width:768px) {
    .cta {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
}

.cta .button,.cta .cta__subtitle,.cta .cta__title {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
}

.cta.entered-once .cta__title {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.cta.entered-once .cta__subtitle {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.cta.entered-once .button {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.cta.is-last-section {
    border-bottom: 0;
}

.cta.is-last-section:after {
    display: none;
}

.cta.entered-once:after {
    opacity: 1;
}

@media only screen and (max-width:1024px) {
    .cta {
        padding: 80px 0;
    }
}

@media only screen and (max-width:768px) {
    .cta {
        padding: 108px 0;
    }
}

.cta:after {
    background-color: var(--pg-tx-color);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    width: 100%;
}

.cta .button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}



.cta__subtitle{
    font-family: var(--body-font-family);
    font-size: 1.5em;
    line-height: 1.2em;
}

@media only screen and (max-width:1024px) {
    .cta__subtitle, {
        font-size: 1.3em;
        line-height: 1.1em;
    }
}

@media only screen and (max-width:768px) {
    .cta__subtitle {
        font-size: 1.2em;
        line-height: 1.2em;
        text-align: left;
    }
}



.cta__subtitle {
    display: block;
    margin: 32px auto;
    width: 78.26087%;
}

@media only screen and (max-width:1024px) {
    .cta__subtitle {
        width: 84.61538%;
    }
}

/* ==========================================================================
   @carousel Carousel Element
   ========================================================================== */



.carousel {
    overflow: hidden;
    position: relative;
    scroll-behavior: smooth;
}

.carousel--reversed .carousel__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.carousel--white .carousel__content__eyebrow:after,.carousel--white .carousel__content__links:after,.carousel--white .carousel__content__links:before {
    background-color: #121112;
}

.carousel.is-last-section .carousel__wrap {
    border-bottom: 0;
}

.carousel__container {
    margin: auto;
    position: relative;
    width: calc(100% - 100px);
}

@media only screen and (max-width:768px) {
    .carousel__container {
        width: 100%;
    }
}

.carousel__container__next,.carousel__container__prev {
    color: var(--pg-tx-color);
    cursor: pointer;
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    position: absolute;
    text-decoration: none;
    top: calc(50% - 30px);
}

@media only screen and (max-width:768px) {
    .carousel__container__next,.carousel__container__prev {
        font-size: 30px;
        padding: 30px;
        top: inherit;
        -webkit-transform: none;
        transform: none;
    }
}

.carousel__container__next:disabled,.carousel__container__prev:disabled {
    opacity: .2;
}

.carousel__container__next {
    right: 0;
}

@media only screen and (max-width:768px) {
    .carousel__container__next {
        right: 28%;
    }
}

.carousel__container__next:reason,.carousel__container__next:hover {
    outline: 0;
}

@media only screen and (max-width:768px) {
    .carousel__container__prev {
        left: 28%;
    }
}

.carousel__container__prev:reason,.carousel__container__prev:hover {
    outline: 0;
}

.carousel__slide {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: fade;
    animation-name: fade;
}

.carousel__slide__container {
    padding: 0 50px 50px;
}

@media only screen and (max-width:768px) {
    .carousel__slide__container {
        padding: 0;
    }
}

.carousel__slide__border {
    min-height: 750px;
}

@media only screen and (min-width:1621px) {
    .carousel__slide__border {
        min-height: 700px;
    }
}

@media only screen and (max-width:1280px) {
    .carousel__slide__border {
        min-height: 730px;
    }
}

.carousel__slide__spacing {
    padding: 30px;
}

@media only screen and (max-width:768px) {
    .carousel__slide__spacing {
        padding: 15px;
    }
}

.carousel__wrap {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    border-bottom: 1px solid var(--pg-tx-color);
    padding: 80px 0 0;
}

@media only screen and (max-width:1024px) {
    .carousel__wrap {
        width: 86.66667%;
    }
}

@media only screen and (max-width:768px) {
    .carousel__wrap {
        margin: 0 20px;
        width: calc(100% - 40px);
        padding: 80px 0 150px;
    }
}



.carousel__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.carousel__content__eyebrow {
    padding-top: 20px;
    position: relative;
}

.carousel__content__eyebrow.only-tablet {
    display: none;
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .carousel__content__eyebrow.only-tablet {
        display: block;
    }
}

.carousel__content__eyebrow.only-tablet:after {
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .carousel__content__eyebrow:not(.only-tablet) {
        display: none;
    }
}

@media only screen and (max-width:768px) {
    .carousel__content__eyebrow:not(.only-tablet) {
        display: block;
    }
}

.carousel__content__title {
    font-size: 62px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 66px;
    padding: 48px 0;
    word-break: break-word;
}

@media only screen and (max-width:1280px) {
    .carousel__content__title {
        font-size: 50px;
        line-height: 50px;
    }
}

@media only screen and (max-width:1024px) {
    .carousel__content__title {
        font-size: 40px;
        line-height: 40px;
        padding: 60px 0 40px;
    }
}

@media only screen and (max-width:768px) {
    .carousel__content__title {
        font-size: 38px;
        line-height: 38px;
        padding: 35px 0;
    }
}

.carousel__content__title .t--current-h1 {
    font-size: 62px;
    line-height: 66px;
}

@media only screen and (max-width:1280px) {
    .carousel__content__title .t--current-h1 {
        font-size: 50px;
        line-height: 50px;
    }
}

@media only screen and (max-width:1024px) {
    .carousel__content__title .t--current-h1 {
        font-size: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width:768px) {
    .carousel__content__title .t--current-h1 {
        font-size: 38px;
        line-height: 38px;
    }
}

.carousel__content__image {
    height: 100%;
    margin-top: 37px;
    width: 34.78261%;
}

@media only screen and (min-width:1025px) {
    .carousel__content__image {
        margin-right: 4.34783%;
    }
}

@media only screen and (max-width:1024px) {
    .carousel__content__image {
        width: 43.47826%;
    }
}

@media only screen and (min-width:769px) {
    .carousel__content__image {
        opacity: 0;
        -webkit-transform: translate(30px);
        transform: translate(30px);
    }

    .carousel__content__image.entered-once {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
}

@media only screen and (max-width:768px) {
    .carousel__content__image {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        display: block;
        margin: 25px auto 0;
        max-width: 425px;
        width: 100%;
    }

    .carousel__content__image.entered-once {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
    }
}

.carousel__content__image--full {
    display: none;
}

@media only screen and (max-width:1024px) {
    .carousel__content__image--full {
        display: block;
    }
}

@media only screen and (max-width:768px) {
    .carousel__content__image--full {
        display: none;
    }
}

.carousel__content__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 43.47826%;
}

.carousel__content__wrap .carousel__content__eyebrow,.carousel__content__wrap .carousel__content__links,.carousel__content__wrap .carousel__content__subtitle,.carousel__content__wrap .carousel__content__title {
    opacity: 0;
    -webkit-transform: translate(30px);
    transform: translate(30px);
    -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
}

.carousel__content__wrap.entered-once .carousel__content__eyebrow {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.carousel__content__wrap.entered-once .carousel__content__title {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.carousel__content__wrap.entered-once .carousel__content__subtitle {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.carousel__content__wrap.entered-once .carousel__content__links {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.carousel__content__wrap .carousel__content__eyebrow:after {
    width: 0;
    opacity: 0;
}

.carousel__content__wrap.entered-once .carousel__content__eyebrow:after {
    opacity: 1;
    -webkit-transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
    transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    width: 100%;
}

.carousel__content__wrap .carousel__content__links:after {
    width: 0;
    opacity: 0;
}

.carousel__content__wrap.entered-once .carousel__content__links:after {
    opacity: 1;
    -webkit-transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
    transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    width: 100%;
}

.carousel__content__wrap .carousel__content__links:before {
    width: 0;
    opacity: 0;
}

.carousel__content__wrap.entered-once .carousel__content__links:before {
    opacity: 1;
    -webkit-transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
    transition: width 2s cubic-bezier(.19,1,.22,1),opacity .5s linear;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    width: 100%;
}

@media only screen and (min-width:1025px) {
    .carousel__content__wrap {
        margin-left: 4.34783%;
    }
}

@media only screen and (max-width:1024px) {
    .carousel__content__wrap {
        width: 47.82609%;
    }
}

@media only screen and (max-width:768px) {
    .carousel__content__wrap {
        width: 100%;
    }
}

.carousel__content__text {
    padding-bottom: 48px;
}

@media only screen and (max-width:1024px) {
    .carousel__content__text {
        padding-bottom: 40px;
    }
}

@media only screen and (max-width:768px) {
    .carousel__content__text {
        padding-bottom: 0;
    }
}

@media only screen and (max-width:1024px) {
    .carousel__content__subtitle {
        margin-bottom: 40px;
        width: 69.23077%;
    }
}

@media only screen and (max-width:768px) {
    .carousel__content__subtitle {
        width: 100%;
    }
}

.carousel__content__links {
    margin-top: auto;
    position: relative;
    width: 100%;
}

.carousel__content__links:before {
    bottom: 0;
}

.carousel__content__links:after {
    top: 0;
}

.carousel__content__links .button {
    padding: 20px 0;
}



.button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    cursor: pointer;
    background: #222222;
    color: #FFF;
    padding: .5rem 0 .6rem 2rem;
}



.button:hover .button__arrow:first-child {
    -webkit-transform: none;
    transform: none;
}

.button:hover .button__arrow:nth-child(2) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.button:hover.button--body-type .button__title {
    -webkit-animation: regular-to-italic .15s ease 1 both;
    animation: regular-to-italic .15s ease 1 both;
}


.button.button--body-type .button__arrows {
    margin-top: 0;
}

.button__title {
    display: inline-block;
}

.button__arrows {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px;
/*     margin-top: -3px; */
    margin-top:0px;
    overflow: hidden;
    position: relative;
}

.button__arrow {
    width:25px;
    display: inline-block;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1);
}

/* .button__arrow:first-child {
    left: 0;
    position: absolute;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
} */

.button[target=_blank] .button__arrows {
    display: inline-block;
    -webkit-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
}


.buttton--underline .link__uhover {
    border-bottom:1px solid #000;
}

/* 
    Link animations
    -------------------------------------
    */
.link__uhover {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    color: var(--color-text);
}

.link__uhover::before,
.link__uhover::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
}

.link__uhover::before {
    content: '';
    /* show by default */
}

.link__uhover::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.link__uhover:hover {
        border-bottom:none;
        cursor: pointer;
}

.link__uhover:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

/* @columns Flexbox Columns */


.columns {
    margin: 0 auto;
    max-width: 1440px;
    width: 88.88889%;
    border-bottom: 1px solid var(--pg-tx-color);
    padding: 120px 0;
    /* text-align: center; */
}

.columns p {margin-bottom: var(--space-m);}


@media only screen and (max-width:1024px) {
    .columns {
        width: 86.66667%;
    }
}

@media only screen and (max-width:768px) {
    .columns {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
}

.columns .columns__eyebrow,.columns .columns__grid,.columns .columns__title {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
    transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
}

.columns.entered-once .columns__eyebrow {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.columns.entered-once .columns__title {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.columns.entered-once .columns__grid {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

@media only screen and (max-width:768px) {
    .columns {
        padding: 100px 0;
    }

    #who.columns {
        padding-top:0px;
    }

}

@media only screen and (min-width:769px) {
    .columns .columns__grid__item {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    .columns.entered-once .columns__grid__item {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
    }

    .columns.entered-once .columns__grid__item:first-child {
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
    }

    .columns.entered-once .columns__grid__item:nth-child(2) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
    }

    .columns.entered-once .columns__grid__item:nth-child(3) {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }

    .columns.entered-once .columns__grid__item:nth-child(4) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
    }

    .columns.entered-once .columns__grid__item:nth-child(5) {
        -webkit-transition-delay: .7s;
        transition-delay: .7s;
    }

    .columns.entered-once .columns__grid__item:nth-child(6) {
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
    }
}

.columns.is-last-section {
    border-bottom: 0;
}

.columns__title {
    display: block;
    margin: 32px auto 105px;
    width: 65.21739%;
}

@media only screen and (max-width:1024px) {
    .columns__title {
        width: 76.92308%;
    }
}

@media only screen and (max-width:768px) {
    .columns__title {
        margin: 30px auto 0;
        width: 100%;
    }
}

.columns__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
/*     margin: 100px auto 0; */
    width: 82.6087%;
}

@media only screen and (max-width:1024px) {
    .columns__grid {
        width: 84.61538%;
    }
}

@media only screen and (max-width:768px) {
    .columns__grid {
        display: block;
        margin: 110px auto 0;
        width: 100%;
    }
}

.columns__grid__item {
    margin: 0 4.34783%;
    position: relative;
    text-align: left;
    width: 33%;
}

.columns__grid__item:first-child {
    margin-left: 0;
}

.columns__grid__item:last-child {
    margin-right: 0;
}

@media only screen and (max-width:1024px) {
    .columns__grid__item {
        margin: 0 3.84615%;
        text-align: center;
    }

    .columns__grid__item:first-child {
        margin-left: 0;
    }

    .columns__grid__item:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width:768px) {
    .columns__grid__item {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        margin: 45px 0 0;
        width: 100%;
    }

    .columns__grid__item.entered-once {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,-webkit-transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1);
        transition: opacity .5s linear,transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
    }
}

.columns__grid__item__image {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 110px;
    margin: 0 0 22px;
    width: 80px;
}

.columns__grid__item__image img,
.columns__grid__item__image svg  {
    width: 100%;
}


.columns__grid__item__image--logo {
    height: 80px;
    width: 120px;    
}

@media only screen and (max-width:1024px) {
    .columns__grid__item__image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto 22px;
    }
}

.columns__grid__item__title {
    margin-bottom: 20px;
}

@media only screen and (max-width:768px) {
    .columns__grid__item__title {
        margin-bottom: 10px;
    }
}

.media {
  background-color: var(--color-bg-3, var(--color-main-3));
  position: relative;
}
.media img:not(.cover) {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
.media iframe, .media embed, .media object, .media video {
  border: 0;
}

.cover {
  background-size: cover;
  background-position: var(--cover-v, top) var(--cover-h, center);
  object-fit: cover;
}

.ar-4-3 {
  --ar-x: 4;
  --ar-y: 3;
}

.ar-3-4 {
  --ar-x: 3;
  --ar-y: 4;
}

.ar-3-2 {
  --ar-x: 3;
  --ar-y: 2;
}

.ar-2-3 {
  --ar-x: 2;
  --ar-y: 3;
}

.ar-16-9 {
  --ar-x: 16;
  --ar-y: 9;
}

.ar-9-16 {
  --ar-x: 9;
  --ar-y: 16;
}

.ar-2-1 {
  --ar-x: 2;
  --ar-y: 1;
}

.ar-1-2 {
  --ar-x: 1;
  --ar-y: 2;
}

.ar-1-1 {
  --ar-x: 1;
  --ar-y: 1;
}

[class*=ar-] {
  width: var(--media-width, 100%);
  display: block;
  position: relative;
  overflow-y: hidden;
}
[class*=ar-]:before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: calc(var(--ar-y, 1) / var(--ar-x, 1) * 100%);
}
[class*=ar-]:after {
  content: "";
  display: table;
  clear: both;
}
[class*=ar-] > :first-child:not(.mini-info) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
[class*=ar-] > img:not(.cover) {
  height: auto !important;
}
[class*=ar-] iframe, [class*=ar-] embed, [class*=ar-] object, [class*=ar-] video {
  border: 0;
}




/* ==========================================================================
   Utility Classes
   ========================================================================== */


@media print {
  .hide-on-print {
    display: none !important;
  }   
  @page {
    size:8.5in 11in; /* Set the paper size to A4 */
    margin: 20%; /* Set 1 inch margins */
  }

  .changelog-item {
    break-inside: avoid;
    page-break-inside: avoid; /* For older browsers */
  }

  .columns {padding:0}

}


.header, .header-space{
  height: 100px;
}


.text-center {
    text-align:center;
}


.bg-img-filter {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   mix-blend-mode: multiply;
}


.bg-orange {
   background-color: var(--color-orange);
}



ul.wc-list, .changelog ul {
   list-style-type: none;
}

ul.wc-list li, .changelog ul li {
   position: relative;
   padding-left: 1.2em;
   text-indent: 0px;
   margin-bottom:.2em;
}

ul.wc-list li::before, .changelog ul li::before {
   content: "•";
   position: absolute;
   left: 0px;
   line-height: .39em;
   font-size: 2.5em;  
}