.research {
    transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -ms-transition-duration: 0.25s;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
}

.research html,
.research body,
.research object,
.research iframe,
.research h1,
.research h2,
.research h3,
.research h4,
.research h5,
.research h6,
.research p,
.research blockquote,
.research pre,
.research abbr,
.research address,
.research cite,
.research code,
.research del,
.research dfn,
.research em,
.research img,
.research ins,
.research kbd,
.research q,
.research samp,
.research small,
.research strong,
.research sub,
.research sup,
.research var,
.research b,
.research i,
.research dl,
.research dt,
.research dd,
.research ol,
.research ul,
.research li,
.research fieldset,
.research form,
.research label,
.research legend,
.research table,
.research caption,
.research tbody,
.research tfoot,
.research thead,
.research tr,
.research th,
.research td,
.research article,
.research aside,
.research canvas,
.research details,
.research figcaption,
.research figure,
.research footer,
.research header,
.research hgroup,
.research menu,
.research nav,
.research section,
.research summary,
.research time,
.research mark,
.research audio,
.research video {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    text-rendering: optimizeLegibility;
}

.research[data-state~="loaded"] {
    opacity: 1;
}

.research-header {
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 36px;
    padding-bottom: 12px;
    color: #FFFFFF;
    background-color: #ffffff;
    background-image: url(/3m_theme_assets/web_apps/apps/mmmSOSI-2020Overview/lib/images/covid.png);
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.research-header-logo {
    fill: #FFFFFF;
    color: #FFFFFF;
}

.research-header-title {
    transition-property: opacity, transform;
    -moz-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -ms-transition-property: opacity, transform;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
}

.research-header-title {
    opacity: 0;
    transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
}

.research[data-state~="loaded"] .research-header-title {
    opacity: 1;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
}


.research .research-header {
    height: 615px;
    background-image: url(/3m_theme_assets/web_apps/apps/mmmSOSI-2020Overview/lib/images/covid.png);
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    padding-top: 50px;
}

.research .research-header-title {
    font-family: "3MCircularTT", sans;
    font-weight: normal;
    font-size: 36px;
    line-height: 40px;
    position: absolute;
    left: 125px;
    right: 32px;
    top: 200px;
    max-width: 700px;
    color: #000000;
    padding-right: 50px;
}

.MMM--moreIcon {
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .research .research-header {
        background: #FFFFFF;
        padding: 0px;
    }

    .research .research-header {
        height: 300px;
        position: relative;
        background-color: #FFFFFF;
        background-image: url(/3m_theme_assets/web_apps/apps/mmmSOSI-2020Overview/lib/images/covid-19.png);
        background-size: auto;
        -moz-background-size: auto;
        -webkit-background-size: auto;
        -o-background-size: auto;
        -ms-background-size: auto;
        background-position: right bottom;
        background-repeat: no-repeat;
    }

    .research .research-header-title {
        top: 80px;
        font-family: "3MCircularTT", sans;
        font-weight: 700;
        color: #4B4B4B;
        padding: 12px 120px 12px 12px;
        left: 0px;
        font-size: 16px;
        line-height: 20px;
    }
}