/*!
 * Copyright © Stylelabs NV 2016
 *
 *    __asssss,>.  ___i,
 *  <QBT??????T9QL ]QQQf
 *  QP          ]Q.]QQQf
 *  Wb           - ]QQQf
 *  )Qmwawaawaaaa, ]QQQf
 *    ""?"?!"!!?4Q,]QQQf
 *  a/          :Q[]QQQf
 *  $k          <Q[]QQQmgygggggg
 *  )QmwawaaawayQP ]QQQQQWQWQWQm
 *    ""?"?!!"!^`  -""""""""""""
 *
 * credits: Konstantin, Wouter, Jozef, Adrian,
 * Mathieu, Frank, Tim, Gert and Pascal
 */
@charset "UTF-8";

/*! MWF - v1.3.0+500006 
| Copyright 2016 Microsoft Corporation 
| This software is based on or incorporates material from the files listed below (collectively, “Third Party Code”). Microsoft is not the original author of the Third Party Code. The original copyright notice and the license under which Microsoft received Third Party Code are set forth below together with the full text of such license. Such notices and license are provided solely for your information. Microsoft, not the third party, licenses this Third Party Code to you under the terms in which you received the Microsoft software or the services, unless Microsoft clearly states that such Microsoft terms do NOT apply for a particular Third Party Code. Unless applicable law gives you more rights, Microsoft reserves all other rights not expressly granted under such agreement(s), whether by implication, estoppel or otherwise.*/


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

hr,
input[type=search] {
    box-sizing: content-box;
}

img,
legend {
    border: 0;
}

legend,
td,
th {
    padding: 0;
}

body,
dd,
dl,
figure {
    margin: 0;
}

.c-feature:after,
.c-histogram:after,
.c-price:after,
.c-product-placement>a:after,
.c-rating div:after,
.c-rating form:after,
.c-track-list-placement>a:after,
.c-universal-footer nav div>div:after,
.c-universal-footer nav:after,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li:after,
.c-universal-header>div:first-child nav:after,
.c-universal-header>div>div:after,
.histogram:after,
.link-navigation a.c-hyperlink:after,
.link-navigation a:after,
.x-clearfix:after,
[class^=c-heading-]:after,
[data-grid*=col-]:after,
[data-grid~=container]:after,
nav.c-link-navigation a.c-hyperlink:after,
nav.c-link-navigation a:after {
    clear: both;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

h1 {
    margin: .67em 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin-top: 0;
    margin-bottom: 0;
}

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

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

.c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-postion=above],
.c-auto-suggest .c-menu[data-js-auto-suggest-postion=above] {
    bottom: 100%;
}

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

hr {
    height: 0;
}

