@charset "UTF-8";

@-webkit-keyframes flipIconX {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    50% {
        opacity: 0;
        transform: translateX(10px)
    }

    51% {
        opacity: 0;
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes flipIconX {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    50% {
        opacity: 0;
        transform: translateX(10px)
    }

    51% {
        opacity: 0;
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes flipIconX_rtl {
    0% {
        opacity: 1;
        transform: translateX(0) scaleX(-1)
    }

    50% {
        opacity: 0;
        transform: translateX(10px) scaleX(-1)
    }

    51% {
        opacity: 0;
        transform: translateX(-10px) scaleX(-1)
    }

    to {
        opacity: 1;
        transform: translateX(0) scaleX(-1)
    }
}

@keyframes flipIconX_rtl {
    0% {
        opacity: 1;
        transform: translateX(0) scaleX(-1)
    }

    50% {
        opacity: 0;
        transform: translateX(10px) scaleX(-1)
    }

    51% {
        opacity: 0;
        transform: translateX(-10px) scaleX(-1)
    }

    to {
        opacity: 1;
        transform: translateX(0) scaleX(-1)
    }
}

@-webkit-keyframes flipIconY {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    50% {
        opacity: 0;
        transform: translateY(10px)
    }

    51% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes flipIconY {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    50% {
        opacity: 0;
        transform: translateY(10px)
    }

    51% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fab {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html {
    overflow-y: inherit;
    overflow-x: hidden;
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

input {
    overflow: visible
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

.border-container {
    border: 2rem solid #f4f4f4;
    background-color: #fff;
    max-width: 1920px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.side-border {
    border-left: 2rem solid #f4f4f4;
    border-right: 2rem solid #f4f4f4;
    margin-top: -2rem;
}

.sb-no-margin-top {
    margin-top: 0;
}

.nobottom {
    border-bottom: none;
}

.bottom-border {
    border-bottom: 2rem solid #f4f4f4;
}

@media (max-width:1024px) {
    .border-container {
        border-width: 1rem
    }

    .side-border {
        border-left: 1rem solid #f4f4f4;
        border-right: 1rem solid #f4f4f4;
        margin-top: -2rem;
    }

    .sb-no-margin-top {
        margin-top: 0;
    }

    .bottom-border {
        border-bottom: 1rem solid #f4f4f4;
    }
}

.Alert, .Contact, .container, .Footer-part, .Header--sticky, .Nav-sectionInner, .Section, .SocialWall, .TopHero {
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 1920px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1024px) {
    .Alert, .Contact, .container, .Footer-part, .Header--sticky, .Nav-sectionInner, .Section, .SocialWall, .TopHero {
        padding-left: 0;
        padding-right: 0
    }
}

.alignCenter, .text-center {
    text-align: center !important
}

.alignRight, .text-right {
    text-align: right !important
}

.alignLeft, .text-left {
    text-align: left !important
}

.alignJustify, .text-justify {
    text-align: justify !important
}

.textSmall {
    font-size: .7rem;
    line-height: 1.7
}

.textBig {
    font-size: .9rem
}

.textXXL {
    font-size: 1.4rem
}

@media (min-width:768px) {
    .textXXL {
        font-size: 2.25rem
    }
}

.Sample-label {
    margin-bottom: 1rem;
    opacity: .6
}

.stretched-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.info, .legal_mention {
    display: block;
    font-size: .875rem;
    font-style: normal;
    line-height: 1.5
}

.clearBreak {
    height: 0;
    margin: 0
}

.clearBreak, .lineBreak {
    border: 0;
    clear: both;
    display: block;
    line-height: 0;
    padding: 0
}

.lineBreak {
    background-color: #eee;
    height: 1px;
    margin: 50px 0
}

@media (min-width:768px) {
    .align-center, .object-center, .positionCenter {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        text-align: center
    }

    .align-right, .object-right, .positionRight {
        float: right;
        margin-left: 3.5% !important;
        max-width: 100%
    }

        .align-right + *, .object-right + *, .positionRight + * {
            margin-top: 0
        }

    .align-left, .object-left, .positionLeft {
        float: left;
        margin-right: 3.5% !important;
        max-width: 100%
    }
}

.displayNone {
    display: none
}

.nonpublished {
    color: #0071ce !important
}

.fixOverflow, .fixOverflow body {
    height: 100%;
    overflow: hidden;
    position: relative
}

.hidden {
    clip: rect(0,0,0,0);
    position: absolute
}

@media (min-width:768px) {
    .rwd--onlyPhone {
        display: none !important
    }
}

@media (max-width:1023px) {
    .rwd--onlyDesktop {
        display: none !important
    }
}

@media (max-width:767px) {
    .rwd--onlyTablet {
        display: none !important
    }
}

@media (min-width:1024px) {
    .rwd--onlyTablet {
        display: none !important
    }
}

@media (max-width:767px) {
    .rwd--noPhone {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .rwd--noTablet {
        display: none !important
    }
}

@media (min-width:1024px) {
    .rwd--noDesktop {
        display: none !important
    }
}

@media print {
    .rwd--noPrint {
        display: none !important
    }
}

.icon {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.icon--left i {
    margin-right: 1rem
}

.icon--right i {
    margin-left: 1rem
}

.border {
    border: 1px solid
}

.border-transparent {
    border-color: transparent !important
}

.border-left {
    border-left: 1px solid #464b4b;
    padding-left: 1rem
}

.border-bottom {
    border-bottom: 1px solid #464b4b;
    padding-bottom: .75rem
}

.border-white {
    border-color: #fff !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #0071ce !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-true-blue {
    border-color: #0071ce !important
}

.border-indigo-dye {
    border-color: #171c8f !important
}

.border-sonic-silver {
    border-color: #787878 !important
}

.border-outer-space {
    border-color: #464b4b !important
}

.border-glitter {
    border-color: #e5f0fa !important
}

.border-white-smoke {
    border-color: #f4f4f4 !important
}

.border-floral-white {
    border-color: #fcf7f1 !important
}

.border-teal {
    border-color: #006e65 !important
}

.border-byzantium {
    border-color: #704b62 !important
}

.border-independence {
    border-color: #3d4975 !important
}

.border-faded-green {
    border-color: #747957 !important
}

.border-blue {
    border-color: #144d75 !important
}

.border-denim {
    border-color: #494f7c !important
}

.border-dark-denim {
    border-color: #3e4975 !important
}

.border-jet {
    border-color: #382731 !important
}

.border-brown {
    border-color: #59504c !important
}

.border-orange {
    border-color: #b95c2b !important
}

.border-virdian {
    border-color: #438375 !important
}

.border-vista-blue {
    border-color: #79afda !important
}

.border-queen-blue {
    border-color: #457e8f !important
}

.border-grullo {
    border-color: #9ea480 !important
}

.border-dark-beige {
    border-color: #7c726c !important
}

.border-gunmetal {
    border-color: #5a6a6b !important
}

.border-steel {
    border-color: #323f4d !important
}

.border-light-grey {
    border-color: #979797 !important
}

.border-light-grey-alt {
    border-color: #a8a8a8 !important
}

.border-dark-grey {
    border-color: #332f3a !important
}

.border-alternative {
    border-color: #6d5259 !important
}



.bg-white-smoke {
    background-color: #f4f4f4 !important
}

.bg-glitter {
    background-color: #e5f0fa !important
}

.bg-floral-white {
    background-color: #fcf7f1 !important
}

.bg-byzantium {
    background-color: #704b62 !important
}

.bg-true-blue {
    background-color: #0071ce !important
}

.bg-teal {
    background-color: #006e65 !important
}

.bg-denim {
    background-color: #50677f !important
}

.bg-beige {
    background-color: #766d5c !important
}

.bg-blue {
    background-color: #00577e !important
}

.bg-outer-space {
    background-color: #464b4b !important
}

.bg-white {
    background-color: #fff !important
}

.bg-sonic-silver {
    background-color: #787878 !important
}

.bg-queen-blue {
    background-color: #457e8f !important
}

.bg-vista-blue {
    background-color: #79afda !important
}

.bg-independence {
    background-color: #3d4975 !important
}

.bg-grullo {
    background-color: #9ea480 !important
}

.bg-virdian {
    background-color: #438375 !important
}

.bg-jet {
    background-color: #382731 !important
}

.bg-indigo-dye {
    background-color: #171c8f !important
}


/* Forvis Mazars colours */
.bg-deep-aurora {
    background-color: #00534c !important
}

.bg-dark-aurora {
    background-color: #1d6960 !important
}

.bg-aurora {
    background-color: #27b093 !important
}

.bg-light-aurora {
    background-color: #63c0ad !important
}

.bg-pale-aurora {
    background-color: #84cec3 !important
}

.bg-deep-nova {
    background-color: #115e67 !important
}

.bg-dark-nova {
    background-color: #1c8094 !important
}

.bg-nova {
    background-color: #1c8094 !important
}

.bg-light-nova {
    background-color: #79bdc9 !important
}

.bg-pale-nova {
    background-color: #a2d1da !important
}

.bg-deep-starlight {
    background-color: #265173 !important
}

.bg-dark-starlight {
    background-color: #336697 !important
}

.bg-starlight {
    background-color: #5d93cd !important
}

.bg-light-starlight {
    background-color: #84add8 !important
}

.bg-pale-starlight {
    background-color: #acc7e2 !important
}



.bg-deep-andromeda {
    background-color: #621244 !important
}

.bg-dark-andromeda {
    background-color: #7c2855 !important
}

.bg-andromeda {
    background-color: #994878 !important
}

.bg-light-andromeda {
    background-color: #be84a3 !important
}

.bg-pale-andromeda {
    background-color: #d0aec6 !important
}

.bg-deep-quasar {
    background-color: #8a1538 !important
}

.bg-dark-quasar {
    background-color: #bc204b !important
}

.bg-quasar {
    background-color: #e56c73 !important
}

.bg-light-quasar {
    background-color: #f08592 !important
}

.bg-pale-quasar {
    background-color: #ebb4bb !important
}

.bg-deep-horizon {
    background-color: #971b2f !important
}

.bg-dark-horizon {
    background-color: #AF272f !important
}

.bg-horizon {
    background-color: #d73a2f !important
}

.bg-light-horizon {
    background-color: #f55d49 !important
}

.bg-pale-horizon {
    background-color: #f18070 !important
}




.border-deep-aurora {
    border-color: #00534c !important
}

.border-dark-aurora {
    border-color: #1d6960 !important
}

.border-aurora {
    border-color: #27b093 !important
}

.border-light-aurora {
    border-color: #63c0ad !important
}

.border-pale-aurora {
    border-color: #84cec3 !important
}

.border-deep-nova {
    border-color: #115e67 !important
}

.border-dark-nova {
    border-color: #1c8094 !important
}

.border-nova {
    border-color: #4aa7b7 !important
}

.border-light-nova {
    border-color: #79bdc9 !important
}

.border-pale-nova {
    border-color: #a2d1da !important
}

.border-deep-starlight {
    border-color: #265173 !important
}

.border-dark-starlight {
    border-color: #336697 !important
}

.border-starlight {
    border-color: #5d93cd !important
}

.border-light-starlight {
    border-color: #5d93cd !important
}

.border-pale-starlight {
    border-color: #acc7e2 !important
}


.checkerboard {
    background-attachment: fixed;
    background-image: linear-gradient(45deg,#f9f9f9 25%,transparent 0),linear-gradient(-45deg,#f9f9f9 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f9f9f9 0),linear-gradient(-45deg,transparent 75%,#f9f9f9 0);
    background-size: 20px 20px;
    background-position: 0 0,0 10px,10px -10px,-10px 0
}

[dir=rtl] .fa-chevron-left, [dir=rtl] .fa-chevron-right {
    transform: scaleX(-1)
}

[dir=rtl] .ml-0, [dir=rtl] .mr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

[dir=rtl] .mr-1 {
    margin-left: .25rem !important;
    margin-right: 0 !important
}

[dir=rtl] .ml-1 {
    margin-right: .25rem !important;
    margin-left: 0 !important
}

[dir=rtl] .mr-2 {
    margin-left: .5rem !important;
    margin-right: 0 !important
}

[dir=rtl] .ml-2 {
    margin-right: .5rem !important;
    margin-left: 0 !important
}

[dir=rtl] .mr-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important
}

[dir=rtl] .ml-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important
}

[dir=rtl] .mr-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important
}

[dir=rtl] .ml-4 {
    margin-right: 1.5rem !important;
    margin-left: 0 !important
}

[dir=rtl] .mr-5 {
    margin-left: 3rem !important;
    margin-right: 0 !important
}

[dir=rtl] .ml-5 {
    margin-right: 3rem !important;
    margin-left: 0 !important
}

[dir=rtl] .mr-6 {
    margin-left: 4.5rem !important;
    margin-right: 0 !important
}

[dir=rtl] .ml-6 {
    margin-right: 4.5rem !important;
    margin-left: 0 !important
}

[dir=rtl] .mr-7 {
    margin-left: 6rem !important;
    margin-right: 0 !important
}

[dir=rtl] .ml-7 {
    margin-right: 6rem !important;
    margin-left: 0 !important
}

[dir=rtl] .mr-8 {
    margin-left: 7.5rem !important;
    margin-right: 0 !important
}

[dir=rtl] .ml-8 {
    margin-right: 7.5rem !important;
    margin-left: 0 !important
}

.font-second, .FormUpload-label, .mfp-title, .VideoGallery-title {
    letter-spacing: normal
}

    .font-second:lang(ara-AR), .FormUpload-label:lang(ara-AR), .mfp-title:lang(ara-AR), .VideoGallery-title:lang(ara-AR) {
        font-family: Changa,sans-serif;
        letter-spacing: 0
    }

    .font-second:lang(ko-KR), .FormUpload-label:lang(ko-KR), .mfp-title:lang(ko-KR), .VideoGallery-title:lang(ko-KR) {
        font-family: Noto sans KR,sans-serif;
        letter-spacing: 0
    }

    .font-second:lang(ja-JP), .FormUpload-label:lang(ja-JP), .mfp-title:lang(ja-JP), .VideoGallery-title:lang(ja-JP) {
        font-family: Noto sans JP,sans-serif;
        letter-spacing: 0
    }

    .font-second:lang(zh-CN), .FormUpload-label:lang(zh-CN), .mfp-title:lang(zh-CN), .VideoGallery-title:lang(zh-CN) {
        font-family: Noto Sans SC,sans-serif;
        letter-spacing: 0
    }

    .font-second:lang(zh-HK), .FormUpload-label:lang(zh-HK), .mfp-title:lang(zh-HK), .VideoGallery-title:lang(zh-HK) {
        font-family: Noto Sans TC,sans-serif;
        letter-spacing: 0
    }

/*! Init page styles */ *, :after, :before {
    box-sizing: border-box
}

[dir=rtl] body {
    text-align: inherit
}

h1, h2, h3, h4, h5, h6 {
    font-weight: inherit;
}

.BlockLinks-dropdownList, .BlockLinks-text, figure, ol, p, ul {
    margin: 0
}

ol, ul {
    list-style: none;
    padding-left: 0;
    padding-right: 0
}

a {
    color: inherit;
    outline: 0;
    text-decoration: none
}

b, strong {
    font-weight: 600
}

button {
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    letter-spacing: inherit;
    outline: 0;
    padding: 0;
    text-transform: inherit
}

    button:focus, button:hover {
        outline: none !important
    }

input {
    border-radius: 0;
    box-shadow: none;
    outline: 0
}

    input[type=search], input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

details > summary {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

iframe, img {
    max-width: 100%
}

img {
    height: auto;
    vertical-align: middle
}

::-ms-clear {
    display: none
}

body, html, html:lang(ja-JP), html:lang(ko-KR), html:lang(zh-CN), html:lang(zh-HK) {
    font-size: 1rem
}

body {
    background-color: #fff;
    color: #464b4b;
    font-family: halyard-text,sans-serif;
    font-weight: 300
}

main[role=main] {
    position: relative;
    z-index: 1;
    margin-top: 8rem
}

@media (max-width:1024px) {
    main[role=main] {
        margin-top: 70px
    }
}

.preload * {
    transition: none !important
}

.h1, h1 {
    line-height: 1.1;
    font-weight: 300
}

    .h1.Card-footer, .h1.medium, h1.Card-footer, h1.medium {
        font-size: 62px
    }

    .h1.small, h1.small {
        font-size: 34px
    }

@media (max-width:1024px) {
    .h1, h1 {
        font-size: 62px
    }
}

@media (max-width:1023.98px) {
    .h1, h1 {
        font-size: 34px
    }
}

.Nav-sectionTitle {
    font-size: 55px;
    line-height: 1.1;
    font-weight: 300
}

.Card-footer.Nav-sectionTitle, .h2.Card-footer, .h2.medium, .medium.Nav-sectionTitle, h2.Card-footer, h2.medium {
    font-size: 46px
}

.h2.small, .small.Nav-sectionTitle, h2.small {
    font-size: 30px
}

@media (max-width:1024px) {
    .h2, .Nav-sectionTitle, h2 {
        font-size: 46px
    }
}

@media (max-width:1023.98px) {
    .h2, .Nav-sectionTitle, h2 {
        font-size: 30px
    }
}

.h3, h3 {
    line-height: 1.25;
    font-weight: 300
}

    .h3, .h3.Card-footer, .h3.medium, h3, h3.Card-footer, h3.medium {
        font-size: 32px
    }

        .h3.small, h3.small {
            font-size: 26px
        }

@media (max-width:1023.98px) {
    .h3, h3 {
        font-size: 26px
    }
}

.h4, .TopHero-subtitle, h4 {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 300
}

    .Card-footer.TopHero-subtitle, .h4.Card-footer, .h4.medium, .medium.TopHero-subtitle, h4.Card-footer, h4.medium {
        font-size: 24px
    }

    .h4.small, .small.TopHero-subtitle, h4.small {
        font-size: 22px
    }

@media (max-width:1023.98px) {
    .h4, .TopHero-subtitle, h4 {
        font-size: 22px
    }
}

.Article--content blockquote, .h5, .UserCard-link, h5 {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 300
}

    .Article--content blockquote.Card-footer, .Article--content blockquote.medium, .Article--content blockquote.small, .Card-footer.UserCard-link, .h5.Card-footer, .h5.medium, .h5.small, .medium.UserCard-link, .small.UserCard-link, h5.Card-footer, h5.medium, h5.small {
        font-size: 18px
    }

.h6, h6 {
    line-height: 1.25;
    font-weight: 300
}

    .h6, .h6.Card-footer, .h6.medium, .h6.small, h6, h6.Card-footer, h6.medium, h6.small {
        font-size: 16px
    }

.h7 {
    line-height: 1.25;
    font-weight: 300
}

    .h7, .h7.Card-footer, .h7.medium, .h7.small {
        font-size: 14px
    }

.BlockLinks-dropdownList, .BlockLinks-text, p {
    font-size: 1rem;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 1.5rem
}

    .BlockLinks-dropdownList.Card-footer, .BlockLinks-text.Card-footer, .medium.BlockLinks-dropdownList, .medium.BlockLinks-text, p.Card-footer, p.medium {
        font-size: 16px
    }

    .small.BlockLinks-dropdownList, .small.BlockLinks-text, p.small {
        font-size: 14px
    }

    .BlockLinks-dropdownList:last-child, .BlockLinks-text:last-child, p:last-child {
        margin-bottom: 0
    }

.light {
    font-weight: 300 !important
}

.Card-footer, .medium {
    font-weight: 500 !important
}

.semi-bold {
    font-weight: 600 !important
}

.large {
    font-size: 1.5em !important
}

.list-unstyled {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important
}

.text-underline {
    text-decoration: underline !important
}

.Article {
    padding: 4rem 1.5rem 6.5rem 1.5rem;
    /*margin-bottom: 7.5rem*/
}

@media (max-width:1023.98px) {
    .Article {
        padding: 1.5rem;
    }
}

.Article--share {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 2.5rem
}

@media (max-width:767.98px) {
    .Article--share {
        margin-bottom: 1rem;
        flex-direction: column
    }
}

@media (max-width:767.98px) {
    .Article--share .SocialWall-social {
        margin-top: 1rem
    }
}

.Article--share .SocialWall-socialLink {
    font-size: 1.25rem;
    display: inline-block
}

.Article--visible > * {
    opacity: 1 !important
}

.Article--content > * {
    opacity: 0
}

.Article--content .Button, .Article--content .button {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
    padding: 1rem
}

@media (max-width:1024px) {
    .Article--content .Button, .Article--content .button {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
}

.Article--content h2, .Article--content h4 {
    margin-bottom: 2rem
}

.Article--content .BlockLinks-dropdownList, .Article--content .BlockLinks-text, .Article--content p {
    color: #464b4b;
    font-size: 1.125rem
}

    .Article--content .BlockLinks-dropdownList a, .Article--content .BlockLinks-text a, .Article--content p a {
        text-decoration: underline
    }

        .Article--content .BlockLinks-dropdownList a:hover, .Article--content .BlockLinks-text a:hover, .Article--content p a:hover {
            text-decoration: none
        }

.Article--content a:focus, .Article--content a:hover {
    color: #171c8f
}

.Article--content .other-links {
    color: #464b4b
}

    .Article--content .other-links a {
        color: #006e65
    }

        .Article--content .other-links a:hover {
            text-decoration: underline
        }

.Article .Breadcrumb {
    opacity: 0
}

@media (max-width:1024px) {
    .Article .ArticleRelated {
        padding-left: 0;
        padding-right: 0
    }
}

.Article .ArticleRelated .RelatedArticles-wrapper {
    padding-top: 5rem;
    padding-bottom: 6rem
}

@media (max-width:1024px) {
    .Article .ArticleRelated .RelatedArticles-wrapper {
        padding: 1rem
    }
}

.Article .ArticleRelated .RelatedArticles-wrapper h2 {
    padding-right: 5rem
}

@media (max-width:1024px) {
    .Article .ArticleRelated .RelatedArticles-wrapper h2 {
        padding-right: 1.5rem
    }
}

.Form {
    position: relative;
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: 5rem 6.5rem
}

@media print {
    .Form {
        display: none
    }
}

@media (max-width:1024px) {
    .Form {
        padding: 1rem
    }
}

.Form--glitter {
    background-color: #e5f0fa;
    color: #144d75
}

.Form--blue {
    background-color: #0071ce;
    color: #fff
}

.Form--noBackground {
    background-color: transparent;
    margin: 0;
    padding: 0
}

.Form > :last-child {
    margin-bottom: 0
}

.Form-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:1023.98px) {
    .Form-row {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0
    }
}

.Form-row .FormField {
    flex-grow: 1
}

@media (max-width:1023.98px) {
    .Form-row .FormField {
        margin-left: 0;
        margin-right: 0;
        flex-basis: 100%
    }
}

.Form-reset {
    font-size: 1.5rem;
    height: 3rem;
    color: #464b4b
}

    .Form-reset:hover {
        opacity: .5
    }

.Form-warning {
    margin-bottom: 2rem
}

/*! FormChoice Component for radio and checkbox form */ .FormChoice {
    display: inline-block;
    margin-bottom: .5rem;
    margin-right: 1rem;
    padding-top: 2px;
    position: relative
}

[dir=rtl] .FormChoice {
    margin-right: 0;
    margin-left: 1rem
}

.FormChoice input {
    opacity: 0;
    position: absolute
}

.FormChoice label {
    cursor: pointer;
    display: block;
    line-height: 1.2;
    padding-left: 2.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[dir=rtl] .FormChoice label {
    padding-left: 0;
    padding-right: 2.5rem
}

.FormChoice input + label:before {
    position: absolute;
    border: 1px solid #464b4b;
    background-color: #fff;
    content: "";
    height: 1.5rem;
    width: 1.5rem;
    left: 0;
    top: 0
}

[dir=rtl] .FormChoice input + label:before {
    left: auto;
    right: 0
}

.FormChoice input:checked + label:before {
    background-color: #464b4b
}

.FormChoice input:checked + label:after {
    position: absolute;
    color: #fff;
    font-family: Font Awesome\ 5 Pro,sans-serif;
    content: "\F00C";
    font-size: 1rem;
    height: 1.5rem;
    width: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.FormChoice input:focus + label:before, .FormChoice input:hover + label:before {
    border: 2px solid
}

.FormChoice--radio input + label:before {
    border-radius: 50%
}

.FormChoice--radio input:checked + label:before {
    border: 1px solid
}

.FormChoice--radio input:checked + label:after {
    border: 3px solid;
    border-radius: 50%;
    color: inherit !important;
    height: 0;
    left: .5rem;
    top: .5rem;
    transform: none;
    width: 0
}

[dir=rtl] .FormChoice--radio input:checked + label:after {
    left: auto;
    right: .5rem
}

input, select, textarea {
    font-family: halyard-text,sans-serif;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 500
}

.FormField {
    position: relative;
    display: block;
    margin-bottom: 2rem
}

    .FormField[data-state=filled] .FormField-label, .FormField[data-state=focus] .FormField-label {
        bottom: 35px;
        font-size: .6rem;
        position: absolute
    }

    .FormField[data-state=filled] .FormField-label {
        opacity: 0
    }

.FormField--error {
    margin-bottom: 50px !important
}

    .FormField--error:after {
        border-color: #d92323 !important;
        opacity: 1
    }

    .FormField--error textarea::-webkit-input-placeholder {
        color: #d92323
    }

    .FormField--error textarea::-moz-placeholder {
        color: #d92323
    }

    .FormField--error textarea:-ms-input-placeholder {
        color: #d92323
    }

    .FormField--error textarea::placeholder {
        color: #d92323
    }

.FormField--neutral {
    max-width: none
}

    .FormField--neutral:after {
        display: none
    }

.FormField--submit {
    margin-bottom: 5rem
}

.FormField.FormField--white {
    border-color: #fff !important;
    color: #fff !important
}

    .FormField.FormField--white.FormField-select {
        background-image: url(https://mazars-components-dev.herokuapp.com/public/img/icons/select-white.svg)
    }

    .FormField.FormField--white select {
        color: #fff !important
    }

.FormField [disabled] {
    opacity: .5
}

.FormField-legend {
    display: block;
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 2rem;
    color: #464b4b
}

.FormField-legendCaptcha {
    display: block;
    margin-bottom: 20px;
    margin-top: 10px
}

.FormField-label {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .6;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s ease-in;
    white-space: nowrap;
    width: 100%;
    padding: .75rem 0;
    margin-bottom: 0;
    color: #464b4b
}

.FormField-message {
    bottom: -20px;
    font-size: .6rem;
    left: 0;
    position: absolute
}

.FormField-message--error {
    color: #d92323
}

.FormField-input {
    border: 0;
    padding: .75rem 0;
    border-bottom: 1px solid #979797;
    overflow: hidden;
    text-overflow: ellipsis
}

.FormField-input, .FormField-textarea {
    width: 100%;
    background-color: transparent;
    color: #464b4b
}

.FormField-textarea {
    border: 1px solid #979797;
    line-height: 1.4;
    padding: .75rem 1.5rem
}

.FormField-textarea--alt {
    background-color: #fff
}

.FormField-select {
    position: relative;
    background-image: url(https://mazars-components-dev.herokuapp.com/public/img/icons/select-grey.svg);
    background-position: center right 1rem;
    background-repeat: no-repeat;
    background-size: .5rem .25rem;
    background-color: transparent;
    border: 1px solid #464b4b;
    outline: 0;
    width: 100%
}

.FormField-select--alt {
    background-color: #fff;
    border-color: rgba(70,75,75,.4);
    margin-top: 3.5rem;
    margin-bottom: 4rem
}

.FormField-select select {
    padding: .75rem 2rem .75rem 1rem;
    min-height: 3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none !important;
    color: #464b4b;
    background-color: transparent;
    border: 0;
    line-height: 1.5;
    width: 100%
}

    .FormField-select select::-ms-expand {
        display: none
    }

.FormField-submit {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

    .Article--content .FormField-submit .button, .FormField-submit .Article--content .button, .FormField-submit .Button {
        width: 100%;
        min-width: 100%
    }

@media (max-width:1024px) {
    .Article--content .FormField-submit .button, .FormField-submit .Article--content .button, .FormField-submit .Button {
        flex-grow: 1
    }
}

.FormField-submit:after {
    display: none
}

/*! FormUpload Component for input type file */ .FormUpload {
    line-height: 1.4;
    margin-bottom: 30px;
    position: relative
}

@media (min-width:768px) {
    .FormUpload {
        display: flex;
        margin-bottom: 40px
    }
}

.FormUpload-input {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.FormUpload-label {
    background-image: url(https://mazars-components-dev.herokuapp.com/public/img/icons/attach.svg);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    display: block;
    font-family: halyard-text,sans-serif;
    font-size: .8rem;
    font-weight: 600;
    margin-right: 15px;
    padding: 3px 35px;
    position: relative;
    z-index: 1
}

@media (max-width:767px) {
    .FormUpload-label {
        margin-bottom: 10px
    }
}

@media (min-width:768px) {
    .FormUpload-label:after {
        bottom: 2px;
        content: "";
        position: absolute;
        right: 7px;
        top: 5px
    }
}

.FormUpload-label {
    background-image: url(https://mazars-components-dev.herokuapp.com/public/img/icons/attach-blue.svg);
    color: #144d75;
    transition: opacity .2s linear
}

    .FormUpload-label:after {
        background-image: url(https://mazars-components-dev.herokuapp.com/public/img/icons/cross-blue.svg);
        background-repeat: no-repeat;
        background-size: 24px 24px;
        content: "";
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px
    }

    .FormUpload-label:empty:before {
        content: attr(data-placeholder)
    }

    .FormUpload-label:empty:after {
        display: none
    }

    .FormUpload-label[data-formupload-reset=true] {
        cursor: pointer;
        position: relative;
        z-index: 3
    }

.Form--blue .FormUpload-label {
    color: inherit
}

.File, .file {
    display: block;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.6
}

    .File i, .file i {
        margin-right: .5rem
    }

    .File em, .file em {
        display: inline-block;
        font-style: normal;
        opacity: .5
    }

    .File:focus, .file:focus, .File:hover, .file:hover, .File span, .file span {
        opacity: .7
    }

@media print {
    .File, .file {
        display: none
    }
}

/*! Grid Component */ .GridGap--b {
    margin-bottom: 1.5rem
}

.GridS {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.5rem
}

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

.GridS--bottom {
    align-items: flex-end
}

.GridS-0 {
    display: none
}

.GridS-1 {
    width: calc(8.3% - 1.5rem)
}

.GridS-1, .GridS-2 {
    flex: 0 1 auto;
    margin-left: 1.5rem
}

.GridS-2 {
    width: calc(16.6% - 1.5rem)
}

.GridS-3 {
    width: calc(25% - 1.5rem)
}

.GridS-3, .GridS-4 {
    flex: 0 1 auto;
    margin-left: 1.5rem
}

.GridS-4 {
    width: calc(33.3% - 1.5rem)
}

.GridS-5 {
    width: calc(41.6% - 1.5rem)
}

.GridS-5, .GridS-6 {
    flex: 0 1 auto;
    margin-left: 1.5rem
}

.GridS-6 {
    width: calc(50% - 1.5rem)
}

.GridS-7 {
    width: calc(58.3% - 1.5rem)
}

.GridS-7, .GridS-8 {
    flex: 0 1 auto;
    margin-left: 1.5rem
}

.GridS-8 {
    width: calc(66.6% - 1.5rem)
}

.GridS-9 {
    width: calc(75% - 1.5rem)
}

.GridS-9, .GridS-10 {
    flex: 0 1 auto;
    margin-left: 1.5rem
}

.GridS-10 {
    width: calc(83.3% - 1.5rem)
}

.GridS-11 {
    width: calc(91.6% - 1.5rem)
}

.GridS-11, .GridS-12 {
    flex: 0 1 auto;
    margin-left: 1.5rem
}

.GridS-12 {
    width: calc(100% - 1.5rem)
}

.ie-9 .GridS > * {
    display: inline-block;
    margin-left: calc(1.5rem - 4px);
    vertical-align: top
}

@media (min-width:768px) {
    .GridM {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1.5rem
    }

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

    .GridM--middle {
        align-items: center
    }

    .GridM--top {
        align-items: flex-start
    }

    .GridM-0 {
        display: none
    }

    .GridM-1 {
        width: calc(8.3% - 1.5rem)
    }

    .GridM-1, .GridM-2 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridM-2 {
        width: calc(16.6% - 1.5rem)
    }

    .GridM-3 {
        width: calc(25% - 1.5rem)
    }

    .GridM-3, .GridM-4 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridM-4 {
        width: calc(33.3% - 1.5rem)
    }

    .GridM-5 {
        width: calc(41.6% - 1.5rem)
    }

    .GridM-5, .GridM-6 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridM-6 {
        width: calc(50% - 1.5rem)
    }

    .GridM-7 {
        width: calc(58.3% - 1.5rem)
    }

    .GridM-7, .GridM-8 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridM-8 {
        width: calc(66.6% - 1.5rem)
    }

    .GridM-9 {
        width: calc(75% - 1.5rem)
    }

    .GridM-9, .GridM-10 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridM-10 {
        width: calc(83.3% - 1.5rem)
    }

    .GridM-11 {
        width: calc(91.6% - 1.5rem)
    }

    .GridM-11, .GridM-12 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridM-12 {
        width: calc(100% - 1.5rem)
    }

    .ie-9 .GridM > * {
        display: inline-block;
        margin-left: calc(1.5rem - 4px);
        vertical-align: top
    }
}

@media (min-width:1024px) {
    .GridL {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1.5rem
    }

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

    .GridL--middle {
        align-items: center
    }

    .GridL--top {
        align-items: flex-start
    }

    .GridL-0 {
        display: none
    }

    .GridL-1 {
        width: calc(8.3% - 1.5rem)
    }

    .GridL-1, .GridL-2 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridL-2 {
        width: calc(16.6% - 1.5rem)
    }

    .GridL-3 {
        width: calc(25% - 1.5rem)
    }

    .GridL-3, .GridL-4 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridL-4 {
        width: calc(33.3% - 1.5rem)
    }

    .GridL-5 {
        width: calc(41.6% - 1.5rem)
    }

    .GridL-5, .GridL-6 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridL-6 {
        width: calc(50% - 1.5rem)
    }

    .GridL-7 {
        width: calc(58.3% - 1.5rem)
    }

    .GridL-7, .GridL-8 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridL-8 {
        width: calc(66.6% - 1.5rem)
    }

    .GridL-9 {
        width: calc(75% - 1.5rem)
    }

    .GridL-9, .GridL-10 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridL-10 {
        width: calc(83.3% - 1.5rem)
    }

    .GridL-11 {
        width: calc(91.6% - 1.5rem)
    }

    .GridL-11, .GridL-12 {
        flex: 0 1 auto;
        margin-left: 1.5rem
    }

    .GridL-12 {
        width: calc(100% - 1.5rem)
    }

    .ie-9 .GridL > * {
        display: inline-block;
        margin-left: calc(1.5rem - 4px);
        vertical-align: top
    }
}

@media print {
    .GridL, .GridM, .GridS {
        display: block !important;
        justify-content: inherit;
        margin-left: calc(1.5rem - 65px);
        margin-right: 0;
        padding: 0
    }

        .GridL > *, .GridM > *, .GridS > * {
            display: inline-block;
            margin-bottom: 0;
            margin-left: calc(1.5rem + 4px);
            margin-top: 0;
            padding: 0;
            vertical-align: top;
            width: calc(45% - 5px)
        }

    .GridL-5, .GridL-6, .GridL-7, .GridL-8, .GridL-9, .GridL-10, .GridL-11, .GridL-12, .GridM-5, .GridM-6, .GridM-7, .GridM-8, .GridM-9, .GridM-10, .GridM-11, .GridM-12, .GridS-5, .GridS-6, .GridS-7, .GridS-8, .GridS-9, .GridS-10, .GridS-11, .GridS-12 {
        width: 100%
    }
}

.container--section {
    padding-left: 2rem;
    padding-right: 2rem
}

@media (max-width:1024px) {
    .container--section {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.container--section > .row {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

@media (max-width:1024px) {
    .container--section > .row {
        padding-left: 0;
        padding-right: 0
    }
}

/*.row > * {
    opacity: 0
}*/

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

.b30 {
    margin-bottom: 3rem;
}

.Header--sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #fff
}

.Header--component {
    background-color: #e5f0fa;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #979797;
    margin-bottom: 2rem
}

@media (max-width:1024px) {
    .Header--component {
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem
    }
}

.Header--component h3 {
    color: #464b4b
}

.Header--component .BlockLinks-dropdownList, .Header--component .BlockLinks-text, .Header--component p {
    margin: 0
}

@media (max-width:1024px) {
    .Header--component .BlockLinks-dropdownList, .Header--component .BlockLinks-text, .Header--component p {
        font-size: .875rem
    }
}

.Header--component i {
    margin-right: .5rem
}

[dir=rtl] .Header--component i {
    margin-left: .5rem;
    margin-right: 0
}

.Header--component a, .Header--component span {
    margin-right: .5rem;
    margin-left: .5rem
}

    .Header--component a:focus, .Header--component a:hover, .Header--component span:focus, .Header--component span:hover {
        opacity: .6
    }

.Header-container {
    display: flex;
    justify-content: space-between;
    height: 8rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    padding-bottom: 2rem;
    background-color: #fff;
    transition: all .3s
}

@media (max-width:1024px) {
    .Header-container {
        padding: 1rem;
        align-items: center;
        height: 70px
    }
}

.Header--active .Header-container {
    height: 5rem;
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width:1024px) {
    .Header--active .Header-container {
        height: 70px
    }
}

.Header-logo {
    display: flex;
    align-items: flex-end;
    max-width: 16rem;
    transition: all .3s
}

@media (max-width:1024px) {
    .Header-logo {
        max-width: 12rem
    }
}

.Header--active .Header-logo {
    max-width: 12rem;
    align-items: center
}

.Header-logo a {
    display: block;
    width: 100%;
    height: 4rem
}

.Header-logo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom left;
    object-position: bottom left;
    transition: all .3s
}

@media (max-width:1024px) {
    .Header-logo img {
        -o-object-position: center left;
        object-position: center left
    }
}

.Header--active .Header-logo img {
    -o-object-position: center left;
    object-position: center left
}

.Header-inner {
    flex-grow: 1
}

.mfp-container {
    padding: 0
}

.mfp-close {
    font-size: 0;
    opacity: 1;
    right: 30px;
    top: 32px !important
}

    .mfp-close:focus, .mfp-close:hover {
        opacity: .7
    }

    .mfp-close:after, .mfp-close:before {
        border-bottom: 1px solid;
        content: "";
        left: 9px;
        position: absolute;
        top: 19px;
        transform: rotate(45deg);
        width: 24px
    }

    .mfp-close:after {
        transform: rotate(135deg)
    }

@media (min-width:768px) {
    .mfp-close {
        right: 40px;
        top: 60px !important
    }
}

@media (min-width:1024px) {
    .mfp-close {
        right: 60px
    }
}

.white-popup {
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 730px;
    padding: 40px 30px;
    position: relative;
    width: auto
}

    .white-popup .mfp-close {
        color: #000
    }

@media (min-width:768px) {
    .white-popup {
        margin-bottom: 20px;
        margin-top: 20px;
        padding: 60px 40px
    }
}

@media (min-width:1024px) {
    .white-popup {
        padding-left: 60px;
        padding-right: 60px
    }
}

.white-popup > :first-child > :first-child {
    padding-right: 50px
}

.mfp-text {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
    position: absolute;
    width: 100%
}

@media (min-width:768px) {
    .mfp-text {
        flex-wrap: nowrap;
        margin-top: 30px
    }
}

.mfp-title {
    font-family: halyard-text,sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 0
}

.mfp-share {
    align-items: center;
    display: none;
    font-size: .6rem;
    line-height: 1;
    max-width: 300px;
    min-width: 300px;
    position: relative
}

    .mfp-share:before {
        background-color: #f2f2f2;
        content: "";
        display: block;
        height: 2px;
        margin-right: 10px;
        width: 32px
    }

    .mfp-share a {
        margin: 4px;
        transition: opacity .2s ease
    }

        .mfp-share a:focus, .mfp-share a:hover {
            opacity: .7
        }

    .mfp-share .icon {
        font-size: 16px
    }

    .mfp-share span {
        margin-right: 10px
    }

@media (min-width:768px) {
    .mfp-share {
        display: flex
    }
}

.modal .close:focus, .modal .close:hover {
    opacity: 1
}

.modal .modal-body {
    height: 55vh
}

.modal iframe {
    width: 100%;
    height: 100%
}

.Article--content h1, .Article--content h2, .Article--content h3, .Article--content h4, .Article--content h5, .Article--content h6 {
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    position: relative
}


.Article--content h2 {
    font-size: 55px;
    font-weight: normal;
}

@media (max-width:1024px) {
    .Article--content h2 {
        font-size: 38px
    }
}

.Article--content h3 {
    font-size: 30px
}

@media (max-width:1024px) {
    .Article--content h3 {
        font-size: 26px
    }
}

.Article--content a[name]:first-child + h1, .Article--content a[name]:first-child + h2, .Article--content a[name]:first-child + h3, .Article--content a[name]:first-child + h4, .Article--content a[name]:first-child + h5, .Article--content a[name]:first-child + h6, .Article--content figure[class*=object] + h1, .Article--content figure[class*=object] + h2, .Article--content figure[class*=object] + h3, .Article--content figure[class*=object] + h4, .Article--content figure[class*=object] + h5, .Article--content figure[class*=object] + h6 {
    margin-top: 0 !important
}


.Article--content ol:not([class]), .Article--content ul:not([class]) {
    margin-bottom: 1.2rem;
    padding: 0;
    text-align: initial;
    font-size: 1.125rem
}

    .Article--content ol:not([class]) ol, .Article--content ol:not([class]) ul, .Article--content ul:not([class]) ol, .Article--content ul:not([class]) ul {
        margin-bottom: 0;
        margin-left: 1.5rem;
        margin-top: .5rem
    }

[dir=rtl] .Article--content ol:not([class]) ol, [dir=rtl] .Article--content ol:not([class]) ul, [dir=rtl] .Article--content ul:not([class]) ol, [dir=rtl] .Article--content ul:not([class]) ul {
    margin-left: auto;
    margin-right: 1.5rem
}

.Article--content ol:not([class]) li, .Article--content ul:not([class]) li {
    margin-bottom: .5em;
    overflow: hidden;
    padding-left: 1.5rem;
    position: relative
}

[dir=rtl] .Article--content ol:not([class]) li, [dir=rtl] .Article--content ul:not([class]) li {
    padding-left: 0;
    padding-right: 1.5rem
}

.Article--content ul:not([class]) > li:before {
    border-radius: 50%;
    content: "\2022";
    color: #464b4b;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.25rem;
    line-height: 1em
}

[dir=rtl] .Article--content ul:not([class]) > li:before {
    left: auto;
    right: 0
}

.Article--content ul:not([class]) > li > a:before {
    border-radius: 50%;
    content: "\F054";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    color: #464b4b;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1em;
    background-color: #fff
}

.Article--content ul:not([class]) > li ul > li:before {
    border-color: inherit
}

.Article--content ol:not([class]) {
    counter-reset: listnum
}

    .Article--content ol:not([class]) > li {
        list-style-type: none
    }

        .Article--content ol:not([class]) > li:before {
            content: counters(listnum,".") ".";
            counter-increment: listnum;
            font-size: 1rem;
            font-weight: 600;
            left: 0;
            position: absolute;
            top: 0
        }

[dir=rtl] .Article--content ol:not([class]) > li:before {
    left: auto;
    right: 0
}

.Article--content ol:not([class]) > li ol > li {
    padding-left: 2.5rem
}

    .Article--content ol:not([class]) > li ol > li:before {
        content: counters(listnum,".") " "
    }

    .Article--content ol:not([class]) > li ol > li ol > li {
        padding-left: 3rem
    }

[dir=rtl] .Article--content ol:not([class]) > li ol > li ol > li {
    padding-left: 0;
    padding-right: 3rem
}

.Article--content a {
    font-weight: 600
}

    .Article--content a:not([class]), .Article--content a[class*=link], .Article--content a[class=""], .Article--content a button[type=button]:not([class]) {
        text-decoration: none;
        transition: color .3s;
        color: #000;
    }

p.Card-text {
    min-height: 70px;
}

section#training p.Card-text {
    min-height: 96px;
}

.Article--content a.link {
    text-decoration: underline;
    color: #0071ce
}

.Article--content a.file {
    font-size: 1.25rem;
    text-decoration: none
}

    .Article--content a.file span {
        font-size: 1rem;
        display: block
    }

.Article--content .Button, .Article--content .button {
    margin: 0 .5rem;
    text-transform: uppercase;
    min-width: auto !important
}

.Article--content sup {
    font-size: .875rem;
    top: 0;
    vertical-align: super;
    line-height: 1
}

    .Article--content sup a {
        border-radius: 50%;
        display: block;
        height: 12px;
        line-height: 12px;
        text-align: center;
        transform: scale(1);
        transform-origin: 50% 120%;
        transition: transform .2s ease-out !important;
        width: 12px
    }

        .Article--content sup a:focus, .Article--content sup a:hover {
            color: inherit !important;
            opacity: 1 !important;
            transform: scale(2)
        }

        .Article--content sup a:after {
            display: none
        }

.Article--content blockquote .BlockLinks-dropdownList, .Article--content blockquote .BlockLinks-text, .Article--content blockquote p {
    font-weight: 500;
    font-style: italic
}

    .Article--content blockquote .BlockLinks-dropdownList:first-child:before, .Article--content blockquote .BlockLinks-text:first-child:before, .Article--content blockquote p:first-child:before {
        content: "\201C"
    }

    .Article--content blockquote .BlockLinks-dropdownList:first-child:after, .Article--content blockquote .BlockLinks-text:first-child:after, .Article--content blockquote p:first-child:after {
        content: "\201D"
    }

.Article--content blockquote strong {
    display: block
}

.Article--content figure {
    display: inherit;
    margin-bottom: 2rem
}

.Article--content figcaption {
    font-size: .6rem;
    margin-bottom: 1rem;
    margin-top: .5rem;
    opacity: .5;
    padding-left: 40px;
    position: relative
}

    .Article--content figcaption:before {
        border-bottom: 2px solid;
        content: "";
        left: 0;
        opacity: .1;
        position: absolute;
        top: 12px;
        width: 32px
    }

.Article--content .main-title {
    overflow-wrap: break-word
}

.Article--content .table_overlay {
    margin-bottom: 2rem;
    max-width: 100%;
    overflow-x: auto
}

.Article--content table {
    border: 1px solid #fff;
    border-collapse: collapse;
    line-height: 1.7;
    width: 100%
}

    .Article--content table caption {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: .5rem;
        text-align: left
    }

    .Article--content table tr.bgdark, .Article--content table tr.bgdark ul:not([class]) > li > a:before {
        background-color: #e5f0fa
    }

    .Article--content table th {
        background-color: #0071ce;
        border: 0;
        color: #fff;
        font-weight: 300;
        padding: 25px;
        text-align: initial
    }

        .Article--content table th .BlockLinks-dropdownList, .Article--content table th .BlockLinks-text, .Article--content table th p {
            color: inherit;
            margin-bottom: 0
        }

    .Article--content table td {
        border: 1px solid #fff;
        padding: 1rem
    }

@media (max-width:1023.98px) {
    .Article--content table td {
        display: block;
        padding: .75rem
    }
}

@media (max-width:767.98px) {
    .Article--content table td {
        padding: .5rem
    }
}

.Article--content table td ul:not([class]) {
    margin-bottom: 0
}

.Article--content table .BlockLinks-dropdownList, .Article--content table .BlockLinks-text, .Article--content table p {
    margin-bottom: .5rem !important
}

.Article--content table figure {
    margin-bottom: 0
}

@media (max-width:1023.98px) {
    .Article--content table.stackableTable td, .Article--content table.stackableTable tr {
        display: block
    }
}

/*! Tooltip Display */ [data-tooltip] {
    position: relative
}

    [data-tooltip]:after {
        background-color: #144d75;
        border-radius: 5px;
        bottom: 50%;
        color: #fff;
        content: attr(aria-label);
        font-size: .65rem;
        left: 90%;
        line-height: 1.2;
        opacity: 0;
        padding: 7px 12px;
        pointer-events: none;
        position: absolute;
        transform: translateY(25px);
        transition: transform .2s ease-out,opacity .1s ease-out;
        white-space: nowrap;
        z-index: 99
    }

[dir=rtl] [data-tooltip]:after {
    left: auto;
    right: 90%
}

[data-tooltip]:hover:after {
    opacity: 1;
    transform: translateY(15px)
}

/*! Wrapper Component */ @media screen {
    .Wrapper {
        margin-left: auto;
        margin-right: auto
    }

    .Wrapper--medium {
        max-width: 1170px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width:768px) {
    .Wrapper--medium {
        max-width: 1190px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen {
    .Wrapper--padding {
        padding-bottom: 40px;
        padding-top: 40px
    }
}

@media screen {
    .Wrapper-spacer {
        display: block;
        height: 50px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .Wrapper-spacer {
        height: 100px
    }
}

@media screen and (min-width:1024px) {
    .Wrapper-spacer {
        height: 180px
    }
}

@media screen {
    .Wrapper--2Col {
        max-width: 1170px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width:768px) {
    .Wrapper--2Col {
        max-width: 1190px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (min-width:1024px) {
    .Wrapper--2Col {
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-width:1024px) {
    .Wrapper-mainCol {
        flex: 1;
        max-width: calc(100% - 280px)
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .Wrapper-asideCol {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 30px;
        column-gap: 30px;
        margin-bottom: 50px
    }

        .Wrapper-asideCol > * {
            display: inline-block;
            margin-bottom: 30px;
            width: 100%
        }

        .Wrapper-asideCol > :first-child {
            display: block
        }
}

@media screen and (min-width:1024px) {
    .Wrapper-asideCol {
        margin-left: 30px;
        max-width: 250px;
        min-width: 250px
    }
}

@media screen and (min-width:1024px) {
    .Wrapper-asideCol--left, [dir=rtl] .Wrapper-asideCol {
        margin-left: 0;
        margin-right: 30px
    }

    .Wrapper-asideCol--left {
        max-width: 350px;
        min-width: 350px;
        order: -1
    }

    [dir=rtl] .Wrapper-asideCol--left {
        margin-left: 30px;
        margin-right: 0
    }
}

@media screen {
    .Wrapper--article {
        max-width: 68rem
    }
}

@media screen {
    .Wrapper--related {
        max-width: 94rem;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media screen {
    .Wrapper--gray {
        background-color: #eee
    }
}

@media screen {
    .Wrapper--grayLight {
        background-color: #fcfafa
    }
}

@media screen {
    .Wrapper--background {
        background-position: 50%;
        background-size: cover
    }
}

@media screen {
    .Wrapper--dots, .Wrapper--dotsRight {
        overflow: hidden;
        padding-top: 30px;
        position: relative
    }

        .Wrapper--dots:before, .Wrapper--dotsRight:before {
            background: radial-gradient(rgba(20,77,117,.2) 1px,transparent 0);
            background-size: 20px 20px;
            border: 1px solid #fff;
            content: "";
            height: 500px;
            left: 0;
            outline: 2px solid #fff;
            position: absolute;
            right: 47%;
            top: 0;
            z-index: -1
        }
}

@media screen {
    .Wrapper--dotsRight:before {
        bottom: 30%;
        height: auto;
        left: 47%;
        right: 0
    }
}

@media screen {
    .Wrapper--halfBlue {
        position: relative;
        z-index: 2
    }
}

@media screen and (min-width:768px) {
    .Wrapper--halfBlue {
        background: linear-gradient(90deg,#e5f0fa 50%,transparent 0)
    }

    [dir=rtl] .Wrapper--halfBlue {
        background: linear-gradient(90deg,transparent 50%,#e5f0fa 0)
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .Wrapper--halfBlue {
        margin-top: -50px
    }
}

@media screen and (min-width:1024px) {
    .Wrapper--halfBlue {
        margin-top: -80px
    }
}

@media screen and (min-width:768px) {
    .Wrapper-split {
        display: flex
    }
}

@media screen and (max-width:767px) {
    .Wrapper-splitPart {
        margin-left: -30px;
        margin-right: -30px;
        padding: 30px
    }
}

@media screen and (min-width:768px) {
    .Wrapper-splitPart {
        flex: 1;
        padding-top: 40px
    }
}

@media screen and (min-width:1024px) {
    .Wrapper-splitPart {
        padding-top: 80px
    }
}

@media screen {
    .Wrapper-splitPart--first {
        background-color: #e5f0fa
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .Wrapper-splitPart--first {
        padding-right: 40px
    }

    [dir=rtl] .Wrapper-splitPart--first {
        padding-left: 40px;
        padding-right: 0
    }
}

@media screen and (min-width:1024px) {
    .Wrapper-splitPart--first {
        max-width: 58.3%;
        min-width: 58.3%;
        padding-right: 80px
    }

    [dir=rtl] .Wrapper-splitPart--first {
        padding-left: 80px;
        padding-right: 0
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .Wrapper-splitPart--second {
        margin-top: 40px;
        padding-left: 40px
    }

    [dir=rtl] .Wrapper-splitPart--second {
        padding-left: 0;
        padding-right: 40px
    }
}

@media screen and (min-width:1024px) {
    .Wrapper-splitPart--second {
        margin-top: 80px;
        padding-left: 80px
    }

    [dir=rtl] .Wrapper-splitPart--second {
        padding-left: 0;
        padding-right: 80px
    }
}

@media screen and (min-width:1024px) {
    .Wrapper-alignRight {
        margin-right: 400px;
        max-width: 250px;
        min-width: 250px
    }

    [dir=rtl] .Wrapper-alignRight {
        padding-left: 0;
        padding-right: 80px
    }
}

@media print {
    .Wrapper {
        opacity: 1 !important
    }

    .Wrapper-asideCol {
        border: 1px solid #ddd;
        padding-left: 20px;
        padding-right: 20px
    }
}
/*! Alert Component */ .Alert {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media (max-width:1024px) {
    .Alert {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

.Alert--container {
    padding: 2rem 3.5rem
}

@media (max-width:1024px) {
    .Alert--container {
        padding: 1.5rem
    }
}

/*! AuthorContact Component */ .AuthorContact {
    max-width: 368px;
    padding: 1rem 1rem 2rem
}

    .AuthorContact .AuthorContact-image {
        padding: 0 0 1rem;
        opacity: 0
    }

    .AuthorContact .AuthorContact-content {
        padding-left: 1rem;
        padding-right: 1rem;
        opacity: 0
    }

        .AuthorContact .AuthorContact-content .AuthorContact-header {
            color: #fff;
            margin-top: 1rem;
            margin-bottom: 1rem
        }

        .AuthorContact .AuthorContact-content .AuthorContact-title {
            font-size: 1.5rem;
            color: #fff;
            font-weight: 600;
            margin-top: 1rem;
            margin-bottom: .5rem
        }

        .AuthorContact .AuthorContact-content .AuthorContact-subtitle {
            color: #fff;
            margin-bottom: 2rem
        }

    .Article--content .AuthorContact .button, .AuthorContact .Article--content .button, .AuthorContact .Button {
        margin-top: 0;
        margin-bottom: 0
    }

/*! Breadcrumb */ .Breadcrumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem
}

    .Breadcrumb.Breadcrumb--default {
        background-color: #eee
    }

    .Breadcrumb.Breadcrumb--white {
        background-color: #fff
    }

    .Breadcrumb.Breadcrumb--transparent, .Breadcrumb.Breadcrumb--transparent-white {
        background-color: transparent
    }

        .Breadcrumb.Breadcrumb--transparent-white * {
            color: #fff
        }

    .Breadcrumb.Breadcrumb--outer-space {
        background-color: transparent
    }

        .Breadcrumb.Breadcrumb--outer-space * {
            color: #464b4b
        }

    .Breadcrumb.Breadcrumb--dark {
        background-color: #464b4b
    }

        .Breadcrumb.Breadcrumb--dark .Breadcrumb-item, .Breadcrumb.Breadcrumb--dark .Breadcrumb-separator, .Breadcrumb.Breadcrumb--dark i {
            color: #fff;
            border-color: #fff
        }

@media print {
    .Breadcrumb {
        display: none
    }
}

.Breadcrumb .Breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -.5rem
}

.Breadcrumb .Breadcrumb-item {
    display: inline-block;
    padding: .5rem;
    font-size: .875rem;
    font-weight: 300;
    opacity: .7;
    transition: opacity .3s
}

    .Breadcrumb .Breadcrumb-item:focus, .Breadcrumb .Breadcrumb-item:hover {
        opacity: 1
    }

@media (max-width:1023.98px) {
    .Breadcrumb .Breadcrumb-item {
        padding-bottom: 0
    }
}

.Breadcrumb .Breadcrumb-current {
    opacity: 1
}

.Breadcrumb .Breadcrumb-separator {
    font-size: .75rem;
    opacity: .7
}

.BlockLinks {
    background-color: #fcf7f1;
    max-width: 400px;
    padding: 2rem 1.5rem;
    margin-bottom: 2rem;
    border: 1px solid transparent
}

@media (max-width:1024px) {
    .BlockLinks {
        padding: 1.5rem
    }
}

@media (max-width:1023.98px) {
    .BlockLinks {
        max-width: 100%
    }
}

.BlockLinks li {
    margin-bottom: 1rem
}

    .BlockLinks li:last-child {
        margin-bottom: .5rem
    }

    .BlockLinks li a {
        display: flex;
        font-weight: 300
    }

        .BlockLinks li a i {
            margin-right: .5rem;
            line-height: 1.4rem
        }

@media print {
    .BlockLinks a {
        display: block
    }
}

.BlockLinks-dropdown {
    position: relative;
    margin-top: 2.5rem
}

@media print {
    .BlockLinks-dropdown {
        display: none
    }
}

.Article--content .BlockLinks-dropdown .button, .BlockLinks-dropdown .Article--content .button, .BlockLinks-dropdown .Button {
    padding: 1rem 1.25rem;
    min-width: 100%
}

    .Article--content .BlockLinks-dropdown .Button--transparent.button, .BlockLinks-dropdown .Article--content .Button--transparent.button, .BlockLinks-dropdown .Button.Button--transparent {
        border: 1px solid #464b4b;
        color: #464b4b
    }

    .Article--content .BlockLinks-dropdown .Button--white.button, .BlockLinks-dropdown .Article--content .Button--white.button, .BlockLinks-dropdown .Button.Button--white {
        border: 1px solid #464b4b
    }

    .Article--content .BlockLinks-dropdown .button .icon, .BlockLinks-dropdown .Article--content .button .icon, .BlockLinks-dropdown .Button .icon {
        font-size: .6rem;
        margin-left: .3rem;
        margin-top: .1rem
    }

    .Article--content .BlockLinks-dropdown [aria-pressed=true].button, .BlockLinks-dropdown .Article--content [aria-pressed=true].button, .BlockLinks-dropdown .Button[aria-pressed=true] {
        color: #144d75;
        background-color: #fff
    }

        .Article--content .BlockLinks-dropdown [aria-pressed=true].button .icon, .BlockLinks-dropdown .Article--content [aria-pressed=true].button .icon, .BlockLinks-dropdown .Button[aria-pressed=true] .icon {
            transform: rotate(-180deg)
        }

.BlockLinks-dropdownList {
    display: none;
    position: absolute;
    left: 1.75rem;
    right: 2px;
    background-color: #fff;
    border: 1px solid #787878;
    padding: 1rem;
    max-height: 40vh;
    overflow-y: auto
}

    .BlockLinks-dropdownList[aria-expanded=true] {
        display: block;
        z-index: 99
    }

    .BlockLinks-dropdownList[aria-expanded=false] {
        display: none
    }

    .BlockLinks-dropdownList a {
        display: block;
        position: relative;
        opacity: 1;
        transition: all .3s
    }

        .BlockLinks-dropdownList a:focus, .BlockLinks-dropdownList a:hover {
            opacity: .7
        }

.Article--content .Button, .Article--content .button, .Button {
    background-color: #0071ce;
    border: 1px solid #0071ce;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    max-width: 100%;
    overflow: hidden;
    padding: .75rem 1.5rem;
    position: relative;
    text-decoration: none !important;
    transition: all .3s;
    vertical-align: middle;
    min-width: 300px;
    min-height: 3rem
}

@media (max-width:767.98px) {
    .Article--content .Button, .Article--content .button, .Button {
        min-width: 100%;
        text-align: center
    }
}

.Article--content .button:not([disabled]):focus, .Article--content .button:not([disabled]):hover, .Button:not([disabled]):focus, .Button:not([disabled]):hover {
    background-color: #171c8f !important;
    border: 1px solid #171c8f !important;
    color: #fff !important
}

.Article--content .button:not(:only-child), .Button:not(:only-child) {
    margin-right: 1rem
}

.Article--content [dir=rtl] .button:not(:only-child), [dir=rtl] .Article--content .button:not(:only-child), [dir=rtl] .Button:not(:only-child) {
    margin-left: 1rem;
    margin-right: 0
}

.Article--content .button:last-child, .Button:last-child {
    margin-right: 0
}

.Article--content .button:disabled, .Button:disabled {
    cursor: default;
    opacity: .1
}

.Article--content .Button i, .Article--content .button i, .Button i {
    margin-left: .5rem
}

@media print {
    .Article--content .Button, .Article--content .button, .Button {
        display: none
    }
}

@media (max-width:767.98px) {
    .Article--content .Button, .Article--content .button, .Button {
        width: 100%
    }
}

.Button--light {
    background-color: transparent !important;
    border: 0;
    color: inherit;
    font-weight: 600;
    margin-bottom: 0;
    overflow: visible;
    padding: 0 0 0 20px;
    position: relative;
    text-align: left
}

.Button--transparent {
    background-color: transparent;
    border-color: hsla(0,0%,100%,.5);
    color: #fff
}

    .Button--transparent:not([disabled]):focus, .Button--transparent:not([disabled]):hover {
        background-color: #fff !important;
        border: 1px solid #fff !important;
        color: #464b4b !important
    }

    .Button--transparent.Button--dropdown:not([disabled]):focus, .Button--transparent.Button--dropdown:not([disabled]):hover {
        border-color: #464b4b !important
    }

.Button--white {
    background-color: #fff;
    border-color: #fff;
    color: #464b4b
}

.Button--transparent-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

    .Button--transparent-white:not([disabled]):focus, .Button--transparent-white:not([disabled]):hover {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #464b4b !important
    }

.Button--grey {
    background-color: transparent;
    border-color: #464b4b;
    color: #464b4b
}

.Button--blue {
    background-color: #0071ce;
    border-color: #0071ce;
    color: #fff
}

.Button--blue-outline {
    background-color: #fff;
    border-color: #0071ce;
    color: #0071ce
}

.Button--dropdown {
    position: relative;
    background-image: url(https://mazars-components-dev.herokuapp.com/public/img/icons/select-grey.svg);
    background-position: center right 1rem;
    background-repeat: no-repeat;
    background-size: .5rem .25rem
}

    .Button--dropdown:focus, .Button--dropdown:hover {
        border-color: #464b4b !important;
        outline: 0
    }

    .Button--dropdown.Button--blue {
        background-image: url(https://mazars-components-dev.herokuapp.com/public/img/icons/select-white.svg)
    }

.Button--wrap {
    min-width: 0
}

.Button--full-width {
    min-width: 0;
    max-width: 100%;
    width: 100%
}

.btn-primary:focus {
    box-shadow: none !important
}

.mb-lg-8, .my-lg-8 {
    margin-bottom: 2rem !important;
}

.Card {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media (min-width:1024px) {
    .col-lg-12 > .Card {
        display: flex;
        flex-direction: row;
        padding: 2rem
    }

        .col-lg-12 > .Card .Card-container {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .col-lg-12 > .Card .Card-container, .col-lg-12 > .Card .Card-image {
            flex-basis: 50%;
            width: 50%
        }

        .col-lg-12 > .Card .Card-image {
            padding-top: 40.3%;
            margin-bottom: -2rem
        }

        .col-lg-12 > .Card .Card-title {
            font-size: 32px;
            line-height: 1.25;
            font-weight: 300
        }

        .col-lg-12 > .Card .Card-text {
            font-size: 18px;
            line-height: 1.25;
            font-weight: 300
        }
}

.Card-container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
    opacity: 0;
    min-height: 260px;
}

.Card-image {
    display: block;
    position: relative;
    width: calc(100% - 2rem);
    height: 0;
    padding-top: 40.3%;
    margin-left: 1rem;
    margin-right: 1rem;
    overflow: hidden;
    opacity: 0
}

    .Card-image:first-child {
        margin-top: 1rem
    }

    .Card-image img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center
    }

@media print {
    .Card-image {
        display: none
    }
}

.Card-content {
    flex-grow: 1;
    padding-left: 1rem;
    padding-right: 1rem
}

.Card-content, .Card-date-wrap {
    display: flex;
    flex-direction: column
}

.Card-date-wrap {
    justify-content: space-between
}

    .Card-date-wrap .Card-date {
        font-size: .9rem;
        font-weight: 300;
        margin-bottom: 1.5rem;
        margin-top: 1rem;
        flex-grow: 0
    }

    .Card-date-wrap .Card-title {
        flex-grow: 1
    }

.Card-title {
    margin-bottom: 1.5rem;
    margin-top: 0;
}

    .Card-title a:hover {
        color: inherit;
    }

.Card-heading, .Card-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
}

.Card.text-grey h4.Card-title {
    color: #000;
}

.Card-heading {
    display: flex;
    align-items: center;
    padding: 1rem;
    min-height: 100px;
    margin-bottom: 0
}

.Card-text {
    flex-grow: 1
}

.Card-footer {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

    .Card-footer a {
        display: flex;
        align-items: center
    }

    .Card-footer i {
        margin-right: .5rem
    }

    .Card-footer .Download {
        margin-top: .5rem
    }

/*! CardDownload Component */ .CardDownload {
    height: 100%
}

    .CardDownload .Card-footer i {
        font-size: 1.5rem;
        margin-right: 1rem
    }

    .CardDownload .Card-image--download {
        position: relative;
        padding: 1rem
    }

        .CardDownload .Card-image--download.Card-image--portrait img {
            height: 10rem;
            width: auto
        }

        .CardDownload .Card-image--download.Card-image--landscape img {
            height: 7.5rem;
            width: auto
        }

        .CardDownload .Card-image--download img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            box-shadow: 5px 5px 0 rgba(0,0,0,.5)
        }

    .CardDownload .Card-content {
        margin-top: 1rem
    }

    .CardDownload .Card-link {
        display: flex;
        align-items: center;
        font-weight: 300
    }

    .CardDownload .Card-download, .CardDownload .Card-type {
        margin-right: .5rem
    }

    .CardDownload .Card-size, .CardDownload .Card-type {
        opacity: .6
    }

.Chart text {
    font-weight: 300
}

.Chart .raphael-group-15-caption text {
    transform: translateY(-17px)
}

.Chart .raphael-group-94-caption text {
    transform: translateX(-45px) !important
}

.Chart .fusioncharts-datalabels text, .Chart [class$=-labels] text {
    letter-spacing: 0 !important
}

.ChartText {
    font-family: halyard-text,sans-serif;
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #464b4b;
    opacity: .7;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px
}

.Contact {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #f4f4f4
}

@media (max-width:1023.98px) {
    .Contact {
        padding-top: 0;
        padding-bottom: 0
    }
}

.Contact .Contact-body {
    padding: 2rem 3.5rem 4.5rem;
    background-color: #fff
}

@media (max-width:1023.98px) {
    .Contact .Contact-body {
        padding: 1.5rem
    }
}

.Contact .Contact-title {
    margin-bottom: 3.5rem;
    color: #464b4b
}

@media (max-width:1023.98px) {
    .Contact .Contact-title {
        text-align: center
    }
}

.Contact .col {
    position: relative
}

@media (max-width:1023.98px) {
    .Contact .col {
        flex-basis: 100%;
        margin-bottom: 2.5rem
    }
}

.Contact .card-link {
    position: relative
}

    .Contact .card-link:not(:last-child) {
        margin-bottom: 1.5rem
    }

.Contact .card-links .card-link {
    margin-left: 0
}

.Contact .Contact-icon {
    font-size: 2.5rem;
    color: #0071ce;
    margin-bottom: 1.5rem
}

.Contact .BlockLinks-dropdownList, .Contact .BlockLinks-text, .Contact h4, .Contact p {
    color: #464b4b
}

.Contact a {
    transition: opacity .3s
}

    .Contact a:focus, .Contact a:hover {
        opacity: .6
    }

    .Contact a.stretched-link ~ .card-links {
        transition: opacity .3s
    }

    .Contact a.stretched-link:focus ~ .card-links, .Contact a.stretched-link:hover ~ .card-links {
        opacity: .6
    }

/*! Worldwide */

/*! ContentResult Component */ .ContentResult {
    display: flex;
    margin-bottom: 2.5rem;
    color: #464b4b
}

.ContentResult--short {
    align-items: center;
    margin-bottom: 1rem
}

.ContentResult-title {
    font-size: 1rem;
    font-weight: 500;
    display: block;
    line-height: 1.25;
    transition: opacity .3s;
    margin-bottom: .5rem
}

    .ContentResult-title:focus, .ContentResult-title:hover {
        opacity: .7
    }

.ContentResult-icon {
    font-size: 1.5rem;
    margin-right: 1rem;
    margin-top: 1.25rem
}

[dir=rtl] .ContentResult-icon {
    margin-right: 0;
    margin-left: 1rem
}

.ContentResult--short .ContentResult-icon {
    margin-top: 0
}

.ContentResult-info {
    font-size: 14px;
    line-height: 1em;
    margin-bottom: .5rem
}

    .ContentResult-info span:not(:last-child) {
        padding-right: .75rem;
        margin-right: .75rem;
        border-right: 1px solid #a8a8a8
    }

[dir=rtl] .ContentResult-info span:not(:last-child) {
    margin-right: 0;
    margin-left: .75rem
}

.ContentResult-info span:not(:last-child) span {
    color: #0071ce
}

.ContentResult-info span:not(:last-child).ContentResult-infoDate {
    text-transform: uppercase
}

.ContentResult-infoType {
    color: #a8a8a8;
    text-transform: capitalize
}

.ContentResult-text {
    margin-bottom: 1rem;
    color: #464b4b
}

@media (max-width:767px) {
    .ContentResult-text {
        display: none
    }
}

#Cookies {
    z-index: 101;
    font-size: .875rem;
    color: #fff;
    background: #3f3f3f;
    display: none;
    min-height: 50%;
    flex-direction: column;
    justify-content: center
}

    #Cookies, #Cookies .modal-backdrop {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0
    }

        #Cookies .modal-backdrop {
            top: 0;
            z-index: 100;
            background-color: #000;
            opacity: .15
        }

        #Cookies[data-debug] {
            display: block
        }

        #Cookies .Cookies-toggle {
            font-size: 1rem;
            font-weight: 500;
            display: flex;
            align-items: center;
            padding-right: 1.5rem;
            white-space: nowrap;
            cursor: pointer;
            padding-bottom: 2%;
            z-index: 101;
            margin: 0 auto
        }

[dir=rtl] #Cookies .Cookies-toggle {
    padding-right: 0;
    padding-left: 1.5rem
}

@media (max-width:1024px) {
    #Cookies .Cookies-toggle {
        width: 100%;
        padding-right: 0;
        text-align: center;
        justify-content: center;
        margin-bottom: 1.5rem
    }
}

#Cookies .Cookies-toggle i {
    margin-right: .5rem
}

[dir=rtl] #Cookies .Cookies-toggle i {
    margin-right: 0;
    margin-left: .5rem
}

#Cookies .Cookies-modal {
    overflow-y: auto;
    color: #fff;
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    transition: transform .3s
}

    #Cookies .Cookies-modal .BlockLinks-dropdownList, #Cookies .Cookies-modal .BlockLinks-text, #Cookies .Cookies-modal p {
        color: #fff;
        font-family: halyard-text,sans-serif;
        font-size: 16px;
        margin-bottom: .5rem
    }

    #Cookies .Cookies-modal .Cookies-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2em 1em 2.5em
    }

@media (max-width:767px) {
    #Cookies .Cookies-modal .Cookies-content {
        flex-direction: column
    }
}

#Cookies .Cookies-modal .Cookies-content .wrapper {
    margin-right: 4.5rem
}

[dir=rtl] #Cookies .Cookies-modal .Cookies-content .wrapper {
    margin-right: 0;
    margin-left: 4.5rem
}

@media (max-width:1024px) {
    #Cookies .Cookies-modal .Cookies-content .wrapper {
        margin-right: 0;
        margin-bottom: 1.5rem
    }
}

#Cookies .Cookies-modal .Cookies-content .wrapper a {
    font-weight: 600
}

#Cookies #CookiesList {
    display: none
}

    #Cookies #CookiesList ul {
        list-style-type: none;
        margin: 0 .5em;
        padding: 0;
        display: flex
    }

@media (max-width:1023px) {
    #Cookies #CookiesList ul {
        display: block;
        margin-top: 1em
    }
}

#Cookies #CookiesList ul > li {
    padding: 2.5em 1.5em;
    border-top: 1px solid #979797;
    flex: 1
}

@media (max-width:1023px) {
    #Cookies #CookiesList ul > li {
        width: 100%;
        padding: .75em 1em
    }
}

#Cookies #CookiesList ul > li .BlockLinks-dropdownList, #Cookies #CookiesList ul > li .BlockLinks-text, #Cookies #CookiesList ul > li p {
    margin: 0
}

@media (max-width:767px) {
    #Cookies #CookiesList ul > li .BlockLinks-dropdownList, #Cookies #CookiesList ul > li .BlockLinks-text, #Cookies #CookiesList ul > li p {
        display: none
    }
}

#Cookies #CookiesList .Cookies-checkbox:disabled + label:before {
    opacity: .5
}

#Cookies #CookiesList .Cookies-checkbox + label {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: normal;
    color: #fff;
    cursor: pointer
}

    #Cookies #CookiesList .Cookies-checkbox + label:after {
        color: #000
    }

#Cookies .Cookies-actions {
    display: flex;
    flex-direction: column-reverse
}

@media (max-width:767.98px) {
    #Cookies .Cookies-actions {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center
    }
}

#Cookies .Cookies-actions button {
    font-family: halyard-text,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 3em;
    text-transform: capitalize;
    padding: 11px 30px
}

@media (min-width:768px) {
    #Cookies .Cookies-actions button {
        min-width: 218px
    }
}

@media (max-width:1023.98px) {
    #Cookies .Cookies-actions button {
        margin-bottom: 1em
    }
}

#Cookies .Cookies-actions button:hover {
    color: #464b4b
}

#Cookies .Cookies-actions .Button--light:before {
    top: 40%
}

@media (min-width:768px) and (max-width:1023px) {
    #Cookies .Cookies-actions .Button--light:before {
        top: 28%
    }
}

#Cookies[open] .Cookies-modal {
    transform: translateZ(0)
}

#Cookies .FormChoice--checkbox label:before {
    background-color: #fff;
    opacity: 1
}

/*! Directory Component */ .Directory-form {
    padding: 2rem;
    margin-bottom: 5rem
}

    .Directory-form .Form-row:first-child .FormField {
        flex-basis: 25%
    }

@media (max-width:1024px) {
    .Directory-form .Form-row:first-child .FormField {
        flex-basis: 100%;
        width: 100%
    }
}

.Directory-nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: 4rem;
    border-bottom: 1px solid #979797
}

