.icon {
        display: inline-block;
        font-size: 22px;
        height: 22px;
        line-height: 1;
        text-align: center;
        vertical-align: middle;
        width: 22px
    }
    
    .icon:before {
        speak: none;
        font-family: zurich-icons;
        font-size: inherit;
        font-style: normal;
        font-weight: 400
    }
    .icon--arrow-slider-right:before {
        content: ""
    }
    
    .icon--download_24:before {
        content: ""
    }
    
    .icon--download_48:before {
        content: ""
    }

    [class^=heading-],a [class^=heading-],a h1,a h2,a h3,a h4,a h5,a h6,h1,h2,h3,h4,h5,h6 {
        color: #23366f;
        font-family: ZurichSans-Light,Arial,sans-serif;
        font-weight: 400;
        letter-spacing: normal
    }
    
    [class^=heading-] .icon,h1 .icon,h2 .icon,h3 .icon,h4 .icon,h5 .icon,h6 .icon {
        font-size: inherit;
        height: auto;
        margin-right: .75rem;
        vertical-align: unset;
        width: auto
    }
    
    [class^=heading-]:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child {
        margin-bottom: 0
    }
    
    [class^=heading-] em,h1 em,h2 em,h3 em,h4 em,h5 em,h6 em {
        font-family: Ogg-Regular,serif;
        font-style: normal
    }
    
    .heading-h1,h1 {
        font-size: 32px;
        line-height: 1.3;
        margin-bottom: 32px
    }
    
    @media(min-width: 576px) {
        .heading-h1,h1 {
            font-size:44px
        }
    }
    
    @media(min-width: 992px) {
        .heading-h1,h1 {
            font-size:48px;
            line-height: 1.2
        }
    }
    
    @media(min-width: 576px) {
        .heading-h1,h1 {
            margin-bottom:48px
        }
    }
    
    .btn {
        align-items: center;
        background: none;
        border: none;
        border-radius: 28px;
        color: #23366f;
        display: inline-flex;
        flex-direction: row-reverse;
        font-family: ZurichSans-Regular,Arial,sans-serif;
        font-size: 18px;
        height: 56px;
        justify-content: center;
        letter-spacing: .2px;
        line-height: 1;
        padding: 0 24px;
        position: relative;
        text-align: left;
        transition: all .25s;
        white-space: nowrap
    }
    
    .btn,.btn:active,.btn:hover {
        text-decoration: none
    }
    
    .btn+.btn {
        margin-left: 10px
    }
    
    .btn.icon {
        flex-direction: row;
        font-family: ZurichSans-Regular,Arial,sans-serif;
        font-size: 18px;
        height: 56px;
        line-height: 1;
        padding: 0 24px;
        text-align: left;
        vertical-align: middle
    }
    
    .btn.icon:before {
        font-size: 22px;
        left: auto;
        line-height: 1;
        margin-right: 8px;
        position: relative;
        top: -2px;
        transition: all .25s
    }
    
    @media(min-width: 992px) {
        .btn.icon:before {
            top:-1px
        }
    }
    
    .btn.icon.alt {
        flex-direction: row-reverse;
        padding: 0 24px
    }
    
    .btn.icon.alt:before {
        margin-left: 8px;
        margin-right: 0
    }
    
    .btn.icon:hover {
        color: #fff;
        text-decoration: none
    }
    
    .btn .icon {
        font-size: 22px;
        height: auto;
        line-height: 1;
        margin-right: 8px;
        position: relative;
        top: 1px;
        transition: all .25s;
        width: auto
    }
    
    @media(min-width: 992px) {
        .btn .icon {
            top:0
        }
    }
    
    .btn.alt {
        flex-direction: row
    }
    
    .btn.alt .icon {
        margin-left: 8px;
        margin-right: 0
    }
    
    .btn--capital {
        text-transform: uppercase
    }
    
    .btn--primary {
        background-color: #23366f;
        color: #fff
    }
    
    .btn--primary.icon {
        color: #fff
    }
    
    .btn--primary:active,.btn--primary:hover {
        background-color: #2167ae;
        color: #fff
    }
    
    .btn--primary.inverted,.inverted .btn--primary {
        background-color: #91bfe3;
        color: #23366f
    }
    
    .btn--primary.inverted .icon,.inverted .btn--primary .icon {
        transition: none
    }
    
    .btn--primary.inverted:active,.btn--primary.inverted:hover,.inverted .btn--primary:active,.inverted .btn--primary:hover {
        background-color: #2167ae;
        color: #fff
    }
    
    .btn--primary.inverted.icon,.inverted .btn--primary.icon {
        color: #23366f;
        transition: none
    }
    
    .btn--primary.inverted.icon:active,.btn--primary.inverted.icon:hover,.inverted .btn--primary.icon:active,.inverted .btn--primary.icon:hover {
        color: #fff
    }
    
    .btn--secondary {
        border: 2px solid #23366f;
        color: #23366f
    }
    
    .btn--secondary .icon {
        color: #5495cf
    }
    
    .btn--secondary:active,.btn--secondary:hover {
        border-color: #2167ae;
        color: #2167ae
    }
    
    .btn--secondary:active .icon,.btn--secondary:hover .icon {
        color: #2167ae
    }
    
    .btn--secondary.icon:before {
        color: #5495cf
    }
    
    .btn--secondary.icon:hover,.btn--secondary.icon:hover:before {
        color: #2167ae
    }
    
    .btn--secondary:after {
        border: 1px solid transparent;
        border-radius: 28px;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .25s
    }
    
    .btn--secondary:not([disabled]):active:after,.btn--secondary:not([disabled]):hover:after {
        border-color: inherit
    }
    
    .btn--secondary.inverted,.inverted .btn--secondary {
        border-color: #fff;
        color: #fff
    }
    
    .btn--secondary.inverted .icon,.inverted .btn--secondary .icon {
        color: #fff
    }
    
    .btn--secondary.inverted:active,.btn--secondary.inverted:hover,.inverted .btn--secondary:active,.inverted .btn--secondary:hover {
        border-color: #91bfe3;
        color: #91bfe3
    }
    
    .btn--secondary.inverted:active .icon,.btn--secondary.inverted:hover .icon,.inverted .btn--secondary:active .icon,.inverted .btn--secondary:hover .icon {
        color: #91bfe3
    }
    
    .btn--secondary.inverted:active:after,.btn--secondary.inverted:hover:after,.inverted .btn--secondary:active:after,.inverted .btn--secondary:hover:after {
        border-color: #91bfe3
    }
    
    .btn--secondary.inverted.icon,.inverted .btn--secondary.icon {
        transition: none
    }
    
    .btn--secondary.inverted.icon:before,.inverted .btn--secondary.icon:before {
        color: #fff
    }
    
    .btn--secondary.inverted.icon:hover,.btn--secondary.inverted.icon:hover:before,.inverted .btn--secondary.icon:hover,.inverted .btn--secondary.icon:hover:before {
        color: #91bfe3
    }
    
    .btn--narrow {
        border-radius: 24px;
        height: 48px
    }
    
    .btn--download,.btn--quicklinks,.btn--showmore {
        background-color: #fff;
        border: 2px solid #23366f;
        color: #23366f
    }
    
    .btn--download,.btn--download.icon,.btn--quicklinks,.btn--quicklinks.icon,.btn--showmore,.btn--showmore.icon {
        border-radius: 24px;
        height: 48px
    }
    
    .btn--download:active,.btn--download:hover,.btn--quicklinks:active,.btn--quicklinks:hover,.btn--showmore:active,.btn--showmore:hover {
        border-color: #2167ae;
        color: #2167ae
    }
    
    .btn--download:after,.btn--quicklinks:after,.btn--showmore:after {
        border: 1px solid transparent;
        border-radius: 24px;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .25s
    }
    
    .btn--download:not([disabled]):active:after,.btn--download:not([disabled]):hover:after,.btn--quicklinks:not([disabled]):active:after,.btn--quicklinks:not([disabled]):hover:after,.btn--showmore:not([disabled]):active:after,.btn--showmore:not([disabled]):hover:after {
        border-color: inherit
    }
    
    .btn--download.icon:before,.btn--quicklinks.icon:before,.btn--showmore.icon:before {
        color: #5495cf
    }
    
    .btn--download.icon:hover,.btn--download.icon:hover:before,.btn--quicklinks.icon:hover,.btn--quicklinks.icon:hover:before,.btn--showmore.icon:hover,.btn--showmore.icon:hover:before {
        color: #2167ae
    }
    
    .btn--quicklinks:not(:hover):not(:active):not([disabled]) .icon {
        color: #5495cf
    }
    
    .btn--download.btn {
        background-color: #23366f;
        color: #fff;
        flex-direction: row
    }
    
    .btn--download.btn.icon {
        color: #fff;
        flex-direction: row-reverse
    }
    
    .btn--download.btn,.btn--download.btn.icon {
        border-radius: 24px;
        height: 48px
    }
    
    .btn--download.btn:active,.btn--download.btn:active:before,.btn--download.btn:hover,.btn--download.btn:hover:before {
        background-color: #2167ae;
        color: #fff
    }
    
    .btn--download.btn .icon,.btn--download.btn:before {
        color: #fff;
        margin-left: 8px;
        margin-right: 0
    }
    
    .btn--download.btn[disabled] .icon {
        color: #91bfe3
    }
    
    .btn--icon {
        background-color: #fff;
        border: 2px solid #23366f;
        color: #23366f;
        padding: 0;
        text-align: center;
        width: 56px
    }
    
    .btn--icon .icon {
        margin: 0
    }
    
    .btn--icon:active:not([disabled]),.btn--icon:hover:not([disabled]) {
        border-color: #2167ae;
        color: #23366f
    }
    
    .btn--icon:after {
        border: 1px solid transparent;
        border-radius: 28px;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .25s
    }
    
    .btn--icon:not([disabled]):active:after,.btn--icon:not([disabled]):hover:after {
        border-color: inherit
    }
    
    .btn--icon.icon {
        height: 56px;
        padding: 0;
        width: 56px
    }
    
    .btn--icon.icon:hover {
        color: #23366f
    }
    
    .btn--icon.icon:before {
        bottom: auto;
        font-size: 22px;
        left: auto;
        margin-right: 0;
        position: relative;
        right: auto;
        top: auto
    }
    
    .btn--block {
        display: block;
        width: 100%
    }
    
    .btn[disabled],.btn[disabled]:active,.btn[disabled]:hover {
        border-color: #dde4e3;
        color: #91bfe3;
        cursor: default
    }
    
    .btn[disabled]:active:before,.btn[disabled]:before,.btn[disabled]:hover:before {
        color: #91bfe3
    }
    
    .btn--download[disabled],.btn--download[disabled]:active,.btn--download[disabled]:hover,.btn--primary[disabled],.btn--primary[disabled]:active,.btn--primary[disabled]:hover {
        background-color: #dde4e3
    }
    
    .btn--secondary[disabled] .icon,.btn--secondary[disabled]:active .icon,.btn--secondary[disabled]:hover .icon {
        color: #91bfe3
    }
    
    @media(max-width: 767px) {
        .btn-group {
            display:flex;
            overflow-x: scroll
        }
    }

    .u-mb-5 {
        margin-bottom: 20px!important
    }
    
  
    .c-picto {
        hyphens: auto;
        padding-bottom: 48px;
        padding-top: 48px;
        position: relative
    }
    
    @media(min-width: 576px) {
        .c-picto {
            padding-bottom:64px;
            padding-top: 64px
        }
    }
    
    @media(max-width: 767px) {
        .c-picto {
            padding-bottom:24px
        }
    }
    
    .c-picto:before {
        background-color: inherit;
        content: "";
        height: 100%;
        margin: 0 calc(-50vw - -50%);
        position: absolute;
        top: 0;
        width: 100vw;
        z-index: -1
    }
    
    @media(max-width: 575px) {
        .c-picto>h2 {
            text-align:center
        }
    }
    
    .c-picto .image {
        margin: 0 0 16px;
        text-align: center;
        width: 100%
    }
    
    .c-picto .image img {
        display: inline-block;
        height: 84px;
        width: 84px
    }
    
    @media(min-width: 576px) {
        .c-picto .image img {
            height:100px;
            width: 100px
        }
    }
    
    @media(min-width: 992px) {
        .c-picto .image img {
            height:140px;
            width: 140px
        }
    }
    
    
    .c-picto--dark {
        background-color: #23366f
    }
    
    .c-picto--dark a,.c-picto--dark>* {
        color: #fff
    }
    
    .c-picto--dark a:hover {
        color: #91bfe3
    }
    
    .c-picto--dark .btn--primary {
        background-color: #91bfe3;
        color: #23366f
    }
    
    .c-picto--dark .btn--primary .icon {
        transition: none
    }
    
    .c-picto--dark .btn--primary:active,.c-picto--dark .btn--primary:hover {
        background-color: #2167ae;
        color: #fff
    }
    
    .c-picto--dark .btn--primary.icon {
        color: #23366f;
        transition: none
    }
    
    .c-picto--dark .btn--primary.icon:active,.c-picto--dark .btn--primary.icon:hover {
        color: #fff
    }
    
    .c-picto--dark .btn--secondary {
        border-color: #fff;
        color: #fff
    }
    
    .c-picto--dark .btn--secondary .icon {
        color: #fff
    }
    
    .c-picto--dark .btn--secondary:active,.c-picto--dark .btn--secondary:hover {
        border-color: #91bfe3;
        color: #91bfe3
    }
    
    .c-picto--dark .btn--secondary:active .icon,.c-picto--dark .btn--secondary:hover .icon {
        color: #91bfe3
    }
    
    .c-picto--dark .btn--secondary:active:after,.c-picto--dark .btn--secondary:hover:after {
        border-color: #91bfe3
    }
    
    .c-picto--dark .btn--secondary.icon {
        transition: none
    }
    
    .c-picto--dark .btn--secondary.icon:before {
        color: #fff
    }
    
    .c-picto--dark .btn--secondary.icon:hover,.c-picto--dark .btn--secondary.icon:hover:before {
        color: #91bfe3
    }
    
    .c-picto--dark:before {
        background-color: #23366f
    }
    
    
    .mod-number {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        padding-top: 8px
    }
    
    .col-md-3+.col-md-3+.col-md-3+.col-md-3+.col-md-3>.mod-number,.col-md-4+.col-md-4+.col-md-4+.col-md-4>.mod-number,.col-md-6+.col-md-6+.col-md-6>.mod-number {
        padding-top: 24px
    }
    
    @media(min-width: 992px) {
        .col-md-3+.col-md-3+.col-md-3+.col-md-3+.col-md-3>.mod-number,.col-md-4+.col-md-4+.col-md-4+.col-md-4>.mod-number,.col-md-6+.col-md-6+.col-md-6>.mod-number {
            padding-top:32px
        }
    
        .col-lg-3+.col-lg-3+.col-lg-3>.mod-number,.col-lg-4+.col-lg-4+.col-lg-4>.mod-number {
            padding-top: 8px
        }
    
        .col-lg-3+.col-lg-3+.col-lg-3+.col-lg-3+.col-lg-3>.mod-number,.col-lg-4+.col-lg-4+.col-lg-4+.col-lg-4>.mod-number {
            padding-top: 32px
        }
    }
    
    @media(max-width: 767px) {
        .col-md-3+.col-md-3>.mod-number,.col-md-4+.col-md-4>.mod-number,.col-md-6+.col-md-6>.mod-number {
            padding-top:24px
        }
    }
    
    .mod-number__desc {
        flex-grow: 2;
        font-family: ZurichSans-SemiBold,Arial,sans-serif;
        margin: 0 0 12px
    }
    
    .mod-number__desc,.mod-number__unit {
        color: inherit;
        font-size: 16px;
        line-height: 24px
    }
    
    .mod-number__unit {
        display: block;
        font-family: ZurichSans-Light,Arial,sans-serif;
        margin: 0 0 -12px
    }
    
    @media(min-width: 1200px) {
        .mod-number__unit {
            margin-bottom:-6px
        }
    }
    
    .mod-number__number {
        color: inherit;
        display: block;
        font-family: ZurichSans-SemiBold,Arial,sans-serif;
        font-size: 48px;
        line-height: 64px;
        margin: 0;
        white-space: nowrap
    }
    
    @media(min-width: 768px) {
        .mod-number__number {
            font-size:44px
        }
    }
    
    @media(min-width: 1200px) {
        .mod-number__number {
            font-size:56px
        }
    }
    
    .mod-number__number+.mod-number-unit {
        margin: 0
    }
    
    .mod-number__additional {
        color: inherit;
        flex-basis: 50%;
        flex-grow: 10;
        margin: 0
    }
    
    .c-picto--dark .mod-number__desc,.c-picto--dark .mod-number__number {
        color: #fff
    }