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{
    margin:0;
    padding:0;
    border:0;
    vertical-align:baseline
}
.font-w{font-weight: 300 !important;}
.bottom--md {
    margin-top: 45px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');
body{font-family: 'Roboto', sans-serif;
    line-height:1;font-weight: 300;
}
.header--transparent:not(.nav-is-active) .header__nav {
    background: #060668 !important;
}
.social-icon{max-width: 36px; margin:10px 0px 10px 0px;}
button.scroll-up {
    position: fixed;
   
    z-index: 9999;
    bottom: 10px;
    right: 0;
}
.no-js img.lazyload {
    display: none;
  }

  figure.wp-block-image img.lazyloading {
    min-width: 150px;
  }

  .lazyload,
  .lazyloading {
    opacity: 0;
  }
  h2.hero-slider__title.aeo500.light.hero-fade {
    font-size: 37px !important;
}   
  .lazyloaded {
    opacity: 1;
    transition: opacity 400ms;
    transition-delay: 0ms;
  }
        body {
         
          --wp--preset--color--black: #000000;
          --wp--preset--color--cyan-bluish-gray: #abb8c3;
          --wp--preset--color--white: #ffffff;
          --wp--preset--color--pale-pink: #f78da7;
          --wp--preset--color--vivid-red: #cf2e2e;
          --wp--preset--color--luminous-vivid-orange: #ff6900;
          --wp--preset--color--luminous-vivid-amber: #fcb900;
          --wp--preset--color--light-green-cyan: #7bdcb5;
          --wp--preset--color--vivid-green-cyan: #00d084;
          --wp--preset--color--pale-cyan-blue: #8ed1fc;
          --wp--preset--color--vivid-cyan-blue: #0693e3;
          --wp--preset--color--vivid-purple: #9b51e0;
          --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,
              rgba(6, 147, 227, 1) 0%,
              rgb(155, 81, 224) 100%);
          --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,
              rgb(122, 220, 180) 0%,
              rgb(0, 208, 130) 100%);
          --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,
              rgba(252, 185, 0, 1) 0%,
              rgba(255, 105, 0, 1) 100%);
          --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,
              rgba(255, 105, 0, 1) 0%,
              rgb(207, 46, 46) 100%);
          --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,
              rgb(238, 238, 238) 0%,
              rgb(169, 184, 195) 100%);
          --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,
              rgb(74, 234, 220) 0%,
              rgb(151, 120, 209) 20%,
              rgb(207, 42, 186) 40%,
              rgb(238, 44, 130) 60%,
              rgb(251, 105, 98) 80%,
              rgb(254, 248, 76) 100%);
          --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,
              rgb(255, 206, 236) 0%,
              rgb(152, 150, 240) 100%);
          --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,
              rgb(254, 205, 165) 0%,
              rgb(254, 45, 45) 50%,
              rgb(107, 0, 62) 100%);
          --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,
              rgb(255, 203, 112) 0%,
              rgb(199, 81, 192) 50%,
              rgb(65, 88, 208) 100%);
          --wp--preset--gradient--pale-ocean: linear-gradient(135deg,
              rgb(255, 245, 203) 0%,
              rgb(182, 227, 212) 50%,
              rgb(51, 167, 181) 100%);
          --wp--preset--gradient--electric-grass: linear-gradient(135deg,
              rgb(202, 248, 128) 0%,
              rgb(113, 206, 126) 100%);
          --wp--preset--gradient--midnight: linear-gradient(135deg,
              rgb(2, 3, 129) 0%,
              rgb(40, 116, 252) 100%);
          --wp--preset--duotone--dark-grayscale: url("#wp-duotone-dark-grayscale");
          --wp--preset--duotone--grayscale: url("#wp-duotone-grayscale");
          --wp--preset--duotone--purple-yellow: url("#wp-duotone-purple-yellow");
          --wp--preset--duotone--blue-red: url("#wp-duotone-blue-red");
          --wp--preset--duotone--midnight: url("#wp-duotone-midnight");
          --wp--preset--duotone--magenta-yellow: url("#wp-duotone-magenta-yellow");
          --wp--preset--duotone--purple-green: url("#wp-duotone-purple-green");
          --wp--preset--duotone--blue-orange: url("#wp-duotone-blue-orange");
          --wp--preset--font-size--small: 13px;
          --wp--preset--font-size--medium: 20px;
          --wp--preset--font-size--large: 36px;
          --wp--preset--font-size--x-large: 42px;
          --wp--preset--spacing--20: 0.44rem;
          --wp--preset--spacing--30: 0.67rem;
          --wp--preset--spacing--40: 1rem;
          --wp--preset--spacing--50: 1.5rem;
          --wp--preset--spacing--60: 2.25rem;
          --wp--preset--spacing--70: 3.38rem;
          --wp--preset--spacing--80: 5.06rem;
        }
  
        :where(.is-layout-flex) {
          gap: 0.5em;
        }
  
        body .is-layout-flow>.alignleft {
          float: left;
          margin-inline-start: 0;
          margin-inline-end: 2em;
        }
  
        body .is-layout-flow>.alignright {
          float: right;
          margin-inline-start: 2em;
          margin-inline-end: 0;
        }
  
        body .is-layout-flow>.aligncenter {
          margin-left: auto !important;
          margin-right: auto !important;
        }
  
        body .is-layout-constrained>.alignleft {
          float: left;
          margin-inline-start: 0;
          margin-inline-end: 2em;
        }
  
        body .is-layout-constrained>.alignright {
          float: right;
          margin-inline-start: 2em;
          margin-inline-end: 0;
        }
  
        body .is-layout-constrained>.aligncenter {
          margin-left: auto !important;
          margin-right: auto !important;
        }
  
        body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
          max-width: var(--wp--style--global--content-size);
          margin-left: auto !important;
          margin-right: auto !important;
        }
  
        body .is-layout-constrained>.alignwide {
          max-width: var(--wp--style--global--wide-size);
        }
  
        body .is-layout-flex {
          display: flex;
        }
  
        body .is-layout-flex {
          flex-wrap: wrap;
          align-items: center;
        }
  
        body .is-layout-flex>* {
          margin: 0;
        }
  
        :where(.wp-block-columns.is-layout-flex) {
          gap: 2em;
        }
  
        .has-black-color {
          color: var(--wp--preset--color--black) !important;
        }
  
        .has-cyan-bluish-gray-color {
          color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }
  
        .has-white-color {
          color: var(--wp--preset--color--white) !important;
        }
  
        .has-pale-pink-color {
          color: var(--wp--preset--color--pale-pink) !important;
        }
  
        .has-vivid-red-color {
          color: var(--wp--preset--color--vivid-red) !important;
        }
  
        .has-luminous-vivid-orange-color {
          color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }
  
        .has-luminous-vivid-amber-color {
          color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }
  
        .has-light-green-cyan-color {
          color: var(--wp--preset--color--light-green-cyan) !important;
        }
  
        .has-vivid-green-cyan-color {
          color: var(--wp--preset--color--vivid-green-cyan) !important;
        }
  
        .has-pale-cyan-blue-color {
          color: var(--wp--preset--color--pale-cyan-blue) !important;
        }
  
        .has-vivid-cyan-blue-color {
          color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }
  
        .has-vivid-purple-color {
          color: var(--wp--preset--color--vivid-purple) !important;
        }
  
        .has-black-background-color {
          background-color: var(--wp--preset--color--black) !important;
        }
  
        .has-cyan-bluish-gray-background-color {
          background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }
  
        .has-white-background-color {
          background-color: var(--wp--preset--color--white) !important;
        }
  
        .has-pale-pink-background-color {
          background-color: var(--wp--preset--color--pale-pink) !important;
        }
  
        .has-vivid-red-background-color {
          background-color: var(--wp--preset--color--vivid-red) !important;
        }
  
        .has-luminous-vivid-orange-background-color {
          background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }
  
        .has-luminous-vivid-amber-background-color {
          background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }
  
        .has-light-green-cyan-background-color {
          background-color: var(--wp--preset--color--light-green-cyan) !important;
        }
  
        .has-vivid-green-cyan-background-color {
          background-color: var(--wp--preset--color--vivid-green-cyan) !important;
        }
  
        .has-pale-cyan-blue-background-color {
          background-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }
  
        .has-vivid-cyan-blue-background-color {
          background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }
  
        .has-vivid-purple-background-color {
          background-color: var(--wp--preset--color--vivid-purple) !important;
        }
  
        .has-black-border-color {
          border-color: var(--wp--preset--color--black) !important;
        }
  
        .has-cyan-bluish-gray-border-color {
          border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }
  
        .has-white-border-color {
          border-color: var(--wp--preset--color--white) !important;
        }
  
        .has-pale-pink-border-color {
          border-color: var(--wp--preset--color--pale-pink) !important;
        }
  
        .has-vivid-red-border-color {
          border-color: var(--wp--preset--color--vivid-red) !important;
        }
  
        .has-luminous-vivid-orange-border-color {
          border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }
  
        .has-luminous-vivid-amber-border-color {
          border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }
  
        .has-light-green-cyan-border-color {
          border-color: var(--wp--preset--color--light-green-cyan) !important;
        }
  
        .has-vivid-green-cyan-border-color {
          border-color: var(--wp--preset--color--vivid-green-cyan) !important;
        }
  
        .has-pale-cyan-blue-border-color {
          border-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }
  
        .has-vivid-cyan-blue-border-color {
          border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }
  
        .has-vivid-purple-border-color {
          border-color: var(--wp--preset--color--vivid-purple) !important;
        }
  
        .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
          background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
        }
  
        .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
          background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
        }
  
        .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
          background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
        }
  
        .has-luminous-vivid-orange-to-vivid-red-gradient-background {
          background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
        }
  
        .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
          background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
        }
  
        .has-cool-to-warm-spectrum-gradient-background {
          background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
        }
  
        .has-blush-light-purple-gradient-background {
          background: var(--wp--preset--gradient--blush-light-purple) !important;
        }
  
        .has-blush-bordeaux-gradient-background {
          background: var(--wp--preset--gradient--blush-bordeaux) !important;
        }
  
        .has-luminous-dusk-gradient-background {
          background: var(--wp--preset--gradient--luminous-dusk) !important;
        }
  
        .has-pale-ocean-gradient-background {
          background: var(--wp--preset--gradient--pale-ocean) !important;
        }
  
        .has-electric-grass-gradient-background {
          background: var(--wp--preset--gradient--electric-grass) !important;
        }
  
        .has-midnight-gradient-background {
          background: var(--wp--preset--gradient--midnight) !important;
        }
  
        .has-small-font-size {
          font-size: var(--wp--preset--font-size--small) !important;
        }
  
        .has-medium-font-size {
          font-size: var(--wp--preset--font-size--medium) !important;
        }
  
        .has-large-font-size {
          font-size: var(--wp--preset--font-size--large) !important;
        }
  
        .has-x-large-font-size {
          font-size: var(--wp--preset--font-size--x-large) !important;
        }
  
        .wp-block-navigation a:where(:not(.wp-element-button)) {
          color: inherit;
        }
  
        :where(.wp-block-columns.is-layout-flex) {
          gap: 2em;
        }
  
        .wp-block-pullquote {
          font-size: 1.5em;
          line-height: 1.6;
        }