@media print {
    .Directory-nav {
        display: none
    }
}

.Directory-nav li {
    padding-right: 2rem;
    padding-bottom: 0
}

[dir=rtl] .Directory-nav li {
    padding-right: 0;
    padding-left: 2rem
}

@media (max-width:1024px) {
    .Directory-nav li {
        display: inline;
        padding-right: 0;
        margin-bottom: .5rem
    }
}

.Directory-tab {
    position: relative;
    display: block;
    font-size: 1rem;
    transition: border .3s;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 3px;
    color: #464b4b;
    padding-bottom: .25rem
}

    .Directory-tab:after {
        position: absolute;
        display: block;
        content: "";
        bottom: 0;
        right: 0;
        left: 0;
        height: 2px;
        background-color: #0071ce;
        opacity: 0;
        transition: opacity .3s
    }

    .Directory-tab:focus:after, .Directory-tab:hover:after {
        opacity: 1
    }

.Directory-anchor {
    color: #0071ce;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.Directory-letterGroup:not(:first-child) {
    display: none
}

.Download .Download-link, .Download span.Download-size, .Download span.Download-text, .Download span.Download-type {
    font-weight: 300;
    line-height: 1.6;
    color: inherit;
    display: inline-block
}

.Download .Download-link {
    color: inherit;
    transition: opacity .2s linear;
    opacity: 1
}

    .Download .Download-link:hover {
        opacity: .7
    }

    .Download .Download-link span.Download-text {
        color: inherit;
        vertical-align: top;
        font-weight: 300
    }

    .Download .Download-link i {
        color: inherit;
        font-size: 1.25rem;
        margin-right: .5rem
    }

        .Download .Download-link i [dir=rtl] {
            margin-right: 0;
            margin-left: .5rem
        }

    .Download .Download-link span.Download-size, .Download .Download-link span.Download-type {
        color: inherit;
        vertical-align: top
    }