pre,
textarea {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

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

input {
    line-height: normal;
}

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

.theme-dark .theme-light ins,
.theme-dark .theme-light u,
.theme-light ins,
.theme-light u,
ins,
u {
    border-bottom: 1px solid rgba(0, 0, 0, .6);
}

optgroup {
    font-weight: 700;
}

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

@font-face {
    font-family: MWF-MDL2;
    src: url(/dist/0997ab609e25c2341f30.woff) format("woff"), url(/dist/69318db2523fb9de47c7.ttf) format("truetype");
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("truetype"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.svg#web) format("svg");
    font-weight: 400;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Light"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("truetype"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.svg#web) format("svg");
    font-weight: 100;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Semilight"), local("Segoe UI"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("truetype"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.svg#web) format("svg");
    font-weight: 200;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Semibold"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format("truetype"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.svg#web) format("svg");
    font-weight: 600;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Bold"), local("Segoe UI"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("truetype"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.svg#web) format("svg");
    font-weight: 700;
}


/*
    Patch for missing ChevronDown in the menu
    https://msdn.microsoft.com/en-us/windows/uwp/style/segoe-ui-symbol-font
*/

i.shell-icon-dropdown:before {
    font-family: MWF-MDL2;
    content: "\e70d"
}

.c-heading-1,
.h1,
.type-h1,
h1 {
    font-size: 62px;
    line-height: 72px;
    padding: 38px 0 6px;
    font-weight: 100;
    letter-spacing: -.01em;
}

.c-heading-2,
.h2,
.type-h2,
h2 {
    font-size: 46px;
    line-height: 56px;
    padding: 37px 0 3px;
    font-weight: 100;
    letter-spacing: -.01em;
}

.c-heading-3,
h3 {
    font-size: 34px;
    font: -apple-system-body;
    line-height: 40px;
}

.c-heading-4,
h4 {
    font-size: 24px;
    line-height: 28px;
}

.c-heading-5,
.c-paragraph-1,
h5 {
    font-size: 20px;
    line-height: 24px;
}

@supports (font: -apple-system-body) {
    .c-heading-5,
    .c-paragraph-1,
    h5 {
        font: -apple-system-body;
        line-height: none;
    }
}

.c-heading-6,
.c-paragraph-2,
h6 {
    font-size: 18px;
    line-height: 24px;
}

.c-paragraph-3,
.c-paragraph-4,
p {
    font-size: 15px;
    line-height: 20px;
}

.c-caption-1,
.c-caption-2,
.type-c1,
.type-c2 {
    line-height: 16px;
    font-weight: 400;
}

.c-caption-1,
.type-c1 {
    font-size: 13px;
    line-height: 16px;
}

h3 {
    padding: 38px 0 2px;
    font-weight: 100;
}

h4 {
    padding: 36px 0 4px;
    font-weight: 200;
}

h5 {
    padding: 35px 0 5px;
    font-weight: 200;
}

h6 {
    padding: 37px 0 3px;
    font-weight: 200;
}

.c-paragraph-1 {
    padding: 24px 0 4px;
    font-weight: 200;
}

.c-paragraph-2 {
    padding: 25px 0 3px;
    font-weight: 200;
}

.c-paragraph-3,
.c-paragraph-4,
p {
    padding: 24px 0 0;
    font-weight: 400;
}

@media (max-width:767px) {
    h1 {
        font-size: 46px;
        line-height: 56px;
        padding: 37px 0 3px;
    }
    h2 {
        font-size: 34px;
        line-height: 40px;
        padding: 38px 0 2px;
    }
    h3 {
        font-size: 26px;
        line-height: 32px;
    }
    h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .c-paragraph-1,
    h5 {
        font-size: 18px;
        line-height: 24px;
    }
    .c-paragraph-2,
    h6 {
        font-size: 16px;
        line-height: 20px;
    }
    .c-caption-1 {
        font-size: 12px;
        line-height: 16px;
    }
    h5 {
        padding: 37px 0 3px;
    }
    h6 {
        padding: 39px 0 1px;
    }
    .c-paragraph-2 {
        padding: 27px 0 1px;
    }
    .c-caption-2 {
        font-size: 10px;
        line-height: 12px;
        padding: 2px 0;
    }
}

kbd,
mark {
    padding: 1px 4px 2px;
}

kbd kbd,
ol,
ul {
    padding: 0;
}

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

body {
    font-size: 15px;
    font-family: SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font: -apple-system-body;
    min-width: 320px;
    color: #000;
    background-color: #FFF;
}

.theme-light {
    color: #000;
    background-color: #e6e6e6;
}

.theme-dark {
    color: #FFF;
    background-color: #333;
}

address {
    font: inherit;
}

ol,
ul {
    list-style: none;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

a:active,
a:focus,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    color: inherit;
}

em,
i,
q,
var {
    font-style: italic;
}

abbr,
cite,
dfn,
time {
    font-style: normal;
}

b,
strong {
    font-weight: 600;
}

mark {
    background-color: #FFF100;
}

@media screen and (-ms-high-contrast:active) {
    mark {
        outline: solid 1px;
        color: inherit;
    }
}

.theme-dark .theme-light del,
.theme-dark .theme-light s,
.theme-light del,
.theme-light s,
del,
s {
    color: rgba(0, 0, 0, .6);
}

.theme-dark del,
.theme-dark s,
.theme-light .theme-dark del,
.theme-light .theme-dark s {
    color: rgba(255, 255, 255, .6);
}

.theme-dark .theme-light kbd,
.theme-light kbd,
kbd {
    background-color: rgba(0, 0, 0, .6);
    color: #FFF;
}

ins,
u {
    text-decoration: none;
}

.theme-dark ins,
.theme-dark u,
.theme-light .theme-dark ins,
.theme-light .theme-dark u {
    border-bottom: 1px solid rgba(255, 255, 255, .6);
}

.theme-dark .theme-light abbr,
.theme-dark .theme-light dfn,
.theme-light abbr,
.theme-light dfn,
abbr,
dfn {
    border-bottom: 1px dotted rgba(0, 0, 0, .6);
}

small,
sub,
sup {
    font-size: .8em;
    font: -apple-system-body;
}

.theme-dark abbr,
.theme-dark dfn,
.theme-light .theme-dark abbr,
.theme-light .theme-dark dfn {
    border-bottom: 1px dotted rgba(255, 255, 255, .6);
}

code,
kbd,
pre,
samp {
    font-family: Consolas, "Courier New", Courier, monospace;
}

kbd {
    border-radius: 2px;
}

.theme-dark kbd,
.theme-light .theme-dark kbd {
    background-color: rgba(255, 255, 255, .6);
    color: #000;
}

bdo {
    direction: rtl;
}

input,
input[type=search] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.c-alert[role=alert] {
    margin-top: 24px;
    position: relative;
}

.c-alert[role=alert].f-information {
    background-color: #f2f2f2;
    color: #231F20;
}

.c-alert[role=alert].f-warning {
    background-color: #fff999;
    color: #231F20;
}

.c-alert[role=alert].f-error {
    background-color: #d02e00;
    color: #FFF;
}

.c-alert[role=alert].f-error .c-action-trigger {
    color: #FFF;
    text-decoration: underline;
}

.c-alert[role=alert].f-error>.c-action-trigger.glyph-cancel:before {
    color: #FFF;
}

.c-alert[role=alert] .c-glyph {
    float: left;
    top: 0;
    left: 0;
    margin-left: -8px;
    margin-right: 12px;
}

.c-alert[role=alert] .c-glyph:before {
    font-size: 24px;
    font: -apple-system-body;
    margin: 0;
}

.c-alert[role=alert] .c-glyph~p.c-paragraph {
    margin-left: 28px;
}

.c-alert[role=alert] .c-glyph.glyph-warning:before {
    content: "";
}

.c-alert[role=alert] .c-glyph.glyph-info:before {
    content: "";
}

.c-alert[role=alert] .c-glyph.glyph-incident-triangle:before {
    content: "";
}

.c-alert[role=alert]>.c-glyph.c-action-trigger.glyph-cancel {
    height: 48px;
    width: 48px;
    position: absolute;
    right: 1px;
    left: auto;
    top: 1px;
    margin: 0 10px 0 0;
    padding: 14px 6px;
    z-index: 1;
    float: right;
}

.c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-postion=default],
.c-auto-suggest .c-menu[data-js-auto-suggest-postion=default] {
    top: 38px;
}

.c-alert[role=alert]>.c-glyph.c-action-trigger.glyph-cancel:before {
    font-size: 15px;
    font: -apple-system-body;
    color: #000;
    content: "";
}

.c-alert[role=alert]>div {
    max-width: 1600px;
    margin: 0 auto;
    padding: 16px 48px 16px 20px;
    float: inherit;
}

.c-alert[role=alert]>div>.c-heading {
    font-size: 18px;
    font: -apple-system-body;
    line-height: 24px;
    font-weight: 200;
    padding: 2px 0 8px;
}

.c-alert[role=alert]>div>.c-paragraph {
    font-size: 13px;
    font: -apple-system-body;
    padding-top: 0;
    margin-right: 15px;
}

@media (max-width:767px) {
    .c-alert[role=alert]>div>.c-paragraph {
        font-size: 12px;
    }
}

.c-alert[role=alert]>div>.c-paragraph .c-group {
    overflow: visible;
    display: block;
}

.c-alert[role=alert]>div>.c-paragraph .c-group .c-action-trigger {
    font-size: 13px;
    font: -apple-system-body;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width:767px) {
    .c-alert[role=alert]>div>.c-paragraph .c-group .c-action-trigger {
        font-size: 12px;
        font: -apple-system-body;
        line-height: 16px;
    }
}

    @media only screen and (max-width:767px) {
        .c-alert[role=alert]>div>.c-paragraph .c-group {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin-left: -12px;
            margin-right: -12px;
        }
            .c-alert[role=alert]>div>.c-paragraph .c-group .c-action-trigger {
                margin-top: 0;
                vertical-align: baseline;
            }
    }

    @media only screen and (min-width:768px) {
        .c-alert[role=alert]>div>.c-paragraph .c-group {
            display: inline;
            padding-left: 15px;
            float: right;
        }
            .c-alert[role=alert]>div>.c-paragraph .c-group .c-action-trigger {
                margin: -7px 0 0;
                float: right;
            }
    }

    .c-auto-suggest {
        display: block;
    }

        .c-auto-suggest .c-menu {
            position: absolute;
            background: #FFF;
            border-top: 1px solid;
            border-color: rgba(0, 0, 0, .2);
        }

            .c-auto-suggest .c-menu .c-menu-item span {
                background: #FFF;
            }

                .c-auto-suggest .c-menu .c-menu-item span:hover,
                a.c-back-to-top {
                    background: rgba(0, 0, 0, .1);
                }

            .c-auto-suggest .c-menu[aria-hidden=true] {
                display: none;
            }

            .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span {
                color: rgba(0, 0, 0, .6);
            }

            .c-auto-suggest .c-menu.f-auto-suggest-scroll {
                overflow-y: auto;
                max-height: none;
            }

    @-webkit-keyframes hero-content-next {
        0% {
            -webkit-transform: translateX(40px);
            transform: translateX(40px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes hero-content-next {
        0% {
            -webkit-transform: translateX(40px);
            transform: translateX(40px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-webkit-keyframes hero-content-previous {
        0% {
            -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes hero-content-previous {
        0% {
            -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-webkit-keyframes hero-background-next {
        0% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes hero-background-next {
        0% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-webkit-keyframes hero-background-previous {
        0% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes hero-background-previous {
        0% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-webkit-keyframes hero-background-next-y-center {
        0% {
            -webkit-transform: translate(10px, -50%);
            transform: translate(10px, -50%);
        }
        100% {
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
    }

    @keyframes hero-background-next-y-center {
        0% {
            -webkit-transform: translate(10px, -50%);
            transform: translate(10px, -50%);
        }
        100% {
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
    }

    @-webkit-keyframes hero-background-previous-y-center {
        0% {
            -webkit-transform: translate(-10px, -50%);
            transform: translate(-10px, -50%);
        }
        100% {
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
    }

    @keyframes hero-background-previous-y-center {
        0% {
            -webkit-transform: translate(-10px, -50%);
            transform: translate(-10px, -50%);
        }
        100% {
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
    }

    @-webkit-keyframes hero-background-next-x-center {
        0% {
            -webkit-transform: translateX(-49%);
            transform: translateX(-49%);
        }
        100% {
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
    }

    @keyframes hero-background-next-x-center {
        0% {
            -webkit-transform: translateX(-49%);
            transform: translateX(-49%);
        }
        100% {
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
    }

    @-webkit-keyframes hero-background-previous-x-center {
        0% {
            -webkit-transform: translateX(-51%);
            transform: translateX(-51%);
        }
        100% {
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
    }

    @keyframes hero-background-previous-x-center {
        0% {
            -webkit-transform: translateX(-51%);
            transform: translateX(-51%);
        }
        100% {
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
    }

    @-webkit-keyframes hero-background-previous-x-center-y-center {
        0% {
            -webkit-transform: translate(-51%, -50%);
            transform: translate(-51%, -50%);
        }
        100% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    }

    @keyframes hero-background-previous-x-center-y-center {
        0% {
            -webkit-transform: translate(-51%, -50%);
            transform: translate(-51%, -50%);
        }
        100% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    }

    .c-carousel {
        position: relative;
    }

        .c-carousel .c-flipper {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 2;
            display: none;
        }

            .c-carousel .c-flipper.f-left,
            .c-carousel .c-flipper.f-previous {
                left: 0;
            }

            .c-carousel .c-flipper.f-next,
            .c-carousel .c-flipper.f-right {
                right: 0;
            }

            .c-carousel .c-flipper+div {
                position: relative;
                overflow: hidden;
            }

        .c-carousel.f-scrollable-next .c-flipper.f-next,
        .c-carousel.f-scrollable-next .c-flipper.f-right,
        .c-carousel.f-scrollable-previous .c-flipper.f-left,
        .c-carousel.f-scrollable-previous .c-flipper.f-previous {
            display: block;
        }

        .c-carousel .c-sequence-indicator {
            position: absolute;
            z-index: 2;
            width: 100%;
            text-align: center;
            bottom: 24px;
        }

        .c-carousel.f-multi-slide .c-flipper {
            opacity: 0;
            transition: opacity cubic-bezier(.16, 1, .29, .99) .15;
        }

        .c-carousel.f-multi-slide:hover .c-flipper {
            opacity: .8;
        }

            .c-carousel.f-multi-slide:hover .c-flipper:hover {
                opacity: 1;
            }

            .c-carousel.f-multi-slide:hover .c-flipper:active {
                opacity: .8;
            }

        .c-carousel.f-multi-slide.theme-light .c-flipper {
            background: #FFF;
            color: #000;
        }

        .c-carousel.f-multi-slide.theme-dark .c-flipper {
            background: #000;
            color: #FFF;
        }

        .c-carousel.f-multi-slide li {
            display: none;
            width: 100%;
        }

            .c-carousel.f-multi-slide li.f-active {
                display: block;
            }

        .c-carousel.f-single-slide ul {
            display: inline-block;
            white-space: nowrap;
            font-size: 0;
            left: 0;
            width: auto;
            transition: left cubic-bezier(.16, 1, .29, .99) 667ms;
        }

    .c-combo button,
    .c-search button {
        transition: color .1s, background-color .1s;
    }

    .c-carousel.f-single-slide li {
        font-size: 15px;
        font: -apple-system-body;
        line-height: 20px;
        display: inline-block;
    }

    .c-carousel li {
        position: relative;
        height: 100%;
        z-index: 1;
    }

        .c-carousel li~li {
            display: none;
        }

        .c-carousel li .c-hero>picture img {
            min-width: calc(100% + 20px);
        }

        .c-carousel li .c-hero.f-x-left>picture img {
            right: -10px;
        }

        .c-carousel li .c-hero.f-x-right>picture img {
            left: -10px;
        }

        .c-carousel li.f-animate-next .c-hero>picture img {
            -webkit-animation: hero-background-next cubic-bezier(.16, 1, .29, .99) 667ms both;
            animation: hero-background-next cubic-bezier(.16, 1, .29, .99) 667ms both;
        }

        .c-carousel li.f-animate-next .c-hero>div {
            -webkit-animation: hero-content-next cubic-bezier(.16, 1, .29, .99) 667ms both;
            animation: hero-content-next cubic-bezier(.16, 1, .29, .99) 667ms both;
        }

        .c-carousel li.f-animate-next .c-hero.f-y-center>picture img {
            -webkit-animation-name: hero-background-next-y-center;
            animation-name: hero-background-next-y-center;
        }

        .c-carousel li.f-animate-previous .c-hero>picture img {
            -webkit-animation: hero-background-previous cubic-bezier(.16, 1, .29, .99) 667ms both;
            animation: hero-background-previous cubic-bezier(.16, 1, .29, .99) 667ms both;
        }

        .c-carousel li.f-animate-previous .c-hero>div {
            -webkit-animation: hero-content-previous cubic-bezier(.16, 1, .29, .99) 667ms both;
            animation: hero-content-previous cubic-bezier(.16, 1, .29, .99) 667ms both;
        }

        .c-carousel li.f-animate-previous .c-hero.f-y-center>picture img {
            -webkit-animation-name: hero-background-previous-y-center;
            animation-name: hero-background-previous-y-center;
        }

    @media only screen and (max-width:767px) {
        .c-carousel li .c-hero>div>div {
            padding-bottom: 48px;
        }
        .c-carousel li .c-hero.f-x-left>picture img,
        .c-carousel li .c-hero.f-x-right>picture img {
            left: 0;
            left: calc(50%);
            right: auto;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }
        .c-carousel li.f-animate-next .c-hero[class*=f-x][class*=f-y]>picture img {
            -webkit-animation-name: hero-background-next-x-center;
            animation-name: hero-background-next-x-center;
        }
        .c-carousel li.f-animate-previous .c-hero[class*=f-x][class*=f-y]>picture img {
            -webkit-animation-name: hero-background-previous-x-center;
            animation-name: hero-background-previous-x-center;
        }
    }

    hr,
    hr.c-divider {
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .2);
        margin: 0;
    }

    .c-drawer>button {
        font-size: 13px;
        line-height: 16px;
        border: 0;
        background-color: transparent;
        padding: 14px 36px 14px 12px;
        text-align: left;
        color: rgba(0, 0, 0, .6);
        position: relative;
        width: 100%;
        font-weight: 400;
    }

    @supports (font: -apple-system-body) {
        .c-drawer > button {
            font: -apple-system-body;
            line-height: none;
            border: 0;
            background-color: transparent;
            padding: none;
            text-align: left;
            color: rgba(0, 0, 0, .6);
            position: relative;
            width: 100%;
            font-weight: 400;
        }
    }

    .c-drawer > button:after {
        position: absolute;
        top: 15px;
        right: 12px;
    }

    .c-drawer>div[id] {
        position: relative;
    }

    .c-drawer>button:hover {
        background: rgba(0, 0, 0, .1);
    }

    .c-drawer>button:active {
        background: rgba(0, 0, 0, .3);
    }

    .c-drawer button.c-glyph[aria-expanded=true]:after {
        content: "";
    }

    .c-drawer button.c-glyph[aria-expanded=false]:after {
        content: "";
    }

    .c-hero.f-x-left>picture img,
    .c-hero.f-x-right>div>div,
    .c-hero>picture {
        right: 0;
    }

    .c-flipper {
        display: inline-block;
        width: 24px;
        height: 48px;
        border: 0;
        padding: 0;
        background: rgba(0, 0, 0, .1);
        color: rgba(0, 0, 0, .6);
        font-family: MWF-MDL2;
    }

        .c-flipper:before {
            left: 0;
            top: 0;
        }

        .c-flipper.f-left:before,
        .c-flipper.f-previous:before {
            content: "";
        }

        .c-flipper.f-next:before,
        .c-flipper.f-right:before {
            content: "";
        }

        .c-flipper:focus {
            background: rgba(0, 0, 0, .15);
        }

        .c-flipper:hover {
            background: rgba(0, 0, 0, .15);
            color: rgba(0, 0, 0, .8);
        }

        .c-flipper:active {
            background: rgba(0, 0, 0, .2);
            color: #000;
        }

    .theme-dark .theme-light .c-flipper,
    .theme-light .c-flipper {
        background: rgba(255, 255, 255, .5);
        color: rgba(0, 0, 0, .6);
    }

        .theme-dark .theme-light .c-flipper:focus,
        .theme-light .c-flipper:focus {
            background: rgba(255, 255, 255, .8);
            outline-color: #000;
        }

        .theme-dark .theme-light .c-flipper:hover,
        .theme-light .c-flipper:hover {
            background: rgba(255, 255, 255, .4);
            color: rgba(0, 0, 0, .8);
        }

        .theme-dark .theme-light .c-flipper:active,
        .theme-light .c-flipper:active {
            background: rgba(255, 255, 255, .2);
            color: #000;
        }

    .theme-dark .c-flipper,
    .theme-light .theme-dark .c-flipper {
        background: rgba(0, 0, 0, .5);
        color: rgba(255, 255, 255, .6);
    }

        .theme-dark .c-flipper:focus,
        .theme-light .theme-dark .c-flipper:focus {
            background: rgba(0, 0, 0, .8);
            outline-color: #FFF;
        }

        .theme-dark .c-flipper:hover,
        .theme-light .theme-dark .c-flipper:hover {
            background: rgba(0, 0, 0, .4);
            color: rgba(255, 255, 255, .8);
        }

        .theme-dark .c-flipper:active,
        .theme-light .theme-dark .c-flipper:active {
            background: rgba(0, 0, 0, .2);
            color: #FFF;
        }

    .c-hero .c-heading,
    .c-hero .c-paragraph,
    .c-hero .c-subheading {
        overflow: hidden;
        box-sizing: content-box;
    }

    .c-hero {
        position: relative;
        overflow: hidden;
        padding: 0 5%;
        height: 600px;
    }

        .c-hero>div,
        .c-hero>picture:after {
            height: 100%;
            z-index: 1;
            position: relative;
        }

        .c-hero picture {
            display: block;
        }

        .c-hero>picture {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            z-index: 0;
            overflow: hidden;
        }

            .c-hero>picture img {
                position: absolute;
                min-width: 100%;
            }

            .c-hero>picture:after {
                content: "";
                display: block;
                width: 100%;
            }

        .c-hero>div {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
        }

            .c-hero>div>div {
                position: absolute;
                z-index: 1;
                width: 520px;
            }

        .c-hero .c-heading {
            font-size: 34px;
            font: -apple-system-body;
            line-height: 40px;
            padding: 38px 0 2px;
            font-weight: 100;
            max-height: 80px;
        }

        .c-hero .c-subheading {
            font-size: 20px;
            font: -apple-system-body;
            line-height: 24px;
            padding: 8px 0 4px;
            font-weight: 200;
            max-height: 48px;
        }

        .c-hero .c-paragraph {
            font-size: 15px;
            font: -apple-system-body;
            line-height: 20px;
            padding: 24px 0 0;
            font-weight: 400;
            max-height: 80px;
        }

        .c-hero .c-group {
            margin-top: 24px;
        }

        .c-hero.context-accessory .c-group,
        .c-hero.context-device .c-group,
        .c-hero.context-game .c-group,
        .c-hero.context-music-album .c-product-title {
            margin-top: 12px;
        }

        .c-hero.f-x-left>div>div {
            left: 0;
        }

        .c-hero.f-y-center .c-heading:first-child {
            padding-top: 0;
        }

        .c-hero.f-y-center>div>div {
            top: 120px;
            top: calc(50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .c-hero.f-y-center>picture img {
            top: calc(50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .c-hero.f-y-center.f-x-center>div>div {
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .c-hero.f-y-center.f-x-center>picture img {
            top: calc(50%);
            left: calc(50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    @media only screen and (max-width:1083px) {
        .c-hero {
            height: 500px;
        }
            .c-hero>div>div {
                width: 440px;
            }
            .c-hero .c-heading {
                font-size: 24px;
                line-height: 28px;
                padding: 0 0 4px;
                font-weight: 200;
                max-height: 56px;
            }
            .c-hero .c-subheading {
                font-size: 18px;
                line-height: 24px;
                padding: 9px 0 3px;
                font-weight: 200;
                max-height: 72px;
            }
    }

    @media only screen and (max-width:767px) {
        .c-hero .c-subheading,
        .c-hero>div picture,
        .c-hero[class*=f-x][class*=f-y]>picture:after {
            display: none;
        }
        .c-hero {
            height: auto;
            padding: 0;
            text-align: center;
        }
            .c-hero[class*=f-x][class*=f-y]>picture img {
                top: 0;
                left: 0;
                left: calc(50%);
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
            }
            .c-hero[class*=f-x][class*=f-y]>div>div {
                position: relative;
                width: auto;
                left: 0;
                top: 0;
                top: calc(50%);
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }
            .c-hero>picture {
                position: relative;
                height: 400px;
            }
            .c-hero>div {
                padding: 12px;
                height: 280px;
            }
            .c-hero .c-paragraph {
                max-height: 40px;
            }
            .c-hero .c-heading,
            .c-hero.context-article .c-heading {
                font-size: 20px;
                line-height: 24px;
                padding: 35px 0 5px;
                font-weight: 200;
                max-height: 120px;
            }
            .c-hero .c-heading,
            .c-hero.context-app .c-heading,
            .c-hero.context-article .c-heading {
                padding-top: 0;
            }
            .c-hero .c-group {
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
            }
            .c-hero.context-game .c-rating {
                margin-top: 12px;
            }
            .c-hero.context-music-album .c-product-title {
                margin-top: 0;
            }
    }

    @media only screen and (max-width:539px) {
        .c-hero>picture {
            height: 300px;
        }
        .c-hero .c-paragraph,
        .c-hero .c-price,
        .c-hero .c-rating {
            display: none;
        }
    }

    a.c-hyperlink {
        text-decoration: none;
        color: #0078D7;
    }

        a.c-hyperlink:hover,
        a.c-hyperlink:visited {
            color: #0078D7;
            text-decoration: underline;
        }

        a.c-hyperlink:focus {
            outline: #000 dashed 1px;
        }

            a.c-hyperlink:focus:active {
                outline-style: none;
            }

        a.c-hyperlink:active {
            color: #0078D7;
            text-decoration: none;
        }

    .theme-dark .theme-light a.c-hyperlink,
    .theme-light a.c-hyperlink {
        text-decoration: underline;
        color: #000;
    }

        .theme-dark .theme-light a.c-hyperlink:focus,
        .theme-light a.c-hyperlink:focus {
            text-decoration: none;
            color: #000;
        }

        .theme-dark .theme-light a.c-hyperlink:visited,
        .theme-light a.c-hyperlink:visited {
            color: rgba(0, 0, 0, .4);
        }

        .theme-dark .theme-light a.c-hyperlink:hover,
        .theme-light a.c-hyperlink:hover {
            color: rgba(0, 0, 0, .8);
        }

        .theme-dark .theme-light a.c-hyperlink:active,
        .theme-light a.c-hyperlink:active {
            color: rgba(0, 0, 0, .6);
        }

    .theme-dark a.c-hyperlink,
    .theme-light .theme-dark a.c-hyperlink {
        text-decoration: underline;
        color: #FFF;
    }

        .theme-dark a.c-hyperlink:focus,
        .theme-light .theme-dark a.c-hyperlink:focus {
            text-decoration: none;
            outline-color: #FFF;
        }

        .theme-dark a.c-hyperlink:visited,
        .theme-light .theme-dark a.c-hyperlink:visited {
            color: rgba(255, 255, 255, .4);
        }

        .theme-dark a.c-hyperlink:hover,
        .theme-light .theme-dark a.c-hyperlink:hover {
            color: rgba(255, 255, 255, .8);
        }

        .theme-dark a.c-hyperlink:active,
        .theme-light .theme-dark a.c-hyperlink:active {
            color: rgba(255, 255, 255, .6);
        }

    .c-glyph:after,
    .c-glyph:before,
    .glyph:after,
    .glyph:before {
        font-family: MWF-MDL2;
        display: inline-block;
    }

    .c-glyph:after,
    .c-glyph:before,
    .c-glyph:hover:after,
    .c-glyph:hover:before,
    .glyph:after,
    .glyph:before,
    .glyph:hover:after,
    .glyph:hover:before {
        text-decoration: none;
    }

    .c-logo img+span {
        position: absolute !important;
        overflow: hidden !important;
        clip: rect(1px, 1px, 1px, 1px) !important;
        width: 1px !important;
        height: 1px !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .c-meta-text {
        color: rgba(0, 0, 0, .6);
    }

    .c-menu-item a,
    .c-menu-item span,
    .dropdown-menu>li a,
    .dropdown-menu>li span {
        display: block;
        background: rgba(0, 0, 0, .05);
        padding: 11px 12px 13px;
        outline: 0;
        cursor: pointer;
    }

        .c-menu-item a:focus,
        .c-menu-item a:hover,
        .c-menu-item span:focus,
        .c-menu-item span:hover,
        .dropdown-menu>li a:focus,
        .dropdown-menu>li a:hover,
        .dropdown-menu>li span:focus,
        .dropdown-menu>li span:hover {
            background: rgba(0, 0, 0, .1);
        }

        .c-menu-item a:active,
        .c-menu-item span:active,
        .dropdown-menu>li a:active,
        .dropdown-menu>li span:active {
            background: rgba(0, 0, 0, .3);
        }

        .c-menu-item a[role=menuitemradio][aria-checked=true],
        .c-menu-item span[role=menuitemradio][aria-checked=true],
        .dropdown-menu>li a[role=menuitemradio][aria-checked=true],
        .dropdown-menu>li span[role=menuitemradio][aria-checked=true] {
            background: #0078D7;
            color: #FFF;
        }

    .c-menu-item.f-sub-menu>a,
    .dropdown-menu>li.f-sub-menu>a {
        position: relative;
    }

        .c-menu-item.f-sub-menu>a:after,
        .dropdown-menu>li.f-sub-menu>a:after {
            font-family: MWF-MDL2;
            content: "";
            position: absolute;
            font-size: 6px;
            right: 12px;
            top: 19px;
        }

        .c-menu-item.f-sub-menu>a+.c-menu,
        .dropdown-menu>li.f-sub-menu>a+.c-menu {
            display: none;
            position: absolute;
            left: 100%;
            top: 0;
        }

    .js .c-menu-item.f-sub-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false],
    .js .dropdown-menu>li.f-sub-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false],
    .no-js .c-menu-item.f-sub-menu>a:focus+.c-menu,
    .no-js .c-menu-item.f-sub-menu>a:hover+.c-menu,
    .no-js .dropdown-menu>li.f-sub-menu>a:focus+.c-menu,
    .no-js .dropdown-menu>li.f-sub-menu>a:hover+.c-menu {
        display: block;
    }

    .c-menu,
    .dropdown-menu {
        position: relative;
        z-index: 1;
        width: 296px;
        min-width: 64px;
        max-width: 368px;
        padding: 0;
        margin: 0;
        background: #FFF;
        border: 1px solid rgba(0, 0, 0, .05);
        border-top: 0;
        background-clip: padding-box;
    }

    [class*=c-paragraph].f-lean {
        padding: 0;
    }

    button.c-refine-item {
        position: relative;
        display: block;
        padding: 12px;
        border: 0;
        width: 100%;
        background: 0 0;
        color: rgba(0, 0, 0, .6);
    }

        button.c-refine-item span {
            text-align: left;
            display: block;
            overflow: hidden;
            white-space: nowrap;
        }

        button.c-refine-item:after {
            font-family: MWF-MDL2;
            content: "";
            position: absolute;
            right: 0;
            top: 16px;
            display: none;
            width: 44px;
            font-size: 13px;
            text-align: center;
        }

        button.c-refine-item:focus {
            outline: #000 dashed 1px;
        }

        button.c-refine-item:hover {
            background: rgba(0, 0, 0, .1);
        }

        button.c-refine-item:active {
            background: rgba(0, 0, 0, .3);
        }

        button.c-refine-item[aria-checked=true],
        button.c-refine-item[aria-selected=true] {
            padding-right: 44px;
            background: rgba(0, 0, 0, .1);
            font-weight: 600;
            color: #000;
        }

            button.c-refine-item[aria-checked=true]:hover,
            button.c-refine-item[aria-selected=true]:hover {
                background: rgba(0, 0, 0, .2);
            }

            button.c-refine-item[aria-checked=true]:active,
            button.c-refine-item[aria-selected=true]:active {
                background: rgba(0, 0, 0, .3);
            }

            button.c-refine-item[aria-checked=true]:after,
            button.c-refine-item[aria-selected=true]:after {
                display: inline-block;
            }

    .c-search {
        position: relative;
        min-width: 92px;
        max-width: 296px;
        height: 38px;
        margin-top: 20px;
    }

@supports (font: -apple-system-body) {
    .c-search {
        font-size:15px;
    }
}

        .c-search button,
        .c-search input[type=search] {
            float: left;
            outline: 0;
            background-color: #FFF;
        }

        .c-search input[type=search] {
            box-sizing: border-box;
            width: 100%;
            height: 100%;
            padding: 7px 38px 7px 10px;
            border: 1px solid rgba(0, 0, 0, .6);
        }

            .c-search input[type=search]:hover {
                border-color: rgba(0, 0, 0, .8);
            }

            .c-search input[type=search]:active,
            .c-search input[type=search]:focus {
                border-color: #0078D7;
            }

            .c-search input[type=search]::-ms-clear {
                display: none;
            }

        .c-search button {
            position: absolute;
            top: 0;
            right: 0;
            width: 34px;
            height: 34px;
            margin: 2px 1px 1px;
            padding: 9px;
            border: 0;
        }

            .c-search button:active,
            .c-search button:focus,
            .c-search button:hover {
                color: #FFF !important;
                background: #0078D7;
            }

            .c-search button:before {
                content: "";
                text-indent: 0;
                font-size: 16px;
                color: currentColor !important;
            }

    .c-select-menu,
    .dropdown {
        position: relative;
        display: inline-block;
    }

        .c-select-menu.f-border [aria-expanded],
        .dropdown.f-border [aria-expanded] {
            margin-left: 8px;
            box-sizing: border-box;
            height: 100%;
            border: 1px solid rgba(0, 0, 0, .6);
        }

            .c-select-menu.f-border [aria-expanded]:hover,
            .dropdown.f-border [aria-expanded]:hover {
                border-color: rgba(0, 0, 0, .8);
            }

            .c-select-menu.f-border [aria-expanded]:active,
            .c-select-menu.f-border [aria-expanded]:focus,
            .dropdown.f-border [aria-expanded]:active,
            .dropdown.f-border [aria-expanded]:focus {
                border-color: #0078D7;
            }

        .c-select-menu .c-menu,
        .dropdown .c-menu {
            position: absolute;
            top: 100%;
        }

        .c-select-menu [aria-expanded=false]+.c-menu[aria-hidden=true],
        .c-select-menu [aria-expanded=false]+.dropdown-menu,
        .dropdown [aria-expanded=false]+.c-menu[aria-hidden=true],
        .dropdown [aria-expanded=false]+.dropdown-menu {
            display: none;
        }

        .c-select-menu > button,
        .dropdown > button {
            border: 0;
            background: 0 0;
        }

        .c-select-menu > a,
        .c-select-menu > button,
        .dropdown > a,
        .dropdown > button {
            display: inline-block;
            color: rgba(0, 0, 0, .6);
            padding: 8px 24px 8px 8px;
            -webkit-transform: translateX(-8px);
            -ms-transform: translateX(-8px);
            transform: translateX(-8px);
        }

            .c-select-menu>a:after,
            .c-select-menu>button:after,
            .dropdown>a:after,
            .dropdown>button:after {
                font-family: MWF-MDL2;
                content: "";
                position: absolute;
                font-size: 9px;
                color: #000;
                font-weight: 700;
                right: 8px;
                padding-top: 7px;
            }

            .c-select-menu>a:focus,
            .c-select-menu>button:focus,
            .dropdown>a:focus,
            .dropdown>button:focus {
                outline: #000 dashed 1px;
            }

                .c-select-menu>a:focus:hover,
                .c-select-menu>button:focus:hover,
                .dropdown>a:focus:hover,
                .dropdown>button:focus:hover {
                    outline: 0;
                }

    .js .c-select-menu>[aria-expanded=true]+.c-menu[aria-hidden=false],
    .js .c-select-menu>[aria-expanded=true]+.dropdown-menu,
    .js .c-select-menu>span[aria-expanded=true]+.c-menu[aria-hidden=false],
    .js .dropdown>[aria-expanded=true]+.c-menu[aria-hidden=false],
    .js .dropdown>[aria-expanded=true]+.dropdown-menu,
    .js .dropdown>span[aria-expanded=true]+.c-menu[aria-hidden=false],
    .no-js .c-select-menu:hover .c-menu,
    .no-js .c-select-menu:hover .dropdown-menu,
    .no-js .dropdown:hover .c-menu,
    .no-js .dropdown:hover .dropdown-menu {
        display: block;
    }

    .c-select,
    .combobox {
        position: relative;
        margin-top: 20px;
        min-width: 88px;
        max-width: 296px;
        background-color: #FFF;
        cursor: pointer;
        height: 36px;
    }

        .c-select:after,
        .combobox:after {
            font-family: MWF-MDL2;
            content: "";
            position: absolute;
            right: 4px;
            top: 1px;
            height: 34px;
            width: 31px;
            background: #FFF;
            padding-top: 10px;
            text-align: center;
        }

            .c-select:after:hover,
            .combobox:after:hover {
                z-index: 1;
            }

        .c-select select,
        .combobox select {
            position: relative;
            width: 100%;
            padding: 7px 34px 7px 5px;
            background: #FFF;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            height: 100%;
            outline: 0;
            border: 1px solid rgba(0, 0, 0, .6);
            cursor: pointer;
        }

            .c-select select:active,
            .c-select select:focus,
            .combobox select:active,
            .combobox select:focus {
                background: #FFF;
            }

            .c-select select:hover,
            .combobox select:hover {
                z-index: 2;
                background: 0 0;
                border-color: rgba(0, 0, 0, .8);
            }

            .c-select select:active,
            .c-select select:focus,
            .combobox select:active,
            .combobox select:focus {
                border-color: #0078D7;
            }

            .c-select select[disabled],
            .combobox select[disabled] {
                cursor: not-allowed;
                color: rgba(0, 0, 0, .2);
                border-color: rgba(0, 0, 0, .2);
                background: #FFF;
                z-index: 2;
                padding-right: 0;
            }

            .c-select select option,
            .combobox select option {
                background: #FFF;
                color: #000;
            }

            .c-select select:-moz-focusring,
            .combobox select:-moz-focusring {
                color: transparent;
                text-shadow: 0 0 0 #000;
            }

            .c-select select::-ms-expand,
            .combobox select::-ms-expand {
                display: none;
            }

            .c-select select:focus::-ms-value,
            .combobox select:focus::-ms-value {
                background: 0 0;
                color: #000;
            }

    .c-sequence-indicator {
        font-size: 0;
    }

        .c-sequence-indicator button {
            display: inline-block;
            border: 0;
            padding: 2px 3px;
            width: 12px;
            height: 10px;
            background: 0 0;
        }

            .c-sequence-indicator button:before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                border: 1px solid rgba(0, 0, 0, .8);
            }

            .c-sequence-indicator button:focus {
                outline: #000 dashed 1px;
            }

            .c-sequence-indicator button:hover:before {
                background: rgba(0, 0, 0, .4);
            }

            .c-sequence-indicator button[aria-checked=true]:before {
                background: #000;
            }

    .theme-dark .theme-light .c-sequence-indicator button:before,
    .theme-light .c-sequence-indicator button:before {
        border-color: rgba(0, 0, 0, .8);
    }

    .theme-dark .theme-light .c-sequence-indicator button:focus,
    .theme-light .c-sequence-indicator button:focus {
        outline-color: #000;
    }

    .theme-dark .theme-light .c-sequence-indicator button:hover:before,
    .theme-light .c-sequence-indicator button:hover:before {
        background: rgba(0, 0, 0, .4);
    }

    .theme-dark .theme-light .c-sequence-indicator button[aria-checked=true]:before,
    .theme-light .c-sequence-indicator button[aria-checked=true]:before {
        background: #000;
    }

    .theme-dark .c-sequence-indicator button:before,
    .theme-light .theme-dark .c-sequence-indicator button:before {
        border-color: rgba(255, 255, 255, .8);
    }

    .theme-dark .c-sequence-indicator button:focus,
    .theme-light .theme-dark .c-sequence-indicator button:focus {
        outline-color: #FFF;
    }

    .theme-dark .c-sequence-indicator button:hover:before,
    .theme-light .theme-dark .c-sequence-indicator button:hover:before {
        background: rgba(255, 255, 255, .4);
    }

    .theme-dark .c-sequence-indicator button[aria-checked=true]:before,
    .theme-light .theme-dark .c-sequence-indicator button[aria-checked=true]:before {
        background: #FFF;
    }

    .c-social button,
    .c-social>a,
    .c-social>a>img {
        width: 32px;
        height: 32px;
    }

    .c-social {
        display: block;
        margin-top: 48px;
    }

        .c-social>span {
            font-size: 11px;
            line-height: 16px;
            color: rgba(0, 0, 0, .6);
        }

        .c-social>a {
            position: relative;
        }

            .c-social>a:hover:before {
                background: rgba(255, 255, 255, .1);
            }

            .c-social>a:before {
                background: 0 0;
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }

        .c-social button {
            border: 0;
            background-color: transparent;
            padding: 0;
            color: rgba(0, 0, 0, .6);
            vertical-align: middle;
        }

            .c-social button[aria-hidden=true] {
                display: none;
            }

        .c-social.f-horizontal>a {
            display: inline-block;
            margin-right: 12px;
        }

        .c-social.f-horizontal button[aria-hidden=false] {
            display: inline-block;
        }

        .c-social.f-horizontal button.c-glyph[aria-expanded=false]:after {
            content: "";
        }

        .c-social.f-horizontal button.c-glyph[aria-expanded=true]:after {
            content: "";
        }

    @media only screen and (max-width:767px) {
        .c-social {
            margin-top: 36px;
        }
    }

    .sr-only,
    .x-screen-reader {
        position: absolute !important;
        overflow: hidden !important;
        clip: rect(1px, 1px, 1px, 1px) !important;
        width: 1px !important;
        height: 1px !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Start - Copied from MWF: https://assets.onestore.ms/cdnfiles/external/mwf/long/v1/v1.18.2/css/mwf-west-european-default.css*/
    .m-banner {
        display: block;
        clear: both;
        text-align: center;
        float: none;
        max-width: 1000px;
        margin: 0 auto;
    }
        /* line 13, E:/agent_work/96/s/core/templates/modules/banner/styles/_banner.scss */
        .m-banner blockquote {
            font-size: 34px;
            line-height: 40px;
            padding: 38px 0 2px;
            font-weight: 100;
            font-style: italic;
            margin: 0;
            padding-top: 0;
        }
        /* line 20, E:/agent_work/96/s/core/templates/modules/banner/styles/_banner.scss */
        .m-banner .c-heading-3 {
            padding-top: 0;
        }
        /* line 24, E:/agent_work/96/s/core/templates/modules/banner/styles/_banner.scss */
        .m-banner .c-caption-1 {
            font-size: 18px;
            padding-top: 20px;
            color: rgba(0, 0, 0, 0.6);
        }
        /* line 30, E:/agent_work/96/s/core/templates/modules/banner/styles/_banner.scss */
        .m-banner .c-image {
            margin: 0 auto;
            width: auto;
            max-height: 70px;
        }
            /* line 38, E:/agent_work/96/s/core/templates/modules/banner/styles/_banner.scss */
            .m-banner .c-logo + .c-heading-3,
            .m-banner .c-image + .c-heading-3 {
                padding-top: 10px;
            }
        /* line 43, E:/agent_work/96/s/core/templates/modules/banner/styles/_banner.scss */
        .m-banner a.c-call-to-action {
            background: transparent;
            color: #0078D7;
            border-color: transparent;
            border-width: 2px;
            padding: 10px 16px 7px 0;
            margin-left: 0;
            transition: none;
        }
            /* line 10, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
            .m-banner a.c-call-to-action:focus:not(.x-hidden-focus), .m-banner a.c-call-to-action:hover, .m-banner a.c-call-to-action:active {
                background: transparent;
                outline: transparent;
                border-color: transparent;
            }
            /* line 18, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
            .m-banner a.c-call-to-action:focus:not(.x-hidden-focus) {
                background: rgba(0, 120, 215, 0.1) content-box;
            }
            /* line 22, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
            .m-banner a.c-call-to-action:focus:not(.x-hidden-focus), .m-banner a.c-call-to-action:hover {
                color: #006cc2;
            }
            /* line 27, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
            .m-banner a.c-call-to-action:active {
                background: none;
                color: #0060ac;
                text-decoration: none;
                -webkit-transform: none;
                transform: none;
            }
            /* line 37, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
            .m-banner a.c-call-to-action:focus:not(.x-hidden-focus) span, .m-banner a.c-call-to-action:hover span {
                text-decoration: underline;
            }
            /* line 42, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
            .m-banner a.c-call-to-action[aria-disabled="true"] {
                cursor: not-allowed;
                color: #cce4f7;
            }
    /* line 47, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
    .theme-light .m-banner a.c-call-to-action, .theme-dark .theme-light .m-banner a.c-call-to-action {
        color: #000;
        background: transparent;
        border-color: transparent;
    }
        /* line 52, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
        .theme-light .m-banner a.c-call-to-action:focus:not(.x-hidden-focus), .theme-dark .theme-light .m-banner a.c-call-to-action:focus:not(.x-hidden-focus) {
            background: rgba(0, 0, 0, 0.1) content-box;
        }
        /* line 56, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
        .theme-light .m-banner a.c-call-to-action:focus:not(.x-hidden-focus), .theme-light .m-banner a.c-call-to-action:hover, .theme-dark .theme-light .m-banner a.c-call-to-action:focus:not(.x-hidden-focus), .theme-dark .theme-light .m-banner a.c-call-to-action:hover {
            color: rgba(0, 0, 0, 0.9);
        }
        /* line 61, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
        .theme-light .m-banner a.c-call-to-action:active, .theme-dark .theme-light .m-banner a.c-call-to-action:active {
            color: rgba(0, 0, 0, 0.8);
        }
        /* line 65, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
        .theme-light .m-banner a.c-call-to-action[aria-disabled="true"], .theme-dark .theme-light .m-banner a.c-call-to-action[aria-disabled="true"] {
            background: transparent;
            color: #999999;
        }
    /* line 71, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
    .theme-dark .m-banner a.c-call-to-action, .theme-light .theme-dark .m-banner a.c-call-to-action {
        color: #FFF;
        background: transparent;
        border-color: transparent;
    }
        /* line 76, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
        .theme-dark .m-banner a.c-call-to-action:focus:not(.x-hidden-focus), .theme-light .theme-dark .m-banner a.c-call-to-action:focus:not(.x-hidden-focus) {
            background: rgba(255, 255, 255, 0.1) content-box;
        }
        /* line 80, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
        .theme-dark .m-banner a.c-call-to-action:focus:not(.x-hidden-focus), .theme-dark .m-banner a.c-call-to-action:hover, .theme-light .theme-dark .m-banner a.c-call-to-action:focus:not(.x-hidden-focus), .theme-light .theme-dark .m-banner a.c-call-to-action:hover {
            color: #e6e6e6;
        }
        /* line 85, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
        .theme-dark .m-banner a.c-call-to-action:active, .theme-light .theme-dark .m-banner a.c-call-to-action:active {
            color: #cccccc;
        }
        /* line 89, E:/agent_work/96/s/core/styles/utilities/components/_call_to_action.scss */
        .theme-dark .m-banner a.c-call-to-action[aria-disabled="true"], .theme-light .theme-dark .m-banner a.c-call-to-action[aria-disabled="true"] {
            background: transparent;
            color: #666666;
        }

    .theme-dark .theme-light .m-banner a.c-call-to-action, .theme-light .m-banner a.c-call-to-action {
        color: #000;
        background: 0 0;
        border-color: transparent;
    }

        .theme-dark .theme-light .m-banner a.c-call-to-action:active, .theme-light .m-banner a.c-call-to-action:active {
            color: rgba(0,0,0,.6);
        }

    .theme-dark .m-banner a.c-call-to-action, .theme-light .theme-dark .m-banner a.c-call-to-action {
        color: #FFF;
        background: 0 0;
        border-color: transparent;
    }

        .theme-dark .m-banner a.c-call-to-action:active, .theme-light .theme-dark .m-banner a.c-call-to-action:active {
            color: rgba(255,255,255,.6);
        }


    /* line 28, E:/agent_work/96/s/core/styles/_grid.scss */
    [data-grid~="container"] {
        max-width: calc(1600px + 10%);
        margin: 0 auto;
        padding-left: 5%;
        padding-right: 5%;
    }

    [data-grid~="col-12"] {
        width: 100%;
    }

    @media screen and (max-width: 1083px) {
        /* line 28, E:/agent_work/96/s/core/styles/_grid.scss */
        [data-grid~="container"] {
            padding-left: 0;
            padding-right: 0;
        }
    }

    [data-grid~="container"] {
        max-width: calc(1600px + 10%);
        margin: 0 auto;
        padding-left: 5%;
        padding-right: 5%;
    }

    @media screen and (max-width: 1083px) {
        /* line 28, E:/agent_work/96/s/core/styles/_grid.scss */
        [data-grid~="container"] {
            padding-left: 0;
            padding-right: 0;
        }
    }

    /* line 44, E:/agent_work/96/s/core/styles/_grid.scss */
    [data-grid~="container"],
    [data-grid*="col-"] {
        box-sizing: border-box;
        zoom: 1;
    }
        /* line 4, E:/agent_work/96/s/core/styles/utilities/_clearfix.scss */
        [data-grid~="container"]:before, [data-grid~="container"]:after,
        [data-grid*="col-"]:before,
        [data-grid*="col-"]:after {
            content: " ";
            display: table;
        }
        /* line 10, E:/agent_work/96/s/core/styles/utilities/_clearfix.scss */
        [data-grid~="container"]:after,
        [data-grid*="col-"]:after {
            clear: both;
        }

/* End - Copied from MWF: https://assets.onestore.ms/cdnfiles/external/mwf/long/v1/v1.18.2/css/mwf-west-european-default.css*/
/*
General
=======
*/

body {
    background-color: #fafafa;
    overflow-x: hidden;
    color: rgba(0, 0, 0, 0.87);
}


/* general typo overwrites */

.c-heading-1,
.h1,
.type-h1,
h1 {
    padding: 24px 0 24px;
}

.c-heading-2,
.h2,
.type-h2,
h2 {
    padding: 16px 0 24px;
}

.c-heading-3,
.h3,
.type-h3,
h3 {
    padding: 8px 0 24px;
}

.c-heading-4,
.h4,
.type-h4,
h4 {
    padding: 4px 0 24px;
}

.c-heading-5,
.h5,
.type-h5,
h5 {
    padding: 4px 0 24px;
}

.c-paragraph-1,
.c-paragraph-2,
.c-paragraph-3,
.c-paragraph-4,
.type-p1,
.type-p2,
.type-p3,
.type-p4,
p {
    margin-bottom: 24px;
}

.tex-align-center {
    text-align: center;
}

a {
    word-wrap: break-word;
}


/* some links have no href attribute =>we add the pointer cursos with css */

a {
    cursor: pointer;
    /* make all links word-wrap */
    word-wrap: break-word;
}

.story-meta a,
.story-meta a:focus,
.story-meta a:hover,
.story-meta a:link,
.story-meta a:visited,
a.c-hyperlink,
a.c-hyperlink:focus,
a.c-hyperlink:hover,
a.c-hyperlink:link,
a.c-hyperlink:visited {
    color: #0067B8;
}

    a:focus {
        outline: 1px #0067B8 solid;
    }

    a.c-hyperlink:focus {
        outline: 1px #0067B8 solid !important;
    }

.story-meta a:active,
a.c-hyperlink:active {
    color: #000;
}

.story-meta a:hover,
.story-meta a:active,
a.c-hyperlink:hover,
a.c-hyperlink:active {
    text-decoration: underline;
}


/* the loading alert message */

.c-alert[role=alert] .c-glyph {
    margin-top: -5px;
}

.c-select-menu>a:hover,
.c-select-menu>a:focus,
.c-select-menu>a:active {
    color: #000;
}


/* hide the print hero onlyw shown for print stylesheet */

.print-hero,
.visible-print {
    display: none;
}

.print-only {
    display: none;
}


/* print - styles */

@page {
    margin: 1.5cm 0.5cm !important;
    /* put the microsoft logo and the copyright on the firt page in the left bottom corner */
    @bottom-center {
        content: "© 2017 Microsoft"
    }
}

@media print {
    .print-copyright-footer {
        position: fixed;
        bottom: 10px;
        color: #999;
        font-size: 11px;
        font: -apple-system-body;
    }
    .print-copyright-footer img {
        clear: both;
        max-width: 85px;
        margin-bottom: 7px;
    }
    body {
        margin: 0;
    }
    .sl-navigation-global-nav,
    .story-social-links,
    .story-downloads,
    .sl-related,
    .print-button,
    .c-divider,
    .quote-carousel-link__wrapper,
    .c-hero {
        display: none !important;
    }
    .print-only {
        display: block;
        padding-bottom: 20px;
    }
    sl-player div.videoWrapper {
        display: none !important;
    }
    .story-meta a {
        color: rgba(0, 0, 0, .87) !important;
    }
    .container {
        width: auto !important;
        max-width: 100% !important;
        padding-bottom: 0 !important;
    }
    /* show the print hero */
    .print-hero,
    .visible-print {
        display: block;
    }
    .print-hero img {
        margin-bottom: 10px;
    }
    img {
        page-break-inside: avoid;
    }
    /* show all quotes */
    .quote-carousel-item {
        display: block !important;
    }
    blockquote .blockquote-content {
        font-size: 20px !important;
        font: -apple-system-body !important;
    }
    blockquote {
        margin: 0 !important;
        padding-top: 10px !important;
        page-break-inside: avoid;
    }
    img,
    h1,
    h2,
    h3,
    h4,
    h5 {
        page-break-inside: avoid;
    }
    .c-hero {
        height: 400px;
    }
    .c-hero .c-heading,
    .c-hero .c-subheading {
        color: #000!important;
        background-color: white !important;
        text-shadow: 1px 1px 1.5px #fff !important;
        padding: 16px !important;
    }
    /* make the font size a bit smaller */
    .c-paragraph-3,
    .c-paragraph-4,
    .c-subheading-5,
    .c-subheading-6,
    .type-p3,
    .type-p4,
    .type-sh5,
    .type-sh6,
    p {
        font-size: 15px !important;
        font: -apple-system-body !important;
    }
    .executive-summary {
        font-size: 17px !important;
        font: -apple-system-body !important;
    }
    .sidebar,
    .sidebar h4,
    .sidebar p {
        font-size: 14px;
        font: -apple-system-body;
    }
    /* make the story images a bit smaller */
    [class*="story-image-"] {
        width: 70%;
    }
    /* overrule the bootstrap grid classes */
    .col-sm-3 {
        width: 35% !important;
    }
    .col-sm-6 {
        width: 65% !important;
    }
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11 {
        float: left !important;
        position: relative !important;
        overflow: hidden;
    }
    .col-sm-3.col-sm-push-9 {
        display: none;
    }
    .col-sm-pull-3 {
        right: 0 !important;
    }
    .col-sm-6.col-sm-pull-3 {
        float: right !important;
    }
    .story-meta,
    .story-logo {
        float: none !important;
        width: 100% !important;
    }
    .body-text-1 a:after,
    .body-text-2 a:after,
    .body-text-3 a:after,
    .executive-summary a:after {
        content: " (" attr(href) ") ";
        font-size: 0.8em;
        font: -apple-system-body;
        font-weight: normal;
    }
    .white-bg {
        padding-top: 0 !important;
    }
    .story-image-1,
    .story-image-2 {
        padding: 0;
        margin: 20px 0;
    }
    body {
        background-color: #ffffff;
    }
}


/* print button */

.print-button {
    background-color: #eee;
    padding: 4px;
    font-size: 12px;
    font: -apple-system-body;
    float: right;
}

.print-button img {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.print-button:hover {
    background-color: #ddd;
}

@media screen and (-ms-high-contrast: active) {
    .print-button {
        background-color: darkgray;
    }
}
/*
    Custom styles with no relation to mwf framework
*/

body {
    margin: 0
}


/*
    General styling and widgets
*/

.sl-inline-button {
    padding: 0.1em 1em 0.2em 1em;
    border: solid white 1px;
    background-color: #2f2f2f;
    color: white;
}

.sl-inline-button:hover {
    background-color: #464646;
}

.sl-button {
    padding: 10px 20px;
    display: inline;
    min-width: 120px;
    text-align: center;
    background-color: #0067B8;
    color: #fff!important;
}

.sl-button:hover,
.sl-button:focus {
    background-color: #0068bd;
}

.sl-button-secondary {
    padding: 10px 20px;
    margin: 5px 0;
    display: inline;
    min-width: 120px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.07);
    color: rgba(0, 0, 0, 0.87) !important;
}

.sl-button-secondary:hover,
.sl-button-secondary:focus {
    background-color: rgba(0, 0, 0, 0.12);
}


/* hero overwrites */

.c-hero .c-group .sl-button-secondary {
    background-color: rgba(255, 255, 255, 0.87);
}

.c-hero .c-group .sl-button-secondary:hover {
    background-color: #fff;
}


/* Header navigation/search bar */

#sl-header {
    height: 48px;
    overflow: hidden;
    background-color: #fff;
    font-family: SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.14);*/
    position: relative;
    z-index: 100;
}

#sl-header .sl-header-search {
    display: block;
    float: right;
    max-width: 300px;
    margin: -1em .5em 0 0;
}

#sl-header .sl-logo {
    float: left;
}

#sl-header .sl-logo>a {
    display: block;
}

#sl-header .sl-logo img {
    max-height: 23px;
    display: inline;
    margin: 0 14px 0 0;
    vertical-align: -4px;
}

#sl-header .sl-logo h2 {
    font-size: 18px;
    line-height: 23px;
    color: #888;
    font-weight: normal;
    text-align: left;
    margin: 0;
    padding: 13px 0 0 0;
}


/* Landing page */

.sl-landing-header {
    text-align: left;
}

h3.sl-landing-header {
    margin: 1.5em 0;
    padding: 0;
}

.sl-landing-extra {
    text-align: center;
    margin: 1em 0;
}


/* mobile header overwrites */

@media all and (max-width:575px) {
    #sl-header {
        height: 90px;
    }
    #sl-header .sl-header-search {
        float: none;
    }
    #sl-header .sl-logo {
        float: none;
    }
}


/* hero carousel overwrites  */
/*
Detail page
===========
*/

.detail-page a:not([class]) {
	text-decoration: underline;
}

/* div to hold the white background color */

.white-bg {
	background-color: #fff;
	padding-top: 80px;
}

.download-pdf-link:before {
	content: "";
	margin-right: 10px;
}

/*Call To Action*/
.ctabar {
	background-color: #eee;
	padding: 20px 15px;
}
.ctabar h4 {
	font-size: 24px;
    font: -apple-system-body;
	font-weight: 400;
}
.ctabar a {
	line-height: 30px;
}

.ctabar a:after {
	content: "";
	background: url(/dist/27de8d4c30db52a3ee41.png) no-repeat;
	background-size: 20px;
	width: 30px; /* Width of new image */
	height: 30px; /* Height of new image */
	padding-left: 30px; /* Equal to width of new image */
}

/* the left sidebar */

.sidebar {
    font-size: 13px;
    font: -apple-system-body;
}

.sidebar p {
	font-size: 13px;
    font: -apple-system-body;
}

.sidebar h4 {
	font-size: 13px;
    font: -apple-system-body;
	padding-top: 10px;
	font-weight: 600;
	padding-bottom: 0;
}

.sidebar .c-social {
	margin-top: 10px;
	margin-bottom: 10px;
}

img {
	max-width: 100%;
}

.publish-info {
	color: rgba(0, 0, 0, 0.77);
	margin: 20px 0;
	padding: 0;
}

a.c-glyph.mailto:before {
    content: "\e715";
    font-size: 38px;
    font: -apple-system-body;
    margin-top: 11px;
}

a.c-glyph.link:before {
    content: "\e71B"; /* does not work */
    font-size: 38px;
    font: -apple-system-body;
    margin-top: 11px;
}

a.c-glyph.print-page:before {
    content: "\e749";
    font-size: 38px;
    font: -apple-system-body;
    margin-top: 11px;
}


/* logo on mobile */

@media all and (max-width:767px) {
	.customer-logo {
		margin-top: 10px;
	}
}


/* quotes */

blockquote {
	margin: 0 64px;
	padding: 40px 0 0 0;
}

@media all and (max-width:474px){
	blockquote {
		margin:0;
	}
}

blockquote .blockquote-content {
    border: none;
    padding: 0;
    font-size: 36px;
    font: -apple-system-body;
    line-height: 1.2;
    font-weight: 100;
    quotes: "“" "”" "‘" "’";
    margin-bottom: 15px;
    color: #0067B8;
}

blockquote .blockquote-content h1, blockquote .blockquote-content h2, blockquote .blockquote-content h3, blockquote .blockquote-content h4, blockquote .blockquote-content p {
	padding: 0;
	font-size: inherit;
    font: -apple-system-body;
	line-height: inherit;
	display: inline;
}

blockquote .blockquote-content p:last-child {
	margin-bottom: 0;
}

.blockquote-content:before {
	content: open-quote;
	margin-left: -16px;
	margin-right: 4px;
}

.blockquote-content:after {
	content: close-quote;
	margin-left: -4px;
}


/* blockquote carousel styles */

.quote-carousel-item {
	display: none;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.quote-carousel-item--active {
	display: block;
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.quote-carousel-link__wrapper {
	text-align: center;
	margin: 0 0 64px 0;
}

.quote-carousel-link {
	display: inline-block;
	width: 6px;
	height: 6px;
	border: 1px solid #333;
	border-radius: 50%;
	margin: 3px;
	padding: 0;
}

button.quote-carousel-link:focus {
    outline: 1px #0067B8 solid;
}

.quote-carousel-link:hover {
	background-color: rgba(0, 0, 0, 0.62);
}

.quote-carousel-link--active, .quote-carousel-link--active:hover {
	background-color: rgba(0, 0, 0, 0.74);
}

.author {
    font-size: 15px;
    font: -apple-system-body;
    padding: 0;
    line-height: 1.6;
    margin-bottom: 0;
}

.author:before {
	content: "\2014";
}

.author-company {
	color: #008272;
	padding: 0;
}

.author-company:before {
	content: "\2014";
	color: transparent;
}

.more-customer-stories {
	margin-top: 16px;
	margin-bottom: 32px;
}

.more-customer-stories .row {
	margin-bottom: 16px;
}

.more-customer-stories h4 {
	padding-top: 16px;
}

@media all and (max-width:767px) {
	.similar-story {
		padding: 15px;
	}
}

.similar-story {
	margin-bottom: 16px;
	cursor: pointer;
}

.similar-story h4 {
	height: 105px;
	overflow: hidden;
	margin-bottom: 16px;
	padding-top: 0;
	font-weight: 400;
	font-size: 19px;
    font: -apple-system-body;
}

h2.tex-align-center {
	margin-bottom: 24px;
}

.story-image-1, .story-image-2 {
	display: block;
	margin: 0 0 64px 0;
	padding: 40px 0 0 0;
}


/* make sure that on very small screens als similar stories are stacked */

@media all and (max-width:325px) {
	.col-xs-6.col-sm-6.col-md-3 {
		float: none;
		width: 100%;
	}
	.similar-story {
		margin-bottom: 25px;
	}
}

.body-text a, .body-text-1 a, .body-text-2 a, .executive-summary a {
	text-decoration: none;
	color: #0067B8;
}

.body-text ul, .body-text-1 ul, .body-text-2 ul, .executive-summary ul {
    list-style-type: disc;
	margin-left: 15px;
}

.body-text ol, .body-text-1 ol, .body-text-2 ol, .executive-summary ol {
    list-style-type: decimal;
	margin-left: 15px;
}

.body-text a:hover, .body-text-1 a:hover,  .body-text-2 a:hover, .executive-summary a:hover {
	text-decoration: underline;
	color: #0067B8;
}


/* put the story logo and the meta data next to eachother on smaller screens*/

@media all and (min-width:450px) and (max-width:767px) {
	.story-logo {
		float: right;
		width: 46%;
	}
	.story-meta {
		float: left;
		width: 46%;
	}
}

.story-meta>div {
	word-break: break-word;
}

.story-logo {
	margin-bottom: 16px;
}


/*
Search results
==============
*/


/* search box */

.c-search {
	max-width: none;
}

.search-sort-wrapper {
	margin-bottom: 16px;
}

.search-sort-wrapper:after {
	content: ".";
	visibility: hidden;
	height: 1px;
	clear: both;
	display: block;
}

.search-sort-wrapper .c-select-menu {
	margin: 10px 0;
}

@media all and (min-width:768px) {
	.search-sort-wrapper .c-select-menu {
		float: right;
		margin: 0;
	}
}


/* give the autosuggest a max height */

.c-auto-suggest .c-menu {
	max-height: 260px;
	overflow: auto;
}

.c-auto-suggest li:first-child a {
	padding-bottom: 0;
}

.c-auto-suggest li a {
	background-color: transparent;
}

.c-auto-suggest li a:hover, .c-auto-suggest li a:hover span {
	background-color: transparent;
}

.c-auto-suggest li a:focus span {
	background-color: rgba(0, 0, 0, .05);
}


/* hide the facet content by default */

.c-drawer>div {
    display: none;
    font-size: 13px;
    font: -apple-system-body;
    margin-bottom: 12px;
}


/* overrule the padding of the trigger button */

.c-drawer>button {
	padding-left: 0;
}

.c-drawer>button:hover {
	background-color: transparent;
	color: #000;
}


/* overrule the max grid width on large screens */

@media all and (min-width:1300px) {
	.container {
		max-width: 1600px;
		width: auto;
		padding-left: 5%;
		padding-right: 5%;
	}
}

/*
Landing page
============
*/

.landing-body {
	background-color: #e3e3e3;
}

.landing-page .c-search {
	margin-top: 0;
	margin-bottom: 20px;
}

/* grid items on landing body */


/*[feed="landing-search"] .search-result-container{margin:0 24px 24px 0;width:calc(25% - 18px);display:block;box-shadow:none;background:transparent;text-align:center;}@media all and (max-width:1160px){[feed="landing-search"] .search-result-container{width:calc(50% - 12px);}[feed="landing-search"] .search-result-container:nth-child(2n+2){margin-right:0;}}@media all and (max-width:510px){[feed="landing-search"] .search-result-container{width:100%;margin: 0 0 16px 0;}}*/


/* responsive videos */

.videoWrapper {
	position: relative;
	padding-bottom: 46%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 40px 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




abbr[title] {
	border-bottom: none;
}

.theme-dark .theme-light abbr, .theme-dark .theme-light dfn, .theme-light abbr, .theme-light dfn, abbr, dfn {
	border-bottom: none;
}

.theme-dark abbr, .theme-dark dfn, .theme-light .theme-dark abbr, .theme-light .theme-dark dfn {
	border-bottom: none;
}


/* borders n stuff */

hr, hr.c-divider {
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.c-heading-2, .h2, .type-h2, h2 {
    font-size: 56px;
    font: -apple-system-body;
    line-height: 1;
    font-weight: 100;
}

.c-paragraph-3, .c-paragraph-4, .c-subheading-5, .c-subheading-6, .type-p3, .type-p4, .type-sh5, .type-sh6, p {
    font-size: 15px;
    font: -apple-system-body;
    line-height: 1.7;
}

.executive-summary {
    font-size: 17px;
    font: -apple-system-body;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 24px;
}

.c-paragraph-1, .type-p1 {
	font-weight: 400;
}

.container {
	padding-bottom: 80px;
}

.search-heading-wrapper h2 {
    font-size: 34px;
	line-height: 40px;
}


/* Facets */

.active-facets {
	background-color: #0067B8;
	margin-bottom: 16px;
	padding: 16px;
}

.active-facets button, .active-facets button:hover, .active-facets button.c-refine-item {
	color: #fff;
	background: transparent;
}

.active-facets button.c-refine-item:hover, .active-facets button.c-refine-item:focus, .active-facets button.c-refine-item:active {
	color: #fff;
}

.active-facets .c-glyph {
	padding: 4px 0;
}

.active-facets h4.active-facets-headline {
	color: #fff;
	font-size: 24px;
    font: -apple-system-body;
	padding: 0;
	margin-bottom: 16px;
}

.active-facets .c-drawer {
	margin: 8px 0 0 0;
	border: 0;
}

.active-facets .c-drawer>div {
	margin: 0;
}

.active-facets button.c-refine-item[aria-checked=true], .active-facets button.c-refine-item[aria-selected=true] {
	font-weight: normal;
}

.c-refine-item-meta {
	color: rgba(0, 0, 0, 0.6);
	font-weight: normal;
	margin-left: 8px;
}

.c-search input[type=search] {
	border: 1px solid rgba(0, 0, 0, .26);
}

.c-search input[type=search]:hover {
	border: 1px solid rgba(0, 0, 0, .38);
}

.c-search .c-glyph {
	color: rgba(0, 0, 0, .54);
}

button.c-refine-item span {
	white-space: normal;
}

.c-paragraph-1, .type-p1, .c-paragraph-2, .type-p2, .c-paragraph-3, .c-paragraph-4, .type-p3, .type-p4, p {
	padding: 0;
	margin: 0 0 24px 0;
}

.main-title {
	padding: 0;
	margin: 0 0 32px 0;
}

.c-menu {
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.14);
}

.c-menu-item a, .c-menu-item span, .dropdown-menu>li a, .dropdown-menu>li span {
	background: #fff;
}

.c-menu-item a:focus, .c-menu-item a:hover, .c-menu-item span:focus, .c-menu-item span:hover, .dropdown-menu>li a:focus, .dropdown-menu>li a:hover, .dropdown-menu>li span:focus, .dropdown-menu>li span:hover {
	background: rgba(0, 0, 0, .07);
}

	.c-menu-item .tag {
		font-size: 70%;
        font: -apple-system-body;
        color: #3C3C3C;
		display: block;
		padding: 0;
		margin: 0;
	}
	.c-menu-item .tag::after {
		content: " \25B8 ";
	}

.header-search {
	width: 300px;
}

.c-hero .c-group a {
	margin-right: 16px;
}

.landing-search .search-result-container {
	box-shadow: none;
	background: transparent;
	text-align: center;
}

.related-wrapper {
	background-color: #fafafa;
	clear: both;
	margin-top: 48px;
}

.container.landing-page {
	padding-top: 48px;
}

.container.landing-page h3 {
	display: inline-block;
	padding-top: 0
}

a.c-glyph.mailto,
a.c-glyph.link
{
	color: rgba(0, 0, 0, .38)
}

a.c-glyph.mailto:hover,
a.c-glyph.link:hover {
	color: rgba(0, 0, 0, .54)
}

.related-wrapper h3 {
	margin-bottom: 48px;
}


/* min height hack for jumping footer when loading */

sl-story, sl-search, sl-landing {
	min-height: 85vh;
	display: block;
}

/* reduce the padding on the autosuggest */

.c-auto-suggest .c-menu-item a {
	padding: 4px 8px !important;
}

.c-auto-suggest .c-menu-item a span {
	padding: 0;
}

.dropdown-menu > li a span, .c-menu-item a span {
	padding: 0 !important;
	background-color: transparent !important;
}

.c-auto-suggest li a:hover {
	background-color: rgba(0, 0, 0, .1) !important;
}

.shell-category-header.cat-theme-gray .c-top-nav-link:hover, .shell-category-header.cat-theme-gray .c-top-nav-link:focus {
	outline: none !important;
}

.transcript {
	max-width: 740px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 6%;
}

.accordion {
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	border-radius: 14px;
	box-shadow: black;
	margin: 10px 0;
	padding: 20px 4%;
	overflow: hidden;
	color: inherit;
	border-radius: 8px;
	background-color: white;
	box-shadow: 0 0.3em 0.8em rgb(0 0 0 / 10%);
	transition: all 0.4s;
	transition-timing-function: cubic-bezier(0.16, 1, 0.29, 0.99);
}

.textinputp {
	padding: 5px;
	font-family: sans-serif;
	line-height: 22px;
}

.active,
.accordion:hover {
	text-decoration: none;
	color: inherit;
	background-color: #ccc;
	box-shadow: 0 0 3em rgba(0, 0, 0, 0.15);
	transform: translateY(-4px);
}
.accordion:focus {
    outline: 2px solid #0067B8;
}

.textinput {
	padding: 0 18px;
	background-color: white;
	overflow: auto;
	max-height: 300px;
	transition: max-height 0.2s ease-out;
	display: none;
}

.accordion:after {
	content: "\02795"; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.child.active:after {
	content: none; 
}
/*
    Site global navigation menu
*/

.sl-navigation-global-nav {
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    position: relative;
    z-index: 1;
    background-color: #2f2f2f;

    margin: 0;
    padding: 0;

    font-weight: normal;
    font-family: "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;
    font-size: 15px;
    font: -apple-system-body;
    color: white;
}

    .sl-navigation-global-nav a.active {
        background-color: rgba(256, 256, 256, 0.1);
    }

    .sl-navigation-global-nav a:hover,
    .sl-navigation-global-nav a:active,
    .sl-navigation-global-nav a:focus
    {
        background-color: #525252;
    }

    .sl-navigation-global-nav a:focus {
        outline: 2px solid currentColor;
        outline-offset: -4px;
    }

    .sl-navigation-global-nav a.active {
        transform: none;
    }

    .sl-navigation-global-nav a.head {
        font-size: 20px;
        font: -apple-system-body;
    }

/* desktop */
@media(min-width:540px) {
    .sl-navigation-global-nav {
        overflow-y: hidden;
    }

        .sl-navigation-global-nav ul {
            display: inline;
            padding: 0;
            list-style-type: none;
        }
        
        .sl-navigation-global-nav > ul {
            display: block;
            width: 90%;
            max-width: 1600px;
            margin: 0 auto;
            position: relative;
            left: calc(10px - 20px); /* to align with the company logo */
        }

            .sl-navigation-global-nav li {
                display: inline-block;
                padding: 0;
                margin: 0;
            }
                .sl-navigation-global-nav a {
                    text-decoration: none;
                    display: inline-block;
                    vertical-align: top;
                    padding: 24px 20px;
                    margin: 0;
                }

                /* Increased font size for menu group */
                .sl-navigation-global-nav a.head {
                    padding-top: 20px;
                }
}

/* mobile */
@media(max-width:540px) {
    .sl-navigation-global-nav {
        height: 48px;
    }

        .sl-navigation-global-nav li {
            display: block;
        }

        .sl-navigation-global-nav ul {
            display: block;
            list-style-type: none;
            margin: 0;
            padding: 0;
            background-color: #2f2f2f;
        }
        .sl-navigation-global-nav > ul {
            position: relative;
        }

            .sl-navigation-global-nav > ul > li {
                float: left;
            }

        .sl-navigation-global-nav > ul ul {
            display: none;
        }

        .sl-navigation-global-nav > ul li:hover ul,
        .sl-navigation-global-nav > ul ul.displayed {
            width: 100%;
            display: block;
            position: absolute;
            background-color: #525252;
            top: 48px;
            left: 0;
        }
        
        .sl-navigation-global-nav a {
            text-decoration: none;
            display: block;
            box-sizing: border-box;
            padding: 10px .5em 0 .5em;
            margin: 0;
            height: 48px;
        }

            .sl-navigation-global-nav > ul ul a:hover,
            .sl-navigation-global-nav > ul ul a:active,
            .sl-navigation-global-nav > ul ul a:focus
            {
                background-color: #5e5e5e;
            }

        .sl-navigation-global-nav a.child {
            padding-top:15px;
        }
}
/* styles copied from mwf-west-european-default.css */

.c-c-carousel {
    position: relative;
}

.c-c-carousel .c-flipper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    display: none;
}

.c-c-carousel .c-flipper.f-left,
.c-c-carousel .c-flipper.f-previous {
    left: 0;
}

.c-c-carousel .c-flipper.f-next,
.c-c-carousel .c-flipper.f-right {
    right: 0;
}

.c-c-carousel .c-flipper+div {
    position: relative;
    overflow: hidden;
}

.c-c-carousel.f-scrollable-next .c-flipper.f-next,
.c-c-carousel.f-scrollable-next .c-flipper.f-right,
.c-c-carousel.f-scrollable-previous .c-flipper.f-left,
.c-c-carousel.f-scrollable-previous .c-flipper.f-previous {
    display: block;
}

.c-c-carousel .c-sequence-indicator {
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    bottom: 24px;
}

.c-sequence-indicator button[aria-pressed=true]:before {
    background: #fff;
    border-color: hsla(0,0%,100%,.8);
}

.c-c-carousel.f-multi-slide .c-flipper {
    opacity: 0;
    transition: opacity cubic-bezier(.16, 1, .29, .99) .15;
}

.c-c-carousel.f-multi-slide:hover .c-flipper {
    opacity: .8;
}

.c-c-carousel.f-multi-slide:hover .c-flipper:hover {
    opacity: 1;
}

.c-c-carousel.f-multi-slide:hover .c-flipper:active {
    opacity: .8;
}

.c-c-carousel.f-multi-slide.theme-light .c-flipper {
    background: #FFF;
    color: #000;
}

.c-c-carousel.f-multi-slide.theme-dark .c-flipper {
    background: #000;
    color: #FFF;
}

.c-c-carousel.f-multi-slide li {
    display: none;
    width: 100%;
}

.c-c-carousel.f-multi-slide li.f-active {
    display: block;
}

.c-c-carousel.f-single-slide ul {
    display: inline-block;
    white-space: nowrap;
    font-size: 0;
    left: 0;
    width: auto;
    transition: left cubic-bezier(.16, 1, .29, .99) 667ms;
}

.c-combo button,
.c-search button {
    transition: color .1s, background-color .1s;
}

.c-c-carousel.f-single-slide li {
    font-size: 15px;
    font: -apple-system-body;
    line-height: 20px;
    display: inline-block;
}

.c-c-carousel li {
    position: relative;
    height: 100%;
    z-index: 1;
}


/*REMOVE TEMPORARY - don't know why it was needed,\
but it removes whole here element when click in dot indicator*/


/*
    .c-c-carousel li ~ li {
        display: none;
    }*/

.c-c-carousel li>picture.c-image img {
    margin: 0 auto;
}

.c-c-carousel li .c-hero>picture img {
    min-width: calc(100% + 20px);
}

.c-c-carousel li .c-hero.f-x-left>picture img {
    right: -10px;
}

.c-c-carousel li .c-hero.f-x-right>picture img {
    left: -10px;
}

.c-c-carousel li.f-animate-next>picture.c-image img {
    /*-webkit-animation: hero-background-next cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-background-next cubic-bezier(.16, 1, .29, .99) 667ms both;*/
}

.c-c-carousel li.f-animate-next>picture.c-image.f-x-center img {
    /*-webkit-animation-name: hero-background-next-x-center;
    animation-name: hero-background-next-x-center;*/
}

.c-c-carousel li.f-animate-next>picture.c-image.f-y-center img {
    /*-webkit-animation-name: hero-background-next-y-center;
    animation-name: hero-background-next-y-center;*/
}

.c-c-carousel li.f-animate-next>picture.c-image.f-y-center.f-x-center img {
    /*-webkit-animation-name: hero-background-next-x-center-y-center;
    animation-name: hero-background-next-x-center-y-center;*/
}

.c-c-carousel li.f-animate-next .c-hero>picture img {
    /*-webkit-animation: hero-background-next cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-background-next cubic-bezier(.16, 1, .29, .99) 667ms both;*/
}

.c-c-carousel li.f-animate-next .c-hero>div {
    -webkit-animation: hero-content-next cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-content-next cubic-bezier(.16, 1, .29, .99) 667ms both;
}

.c-c-carousel li.f-animate-next .c-hero.f-x-center>picture img {
    /*-webkit-animation-name: hero-background-next-x-center;
    animation-name: hero-background-next-x-center;*/
}

.c-c-carousel li.f-animate-next .c-hero.f-y-center>picture img {
    /*-webkit-animation-name: hero-background-next-y-center;
    animation-name: hero-background-next-y-center;*/
}

.c-c-carousel li.f-animate-next .c-hero.f-y-center.f-x-center>picture img {
    /*-webkit-animation-name: hero-background-next-x-center-y-center;
    animation-name: hero-background-next-x-center-y-center;*/
}

.c-c-carousel li.f-animate-previous>picture.c-image img {
    /*-webkit-animation: hero-background-previous cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-background-previous cubic-bezier(.16, 1, .29, .99) 667ms both;*/
}

.c-c-carousel li.f-animate-previous>picture.c-image.f-x-center img {
    /*-webkit-animation-name: hero-background-previous-x-center;
    animation-name: hero-background-previous-x-center;*/
}

.c-c-carousel li.f-animate-previous>picture.c-image.f-y-center img {
    /*-webkit-animation-name: hero-background-previous-y-center;
    animation-name: hero-background-previous-y-center;*/
}

.c-c-carousel li.f-animate-previous>picture.c-image.f-y-center.f-x-center img {
    /*-webkit-animation-name: hero-background-previous-x-center-y-center;
    animation-name: hero-background-previous-x-center-y-center;*/
}

.c-c-carousel li.f-animate-previous .c-hero>picture img {
    /*-webkit-animation: hero-background-previous cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-background-previous cubic-bezier(.16, 1, .29, .99) 667ms both;*/
}

.c-c-carousel li.f-animate-previous .c-hero>div {
    -webkit-animation: hero-content-previous cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-content-previous cubic-bezier(.16, 1, .29, .99) 667ms both;
}

.c-c-carousel li.f-animate-previous .c-hero.f-x-center>picture img {
    /*-webkit-animation-name: hero-background-previous-x-center;
    animation-name: hero-background-previous-x-center;*/
}

.c-c-carousel li.f-animate-previous .c-hero.f-y-center>picture img {
    /*-webkit-animation-name: hero-background-previous-y-center;
    animation-name: hero-background-previous-y-center;*/
}

.c-c-carousel li.f-animate-previous .c-hero.f-y-center.f-x-center>picture img {
    /*-webkit-animation-name: hero-background-previous-x-center-y-center;
    animation-name: hero-background-previous-x-center-y-center;*/
}

.hero-carousel-item {
    display: none;
    /*-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;*/
}

.hero-carousel-item--active {
    display: block;
    /*-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;*/
}

@media only screen and (max-width:767px) {
    .c-c-carousel li>picture.c-image.f-x-left img,
    .c-c-carousel li>picture.c-image.f-x-right img {
        left: 0;
        left: calc(50%);
        right: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .c-c-carousel li .c-hero>div>div {
        padding-bottom: 48px;
    }
    .c-c-carousel li .c-hero.f-x-left>picture img,
    .c-c-carousel li .c-hero.f-x-right>picture img {
        left: 0;
        left: calc(50%);
        right: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .c-c-carousel li.f-animate-next .c-hero[class*=f-x][class*=f-y]>picture img,
    .c-c-carousel li.f-animate-next>picture.c-image[class*=f-x][class*=f-y] img {
        -webkit-animation-name: hero-background-next-x-center;
        animation-name: hero-background-next-x-center;
    }
    .c-c-carousel li.f-animate-previous .c-hero[class*=f-x][class*=f-y]>picture img,
    .c-c-carousel li.f-animate-previous>picture.c-image[class*=f-x][class*=f-y] img {
        -webkit-animation-name: hero-background-previous-x-center;
        animation-name: hero-background-previous-x-center;
    }
}

.c-flipper {
    display: inline-block;
    width: 24px;
    height: 48px;
    border: 0;
    padding: 0;
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .6);
    font-family: MWF-MDL2;
}

.c-flipper:before {
    left: 0;
    top: 0;
}

.c-flipper.f-left:before,
.c-flipper.f-previous:before {
    content: "\E76B";
}

.c-flipper.f-next:before,
.c-flipper.f-right:before {
    content: "\E76C";
}

.c-flipper:focus {
    background: rgba(0, 0, 0, .15);
}

.c-flipper:hover {
    background: rgba(0, 0, 0, .15);
    color: rgba(0, 0, 0, .8);
}

.c-flipper:active {
    background: rgba(0, 0, 0, .2);
    color: #000;
}

.theme-dark .theme-light .c-flipper,
.theme-light .c-flipper {
    background: rgba(255, 255, 255, .5);
    color: rgba(0, 0, 0, .6);
}

.theme-dark .theme-light .c-flipper:focus,
.theme-light .c-flipper:focus {
    background: rgba(255, 255, 255, .8);
    outline-color: #000;
}

.theme-dark .theme-light .c-flipper:hover,
.theme-light .c-flipper:hover {
    background: rgba(255, 255, 255, .4);
    color: rgba(0, 0, 0, .8);
}

.theme-dark .theme-light .c-flipper:active,
.theme-light .c-flipper:active {
    background: rgba(255, 255, 255, .2);
    color: #000;
}

.theme-dark .c-flipper,
.theme-light .theme-dark .c-flipper {
    background: rgba(0, 0, 0, .5);
    color: rgba(255, 255, 255, .6);
}

.theme-dark .c-flipper:focus,
.theme-light .theme-dark .c-flipper:focus {
    background: rgba(0, 0, 0, .8);
    outline-color: #FFF;
}

.theme-dark .c-flipper:hover,
.theme-light .theme-dark .c-flipper:hover {
    background: rgba(0, 0, 0, .4);
    color: rgba(255, 255, 255, .8);
}

.theme-dark .c-flipper:active,
.theme-light .theme-dark .c-flipper:active {
    background: rgba(0, 0, 0, .2);
    color: #FFF;
}

.c-hero .c-heading,
.c-hero .c-paragraph,
.c-hero .c-subheading {
    overflow: hidden;
    box-sizing: content-box;
}

.c-hero {
    position: relative;
    overflow: hidden;
    padding: 0 5%;
    height: 600px;
}

.c-hero>div,
.c-hero>picture:after {
    height: 100%;
    z-index: 1;
    position: relative;
}

.c-hero picture {
    display: block;
}

.c-hero>picture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
}

.c-hero>picture img {
    position: absolute;
    min-width: 100%;
}

.c-hero>picture:after {
    content: "";
    display: block;
    width: 100%;
}

.c-hero>div {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.c-hero>div>div {
    position: absolute;
    z-index: 1;
    width: 520px;
}

.c-hero .c-heading {
    font-size: 34px;
    font: -apple-system-body;
    line-height: 40px;
    padding: 38px 0 2px;
    font-weight: 100;
    max-height: 80px;
}

.c-hero .c-subheading {
    font-size: 20px;
    font: -apple-system-body;
    line-height: 24px;
    padding: 8px 0 4px;
    font-weight: 200;
    max-height: 48px;
}

.c-hero .c-paragraph {
    font-size: 15px;
    font: -apple-system-body;
    line-height: 20px;
    padding: 24px 0 0;
    font-weight: 400;
    max-height: 80px;
}

.c-hero .c-group {
    margin-top: 24px;
}

.c-hero.context-accessory .c-group,
.c-hero.context-device .c-group,
.c-hero.context-game .c-group,
.c-hero.context-music-album .c-product-title {
    margin-top: 12px;
}

.c-hero.f-x-left>div>div {
    left: 0;
}

.c-hero.f-y-center .c-heading:first-child {
    padding-top: 0;
}

.c-hero.f-y-center>div>div {
    top: 120px;
    top: calc(50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.c-hero.f-y-center>picture img {
    top: calc(50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.c-hero.f-y-center.f-x-center>div>div {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.c-hero.f-y-center.f-x-center>picture img {
    top: calc(50%);
    left: calc(50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen and (max-width:1083px) {
    .c-hero {
        height: 500px;
    }
    .c-hero>div>div {
        width: 440px;
    }
    .c-hero .c-heading {
        font-size: 24px;
        font: -apple-system-body;
        line-height: 28px;
        padding: 0 0 4px;
        font-weight: 200;
        max-height: 56px;
    }
    .c-hero .c-subheading {
        font-size: 18px;
        font: -apple-system-body;
        line-height: 24px;
        padding: 9px 0 3px;
        font-weight: 200;
        max-height: 72px;
    }
}

@media only screen and (max-width:767px) {
    .c-hero .c-subheading,
    .c-hero>div picture,
    .c-hero[class*=f-x][class*=f-y]>picture:after {
        display: none;
    }
    .c-hero {
        height: auto;
        padding: 0;
        text-align: center;
    }
    .c-hero[class*=f-x][class*=f-y]>picture img {
        top: 0;
        left: 0;
        left: calc(50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .c-hero[class*=f-x][class*=f-y]>div>div {
        position: relative;
        width: auto;
        left: 0;
        top: 0;
        top: calc(50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .c-hero>picture {
        position: relative;
        height: 400px;
    }
    .c-hero>div {
        padding: 12px;
        height: 280px;
    }
    .c-hero .c-paragraph {
        max-height: 40px;
    }
    .c-hero .c-heading,
    .c-hero.context-article .c-heading {
        font-size: 20px;
        font: -apple-system-body;
        line-height: 24px;
        padding: 35px 0 5px;
        font-weight: 200;
        max-height: 120px;
    }
    .c-hero .c-heading,
    .c-hero.context-app .c-heading,
    .c-hero.context-article .c-heading {
        padding-top: 0;
    }
    .c-hero .c-group {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .c-hero.context-game .c-rating {
        margin-top: 12px;
    }
    .c-hero.context-music-album .c-product-title {
        margin-top: 0;
    }
}

@media only screen and (max-width:539px) {
    .c-hero>picture {
        height: 300px;
    }
    .c-hero .c-paragraph,
    .c-hero .c-price,
    .c-hero .c-rating {
        display: none;
    }
}

@-webkit-keyframes hero-content-next {
    0% {
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hero-content-next {
    0% {
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes hero-content-previous {
    0% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hero-content-previous {
    0% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes hero-background-next {
    0% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hero-background-next {
    0% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes hero-background-previous {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hero-background-previous {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes hero-background-next-y-center {
    0% {
        -webkit-transform: translate(10px, -50%);
        transform: translate(10px, -50%);
    }
    100% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@keyframes hero-background-next-y-center {
    0% {
        -webkit-transform: translate(10px, -50%);
        transform: translate(10px, -50%);
    }
    100% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@-webkit-keyframes hero-background-previous-y-center {
    0% {
        -webkit-transform: translate(-10px, -50%);
        transform: translate(-10px, -50%);
    }
    100% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@keyframes hero-background-previous-y-center {
    0% {
        -webkit-transform: translate(-10px, -50%);
        transform: translate(-10px, -50%);
    }
    100% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@-webkit-keyframes hero-background-next-x-center {
    0% {
        -webkit-transform: translateX(-49%);
        transform: translateX(-49%);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes hero-background-next-x-center {
    0% {
        -webkit-transform: translateX(-49%);
        transform: translateX(-49%);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-webkit-keyframes hero-background-previous-x-center {
    0% {
        -webkit-transform: translateX(-51%);
        transform: translateX(-51%);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes hero-background-previous-x-center {
    0% {
        -webkit-transform: translateX(-51%);
        transform: translateX(-51%);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-webkit-keyframes hero-background-next-x-center-y-center {
    0% {
        -webkit-transform: translate(-49%, -50%);
        transform: translate(-49%, -50%);
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@keyframes hero-background-next-x-center-y-center {
    0% {
        -webkit-transform: translate(-49%, -50%);
        transform: translate(-49%, -50%);
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@-webkit-keyframes hero-background-previous-x-center-y-center {
    0% {
        -webkit-transform: translate(-51%, -50%);
        transform: translate(-51%, -50%);
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@keyframes hero-background-previous-x-center-y-center {
    0% {
        -webkit-transform: translate(-51%, -50%);
        transform: translate(-51%, -50%);
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}


/* end of styles copied from mwf-west-european-default.css */


/* ========================================================*/


/* ========================================================*/


/* ========================================================*/

.c-hero .c-heading {
    font: -apple-system-body;
    color: #fff;
    font-weight: 100;
    max-height: 130px;
    background-color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    padding: 16px;
    overflow: hidden !important;
}

.c-hero .sl-button {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
    .c-hero {
        height: 430px;
    }
}

@supports (font: -apple-system-body) {
    @media only screen and (min-width: 768px) {
        .c-hero {
            height: none;
        }
    }
}
@media only screen and (max-width: 767px) {
    .c-hero .c-group {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        margin-top: 0;
    }
    .c-hero .c-heading {
        background-color: transparent;
        padding: 0 !important;
    }
    .c-hero>picture {
        height: 300px;
    }
    .c-hero[class*=f-x][class*=f-y]>div>div {
        text-align: left;
        position: static;
        height: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .c-hero>div {
        height: auto;
        padding: 15px;
    }
    .c-c-carousel .c-flipper {
        top: 150px;
    }
}

@media only screen and (max-width: 550px) {
    .c-hero>picture {
        height: 200px;
    }
    .c-c-carousel .c-flipper {
        top: 100px;
    }
}

@media only screen and (max-width: 471px) {
    .c-hero>picture {
        height: 200px;
    }
    .c-c-carousel .c-flipper {
        top: 100px;
    }
}

@media only screen and (max-width: 360px) {
    .c-hero .c-group {
        display: block;
    }
    .c-hero .sl-button,
    .c-hero .sl-button-secondary {
        display: block;
        margin: 5px 0 !important;
    }
}

@media only screen and (max-width: 320px) {
    .c-hero>picture {
        height: 185px;
    }
}


/* overwrite the width of the heading wrapper and the font size of the heading if there are more than 300 characters in the title */

.c-hero>div>div.large-text-headline {
    width: auto;
}

.c-hero>div>div.large-text-headline .c-heading {
    font-size: 30px;
    font: -apple-system-body;
}

@media only screen and (max-width:1083px) {
    .c-hero>div>div.large-text-headline .c-heading {
        font-size: 20px;
        font: -apple-system-body;
    }
}

@media only screen and (max-width:767px) {
    .c-hero>div>div.large-text-headline .c-heading {
        font-size: 17px;
    }
}


/* Overwriting properties from mwf-west-european-default.min */

.c-hero.f-y-center .c-heading:first-child {
    padding-top: 16px;
}

.c-hero .c-subheading {
    text-shadow: 1px 1px 1.5px rgba(0, 0, 0, 1);
}

.c-hero a.c-call-to-action {
    background-color: #0067B8;
    color: #fff;
    text-transform: uppercase;
    border: none;
}

.theme-dark a.c-call-to-action:focus,
.theme-dark a.c-call-to-action:hover,
.theme-light .theme-dark a.c-call-to-action:focus,
.theme-light .theme-dark a.c-call-to-action:hover {
    background-color: #0068bd;
}

.c-flipper {
    background: rgba(0, 0, 0, .26);
}

.c-flipper:hover {
    background: rgba(0, 0, 0, .38);
}


/* change the position of the carousel controls */

.c-c-carousel .c-flipper.f-next,
.c-c-carousel .c-flipper.f-right {
    right: 16px;
}

.c-c-carousel .c-flipper.f-left,
.c-c-carousel .c-flipper.f-previous {
    left: 16px;
}


/* Hero title truncate fix */

.c-c-carousel .c-heading,
.c-hero .c-heading {
    max-height: initial;
    overflow: auto;
}

.carousal-footer-ban {
    position: absolute;
    bottom: 25px;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.carousal-pagination {
    display: inline-block;
    margin-right: 7px;
    padding-right: 10px;
    vertical-align: middle;
    background-color: rgba(60,60,60,0.8);
    font-size: 15px;
}

    .carousal-pagination .quote-text {
        font-family: 'Segoe UI';
        font-size: 16px;
        color: #FFFFFF;
    }

    .carousal-pagination:hover {
        background-color: rgba(60,60,60,0.6);
    }

.ca-fa-lineheight {
    line-height: 27px !important;
}

.carousal-footer-ban .icon {
    background-color: rgba(60,60,60,0.8);
    display: inline-block;
    color: #FFFFFF;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    margin-right: 7px;
    cursor: pointer;
    font-family: 'MWF-MDL2';
    font-size: 20px;
}

    .carousal-footer-ban .icon:hover {
        background-color: rgba(60,60,60,0.6);
    }

.c-flipper {
    background: rgba(60,60,60, .8) !important;
}

    .c-flipper:hover {
        background: rgba(60,60,60, .6) !important;
    }

/*Quote carousel CSS*/
.quote-carousal-footer-ban {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}

    .quote-carousal-footer-ban .icon {
        background-color: rgba(60,60,60,0.8);
        display: inline-block;
        color: white;
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        vertical-align: middle;
        position: relative;
        top: 0;
        transition: top ease 0.5s;
        margin-right: 7px;
        cursor: pointer;
        font-family: 'MWF-MDL2';
        font-size: 20px;
    }

.ca-backward:before {
    content: '\E892';
}

.ca-forward:before {
    content: '\E893';
}

.ca-play:before {
    content: '\E768';
}

.ca-pause:before {
    content: '\E769';
}

.ca-redeye:before {
    content: '\f070';
}

.ca-hide:before {
    content: '\ED1A';
}

.quote-carousal-footer-ban .icon:hover {
    background-color: rgba(60,60,60,0.6);
}

.quote-carousal-pagination {
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
    padding-right: 10px;
    background-color: rgba(60,60,60,0.8);
}

    .quote-carousal-pagination:hover {
        background-color: rgba(60,60,60,0.6);
    }

    .quote-carousal-pagination .quote-text {
        font-family: 'Segoe UI';
        font-size: 16px;
        color: #FFFFFF;
    }


.ca-page-displaytext {
    display: inline-block;
    font-size: 15px;
    position: relative;
    width: 60px;
    height: 32px;
    padding: 8px;
    text-align: left;
    color: #FFFFFF;
    border: none;
    background-color: rgba(60,60,60,0);
}

.ca-page-menu {
    position: absolute;
    background-color: white;
    border: 1px solid #3E3E3E;
    width: 45px;
    color: #3E3E3E;
}

.ca-page-menuitem {
    /*padding:5px;*/
    /*border-bottom:1px solid #dedede;*/
}

.ca-page-menuitem:hover {
    background-color: #3E3E3E;
    color: #FFFFFF;
}

.ca-page-menuitem[aria-selected=true] {
    background-color: rgba(60,60,60,0.8);
    color: #FFFFFF;
}

.ca-page-menuitem[aria-selected=true]:hover {
    background-color: rgba(60,60,60,0.6);
    color: #FFFFFF;
}

.ca-page-menuitem-text {
    padding: 2px 10px;
    cursor: pointer;
    outline: 0;
}
sl-results,
.sl-results {
    display: flex;
    flex-wrap: wrap;
}

sl-results .row {
    width: 100%;
    margin: 0;
}

.search-result-container {
    display: flex;
    flex-direction: column;
    margin: 0 16px 16px 0;
    width: calc(25% - 12px);
    cursor: pointer;
}
.search-result-container:nth-child(4n+4) {
    margin-right: 0;
}
.search-result {
    margin: 0;
    display: block;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    position: relative;
    top: 0;
    transition: top ease 0.2s;
    height: 100%;
}

    .search-result:hover {
        box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        top: -5px;
    }
    .search-result:focus {
        box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        top: -5px;
    }
.search-result:focus, .search-result:active {
    outline:#0067B8 auto thick;
    background-color:#e2f0fa;
}

@media all and (max-width: 1160px) {
    .search-result-container {
    width: calc(50% - 8px);
    }
    .search-result-container:nth-child(2n+2) {
    margin-right: 0;
    }
}
@media all and (max-width: 510px) {
    .search-result-container {
        width: 100%;
        margin: 0 0 16px 0;
    }
}

.similar-story {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
}
    .similar-story picture, .search-result picture {
        /*height: 200px;*/
        padding-bottom: 56.25%;
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0 0.4% 0 0.5%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

.search-result.contain picture {
    background-size: contain;
}

.search-result__inner {
    position: relative;
    padding-top: 0.4%;
}
.search-result__data {
    padding: 24px;
}
    .search-result__data h4, .search-result__data h3 {
        overflow: hidden;
        margin-bottom: 16px;
        padding-top: 0;
        font-weight: 400;
        font-size: 18px;
        font: -apple-system-body;
        line-height: 28px;
    }
/* type indicators */

.search-result__indicators {
    text-align: right;
    margin-bottom: -16px;
    margin-right: -12px;
    height:47px;
    color: rgba(0,0,0,0.38);
}
.audio-icon:after {
    content: "";
    font-style: normal;
}
.image-icon:after {
    content: "";
    font-style: normal;
}
.document-icon:after {
    content: "";
    font-style: normal;
}
.video-icon:after {
    content: "";
    font-style: normal;
}
.search-result__indicators i {
    display: inline-block;
    padding: 12px;
}
.facet-type {
    text-transform: none;
    font-size: 13px;
    font: -apple-system-body;
    color: #008272;
    padding-bottom: 8px;
    padding-top: 5px;
    font-weight: 600;
    overflow: hidden;
}

.load-more__button {
    padding: 10px 20px;
    margin: 5px 0;
    display: block;
    min-width: 120px;
    text-align: center;
    background-color: rgba(0,0,0,0.07);
    color: rgba(0,0,0,0.87);
 }
.load-more__button:hover {
    background-color: rgba(0,0,0,0.12);
}


/* loading gif  */

.load-gif {
    padding: 10px 20px;
    margin: 5px 0;
    display: block;
    min-width: 120px;
    text-align: center;

}
/* overwrite the faceted search spacing  */
.c-drawer > button {
    padding: 10px 0 10px 0;
    font-weight: 600;
}

    .c-drawer > button:focus {
        outline: 1px #0067B8 solid !important;
    } 

button.c-refine-item {
    padding: 6px 12px;
}
button.c-refine-item:hover {
    color: #000;
    background-color: rgba(0,0,0,0.07);
}
button.c-refine-item:active, button.c-refine-item:focus {
    color: #000;
    background-color: rgba(0,0,0,0.12);
}
.c-drawer > button:after {
    top:10px;
}
button.c-refine-item:after {
    top:10px
}

.client-label-wrapper {
    position:absolute;
    top:10px;
    left:10px;
    right:10px;
    max-height:31%;
    overflow:hidden;
}


.client-label {
   text-align: center;
   font-size: 190%;
   font: -apple-system-body;
   font-weight: 200;
   color: #0067B8;
   padding-top: calc(32% - 28px);
   text-transform: capitalize;
}

body {
    background: #fafafa;
}

.c-progress.f-indeterminate-local.f-progress-large span:after {
    width: 6px;
    height: 6px;
}

.c-progress.f-indeterminate-local span:after {
    content: '';
    position: absolute;
    border-radius: 100%;
    background: #0067B8;
}


.c-progress.f-indeterminate-local span:nth-child(2) {
    -webkit-animation-delay: 240ms;
    animation-delay: 240ms;
}

.c-progress.f-indeterminate-local span:nth-child(3) {
    -webkit-animation-delay: 480ms;
    animation-delay: 480ms;
}

.c-progress.f-indeterminate-local span:nth-child(4) {
    -webkit-animation-delay: 720ms;
    animation-delay: 720ms;
}
.c-progress.f-indeterminate-local span:nth-child(5) {
    -webkit-animation-delay: 960ms;
    animation-delay: 960ms;
}

.c-progress.f-indeterminate-local span {
    position: absolute;
    width: 50px;
    height: 50px;
    opacity: 0;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-animation: orbit 5.5s infinite;
    animation: orbit 5.5s infinite;
}

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

@keyframes orbit {
    0% {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    7% {
        -webkit-transform: rotate(345deg);
        transform: rotate(345deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    30% {
        -webkit-transform: rotate(455deg);
        transform: rotate(455deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    39% {
        -webkit-transform: rotate(690deg);
        transform: rotate(690deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    70% {
        -webkit-transform: rotate(815deg);
        transform: rotate(815deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    75% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100%, 76% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
        opacity: 0;
    }
}

@media screen and (-ms-high-contrast) {

    .m-auto-suggest .c-menu-item a:hover,
    .m-auto-suggest .c-menu-item a:focus,
    .m-auto-suggest .c-menu-item span[role="option"]:hover,
    .m-auto-suggest .c-menu-item span[role="option"]:focus {
        color: #000 !important;
    }

    .m-auto-suggest .c-menu-item a div span:hover,
    .m-auto-suggest .c-menu-item span.c-meta-text:hover,
    .m-auto-suggest .c-menu-item span:hover {
        color: #000 !important;
    }


    .m-auto-suggest .c-menu-item:hover a,
    .m-auto-suggest .c-menu-item:hover span {
        color: #000 !important;
    }

    .c-menu-item a:focus,
    .c-menu-item a:hover,
    .c-menu-item span:focus,
    .c-menu-item span:hover,
    .dropdown-menu > li a:focus,
    .dropdown-menu > li a:hover,
    .dropdown-menu > li span:focus,
    .dropdown-menu > li span:hover {
        background-color: darkgray;
        color: #000;
    }
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    @media only screen and (min-width: 768px) {
        .c-menu a[title]:focus::after {
            margin-left: -160px !important;
        }

        .c-c-carousel a[title]:focus:after,
        .c-c-carousel button[title]:focus:after,
        .c-search button[title]:focus:after,
        .landing-page a[title]:focus:after,
        #socialicons a[title]:focus:after,
        .c-menu a[title]:focus:after,
        .to-top-container button[title]:focus:after,
        .quote-carousel-link__wrapper button[title]:focus:after,
        .c-hyperlink[title]:focus:after,
        .c-social a[title]:focus:after,
        .quote-carousal-footer-ban a[title]:focus:after {
            content: attr(title);
            border: 1px solid #696969;
            background-color: #ffffff;
            position: absolute;
            font-size: 12px;
            z-index: 9999;
            margin-left: -40px;
            margin-top: 30px;
            white-space: nowrap;
            text-align: center;
            padding: 3px 5px;
            color: black;
            line-height: 0.85rem;
            box-shadow: 2px 2px 2px 0px #3C3C3C;
        }

        #toTop:focus::after {
            margin-left: 0;
            margin-top: 0;
        }
    }
}

.c-glyph:before, .c-glyph:after, .c-glyph:hover:before, .c-glyph:hover:after {
    color: #3C3C3C;
}

button.c-refine-item[aria-checked=true]:after, button.c-refine-item[aria-selected=true]:after {
    display: none;
}

.similar-story img, .search-result img {
    max-height: 175px;
    object-fit: contain;
    display: block;
    position: absolute;
    overflow: hidden;
    margin: 0 0.4% 0 0.5%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.search-result.contain img {
    background-size: contain;
}

.result_success_image {
    width: 99.2%;
}

.search-result__data {
    padding: 175px 15% 15% !important;
}




        #socialicons {
            text-align: center;

        }

            #socialicons:hover {
            }

            #socialicons .icon {
                background: #3C3C3C;
                display: inline-block;
                color: white;
                font-size: 22px;
                font: -apple-system-body;
                width: 50px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                vertical-align: middle;
                -webkit-border-radius: 17px;
                -moz-border-radius: 17px;
                border-radius: 17px;
                position: relative;
                top: 0;
                transition: top ease 0.5s;
            }

                #socialicons .icon:hover {
                    background: rgb(152, 147, 145);
                    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
                    top: -5px;
                }
i {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
}


.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

#toTop {
    padding: 0;
    border: none;
    background: none;
    background-color: #333;
    visibility: visible;
    bottom: 0;
    color: #fff;
    display: none;
    height: 35px;
    position: fixed;
    right: 42px;
    text-align: center;
    width: 48px;
    opacity: .9;
    z-index: 10000;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    border-radius: 4px 4px 0 0;
}


 #toTop:hover, #wrapper .search-table .search-button input[type="submit"]:hover, .circle-yes ul li:before, .fusion-date-and-formats .fusion-date-box, .pagination .current, .progress-bar-content, .table-2 table thead, .tagcloud a:hover, ul.arrow li:before, ul.circle-yes li:before {
        background-color: #0067B8;
        box-shadow: 5px 5px 5px rgb(204, 204, 204);
}

#Email_Image {
    height: 25px;
    margin-top: 3px;
}
.c-select-menu > button:after{
    content:'';
}
/* Linked the project css */

/* sl components */
html {
    background-color:#fff;
}