@-webkit-keyframes number-anim {
    0% {
        -webkit-transform: translateY(-110px);
        transform: translateY(-110px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    10% {
        -webkit-transform: translateY(-220px);
        transform: translateY(-220px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    20% {
        -webkit-transform: translateY(-330px);
        transform: translateY(-330px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    30% {
        -webkit-transform: translateY(-440px);
        transform: translateY(-440px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    40% {
        -webkit-transform: translateY(-550px);
        transform: translateY(-550px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    50% {
        -webkit-transform: translateY(-660px);
        transform: translateY(-660px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    60% {
        -webkit-transform: translateY(-770px);
        transform: translateY(-770px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    70% {
        -webkit-transform: translateY(-880px);
        transform: translateY(-880px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    80% {
        -webkit-transform: translateY(-990px);
        transform: translateY(-990px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    90% {
        -webkit-transform: translateY(-1100px);
        transform: translateY(-1100px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
}

@keyframes number-anim {
    0% {
        -webkit-transform: translateY(-110px);
        transform: translateY(-110px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    10% {
        -webkit-transform: translateY(-220px);
        transform: translateY(-220px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    20% {
        -webkit-transform: translateY(-330px);
        transform: translateY(-330px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    30% {
        -webkit-transform: translateY(-440px);
        transform: translateY(-440px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    40% {
        -webkit-transform: translateY(-550px);
        transform: translateY(-550px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    50% {
        -webkit-transform: translateY(-660px);
        transform: translateY(-660px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    60% {
        -webkit-transform: translateY(-770px);
        transform: translateY(-770px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    70% {
        -webkit-transform: translateY(-880px);
        transform: translateY(-880px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    80% {
        -webkit-transform: translateY(-990px);
        transform: translateY(-990px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    90% {
        -webkit-transform: translateY(-1100px);
        transform: translateY(-1100px);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
}

@-webkit-keyframes ripple {
    0% {
        background-color: rgba(0, 0, 0, .4);
        top: 0;
        left: 0;
        width: 40px;
        height: 40px
    }
    to {
        background-color: transparent;
        top: -15px;
        left: -15px;
        width: 70px;
        height: 70px
    }
}

@keyframes ripple {
    0% {
        background-color: rgba(0, 0, 0, .4);
        top: 0;
        left: 0;
        width: 40px;
        height: 40px
    }
    to {
        background-color: transparent;
        top: -15px;
        left: -15px;
        width: 70px;
        height: 70px
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3) translate3d(0, 0, 0);
        transform: scale(.3) translate3d(0, 0, 0)
    }
    50% {
        opacity: .9;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    80% {
        opacity: 1;
        -webkit-transform: scale(.89);
        transform: scale(.89)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3) translate3d(0, 0, 0);
        transform: scale(.3) translate3d(0, 0, 0)
    }
    50% {
        opacity: .9;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    80% {
        opacity: 1;
        -webkit-transform: scale(.89);
        transform: scale(.89)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0)
    }
}

@-webkit-keyframes shine {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }
}

@keyframes shine {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }
}

@-webkit-keyframes fade-in-top {
    0%,
    80%,
    to {
        opacity: 1;
        bottom: 70px
    }
    90% {
        opacity: 0;
        bottom: 20px
    }
    91% {
        opacity: 0;
        bottom: 100px
    }
}

@keyframes fade-in-top {
    0%,
    80%,
    to {
        opacity: 1;
        bottom: 70px
    }
    90% {
        opacity: 0;
        bottom: 20px
    }
    91% {
        opacity: 0;
        bottom: 100px
    }
}

@-webkit-keyframes pulse {
    0% {
        height: 10px;
        margin: 0 16px;
        width: 10px;
        opacity: .5;
        left: -17px;
        top: 0
    }
    to {
        height: 20px;
        margin: 0 11px;
        width: 20px;
        opacity: 0;
        left: -15px;
        top: -5px
    }
}

@keyframes pulse {
    0% {
        height: 10px;
        margin: 0 16px;
        width: 10px;
        opacity: .5;
        left: -17px;
        top: 0
    }
    to {
        height: 20px;
        margin: 0 11px;
        width: 20px;
        opacity: 0;
        left: -15px;
        top: -5px
    }
}

@font-face {
    font-family: "univers-hsbc";
    src: url(../../assets/fonts/UniversNextforHSBCW02-Th.eot?#iefix);
    src: url(../../assets/fonts/UniversNextforHSBCW02-Th.eot?#iefix) format("eot"), url(../../assets/fonts/UniversNextforHSBCW02-Th.woff) format("woff"), url(../../assets/fonts/UniversNextforHSBCW02-Th.ttf) format("truetype"), url(../../assets/fonts/UniversNextforHSBCW02-Th.svg#UniversNextforHSBCW02-Th) format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "univers-hsbc";
    src: url(../../assets/fonts/UniversNextforHSBCW02-Lt.eot?#iefix);
    src: url(../../assets/fonts/UniversNextforHSBCW02-Lt.eot?#iefix) format("eot"), url(../../assets/fonts/UniversNextforHSBCW02-Lt.woff) format("woff"), url(../../assets/fonts/UniversNextforHSBCW02-Lt.ttf) format("truetype"), url(../../assets/fonts/UniversNextforHSBCW02-Lt.svg#4d6ce461-aa11-472f-af6d-7466479534e1) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "univers-hsbc";
    src: url(../../assets/fonts/UniversNextforHSBCW02-LtIt.eot?#iefix);
    src: url(../../assets/fonts/UniversNextforHSBCW02-LtIt.eot?#iefix) format("eot"), url(../../assets/fonts/UniversNextforHSBCW02-LtIt.woff) format("woff"), url(../../assets/fonts/UniversNextforHSBCW02-LtIt.ttf) format("truetype"), url(../../assets/fonts/UniversNextforHSBCW02-LtIt.svg#4d6ce461-aa11-472f-af6d-7466479534e1) format("svg");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "univers-hsbc";
    src: url(../../assets/fonts/UniversNextforHSBCW02-Rg.eot?#iefix);
    src: url(../../assets/fonts/UniversNextforHSBCW02-Rg.eot?#iefix) format("eot"), url(../../assets/fonts/UniversNextforHSBCW02-Rg.woff) format("woff"), url(../../assets/fonts/UniversNextforHSBCW02-Rg.ttf) format("truetype"), url(../../assets/fonts/UniversNextforHSBCW02-Rg.svg#a7a08b81-ee91-4e2b-b0ac-2a87a44e0eda) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "univers-hsbc";
    src: url(../../assets/fonts/UniversNextforHSBCW02-It.eot?#iefix);
    src: url(../../assets/fonts/UniversNextforHSBCW02-It.eot?#iefix) format("eot"), url(../../assets/fonts/UniversNextforHSBCW02-It.woff) format("woff"), url(../../assets/fonts/UniversNextforHSBCW02-It.ttf) format("truetype"), url(../../assets/fonts/UniversNextforHSBCW02-It.svg#38b5b039-d625-4f03-8edd-4faadd911c24) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "univers-hsbc";
    src: url(../../assets/fonts/UniversNextforHSBCW02-Bd.eot?#iefix);
    src: url(../../assets/fonts/UniversNextforHSBCW02-Bd.eot?#iefix) format("eot"), url(../../assets/fonts/UniversNextforHSBCW02-Bd.woff) format("woff"), url(../../assets/fonts/UniversNextforHSBCW02-Bd.ttf) format("truetype"), url(../../assets/fonts/UniversNextforHSBCW02-Bd.svg#f499fe08-3b8d-4033-a5cf-9089676d1ca5) format("svg");
    font-weight: 700;
    font-style: normal
}

.c-feature-summary__item:after,
.c-feature-summary__item:before,
.c-image:after,
.c-image:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.c-feature-summary__image,
.c-image-news__image,
.c-image__image {
    overflow: hidden
}

.c-feature-summary__image img,
.c-image-news__image img,
.c-image__image img {
    display: block;
    max-width: none;
    width: 100%
}

.c-carousel__arrow-text,
.c-scroll-link__text,
.c-share-actions__item-label,
.c-signup__radio,
.c-social-link__text,
.o-dropdown-label,
.o-go-to-top,
.o-jump-link {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    white-space: nowrap
}

.c-feature-summary__link,
.c-image-news__link,
.c-news-summary__link {
    font-size: 2.4rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

@media (max-width:768px) {
    .c-feature-summary__link,
    .c-image-news__link,
    .c-news-summary__link {
        font-size: 1.8rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
}

.c-feature-summary__link:focus,
.c-feature-summary__link:hover,
.c-image-news__link:focus,
.c-image-news__link:hover,
.c-news-summary__link:focus,
.c-news-summary__link:hover {
    text-decoration: none
}

.c-feature-summary__link:focus span,
.c-feature-summary__link:hover span,
.c-image-news__link:focus span,
.c-image-news__link:hover span,
.c-news-summary__link:focus span,
.c-news-summary__link:hover span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #333));
    background-image: linear-gradient(transparent 50%, #333 50%);
    background-repeat: repeat-x;
    background-size: .1em .1em;
    background-position: left 90%;
    text-decoration: none
}

.lt-ie10 .c-feature-summary__link:focus span,
.lt-ie10 .c-feature-summary__link:hover span,
.lt-ie10 .c-image-news__link:focus span,
.lt-ie10 .c-image-news__link:hover span,
.lt-ie10 .c-news-summary__link:focus span,
.lt-ie10 .c-news-summary__link:hover span {
    background-image: none;
    text-decoration: underline
}

.c-feature-summary__link .o-icon,
.c-image-news__link .o-icon,
.c-news-summary__link .o-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    fill: #db0011;
    margin-bottom: -2px
}

.c-feature-summary__link .o-icon:after,
.c-feature-summary__link .o-icon:before,
.c-image-news__link .o-icon:after,
.c-image-news__link .o-icon:before,
.c-news-summary__link .o-icon:after,
.c-news-summary__link .o-icon:before {
    content: "";
    line-height: 0
}

h1,
h2,
h3,
h4,
html {
    padding: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    margin: 0;
    font-size: 62.5%
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h5,
h6,
header,
hgroup,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

h1,
h2,
h3,
h4 {
    font-size: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    min-width: 320px;
    opacity: 0;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    background: #fff;
    color: #333;
    overflow-y: scroll
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

html.waiting,
html.waiting * {
    cursor: wait !important
}

@media (max-width:768px) {
    body {
        font-size: 1.8rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
}

body.edit-mode {
    opacity: 1
}

p {
    margin-bottom: 2rem
}

.o-card p {
    margin-bottom: 1rem
}

.o-site-wrapper--editorial p {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #5c5c5c;
    margin-bottom: 25px
}

.o-site-wrapper--editorial p.medium {
    font-size: 1.4rem;
    line-height: 1.7
}

.o-site-wrapper--editorial p,
.o-site-wrapper--editorial p.centered,
.o-site-wrapper--editorial p.medium,
.o-site-wrapper--editorial p.small {
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.o-site-wrapper--editorial p.centered {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    color: #404040
}

.o-site-wrapper--editorial p.small {
    font-size: 1.2rem;
    line-height: 2
}

a:focus,
a:hover {
    text-decoration: underline
}

[tabindex="-1"]:focus,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 5px solid #1e90ff;
    outline-style: auto;
    outline-offset: 2px
}

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

svg {
    pointer-events: none
}

.nowrap {
    white-space: nowrap
}

.o-site-wrapper--editorial .o-layout ul:not([class]) {
    color: #5c5c5c;
    list-style: disc;
    padding: 0 0 0 20px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.o-site-wrapper--editorial ol {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    color: #5c5c5c;
    padding: 0 0 0 40px
}

.o-disclaimer {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 300
}

.o-disclaimer p {
    margin-bottom: 1.5rem !important
}

h1 {
    font-size: 6rem;
    line-height: 1.1;
    font-weight: 100;
    margin: 0 0 .4em
}

.o-site-wrapper--editorial h1,
.o-site-wrapper--editorial h1.large {
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none
}

.o-site-wrapper--editorial h1 {
    font-size: 6.8rem;
    line-height: 1.06;
    margin-bottom: 24px
}

.o-site-wrapper--editorial h1.large {
    font-size: 9rem;
    line-height: 1.333
}

@media (max-width:768px) {
    .o-site-wrapper--editorial h1,
    .o-site-wrapper--editorial h1.large {
        font-size: 3.8rem;
        line-height: 1.26;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 700;
        text-transform: none
    }
}

.o-disclaimer,
.o-site-wrapper--editorial h2,
.o-site-wrapper--editorial ol,
h1,
h2 {
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

h2 {
    font-size: 6rem;
    line-height: 1.1;
    font-weight: 100;
    margin: 0 0 .5em
}

@media (max-width:768px) {
    h2 {
        font-size: 2.2rem;
        line-height: 1.25;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
}

.o-site-wrapper--editorial h2 {
    font-size: 4.2rem;
    line-height: 1.14;
    font-weight: 700;
    margin-bottom: 38px
}

@media (max-width:768px) {
    .o-site-wrapper--editorial h2 {
        font-size: 2.8rem;
        line-height: 1.7;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 700;
        text-transform: none;
        margin-bottom: 0
    }
}

h3,
h4 {
    margin: 0 0 .8em
}

.o-site-wrapper--editorial h3,
h3 {
    font-size: 2.2rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.o-site-wrapper--editorial h3 {
    font-size: 2.4rem;
    line-height: 2;
    font-weight: 700;
    margin-bottom: 4px
}

@media (max-width:768px) {
    .o-site-wrapper--editorial h3 {
        font-size: 1.6rem;
        line-height: 1.5;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 700;
        text-transform: none
    }
}

h4 {
    font-size: 1.8rem;
    line-height: 1.45;
    font-weight: 700
}

.o-site-wrapper--editorial h4,
.o-site-wrapper--editorial h5,
h4 {
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

.o-site-wrapper--editorial h4 {
    font-size: 2.4rem;
    line-height: 2;
    font-weight: 700;
    margin-bottom: 2.3rem
}

@media (max-width:768px) {
    .o-site-wrapper--editorial h4 {
        font-size: 1.6rem;
        line-height: 1.5;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 700;
        text-transform: none
    }
}

.o-site-wrapper--editorial h5 {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 25px;
    color: #404040
}

.o-site-wrapper--editorial h1,
.o-site-wrapper--editorial h2,
.o-site-wrapper--editorial h3,
.o-site-wrapper--editorial h4 {
    color: #404040
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

@media (max-width:480px) {
    [type=checkbox]:checked,
    [type=checkbox]:not(:checked) {
        -webkit-appearance: checkbox;
        position: relative;
        left: 0
    }
}

[type=checkbox]:checked+label,
[type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

@media (max-width:480px) {
    [type=checkbox]:checked+label,
    [type=checkbox]:not(:checked)+label {
        padding-left: 5px
    }
}

[type=checkbox]:checked+label:before,
[type=checkbox]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    border: 1px solid #929292;
    background: #fff
}

@media (max-width:480px) {
    [type=checkbox]:checked+label:before,
    [type=checkbox]:not(:checked)+label:before {
        content: none
    }
}

[type=checkbox]:checked:focus+label:before,
[type=checkbox]:not(:checked):focus+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    background: #fff;
    outline-color: #4d90fe;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    [type=checkbox]:checked:focus+label:before,
    [type=checkbox]:not(:checked):focus+label:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 19px;
        height: 19px;
        border: 2px dotted #929292;
        background: #fff
    }
}

@media (max-width:480px) {
    [type=checkbox]:checked:focus+label:before,
    [type=checkbox]:not(:checked):focus+label:before {
        content: none;
        outline: 0
    }
}

[type=checkbox]:checked+label:after,
[type=checkbox]:not(:checked)+label:after {
    content: url(../../assets/img/svg/check.svg);
    position: absolute;
    top: 3px;
    left: 2px;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 20px
}

@media (max-width:480px) {
    [type=checkbox]:checked+label:after,
    [type=checkbox]:not(:checked)+label:after {
        content: none
    }
}

[type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

[type=checkbox]:disabled:checked+label:before,
[type=checkbox]:disabled:not(:checked)+label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #929292;
    background-color: #d7d8d6
}

[type=checkbox]:disabled:checked+label:after {
    color: #929292
}

[type=checkbox]:disabled+label {
    color: #929292
}

.o-block {
    background: #253038;
    color: #fff;
    padding: 60px 100px 60px calc(100% - 620px);
    width: 120%;
    max-width: 1000px
}

.o-block--central {
    text-align: center
}

.o-block .c-quote__content:after,
.o-block .c-quote__content:before {
    color: #fff
}

@media (min-width:1700px) {
    .o-block {
        padding: 60px 100px 60px 230px
    }
    .o-half--left .o-block {
        margin-left: calc(100% - (1700px/2))
    }
}

@media (max-width:1280px) {
    .o-block {
        padding: 60px 100px 60px 20px
    }
}

@media (max-width:1024px) {
    .o-block {
        padding: 50px;
        width: 100%
    }
}

@media (max-width:992px) {
    .o-block {
        padding: 50px 50px 50px 5%;
        width: 100%
    }
}

@media (max-width:480px) {
    .o-block {
        padding: 10px
    }
}

.o-block-image {
    position: relative
}

.o-block-image .c-trackable-link {
    color: #fff;
    font-size: 6rem;
    line-height: 1.1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    text-decoration: none
}

.o-block-image .c-trackable-link svg {
    fill: #fff;
    height: 33px;
    width: 33px
}

.o-block-image .c-button svg,
.o-block-image .c-media-selector svg {
    fill: #fff
}

.o-block-image .c-button {
    color: #fff
}

.o-block-image .c-button:hover {
    border-bottom: 1px solid #fff;
    text-decoration: none;
    margin-bottom: -1px
}

@media (max-width:1024px) {
    .o-block-image {
        margin-top: 400px
    }
    .o-block-image .o-block {
        padding-top: 150px
    }
    .o-block-image .o-half {
        width: 100%
    }
}

@media (max-width:992px) {
    .o-block-image {
        margin-top: 0
    }
    .o-block-image .o-block {
        padding-top: 130px
    }
    .o-block-image .o-half {
        width: 100%
    }
    .o-block-image .c-trackable-link {
        font-size: 3.8rem;
        line-height: 1.1;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
    .o-block-image .c-trackable-link .o-icon {
        height: 22px;
        width: 22px
    }
}

@media (max-width:480px) {
    .o-block-image {
        margin-top: 150px
    }
}

.o-breadcrumb {
    list-style: none
}

.o-breadcrumb__item,
.o-breadcrumb__item--active {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

.o-breadcrumb__item {
    display: inline-block;
    font-weight: 400;
    position: relative
}

.o-breadcrumb__item--active {
    font-weight: 700;
    margin-right: 20px
}

.o-breadcrumb__item--active:before {
    content: "";
    display: inline-block;
    background: url(../../assets/img/svg/chevron-right-red.svg) no-repeat;
    position: absolute;
    right: -20px;
    top: 3px;
    height: 15px;
    width: 15px
}

.c-headline-hero--standalone .o-breadcrumb__item {
    margin-bottom: 10px
}

.o-card {
    background: #fff;
    padding: 40px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:992px) {
    .o-card {
        padding: 20px
    }
}

@media (max-width:768px) {
    .o-card {
        padding: 10px
    }
}

.o-card__wrapper {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: auto
}

.o-card__wrapper:after,
.o-site-wrapper--campaign [class^=o-layout--]:after {
    content: " ";
    display: block;
    clear: both
}

.c-image-promo .o-card__wrapper {
    height: auto
}

.o-banner .o-card {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 60%;
    height: auto;
    margin: auto;
    z-index: 4
}

@media (max-width:1280px) {
    .o-banner .o-card {
        left: 20px;
        width: 91.5254237288%
    }
}

@media (max-width:768px) {
    .o-banner .o-card {
        left: 0;
        -webkit-transform: none;
        transform: none;
        top: auto;
        bottom: 0;
        width: 100%
    }
}

.o-card__title {
    margin-bottom: 15px;
    line-height: 6rem;
    letter-spacing: -.25rem
}

@media (max-width:768px) {
    .o-card__title {
        letter-spacing: -.1rem
    }
}

.o-card__body {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.o-card--centre {
    margin: 150px auto;
    position: relative
}

.o-card--dark {
    background: rgba(0, 0, 0, .75);
    color: #fff
}

@media (max-width:992px) {
    .o-card {
        padding: 10px 5%
    }
    .o-card--dark {
        background: rgba(0, 0, 0, .95)
    }
    .o-card__title {
        padding-top: 1rem;
        font-size: 5rem !important;
        line-height: 5rem
    }
    .o-card--centre {
        margin: 0 auto;
        position: relative
    }
}

.o-layout--6-6 .c-image-promo .o-card {
    padding: 15px
}

.o-card-2 {
    position: relative !important;
    float: right !important
}

.o-dropdown {
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #d7d8d6;
    border-radius: 0;
    font-size: 14px;
    padding: 10px 50px 10px 10px;
    width: 100%
}

.o-dropdown::-ms-expand {
    display: none
}

.o-dropdown__container {
    position: relative;
    max-width: 300px
}

.o-dropdown__container::before {
    background: url(../../assets/img/svg/chevron-down.svg) right 10px center no-repeat;
    background-size: 15px 15px;
    display: block;
    content: " ";
    height: calc(100% - 10px);
    top: 5px;
    right: 0;
    width: 35px;
    position: absolute;
    border-left: 1px solid #d7d8d6;
    pointer-events: none;
    z-index: 1
}

.o-grid {
    width: 100%
}

.o-grid__cell {
    float: left
}

.o-grid__1of2 {
    width: 50%
}

.o-grid__1of2:nth-child(2n-1) {
    clear: left
}

.o-half {
    float: left;
    width: 50%
}

.o-banner:after,
.o-banner:before,
.o-half:after,
.o-half:before,
.o-layout--12 .o-layout__primary:after,
.o-layout--12 .o-layout__primary:before,
.o-layout:after,
.o-layout:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

@media (min-width:1700px) {
    .o-half--left {
        text-align: right
    }
    .o-half--left>div {
        text-align: left
    }
}

@media (max-width:768px) {
    .o-half {
        float: none;
        width: 100%
    }
    .o-half--left {
        padding: 0
    }
}

@media (max-width:768px)and (min-width:1700px) {
    .o-half--left {
        text-align: right
    }
}

@media (max-width:768px) {
    .o-half--right {
        padding: 0
    }
}

.o-icon {
    display: block
}

.o-icon--medium {
    height: 35px;
    width: 35px
}

.o-icon--large {
    height: 48px;
    width: 48px
}

.o-icon--small {
    height: 22px;
    width: 22px
}

.o-icon--xsmall,
.o-layout--6-6 .c-image-promo .c-trackable-link svg {
    height: 14px;
    width: 14px
}

.o-icon.o-icon--inline {
    display: inline-block;
    vertical-align: middle
}

.o-icon.o-icon--v-align-top {
    vertical-align: top
}

.o-icon.o-icon--white {
    fill: #fff
}

.o-image-square {
    height: 500px;
    width: 500px;
    max-width: 500px
}

@media (max-width:1280px) {
    .o-image-square {
        height: auto;
        width: 100%;
        max-width: 300px
    }
}

@media (max-width:768px) {
    .o-image-square {
        height: auto;
        width: 100%;
        max-width: 200px
    }
}

.o-language-select {
    background-color: #eee
}

.o-language-select .o-icon {
    float: right;
    margin-top: 4px
}

.o-language-select__option .o-icon {
    display: none
}

.o-language-select__option--active .o-icon {
    display: inline-block
}

.o-lightbox {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) translateX(-50%) translateY(-50%);
    transform: translate3d(0, 0, 0) translateX(-50%) translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 30px;
    left: -999999px;
    position: fixed;
    top: -999999px;
    z-index: 100;
    visibility: hidden;
    min-width: 260px;
    max-width: 600px;
    width: 80%;
    height: auto;
    background: #fff;
    outline: 0
}

@media (max-width:480px) {
    .o-lightbox {
        padding: 20px;
        width: 90%
    }
}

.o-lightbox--active {
    opacity: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    visibility: visible;
    top: 20%
}

@media (max-width:480px) {
    .o-lightbox--active {
        top: 5%
    }
}

.o-lightbox--active.o-lightbox--auto-size {
    top: 0
}

.o-lightbox--auto-size .o-lightbox__inner {
    overflow: auto
}

@media (max-width:768px) {
    .o-lightbox__inner {
        max-height: 75vh;
        overflow: auto
    }
}

.o-lightbox__close {
    right: 13px;
    position: absolute;
    top: 13px;
    cursor: pointer
}

.o-lightbox__close:focus,
.o-lightbox__close:hover {
    text-decoration: none;
    background-color: #83000a
}

.o-lightbox__close .o-icon {
    fill: #929292
}

@media (max-width:500px) {
    .o-lightbox__close {
        right: 10px;
        top: 10px
    }
}

.o-lightbox-overlay {
    left: 0;
    background: #333;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 19
}

.o-lightbox-overlay--active {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    cursor: pointer;
    visibility: visible
}

.o-lightbox__focus-catch {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #66f
}

.o-lightbox__focus-catch:focus,
.o-lightbox__focus-catch:hover {
    background-color: #008580
}

.rich-text {
    -webkit-transition: none;
    transition: none
}

.c-cookie-notification__body a,
.rich-text a {
    text-decoration: underline
}

.rich-text a:hover {
    color: #db0011
}

.rich-text ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 20px;
    margin-left: 20px
}

.rich-text ol {
    list-style-type: "1";
    padding-left: 20px
}

.rich-text iframe {
    max-width: 100%;
    min-height: 450px
}

@media (max-width:768px) {
    .rich-text iframe {
        min-height: 250px
    }
}

.rich-text--checklist h2,
.rich-text--checklist ol,
.rich-text--checklist p,
.rich-text--checklist ul,
.rich-text--light-weight p {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.rich-text--checklist {
    padding-top: 3rem
}

.rich-text--checklist h2,
.rich-text--checklist ol,
.rich-text--checklist ul {
    font-size: 4.4rem;
    line-height: 1.1
}

.rich-text--checklist ol,
.rich-text--checklist ul {
    font-size: 1.6rem;
    line-height: 1.45;
    list-style: none;
    margin: 0 0 2rem;
    padding-left: 3.5rem
}

.rich-text--checklist li {
    position: relative;
    padding-bottom: 1rem
}

.rich-text--checklist li:before {
    background: url(../../assets/img/svg/check-jade.svg) no-repeat 0 0;
    background-size: 100% auto;
    content: " ";
    display: block;
    height: 2.5rem;
    left: -3.5rem;
    position: absolute;
    top: .5rem;
    width: 2.5rem
}

.o-section {
    background: #fff;
    min-height: 300px;
    margin-bottom: -100px;
    padding: 20px 0;
    width: 100%
}

table.table-primary {
    width: 100%;
    border-collapse: separate;
    display: inline-table;
    border-left: 1px solid gray;
    font-size: 1.6rem
}

table.table-primary td,
table.table-primary th {
    padding: 12px;
    text-align: left
}

table.table-primary caption,
table.table-primary th {
    background-color: #d7d8d6;
    font-weight: 700;
    border: 1px solid gray
}

table.table-primary caption {
    padding: 12px
}

table.table-primary th {
    border-left: 0
}

table.table-primary td,
table.table-primary tr {
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    font-weight: 400
}

table.table-primary--body-background {
    background-color: #ededed
}

table.table-primary p:last-child {
    margin-bottom: 0
}

.o-text--small {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.o-text--large,
.o-text--massive,
.o-text--medium,
.o-text--xlarge,
.o-text--xxxlarge {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.o-text--large,
.o-text--massive,
.o-text--xlarge,
.o-text--xxxlarge {
    font-size: 2.2rem;
    line-height: 1.25
}

.o-text--massive,
.o-text--xlarge,
.o-text--xxxlarge {
    font-size: 3.8rem;
    line-height: 1.1
}

.o-text--massive,
.o-text--xxxlarge {
    font-size: 6rem
}

.o-text--massive {
    font-size: 11rem;
    line-height: 1
}

.o-text--bottom-margin {
    margin-bottom: 50px
}

@media (max-width:768px) {
    .o-text--large,
    .o-text--xxxlarge {
        font-size: 1.6rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
    .o-text--xxxlarge {
        font-size: 2.8rem;
        line-height: 1.25
    }
}

.o-text-container {
    display: inline-block;
    height: auto;
    width: 100%;
    max-width: calc(1700px/2);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.o-text-container--slate {
    background: #3e505d;
    color: #fff
}

.o-text-container--left {
    padding: 60px 60px 60px calc(100% - 620px)
}

@media (max-width:1280px) {
    .o-text-container--left {
        padding: 60px 60px 60px 20px
    }
}

@media (min-width:1700px) {
    .o-text-container--left {
        padding: 60px 60px 60px 230px
    }
}

.o-text-container--right {
    padding: 60px calc(60px + (10%*2)) 0 60px
}

@media (max-width:1280px) {
    .o-text-container--right {
        padding: 60px 20px 0 60px
    }
}

@media (max-width:992px) {
    .o-text-container--right {
        padding: 60px 60px 0
    }
}

.c-text-block .o-text-container--right {
    padding: 60px calc(60px + (10%*2)) 60px 60px
}

@media (max-width:1280px) {
    .c-text-block .o-text-container--right {
        padding: 60px calc(60px + 5%*2) 60px 60px
    }
}

@media (max-width:992px) {
    .c-text-block .o-text-container--right {
        padding: 20px
    }
}

.o-text-container--white {
    padding-top: 0
}

@media (max-width:768px) {
    .o-text-container {
        padding: 20px;
        font-size: 1.6rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
}

@media (max-width:480px) {
    .o-text-container {
        padding: 10px
    }
}

.o-banner,
.o-banner img {
    position: relative;
    z-index: 3
}

@media (min-width:1700px) {
    .o-banner {
        max-width: 1700px;
        margin: 0 auto 60px
    }
}

.o-banner img {
    float: left;
    height: auto;
    width: 100%
}

@media (max-width:768px) {
    .o-banner img {
        height: 300px;
        width: auto
    }
}

.o-jump-link {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    left: 200px;
    top: 10px
}

.o-jump-link:focus {
    clip: auto;
    height: auto;
    width: auto
}

@media (max-width:992px) {
    .o-jump-link:focus {
        left: auto;
        right: 20px
    }
}

@media (max-width:768px) {
    .o-jump-link:focus {
        right: 10px
    }
}

.c-country-selector .o-jump-link {
    left: 10px;
    right: auto;
    top: 0
}

.o-site-wrapper {
    overflow: hidden;
    min-height: 100%
}

.o-site-wrapper--animate {
    position: relative
}

.o-site-wrapper--campaign [class^=o-layout--] {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.o-site-wrapper--home {
    padding-bottom: 0
}

.o-site-wrapper--editorial .c-footer {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.o-content-wrapper,
.o-page-wrapper {
    background-color: #fff
}

.o-page-wrapper {
    -webkit-transition: all .9s cubic-bezier(.69, .12, .34, .89);
    transition: all .9s cubic-bezier(.69, .12, .34, .89);
    position: relative;
    width: 100%
}

@media (max-width:992px) {
    .c-nav-tray--open .o-content-wrapper,
    .c-nav-tray--open .o-page-wrapper {
        margin-left: 276px
    }
}

.o-page {
    position: relative;
    background: #fff;
    overflow: auto;
    padding-top: 20px;
    top: -20px;
    -ms-overflow-style: none
}

.o-page__mask_ {
    left: 0;
    right: 0;
    position: absolute;
    top: -10px;
    bottom: 0;
    display: none
}

@media (max-width:992px) {
    .c-nav-tray--open .o-page__mask_ {
        display: block
    }
}

.o-content-wrapper {
    -webkit-transition: all .9s cubic-bezier(.69, .12, .34, .89);
    transition: all .9s cubic-bezier(.69, .12, .34, .89);
    position: absolute;
    display: none;
    top: 0;
    left: 999999px;
    width: 100%
}

.o-content-wrapper--main {
    display: block;
    left: 0
}

.o-content-wrapper--main .c-footer {
    margin: 0 0 -20px !important
}

.edit-mode .o-content-wrapper--main {
    margin-top: 200px
}

.o-content-wrapper--visible {
    position: absolute;
    top: 0;
    display: block
}

.o-content {
    position: relative;
    background: #fff;
    -ms-overflow-style: none;
    min-height: calc(100vh - 202px);
    display: block
}

.o-content__mask {
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    display: none;
    width: 100%;
    height: 100%
}

@media (max-width:992px) {
    .c-nav-tray--open .o-content__mask {
        display: block
    }
}

.o-layout {
    margin: 0 auto
}

@media (max-width:768px) {
    .o-layout {
        margin: 0 10px
    }
}

.o-layout--slate {
    background: #3e505d;
    margin: 0 auto;
    max-width: 1700px
}

.o-layout--border {
    border-bottom: 1px solid #d7d8d6;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

.o-layout ul {
    padding-left: 20px
}

.o-layout li,
.o-layout--12 .o-layout__primary p {
    margin-bottom: 20px
}

.c-two-column-container .o-layout {
    margin: 60px auto;
    max-width: 1240px
}

@media (max-width:768px) {
    .c-two-column-container .o-layout {
        margin: 0
    }
}

@media (min-width:1700px) {
    .o-layout {
        margin: 0 auto
    }
}

@media (max-width:1280px) {
    .o-content-wrapper--slide .o-layout {
        margin: 0
    }
}

@media (max-width:768px) {
    .o-layout {
        margin: 0
    }
}

.o-layout__flex,
.o-layout__flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.o-layout__flex .o-layout__primary,
.o-layout__flex .o-layout__primary .c-image-promo,
.o-layout__flex .o-layout__primary .c-text-promo,
.o-layout__flex .o-layout__secondary,
.o-layout__flex .o-layout__secondary .c-image-promo,
.o-layout__flex .o-layout__secondary .c-text-promo,
.o-layout__flex .o-layout__tertiary,
.o-layout__flex .o-layout__tertiary .c-image-promo,
.o-layout__flex .o-layout__tertiary .c-text-promo {
    max-height: 200px
}

@media (max-width:768px) {
    .o-layout__flex .o-layout__primary,
    .o-layout__flex .o-layout__secondary,
    .o-layout__flex .o-layout__tertiary {
        margin: 0 0 20px
    }
}

@media (max-width:768px) {
    .o-layout__flex .o-layout__primary .c-image-promo,
    .o-layout__flex .o-layout__primary .c-text-promo,
    .o-layout__flex .o-layout__secondary .c-image-promo,
    .o-layout__flex .o-layout__secondary .c-text-promo,
    .o-layout__flex .o-layout__tertiary .c-image-promo,
    .o-layout__flex .o-layout__tertiary .c-text-promo {
        margin: 0 0 20px
    }
}

.o-layout__flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.o-layout__primary {
    padding-left: 20px
}

@media (max-width:992px) {
    .o-layout__primary,
    .o-layout__secondary,
    .o-layout__tertiary {
        padding: 0 20px !important;
        margin-bottom: 20px
    }
}

@media (max-width:768px) {
    .o-layout__primary,
    .o-layout__secondary,
    .o-layout__tertiary {
        padding: 0 10px !important;
        margin-bottom: 10px
    }
}

.o-layout-container {
    background: #fff;
    -webkit-transition: all .9s cubic-bezier(.69, .12, .34, .89);
    transition: all .9s cubic-bezier(.69, .12, .34, .89);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.o-layout-container:after {
    content: " ";
    display: block;
    clear: both
}

@media (max-width:992px) {
    .o-lock-scroll .o-content-wrapper,
    .o-lock-scroll .o-page-wrapper {
        position: fixed;
        overflow: hidden;
        width: 100%;
        height: 100%
    }
}

.no-scroll {
    overflow: hidden
}

.o-content-wrapper--main {
    position: relative
}

.o-layout--12 .o-layout__primary {
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden;
    padding: 0 20px
}

.o-layout--12--sector .o-layout__primary {
    padding: 0 20px;
    margin-top: -60px
}

.o-layout--0-8-0 .o-layout__primary {
    max-width: 780px;
    margin: 0 auto
}

.o-layout--2-10,
.o-layout--2-8-2,
.o-layout--3-3-3-3,
.o-layout--4-4-4 {
    overflow: hidden;
    margin: 0 auto;
    max-width: 1280px
}

.o-layout--2-10:after,
.o-layout--2-10:before,
.o-layout--2-8-2:after,
.o-layout--2-8-2:before,
.o-layout--3-3-3-3:after,
.o-layout--3-3-3-3:before,
.o-layout--3-6-3 .o-layout__primary:after,
.o-layout--3-6-3 .o-layout__primary:before,
.o-layout--3-8-1 .o-layout__primary:after,
.o-layout--3-8-1 .o-layout__primary:before,
.o-layout--4-4-4 .o-layout__primary:after,
.o-layout--4-4-4 .o-layout__primary:before,
.o-layout--4-4-4 .o-layout__secondary:after,
.o-layout--4-4-4 .o-layout__secondary:before,
.o-layout--4-4-4 .o-layout__tertiary:after,
.o-layout--4-4-4 .o-layout__tertiary:before,
.o-layout--4-4-4:after,
.o-layout--4-4-4:before,
.o-layout--80:after,
.o-layout--80:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.o-layout--2-10 .o-layout__primary {
    width: 15.2542372881%;
    float: left;
    margin-right: 1.6949152542%
}

.has-sections.o-site-wrapper--editorial .c-section .o-layout--2-10 .o-layout__primary {
    width: 23.7288135593%;
    float: left;
    margin-right: 1.6949152542%
}

@media (max-width:768px) {
    .has-sections.o-site-wrapper--editorial .c-section .o-layout--2-10 .o-layout__primary,
    .o-layout--2-10 .o-layout__primary {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.o-layout--2-10 .o-layout__secondary {
    width: 83.0508474576%;
    float: right;
    margin-right: 0
}

.has-sections.o-site-wrapper--editorial .c-section .o-layout--2-10 .o-layout__secondary {
    width: 74.5762711864%;
    float: right;
    margin-right: 0
}

@media (max-width:768px) {
    .has-sections.o-site-wrapper--editorial .c-section .o-layout--2-10 .o-layout__secondary,
    .o-layout--2-10 .o-layout__secondary {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.o-layout--3-3-3-3 .o-layout__col {
    width: 23.7288135593%;
    float: left;
    margin-right: 1.6949152542%
}

@media (max-width:480px) {
    .o-layout--3-3-3-3 .o-layout__col {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:481px)and (max-width:992px) {
    .o-layout--3-3-3-3 .o-layout__col {
        width: 49.1525423729%;
        float: left;
        margin-right: 1.6949152542%
    }
    .o-layout--3-3-3-3 .o-layout__col:nth-child(odd) {
        clear: both
    }
    .o-layout--3-3-3-3 .o-layout__col:nth-child(even) {
        float: right;
        margin-right: 0
    }
}

.o-layout--3-3-3-3 .o-layout__col:last-child {
    float: right;
    margin-right: 0
}

.o-layout--3-6-3 .o-layout__primary {
    width: 23.7288135593%;
    float: left;
    margin-right: 1.6949152542%
}

.o-layout--3-6-3 .o-layout__secondary {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%
}

.o-layout--3-6-3 .o-layout__tertiary {
    width: 23.7288135593%;
    float: right;
    margin-right: 0
}

.o-layout--3-8-1 .o-layout__primary {
    width: 23.7288135593%;
    float: left;
    margin-right: 1.6949152542%
}

@media (max-width:480px) {
    .o-layout--3-8-1 .o-layout__primary {
        display: none
    }
}

.o-layout--3-8-1 .o-layout__secondary {
    width: 66.1016949153%;
    float: left;
    margin-right: 1.6949152542%
}

@media (max-width:480px) {
    .o-layout--3-8-1 .o-layout__secondary {
        width: 100%;
        float: right;
        margin-right: 0
    }
}

.o-layout--3-8-1 .o-layout__tertiary {
    width: 6.7796610169%;
    float: right;
    margin-right: 0
}

@media (max-width:480px) {
    .o-layout--3-8-1 .o-layout__tertiary {
        display: none
    }
}

.o-layout--4-4-4 .o-layout__primary,
.o-layout--4-4-4 .o-layout__secondary,
.o-layout--4-4-4 .o-layout__tertiary {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%;
    position: relative;
    padding-left: 0
}

.o-layout--4-4-4 .o-layout__tertiary {
    float: right;
    margin-right: 0
}

@media (max-width:992px) {
    .o-layout--4-4-4 .o-layout__primary,
    .o-layout--4-4-4 .o-layout__secondary,
    .o-layout--4-4-4 .o-layout__tertiary {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0
    }
}

.o-layout--4-4-4 .o-layout__col {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%
}

@media (max-width:480px) {
    .o-layout--4-4-4 .o-layout__col {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:481px)and (max-width:992px) {
    .o-layout--4-4-4 .o-layout__col {
        width: 49.1525423729%;
        float: left;
        margin-right: 1.6949152542%
    }
    .o-layout--4-4-4 .o-layout__col:nth-child(odd) {
        clear: both
    }
    .o-layout--4-4-4 .o-layout__col:nth-child(even) {
        float: right;
        margin-right: 0
    }
}

.o-layout--4-4-4 .o-layout__col:last-child {
    margin-right: 0;
    float: left
}

.o-layout--4-8 .o-layout__col:first-child {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%
}

@media (max-width:768px) {
    .o-layout--4-8 .o-layout__col:first-child {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.o-layout--4-8 .o-layout__col:last-child {
    width: 66.1016949153%;
    float: right;
    margin-right: 0
}

@media (max-width:768px) {
    .o-layout--4-8 .o-layout__col:last-child {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.o-layout--6-6 .o-layout__primary {
    float: left;
    margin-right: 1.6949152542%
}

.o-layout--6-6 .o-layout__primary,
.o-layout--6-6 .o-layout__secondary {
    position: relative;
    width: 49.1525423729%
}

@media (max-width:992px) {
    .o-layout--6-6 .o-layout__primary,
    .o-layout--6-6 .o-layout__secondary {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0
    }
}

@media (min-width:1025px) {
    .o-layout--6-6 .o-layout__primary {
        margin-left: -20px
    }
}

.o-layout--6-6 .o-layout__secondary {
    float: right;
    margin-right: 0
}

.o-content-wrapper--slide .o-layout--6-6 .o-layout__secondary {
    padding: 0 10% 0 10px
}

.o-layout--6-6 .o-layout__col {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%
}

@media (max-width:768px) {
    .o-layout--6-6 .o-layout__col {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.o-layout--6-6 .o-layout__col:last-child {
    margin-right: 0;
    float: left
}

.o-layout--8-3 .o-layout__col:first-child {
    width: 66.1016949153%;
    float: left;
    margin-right: 1.6949152542%
}

@media (max-width:992px) {
    .o-layout--8-3 .o-layout__col:first-child {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.o-layout--8-3 .o-layout__col:last-child {
    width: 23.7288135593%;
    float: right;
    margin-right: 0
}

@media (max-width:992px) {
    .o-layout--8-3 .o-layout__col:last-child {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.o-layout--8-4 .o-layout__primary {
    width: 66.1016949153%;
    float: left;
    margin-right: 1.6949152542%
}

@media (max-width:768px) {
    .o-layout--8-4 .o-layout__primary {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.o-layout--8-4 .o-layout__secondary {
    width: 32.2033898305%;
    float: right;
    margin-right: 0
}

@media (max-width:768px) {
    .o-layout--8-4 .o-layout__secondary {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.o-layout--2-8-2 .o-layout__primary {
    width: 15.2542372881%;
    float: left;
    margin-right: 1.6949152542%;
    padding-bottom: 1px
}

.has-sections.o-site-wrapper--editorial .c-section .o-layout--2-8-2 .o-layout__primary {
    width: 23.7288135593%;
    float: left;
    margin-right: 1.6949152542%;
    max-width: 580px
}

@media (max-width:768px) {
    .has-sections.o-site-wrapper--editorial .c-section .o-layout--2-8-2 .o-layout__primary {
        float: none;
        margin: 0 auto;
        width: 100%
    }
    .o-layout--2-8-2 .o-layout__primary {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.o-layout--2-8-2 .o-layout__secondary {
    width: 66.1016949153%;
    float: left;
    margin-right: 1.6949152542%;
    padding-bottom: 1px
}

@media (max-width:768px) {
    .o-layout--2-8-2 .o-layout__secondary {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.has-sections.o-site-wrapper--editorial .c-section .o-layout--2-8-2 .o-layout__secondary {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
    max-width: 580px
}

@media (max-width:768px) {
    .has-sections.o-site-wrapper--editorial .c-section .o-layout--2-8-2 .o-layout__secondary {
        padding-left: 10px;
        padding-right: 10px;
        float: none;
        margin: 0 auto;
        width: 100%
    }
}

.o-layout--2-8-2 .o-layout__tertiary {
    width: 15.2542372881%;
    float: right;
    margin-right: 0;
    padding-bottom: 1px
}

.has-sections.o-site-wrapper--editorial .c-section .o-layout--2-8-2 .o-layout__tertiary {
    width: 23.7288135593%;
    float: right;
    margin-right: 0;
    padding-right: 10px
}

@media (max-width:768px) {
    .has-sections.o-site-wrapper--editorial .c-section .o-layout--2-8-2 .o-layout__tertiary {
        float: none;
        margin: 0 auto 20px;
        width: 100%;
        max-width: 580px
    }
    .o-layout--2-8-2 .o-layout__tertiary {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.o-layout--80 {
    overflow: hidden;
    margin: 0 auto;
    width: 80%
}

.has-sections.o-site-wrapper--editorial .c-section .o-layout--80 {
    max-width: 780px
}

@media (max-width:1180px) {
    .has-sections.o-site-wrapper--editorial .c-section .o-layout--80 {
        width: 63%
    }
}

@media (max-width:768px) {
    .has-sections.o-site-wrapper--editorial .c-section .o-layout--80,
    .o-layout--80 {
        width: 95%
    }
}

.c-anchor-links,
.c-anchor-links .c-anchor-links__title {
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

.c-anchor-links {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 300;
    border-top: 1px solid #d7d8d6;
    border-bottom: 1px solid #d7d8d6;
    text-align: center;
    margin: 10px 0 30px -20px;
    padding: 0 0 10px;
    width: calc(100% + 40px)
}

@media (max-width:768px) {
    .c-anchor-links {
        display: none
    }
}

.c-anchor-links .c-anchor-links__title {
    font-size: 1.8rem;
    line-height: 1.45;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    padding: 10px;
    margin: 0;
    background: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-anchor-links .c-anchor-links__nav-item {
    width: calc(33.33% - 20px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    margin-bottom: 5px
}

.c-anchor-links .c-anchor-links__nav-item:nth-of-type(3n) {
    margin-right: 0
}

@media (max-width:768px) {
    .c-anchor-links .c-anchor-links__nav-item.c-anchor-links__nav-item {
        width: calc(50% - 10px);
        margin-right: 20px
    }
    .c-anchor-links .c-anchor-links__nav-item.c-anchor-links__nav-item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media (max-width:480px) {
    .c-anchor-links .c-anchor-links__nav-item.c-anchor-links__nav-item {
        width: 100%;
        margin-right: 0
    }
}

@media (max-width:768px) {
    .c-anchor-links {
        margin: 10px 0 30px;
        width: 100%
    }
}

.c-anchor-links__nav-list {
    margin-top: -15px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.c-anchor-links__nav-list.c-anchor-links__nav-list {
    padding: 0 20px 15px;
    text-align: center
}

.c-anchor-links__nav-link {
    display: block;
    text-decoration: none;
    text-align: left
}

.c-anchor-links__nav-link:focus,
.c-anchor-links__nav-link:hover {
    border: 0;
    text-decoration: underline
}

.c-animated-number {
    display: inline-block;
    margin: -8px -30px 0 0;
    position: relative;
    vertical-align: top;
    font-weight: 300
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    .c-animated-number {
        font-size: 60px;
        vertical-align: middle;
        line-height: 1.8
    }
}

.c-animated-number__original-no {
    position: absolute;
    left: -5000px
}

.c-animated-number__prefix {
    float: left;
    margin: -8px 5px 0 0;
    font-weight: 300
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    .c-animated-number__prefix {
        font-size: 60px;
        float: none;
        margin: -1px -20px 0 0;
        line-height: 2;
        vertical-align: middle
    }
}

.c-animated-number__sufix {
    position: absolute;
    margin-left: 25px;
    top: -10px;
    font-weight: 300
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    .c-animated-number__sufix {
        position: relative;
        font-size: 60px;
        margin-left: 0;
        vertical-align: middle;
        line-height: 1;
        top: -2px
    }
    .c-animated-number__sufix:after {
        content: ".";
        visibility: hidden
    }
}

.c-animated-number__digit {
    display: inline-block;
    line-height: 1;
    font-size: 110px;
    height: calc(110px + 10px)
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    .c-animated-number__digit {
        font-size: 60px;
        height: calc(60px - 0px)
    }
}

.c-animated-number__digits {
    -webkit-animation-name: number-anim;
    animation-name: number-anim;
    -webkit-animation-iteration-count: 10;
    animation-iteration-count: 10;
    -webkit-animation-timing-function: cubic-bezier(.07, .6, 0, .93);
    animation-timing-function: cubic-bezier(.07, .6, 0, .93)
}

.c-animated-number__container {
    margin: 10px 0 5px;
    position: relative
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    .c-animated-number__container {
        margin: -20px 0 -30px
    }
}

.number-part {
    text-align: center;
    overflow: hidden;
    display: inline-block;
    margin-left: -5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(110px - 45px);
    height: calc(110px - 5px)
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    .number-part {
        width: calc(60px - 25px);
        height: calc(60px - 5px);
        line-height: 32px
    }
}

.number-part:nth-last-child(3n+4),
.number-part:nth-last-child(6n+4) {
    margin-right: 10px
}

.number-part:nth-last-child(3n+4)::after {
    content: ",";
    display: block;
    line-height: 1;
    width: 10px;
    height: 90px;
    position: absolute;
    font-size: 110px;
    top: 5px
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    .number-part:nth-last-child(3n+4)::after {
        font-size: 60px;
        top: 0
    }
}

.number-part:nth-last-child(6n+4)::after {
    content: ",";
    display: block;
    line-height: 1;
    width: 10px;
    height: 90px;
    position: absolute;
    font-size: 110px;
    top: 5px
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    .number-part:nth-last-child(6n+4)::after {
        font-size: 60px;
        top: 0
    }
}

.number-part:nth-last-child(4)::after {
    right: 190px
}

.number-part:nth-last-child(7)::after {
    right: 380px
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    .number-part:nth-last-child(4)::after {
        right: 95px
    }
    .number-part:nth-last-child(7)::after {
        right: 195px
    }
}

.number-part-0 .c-animated-number__digits {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-iteration-count: 8;
    animation-iteration-count: 8
}

.number-part-1 .c-animated-number__digits {
    -webkit-animation-duration: .23s;
    animation-duration: .23s;
    -webkit-animation-iteration-count: 7;
    animation-iteration-count: 7
}

.number-part-2 .c-animated-number__digits {
    -webkit-animation-duration: .21s;
    animation-duration: .21s;
    -webkit-animation-iteration-count: 6;
    animation-iteration-count: 6
}

.number-part-3 .c-animated-number__digits {
    -webkit-animation-duration: .19s;
    animation-duration: .19s;
    -webkit-animation-iteration-count: 5;
    animation-iteration-count: 5
}

.number-part-4 .c-animated-number__digits {
    -webkit-animation-duration: .17s;
    animation-duration: .17s;
    -webkit-animation-iteration-count: 4;
    animation-iteration-count: 4
}

.number-part-5 .c-animated-number__digits {
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3
}

.number-part-6 .c-animated-number__digits {
    -webkit-animation-duration: .13s;
    animation-duration: .13s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2
}

.number-part-7 .c-animated-number__digits {
    -webkit-animation-duration: .11s;
    animation-duration: .11s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.number-part-8 .c-animated-number__digits {
    -webkit-animation-duration: .09s;
    animation-duration: .09s;
    -webkit-animation-iteration-count: 0;
    animation-iteration-count: 0
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    @-webkit-keyframes number-anim {
        0% {
            -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        10% {
            -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        20% {
            -webkit-transform: translateY(-180px);
            transform: translateY(-180px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        30% {
            -webkit-transform: translateY(-240px);
            transform: translateY(-240px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        40% {
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        50% {
            -webkit-transform: translateY(-360px);
            transform: translateY(-360px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        60% {
            -webkit-transform: translateY(-420px);
            transform: translateY(-420px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        70% {
            -webkit-transform: translateY(-480px);
            transform: translateY(-480px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        80% {
            -webkit-transform: translateY(-540px);
            transform: translateY(-540px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        90% {
            -webkit-transform: translateY(-600px);
            transform: translateY(-600px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
    }
    @keyframes number-anim {
        0% {
            -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        10% {
            -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        20% {
            -webkit-transform: translateY(-180px);
            transform: translateY(-180px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        30% {
            -webkit-transform: translateY(-240px);
            transform: translateY(-240px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        40% {
            -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        50% {
            -webkit-transform: translateY(-360px);
            transform: translateY(-360px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        60% {
            -webkit-transform: translateY(-420px);
            transform: translateY(-420px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        70% {
            -webkit-transform: translateY(-480px);
            transform: translateY(-480px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        80% {
            -webkit-transform: translateY(-540px);
            transform: translateY(-540px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
        90% {
            -webkit-transform: translateY(-600px);
            transform: translateY(-600px);
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }
    }
}

.animations {
    overflow: hidden
}

.animations>:first-child {
    -webkit-transition: cubic-bezier(.39, .01, .33, 1) .8s all;
    transition: cubic-bezier(.39, .01, .33, 1) .8s all;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.animations--up[data-animate]>:first-child {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.animations--down[data-animate]>:first-child {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.animations--right[data-animate]>:first-child {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
}

.animations--left[data-animate]>:first-child {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.c-article-list {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px
}

.c-article-list:after,
.c-article-list:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.c-article-list:after {
    content: " "
}

@media (min-width:1281px) {
    .c-article-list {
        padding: 0 20px
    }
}

@media (max-width:1280px) {
    .c-article-list {
        padding: 0 20px
    }
}

@media (max-width:768px) {
    .c-article-list {
        padding: 0 10px;
        margin-bottom: 40px
    }
}

@media (max-width:992px) {
    .c-article-list__column {
        margin-bottom: 40px
    }
}

.c-article-list__column-primary {
    width: 66.1016949153%;
    float: left;
    margin-right: 1.6949152542%;
    padding-right: 20px
}

@media (max-width:992px) {
    .c-article-list__column-primary {
        width: 100%;
        float: right;
        margin-right: 0;
        padding-right: 0
    }
}

@media (max-width:480px) {
    .c-article-list__column-primary {
        margin-bottom: 20px
    }
}

.c-article-list__column-primary .c-article-list__load-button {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%
}

@media (max-width:768px) {
    .c-article-list__column-primary .c-article-list__load-button {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.c-article-list__column-secondary {
    width: 32.2033898305%;
    float: right;
    margin-right: 0
}

@media (max-width:992px) {
    .c-article-list__column-secondary {
        width: 100%;
        float: right;
        margin-right: 0
    }
}

.c-article-list__column-secondary .c-article-list__load-button {
    width: 66.1016949153%;
    float: left;
    margin-right: 1.6949152542%
}

@media (max-width:768px) {
    .c-article-list__column-secondary .c-article-list__load-button {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.c-article-list__load-button {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 10px;
    color: #333;
    border: 1px solid #d7d8d6;
    background-color: #eee
}

.c-article-list__load-button:hover {
    cursor: pointer
}

.c-article-list__load-button:disabled {
    cursor: not-allowed;
    background-color: #d7d8d6
}

.c-article-list .c-heading {
    margin-bottom: 32px
}

.c-article-banner .o-card {
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    transform: none
}

.c-article-banner .o-card__body {
    margin-bottom: 10px
}

@media (max-width:480px) {
    .c-article-banner .o-card__body {
        display: none
    }
}

.c-article-banner .o-banner {
    margin: 0 auto
}

.c-article-hero {
    margin-bottom: 3rem;
    position: relative
}

@media (max-width:768px) {
    .c-article-hero {
        margin-bottom: 1rem
    }
}

@media (min-width:1700px) {
    .c-article-hero {
        max-width: 1700px;
        margin: 0 auto 60px
    }
}

.c-article-hero__img {
    width: 100%
}

.c-article-hero__content {
    margin: -17rem 2rem 0;
    position: relative
}

@media (max-width:768px) {
    .c-article-hero__content {
        margin: -3rem 1rem 0
    }
}

.c-article-hero__container {
    margin: 0 auto;
    max-width: 1240px
}

.c-article-hero__bg {
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
    margin-bottom: 5rem;
    padding: 4.7rem 3.7rem;
    width: 83.33%
}

@media (max-width:768px) {
    .c-article-hero__bg {
        width: 100%
    }
}

.c-article-hero__title {
    font-size: 6rem;
    line-height: 1.1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

@media (max-width:768px) {
    .c-article-hero__title {
        font-size: 3.8rem;
        line-height: 1.1;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
}

.c-article-hero__author,
.c-article-hero__date {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.c-article-hero__author {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width:768px) {
    .c-article-hero__author {
        font-size: 1.4rem;
        line-height: 1.5;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 600;
        text-transform: none
    }
}

.c-article-hero__sub-area {
    margin: 0 auto;
    max-width: 1280px
}

.c-article-hero__subtitle {
    font-size: 2.2rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    color: #333;
    margin: 0 2rem;
    max-width: 60rem;
    padding-left: 3rem
}

@media (max-width:768px) {
    .c-article-hero__subtitle {
        font-size: 1.8rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 400;
        text-transform: none;
        margin: 0 1rem;
        padding-left: 0
    }
}

.c-article-hero--noimg .c-article-hero__content {
    margin-top: 0
}

.c-article-hero--noimg .c-article-hero__bg {
    margin-left: 0
}

.c-author {
    margin-bottom: 2rem
}

.c-author__pic {
    border-radius: 50%;
    display: inline-block;
    height: 6rem;
    margin-right: 2rem;
    vertical-align: top;
    width: 6rem
}

.c-author__details {
    display: inline-block;
    max-width: 22rem
}

.c-author__job,
.c-author__name {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

.c-author__name {
    font-weight: 700;
    margin-bottom: .5rem
}

.c-author__job {
    font-weight: 400;
    margin-bottom: 0
}

.c-hero-campaign {
    height: 65vh;
    margin: 0 auto;
    max-width: 1700px;
    min-height: 45rem;
    position: relative
}

@media (max-width:992px) {
    .c-hero-campaign {
        height: auto;
        min-height: auto
    }
}

.c-hero-campaign__img-area {
    height: 65vh;
    min-height: 45rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width:992px) {
    .c-hero-campaign__img-area {
        height: auto;
        min-height: auto;
        position: relative
    }
}

.c-hero-campaign__img {
    display: block;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-hero-campaign .o-layout--12 {
    position: relative
}

@media (max-width:992px) {
    .c-hero-campaign .o-layout--12 {
        position: initial
    }
}

.c-hero-campaign__logo-area {
    left: 2rem;
    position: absolute;
    top: 1.7rem
}

@media (max-width:992px) {
    .c-hero-campaign__logo-area {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 25rem
    }
}

.c-hero-campaign__logo {
    display: block;
    height: 2.6rem;
    width: 13.4rem
}

@media (max-width:992px) {
    .c-hero-campaign__logo {
        display: none
    }
}

.c-hero-campaign__main {
    left: 9rem;
    position: absolute;
    top: 12rem
}

@media (max-width:992px) {
    .c-hero-campaign__main {
        left: auto;
        position: relative;
        top: auto;
        width: 100%
    }
}

.c-hero-campaign__heading {
    font-size: 4.4rem;
    line-height: 1.1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 0;
    padding: 2rem 4rem
}

@media (max-width:768px) {
    .c-hero-campaign__heading {
        padding: 1.5rem 2rem
    }
}

@media (max-width:992px) {
    .c-hero-campaign__heading {
        font-size: 3.2rem;
        line-height: 1.25;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
}

.c-hero-campaign__content {
    background-color: #253038;
    color: #fff;
    margin: 0 2rem;
    padding: 2.5rem;
    width: 50.5rem
}

@media (max-width:992px) {
    .c-hero-campaign__content {
        width: auto
    }
}

@media (max-width:768px) {
    .c-hero-campaign__content {
        margin: 0 1rem
    }
}

.c-hero-campaign__text {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

@media (max-width:768px) {
    .c-hero-campaign__text {
        font-size: 1.4rem;
        line-height: 1.5;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 1rem
    }
}

.c-hero-campaign__cta {
    background-color: #db0011;
    display: inline-block;
    margin-right: 2rem;
    padding: 1rem
}

.c-hero-campaign__cta:hover {
    background-color: #af0618;
    text-decoration: none
}

.c-hero-campaign__cta,
.c-hero-campaign__link {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-hero-campaign__icon {
    fill: #fff;
    padding-right: .5rem
}

.c-hero-campaign--medium,
.c-hero-campaign--medium .c-hero-campaign__img-area {
    height: 58.5vh;
    min-height: 40rem
}

@media (max-width:992px) {
    .c-hero-campaign--medium {
        height: auto;
        min-height: auto
    }
}

@media (max-width:992px) {
    .c-hero-campaign--medium .c-hero-campaign__img-area {
        height: auto;
        min-height: auto
    }
}

.c-hero-campaign--medium .c-hero-campaign__content {
    width: 73rem
}

@media (max-width:992px) {
    .c-hero-campaign--medium .c-hero-campaign__content {
        width: auto
    }
}

.c-hero-campaign--small,
.c-hero-campaign--small .c-hero-campaign__img-area {
    height: 45.5vh;
    min-height: 32rem
}

@media (max-width:992px) {
    .c-hero-campaign--small {
        height: auto;
        min-height: auto
    }
}

@media (max-width:992px) {
    .c-hero-campaign--small .c-hero-campaign__img-area {
        height: auto;
        min-height: auto
    }
}

.c-hero-campaign--small .c-hero-campaign__main {
    left: 2rem;
    top: 9.5rem
}

@media (max-width:992px) {
    .c-hero-campaign--small .c-hero-campaign__main {
        left: auto;
        top: auto
    }
}

.c-hero-campaign--small .c-hero-campaign__heading {
    font-size: 3.2rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    padding: 2rem
}

@media (max-width:992px) {
    .c-hero-campaign--small .c-hero-campaign__heading {
        padding: 2rem 4rem
    }
}

.c-hero-campaign--small .c-hero-campaign__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
    width: 87rem
}

@media (max-width:992px) {
    .c-hero-campaign--small .c-hero-campaign__content {
        display: block;
        margin: 0 4rem;
        width: auto
    }
}

@media (max-width:768px) {
    .c-hero-campaign--small .c-hero-campaign__content {
        margin: 0 2rem
    }
}

.c-hero-campaign--small .c-hero-campaign__text {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    display: inline-block;
    margin: 0 4.5rem 0 0;
    width: 50rem
}

@media (max-width:992px) {
    .c-hero-campaign--small .c-hero-campaign__text {
        margin: 0 0 1rem;
        width: auto
    }
}

.c-block-text,
.c-hero-campaign--small .c-hero-campaign__cta,
.c-hero-campaign--small .c-hero-campaign__link {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-hero-campaign--light .c-hero-campaign__heading {
    background-color: #253038;
    color: #fff
}

.c-hero-campaign--light .c-hero-campaign__content {
    background-color: #fff;
    color: #253038
}

.c-hero-campaign--light .c-hero-campaign__cta {
    color: #fff
}

.c-hero-campaign--light .c-hero-campaign__icon {
    fill: #253038
}

.c-block-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.8rem;
    font-weight: 100;
    line-height: 1.2;
    max-width: 1700px;
    margin: 0 auto 60px
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    .c-block-text .c-animated-number__container {
        margin: -40px 0 -15px 20px
    }
}

@media (max-width:992px) {
    .c-block-text {
        margin-bottom: 50px
    }
}

@media (max-width:768px) {
    .c-block-text {
        display: block;
        font-size: 1.8rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none;
        margin-bottom: 10px
    }
}

.c-block-text .o-text--xxxlarge,
.o-content-wrapper--main .c-block-text {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.c-block-text .o-text--xxxlarge {
    font-size: 3.8rem;
    line-height: 1.1;
    font-weight: 300
}

@media (max-width:768px) {
    .c-block-text .o-text--xlarge,
    .c-block-text .o-text--xxxlarge {
        font-size: 2rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
    .c-block-text .o-text--xlarge {
        font-weight: 300
    }
}

.c-block-text__text {
    margin-bottom: 10px
}

.c-block-text--slate .o-half--left,
.c-block-text--slate .o-half--left .o-text-container {
    background: #3e505d;
    color: #fff
}

.c-block-text--dark-slate .o-half--left,
.c-block-text--dark-slate .o-half--left .o-text-container {
    background: #253038;
    color: #fff
}

.c-block-text--jade .o-half--left,
.c-block-text--jade .o-half--left .o-text-container {
    background: #008580;
    color: #fff
}

.c-block-text--blue .o-half--left,
.c-block-text--blue .o-half--left .o-text-container {
    background: #305a85;
    color: #fff
}

.c-block-text--green .o-half--left,
.c-block-text--green .o-half--left .o-text-container {
    background: #305f1b;
    color: #fff
}

.c-block-text--gold .o-half--left,
.c-block-text--gold .o-half--left .o-text-container {
    background: #e9a115;
    color: #fff
}

.c-block-text--antique-gold .o-half--left,
.c-block-text--antique-gold .o-half--left .o-text-container {
    background: #ba8111;
    color: #fff
}

.c-block-text .o-half {
    float: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    position: relative;
    display: table
}

@media (max-width:768px) {
    .c-block-text .o-half {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 90%;
        flex: 0 1 90%
    }
}

.c-block-text .o-text-container--left {
    display: table-cell;
    padding: 60px 60px 60px calc(100% - 620px)
}

@media (max-width:1280px) {
    .c-block-text .o-text-container--left {
        padding: 60px 60px 60px 20px
    }
}

@media (max-width:480px) {
    .c-block-text .o-text-container--left {
        padding: 20px 60px 40px 10px
    }
}

.c-block-text .c-media-selector {
    margin-top: 20px
}

.c-block-text .c-trackable-link {
    background: #3e505d;
    color: #fff;
    display: block;
    margin: 10px 0;
    padding: 10px 20px;
    text-align: center;
    width: 260px;
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.c-block-text .c-trackable-link .c-trackable-link__icon {
    display: none
}

.c-box-link {
    position: absolute;
    z-index: 200;
    left: 0;
    top: 2.375rem;
    background: #db0011
}

.c-box-link__link {
    display: block;
    padding: 19px
}

.c-box-link__link:focus {
    outline: auto
}

.c-box-link__link .o-icon {
    fill: #fff;
    -webkit-transform: rotate(90deg) translate(0, 3px);
    transform: rotate(90deg) translate(0, 3px)
}

.c-button {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    display: inline-block;
    margin-top: 1rem;
    padding: .5rem 3.75rem .75rem 1rem;
    color: #fff;
    text-decoration: none;
    border: 1px solid #db0011;
    background: #db0011;
    -webkit-transition: ease-in-out .2s border, ease-in-out .2s background, ease-in-out .2s color;
    transition: ease-in-out .2s border, ease-in-out .2s background, ease-in-out .2s color;
    -webkit-appearance: none
}

.c-button .o-icon {
    display: inline-block;
    fill: #fff
}

.c-button--white {
    border: 1px solid #404040;
    color: #404040;
    background: 0 0
}

.c-button--white .o-icon {
    fill: #404040;
    margin-bottom: -3px
}

.c-button--large {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    padding: 14px 20px 11px
}

.c-button--link {
    padding-left: 0;
    padding-right: 0;
    color: #404040;
    border-color: transparent;
    background-color: transparent
}

.c-button--outline,
.c-button--outline-dark {
    padding: 14px 20px 12px;
    background-color: transparent
}

.c-button--outline {
    text-decoration: none;
    border: solid 1px #fff;
    color: #fff
}

.c-button--outline:link,
.c-button--outline:visited {
    color: #fff
}

.c-button--outline-dark {
    border: solid 1px #404040;
    color: #404040
}

.c-button--outline-dark:link,
.c-button--outline-dark:visited {
    color: #404040
}

.c-button__action,
.c-button__label {
    display: block;
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-button__label {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 100
}

.c-button--thin {
    padding: 10px 15px
}

.c-button--transparent {
    background: 0 0;
    color: #5c5c5c
}

.c-button--transparent .o-icon {
    fill: #404040
}

.c-button--control {
    font-weight: 400;
    margin-top: 0;
    white-space: nowrap
}

.c-button--control .o-icon--small {
    margin-bottom: -6px
}

.c-button--control .o-icon--xsmall {
    margin-bottom: -1px
}

.c-button--control[disabled=disabled] {
    opacity: .5
}

.c-button--control:hover {
    cursor: pointer
}

.c-button--bold,
.c-button--control,
.c-button__note {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

.c-button__note {
    font-weight: 400;
    display: block;
    text-align: center;
    margin-top: 10px
}

.c-button--bold {
    font-weight: 700;
    padding: 1rem 2rem
}

.c-button--bold .o-icon {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    margin-right: 5px
}

.c-button--link[disabled=disabled] {
    opacity: .2
}

.c-button--link[disabled=disabled]:hover {
    text-decoration: none;
    cursor: not-allowed
}

.c-keyline-list__button .c-button[disabled=disabled] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .2
}

.c-button-dropdowns {
    position: relative;
    display: inline-block
}

.c-button-dropdowns__button {
    background-color: #db0011;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    padding: 1rem 2rem;
    border: unset
}

.c-button-dropdowns__button:hover {
    cursor: pointer
}

.c-button-dropdowns__button:focus {
    outline: unset
}

.c-button-dropdowns--expanded .c-button-dropdowns__button {
    background-color: #ededed;
    color: #404040
}

.c-button-dropdowns--expanded .c-button-dropdowns__icon .o-icon--white {
    fill: #404040
}

.c-button-dropdowns__list {
    display: none;
    position: absolute;
    right: 0;
    min-width: 250px;
    z-index: 3
}

.c-button-dropdowns--expanded .c-button-dropdowns__list {
    display: block
}

.c-button-dropdowns__list-item {
    position: relative;
    border-top: 1px solid #d7d8d6
}

.c-button-dropdowns__link {
    display: block;
    white-space: nowrap;
    padding: 11px 50px 9px 20px;
    color: #404040;
    background-color: #ededed;
    font-size: 1.8rem;
    font-weight: 400;
    text-decoration: none
}

.c-button-dropdowns__link:hover {
    background-color: #d7d8d6;
    text-decoration: none
}

.c-button-dropdowns__link::after {
    content: ">";
    line-height: 0;
    font-family: pwsicons, Arial;
    right: 16px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.c-button-icon--small {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-button-icon--small .c-icon {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.c-contact,
body .c-carousel__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-contact {
    margin: 25px 0 15px;
    font-style: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap
}

.c-contact__photo {
    border-radius: 45px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 85px;
    flex: 0 0 85px;
    width: 85px;
    height: 85px;
    margin: 0 20px 20px 0;
    overflow: hidden
}

@media (max-width:480px) {
    .c-contact__photo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45px;
        flex: 0 0 45px;
        width: 45px;
        height: 45px
    }
}

.c-contact__header,
.c-contact__job,
.c-contact__name {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    font-style: normal;
    display: block
}

.c-contact__job {
    margin-bottom: 25px
}

.c-contact__header {
    margin-bottom: 5px
}

.c-borderless-table {
    empty-cells: show;
    width: calc(100% + 40px);
    margin: 0 0 25px -20px;
    border-top: 1px solid #d7d8d6
}

.c-borderless-table td,
.c-borderless-table th {
    font-size: 1.6rem;
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none;
    padding: 10px 10px 25px 20px;
    line-height: 1.4
}

.c-borderless-table th {
    font-weight: 400;
    text-align: left
}

.c-borderless-table td {
    font-weight: 700
}

@media (max-width:480px) {
    .c-borderless-table {
        margin: 0 0 25px;
        width: 100%
    }
    .c-borderless-table td,
    .c-borderless-table th {
        padding: 10px 5px 15px;
        font-size: 1.4rem;
        line-height: 1.5
    }
}

.c-campaign-promo {
    overflow: auto;
    margin-top: 20px;
    margin-bottom: 20px
}

.c-campaign-promo__content {
    float: left;
    width: 75%;
    padding-right: 20px
}

@media (max-width:480px) {
    .c-campaign-promo__content {
        width: 100%
    }
}

.c-campaign-promo__img {
    float: right;
    width: 25%
}

@media (max-width:480px) {
    .c-campaign-promo__img {
        width: 100%;
        float: none
    }
}

.c-campaign-promo__link,
.c-campaign-promo__text {
    font-size: 4.4rem;
    line-height: 1.1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.c-campaign-promo__text {
    font-size: 2.4rem;
    line-height: 1.25;
    font-weight: 100;
    margin-top: 1rem
}

.c-carousel {
    padding: 40px 0 50px;
    margin: 0 auto;
    max-width: 1700px
}

.c-carousel__heading {
    color: #fff;
    font-size: 4.4rem;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1.5;
    margin-bottom: 30px;
    text-align: center
}

@media (max-width:1024px) {
    .c-carousel__heading {
        font-size: 2.8rem;
        line-height: 1.25;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 400;
        text-transform: none
    }
}

.c-carousel__body {
    position: relative
}

.c-carousel__slider {
    margin: 0 auto;
    overflow: hidden;
    width: calc(100% - 102px)
}

@media (max-width:480px) {
    .c-carousel__slider {
        width: calc(100% - 80px)
    }
}

body .c-carousel__container {
    -webkit-transition: -webkit-transform cubic-bezier(.41, .01, .41, 1) .8s;
    transition: transform cubic-bezier(.41, .01, .41, 1) .8s;
    transition: transform cubic-bezier(.41, .01, .41, 1) .8s, -webkit-transform cubic-bezier(.41, .01, .41, 1) .8s;
    padding-left: 7px
}

.c-carousel__item {
    margin-right: 15px;
    padding-top: 30px;
    position: relative;
    -webkit-transition: ease-in-out .1s width, cubic-bezier(.41, .01, .41, 1) .8s transform, cubic-bezier(.41, .01, .41, 1) .8s opacity;
    transition: ease-in-out .1s width, cubic-bezier(.41, .01, .41, 1) .8s transform, cubic-bezier(.41, .01, .41, 1) .8s opacity
}

.c-carousel__item:before {
    content: "";
    background: #008580;
    bottom: 0;
    height: 5px;
    position: absolute;
    width: 100%;
    z-index: 9
}

.c-carousel__item--ani {
    opacity: 0;
    -webkit-transform: translateY(70px);
    transform: translateY(70px)
}

.c-carousel__icon {
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    display: block;
    height: 60px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 9
}

.c-carousel__icon svg {
    display: block;
    fill: #008580;
    height: 34px;
    margin: 13px auto 0;
    width: 34px
}

.c-carousel__content {
    background: #fff;
    padding: 40px 30px;
    position: relative;
    max-width: 100%;
    height: 100%
}

@media (max-width:1024px) {
    .c-carousel__content {
        padding: 40px 15px 20px
    }
}

.c-carousel__intro {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    margin-bottom: .25rem
}

@media (max-width:768px) {
    .c-carousel__intro {
        font-size: 1.8rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 400;
        text-transform: none
    }
}

.c-carousel__main {
    font-size: 4.4rem;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    line-height: 1.3;
    margin-bottom: .25rem
}

@media (max-width:768px) {
    .c-carousel__main {
        line-height: 1.1
    }
}

@media (min-width:1025px) {
    .c-carousel__main {
        font-size: 6rem;
        line-height: 1.1;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 300;
        text-transform: none
    }
}

.c-carousel__outro {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.c-carousel__arrow {
    background: 0 0;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px
}

.c-carousel__arrow:focus,
.c-carousel__arrow:hover {
    background: rgba(0, 0, 0, .4);
    outline: 0
}

.c-carousel__arrow.active:before {
    border-radius: 50%;
    content: "";
    height: 40px;
    position: absolute;
    top: 0;
    width: 40px;
    -webkit-animation-name: ripple;
    animation-name: ripple;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.c-carousel__arrow[disabled] {
    opacity: .1;
    cursor: default
}

.c-carousel__arrow[disabled]:hover {
    background: 0 0
}

.c-carousel__arrow:after {
    background: url(../../assets/img/svg/chevron-white.svg) no-repeat 50% 50%;
    background-size: 100% auto;
    content: " ";
    display: block;
    height: 100%;
    width: 100%
}

.c-carousel__arrow--left {
    left: 10px
}

@media (max-width:480px) {
    .c-carousel__arrow--left {
        left: 0
    }
}

.c-carousel__arrow--left:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.c-carousel__arrow--right {
    right: 10px
}

@media (max-width:480px) {
    .c-carousel__arrow--right {
        right: 0
    }
}

.c-carousel__arrow--right:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.c-container-block-image {
    margin-bottom: 60px
}

.c-container-block-image:after,
.c-container-block-image:before,
.c-cookie-notification:after,
.c-cookie-notification:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

@media (max-width:992px) {
    .c-container-block-image {
        margin-bottom: 50px;
        margin-top: 200px
    }
}

@media (max-width:480px) {
    .c-container-block-image {
        margin-top: 200px
    }
}

.c-container-block-image .c-quote {
    margin-top: 10px;
    padding-bottom: 0
}

.c-container-block-image .c-trackable-link {
    display: block;
    max-width: 80%
}

.c-container-block-image .o-text--medium {
    display: block;
    max-width: 70%;
    font-weight: 300
}

.c-container-block-image .o-half--right {
    margin-top: 350px;
    margin-bottom: -350px
}

.c-container-block-image .o-image-square {
    margin-left: 50px
}

@media (max-width:1024px) {
    .c-container-block-image .o-image-square {
        position: absolute;
        top: -250px;
        right: 10vw
    }
}

@media (max-width:992px) {
    .c-container-block-image .o-image-square {
        position: absolute;
        top: -20px;
        right: 10vw
    }
}

@media (max-width:768px) {
    .c-container-block-image .o-image-square {
        position: absolute;
        top: 30px;
        right: 10vw
    }
}

.c-container-block-image .layer--2 {
    height: 1px;
    z-index: 9
}

@media (max-width:992px) {
    .c-container-block-image .layer--2 {
        position: absolute !important;
        top: -180px;
        left: 0;
        z-index: 9;
        right: 0
    }
}

@media (max-width:768px) {
    .c-container-block-image .c-trackable-link {
        max-width: 100%
    }
}

.c-contextual-text-image {
    width: 100%;
    min-height: 200px
}

.c-contextual-text-image__image,
.c-contextual-text-image__text {
    float: left
}

.c-contextual-text-image__text {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    width: 340px;
    padding: 35px 50px 35px 90px
}

@media (max-width:1280px) {
    .c-contextual-text-image__text {
        width: 240px;
        padding: 35px 50px 35px 30px
    }
}

@media (max-width:1024px) {
    .c-contextual-text-image__text {
        width: 100%
    }
}

@media (max-width:768px) {
    .c-contextual-text-image__text {
        width: auto;
        padding: 20px
    }
}

.c-contextual-text-image__title {
    font-weight: 700
}

.c-contextual-text-image__description {
    display: block
}

.c-contextual-text-image__image {
    position: relative
}

@media (max-width:1024px) {
    .c-contextual-text-image__image {
        display: none
    }
}

.c-contextual-text-image__image img {
    position: absolute;
    top: -50px;
    left: 0
}

.c-contextual-text-image .o-block,
.c-tabs__dropdown select {
    width: 100%
}

.c-cookie-notification {
    font-size: 1.6rem;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    -webkit-box-shadow: 0 -1px 2px rgba(150, 150, 150, .3);
    box-shadow: 0 -1px 2px rgba(150, 150, 150, .3);
    left: 0;
    right: 0;
    padding: 15px;
    min-width: 320px;
    background-color: #ededed;
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 10;
    color: #404040;
    line-height: 1.3
}

@media (max-width:992px) {
    .c-cookie-notification {
        font-size: 1.4rem;
        line-height: 1.5;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 400;
        text-transform: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.c-cookie-notification__inner {
    margin: 0 auto;
    padding: 15px;
    display: table
}

.c-cookie-notification__body {
    display: table-cell;
    vertical-align: middle
}

.cookie-notification[max-width~="992px"] .c-cookie-notification__body {
    vertical-align: top
}

.c-cookie-notification__actions {
    display: table-cell;
    vertical-align: top
}

.c-cookie-notification__close {
    margin: 0 0 0 15px;
    text-decoration: none;
    background-image: none
}

.c-country-selector {
    float: right;
    display: inline-block
}

.c-country-selector__toggle {
    font-size: 1.2rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    position: relative;
    float: left;
    height: 49px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.5rem 2rem .5rem
}

.c-country-selector__toggle ::after,
.c-country-selector__toggle ::before {
    position: absolute;
    top: 8px;
    bottom: 18px;
    content: "";
    width: 1px;
    background-color: #d7d8d6
}

.c-country-selector__toggle ::before {
    left: 0
}

.c-country-selector__toggle ::after {
    right: 0
}

.c-header--animate .c-country-selector__toggle {
    -webkit-transition: padding-top .2s ease;
    transition: padding-top .2s ease
}

.c-header--shrunk .c-country-selector__toggle {
    height: 49px
}

.c-header--shrunk .c-country-selector__toggle ::after,
.c-header--shrunk .c-country-selector__toggle ::before {
    bottom: 13px
}

.c-country-selector__toggle--open {
    background-color: #d7d8d6
}

.c-country-selector__toggle--open .o-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:992px) {
    .c-country-selector__toggle {
        display: none
    }
}

.c-country-selector__label {
    float: left;
    display: inline-block;
    line-height: 1
}

.c-country-selector__label .o-icon {
    display: inline-block;
    margin-left: 5px;
    float: right;
    height: 12px;
    width: 12px
}

.c-country-selector__dropdown {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 20px 20px 0;
    background: #d7d8d6;
    z-index: 17
}

.c-country-selector__dropdown[aria-hidden=true] {
    display: none
}

.c-country-selector__header,
.c-country-selector__lang-options {
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

.c-country-selector__header {
    font-size: 1.8rem;
    line-height: 1.45;
    font-weight: 400;
    float: left;
    margin: -2px 0 15px 18px
}

.c-country-selector__lang-options {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 300;
    float: right
}

.c-country-selector__lang-option[aria-checked=true] .o-icon,
.c-country-selector__lang-options li {
    display: inline-block
}

.c-country-selector__lang-option {
    margin: 0;
    padding: 12px 10px;
    line-height: 1.7
}

.c-country-selector__lang-option .o-icon {
    display: none;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    fill: #fff;
    vertical-align: middle
}

.c-country-selector__lang-option[aria-checked=true] {
    color: #fff;
    background-color: #676f74
}

.c-country-selector__lang-option:hover {
    text-decoration: none;
    color: #fff;
    background-color: #929292
}

.c-country-selector__global-list {
    position: relative;
    display: table;
    width: 100%;
    color: #fff;
    background: #676f74
}

.c-country-selector__region {
    display: table-cell;
    padding-left: 1px;
    width: 25%
}

.c-country-selector__region:first-child {
    padding-left: 0
}

.c-country-selector--in-page .c-country-selector__tab span,
.c-country-selector__region--active .c-country-selector__tab span,
.c-country-selector__region--active+li span {
    border: 0
}

.c-country-selector__tab {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
    border-top: 6px solid #676f74
}

.c-country-selector-footer .c-country-selector:after,
.c-country-selector-footer .c-country-selector:before,
.c-country-selector__tab:after,
.c-country-selector__tab:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.c-country-selector__tab:focus {
    outline: 0
}

.c-country-selector__tab span {
    display: block;
    margin: 0 0 7px -1px;
    padding: 16px 45% 17px 20px;
    border-left: 1px solid #d7d8d6
}

.c-country-selector__region--active .c-country-selector__tab {
    border-top-color: #db0011;
    background-color: #eee;
    color: #404040;
    text-decoration: underline
}

.c-country-selector__region:first-child .c-country-selector__tab span {
    border-left: 0
}

.c-country-selector__tab-map {
    position: absolute;
    right: 10%;
    top: 7px;
    height: auto;
    width: 30%;
    max-width: 100px
}

.c-country-selector__region--active .c-country-selector__tab-map,
.c-country-selector__tab-map.c-country-selector__tab-map--active {
    display: none
}

.c-country-selector__region--active .c-country-selector__tab-map.c-country-selector__tab-map--active {
    display: block
}

.c-country-selector__tab-content {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    position: absolute;
    left: -20px;
    right: -20px;
    display: none;
    padding: 23px 0;
    border: 20px solid #d7d8d6;
    border-top: 0;
    color: #404040;
    background-color: #eee
}

.c-country-selector__region--active .c-country-selector__tab-content {
    display: inline-block
}

.c-country-selector__tab-content-wrapper {
    display: table;
    width: 100%
}

.c-country-selector__region-options {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    margin-left: 1px;
    border-left: 1px solid #929292
}

.c-country-selector__region-options:first-of-type {
    margin-left: 0;
    border-left: none
}

.c-country-selector__option {
    position: relative;
    display: block;
    clear: left;
    padding: 10px 0 8px
}

.c-country-selector__option--active {
    background-color: #929292
}

.c-country-selector__country-flag {
    position: absolute;
    left: 18px;
    top: 12px
}

.c-country-selector__option--active .c-country-selector__option-anchor {
    color: #fff
}

.c-country-selector__option--active .c-country-selector__option-anchor .o-icon {
    fill: #fff;
    vertical-align: middle
}

.c-country-selector__option-anchor {
    display: block;
    margin-top: 10px;
    padding: 0 20px 0 50px
}

.c-country-selector__option-anchor:first-child {
    margin-top: 0
}

.c-country-selector__option-anchor .o-icon {
    display: inline-block
}

.c-country-selector .c-country-selector__region--language-selection-display-mode .c-country-selector__region-options {
    float: right !important;
    display: table;
    vertical-align: top;
    width: auto;
    border-left: none
}

.c-country-selector--in-page {
    position: relative;
    min-height: 50vh
}

@media (max-height:900px) {
    .c-country-selector--in-page {
        min-height: 70vh
    }
}

.c-country-selector--in-page .c-country-selector {
    float: none;
    width: 100%
}

.c-country-selector--in-page .c-country-selector__tab-content {
    border: 0;
    left: 0;
    right: 0
}

.c-country-selector--in-page .c-country-selector__global-list {
    padding: 0
}

@media (max-width:992px) {
    .c-country-selector--in-page {
        position: relative;
        height: auto
    }
    .c-country-selector--in-page .c-country-selector__global-list {
        background: #404040;
        position: relative;
        display: block
    }
    .c-country-selector--in-page .c-country-selector__region {
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 0
    }
    .c-country-selector--in-page .c-country-selector__tab {
        background: #404040;
        position: relative;
        display: block;
        color: #fff;
        font-weight: 700
    }
    .c-country-selector--in-page .c-country-selector__region-options {
        border: 0;
        display: block;
        width: 100%
    }
    .c-country-selector--in-page .c-country-selector__option {
        position: relative;
        display: inline-block;
        width: 49%
    }
    .c-country-selector--in-page .c-country-selector__region--active .c-country-selector__tab-content {
        display: block;
        position: relative
    }
}

.c-country-selector-footer {
    background: #253038;
    height: 200px;
    margin-top: 50px;
    text-align: left;
    width: 100%;
    overflow: hidden
}

.c-country-selector-footer h2 {
    color: #fff;
    padding: 40px calc(50% - 620px) 0
}

@media (max-width:1280px) {
    .c-country-selector-footer h2 {
        padding: 40px 20px 0
    }
}

.c-country-selector-footer .c-country-selector {
    background: #3e505c;
    float: none;
    display: inline-block;
    width: 100%;
    height: 70px
}

.c-country-selector-footer .c-country-selector__dropdown {
    position: relative
}

@media (min-width:1281px) {
    .c-country-selector-footer .c-country-selector__dropdown {
        max-width: 1280px;
        margin: 0 auto
    }
}

.c-country-selector-footer .c-country-selector__header {
    display: none
}

.c-country-selector-footer .c-country-selector__tab-content {
    position: relative
}

.c-country-selector-footer .c-country-selector__toggle {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    color: #fff;
    background: 0 0;
    margin: 0 calc(50% - 620px);
    padding: 20px 0;
    height: 69px
}

@media (max-width:1280px) {
    .c-country-selector-footer .c-country-selector__toggle {
        margin: 0 20px
    }
}

.c-country-selector-footer .c-country-selector__toggle .o-icon {
    fill: #fff;
    margin-left: 15px;
    margin-top: 5px
}

.c-country-selector-footer .c-country-selector__label:after,
.c-country-selector-footer .c-country-selector__label:before {
    background: 0 0
}

.c-country-selector-footer .c-country-selector__label .o-icon {
    height: 18px;
    width: 18px
}

@media (max-width:992px) {
    .c-country-selector-footer {
        display: none
    }
}

.c-disclaimer-text {
    font-size: 1.2rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    margin-top: 3.5rem;
    padding-top: 2rem;
    border-top: 1px solid #d7d8d6
}

.c-accordion .c-disclaimer-text {
    margin: 0;
    padding: 0;
    border: 0
}

.c-disclaimer-text p {
    margin-bottom: 1rem
}

.c-error-box {
    text-align: center;
    padding: 0 0 1px;
    background: #ededed;
    margin-top: 20px;
    vertical-align: top
}

.c-error-box .o-icon {
    display: inline-block
}

.c-error-box__message {
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 10px;
    padding-bottom: 15px
}

.c-error-box__alert {
    padding: 20px 20px 5px;
    background: #af0618;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px
}

.c-error-box__alert svg,
.c-most-popular__link span svg {
    fill: #fff
}

.c-error-box__country-list {
    padding-right: 20px
}

.c-error-box__country-item {
    text-align: left;
    border-bottom: solid 1px #fdfdfd
}

.c-error-box__country-item:first-child {
    margin-bottom: 15px
}

.c-error-box__country-item:last-child {
    border-bottom: none
}

.c-error-box__link {
    display: block;
    position: relative;
    padding-bottom: 10px
}

@media (max-width:480px) {
    .c-error-box__link .o-icon {
        display: none
    }
}

.c-error-box__country {
    display: inline-block;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.c-error-box__intro {
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 0 0 20px
}

.c-essentials {
    width: 100%;
    margin: 10px 0 30px -20px
}

@media (max-width:1280px) {
    .c-essentials {
        width: 100%;
        margin: 10px 0
    }
}

.c-essentials__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #ededed;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.c-essentials__cell {
    padding: 8px 10px 23px;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual
}

.c-essentials__key,
.c-essentials__value {
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

.c-essentials__key {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 300;
    color: #676f74;
    margin-bottom: 17px
}

.c-essentials__value {
    font-size: 2.2rem;
    line-height: 1.25;
    font-weight: 700;
    color: #404040
}

.c-essentials__value:before {
    content: "";
    display: none
}

.c-essentials__row--6-3-3-6 .c-essentials__map {
    max-width: 100%;
    max-height: 400px;
    padding: 20px 20px 20px 0
}

@media (max-width:992px) {
    .c-essentials__row--6-3-3-6 .c-essentials__map {
        padding: 20px;
        max-height: 350px
    }
}

.c-essentials__row--6-3-3-6 .c-essentials__cell-wrapper {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 0
}

@media (max-width:992px) {
    .c-essentials__row--6-3-3-6 .c-essentials__cell-wrapper {
        width: 100%
    }
}

.c-essentials__row--6-3-3-6 .c-essentials__cell--primary {
    width: 50%;
    border-right: 1px solid #ededed;
    text-align: center
}

@media (max-width:992px) {
    .c-essentials__row--6-3-3-6 .c-essentials__cell--primary {
        border-right: 0;
        width: 100%
    }
}

.c-essentials__row--6-3-3-6 .c-essentials__cell--secondary,
.c-essentials__row--6-3-3-6 .c-essentials__cell--tertiary {
    width: 50%
}

.c-essentials__row--6-3-3-6 .c-essentials__cell--secondary {
    border-right: 1px solid #ededed
}

@media (max-width:992px) {
    .c-essentials__row--6-3-3-6 .c-essentials__cell--secondary,
    .c-essentials__row--6-3-3-6 .c-essentials__cell--tertiary {
        border-top: 1px solid #ededed
    }
}

.c-essentials__row--6-3-3-6 .c-essentials__cell--quaternary {
    width: 100%;
    border-top: 1px solid #ededed
}

@media (max-width:992px) {
    .c-essentials__row--6-3-3-6 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.c-essentials__row--3-3-6 .c-essentials__cell--primary,
.c-essentials__row--3-3-6 .c-essentials__cell--secondary {
    width: 25%
}

@media (max-width:992px) {
    .c-essentials__row--3-3-6 .c-essentials__cell--primary,
    .c-essentials__row--3-3-6 .c-essentials__cell--secondary {
        width: 50%;
        border-bottom: 1px solid #ededed
    }
}

.c-essentials__row--3-3-6 .c-essentials__cell--primary,
.c-essentials__row--3-3-6 .c-essentials__cell--secondary {
    border-right: 1px solid #ededed
}

@media (max-width:992px) {
    .c-essentials__row--3-3-6 .c-essentials__cell--secondary {
        border-right: 0
    }
}

.c-essentials__row--3-3-6 .c-essentials__cell--tertiary {
    width: 50%
}

@media (max-width:992px) {
    .c-essentials__row--3-3-6 .c-essentials__cell--tertiary {
        width: 100%
    }
}

.c-essentials__row--6-3-3 .c-essentials__cell--primary {
    border-right: 1px solid #ededed;
    width: 50%
}

@media (max-width:992px) {
    .c-essentials__row--6-3-3 .c-essentials__cell--primary {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ededed
    }
}

.c-essentials__row--6-3-3 .c-essentials__cell--secondary,
.c-essentials__row--6-3-3 .c-essentials__cell--tertiary {
    width: 25%
}

@media (max-width:992px) {
    .c-essentials__row--6-3-3 .c-essentials__cell--secondary,
    .c-essentials__row--6-3-3 .c-essentials__cell--tertiary {
        width: 50%
    }
}

.c-essentials__row--6-3-3 .c-essentials__cell--secondary {
    border-right: 1px solid #ededed
}

.c-essentials__row--6-6 .c-essentials__cell--primary,
.c-essentials__row--6-6 .c-essentials__cell--secondary {
    width: 50%
}

@media (max-width:992px) {
    .c-essentials__row--6-6 .c-essentials__cell--primary,
    .c-essentials__row--6-6 .c-essentials__cell--secondary {
        width: 100%
    }
}

.c-essentials__row--6-6 .c-essentials__cell--primary {
    border-right: 1px solid #ededed
}

@media (max-width:992px) {
    .c-essentials__row--6-6 .c-essentials__cell--primary {
        border-right: 0;
        border-bottom: 1px solid #ededed
    }
}

.c-essentials__row--3-3-3-3 {
    -ms-flex-flow: nowrap;
    flex-flow: nowrap
}

.c-essentials__row--3-3-3-3 .c-essentials__cell {
    width: 25%;
    border-right: 1px solid #ededed
}

@media (max-width:992px) {
    .c-essentials__row--3-3-3-3 .c-essentials__cell {
        width: 50%
    }
    .c-essentials__row--3-3-3-3 .c-essentials__cell--secondary {
        border-right: 0
    }
}

.c-essentials__row--3-3-3-3 .c-essentials__cell--quaternary {
    border-right: 0
}

@media (max-width:992px) {
    .c-essentials__row--3-3-3-3 .c-essentials__cell--quaternary,
    .c-essentials__row--3-3-3-3 .c-essentials__cell--tertiary {
        border-top: 1px solid #ededed
    }
    .c-essentials__row--3-3-3-3 {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

.c-expander.closed {
    display: none
}

.c-expander__item {
    display: inline-block;
    margin-right: 7px
}

.open .c-expander__item {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 450ms;
    animation-duration: 450ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.c-expander__close {
    display: block
}

.c-expander__close .o-icon {
    height: 25px;
    margin-top: 5px;
    width: 25px
}

.c-feature-summary__list {
    padding-left: 0 !important
}

.c-feature-summary__item {
    overflow: hidden;
    margin-bottom: 30px
}

@media (max-width:768px) {
    .c-article-list .c-feature-summary__item {
        width: 100%;
        float: right;
        margin-right: 0
    }
}

.c-feature-summary__image {
    position: relative;
    width: 35.8974358974%;
    float: left;
    margin-right: 2.5641025641%
}

.c-article-list .c-feature-summary__image {
    width: 48.7179487179%;
    float: left;
    margin-right: 2.5641025641%
}

@media (max-width:768px) {
    .c-article-list .c-feature-summary__image {
        width: 100%;
        float: right;
        margin-right: 0
    }
}

.c-feature-summary__image--video:after {
    background: url(/assets/img/svg/play.svg) no-repeat 50% 50%/50px 50px;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

@media (max-width:768px) {
    .c-feature-summary__image {
        width: 100%;
        float: right;
        margin-right: 0
    }
}

.c-feature-summary__body {
    width: 61.5384615385%;
    float: right;
    margin-right: 0
}

.c-article-list .c-feature-summary__body {
    width: 48.7179487179%;
    float: right;
    margin-right: 0
}

@media (max-width:768px) {
    .c-article-list .c-feature-summary__body {
        width: 100%;
        float: right;
        margin-right: 0;
        padding-left: 1.6949152542%;
        margin-top: 10px
    }
}

@media (max-width:992px) {
    .c-feature-summary__body {
        padding-right: 1.6949152542%
    }
}

@media (max-width:768px) {
    .c-feature-summary__body {
        width: 100%;
        float: right;
        margin-right: 0;
        padding-left: 1.6949152542%;
        margin-top: 10px
    }
}

.c-feature-summary__heading {
    font-size: 2.4rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.c-feature-summary__author,
.c-feature-summary__description,
.c-feature-summary__position {
    display: block
}

.c-feature-summary__author,
.c-feature-summary__position {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-feature-summary__position {
    font-size: 1.2rem;
    font-weight: 300;
    margin-top: 6px
}

.c-feature-summary__description {
    font-size: 1.6rem;
    margin-top: 10px;
    line-height: 1.45
}

@media (max-width:768px) {
    .c-feature-summary__description {
        font-size: 1.4rem;
        line-height: 1.5
    }
}

.c-feedback {
    background-color: #3e505d;
    margin: 2rem 0 3rem;
    padding: 2.5rem 3rem;
    -webkit-perspective: 800px;
    perspective: 800px
}

.c-feedback__area {
    position: relative;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.c-feedback__question,
ul.c-feedback__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-feedback__question {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem;
    position: relative;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: .6s;
    transition: .6s;
    width: 100%;
    z-index: 2
}

.c-feedback__title {
    font-size: 2.2rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    margin-bottom: 0;
    padding-right: 4rem
}

@media (max-width:768px) {
    .c-feedback__title {
        margin-bottom: 3rem;
        width: 100%
    }
}

ul.c-feedback__list {
    padding-left: 0
}

.c-headline-hero .c-headline-hero__intro p,
li.c-feedback__item {
    margin-bottom: 0
}

li.c-feedback__item:first-child {
    margin-right: 1rem
}

.c-feedback__button {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    min-width: 11rem;
    padding: .7rem 2rem;
    text-align: center
}

.c-feedback__button:hover {
    background-color: #fff;
    color: #3e505d
}

.c-feedback__response {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: .6s;
    transition: .6s;
    width: 100%
}

.c-feedback__text {
    color: #fff;
    margin-bottom: 0
}

.c-feedback__area--complete .c-feedback__question {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.c-feedback__area--complete .c-feedback__response {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.c-fixed-image-container {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
    position: fixed;
    overflow: hidden;
    height: 100%
}

.c-fixed-image-container .c-fixed-image {
    position: relative;
    height: 100%
}

.c-fixed-image-container .image {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: auto
}

@media (max-width:768px) {
    .c-fixed-image-container {
        min-height: 6em
    }
}

@media (max-width:992px) {
    .c-fixed-image-container {
        height: 20vh;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        position: static
    }
    .c-fixed-image-container .image {
        height: auto;
        width: 100%
    }
}

.c-footer {
    color: #fff;
    display: block;
    position: relative
}

.c-footer__links {
    border-bottom: 1px solid #929292;
    background: #000
}

.c-footer__list {
    font-size: 1.4rem;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px
}

@media (max-width:768px) {
    .c-footer__list {
        height: auto
    }
}

.c-footer__list-links,
.c-footer__list-social {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-footer__list-links {
    float: left
}

@media (max-width:480px) {
    .c-footer__list-links .c-footer__list-item {
        min-width: 45%
    }
    .c-footer__list-links .c-footer__list-item:first-child {
        margin-right: 0
    }
}

.c-footer__list-social {
    float: right;
    border-right: 1px solid #929292
}

@media (max-width:768px) {
    .c-footer__list-social {
        float: left;
        border-right: 1px solid #929292
    }
}

.c-footer__list-social .c-footer__list-item {
    border-left: 1px solid #929292
}

.c-footer__list-social .c-footer__list-item:first-child {
    border-left: 0;
    margin-right: 20px
}

.c-footer__list-item {
    float: left;
    display: inline-block;
    color: #fff;
    height: 100%
}

.c-footer__list-link {
    display: inline-block;
    padding: 0 15px;
    color: #fff;
    text-decoration: none
}

.c-footer__list-link:first-child {
    padding: 0 15px 0 0
}

.c-footer__list-social .c-footer__list-link {
    padding: 15px
}

.c-footer__list-link:hover {
    text-decoration: underline
}

.c-footer__list-social .c-footer__list-link:hover {
    background: #929292
}

.c-footer__list .o-icon {
    fill: #fff;
    width: 20px;
    height: 20px
}

.c-footer__list .o-icon:hover {
    fill: #ededed
}

.c-footer__utility {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    padding: 15px 0 0;
    background: #000
}

.c-footer__inner {
    width: 100%;
    margin: 0 auto;
    max-width: 1240px
}

.c-footer__inner:after,
.c-footer__inner:before,
.c-grey-block:after,
.c-grey-block:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

@media (max-width:1280px) {
    .c-footer__inner {
        width: 100%;
        padding: 0 10px
    }
}

.c-footer__copyright {
    padding-bottom: 20px
}

.c-footer__copyright,
.o-site-wrapper--editorial .c-footer__copyright {
    font-size: 1.4rem;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    color: #fff;
    line-height: inherit
}

.o-go-to-top:focus {
    clip: auto;
    color: #000;
    height: auto;
    left: 50%;
    top: -3rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.c-footer-secondary-links {
    color: #fff;
    background: #000;
    border-bottom: 1px solid #929292
}

.c-footer-secondary-links [class^=o-layout--] {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px
}

.c-footer-secondary-links .o-layout__col {
    padding-top: 20px
}

.c-footer-secondary-links__link {
    font-size: 1.4rem
}

.c-footer-secondary-links__heading {
    font-size: 1.6rem;
    font-weight: 600
}

.c-grey-block {
    display: block;
    min-height: 200px;
    margin-bottom: 40px
}

@media (max-width:480px) {
    .c-grey-block {
        margin-bottom: 0
    }
}

.c-grey-block .o-half--left {
    display: inline-block;
    height: 1px
}

@media (max-width:992px) {
    .c-grey-block .o-half--left {
        display: none
    }
    .c-grey-block .o-half--right {
        float: none;
        width: 90%
    }
}

.c-grey-block .o-text-container {
    width: 120%;
    margin: 0 0 100px -20%;
    padding: 50px 100px 50px 200px
}

@media (min-width:1700px) {
    .c-grey-block .o-text-container {
        margin: 0 0 100px -150px;
        padding: 50px 100px 50px 210px
    }
}

@media (max-width:992px) {
    .c-grey-block .o-text-container {
        width: 120%;
        margin: 0 0 30px -20%;
        padding: 50px 100px 50px 25%
    }
}

@media (max-width:768px) {
    .c-grey-block .o-text-container {
        padding: 50px 10px 50px 25%
    }
}

.c-grey-block ul {
    list-style: disc;
    margin-left: 20px
}

.c-grey-block li {
    margin: 10px 0 10px 20px
}

.c-grey-block .o-text--large,
.c-grey-block .o-text--medium {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.c-grey-block .o-text--medium {
    font-size: 2.2rem
}

.c-grey-box {
    background: #ededed;
    margin: 10px 0 30px -20px;
    width: calc(100% + 40px)
}

@media (max-width:992px) {
    .c-grey-box {
        margin: 10px 0 30px;
        width: 100%
    }
}

.c-grey-box__copy {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    padding: 20px
}

.c-grey-box__copy ol,
.c-grey-box__copy ul {
    padding-left: 20px
}

.c-grey-box__copy li {
    margin-bottom: 10px
}

.c-grey-box__copy ul {
    list-style: disc
}

.c-grey-box__copy ol {
    list-style: decimal
}

.c-grey-box__data-list {
    margin-top: 10px
}

.c-grey-box__key,
.c-grey-box__value {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

.c-grey-box__key {
    font-weight: 300;
    margin-bottom: 10px
}

.c-grey-box__value {
    font-weight: 700
}

.c-grey-box__value:before {
    content: "";
    display: none
}

.c-grey-box__cell,
.c-grey-box__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-grey-box__row {
    border-top: 1px solid #fff
}

.c-grey-box__cell {
    padding: 20px;
    min-height: 110px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-grey-box__row--halves .c-grey-box__cell--primary,
.c-grey-box__row--halves .c-grey-box__cell--secondary {
    width: 50%
}

@media (max-width:768px) {
    .c-grey-box__row--halves .c-grey-box__cell--primary,
    .c-grey-box__row--halves .c-grey-box__cell--secondary {
        width: 100%
    }
}

.c-grey-box__row--halves .c-grey-box__cell--primary {
    border-right: 1px solid #fff
}

@media (max-width:768px) {
    .c-grey-box__row--halves .c-grey-box__cell--primary {
        border-right: 0;
        border-bottom: 1px solid #fff
    }
    .c-grey-box__row--halves {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.c-grey-box__row--half-quarter-quarter .c-grey-box__cell--primary {
    border-right: 1px solid #fff;
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:992px) {
    .c-grey-box__row--half-quarter-quarter .c-grey-box__cell--primary {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #fff
    }
}

.c-grey-box__row--half-quarter-quarter .c-grey-box__cell--secondary,
.c-grey-box__row--half-quarter-quarter .c-grey-box__cell--tertiary {
    width: 25%
}

@media (max-width:992px) {
    .c-grey-box__row--half-quarter-quarter .c-grey-box__cell--secondary,
    .c-grey-box__row--half-quarter-quarter .c-grey-box__cell--tertiary {
        width: 50%
    }
}

.c-grey-box__row--half-quarter-quarter .c-grey-box__cell--secondary {
    border-right: 1px solid #fff
}

@media (max-width:992px) {
    .c-grey-box__row--half-quarter-quarter {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

.c-grey-box__row--quarter-quarter-half .c-grey-box__cell--primary,
.c-grey-box__row--quarter-quarter-half .c-grey-box__cell--secondary {
    width: 25%;
    border-right: 1px solid #fff
}

@media (max-width:992px) {
    .c-grey-box__row--quarter-quarter-half .c-grey-box__cell--primary,
    .c-grey-box__row--quarter-quarter-half .c-grey-box__cell--secondary {
        width: 50%
    }
    .c-grey-box__row--quarter-quarter-half .c-grey-box__cell--secondary {
        border-right: 0
    }
}

.c-grey-box__row--quarter-quarter-half .c-grey-box__cell--tertiary {
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:992px) {
    .c-grey-box__row--quarter-quarter-half .c-grey-box__cell--tertiary {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        border-top: 1px solid #fff
    }
    .c-grey-box__row--quarter-quarter-half {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

.c-grey-box__row--quarters {
    -ms-flex-flow: nowrap;
    flex-flow: nowrap
}

.c-grey-box__row--quarters .c-grey-box__cell {
    width: 25%;
    border-right: 1px solid #fff
}

@media (max-width:992px) {
    .c-grey-box__row--quarters .c-grey-box__cell {
        width: 50%
    }
    .c-grey-box__row--quarters .c-grey-box__cell--secondary {
        border-right: 0
    }
    .c-grey-box__row--quarters .c-grey-box__cell--tertiary {
        border-top: 1px solid #fff
    }
}

.c-grey-box__row--quarters .c-grey-box__cell--quaternary {
    border-right: 0
}

@media (max-width:992px) {
    .c-grey-box__row--quarters .c-grey-box__cell--quaternary {
        border-top: 1px solid #fff
    }
    .c-grey-box__row--quarters {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

.c-brand {
    float: left;
    position: absolute;
    top: 6px
}

.c-header--editorial .c-brand {
    top: 0
}

@media (max-width:992px) {
    .c-brand,
    .c-header--editorial .c-brand {
        padding-top: 0;
        width: 180px;
        margin: 0 auto
    }
    .c-brand {
        float: none;
        padding-top: 13px;
        position: static;
        width: 250px
    }
}

@media screen and (max-width:340px) {
    .c-brand {
        margin: 0 0 0 35px
    }
}

.c-brand__logo {
    display: inline-block
}

.c-brand__logo img {
    display: block;
    width: 100%
}

.c-brand__logo .c-logo {
    float: left;
    width: 134px;
    height: 26px
}

@media (max-width:992px) {
    .c-brand__logo .c-logo {
        width: 88px;
        height: 17px
    }
}

.c-brand--editorial .c-brand__logo .c-logo {
    height: 70px;
    width: 110px;
    margin: 0 20px 0 50px
}

@media (max-width:992px) {
    .c-brand--editorial .c-brand__logo .c-logo {
        margin: 0 20px 0 45px
    }
}

.c-brand--editorial .c-brand__name,
.c-brand__name {
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

.c-brand__name {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    float: left;
    margin: 5px 0 0 10px;
    text-decoration: none
}

@media (max-width:992px) {
    .c-brand__name {
        margin: 0 0 0 15px
    }
}

.c-brand--editorial .c-brand__name {
    font-size: 1.8rem;
    line-height: 1.45;
    font-weight: 300;
    margin: 0;
    padding: 20px 20px 20px 0;
    color: #676f74
}

@media (max-width:992px) {
    .c-brand--editorial .c-brand__name {
        display: none
    }
}

.c-header {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    -webkit-transition: left .3s ease;
    transition: left .3s ease;
    z-index: 999999;
    position: relative
}

.edit-mode .c-header {
    z-index: 0
}

@media (max-width:992px) {
    .c-header {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #d7d8d6
    }
}

.c-header--wedge {
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: auto;
    background-color: transparent;
    border-bottom: none
}

.c-nav-tray--open .c-header--wedge {
    display: none
}

.c-header--fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%
}

.edit-mode .c-header--fixed {
    top: 150px
}

.c-nav-tray--open .c-header--fixed {
    top: 0;
    left: 276px
}

@media (max-width:992px) {
    .c-header--wedge.c-header--fixed {
        position: relative
    }
}

.c-header--hidden {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

@media (max-width:992px) {
    .c-header--hidden {
        opacity: 1
    }
}

.c-header__primary {
    border-bottom: 1px solid #ededed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 0;
    min-height: 60px
}

.c-header--editorial .c-header__primary {
    min-height: 70px;
    padding: 0
}

@media (max-width:992px) {
    .c-header--editorial .c-header__primary {
        border-bottom: 0
    }
    .c-header__secondary {
        display: none
    }
}

.c-header__container {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.c-header__container:after,
.c-header__container:before,
.c-primary_nav:after,
.c-primary_nav:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.c-header__container .c-login-button {
    height: 40px;
    width: 90px;
    overflow: visible
}

.c-header__container .c-login-button button {
    white-space: pre
}

.c-header__container .c-login-button .c-button {
    margin: 0 0 0 10px
}

@media (min-width:993px) {
    .c-header__container .c-login-button {
        float: right
    }
}

@media (max-width:992px) {
    .c-header__container {
        width: auto;
        height: 54px
    }
    .c-header--editorial .c-header__container {
        height: auto
    }
    .c-header__container .c-brand {
        -webkit-transform: translateX(-2rem);
        transform: translateX(-2rem)
    }
    .c-header__container .c-brand__name {
        font-size: 1.2rem;
        -webkit-transform: translateX(-1.1rem);
        transform: translateX(-1.1rem)
    }
    .c-header__container .c-login-button {
        position: absolute;
        right: 0;
        top: 0
    }
    .c-header__container .c-login-button button {
        -webkit-transform: scale(.9) translateX(-2rem);
        transform: scale(.9) translateX(-2rem)
    }
}

@media (max-width:480px) {
    .c-header__container .c-brand__name {
        font-size: 1rem;
        -webkit-transform: translate(-1.3rem, 2px);
        transform: translate(-1.3rem, 2px)
    }
    .c-header__container .c-login-button button {
        -webkit-transform: scale(.8) translateX(-1rem);
        transform: scale(.8) translateX(-1rem)
    }
}

@media screen and (max-width:318px) {
    .c-header__container .c-brand__name {
        font-size: .8rem;
        -webkit-transform: translate(-2rem, 2px);
        transform: translate(-2rem, 2px)
    }
    .c-header__container .c-login-button button {
        -webkit-transform: scale(.6) translateX(-.5rem);
        transform: scale(.6) translateX(-.5rem)
    }
}

.c-header__container .c-country-selector {
    margin-left: 20px
}

.c-header__login-container {
    float: right
}

.c-header__login-container:empty {
    display: none
}

.c-page-header__logo {
    height: 75px;
    width: 110px;
    margin: 0 20px 0 50px
}

@media (max-width:768px) {
    .c-page-header__logo {
        margin-left: 0
    }
}

@media (max-width:480px) {
    .c-page-header__logo {
        margin: 0 20px 0 45px
    }
}

.c-primary_nav {
    float: left;
    line-height: 1.3;
    text-align: justify
}

@media (max-width:992px) {
    .c-primary_nav {
        display: none
    }
}

.c-primary_nav__item {
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
    z-index: 2
}

.c-primary_nav__item:last-child {
    margin-right: 0
}

.c-primary_nav__link {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    display: inline-block;
    padding: 20px 10px 40px;
    text-align: left;
    position: relative;
    max-height: 3em;
    z-index: 2
}

.c-primary_nav__link:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #fff
}

.c-primary_nav__link:focus,
.c-primary_nav__link:hover {
    text-decoration: none;
    background-color: #ededed
}

.c-primary_nav__link:focus:after,
.c-primary_nav__link:hover:after {
    background-color: inherit
}

.c-primary_nav__item--selected .c-primary_nav__link:after {
    background-color: #db0011
}

.c-header--shrunk .c-primary_nav__link {
    padding: 14px 0 22px
}

.c-header--animate .c-primary_nav__link {
    -webkit-transition: padding .2s ease;
    transition: padding .2s ease
}

.c-heading {
    position: relative;
    line-height: 1.3;
    margin-bottom: 21px
}

.c-heading--editorial {
    padding-left: 16px;
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.c-heading--editorial::before {
    position: absolute;
    top: 4px;
    bottom: 5px;
    left: 0;
    width: 6px;
    content: "";
    background-color: #db0011
}

@media (max-width:768px) {
    .c-heading {
        font-size: 1.8rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 300;
        text-transform: none
    }
}

.c-heading--promo {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    margin: 0;
    padding: 20px 0
}

@media (max-width:768px) {
    .c-heading--promo {
        font-size: 2.4rem;
        line-height: 1.25;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 400;
        text-transform: none
    }
}

.edit-mode .c-heading h3 {
    z-index: 1
}

.c-headline-hero .c-headline-hero__intro {
    color: #404040;
    text-align: center
}

.c-headline-hero .c-headline-hero__intro,
.c-headline-hero p {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-headline-hero__image {
    background: #ededed;
    height: 75vh;
    overflow: hidden;
    position: relative
}

.c-headline-hero__image:after {
    width: 100%;
    display: block;
    content: " ";
    background: -webkit-gradient(linear, left top, right top, from(#ededed), color-stop(10%, #fff), color-stop(20%, #ededed));
    background: linear-gradient(to right, #ededed 0, #fff 10%, #ededed 20%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 50;
    animation-iteration-count: 50;
    -webkit-animation-name: shine;
    animation-name: shine;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.c-headline-hero__image img {
    width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1
}

@media (max-width:768px) {
    .c-headline-hero__image {
        height: 320px
    }
    .c-headline-hero__image img {
        width: auto;
        min-width: 100%;
        height: 100%
    }
}

@media (max-width:480px) {
    .c-headline-hero__image {
        height: 200px
    }
    .c-headline-hero__image img {
        width: auto;
        min-width: 100%;
        height: 100%
    }
}

.edit-mode .c-headline-hero__image {
    height: 400px
}

.c-headline-hero__content {
    background: #fff;
    padding: 66px 40px 0;
    position: relative;
    margin-bottom: calc(-25vh + 60px);
    text-align: center;
    -webkit-transform: translateY(-25vh);
    transform: translateY(-25vh);
    max-width: calc(100% - 520px);
    z-index: 2
}

.c-headline-hero__content .has-sections .c-section {
    max-width: 780px
}

@media (max-width:1024px) {
    .c-headline-hero__content {
        max-width: 100%;
        padding: 20px
    }
}

@media (max-width:480px) {
    .c-headline-hero__content {
        padding: 20px 0;
        margin-bottom: -20px;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
}

.c-headline-hero__content .o-breadcrumb {
    margin-bottom: 10px
}

.c-headline-hero--standalone .c-headline-hero__content {
    max-width: none;
    -webkit-transform: none;
    transform: none;
    padding: 25px 40px 0;
    margin-bottom: 0
}

.c-headline-hero__next {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    opacity: 0;
    padding: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 3
}

.c-headline-hero__next p {
    color: #fff
}

.c-headline-hero__next p:nth-child(2) {
    font-size: 3.8rem;
    line-height: 1.1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none
}

@media (max-width:768px) {
    .c-headline-hero__next {
        display: none
    }
}

.c-headline-hero--standalone .c-headline-hero__heading {
    margin-bottom: 20px
}

.c-headline-hero--standalone .c-headline-hero__intro,
.c-tabs--sector .c-tabs__list li {
    margin-bottom: 0
}

h2.c-headline-hero__subheading {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    margin-bottom: -5px
}

.edit-mode .c-headline-hero .layer {
    max-height: 400px;
    margin-bottom: 300px
}

.c-headline-hero--section+.c-one-column-container {
    margin-top: -300px
}

@media (max-width:1024px) {
    .c-headline-hero--section+.c-one-column-container {
        margin-top: -180px
    }
}

@media (max-width:768px) {
    .c-headline-hero--section+.c-one-column-container {
        margin-top: -20px
    }
}

.c-headline-hero__heading.large {
    line-height: 1 !important
}

.c-hero {
    display: block;
    height: 75vh;
    margin-bottom: 30px;
    width: 100%
}

.c-nav-tray--open .c-hero {
    margin-top: 70px
}

.c-hero__mobile {
    display: none
}

.c-hero__logo {
    display: block;
    float: left;
    height: 20px;
    margin: 60px auto 0 10%;
    position: absolute;
    width: 100px
}

.c-hero .c-parallax {
    height: 75vh
}

.c-hero .c-parallax__layer img {
    width: 100%;
    height: auto
}

.c-hero .o-icon {
    fill: #fff;
    position: absolute;
    top: 63vh;
    left: 50%;
    right: 50%;
    -webkit-animation-name: fade-in-top;
    animation-name: fade-in-top;
    -webkit-animation-duration: 10s;
    animation-duration: 10s
}

.c-hero .o-card {
    margin-top: calc(75vh*40%);
    width: 60%;
    max-width: 600px
}

.c-hero .o-card__title {
    font-size: 6rem;
    line-height: 1.1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

@media (max-width:1024px) {
    .c-hero {
        height: auto
    }
    .c-hero .c-parallax__layer img,
    .c-hero .o-icon {
        display: none
    }
    .c-hero__mobile {
        display: block;
        height: auto;
        position: absolute;
        width: 100%
    }
    .c-hero .c-parallax__layer {
        position: relative;
        z-index: 9
    }
    .c-hero .o-card {
        margin-top: 5vh;
        width: 80%
    }
    .c-hero .c-parallax {
        height: auto
    }
}

@media (max-width:992px) {
    .c-hero {
        height: auto
    }
    .c-hero .c-parallax {
        min-height: 0
    }
}

@media (max-width:768px) {
    .c-hero {
        margin-bottom: 0
    }
}

@media (max-width:480px) {
    .c-hero .o-card {
        width: 95%
    }
}

.c-hygiene {
    min-height: calc(100vh - 360px);
    padding: 30px 5%
}

.c-hygiene ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 20px;
    margin-left: 20px
}

.c-hygiene ol {
    list-style-type: decimal;
    padding-left: 20px
}

.c-hygiene__content {
    max-width: 1240px;
    margin: 0 auto
}

.c-image-container-block {
    margin-bottom: 60px
}

.c-image-container-block:after,
.c-image-container-block:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.c-image-container-block .o-block {
    margin-left: -20%;
    padding: 100px 150px 100px 25%
}

@media (min-width:1700px) {
    .c-image-container-block .o-block {
        padding: 100px 150px 100px 290px;
        margin-left: -150px
    }
}

@media (max-width:1024px) {
    .c-image-container-block .o-block {
        margin-left: 0;
        padding: 100px 150px 100px 5%
    }
}

@media (max-width:768px) {
    .c-image-container-block .o-block {
        margin-left: 0;
        padding: 100px 50px 100px 10px
    }
}

.c-image-container-block .o-half--left {
    text-align: right;
    margin-top: 150px;
    margin-bottom: -150px
}

.c-image-container-block .layer--1 {
    z-index: 2
}

.c-image-container-block .layer--2 {
    z-index: 1
}

@media (max-width:992px) {
    .c-image-container-block .layer--2 {
        margin-top: 50px
    }
}

.c-image-container-block .o-image-square {
    margin-right: 50px
}

@media (max-width:1024px) {
    .c-image-container-block .o-image-square {
        position: absolute;
        top: -250px;
        right: 10vw
    }
}

@media (max-width:992px) {
    .c-image-container-block .o-image-square {
        position: absolute;
        top: -250px;
        right: 10vw
    }
    .c-image-container-block {
        margin-bottom: 40px
    }
}

.c-image-container-block .o-text--large {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

@media (max-width:768px) {
    .c-image-container-block .o-text--large {
        font-size: 2.2rem;
        line-height: 1.25;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none;
        margin-bottom: 0
    }
}

.c-image-promo {
    margin-bottom: 60px
}

.c-image-promo .c-trackable-link {
    color: #fff;
    font-size: 6rem;
    line-height: 1.1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    text-decoration: none
}

.c-image-promo .c-trackable-link svg {
    fill: #fff;
    height: 33px;
    width: 33px
}

@media (max-width:768px) {
    .c-image-promo {
        margin-bottom: 40px
    }
}

.c-image-promo__label {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    position: absolute;
    top: 30px;
    left: 5%;
    z-index: 9;
    text-transform: uppercase;
    padding: 15px
}

@media (min-width:1700px) {
    .c-image-promo__label {
        top: 10%;
        left: calc(700px - 25%)
    }
}

@media (min-width:1281px) {
    .c-image-promo__label {
        left: calc(50% - 620px)
    }
}

@media (max-width:1280px) {
    .c-image-promo__label {
        font-size: 1.4rem;
        line-height: 1.5;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: uppercase;
        left: 20px
    }
}

@media (max-width:768px) {
    .c-image-promo__label {
        left: 10px
    }
}

@media (max-width:480px) {
    .c-image-promo__label {
        background: #000;
        padding: 10px;
        font-size: 1.2rem;
        line-height: 1.5;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 300;
        text-transform: uppercase
    }
}

@media (max-width:992px) {
    .c-image-promo .c-trackable-link {
        font-size: 3rem !important;
        line-height: 3rem
    }
}

@media (max-width:768px) {
    .c-image-promo .c-trackable-link {
        font-size: 2.4rem !important
    }
    .c-image-promo .c-trackable-link svg {
        height: 18px;
        width: 18px;
        margin-bottom: -3
    }
}

.c-image-promo .o-banner .o-card {
    top: 60%
}

@media (max-width:480px) {
    .c-image-promo .o-banner .o-card {
        top: auto;
        left: 10px;
        bottom: 20px;
        width: calc(100% - 20px)
    }
    .c-image-promo .o-banner img {
        height: 200px
    }
}

.o-layout .c-image-promo {
    height: 200px;
    overflow: hidden;
    margin-bottom: 0
}

.o-layout .c-image-promo .o-banner {
    height: 100%;
    margin: 0;
    overflow: hidden
}

.o-layout .c-image-promo .o-card {
    padding: 15px;
    width: auto;
    max-width: 90%;
    left: 5%;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto
}

@media (min-width:1025px) {
    .o-layout .c-image-promo .o-card {
        left: 5%
    }
}

.o-layout .c-image-promo .o-card__wrapper {
    height: 200px
}

.o-layout .c-image-promo .c-image-promo__label {
    font-size: 1.2rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    left: 5%;
    top: 30px;
    padding: 5px 15px
}

.o-layout .c-image-promo img {
    position: relative;
    width: 100%
}

@media (max-width:992px) {
    .o-layout .c-image-promo img {
        height: auto;
        width: 100%
    }
}

@media (max-width:768px) {
    .o-layout .c-image-promo img {
        height: 100%;
        width: auto
    }
}

.o-layout .c-image-promo svg {
    fill: #fff;
    height: 14px;
    width: 14px
}

.o-layout .c-image-promo .c-trackable-link {
    font-size: 2.2rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.o-layout__primary .c-image-promo {
    margin-left: -20px
}

@media (max-width:992px) {
    .o-layout__primary .c-image-promo {
        margin-left: 0
    }
}

.o-layout--4-4-4 .o-layout__primary .c-image-promo {
    margin-left: 0
}

.c-image-promo--light .c-image-promo__label {
    background-color: #fff;
    color: #333
}

.o-layout .o-layout--6-6 .c-image-promo,
.o-layout .o-layout--8-4 .c-image-promo {
    height: 100%
}

.c-image-text .o-text--xlarge,
.o-layout--6-6 .c-image-promo .c-trackable-link {
    font-size: 2.2rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.c-image-promo .o-banner .o-card__wrapper {
    position: static
}

.c-image-text {
    background: #fff;
    width: 100%
}

.c-image-text__image {
    display: inline-block;
    margin-left: 20%
}

.c-image-text .o-text--xlarge {
    font-size: 2.8rem;
    margin-bottom: 0
}

.c-image-text .c-trackable-link,
.c-image-text .o-text--xsmall {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.c-image-text .c-trackable-link {
    font-size: 6rem;
    line-height: 1.1;
    font-weight: 100
}

.c-image-text .c-trackable-link svg {
    height: 32px;
    width: 32px
}

.c-image-text .c-parallax .layer--2:after {
    clear: none
}

.c-image-text .o-text-container--right {
    padding: 0 calc(60px + 20%) 60px 60px
}

.c-image-text .o-text-container--right .o-text--xsmall {
    margin-top: 10px
}

@media (max-width:992px) {
    .c-image-text .o-text-container--right {
        padding: 0 20px 60px
    }
}

@media (max-width:768px) {
    .c-image-text .o-text-container--right {
        padding: 0 10px 60px
    }
}

@media (max-width:992px) {
    .c-image-text .o-half {
        float: none;
        display: inline-block;
        width: 100%
    }
    .c-image-text .layer {
        position: relative;
        display: inline-block;
        width: 49.5%
    }
}

@media (max-width:768px) {
    .c-image-text .layer {
        width: 100%
    }
    .c-image-text__image {
        display: none;
        margin-left: 20px;
        margin-bottom: -20px
    }
    .c-image-text .c-trackable-link,
    .c-image-text .o-text--xlarge {
        font-size: 3.8rem;
        line-height: 1.1;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
    .c-image-text .c-trackable-link svg {
        height: 25px;
        width: 25px
    }
    .c-image-text .o-text--xlarge {
        font-size: 2.2rem;
        line-height: 1.25;
        margin-bottom: 0
    }
}

.c-in-guide-nav ul {
    padding-left: 0
}

.c-in-guide-nav__item {
    position: relative;
    margin-bottom: 10px
}

.c-in-guide-nav__item:last-child .c-in-guide-nav__line {
    display: none
}

.c-in-guide-nav__item.inactive {
    opacity: .8
}

.c-in-guide-nav__dot {
    background: #d7d8d6;
    border-radius: 50%;
    display: inline-block;
    height: 7px;
    margin: 0 0 0 18px;
    padding: 0;
    position: relative;
    width: 7px;
    z-index: 1;
    -webkit-transition: ease-in-out .1s;
    transition: ease-in-out .1s;
    vertical-align: top
}

.active .c-in-guide-nav__dot {
    background: #008580;
    height: 11px;
    margin: 0 0 0 16px;
    width: 11px
}

.active .c-in-guide-nav__dot:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    background: #008580;
    height: 10px;
    margin: 0 16px;
    width: 10px;
    left: -15px;
    top: -5px;
    -webkit-animation: pulse .5s ease-out forwards;
    animation: pulse .5s ease-out forwards
}

.visited .c-in-guide-nav__dot {
    background: #008580
}

.c-in-guide-nav__line,
.c-in-guide-nav__line:after {
    display: inline-block;
    left: 20px;
    position: absolute;
    top: 5px
}

.c-in-guide-nav__line:after {
    content: "";
    background: #d7d8d6;
    height: 45px;
    left: 1px;
    top: 0;
    width: 1px;
    z-index: -1
}

.active .c-in-guide-nav__line {
    background: #008580;
    width: 3px;
    -webkit-transition: ease-in-out height .1s;
    transition: ease-in-out height .1s
}

.visited .c-in-guide-nav__line {
    background: #008580;
    width: 3px;
    left: 20px;
    height: 45px
}

.active .c-in-guide-nav__link,
.c-in-guide-nav__link {
    font-size: 1.4rem;
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none;
    line-height: 1
}

.c-in-guide-nav__link {
    font-weight: 400;
    display: inline-block;
    padding: 0 0 0 15px;
    max-width: calc(100% - 41px);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    width: auto
}

.active .c-in-guide-nav__link {
    font-weight: 700;
    padding: 0 0 0 13px
}

.c-in-guide-nav__link:focus {
    text-decoration: none;
    padding: 0 0 0 13px
}

.element {
    -webkit-animation: pulse 5s infinite;
    animation: pulse 5s infinite
}

.c-keyline-list {
    color: #333;
    list-style: none;
    border-bottom: 1px solid #ededed
}

.c-keyline-list.c-keyline-list {
    padding: 0;
    margin: 25px -20px;
    list-style: none
}

.c-keyline-list.c-keyline-list--ordered {
    border-bottom: 0;
    list-style: none !important
}

@media (max-width:768px) {
    .c-keyline-list.c-keyline-list--ordered .c-keyline-list__body {
        padding-left: 10px
    }
}

.c-keyline-list.c-keyline-list--downloads {
    list-style: none !important
}

.c-keyline-list.c-keyline-list--downloads .c-keyline-list__header,
.c-keyline-list.c-keyline-list--ordered .c-keyline-list__header {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 15px
}

@media (max-width:768px) {
    .c-keyline-list.c-keyline-list--downloads .c-keyline-list__header,
    .c-keyline-list.c-keyline-list--ordered .c-keyline-list__header {
        font-size: 1.6rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 700;
        text-transform: none
    }
}

.c-keyline-list.c-keyline-list--downloads .c-keyline-list__copy,
.c-keyline-list.c-keyline-list--ordered .c-keyline-list__copy {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 10px
}

.c-keyline-list.c-keyline-list--downloads .c-keyline-list__body-list,
.c-keyline-list.c-keyline-list--ordered .c-keyline-list__body-list {
    -webkit-column-count: inherit;
    -moz-column-count: inherit;
    column-count: inherit
}

.c-keyline-list.c-keyline-list--downloads .c-keyline-list__body-list-item,
.c-keyline-list.c-keyline-list--ordered .c-keyline-list__body-list-item {
    width: 19%;
    display: inline-block
}

@media (max-width:768px) {
    .c-keyline-list.c-keyline-list--downloads .c-keyline-list__body-list-item,
    .c-keyline-list.c-keyline-list--ordered .c-keyline-list__body-list-item {
        width: 49%
    }
}

.c-keyline-list__item {
    position: relative;
    padding: 3px 20px 0;
    -webkit-transition: background-color ease-in .3s;
    transition: background-color ease-in .3s
}

.c-keyline-list .c-keyline-list__item {
    border-top: 1px solid #ededed
}

.c-keyline-list--ordered .c-keyline-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 8px 20px 0
}

.c-keyline-list--ordered .c-keyline-list__item p {
    margin-bottom: 31px
}

.c-keyline-list__item.c-keyline-list__item {
    margin: 0 0 20px
}

.c-keyline-list--downloads .c-keyline-list__item {
    padding: 20px;
    margin: 0
}

.c-keyline-list__item.c-keyline-list__item--active {
    background-color: #fdfdfd
}

.c-keyline-list__select-panel .c-keyline-list__header {
    margin-right: 80px
}

.c-keyline-list__header-info {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    color: #5c5c5c;
    display: block
}

@media (max-width:480px) {
    .c-keyline-list__header-info {
        margin-top: 5px
    }
}

.c-keyline-list__info {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    font-style: normal
}

.c-keyline-list__copy {
    font-size: 1.6rem;
    line-height: 1.45
}

.c-keyline-list__panel[aria-expanded=false] {
    display: none
}

.c-keyline-list__body .c-keyline-list__body-list,
.c-keyline-list__copy,
.c-keyline-list__counter {
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-keyline-list__counter {
    font-size: 6.4rem;
    line-height: 1;
    width: 85px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    text-align: right;
    color: #008580
}

@media (max-width:768px) {
    .c-keyline-list__counter {
        font-size: 4.4rem;
        line-height: 1.1;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 400;
        text-transform: none;
        width: 55px
    }
}

.c-keyline-list__icon {
    border-right: 1px solid #ededed;
    margin-right: 10px;
    padding-right: 20px
}

@media (max-width:480px) {
    .c-keyline-list__icon {
        display: none
    }
}

.c-keyline-list__body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-left: 1px solid #ededed;
    padding-left: 15px;
    margin-top: 5px
}

@media (max-width:768px) {
    .c-keyline-list__body {
        padding-left: 0
    }
}

.c-keyline-list__body .c-keyline-list__body-list {
    font-size: 1.4rem;
    line-height: 1.7;
    color: #5c5c5c;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding: 0
}

@media (max-width:992px) {
    .c-keyline-list__body .c-keyline-list__body-list {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
}

@media (max-width:768px) {
    .c-keyline-list__body .c-keyline-list__body-list {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

@media (max-width:480px) {
    .c-keyline-list__body .c-keyline-list__body-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.c-keyline-list__body .c-keyline-list__body-list-item {
    margin: 5px 0 2px;
    width: 100%
}

.c-keyline-list__body .c-keyline-list__body-list-item .c-button {
    margin: 0;
    padding: 0;
    text-align: left
}

.c-keyline-list__body .c-keyline-list__body-list-item .c-button:focus,
.c-keyline-list__body .c-keyline-list__body-list-item .c-button:hover,
.video__footer .video__link:focus span,
.video__footer .video__link:hover span,
.video__heading a:focus span,
.video__heading a:hover span {
    text-decoration: underline
}

.c-keyline-list__select-panel .c-keyline-list__body {
    padding: 0;
    border-left: 0
}

.c-keyline-list__controls .c-button {
    display: block;
    margin: 0 20px
}

.c-keyline-list__controls .c-button:first-child {
    margin-bottom: 10px
}

.c-keyline-list__select-panel .c-keyline-list__controls {
    position: absolute;
    top: 20px;
    right: 5px
}

.c-keyline-list__select-panel:focus {
    outline: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0
}

.c-keyline-list__control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:480px) {
    .c-keyline-list__control-bar {
        display: block
    }
    .c-keyline-list__control-bar .c-keyline-list__control--primary {
        margin-bottom: 20px;
        display: block
    }
    .c-keyline-list__control-bar .c-keyline-list__control--secondary {
        display: inline-block
    }
}

.c-keyline-list--downloads {
    overflow-x: hidden
}

.c-keyline-list--downloads .c-keyline-list__body {
    border-left: 0
}

.c-keyline-list--downloads .c-keyline-list__select-panel {
    position: relative;
    display: none
}

.c-keyline-list--downloads .c-keyline-list__select-panel[aria-expanded=true] {
    background-color: #fdfdfd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-keyline-list--downloads.last .c-button[data-role=delete-panel] {
    opacity: 0;
    visibility: hidden
}

.c-keyline-list--downloads .c-keyline-list__item:focus {
    outline: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    background-color: #fdfdfd
}

.c-keyline-list__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-keyline-list__form {
    display: none;
    opacity: 0;
    -webkit-transition: ease-in-out .4s all;
    transition: ease-in-out .4s all;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, transform, height;
    transition-property: opacity, transform, height, -webkit-transform;
    padding-left: 94px;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    width: 100%;
    overflow: hidden
}

@media (max-width:768px) {
    .c-keyline-list__form {
        padding-left: 10px
    }
}

@media (max-width:480px) {
    .c-keyline-list__form {
        padding-left: 0
    }
}

.c-keyline-list__form.active {
    display: block;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    height: auto
}

.c-keyline-list__form legend {
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
    padding-top: 20px
}

.c-keyline-list__form .c-button {
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    cursor: pointer;
    float: right
}

.c-keyline-list__checkbox:focus~label {
    outline: #007fff auto 5px;
    text-decoration: none
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .c-keyline-list__checkbox:focus~label {
        outline: #007fff solid 5px
    }
}

@media (max-width:480px) {
    .c-keyline-list__checkbox {
        left: auto !important
    }
}

.c-keyline-list__checkbox:checked+label:after,
.c-keyline-list__checkbox:not(:checked)+label:after {
    content: url(../../assets/img/svg/check-jade.svg)
}

@media (max-width:480px) {
    .c-keyline-list__checkbox:checked+label:after,
    .c-keyline-list__checkbox:not(:checked)+label:after {
        content: none
    }
}

ul.c-keyline-list__checkboxes {
    display: inline-block;
    padding: 0;
    width: 80%;
    margin: auto;
    vertical-align: top;
    list-style: none
}

@media (max-width:768px) {
    ul.c-keyline-list__checkboxes {
        width: 100%
    }
}

ul.c-keyline-list__checkboxes:first-of-type {
    width: 19%
}

@media (max-width:768px) {
    ul.c-keyline-list__checkboxes:first-of-type {
        width: 100%
    }
}

ul.c-keyline-list__checkboxes label {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    padding-top: 2px
}

.c-keyline-list__checkboxes--sections li {
    display: inline-block;
    margin-bottom: 13px !important;
    width: 49%
}

@media (max-width:480px) {
    .c-keyline-list__checkboxes--sections li {
        width: 100%
    }
}

.c-keyline-list__button {
    float: right
}

.c-keyline-list__button-info {
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    margin-top: 5px;
    color: #929292
}

.c-keyline-list__button-info.hidden,
.c-keyline-list__hidden-form,
.c-leaving-confirmation {
    display: none
}

.c-keyline-list__submit-form .c-button {
    margin-top: 0
}

.o-lightbox .c-leaving-confirmation {
    display: block
}

.c-leaving-confirmation__heading {
    font-size: 3.8rem;
    line-height: 1.1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    max-width: 91.5254237288%
}

.c-leaving-confirmation__heading:focus {
    background-color: #fff
}

@media (max-height:560px) {
    .c-leaving-confirmation__heading {
        font-size: 3.2rem;
        line-height: 1.25;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
}

.c-leaving-confirmation__copy {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 50px
}

.c-leaving-confirmation--email .c-leaving-confirmation__copy {
    margin-bottom: 25px
}

@media (max-height:560px) {
    .c-leaving-confirmation__copy {
        font-size: 1.6rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
}

@media (max-width:768px) {
    .c-leaving-confirmation__links a {
        float: none;
        text-align: center;
        display: block;
        margin-bottom: 20px
    }
}

.c-leaving-confirmation__proceed {
    float: right
}

@media (max-width:768px) {
    .c-leaving-confirmation__proceed {
        padding: 14px 40px 11px;
        white-space: normal
    }
}

.c-leaving-confirmation__list {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    margin-bottom: 40px
}

.c-leaving-confirmation__list:after,
.c-leaving-confirmation__list:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.c-leaving-confirmation__list-item {
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #404040
}

.c-leaving-confirmation__list-item:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0
}

.c-link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-link-list__item {
    margin: 0 .4rem .4rem 0
}

.c-link-list__link {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    display: block;
    padding: .9rem 2rem;
    border: solid 1px #404040
}

.c-link-list__link:hover {
    background-color: #d7d8d6;
    text-decoration: none
}

.c-link-list__icon {
    padding-right: .5rem
}

.c-link-list__detail {
    color: #5c5c5c;
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    margin: .5rem 0 0
}

.c-link-text {
    padding: 2rem 0 0
}

@media (max-width:768px) {
    .c-link-text {
        padding: 0
    }
}

.c-link-text__link,
.c-link-text__text {
    font-size: 4.4rem;
    line-height: 1.1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.c-link-text__link:hover {
    text-decoration: none
}

.c-link-text__text {
    font-size: 1.6rem;
    line-height: 1.45;
    margin-top: 2.5rem
}

.c-main-banner {
    margin-bottom: 60px
}

.c-main-banner .o-banner .o-card__wrapper {
    position: static
}

.edit-mode .c-main-banner,
.edit-mode .c-main-banner .o-banner {
    min-height: 400px
}

.edit-mode .c-main-banner .o-card {
    min-height: 250px
}

@media (max-width:768px) {
    .c-main-banner {
        margin-bottom: 40px
    }
}

.c-media-selector__label {
    display: inline-block;
    margin-bottom: 10px
}

.c-media-selector__button {
    display: none;
    margin-top: 10px;
    border: 0;
    padding: 10px 0
}

.c-media-selector__button:hover {
    -webkit-box-shadow: inset 0 -1px 0 #404040;
    box-shadow: inset 0 -1px 0 #404040;
    text-decoration: none
}

.c-media-selector__select {
    vertical-align: top
}

.c-media-selector .c-button__action,
.c-media-selector .c-button__label {
    display: inline-block
}

.c-media-selector .o-icon {
    display: inline-block;
    fill: #e9a115
}

.c-most-popular {
    background: #3e505d;
    color: #fff;
    margin-bottom: 2rem;
    padding: 3rem 2rem
}

.c-most-popular__title {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 3rem
}

ul.c-most-popular__list {
    padding-left: 0
}

li.c-most-popular__item {
    margin-bottom: 3rem
}

.c-most-popular__item:last-child {
    margin-bottom: 0
}

.c-most-popular__link,
.c-most-popular__text {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-most-popular__text {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 0
}

.c-nav-tray {
    -webkit-transition: margin-left .3s ease;
    transition: margin-left .3s ease;
    left: 0;
    display: none;
    margin-left: -276px;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 276px;
    color: #404040;
    background-color: #eee;
    z-index: 99999
}

@media (max-width:992px) {
    .c-nav-tray--open .c-nav-tray {
        margin-left: 0
    }
}

.c-nav-tray__toggle {
    left: 0;
    border-radius: 0;
    position: absolute;
    top: -9999px;
    height: 42px;
    overflow: hidden;
    border: 0;
    background-color: transparent
}

.c-header--editorial .c-nav-tray__toggle {
    height: 70px
}

.c-nav-tray__toggle:focus,
.c-nav-tray__toggle:hover {
    text-decoration: none;
    background-color: #fff;
    border: 0
}

.c-nav-tray__toggle:after {
    right: 0;
    border-right: 1px solid #d7d8d6;
    position: absolute;
    top: 7px;
    bottom: 7px;
    display: block;
    content: ""
}

.c-nav-tray__toggle span {
    font-size: 1.4rem;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    padding: 0 12px 0 32px;
    display: block;
    line-height: 40px
}

.c-nav-tray__toggle .o-icon {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    left: 12px;
    top: 12px;
    display: block;
    line-height: 0;
    width: 20px;
    height: 20px
}

.c-header--editorial .c-nav-tray__toggle .o-icon {
    top: 25px
}

@media (max-width:992px) {
    .c-nav-tray__toggle {
        top: 0
    }
}

@media (max-width:480px) {
    .c-nav-tray__toggle {
        width: 44px
    }
    .c-nav-tray__toggle span {
        display: none
    }
}

.c-nav-tray__view {
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: none;
    background-color: #d7d8d6
}

.c-nav-tray__top-bar {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    display: block;
    padding: 8px;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    background-color: #d7d8d6
}

.c-nav-tray__back-button {
    left: 0;
    border: 0;
    position: absolute;
    top: 0;
    width: 44px;
    height: 44px;
    background: 0 0
}

.c-nav-tray__back-button:hover {
    cursor: pointer
}

.c-nav-tray__back-button .o-icon {
    width: 22px;
    height: 22px
}

.c-nav-tray__sub-heading {
    padding-left: 40px;
    height: 44px;
    white-space: nowrap;
    overflow: hidden;
    margin-top: -7px;
    margin-left: -10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 3
}

.c-nav-tray__default-view .c-nav-tray__sub-heading {
    padding-left: 0;
    margin-left: 10px
}

.c-nav-tray__default-view {
    display: block
}

.c-nav-tray--show-sub-view .c-nav-tray__default-view {
    margin-left: -276px;
    display: none
}

.c-nav-tray__sub-view {
    margin-left: 276px
}

.c-nav-tray--show-sub-view .c-nav-tray__sub-view,
.c-nav-tray--show-sub-view .c-nav-tray__sub-view.c-nav-tray__sub-view--active {
    margin-left: 0;
    display: block
}

.c-nav-tray__items-container {
    left: 0;
    right: 0;
    position: absolute;
    top: 44px;
    bottom: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.c-nav-tray__item {
    font-size: 1.8rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    padding-left: 10px;
    background-color: #eee
}

.c-nav-tray__item--active {
    border-bottom: solid 3px #db0011
}

.c-nav-tray__items--primary .c-nav-tray__item {
    background-color: #fff
}

.c-nav-tray__item-heading {
    color: #fff;
    background-color: #676f74
}

.c-nav-tray__item-heading .c-nav-tray__link,
.o-language-select .c-nav-tray__item {
    padding-left: 0
}

.c-nav-tray__link {
    display: block;
    padding: 16px 12px 15px;
    text-decoration: none
}

.o-site-wrapper--editorial .c-nav-tray__sub-heading {
    margin: 12px 0 10px 5px;
    font-size: 2rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none
}

.o-site-wrapper--editorial .c-nav-tray .c-in-guide-nav__list {
    background: #fff;
    padding: 20px 0 5px;
    border-right: 1px solid #eee
}

.o-site-wrapper--editorial .c-nav-tray__items-container {
    top: 70px
}

.o-site-wrapper--editorial .c-nav-tray__items-container .c-button-icon {
    display: block;
    padding: 15px 0 0 15px
}

.c-page-intro {
    display: block;
    margin-top: 4rem
}

.c-page-intro__type {
    font-size: 1.8rem;
    line-height: 1.45
}

.c-page-intro__category,
.c-page-intro__date,
.c-page-intro__heading,
.c-page-intro__type {
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.c-page-intro__heading {
    font-size: 6rem;
    line-height: 1.1;
    margin-bottom: .75rem
}

.c-page-intro__category,
.c-page-intro__date {
    display: block;
    font-size: 2.2rem;
    line-height: 1.25
}

.c-page-intro__date {
    font-size: 1.6rem;
    line-height: 1.45
}

.c-page-intro__description {
    font-size: 2.2rem;
    line-height: 1.25;
    font-weight: 400;
    margin-top: 3rem
}

.c-page-intro__content p,
.c-page-intro__content ul li {
    margin-top: 1rem
}

.c-page-intro__content ul,
.c-page-intro__description,
p.c-promo__text {
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

.c-page-intro__content ul {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 100;
    list-style: disc;
    padding: 1.5rem 1.5rem 2rem
}

.c-page-intro+.c-quote {
    background: #253038;
    color: #fff;
    padding: 50px 15% 0 30px !important;
    width: calc(120% + 50px);
    margin-left: -5.8%;
    margin-bottom: -80px
}

.c-page-intro+.c-quote .c-quote__author {
    display: none
}

.c-page-intro+.c-quote .c-quote__content {
    padding: 0 50px 120px
}

.c-page-intro+.c-quote .c-quote__content::before {
    left: 30px !important;
    top: 10px;
    color: #fff
}

@media (max-width:768px) {
    .c-page-intro+.c-quote .c-quote__content::before {
        left: 10px
    }
}

.c-page-intro+.c-quote .c-quote__content::after {
    color: #fff
}

@media (max-width:1024px) {
    .c-page-intro+.c-quote {
        padding: 50px;
        width: 125%;
        margin-left: -2%
    }
}

@media (max-width:992px) {
    .c-page-intro+.c-quote {
        padding: 50px 50px 50px 5%;
        width: 100%
    }
}

@media (max-width:768px) {
    .c-page-intro+.c-quote {
        padding: 80px 10px 10px
    }
}

.c-parallax {
    min-height: 300px
}

.c-parallax,
.c-parallax .layer {
    position: relative
}

.c-parallax .layer--2:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

.c-parallax__layer {
    background-position: top center;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
    position: fixed;
    width: 100%
}

.edit-mode .c-parallax__layer {
    z-index: 999;
    position: absolute
}

@media (max-width:768px) {
    .c-parallax__layer {
        position: relative;
        z-index: 9
    }
    .c-parallax {
        min-height: auto
    }
}

.c-parallax--absolute {
    position: static
}

.c-parallax--absolute .layer {
    position: absolute
}

.c-promo__link {
    margin-bottom: -20px
}

.c-promo__link .o-icon {
    -webkit-transform: rotate(270deg) translateY(7px);
    transform: rotate(270deg) translateY(7px);
    fill: #db0011;
    -webkit-transition: ease-in-out .1s transform;
    transition: ease-in-out .1s transform
}

.c-promo__link:hover {
    text-decoration: none
}

.c-promo__link:hover .o-icon {
    -webkit-transform: rotate(270deg) translateY(13px);
    transform: rotate(270deg) translateY(13px)
}

.c-promo__heading,
.c-promo__link {
    display: inline-block
}

@media (max-width:768px) {
    .c-promo__heading {
        margin: 0 !important
    }
}

.c-promo__image {
    background: #ededed;
    overflow: hidden;
    position: relative;
    height: 320px
}

.c-promo__image img {
    width: 100%;
    min-height: 100%
}

@media (max-width:768px) {
    .c-promo__image {
        height: 200px
    }
}

.c-promo__content {
    background: #fff;
    padding: 20px;
    text-align: center;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    margin-bottom: -130px;
    z-index: 1
}

@media (max-width:768px) {
    .c-promo__content {
        max-width: 100%
    }
}

@media (max-width:480px) {
    .c-promo__content {
        padding: 20px 0;
        margin-bottom: -20px;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
}

p.c-promo__text {
    font-size: 1.8rem;
    line-height: 1.45;
    font-weight: 400
}

@media (max-width:768px) {
    p.c-promo__text {
        margin: 0 0 10px !important
    }
    .c-promo__link {
        margin: 0 !important
    }
}

.c-promo-img-text__img {
    display: block;
    margin-bottom: 1.8rem;
    width: 100%
}

.c-promo-img-text__link {
    font-size: 2.2rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.c-promo-img-text__text,
.c-pull-quote .c-pull-quote__body {
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-promo-img-text__text {
    font-size: 1.6rem;
    line-height: 1.7;
    margin-top: 1rem
}

.c-pull-quote {
    border-left: 4px solid #008580;
    margin: 20px 0 20px -20px;
    padding: 15px 0 15px 16px
}

@media (max-width:768px) {
    .c-pull-quote {
        margin: 20px 0
    }
}

.c-pull-quote .c-pull-quote__body {
    font-size: 2.4rem;
    line-height: 1.25;
    margin: 0
}

.c-quote {
    position: relative;
    padding-top: 60px;
    padding-bottom: 50px
}

.c-quote--slate {
    background: #d7d8d6
}

.c-quote--dark-slate {
    color: #fff;
    background: #253038
}

.c-quote--jade {
    color: #fff;
    background: #008580
}

.c-quote--blue {
    color: #fff;
    background: #305a85
}

.c-quote--green {
    color: #fff;
    background: #305f1b
}

.c-quote--gold {
    color: #fff;
    background: #e9a115
}

.c-quote--antique-gold {
    color: #fff;
    background: #ba8111
}

.c-quote__content {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    font-style: italic;
    margin-bottom: 80px;
    padding: 0 50px
}

@media (max-width:768px) {
    .c-quote__content {
        margin-bottom: 60px;
        padding: 0 30px;
        font-size: 1.8rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
}

.c-quote__content::before {
    content: "“";
    color: #db0011;
    display: block;
    font-family: arial;
    font-size: 10rem;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width:768px) {
    .c-quote__content::before {
        font-size: 6rem
    }
}

.c-quote__content::after {
    content: "”";
    color: #db0011;
    display: block;
    font-family: arial;
    font-size: 10rem;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    right: 20px
}

@media (max-width:768px) {
    .c-quote__content::after {
        right: 0;
        font-size: 6rem
    }
}

.c-quote__author {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    margin-left: 45px;
    padding-top: 20px;
    border-top: solid 1px #444;
    text-transform: uppercase
}

@media (max-width:480px) {
    .c-quote__author {
        margin-left: 0;
        padding-top: 10px
    }
}

.o-layout--6-6 .c-quote {
    padding: 50px 15% 0
}

@media (max-width:992px) {
    .o-layout--6-6 .c-quote {
        padding: 50px 20px 0
    }
}

@media (max-width:768px) {
    .o-layout--6-6 .c-quote {
        padding: 50px 10px 0
    }
}

.o-layout--6-6 .c-quote .c-quote__content::before {
    left: 15%;
    top: 0
}

@media (max-width:992px) {
    .o-layout--6-6 .c-quote .c-quote__content::before {
        left: 20px
    }
}

@media (max-width:768px) {
    .o-layout--6-6 .c-quote .c-quote__content::before {
        left: 10px
    }
}

.o-layout--6-6 .c-quote .c-quote__content::after {
    right: 15%
}

@media (max-width:992px) {
    .o-layout--6-6 .c-quote .c-quote__content::after {
        right: 20px
    }
}

@media (max-width:768px) {
    .o-layout--6-6 .c-quote .c-quote__content::after {
        right: 10px
    }
}

.c-scroll-link {
    bottom: 1rem;
    height: 3.6rem;
    padding: .5rem;
    position: fixed;
    right: 1.5rem;
    z-index: 100
}

.c-scroll-link:hover {
    text-decoration: none
}

@media (max-width:768px) {
    .c-scroll-link {
        bottom: 2rem
    }
}

.c-scroll-link__text {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    background-color: #fff;
    display: inline-block;
    opacity: 0;
    margin-right: -.4rem;
    padding: 0 .5rem;
    -webkit-transition: ease-in-out opacity .2s;
    transition: ease-in-out opacity .2s;
    vertical-align: top
}

.c-scroll-link:focus .c-scroll-link__text,
.c-scroll-link:hover .c-scroll-link__text {
    clip: auto;
    height: 100%;
    opacity: 1;
    position: relative;
    width: auto
}

.c-scroll-link__icon {
    background-color: #526a7c;
    display: inline-block;
    fill: #fff;
    height: 1.8rem;
    padding: .4rem;
    width: 1.8rem
}

.c-rate-article {
    padding-bottom: 30px;
    position: relative;
    -webkit-perspective: 800px;
    perspective: 800px
}

.c-rate-article:after,
.c-rate-article:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.c-rate-article__container {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 1s cubic-bezier(.17, .67, .83, .67);
    transition: all 1s cubic-bezier(.17, .67, .83, .67)
}

.c-rate-article__questions,
.c-rate-article__thanks {
    margin: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: ease-in-out all .3s;
    transition: ease-in-out all .3s;
    opacity: 1
}

.c-rate-article__thanks {
    margin-top: -130px
}

.c-rate-article .flipped,
.c-rate-article__thanks {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.c-rate-article .flipped .c-rate-article__questions {
    opacity: 0
}

.c-rate-article p {
    font-size: 3.8rem;
    line-height: 1.1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    margin-bottom: 20px
}

.c-rate-article input[type=radio] {
    position: absolute;
    opacity: 1;
    height: 40px;
    width: 110px
}

.c-rate-article input[type=radio]::before {
    content: "";
    display: block;
    height: 40px;
    width: 110px;
    margin-left: -5px;
    margin-top: -5px
}

.c-rate-article label {
    background: #008580;
    border: solid #fff 1px;
    display: inline-block;
    margin-bottom: 50px;
    position: relative;
    padding: 10px 30px;
    text-align: center;
    z-index: 9;
    width: 120px;
    cursor: pointer;
    -webkit-transition: all .25s linear
}

.c-block-text--slate .c-rate-article label {
    background: #3e505d;
    color: #fff
}

.c-block-text--dark-slate .c-rate-article label {
    background: #253038;
    color: #fff
}

.c-block-text--blue .c-rate-article label {
    background: #305a85;
    color: #fff
}

.c-block-text--green .c-rate-article label {
    background: #305f1b;
    color: #fff
}

.c-block-text--gold .c-rate-article label {
    background: #e9a115;
    color: #fff
}

.c-block-text--antique-gold .c-rate-article label {
    background: #ba8111;
    color: #fff
}

@media (max-width:480px) {
    .c-rate-article label {
        width: 100px
    }
}

.c-rate-article label:hover {
    background: #fff;
    color: #3e505d
}

.c-rate-article label:nth-child(4) {
    margin-left: 20px
}

.c-section-banner {
    position: relative;
    margin-bottom: 60px;
    z-index: 3
}

@media (min-width:1025px) {
    .c-text-image+.c-section-banner:before {
        width: 100%;
        content: " ";
        height: 450px;
        display: block;
        position: absolute;
        top: -150px;
        left: 0;
        z-index: 2
    }
}

@media (min-width:1700px) {
    .c-section-banner {
        max-width: 1700px;
        margin: 0 auto 60px
    }
}

.c-section-banner img {
    height: auto;
    width: 100%;
    position: relative;
    z-index: 3
}

.c-section-banner .o-card {
    position: absolute;
    bottom: -1px;
    left: calc(50% - 620px);
    width: 80%;
    max-width: 800px;
    padding-bottom: 0;
    z-index: 4
}

@media (max-width:1280px) {
    .c-section-banner .o-card {
        left: 20px
    }
}

@media (min-width:1700px) {
    .c-section-banner .o-card {
        left: calc(50% - 680px)
    }
}

@media (max-width:768px) {
    .c-section-banner .o-card {
        left: 0;
        width: 100%;
        padding: 0 10px
    }
}

.c-section-banner .o-card__body {
    width: 85%
}

@media (max-width:992px) {
    .c-section-banner {
        margin-bottom: 30px
    }
    .c-section-banner .o-card {
        left: 5%;
        width: 80%
    }
}

@media (max-width:768px) {
    .c-section-banner {
        overflow-x: hidden
    }
    .c-section-banner img {
        height: 300px;
        width: auto
    }
}

@media (max-width:480px) {
    .c-section-banner img {
        height: 200px;
        width: auto
    }
    .c-section-banner .o-card {
        position: relative;
        left: 1.5%;
        width: 97%
    }
}

.c-section-intro {
    margin: 0 auto;
    max-width: 50rem;
    padding: 3rem 0
}

.c-section-intro__text,
.c-section-intro__title {
    font-size: 4.4rem;
    line-height: 1.1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.c-section-intro__text {
    font-size: 1.8rem;
    line-height: 1.45
}

.c-section-intro--center {
    text-align: center
}

.c-section-intro--center .c-link-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-section-nav {
    position: fixed;
    right: 0;
    text-align: right;
    top: calc(50vh - (30px*1.5) - 10px);
    z-index: 999
}

@media (max-width:1024px) {
    .c-section-nav {
        display: none
    }
}

.c-section-nav__item {
    list-style-type: none;
    display: block;
    margin-bottom: 5px;
    position: relative;
    width: auto
}

.c-section-nav__item:hover .c-section-nav__button {
    background: #253038
}

.c-section-nav__item:hover .c-section-nav__icon {
    background: #fff
}

.c-section-nav__item:hover .c-section-nav__title {
    display: inline-block;
    right: 100%;
    width: auto
}

.c-section-nav__link:focus .c-section-nav__button {
    background: #253038
}

.c-section-nav__link:focus .c-section-nav__icon {
    background: #fff
}

.c-section-nav__link:focus .c-section-nav__title {
    display: inline-block;
    right: 100%;
    width: auto
}

.c-section-nav__title {
    background: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    line-height: 2;
    padding: 0 20px;
    -webkit-transition: all .6s cubic-bezier(.17, .67, 0, .97);
    transition: all .6s cubic-bezier(.17, .67, 0, .97);
    position: absolute;
    height: 100%;
    right: -100%;
    top: 0;
    overflow: hidden;
    width: 0;
    white-space: nowrap
}

.c-section-nav__icon {
    background: #db0011;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 13px;
    width: 6px
}

.c-section-nav__button {
    background: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    vertical-align: top;
    width: 60px;
    z-index: 2
}

.c-section-nav__item--active .c-section-nav__button {
    background: #263039
}

.c-section-nav__item--active .c-section-nav__button .c-section-nav__icon {
    background: #fff
}

.c-shaded-block {
    position: relative;
    display: block;
    min-height: 270px;
    margin-top: calc(160px + 60px);
    padding: 0 0 2rem;
    background: #ededed;
    width: calc(120% + 60px);
    margin-left: -30px
}

@media (max-width:1280px) {
    .c-shaded-block {
        margin-top: calc(100px + 60px);
        width: calc(120% + 50px)
    }
}

@media (max-width:992px) {
    .c-shaded-block {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:768px) {
    .c-shaded-block {
        margin-top: 0;
        padding: 0
    }
}

.c-shaded-block__image {
    position: relative;
    top: -160px;
    height: auto;
    margin-left: 20%
}

@media (max-width:1280px) {
    .c-shaded-block__image {
        top: -100px;
        margin-left: 40%
    }
}

@media (max-width:768px) {
    .c-shaded-block__image {
        top: -40px;
        margin-left: 100px
    }
}

.c-shaded-block__image img {
    display: block;
    width: 360px
}

@media (max-width:1280px) {
    .c-shaded-block__image img {
        width: 240px
    }
}

.c-shaded-block__content {
    display: block;
    overflow: hidden;
    padding-top: 3rem
}

.c-shaded-block__content .c-shaded-block__content-heading {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.c-shaded-block__content>p {
    margin-bottom: 2.5rem
}

.c-shaded-block .c-shaded-block__image+.c-shaded-block__content {
    margin-top: -160px;
    padding: 3rem 3rem 1rem
}

@media (max-width:768px) {
    .c-shaded-block .c-shaded-block__image+.c-shaded-block__content {
        margin-top: 0;
        padding: 10px
    }
}

.c-signup {
    margin-top: 2rem;
    overflow: hidden;
    padding: 3rem;
    position: relative
}

@media (max-width:768px) {
    .c-signup {
        padding: 1.5rem
    }
}

.c-signup:after {
    content: ".";
    visibility: hidden;
    display: block;
    clear: both
}

.c-signup__intro {
    float: left;
    position: relative;
    width: 36%;
    z-index: 3
}

@media (max-width:768px) {
    .c-signup__intro {
        margin-bottom: 3rem;
        width: 100%
    }
}

.c-signup__intro:before {
    background-color: #ededed;
    content: " ";
    display: block;
    height: calc(100% + 6rem);
    left: -3rem;
    position: absolute;
    top: -3rem;
    width: 320%;
    z-index: -1
}

@media (max-width:768px) {
    .c-signup__intro:before {
        height: calc(100% + 3rem);
        left: -1.5rem;
        top: -1.5rem
    }
}

.c-signup__img {
    display: block;
    margin-bottom: 1rem;
    max-width: 40rem;
    width: 100%
}

.c-signup__heading,
.c-signup__text {
    font-size: 2.2rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.c-signup__text {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0
}

.c-signup__form {
    background-color: #fff;
    border: 1px solid #253038;
    -webkit-box-shadow: 5px 5px 0 #253038;
    box-shadow: 5px 5px 0 #253038;
    float: right;
    padding: 2rem;
    position: relative;
    width: 50%;
    z-index: 3
}

@media (max-width:768px) {
    .c-signup__form {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        width: 100%
    }
}

.c-signup__legend {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 2rem
}

.c-signup__legend:before {
    background-color: #db0011;
    content: " ";
    display: inline-block;
    height: 2.5rem;
    margin-right: .7rem;
    position: relative;
    top: .2rem;
    width: .5rem
}

.c-signup__radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 3rem;
    position: relative
}

.c-signup__radio {
    left: .8rem;
    top: -.5rem
}

.c-signup__radio-label {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 1rem
}

.c-signup__radio-label:before {
    content: " ";
    border: 1px solid #929292;
    border-radius: 50%;
    display: inline-block;
    height: 1.8rem;
    left: 0;
    position: absolute;
    top: .2rem;
    width: 1.8rem
}

.c-signup__radio:focus+.c-signup__radio-label:before {
    outline: 5px solid #1e90ff;
    outline-style: auto;
    outline-offset: 2px
}

.c-signup__radio:checked+.c-signup__radio-label:after {
    background-color: #008580;
    content: " ";
    border-radius: 50%;
    display: block;
    height: 1rem;
    left: .5rem;
    position: absolute;
    top: .7rem;
    width: 1rem
}

.c-signup__email,
.c-signup__email-label,
.c-signup__small {
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none;
    display: block
}

.c-signup__small {
    font-size: 1.2rem;
    font-weight: 300;
    margin: 1.5rem 0 3rem
}

.c-signup__small a {
    text-decoration: underline
}

.c-signup__email,
.c-signup__email-label {
    font-size: 1.4rem;
    font-weight: 400
}

.c-signup__email-label {
    margin-bottom: .5rem
}

.c-signup__email {
    border: 1px solid #333;
    padding: .8rem 0 .8rem 1rem;
    width: calc(100% - 1rem)
}

.c-signup__email[disabled=disabled] {
    background-color: #ededed;
    border-color: transparent
}

.c-signup__email--invalid {
    background-color: #f7f2f3;
    border: 1px solid #af0618
}

.c-signup__email[aria-invalid] {
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-signup__error {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 0;
    padding: .8rem 0;
    visibility: hidden
}

.c-signup__icon {
    display: inline-block;
    fill: #db0011;
    margin-right: .5rem
}

.c-signup__download,
.c-signup__submit {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    background-color: #db0011;
    border: 1px solid #db0011;
    color: #fff;
    cursor: pointer;
    float: right;
    padding: .9rem 2rem;
    text-align: center;
    -webkit-appearance: none;
    display: none
}

.c-signup__submit:hover {
    background-color: #af0618;
    text-decoration: none
}

.c-signup__submit[disabled=disabled] {
    background-color: transparent;
    border-color: #929292;
    color: #929292;
    cursor: default
}

.c-signup__download {
    display: block
}

.c-signup__download:hover {
    background-color: #af0618;
    text-decoration: none
}

.c-signup__download[disabled=disabled] {
    background-color: transparent;
    border-color: #929292;
    color: #929292;
    cursor: default
}

.c-signup__confirmation {
    display: none;
    padding-bottom: 4rem
}

.c-signup__title {
    font-size: 2.8rem;
    line-height: 1.25;
    font-weight: 300;
    margin-bottom: 2rem
}

.c-signup__title:before {
    background-color: #db0011;
    content: " ";
    display: inline-block;
    height: 2.5rem;
    margin-right: .7rem;
    position: relative;
    top: .2rem;
    width: .5rem
}

.c-signup__end-text,
.c-signup__link,
.c-signup__title,
.c-social-link {
    font-family: "univers-hsbc", Arial, sans-serif;
    text-transform: none
}

.c-signup__end-text {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400
}

.c-signup__link,
.c-social-link {
    display: block
}

.c-signup__link {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    background-color: #db0011;
    border: 1px solid #db0011;
    color: #fff;
    cursor: pointer;
    float: right;
    padding: .9rem 2rem;
    text-align: center;
    -webkit-appearance: none;
    bottom: 2rem;
    position: absolute;
    right: 2rem
}

.c-signup__link:hover {
    background-color: #af0618;
    text-decoration: none
}

.c-signup__link[disabled=disabled] {
    background-color: transparent;
    border-color: #929292;
    color: #929292;
    cursor: default
}

.c-signup--dark-jade .c-signup__intro,
.c-signup--dark-slate .c-signup__intro,
.video__heading a {
    color: #fff
}

.c-signup--dark-jade .c-signup__intro:before {
    background-color: #005e59
}

.c-signup--dark-slate .c-signup__intro:before {
    background-color: #253038
}

.c-social-link {
    font-size: 1.6rem;
    line-height: 1.45;
    font-weight: 300;
    overflow: hidden;
    -webkit-transition: ease-in-out opacity .1s;
    transition: ease-in-out opacity .1s
}

.c-social-link:hover {
    opacity: .7
}

.c-social-link__icon {
    background-color: #0077b5;
    border-radius: 50%;
    display: inline-block;
    fill: #fff;
    height: 2.5rem;
    margin-right: 1rem;
    padding: .4rem .5rem .6rem;
    vertical-align: middle;
    width: 2.5rem
}

.c-subnav {
    text-align: center
}

@media (max-width:992px) {
    .c-subnav {
        margin-top: 0
    }
}

.c-subnav__item {
    display: inline-block
}

.c-subnav__link {
    display: block;
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    padding: 2rem 4rem
}

@media (max-width:992px) {
    .c-subnav__link {
        padding: 1.5rem 1rem
    }
}

.c-subnav__link:hover {
    background-color: #ededed
}

.c-subnav__item--selected .c-subnav__link {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    -webkit-box-shadow: 0 -5px 0 #db0011 inset;
    box-shadow: 0 -5px 0 #db0011 inset
}

.c-tabs {
    margin-bottom: 2em
}

.c-tabs__list {
    overflow: hidden;
    display: table;
    width: 100%;
    margin: 35px 0;
    border-left: 1px solid #d7d8d6;
    background: #ededed;
    padding-left: 0 !important
}

.c-tabs--sector .c-tabs__list {
    margin: 0;
    table-layout: fixed
}

.c-tabs__item {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #d7d8d6
}

@media (max-width:480px) {
    .c-tabs__item {
        display: block
    }
}

.c-tabs__item:last-child {
    border-right: 0
}

.o-content-wrapper--slide .c-tabs__item,
p.c-translation__lang {
    margin-bottom: 0
}

.c-tabs__link,
.c-tabs__link-ext {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    display: block;
    padding: 22px 5px;
    color: #333;
    text-decoration: none;
    border-top: 6px solid #ededed;
    border-bottom: 1px solid #d7d8d6;
    white-space: nowrap
}

.c-tabs__item--selected .c-tabs__link,
.c-tabs__item--selected .c-tabs__link-ext {
    background-color: #fff;
    border-top-color: #db0011;
    border-bottom-color: #fff
}

.c-tabs__item--selected .c-tabs__link-ext:focus,
.c-tabs__item--selected .c-tabs__link-ext:hover,
.c-tabs__item--selected .c-tabs__link:focus,
.c-tabs__item--selected .c-tabs__link:hover,
.c-tabs__link-ext:focus,
.c-tabs__link-ext:hover,
.c-tabs__link:focus,
.c-tabs__link:hover,
.video__heading a:focus,
.video__heading a:hover {
    text-decoration: none
}

.c-tabs__link-ext:focus .c-tabs__label,
.c-tabs__link-ext:hover .c-tabs__label,
.c-tabs__link:focus .c-tabs__label,
.c-tabs__link:hover .c-tabs__label {
    text-decoration: none;
    border-bottom: 1px solid #404040
}

@media (max-width:768px) {
    .c-tabs__label {
        font-size: 1.2rem;
        line-height: 1.5;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: uppercase
    }
}

.c-tabs__panel {
    margin-bottom: 2em;
    padding-left: 1.6949152542%;
    padding-right: 1.6949152542%
}

@media (max-width:768px) {
    .c-tabs__panel {
        padding: 0 4.1666666667%
    }
}

.c-tabs__panel[aria-hidden=true] {
    display: none
}

.c-tabs__dropdown {
    display: none;
    max-width: none;
    margin-bottom: 20px;
    border-left: 5px solid #db0011
}

@media (max-width:600px) {
    .c-tabs__dropdown {
        display: block
    }
}

.c-text-block,
.c-text-image {
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.c-text-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-size: 2.8rem;
    line-height: 1.2;
    max-width: 1700px;
    margin: 0 auto 60px
}

.c-text-block--slate .o-half--right .o-text-container {
    background: #3e505d;
    color: #fff
}

.c-text-block--dark-slate .o-half--right .o-text-container {
    background: #253038;
    color: #fff
}

.c-text-block--jade .o-half--right .o-text-container {
    background: #008580;
    color: #fff
}

.c-text-block--blue .o-half--right .o-text-container {
    background: #305a85;
    color: #fff
}

.c-text-block--green .o-half--right .o-text-container {
    background: #305f1b;
    color: #fff
}

.c-text-block--gold .o-half--right .o-text-container {
    background: #e9a115;
    color: #fff
}

.c-text-block--antique-gold .o-half--right .o-text-container {
    background: #ba8111;
    color: #fff
}

.c-text-block .o-half {
    float: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

@media (max-width:768px) {
    .c-text-block .o-half {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 90%;
        flex: 0 1 90%
    }
    .c-text-block .c-animated-number__container {
        margin: -20px 0 -40px
    }
}

@media screen and (max-width:500px),
screen and (min-width:769px)and (max-width:1330px) {
    .c-text-block .c-animated-number {
        margin: 20px 0 40px 20px
    }
}

.c-text-image {
    background: #fff;
    position: relative;
    font-size: 2.2rem;
    line-height: 1.25;
    width: 100%;
    padding-bottom: 200px;
    margin-bottom: -200px
}

.c-text-image__image {
    display: inline-block;
    margin-left: 50px
}

@media (max-width:992px) {
    .c-text-image__image {
        margin-top: 20px
    }
}

@media (max-width:768px) {
    .c-text-image__image {
        display: none
    }
}

.c-text-image__text {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

@media (max-width:768px) {
    .c-text-image__text {
        font-size: 2rem;
        line-height: 1.45;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
}

.c-text-image .o-text-container {
    padding-top: 60px
}

@media (max-width:768px) {
    .c-text-image .o-text-container {
        padding: 20px 10px 0
    }
}

.c-text-image .layer--2 {
    z-index: 9;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

@media (min-width:1025px) {
    .c-text-image .o-half--right {
        margin-bottom: -150px
    }
}

.c-text-promo {
    background: #3e505d;
    color: #fff;
    height: 100%;
    padding: 30px 20px
}

.c-text-promo .c-external-link {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    display: block;
    margin-bottom: 10px
}

.c-text-promo .c-external-link svg {
    display: inline-block;
    fill: #fff;
    height: 2.5rem;
    margin-bottom: -4px;
    width: 2.5rem
}

.c-trackable-link {
    display: inline
}

.edit-mode .c-trackable-link {
    color: #000
}

.c-trackable-link__last-word {
    white-space: nowrap
}

.c-trackable-link__icon {
    display: inline-block;
    margin-bottom: -2px;
    margin-left: 5px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: ease-in-out .2s all;
    transition: ease-in-out .2s all
}

.c-trackable-link__icon:before {
    content: " ";
    line-height: 0
}

.c-share-actions .o-icon use,
.c-trackable-link__icon svg {
    fill: #db0011
}

.c-trackable-link__icon svg:before {
    content: " ";
    line-height: 0
}

.c-trackable-link__icon--v-align-middle {
    vertical-align: middle
}

.c-trackable-link--button {
    background: #3e505d;
    color: #fff;
    display: block;
    margin: 10px 0;
    padding: 10px 20px;
    text-align: center;
    width: 260px;
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none
}

.c-tiles {
    margin: 3rem 0
}

.c-tiles__description,
.c-tiles__title {
    font-size: 2.8rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 1rem;
    max-width: 40rem
}

.c-tiles__description {
    font-size: 1.6rem;
    line-height: 1.45;
    margin-bottom: 3rem
}

.c-tiles__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.c-tiles__list {
    padding-left: 0
}

@media (max-width:768px) {
    .c-tiles__list {
        margin-bottom: 1.5rem
    }
}

.c-tiles__item {
    background-color: #003466;
    color: #fff;
    padding: 2rem;
    width: 49%
}

li.c-tiles__item {
    margin-bottom: 2%
}

@media (max-width:992px) {
    .c-tiles__item {
        width: 100%
    }
}

.c-tiles__item:nth-child(odd) {
    margin-right: 1%
}

@media (max-width:992px) {
    .c-tiles__item:nth-child(odd) {
        margin-right: 0
    }
}

.c-tiles__item:nth-child(even) {
    margin-left: 1%
}

@media (max-width:992px) {
    .c-tiles__item:nth-child(even) {
        margin-left: 0
    }
}

.c-tiles__link,
.c-tiles__text {
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.c-tiles__link {
    font-size: 2.4rem;
    line-height: 1.25;
    margin-bottom: 0
}

.c-tiles__link svg {
    fill: #fff
}

.c-tiles__text {
    font-size: 1.6rem;
    line-height: 1.45;
    margin: 1rem 0 0
}

.c-translation {
    margin: 0 0 30px
}

.c-translation__term {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none
}

.c-translation__term:nth-child(n+2) {
    margin-top: 27px
}

.c-translation__lang-primary,
.c-translation__lang-primary p.c-translation__lang,
.c-translation__lang-secondary,
.c-translation__lang-secondary p.c-translation__lang {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none
}

@media (max-width:480px) {
    .c-translation__lang-primary,
    .c-translation__lang-secondary {
        margin-top: 10px
    }
}

.c-translation__lang-primary {
    color: #005e59
}

.c-translation__lang-primary p.c-translation__lang,
.c-translation__lang-secondary p.c-translation__lang {
    color: #005e59
}

.c-translation__lang-secondary {
    color: #003466
}

.c-translation__lang-secondary p.c-translation__lang {
    color: #003466
}

@media (max-width:480px) {
    p.c-translation__lang {
        display: block;
        margin-bottom: 0
    }
}

.c-three-column-container,
.c-two-column-container {
    margin-bottom: 60px
}

@media (max-width:768px) {
    .c-three-column-container,
    .c-two-column-container {
        margin-bottom: 0
    }
}

.c-column-container {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 2rem;
    position: relative
}

@media (max-width:768px) {
    .c-column-container {
        margin-bottom: 0;
        padding: 0 1rem
    }
}

.c-column-container [class^=o-layout--] {
    position: relative
}

.c-column-container--bg:before {
    background-color: #ededed;
    content: " ";
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1700px
}

.c-column-container--shadow {
    -webkit-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, .2)
}

.c-news-summary__item {
    padding: 12px 0 24px;
    border-top: 1px solid #d7d8d6
}

@media (max-width:768px) {
    .c-news-summary__item {
        padding-left: 3.4482758621%
    }
}

.c-news-summary__category,
.c-news-summary__date {
    display: inline-block;
    width: 100%
}

.c-news-summary__date,
.c-news-summary__source {
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif
}

.c-news-summary__source {
    font-size: 1.2rem;
    font-weight: 100;
    font-style: italic;
    text-transform: uppercase
}

.c-news-summary__date {
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: none;
    margin-top: 10px
}

.c-news-summary__link {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px
}

.c-contact-us-slider {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #d7d8d6
}

@media (max-width:768px) {
    .c-contact-us-slider {
        margin-top: 40px
    }
}

.o-layout--6-6 .c-contact-us-slider {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

.c-contact-us-slider__toggle {
    font-size: 1.8rem;
    line-height: 1.45;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 2px;
    padding: 20px 0;
    text-align: left;
    color: #404040;
    border: 0;
    border-top: 1px solid #d7d8d6;
    background: 0 0
}

.c-contact-us-slider__toggle:hover {
    cursor: pointer
}

.c-contact-us-slider .o-icon {
    float: left;
    display: inline-block;
    width: 20px;
    height: 27px;
    margin-right: 20px;
    fill: #929292
}

.c-contact-us-slider .o-icon--collapse,
.c-contact-us-slider .o-icon--expand {
    float: right
}

.c-contact-us-slider .hidden,
.c-contact-us-slider .o-icon--collapse {
    display: none
}

.c-contact-us-slider input[type=checkbox] {
    margin-top: 20px;
    width: auto
}

.c-contact-us-slider .checkbox-label {
    display: inline;
    padding: 0
}

.c-contact-us__form {
    overflow: hidden;
    margin-bottom: 10px
}

.c-contact-us__form-content {
    height: auto;
    display: none
}

.edit-mode .c-contact-us__form-content {
    display: block
}

.c-contact-us__form-row {
    width: 47.3684210526%;
    float: left;
    margin-right: 5.2631578947%;
    display: block
}

.c-contact-us__form-row:nth-child(even) {
    float: right;
    margin-right: 0
}

@media (max-width:768px) {
    .c-contact-us__form-row {
        width: 100%;
        float: right;
        margin-right: 0
    }
}

.c-contact-us__form input,
.c-contact-us__form textarea {
    border: 1px solid #929292
}

.c-contact-us__form input,
.c-contact-us__form select,
.c-contact-us__form textarea {
    font-size: 1.8rem;
    line-height: 1.45;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fcfcfc;
    border-radius: 0;
    -webkit-appearance: none
}

.c-contact-us__form input,
.c-contact-us__form label {
    width: 100%
}

.c-contact-us__form textarea {
    width: 100%;
    height: 140px;
    display: inherit
}

.c-contact-us__form input[type=submit] {
    float: right;
    width: 47.3684210526%;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #fff;
    border: 1px solid #db0011;
    background: #db0011
}

.c-contact-us__form input[type=submit]:hover:not([disabled=disabled]) {
    z-index: 0;
    cursor: pointer;
    border: 1px solid #d10010;
    background: #d10010
}

.c-contact-us__form input[disabled=disabled] {
    color: #929292;
    border: 1px solid #ededed;
    background: #ededed
}

.c-contact-us__form label {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    display: inline-block;
    padding: 20px 0 9px;
    color: #404040
}

.c-contact-us__form label span {
    color: #676f74
}

.c-contact-us__form label:first-child {
    padding-top: 8px
}

.c-contact-us__form select {
    width: 100%;
    border: 1px solid #929292
}

.c-contact-us__response {
    margin: 15px 40px 0;
    padding-bottom: 15px
}

.c-contact-us__response p {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.4rem
}

.c-contact-us__response p strong {
    font-size: 1.8rem
}

.business-form-control {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1
}

.c-section:last-child {
    position: relative;
    z-index: 5
}

.c-section-info {
    list-style: none;
    text-align: center;
    margin: 10px 0 45px
}

@media (max-width:480px) {
    .c-section-info {
        margin: -20px 0
    }
}

.c-section-info__item {
    display: inline-block;
    max-height: 35px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    padding: 0 20px
}

.c-section-info__item:nth-child(n+2) {
    border-left: solid 1px #ccc
}

@media (min-width:1025px) {
    .c-section-info__item span {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        display: inline-block;
        margin-left: 5px
    }
}

@media (max-width:768px) {
    .c-section-info__item {
        margin-bottom: 15px;
        padding: 10px
    }
    .c-section-info__item:nth-child(n+2) {
        border-left: none
    }
}

@media (max-width:480px) {
    .c-section-info__item .o-icon--medium {
        height: 18px;
        width: 18px
    }
    .c-section-info__item .c-social-icon .o-icon--medium {
        height: 25px;
        width: 25px
    }
}

.c-share-actions {
    position: relative;
    margin: 50px 0 70px
}

.c-share-actions:after,
.c-share-actions:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

@media (max-width:480px) {
    .c-share-actions {
        margin: 20px 0 0
    }
}

.c-share-actions .o-icon {
    display: inline-block
}

.c-share-actions__label {
    float: left;
    color: #333
}

@media (max-width:480px) {
    .c-share-actions__label {
        display: none
    }
}

.c-share-actions__label-inner {
    font-size: 1.2rem;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    display: inline-block;
    padding: 0 30px 0 24px;
    background-color: #eee;
    line-height: 60px;
    height: 60px;
    text-transform: uppercase;
    white-space: nowrap
}

.c-share-actions__label-inner .o-icon {
    position: relative;
    top: 5px;
    width: 20px;
    height: 20px;
    margin-right: 30px
}

.c-share-actions__label-inner .o-icon use {
    fill: #333
}

.c-share-actions__list {
    float: left;
    padding-left: 0 !important
}

.c-share-actions__item {
    float: left;
    position: relative;
    display: block;
    margin-left: -1px
}

.c-share-actions__item:first-child a:after {
    display: none
}

.c-share-actions__link {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    height: 60px;
    width: 60px;
    background: #fff;
    outline: 0
}

.c-share-actions__link:focus,
.c-share-actions__link:hover {
    text-decoration: none;
    background: #db0011
}

.c-share-actions__link:focus:after,
.c-share-actions__link:hover:after {
    display: none
}

.c-share-actions__link:focus .o-icon use,
.c-share-actions__link:hover .o-icon use {
    fill: #fff
}

.c-share-actions__link:after {
    left: 0;
    content: "";
    position: absolute;
    top: 16px;
    background-color: #d7d8d6;
    height: 36px;
    width: 1px;
    z-index: 1
}

.c-share-actions__link .o-icon {
    width: 28px;
    height: 28px;
    position: relative;
    top: 12px
}

.c-article-banner .c-share-actions {
    float: right;
    margin: -30px 0 50px;
    z-index: 99;
    right: 20%
}

@media (min-width:1281px) {
    .c-article-banner .c-share-actions {
        float: left;
        left: calc(50% - 640px + 735px - 120px)
    }
}

@media (max-width:768px) {
    .c-article-banner .c-share-actions {
        margin: -20px 0 40px
    }
    .c-article-banner .c-share-actions__label-inner {
        line-height: 40px;
        height: 40px
    }
    .c-article-banner .c-share-actions__link {
        line-height: 40px;
        height: 40px;
        width: 40px
    }
    .c-article-banner .c-share-actions__link:after {
        top: 6px;
        height: 30px
    }
    .c-article-banner .c-share-actions__link .o-icon {
        width: 22px;
        height: 22px;
        top: 8px
    }
}

.c-article-hero .c-share-actions {
    bottom: -30px;
    margin: 0;
    position: absolute;
    right: 2rem
}

@media (max-width:768px) {
    .c-article-hero .c-share-actions {
        bottom: -20px;
        right: 0
    }
    .c-article-hero .c-share-actions__label-inner {
        line-height: 40px;
        height: 40px
    }
    .c-article-hero .c-share-actions__link {
        line-height: 40px;
        height: 40px;
        width: 40px
    }
    .c-article-hero .c-share-actions__link:after {
        top: 6px;
        height: 30px
    }
    .c-article-hero .c-share-actions__link .o-icon {
        width: 22px;
        height: 22px;
        top: 8px
    }
}

.c-social-icon {
    background: #929292;
    border-radius: 50%;
    display: block;
    height: 35px;
    -webkit-transition: ease-in-out .2s opacity;
    transition: ease-in-out .2s opacity;
    width: 35px
}

.c-social-icon svg {
    fill: #fff;
    height: 25px;
    margin-left: 0;
    margin-top: 4px
}

.c-social-icon:hover {
    opacity: .8
}

.c-social-icon:focus {
    border: 0
}

.c-social-icon--facebook {
    background: #3b5998
}

.c-social-icon--twitter {
    background: #00aced
}

.c-social-icon--linkedin {
    background: #0077b5
}

@supports (-webkit-overflow-scrolling:touch) {
    .c-social-icon--copy {
        display: none
    }
}

.c-accordion {
    margin: 25px 0 50px
}

@media (max-width:768px) {
    .c-accordion {
        margin: 0
    }
}

.c-accordion+.c-accordion {
    margin: -51px 0 50px
}

@media (max-width:768px) {
    .c-accordion+.c-accordion {
        margin: 0
    }
}

.c-accordion__item:first-child {
    border-top: 1px solid #d7d8d6
}

.c-accordion__heading {
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    overflow: hidden;
    margin: 0;
    padding: 20px 0 15px 15px;
    border-bottom: 1px solid #d7d8d6
}

.c-accordion__heading:hover {
    background-color: #eee
}

.o-site-wrapper--editorial .c-accordion__heading {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none
}

.c-accordion__toggle {
    display: block;
    text-decoration: none;
    border: 0;
    background: 0 0;
    width: 100%;
    text-align: left;
    font-size: 20px
}

.c-accordion__toggle:active,
.c-accordion__toggle:focus,
.c-accordion__toggle:hover {
    cursor: pointer;
    text-decoration: none
}

.c-accordion__label {
    color: #5c5c5c;
    pointer-events: none;
    text-decoration: none
}

.c-accordion__icon {
    float: right;
    width: 28px;
    height: 28px;
    fill: #5c5c5c
}

[aria-expanded=true] .c-accordion__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-accordion__content {
    width: 100%;
    overflow: hidden;
    display: none;
    height: 0;
    -webkit-transition: height .4s;
    transition: height .4s
}

.edit-mode .c-accordion__content {
    display: block
}

.c-accordion__item--active .c-accordion__content {
    display: block;
    visibility: visible;
    border-bottom: 1px solid #d7d8d6
}

.c-accordion__inner {
    padding: 25px 0
}

.c-accordion--txt-large p {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-image-news__item,
.c-image-news__list {
    overflow: hidden;
    display: block;
    width: 100%
}

.c-image-news__item {
    float: right;
    margin: 0 0 30px;
    padding: 0
}

.c-image-news__author:after,
.c-image-news__author:before,
.c-image-news__description:after,
.c-image-news__description:before,
.c-image-news__item:after,
.c-image-news__item:before,
.c-image-news__position:after,
.c-image-news__position:before,
.c-reference:after,
.c-reference:before,
.c-sector-links:after,
.c-sector-links:before,
.video__footer:after,
.video__footer:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.c-image-news__content,
.c-image-news__image {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%
}

.c-image-news__content {
    width: 57.6271186441%
}

.c-image-news__author,
.c-image-news__position {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-image-news__position {
    font-size: 1.2rem;
    font-weight: 300;
    margin-top: 6px
}

.c-image-news__description {
    font-size: 1.6rem;
    margin-top: 10px;
    line-height: 1.45
}

.c-image {
    overflow: hidden;
    margin-bottom: 30px
}

.c-image__image {
    margin-bottom: 6px;
    margin-top: 20px
}

.c-image__title {
    padding: 16px 0;
    border-bottom: 1px solid #929292;
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.c-sector-links,
.c-sector-links .c-heading {
    margin-bottom: 30px
}

.c-sector-links__list {
    list-style: none;
    padding-left: 0 !important
}

.c-sector-links__list li {
    margin-bottom: 0
}

.c-sector-links__item {
    float: left;
    margin-right: 20px
}

.c-sector-links__item:last-child {
    margin-right: 0
}

.c-sector-links__link {
    font-size: 2.4rem;
    line-height: 1.25;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
    display: inline-block;
    overflow: hidden;
    width: 300px;
    padding: 21px 20px;
    color: #fff;
    background: #3e505d
}

.c-sector-links__link:hover {
    text-decoration: none;
    background: #34434e
}

.c-sector-links__link .o-icon {
    float: right;
    display: inline-block;
    margin-top: 3px;
    height: 20px;
    width: 20px;
    fill: #fff
}

.c-statistic {
    border-bottom: solid 5px #008580
}

.c-statistic--antique-gold {
    border-bottom-color: #ba8111
}

.c-statistic--narrow {
    margin: 0 auto;
    max-width: 28rem
}

@media (max-width:992px) {
    .c-statistic--narrow {
        max-width: none
    }
}

p.c-statistic__intro {
    margin: 0 0 10px
}

p.c-statistic__number {
    font-size: 6.4rem;
    line-height: 1;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    margin: 0 0 10px
}

p.c-statistic__outro {
    margin: 0 0 10px
}

.c-statistic__prefix,
.c-statistic__suffix {
    font-size: 2rem;
    display: inline-block
}

.c-statistic__suffix {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.c-statistic__prefix {
    float: left;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.c-reference {
    margin-left: 26.3157894737%;
    width: 73.6842105263%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    background: #253038
}

.c-reference__body {
    font-size: 2.2rem;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 100;
    text-transform: none;
    line-height: 1.5;
    color: #fff
}

.c-side-menu {
    background: rgba(255, 255, 255, .9);
    padding: 20px 10px 20px 0;
    position: fixed;
    top: 50%;
    left: 80px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: ease-in-out .2s filter, ease-in-out .2s transform;
    transition: ease-in-out .2s filter, ease-in-out .2s transform;
    width: 16%;
    max-width: 250px;
    z-index: 2
}

.c-side-menu.fade {
    opacity: .6;
    -webkit-filter: opacity(.6) grayscale(1);
    filter: opacity(.6) grayscale(1)
}

.c-side-menu.fade:hover {
    opacity: 1;
    -webkit-filter: opacity(1) grayscale(0);
    filter: opacity(1) grayscale(0)
}

.c-side-menu.hidden {
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    pointer-events: none
}

.c-side-menu.hidden,
.c-side-menu.hidden:hover,
.c-side-menu.scrolling {
    opacity: 0;
    -webkit-filter: opacity(0);
    filter: opacity(0)
}

.edit-mode .c-side-menu.hidden {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.edit-mode .c-side-menu.hidden,
.edit-mode .c-side-menu.hidden:hover {
    opacity: 1;
    -webkit-filter: opacity(1);
    filter: opacity(1)
}

@media (max-width:1180px) {
    .c-side-menu {
        left: 10px
    }
    .c-side-menu,
    .c-side-menu .c-in-guide-nav__link {
        font-size: 1rem;
        line-height: 1.5;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 400;
        text-transform: none
    }
}

@media (max-width:992px) {
    .c-side-menu {
        display: none
    }
}

.c-side-menu .c-button-icon {
    display: block;
    padding: 15px 0 0 15px
}

@media (max-width:1180px) {
    .c-side-menu .c-button-icon {
        font-size: 1rem;
        line-height: 1.5;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 400;
        text-transform: none
    }
}

.video {
    margin-bottom: 40px
}

.video img {
    width: 100%
}

.js-video-small .video__overlay {
    background: #000;
    position: static
}

.video img,
.video[max-width~="500px"] .js-video-small {
    display: block
}

.js-video-small,
.video--playing .video__overlay,
.video[max-width~="500px"] .js-video-big {
    display: none
}

.video__overlay {
    background: rgba(0, 0, 0, .7);
    left: 0;
    display: inline-block;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%
}

.video--playing[max-width~="500px"] .video__overlay {
    display: block
}

.video__overlay__inner {
    padding: 17px 20px 11px;
    color: #fff
}

@media (max-width:992px) {
    .video__overlay__inner {
        padding: 10px
    }
}

.video__description {
    margin-bottom: 0
}

.video[max-width~="500px"] .video__description,
.video[max-width~="500px"] .video__footer .video__link {
    font-size: 14px
}

.video__inner {
    padding: 0 0 56.25%;
    position: relative;
    color: #fff;
    overflow: hidden;
    z-index: 1
}

.lt-ie10 .video__inner {
    z-index: 0
}

.video__holder {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.video__holder span {
    display: block;
    height: 100%
}

.video__holder span[id^=_container] {
    text-align: center;
    background: #efefef;
    width: 100%
}

.video__holder span[id^=_container] a {
    display: inline-block;
    width: 314px
}

.video__heading {
    margin-bottom: 10px
}

@media (max-width:992px) {
    .video__heading {
        font-size: 2.2rem;
        line-height: 1.25;
        font-family: "univers-hsbc", Arial, sans-serif;
        font-weight: 100;
        text-transform: none
    }
}

.video[max-width~="500px"] .video__heading {
    font-size: 18px
}

.video__footer {
    padding: 12px 18px 11px;
    border-top: 1px solid #404040;
    background: #000
}

.video__footer a,
.video__footer span {
    color: #fff
}

.video__footer .video__series__position {
    font-size: 12px;
    float: left;
    text-transform: uppercase;
    padding-top: 3px
}

.video__footer .video__link {
    float: right
}

.video__footer .video__link:focus,
.video__footer .video__link:hover {
    text-decoration: none
}

.video__holder .video__box,
.video__holder .video__box .video-js {
    width: 100%;
    height: 100%
}

.video__holder .video__box .video-js .vjs-control-bar {
    visibility: hidden
}

.video__holder .video__box .video-js.vjs-has-started .vjs-control-bar {
    visibility: visible
}

.video__holder .video__box .video-js.vjs-has-started .vjs-big-play-button {
    display: block
}

.hero-carousel span.visually-hidden,
.video__holder .video__box .video-js.vjs-playing .vjs-big-play-button {
    display: none
}

.video__holder .video__box .video-js .vjs-big-play-button {
    background: rgba(0, 0, 0, .7);
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 80px;
    width: 80px;
    border-radius: 0
}

.video__holder .video__box .video-js .vjs-big-play-button:before {
    margin: 0;
    line-height: 78px
}

.video__holder:hover .vjs-control-bar,
.vjs-paused .vjs-control-bar {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.vjs-control-bar {
    -webkit-transform: translateY(3em) !important;
    transform: translateY(3em) !important
}

.c-notification {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e6ebf1;
    border: 2px solid #193662;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -20px 25px;
    padding: 13px 20px
}

@media (max-width:768px) {
    .c-notification {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0;
        padding: 15px 10px
    }
}

.c-notification__icon {
    color: #193662;
    margin-right: 10px;
    position: relative;
    top: 2px
}

@media (max-width:768px) {
    .c-notification__icon {
        top: 3px
    }
}

.c-notification__icon .o-icon {
    fill: currentColor
}

.c-notification__message,
.hero-carousel .button {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.hero-carousel {
    overflow: hidden;
    position: relative;
    z-index: 0
}

.hero-carousel:after {
    left: 0;
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 52px;
    position: absolute;
    width: 100%;
    z-index: 2
}

@media (max-width:768px) {
    .hero-carousel:after {
        display: none
    }
}

.hero-carousel .button {
    font-weight: 700;
    padding: 1rem 2rem;
    text-decoration: none;
    border: 1px solid #db0011;
    border-radius: 2px;
    background: #db0011;
    background-color: #db0011;
    color: #fff;
    cursor: pointer
}

.hero-carousel__backgrounds {
    left: 0;
    right: 0;
    position: absolute;
    z-index: -1
}

@media (max-width:768px) {
    .hero-carousel__backgrounds {
        height: 178px
    }
}

.hero-carousel__backgrounds-item {
    left: 0;
    opacity: 0;
    right: 0;
    -webkit-transition: opacity 1.25s ease-in-out;
    transition: opacity 1.25s ease-in-out;
    position: absolute;
    visibility: visible
}

.hero-carousel__backgrounds-item img {
    display: block;
    min-height: 178px
}

.hero-carousel__backgrounds-item--active {
    opacity: 1
}

.hero-carousel__backgrounds-item--active img {
    width: 100%
}

@media (max-width:768px) {
    .hero-carousel__backgrounds-item--active {
        height: 178px
    }
}

.hero-carousel__backgrounds-item--inactive {
    opacity: 0;
    display: none
}

.hero-carousel__inner {
    margin: 0 auto;
    max-width: 1180px;
    padding-top: 71px;
    position: relative;
    word-wrap: break-word
}

.hero-carousel__inner:after,
.hero-carousel__inner:before,
.hero-carousel__slide-triggers:after,
.hero-carousel__slide-triggers:before {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

@media (max-width:1024px) {
    .hero-carousel__inner {
        padding-top: 35px
    }
}

@media (max-width:768px) {
    .hero-carousel__inner {
        padding: 60px 30px 30px;
        background: #000;
        margin-top: 178px;
        position: relative
    }
}

.hero-carousel__description,
.hero-carousel__heading,
.hero-carousel__heading--mobile a,
.hero-carousel__slide-triggers-item-body span {
    color: #fff
}

.hero-carousel__heading {
    font-size: 4.8rem
}

@media (max-width:1024px) {
    .hero-carousel__heading {
        font-size: 4.2rem
    }
}

@media (max-width:680px) {
    .hero-carousel__heading {
        font-size: 2rem;
        display: none;
        margin-bottom: 15px
    }
}

.hero-carousel__heading--mobile {
    display: none
}

@media (max-width:680px) {
    .hero-carousel__heading--mobile {
        display: block
    }
    .hero-carousel__heading--mobile .icon {
        font-size: 36px;
        left: -10px;
        top: -3px
    }
}

.hero-carousel__description {
    font-size: 2.4rem;
    line-height: 1.22;
    margin-bottom: 26px
}

@media (max-width:680px) {
    .hero-carousel__description {
        margin: -3px, 0, 15px;
        letter-spacing: 0;
        text-transform: none;
        font-size: 1.2rem
    }
}

.hero-carousel__slides {
    height: 320px;
    max-width: 665px;
    overflow: hidden;
    position: relative
}

@media (max-width:680px) {
    .hero-carousel__slides {
        height: auto;
        max-width: 450px
    }
}

.hero-carousel__slides-item {
    left: 0;
    opacity: 0;
    padding: 36px;
    -webkit-transition: opacity 1.25s ease-in-out;
    transition: opacity 1.25s ease-in-out;
    position: absolute;
    top: 0;
    visibility: visible
}

@media (max-width:680px) {
    .hero-carousel__slides-item {
        padding: 0;
        -webkit-transition: none;
        transition: none;
        position: static
    }
}

.hero-carousel__slides-item--active {
    opacity: 1;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1
}

@media (max-width:768px) {
    .hero-carousel__slides-item--active {
        max-width: none
    }
}

.lt-ie9 .hero-carousel__slides-item--active {
    display: block;
    visibility: visible;
    z-index: 2;
    zoom: 1
}

.hero-carousel__slides-item--inactive {
    display: none
}

.hero-carousel__slide-triggers {
    padding: 24px 16px;
    max-width: 1180px;
    background-color: #fff;
    margin-top: 52px;
    position: relative;
    z-index: 3;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

@media (max-width:768px) {
    .hero-carousel__slide-triggers {
        display: block;
        left: 0;
        margin: 30px;
        padding: 0;
        position: absolute;
        top: 0;
        background: #000;
        max-width: none;
        width: 100%
    }
}

.hero-carousel__slide-triggers-item {
    width: columns(split-columns-value(3, columns), 12, fix-static-misalignment())0;
    float: left;
    -webkit-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
    margin-right: 1%;
    cursor: pointer;
    position: relative;
    width: 270px
}

@media (max-width:1180px) {
    .hero-carousel__slide-triggers-item {
        width: 22vw
    }
}

@media (max-width:1024px) {
    .hero-carousel__slide-triggers-item {
        width: 20vw
    }
}

@media (max-width:768px) {
    .hero-carousel__slide-triggers-item {
        height: 7px;
        width: 16vw;
        margin-bottom: 0
    }
}

.hero-carousel__slide-triggers-item:not(--active) img {
    width: 100%
}

.hero-carousel__slide-triggers-item:focus {
    outline: 0
}

.hero-carousel__slide-triggers-item:first-child {
    display: none
}

@media (max-width:768px) {
    .hero-carousel__slide-triggers-item:first-child {
        display: block
    }
}

.hero-carousel__slide-triggers-item:nth-child(5) {
    margin-right: 0
}

.hero-carousel__slide-triggers-item .fade-image {
    left: 0;
    opacity: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width:768px) {
    .hero-carousel__slide-triggers-item .fade-image {
        display: none
    }
    .hero-carousel__slide-triggers-item .hero-carousel__slide-triggers-item-body {
        background: #fff
    }
    .hero-carousel__slide-triggers-item:first-child .hero-carousel__slide-triggers-item-body {
        border-left: 0
    }
    .hero-carousel__slide-triggers-item:last-child .hero-carousel__slide-triggers-item-body {
        border-right: 0
    }
    .hero-carousel__slide-triggers-item {
        height: 7px;
        width: 16vw
    }
}

.hero-carousel__mobile-aria-trigger {
    left: 0;
    right: 0;
    bottom: -5px;
    position: absolute;
    top: -5px
}

@media (max-width:768px) {
    .hero-carousel__mobile-aria-trigger {
        display: none !important
    }
    .hero-carousel__slide-triggers-item--active {
        display: block;
        margin-right: 1%
    }
    .hero-carousel__slide-triggers-item--active .hero-carousel__slide-triggers-item-body {
        background: #83000a;
        display: block
    }
}

.hero-carousel__slide-triggers-item-head {
    height: 104px;
    overflow: hidden
}

.hero-carousel__slide-triggers-item-head img {
    display: block
}

@media (max-width:1100px) {
    .hero-carousel__slide-triggers-item-head {
        height: auto
    }
}

@media (max-width:1180px) {
    .hero-carousel__slide-triggers-item-head {
        height: auto
    }
}

@media (max-width:768px) {
    .hero-carousel__slide-triggers-item-head {
        display: none
    }
}

.hero-carousel__slide-triggers-item-body {
    padding: 25px 10px 15px 20px;
    background: #000;
    margin-top: -3px;
    font-size: 1.5rem
}

@media (max-width:1180px) {
    .hero-carousel__slide-triggers-item-body {
        margin-top: calc(6px - 2vw)
    }
}

@media (max-width:1024px) {
    .hero-carousel__slide-triggers-item-body {
        height: 120px;
        margin-top: calc(10px - 3vw)
    }
}

@media (max-width:768px) {
    .hero-carousel__slide-triggers-item-body {
        border-left: 4px solid #000;
        border-right: 4px solid #000;
        padding: 0;
        height: 8px;
        margin-top: 0
    }
    .hero-carousel__slide-triggers-item-body a {
        display: none
    }
}

@media (max-width:768px) {
    .hero-carousel__slide-triggers-item-body span {
        visibility: hidden
    }
}

.hero-carousel[data-is-static] .hero-carousel__play-pause,
.hero-carousel__slide-triggers-item-rollover {
    display: none
}

.hero-carousel__slide-triggers-item-link,
.hero-carousel__slide-triggers-item-link:visited {
    color: #fff;
    display: block;
    padding-right: 20px
}

@media (max-width:680px) {
    .hero-carousel__slide-triggers-item-link {
        display: none
    }
}

.hero-carousel__play-pause {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 400px;
    right: 0;
    background: rgba(0, 0, 0, .7);
    border: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

@media (max-width:1180px) {
    .hero-carousel__play-pause {
        right: 10px
    }
}

@media (max-width:1024px) {
    .hero-carousel__play-pause {
        top: 370px
    }
}

@media (max-width:680px) {
    .hero-carousel__play-pause {
        display: none
    }
}

.hero-carousel__play-pause:hover {
    background: #000
}

.hero-carousel__play-pause .icon:after {
    left: 8px;
    top: 13px;
    position: absolute;
    content: "ǁ";
    line-height: 0;
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
    color: #fff
}

.hero-carousel__play-pause.hero-carousel__play-pause--is-stopped .icon:after {
    left: 7px;
    content: "▶";
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    color: #fff;
    font-style: normal
}

.c-accordion-list {
    margin: 25px 0 50px
}

@media (max-width:768px) {
    .c-accordion-list {
        margin: 0
    }
}

.c-accordion-list .c-accordion-list_item+.c-accordion-list_item {
    margin: -51px 0 50px
}

@media (max-width:768px) {
    .c-accordion-list .c-accordion-list_item+.c-accordion-list_item {
        margin: 0
    }
}

.c-accordion-list__item:first-child {
    border-top: 1px solid #d7d8d6
}

.c-accordion-list__heading {
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    overflow: hidden;
    margin: 0;
    padding: 20px 0 15px 15px;
    border-bottom: 1px solid #d7d8d6
}

.c-accordion-list__heading:hover {
    background-color: #eee
}

.o-site-wrapper--editorial .c-accordion-list__heading {
    font-size: 1.6rem;
    line-height: 1.45;
    font-family: "univers-hsbc", Arial, sans-serif;
    font-weight: 700;
    text-transform: none
}

.c-accordion-list__toggle {
    display: block;
    text-decoration: none;
    border: 0;
    background: 0 0;
    width: 100%;
    text-align: left;
    font-size: 20px
}

.c-accordion-list__toggle:active,
.c-accordion-list__toggle:focus,
.c-accordion-list__toggle:hover {
    cursor: pointer;
    text-decoration: none
}

.c-accordion-list__label {
    color: #5c5c5c;
    pointer-events: none;
    text-decoration: none
}

.c-accordion-list__icon {
    float: right;
    width: 28px;
    height: 28px;
    fill: #5c5c5c
}

[aria-expanded=true] .c-accordion-list__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-accordion-list__content {
    width: 100%;
    overflow: hidden;
    display: none;
    height: 0;
    -webkit-transition: height .4s;
    transition: height .4s
}

.edit-mode .c-accordion-list__content {
    display: block
}

.c-accordion-list__item--active .c-accordion-list__content {
    display: block;
    visibility: visible;
    border-bottom: 1px solid #d7d8d6
}

.c-accordion-list__inner {
    padding: 25px 0
}

.o-spacer {
    display: block;
    width: 100%;
    height: 60px;
    background: #fff
}

@media (max-width:992px) {
    .o-spacer {
        display: none
    }
}