.Folder {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 1px
}

@media (max-width:1024px) {
    .Folder {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.Folders--small .Folder {
    padding-left: 1rem;
    padding-right: 1rem
}

.Folders-inner {
    display: none;
    padding-bottom: 4rem
}

@media (max-width:1024px) {
    .Folders-inner {
        padding-bottom: 2rem
    }
}

@media (max-width:1023.98px) {
    .Folders-inner {
        padding-bottom: 1rem
    }
}

.Folders--small .Folders-inner {
    padding-bottom: 2.5rem
}

@media print {
    .Folders-inner {
        display: block !important
    }
}

.Folders-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 3.75rem;
    font-weight: 600;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 2
}

@media (max-width:1024px) {
    .Folders-title {
        font-size: 1.25rem;
        padding: 1rem 2rem
    }
}

@media (max-width:1023.98px) {
    .Folders-title {
        font-size: 1.125rem;
        padding: 1rem
    }
}

.Folders--small .Folders-title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 300;
    padding: 1rem 0
}

.Folders-toggle {
    display: block;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    transition: all .3s;
    outline: none !important
}

.Folder.active .Folders-toggle {
    transform: scaleY(-1)
}

@media print {
    .Folders-toggle {
        display: none
    }
}

.Folders-image:not(:last-child) {
    margin-bottom: 2.5rem
}

.Folders-image img {
    position: relative;
    width: 100%;
    height: auto
}

@media print {
    .Folders-image {
        display: none
    }
}

.Folders-text {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    font-size: 1.125rem;
    line-height: 1.8
}

@media (max-width:1024px) {
    .Folders-text {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:1023.98px) {
    .Folders-text {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.Folders--small .Folders-text {
    font-size: .875rem;
    line-height: 1.5rem;
    padding-left: 0;
    padding-right: 0
}

.Folders-text:not(:last-child) {
    margin-bottom: 2.5rem
}

.Folders--small .Folders-text:not(:last-child) {
    margin-bottom: 2.25rem
}

.Folders-files {
    margin-bottom: 1rem
}

@media print {
    .Folders-files {
        display: none
    }
}

.Folders-file {
    display: flex;
    align-items: center
}

    .Folders-file i {
        font-size: 2rem;
        margin-right: 1rem
    }

[dir=rtl] .Folders-file i {
    margin-right: 0;
    margin-left: 1rem
}

.Folders--small .Folders-file i {
    font-size: 1.5rem
}

.Folders--small .Folders-file span {
    font-size: .875rem
}

.Folders-file em {
    font-style: normal;
    opacity: .6
}

.Folders--small .Folders-file em {
    font-size: .875rem
}

.Folders-file .File-info {
    display: flex;
    flex-direction: column
}

.Folders-cta {
    padding-left: 3.75rem;
    padding-right: 3.75rem
}

@media (max-width:1024px) {
    .Folders-cta {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:1023.98px) {
    .Folders-cta {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.Folders-cta:not(:last-child) {
    margin-bottom: 2.5rem
}

.Folders--small .Folders-cta {
    padding-left: 0;
    padding-right: 0
}

@media print {
    .Folders-cta {
        display: none
    }
}

.Folders-links li {
    position: relative;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 500;
    padding-left: 1.25rem
}

[dir=rtl] .Folders-links li {
    padding-left: 0;
    padding-right: 1.25rem
}

.Folders-links li:not(:last-child) {
    margin-bottom: 1rem
}

.Folders-links li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: Font Awesome\ 5 Pro;
    content: "\F054";
    font-size: 1rem;
    line-height: 1.25;
    display: inline-block
}

.Footer {
    background-color: #f4f4f4;
    color: #464b4b;
    max-width: 1920px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media print {
    .Footer {
        display: none
    }
}

.Footer-content {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    max-width: 1920px
}

.Footer-part--social {
    align-items: center;
    line-height: 1.2;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    opacity: 0
}

@media (max-width:767px) {
    .Footer-part--social {
        margin-right: 2rem
    }

    [dir=rtl] .Footer-part--social {
        margin-left: 2rem;
        margin-right: 0
    }
}

@media (min-width:768px) {
    .Footer-part--social {
        justify-content: center
    }
}

.Footer-part--social .Footer-content {
    display: flex;
    align-items: center;
    justify-content: center
}

.Footer-part--social .Footer-title {
    margin-bottom: 0
}

.Footer-part--social li {
    display: inline-block;
    margin-left: .6rem;
}

[dir=rtl] .Footer-part--social li {
    margin-left: 0;
    margin-right: .6rem
}

@media (min-width:768px) {
    .Footer-part--social li:first-child {
        margin-left: 2.5rem
    }

    [dir=rtl] .Footer-part--social li:first-child {
        margin-left: 0;
        margin-right: 2.5rem
    }
}

.Footer-part--nav {
    padding-top: 2.5rem;
    padding-bottom: 7rem;
    position: relative;
    border-top: 1px solid rgba(69,69,69,.5);
    opacity: 0
}

@media (max-width:1023px) {
    .Footer-part--nav {
        display: none
    }
}

.Footer-part--nav .Footer-content {
    display: flex;
    justify-content: space-between
}

.Footer-part--nav .Footer-title {
    margin-bottom: .5rem
}

.Footer-title.BlockLinks-dropdownList, .Footer-title.BlockLinks-text, p.Footer-title {
    margin-bottom: .3rem
}

.Footer-title {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 300;
    margin-bottom: 0;
    text-transform: capitalize
}

    .Footer-title a {
        transition: color .2s linear
    }

        .Footer-title a:focus, .Footer-title a:hover {
            color: #0071ce
        }

.Footer-title--plus {
    position: relative;
    margin-bottom: 1rem;
    padding-left: 0
}

[dir=rtl] .Footer-title--plus {
    padding-right: 0
}

.Footer-section {
    flex: 1
}

    .Footer-section:not(:last-child) {
        margin-right: 2.5rem
    }

        .Footer-section:not(:last-child) [dir=rtl] {
            margin-left: 2.5rem;
            margin-right: 0
        }

    .Footer-section.Footer-section-full {
        flex-grow: 3
    }

        .Footer-section.Footer-section-full > ul {
            -moz-column-count: 3;
            column-count: 3;
            -moz-column-gap: 2.5rem;
            column-gap: 2.5rem
        }

            .Footer-section.Footer-section-full > ul > li {
                -moz-column-break-inside: avoid;
                break-inside: avoid;
                margin-bottom: 1.25rem
            }

.Footer-socialLink {
    display: inline-block;
    transition: opacity .3s linear
}

    .Footer-socialLink:focus, .Footer-socialLink:hover {
        opacity: .7
    }

    .Footer-socialLink i {
        font-size: 1.75rem
    }

.Footer-link {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    transition: opacity .2s linear
}

    .Footer-link:focus, .Footer-link:hover {
        opacity: .7
    }

.FooterLegal {
    max-width: 1920px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.FooterLegal-main {
    font-weight: 300;
    color: #fff;
    background-color: #464b4b
}

@media print {
    .FooterLegal-main {
        color: #000;
        background-color: transparent
    }
}

.FooterLegal-inner {
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    font-size: .6rem;
    opacity: 0
}

@media (min-width:768px) {
    .FooterLegal-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }
}

.FooterLegal-links li {
    opacity: 0
}

@media (max-width:767px) {
    .FooterLegal-links li {
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .FooterLegal-links li {
        display: inline-block;
        margin-right: 2rem
    }

    [dir=rtl] .FooterLegal-links li {
        margin-left: 2rem;
        margin-right: 0
    }
}


.FooterLegal-links a {
    display: block;
    font-size: .7rem;
    font-family: halyard-text,sans-serif;
    color: #fff;
}

    .FooterLegal-links a:focus, .FooterLegal-links a:hover {
        text-decoration: underline
    }

@media print {
    .FooterLegal-links {
        display: none
    }
}

.FooterLegal-logo .icon {
    width: 4rem;
    height: 2rem;
    vertical-align: middle
}

.FooterLegal-logo .icon-marcalliance {
    width: 114px;
    height: 28px
}

.FooterLegal-second {
    display: flex;
    justify-content: space-between
}

.FooterLegal-copyright {
    font-size: .75rem;
    font-family: halyard-text,sans-serif
}

.Geographic {
    background-color: #f4f4f4;
    border: 1px solid transparent;
    margin-bottom: 30px;
    align-items: stretch;
    align-content: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .Geographic.transparent {
        background-color: transparent
    }

    .Geographic .Geographic-title {
        font-family: halyard-text,sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: normal;
        color: #464b4b;
        padding: 35px;
        background-color: #464b4b;
        border-bottom: 1px solid transparent;
        width: 100%
    }

        .Geographic .Geographic-title.bordered {
            border-bottom-color: rgba(0,0,0,.25)
        }

            .Geographic .Geographic-title.bordered.trueblue {
                border-color: hsla(0,0%,100%,.5)
            }

        .Geographic .Geographic-title.sonicsilver {
            background-color: #787878;
            color: #fff
        }

        .Geographic .Geographic-title.dark {
            background-color: #464b4b;
            color: #fff
        }

        .Geographic .Geographic-title.glitter {
            background-color: #e5f0fa
        }

        .Geographic .Geographic-title.floralwhite {
            background-color: #fcf7f1
        }

        .Geographic .Geographic-title.trueblue {
            background-color: #0071ce;
            color: #fff
        }

        .Geographic .Geographic-title.white {
            background-color: #fff
        }

        .Geographic .Geographic-title.transparent {
            background-color: transparent
        }

    .Geographic .Geographic-container {
        padding: 40px 35px 1px
    }

        .Geographic .Geographic-container .Geographic-content {
            font-family: halyard-text,sans-serif;
            font-size: 16px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.63;
            letter-spacing: normal;
            color: #464b4b
        }

        .Geographic .Geographic-container .Geographic-select {
            margin-top: 40px
        }

            .Geographic .Geographic-container .Geographic-select .FormField-select {
                max-width: 200px
            }

                .Geographic .Geographic-container .Geographic-select .FormField-select:after {
                    border-color: #464b4b;
                    opacity: 1
                }

                .Geographic .Geographic-container .Geographic-select .FormField-select select {
                    -moz-text-align-last: center;
                    text-align-last: center
                }

                    .Geographic .Geographic-container .Geographic-select .FormField-select select, .Geographic .Geographic-container .Geographic-select .FormField-select select option {
                        font-family: halyard-text,sans-serif;
                        font-size: 1rem;
                        font-weight: 300;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 0;
                        color: #464b4b
                    }

    .Geographic.bordered .Geographic-title {
        border-left: 1px solid rgba(0,0,0,.25);
        border-right: 1px solid rgba(0,0,0,.25);
        border-top: 1px solid rgba(0,0,0,.25)
    }

    .Geographic.bordered .Geographic-container {
        border: 1px solid rgba(0,0,0,.25);
        border-top-style: none
    }

    .Geographic.bordered.default .Geographic-container {
        border-color: #f4f4f4
    }

    .Geographic.bordered.sonicsilver .Geographic-container {
        border-color: #787878
    }

    .Geographic.floralwhite {
        background-color: #fcf7f1
    }

    .Geographic.white {
        background-color: #fff;
        color: #464b4b
    }

    .Geographic.glitter {
        background-color: #e5f0fa
    }

    .Geographic.sonicsilver {
        background-color: #787878;
        color: #fff
    }

    .Geographic.trueblue {
        background-color: #0071ce;
        color: #fff
    }

        .Geographic.trueblue .Geographic-container .Geographic-content {
            color: #fff
        }

        .Geographic.trueblue .Geographic-select .FormField-select:after {
            border-color: #fff
        }

        .Geographic.trueblue .Geographic-select .FormField-select select {
            color: #fff;
            background-image: url(https://mazars-components-dev.herokuapp.com/public/img/icons/select-white.svg)
        }

            .Geographic.trueblue .Geographic-select .FormField-select select option {
                color: #fff
            }

            .Geographic.trueblue .Geographic-select .FormField-select select:focus {
                color: #464b4b;
                background-image: url(https://mazars-components-dev.herokuapp.com/public/img/icons/select-grey.svg)
            }

                .Geographic.trueblue .Geographic-select .FormField-select select:focus option {
                    color: #464b4b
                }

    .Geographic .FormField-select {
        margin-top: 2rem
    }

.Glance-title {
    margin-bottom: 3rem
}

.Glance-video button {
    position: relative;
    z-index: 1;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    font-size: 5.5rem;
    outline: none !important;
    padding: 0
}

    .Glance-video button:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        background-color: rgba(0,0,0,.3)
    }

    .Glance-video button:focus, .Glance-video button:hover {
        background-color: transparent !important;
        border-color: transparent !important
    }

    .Glance-video button i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        font-size: 3rem;
        z-index: 1
    }

.HeroSlider {
    position: relative;
    color: #fff;
    background-color: #144d75;
    max-width: 1920px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media print {
    .HeroSlider {
        display: none
    }
}

.HeroSlider-slide {
    position: relative;
    height: 600px;
    padding: 10rem 5rem 5rem
}

@media (max-width:1024px) {
    .HeroSlider-slide {
        display: flex !important;
        align-items: center;
        padding: 1.5rem;
        height: 400px;
    }
}

@media (max-width:767px) {
    .HeroSlider-slide {
        align-items: flex-start;
        padding-top: 3rem
    }
}

.HeroSlider-slide.HeroSlider-slide--overlay:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3)
}

.HeroSlider-cover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.HeroSlider-image {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover
}

.HeroSlider-video {
    position: absolute;
    width: 100%;
    height: 100%
}

    .HeroSlider-video video {
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.HeroSlider-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 960px;
    opacity: 0
}

@media (max-width:1023.98px) {
    .HeroSlider-content {
        max-width: 100%
    }
}

.HeroSlider-title {
    color: #fff;
    font-size: 70px;
}

    .HeroSlider-title:hover {
        color: #fff;
    }

.HeroSlider-cta {
    margin-top: 60px
}

.HeroSlider-office {
    margin-top: 5rem
}

@media (max-width:1023.98px) {
    .HeroSlider-office {
        margin-top: 2.5rem
    }
}

.HeroSlider-nav--dots {
    position: absolute;
    top: 50%;
    right: 5rem;
    transform: translateY(-50%);
    opacity: 0
}

[dir=rtl] .HeroSlider-nav--dots {
    left: 5rem;
    right: auto
}

.HeroSlider-nav--dots li {
    margin-bottom: 1rem;
    height: 1rem;
    width: 1rem;
    line-height: 1rem
}

    .HeroSlider-nav--dots li button {
        display: inline-block;
        content: "";
        height: 1rem;
        width: 1rem;
        border: 1px solid #fff;
        background-color: transparent;
        color: transparent;
        line-height: 1rem;
        transition: background-color .3s;
        outline: none !important
    }

    .HeroSlider-nav--dots li.slick-active button {
        background-color: #fff
    }

.HeroSlider-nav--tabs {
    position: absolute;
    bottom: 5rem;
    left: 5rem;
    right: 5rem;
    opacity: 0
}

@media (max-width:1023.98px) {
    .HeroSlider-nav--tabs {
        bottom: 2.5rem;
        left: 1.5rem;
        right: 0
    }
}

.HeroSlider-nav--tabs .slick-track {
    margin-left: 0
}

.HeroSlider-tab {
    font-size: 1.5rem;
    line-height: 1.2;
    cursor: pointer;
    border-top: 1px solid #fff;
    padding-top: 1.5rem;
    margin-right: 5rem;
    outline: none !important;
    transition-duration: .3s;
    transition-property: border,font-weight
}

[dir=rtl] .HeroSlider-tab {
    margin-right: 0;
    margin-left: 5rem
}

@media (max-width:1023.98px) {
    .HeroSlider-tab {
        margin-right: 2.5rem
    }

    [dir=rtl] .HeroSlider-tab {
        margin-right: 0;
        margin-left: 2.5rem
    }
}

@media (max-width:767.98px) {
    .HeroSlider-tab {
        font-size: 1.25rem;
        margin-left: -1rem;
        margin-right: 3.5rem
    }
}

.HeroSlider-tab.slick-current {
    border-top-width: 5px;
    font-weight: 600
}

/*! KeyData Component */ .KeyData {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

    .KeyData:after {
        content: "";
        display: table;
        width: calc(33.33333% - 3rem)
    }

@media (min-width:768px) {
    .KeyData:after {
        width: calc(50% - 3rem)
    }
}

@media (min-width:1024px) {
    .KeyData {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }

        .KeyData:after {
            width: calc(33.33333% - 3rem)
        }
}

@media print {
    .KeyData {
        display: flex;
        justify-content: space-between;
        opacity: 1 !important
    }
}

.KeyData-key {
    border-left: 1px solid #464b4b;
    padding: 0 1.25rem;
    margin: 0 0 2.5rem;
    width: calc(33.33333% - 1.5rem)
}

.boxed .KeyData-key {
    border: 0;
    padding: 2.5rem
}

.inversion .KeyData-key {
    border: 0;
    padding: 2rem 2.5rem
}

@media (min-width:768px) {
    .KeyData-key {
        width: calc(50% - 1.5rem)
    }
}

@media (min-width:1024px) {
    .KeyData-key {
        width: calc(33.33333% - 1.5rem)
    }
}

@media (max-width:767px) {
    .KeyData-key {
        width: 100%
    }

        .KeyData-key:not(:last-child) {
            margin-bottom: 2.5rem
        }
}

[dir=rtl] .KeyData-key {
    border-left: 0;
    border-right: 1px solid
}

.KeyData-data {
    display: block;
    margin-bottom: 1.25rem;
    font-size: 3.5rem;
    color: #0071ce;
    font-weight: 300
}

.inversion .KeyData-data {
    color: #fff
}

.KeyData-label {
    flex-grow: 1;
    display: block;
    line-height: 1.5;
    margin-bottom: 1.25rem
}

.inversion .KeyData-label {
    color: #fff
}

@media screen {
    .KeyData-label {
        font-size: 1rem
    }
}

.KeyData-cta {
    display: flex;
    align-items: center;
    margin-top: 1.25rem;
    font-weight: 500;
    line-height: 1.25
}

    .KeyData-cta i {
        margin-right: .5rem
    }

[dir=rtl] .KeyData-cta i {
    margin-right: 0;
    margin-left: .5rem
}

.inversion .KeyData-cta {
    color: #fff
}

.Map {
    position: relative;
    height: 0;
    margin-bottom: 2rem;
    padding-bottom: 64%
}

    .Map .continent_name, .Map .country_name, .Map .office_name {
        padding: 1.25rem;
        line-height: 1;
        font-weight: 600;
        font-size: .9rem;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: 13px 1rem;
        cursor: pointer
    }

.Map-canvas {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

    .Map-canvas img {
        max-width: none !important;
        background: none !important
    }

.Map-tooltip:after, .Map-tooltip:before {
    top: -6px !important
}

.Map-tooltip .gm-style-iw-c {
    top: -5px !important;
    padding: 1rem !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.22) !important
}

.Map-tooltip .gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important
}

[dir=rtl] .Map-tooltip .gm-ui-hover-effect {
    top: 0 !important;
    left: 0 !important;
    right: auto !important
}

.Map-tooltip.country_red_infobox {
    width: 200px;
    padding: 1rem;
    font-size: .7rem;
    background-color: #fff
}

.Map-tooltipContent {
    min-width: 150px
}

    .Map-tooltipContent .BlockLinks-dropdownList:not(:last-child), .Map-tooltipContent .BlockLinks-text:not(:last-child), .Map-tooltipContent p:not(:last-child) {
        margin-bottom: .75rem
    }

    .Article--content .Map-tooltipContent .button, .Map-tooltipContent .Article--content .button, .Map-tooltipContent .Button, .Map-tooltipContent .File, .Map-tooltipContent .file {
        display: block;
        font-size: .7rem
    }

.Map-tooltipTitle {
    margin-bottom: .75rem;
    line-height: 1;
    font-weight: 600;
    font-size: 1.125rem
}

@media (max-width:1023px) {
    .Map-tooltipTitle + .BlockLinks-dropdownList, .Map-tooltipTitle + .BlockLinks-text, .Map-tooltipTitle + p {
        display: none
    }
}

[dir=rtl] .Map-tooltipTitle {
    background-position: 100%
}

.country_red_infobox .Map-tooltipTitle {
    padding-top: 1px;
    background: none
}

.Map-form {
    padding: 2.5rem;
    background-color: #f4f4f4
}

.Nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end
}

@media (max-width:1024px) {
    .Nav {
        flex-direction: row;
        align-items: center
    }
}

@media print {
    .Nav {
        display: none
    }
}

.Nav-secondary {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: all .3s
}

.Header--active .Nav-secondary {
    opacity: 0;
    margin-top: -50px
}

@media (max-width:1024px) {
    .Header--active .Nav-secondary {
        opacity: 1;
        margin-top: 0
    }
}

.Nav-secondary .Nav-country, .Nav-secondary .Nav-language, .Nav-secondary .Nav-search {
    display: flex;
    align-items: center;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
    margin-top: -1px;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1;
    color: #464b4b;
    padding: 1rem;
    height: 50px
}

.Nav-secondary .Nav-search {
    transition-duration: .3s;
    transition-property: background-color,color
}

    .Nav-secondary .Nav-search.active, .Nav-secondary .Nav-search:focus, .Nav-secondary .Nav-search:hover {
        cursor: pointer;
        background-color: #0071ce;
        color: #fff
    }

        .Nav-secondary .Nav-search.active > span, .Nav-secondary .Nav-search:focus > span, .Nav-secondary .Nav-search:hover > span {
            background-color: #0071ce;
            color: #fff
        }

.Nav-secondary i {
    line-height: 1.25rem;
    font-size: 1em
}

.Nav-secondary .Nav-country {
    position: relative;
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    color: #0071ce;
    z-index: 2;
    padding: 0
}

    .Nav-secondary .Nav-country.Nav-country--hidden {
        display: none !important
    }

    .Nav-secondary .Nav-country > button {
        position: relative;
        z-index: 1;
        padding: calc(1rem - 2px) 1rem;
        background-color: #fff;
        color: #464b4b;
        transition: all .3s
    }

        .Nav-secondary .Nav-country > button:focus, .Nav-secondary .Nav-country > button:hover {
            background-color: #0071ce;
            color: #fff
        }

@media (max-width:1024px) {
    .Nav-secondary .Nav-country {
        display: none
    }
}

.Nav-secondary .Nav-country i {
    margin-right: .5rem
}

[dir=rtl] .Nav-secondary .Nav-country i {
    margin-right: 0;
    margin-left: .5rem
}

.Nav-secondary .Nav-country i.fa-chevron-down {
    margin-left: .5rem;
    transition: transform .3s
}

[dir=rtl] .Nav-secondary .Nav-country i.fa-chevron-down {
    margin-left: 0;
    margin-right: .5rem
}

.Nav-secondary .Nav-country i.fa-chevron-down.active {
    transform: scaleY(-1)
}

.Nav-secondary .Header-dropdownValues {
    position: absolute;
    top: 100%;
    right: -1px;
    left: -1px;
    background-color: #fff;
    border: 1px solid #979797;
    max-height: 40vh;
    overflow-y: auto;
    z-index: -1;
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    transition: all .3s
}

    .Nav-secondary .Header-dropdownValues.active {
        transform: translateY(0);
        opacity: 1;
        pointer-events: all
    }

    .Nav-secondary .Header-dropdownValues a {
        display: block;
        padding: .75rem 1.5rem;
        color: #464b4b
    }

        .Nav-secondary .Header-dropdownValues a:focus, .Nav-secondary .Header-dropdownValues a:hover {
            color: #0071ce
        }

.Nav-secondary .Nav-contact {
    display: none
}

@media (max-width:1024px) {
    .Nav-secondary .Nav-contact {
        display: block
    }
}

.Nav-secondary .Nav-contact a {
    padding: .75rem
}

.Nav-secondary .Nav-language {
    position: relative;
    border-right: 1px solid #979797
}

    .Nav-secondary .Nav-language.Nav-language--hidden {
        display: none !important
    }

[dir=rtl] .Nav-secondary .Nav-language {
    border-right: 0;
    border-left: 1px solid #979797
}

@media (max-width:1024px) {
    .Nav-secondary .Nav-language {
        border: 0;
        padding: 0;
        width: 4rem;
        height: 1.25rem
    }
}

.no-lang .Nav-secondary .Nav-language {
    display: none
}

.Nav-secondary .Nav-language ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    align-items: center
}

@media (max-width:1024px) {
    .Nav-secondary .Nav-language ul {
        position: absolute;
        left: 0;
        top: -.25rem;
        flex-direction: column;
        padding-right: .75rem;
        background-color: transparent;
        border: 1px solid transparent;
        width: 3.875rem;
        transition: all .3s;
        z-index: 1
    }

        .Nav-secondary .Nav-language ul:after {
            display: inline-block;
            position: absolute;
            right: .5rem;
            top: 0;
            content: "";
            background-image: url(https://mazars-components-dev.herokuapp.com/public/img/icons/select-grey.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            width: 10px;
            height: 1.5rem;
            cursor: pointer
        }
}

.Nav-secondary .Nav-language ul li {
    color: #787878
}

    .Nav-secondary .Nav-language ul li.active {
        color: #464b4b
    }

    .Nav-secondary .Nav-language ul li:not(:first-child) {
        position: relative
    }

@media (max-width:1024px) {
    .Nav-secondary .Nav-language ul li:not(:first-child) {
        opacity: 0;
        pointer-events: none;
        transition: all .3s
    }
}

.Nav-secondary .Nav-language ul li:not(:first-child):before {
    display: block;
    position: absolute;
    left: -2px;
    top: -1px;
    content: "|";
    color: #787878 !important;
    opacity: 1
}

[dir=rtl] .Nav-secondary .Nav-language ul li:not(:first-child):before {
    right: -2px;
    left: auto
}

@media (max-width:1024px) {
    .Nav-secondary .Nav-language ul li:not(:first-child):before {
        display: none
    }
}

.Nav-secondary .Nav-language ul a {
    padding-left: .75rem;
    padding-right: .75rem
}

    .Nav-secondary .Nav-language ul a:focus, .Nav-secondary .Nav-language ul a:hover {
        opacity: .6
    }

@media (max-width:1024px) {
    .Nav-secondary .Nav-language ul a {
        display: block;
        padding: .25rem .75rem
    }
}

.Nav-secondary .Nav-language ul span {
    padding-left: .75rem;
    padding-right: .75rem
}

@media (max-width:1024px) {
    .Nav-secondary .Nav-language ul span {
        display: block;
        padding: .25rem .75rem
    }
}

@media (max-width:1024px) {
    .Nav-secondary .Nav-language.active ul {
        border-color: #464b4b;
        background-color: #fff
    }

    .Nav-secondary .Nav-language.active li {
        opacity: 1 !important;
        pointer-events: all !important
    }
}

.Nav-secondary .Nav-search {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -1px;
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    cursor: pointer
}

[dir=rtl] .Nav-secondary .Nav-search {
    border-right: 0;
    border-left: 1px solid #979797
}

@media (max-width:1024px) {
    .Nav-secondary .Nav-search {
        display: none
    }
}

.Nav-toggle {
    display: none;
    cursor: pointer
}

@media (max-width:1024px) {
    .Nav-toggle {
        display: initial;
        margin-left: .75rem
    }

    [dir=rtl] .Nav-toggle {
        margin-right: .75rem;
        margin-left: 0
    }
}

.Nav-toggle i {
    font-size: 1.75rem
}

.Nav-main {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: -2rem;
    transition: margin-bottom .3s
}

.Header--active .Nav-main {
    margin-bottom: 0
}

@media (max-width:1024px) {
    .Nav-main {
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        height: calc(100vh - 70px);
        overflow-y: auto;
        background-color: #fff;
        flex-direction: column;
        justify-content: stretch;
        align-items: stretch;
        transform: translateX(100%);
        pointer-events: none;
        transition: all .3s
    }

        .Nav-main.active {
            transform: translateX(0);
            pointer-events: auto
        }
}

.Nav-mainList {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

@media (max-width:1024px) {
    .Nav-mainList {
        flex-direction: column;
        align-items: stretch;
        justify-content: stretch
    }
}

@media (max-width:1024px) {
    .Nav-mainList li {
        border-bottom: 1px solid rgba(69,69,69,.1)
    }
}

.Nav-mainList > li > .Nav-item {
    white-space: nowrap
}

.Nav-mainList > li:last-child > .Nav-item {
    padding-right: 0
}

.Nav-item {
    position: relative;
    display: block;
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 300;
    padding: 2rem .5rem;
    color: #464b4b;
    transition: color .3s linear
}

@media (min-width:1440px) {
    .Nav-item {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width:1024px) {
    .Nav-item {
        padding: .75rem 0
    }
}

.Nav-item:before {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3rem;
    content: "\F054";
    font-family: Font Awesome\ 5 Pro,sans-serif;
    font-weight: 300;
    align-items: center;
    justify-content: flex-end
}

@media (max-width:1024px) {
    .Nav-item:before {
        display: flex
    }
}

.Nav-item:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 1.5rem;
    left: .5rem;
    right: .5rem;
    height: 2px;
    background-color: #0071ce;
    opacity: 0;
    transition: opacity .3s
}

@media (min-width:1440px) {
    .Nav-item:after {
        left: 1rem;
        right: 1rem
    }
}

@media (max-width:1024px) {
    .Nav-item:after {
        display: none
    }
}

.Nav-item:focus, .Nav-item:hover, .Nav-item[aria-expanded=true] {
    color: #0071ce
}

    .Nav-item:focus:after, .Nav-item:hover:after, .Nav-item[aria-expanded=true]:after {
        opacity: 1
    }

.Nav-search--mobile {
    display: none;
    border-bottom: 1px solid rgba(69,69,69,.1);
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1.125rem
}

@media (max-width:1024px) {
    .Nav-search--mobile {
        display: block
    }
}

.Nav-country--mobile {
    display: none
}

    .Nav-country--mobile.Nav-country--hidden {
        display: none !important
    }

@media (max-width:1024px) {
    .Nav-country--mobile {
        display: block
    }
}

.Nav-country--mobile button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #0071ce;
    padding-top: .75rem;
    padding-bottom: .75rem;
    outline: none !important
}

.Nav-country--mobile i.fa-chevron-down {
    margin-left: .5rem;
    transition: all .3s
}

[dir=rtl] .Nav-country--mobile i.fa-chevron-down {
    margin-left: 0;
    margin-right: .5rem
}

.Nav-country--mobile i.fa-chevron-down.active {
    transform: scaleY(-100%)
}

.Nav-country--mobile .Header-dropdownValues {
    display: none
}

    .Nav-country--mobile .Header-dropdownValues.active {
        display: block
    }

    .Nav-country--mobile .Header-dropdownValues a {
        display: block;
        padding: .5rem 0;
        color: #464b4b
    }

        .Nav-country--mobile .Header-dropdownValues a:focus, .Nav-country--mobile .Header-dropdownValues a:hover {
            color: #0071ce
        }

.Nav-item--search {
    overflow: hidden;
    width: 0;
    margin: 0;
    font-size: 20px;
    opacity: 0;
    color: #000 !important;
    transition: all .3s ease-in-out
}

[class*=isSticky] .Nav-item--search {
    width: 20px;
    margin-left: 30px;
    padding-bottom: 23px;
    opacity: .3;
    transition: opacity .3s linear
}

[dir=rtl] [class*=isSticky] .Nav-item--search {
    margin-left: 0;
    margin-right: 30px
}

.Nav-item--search:focus, .Nav-item--search:hover {
    opacity: 1
}

.Nav-bigNav {
    position: absolute;
    overflow: hidden;
    top: 100%;
    left: 0;
    right: 0;
    height: 0
}

@media (max-width:1024px) {
    .Nav-bigNav {
        transition: all .3s
    }
}

.Nav-bigNav.active {
    height: 100vh
}

    .Nav-bigNav.active .Nav-overlay {
        opacity: 1;
        transition: opacity .3s linear
    }



.Nav-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    transition: opacity .3s linear .3s
}

@media (max-width:1024px) {
    .Nav-overlay {
        background-color: #fff
    }
}

.Nav-section {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    transition: all .3s
}

@media (max-width:1024px) {
    .Nav-section {
        transform: translateX(100%)
    }
}

.Nav-section:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(33% + 3rem);
    background-color: #e5f0fa
}

[dir=rtl] .Nav-section:before {
    left: 0;
    right: auto
}

@media (max-width:1024px) {
    .Nav-section:before {
        display: none
    }
}

.Nav-section.active {
    opacity: 1;
    pointer-events: all;
    transition-duration: 0s
}

@media (max-width:1024px) {
    .Nav-section.active {
        transform: translateX(0);
        transition-duration: .3s
    }
}

.Nav-sectionInner {
    padding: 0 6rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    height: auto;
    vertical-align: middle;
}

@media (max-width:1024px) {
    .Nav-sectionInner {
        flex-direction: column;
        padding: 0;
        height: auto
    }
}

[nav-containerlevel3=true] .Nav-section[data-state=open] .Nav-sectionInner:before {
    content: "";
    position: absolute;
    top: -50px;
    bottom: -50px;
    right: -50vh;
    width: calc(33.3% + 50vh + 9px)
}

[dir=rtl] [nav-containerlevel3=true] .Nav-section[data-state=open] .Nav-sectionInner:before {
    right: auto;
    left: -50vh
}

.Nav-sectionCol {
    flex: 1;
    position: relative;
    padding: 2rem;
    display: flex;
    flex-direction: column
}

@media (max-width:1024px) {
    .Nav-sectionCol {
        padding: 0
    }
}

.Nav-sectionCol ul {
    width: 300px
}

@media (max-width:1024px) {
    .Nav-sectionCol.Nav-sectionCol-level3 {
        position: absolute;
        top: 45px;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        pointer-events: none;
        background-color: transparent !important
    }

        .Nav-sectionCol.Nav-sectionCol-level3.active {
            opacity: 1;
            pointer-events: auto
        }
}

.Nav-sectionCol:after {
    display: none;
    content: "\F078";
    font-family: Font Awesome\ 5 Pro;
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2rem
}

.Nav-sectionCol.overflow:after {
    display: block
}

.Nav-sectionCol:not(:first-child) {
    padding-left: 1.5rem
}

[dir=rtl] .Nav-sectionCol:not(:first-child) {
    padding-left: 0;
    padding-right: 1.5rem
}

@media (max-width:1024px) {
    .Nav-sectionCol:not(:first-child) {
        padding-left: 0
    }
}

@media (min-width:1340px) {
    .Nav-sectionCol .Nav-sectionMenu {
        position: relative;
        overflow-y: auto;
    }
}

@media (min-width:1340px) {
    .Nav-sectionCol .Nav-sectionMenu.Nav-level3 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none
    }

        .Nav-sectionCol .Nav-sectionMenu.Nav-level3.active {
            position: relative;
            top: 0;
            left: 0;
            opacity: 1;
            pointer-events: all
        }
}

.Nav-sectionCol ul {
    display: block;
    width: 100%
}

@media (max-width:1024px) {
    .Nav-sectionCol ul {
        overflow-y: auto;
        max-height: calc(100vh - 150px)
    }
}

.Nav-sectionCol.Nav-sectionCol--intro ul {
    width: 300px
}

@media (max-width:1024px) {
    .Nav-sectionCol.Nav-sectionCol--intro ul {
        display: none
    }
}

.Nav-sectionCol:last-child {
    background-color: #e5f0fa
}

.Nav-sectionTitle {
    margin-bottom: 2rem
}

@media (max-width:1024px) {
    .Nav-sectionTitle {
        font-size: 1.125rem;
        margin-bottom: 0;
        padding: .75rem 1.5rem;
        border-bottom: 1px solid rgba(69,69,69,.1);
        cursor: pointer
    }
}

.Nav-sectionTitle:before {
    display: none;
    content: "\F177";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 300;
    margin-right: 1rem
}

[dir=rtl] .Nav-sectionTitle:before {
    margin-right: 0;
    margin-left: 1rem
}

@media (max-width:1024px) {
    .Nav-sectionTitle:before {
        display: inline-block
    }
}

.Nav-sectionText {
    margin-bottom: 2.5rem;
    font-size: 1rem;
    line-height: 1.25rem
}

@media (max-width:1024px) {
    .Nav-sectionText {
        display: none
    }
}

.Nav-sectionCta {
    margin-bottom: 30px;
    color: #382731;
    flex-grow: 1
}

@media (max-width:1024px) {
    .Nav-sectionCta {
        display: none
    }
}

.Nav-level2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: .75rem 1.5rem;
    line-height: 1.6;
    transition: color .3s linear,background-color .3s ease-in
}

    .Nav-level2 i {
        margin-left: 1rem
    }

[dir=rtl] .Nav-level2 i {
    margin-left: 0;
    margin-right: 1rem
}

@media (max-width:1024px) {
    .Nav-level2 {
        font-size: 1.125rem;
        border-bottom: 1px solid rgba(69,69,69,.1)
    }
}

.Nav-level2:focus, .Nav-level2:hover, .Nav-level2[aria-expanded=true] {
    background-color: #e5f0fa
}

@media (max-width:1024px) {
    .Nav-level2:focus, .Nav-level2:hover, .Nav-level2[aria-expanded=true] {
        background-color: transparent
    }
}

@media (max-width:1024px) {
    .Nav-level3 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #fff;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        transform: translateX(100%);
        transition: transform .3s
    }
}

@media (max-width:1024px) {
    .Nav-level3.active {
        transform: translateX(0);
        pointer-events: all
    }
}

.Nav-level3:after {
    display: none;
    content: "\F078";
    font-family: Font Awesome\ 5 Pro;
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2rem
}

.Nav-level3.overflow:after, .Nav-link {
    display: block
}

.Nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    line-height: 1.6;
    transition: color .3s linear
}

    .Nav-link:focus, .Nav-link:hover {
        color: #0071ce
    }

@media (max-width:1024px) {
    .Nav-link {
        font-size: 1.125rem;
        padding: .75rem 0;
        border-bottom: 1px solid rgba(69,69,69,.1);
        line-height: 1
    }
}

.Nav-map {
    display: block;
    margin: 10px;
    text-align: center;
    background-color: #e5f0fa;
    box-shadow: 0 2px 11px 0 rgba(0,0,0,.04);
    opacity: 1;
    transition: box-shadow .3s linear,opacity .3s linear
}

    .Nav-map:focus, .Nav-map:hover {
        box-shadow: 0 2px 30px 0 rgba(0,0,0,.1)
    }

    .Nav-map[data-state=hidden] {
        opacity: 0
    }

.Nav-mapImg {
    mix-blend-mode: multiply
}

.Nav-mapLabel {
    display: block;
    padding: 25px;
    text-align: left;
    line-height: 1.1;
    font-size: 1.7rem;
    font-weight: 600;
    background-color: #fff
}

.Nav-sectionCol-level2, .Nav-sectionCol-level3 {
    position: relative
}

    .Nav-sectionCol-level2.scrollable:after, .Nav-sectionCol-level3.scrollable:after {
        content: "\F078";
        font-family: Font Awesome\ 5 Pro;
        height: 5rem;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.75rem;
        transform: translate(0)
    }

.Nav-scroll {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: .75rem;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
    transition: all .3s
}

    .Nav-scroll.active {
        transform: translateY(0);
        opacity: 1
    }

    .Nav-scroll i {
        color: #464b4b;
        font-size: 1.75rem;
        line-height: 1
    }

@media (min-width:1024px) {
    .Nav-scroll {
        display: none !important
    }
}

.OfficeCard-image {
    overflow: hidden;
    display: block;
    margin-bottom: 1.25rem
}

    .OfficeCard-image img {
        transform: scale(1);
        transition: transform .5s ease-out
    }

.OfficeCard-content {
    line-height: 1.6
}

.OfficeCard-title {
    display: block;
    margin-bottom: 10px;
    line-height: 1.25;
    font-size: 1.5rem;
    font-weight: 600
}

.OfficeCard-text {
    margin-bottom: 1rem
}

.OfficeCard-address {
    margin-bottom: 0
}

.OfficeCard-tel a {
    display: block
}

.OfficeCard-cta {
    display: flex;
    align-items: center;
    margin-top: 1.25rem;
    font-weight: 500
}

    .OfficeCard-cta i {
        margin-right: .5rem
    }

[dir=rtl] .OfficeCard-cta i {
    margin-right: 0;
    margin-left: .5rem
}

.OfficeCard-contact {
    margin-top: 2.5rem
}

@media (max-width:767px) {
    .OfficeCard-contact .UserResult {
        padding: 0;
        background-color: transparent
    }
}

.OfficeContact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2rem 3.5rem 3.5rem
}

@media (max-width:1023.98px) {
    .OfficeContact {
        flex-direction: column;
        padding: 1.5rem
    }
}

.OfficeContact .OfficeContact-card {
    flex: 0 1 auto;
    width: 60%
}

@media (max-width:1023.98px) {
    .OfficeContact .OfficeContact-card {
        width: 100%;
        margin-bottom: 1.5rem
    }
}

.OfficeContact .OfficeContact-usercard {
    flex: 0 1 auto;
    width: 40%
}

@media (max-width:1023.98px) {
    .OfficeContact .OfficeContact-usercard {
        width: 100%
    }
}

.OfficeContact .OfficeContact-usercard .UserCard {
    max-width: 368px;
    margin: 0 0 0 auto
}

.OfficeContact .OfficeCard-title {
    font-weight: 500;
    font-size: 3.45rem;
    margin-bottom: 2.5rem
}

/*! Paging Component */ .OfficeContact .OfficeCard-text, .Paging {
    margin-bottom: 2rem
}

.Paging {
    font-weight: 300;
    line-height: 1.25;
    color: #a8a8a8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    text-align: inherit
}

@media (min-width:1024px) {
    .Paging {
        margin-top: 3rem;
        margin-bottom: 3rem
    }
}

@media print {
    .Paging {
        display: none
    }
}

.Paging-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    line-height: 1em;
    font-weight: 300;
    transition: opacity .3s
}

    .Paging-link--current, .Paging-link:focus, .Paging-link:hover {
        opacity: 1;
        color: #464b4b
    }

.Paging-link--disabled {
    opacity: .4 !important;
    -webkit-animation: none !important;
    animation: none !important
}

.Paging-link.Paging-link--nav {
    color: #464b4b
}

.Paging-link--nav {
    position: relative;
    font-size: 1.25rem;
    padding-left: 2rem;
    padding-right: 2rem
}

    .Paging-link--nav .icon {
        vertical-align: -5px
    }

.PushHero {
    position: relative;
    min-width: 0
}

@media print {
    .PushHero {
        display: none
    }
}

.PushHero-content {
    position: relative;
    min-width: 0
}

.PushHero-tabs {
    margin-bottom: 2rem;
    min-width: 0
}

@media (max-width:1024px) {
    .PushHero-tabs {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.PushHero-tabs .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

    .PushHero-tabs .slick-arrow.slick-prev {
        left: 0
    }

    .PushHero-tabs .slick-arrow.slick-next {
        right: 0
    }

.PushHero-tab {
    position: relative;
    padding: .75rem 0;
    margin-right: 2.5rem;
    outline: none !important;
    cursor: pointer;
    display: none;
}

[dir=rtl] .PushHero-tab {
    margin-right: 0;
    margin-left: 2.5rem
}

@media (max-width:1024px) {
    .PushHero-tab {
        text-align: center;
        margin-right: 1.5rem
    }
}

.PushHero-tab.slick-current {
    border-bottom: 1px solid
}

@media (max-width:1024px) {
    .PushHero-tab.slick-current {
        border-bottom: 0
    }
}

.PushHero-panels {
    overflow: hidden
}

.PushHero-text {
    margin-bottom: 3rem
}

.PushHero-cta {
    margin-top: 1.25rem
}

/*! Quote Component */ .Quote {
    padding: 4.5rem 7rem;
    text-align: center
}

@media (max-width:1024px) {
    .Quote {
        padding: 1.5rem
    }
}

.Quote .Quote-body, .Quote .Quote-photo {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1024px) {
    .Quote .Quote-body blockquote, .Quote .Quote-photo blockquote {
        margin: 0
    }
}

.Quote--fullwidth .Quote {
    padding: 2.5rem
}

.Quote--leftside .Quote {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0
}

@media (min-width:768px) and (max-width:1023px) {
    .Quote--leftside .Quote {
        align-items: flex-end
    }
}

@media (max-width:767px) {
    .Quote--leftside .Quote {
        display: block
    }
}

.Quote--leftside .Quote div.Quote-photo {
    max-width: 100%;
    width: 50%
}

@media (max-width:767px) {
    .Quote--leftside .Quote div.Quote-photo {
        width: 100%
    }
}

.Quote--leftside .Quote div.Quote-photo img {
    margin: 0 0 0 auto;
    max-width: 100%;
    width: 100%
}

@media (max-width:767px) {
    .Quote--leftside .Quote div.Quote-photo img {
        margin-bottom: 2rem
    }
}

.Quote--leftside .Quote .Quote-body {
    max-width: 100%;
    width: 50%;
    text-align: left;
    padding-bottom: 1.25rem;
    padding-right: calc(5% - 1.5rem);
    padding-left: calc(5% - 1.5rem)
}

[dir=rtl] .Quote--leftside .Quote .Quote-body {
    text-align: right
}

@media (max-width:767px) {
    .Quote--leftside .Quote .Quote-body {
        width: 100%
    }
}

.Quote--leftside .Quote .Quote-socialLinks {
    justify-content: left
}

@media (max-width:1024px) {
    .Quote--leftside .Quote .Quote-socialLinks {
        justify-content: center
    }
}

.Quote.RichText h4 {
    font-size: 1.5rem;
    font-weight: 600
}

.Quote-border {
    padding: 2rem
}

    .Quote-border.Quote--leftside {
        padding-bottom: 0
    }

.Quote--frame {
    border: 1px solid #464b4b
}

.Quote-wrapper {
    margin-bottom: 2rem
}

.Quote-photo img {
    display: block;
    margin: 0 auto 2.5rem;
    max-width: 335px
}

@media (max-width:767px) {
    .Quote-photo img {
        max-width: 100%
    }
}

.Quote-subtitle {
    display: block;
    font-size: 1.1rem;
    font-weight: 300;
    margin-top: .5rem
}

.Quote .Quote-text .BlockLinks-dropdownList, .Quote .Quote-text .BlockLinks-text, .Quote .Quote-text p {
    margin-bottom: 2.5rem
}

.Quote .Quote-text cite {
    font-style: normal;
    margin-bottom: 2.5rem
}

    .Quote .Quote-text cite, .Quote .Quote-text cite span {
        display: block;
        text-align: center
    }

.Quote-socialLinks {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    color: #464b4b
}

@media print {
    .Quote-socialLinks {
        display: none
    }
}

.Quote-socialLinks i {
    margin-left: .25rem;
    margin-right: .25rem
}

.Quote-socialLink {
    display: block;
    padding-right: .5rem;
    font-size: 1rem;
    transition: opacity .2s linear
}

[dir=rtl] .Quote-socialLink {
    padding-right: 0;
    padding-left: .5rem
}

.Quote-socialLink:focus, .Quote-socialLink:hover {
    opacity: .7
}

.Quote-socialLink--share {
    position: relative;
    margin-right: .5rem;
    font-size: .8rem;
    opacity: .5 !important
}

[dir=rtl] .Quote-socialLink--share {
    margin-right: 0;
    margin-left: .5rem
}

.Quote-socialLink--share:after {
    content: "";
    position: absolute;
    right: 0;
    top: 1px;
    bottom: 1px;
    border-right: 1px solid
}

[dir=rtl] .Quote-socialLink--share:after {
    right: auto;
    left: 0;
    border-left: 1px solid;
    border-right: none
}

.Ring2D-list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 2rem);
    margin: 0 -1rem
}

.Ring2D {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    min-width: 175px;
    padding: 0 1rem 2rem
}

@media (max-width:1023.98px) {
    .Ring2D {
        width: 100%
    }
}

.Ring2D text {
    font-size: .4rem;
    font-weight: 600
}

.Ring2D--XS {
    width: 16.666%;
    min-width: 131px
}

@media (max-width:1024px) {
    .Ring2D--XS {
        width: 25%
    }
}

@media (max-width:1023.98px) {
    .Ring2D--XS {
        width: 50%
    }
}

.Ring2D--XS text {
    font-size: .3rem
}

.Ring2D svg {
    width: 100%;
    height: 100%;
    min-width: 10rem;
    min-height: 10rem
}

.Ring2D-label {
    margin-top: 1.25rem;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.25
}

.Ring2D-sublabel {
    font-size: .9rem;
    font-weight: 300
}

.Ring2D-circle {
    animation: percentring-fill 2s reverse;
    transform: rotate(-90deg);
    transform-origin: center
}

.Ring2D-info {
    -webkit-animation: percentring-appear 2s forwards;
    animation: percentring-appear 2s forwards;
    transform: translateY(.3em)
}

@-webkit-keyframes percentring-fill {
    to {
        stroke-dasharray: 0,100
    }
}

@keyframes percentring-fill {
    to {
        stroke-dasharray: 0,100
    }
}

@-webkit-keyframes percentring-appear {
    to {
        transform: translateY(0)
    }
}

@keyframes percentring-appear {
    to {
        transform: translateY(0)
    }
}

.RelatedArticles {
    padding: 0;
    height: 100%
}

    .RelatedArticles .Card {
        height: 100%;
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        min-height: 35rem;
        opacity: 0
    }

        .RelatedArticles .Card .Card-image {
            padding-top: 27%
        }

        .RelatedArticles .Card .Card-content {
            margin-top: 0;
            display: flex;
            flex-direction: column;
            flex-grow: 1
        }

            .RelatedArticles .Card .Card-content .Card-text {
                font-size: 1rem
            }

        .RelatedArticles .Card .Card-footer {
            flex-grow: 0
        }

.RelatedArticles-controls {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    opacity: 0
}

@media (max-width:1024px) {
    .RelatedArticles-controls {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.RelatedArticles-controls .RelatedArticles-title {
    margin-bottom: 1rem
}

.RelatedArticles-controls .RelatedArticles-arrows {
    display: flex;
    align-items: center
}

[dir=rtl] .RelatedArticles-controls .RelatedArticles-arrows i {
    transform: scaleX(-1)
}

.RelatedArticles-controls .RelatedArticles-arrows .slick-next, .RelatedArticles-controls .RelatedArticles-arrows .slick-prev {
    margin: 0 .75rem;
    font-size: 1.5rem
}

    .RelatedArticles-controls .RelatedArticles-arrows .slick-next.slick-disabled, .RelatedArticles-controls .RelatedArticles-arrows .slick-prev.slick-disabled {
        color: #a8a8a8
    }

.RelatedArticles-controls .RelatedArticles-arrows .slick-prev {
    position: relative
}

    .RelatedArticles-controls .RelatedArticles-arrows .slick-prev:after {
        position: absolute;
        top: 25%;
        right: -.75rem;
        bottom: 25%;
        width: 1px;
        background-color: rgba(0,0,0,.5);
        content: "";
        display: block
    }

[dir=rtl] .RelatedArticles-controls .RelatedArticles-arrows .slick-prev:after {
    right: auto;
    left: -.75rem
}

.RelatedArticles-controls .RelatedArticles-arrows button {
    outline: none !important
}

.RelatedArticles-wrapper .slick-track {
    display: flex;
    margin: 0
}

.RelatedArticles-wrapper .slick-slide {
    height: auto;
    flex: 0 0 auto;
    float: none;
    clear: both;
    transition: opacity .3s;
    margin-right: 1.5rem
}

[dir=rtl] .RelatedArticles-wrapper .slick-slide {
    margin-right: 0;
    margin-left: 1.5rem
}

.RelatedArticles-wrapper .slick-slide[aria-hidden=true] {
    opacity: .1
}

.RelatedArticles--single .RelatedArticles-carousel {
    padding-top: 0
}

.RelatedArticles--single .slick-arrow {
    position: absolute;
    top: 0;
    padding-top: 25%;
    z-index: 2;
    color: #fff;
    font-size: 1.5rem;
    text-shadow: 0 0 3px #000
}

    .RelatedArticles--single .slick-arrow.slick-prev {
        right: 5rem
    }

[dir=rtl] .RelatedArticles--single .slick-arrow.slick-prev {
    left: 5rem;
    right: auto
}

.RelatedArticles--single .slick-arrow.slick-next {
    right: 2.25rem
}

[dir=rtl] .RelatedArticles--single .slick-arrow.slick-next {
    left: 2.25rem;
    right: auto
}

[dir=rtl] .RelatedArticles--single .slick-arrow {
    left: 3.75rem;
    right: auto;
    padding-top: 52%
}

.RelatedArticles--single .slick-dots {
    position: absolute;
    top: 0;
    left: 2.25rem;
    padding-top: 27%;
    z-index: 2;
    display: flex;
    align-items: center
}

[dir=rtl] .RelatedArticles--single .slick-dots {
    left: auto;
    right: 2rem;
    padding-top: 57%
}

.RelatedArticles--single .slick-dots li {
    color: #fff;
    opacity: .6;
    margin-right: .25rem
}

    .RelatedArticles--single .slick-dots li.slick-active {
        opacity: 1
    }

.RelatedArticles--single .slick-dots button {
    text-shadow: 0 0 3px #000
}

.RelatedArticles--single .slick-slide {
    margin-right: 0
}

.SearchBar {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    transform: translateY(-100%);
    opacity: 0;
    z-index: -1;
    transition: all .3s;
    border-bottom: 1px solid #fff
}

    .SearchBar.SearchBar--active {
        opacity: 1;
        transform: translateY(0);
        border-bottom-color: #979797;
        z-index: 1
    }

    .SearchBar.Searchbar--mobile {
        position: relative;
        top: 0;
        opacity: 1;
        transform: translateY(0);
        z-index: 1
    }

        .SearchBar.Searchbar--mobile .SearchBar-form {
            border-top: 0;
            border-bottom: 0;
            width: 100%;
            max-width: 100%;
            padding-top: 0;
            padding-bottom: 0;
            justify-content: space-between
        }

        .SearchBar.Searchbar--mobile .SearchBar-input {
            width: 96%;
            padding-left: 0;
            padding-right: 0;
            border-left: 0;
            font-weight: 300;
            font-size: 1.125rem
        }

        .SearchBar.Searchbar--mobile .SearchBar-submit {
            font-size: 1.125rem
        }

.Header--active .SearchBar {
    opacity: 0;
    transform: translateY(-100%)
}

@media (max-width:1024px) {
    .Header--active .Nav-main .SearchBar {
        opacity: 1;
        transform: translateY(0)
    }
}

@media print {
    .SearchBar {
        display: none
    }
}

.Article--content .SearchBar-button.button:not(:lang(el-GR)), .SearchBar-button, .SearchBar-button.Button:not(:lang(el-GR)) {
    background-color: #464b4b;
    border-color: #464b4b;
    font-family: halyard-text,sans-serif;
    font-size: 1rem;
    font-weight: 300;
    padding: .5rem 2rem;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize
}

.SearchBar-form {
    display: flex;
    align-items: center;
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (max-width:1023px) {
    .TopHero-search .SearchBar-form {
        padding: 1rem
    }
}

.SearchBar-label {
    position: absolute;
    clip: rect(0,0,0,0);
    margin-bottom: 0
}

.SearchBar-input {
    height: 2rem;
    border: 0;
    border-left: 1px solid #464b4b;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: transparent;
    opacity: .7;
    font-size: 1.5rem;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #464b4b;
    width: 100%
}

[dir=rtl] .SearchBar-input {
    border-left: 0;
    border-right: 1px solid #464b4b
}

.SearchBar-input::-webkit-input-placeholder {
    color: #787878
}

.SearchBar-input::-moz-placeholder {
    color: #787878
}

.SearchBar-input:-ms-input-placeholder {
    color: #787878
}

.SearchBar-input::placeholder {
    color: #787878
}

.SearchBar-submit {
    display: block;
    height: 28px;
    font-size: 28px;
    line-height: 1;
    color: #464b4b;
    transition: opacity .2s linear
}

    .SearchBar-submit:focus, .SearchBar-submit:hover {
        opacity: 1
    }

        .SearchBar-submit:focus .icon, .SearchBar-submit:hover .icon {
            -webkit-animation: flipIconX .4s ease-in-out;
            animation: flipIconX .4s ease-in-out
        }

[dir=rtl] .SearchBar-submit {
    transform: scaleX(-1)
}

.SearchBar-close {
    display: block;
    max-width: 43px;
    min-width: 43px;
    height: 43px;
    margin-left: 1.5rem;
    border: 1px solid;
    line-height: 1;
    font-size: 1.5rem;
    color: #464b4b;
    opacity: .4;
    transition: all .2s linear
}

[dir=rtl] .SearchBar-close {
    margin-right: 1.5rem;
    margin-left: 0
}

@media (max-width:1023px) {
    .SearchBar-close {
        display: none
    }
}

.SearchBar-close:focus, .SearchBar-close:hover {
    color: #000;
    opacity: 1
}

.SearchBar-close .icon {
    vertical-align: middle
}

.SearchBar-catchPhrase {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    color: #464b4b;
    flex-shrink: 0
}

@media (min-width:768px) {
    .SearchBar-catchPhrase {
        margin-left: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        position: relative
    }
}

.SearchBar-catchPhrase:focus, .SearchBar-catchPhrase:hover {
    opacity: .7
}

#embed-search-switch-from-full-context {
    flex-shrink: 0
}

    #embed-search-switch-from-full-context .Article--content .button, #embed-search-switch-from-full-context .Button, .Article--content #embed-search-switch-from-full-context .button {
        display: block;
        margin-top: 10px
    }

@media (max-width:1023.98px) {
    .SearchBar-autocomplete {
        background-color: #fff
    }

        .SearchBar-autocomplete .UserResult {
            padding: 0
        }

        .SearchBar-autocomplete > * {
            margin-bottom: 0;
            border-bottom: 1px solid #e5f0fa;
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }
}

@media (min-width:1024px) {
    .SearchBar-autocomplete {
        position: absolute;
        overflow-y: auto;
        max-width: 68rem;
        max-height: 600px;
        top: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 2.5rem;
        background-color: #e5f0fa
    }
}

#search .SearchBar {
    transition: max-height .3s ease-in-out
}

#search .SearchBar-form {
    transition: opacity .1s linear .2s
}

#search[aria-hidden=true]:before {
    opacity: 0
}

#search[aria-hidden=true] .SearchBar {
    overflow: hidden;
    max-height: 0
}

#search[aria-hidden=true] .SearchBar-form {
    opacity: 0
}

#search[aria-hidden=false]:before {
    opacity: 1;
    pointer-events: auto
}

#search[aria-hidden=false] .SearchBar {
    max-height: 150px
}

#search[aria-hidden=false] .SearchBar-form {
    opacity: 1
}

.SearchOptions {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (max-width:767px) {
    .SearchOptions {
        display: none
    }
}

@media print {
    .SearchOptions {
        display: none
    }
}

.Searchoptions-label {
    font-family: halyard-text,sans-serif;
    padding-right: 1rem;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: 0;
    color: #464b4b;
    opacity: .9
}

[dir=rtl] .Searchoptions-label {
    padding-left: 1rem;
    padding-right: 0
}

.SearchOptions-select {
    font-family: halyard-text,sans-serif;
    font-weight: 300;
    line-height: 1.25;
    color: #464b4b;
    border: 1px solid #464b4b;
    padding: .5rem 2rem .5rem 1.5rem;
    background-color: transparent;
    background-image: url(https://mazars-components-dev.herokuapp.com/public/img/icons/select-grey.svg);
    background-repeat: no-repeat;
    background-position: center right 1rem;
    background-size: .5rem .25rem;
    border-radius: 0;
    outline: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .SearchOptions-select:after {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border: 1px solid;
        opacity: .1;
        transition: opacity .3s linear
    }

    .SearchOptions-select::-ms-expand {
        display: none
    }

    .SearchOptions-select:focus {
        border-color: inherit;
        color: #000;
        background-color: #fff
    }

.Section {
    position: relative;
    padding: 2rem;
    color: #464b4b;
    background-color: #fff
}

@media (max-width:1023.98px) {
    .Section {
        padding-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.Section .Section-container {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding-left: 0;
    padding-right: 0
}

@media (max-width:1023.98px) {
    .Section .Section-container {
        flex-wrap: wrap
    }
}

.Section .Section-content {
    opacity: 0
}

.Section .Section-content--image {
    position: relative;
    flex-grow: 1;
    width: 50%;
    max-width: calc(960px + 2rem);
    min-height: calc(70vh - 5rem);
    max-height: 1000px
}

@media (max-width:1023.98px) {
    .Section .Section-content--image {
        width: 100%;
        max-width: 100%;
        min-height: 30vh;
        margin: 0;
        order: 1
    }
}

.Section .Section-content--image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -2rem;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.Section .Section-content--video {
    position: relative;
    flex-grow: 1;
    width: 50%;
    max-width: calc(960px + 2rem);
    height: calc(100vh - 5rem);
    max-height: 1000px
}

@media (max-width:1023.98px) {
    .Section .Section-content--video {
        width: 100%;
        max-width: 100%;
        min-height: 30vh;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        order: 1
    }
}

.Section .Section-content--video.overlay:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: rgba(0,0,0,.3);
    z-index: 1
}

.Section .Section-content--video img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -2rem;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.Section .Section-content--video button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    font-size: 5.5rem;
    outline: none !important
}

.Section .Section-content--glance, .Section .Section-content--html {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    width: 50%;
    padding: 2rem 3.5rem 4.5rem;
    max-width: calc(960px + 2rem);
    min-width: 0
}

@media (max-width:1023.98px) {
    .Section .Section-content--glance, .Section .Section-content--html {
        width: 100%;
        max-width: 100%;
        padding: 1.5rem 0 !important;
        order: 0
    }
}

.Section .Section-content--glance:first-child, .Section .Section-content--html:first-child {
    padding-right: 5rem
}

@media (max-width:1023.98px) {
    .Section .Section-content--glance:first-child, .Section .Section-content--html:first-child {
        padding-right: 1.5rem
    }
}

.Section .Section-content--glance:last-child, .Section .Section-content--html:last-child {
    padding-left: 5rem
}

@media (max-width:1023.98px) {
    .Section .Section-content--glance:last-child, .Section .Section-content--html:last-child {
        padding-left: 1.5rem
    }
}

.Section .Section-title {
    margin-bottom: 3rem;
    line-height: 50px;
}

h2.Section-title {
    font-size: 55px;
    line-height: 48px;
}

@media (max-width:1024px) {
    h2.Section-title {
        font-size: 38px;
        margin: 20px 0;
    }

        h2.Section-title:first-child {
            margin-top: 0;
        }
}

.Section .Section-text h2 {
    margin-bottom: .75em
}

.Section .Section-text .BlockLinks-dropdownList, .Section .Section-text .BlockLinks-text, .Section .Section-text li, .Section .Section-text p {
    line-height: 26px
}

.Section .Section-text li {
    margin-bottom: .5rem
}

/*! SlideShow Component */ .SlideShow {
    position: relative;
    margin-bottom: 3rem;
    overflow-x: hidden;
    max-width: 100vw
}

.SlideShow-main {
    margin-bottom: 1.25rem
}

    .SlideShow-main img {
        width: auto !important;
        max-height: 100%
    }

    .SlideShow-main .slick-slide div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 500px;
        min-width: 0
    }

@media (max-width:1024px) {
    .SlideShow-main .slick-slide div {
        height: auto
    }
}

.SlideShow-main.SlideShow-main--full {
    height: auto
}

    .SlideShow-main.SlideShow-main--full img {
        width: 100% !important;
        max-height: none
    }

    .SlideShow-main.SlideShow-main--full .slick-slide div {
        height: auto
    }

.SlideShow-nav {
    margin: .6rem 0 0
}

@media print {
    .SlideShow-nav {
        display: none
    }
}

.SlideShow-nav .slick-list .slick-track {
    text-align: center
}

@media (max-width:767px) {
    .SlideShow-nav .slick-list {
        margin-right: -2rem
    }

    [dir=rtl] .SlideShow-nav .slick-list {
        margin-left: -2rem;
        margin-right: 0
    }
}

.SlideShow-nav .slick-slide {
    position: relative;
    overflow: hidden;
    height: 3.5rem;
    margin: 0 .3rem;
    cursor: pointer;
    transition: opacity .3s;
    width: 5.5rem !important;
    display: inline-block;
    float: none;
    text-align: left
}

@media (max-width:767px) {
    .SlideShow-nav .slick-slide {
        width: 5.5rem
    }
}

.SlideShow-nav .slick-slide:not(.slick-current) {
    opacity: .5
}

    .SlideShow-nav .slick-slide:not(.slick-current):hover {
        opacity: 1
    }

.SlideShow-nav .slick-slide img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.SlideShow .slick-arrow {
    position: absolute;
    z-index: 3;
    top: calc(50% - 1.5rem);
    width: 3rem;
    height: 3rem;
    border: 1px solid;
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    opacity: .6;
    transition: opacity .3s
}

@media (max-width:1300px) {
    .SlideShow .slick-arrow {
        display: none !important
    }
}

.SlideShow .slick-arrow:hover {
    opacity: 1
}

.SlideShow .slick-arrow .icon {
    position: relative;
    margin-top: -.25rem;
    vertical-align: middle
}

.SlideShow .slick-arrow.slick-next {
    right: 2.5rem
}

    .SlideShow .slick-arrow.slick-next:hover .icon {
        -webkit-animation: flipIconX .3s ease-in-out;
        animation: flipIconX .3s ease-in-out
    }

.SlideShow .slick-arrow.slick-prev {
    left: 2.5rem
}

    .SlideShow .slick-arrow.slick-prev:hover .icon {
        animation: flipIconX .3s ease-in-out reverse
    }

/*! SocialShare Component */ .SocialShare {
    position: fixed;
    left: 0;
    top: 50vh;
    color: #464b4b;
    background-color: #e5f0fa;
    width: 3.375rem;
    text-align: center;
    transform: translateY(-50%);
    padding: 0;
    z-index: 10000
}

@media (max-width:1023px) {
    .SocialShare {
        display: none
    }
}

@media print {
    .SocialShare {
        display: none
    }
}

[dir=rtl] .SocialShare {
    right: 0;
    left: auto
}

.SocialShare ul li {
    line-height: 0
}

    .SocialShare ul li:last-child {
        margin-bottom: 0
    }

    .SocialShare ul li a {
        display: inline-block;
        line-height: 0;
        padding: 1rem
    }

        .SocialShare ul li a:hover {
            opacity: .5
        }

.SocialWall .SocialWall-container {
    padding: 3.75rem 3.5rem 7.5rem
}

@media (max-width:1024px) {
    .SocialWall .SocialWall-container {
        padding: 3.5rem
    }
}

@media (max-width:1023.98px) {
    .SocialWall .SocialWall-container {
        padding: 1.5rem
    }
}

.SocialWall-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3.5rem
}

    .SocialWall-head h2 {
        margin-bottom: 0
    }

.SocialWall-socialLink {
    font-size: 1.5rem;
    transition: opacity .3s
}

    .SocialWall-socialLink:not(:first-child) {
        margin-left: 1rem
    }

[dir=rtl] .SocialWall-socialLink:not(:first-child) {
    margin-left: 0;
    margin-right: 1rem
}

.SocialWall-socialLink:focus, .SocialWall-socialLink:hover {
    opacity: .7
}

/*! SocialWallCard */ .SocialWallCard {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 350px;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    color: #fff;
    background-position: 50%;
    background-size: cover;
    transition: all .3s;
    cursor: pointer
}

    .SocialWallCard * {
        color: #fff
    }

@media print {
    .SocialWallCard {
        opacity: 1 !important
    }
}

.SocialWallCard-icon {
    position: absolute;
    z-index: 2;
    top: 1rem;
    right: 1rem
}

    .SocialWallCard-icon i {
        font-size: 1.5rem
    }

[dir=rtl] .SocialWallCard-icon {
    left: 1rem;
    right: auto
}

.SocialWallCard-title {
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 300
}

.SocialWallCard-hashtag {
    font-size: .875rem;
    font-weight: 300
}

.SocialWallCard-description {
    margin-top: 1rem
}

.SocialWallCard-time {
    margin-top: 1rem;
    font-size: .875rem;
    font-weight: 300
}

.SocialWallCard-player {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end
}

.SocialWallCard-play {
    flex-shrink: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    border: 1px solid #fff
}

[dir=rtl] .SocialWallCard-play {
    margin-right: 0;
    margin-left: 1rem
}

.SocialWallCard-play .icon {
    width: 8px
}

.SocialWallCard--youtube {
    display: flex;
    align-items: flex-end;
    padding-bottom: 2rem;
    background-color: #464b4b
}

@media (max-width:1023.98px) {
    .SocialWallCard--youtube {
        min-height: auto;
        padding-top: 40.3%
    }
}

.SocialWallCard--youtube:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg,rgba(0,0,0,.75),transparent)
}

@media (max-width:1023.98px) {
    .SocialWallCard--youtube .SocialWallCard-title {
        font-size: 1rem
    }
}

.SocialWallCard--youtube .SocialWallCard-hashtag {
    font-weight: 600
}

.SocialWallCard--twitter {
    background-color: #009ce8
}

.SocialWallCard--facebook {
    background-color: #036
}

.SocialWallCard--instagram {
    display: flex;
    align-items: flex-end;
    background-color: #89ced0
}

    .SocialWallCard--instagram .SocialWallCard-description {
        position: relative;
        z-index: 1
    }

    .SocialWallCard--instagram:after {
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(0deg,rgba(0,0,0,.75),transparent)
    }

.TopHero {
    position: relative;
    overflow: hidden
}

    .TopHero.TopHero--big .TopHero-bg, .TopHero.TopHero--normal .TopHero-bg {
        background-color: #0071ce
    }

    .TopHero.TopHero--big.TopHero--img .TopHero-image {
        top: 2rem;
        left: 2rem;
        right: 2rem;
        width: calc(100% - 4rem)
    }

    .TopHero .Breadcrumb {
        position: absolute;
        top: 3rem;
        left: 2rem;
        right: 2rem;
        padding-left: 3.5rem;
        padding-right: 3.5rem;
        opacity: 0
    }

@media (max-width:1024px) {
    .TopHero .Breadcrumb {
        top: 1.5rem;
        left: 1.5rem;
        right: 1.5rem;
        padding-left: 0;
        padding-right: 0
    }
}

.TopHero-bg {
    display: flex;
    align-items: center;
    min-height: 500px;
}

.TopHero--full-height .TopHero-bg {
    min-height: calc(100vh - 160px)
}

@media (max-width:1024px) {
    .TopHero-bg {
        min-height: 50vh
    }
}

@media (max-width:600px) {
    .TopHero-bg {
        min-height: 40vh
    }
}

.TopHero-image {
    position: absolute;
    top: 0;
    left: -2rem;
    right: 0;
    height: 100%;
    width: calc(100% + 2rem);
    background-size: cover;
    background-position: 50%;
    background-color: #464b4b
}

@media (max-width:1024px) {
    .TopHero-image {
        min-height: 50vh
    }
}

.TopHero-image:after {
    display: block;
    content: "";
    background-color: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.TopHero-part {
    position: relative;
    padding-left: 3.5rem;
    z-index: 1
}

[dir=rtl] .TopHero-part {
    padding-left: 0;
    padding-right: 3.5rem
}

@media (max-width:1024px) {
    .TopHero-part {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        max-width: 75%
    }

    .TopHero--big.TopHero--img .TopHero-part {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
}

@media (max-width:1023.98px) {
    .TopHero-part {
        max-width: 100%
    }
}

.TopHero--classic .TopHero-part {
    max-width: 100%
}

.TopHero-print {
    line-height: 1;
    font-size: .75rem;
    transition: opacity .2s linear
}

@media (max-width:1023px) {
    .TopHero-print {
        display: none
    }
}

.TopHero-print:focus, .TopHero-print:hover {
    opacity: .7
}

.TopHero-title {
    display: block;
    opacity: 0
}

.TopHero--article .TopHero-title, .TopHero--big .TopHero-title, .TopHero--full-height .TopHero-title, .TopHero--normal .TopHero-title {
    color: #fff;
    font-size: 70px;
}

.TopHero--classic .TopHero-title {
    margin-top: 3rem
}

.TopHero-subtitle {
    display: block;
    margin-top: 1.5rem;
    color: #fff;
    max-width: 820px;
    opacity: 0
}

.TopHero-intro {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #464b4b;
    margin-top: 3.75rem
}

.TopHero--classic .TopHero-intro, .TopHero--normal .TopHero-intro {
    font-size: 1.1rem
}

.TopHero--big .TopHero-intro {
    color: #fff
}

.TopHero-search {
    margin-top: 2rem;
    margin-bottom: 2.5rem
}

.TopHero--search {
    margin-bottom: 3.75rem;
    background-color: #464b4b
}

    .TopHero--search .TopHero-title {
        color: #fff
    }

    .TopHero--search:before {
        top: 3rem
    }

    .TopHero--search .TopHero-part--first {
        width: 100%
    }

    .TopHero--search .SearchBar {
        position: relative;
        opacity: 1;
        z-index: 2;
        transform: translateY(0)
    }

    .TopHero--search .SearchBar-form {
        width: 100%;
        max-width: 100%;
        padding-left: 1rem;
        padding-right: 1rem
    }

.component .TopHero--big {
    margin-top: 0
}

@media (max-width:1023.98px) {
    .TopHero--classic {
        display: flex;
        flex-direction: column
    }

        .TopHero--classic .Breadcrumb {
            position: relative;
            order: 0
        }

        .TopHero--classic .TopHero-bg {
            order: 1
        }

        .TopHero--classic .TopHero-title {
            margin-top: 0
        }
}

.TopHero--classic .TopHero--title:only-child {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.TopHero--classic .TopHero-subtitle {
    margin-top: 2.5rem;
    font-size: 1.5rem
}

.TopHero--classic .Breadcrumb {
    top: 0
}

.TopHero--classic .TopHero-bg {
    min-height: 10rem;
    height: auto
}

@media (max-width:1023.98px) {
    .TopHero--classic .TopHero-bg {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.TopHero--normal .TopHero-bg {
    padding-top: 2rem
}

@media (max-width:1024px) {
    .TopHero--normal .TopHero-bg {
        padding-top: 0
    }
}

.TopHero--normal .TopHero-print {
    color: #fff
}

.TopHero--normal .TopHero-subtitle {
    margin-top: 2.5rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: normal
}

/*! Twitter Component */ @media screen {
    .Twitter {
        color: #fff;
        background-color: #009aeb
    }
}

.Twitter-head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1rem;
    background-color: #0091dc
}

    .Twitter-head i {
        font-size: 1.5rem
    }

.Twitter-body {
    padding: 1.5rem
}

.Twitter-name {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}

.Twitter-username {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.67
}

.Twitter-text {
    font-family: halyard-text,sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43
}

.Twitter-dateTime {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.67;
    margin-bottom: 1rem
}

.Twitter-icons {
    display: flex;
    justify-content: center
}

    .Twitter-icons a {
        transition: opacity .3s
    }

        .Twitter-icons a:focus, .Twitter-icons a:hover {
            opacity: .7
        }

    .Twitter-icons i {
        display: block;
        font-size: 1rem;
        margin-left: .5rem;
        margin-right: .5rem;
        color: #fff
    }

.UserCard {
    position: relative;
    display: flex;
    flex-direction: column;
    color: #464b4b;
    background-color: #e5f0fa;
    flex-grow: 1
}

    .UserCard .UserCard-heading {
        display: flex;
        align-items: center;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.2;
        padding: 1rem;
        min-height: 100px;
        margin-bottom: 0
    }

.UserCard-image {
    position: relative;
    display: block;
    width: calc(100% - 2rem);
    height: 0;
    padding-top: 40.3%;
    margin-left: 1rem;
    margin-right: 1rem
}

    .UserCard-image:first-child {
        margin-top: 1rem
    }

    .UserCard-image img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center
    }

.UserCard-content {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    flex-grow: 1
}

.UserCard-title {
    margin-bottom: 1.5rem
}

.UserCard-name {
    display: block;
    line-height: 1.25;
    margin-bottom: .5rem
}

@media (min-width:768px) {
    .UserCard-name {
        font-size: 1.5rem
    }
}

.UserCard-job {
    display: block
}

.UserCard-social {
    margin-bottom: 2.5rem;
    border-top: 1 solid #464b4b;
    padding-top: 1.5rem;
    flex-grow: 1
}

    .UserCard-social.text-white a:focus, .UserCard-social.text-white a:hover {
        color: #fff;
        opacity: .6
    }

.text-white {
    color: #fff !important;
}

.UserCard-link {
    display: block;
    margin-bottom: 1rem;
    transition: all .3s
}

    .UserCard-link:focus, .UserCard-link:hover {
        color: #0071ce
    }

    .UserCard-link i {
        margin-right: .5rem
    }

[dir=rtl] .UserCard-link i {
    margin-right: 0;
    margin-left: .5rem
}

.UserCard-cta {
    padding: 2rem 0 1rem
}

    .UserCard-cta, .UserCard-cta a {
        display: flex;
        align-items: center
    }

        .UserCard-cta i {
            margin-right: .5rem
        }

.UserForm h3 {
    font-weight: 300;
    margin-bottom: 3.5rem
}

.UserForm .Form-legal {
    margin-bottom: 2rem
}

    .UserForm .Form-legal .BlockLinks-dropdownList, .UserForm .Form-legal .BlockLinks-text, .UserForm .Form-legal p {
        font-size: 14px;
        font-weight: 300;
        color: #464b4b
    }

.UserResult {
    display: flex !important;
    margin-bottom: 2rem;
    padding: 1rem;
    background-color: #fff
}

.UserResult--gray {
    background-color: #f4f4f4
}

.UserResult--nobackbround {
    padding: 0;
    background-color: transparent
}

[class^=Grid] > .UserResult {
    height: calc(100% - 2rem)
}

.UserResult-image {
    width: 66px;
    margin-right: 1rem
}

[dir=rtl] .UserResult-image {
    margin-right: 0;
    margin-left: 1rem
}

@media (min-width:768px) {
    .UserResult-image {
        width: 50px
    }
}

.UserResult-content {
    flex: 1;
    display: flex;
    flex-direction: column
}

.UserResult-content, .UserResult-text {
    line-height: 1.43;
    font-size: .875rem;
    color: #464b4b
}

.UserResult-text {
    flex: 1
}

.UserResult-title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.43;
    color: #464b4b
}

.UserResult-job {
    margin-bottom: 0
}

.UserResult-cta {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.43;
    color: #464b4b;
    display: inline-block;
    margin-bottom: .5rem;
    text-decoration: none
}

@media print {
    .UserResult-cta {
        display: none
    }
}

.UserResult-cta:focus, .UserResult-cta:hover {
    text-decoration: underline
}

.UserResult-contact {
    display: flex;
    align-items: center;
    flex: 1
}

@media print {
    .UserResult-contact {
        display: none
    }
}

.UserResult-contactLink {
    display: block;
    margin-right: 2rem;
    transition: color .2s linear
}

[dir=rtl] .UserResult-contactLink {
    margin-right: 0;
    margin-left: 2rem
}

.UserResult-contactLink:last-child {
    margin-right: 0
}

.UserResult-contactLink:focus, .UserResult-contactLink:hover {
    color: #0071ce
}

.UserResult-contactLink i {
    font-size: 1.25rem
}

.UserResult-contactTitle {
    position: relative;
    display: none;
    padding-right: 1.25rem;
    margin-right: 1.25rem;
    font-weight: 600
}

    .UserResult-contactTitle:after {
        content: "";
        position: absolute;
        right: 0;
        top: 1px;
        height: 1.25rem;
        width: 1px;
        background-color: #787878
    }

@media (max-width:767px) {
    .UserResult-contactTitle {
        display: none
    }
}

.UserResult-contactLabel {
    position: absolute;
    clip: rect(0,0,0,0)
}

.UserResult--carousel {
    padding-top: 2.5rem
}

    .UserResult--carousel .UserResult {
        margin-left: .5rem;
        margin-right: .5rem;
        display: flex;
        height: auto
    }

    .UserResult--carousel .slick-track {
        display: flex
    }

    .UserResult--carousel .slick-arrow {
        position: absolute;
        font-size: 1.25rem;
        top: 0;
        transform: translateX(-.5rem)
    }

        .UserResult--carousel .slick-arrow.slick-prev {
            right: 3rem
        }

        .UserResult--carousel .slick-arrow.slick-next {
            right: 0
        }

            .UserResult--carousel .slick-arrow.slick-next:before {
                position: absolute;
                left: -1rem;
                top: .25rem;
                content: "";
                height: 1.25rem;
                width: 1px;
                background-color: #787878
            }

.UserResult-tel span {
    display: inline-block
}

.VideoGallery {
    margin-top: 3.125rem
}

@media print {
    .VideoGallery {
        display: none
    }
}

.ytp-icon-large-play-button-hover {
    background-size: auto;
    width: 4.25rem;
    height: 3rem
}

.VideoGallery--single {
    margin: 3.75rem 0
}

.VideoGallery-main {
    position: relative;
    overflow: hidden;
    padding-top: 62.5%;
    margin-bottom: 2rem;
    background-color: #787878
}

    .VideoGallery-main iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.VideoGallery-mainDescription {
    margin: 1.25rem 0
}

@media (min-width:768px) and (max-width:1023px) {
    .VideoGallery-mainDescription {
        margin: 2rem 0
    }
}

@media (min-width:1024px) {
    .VideoGallery-mainDescription {
        margin: 2rem 0
    }
}

[dir=rtl] .VideoGallery-mainDescription {
    padding-left: 0;
    border-left: 0
}

@media (min-width:1024px) {
    [dir=rtl] .VideoGallery-mainDescription {
        margin-right: 0
    }
}

.VideoGallery-playlist {
    margin-bottom: 3.125rem
}

@media (max-width:767px) {
    .VideoGallery-playlist .slick-list {
        margin-left: 0;
        margin-right: -2rem
    }

    [dir=rtl] .VideoGallery-playlist .slick-list {
        margin-left: -2rem;
        margin-right: 0
    }

    .VideoGallery-playlist .slick-list .slick-track > * {
        width: 228px !important;
        margin-right: 2rem
    }
}

.VideoGallery-video {
    background-color: #e5f0fa;
    margin-bottom: 2rem;
    padding: 1rem
}

.VideoGallery-image {
    position: relative;
    width: 100%;
    height: 160px;
    color: #fff;
    background-size: cover;
    background-position: 50%
}

@media (max-width:1023px) {
    .VideoGallery-image {
        background-image: none !important
    }
}

.VideoGallery-player, .VideoGallery-player iframe {
    height: 100%;
    width: 100%
}

@media (min-width:1024px) {
    .VideoGallery-player {
        display: none
    }
}

.VideoGallery-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    opacity: 1;
    transition: opacity .2s linear;
    background-color: transparent
}

    .VideoGallery-play:focus {
        outline: none !important
    }

    .VideoGallery-play i {
        font-size: 2rem
    }

    .VideoGallery-play:focus, .VideoGallery-play:hover {
        color: #fff
    }

@media (max-width:1023px) {
    .VideoGallery-play {
        display: none
    }
}

.VideoGallery-text {
    padding: 1.25rem 0 .625rem
}

.VideoGallery-title {
    margin-bottom: .625rem;
    font-weight: 500
}

@media (min-width:1024px) {
    .VideoGallery-title {
        font-size: 1.1rem
    }
}

@media (max-width:1023px) {
    .VideoGallery-title {
        display: none
    }
}

.VideoGallery-description {
    font-size: .9rem
}

.Worldwide h2 {
    font-weight: 300;
    line-height: 1.1;
    color: #464b4b;
    margin-bottom: 4rem
}

.Worldwide-map {
    margin-bottom: 4rem;
    position: relative;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .Worldwide-panel {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 350px;
        background-color: #e5f0fa;
        box-shadow: -3px 0 14px 0 rgba(0,0,0,.14);
        margin-bottom: 2rem
    }

        .Worldwide-panel > div {
            height: 100%
        }

    [dir=rtl] .Worldwide-panel {
        right: auto;
        left: 0
    }
}

.Worldwide-panelClose {
    position: absolute;
    right: 0;
    padding: 5px 15px;
    line-height: 1;
    font-weight: 600;
    background-color: rgba(0,113,206,.1);
    transition: background-color .2s linear
}

@media (max-width:767px) {
    .Worldwide-panelClose {
        top: 0
    }
}

@media (min-width:768px) {
    .Worldwide-panelClose {
        bottom: 0
    }
}

@media print {
    .Worldwide-panelClose {
        display: none
    }
}

.Worldwide-panelClose:focus, .Worldwide-panelClose:hover {
    background-color: rgba(0,113,206,.3)
}

.Worldwide-panelClose .icon {
    vertical-align: -6px;
    font-size: 24px
}

.Worldwide-title {
    font-weight: 600;
    font-family: halyard-text,sans-serif;
    font-size: 1.5rem;
    margin-bottom: 1rem
}

@media (max-width:767px) {
    .Worldwide-title {
        font-size: 1.6rem
    }

        .Worldwide-title + .Worldwide-title {
            font-size: 1.2rem
        }
}

@media print {
    .Worldwide-title {
        display: block !important
    }
}

.Worldwide-tabs {
    display: flex;
    justify-content: space-between
}

@media (max-width:767px) {
    .Worldwide-tabs {
        display: none
    }
}

@media print {
    .Worldwide-tabs {
        display: none
    }
}

.Worldwide-tab {
    flex: 1;
    min-height: 55px;
    font-weight: 600;
    font-size: 1rem
}

    .Worldwide-tab[aria-selected=false] {
        background-color: rgba(0,113,206,.1);
        transition: background-color .2s linear
    }

        .Worldwide-tab[aria-selected=false]:focus, .Worldwide-tab[aria-selected=false]:hover {
            background-color: rgba(0,113,206,.3)
        }

    .Worldwide-tab .OfficeCard-title {
        margin-bottom: 1rem
    }

.Worldwide-tabPanel {
    padding: 2rem
}

@media (max-width:767px) {
    .Worldwide-tabPanel {
        position: relative;
        display: block !important;
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding-top: 10px;
        background-color: #e5f0fa
    }
}

@media (min-width:768px) {
    .Worldwide-tabPanel {
        height: calc(100% - 95px);
        overflow-y: auto
    }
}

@media print {
    .Worldwide-tabPanel {
        display: block !important
    }
}

.Worldwide-cta {
    margin-top: 2rem
}

.Worldwide-content .UserResult {
    margin-top: .75rem
}

/*! BurgerNav = mobile navigation */ .BurgerNav {
    position: fixed;
    z-index: 99;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
    transform: translateX(100%);
    transition: transform .3s ease-out,opacity .3s linear
}

.component .BurgerNav {
    top: 250px
}

@media (min-width:768px) and (max-width:1023px) {
    .BurgerNav {
        top: 80px
    }

    .component .BurgerNav {
        top: 250px
    }
}

@media (min-width:1024px) {
    .BurgerNav {
        display: none
    }
}

@media print {
    .BurgerNav {
        display: none
    }
}

.BurgerNav[aria-hidden=false] {
    opacity: 1;
    transform: translateX(0)
}

.BurgerNav-button {
    font-size: 1.6rem;
    line-height: 1.2
}

.BurgerNav-inner {
    height: 100%
}

.BurgerNav-inner, .BurgerNav-search {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.BurgerNav-search {
    position: relative;
    overflow-x: hidden;
    z-index: 2;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width:768px) and (max-width:1023px) {
    .BurgerNav-search {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.BurgerNav-mainNav {
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;
    top: 3.75rem;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: .7rem;
    padding-left: 2rem;
    padding-right: 2rem;
    -webkit-overflow-scrolling: touch
}

@media (min-width:768px) and (max-width:1023px) {
    .BurgerNav-mainNav {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.BurgerNav-item {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 3rem;
    padding-top: .6rem;
    padding-bottom: .6rem;
    padding-right: 2.5rem;
    border-bottom: 1px solid #eee;
    line-height: 1.2;
    text-align: inherit;
    font-size: .9rem
}

    .BurgerNav-item i {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .BurgerNav-item button[data-burgernav-item] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        padding: .6rem 0 .6rem .6rem
    }

.BurgerNav-item--sub {
    line-height: 1.5;
    text-transform: none;
    font-size: .75rem
}

.BurgerNav-itemLabel {
    flex: 1
}

.BurgerNav-item--back {
    padding-right: 0
}

    .BurgerNav-item--back .icon {
        min-width: 1.5rem;
        margin-left: 0;
        margin-right: 1rem;
        vertical-align: middle;
        font-size: 1.5rem;
        opacity: 1;
        transform: scaleX(-1)
    }

[dir=rtl] .BurgerNav-item--back .icon {
    margin-right: 0;
    margin-left: 1rem;
    transform: scaleX(1)
}

.BurgerNav-item--findUs {
    padding-right: 0;
    font-size: .85rem
}

    .BurgerNav-item--findUs .icon-world {
        min-width: 1.25rem;
        margin-left: 0;
        margin-right: 1rem;
        font-size: 1.25rem
    }

[dir=rtl] .BurgerNav-item--findUs .icon-world {
    margin-right: 0;
    margin-left: 1rem
}

.BurgerNav-item--findUs .icon-arrowdown {
    float: right;
    opacity: 1;
    transform-origin: 50% 70%;
    transition: transform .3s ease
}

.BurgerNav-item--findUs[aria-expanded=true] .icon-arrowdown {
    transform: rotate(-180deg)
}

.BurgerNav-item--findUs + ul {
    margin-top: .6rem
}

    .BurgerNav-item--findUs + ul a {
        display: block;
        margin-top: .3rem
    }

.BurgerNav-subNav {
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: #fff;
    transform: translateX(100%);
    transition: transform .3s ease-out;
    -webkit-overflow-scrolling: touch
}

@media (min-width:768px) and (max-width:1023px) {
    .BurgerNav-subNav {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.BurgerNav-subNav[aria-hidden=false] {
    transform: translateX(0)
}

/*! SVG icons */ .icon {
    width: 1em;
    height: 1em;
    vertical-align: top;
    fill: currentColor;
    pointer-events: none
}

.OfficeCard2 {
    padding: 1.5rem;
    background-color: #e5f0fa
}

@media (min-width:768px) {
    .OfficeCard2 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.OfficeCard2-image {
    overflow: hidden;
    display: block;
    margin-bottom: 1.25rem
}

.OfficeCard2-content {
    line-height: 1.6
}

.OfficeCard2-title {
    display: block;
    margin-bottom: .5rem;
    line-height: 1.25;
    font-size: 1.2rem;
    font-weight: 600
}

.OfficeCard2-text {
    opacity: .7
}

.OfficeCard2-address, .OfficeCard2-text {
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    .OfficeCard2-address {
        display: none
    }
}

.OfficeCard2-link {
    display: block;
    margin-bottom: .5rem;
    opacity: .7;
    transition: opacity .2s linear
}

    .OfficeCard2-link:focus, .OfficeCard2-link:hover {
        opacity: .5
    }

.OfficeCard2-phone {
    direction: ltr;
    unicode-bidi: embed
}

.Push {
    position: relative;
    margin-bottom: 50px
}

@media (min-width:768px) {
    .Push {
        margin-bottom: 100px
    }
}

@media screen {
    .Push--card {
        max-width: 450px
    }
}

.Push-media, .Push-text {
    margin-bottom: 2rem
}

.Article--content .Push-cta .button:after, .Push-cta .Article--content .button:after, .Push-cta .Button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Push-video {
    position: relative;
    width: 100%;
    height: 296px;
    color: #fff;
    background-size: cover;
    background-position: 50%
}

    .Push-video .icon-youtube {
        position: absolute;
        bottom: 15px;
        right: 15px;
        font-size: 1rem
    }

.Wrapper-splitPart--second .Push-video {
    height: 204px
}

.Push-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    opacity: .6;
    transition: opacity .2s linear
}

    .Push-play .icon {
        width: 60px;
        height: 60px;
        padding: 20px 20px 20px 23px;
        border: 1px solid #fff;
        border-radius: 100%;
        background-color: rgba(0,0,0,.2);
        overflow: visible
    }

    .Push-play:focus, .Push-play:hover {
        opacity: 1
    }

@media screen and (min-width:768px) {
    .Push--row {
        padding-left: 55%
    }
}

@media screen and (min-width:768px) and (min-width:1024px) {
    .Push--row {
        padding-left: 60%
    }
}

@media screen and (min-width:768px) {
    .Push--row .Push-media {
        position: absolute;
        width: 50%;
        top: 50%;
        left: 0;
        text-align: center;
        transform: translateY(-50%)
    }
}

@media screen and (min-width:768px) {
    .Push--rowInverse {
        padding-right: 55%
    }
}

@media screen and (min-width:768px) and (min-width:1024px) {
    .Push--rowInverse {
        padding-right: 60%
    }
}

@media screen and (min-width:768px) {
    .Push--rowInverse .Push-media {
        position: absolute;
        width: 50%;
        top: 50%;
        right: 0;
        text-align: center;
        transform: translateY(-50%)
    }
}

.SectionHead {
    margin-bottom: 1rem
}

.SectionHead-title {
    line-height: 1.1;
    font-size: 1.6rem;
    font-weight: 300
}

@media (min-width:768px) and (max-width:1023px) {
    .SectionHead-title {
        font-size: 2rem
    }
}

@media (min-width:1024px) {
    .SectionHead-title {
        font-size: 2.7rem
    }
}

.SectionHead-title--center {
    text-align: center
}

.SectionHead-titlePart {
    display: block
}

@media print {
    .SectionHead-titlePart {
        display: inline
    }
}

.SectionHead-titlePart--yellow {
    color: #787878
}

.SectionHead-titlePart--blue {
    color: #3d4975
}

.SectionHead-titlePart--purple {
    color: #704b62
}

.SectionHead-titlePart--red {
    color: #382731
}

.SectionHead-titlePart--green {
    color: #006e65
}

.SectionHead-titlePart--brown {
    color: #7c726c
}

/*! ToolsBar Component */ .ToolsBar {
    position: fixed;
    left: 0;
    top: 50vh;
    color: #144d75;
    background-color: #e5f0fa;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity .2s linear
}

@media (max-width:1023px) {
    .ToolsBar {
        display: none
    }
}

@media print {
    .ToolsBar {
        display: none
    }
}

[dir=rtl] .ToolsBar {
    right: 0;
    left: auto
}

.ToolsBar[data-sticky-state=out] {
    opacity: 0;
    pointer-events: none
}

.ToolsBar[data-sticky-state=top] {
    opacity: 1
}

.ToolsBar[data-sticky-state=bottom] {
    opacity: 0;
    pointer-events: none
}

.ToolsBar-link {
    display: block;
    width: 56px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    text-align: center;
    transition: background-color .2s linear
}

@media (max-width:1250px) {
    .ToolsBar-link {
        width: 35px
    }
}

.ToolsBar-link:focus, .ToolsBar-link:hover {
    background-color: #e6eef7
}

.ToolsBar-link .icon {
    vertical-align: middle
}




.content-selector {
    padding: 80px 20px;
    background: #f7f7f7;
    margin-top: 0px
}

    .content-selector .content-inner {
        display: grid;
        grid-template-columns: 40% 1fr;
        grid-template-areas: ". .";
        margin: 70px auto 0;
    }

@media screen and (max-width: 1200px) {
    .content-selector .content-inner {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .content-selector .content-inner {
        grid-template-columns: 1fr;
        grid-template-areas: ".";
    }
}

.content-selector .content-inner ul {
    list-style: none;
    max-width: 85%;
    padding-left: 0;
    margin-top: 0;
}

@media screen and (max-width: 850px) {
    .content-selector .content-inner ul {
        max-width: 93%;
    }
}

@media screen and (max-width: 767px) {
    .content-selector .content-inner ul {
        max-width: 100%;
    }
}

.content-selector .content-inner ul li {
    list-style: none;
    color: #404040;
    font-family: "Halyard";
    border-bottom: 1px solid #dedede;
    position: relative;
}

.content-selector .content-inner ul li {
    font-size: 20px;
}

    .content-selector .content-inner ul li:last-of-type {
        border: 0 !important;
    }

    .content-selector .content-inner ul li:after {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 5px;
        border-right: 2px solid #dedede;
        border-bottom: 2px solid #dedede;
        transform: rotate(-45deg);
        transition: 0.4s ease all;
    }

@media screen and (max-width: 767px) {
    .content-selector .content-inner ul li:after {
        transform: rotate(45deg);
    }
}

@media screen and (min-width: 768px) {
    .content-selector .content-inner ul li#active {
        border-bottom: 2px solid #f9ae00;
    }

        .content-selector .content-inner ul li#active h4 {
            font-family: "Halyard";
        }

        .content-selector .content-inner ul li#active:after {
            border-right: 2px solid #000;
            border-bottom: 2px solid #000;
            transition: 0.4s ease all;
        }
}

@media screen and (max-width: 767px) {
    .content-selector .content-inner ul li.active {
        border-bottom: 2px solid #f9ae00;
    }

        .content-selector .content-inner ul li.active h4 {
            font-family: "Halyard";
        }

        .content-selector .content-inner ul li.active:after {
            border-right: 2px solid #000;
            border-bottom: 2px solid #000;
            transform: rotate(225deg);
            transition: 0.4s ease all;
        }
}


.content-selector .content-inner ul li h4 {
    font-family: "Halyard";
    font-weight: 400;
    margin: 25px 0;
}

.content-selector .content-inner ul li .mob-accordion {
    display: none;
}

@media screen and (max-width: 767px) {
    .content-selector .content-inner ul li h4 {
        width: 90%;
    }

    .content-selector .content-inner ul li .mob-accordion {
        display: block;
    }
}

.content-selector .content-inner .copy-container {
    background-color: white;
    padding: 15px 40px;
}

@media screen and (max-width: 767px) {
    .content-selector .content-inner .copy-container {
        display: none;
    }
}

.content-selector .content-inner .copy-container div {
    margin-bottom: 20px;
}

    .content-selector .content-inner .copy-container div h4 {
        font-size: 20px;
    }

    .content-selector .content-inner .copy-container div p {
        font-size: 18px;
    }

.content-selector .content-inner ul li .mob-accordion {
    font-family: "Halyard";
}



.job-listing .job-listing-upper {
    margin: 3.5rem 0;
    padding: 0 3.5rem 0 0;
    display: flex;
    justify-content: space-between;
}

    .job-listing .job-listing-upper .job-lisitng-title {
        width: 72%;
    }

        .job-listing .job-listing-upper .job-lisitng-title p, .job-listing .job-listing-upper .job-lisitng-title .BlockLinks-dropdownList {
            color: white;
            font-size: 30px;
            line-height: 39px;
            font-weight: 200;
            margin-bottom: 3rem;
        }

    .job-listing .job-listing-upper .job-listing-img {
        padding-left: 6rem;
    }

nav.faq-nav div.sub-menu {
    padding-left: 20px;
    display: none;
    background-color: #ebebeb;
}

@media screen and (max-width: 1280px) {
    .job-listing .job-listing-upper .job-lisitng-title p, .job-listing .job-listing-upper .job-lisitng-title .BlockLinks-dropdownList {
        font-size: 22px;
        line-height: 24px;
    }
}


@media screen and (max-width: 900px) {
    .job-listing .job-listing-upper .job-listing-img {
        padding-left: 0;
        max-width: 230px;
    }
}


@media screen and (max-width: 600px) {
    .job-listing .job-listing-upper {
        display: block;
    }

        .job-listing .job-listing-upper .job-lisitng-title {
            width: 100%;
        }

        .job-listing .job-listing-upper .job-listing-img {
            margin: auto;
        }

    .TopHero--article .TopHero-title, .TopHero--big .TopHero-title, .TopHero--full-height .TopHero-title, .TopHero--normal .TopHero-title {
        font-size: 40px;
    }

    nav.faq-nav div.sub-menu {
        padding-left: 0;
    }
}

.what-we-do-content {
    position: relative;
    /*background-color: white;*/
}

.contpanel {
    display: block;
}

    .contpanel .conttitle {
        width: 40%;
        display: inline-block;
        position: relative;
        background-color: #f7f7f7;
    }

    .contpanel .conttext {
        width: 60%;
        position: absolute;
        top: 0;
        display: none;
        background-color: white;
        padding: 16px 40px 20px 40px;
    }

        .contpanel .conttext ul,
        .contpanel .conttext ol {
            padding-left: 20px;
        }

        .contpanel .conttext ul {
            list-style: disc;
        }

        .contpanel .conttext ol {
            list-style: decimal;
        }

h4.whattitle {
    display: inline-block;
    min-height: 80px;
    font-size: 24px;
    line-height: 80px;
    border-bottom: 1px solid #dedede;
    width: 85%;
    margin: 0;
}

    h4.whattitle.wactive {
        border-bottom: 2px solid #f9ae00;
    }



.contpanel .conttitle:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 16%; /*81px;*/
    top: 33px;
    border-right: 2px solid #dedede;
    border-bottom: 2px solid #dedede;
    transform: rotate(-45deg);
    transition: 0.4s ease all;
}

.contpanel .conttitle:has(h4.wactive):after {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transition: 0.4s ease all;
}

.showtext {
    display: inline-block !important;
}

@media screen and (max-width:1024px) {
    h4.whattitle {
        font-size: 22px;
    }
}

@media screen and (max-width:1024px) {
    h4.whattitle {
        width: 93%;
    }

    .contpanel .conttitle:after {
        right: 7%;
    }
}

@media screen and (max-width:768px) {
    .contpanel .conttitle {
        width: 100%;
        display: block;
    }

        .contpanel .conttitle:after {
            right: 2%;
            top: 22px;
            transform: rotate(45deg);
        }

    h4.whattitle {
        min-height: 60px;
        line-height: 60px;
        border-bottom: none;
    }

        h4.whattitle.wactive {
            border-bottom: none;
        }

    .contpanel .conttitle:has(h4.wactive):after {
        border-right: 2px solid #dedede;
        border-bottom: 2px solid #dedede;
    }

    .contpanel .conttext {
        width: 100%;
        position: relative;
        display: block !important;
        background-color: #f7f7f7;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #dedede;
    }

    .conttext h4 {
        display: none;
    }
}


/***owl slider***/
.row-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row; /*default*/
    flex-wrap: wrap;
    min-height: 535px;
}

.left-1 {
    flex-direction: row-reverse;
}

.left-2 {
    flex-direction: row;
}

.col-flex {
    flex: 1 1 50%;
    padding: 20px;
}

.owl-item .item .row-flex .col-flex {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    padding: 40px;
}

.col-flex h2.quote {
    font-size: 55px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 20px;
    color: white;
}

.col-flex p.author {
    color: white;
    line-height: 1;
}

    .col-flex p.author strong {
        display: block;
        margin-bottom: 5px;
        color: white;
    }

.cf-img {
    align-items: center;
    display: flex;
}

.col-flex .cta-button {
    padding: 5px 60px;
    margin: 10px auto;
    font-size: 18px;
    background-color: transparent;
    border: 1px solid white;
    color: white;
    display: inline-block;
}

    .col-flex .cta-button:hover {
        background-color: white;
        color: #464b4b;
    }

.col-flex h2.htitle {
    margin-bottom: 3rem;
    font-size: 55px;
    line-height: 48px;
}

.col-flex.light-2 p {
    /*dark*/
}


.col-flex.light-1 h2,
.col-flex.light-1 p,
.col-flex.light-1 ul {
    color: white
}

.col-flex.light-2 .cta-button {
    padding: 5px 60px;
    margin: 10px auto;
    font-size: 18px;
    background-color: #0071ce;
    border: 1px solid #0071ce;
    color: white;
    display: inline-block;
}

    .col-flex.light-2 .cta-button:hover {
        background-color: white;
        color: #464b4b;
    }

.owl-nav button span {
    color: black;
    color: white;
    font-weight: 400;
    font-size: 4rem;
    font-family: monospace;
}


.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 30%;
    left: 0;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 30%;
    right: 0;
}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots {
    text-align: center;
    margin-top: 12px;
}

    .owl-carousel .owl-dots .owl-dot span {
        background: #fff;
        border: 1px solid #0071ce;
        width: 13px;
        height: 13px;
        display: inline-block;
        border-radius: 12px;
        margin: 4px;
    }

    .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
        background: #0071ce;
    }

.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
}

.owl-carousel .owl-item .jdis-i img {
    display: block;
    width: auto;
    max-height: 100px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width:1024px) {
    .row-flex {
        min-height: 968px;
    }

    .left-1 {
        flex-direction: row;
    }

    .col-flex {
        flex: 0 0 100%;
        padding: 20px;
    }

        .col-flex h2.quote {
            font-size: 30px;
            line-height: 1;
            font-weight: bold;
            margin-bottom: 20px;
            color: white;
        }
}

@media screen and (max-width:768px) {
    .row-flex {
        min-height: 832px;
    }

    .col-flex {
        align-self: center;
    }
}
/**end**/