.footer__logo .logo{max-width: 200px;}
.no-js img.lazyload {display: none;   }
figure.wp-block-image img.lazyloading {min-width: 150px; }
.lazyload,
.lazyloading {opacity: 0;}
.lazyloaded {opacity: 1;transition: opacity 400ms;transition-delay: 0ms;}
.red{background-color: #c50f0f;}
ol,ul{
    list-style:none;
    margin:0
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
:root{
    --brand-color:#060668
}
*,:after,:before{
    box-sizing:border-box
}
.js #flash{
    display:none
}
body{
    font-size:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.wastewater-treatment-plant{
    background-image: url("../img/wastewater-treatment-plant.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.Industrial-Grouting{ background-image: url("../img/banner/Industrial-Grouting.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.Power-Plants{ background-image: url("../img/Power-Plants.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.Cable-Sealing-Compound{
    background-image: url("../img/Cable-Sealing-Compound.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.parallex-epoxy-resin-chocking{background-image: url("../img/banner/epoxy-resin-chocking.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.parallex-Underwater{background-image: url("../img/banner/Diving-Underwater-Survey.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.parallex-Pile-Restoration{background-image: url("../img/banner/Pile-Restoration.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.parallex-chemical-Industry-solutions{background-image: url("../img/banner/chemical-Industry-solutions.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.parallex-Power-Generation{background-image: url("../img/banner/power-2.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
    .parallex-e{background-image: url("../img/EPOCAST-36-P-1.jpg");

        /* Set a specific height */
        min-height: 500px;
      
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;}
.parallex-s{background-image: url("../img/banner/SIMPSON-STRONGTIE.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.parallex-p{background-image: url("../img/banner/CELLOFLEX-M.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}

   
    .marine{  background-image: url("../img/ship.jpg");

        /* Set a specific height */
        min-height: 500px;
      
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;}
.parallex{  background-image: url("../img/oil-gas.jpg");

    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}

    .parallex-c{  background-image: url("../img/banner/chemical.jpg");

        /* Set a specific height */
        min-height: 500px;
      
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;}

        .parallex-d{  background-image: url("../img/banner/epocast-36.jpg");

            /* Set a specific height */
            min-height: 500px;
          
            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;}
.part-1{position: relative;
    display: block;
    width: calc(50% - 40px);}
.part-2{display: flex;
        flex-flow: column;
        justify-content: stretch;
        width: calc(50% + 40px);
       
        border-top: 1px solid #a5a8b5;}

main{
    display:block
}
@media screen and (min-width:1080px){
    main{
        padding-right:80px
    }
}
img{
    display:block;
    border:none
}
a{
    transition:all .15s linear;
    text-decoration:none
}
audio,iframe,img,object,video{
    max-width:100%
}
button{
    padding:0;
    margin:0;
    border:0;
    outline:none
}
sub,sup{
    font-size:60%;
    line-height:0;
    position:relative
}
sub{
    vertical-align:baseline
}
sup{
    vertical-align:super
}
object{
    display:block
}
strong{
    font-weight:700
}
.primary{
    color:#060668
}
.secondary{
    color:#000000;
}
.body{
    color:#000
}
.light{
    color:#fff
}
.grey{
    color:#a5a8b5
}
.background{
    background-color:#fff
}
.background--primary{
    background-color:#060668
}
.background--secondary{
    background-color:#dd0e0e
}
.background--dark{
    background-color:#000
}
.background--dark-grey{
    background-color:#4e5d6c
}
.foreground{
    background-color:#f2f2f2
}
.relative{
    position:relative
}
.overflow-hidden{
    overflow:hidden
}
.flex{
    display:flex
}
.align-left{
    text-align:left
}
.align-center{
    text-align:center
}
.align-right{
    text-align:right
}
.container{
    max-width:1564px;
    margin-left:auto;
    margin-right:auto;
    padding:0 30px
}
@media screen and (min-width:768px){

  
    .container{
        padding:0 60px
    }
}
.container--md{
    max-width:1350px
}
.container--sm{
    max-width:1160px
}
.container--xs{
    max-width:960px
}
.slick-slider{
    box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list,.slick-slider{
    position:relative;
    display:block
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before{
    content:"";
    display:table
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    float:left;
    height:100%;
    min-height:1px;
    display:none
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.selectric-wrapper{
    position:relative;
    cursor:pointer
}
.selectric-responsive{
    width:100%
}
.selectric{
    border:1px solid #ddd;
    border-radius:0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden
}
.selectric .label{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin:0 38px 0 10px;
    font-size:12px;
    color:#444;
    user-select:none
}
.selectric .button,.selectric .label{
    display:block;
    line-height:38px;
    height:38px
}
.selectric .button{
    position:absolute;
    right:0;
    top:0;
    width:38px;
    background-color:#f8f8f8;
    color:#bbb;
    text-align:center;
    font:0/0 a;
    *font:20px/38px Lucida Sans Unicode,Arial Unicode MS,Arial
}
.selectric .button:after{
    content:" ";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    width:0;
    height:0;
    border:4px solid transparent;
    border-top-color:#bbb;
    border-bottom:none
}
.selectric-focus .selectric{
    border-color:#aaa
}
.selectric-hover .selectric{
    border-color:#c4c4c4
}
.selectric-hover .selectric .button{
    color:#a2a2a2
}
.selectric-hover .selectric .button:after{
    border-top-color:#a2a2a2
}
.selectric-open{
    z-index:9999
}
.selectric-open .selectric{
    border-color:#c4c4c4
}
.selectric-open .selectric-items{
    display:block
}
.selectric-disabled{
    filter:alpha(opacity=50);
    opacity:.5;
    cursor:default;
    user-select:none
}
.selectric-hide-select{
    position:relative;
    overflow:hidden;
    width:0;
    height:0
}
.selectric-hide-select select{
    position:absolute;
    left:-100%
}
.selectric-hide-select.selectric-is-native{
    position:absolute;
    width:100%;
    height:100%;
    z-index:10
}
.selectric-hide-select.selectric-is-native select{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100%;
    width:100%;
    border:none;
    z-index:1;
    box-sizing:border-box;
    opacity:0
}
.selectric-input{
    position:absolute!important;
    top:0!important;
    left:0!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    margin:0!important;
    padding:0!important;
    width:1px!important;
    height:1px!important;
    outline:none!important;
    border:none!important;
    /* *font:0/0 a!important; */
    background:none!important
}
.selectric-temp-show{
    position:absolute!important;
    visibility:hidden!important;
    display:block!important
}
.selectric-items{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#f8f8f8;
    border:1px solid #c4c4c4;
    z-index:-1;
    box-shadow:0 0 10px -6px
}
.selectric-items .selectric-scroll{
    height:100%;
    overflow:auto
}
.selectric-above .selectric-items{
    top:auto;
    bottom:100%
}
.selectric-items li,.selectric-items ul{
    list-style:none;
    padding:0;
    margin:0;
    font-size:12px;
    line-height:20px;
    min-height:20px
}
.selectric-items li{
    display:block;
    padding:10px;
    color:#666;
    cursor:pointer
}
.selectric-items li.selected{
    background:#e0e0e0;
    color:#444
}
.selectric-items li.highlighted{
    background:#d0d0d0;
    color:#444
}
.selectric-items li:hover{
    background:#d5d5d5;
    color:#444
}
.selectric-items .disabled{
    filter:alpha(opacity=50);
    opacity:.5;
    cursor:default!important;
    background:none!important;
    color:#666!important;
    user-select:none
}
.selectric-items .selectric-group .selectric-group-label{
    font-weight:700;
    padding-left:10px;
    cursor:default;
    user-select:none;
    background:none;
    color:#444
}
.selectric-items .selectric-group.disabled li{
    filter:alpha(opacity=100);
    opacity:1
}
.selectric-items .selectric-group li{
    padding-left:25px
}
@font-face{
    font-family: 'Roboto', sans-serif;
    src:url("../../resources/assets/fonts/Aeonik-Regular.woff2") format("woff2"),url("../../resources/assets/fonts/Aeonik-Regular.woff") format("woff");
    font-weight: 100;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family: 'Roboto', sans-serif;
    src:url("../../resources/assets/fonts/Aeonik-Medium.woff2") format("woff2"),url("../../resources/assets/fonts/Aeonik-Medium.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family: 'Roboto', sans-serif;
    src:url("../../resources/assets/fonts/Aeonik-Bold.woff2") format("woff2"),url("../../resources/assets/fonts/Aeonik-Bold.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
.wysiwyg { 
    margin-top: 14px;
}
.aeo400{
    font-family: 'Roboto', sans-serif;
}
.aeo400,.aeo500{
    font-weight:600;
    font-style:normal
}
.aeo500{
    font-family: 'Roboto', sans-serif;
}
.aeo700{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal
}
.caps{
    text-transform:uppercase
}
.alpha{
    font-size:23px;
    line-height:40px;
    letter-spacing:-.32px
}
@media screen and (min-width:1080px){
    .alpha{
        font-size:45px;
        line-height:60px;
        letter-spacing:-.5px
    }
}
@media screen and (min-width:1360px){
    .alpha{
        font-size:35px;
        line-height:35px
    }
}
.charlie{
    font-size:26px;
    line-height:40px
}
.echo{
    font-size:13px;
    line-height:20px;
    letter-spacing:1px
}
.base{
    font-size:17px;
    line-height:30px
}
.bx {
    padding: 6px;
}


.base::after {
    content: "";
    display: block;
    width: 60px;
    padding-top: 0;
    border-bottom: 1px solid #060668;
  
    padding-bottom: 0px;}
@media screen and (min-width:768px){
    .base{
        font-size:14px;
        line-height:35px
    }
}
.base-sm{
    font-size:16px;
    line-height:26px
}
.wysiwyg>:last-child{
    margin-bottom:0
}
.wysiwyg>:first-child{
    margin-top:0;

}
.wysiwyg h1,.wysiwyg h2{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    margin:45px 0 30px;
    color:#dd0e0e;
    font-size:30px;
    line-height:35px;
    letter-spacing:-.32px
}
.wysiwyg p{
    font-size:14px;
   
    text-align:justify;
}
@media screen and (min-width:480px){
    .wysiwyg h1,.wysiwyg h2{
        margin:55px 0 40px;
        font-size:35px;
        line-height:40px
    }
}
@media screen and (min-width:1080px){
    .wysiwyg h1,.wysiwyg h2{
        font-size:45px;
        line-height:60px;
        letter-spacing:-.5px
    }
}
@media screen and (min-width:1360px){
    .wysiwyg h1,.wysiwyg h2{
        margin:65px 0 50px;
        font-size:55px;
        line-height:70px
    }
}
.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal;
    margin:35px 0 20px;
    color:#000;
    font-size:25px;
    line-height:30px
}
@media screen and (min-width:1080px){
    .wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{
        margin:45px 0 30px;
        font-size:35px;
        line-height:40px;
        letter-spacing:-.32px
    }
}
.wysiwyg p{
    margin-bottom:25px
}
@media screen and (min-width:1080px){
    .wysiwyg p{
        margin-bottom:30px
    }
}
.wysiwyg li,.wysiwyg p{
    font-family:'Roboto', sans-serif;;
    font-weight: 300;
    font-style:normal;
    color:#000;
    font-size:17px;
    line-height:30px
}

@media screen and (min-width:768px){
    .wysiwyg li,.wysiwyg p{
        font-size:20px;
        line-height:35px
    }
}
.wysiwyg ol,.wysiwyg ul{
    margin:0 0 25px 22px
}
.wysiwyg ul{
    list-style-type:disc
}
.wysiwyg ul li{
    position:relative
}
.wysiwyg ul li:not(:last-child){
    margin-bottom:8px
}
.wysiwyg ol{
    list-style-type:decimal
}
.wysiwyg ol li{
    position:relative
}
.wysiwyg ol li:not(:last-child){
    margin-bottom:8px
}
.wysiwyg a{
    color:#060668
}
.wysiwyg a:hover{
    color:#a5a8b5
}
.wysiwyg strong{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal
}
.wysiwyg__table-wrapper{
    width:100%;
    max-width:1080px;
    overflow-x:scroll;
    margin-bottom:25px
}

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


    #special{display: none;}
   
}
@media screen and (min-width:786px){

    #special2{display:none;}
 
    
}
@media screen and (min-width:1080px){


 
    .wysiwyg__table-wrapper{
        margin-bottom:30px
    }
}
.wysiwyg table{
    width:100%
}
.wysiwyg table tr{
    border-bottom:1px solid #a5a8b5
}
.wysiwyg table thead tr{
    background:#f2f2f2
}
.wysiwyg table th{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal
}
.wysiwyg table td,.wysiwyg table th{
    min-width:180px;
    padding:10px 3px;
    font-size:16px;
    line-height:24px
}
.wysiwyg--sm li,.wysiwyg--sm p{
    font-size:16px;
    line-height:25px
}
.wysiwyg--lg li,.wysiwyg--lg p{
    font-size:26px;
    line-height:40px
}
.wysiwyg--primary li,.wysiwyg--primary p{
    color:#060668
}
.wysiwyg--light li,.wysiwyg--light p{
    color:#fff
}
.dash-list ul{
    list-style:none;
    list-style-type:none;
    margin-left:0
}
.dash-list ul:not(:last-child){
    margin:0 0 25px
}
.dash-list li{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal;
    position:relative;
    padding-left:35px;
    color:#000;
    font-size:17px;
    line-height:30px
}
@media screen and (min-width:768px){
    .dash-list li{
        padding-left:40px;
        font-size:20px;
        line-height:35px
    }
}
.dash-list li:before{
    content:"";
    position:absolute;
    top:16px;
    left:0;
    width:15px;
    height:1px;
    background:#000
}
@media screen and (min-width:768px){
    .dash-list li:before{
        top:18px
    }
}
.dash-list li:not(:last-child){
    margin-bottom:20px
}
.dash-list--lg li{
    font-size:17px;
    line-height:30px
}
@media screen and (min-width:768px){
    .dash-list--lg li{
        font-size:26px;
        line-height:40px
    }
}
.dash-list--lg li:before{
    top:17px
}
@media screen and (min-width:768px){
    .dash-list--lg li:before{
        top:23px
    }
}
.dash-list--light li{
    color:#fff
}
.dash-list--light li:before{
    background:#fff
}
.bottom{
    margin-bottom:25px
}
@media screen and (min-width:1080px){
    .bottom{
        margin-bottom:30px
    }
}
.bottom--sm,.bottom--xs{
    margin-bottom:10px
}
@media screen and (min-width:480px){
    .bottom--sm{
        margin-bottom:15px
    }
}
.bottom--md{
    margin-bottom:15px
}
@media screen and (min-width:1080px){
    .bottom--md{
        margin-bottom:20px
    }
}
.bottom--lg{
    margin-bottom:40px
}
@media screen and (min-width:1080px){
    .bottom--lg{
        margin-bottom:50px
    }
}
.socials{
    display:flex;
    flex-flow:row;
    align-items:flex-end
}
.socials__item:not(:last-child){
    margin-right:15px
}
.socials__link svg{
    display:block;
    fill:#000;
    transition:all .15s linear
}
.socials__link:hover svg{
    fill:#060668
}
.socials--light .socials__link svg{
    fill:#fff
}
.pagination{
    margin-top:40px;
    text-align:center
}
@media screen and (min-width:480px){
    .pagination{
        margin-top:70px
    }
}
.pagination .page-numbers{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    position:relative;
    display:inline-block;
    padding:0 7px;
    text-transform:uppercase;
    text-decoration:none;
    color:#a5a8b5;
    font-size:17px
}
.pagination .page-numbers.current{
    color:#060668
}
.scrolling-text-wrapper{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    width:100%;
    height:100%;
    pointer-events:none
}
.scrolling-text{
    position:absolute;
    bottom:0;
    left:0;
    transform:rotate(-90deg) translateY(100%);
    transform-origin:bottom left;
    display:flex;
    white-space:nowrap;
    color:#e6e6e8;
    font-size:100px
}
@media screen and (min-width:1080px){
    .scrolling-text{
        font-size:200px
    }
}
.scrolling-text__item{
    will-change:transform
}
.btn{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    display:inline-block;
    min-width:260px;
    padding:20px 50px;
    white-space:nowrap;
    text-align:center;
    font-size:16px;
    line-height:20px;
    background-color:#dd0e0e;
    color:#fff;
    cursor:pointer;
    border:none;
    border-radius:0;
    outline:none;
    -webkit-appearance:none;
    transition:none
}
.btn,.btn__text{
    position:relative
}
.btn__text{
    z-index:2
}
.btn:after,.btn:before{
    content:"";
    position:absolute;
    left:0;
    transform:scaleX(0);
    transform-origin:right;
    z-index:1;
    width:100%;
    height:50%;
    background-color:#a5a8b5;
    transition:transform .3s cubic-bezier(.445,.05,.55,.95)
}
.btn:before{
    top:0
}
.btn:after{
    top:50%;
    transition-delay:.1s
}
@media (hover:hover){
    .btn:hover:after,.btn:hover:before{
        transform:scaleX(1);
        transform-origin:left
    }
}
.list-btn{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    display:inline-block;
    padding:12px 4vw;
    white-space:nowrap;
    text-align:center;
    font-size:13px;
    line-height:20px;
    background:none;
    color:#000;
    cursor:pointer;
    border:1px solid #a5a8b5;
    border-radius:0;
    outline:none;
    -webkit-appearance:none;
    transition:all .15s linear
}
.list-btn:not(:last-child){
    margin:0 1.5vw 10px 0
}
@media screen and (min-width:480px){
    .list-btn{
        padding:12px 20px;
        font-size:14px
    }
}
@media screen and (min-width:900px){
    .list-btn{
        padding:19px 40px;
        font-size:16px;
        line-height:20px
    }
    .list-btn:not(:last-child){
        margin:0 18px 20px 0
    }
}
.list-btn sup{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal;
    margin-left:3px;
    font-size:10px
}
@media screen and (min-width:900px){
    .list-btn sup{
        font-size:11px
    }
}
.list-btn.active{
    background:#060668;
    border-color:#060668;
    color:#fff
}
.list-btn--light{
    color:#fff
}
.list-btn--light.active{
    background:#fff;
    border-color:#fff;
    color:#060668
}
input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{
    display:block;
    width:100%;
    padding:18px 20px;
    color:#000;
    background:#fff;
    border:1px solid #dddee3;
    border-radius:0;
    -webkit-appearance:none;
    font-family:Aeonik Medium,sans-serif;
    font-weight: 100;
    font-style:normal;
    font-size:16px;
    line-height:25px;
    letter-spacing:.5px;
    transition:all .15s linear
}
input[type=date]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#000
}
input[type=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{
    color:#000
}
input[type=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#000
}
input[type=date]:-webkit-autofill,input[type=date]:-webkit-autofill:focus,input[type=date]:-webkit-autofill:hover,input[type=email]:-webkit-autofill,input[type=email]:-webkit-autofill:focus,input[type=email]:-webkit-autofill:hover,input[type=number]:-webkit-autofill,input[type=number]:-webkit-autofill:focus,input[type=number]:-webkit-autofill:hover,input[type=password]:-webkit-autofill,input[type=password]:-webkit-autofill:focus,input[type=password]:-webkit-autofill:hover,input[type=search]:-webkit-autofill,input[type=search]:-webkit-autofill:focus,input[type=search]:-webkit-autofill:hover,input[type=tel]:-webkit-autofill,input[type=tel]:-webkit-autofill:focus,input[type=tel]:-webkit-autofill:hover,input[type=text]:-webkit-autofill,input[type=text]:-webkit-autofill:focus,input[type=text]:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{
    background:none;
    -webkit-box-shadow:0 0 0 1000px #fff inset;
    -webkit-text-fill-color:#000;
    transition:none
}
input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{
    outline:none
}
textarea{
    max-width:100%;
    min-height:150px
}
select::-ms-expand{
    display:none
}
select{
    width:100%;
    padding:18px 60px 18px 20px
}
.select-box{
    position:relative;
    display:block;
    width:100%
}
.select-box:after{
    content:"";
    position:absolute;
    top:27px;
    right:25px;
    display:block;
    width:20px;
    height:11px;
    background:url("../../resources/assets/svg/select-icon.svg") no-repeat;
    background-size:20px 11px;
    pointer-events:none
}
.selectric-wrapper{
    width:100%
}
.selectric-wrapper .selectric{
    background:#fff;
    border:1px solid #dddee3
}
.selectric-wrapper .selectric .label{
    height:63px;
    margin:0;
    padding:18px 100px 18px 20px;
    color:#000;
    font-family:Aeonik Medium,sans-serif;
    font-weight: 100;
    font-style:normal;
    font-size:16px;
    line-height:25px;
    letter-spacing:.5px
}
.selectric-wrapper .selectric .button{
    width:70px;
    height:63px;
    background:none;
    overflow:hidden;
    text-indent:1000px;
    font:initial
}
.selectric-wrapper .selectric .button:after{
    content:"";
    position:absolute;
    top:27px;
    left:25px;
    display:block;
    width:20px;
    height:11px;
    margin:0;
    background:url("../../resources/assets/svg/select-icon.svg") no-repeat;
    background-size:20px 11px;
    border:none;
    pointer-events:none
}
.selectric-wrapper .selectric-items{
    background:#fff;
    border:1px solid #dddee3;
    border-top:none
}
.selectric-wrapper .selectric-items li{
    padding:12px 20px;
    color:#000;
    font-family:Aeonik Medium,sans-serif;
    font-weight: 100;
    font-style:normal;
    font-size:16px;
    line-height:25px;
    letter-spacing:.5px
}
.selectric-wrapper .selectric-items li:hover:not(.highlighted),.selectric-wrapper .selectric-items li:hover:not(.selected){
    background:#f2f2f2
}
.selectric-wrapper .selectric-items li.highlighted,.selectric-wrapper .selectric-items li.selected{
    color:#fff;
    background:#dd0e0e
}
.checkbox{
    position:relative;
    display:inline-block;
    cursor:pointer
}
.checkbox__icon{
    position:absolute;
    top:0;
    left:0;
    display:flex;
    justify-content:center;
    align-items:center;
    width:30px;
    height:30px;
    background:#fff;
    border:1px solid #dddee3;
    border-radius:0;
    cursor:pointer
}
.checkbox__icon:before{
    content:"";
    display:block;
    width:14px;
    height:10px;
    background:none;
    transition:all .15s linear
}
.checkbox input[type=checkbox]{
    position:absolute;
    width:0;
    height:0;
    margin:0;
    opacity:0;
    visibility:hidden
}
.checkbox input[type=checkbox]:checked~.checkbox__icon:before{
    background:url("../../resources/assets/svg/tick.svg") no-repeat
}
.checkbox__label{
    display:inline-block;
    color:#4e5d6c;
    padding-left:43px;
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal;
    font-style:italic;
    font-size:16px;
    line-height:30px
}
.checkbox:not(:last-child){
    margin-bottom:15px
}
.form-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:26px
}
@media screen and (min-width:600px){
    .form-grid{
        grid-template-columns:1fr 1fr
    }
}
.form-grid__row{
    grid-column-start:1;
    grid-column-end:3
}
@media screen and (min-width:600px){
    .form-grid__row--item-a{
        grid-column-start:1;
        grid-column-end:2
    }
}
@media screen and (min-width:600px){
    .form-grid__row--item-b{
        grid-column-start:2
    }
}
.form-grid__row--submit{
    display:flex;
    flex-flow:column;
    align-items:flex-start;
    margin-top:30px
}
@media screen and (min-width:768px){
    .form-grid__row--submit{
        flex-flow:row wrap;
        justify-content:space-between;
        align-items:center
    }
}
@media screen and (max-width:767px){
    .form-grid__row--submit .btn{
        order:2
    }
    .form-grid__row--submit .g-recaptcha{
        order:1;
        margin-bottom:30px
    }
}
.form-grid__row--login{
    display:flex;
    flex-flow:column
}
@media screen and (min-width:768px){
    .form-grid__row--login{
        flex-flow:row;
        justify-content:space-between;
        align-items:center
    }
}
@media screen and (max-width:767px){
    .form-grid__row--login .form-link{
        margin-top:20px
    }
}
.form-message .error{
    color:#c50f0f
}
.form-message .errors-list{
    width:100%;
    margin:10px 0 0 22px;
    list-style-type:disc
}
.form-message .errors-list li{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal;
    color:#c50f0f;
    font-size:16px;
    line-height:24px
}
.form-message .errors-list li:not(:last-child){
    margin-bottom:5px
}
.form-message.active{
    margin-bottom:30px
}
.form-message.active.form-message--error{
    padding:25px;
    border:2px solid #c50f0f
}
@media screen and (min-width:1080px) and (max-width:1360px){
    .contact-form .form-grid__row--submit{
        flex-flow:column;
        align-items:flex-start
    }
    .contact-form .form-grid__row--submit .btn{
        order:2
    }
    .contact-form .form-grid__row--submit .g-recaptcha{
        order:1;
        margin-bottom:30px
    }
}
.register-form .form-checkboxes{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px
}
@media screen and (min-width:480px){
    .register-form .form-checkboxes{
        grid-template-columns:repeat(3,1fr)
    }
}
@media screen and (min-width:768px){
    .register-form .form-checkboxes{
        grid-template-columns:repeat(4,1fr)
    }
}
.register-form .form-checkboxes .checkbox__label{
    font-style:normal;
    font-size:14px;
    letter-spacing:.5px
}
.register-form .form-checkboxes .checkbox:not(:last-child){
    margin-bottom:0
}
.slick-dots{
    overflow:hidden;
    display:flex;
    flex-flow:row
}
.slick-dots li{
    position:relative;
    display:block;
    padding:6px
}
.slick-dots li:not(:last-child){
    margin-right:10px
}
.slick-dots li button{
    display:block;
    width:6px;
    height:6px;
    background:#fff;
    border:none;
    border-radius:0;
    outline:none;
    appearance:none;
    text-indent:-1000px;
    transition:all .3s ease
}
.slick-dots li.slick-active button{
    width:12px
}
.slick-numbers{
    font-size:26px
}
.slick-arrow{
    cursor:pointer;
    background:none;
    border:none;
    border-radius:0;
    outline:none;
    appearance:none
}
.slick-arrow.slick-prev{
    margin-right:15vw
}
@media screen and (min-width:600px){
    .slick-arrow.slick-prev{
        margin-right:60px
    }
}
.slick-arrow.slick-disabled{
    opacity:.5;
    cursor:default
}
.square-arrows .slick-arrow{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:46px;
    height:46px;
    background:#fff;
    transition:all .15s linear
}
@media screen and (min-width:900px){
    .square-arrows .slick-arrow{
        width:60px;
        height:60px
    }
}
.square-arrows .slick-arrow svg{
    width:8px;
    height:15px;
    transition:all .15s linear
}
@media screen and (min-width:768px){
    .square-arrows .slick-arrow svg{
        width:11px;
        height:20px
    }
}
.square-arrows .slick-arrow:not(.slick-disabled):hover{
    background:#060668
}
.square-arrows .slick-arrow:not(.slick-disabled):hover svg{
    fill:#fff
}
.square-arrows .slick-prev{
    margin-right:20px
}
.square-arrows--secondary .slick-arrow:not(.slick-disabled):hover{
    background:#dd0e0e
}
.hero{
    position:relative
}
.hero .big-arrow-icon{
    display:block;
    position:absolute;
    bottom:30px;
    right:4.5vw;
    z-index:10;
    width:70px;
    height:74px
}
@media screen and (min-width:768px){
    .hero .big-arrow-icon{
        width:10vw;
        height:auto
    }
}
@media screen and (min-width:1080px){
    .hero .big-arrow-icon{
        bottom:70px
    }
}
.hero__img,.hero__img:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.hero__img:after{
    content:"";
    background:#000;
    opacity:.45
}
.hero__img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.hero__content{
    max-width:900px;
    min-height:620px;
    padding:130px 0 60px
}
@media screen and (min-width:480px){
    .hero__content{
        padding-top:160px
    }
}
@media screen and (min-width:768px){
    .hero__content{
        padding-top:200px;
        padding-right:10vw
    }
}
@media screen and (min-width:1280px){
    .hero__content{
        padding-top:240px;
        padding-right:0
    }
}
@media screen and (min-width:1600px){
    .hero__content{
        min-height:770px
    }
}
@media screen and (max-width:1079px){
    .hero__sub-title{
        margin-bottom:15px
    }
}
.hero__title{
    font-size:55px;
    line-height:60px;
    letter-spacing:-.5px
}
@media screen and (min-width:1080px){
    .hero__title{
        font-size:75px;
        line-height:85px;
        letter-spacing:-1px
    }
}
@media screen and (min-width:1600px){
    .hero__title{
        font-size:100px;
        line-height:110px
    }
}
.hero-coloured{
    position:relative;
    overflow:hidden;
    padding-top:0px
}
@media screen and (min-width:480px){
    .hero-coloured{
        padding-top:0px
    }
}
@media screen and (min-width:1360px){
    .hero-coloured{
        padding-top:0px
    }
}
.hero-coloured__sub-title{
    position:relative;
    z-index:10;
    width:100%;
    padding-bottom:55px
}
@media screen and (min-width:1080px){
    .hero-coloured__sub-title{
        padding-bottom:65px
    }
}
.hero-coloured__title{
    position:relative;
    z-index:10;
    margin-top:-36px;
    max-width:850px;
    font-size:55px;
    line-height:60px;
    letter-spacing:-.32px
}
@media screen and (min-width:480px){
    .hero-coloured__title{
        margin-top:-47px;
        font-size:75px;
        line-height:80px;
        letter-spacing:-.5px
    }
}
@media screen and (min-width:1080px){
    .hero-coloured__title{
        margin-top:-65px;
        font-size:100px;
        line-height:110px
    }
}
.hero-coloured__img{
    position:relative;
    height:640px
}
@media screen and (max-width:479px){
    .hero-coloured__img{
        max-height:70vh
    }
}
@media screen and (min-width:900px){
    .hero-coloured__img{
        height:540px
    }
}
@media screen and (min-width:1360px){
    .hero-coloured__img{
        height:645px
    }
}
.hero-coloured__img:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.45
}
.hero-coloured__img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.hero-coloured__container{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    z-index:10;
    display:flex;
    flex-flow:column;
    justify-content:space-between;
    width:100%;
    height:100%
}
.hero-coloured__content{
    position:relative;
    padding:40px 0
}
@media screen and (min-width:1080px){
    .hero-coloured__content{
        padding:50px 0
    }
}
.hero-coloured__content:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:calc(100% + 60px);
    height:1px;
    background:#fff
}
@media screen and (min-width:768px){
    .hero-coloured__content:before{
        transform:translateX(calc(-30% + 40px));
        width:100%
    }
}
@media screen and (min-width:1080px){
    .hero-coloured__content:before{
        transform:translateX(calc(-50% + 120px))
    }
}
.hero-coloured__text{
    font-size:20px;
    line-height:35px
}
@media screen and (min-width:768px){
    .hero-coloured__text{
        max-width:550px
    }
}
@media screen and (min-width:1080px){
    .hero-coloured__text{
        font-size:26px;
        line-height:40px
    }
}
.hero-coloured__cta{
    margin:30px 0 10px
}
@media screen and (min-width:1080px){
    .hero-coloured__cta{
        position:absolute;
        top:0;
        right:0;
        transform:translateY(-100%);
        margin:0
    }
}
.hero-coloured--alt .hero-coloured__title{
    margin-top:-25px;
    font-size:40px;
    line-height:45px;
    letter-spacing:-.32px
}
@media screen and (min-width:1080px){
    .hero-coloured--alt .hero-coloured__title{
        margin-top:-40px;
        font-size:55px;
        line-height:60px
    }
}
.hero-coloured--alt .hero-coloured__cta{
    position:relative;
    transform:none
}
@media screen and (min-width:1080px){
    .hero-coloured--alt .hero-coloured__cta{
        margin:45px 0 20px
    }
}
.hero-overlap{
    position:relative
}
.hero-overlap__img,.hero-overlap__img:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.hero-overlap__img:after{
    content:"";
    background:#000;
    opacity:.45
}
.hero-overlap__img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.hero-overlap__content{
    min-height:820px;
    padding:130px 0 260px
}
@media screen and (min-width:480px){
    .hero-overlap__content{
        padding-top:160px
    }
}
@media screen and (min-width:768px){
    .hero-overlap__content{
        padding-top:240px
    }
}
@media screen and (min-width:1600px){
    .hero-overlap__content{
        min-height:970px
    }
}
@media screen and (max-width:1079px){
    .hero-overlap__sub-title{
        margin-bottom:15px
    }
}
.hero-overlap__title{
    font-size:55px;
    line-height:60px;
    letter-spacing:-.5px
}
@media screen and (min-width:1080px){
    .hero-overlap__title{
        font-size:75px;
        line-height:85px;
        letter-spacing:-1px
    }
}
@media screen and (min-width:1600px){
    .hero-overlap__title{
        font-size:100px;
        line-height:110px
    }
}
.hero-overlap__text{
    max-width:720px;
    margin-top:20px
}
@media screen and (min-width:1080px){
    .hero-overlap__text{
        margin-top:35px
    }
}
.intro-section{
    position:relative;
    padding:75px 0
}
@media screen and (min-width:768px){
    .intro-section{
        padding:120px 0
    }
}
@media screen and (min-width:1360px){
    .intro-section{
        padding:200px 0
    }
}
.intro-section .big-arrow-icon{
    display:none
}
@media screen and (min-width:1800px){
    .intro-section .big-arrow-icon{
        display:block;
        position:absolute;
        top:100px;
        right:4.5vw;
        width:10vw;
        height:auto
    }
}
.intro{
    display:flex;
    flex-flow:row wrap
}
.intro__item{
    width:100%
}
@media screen and (min-width:1080px){
    .intro__item:first-child{
        width:45%;
        margin-right:5%;
        margin-top:10px
    }
    .intro__item:nth-child(2){
        width:45%;
        
    }
}
@media screen and (min-width:1080px){
    
}
@media screen and (max-width:767px){
    .intro__item .btn{
        margin-top:40px
    }
}
.intro-textareas{
    display:flex;
    flex-flow:row wrap
}
.intro-textareas__item{
    width:100%
}
@media screen and (max-width:767px){
    .intro-textareas__item:not(:last-child){
        margin-bottom:40px
    }
}
@media screen and (min-width:768px){
    .intro-textareas__item{
        width:99%;
        margin-right:2%;
        margin-bottom:55px
    }
}
.intro-overlap-wrapper{
    position:relative;
    margin-top:-200px;
    padding-left:30px;
    background:linear-gradient(90deg,transparent 30px,#fff 0)
}
@media screen and (min-width:768px){
    .intro-overlap-wrapper{
        padding-left:60px;
        background:linear-gradient(90deg,transparent 60px,#fff 0)
    }
}
@media screen and (min-width:1360px){
    .intro-overlap-wrapper{
        padding-left:0
    }
}
@media screen and (min-width:1644px){
    .intro-overlap-wrapper{
        background:linear-gradient(90deg,transparent calc(50% - 722px),#fff calc(50% - 722px))
    }
}
.intro-overlap{
    position:relative;
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    padding:80px 15px
}
@media screen and (min-width:480px) and (max-width:767px){
    .intro-overlap{
        padding-left:30px;
        padding-right:30px
    }
}
@media screen and (min-width:1080px){
    .intro-overlap{
        padding:130px 0
    }
}
/* .intro-overlap__content{
    max-width:960px
} */
@media screen and (max-width:479px){
    .intro-overlap__content .alpha{
        font-size:26px;
        line-height:32px
    }
}
.txt-img-overlap-section{
    position:relative;
    padding:0 0 50px
}
@media screen and (min-width:768px){
    .txt-img-overlap-section{
        padding:0 0 75px
    }
}
@media screen and (min-width:1360px){
    .txt-img-overlap-section{
        padding:0 0 100px
    }
}
.txt-img-overlap-section:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    width:50%;
    height:75px;
    background:var(--brand-color)
}
@media screen and (min-width:1080px){
    .txt-img-overlap-section:before{
        width:calc(50% + 120px);
        height:130px
    }
}
.txt-img-overlap{
    display:flex;
    flex-flow:row wrap;
    justify-content:flex-end;
    align-items:flex-start
}
@media screen and (min-width:768px){
    .txt-img-overlap{
        justify-content:space-between
    }
}
.txt-img-overlap__img{
    position:relative;
    width:75%;
    max-width:500px
}
@media screen and (min-width:768px){
    .txt-img-overlap__img{
        order:2;
        width:calc(50% + 40px);
        max-width:inherit
    }
}
.txt-img-overlap__img:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.25
}
.txt-img-overlap__img img{
    width:100%
}
@media screen and (min-width:768px) and (max-width:1280px){
    .txt-img-overlap__img img{
        height:500px;
        object-fit:cover
    }
}
.txt-img-overlap__content{
    position:relative;
    width:100%;
    padding-right:30px;
    padding-left:30px;
    padding-top:80px
}
@media screen and (min-width:768px){
    .txt-img-overlap__content{
        order:1;
        width:calc(50% - 40px);
        padding-right:60px;
        padding-left:120px;
        padding-top:180PX
    }
}
@media screen and (min-width:1600px){
    .txt-img-overlap__content{
        padding-left:170px;
        padding-top:450px
    }
}
@media screen and (min-width:1644px){
    .txt-img-overlap__content{
        padding-left:calc(50% - 612px)
    }
}
@media screen and (min-width:768px){
    .txt-img-overlap__title{
        width:900px;
        max-width:30vw
    }
}
@media screen and (min-width:768px) and (max-width:1280px){
    .txt-img-overlap__title{
        min-height:37px
    }
}
@media screen and (min-width:768px){
    .txt-img-overlap__textarea{
        width:420px
    }
}
@media screen and (min-width:1280px){
    .txt-img-overlap__textarea{
        width:auto
    }
}
.brands-slider-section{
    padding:50px 0
}
@media screen and (min-width:768px){
    .brands-slider-section{
        padding:75px 0
    }
}
@media screen and (min-width:1360px){
    .brands-slider-section{
        padding:100px 0
    }
}
.brands-slider-section--lg{
    padding:75px 0
}
@media screen and (min-width:768px){
    .brands-slider-section--lg{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .brands-slider-section--lg{
        padding:150px 0
    }
}
@media screen and (min-width:900px){
    .brands-slider-container{
        padding-left:60px
    }
}
@media screen and (min-width:1662px){
    .brands-slider-container{
        padding-left:calc(50% - 722px)
    }
}
.brands-slider-title{
    padding:0 30px
}
@media screen and (min-width:768px){
    .brands-slider-title{
        padding:0 60px
    }
}
@media screen and (min-width:900px){
    .brands-slider-title{
        padding:0
    }
}
.brands-slider-wrapper{
    display:flex;
    flex-flow:row wrap
}
.brands-slider-wrapper__nav{
    display:flex;
    flex-flow:row;
    justify-content:space-between;
    width:100%;
    padding:0 30px;
    margin-bottom:50px
}
@media screen and (min-width:768px){
    .brands-slider-wrapper__nav{
        padding:0 60px
    }
}
@media screen and (min-width:900px){
    .brands-slider-wrapper__nav{
        flex-flow:column;
        justify-content:space-around;
        width:calc(25% + 1px);
        margin-bottom:0;
        padding:0;
        border:1px solid #a5a8b5;
        border-left:none
    }
}
@media screen and (min-width:1600px){
    .brands-slider-wrapper__nav{
        width:360px
    }
}
.brands-slider-wrapper__nav .slick-numbers__current{
    color:#a5a8b5
}
.brands-slider-wrapper__content{
    width:100%;
    border-top:1px solid #a5a8b5
}
@media screen and (min-width:900px){
    .brands-slider-wrapper__content{
        width:75%;
        margin-left:-1px
    }
}
@media screen and (min-width:1600px){
    .brands-slider-wrapper__content{
        width:calc(100% - 360px)
    }
}
@media screen and (max-width:899px){
    .brands-slider{
        margin-left:-1px
    }
}
.brands-slider__slide{
    border-left:1px solid #a5a8b5
}
.brands-slider__row{
    display:flex;
    flex-flow:row wrap
}
.brands-slider__logo{
    display:flex;
    justify-content:center;
    align-items:center;
    width:50%;
    height:130px;
    background-color:#f2f2f2;
    border-right:1px solid #a5a8b5;
    border-bottom:1px solid #a5a8b5
}
@media screen and (min-width:600px){
    .brands-slider__logo{
        width:25%;
        height:200px
    }
}
.brands-slider__logo:nth-child(4),.brands-slider__logo:nth-child(8){
    border-right:none
}
@media screen and (max-width:599px){
    .brands-slider__logo:nth-child(2),.brands-slider__logo:nth-child(6){
        border-right:none
    }
}
.brands-slider__logo svg{
    max-width:70%
}
@media screen and (min-width:600px){
    .brands-slider__logo svg{
        max-width:80%
    }
}
.brand-logo-hover svg{
    filter:grayscale(1);
    opacity:.5
}
.brand-logo-hover:hover svg{
    filter:none;
    opacity:1
}
.column-cards-section{
    padding:50px 0 0
}
@media screen and (min-width:768px){
    .column-cards-section{
        padding:75px 0 0
    }
}
@media screen and (min-width:1360px){
    .column-cards-section{
        padding:100px 0 0
    }
}
.column-cards{
    display:flex;
    flex-flow:row wrap
}
.column-cards__content{
    width:100%;
    padding:0 0 60px
}
@media screen and (min-width:1080px){
    .column-cards__content{
        width:calc(50% - 40px);
        padding:160px 60px 0
    }
}
@media screen and (min-width:1600px){
    .column-cards__content{
        padding-left:110px
    }
}
.column-cards__content .btn{
    margin-top:40px
}
@media screen and (min-width:1080px){
    .column-cards__content .btn{
        margin-top:50px
    }
}
.column-cards__cards{
    width:100%
}
@media screen and (min-width:1080px){
    .column-cards__cards{
        width:calc(50% + 40px)
    }
}
.column-cards__card{
    display:flex;
    flex-flow:column;
    justify-content:center;
    width:600px;
    max-width:100%;
    min-height:300px;
    padding:40px 30px;
    background:#fff;
    border:1px solid #a5a8b5;
    border-top:0
}
@media screen and (min-width:768px){
    .column-cards__card{
        min-height:330px;
        padding:40px 80px
    }
}
@media screen and (min-width:1080px){
    .column-cards__card{
        margin-left:auto
    }
}
.column-cards__card:first-child{
    border-top:1px solid #a5a8b5;
    background:#060668
}
.column-cards__card:first-child .column-cards__card-number,.column-cards__card:first-child .wysiwyg li,.column-cards__card:first-child .wysiwyg p{
    color:#fff
}
.column-cards__card:nth-child(2){
    background-image:url("../../resources/assets/svg/shapes.svg");
    background-repeat:repeat;
    background-size:760px;
    background-position:10% 20%
}
.column-cards__card-number{
    color:#060668;
    font-size:60px;
    letter-spacing:-1px
}
@media screen and (min-width:414px){
    .column-cards__card-number{
        font-size:80px
    }
}
@media screen and (min-width:480px){
    .column-cards__card-number{
        font-size:100px
    }
}
.accordion__item:not(:last-child){
    margin-bottom:20px
}
.accordion__trigger{
    display:flex;
    flex-flow:row;
    cursor:pointer
}
.accordion__trigger svg{
    display:block;
    margin-right:15px
}
.accordion__trigger h4{
    font-size:13px
}
.accordion__content{
    display:none;
    padding:10px 0 0 55px
}
@media screen and (min-width:1080px){
    .quick-links-wrapper{
        padding-top:40px
    }
}
.quick-links{
    display:none
}
@media screen and (min-width:1080px){
    .quick-links{
        position:sticky;
        top:0;
        z-index:100;
        overflow:hidden;
        display:block;
        padding-top:30px;
        padding-bottom:30px
    }
}
.quick-links__menu{
    display:flex;
    flex-flow:row;
    justify-content:space-between
}
.quick-links__item a{
    position:relative;
    display:block;
    color:#a5a8b5;
    font-size:17px;
    padding-bottom:45px
}
@media screen and (min-width:1360px){
    .quick-links__item a{
        font-size:20px
    }
}
.quick-links__item a span{
    color:#060668
}
.quick-links__item a:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:19px;
    height:19px;
    background:#fff;
    border:1px solid #060668
}
.quick-links__item.active a{
    color:#000
}
.quick-links__progress{
    position:absolute;
    bottom:38px;
    left:0;
    z-index:-1;
    width:100%;
    height:2px;
    background:#a5a8b5
}
.quick-links__progress-bar{
    position:absolute;
    bottom:0;
    left:-100%;
    width:100%;
    height:2px;
    background:#060668
}
.quick-links-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .quick-links-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .quick-links-section{
        padding:130px 0
    }
}
@media screen and (min-width:1080px){
    .quick-links-section:nth-of-type(2n) .quick-links-row__col-sm{
        order:2;
        display:flex;
        flex-flow:column;
        align-items:flex-end;
        padding-left:60px
    }
    .quick-links-section:nth-of-type(2n) .quick-links-row__col-lg{
        order:1
    }
}
.quick-links-row{
    display:flex;
    flex-flow:row wrap
}
.quick-links-row__col-sm{
    width:100%;
    margin-bottom:40px
}
@media screen and (min-width:1080px){
    .quick-links-row__col-sm{
        width:calc(50% - 40px);
        margin-bottom:0
    }
}
.quick-links-row__col-lg{
    width:100%
}
@media screen and (min-width:1080px){
    .quick-links-row__col-lg{
        width:calc(50% + 40px)
    }
}
@media screen and (min-width:1080px){
    .quick-links-row--icons .quick-links-row__col-sm{
        padding-right:60px
    }
}
.quick-links-number{
    display:block;
    margin-bottom:-35px;
    font-size:150px;
    line-height:130px;
    letter-spacing:-1.3px
}
@media screen and (min-width:1080px){
    .quick-links-number{
        margin-bottom:-45px;
        font-size:225px;
        line-height:200px;
        letter-spacing:-2px
    }
}
.quick-links-title-wrap{
    max-width:400px
}
.quick-links-icons__item{
    display:flex;
    flex-flow:row wrap
}
.quick-links-icons__item:not(:last-child){
    margin-bottom:40px;
    padding-bottom:35px;
    border-bottom:1px solid #a5a8b5
}
@media screen and (min-width:1080px){
    .quick-links-icons__item:not(:last-child){
        margin-bottom:80px;
        padding-bottom:75px
    }
}
.quick-links-icons__icon{
    width:100%;
    margin:0 0 20px
}
@media screen and (min-width:1080px){
    .quick-links-icons__icon{
        width:120px;
        margin:10px 0 0
    }
}
@media screen and (min-width:1360px){
    .quick-links-icons__icon{
        width:160px
    }
}
.quick-links-icons__icon img{
    max-width:70px
}
@media screen and (min-width:1360px){
    .quick-links-icons__icon img{
        max-width:120px
    }
}
.quick-links-icons__textarea{
    width:100%
}
@media screen and (min-width:1080px){
    .quick-links-icons__textarea{
        width:calc(100% - 120px)
    }
}
@media screen and (min-width:1360px){
    .quick-links-icons__textarea{
        width:calc(100% - 160px)
    }
}
.scrolling-slider-section{
    padding:70px 0
}
@media screen and (min-width:768px){
    .scrolling-slider-section{
        padding:90px 0
    }
}
@media screen and (min-width:1360px){
    .scrolling-slider-section{
        padding:120px 0
    }
}
.scrolling-slider{
    display:flex;
    flex-flow:row wrap
}
@media screen and (min-width:900px){
    .scrolling-slider{
        align-items:flex-start
    }
}
.scrolling-slider__fixed{
    width:100%;
    padding:0 20px 60px
}
@media screen and (min-width:900px){
    .scrolling-slider__fixed{
        position:sticky;
        top:180px;
        width:58%;
        padding:0 100px 0 60px
    }
}
@media screen and (min-width:1080px){
    .scrolling-slider__fixed{
        top:120px
    }
}
@media screen and (min-width:1360px){
    .scrolling-slider__fixed{
        padding:0 100px
    }
}
.scrolling-slider__fixed img{
    max-width:300px
}
.scrolling-slider__content{
    width:100%
}
@media screen and (min-width:900px){
    .scrolling-slider__content{
        width:42%
    }
}
.scrolling-slider__title{
    font-size:26px;
    line-height:32px
}
@media screen and (min-width:1360px){
    .scrolling-slider__title{
        font-size:35px;
        line-height:40px
    }
}
.numbered-blocks__item{
    position:relative;
    max-width:480px;
    counter-increment:block
}
@media screen and (min-width:1080px){
    .numbered-blocks__item{
        max-width:none;
        padding-left:10vw
    }
}
.numbered-blocks__item:before{
    content:"0" counter(block);
    display:block;
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal;
    color:#060668;
    font-size:55px;
    margin-bottom:10px
}
@media screen and (min-width:480px){
    .numbered-blocks__item:before{
        font-size:70px
    }
}
@media screen and (min-width:900px){
    .numbered-blocks__item:before{
        margin-bottom:20px
    }
}
@media screen and (min-width:1080px){
    .numbered-blocks__item:before{
        position:absolute;
        top:-5px;
        left:0
    }
}
@media screen and (min-width:1600px){
    .numbered-blocks__item:before{
        top:-15px;
        font-size:100px
    }
}
.numbered-blocks__item .wysiwyg{
    margin-bottom:60px
}
@media screen and (min-width:1080px){
    .numbered-blocks__item .wysiwyg{
        margin-bottom:80px
    }
}
.numbered-blocks__item .wysiwyg li,.numbered-blocks__item .wysiwyg p{
    font-family:Aeonik Medium,sans-serif;
    font-weight: 300;
    font-style:normal;
    color:#fff;
    font-size:16px;
    line-height:24px;
    letter-spacing:.5px
}
.numbered-blocks__item:not(:last-child){
    margin-bottom:60px
}
@media screen and (min-width:1080px){
    .numbered-blocks__item:not(:last-child){
        margin-bottom:120px
    }
}
.featured-quote{
    position:relative;
    padding:35px 0 0
}
@media screen and (min-width:768px){
    .featured-quote{
        padding:75px 0 0
    }
}
@media screen and (min-width:1360px){
    .featured-quote{
        padding:100px 0 0
    }
}
.featured-quote--split-bg:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:50%;
    background:#f2f2f2
}
.featured-quote__row{
    position:relative;
    display:flex;
    flex-flow:row wrap
}
.featured-quote__img{
    width:100%
}
@media screen and (min-width:768px){
    .featured-quote__img{
        width:45%
    }
}
@media screen and (min-width:1080px){
    .featured-quote__img{
        width:calc(50% - 40px)
    }
}
@media screen and (min-width:900px){
    .featured-quote__img{
        padding-left:60px
    }
}
@media screen and (min-width:1662px){
    .featured-quote__img{
        padding-left:calc(50% - 722px)
    }
}
.featured-quote__img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center
}
.featured-quote__content{
    position:relative;
    display:flex;
    flex-flow:column;
    justify-content:center;
    align-items:center;
    width:100%;
    max-width:977px;
    padding:30px 30px 50px;
    background:#060668
}
@media screen and (min-width:480px){
    .featured-quote__content{
        padding:60px
    }
}
@media screen and (min-width:768px){
    .featured-quote__content{
        width:55%;
        min-height:720px
    }
}
@media screen and (min-width:1080px){
    .featured-quote__content{
        width:calc(50% + 40px)
    }
}
@media screen and (min-width:1360px){
    .featured-quote__content{
        min-height:940px
    }
}
.featured-quote__content-inner{
    width:620px;
    max-width:100%
}
.featured-quote__big-text{
    margin-bottom:5px;
    font-size:120px
}
@media screen and (min-width:480px){
    .featured-quote__big-text{
        margin-bottom:-39px;
        font-size:155px
    }
}
@media screen and (min-width:1360px){
    .featured-quote__big-text{
        margin-bottom:-60px;
        font-size:225px
    }
}
.cs-featured{
    position:relative
}
.cs-featured__numbers{
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    width:100%;
    padding:40px 30px 20px
}
@media screen and (min-width:768px){
    .cs-featured__numbers{
        width:calc(50% - 40px);
        padding:90px 0 20px 60px
    }
}
@media screen and (min-width:1662px){
    .cs-featured__numbers{
        padding-left:calc(50% - 722px)
    }
}
.cs-featured__numbers:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background:#fff
}
@media screen and (min-width:768px){
    .cs-featured__numbers:after{
        width:calc(100% + 80px)
    }
}
.cs-featured__numbers-inner{
    display:flex;
    flex-flow:row;
    justify-content:space-between
}
@media screen and (min-width:768px){
    .cs-featured__numbers-inner{
        max-width:325px
    }
}
@media screen and (min-width:1280px){
    .cs-featured__numbers-inner{
        max-width:425px
    }
}
.cs-featured__numbers .slick-numbers{
    display:flex;
    flex-flow:row;
    font-size:13px;
    letter-spacing:1px
}
.cs-featured__arrows{
    position:absolute;
    top:300px;
    left:30px;
    z-index:10
}
@media screen and (min-width:768px){
    .cs-featured__arrows{
        top:70px;
        right:60px;
        left:auto
    }
}
@media screen and (min-width:1080px){
    .cs-featured__arrows{
        top:235px;
        left:60px;
        right:auto
    }
}
@media screen and (min-width:1600px){
    .cs-featured__arrows{
        top:280px
    }
}
@media screen and (min-width:1662px){
    .cs-featured__arrows{
        left:calc(50% - 722px)
    }
}
.cs-featured .slick-track{
    display:flex;
    align-items:flex-start
}
@media screen and (min-width:900px){
    .cs-featured .slick-track{
        align-items:stretch
    }
}
.cs-featured__slide{
    position:relative;
    height:auto
}
.cs-featured__img{
    position:relative
}
@media screen and (min-width:900px){
    .cs-featured__img{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        padding-bottom:0
    }
}
@media screen and (max-width:899px){
    .cs-featured__img{
        min-height:425px
    }
}
.cs-featured__img:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.45
}
.cs-featured__img img{
    width:100%;
    height:425px;
    object-fit:cover
}
@media screen and (min-width:900px){
    .cs-featured__img img{
        height:100%
    }
}
.cs-featured__content{
    position:relative;
    width:100%;
    height:100%
}
@media screen and (min-width:900px){
    .cs-featured__content{
        width:50%
    }
}
@media screen and (min-width:1080px){
    .cs-featured__content{
        width:calc(50% - 40px)
    }
}
.cs-featured__container{
    display:flex;
    flex-flow:column;
    justify-content:space-between;
    width:100%;
    height:100%;
    background:rgba(6,6,104,.8);
    padding:0 30px 120px
}
@media screen and (min-width:768px){
    .cs-featured__container{
        padding:0 60px 120px
    }
}
@media screen and (min-width:900px){
    .cs-featured__container{
        min-height:700px;
        padding:130px 60px 80px
    }
}
@media screen and (min-width:1360px){
    .cs-featured__container{
        padding:130px 100px 80px 60px
    }
}
@media screen and (min-width:1600px){
    .cs-featured__container{
        min-height:900px
    }
}
@media screen and (min-width:1662px){
    .cs-featured__container{
        padding-left:calc(100% - 682px)
    }
}
.cs-featured__title{
    font-size:35px;
    line-height:60px;
    letter-spacing:-.5px;
    margin-top:-35px;
    padding:0 0 20px;color:#ffffff;
}
@media screen and (min-width:900px){
    .cs-featured__title{
        margin-top:0;
        padding:60px 0 20px
    }
}
@media screen and (min-width:1080px){
    .cs-featured__title{
        width:calc(400px + 11vw);
        padding:90px 0 120px 19vw;
        font-size:35px;
        line-height:40px;
        letter-spacing:-.75px
    }
}
@media screen and (min-width:1600px){
    .cs-featured__title{
        width:calc(800px + 19vw);
        padding:140px 0 120px 19vw;
        font-size:100px;
        line-height:92px;
        letter-spacing:-1px
    }
}
.cs-featured__cta{
    position:absolute;
    bottom:0;
    right:0;
    z-index:10
}
@media screen and (min-width:900px){
    .cs-featured__cta{
        bottom:80px;
        right:60px
    }
}
@media screen and (min-width:1662px){
    .cs-featured__cta{
        right:calc(50% - 722px)
    }
}
.related-brands-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .related-brands-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .related-brands-section{
        padding:150px 0
    }
}
.related-brands-section--no-top{
    padding-top:0
}
.related-brands-row{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between
}
.related-brands-row__left{
    width:100%;
    margin-bottom:40px
}
@media screen and (min-width:1080px){
    .related-brands-row__left{
        width:25%;
        margin-bottom:0
    }
}
.related-brands-row__right{
    width:100%
}
@media screen and (min-width:1080px){
    .related-brands-row__right{
        width:67%
    }
}
.related-brands-logos{
    display:flex;
    flex-flow:row wrap;
    border-top:1px solid #a5a8b5
}
.related-brands-logos__item{
    display:flex;
    justify-content:center;
    align-items:center;
    width:50%;
    height:130px;
    border-right:1px solid #a5a8b5;
    border-bottom:1px solid #a5a8b5
}
@media screen and (min-width:600px){
    .related-brands-logos__item{
        width:33.33333%;
        height:200px
    }
}
@media screen and (min-width:600px){
    .related-brands-logos__item:nth-child(3n){
        border-right:none
    }
}
@media screen and (max-width:599px){
    .related-brands-logos__item:nth-child(2n){
        border-right:none
    }
}
.related-brands-logos__item svg{
    max-width:70%
}
@media screen and (min-width:600px){
    .related-brands-logos__item svg{
        max-width:80%
    }
}
.header{
    position:fixed;
    top:0;
    left:0;
    z-index:300;
    display:flex;
    flex-flow:row;
    justify-content:space-between;
    align-items:center;
    width:100%;
    height:80px;
    background:#fff;
    transition:all .3s ease
}
@media screen and (min-width:768px){
    .header{
        height:110px
    }
}
@media screen and (min-width:1080px){
    .header{
        width:calc(100% - 80px);
        height:79px;
        background:none;
        transition:transform .3s ease
    }
}
.header__logo{
    display:flex;
    align-items:center;
    padding:0 0 0 30px
}
@media screen and (min-width:768px){
    .header__logo{
        padding:0 0 0 60px
    }
}
@media screen and (min-width:1700px){
    .header__logo{
        padding:0 0 0 80px
    }
}
.header__logo .logo{
    display:inline-flex;
    max-width:200px;
}
.header__logo .logo svg{
    display:block
}
@media screen and (max-width:767px){
    .header__logo .logo .logo-icon{
        width:31px;
        height:30px
    }
}
.header__logo .logo .logo-text{
    overflow:hidden;
    margin-left:9px
}
@media screen and (max-width:767px){
    .header__logo .logo .logo-text{
        width:136px;
        height:30px
    }
}
.header__logo .logo .logo-text path{
    fill:#fff
}
@media screen and (max-width:1079px){
    .header__logo .logo .logo-text path{
        fill:#000
    }
}
.header__logo .brand-logo{
    display:inline-flex;
    margin:0 20px
}
@media screen and (min-width:768px){
    .header__logo .brand-logo{
        margin-left:3.7vw
    }
}
.header__logo .brand-logo .brand-dropdown{
    position:relative;
    display:inline-flex
}
.header__logo .brand-logo .brand-dropdown__brand{
    display:inline-flex;
    padding-right:40px;
    cursor:pointer
}
@media screen and (min-width:768px){
    .header__logo .brand-logo .brand-dropdown__brand{
        padding-right:50px
    }
}
.header__logo .brand-logo .brand-dropdown__brand svg:first-child{
    width:auto;
    max-width:100%;
    height:20px
}
@media screen and (min-width:768px){
    .header__logo .brand-logo .brand-dropdown__brand svg:first-child{
        height:37px
    }
}
.header__logo .brand-logo .brand-dropdown__brand svg:first-child path{
    fill:#fff
}
.header__logo .brand-logo .brand-dropdown__brand .box-arrow-icon{
    position:absolute;
    top:0;
    right:0;
    pointer-events:none
}
@media screen and (max-width:767px){
    .header__logo .brand-logo .brand-dropdown__brand .box-arrow-icon{
        top:-6px;
        width:18px;
        height:26px
    }
}
.header__logo .brand-logo .brand-dropdown .sub-menu{
    width:280px;
    max-height:60vh;
    overflow-y:scroll
}
@media screen and (min-width:480px){
    .header__logo .brand-logo .brand-dropdown .sub-menu{
        max-height:calc(100vh - 130px)
    }
}
.header__logo .brand-logo .brand-dropdown .sub-menu>.menu-item>a{
    display:inline-flex
}
.header__logo .brand-logo .brand-dropdown .sub-menu>.menu-item>a svg{
    width:14px;
    height:14px;
    margin-right:10px
}
.header__logo .brand-logo .brand-dropdown.active .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:all
}
.header__nav{
    display:none
}
@media screen and (min-width:1280px){
    .header__nav{
        display:flex;
        align-items:center;
        width:calc(60% + 40px);
        height:100%;
        padding:0 3vw;
        background:#060668;
        transition:all .3s ease
    }
}
@media screen and (min-width:1360px){
    .header__nav{
        padding:0 5vw
    }
}
.header__nav.slide-up{
    transform:translateY(-100%)
}
.header__portal{
    display:none;
    margin:0 auto
}
@media screen and (min-width:768px){
    .header__portal{
        margin:0 60px 0 auto
    }
}
@media screen and (min-width:1080px){
    .header__portal{
        margin:0 110px 0 auto
    }
}
.header__portal .portal-link{
    display:flex;
    flex-flow:row;
    align-items:center;
    color:#000;
    transition:all .15s linear
}
.header__portal .portal-link .box-arrow-icon{
    display:block
}
@media screen and (max-width:767px){
    .header__portal .portal-link .box-arrow-icon{
        width:21px;
        height:14px
    }
}
.header__portal .portal-link .box-arrow-icon path{
    transition:all .15s linear
}
.header__portal .portal-link__text{
    margin-left:8px;
    font-size:14px
}
@media screen and (min-width:768px){
    .header__portal .portal-link__text{
        margin-left:15px;
        font-size:16px;
        letter-spacing:.5px
    }
}
.header__portal .portal-link:hover{
    color:#060668
}
.header__portal .portal-link:hover .box-arrow-icon__arrow{
    fill:#060668
}
.header__portal .portal-link:hover .box-arrow-icon__box{
    stroke:#060668
}
.header__burger{
    display:block;
    padding:0 20px 0 0
}
@media screen and (min-width:768px){
    .header__burger{
        padding:0 50px 0 0
    }
}
@media screen and (min-width:1080px){
    .header__burger{
        display:none
    }
}
.header.nav-is-active{
    background:#fff;
    transition:all .3s ease
}
.header.nav-is-active .logo-icon{
    transform:scale(1.5);
    transform-origin:top left
}
@media screen and (min-width:768px){
    .header.nav-is-active .logo-icon{
        transform:scale(1.75)
    }
}
@media screen and (min-width:1360px){
    .header.nav-is-active .logo-icon{
        transform:scale(2.5)
    }
}
.header.nav-is-active .header__nav,.header.nav-is-active .logo-text{
    display:none
}
.header.nav-is-active .header__portal{
    display:block
}
.header.modal-is-active{
    background:#000
}
.header.modal-is-active .logo-icon{
    transform:scale(1.5);
    transform-origin:top left
}
@media screen and (min-width:768px){
    .header.modal-is-active .logo-icon{
        transform:scale(1.75)
    }
}
@media screen and (min-width:1360px){
    .header.modal-is-active .logo-icon{
        transform:scale(2.5)
    }
}
.header.modal-is-active .header__nav,.header.modal-is-active .logo-text{
    display:none
}
.header.modal-is-active .burger--mob .burger__icon:after,.header.modal-is-active .burger--mob .burger__icon:before{
    background:#fff
}
.header.slide-up:not(.nav-is-active){
    transform:translateY(-100%)
}
.header--transparent:not(.nav-is-active){
    background:none;
    transition:none
}
.bg__nav{background: #060668;}
.header--transparent:not(.nav-is-active) .header__nav{
    background:none
}
.header--transparent:not(.nav-is-active) .logo-text path{
    fill:#fff
}
.header--transparent:not(.nav-is-active) .burger__icon:after,.header--transparent:not(.nav-is-active) .burger__icon:before{
    background:#fff
}
.header--transparent:not(.nav-is-active) .header-menu>.menu-item.menu-item-has-children .menu-item-icon__bg{
    fill:#060668
}
.header--transparent:not(.nav-is-active) .header-menu>.menu-item.menu-item-has-children:hover .menu-item-icon__chevron{
    fill:#fff
}
.header--dark:not(.nav-is-active){
    background:none;
    transition:none
}
.header--dark:not(.nav-is-active) .header__nav{
    background:none
}
.header--dark:not(.nav-is-active) .logo-text path{
    fill:#000
}
.header--dark:not(.nav-is-active) .burger__icon:after,.header--dark:not(.nav-is-active) .burger__icon:before{
    background:#000
}
.header--dark:not(.nav-is-active) .header-menu>.menu-item .search-btn svg path{
    fill:#000
}
.px-5{padding:30px; }
.header--dark:not(.nav-is-active) .header-menu .sub-menu{
    box-shadow:5px 5px 11px 0 rgba(0,0,0,.3)
}
.header--dark:not(.nav-is-active) .header-menu>.menu-item>a,.header--dark:not(.nav-is-active) .header-menu>.menu-item>span{
    color:#fff
}
.header--dark:not(.nav-is-active) .header-menu>.menu-item.menu-item-has-children .menu-item-icon__bg{
    fill:#060668
}
.header--dark:not(.nav-is-active) .header-menu>.menu-item.menu-item-has-children .menu-item-icon__chevron{
    fill:#000
}
.header--dark:not(.nav-is-active) .header-menu>.menu-item.menu-item-has-children:hover .menu-item-icon__chevron{
    fill:#fff
}
.header--brand{
    background:var(--brand-color)
}
.header--brand .header__nav{
    background:none
}
.header--brand .header-menu>.menu-item.menu-item-has-children:hover .menu-item-icon__chevron{
    fill:var(--brand-color)
}
.header--brand:not(.nav-is-active) .burger__icon:after,.header--brand:not(.nav-is-active) .burger__icon:before{
    background:#fff
}
.header--brand.nav-is-active{
    background-color:initial!important;
    transition:none
}
.header--brand.nav-is-active .brand-logo{
    display:none
}
.header .sub-menu{
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:calc(100% + 25px);
    left:0;
    transform:translateY(30px);
    width:330px;
    padding:10px 30px;
    background:#fff;
    transition:all .2s ease;
    pointer-events:none
}
.header .sub-menu>.menu-item{
    display:block;
    padding:1.7vh 0
}
.header .sub-menu>.menu-item:not(:last-child){
    border-bottom:1px solid #dddee3
}
.header .sub-menu>.menu-item>a,.header .sub-menu>.menu-item>span{
    font-family:Aeonik Medium,sans-serif;
    font-weight: 100;
    font-style:normal;
    font-size:14px;
    letter-spacing:.4px;
    text-transform:uppercase;
    color:#000;
    cursor:pointer
}
.header .sub-menu>.menu-item>a:hover,.header .sub-menu>.menu-item>span:hover{
    color:#060668
}
.header-menu{
    display:flex;
    flex-flow:row;
    justify-content:space-between;
    align-items:center;
    width:100%;
    margin:0 auto
}
.header-menu>.menu-item{
    display:block
}
.header-menu>.menu-item>a,.header-menu>.menu-item>span{
    font-family:Aeonik Medium,sans-serif;
    font-weight: 100;
    font-style:normal;
    font-size:15px;
    letter-spacing:.3px;
    color:#fff
}
@media screen and (min-width:1360px){
    .header-menu>.menu-item>a,.header-menu>.menu-item>span{
        font-size:16px;
        letter-spacing:.5px
    }
}
.header-menu>.menu-item span{
    cursor:default
}
.header-menu>.menu-item .search-btn{
    display:block;
    padding:10px;
    background:none;
    border:none;
    border-radius:0;
    outline:none;
    appearance:none;
    cursor:pointer
}
.header-menu>.menu-item .search-btn svg{
    display:block
}
.header-menu>.menu-item.menu-item-has-children{
    position:relative;
    display:inline-flex;
    align-items:center
}
.header-menu>.menu-item.menu-item-has-children .menu-item-icon{
    margin-left:10px
}
.header-menu>.menu-item.menu-item-has-children .menu-item-icon path{
    transition:all .2s ease
}
.header-menu>.menu-item.menu-item-has-children .menu-item-icon__bg{
    fill:#fff;
    transform:scale(0);
    transform-origin:center
}
.header-menu>.menu-item.menu-item-has-children:hover:before{
    content:"";
    position:absolute;
    top:100%;
    left:0;
    width:200%;
    height:25px
}
.header-menu>.menu-item.menu-item-has-children:hover .menu-item-icon__bg{
    transform:scale(1)
}
.header-menu>.menu-item.menu-item-has-children:hover .menu-item-icon__chevron{
    fill:#060668
}
.header-menu>.menu-item.menu-item-has-children:hover .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:all
}
.header-menu>.menu-item--brands .sub-menu{
    width:280px;
    max-height:calc(100vh - 130px);
    overflow-y:scroll
}
.header-menu>.menu-item--brands .sub-menu>.menu-item>a{
    display:inline-flex
}
.header-menu>.menu-item--brands .sub-menu>.menu-item>a svg{
    width:14px;
    height:14px;
    margin-right:10px
}
.nav-sidebar{
    display:none
}
@media screen and (min-width:1080px){
    .nav-sidebar{
        position:fixed;
        top:0;
        right:0;
        z-index:300;
        display:flex;
        flex-flow:column;
        justify-content:space-between;
        align-items:center;
        width:80px;
        height:100vh;
        background:#fff;
        transition:all .15s linear
    }
}
.nav-sidebar--active{
    background:#060668
}
.nav-sidebar--active .burger__icon:after,.nav-sidebar--active .burger__icon:before{
    background:#fff
}
.nav-sidebar--active .burger__text{
    color:#fff
}
.nav-sidebar--active .scroll-down{
    transform:translateY(30px)!important;
    opacity:0!important;
    visibility:hidden!important
}
.burger{
    position:relative;
    display:flex;
    align-items:flex-start;
    background:none;
    border:none;
    border-radius:0;
    outline:none;
    appearance:none;
    cursor:pointer
}
.burger__icon{
    position:relative;
    display:block;
    width:30px;
    height:15px
}
.burger__icon:after,.burger__icon:before{
    content:"";
    position:absolute;
    top:calc(50% - 1px);
    left:0;
    width:100%;
    height:2px;
    background:#000;
    transition:all .25s ease
}
.burger__icon:before{
    transform:translateY(-6px)
}
.burger__icon:after{
    transform:translateY(6px)
}
.burger__text{
    position:absolute;
    top:0;
    left:0;
    display:block;
    transform:rotate(90deg) translate(25px,-7px);
    transform-origin:bottom left;
    font-size:13px;
    letter-spacing:1px;
    color:#000
}
@media (hover:hover){
    .burger:hover:not(.burger--close) .burger__icon:after,.burger:hover:not(.burger--close) .burger__icon:before{
        transform:translateY(0)
    }
}
.burger--close .burger__icon:before{
    transform:translateY(0) rotate(45deg)
}
.burger--close .burger__icon:after{
    transform:translateY(0) rotate(-45deg)
}
.burger--mob{
    display:flex;
    padding:10px
}
@media screen and (min-width:1080px){
    .burger--mob{
        display:none
    }
}
.burger--dt{
    display:none
}
@media screen and (min-width:1080px){
    .burger--dt{
        display:flex;
        height:90px;
        margin-top:55px
    }
}
.scroll-down{
    position:relative;
    display:flex;
    align-items:flex-end;
    height:210px;
    margin-bottom:45px;
    color:#000;
    transition:none;
    opacity:0;
    visibility:hidden
}
.scroll-down__text{
    position:absolute;
    top:0;
    left:0;
    transform:rotate(90deg) translateY(-6px);
    transform-origin:bottom left;
    display:block;
    width:104px;
    font-size:13px;
    letter-spacing:1px;
    color:#000
}
.scroll-down svg{
    display:block
}
.nav{
    position:fixed;
    top:0;
    left:0;
    z-index:200;
    overflow:hidden;
    display:none;
    flex-flow:row;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    padding:80px 0;
    background:#fff
}
@media screen and (min-width:768px){
    .nav{
        padding:110px 0
    }
}
@media screen and (min-width:1080px){
    .nav{
        width:calc(100% - 80px);
        padding:130px 0
    }
}
.nav__wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    text-align:center;
    overflow:hidden;
    overflow-y:auto
}
.nav__wrapper-inner{
    width:100%;
    max-height:calc(100% - 80px)
}
.nav__menu{
    position:relative
}
.nav__menu>.menu-item{
    display:block
}
.nav__menu>.menu-item:not(:last-child){
    margin-bottom:3vh
}
@media screen and (min-width:768px){
    .nav__menu>.menu-item:not(:last-child){
        margin-bottom:3px
    }
}
.nav__menu>.menu-item>a,.nav__menu>.menu-item>span{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal;
    font-size:25px;
    color:#000;
    cursor:pointer;
    transition:all .15s linear
}
@media screen and (min-width:768px){
    .nav__menu>.menu-item>a,.nav__menu>.menu-item>span{
        font-size:30px
    }
}
@media screen and (min-width:1360px){
    .nav__menu>.menu-item>a,.nav__menu>.menu-item>span{
        font-size:25px
    }
}
@media (hover:hover){
    .nav__menu>.menu-item>a:hover,.nav__menu>.menu-item>span:hover{
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        font-style:normal;
        color:#060668
    }
}
.nav__menu>.menu-item-has-children>span{
    position:relative
}
@media screen and (max-width:1079px){
    .nav__menu>.menu-item-has-children>span:after,.nav__menu>.menu-item-has-children>span:before{
        content:"";
        position:absolute;
        top:50%;
        right:-30px;
        width:16px;
        height:2px;
        background:#060668;
        transition:all .3s ease
    }
}
@media screen and (max-width:1079px){
    .nav__menu>.menu-item-has-children>span:after{
        transform:rotate(90deg)
    }
}
@media screen and (min-width:1080px){
    .nav__menu>.menu-item-has-children>span:after{
        content:"";
        position:absolute;
        top:calc(50% + 4px);
        right:10px;
        transform:translate(100%,-50%);
        width:73px;
        height:26px;
        padding-left:23px;
        background:url("../../resources/assets/svg/arrow-right.svg") no-repeat;
        background-size:50px 26px;
        background-position:100%;
        opacity:0;
        visibility:hidden;
        transition:all .3s ease
    }
}
@media screen and (hover:hover) and (min-width:1080px){
    .nav__menu>.menu-item-has-children>span:hover:after{
        right:0;
        opacity:1;
        visibility:visible
    }
}
.nav__menu>.menu-item-has-children--active>span{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    color:#060668
}
@media screen and (max-width:1079px){
    .nav__menu>.menu-item-has-children--active>span:after{
        transform:rotate(90deg) scale(0)
    }
}
@media screen and (min-width:1080px){
    .nav__menu>.menu-item-has-children--active>span:after{
        right:0;
        opacity:1;
        visibility:visible
    }
}
.nav__menu>.menu-item-has-children--active .sub-menu{
    z-index:10
}
.nav__menu .sub-menu{
    display:none;
    margin:25px 0 50px
}
@media screen and (min-width:768px){
    .nav__menu .sub-menu{
        margin:30px 0 50px
    }
}
@media screen and (min-width:1080px){
    .nav__menu .sub-menu{
        position:absolute;
        top:50%;
        left:100%;
        transform:translateY(-50%);
        display:block;
        width:100%;
        margin:0;
        padding-right:15vw;
        opacity:0;
        visibility:hidden
    }
}
.nav__menu .sub-menu>.menu-item{
    display:block
}
.nav__menu .sub-menu>.menu-item:not(:last-child){
    margin-bottom:20px
}
@media screen and (min-width:1080px){
    .nav__menu .sub-menu>.menu-item:not(:last-child){
        margin-bottom:30px
    }
}
.nav__menu .sub-menu>.menu-item>a{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal;
    font-size:20px;
    color:#060668;
    cursor:pointer;
    transition:all .15s linear
}
@media screen and (min-width:768px){
    .nav__menu .sub-menu>.menu-item>a{
        font-size: 17px;
    line-height: 11px;
    }
}
@media screen and (min-width:1080px){
    .nav__menu .sub-menu>.menu-item>a{
        color:#000
    }
}
@media screen and (min-width:1360px){
    .nav__menu .sub-menu>.menu-item>a{
        font-size: 17px;
    line-height: 11px;
    }
}
.nav__menu .sub-menu>.menu-item>a:hover{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    color:#060668
}
.nav__menu .menu-item--markets .sub-menu{
    display:flex;
    flex-flow:row wrap
}
@media screen and (min-width:1080px){
    .nav__menu .menu-item--markets .sub-menu{
        max-width:840px;
        padding-right:30px;
        padding-right:60px
    }
}
.nav__menu .menu-item--markets .sub-menu>.menu-item{
    width:50%;
    padding:0 20px
}
@media screen and (min-width:768px){
    .nav__menu .menu-item--markets .sub-menu>.menu-item{
        width:33.33333%
    }
}
@media screen and (min-width:1360px){
    .nav__menu .menu-item--markets .sub-menu>.menu-item{
        width:25%
    }
}
.nav__menu .menu-item--markets .sub-menu>.menu-item img{
    margin:0 auto 20px
}
@media screen and (min-width:1080px) and (max-width:1359px){
    .nav__menu .menu-item--markets .sub-menu>.menu-item img{
        width:60px;
        margin:0 auto 10px
    }
}
.nav__menu .menu-item--markets .sub-menu>.menu-item>a{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    font-size:12px;
    line-height:14px;
    letter-spacing:1px;
    color:#000;
    text-transform:uppercase
}
@media screen and (min-width:480px){
    .nav__menu .menu-item--markets .sub-menu>.menu-item>a{
        font-size:13px;
        line-height:15px
    }
}
@media screen and (min-width:1080px) and (max-width:1599px){
    .nav__menu .menu-item--markets .sub-menu>.menu-item>a{
        font-size:11px;
        line-height:13px
    }
}
.nav__menu .menu-item--markets .sub-menu>.menu-item .market-name{
    display:inline-block;
    max-width:132px
}
.nav__menu .menu-item--brands .sub-menu{
    display:flex;
    flex-flow:row wrap;
    overflow-wrap:normal
}
@media screen and (min-width:1080px){
    .nav__menu .menu-item--brands .sub-menu{
        max-width:840px;
        padding-right:30px
    }
}
.nav__menu .menu-item--brands .sub-menu>.menu-item{
    width:50%;
    padding:0 20px
}
@media screen and (min-width:400px){
    .nav__menu .menu-item--brands .sub-menu>.menu-item{
        width:33.33333%
    }
}
@media screen and (min-width:1080px){
    .nav__menu .menu-item--brands .sub-menu>.menu-item{
        width:130px
    }
}
@media screen and (min-width:1360px){
    .nav__menu .menu-item--brands .sub-menu>.menu-item{
        width:150px
    }
}
.nav__menu .menu-item--brands .sub-menu>.menu-item:not(:last-child){
    margin-bottom:30px
}
.nav__menu .menu-item--brands .sub-menu>.menu-item svg{
    display:block;
    margin:0 auto 10px
}
@media screen and (min-width:1080px) and (max-width:1360px){
    .nav__menu .menu-item--brands .sub-menu>.menu-item svg{
        width:30px;
        height:30px
    }
}
.nav__menu .menu-item--brands .sub-menu>.menu-item>a{
    display:block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    font-size:11px;
    line-height:13px;
    letter-spacing:1px;
    color:#000;
    text-transform:uppercase
}
@media screen and (min-width:480px){
    .nav__menu .menu-item--brands .sub-menu>.menu-item>a{
        font-size:13px;
        line-height:15px
    }
}
@media screen and (min-width:1080px) and (max-width:1599px){
    .nav__menu .menu-item--brands .sub-menu>.menu-item>a{
        font-size:11px;
        line-height:13px
    }
}
.nav__footer{
    position:absolute;
    bottom:0;
    left:0;
    z-index:10;
    display:flex;
    flex-flow:row;
    justify-content:space-between;
    align-items:center;
    width:100%;
    height:80px;
    padding:0 30px;
    background:#fff
}
@media screen and (min-width:768px){
    .nav__footer{
        height:110px;
        padding:0 60px
    }
}
@media screen and (min-width:1080px){
    .nav__footer{
        height:80px;
        padding:0 110px 0 80px
    }
}
.nav__footer .nav-link{
    font-size:13px;
    letter-spacing:.4px;
    color:#000;
    transition:all .15s linear
}
.nav__footer .nav-link:hover{
    color:#060668
}
.nav__footer .nav-link:not(:last-child){
    margin-right:2.5vw
}
@media screen and (max-width:767px){
    .nav__footer .nav-link--no-mob{
        display:none
    }
}
.nav--active{
    display:flex
}
.footer-cta{
    padding:60px 0;
    background:#a5a8b5;
    background-image:url("../img/banner/slide-4.jpg");
   
    background-position: center;
    /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width:768px){
    .footer-cta{
        padding:75px 0 90px
    }
}
@media screen and (min-width:1080px){
    .footer-cta{
        width:calc(100% - 80px)
    }
}
@media screen and (min-width:1360px){
    .footer-cta{
        padding:90px 0 110px
    }
}
.footer-cta__content{
    position:relative;
    display:flex;
    flex-flow:column
}
@media screen and (min-width:768px){
    .footer-cta__content{
        padding-right:260px;
        align-items:flex-start
    }
}
.footer-cta__content .cta-arrow-icon{
    position:absolute;
    bottom:-20px;
    right:0;
    width:70px;
    height:68px;
    transition:all .3s ease
}
@media screen and (min-width:768px){
    .footer-cta__content .cta-arrow-icon{
        bottom:-40px;
        width:160px;
        height:155px
    }
}
@media screen and (min-width:1080px){
    .footer-cta__content .cta-arrow-icon{
        width:208px;
        height:201px
    }
}
.footer-cta__content:hover .cta-arrow-icon{
    right:-20px
}
.footer-cta__title{
    margin-bottom:35px;
    padding:0 0 25px;
    border-bottom:1px solid #fff;
    font-size:18px;
    line-height:25px
}
@media screen and (min-width:768px){
    .footer-cta__title{
        margin-bottom:10px;
        padding:0 40px 25px 0
    }
}
@media screen and (min-width:1080px){
    .footer-cta__title{
        font-size:24px;
        line-height:32px
    }
}
@media screen and (max-width:767px){
    .footer-cta__text{
        font-size:35px;
        font-size:min(max(20px,7.5vw),35px);
        font-size:clamp(20px,7.5vw,35px);
        line-height:normal;
        padding-right:100px
    }
}
.footer{
    padding:60px 0
}
@media screen and (min-width:768px){
    .footer{
        padding:75px 0
    }
}
@media screen and (min-width:1080px){
    .footer{
        width:calc(100% - 80px)
    }
}
@media screen and (min-width:1360px){
    .footer{
        padding:110px 0 70px
    }
}
.footer__logo{
    display:flex;
    flex-flow:row;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:40px
}
@media screen and (min-width:1360px){
    .footer__logo{
        margin-bottom:0px
    }
}
.footer__logo .logo-text path{
    fill:#fff
}
.footer__logo .scroll-up{
    background:none;
    border:none;
    border-radius:0;
    outline:none;
    -webkit-appearance:none;
    cursor:pointer
}
.footer__logo .scroll-up svg{
    fill:#fff
}
.footer__grid{
    display:grid;
    grid-template-areas:"brands brands" "sfl-group press-center" "markets markets" "socials socials";
    grid-template-columns:1fr 1fr;
    gap:40px 30px;
    margin-bottom:40px
}
@media screen and (min-width:768px){
    .footer__grid{
        grid-template-areas:"brands brands socials socials" "sfl-group press-center markets markets";
        grid-template-columns:1fr 1fr 1fr;
        gap:40px 30px
    }
}
@media screen and (min-width:1080px){
    .footer__grid{
        gap:30px 0px
    }
}
@media screen and (min-width:1280px){
    .footer__grid{
        grid-template-areas:none;
        grid-template-columns:2fr minmax(190px,1fr) minmax(195px,1fr) 4fr 0px 3fr minmax(10px)
    }
}
@media screen and (min-width:1360px){
    .footer__grid{
        margin-bottom:90px
    }
}
@media screen and (max-width:1279px){
    .footer__brands{
        grid-area:brands
    }
}
.footer__brands .select-box{
    display:inline-block;
    width:auto
}
.footer__brands .select-box:after{
    background:url("../../resources/assets/svg/select-icon-light.svg") no-repeat;
    background-size:20px 11px
}
.footer__brands .select-box select{
    background:#060668;
    color:#fff;
    border-color:#ffffff
}
.footer__brands .box-dropdown{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    position:relative;
    max-width:260px;
    background:#060668;
   
}
.footer__brands  p{color:#ffffff; }
.footer__brands .box-dropdown:after{
    content:"";
    position:absolute;
    top:27px;
    right:25px;
    display:block;
    width:20px;
    height:11px;
    background:url("../../resources/assets/svg/select-icon-light.svg") no-repeat;
    background-size:20px 11px;
    pointer-events:none
}
.footer__brands .box-dropdown__name{
    display:block;
    padding:0px 3px 18px 3px;
    font-size:16px;
    line-height:25px;
    letter-spacing:.5px;
    color:#fff;
    cursor:pointer
}
.footer__brands .box-dropdown .sub-menu{
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:100%;
    left:-1px;
    overflow-y:scroll;
    width:260px;
    height:245px;
    padding:5px 20px;
    background:#fff;
    transition:all .2s ease;
    pointer-events:none
}
.footer__brands .box-dropdown .sub-menu>.menu-item{
    display:block;
    padding:13px 0
}
.footer__brands .box-dropdown .sub-menu>.menu-item:not(:last-child){
    border-bottom:1px solid #dddee3
}
.footer__brands .box-dropdown .sub-menu>.menu-item>a,.footer__brands .box-dropdown .sub-menu>.menu-item>span{
    font-family:Aeonik Medium,sans-serif;
    font-weight: 100;
    font-style:normal;
    font-size:14px;
    letter-spacing:.4px;
    text-transform:uppercase;
    text-decoration:none;
    color:#000;
    cursor:pointer
}
.footer__brands .box-dropdown .sub-menu>.menu-item>a:hover,.footer__brands .box-dropdown .sub-menu>.menu-item>span:hover{
    color:#060668
}
.footer__brands .box-dropdown .sub-menu>.menu-item>a svg,.footer__brands .box-dropdown .sub-menu>.menu-item>span svg{
    width:14px;
    height:14px;
    margin-right:10px
}
.footer__brands .box-dropdown.active .sub-menu{
    opacity:1;
    visibility:visible;
    pointer-events:all
}
.footer__sfl-group{color:#fff;    font-weight: 100;line-height: 25px; }

.footer__brands , .footer__press-center , .footer__markets ,.footer__sfl-group{
    padding:10px;  border-left: 1px solid #fff;
}

@media screen and (max-width:1279px){
    .footer__sfl-group{
        grid-area:sfl-group
    }
}
@media screen and (max-width:1279px){
    .footer__press-center{
        grid-area:press-center
    }
}
@media screen and (max-width:1279px){
    .footer__markets{
        grid-area:markets
    }
}
@media screen and (max-width:1279px){
    .footer__socials{
        grid-area:socials
    }
}
@media screen and (min-width:1280px){
    .footer__socials .socials{
        flex-flow:column
    }
    .footer__socials .socials__item:not(:last-child){
        margin:0 0 40px
    }
}
@media screen and (min-width:1080px){
    .footer__bottom{
        display:flex;
        flex-flow:row wrap;
        justify-content:space-between
    }
}
.footer__bottom .portal-link{
    display:inline-flex;
    flex-flow:row;
    align-items:center;
    color:#ffffff
}
.footer__bottom .portal-link .box-arrow-icon{
    display:block
}
@media screen and (max-width:767px){
    .footer__bottom .portal-link .box-arrow-icon{
        width:21px;
        height:14px
    }
}
.footer__bottom .portal-link .box-arrow-icon__arrow{
    fill:#ffffff
}
.footer__bottom .portal-link .box-arrow-icon__box{
    stroke:#ffffff
}
.footer__bottom .portal-link__text{
    margin-right:8px
}
@media screen and (min-width:768px){
    .footer__bottom .portal-link__text{
        margin-right:15px
    }
}
@media screen and (max-width:1079px){
    .footer__copy,.footer__links{
        margin-bottom:8px
    }
}
.footer__links a:not(:last-child){
    margin-right:30px
}
.footer a:hover{
    text-decoration:underline
}
.footer-menu-title{
      font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    text-transform: uppercase;
}
.footer-menu-cols{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between
}
.footer-menu-cols .footer-menu{
    width:calc(50% - 15px)
}
@media screen and (min-width:768px){
    .footer-menu-cols .footer-menu{
        width:calc(50% - 30px)
    }
}
.footer-menu li{
    max-width:200px
}
.footer-menu li:not(:last-child){
    margin-bottom:10px
}
.footer-menu li a{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal
}
.footer-bottom-text,.footer-menu li a{
    font-size:14px;
    line-height:22px;
    color:#ffffff
}
.home .column-cards-section .container{
    position:relative
}
.home .column-cards-section .column-cards__cards{
    margin-bottom:60px
}
@media screen and (min-width:768px){
    .home .column-cards-section .column-cards__cards{
        margin-bottom:90px
    }
}
@media screen and (min-width:1080px){
    .home .column-cards-section .column-cards__cards{
        position:relative;
        z-index:10;
        margin-bottom:-130px
    }
}
.hero-slider{
    overflow:hidden
}
.hero-slider,.hero-slider__slide{
    position:relative
}
.hero-slider__slide:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.45
}
.hero-slider__slide img{
    width:100%;
    min-height:670px;
    height:100vh;
    object-fit:cover
}
.hero-slider__slide img.hero-img-zoom{
    transform:scale(1.1)
}
.hero-slider .slick-dots{
    position:absolute;
    bottom:45px;
    left:30px
}
@media screen and (min-width:768px){
    .hero-slider .slick-dots{
        left:60px
    }
}
@media screen and (min-width:900px){
    .hero-slider .slick-dots{
        bottom:180px;
        right:5vw;
        left:auto
    }
}
.hero-slider__progress{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background:#fff
}
@media screen and (min-width:1080px){
    .hero-slider__progress{
        width:calc(100% + 90px)
    }
}
.hero-slider__progress-line{
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:6px;
    background:#fff
}
.hero-slider__content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    min-height:580px;
    height:75%;
    background:rgba(6,6,104,.5);
    opacity:0;
    visibility:hidden
}
@media screen and (min-width:900px){
    .hero-slider__content{
        width:60%;
        height:100%
    }
}
@media screen and (min-width:1080px){
    .hero-slider__content{
        width:calc(50% - 40px)
    }
}
.hero-slider__container{
    position:relative;
    display:flex;
    flex-flow:column;
    justify-content:center;
    align-items:flex-start;
    width:100%;
    height:calc(100% - 180px);
    padding:40px 30px
}
@media screen and (min-width:768px){
    .hero-slider__container{
        padding:60px
    }
}
@media screen and (min-width:1646px){
    .hero-slider__container{
        padding-left:calc(100% - 682px);
        padding-right:100px
    }
}
.hero-slider__container--top{
    height:calc(100% - 100px);
    padding-top:120px
}
@media screen and (min-width:900px){
    .hero-slider__container--top{
        height:calc(100% - 180px);
        padding-top:100px
    }
}
.hero-slider__container--bottom{
    height:150px
}
@media screen and (min-width:900px){
    .hero-slider__container--bottom{
        height:180px
    }
}
.hero-slider__sub-title{
    font-size:13px;
    line-height:16px;
    letter-spacing:1px;
    margin-bottom:1vh
}
.hero-slider__title{
    font-size:2.5rem !important;
    font-size:min(max(3.5rem,5.2vw),6rem);
    font-size:clamp(3.5rem,5.2vw,6rem);
    letter-spacing:-.5px
}
@media screen and (min-width:1360px){
    .hero-slider__title{
        letter-spacing:-1px
    }
}
@media screen and (max-width:400px){
    .hero-slider__title br{
        display:none
    }
}
.light{color:#ffffff ; text-shadow: 2px 2px 2px 2px;}
.footer-cta__content{background-color:rgb(17 17 17 / 66%);padding:20px;}
.hero-slider__cta{
    margin-top:5.5vh
}
.hero-slider__text{
    font-size:13px;
    line-height:22px
}
@media screen and (max-width:400px){
    .hero-slider__text br{
        display:none
    }
}
@media screen and (min-width:768px){
    .hero-slider__text{
        font-size:15px;font-weight: 400;
        line-height:38px
    }
}
@media screen and (min-width:1360px){
    .hero-slider__text{
        font-size:16px;
        line-height:40px
    }
}


.markets-scroller-section{
    will-change:transform
}
.markets-scroller{
    position:relative;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:flex-start
}
.markets-scroller__nav{
    position:sticky;
    top:0;
    z-index:10;
    width:100%;
    height:65vh;
    padding-top:5vh;
    background:#060668
}
@media screen and (min-width:390px){
    .markets-scroller__nav{
        padding-top:8vh
    }
}
@media screen and (min-width:768px){
    .markets-scroller__nav{
        display:flex;
        flex-flow:column;
        justify-content:center;
        width:50%;
        height:100vh;
        padding-top:0;
        background:none
    }
}
@media screen and (min-width:1700px){
    .markets-scroller__nav{
        width:54%
    }
}
.markets-scroller__nav-list li{
    margin-bottom:1.5vh
}
.markets-scroller__nav-list li a{
    font-size:2.5vh;
    letter-spacing:-.25px;
    opacity:.5 ;color:#fefefe;
}
@media screen and (min-width:390px){
    .markets-scroller__nav-list li a{
        font-size:2.8vh
    }
}
@media screen and (min-width:768px){
    .markets-scroller__nav-list li a{
        font-size:5.6vh;
        font-size:min(max(1.5rem,3vw),5.6vh);
        font-size:clamp(1.5rem,3vw,5.6vh)
    }
}
@media screen and (min-width:1360px){
    .markets-scroller__nav-list li a{
        letter-spacing:-.5px; font-size: 1.2rem;
    }
}
@media screen and (min-width:2000px){
    .markets-scroller__nav-list li a{
        font-size:3.4rem;
        font-size:min(max(1.5rem,3vw),3.4rem);
        font-size:clamp(1.5rem,3vw,3.4rem)
    }
}
.markets-scroller__nav-list li.is-active a{
    color:#fff;
    opacity:1
}
.markets-scroller__title{
    position:relative;
    margin-bottom:4vh
}
@media screen and (min-width:390px){
    .markets-scroller__title{
        margin-bottom:5vh
    }
}
.markets-scroller__dots{
    display:block;
    margin-top:2.8vh
}
@media screen and (min-width:390px){
    .markets-scroller__dots{
        margin-top:3.8vh
    }
}
@media screen and (min-width:768px){
    .markets-scroller__dots{
        position:absolute;
        top:0;
        right:-10%;
        transform:translateX(100%);
        width:90%;
        margin-top:0
    }
}
@media screen and (min-width:1700px){
    .markets-scroller__dots{
        width:83%;
        right:-2%
    }
}
.markets-scroller__dots-list{
    display:flex;
    flex-flow:row
}
@media screen and (min-width:768px){
    .markets-scroller__dots-list{
        justify-content:flex-end
    }
}
.markets-scroller__dots-list li:not(:last-child){
    margin-right:20px
}
.markets-scroller__dots-list li a{
    display:block;
    width:6px;
    height:6px;
    background:#fff;
    transition:all .3s ease
}
.markets-scroller__dots-list li.is-active a{
    width:80px
}
.markets-scroller__cta{
    display:inline-flex;
    flex-flow:row;
    align-items:center;
    align-self:flex-start;
    margin-top:3.5vh;
    font-size:13px;
    line-height:20px;
    letter-spacing:1px;
    transition:all .15s linear
}
.markets-scroller__cta .box-arrow-icon{
    margin-left:8px;
    transition:all .15s linear
}
@media screen and (min-width:768px){
    .markets-scroller__cta .box-arrow-icon{
        margin-left:15px
    }
}
.markets-scroller__cta .box-arrow-icon .box-arrow-icon__arrow{
    fill:#fff
}
.markets-scroller__cta .box-arrow-icon .box-arrow-icon__box{
    stroke:#fff
}
.markets-scroller__cta:hover .box-arrow-icon{
    transform:translateX(10px)
}
.markets-scroller__panels{
    width:100%
}
@media screen and (min-width:768px){
    .markets-scroller__panels{
        width:45%
    }
}
.markets-scroller__panel{
    display:flex;
    justify-content:center;
    height:35vh
}
@media screen and (min-width:768px){
    .markets-scroller__panel{
        display:flex;
        justify-content:flex-end;
        align-items:center;
        height:100vh;
        padding:0 30px
    }
}
@media screen and (max-width:767px){
    .markets-scroller__panel img{
        padding-bottom:2vh
    }
}
@media screen and (min-width:768px){
    .markets-scroller__panel img{
        padding-top:6vh
    }
}
.sustainability-section{
    padding:50px 0
}
@media screen and (min-width:768px){
    .sustainability-section{
        padding:75px 0
    }
}
@media screen and (min-width:1360px){
    .sustainability-section{
        padding:100px 0
    }
}
.sustainability-slider-wrapper{
    position:relative;
    overflow:hidden;
    margin-left:30px
}
@media screen and (min-width:768px){
    .sustainability-slider-wrapper{
        margin-left:60px
    }
}
@media screen and (max-width:899px){
    .sustainability-slider.slick-initialized{
        max-width:calc(100% - 60px)
    }
}
@media screen and (max-width:767px){
    .sustainability-slider.slick-initialized{
        max-width:calc(100% - 30px)
    }
}
.sustainability-slider.slick-initialized .slick-list{
    overflow:visible!important
}
@media screen and (max-width:899px){
    .sustainability-slider.slick-initialized .sustainability-slider__slide{
        margin:0 20px 0 0
    }
}
.sustainability-slider.slick-initialized .sustainability-slider__slide img{
    margin-bottom:30px
}
.sustainability-slider.slick-initialized .sustainability-slider__slide:not(.slick-current) .sustainability-slider__content{
    opacity:0;
    visibility:hidden;
    transition-delay:0s
}
@media screen and (max-width:899px){
    .sustainability-slider.slick-initialized .sustainability-slider__content{
        transition:all .3s ease;
        transition-delay:.4s
    }
}
@media screen and (min-width:900px){
    .sustainability-slider-wrapper{
        display:flex;
        margin-left:0
    }
}
.sustainability-slider-img{
    display:none
}
@media screen and (min-width:900px){
    .sustainability-slider-img{
        position:relative;
        display:block;
        width:calc(50% - 40px)
    }
    .sustainability-slider-img img{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        object-fit:cover;
        opacity:0;
        visibility:hidden;
        transition:all .4s ease
    }
    .sustainability-slider-img img.active{
        opacity:1;
        visibility:visible
    }
}
@media screen and (min-width:900px){
    .sustainability-slider{
        display:flex;
        flex-flow:column;
        justify-content:stretch;
        width:calc(50% + 40px);
        min-height:630px;
        border-top:1px solid #a5a8b5
    }
}
@media screen and (min-width:900px){
    .sustainability-slider__slide{
        flex:1;
        display:flex;
        flex-flow:column;
        justify-content:center;
        width:100%;
        background:#f2f2f2;
        border-bottom:1px solid #a5a8b5;
        cursor:pointer
    }
}
@media screen and (min-width:900px){
    .sustainability-slider__slide img{
        display:none
    }
}
@media screen and (min-width:900px){
    .sustainability-slider__slide.active{
        background:#fff
    }
}
@media screen and (min-width:900px){
    .sustainability-slider__content{
        padding:40px 80px
    }
}
.press-featured-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .press-featured-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .press-featured-section{
        padding:130px 0
    }
}
.press-featured-title{
    margin-bottom:40px;
    padding-bottom:20px;
    border-bottom:1px solid #a5a8b5
}
.press-featured-nav{
    display:flex;
    flex-flow:row;
    justify-content:space-between;
    margin-bottom:35px
}
@media screen and (min-width:600px){
    .press-featured-nav{
        margin-bottom:45px
    }
}
@media screen and (min-width:900px){
    .press-featured-nav{
        margin-bottom:80px
    }
}
@media screen and (max-width:599px){
    .press-featured-nav__arrows{
        display:none
    }
}
.press-featured-wrapper{
    overflow:hidden;
    margin-left:30px
}
@media screen and (min-width:768px){
    .press-featured-wrapper{
        margin-left:60px
    }
}
@media screen and (min-width:1662px){
    .press-featured-wrapper{
        margin-left:calc(50% - 722px)
    }
}
.press-featured-slider{
    max-width:calc(100% - 60px)
}
@media screen and (min-width:425px){
    .press-featured-slider{
        max-width:350px
    }
}
@media screen and (min-width:600px){
    .press-featured-slider{
        max-width:1444px
    }
}
.press-featured-slider .slick-list{
    overflow:visible!important
}
.press-featured-slider .slick-track{
    margin:0
}
.press-featured-slider__slide{
    margin-right:30px
}
@media screen and (min-width:768px){
    .press-featured-slider__slide{
        margin-right:60px
    }
}
.press-center-link{
    display:inline-flex;
    flex-flow:row;
    align-items:center;
    color:#000;
    transition:all .15s linear
}
.press-center-link .box-arrow-icon{
    display:block
}
.press-center-link .box-arrow-icon path{
    transition:all .15s linear
}
.press-center-link__text{
    margin-right:15px;
    font-size:16px;
    letter-spacing:.5px
}
.press-center-link:hover{
    color:#060668
}
.press-center-link:hover .box-arrow-icon__arrow{
    fill:#060668
}
.press-center-link:hover .box-arrow-icon__box{
    stroke:#060668
}
.single-post .hero-overlap__content{
    padding-bottom:60px
}
@media screen and (min-width:400px){
    .single-post .hero-overlap__content{
        padding-bottom:260px
    }
}
@media screen and (min-width:1600px){
    .single-post .hero-overlap__title{
        font-size:80px;
        line-height:90px
    }
}
.single-post .wysiwyg>p:first-child{
    margin-top:25px
}
@media screen and (min-width:768px){
    .single-post .wysiwyg>p:first-child{
        margin-top:35px
    }
}
.single-post .wysiwyg li,.single-post .wysiwyg p{
    font-size:17px;
    line-height:26px
}
@media screen and (min-width:768px){
    .single-post .wysiwyg li,.single-post .wysiwyg p{
        font-size:20px;
        line-height:28px
    }
}
.single-post .wysiwyg img{
    margin:40px 0
}
@media screen and (min-width:1080px){
    .single-post .wysiwyg img{
        margin:50px 0
    }
}
@media screen and (min-width:1600px){
    .single-post .scrolling-text-wrapper{
        top:200px;
        height:calc(100% - 200px)
    }
}
@media screen and (max-width:1599px){
    .single-post .scrolling-text-wrapper{
        display:none
    }
}
.post-content-wrapper{
    position:relative
}
@media screen and (min-width:400px){
    .post-content-wrapper{
        margin-top:-200px;
        padding-left:30px;
        background:linear-gradient(90deg,transparent 30px,#fff 0)
    }
}
@media screen and (min-width:768px){
    .post-content-wrapper{
        padding-left:60px;
        background:linear-gradient(90deg,transparent 60px,#fff 0)
    }
}
@media screen and (min-width:1360px){
    .post-content-wrapper{
        padding-left:0
    }
}
@media screen and (min-width:1644px){
    .post-content-wrapper{
        background:linear-gradient(90deg,transparent calc(50% - 722px),#fff calc(50% - 722px))
    }
}
.post-content{
    position:relative;
    max-width:960px;
    padding:80px 0
}
@media screen and (min-width:400px) and (max-width:767px){
    .post-content{
        padding-right:30px
    }
}
@media screen and (min-width:768px){
    .post-content{
        padding-right:60px
    }
}
@media screen and (min-width:1080px){
    .post-content{
        padding:130px 0
    }
}
.posts-filters-section{
    padding:50px 0
}
.posts-filters__header{
    display:flex;
    flex-flow:column;
    gap:10px;
    margin-bottom:35px;
    padding-bottom:20px;
    border-bottom:1px solid #a5a8b5
}
@media screen and (min-width:480px){
    .posts-filters__header{
        flex-flow:row wrap;
        justify-content:space-between;
        align-items:flex-end;
        margin-bottom:45px
    }
}
.posts-archive-section{
    padding:55px 0 75px
}
@media screen and (min-width:768px){
    .posts-archive-section{
        padding:100px 0
    }
}
@media screen and (min-width:1600px){
    .posts-archive-section{
        padding:150px 0
    }
}
.posts{
    display:grid;
    grid-template-columns:1fr;
    gap:55px 30px;
    max-width:310px;
    margin:0 auto
}
@media screen and (min-width:600px){
    .posts{
        grid-template-columns:1fr 1fr;
        max-width:905px
    }
}
@media screen and (min-width:768px){
    .posts{
        gap:80px 60px
    }
}
@media screen and (min-width:1280px){
    .posts{
        grid-template-columns:1fr 1fr 1fr;
        gap:100px 60px;
        max-width:none
    }
}
@media screen and (min-width:1600px){
    .posts{
        gap:150px 80px
    }
}
.posts__item{
    position:relative;
    display:flex;
    flex-flow:column;
    justify-content:space-between;
    min-height:310px;
    padding:25px 20px
}
@media screen and (min-width:900px){
    .posts__item{
        min-height:425px;
        padding:35px 40px
    }
}
.posts__item:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background:#fff;
    transition:all .3s ease
}
.posts__item:hover:after{
    background:#000;
    opacity:.5
}
.posts__item:hover .posts__date-day,.posts__item:hover .posts__date-month-year,.posts__item:hover .posts__title{
    color:#fff
}
.posts__item--no-img:hover:after{
    background:#060668;
    opacity:1
}
.posts__img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.posts__title{
    position:relative;
    z-index:10;
    margin-bottom:30px;
    font-size:18px;
    line-height:25px;
    transition:all .15s linear
}
@media screen and (min-width:900px){
    .posts__title{
        font-size:24px;
        line-height:35px
    }
}
.posts__date{
    position:relative;
    z-index:10;
    display:flex;
    flex-flow:row;
    justify-content:space-between;
    align-items:flex-start;
    padding-top:20px;
    border-top:1px solid #a5a8b5
}
@media screen and (min-width:900px){
    .posts__date{
        padding-top:15px
    }
}
.posts__date-day{
    font-size:55px;
    transition:all .15s linear
}
@media screen and (min-width:900px){
    .posts__date-day{
        font-size:100px
    }
}
.posts__date-month-year{
    margin-top:5px;
    text-align:right;
    font-size:18px;
    line-height:23px;
    transition:all .15s linear
}
@media screen and (min-width:900px){
    .posts__date-month-year{
        margin-top:10px;
        font-size:14px;
        line-height:25px
    }
}
@media screen and (max-width:1079px){
    .template-market .scrolling-text-wrapper{
        display:none
    }
}
.template-market.infrastructure-protection-maintenance-coatings .hero__content{
    max-width:1200px
}
.market-number{
    display:block;
    margin-bottom:-35px;
    font-size:150px;
    line-height:130px;
    letter-spacing:-1.3px
}
@media screen and (min-width:1080px){
    .market-number{
        margin-bottom:-45px;
        font-size:225px;
        line-height:200px;
        letter-spacing:-2px
    }
}
.market-sub-title{
    margin-bottom:20px
}
.market-title-wrap{
    max-width:560px
}
.market-slider-nav{
    display:flex;
    flex-flow:row;
    justify-content:space-between;
    width:100%;
    margin-top:60px
}
@media screen and (min-width:1080px){
    .market-slider-nav{
        flex-flow:column
    }
}
@media screen and (min-width:1080px){
    .market-slider-nav .slick-numbers{
        margin-bottom:120px
    }
}
.market-row{
    display:flex;
    flex-flow:row wrap
}
.market-row__left{
    width:100%;
    margin-bottom:40px
}
@media screen and (min-width:1080px){
    .market-row__left{
        width:calc(50% - 40px);
        margin-bottom:0
    }
}
.market-row__right{
    width:100%
}
@media screen and (min-width:1080px){
    .market-row__right{
        width:calc(50% + 40px)
    }
}
.market-row--icons{
    align-items:center
}
@media screen and (min-width:1080px){
    .market-row--icons .market-row__left{
        padding-right:60px
    }
}
@media screen and (max-width:1079px){
    .market-row--img-accordion .market-row__left{
        max-width:400px
    }
}
@media screen and (min-width:1080px){
    .market-row--img-accordion .market-row__right{
        padding-left:60px
    }
}
@media screen and (min-width:1360px){
    .market-row--img-accordion .market-row__right{
        padding-left:160px
    }
}
@media screen and (min-width:1080px){
    .market-row--img-slider{
        align-items:flex-end
    }
}
@media screen and (min-width:1080px){
    .market-row--icons-list .market-row__left{
        padding-right:60px
    }
}
@media screen and (max-width:1079px){
    .market-row--icons-list .market-row__left{
        margin-bottom:75px
    }
}
@media screen and (min-width:1080px){
    .market-row--icons-list .market-row__right{
        margin-top:75px
    }
}
.market-icons-section{
    padding:60px 0 75px
}
@media screen and (min-width:768px){
    .market-icons-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .market-icons-section{
        padding:130px 0
    }
}
.market-icons__item{
    display:flex;
    flex-flow:row wrap
}
.market-icons__item:not(:last-child){
    margin-bottom:40px;
    padding-bottom:35px;
    border-bottom:1px solid #a5a8b5
}
@media screen and (min-width:1080px){
    .market-icons__item:not(:last-child){
        margin-bottom:80px;
        padding-bottom:75px
    }
}
.market-icons__icon{
    width:100%;
    margin:0 0 20px
}
@media screen and (min-width:1080px){
    .market-icons__icon{
        width:120px;
        margin:10px 0 0
    }
}
@media screen and (min-width:1360px){
    .market-icons__icon{
        width:160px
    }
}
.market-icons__icon img{
    max-width:70px
}
@media screen and (min-width:1360px){
    .market-icons__icon img{
        max-width:120px
    }
}
.market-icons__textarea{
    width:100%
}
@media screen and (min-width:1080px){
    .market-icons__textarea{
        width:calc(100% - 120px)
    }
}
@media screen and (min-width:1360px){
    .market-icons__textarea{
        width:calc(100% - 160px)
    }
}
.market-img-accordion-section{
    padding:75px 0;
    background:#e1ebed
}
@media screen and (min-width:768px){
    .market-img-accordion-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .market-img-accordion-section{
        padding:130px 0
    }
}
.market-img-slider-section{
    padding:60px 0
}
@media screen and (min-width:768px){
    .market-img-slider-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .market-img-slider-section{
        padding:130px 0
    }
}
.market-img-slider .slick-list{
    margin-left:-15px;
    margin-right:-15px
}
.market-img-slider__slide{
    margin:0 15px
}
.market-img-slider__slide figure{
    display:block
}
.market-img-slider__slide figure img{
    margin:0 auto
}
.market-img-slider__slide figcaption{
    margin-top:30px;
    text-align:center
}
@media screen and (min-width:1080px){
    .market-img-slider__slide figcaption{
        margin-top:40px
    }
}
.market-icons-list-section{
    padding:60px 0
}
@media screen and (min-width:768px){
    .market-icons-list-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .market-icons-list-section{
        padding:130px 0
    }
}
.market-icons-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px
}
@media screen and (min-width:600px){
    .market-icons-list{
        grid-template-columns:repeat(3,1fr);
        gap:50px
    }
}
@media screen and (min-width:1600px){
    .market-icons-list{
        grid-template-columns:repeat(4,1fr)
    }
}
.market-icons-list__item{
    display:flex;
    flex-flow:column;
    align-items:center
}
.market-icons-list__icon{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:106px;
    margin-bottom:10px
}
@media screen and (min-width:400px){
    .market-icons-list__icon{
        width:136px
    }
}
@media screen and (min-width:1080px){
    .market-icons-list__icon{
        margin-bottom:25px
    }
}
.market-icons-list__icon svg{
    display:block;
    max-width:100%
}
.market-img-icons-section{
    padding:40px 0 75px
}
@media screen and (min-width:768px){
    .market-img-icons-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .market-img-icons-section{
        padding:130px 0
    }
}
.market-img-slider-lg{
    position:relative;
    padding:0
}
.market-img-slider-lg__slide{
    position:relative
}
.market-img-slider-lg__slide img{
    width:100%;
    height:360px;
    object-fit:cover
}
@media screen and (min-width:900px){
    .market-img-slider-lg__slide img{
        height:940px
    }
}
.market-img-slider-lg__content{
    width:100%;
    background:#060668
}
@media screen and (min-width:900px){
    .market-img-slider-lg__content{
        position:absolute;
        top:0;
        left:0;
        width:60%;
        height:100%;
        background:rgba(6,6,104,.8)
    }
}
@media screen and (min-width:1080px){
    .market-img-slider-lg__content{
        width:calc(50% - 40px)
    }
}
.market-img-slider-lg__container{
    display:flex;
    flex-flow:column;
    justify-content:center;
    align-items:flex-start;
    height:100%;
    padding:40px 30px
}
@media screen and (min-width:768px){
    .market-img-slider-lg__container{
        padding:60px
    }
}
@media screen and (min-width:1646px){
    .market-img-slider-lg__container{
        padding-left:calc(100% - 682px);
        padding-right:100px
    }
}
.template-brand .intro-section{
    background-image:url("../../resources/assets/svg/shapes.svg");
    background-repeat:repeat;
    background-size:760px
}
.template-brand .txt-img-overlap__title{
    color:var(--brand-color)
}
.template-brand .txt-img-overlap__img:after{
    opacity:.4
}
.template-brand .column-cards-section.has-case-studies .container{
    position:relative
}
.template-brand .column-cards-section.has-case-studies .column-cards__cards{
    margin-bottom:60px
}
@media screen and (min-width:768px){
    .template-brand .column-cards-section.has-case-studies .column-cards__cards{
        margin-bottom:90px
    }
}
@media screen and (min-width:1080px){
    .template-brand .column-cards-section.has-case-studies .column-cards__cards{
        position:relative;
        z-index:10;
        margin-bottom:-130px
    }
}
.template-brand .column-cards-section:not(.has-case-studies){
    padding:50px 0
}
@media screen and (min-width:768px){
    .template-brand .column-cards-section:not(.has-case-studies){
        padding:75px 0
    }
}
@media screen and (min-width:1360px){
    .template-brand .column-cards-section:not(.has-case-studies){
        padding:100px 0
    }
}
.template-brand .column-cards-section .column-cards__card-number{
    color:var(--brand-color)
}
.template-brand .column-cards-section .column-cards__card:first-child{
    background:var(--brand-color)
}
.template-brand .column-cards-section .column-cards__card:first-child .column-cards__card-number{
    color:#fff
}
.template-brand .cs-featured__container{
    position:relative;
    background:none
}
.template-brand .cs-featured__container:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:var(--brand-color);
    opacity:.8
}
.template-brand .cs-featured__excerpt,.template-brand .cs-featured__title{
    position:relative
}
.template-brand .cs-featured__title{
    color:#fff
}
.template-brand .brand-results__stat{
    color:var(--brand-color)
}
.template-brand .btn{
    background-color:#a5a8b5
}
.template-brand .btn:after,.template-brand .btn:before{
    background-color:var(--brand-color)
}
.brand-features-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .brand-features-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .brand-features-section{
        padding:130px 0
    }
}
.brand-features-row{
    display:flex;
    flex-flow:row wrap
}
.brand-features-row__left{
    order:2;
    width:100%
}
@media screen and (min-width:1080px){
    .brand-features-row__left{
        order:0;
        width:calc(50% + 40px);
        padding-right:60px
    }
}
.brand-features-row__right{
    order:1;
    width:100%;
    margin-bottom:40px
}
@media screen and (min-width:1080px){
    .brand-features-row__right{
        order:0;
        width:calc(50% - 40px);
        margin-bottom:0
    }
}
@media screen and (min-width:1080px){
    .brand-features-row__right img{
        margin-left:auto
    }
}
.brand-results-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .brand-results-section{
        padding:100px 0
    }
}
@media screen and (min-width:1080px){
    .brand-results-section{
        padding:120px 0 160px
    }
}
@media screen and (min-width:1360px){
    .brand-results-section{
        padding:180px 0 250px
    }
}
.brand-results{
    display:flex;
    flex-flow:row wrap;
    align-items:flex-start
}
.brand-results__img{
    position:relative;
    width:100%
}
@media screen and (min-width:1080px){
    .brand-results__img{
        width:58%
    }
}
.brand-results__content{
    width:100%
}
@media screen and (min-width:1080px){
    .brand-results__content{
        width:42%;
        padding-left:80px
    }
}
.brand-results__sub-title{
    padding-top:60px
}
@media screen and (min-width:768px){
    .brand-results__sub-title{
        padding-top:100px
    }
}
@media screen and (min-width:1080px){
    .brand-results__sub-title{
        padding-top:30px;
        border-top:1px solid #a5a8b5
    }
}
.brand-results__stat{
    position:absolute;
    bottom:0;
    left:0;
    transform:translateY(25px);
    font-size:16rem;
    font-size:min(max(4rem,11.7vw),16rem);
    font-size:clamp(4rem,11.7vw,16rem)
}
@media screen and (min-width:480px){
    .brand-results__stat{
        transform:translateY(50%)
    }
}
@media screen and (min-width:1080px){
    .brand-results__stat{
        left:60px
    }
}
@media screen and (min-width:1360px){
    .brand-results__stat{
        left:110px
    }
}
.single-case_studies .scrolling-slider__title{
    margin-bottom:40px;
    color:#a5a8b5
}
@media screen and (min-width:900px){
    .single-case_studies .scrolling-slider__title{
        margin-bottom:85px
    }
}
.single-case_studies .numbered-blocks__item:before{
    color:#a5a8b5
}
.cs-intro-wrapper{
    position:relative;
    margin-top:-200px;
    padding-left:30px;
    background:linear-gradient(90deg,transparent 30px,#fff 0)
}
@media screen and (min-width:768px){
    .cs-intro-wrapper{
        padding-left:60px;
        background:linear-gradient(90deg,transparent 60px,#fff 0)
    }
}
@media screen and (min-width:1360px){
    .cs-intro-wrapper{
        padding-left:0
    }
}
@media screen and (min-width:1644px){
    .cs-intro-wrapper{
        background:linear-gradient(90deg,transparent calc(50% - 722px),#fff calc(50% - 722px))
    }
}
.cs-intro{
    position:relative;
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    padding:80px 15px
}
@media screen and (min-width:480px) and (max-width:767px){
    .cs-intro{
        padding-left:30px;
        padding-right:30px
    }
}
@media screen and (min-width:1080px){
    .cs-intro{
        padding:130px 0
    }
}
@media screen and (min-width:1600px){
    .cs-intro{
        width:1200px
    }
}
.cs-intro__left{
    width:100%
}
@media screen and (min-width:1080px){
    .cs-intro__left{
        width:60%
    }
}
.cs-intro__left h2{
    color:var(--brand-color)
}
@media screen and (max-width:479px){
    .cs-intro__left .alpha{
        font-size:26px;
        line-height:32px
    }
}
.cs-intro__left .wysiwyg{
    max-width:600px
}
.cs-intro__right{
    width:100%;
    padding:40px 0 0
}
@media screen and (min-width:1080px){
    .cs-intro__right{
        width:40%;
        padding:0 0 0 50px
    }
}
@media screen and (min-width:1360px){
    .cs-intro__right{
        padding:0 0 0 100px
    }
}
.cs-intro__right svg{
    width:100%;
    max-width:400px;
    height:auto
}
.cs-intro__right svg:not(:last-child){
    margin-bottom:20px
}
.cs-stats-section{
    padding:50px 0 75px
}
@media screen and (min-width:768px){
    .cs-stats-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .cs-stats-section{
        padding:130px 0 200px
    }
}
@media screen and (min-width:900px){
    .cs-stats-wrapper{
        padding-left:60px
    }
}
@media screen and (min-width:1360px){
    .cs-stats-wrapper{
        padding-left:100px
    }
}
.cs-stats-number{
    margin-bottom:40px;
    color:#a5a8b5;
    font-size:60px
}
@media screen and (min-width:400px){
    .cs-stats-number{
        font-size:19.9rem;
        font-size:min(max(5.3rem,16.6vw),19.9rem);
        font-size:clamp(5.3rem,16.6vw,19.9rem)
    }
}
@media screen and (min-width:1080px){
    .cs-stats-number{
        margin-bottom:50px
    }
}
@media screen and (min-width:1360px){
    .cs-stats-number{
        margin-bottom:80px
    }
}
.cs-stats-number sup{
    position:relative;
    font-size:40%
}
@media screen and (min-width:1360px){
    .cs-stats-number sup{
        top:-20px
    }
}
.cs-stats-number--md{
    font-size:45px
}
@media screen and (min-width:400px){
    .cs-stats-number--md{
        font-size:14rem;
        font-size:min(max(4rem,12vw),14rem);
        font-size:clamp(4rem,12vw,14rem)
    }
}
@media screen and (min-width:1360px){
    .cs-stats-number--md sup{
        top:-15px
    }
}
.cs-stats-number--sm{
    font-size:35px
}
@media screen and (min-width:400px){
    .cs-stats-number--sm{
        font-size:10.8rem;
        font-size:min(max(3rem,9vw),10.8rem);
        font-size:clamp(3rem,9vw,10.8rem)
    }
}
@media screen and (min-width:1360px){
    .cs-stats-number--sm sup{
        top:-10px
    }
}
.cs-stats-grid{
    display:grid;
    grid-template-areas:"title" "img" "content" "cols" "rows"
}
@media screen and (min-width:768px){
    .cs-stats-grid{
        grid-template-columns:calc(50% - 70px) 50%;
        gap:0 70px;
        grid-template-areas:"title img" "content content" "cols cols" "rows rows"
    }
}
@media screen and (min-width:1080px){
    .cs-stats-grid{
        gap:70px;
        grid-template-areas:"title img" "title cols" "content rows"
    }
}
.cs-stats-grid__title{
    grid-area:title
}
.cs-stats-grid__title h2{
    color:var(--brand-color)
}
.cs-stats-grid__img{
    grid-area:img
}
.cs-stats-grid__cols{
    grid-area:cols
}
.cs-stats-grid__cols .stat-cols{
    display:flex;
    flex-flow:row wrap;
    gap:0 30px
}
@media screen and (min-width:768px){
    .cs-stats-grid__cols .stat-cols{
        gap:0 80px
    }
}
@media screen and (min-width:1080px) and (max-width:1280px){
    .cs-stats-grid__cols .stat-cols{
        gap:0 40px
    }
}
.cs-stats-grid__cols .stat-cols__item{
    width:calc(50% - 15px);
    margin-bottom:40px
}
@media screen and (min-width:768px){
    .cs-stats-grid__cols .stat-cols__item{
        width:calc(50% - 80px);
        margin-bottom:60px
    }
}
@media screen and (min-width:1080px) and (max-width:1280px){
    .cs-stats-grid__cols .stat-cols__item{
        width:calc(50% - 40px)
    }
}
.cs-stats-grid__cols .stat-cols__num{
    font-size:60px;
    color:var(--brand-color);
    border-bottom:1px solid #a5a8b5;
    margin-bottom:25px;
    padding-bottom:30px
}
@media screen and (min-width:414px){
    .cs-stats-grid__cols .stat-cols__num{
        font-size:80px
    }
}
@media screen and (min-width:768px){
    .cs-stats-grid__cols .stat-cols__num{
        font-size:100px
    }
}
@media screen and (min-width:1080px) and (max-width:1280px){
    .cs-stats-grid__cols .stat-cols__num{
        font-size:80px
    }
}
.cs-stats-grid__cols .stat-cols__num sup{
    position:relative;
    font-size:40%
}
@media screen and (min-width:768px){
    .cs-stats-grid__cols .stat-cols__num sup{
        top:-8px
    }
}
.cs-stats-grid__content{
    grid-area:content;
    padding:35px 0
}
@media screen and (min-width:480px){
    .cs-stats-grid__content{
        padding:60px 0
    }
}
@media screen and (min-width:1080px){
    .cs-stats-grid__content{
        display:flex;
        flex-flow:column;
        align-items:flex-start;
        justify-content:space-between;
        padding:0
    }
}
.cs-stats-grid__content h2{
    color:var(--brand-color);
    font-size:35px;
    line-height:40px;
    letter-spacing:-.32px
}
.cs-stats-grid__content .btn{
    background-color:#a5a8b5
}
.cs-stats-grid__content .btn:after,.cs-stats-grid__content .btn:before{
    background-color:var(--brand-color)
}
.cs-stats-grid__rows{
    grid-area:rows
}
.cs-stats-grid__rows .stat-rows__item{
    width:100%;
    border-bottom:1px solid #a5a8b5;
    padding-bottom:30px
}
@media screen and (min-width:768px){
    .cs-stats-grid__rows .stat-rows__item{
        padding-bottom:50px
    }
}
.cs-stats-grid__rows .stat-rows__item:not(:last-child){
    margin-bottom:25px
}
@media screen and (min-width:768px){
    .cs-stats-grid__rows .stat-rows__item:not(:last-child){
        margin-bottom:45px
    }
}
.cs-stats-grid__rows .stat-rows__num{
    color:var(--brand-color);
    font-size:35px;
    letter-spacing:-.3px;
    margin:0 0 10px
}
.cs-stats-grid__rows .stat-rows__num sup{
    position:relative;
    font-size:50%
}
.cs-stats-grid__rows .stat-rows__text{
    margin-top:5px;
    font-size:16px;
    line-height:24px;
    letter-spacing:.5px
}
.cs-archive-section{
    padding:75px 30px
}
@media screen and (min-width:768px){
    .cs-archive-section{
        padding:80px 60px 100px
    }
}
@media screen and (min-width:1080px){
    .cs-archive-section{
        padding-right:0
    }
}
@media screen and (min-width:1600px){
    .cs-archive-section{
        padding:80px 0 130px 80px
    }
}
.cs-filters-section{
    padding:40px 0
}
@media screen and (min-width:480px){
    .cs-filters-section{
        padding:60px 0
    }
}
.cs-filters{
    position:relative
}
.cs-filters__header{
    margin-bottom:30px
}
@media screen and (min-width:480px){
    .cs-filters__header{
        margin-bottom:40px
    }
}
@media screen and (min-width:600px){
    .cs-filters__options .selectric-markets-select{
        display:none
    }
}
.cs-filters__options-radios{
    display:flex;
    flex-flow:row wrap;
    gap:15px 30px
}
@media screen and (min-width:1600px){
    .cs-filters__options-radios{
        justify-content:space-between
    }
}
.cs-filters__options .cs-filter-btn{
    display:none
}
@media screen and (min-width:600px){
    .cs-filters__options .cs-filter-btn{
        display:block;
        width:calc(25% - 25px);
        color:#a5a8b5;
        font-family:Aeonik Medium,sans-serif;
        font-weight: 100;
        font-style:normal;
        font-size:16px;
        line-height:24px;
        letter-spacing:.5px;
        cursor:pointer
    }
}
@media screen and (min-width:1080px){
    .cs-filters__options .cs-filter-btn{
        width:calc(20% - 25px)
    }
}
@media screen and (min-width:1600px){
    .cs-filters__options .cs-filter-btn{
        width:150px
    }
}
.cs-filters__options .cs-filter-btn input[type=radio]{
    display:none
}
.cs-filters__options .cs-filter-btn input[type=radio]:checked~span{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    color:#000
}
.cs-filters__options .cs-filter-btn span{
    display:block;
    max-width:125px
}
.cs-filters__options .cs-filter-btn span sup{
    margin-left:5px;
    font-size:11px
}
.cs-filters__options .cs-filter-btn:first-child{
    font-size:20px
}
@media screen and (min-width:1600px){
    .cs-filters__options .cs-filter-btn:first-child{
        width:80px
    }
}
.cs-filters__options .cs-filter-btn.active{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    color:#000
}
.cs-filters__filter{
    margin-top:30px
}
@media screen and (min-width:600px){
    .cs-filters__filter{
        position:absolute;
        top:0;
        right:0;
        margin-top:0
    }
}
.case-studies{
    display:grid;
    grid-template-columns:1fr;
    gap:60px;
    max-width:1760px;
    margin:0 auto;
}
@media screen and (min-width:1080px){
    .case-studies{
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}
@media screen and (min-width:1600px){
    .case-studies{
        gap:80px
    }
}
.case-studies__item{
    display:block;
    display: block;
    background: #fff;
    border: 1px solid #eee;
    padding: 2px;box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.case-studies__item h3{
    margin-bottom:5px
}
.case-studies__item h2{
    margin-bottom:10px;
    font-size:24px;
    line-height:30px
}
@media screen and (min-width:480px){
    .case-studies__item h2{
        font-size: 18px;
    line-height: 25px;
    letter-spacing: 0;
    }
}
.case-studies__img{
    position:relative;
    /* margin-bottom:35px; */
    padding-bottom:69.25%;
    height:200px;
}
.case-studies__gal{
   
    height:200px;
   
}
/* @media screen and (min-width:480px){
    .case-studies__img{
        margin-bottom:50px
    }
} */
.case-studies__img img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.cs-modal-toggle{
    display:inline-flex;
    align-items:flex-end;
    font-size:20px;
    color:#000;
    background:none;
    border:none;
    border-radius:0;
    outline:none;
    -webkit-appearance:none;
    cursor:pointer
}
.cs-modal-toggle .box-arrow-icon{
    margin-left:15px
}
.cs-modal-toggle .box-arrow-icon__arrow{
    fill:#000
}
.cs-modal-toggle .box-arrow-icon__box{
    stroke:#000
}
.cs-modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:200;
    width:100%;
    height:100%;
    padding:110px 0 80px
}
@media screen and (min-width:768px){
    .cs-modal{
        padding:110px 0
    }
}
@media screen and (min-width:1080px){
    .cs-modal{
        width:calc(100% - 80px);
        padding:130px 0
    }
}
.cs-modal.active{
    display:block
}
.cs-modal-container{
    max-width:1420px;
    height:100%;
    margin:0 auto;
    padding:12.5vh 30px 0;
    overflow-y:scroll
}
@media screen and (min-width:768px){
    .cs-modal-container{
        padding:12.5vh 60px 0
    }
}
.cs-modal-menu>li{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal;
    margin-bottom:20px;
    font-size:35px;
    line-height:40px
}
@media screen and (min-width:1080px){
    .cs-modal-menu>li{
        font-size:40px;
        line-height:45px
    }
}
.cs-modal-menu>li a{
    position:relative;
    color:#fff
}
@media screen and (min-width:1080px){
    .cs-modal-menu>li a:after{
        content:"";
        position:absolute;
        top:calc(50% + 4px);
        right:10px;
        transform:translate(100%,-50%);
        width:73px;
        height:26px;
        padding-left:23px;
        background:url("../../resources/assets/svg/arrow-right.svg") no-repeat;
        background-size:50px 26px;
        background-position:100%;
        opacity:0;
        visibility:hidden;
        transition:all .3s ease
    }
}
.cs-modal-menu>li a.active{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    color:#060668
}
@media screen and (min-width:1080px){
    .cs-modal-menu>li a.active:after{
        right:0;
        opacity:1;
        visibility:visible
    }
}
@media (hover:hover){
    .cs-modal-menu>li a:hover:not(.active){
        color:#a5a8b5
    }
}
.cs-modal-menu .cs-filter-submit{
    margin-top:40px
}
@media screen and (min-width:1080px){
    .cs-filters-form{
        position:relative;
        display:flex;
        flex-flow:column;
        justify-content:space-between;
        align-items:flex-start;
        width:340px;
        height:100%
    }
}
.cs-filters-form__group{
    display:none
}
@media screen and (min-width:1080px){
    .cs-filters-form__group{
        position:absolute;
        top:40px;
        left:340px;
        width:calc(100vw - 540px);
        max-width:840px
    }
}
@media screen and (min-width:1360px){
    .cs-filters-form__group{
        left:400px
    }
}
.cs-filters-form__group.active{
    display:block
}
.cs-filters-form .brands-list{
    display:flex;
    flex-flow:row wrap
}
@media screen and (max-width:1079px){
    .cs-filters-form .brands-list{
        width:calc(100% + 120px);
        margin-top:35px;
        margin-left:-60px;
        margin-right:-60px
    }
}
@media screen and (max-width:767px){
    .cs-filters-form .brands-list{
        width:calc(100% + 60px);
        margin-left:-30px;
        margin-right:-30px
    }
}
.cs-filters-form .brands-list__item{
    width:50%;
    padding:0 20px
}
@media screen and (min-width:414px){
    .cs-filters-form .brands-list__item{
        width:33.33333%
    }
}
@media screen and (min-width:1080px){
    .cs-filters-form .brands-list__item{
        width:135px;
        padding:0 15px
    }
}
@media screen and (min-width:1360px){
    .cs-filters-form .brands-list__item{
        width:155px;
        padding:0 20px
    }
}
.cs-filters-form .brands-list__item:not(:last-child){
    margin-bottom:30px
}
.cs-filters-form .brands-list__item input[type=checkbox]{
    display:none
}
.cs-filters-form .brands-list__item input[type=checkbox]:checked~span{
    color:#060668;
    text-decoration:underline
}
.cs-filters-form .brands-list__item input[type=checkbox]:checked~span:after{
    background:url("../../resources/assets/svg/tick-alt.svg") no-repeat
}
.cs-filters-form .brands-list__item label{
    display:block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    font-size:11px;
    line-height:13px;
    letter-spacing:1px;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    cursor:pointer
}
@media screen and (min-width:1600px){
    .cs-filters-form .brands-list__item label{
        font-size:13px;
        line-height:15px
    }
}
.cs-filters-form .brands-list__item label svg{
    display:block;
    margin:0 auto 10px
}
@media screen and (min-width:1080px) and (max-width:1360px){
    .cs-filters-form .brands-list__item label svg{
        width:30px;
        height:30px
    }
}
.cs-filters-form .brands-list__item label svg .brand-icon-bg{
    fill:#fff
}
.cs-filters-form .brands-list__item label span{
    position:relative;
    display:inline;
    user-select:none
}
.cs-filters-form .brands-list__item label span:after{
    content:"";
    position:absolute;
    top:50%;
    right:-20px;
    transform:translateY(-50%);
    display:block;
    width:16px;
    height:12px;
    background:none;
    transition:all .15s linear
}
.cs-filters-form .brands-list__item label:hover span{
    text-decoration:underline
}
@media screen and (min-width:1080px){
    .cs-filters-form .filter-list{
        padding-left:30px
    }
}
@media screen and (max-width:1079px){
    .cs-filters-form .filter-list{
        margin:20px 0 15px
    }
}
.cs-filters-form .filter-list li{
    font-size:25px;
    line-height:30px
}
@media screen and (min-width:1080px){
    .cs-filters-form .filter-list li{
        font-size:30px;
        line-height:35px
    }
}
@media screen and (min-width:1360px){
    .cs-filters-form .filter-list li{
        font-size:40px;
        line-height:45px
    }
}
.cs-filters-form .filter-list li:not(:last-child){
    margin-bottom:10px
}
@media screen and (min-width:1080px){
    .cs-filters-form .filter-list li:not(:last-child){
        margin-bottom:20px
    }
}
.cs-filters-form .filter-list li input[type=checkbox],.cs-filters-form .filter-list li input[type=radio]{
    display:none
}
.cs-filters-form .filter-list li input[type=checkbox]:checked~span,.cs-filters-form .filter-list li input[type=radio]:checked~span{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    color:#060668
}
.cs-filters-form .filter-list li input[type=checkbox]:checked~span:after,.cs-filters-form .filter-list li input[type=radio]:checked~span:after{
    background:url("../../resources/assets/svg/tick-alt.svg") no-repeat
}
.cs-filters-form .filter-list li label{
    cursor:pointer
}
.cs-filters-form .filter-list li label span{
    position:relative;
    transition:all .15s linear
}
.cs-filters-form .filter-list li label span:after{
    content:"";
    position:absolute;
    top:50%;
    right:-35px;
    transform:translateY(-50%);
    display:block;
    width:22px;
    height:16px;
    background:none;
    transition:all .15s linear
}
@media screen and (min-width:1360px){
    .cs-filters-form .filter-list li label span:after{
        right:-70px;
        width:40px;
        height:29px
    }
}
.cs-filters-form .filter-list li label:hover span{
    color:#a5a8b5
}
.cs-filters-form .cs-filter-submit{
    margin-top:20px
}
.about-mission-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .about-mission-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .about-mission-section{
        padding:100px 0 130px
    }
}
@media screen and (min-width:1360px){
    .about-container-offset{
        padding-left:160px
    }
}
.about-mission{
    display:flex;
    flex-flow:row wrap;
    align-items:center
}
.about-mission__content{
    width:100%;
    margin-bottom:40px
}
@media screen and (min-width:1080px){
    .about-mission__content{
        width:50%;
        margin-bottom:0;
        padding-right:60px
    }
}
.about-mission__img{
    width:100%
}
@media screen and (min-width:1080px){
    .about-mission__img{
        width:50%
    }
}
@media screen and (min-width:1080px){
    .about-mission__img img{
        margin-left:auto
    }
}
.timeline-section{
    position:relative;
    padding:75px 0
}
@media screen and (min-width:768px){
    .timeline-section{
        padding:0 0 100px
    }
}
@media screen and (min-width:1360px){
    .timeline-section{
        padding:0 0 130px
    }
}
@media screen and (min-width:768px){
    .timeline-title{
        position:absolute;
        top:100px;
        left:60px;
        right:60px;
        padding-bottom:20px;
        border-bottom:1px solid #a5a8b5
    }
}
@media screen and (min-width:1360px){
    .timeline-title{
        left:160px
    }
}
.timeline{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:flex-start
}
.timeline__years{
    display:none
}
@media screen and (min-width:768px){
    .timeline__years{
        display:block;
        position:sticky;
        top:calc(50vh - 130px);
        width:50%;
        height:225px;
        margin-top:calc(50vh - 130px);
        margin-bottom:10vh
    }
}
.timeline__progress{
    display:none
}
@media screen and (min-width:768px){
    .timeline__progress{
        display:block;
        position:absolute;
        top:50%;
        left:190px;
        transform:translate(-50%,-50%);
        width:250px;
        height:250px
    }
}
@media screen and (min-width:1080px){
    .timeline__progress{
        left:280px;
        width:300px;
        height:300px
    }
}
@media screen and (min-width:1280px){
    .timeline__progress{
        left:320px;
        width:332px;
        height:332px
    }
}
@media screen and (min-width:1600px){
    .timeline__progress{
        left:390px;
        width:462px;
        height:462px
    }
}
.timeline__progress-path{
    stroke-dasharray:1841;
    stroke-dashoffset:1841
}
.timeline__milestones{
    width:100%;
    max-width:510px
}
@media screen and (min-width:768px){
    .timeline__milestones{
        width:50%;
        margin-top:35vh;
        padding-left:60px
    }
}
.timeline__year{
    color:#f2f2f2;
    font-size:110px;
    line-height:225px;
    transition:all .2s linear
}
@media screen and (min-width:1080px){
    .timeline__year{
        font-size:160px
    }
}
@media screen and (min-width:1280px){
    .timeline__year{
        font-size:180px
    }
}
@media screen and (min-width:1600px){
    .timeline__year{
        font-size:225px
    }
}
.timeline__year span:first-child{
    opacity:0;
    visibility:hidden
}
.timeline__year.active{
    color:#060668
}
.timeline__year.active span:first-child{
    opacity:1;
    visibility:visible
}
.timeline__year-mob{
    margin-bottom:35px;
    font-size:80px
}
@media screen and (min-width:768px){
    .timeline__year-mob{
        display:none
    }
}
.timeline__milestones-group{
    padding-top:40px
}
@media screen and (min-width:768px){
    .timeline__milestones-group{
        padding-top:60px
    }
}
.timeline__milestone{
    margin:0 30px;
    padding-bottom:40px;
    border-bottom:1px solid #a5a8b5
}
@media screen and (min-width:768px){
    .timeline__milestone{
        min-height:170px;
        margin:0;
        padding-bottom:60px
    }
}
.timeline__milestone:not(:last-child){
    margin-bottom:40px
}
@media screen and (min-width:768px){
    .timeline__milestone:not(:last-child){
        margin-bottom:60px
    }
}
.sus-stats-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .sus-stats-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .sus-stats-section{
        padding:130px 0
    }
}
.sus-stats-row{
    display:flex;
    flex-flow:row wrap
}
.sus-stats-row__title{
    width:100%;
    border-bottom:1px solid #a5a8b5;
    opacity:0;
    visibility:hidden
}
@media screen and (min-width:600px){
    .sus-stats-row__title{
        width:35%;
        border-bottom:none;
        border-right:1px solid #a5a8b5
    }
}
@media screen and (min-width:900px){
    .sus-stats-row__title{
        width:25%
    }
}
.sus-stats-row__content{
    width:100%
}
@media screen and (min-width:600px){
    .sus-stats-row__content{
        width:65%
    }
}
@media screen and (min-width:900px){
    .sus-stats-row__content{
        width:75%
    }
}
.sus-stats{
    display:flex;
    flex-flow:row wrap
}
.sus-stats__item{
    width:100%;
    max-width:500px;
    padding:30px 0 0;
    opacity:0;
    visibility:hidden
}
@media screen and (min-width:480px){
    .sus-stats__item{
        padding:60px 0 0 6vw
    }
}
@media screen and (min-width:1080px){
    .sus-stats__item{
        width:50%
    }
}
@media screen and (min-width:1360px){
    .sus-stats__item{
        padding:100px 0 0 100px
    }
}
.sus-stats__stat{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-flow:row;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:20px;
    padding-bottom:25px;
    border-bottom:1px solid #fff
}
.sus-stats__stat p{
    font-size:70px;
    letter-spacing:-1px
}
@media screen and (min-width:1360px){
    .sus-stats__stat p{
        font-size:100px
    }
}
.sus-content-section{
    padding:75px 0 0
}
@media screen and (min-width:768px){
    .sus-content-section{
        padding:100px 0 0
    }
}
@media screen and (min-width:1360px){
    .sus-content-section{
        padding:130px 0 0
    }
}
.sus-cta-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .sus-cta-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .sus-cta-section{
        padding:130px 0
    }
}
@media screen and (min-width:1900px){
    .sus-cta-section{
        padding:170px 0 220px
    }
}
.sus-cta-section h2{
    max-width:920px
}
.sus-img-text-section{
    position:relative;
    overflow:hidden
}
@media screen and (min-width:900px){
    .sus-img-text-section{
        padding:150px 0;
        background:linear-gradient(90deg,#f2f2f2 31%,#fff 0)
    }
}
.sus-img-text-container{
    max-width:1920px;
    margin:0 auto
}
.sus-img-text{
    display:flex;
    flex-flow:row wrap
}
.sus-img-text__img{
    width:100%
}
@media screen and (min-width:900px){
    .sus-img-text__img{
        width:calc(50% - 40px)
    }
}
.sus-img-text__text{
    width:100%;
    padding:60px 30px 90px;
    background:#fff
}
@media screen and (min-width:768px){
    .sus-img-text__text{
        padding:90px 60px 120px
    }
}
@media screen and (min-width:900px){
    .sus-img-text__text{
        width:calc(50% + 40px);
        padding:30px 8vw 0
    }
}
.sus-img-text__text-inner{
    max-width:600px
}
.careers-cta-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .careers-cta-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .careers-cta-section{
        padding:130px 0
    }
}
@media screen and (min-width:1900px){
    .careers-cta-section{
        padding:170px 0 220px
    }
}
.careers-cta-section h2{
    max-width:640px
}
.careers-img-text-section{
    padding:0 0 75px
}
@media screen and (min-width:768px){
    .careers-img-text-section{
        padding:0 0 100px
    }
}
@media screen and (min-width:1080px){
    .careers-img-text-section{
        padding:0 0 160px
    }
}
@media screen and (min-width:1360px){
    .careers-img-text-section{
        padding:0 0 250px
    }
}
.careers-img-text-section--top{
    padding:75px 0
}
@media screen and (min-width:768px){
    .careers-img-text-section--top{
        padding:100px 0
    }
}
@media screen and (min-width:1080px){
    .careers-img-text-section--top{
        padding:130px 0 160px
    }
}
@media screen and (min-width:1360px){
    .careers-img-text-section--top{
        padding:170px 0 250px
    }
}
.careers-img-text{
    display:flex;
    flex-flow:row wrap
}
@media screen and (max-width:1599px){
    .careers-img-text{
        align-items:flex-start
    }
}
.careers-img-text__img{
    position:relative;
    width:100%
}
@media screen and (min-width:1080px){
    .careers-img-text__img{
        width:58%
    }
}
.careers-img-text__content{
    width:100%
}
@media screen and (min-width:1080px){
    .careers-img-text__content{
        width:42%;
        padding-left:80px
    }
}
@media screen and (min-width:1600px){
    .careers-img-text__content{
        padding-bottom:110px
    }
}
.careers-img-text__sub-title{
    padding-top:60px
}
@media screen and (min-width:768px){
    .careers-img-text__sub-title{
        padding-top:100px
    }
}
@media screen and (min-width:1080px){
    .careers-img-text__sub-title{
        padding-top:30px;
        border-top:1px solid #a5a8b5
    }
}
.careers-img-text__big-text{
    position:absolute;
    bottom:0;
    left:0;
    transform:translateY(25px);
    font-size:16rem;
    font-size:min(max(4rem,11.7vw),16rem);
    font-size:clamp(4rem,11.7vw,16rem)
}
@media screen and (min-width:480px){
    .careers-img-text__big-text{
        transform:translateY(40%)
    }
}
@media screen and (min-width:1080px){
    .careers-img-text__big-text{
        left:auto;
        right:-30px
    }
}
@media screen and (min-width:1600px){
    .careers-img-text__big-text{
        right:-60%
    }
}
.template-brand-contacts .column-cards-section{
    position:relative;
    z-index:10;
    padding:50px 0
}
@media screen and (min-width:768px){
    .template-brand-contacts .column-cards-section{
        padding:75px 0
    }
}
@media screen and (min-width:1080px){
    .template-brand-contacts .column-cards-section{
        padding:0
    }
}
@media screen and (min-width:1080px){
    .template-brand-contacts .column-cards-section:before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:165px;
        background:linear-gradient(90deg,transparent 60px,#fff 0)
    }
}
@media screen and (min-width:1644px){
    .template-brand-contacts .column-cards-section:before{
        background:linear-gradient(90deg,transparent calc(50% - 722px),#fff calc(50% - 722px))
    }
}
.template-brand-contacts .column-cards-section .container{
    position:relative
}
@media screen and (min-width:1080px){
    .template-brand-contacts .column-cards-section .column-cards__content{
        min-height:825px;
        padding-top:300px
    }
}
@media screen and (min-width:1080px){
    .template-brand-contacts .column-cards-section .column-cards__cards{
        position:absolute;
        top:0;
        right:60px;
        width:calc(50% - 20px)
    }
}
.map .acf-map{
    width:100%;
    height:500px;
    max-height:calc(100vh - 130px)
}
@media screen and (min-width:768px){
    .map .acf-map{
        height:700px
    }
}
@media screen and (min-width:1360px){
    .map .acf-map{
        height:850px
    }
}
.map .cluster-marker{
    text-shadow:1px 1px 4px #000;
    font-weight:700
}
.brand-contacts-list-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .brand-contacts-list-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .brand-contacts-list-section{
        padding:150px 0
    }
}
.brand-contacts-list{
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:30px 30px;
    max-width:330px;
    margin-inline:auto
}
@media screen and (min-width:600px){
    .brand-contacts-list{
        grid-template-columns:repeat(2,minmax(200px,310px));
        justify-content:space-between;
        gap:50px 30px;
        max-width:680px
    }
}
@media screen and (min-width:1080px){
    .brand-contacts-list{
        grid-template-columns:repeat(3,minmax(200px,330px));
        max-width:100%
    }
}
@media screen and (min-width:1600px){
    .brand-contacts-list{
        gap:70px 30px;
        padding-left:110px
    }
}
.brand-contacts-list__item{
    padding:30px
}
.brand-contacts-list__item.active{
    background:#fff
}
.brand-contacts-list__logo{
    margin-bottom:20px;
    padding-bottom:25px;
    border-bottom:1px solid #a5a8b5
}
@media screen and (min-width:600px){
    .brand-contacts-list__logo{
        margin-bottom:30px;
        padding-bottom:35px
    }
}
.brand-contacts-list__logo svg{
    max-width:100%
}
@media screen and (min-width:1280px){
    .brand-contacts-list__logo svg{
        transform:scale(1.2);
        transform-origin:top left
    }
}
.brand-contacts-list__address p{
    font-size:13px;
    line-height:20px;
    letter-spacing:.4px
}
.brand-contacts-list__address p:not(:last-child){
    margin-bottom:10px
}
.brand-contacts-list__address a{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style:normal;
    color:#060668
}
.directions-link{
    display:inline-flex;
    flex-flow:row;
    align-items:center;
    margin-top:40px;
    color:#a5a8b5;
    transition:all .15s linear
}
.directions-link .box-arrow-icon{
    display:block
}
@media screen and (max-width:767px){
    .directions-link .box-arrow-icon{
        width:21px;
        height:14px
    }
}
.directions-link .box-arrow-icon__arrow{
    fill:#a5a8b5;
    transition:all .15s linear
}
.directions-link .box-arrow-icon__box{
    stroke:#a5a8b5;
    transition:all .15s linear
}
.directions-link__text{
    margin-right:8px;
    font-size:13px;
    line-height:20px;
    letter-spacing:.4px
}
@media screen and (min-width:768px){
    .directions-link__text{
        margin-right:15px
    }
}
.directions-link:hover{
    color:#060668
}
.directions-link:hover .box-arrow-icon__arrow{
    fill:#060668
}
.directions-link:hover .box-arrow-icon__box{
    stroke:#060668
}
.downloads-filters__header{
    padding-top:140px
}
@media screen and (min-width:480px){
    .downloads-filters__header{
        padding-top:180px
    }
}
@media screen and (min-width:1360px){
    .downloads-filters__header{
        padding-top:240px
    }
}
.downloads-filters__header h2{
    margin-bottom:-25px;
    font-size:55px;
    line-height:60px;
    letter-spacing:-.32px
}
@media screen and (min-width:480px){
    .downloads-filters__header h2{
        margin-bottom:-32px;
        font-size:75px;
        line-height:80px;
        letter-spacing:-.5px
    }
}
@media screen and (min-width:1080px){
    .downloads-filters__header h2{
        margin-bottom:-45px;
        font-size:100px;
        line-height:110px
    }
}
.downloads-filters__options{
    padding-top:65px
}
@media screen and (min-width:480px){
    .downloads-filters__options{
        padding-top:80px
    }
}
@media screen and (min-width:1080px){
    .downloads-filters__options{
        padding-top:100px
    }
}
.downloads-filters__options .list-btn-wrapper{
    padding:35px 0;
    border-top:1px solid #a5a8b5
}
@media screen and (min-width:480px){
    .downloads-filters__options .list-btn-wrapper{
        padding:45px 0
    }
}
.downloads-archive-section{
    padding:50px 0
}
@media screen and (min-width:768px){
    .downloads-archive-section{
        padding:75px 0
    }
}
@media screen and (min-width:1360px){
    .downloads-archive-section{
        padding:100px 0
    }
}
@media screen and (max-width:479px){
    .downloads-archive-section .container{
        padding:0 20px
    }
}
.downloads__item{
    position:relative;
    padding:25px 20px
}
@media screen and (min-width:480px){
    .downloads__item{
        padding:50px 30px
    }
}
@media screen and (min-width:768px){
    .downloads__item{
        padding:50px 160px 50px 60px
    }
}
@media screen and (min-width:1360px){
    .downloads__item{
        padding:50px 200px 50px 100px
    }
}
.downloads__item:not(:last-child){
    margin-bottom:30px
}
.downloads__file-icon{
    display:none
}
@media screen and (min-width:768px){
    .downloads__file-icon{
        display:block;
        position:absolute;
        top:50%;
        right:60px;
        transform:translateY(-50%)
    }
}
@media screen and (min-width:1360px){
    .downloads__file-icon{
        right:100px
    }
}
.downloads__cat{
    font-size:14px;
    line-height:26px
}
@media screen and (min-width:480px){
    .downloads__cat{
        font-size:17px;
        line-height:30px
    }
}
@media screen and (min-width:768px){
    .downloads__cat{
        font-size:20px;
        line-height:35px
    }
}
.downloads__title{
    font-size:20px;
    line-height:28px
}
@media screen and (min-width:480px){
    .downloads__title{
        font-size:26px;
        line-height:32px
    }
}
@media screen and (min-width:1360px){
    .downloads__title{
        font-size:35px;
        line-height:40px
    }
}
.downloads__link{
    display:inline-flex;
    flex-flow:row;
    align-items:center;
    font-size:11px;
    line-height:20px;
    letter-spacing:1px;
    transition:all .15s linear
}
@media screen and (min-width:480px){
    .downloads__link{
        font-size:13px;
        line-height:20px
    }
}
.downloads__link .box-arrow-icon{
    margin-left:8px
}
@media screen and (min-width:768px){
    .downloads__link .box-arrow-icon{
        margin-left:15px
    }
}
.downloads__link .box-arrow-icon path{
    transition:all .15s linear
}
.downloads__link:hover{
    color:#060668
}
.downloads__link:hover .box-arrow-icon__arrow{
    fill:#060668
}
.downloads__link:hover .box-arrow-icon__box{
    stroke:#060668
}
.product-downloads-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .product-downloads-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .product-downloads-section{
        padding:130px 0
    }
}
.template-brand-products .hero-coloured__text a{
    color:var(--brand-color)
}
.template-brand-products .hero-coloured__text a:hover{
    color:#a5a8b5
}
.template-brand-products .btn{
    background-color:#a5a8b5
}
.template-brand-products .btn:after,.template-brand-products .btn:before{
    background-color:var(--brand-color)
}
.template-brand-products .products__item:hover:after{
    background:var(--brand-color)
}
.products-archive-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .products-archive-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .products-archive-section{
        padding:130px 0
    }
}
.products{
    display:grid;
    grid-template-columns:1fr;
    gap:55px 30px;
    max-width:310px;
    margin:0 auto
}
@media screen and (min-width:600px){
    .products{
        grid-template-columns:1fr 1fr;
        max-width:905px
    }
}
@media screen and (min-width:768px){
    .products{
        gap:80px 60px
    }
}
@media screen and (min-width:1280px){
    .products{
        grid-template-columns:1fr 1fr 1fr;
        gap:100px 60px;
        max-width:none
    }
}
@media screen and (min-width:1600px){
    .products{
        gap:150px 80px
    }
}
.products__item{
    position:relative;
    display:flex;
    flex-flow:column;
    justify-content:flex-end;
    min-height:310px;
    padding:25px 20px
}
@media screen and (min-width:900px){
    .products__item{
        min-height:425px;
        padding:45px 40px
    }
}
.products__item:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background:#000;
    opacity:.3;
    transition:all .3s ease
}
.products__item:hover:after{
    background:#060668;
    opacity:1
}
.products__img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.products__title{
    position:relative;
    z-index:10;
    padding-top:30px;
    border-top:1px solid #a5a8b5;
    font-size:18px;
    line-height:25px
}
@media screen and (min-width:900px){
    .products__title{
        min-height:101px;
        font-size:24px;
        line-height:35px
    }
}
@media screen and (min-width:1080px){
    .enquiry-section{
        padding:200px 0 100px;
        background:linear-gradient(90deg,#fff calc(50% - 120px),#f2f2f2 calc(50% - 120px))
    }
}
@media screen and (min-width:1360px){
    .enquiry-section{
        padding:250px 0 130px
    }
}
.enquiry{
    display:flex;
    flex-flow:row wrap;
    max-width:1920px;
    margin:0 auto
}
.enquiry__content{
    width:100%;
    padding:120px 30px 60px;
    background:#fff
}
@media screen and (min-width:768px){
    .enquiry__content{
        padding:160px 60px 60px
    }
}
@media screen and (min-width:1080px){
    .enquiry__content{
        width:calc(50% - 120px);
        padding:0 60px;
        background:none
    }
}
@media screen and (min-width:1662px){
    .enquiry__content{
        padding:0 100px 0 calc(50% - 722px)
    }
}
.enquiry__form{
    width:100%;
    padding:60px 30px 0;
    background:#f2f2f2
}
@media screen and (min-width:768px){
    .enquiry__form{
        padding:60px 60px 0
    }
}
@media screen and (min-width:1080px){
    .enquiry__form{
        width:calc(50% + 120px);
        padding:0 80px;
        background:none
    }
}
@media screen and (min-width:1662px){
    .enquiry__form{
        padding:0 100px 0 130px
    }
}
.search-hero{
    padding:140px 0 60px
}
@media screen and (min-width:480px){
    .search-hero{
        padding:180px 0 80px
    }
}
@media screen and (min-width:1360px){
    .search-hero{
        padding:200px 0 120px
    }
}
.search-hero__title{
    font-size:55px;
    line-height:60px;
    letter-spacing:-.32px
}
@media screen and (min-width:480px){
    .search-hero__title{
        font-size:75px;
        line-height:80px;
        letter-spacing:-.5px
    }
}
@media screen and (min-width:1080px){
    .search-hero__title{
        font-size:100px;
        line-height:110px
    }
}
.search-hero .search-form__input{
    position:relative
}
.search-hero .search-form__input input[type=search]{
    padding:18px 0;
    background:none;
    border:none;
    border-bottom:1px solid #a5a8b5;
    font-size:28px;
    line-height:33px;
    letter-spacing:-.32px
}
@media screen and (min-width:768px){
    .search-hero .search-form__input input[type=search]{
        font-size:42px;
        line-height:47px;
        letter-spacing:-.5px
    }
}
@media screen and (min-width:1080px){
    .search-hero .search-form__input input[type=search]{
        font-size:75px;
        line-height:80px
    }
}
.search-hero .search-form__input input[type=search]::-webkit-input-placeholder{
    color:#a5a8b5
}
.search-hero .search-form__input input[type=search]::-moz-placeholder{
    color:#a5a8b5
}
.search-hero .search-form__input input[type=search]:-ms-input-placeholder{
    color:#a5a8b5
}
.search-hero .search-form__input input[type=search]:-webkit-autofill,.search-hero .search-form__input input[type=search]:-webkit-autofill:focus,.search-hero .search-form__input input[type=search]:-webkit-autofill:hover{
    background:none;
    -webkit-box-shadow:0 0 0 1000px #f2f2f2 inset;
    -webkit-text-fill-color:#000;
    transition:none
}
.search-hero .search-form__input input[type=search]::-ms-clear,.search-hero .search-form__input input[type=search]::-ms-reveal{
    display:none;
    width:0;
    height:0
}
.search-hero .search-form__input input[type=search]::-webkit-search-cancel-button,.search-hero .search-form__input input[type=search]::-webkit-search-decoration,.search-hero .search-form__input input[type=search]::-webkit-search-results-button,.search-hero .search-form__input input[type=search]::-webkit-search-results-decoration{
    display:none
}
.search-hero .search-form__input .search-btn{
    position:absolute;
    top:50%;
    right:30px;
    transform:translateY(-50%);
    background:none;
    border:none;
    border-radius:0;
    outline:none;
    appearance:none
}
.search-hero .search-form__input .search-btn svg{
    width:26px;
    height:26px
}
@media screen and (min-width:1080px){
    .search-hero .search-form__input .search-btn svg{
        width:40px;
        height:40px
    }
}
.search-hero .search-form__input .search-btn svg path{
    fill:#000
}
.search-results-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .search-results-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .search-results-section{
        padding:120px 0
    }
}
.search-results-item{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #a5a8b5
}
.search-results-item a{
    position:relative;
    display:block;
    padding-right:70px
}
.search-results-item a .box-arrow-icon{
    position:absolute;
    bottom:50%;
    right:20px;
    transform:translateY(50%)
}
.search-results-item__title{
    font-size:20px;
    line-height:28px
}
@media screen and (min-width:480px){
    .search-results-item__title{
        font-size:26px;
        line-height:32px
    }
}
@media screen and (min-width:1360px){
    .search-results-item__title{
        font-size:35px;
        line-height:40px
    }
}
.page-template-default .wysiwyg,.template-privacy .wysiwyg{
    max-width:1080px
}
.page-template-default .wysiwyg h1,.page-template-default .wysiwyg h2,.template-privacy .wysiwyg h1,.template-privacy .wysiwyg h2{
    color:#000
}
.page-hero{
    padding:140px 0 60px
}
@media screen and (min-width:480px){
    .page-hero{
        padding:180px 0 80px
    }
}
@media screen and (min-width:1360px){
    .page-hero{
        padding:200px 0 120px
    }
}
.page-hero__title{
    max-width:1080px;
    padding-bottom:30px;
    border-bottom:1px solid #a5a8b5;
    font-size:55px;
    line-height:60px;
    letter-spacing:-.32px
}
@media screen and (min-width:480px){
    .page-hero__title{
        padding-bottom:50px;
        font-size:75px;
        line-height:80px;
        letter-spacing:-.5px
    }
}
@media screen and (min-width:1080px){
    .page-hero__title{
        font-size:100px;
        line-height:110px
    }
}
.page-content-section{
    padding:75px 0
}
@media screen and (min-width:768px){
    .page-content-section{
        padding:100px 0
    }
}
@media screen and (min-width:1360px){
    .page-content-section{
        padding:120px 0
    }
}
.portal-login-section{
    padding:140px 0 60px
}
@media screen and (min-width:480px){
    .portal-login-section{
        padding:180px 0 80px
    }
}
@media screen and (min-width:1360px){
    .portal-login-section{
        padding:250px 0 180px
    }
}
@media screen and (min-width:1080px){
    .portal-section{
        padding:200px 0 100px;
        background:linear-gradient(90deg,#f2f2f2 35%,#fff 0)
    }
}
@media screen and (min-width:1360px){
    .portal-section{
        padding:200px 0 120px
    }
}
.portal-row{
    display:flex;
    flex-flow:column
}
@media screen and (min-width:1080px){
    .portal-row{
        flex-flow:row wrap
    }
}
.portal-row__nav{
    width:100%;
    padding:120px 30px 60px;
    background:#f2f2f2
}
@media screen and (min-width:768px){
    .portal-row__nav{
        padding:160px 60px 60px
    }
}
@media screen and (min-width:1080px){
    .portal-row__nav{
        width:35%;
        padding:0 60px;
        background:none
    }
}
@media screen and (min-width:1662px){
    .portal-row__nav{
        padding:0 100px 0 calc(50% - 722px)
    }
}
.portal-row__content{
    width:100%;
    padding:60px 30px;
    background:#fff
}
@media screen and (min-width:768px){
    .portal-row__content{
        padding:60px
    }
}
@media screen and (min-width:1080px){
    .portal-row__content{
        width:65%;
        padding:0 80px;
        background:none
    }
}
@media screen and (min-width:1662px){
    .portal-row__content{
        padding:0 100px 0 130px
    }
}
.portal-nav li:not(:last-child){
    margin-bottom:20px
}
.portal-nav li.logout-link a{
    display:inline-flex;
    align-items:center
}
.portal-nav li.logout-link a svg{
    display:inline-flex;
    width:auto;
    height:16px;
    margin-right:7px
}
.portal-sub-menu li>a{
    margin-left:20px
}
.portal-sub-menu li>a:hover{
    text-decoration:underline
}
.portal-sub-menu li:not(:last-child){
    margin-bottom:5px
}
.register-text a{
    text-decoration:underline
}
.portal-logo svg{
    display:block;
    width:60px;
    height:auto
}
#portal-assets_wrapper{
    display:flex;
    flex-flow:row wrap;
    align-items:flex-end
}
#portal-assets_wrapper .dataTables_filter,#portal-assets_wrapper .dataTables_info,#portal-assets_wrapper .dataTables_length,#portal-assets_wrapper .dataTables_paginate{
    width:100%
}
@media screen and (min-width:600px){
    #portal-assets_wrapper .dataTables_filter,#portal-assets_wrapper .dataTables_info,#portal-assets_wrapper .dataTables_length,#portal-assets_wrapper .dataTables_paginate{
        width:50%
    }
}
#portal-assets_wrapper .dataTables_length label{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal
}
@media screen and (max-width:767px){
    #portal-assets_wrapper .dataTables_length label{
        font-size:13px
    }
}
#portal-assets_wrapper .dataTables_length .select-box{
    display:inline-block;
    width:auto;
    margin:0 6px
}
#portal-assets_wrapper .dataTables_length .select-box:after{
    top:17px;
    right:10px
}
#portal-assets_wrapper .dataTables_length .select-box select{
    display:inline-block;
    width:auto;
    padding:8px 36px 8px 10px;
    background:#eceaea;
    font-size:16px
}
#portal-assets_wrapper .dataTables_filter{
    display:none
}
@media screen and (min-width:768px){
    #portal-assets_wrapper .dataTables_filter{
        display:block;
        text-align:right
    }
}
@media screen and (min-width:1080px) and (max-width:1280px){
    #portal-assets_wrapper .dataTables_filter{
        text-align:left
    }
}
#portal-assets_wrapper .dataTables_filter input,#portal-assets_wrapper .dataTables_filter label{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal
}
#portal-assets_wrapper .dataTables_filter input{
    display:inline-block!important;
    width:auto!important;
    font-size:18px;
    line-height:20px;
    margin-left:10px;
    padding:10px 20px;
    border:1px solid #dddee3;
    outline:none;
    appearance:none;
    border-radius:0;
    background-color:#eceaea
}
@media screen and (min-width:1080px) and (max-width:1280px){
    #portal-assets_wrapper .dataTables_filter input{
        width:100%!important;
        margin:10px 0 0
    }
}
#portal-assets_wrapper .dataTables_info{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal
}
@media screen and (max-width:767px){
    #portal-assets_wrapper .dataTables_info{
        font-size:13px
    }
}
#portal-assets_wrapper .dataTables_empty{
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal;
    text-align:center;
    font-size:16px;
    line-height:26px
}
@media screen and (max-width:599px){
    #portal-assets_wrapper .dataTables_paginate{
        margin-top:10px
    }
}
@media screen and (min-width:600px){
    #portal-assets_wrapper .dataTables_paginate{
        text-align:right
    }
}
#portal-assets_wrapper .dataTables_paginate .paginate_button{
    color:#060668;
    font-family:Aeonik Medium,sans-serif;
    font-weight: 100;
    font-style:normal;
    text-transform:uppercase;
    font-size:13px;
    line-height:20px;
    letter-spacing:1px;
    cursor:pointer
}
#portal-assets_wrapper .dataTables_paginate .paginate_button.previous{
    margin-right:10px
}
#portal-assets_wrapper .dataTables_paginate .paginate_button.next{
    margin-left:10px
}
#portal-assets_wrapper .dataTables_paginate>span :not(:last-child){
    margin-right:6px
}
.assets-table-wrapper{
    overflow-x:scroll
}
@media screen and (max-width:599px){
    .assets-table-wrapper{
        margin-bottom:30px
    }
}
@media screen and (min-width:600px){
    .assets-table{
        width:100%
    }
}
.assets-table tbody tr td,.assets-table thead th{
    padding:20px 10px
}
@media screen and (min-width:768px){
    .assets-table tbody tr td,.assets-table thead th{
        padding:20px
    }
}
.assets-table thead th{
    border:1px solid #f7f7f7
}
@media screen and (max-width:599px){
    .assets-table thead th{
        min-width:200px
    }
}
@media screen and (min-width:600px){
    .assets-table thead th:nth-child(2){
        width:170px
    }
}
@media screen and (min-width:1360px){
    .assets-table thead th:nth-child(2){
        width:200px
    }
}
@media screen and (min-width:600px){
    .assets-table thead th:nth-child(3){
        width:150px
    }
}
@media screen and (min-width:1360px){
    .assets-table thead th:nth-child(3){
        width:170px
    }
}
.assets-table tbody tr:nth-child(2n){
    background-color:#eceaea
}
.assets-table tbody tr td{
    border:1px solid #f7f7f7
}
.assets-table .assets-row .select-box{
    display:inline-block;
    width:auto
}
.assets-table .assets-row .select-box select{
    padding:0 38px 0 0;
    border:none;
    background:none;
    font-family:'Roboto', sans-serif;;
    font-weight: 100;
    font-style:normal
}
.assets-table .assets-row .select-box:after{
    top:8px;
    right:10px
}
.assets-table .assets-row .asset-download-cell{
    position:relative
}
.assets-table .assets-row .asset-download{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:5px 15px
}
.assets-table .assets-row .asset-download svg{
    display:block
}
.assets-table .assets-row .asset-download svg path{
    transition:all .15s linear
}
.assets-table .assets-row .asset-download:hover svg path{
    fill:#060668
}
.downloads-table.assets-table{
    margin-top:20px;
    margin-bottom:10px
}
@media screen and (min-width:600px){
    .downloads-table.assets-table{
        margin-bottom:30px
    }
}
.checkbox-filter{
    display:flex;
    flex-flow:row wrap;
    margin-left:-10px;
    margin-right:-10px
}
.checkbox-filter li{
    width:115px;
    margin-bottom:15px;
    padding:10px;
    text-align:center;
    line-height:14px
}
.checkbox-filter li input{
    display:none
}
.checkbox-filter li label{
    display:block;
    margin:0 auto;
    width:90px;
    height:90px;
    border:1px solid #a5a8b5;
    background-color:#fff;
    position:relative;
    cursor:pointer
}
.checkbox-filter li label svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:55px;
    height:55px
}
.checkbox-filter li span{
    margin-top:10px;
    display:block;
    font-size:13px;
    letter-spacing:.5px;
    word-wrap:break-word
}
.checkbox-filter li input:checked+label{
    background-color:#060668
}
.checkbox-filter li input:checked+label svg path{
    fill:#fff
}
.magnific-img img {
    width: 100%;
    height: 300px;
}
.mfp-bottom-bar,*{
   font-family: 'Abel', sans-serif;
}
.img-gallery-magnific{
    display:grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 2fr));
    width: 100%;

}
a.image-popup-vertical-fit {
    cursor: -webkit-zoom-in;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.98;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-arrow-left:before {
    border-right: none !important;
}
.mfp-arrow-right:before {
    border-left: none !important;
}
button.mfp-arrow, .mfp-counter {
    opacity: 0 !important;
    transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{
	opacity: 1 !important;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }