@import url('https://fonts.googleapis.com/css?family=Italianno');
@import url('https://fonts.googleapis.com/css?family=Parisienne');

@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}#header .header-logo
@font-face {
    font-family: "sn_pm_icons";
    src: url('sn_pm_icons.eot?1474633992');
    src: url('sn_pm_icons.eot?&1474633992#iefix') format('embedded-opentype'), url('sn_pm_icons.woff?1474633992') format('woff'), url('sn_pm_icons.ttf?1474633992') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: "Daytona W01 Light";
    src: url('Daytona W01 Light.ttf');
    font-weight: 400;
}
body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* Global
------------------------------------------------------------------------------*/
html {
    font: 62.5% "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
    /* Widescreen Global base font-size */
}

body {
    background: #FFF;
    color: #333;
    font-size: 13px;
    font-size: 1.3rem;
    min-width: 320px;
    /* Equal to $break-smartphone */
    overflow-y: hidden;
}
@media screen and (min-device-width: 320px) {
    body {
        /* MQ: Smartphone */

    }
}

body.cms-lang-jp {
    font-family: "ヒラギノ角ゴ Pro W3", Arial, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div, dt, form, label, li, p, span {
    display: block;
    margin: 7px 0;
}
@media screen and (min-device-width: 320px) {
    div, dt, form, label, li, p, span {
        /* MQ: Smartphone */
        margin: 0;
    }
}

@media screen and (min-device-width: 320px) {
    li {
        /* MQ: Smartphone */
        display: list-item;
    }
}

@media screen and (min-device-width: 320px) {
    span, label {
        /* MQ: Smartphone */
        display: inline;
    }
}

/* Basic Design
------------------------------------------------------------------------------*/
#header {
    background: #f1f1f1;
    margin: 0;
    padding: .5em .5em;
}
@media screen and (min-device-width: 320px) {
    #header {
        /* MQ: Smartphone */
        padding: 0;
    }
}

#content,
#footer-nav,
#footer {
    padding: .2em .5em;
}
@media screen and (min-device-width: 320px) {
    #content,
    #footer-nav,
    #footer {
        /* MQ: Smartphone */
        padding: 0;
    }
}

/* Typography
------------------------------------------------------------------------------*/
h1, h2 {
    font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: 0.02em;
    line-height: 1.2;
}
.cms-lang-jp h1, .cms-lang-jp h2 {
    font-family: "ヒラギノ角ゴ Pro W3", Georgia, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1 {
    font-size: 26px;
    font-size: 2.6rem;
    margin: 7px 0 14px;
}
@media screen and (min-width: 600px) {
    h1 {
        /* MQ: Tablet */
        font-size: 30px;
        font-size: 3rem;
    }
}

h1 span {
    color: #999999;
}

h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 7px 0;
}

h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 7px 0 5px;
}

sub, sup {
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 1;
}

sub {
    vertical-align: text-bottom;
}

sup {
    vertical-align: text-top;
}

/* Links
------------------------------------------------------------------------------*/
a {
    color: #3c9cd7;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: #486a7e;
    text-decoration: underline;
}

/* truncator */
a[href='#more'],
a[href='#less'] {
    color: #666666;
    font-size: 11px;
    font-size: 1.1rem;
    text-decoration: underline;
    white-space: nowrap;
}

a[href='#more']:hover,
a[href='#less']:hover {
    color: #333;
}

/* external */
a.external:after {
    /* blue external link indicator */
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALUlEQVQYlWNgLDv8H4YZoABFDFkCGeBVABPDqgBDA7rdWO3C5gacVmBVgA8DACqIPj0jO7W7AAAAAElFTkSuQmCC") no-repeat right center;
    /* patternify URL: http://ptrn.it/ugEXX3 */
    content: '';
    display: inline-block;
    height: 8px;
    margin-left: 7px;
    width: 8px;
}

/* Hiding
------------------------------------------------------------------------------*/
.hidden {
    display: none !important;
    visibility: hidden;
}

#gimme-satisfaction,
#reader-overlay,
.js-hidden,
.pillow-btn,
.no-js #results-only-access-checkbox,
.tooltip {
    display: none;
}

#pub-date-graph {
    position: absolute;
    left: -1000px;
}
@media screen and (min-width: 1004px) {
    #pub-date-graph {
        /* MQ: Widescreen */
        position: relative;
        left: auto;
    }
}

.bar-dock {
    position: absolute;
    left: -100000px;
}
@media screen and (min-width: 600px) {
    .bar-dock {
        /* MQ: Tablet */
        position: static;
        left: auto;
    }
}

.flyout-caption {
    position: absolute;
    left: -10000px;
}
@media screen and (min-device-width: 320px) {
    .flyout-caption {
        /* MQ: Smartphone */
        left: auto;
    }
}

@media screen and (min-width: 600px) {
    #gimme-satisfaction {
        /* MQ: Tablet */
        display: block;
    }
}

#fdbk_tab {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0;
}
@media screen and (min-width: 1004px) {
    #fdbk_tab {
        /* MQ: Widescreen */
        opacity: 1;
    }
}
@media screen and (max-width: 1020px) {
    #fdbk_tab {
        display: none;
    }
}

.js #fdbk_screen {
    opacity: .75;
}

/* Accessibility
------------------------------------------------------------------------------*/
.accessibility {
    position: absolute;
    left: -100000px;
}

/* JavaScript/Chrome/Redirect -prompt notices
------------------------------------------------------------------------------*/
.no-js {
    padding-top: 42px;
}

/* Specific module styles for Base mode
------------------------------------------------------------------------------*/
/* Scale #site-qualifier to full-width */
#site-qualifier img {
    width: 98%;
}
@media screen and (min-device-width: 320px) {
    #site-qualifier img {
        /* MQ: Smartphone */
        width: auto;
    }
}

/* Make call-to-actions more prominent */
#abstract-actions,
.bar-actions {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
@media screen and (min-device-width: 320px) {
    #abstract-actions,
    .bar-actions {
        /* MQ: Smartphone */
        font-size: 100%;
        font-weight: normal;
    }
}
#abstract-actions a span,
.bar-actions a span {
    display: inline-block;
}

img.lazy {
    display: none;
}

/* Qualaroo */
#ki_container {
    display: none;
}
@media screen and (min-width: 1100px) {
    #ki_container {
        display: block;
    }
}

/* Forms
------------------------------------------------------------------------------*/
button,
input,
select,
textarea {
    color: #666666;
    font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.cms-lang-jp button, .cms-lang-jp
input, .cms-lang-jp
select, .cms-lang-jp
textarea {
    font-family: "ヒラギノ角ゴ Pro W3", Arial, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input[type=text],
input[type=email],
input[type=number],
input[type=date],
input[type=password],
textarea {
    background-color: #FFF;
    border: 1px solid #bcbcbc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 2px 2px 5px #efefef;
    -moz-box-shadow: inset 2px 2px 5px #efefef;
    box-shadow: inset 2px 2px 5px #efefef;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 4px 3px;
}

input[type=text].placeholder,
input[type=email].placeholder,
input[type=password].placeholder {
    color: #999999;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
    border-color: #486a7e;
    -webkit-box-shadow: 0 0 3px #486a7e;
    -moz-box-shadow: 0 0 3px #486a7e;
    box-shadow: 0 0 3px #486a7e;
    outline: none;
}

button,
input[type=button],
input[type=submit],
input[type=image],
label {
    cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* remove button padding in firefox */
    border: 0;
    padding: 0;
}

.lt-ie8 input,
.lt-ie8 select {
    vertical-align: middle;
}


meta.foundation-version {
    font-family: "/{{VERSION}}/";
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0;
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 37.4em)/";
    width: 0;
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:37.47143em)/";
    width: 37.47143em;
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:37.47143em) and (max-width:62.65em)/";
    width: 37.47143em;
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:62.72143em)/";
    width: 62.72143em;
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:62.72143em) and (max-width:100em)/";
    width: 62.72143em;
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:100.07143em)/";
    width: 100.07143em;
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:100.07143em) and (max-width:200em)/";
    width: 100.07143em;
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:200.07143em)/";
    width: 200.07143em;
}

meta.foundation-data-attribute-namespace {
    font-family: false;
}

.row {
    margin: 0 auto;
    max-width: 72.8571em;
    width: 100%;
}
.row:before, .row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}
.row.collapse .row {
    margin-left: 0;
    margin-right: 0;
}
.row .row {
    margin: 0 -1.4285em;
    max-width: none;
    width: auto;
}
.row .row:before, .row .row:after {
    content: " ";
    display: table;
}
.row .row:after {
    clear: both;
}
.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto;
}
.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table;
}
.row .row.collapse:after {
    clear: both;
}

.column,
.columns {
    padding-left: 1.4285em;
    padding-right: 1.4285em;
    width: 100%;
    float: left;
}

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
    float: right;
}
.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
    float: left;
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .column,
    .columns {
        position: relative;
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }

    .small-1 {
        width: 8.33333%;
    }

    .small-2 {
        width: 16.66667%;
    }


    .small-3 {
        width: 25%;
    }

    .small-4 {
        width: 33.33333%;
    }

    .small-5 {
        width: 41.66667%;
    }

    .small-6 {
        width: 50%;
    }

    .small-7 {
        width: 58.33333%;
    }

    .small-8 {
        width: 66.66667%;
    }

    .small-9 {
        width: 75%;
    }

    .small-10 {
        width: 83.33333%;
    }

    .small-11 {
        width: 91.66667%;
    }

    .small-12 {
        width: 100%;
    }

    .small-offset-0 {
        margin-left: 0 !important;
    }

    .small-offset-1 {
        margin-left: 8.33333% !important;
    }

    .small-offset-2 {
        margin-left: 16.66667% !important;
    }

    .small-offset-3 {
        margin-left: 25% !important;
    }

    .small-offset-4 {
        margin-left: 33.33333% !important;
    }

    .small-offset-5 {
        margin-left: 41.66667% !important;
    }

    .small-offset-6 {
        margin-left: 50% !important;
    }

    .small-offset-7 {
        margin-left: 58.33333% !important;
    }

    .small-offset-8 {
        margin-left: 66.66667% !important;
    }

    .small-offset-9 {
        margin-left: 75% !important;
    }

    .small-offset-10 {
        margin-left: 83.33333% !important;
    }

    .small-offset-11 {
        margin-left: 91.66667% !important;
    }

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.small-uncentered,
    .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none;
    }

    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left;
    }

    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right;
    }

    .row.small-collapse > .column,
    .row.small-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }
    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }
    .row.small-uncollapse > .column,
    .row.small-uncollapse > .columns {
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }
}
@media only screen and (min-width: 37.47143em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .column,
    .columns {
        position: relative;
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }

    .medium-1 {
        width: 8.33333%;
    }

    .medium-2 {
        width: 16.66667%;
    }

    .medium-3 {
        width: 25%;
    }

    .medium-4 {
        width: 33.33333%;
    }

    .medium-5 {
        width: 41.66667%;
    }

    .medium-6 {
        width: 50%;
    }

    .medium-7 {
        width: 58.33333%;
    }

    .medium-8 {
        width: 66.66667%;
    }

    .medium-9 {
        width: 75%;
    }

    .medium-10 {
        width: 83.33333%;
    }

    .medium-11 {
        width: 91.66667%;
    }

    .medium-12 {
        width: 100%;
    }

    .medium-offset-0 {
        margin-left: 0 !important;
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important;
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important;
    }

    .medium-offset-3 {
        margin-left: 25% !important;
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important;
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important;
    }

    .medium-offset-6 {
        margin-left: 50% !important;
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important;
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important;
    }

    .medium-offset-9 {
        margin-left: 75% !important;
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important;
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important;
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.medium-uncentered,
    .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none;
    }

    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left;
    }

    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right;
    }

    .row.medium-collapse > .column,
    .row.medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }
    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }
    .row.medium-uncollapse > .column,
    .row.medium-uncollapse > .columns {
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .small-2 img{
        width : 100%;
    }
}
@media only screen and (min-width: 62.72143em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .column,
    .columns {
        position: relative;
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }

    .large-1 {
        width: 8.33333%;
    }

    .large-2 {
        width: 16.66667%;
    }

    .large-3 {
        width: 20%;
    }

    .large-4 {
        width: 33.33333%;
    }

    .large-5 {
        width: 41.66667%;
    }

    .large-6 {
        width: 50%;
    }

    .large-7 {
        width: 58.33333%;
    }

    .large-8 {
        width: 66.66667%;
    }

    .large-9 {
        width: 80%;
    }

    .large-10 {
        width: 83.33333%;
    }

    .large-11 {
        width: 91.66667%;
    }

    .large-12 {
        width: 100%;
    }

    .large-offset-0 {
        margin-left: 0 !important;
    }

    .large-offset-1 {
        margin-left: 8.33333% !important;
    }

    .large-offset-2 {
        margin-left: 16.66667% !important;
    }

    .large-offset-3 {
        margin-left: 25% !important;
    }

    .large-offset-4 {
        margin-left: 33.33333% !important;
    }

    .large-offset-5 {
        margin-left: 41.66667% !important;
    }

    .large-offset-6 {
        margin-left: 50% !important;
    }

    .large-offset-7 {
        margin-left: 58.33333% !important;
    }

    .large-offset-8 {
        margin-left: 66.66667% !important;
    }

    .large-offset-9 {
        margin-left: 75% !important;
    }

    .large-offset-10 {
        margin-left: 83.33333% !important;
    }

    .large-offset-11 {
        margin-left: 91.66667% !important;
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.large-uncentered,
    .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none;
    }

    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left;
    }

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right;
    }

    .row.large-collapse > .column,
    .row.large-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }
    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }
    .row.large-uncollapse > .column,
    .row.large-uncollapse > .columns {
        padding-left: 1.4285em;
        padding-right: 1.4285em;
        float: left;
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }
}
[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -1.4285em;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table;
}
[class*="block-grid-"]:after {
    clear: both;
}
[class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 1.4285em 2.857em;
}

@media only screen {
    .small-block-grid-1 > li {
        list-style: none;
        width: 100%;
    }
    .small-block-grid-1 > li:nth-of-type(1n) {
        clear: none;
    }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both;
    }

    .small-block-grid-2 > li {
        list-style: none;
        width: 50%;
    }
    .small-block-grid-2 > li:nth-of-type(1n) {
        clear: none;
    }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both;
    }

    .small-block-grid-3 > li {
        list-style: none;
        width: 33.33333%;
    }
    .small-block-grid-3 > li:nth-of-type(1n) {
        clear: none;
    }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both;
    }

    .small-block-grid-4 > li {
        list-style: none;
        width: 25%;
    }
    .small-block-grid-4 > li:nth-of-type(1n) {
        clear: none;
    }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both;
    }

    .small-block-grid-5 > li {
        list-style: none;
        width: 20%;
    }
    .small-block-grid-5 > li:nth-of-type(1n) {
        clear: none;
    }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both;
    }

    .small-block-grid-6 > li {
        list-style: none;
        width: 16.66667%;
    }
    .small-block-grid-6 > li:nth-of-type(1n) {
        clear: none;
    }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both;
    }
}
@media only screen and (min-width: 37.47143em) {
    .medium-block-grid-1 > li {
        list-style: none;
        width: 100%;
    }
    .medium-block-grid-1 > li:nth-of-type(1n) {
        clear: none;
    }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both;
    }

    .medium-block-grid-2 > li {
        list-style: none;
        width: 50%;
    }
    .medium-block-grid-2 > li:nth-of-type(1n) {
        clear: none;
    }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both;
    }

    .medium-block-grid-3 > li {
        list-style: none;
        width: 33.33333%;
    }
    .medium-block-grid-3 > li:nth-of-type(1n) {
        clear: none;
    }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both;
    }

    .medium-block-grid-4 > li {
        list-style: none;
        width: 25%;
    }
    .medium-block-grid-4 > li:nth-of-type(1n) {
        clear: none;
    }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both;
    }

    .medium-block-grid-5 > li {
        list-style: none;
        width: 20%;
    }
    .medium-block-grid-5 > li:nth-of-type(1n) {
        clear: none;
    }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both;
    }

    .medium-block-grid-6 > li {
        list-style: none;
        width: 16.66667%;
    }
    .medium-block-grid-6 > li:nth-of-type(1n) {
        clear: none;
    }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both;
    }
}
@media only screen and (min-width: 62.72143em) {
    .large-block-grid-1 > li {
        list-style: none;
        width: 100%;
    }
    .large-block-grid-1 > li:nth-of-type(1n) {
        clear: none;
    }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both;
    }

    .large-block-grid-2 > li {
        list-style: none;
        width: 50%;
    }
    .large-block-grid-2 > li:nth-of-type(1n) {
        clear: none;
    }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both;
    }

    .large-block-grid-3 > li {
        list-style: none;
        width: 33.33333%;
    }
    .large-block-grid-3 > li:nth-of-type(1n) {
        clear: none;
    }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both;
    }

    .large-block-grid-4 > li {
        list-style: none;
        width: 25%;
    }
    .large-block-grid-4 > li:nth-of-type(1n) {
        clear: none;
    }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both;
    }

    .large-block-grid-5 > li {
        list-style: none;
        width: 20%;
    }
    .large-block-grid-5 > li:nth-of-type(1n) {
        clear: none;
    }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both;
    }

    .large-block-grid-6 > li {
        list-style: none;
        width: 16.66667%;
    }
    .large-block-grid-6 > li:nth-of-type(1n) {
        clear: none;
    }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both;
    }
}
/* small displays */
@media only screen {
    .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}
/* medium displays */
@media only screen and (min-width: 37.47143em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}
/* large displays */
@media only screen and (min-width: 62.72143em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}
/* xlarge displays */
@media only screen and (min-width: 100.07143em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}
/* xxlarge displays */
@media only screen and (min-width: 200.07143em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
    display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
    display: table !important;
}

thead.hide-for-landscape, thead.show-for-portrait {
    display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
    display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
    display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important;
}

@media only screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important;
    }

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important;
    }

    /* Specific visibility for tables */
    table.show-for-landscape, table.hide-for-portrait {
        display: table !important;
    }

    thead.show-for-landscape, thead.hide-for-portrait {
        display: table-header-group !important;
    }

    tbody.show-for-landscape, tbody.hide-for-portrait {
        display: table-row-group !important;
    }

    tr.show-for-landscape, tr.hide-for-portrait {
        display: table-row !important;
    }

    td.show-for-landscape, td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell !important;
    }
}
@media only screen and (orientation: portrait) {
    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important;
    }

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important;
    }

    /* Specific visibility for tables */
    table.show-for-portrait, table.hide-for-landscape {
        display: table !important;
    }

    thead.show-for-portrait, thead.hide-for-landscape {
        display: table-header-group !important;
    }

    tbody.show-for-portrait, tbody.hide-for-landscape {
        display: table-row-group !important;
    }

    tr.show-for-portrait, tr.hide-for-landscape {
        display: table-row !important;
    }

    td.show-for-portrait, td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell !important;
    }
}
/* Touch-enabled device targeting */
.show-for-touch {
    display: none !important;
}

.hide-for-touch {
    display: inherit !important;
}

.touch .show-for-touch {
    display: inherit !important;
}

.touch .hide-for-touch {
    display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
    display: table !important;
}

.touch table.show-for-touch {
    display: table !important;
}

thead.hide-for-touch {
    display: table-header-group !important;
}

.touch thead.show-for-touch {
    display: table-header-group !important;
}

tbody.hide-for-touch {
    display: table-row-group !important;
}

.touch tbody.show-for-touch {
    display: table-row-group !important;
}

tr.hide-for-touch {
    display: table-row !important;
}

.touch tr.show-for-touch {
    display: table-row !important;
}

td.hide-for-touch {
    display: table-cell !important;
}

.touch td.show-for-touch {
    display: table-cell !important;
}

th.hide-for-touch {
    display: table-cell !important;
}

.touch th.show-for-touch {
    display: table-cell !important;
}

/* Screen reader-specific classes */
.show-for-sr {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
.show-on-focus:focus, .show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
}

/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
    display: none !important;
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000000 !important;
        /* Black prints faster: h5bp.com/s */
        text-shadow: none !important;
    }

    .show-for-print {
        display: block;
    }

    .hide-for-print {
        display: none;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: .5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .hide-on-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    .show-for-print {
        display: inherit !important;
    }
}
/* Print visibility */
@media print {
    .show-for-print {
        display: block;
    }

    .hide-for-print {
        display: none;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }
}
@media not print {
    .show-for-print {
        display: none !important;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* SpringerNature page layout
  ------------------------------------------------------------------------------*/
    #wrapper,
    .page-wrapper {
        -webkit-box-shadow: 0 0 4px #BBB;
        -moz-box-shadow: 0 0 4px #BBB;
        box-shadow: 0 0 4px #BBB;
        background-color: #FFF;
        margin: 0 auto;
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #wrapper,
    .page-wrapper {
        /* MQ: Tablet */
    }
}
@media screen and (min-device-width: 320px) {
    #wrapper #content,
    .page-wrapper #content {
        -webkit-transition: padding 0.25s ease-in-out;
        -moz-transition: padding 0.25s ease-in-out;
        -o-transition: padding 0.25s ease-in-out;
        transition: padding 0.25s ease-in-out;
        padding: 0;
    }
    #wrapper #content:before, #wrapper #content:after,
    .page-wrapper #content:before,
    .page-wrapper #content:after {
        content: " ";
        display: table;
    }
    #wrapper #content:after,
    .page-wrapper #content:after {
        clear: both;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #wrapper #content,
    .page-wrapper #content {
        /* MQ: Tablet */
        padding: 0 20px 60px;
    }
    .cms-barebone #wrapper #content, .cms-barebone
    .page-wrapper #content {
        padding: 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Layouts
  ------------------------------------------------------------------------------*/
    /* based on a 980 grid with 12 columns,*/
    .col-aside,
    .col-main {
        margin: 0 0 30px 0;
        width: 100%;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .col-aside,
    .col-main {
        /* MQ: Tablet */
        display: inline;
        float: left;
        margin: 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* layout 1 (4/8, e.g. home) */
    .layout-1:before, .layout-1:after {
        content: " ";
        display: table;
    }
    .layout-1:after {
        clear: both;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-1 .col-aside {
        /* MQ: Tablet */
        width: 31.914893617%;
        /* Math: 300 / 940 */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-1 .col-main {
        /* MQ: Tablet */
        float: right;
        width: 65.9574468085%;
        /* Math: 620 / 940 */
    }
}

@media screen and (min-device-width: 320px) {
    /* layout 2 (3/9, e.g. results) */
    .layout-2:before, .layout-2:after {
        content: " ";
        display: table;
    }
    .layout-2:after {
        clear: both;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-2 .col-aside {
        /* MQ: Tablet */
        width: 23.4042553191%;
        /* Math: 220 / 940 */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-2 .col-main {
        /* MQ: Tablet */
        float: right;
        width: 74.4680851064%;
        /* Math: 700 / 940 */
    }
}

@media screen and (min-device-width: 320px) {
    /* layout 3 (8/4, e.g. abstract) */
    .layout-3:before, .layout-3:after {
        content: " ";
        display: table;
    }
    .layout-3:after {
        clear: both;
    }
    .layout-3 .col-main {
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-3 .col-main {
        /* MQ: Tablet */
        margin-left: 4.25531914894%;
        /* Math: 40 / 940 */
        width: 61.7021276596%;
        /* Math: 580 / 940 */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-3 .col-aside {
        /* MQ: Tablet */
        margin-left: 4.25531914894%;
        /* Math: 40 / 940 */
        width: 25.5319148936%;
        /* Math: 240 / 940 */
    }
}

@media screen and (min-device-width: 320px) {
    /* layout 3b (8/4 width col-aside first, e.g. only Signup) */
    .layout-3b:before, .layout-3b:after {
        content: " ";
        display: table;
    }
    .layout-3b:after {
        clear: both;
    }
    .layout-3b .col-main {
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-3b .col-main {
        /* MQ: Tablet */
        margin-left: 4.25531914894%;
        /* Math: 40 / 940 */
        width: 61.7021276596%;
        /* Math: 580 / 940 */
    }
}
@media screen and (min-device-width: 320px) {
    .layout-3b .col-aside {
        margin-bottom: 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-3b .col-aside {
        /* MQ: Tablet */
        float: right;
        margin: auto 4.25531914894% 30px auto;
        width: 25.5319148936%;
        /* Math: 240 / 940 */
    }
}

@media screen and (min-device-width: 320px) {
    /* layout 4 (~7, e.g. info) */
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-4 {
        /* MQ: Tablet */
        padding: 10px 34.0425531915% 54px 4.25531914894%;
        /* Math: 320 / 940 &  40 / 940*/
    }
}

@media screen and (min-device-width: 320px) {
    /* layout 5 (1 column) */
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-5 {
        /* MQ: Tablet */
        padding: 0 4.95283018868%;
        /* Math: 42 / 848 */
    }
}

@media screen and (min-device-width: 320px) {
    /* layout 6 (6/6 without margins, e.g. support/manage promotions) */
    .layout-6:before, .layout-6:after {
        content: " ";
        display: table;
    }
    .layout-6:after {
        clear: both;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-6 .col-main {
        /* MQ: Tablet */
        width: 46.808511%;
        /*44.6808510638%;   /* Math: 440 / 940 */
    }
}
@media screen and (min-device-width: 320px) {
    .layout-6 .col-aside {
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-6 .col-aside {
        /* MQ: Tablet */
        margin-left: 6.3829787234%;
        /* Math: 60 / 940 */
        width: 46.808511%;
        /* Math: 440 / 940 */
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Abstract actions */
    #abstract-actions {
        margin: 17px 0;
        min-height: 25px;
    }
    #abstract-actions .action {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 #FFF;
        box-shadow: inset 0 1px 0 #FFF;
        border: 1px solid #bcbcbc;
        color: #666666;
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 0;
        min-height: 30px;
        padding: 0;
        vertical-align: top;
        width: 99.5%;
        display: inline-block;
        /*Action icons*/
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #abstract-actions .action {
        /* MQ: Tablet */
        min-width: 19em;
        max-width: 48%;
    }
    #abstract-actions .action:first-child {
        margin: 0 6px 6px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action {
        /* MQ: Widescreen */
        background: none;
        background-image: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0;
        -moz-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        border: none;
        color: #486a7e;
        font-size: 12px;
        font-size: 1.2rem;
        margin-right: 0;
        min-height: 0;
        padding: 0;
        vertical-align: middle;
        width: auto;
        min-width: 0;
        max-width: 100%;
    }
    #abstract-actions .action:first-child {
        margin: 0 26px 0 0;
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .action:hover, #abstract-actions .action:focus, #abstract-actions .action:active {
        border-color: #999999;
        color: #333;
        text-decoration: none;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action:hover, #abstract-actions .action:focus, #abstract-actions .action:active {
        /* MQ: Widescreen */
        border: none;
        color: #486a7e;
        text-decoration: underline;
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .action:active, #abstract-actions .action.act {
        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action:active, #abstract-actions .action.act {
        /* MQ: Widescreen */
        -webkit-box-shadow: 0px 0px #000000;
        -moz-box-shadow: 0px 0px #000000;
        box-shadow: 0px 0px #000000;
    }
}
@media screen and (min-device-width: 320px) {
    .ie9 #abstract-actions .action:active {
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(direction=0,color=#000000,strength=5);";
    }
    #abstract-actions .action a:before {
        content: '';
    }
    #abstract-actions .action a {
        color: #333;
        display: block;
        line-height: 2.6;
        padding: 6px 6px 6px 48px;
        white-space: nowrap;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action a {
        /* MQ: Widescreen */
        color: #486a7e;
        display: inline-block;
        line-height: 2.2;
        padding: 0 0 0 35px;
    }
    #abstract-actions .action a:before {
        content: '\00BB\0020';
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .action span {
        display: inline-block;
    }
    #abstract-actions .action.icon-download:first-child, #abstract-actions .action.icon-view:first-child {
        background: #486a7e url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#486a7e));
        background-image: -webkit-linear-gradient(top, #38a0e5, #486a7e);
        background-image: -moz-linear-gradient(top, #38a0e5, #486a7e);
        background-image: -ms-linear-gradient(top, #38a0e5, #486a7e);
        background-image: -o-linear-gradient(top, #38a0e5, #486a7e);
        background-image: linear-gradient(top, #38a0e5, #486a7e);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        border-color: #486a7e;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-download:first-child, #abstract-actions .action.icon-view:first-child {
        /* MQ: Widescreen */
        background: none;
        background-image: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0;
        -moz-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        border: none;
        color: #486a7e;
        font-size: 12px;
        font-size: 1.2rem;
        margin-right: 0;
        min-height: 0;
        padding: 0;
        vertical-align: middle;
        width: auto;
        min-width: 0;
        max-width: 100%;
    }
    #abstract-actions .action.icon-download:first-child:first-child, #abstract-actions .action.icon-view:first-child:first-child {
        margin: 0 26px 0 0;
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .action.icon-download:first-child:hover, #abstract-actions .action.icon-download:first-child:focus, #abstract-actions .action.icon-download:first-child:active, #abstract-actions .action.icon-download:first-child.act, #abstract-actions .action.icon-view:first-child:hover, #abstract-actions .action.icon-view:first-child:focus, #abstract-actions .action.icon-view:first-child:active, #abstract-actions .action.icon-view:first-child.act {
        border-color: #0266a8;
        color: #b3dcf5;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-download:first-child:hover, #abstract-actions .action.icon-download:first-child:focus, #abstract-actions .action.icon-download:first-child:active, #abstract-actions .action.icon-download:first-child.act, #abstract-actions .action.icon-view:first-child:hover, #abstract-actions .action.icon-view:first-child:focus, #abstract-actions .action.icon-view:first-child:active, #abstract-actions .action.icon-view:first-child.act {
        /* MQ: Widescreen */
        -webkit-box-shadow: 0 0 0;
        -moz-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        border: none;
        color: #486a7e;
        text-decoration: underline;
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .action.icon-download:first-child a,
    #abstract-actions .action.icon-download:first-child span, #abstract-actions .action.icon-view:first-child a,
    #abstract-actions .action.icon-view:first-child span {
        color: #FFF;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-download:first-child a,
    #abstract-actions .action.icon-download:first-child span, #abstract-actions .action.icon-view:first-child a,
    #abstract-actions .action.icon-view:first-child span {
        /* MQ: Widescreen */
        color: #486a7e;
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .action.icon-download a {
        background-position: 12px -91px;
        /* white icon */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-download a {
        /* MQ: Widescreen */
        background-position: 0 -50px;
        /* blue icon */
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .action.icon-view:first-child a {
        background-position: 12px -241px;
        /* white icon */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-view:first-child a {
        /* MQ: Widescreen */
        background-position: 0 -200px;
        /* blue icon */
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .action.icon-view a {
        background-position: 12px -141px;
        /* grey icon */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .action.icon-view a {
        /* MQ: Widescreen */
        background-position: 0 -200px;
        /* blue icon */
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .leaf-pricing {
        overflow: auto;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #abstract-actions .leaf-pricing {
        /* MQ: Tablet */
        display: inline-block;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .leaf-pricing {
        /* MQ: Widescreen */
        vertical-align: middle;
        margin: 0 14px 0 0;
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .leaf-pricing form {
        display: inline;
    }
    #abstract-actions #leaf-pricing-buy-now {
        margin: 0;
        float: right;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #abstract-actions #leaf-pricing-buy-now {
        /* MQ: Tablet */
        float: none;
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .leaf-pricing-content {
        margin: 0 14px 14px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #abstract-actions .leaf-pricing-content {
        /* MQ: Tablet */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #abstract-actions .leaf-pricing-content {
        /* MQ: Widescreen */
        margin-bottom: 0;
        max-width: 256px;
    }
}
@media screen and (min-device-width: 320px) {
    #abstract-actions .leaf-pricing-content h3 {
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 0;
    }
    #abstract-actions .leaf-pricing-content .content-prices {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 14px;
    }
    #abstract-actions .leaf-pricing-content .price-disclaimer {
        font-size: 11px;
        font-size: 1.1rem;
        color: #777777;
    }
    #abstract-actions #leaf-pricing-buy-now,
    #abstract-actions .leaf-pricing-content {
        display: inline-block;
        vertical-align: top;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Action
  ------------------------------------------------------------------------------*/
    .action {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
        display: block;
        margin: 7px 26px 7px 0;
        /* link */
        /* text (e.g. filesize) */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .action {
        /* MQ: Tablet */
        display: inline-block;
        margin: 0 26px 0 0;
    }
}
@media screen and (min-device-width: 320px) {
    .action a:before {
        content: '\00BB\0020';
    }
    .action span {
        color: #999999;
        font-weight: normal;
    }

    /* Icons (KS: refactoring needed! get rid of *-alt)
  ------------------------------------------------------------------------------*/
    .icon-download a,
    .icon-download-alt a,
    .icon-view a,
    .icon-view-alt a,
    .icon-browse a,
    .icon-browse-alt a,
    .icon-unlock a,
    .icon-unlock-alt a {
        background: url(/spcom/sites/sgw/images/action_icons.png) no-repeat;
        display: inline-block;
        padding-left: 35px;
    }

    .icon-download a {
        background-position: 12px 9px;
        /* grey */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .icon-download a {
        /* MQ: Widescreen */
        background-position: 0 -50px;
        /* blue */
    }
}

@media screen and (min-device-width: 320px) {
    .icon-view a {
        background-position: 12px -141px;
        /* grey */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .icon-view a {
        /* MQ: Widescreen */
        background-position: 0 -200px;
        /* blue */
    }
}

@media screen and (min-device-width: 320px) {
    .icon-browse a {
        background-position: 12px -291px;
        /* grey */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .icon-browse a {
        /* MQ: Widescreen */
        background-position: 0 -350px;
        /* blue */
    }
}

@media screen and (min-device-width: 320px) {
    .icon-unlock a {
        background-position: 12px -441px;
        /* grey */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .icon-unlock a {
        /* MQ: Widescreen */
        background-position: 0 -500px;
        /* blue */
    }
}

@media screen and (min-device-width: 320px) {
    .icon-download-alt a,
    .bar-actions .icon-download a {
        background-position: 0 -100px;
        /* white */
    }

    .icon-view-alt a,
    .bar-actions .icon-view a {
        background-position: 0 -250px;
        /* white */
    }

    .icon-browse-alt a,
    .bar-actions .icon-browse a {
        background-position: 0 -400px;
        /* white */
    }

    .icon-unlock-alt a,
    .bar-actions .icon-unlock a {
        background-position: 0 -550px;
        /* white */
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Actions bar
  ------------------------------------------------------------------------------*/
    /* bar in default state and scrolled state */
    .bar-dock {
        display: none;
        min-height: 38px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .bar-dock {
        /* MQ: Widescreen */
        display: block;
    }
}
@media screen and (min-device-width: 320px) {
    .bar-dock.myspringer {
        margin-top: 10px;
        display: block;
    }

    .bar-actions {
        background: #486a7e url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#486a7e));
        background-image: -webkit-linear-gradient(top, #38a0e5, #486a7e);
        background-image: -moz-linear-gradient(top, #38a0e5, #486a7e);
        background-image: -ms-linear-gradient(top, #38a0e5, #486a7e);
        background-image: -o-linear-gradient(top, #38a0e5, #486a7e);
        background-image: linear-gradient(top, #38a0e5, #486a7e);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        border: 1px solid #486a7e;
        color: #FFF;
        min-height: 26px;
        line-height: 2.2;
        padding: 5px 4.148936170936% 4px;
        /* Math: 40 / 940 - 1 / 940 for the border 0,10638297872 */
        position: relative;
        z-index: 10;
    }

    .ie6 .bar-actions {
        height: 26px;
    }

    /* Stick to top of viewport */
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    /* MQ: Widescreen */
    .bar-dock .bar-scrolled {
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        position: fixed;
        top: 0;
        z-index: 5;
        /* left set via jQuery */
        max-width: 960px;
    }
}
@media screen and (min-device-width: 320px) {
    /* links & actions */
    .bar-actions a {
        color: #ffffff;
        font-weight: bold;
    }

    .bar-actions .action span {
        color: #FFF;
    }

    /* search within */
    .bar-actions form {
        background: url(../images/search_within_arrow.png) no-repeat 0 3px;
        height: 24px;
        padding-left: 22px;
        margin: 7px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .bar-actions form {
        /* MQ: Widescreen */
        margin: 0;
        position: absolute;
        right: 40px;
        top: 6px;
    }
}

@media screen and (min-device-width: 320px) {
    .bar-actions input {
        float: left;
    }

    .bar-actions input.search-within {
        border: 1px solid #486a7e;
        font-size: 12px;
        font-size: 1.2rem;
        height: 18px;
        letter-spacing: 0.02em;
        padding: 2px 10px;
        position: relative;
        width: 189px;
    }

    .bar-actions input.search-within:focus {
        outline: none;
    }

    .bar-actions .search-submit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4918px no-repeat;
        background-color: #486a7e;
        border: 1px solid #486a7e;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
        color: #FFF;
        font-size: 14px;
        font-size: 1.4rem;
        height: 24px;
        margin-left: -1px;
        padding: 0;
        position: relative;
        width: 30px;
    }

    .bar-actions .search-submit:hover,
    .bar-actions .search-submit:focus {
        border-color: #0266a8;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4870px no-repeat;
    }

    .bar-actions .search-submit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4827px no-repeat;
        border-color: #0266a8;
    }

    /* Restricted Access */
    .bar-wrapper {
        position: relative;
    }

    .js .unlock-wrapper {
        position: absolute;
        top: 37px;
        z-index: 5;
        width: 100%;
    }

    .bar-access-restr {
        background: #feeeae url(../images/grdnt_yellow_fff3c6_feeeae.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff3c6), to(#feeeae));
        background-image: -webkit-linear-gradient(top, #fff3c6, #feeeae);
        background-image: -moz-linear-gradient(top, #fff3c6, #feeeae);
        background-image: -ms-linear-gradient(top, #fff3c6, #feeeae);
        background-image: -o-linear-gradient(top, #fff3c6, #feeeae);
        background-image: linear-gradient(top, #fff3c6, #feeeae);
        border: 1px solid #fdda4c;
        border-width: 0 1px 1px 1px;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        color: #333;
        line-height: 2.2;
        min-height: 28px;
        text-align: center;
        text-shadow: 0 2px 1px rgba(255, 255, 255, 0.6);
        padding: 0 4.25531914894% 0 4.25531914894%;
        /* Math: 40 / 940 */
    }

    .bar-access-restr strong {
        background: url(../images/lock.png) no-repeat 0 4px;
        display: inline-block;
        padding: 0 0 0 31px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Alert messages
  ------------------------------------------------------------------------------*/
    .alert {
        position: relative;
        margin: 20px 0;
        border: 1px solid;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 14px 14px 14px 41px;
        vertical-align: top;
    }
    .alert .alert-block {
        padding-bottom: 16px;
    }
    .alert:before {
        position: absolute;
        left: 14px;
        top: 14px;
    }
    .alert *:first-child {
        margin-top: 1px;
    }
    .alert *:last-child {
        margin-bottom: 0;
    }
    .alert p,
    .alert ul,
    .alert ol {
        line-height: 1.4;
        margin-bottom: 5px;
    }
    .alert p strong {
        display: block;
        margin-bottom: 5px;
    }

    .alert-success {
        border-color: #71ab0b;
        background: rgba(113, 171, 11, 0.1);
    }
    .alert-success:before {
        content: url(../images/alert-success.png);
        display: block;
        float: none;
        width: 19px;
        height: 19px;
    }

    .alert-info {
        border-color: #38a0e5;
        background: rgba(56, 160, 229, 0.1);
    }
    .alert-info:before {
        content: url(../images/alert-info.png);
        display: block;
        float: none;
        width: 19px;
        height: 19px;
    }

    .alert-warning {
        border-color: #ffcc00;
        background: rgba(255, 204, 0, 0.1);
    }
    .alert-warning:before {
        content: url(../images/alert-warning.png);
        display: block;
        float: none;
        width: 19px;
        height: 19px;
    }

    .alert-error {
        border-color: #c40606;
        background: rgba(196, 6, 6, 0.08);
    }
    .alert-error:before {
        content: url(../images/alert-error.png);
        display: block;
        float: none;
        width: 19px;
        height: 19px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .article-note {
        border-top: 1px solid #dcdcdc;
        padding-top: 7px;
        color: #777777;
        margin: 24px 0;
        /* 24px 0 -13px 0 */
    }
    .article-note div.simple-para,
    .article-note p {
        display: block;
        font-style: italic;
        line-height: 1.4;
        padding-left: 20px;
        margin: 7px 0 12px 0;
    }
    .article-note div.simple-para:before,
    .article-note p:before {
        content: "\02022\0020";
        /* bull + space */
        margin-left: -13px;
        padding-right: 4px;
        position: relative;
        top: 0;
    }

    #predecessor-info.article-note {
        border-top: 0 none;
        padding-top: 0;
    }
    #predecessor-info.article-note p {
        margin-top: 0;
    }

    .lt-ie8 .formatted .article-note {
        margin: 2px 0;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* authors/editors */
    .editor-list,
    .author-list {
        margin: 0 0 7px 0;
    }
    .editor-list h2,
    .author-list h2 {
        display: inline;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 13px;
        font-size: 1.3rem;
        letter-spacing: normal;
    }
    .editor-list ul,
    .author-list ul {
        display: inline;
    }
    .editor-list .authors li,
    .editor-list .editors li,
    .author-list .authors li,
    .author-list .editors li {
        display: inline;
        line-height: 1.5;
    }
    .editor-list .authors a,
    .editor-list .editors a,
    .author-list .authors a,
    .author-list .editors a {
        border-bottom: 1px solid #D7D6D6;
        color: #333;
    }
    .editor-list .authors a:hover,
    .editor-list .editors a:hover,
    .author-list .authors a:hover,
    .author-list .editors a:hover {
        border-color: #333;
        text-decoration: none;
    }
    .editor-list .authors .show-all-hide-authors,
    .editor-list .editors .show-all-hide-authors,
    .author-list .authors .show-all-hide-authors,
    .author-list .editors .show-all-hide-authors {
        display: none;
    }
    .editor-list .authors .show-all,
    .editor-list .authors .hide-some,
    .editor-list .editors .show-all,
    .editor-list .editors .hide-some,
    .author-list .authors .show-all,
    .author-list .authors .hide-some,
    .author-list .editors .show-all,
    .author-list .editors .hide-some {
        color: #666666;
        cursor: pointer;
        font-size: 11px;
        font-size: 1.1rem;
        text-decoration: underline;
        white-space: nowrap;
    }
    .editor-list .authors .show-all:hover,
    .editor-list .authors .hide-some:hover,
    .editor-list .editors .show-all:hover,
    .editor-list .editors .hide-some:hover,
    .author-list .authors .show-all:hover,
    .author-list .authors .hide-some:hover,
    .author-list .editors .show-all:hover,
    .author-list .editors .hide-some:hover {
        color: #333;
    }

    .show-all-authors,
    .hide-authors,
    .show-all-editors,
    .hide-editors {
        color: #486a7e;
        cursor: pointer;
        text-decoration: underline;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Autosuggest / Autocomplete
    ------------------------------------------------------------------------------*/
    .ui-autocomplete {
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        background: #FFF;
        border: 1px solid #bcbcbc;
        padding: 7px 0 5px 0;
        position: absolute;
        left: 0;
    }
    .ui-autocomplete li
    a {
        color: #666666;
        cursor: default;
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 3px 9px;
        text-decoration: none;
    }
    .ui-autocomplete li
    a:focus, .ui-autocomplete li
    a.ui-state-focus, .ui-autocomplete li
    a:hover, .ui-autocomplete li
    a.ui-state-hover {
        background: #E6F1F9;
    }
    .ui-autocomplete strong {
        color: #333;
        font-style: normal;
        font-weight: bold;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Back link
  ------------------------------------------------------------------------------*/
    .back-link {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAJklEQVQYlWNggALGssP/GQgBxrLD/2GYKEUEFRNt9VBSiO5zZBoA5cEsdfq340wAAAAASUVORK5CYII=") no-repeat 0 1px;
        display: inline-block;
        font-size: 12px;
        font-size: 1.2rem;
        position: relative;
        padding: 2px 0 0 20px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .banner-advert {
        position: absolute;
        top: 13.75em;
        right: -13.4em;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility 0s 0.5s, opacity 0.5s linear;
        transition: visibility 0s 0.5s, opacity 0.5s linear;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1180px) {
    .banner-advert {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Box
  ------------------------------------------------------------------------------*/
    .box {
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        margin-bottom: 20px;
        padding: 15px 20px;
    }
    .box:last-child {
        margin-bottom: 0;
    }
    .box .box-section {
        border-top: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        clear: both;
        margin: 14px -20px 0;
        padding: 14px 20px 0;
    }

    .box-header {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 1.2;
        margin: 0 0 25px;
    }

    /* alternative box */
    .box-alt {
        padding: 8px 7px;
    }
    .box-alt .box-header {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
        margin: -8px -7px 8px -7px;
        padding: 6px 7px;
    }

    .box-primary {
        background-color: #b3dcf5;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d7ecfa), to(#b3dcf5));
        background-image: -webkit-linear-gradient(top, #d7ecfa, #b3dcf5);
        background-image: -moz-linear-gradient(top, #d7ecfa, #b3dcf5);
        background-image: -ms-linear-gradient(top, #d7ecfa, #b3dcf5);
        background-image: -o-linear-gradient(top, #d7ecfa, #b3dcf5);
        background-image: linear-gradient(top, #d7ecfa, #b3dcf5);
        border: 1px solid #70bced;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
        -moz-box-shadow: inset 0 1px 0 0 #ffffff;
        box-shadow: inset 0 1px 0 0 #ffffff;
        color: #333;
        margin: 14px 0;
        padding: 14px 20px;
    }
    .box-primary .box-section {
        border-top: 1px solid #70bced;
        -webkit-box-shadow: inset 0 1px 0 0 #d7ecfa;
        -moz-box-shadow: inset 0 1px 0 0 #d7ecfa;
        box-shadow: inset 0 1px 0 0 #d7ecfa;
    }

    .box-secondary {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5_l.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border: 1px solid #D7D6D6;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
        -moz-box-shadow: inset 0 1px 0 0 #ffffff;
        box-shadow: inset 0 1px 0 0 #ffffff;
        margin: 14px 0;
        padding: 14px 20px;
    }
    .box-secondary .box-section {
        border-top: 1px solid #D7D6D6;
        -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
        -moz-box-shadow: inset 0 1px 0 0 #ffffff;
        box-shadow: inset 0 1px 0 0 #ffffff;
    }

    .confirmation-box {
        background: #f1f6e6;
        border: 1px solid #71AB0B;
        border-radius: 2px;
        padding-top: 9px;
    }
    .confirmation-box p:first-child {
        margin-top: 10px;
    }
    .confirmation-box h2 {
        font-size: 19px;
        font-size: 1.9rem;
    }
    .confirmation-box.styled-checkmark {
        background: url(/spcom/sites/sgw/images/checkmark-green.png) no-repeat 12px 12px #f1f6e6;
        line-height: 1.5em;
    }
    .confirmation-box.styled-checkmark:before, .confirmation-box.styled-checkmark:after {
        content: " ";
        display: table;
    }
    .confirmation-box.styled-checkmark:after {
        clear: both;
    }
    .confirmation-box.styled-checkmark h2,
    .confirmation-box.styled-checkmark p {
        margin-left: 28px;
    }
    .confirmation-box.styled-checkmark h2:first-child,
    .confirmation-box.styled-checkmark p:first-child {
        margin-top: 0;
    }
    .confirmation-box.styled-checkmark > a {
        float: right;
    }
    .confirmation-box.styled-checkmark > a:before {
        content: '\00BB\0020';
    }

    .popup-box {
        background: #fff;
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box;
        border: 20px solid black;
        /* some browsers don't understand rgba */
        border: 20px solid rgba(0, 0, 0, 0.35);
        position: absolute;
        z-index: 10000;
        display: none;
        width: 35%;
        max-width: 67rem;
        line-height: 2rem;
    }

    .popup-box .btn-monster {
        margin-top: 1em;
    }

    .popup-box .closeTrigger {
        position: absolute;
        right: 20px;
        /* IE8 */
        right: 2rem;
    }

    .popup-box-bg {
        background: #000;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        display: none;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Browsing Area ('jump to' box)
  ------------------------------------------------------------------------------*/
    .browse {
        margin: 25px 0 25px 0;
        position: relative;
        zoom: 1;
    }
    .browse p {
        display: inline-block;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 25px;
    }
    .browse p strong {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .browse form {
        margin-bottom: 1em;
    }
    .browse form:before, .browse form:after {
        content: " ";
        display: table;
    }
    .browse form:after {
        clear: both;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .browse form {
        /* MQ: Widescreen */
        margin-bottom: 0;
    }
}
@media screen and (min-device-width: 320px) {
    .browse label {
        cursor: text;
        display: block;
        font-size: 13px;
        font-size: 1.3rem;
        margin-bottom: 8px;
    }
    .browse .field {
        float: left;
        margin-right: 6px;
    }
    .browse .field .error-message {
        bottom: 32px;
    }
    .browse input.text {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 24px;
        width: 86px;
    }
    .browse .search-submit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4918px no-repeat;
        border: 1px solid #486a7e;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        float: left;
        height: 24px;
        width: 29px;
    }
    .browse .search-submit:hover, .browse .search-submit:focus {
        border-color: #0266a8;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4870px no-repeat;
    }
    .browse .search-submit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4827px no-repeat;
        border-color: #0266a8;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .browse .all {
        /* MQ: Widescreen */
        margin: 0;
        position: absolute;
        right: 20px;
        bottom: 13px;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .browse-no-search .all {
        /* MQ: Widescreen */
        float: right;
    }
}
@media screen and (min-device-width: 320px) {
    .browse-no-search p {
        display: block;
        margin-bottom: 8px;
    }

    /* Book Series page
  ------------------------------------------------------------------------------*/
    /* browse */
    #book-series .browse input.text {
        width: 100%;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Buttons with text
   ------------------------------------------------------------------------------*/
    /* basics (grey) - essential class for every button, other .btn-* are optional */
    .btn {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 #FFF;
        box-shadow: inset 0 1px 0 #FFF;
        border: 1px solid #bcbcbc;
        color: #666666;
        font-size: 13px;
        font-size: 1.3rem;
        display: inline-block;
        height: 21px;
        line-height: 1.7;
        padding: 1px 10px 0;
        white-space: nowrap;
    }
    .btn:hover, .btn:focus, .btn:active {
        border-color: #999999;
        color: #333;
        text-decoration: none;
    }
    .btn:active, .btn.act {
        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
    }
    .ie9 .btn:active {
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(direction=0,color=#000000,strength=5);";
    }

    button.btn {
        height: 24px;
        /* needs height including the 2 px for the border */
        padding-top: 0;
    }

    /* Primary buttons */
    .btn-primary {
        background: #486a7e url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#486a7e));
        background-image: -webkit-linear-gradient(top, #38a0e5, #486a7e);
        background-image: -moz-linear-gradient(top, #38a0e5, #486a7e);
        background-image: -ms-linear-gradient(top, #38a0e5, #486a7e);
        background-image: -o-linear-gradient(top, #38a0e5, #486a7e);
        background-image: linear-gradient(top, #38a0e5, #486a7e);
        border-color: #486a7e;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
        color: #ffffff;
    }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.act {
        background-color: #0266a8;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#0266a8));
        background-image: -webkit-linear-gradient(top, #38a0e5, #0266a8);
        background-image: -moz-linear-gradient(top, #38a0e5, #0266a8);
        background-image: -ms-linear-gradient(top, #38a0e5, #0266a8);
        background-image: -o-linear-gradient(top, #38a0e5, #0266a8);
        background-image: linear-gradient(top, #38a0e5, #0266a8);
        border-color: #0266a8;
        color: #ffffff;
    }

    /* close */
    .btn-close:before {
        background: url(../images/close_icon.png) no-repeat;
        content: '';
        display: inline-block;
        height: 11px;
        margin: 0 7px -1px 0;
        width: 11px;
    }

    /* dropdown */
    .btn-dd {
        cursor: pointer;
        position: relative;
    }
    .btn-dd:after {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAGklEQVQImWP4jwcwMDAwMOCUgAGcEsgKkPkA9no/wdzS4fwAAAAASUVORK5CYII=") no-repeat right top;
        content: '';
        display: inline-block;
        height: 6px;
        width: 33px;
    }
    .btn-dd .menu {
        background: #FFF;
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        display: none;
        position: absolute;
        top: 23px;
        left: -1px;
        min-width: 100%;
        z-index: 5;
    }
    .no-js .btn-dd:hover .menu {
        display: block;
    }
    .btn-dd .menu a {
        display: block;
        padding: 4px 11px;
    }
    .btn-dd .menu a:before {
        content: '\00BB\0020';
    }
    .btn-dd .menu a:hover {
        background: #edf5fb;
        text-decoration: none;
    }

    /* red version - for enforced login - only applied on hover*/
    .btn-red:hover, .btn-red:focus, .btn-red:active {
        background: #EA0707 url(../images/grdnt_red_ea0707_c50606.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#EA0707), to(#C50606));
        background-image: -webkit-linear-gradient(top, #EA0707, #C50606);
        background-image: -moz-linear-gradient(top, #EA0707, #C50606);
        background-image: -ms-linear-gradient(top, #EA0707, #C50606);
        background-image: -o-linear-gradient(top, #EA0707, #C50606);
        background-image: linear-gradient(top, #EA0707, #C50606);
        border-color: #c40606;
        -webkit-box-shadow: inset 0 1px 0 rgba(241, 94, 94, 0.58);
        -moz-box-shadow: inset 0 1px 0 rgba(241, 94, 94, 0.58);
        box-shadow: inset 0 1px 0 rgba(241, 94, 94, 0.58);
        color: #FFF;
        text-shadow: 1px 1px 0 #A40505;
    }
    .btn-red:active {
        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
    }

    /* monster */
    .btn-monster {
        font-size: 15px;
        font-size: 1.5rem;
        height: 28px;
        padding: 1px 12px 0 12px;
    }

    button.btn-monster {
        height: 31px;
        /* needs height including the 2 px for the border */
        padding-top: 0;
    }

    /* Buttons / Links with add icon */
    .btn-add:before {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4170px no-repeat;
        content: '';
        display: inline-block;
        height: 11px;
        margin-right: 6px;
        position: relative;
        top: 1px;
        width: 11px;
    }

    /* higher buttons in lightboxes */
    .facet-expanded .facet-header .btn,
    .lb .mod-hd .btn,
    #cboxContent .functions-bar .btn,
    #reader-buttons .btn {
        height: 25px;
    }

    .btn-link {
        background: none;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #486a7e;
        padding-left: 0;
    }

    /* Buttons without text
  ------------------------------------------------------------------------------*/
    .remove-btn {
        background-repeat: no-repeat;
        color: transparent;
        direction: ltr;
        display: block;
        overflow: hidden;
        text-align: left;
        text-indent: -9999em;
        text-transform: capitalize;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1610px no-repeat;
        cursor: pointer;
        height: 24px;
        width: 24px;
    }
    .remove-btn:hover, .remove-btn:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1584px no-repeat;
    }
    .remove-btn:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1558px no-repeat;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Pillow-emboss button
    ------------------------------------------------------------------------------*/
    .pillow-btn {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
        -webkit-transition: opacity 0.25s ease-in-out;
        -moz-transition: opacity 0.25s ease-in-out;
        -o-transition: opacity 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out;
        -webkit-transition: right 0.25s ease-in-out;
        -moz-transition: right 0.25s ease-in-out;
        -o-transition: right 0.25s ease-in-out;
        transition: right 0.25s ease-in-out;
        border: 1px solid #dcdcdc;
        cursor: pointer;
        display: inline-block;
        height: 34px;
        opacity: 1;
        padding: 0 15px;
        visibility: visible;
        white-space: nowrap;
    }
    .ie9 .pillow-btn {
        filter: none;
    }
    .pillow-btn:hover {
        border-color: #bcbcbc;
    }
    .pillow-btn.pillow-btn-active {
        -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);
        -moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);
        box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);
        background-color: #dcdcdc;
        border: none;
        padding: 1px 16px;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Checkmarks list
  ------------------------------------------------------------------------------*/
    .checkmarks li {
        background: url(../images/checkmark.png) no-repeat 0 2px;
        margin-top: 7px;
        padding-left: 23px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Content item list
  ------------------------------------------------------------------------------*/
    .content-item-list {
        /* list item */
        /* content type */
        /* title */
        /* snippet, subtitle, coverage */
        /* meta (authors, enumeration) */
        /* actions */
        /* list item with cover */
        /* list item without access */
    }
    .content-item-list li {
        border-top: 1px solid #dcdcdc;
        padding: 12px 10px 15px 10px;
        position: relative;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .content-item-list li:before, .content-item-list li:after {
        content: " ";
        display: table;
    }
    .content-item-list li:after {
        clear: both;
    }
    .content-item-list li:hover {
        background-color: #FBFBFB;
        -webkit-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
        box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
    }
    .content-item-list li:first-child {
        border-top: 0;
    }
    .content-item-list .content-type {
        color: #777777;
        font-size: 11px;
        font-size: 1.1rem;
    }
    .content-item-list h2 {
        font-size: 20px;
        font-size: 2rem;
        margin: 4px 0 8px;
    }
    .content-item-list .snippet,
    .content-item-list .subtitle,
    .content-item-list .coverage {
        color: #777777;
        line-height: 1.6;
        margin-top: 7px;
    }
    .content-item-list .subtitle + .coverage {
        margin-top: 0;
    }
    .content-item-list .meta {
        line-height: 1.2;
        margin-top: 3px;
    }
    .content-item-list .meta a {
        color: #333;
    }
    .content-item-list li .authors a,
    .content-item-list li .editors a {
        border-bottom: 0;
        color: #333;
    }
    .content-item-list li .authors a:hover,
    .content-item-list li .editors a:hover {
        text-decoration: underline;
    }
    .content-item-list .cited-count {
        font-style: normal;
    }
    .content-item-list .actions {
        margin-top: 12px;
    }
    .content-item-list .action {
        margin-right: 18px;
    }
    .content-item-list li.has-cover .text {
        margin-left: 90px;
    }
    .content-item-list li.has-cover .cover {
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        float: left;
        width: 68px;
    }
    .content-item-list .no-access,
    .content-item-list .no-access:hover {
        /* keep the yellow bgcolor on hover */
        background-color: #fffdf4;
        padding-top: 7px;
    }
    .content-item-list .no-access .content-type {
        margin: -15px 0 10px 28px;
    }
    .content-item-list .no-access-message {
        background: #fff9e0;
        color: #666666;
        font-size: 11px;
        font-size: 1.1rem;
        font-style: italic;
        font-weight: bold;
        height: 16px;
        margin: -7px -13px 0 -7px;
        /* according to the padding of the li */
        padding: 6px 13px 0 0;
        text-align: right;
    }
    .content-item-list .no-access-message img {
        position: absolute;
        top: 1px;
        left: 10px;
    }

    /* Featured
  ------------------------------------------------------------------------------*/
    .featured {
        margin-top: 35px;
        /* list */
        /* tooltip */
        /* tooltip content */
    }
    .featured h2 {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
        margin-bottom: 27px;
    }
    .featured ul:before, .featured ul:after {
        content: " ";
        display: table;
    }
    .featured ul:after {
        clear: both;
    }
    .featured li {
        display: inline-block;
        margin-left: 10%;
        /* Math: 64 / 591 */
        position: relative;
        z-index: 5;
        width: 16.4128595601%;
        /* Math: 97 / 591 */
        zoom: 1;
    }
    .lt-ie8 .featured li {
        display: block;
        float: left;
    }
    .featured li:first-child {
        margin-left: 0.846023688663%;
    }
    .featured li img {
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        max-width: 100%;
    }
    .featured li:hover {
        z-index: 15;
    }
    .ie7 .featured li:hover {
        z-index: 5;
    }
    .featured li:hover .tooltip {
        display: block;
        top: 110px;
    }
    .featured .content-type {
        color: #777777;
        font-size: 11px;
        font-size: 1.1rem;
    }
    .featured h3 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.4;
        margin-top: 3px;
    }
    .featured .coverage {
        color: #777777;
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 7px;
    }
    .featured .meta {
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 7px;
    }
    .featured .meta a {
        color: #333;
    }
    .featured .date {
        color: #666666;
    }

    /* Ranked Item List (based on content-item-list): Most Read & Rec. published
  ------------------------------------------------------------------------------*/
    .ranked h2 {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
    }
    .ranked .content-item-list h3 {
        line-height: 1.4;
        margin-top: 4px;
    }
    .ranked .content-item-list .date {
        color: #666666;
    }
    .ranked .show-all {
        background: #f8f8f8 url(../images/grdnt_grey_ffffff_f8f8f8.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f8f8f8));
        background-image: -webkit-linear-gradient(top, #FFFFFF, #f8f8f8);
        background-image: -moz-linear-gradient(top, #FFFFFF, #f8f8f8);
        background-image: -ms-linear-gradient(top, #FFFFFF, #f8f8f8);
        background-image: -o-linear-gradient(top, #FFFFFF, #f8f8f8);
        background-image: linear-gradient(top, #FFFFFF, #f8f8f8);
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #D7D6D6;
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF;
        box-shadow: inset 0 -1px 0 0 #FFF;
        padding: 14px 7px;
        text-align: right;
    }
    .ranked .show-all a {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .ranked .show-all a:before {
        content: '\00BB\0020';
    }

    /* Related list (in expander)
  ------------------------------------------------------------------------------*/
    #related-list {
        list-style-type: decimal;
        margin-top: -10px;
        padding-left: 1.5em;
    }
    #related-list li {
        border-top: 1px solid #dcdcdc;
        line-height: 1.5;
        padding: 10px 0 9px 0;
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #related-list li {
        /* MQ: Tablet */
        padding-right: 120px;
    }
}
@media screen and (min-device-width: 320px) {
    #related-list li:first-child {
        border-top: 0;
    }
    #related-list .date {
        color: #666666;
        font-size: 11px;
        font-size: 1.1rem;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #related-list .date {
        /* MQ: Tablet */
        position: absolute;
        right: 0;
        top: 12px;
    }
}

@media screen and (min-device-width: 320px) {
    #related-list.cited-by li {
        padding-right: 0;
    }

    /* Chapter list (table of contents)
  ------------------------------------------------------------------------------*/
    .document-main .col-main .toc h2 span {
        font-size: 13px;
        font-size: 1.3rem;
    }

    .toc {
        margin-top: 30px;
        /* functions bar with pagination */
        /* list */
        /* headlines for parts */
        /* item */
        /* no access */
    }
    .toc h2,
    .toc h3 {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
        margin-bottom: 10px;
    }
    .toc .functions-bar-top {
        margin: -11px 0 5px;
    }
    .toc ol ol {
        border: 0;
    }
    .toc ol ol ol {
        margin-bottom: 5px;
    }
    .toc ol ol h3,
    .toc ol ol ol {
        margin-left: 30px;
    }
    .toc li,
    .toc li li:first-child {
        border-top: 1px solid #dcdcdc;
    }
    .toc li:first-child,
    .toc ul li,
    .toc ul li:first-child {
        border-top: 0;
        /* removes the double border at the top of the list (h2 has already one) */
    }
    .toc h3 {
        border-bottom: 1px solid #FFF;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-size: 2rem;
        margin: 0;
        padding: 5px 10px;
    }
    .cms-lang-jp .toc h3 {
        font-family: "ヒラギノ角ゴ Pro W3", Georgia, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
    .toc .toc-item + h3 {
        border-top: 1px solid #dcdcdc;
        margin-top: 5px;
    }
    .toc .toc-item {
        padding: 12px 15px 13px 10px;
        position: relative;
        zoom: 1;
    }
    .toc .toc-item:hover {
        background-color: #FBFBFB;
        -webkit-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
        box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
    }
    .toc .content-type {
        color: #666666;
        font-size: 11px;
        font-size: 1.1rem;
        position: relative;
    }
    .toc .page-range,
    .toc .citation-info {
        color: #666666;
        font-size: 11px;
        font-size: 1.1rem;
        position: absolute;
        right: 20px;
        bottom: 13px;
    }
    .toc h3.title {
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
    }
    .toc .title,
    .toc h3.content-type,
    .toc h4.content-type {
        /* bg, bb, ff & padding are reset, Karl: review; h4.content-type for book front/back matter */
        background: none;
        border-bottom: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #333;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 3px 0 0 0;
        padding: 0;
    }
    .toc h3.content-type,
    .toc h4.content-type {
        margin: 0 !important;
    }
    .toc .abstract-content {
        color: #666666;
        font-size: 14px;
        font-size: 1.4rem;
        margin: 3px 0 0 0;
    }
    .toc .abstract-content img {
        max-width: 100%;
    }
    .toc ul.authors {
        margin: 3px 80px 0 0;
    }
    .toc .toc-item .authors a {
        /* .toc-item for higher specifity */
        border-bottom: 0;
        text-decoration: none;
    }
    .toc .toc-item .authors a:hover,
    .toc .toc-item .authors a:focus {
        text-decoration: underline;
    }
    .toc .meta {
        margin-right: 100px;
        margin-top: 5px;
    }
    .toc .actions {
        margin-top: 10px;
    }
    .toc .no-access {
        background-color: #fffdf4;
    }
    .toc .no-access .page-range {
        bottom: 17px;
    }
    .toc .no-access .content-type {
        margin-top: -15px;
        margin-left: 26px;
    }
    .toc .no-access .title {
        margin-top: 7px;
    }
    .toc .no-access-message {
        background: #fff9e0;
        color: #666666;
        font-size: 11px;
        font-size: 1.1rem;
        font-style: italic;
        font-weight: bold;
        height: 16px;
        margin: -12px -15px 0 -5px;
        padding: 6px 15px 0 0;
        text-align: right;
    }
    .toc .no-access-message img {
        left: 7px;
        position: absolute;
        top: 1px;
    }

    /* About this (in expander)
  ------------------------------------------------------------------------------*/
    .summary:before, .summary:after {
        content: " ";
        display: table;
    }
    .summary:after {
        clear: both;
    }
    .summary dl {
        line-height: 1.5;
        margin: 0 0 7px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .summary dl {
        /* MQ: Tablet */
        display: inline;
        float: left;
        margin: 0 0 0 2.32558139535%;
        /* Math: 20 / 860 */
        width: 30.2325581395%;
        /* Math: 260 / 860 */
    }
}
@media screen and (min-device-width: 320px) {
    .summary dl:first-child {
        margin-left: 0;
    }
    .summary dt {
        border-top: 1px solid #dcdcdc;
        font-weight: bold;
        margin: 10px 0 2px;
        padding-top: 10px;
    }
    .summary dt:first-child {
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
    }
    .summary dd {
        color: #666666;
        word-wrap: break-word;
    }
    .summary a:before {
        content: '\00BB\0020';
    }
    .summary .authors a:before,
    .summary .editors a:before {
        content: '';
    }
    .summary .authors li a:first-child,
    .summary .editors a {
        border-bottom: 1px solid #D7D6D6;
    }
    .summary .authors li a:first-child:hover,
    .summary .editors a:hover {
        border-color: #666666;
        text-decoration: none;
    }

    /* References (in expander)
  ------------------------------------------------------------------------------*/
    #abstract-references .enumeration {
        font-style: italic;
        margin-right: 10px;
    }

    #abstract-references li a,
    .report-download a {
        font-size: 11px;
        font-size: 1.1rem;
        margin-right: 10px;
    }
    #abstract-references li a:before,
    .report-download a:before {
        content: '\00BB\0020';
    }

    #abstract-references li a:before,
    .report-download a {
        white-space: nowrap;
    }

    /* Material list / Supplementary materials (in expander)
  ------------------------------------------------------------------------------*/
    .material-list li {
        border-top: 1px solid #dcdcdc;
        line-height: 1.5;
        min-height: 34px;
        padding: 10px 0 9px 37px;
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .material-list li {
        /* MQ: Tablet */
        padding-right: 120px;
    }
}

@media screen and (min-device-width: 320px) {
    .material-list li:first-child {
        border-top: 0;
    }

    /* type icons */
    .material-list .icon {
        background-repeat: no-repeat;
        color: transparent;
        direction: ltr;
        display: block;
        overflow: hidden;
        text-align: left;
        text-indent: -9999em;
        text-transform: capitalize;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2159px no-repeat;
        height: 34px;
        position: absolute;
        left: 0;
        top: 11px;
        width: 26px;
    }

    .material-list li.type-audio .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -397px no-repeat;
    }

    .material-list li.type-video .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -3226px no-repeat;
    }

    /* filesize */
    .material-list .filesize {
        color: #999999;
    }

    /* Abstract
  ------------------------------------------------------------------------------*/
    /* beautify messy content - visually reduce too much line breaks */
    .abstract-content br + br,
    .abstract-content ul > br {
        display: none;
    }

    /* Formatted content
  ------------------------------------------------------------------------------*/
    .formatted {
        /* paragraphs */
        /* lists */
    }
    .formatted h3 {
        margin-top: 10px;
    }
    .formatted p {
        line-height: 1.6;
        margin-top: 10px;
    }
    .formatted h3 + p,
    .formatted p:first-child {
        margin-top: 0;
    }
    .formatted li p {
        margin: 0;
    }
    .formatted ol,
    .formatted ul {
        margin-top: 10px;
        padding-left: 1.6em;
    }
    .formatted ol {
        list-style-type: decimal;
    }
    .formatted ul {
        list-style-type: disc;
    }
    .formatted li {
        line-height: 1.5;
        margin-top: 7px;
    }
    .formatted li:first-child {
        margin-top: 0;
    }

    /*images*/
    .figure img {
        max-width: 98%;
        margin: 7px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .figure img {
        /* MQ: Widescreen */
        max-width: 100%;
    }
}

@media screen and (min-device-width: 320px) {
    /* Introduction ('Home' & 'Industry Sector' Page)
  ------------------------------------------------------------------------------*/
    #intro {
        margin: 0 27px 24px 0;
    }
    #intro p {
        color: #999999;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4;
    }

    /* Notes
  ------------------------------------------------------------------------------*/
    .notes {
        border-top: 1px solid #dcdcdc;
        color: #777777;
        font-style: italic;
        list-style: outside disc;
        margin: 10px 0 20px;
        padding: 18px 0 0 15px;
    }
    .browse + .notes {
        border-top: 0;
        padding-top: 0;
    }
    .notes li + li {
        margin-top: 0.75em;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Dialog prompt for 'are you sure?' situations
  ------------------------------------------------------------------------------*/
    .check-prompt {
        display: none;
    }

    .lb.check-prompt-content {
        width: 298px;
    }

    .check-prompt-content p {
        margin-bottom: 15px;
    }

    .check-prompt-content .btn {
        margin-right: 15px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Expander
  ------------------------------------------------------------------------------*/
    .expander {
        margin: 0 -12px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .expander {
        /* MQ: Tablet */
        margin: 5px 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* title */
    .expander-title {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 #FFF;
        box-shadow: inset 0 1px 0 #FFF;
        border-bottom: 1px solid #DBDBDA;
        border-top: 1px solid #DBDBDA;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        height: auto;
        margin-bottom: -1px;
        padding: 14px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .expander-title {
        /* MQ: Tablet */
        border: 1px solid #EEECEC;
        height: 26px;
        magrin-bottom: 0;
        padding: 0;
    }
}

@media screen and (min-device-width: 320px) {
    .js .expander-title:hover {
        border-color: #cccccc;
    }

    .expander-title div {
        background: url(/spcom/sites/sgw/images/expander_arrows.png) no-repeat 20px -44px;
        border-top: none;
        display: block;
        font-weight: bold;
        padding: 0 5px 0 34px;
    }

    .expander-loading div.expander-title div {
        background: url(/spcom/sites/sgw/images/loading_expander.gif) no-repeat 12px 5px;
    }

    .no-js .expander-title div {
        background: none;
    }

    .js .expander-content {
        display: none;
    }

    .expander-open .expander-content {
        display: block;
    }

    .expander-title h2,
    #dashboard-area .expander-title h2 {
        color: #486a7e;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.8;
        margin: 0 !important;
    }

    .expander-title h2 span {
        color: #333 !important;
        font-weight: normal;
    }

    /* open */
    .expander-open .expander-title div {
        background-position: 20px 10px;
    }

    /* empty */
    .expander-empty .expander-title,
    .expander-empty .expander-title h2 {
        color: #999999;
    }

    .expander-empty .expander-title div {
        background-position: 20px -94px;
    }

    .expander-empty .expander-title:hover {
        border-color: #EEECEC;
        /* apply default color if empty */
        cursor: default;
    }

    .show-more {
        margin: 0 0 0 19px;
    }

    /* abstract expander styles */
    .document-aside .expander-title div {
        padding-left: 4.25531914894%;
        /* Math: 40 / 940 */
    }

    .document-aside .expander-content-inner {
        padding: 15px 4.25531914894% 10px;
        /* Math: 40 / 940 */
    }

    /* Journal All Volumes & Issues Expanders */
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #journal-volumes-issues .col-main .expander {
        /* MQ: Tablet */
        margin-left: -40px;
        /* reset padding */
        margin-right: 20px;
    }
}

@media screen and (min-device-width: 320px) {
    #journal-volumes-issues .col-main .meta + .expander {
        margin-top: 30px;
    }

    #journal-volumes-issues .col-main .expander-title div {
        padding-left: 40px;
    }

    .issues-list {
        margin-left: 20px;
        margin-right: 25px;
    }

    .issues-list li {
        border-top: 1px solid #dcdcdc;
        list-style: none;
        margin: 0;
        padding: 10px 0 12px 0;
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .issues-list li {
        /* MQ: Tablet */
        padding-right: 120px;
    }
}

@media screen and (min-device-width: 320px) {
    .issues-list li:first-child {
        border-top: 0;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Enumeration */
    #enumeration {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.5;
        white-space: no-wrap;
        width: 100%;
    }
    #enumeration a {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #enumeration a {
        /* MQ: Widescreen */
        color: #333;
    }
}
@media screen and (min-device-width: 320px) {
    .col-main:hover #enumeration a {
        color: #486a7e;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Facets
  ------------------------------------------------------------------------------*/
    .facet {
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
        margin-top: 13px;
    }

    /* header */
    .facet-header {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border-bottom: 1px solid #dcdcdc;
        -webkit-box-shadow: inset 0 1px 0 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 0 #FFF;
        box-shadow: inset 0 1px 0 0 #FFF;
        padding: 6px 10px;
        position: relative;
    }
    .facet-header h3 {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;
        margin: 0;
    }
    .facet-header .all {
        color: #333;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.2;
        position: absolute;
        right: 10px;
        top: 7px;
    }

    /* list */
    .facet ol li {
        border-top: 1px solid #E9E9E9;
        font-size: 11px;
        font-size: 1.1rem;
        position: relative;
    }
    .facet ol li:first-child {
        border-top: 0;
    }
    .facet ol li a {
        border: 1px solid #FFF;
        color: #333;
        display: block;
        overflow: hidden;
        position: relative;
        text-decoration: none;
        zoom: 1;
    }

    .facet-title {
        display: block;
        line-height: 1.1;
        padding: 5px 55px 5px 10px;
        position: relative;
        z-index: 10;
        word-wrap: break-word;
    }

    .facet-amount {
        position: absolute;
        right: 10px;
        bottom: 5px;
        z-index: 10;
    }

    .facet-percentage {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        display: block;
        height: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        text-indent: -999em;
    }

    /* facet mouseover and click */
    .facet ol li a:hover {
        text-decoration: none;
    }

    .facet li a:hover .facet-title {
        color: #ee7d11;
    }

    /* facet active */
    .facet-active .facet-title {
        color: #ee7d11;
        font-weight: bold;
        padding-right: 25px;
    }

    .facet-active .facet-amount {
        display: none;
    }

    .facet-active a:hover .remove {
        background-position: 0 -50px;
    }

    .facet-active a:active .remove {
        background-position: 0 -75px;
    }

    /* remove (maybe move this part to the global elements section if also used on other pages) */
    .remove {
        background-repeat: no-repeat;
        color: transparent;
        direction: ltr;
        display: block;
        overflow: hidden;
        text-align: left;
        text-indent: -9999em;
        text-transform: capitalize;
        background: url(../images/remove_icons.png) no-repeat;
        height: 14px;
        width: 14px;
    }

    .remove:hover {
        background-position: 0 -50px;
    }

    .facet .remove {
        position: absolute;
        right: 9px;
        bottom: 4px;
        z-index: 5;
    }

    /* expanded facet */
    .facet-expanded {
        border-color: #cccccc;
        margin: 24px auto;
        width: 99.8%;
    }
    .facet-expanded .facet-header {
        border-bottom: 1px solid #BBBCBD;
        padding: 11px 20px;
    }
    .facet-expanded .facet-header h3 {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .facet-expanded .facet-header .btn {
        position: absolute;
        right: 8px;
        top: 5px;
    }
    .facet-expanded .functions-bar {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
        margin: 0;
    }
    .facet-expanded .facet-header + .functions-bar {
        /* top bar */
        border-bottom: 1px solid #dcdcdc;
        margin-bottom: 1px;
    }
    .facet-expanded ol + .functions-bar {
        /* bottom bar */
        border-top: 1px solid #dcdcdc;
        margin-top: 1px;
    }
    .facet-expanded li {
        font-size: 13px;
        font-size: 1.3rem;
    }
    .facet-expanded .facet-title {
        padding: 5px 18px;
    }

    /* expanded facet in the lightbox */
    #cboxLoadedContent .facet-expanded {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
    }

    #cboxLoadedContent .facet-expanded .functions-bar-top .field .error-message {
        bottom: auto;
        top: 28px;
    }

    #cboxLoadedContent .facet-expanded .functions-bar-top .field .error-message:after {
        background: url(../images/error_tooltip_up.png) no-repeat;
        bottom: auto;
        top: -13px;
    }

    /* highlight animation */
    .facet .highlight-area {
        background: #ee7d11;
        display: block;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        width: 100%;
    }

    .facet-expanded li a:active {
        background-color: #ee7d11;
    }

    .facet-expanded li a:active .facet-title {
        color: #FFF;
    }

    .facet-expanded li a:active .facet-percentage,
    .facet-expanded li a:active .facet-amount {
        visibility: hidden;
    }

    /* Expanded facet - search filter */
    .search-filter input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 24px;
        margin-left: 10px;
        padding-left: 7px;
        width: 43.3996383363%;
        /* Math: 240 / 553 */
    }

    .search-filter input[type=text] {
        margin-right: -1px;
    }

    .search-filter .search-submit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4942px no-repeat;
        border: 0 none;
        display: inline;
        margin-left: -5px;
        width: 24px;
    }

    .search-filter .search-submit:hover {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4486px no-repeat;
    }

    .search-filter .search-submit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4460px no-repeat;
    }

    .search-filter .ui-autocomplete {
        left: 20px;
        line-height: 1;
        top: 28px !important;
        width: 59.6745027125%;
        /* Math: 330 / 553 */
    }

    .search-filter .ui-autocomplete li a {
        font-size: 13px;
        font-size: 1.3rem;
    }

    /* Graphing module for date published
  ------------------------------------------------------------------------------*/
    .publication-date-range {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border-top: 1px solid #dadbdb;
        margin-top: -36px;
        padding: 35px 10px 10px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #pub-date-graph {
        /* MQ: Widescreen */
        display: block;
        margin: 0 10px 17px 10px;
    }
    .lt-ie8 #pub-date-graph {
        display: none;
    }
}

@media screen and (min-device-width: 320px) {
    .tickLabel {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .tickLabel:first-child {
        font-weight: bold;
        left: -16px !important;
    }

    .tickLabel:last-child {
        font-weight: bold;
        left: auto !important;
        right: -18px !important;
    }

    /* Loading
  ------------------------------------------------------------------------------*/
    .facet-link.loading .remove,
    .facet-link.loading:hover .remove,
    .facet-link.loading .facet-amount {
        display: none;
    }

    .facet-link .loading {
        height: 14px;
        position: absolute;
        right: 12px;
        top: 4px;
        width: 14px;
        z-index: 5;
    }

    #results .col-main .facet-link .loading {
        right: 0;
        top: 1px;
    }

    #wrapper #content .facet-link.loading,
    .page-wrapper #content .facet-link.loading {
        background: none;
    }

    #global-search img.loading {
        height: 20px;
        position: absolute;
        right: 16px;
        top: 9px;
        width: 20px;
        z-index: 5;
    }

    img.loading {
        height: 14px;
        position: absolute;
        right: 7px;
        top: 5px;
        width: 14px;
        z-index: 5;
    }

    .search-filter img.loading {
        right: 262px;
        top: 10px;
    }

    #date-facet-submit-wrapper {
        float: left;
        position: relative;
    }

    #date-facet img.loading {
        left: 5px;
        top: 5px;
    }

    .search-filter .search-submit.loading,
    .search-filter .search-submit.loading:hover,
    .search-filter .search-submit.loading:focus,
    #date-facet .search-submit.loading,
    #date-facet .search-submit.loading:hover,
    #date-facet .search-submit.loading:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4657px no-repeat;
    }

    .bar-actions .search-submit.loading,
    .bar-actions .search-submit.loading:hover,
    .bar-actions .search-submit.loading:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4894px no-repeat;
    }

    /* Filtered message
  ------------------------------------------------------------------------------*/
    .filtered-message {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5_l.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border: 1px solid #D7D6D6;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 0 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 0 #FFF;
        box-shadow: inset 0 1px 0 0 #FFF;
        margin-top: 14px;
        padding: 14px;
        position: relative;
    }
    .filtered-message p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.1;
    }

    /* Bars (on the homepage)
  ------------------------------------------------------------------------------*/
    .bars li {
        border-top: 1px solid #FFF;
        font-size: 14px;
        font-size: 1.4rem;
        position: relative;
    }

    .bars li:first-child {
        border-top: 0;
    }

    .bars a {
        background-color: #eaeaea;
        display: block;
        position: relative;
        text-decoration: none;
        zoom: 1;
    }

    .bars a:hover {
        background-color: #E4E4E4;
    }

    .bar-title {
        color: #333;
        display: block;
        line-height: 1;
        padding: 6px 70px 6px 12px;
        position: relative;
        z-index: 10;
    }

    .bar-amount {
        color: #666666;
        position: absolute;
        right: 5px;
        bottom: 5px;
        z-index: 10;
    }

    .bar-percentage {
        background-color: #CACACA;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#CACACA), to(#B9B9B9));
        background-image: -webkit-linear-gradient(top, #CACACA, #B9B9B9);
        background-image: -moz-linear-gradient(top, #CACACA, #B9B9B9);
        background-image: -ms-linear-gradient(top, #CACACA, #B9B9B9);
        background-image: -o-linear-gradient(top, #CACACA, #B9B9B9);
        background-image: linear-gradient(top, #CACACA, #B9B9B9);
        display: block;
        height: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        text-indent: -999em;
    }

    /* Subjects navigation (Verticals and Disciplines)
  ------------------------------------------------------------------------------*/
    /* tab links */
    .categories-tab {
        color: #666666;
        display: inline-block;
        float: left;
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: bold;
        padding: 10px 0;
        text-indent: 18px;
        width: 49.7%;
    }

    a.categories-tab {
        background: #F3F3F3 url(../images/grdnt_grey_ffffff_f3f3f3.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F3F3));
        background-image: -webkit-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -moz-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -ms-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -o-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: linear-gradient(top, #FFFFFF, #F3F3F3);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        color: #999999;
        border: 1px solid #dcdcdc;
        border-top: none;
    }

    a.categories-tab:hover,
    a.categories-tab:focus {
        background: #EDEDED url(../images/grdnt_grey_fafafa_ededed.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EDEDED));
        background-image: -webkit-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -moz-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -ms-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -o-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: linear-gradient(top, #FAFAFA, #EDEDED);
        color: #486a7e;
        text-decoration: none;
    }

    a.first-tab {
        border-left: none;
    }

    a.last-tab {
        border-right: none;
    }

    /* link to other */
    .categories .back-link {
        margin: 15px 0 0 20px;
    }

    /* header */
    .categories .box-header {
        color: #666666;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-size: 2.2rem;
        margin: 15px 0 10px 18px;
    }

    /* list */
    .categories {
        padding: 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories {
        /* MQ: Tablet */
        padding-bottom: 10px;
    }
}
@media screen and (min-device-width: 320px) {
    .categories ol {
        margin: 14px 0 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories ol {
        /* MQ: Tablet */
        margin: 0 14px;
    }
}
@media screen and (min-device-width: 320px) {
    .categories li {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border-top: 1px solid #eee;
        margin-bottom: 1px;
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories li {
        /* MQ: Tablet */
        border: none;
    }
}
@media screen and (min-device-width: 320px) {
    .categories li a {
        background: url(/spcom/sites/sgw/images/action_arrow_right.png) no-repeat 8px 20px;
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0;
        padding: 14px 0 14px 24px;
        word-wrap: break-word;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories li a {
        /* MQ: Tablet */
        background-position: 5px 10px;
        padding: 4px 5px 4px 17px;
    }
}
@media screen and (min-device-width: 320px) {
    .categories li a:hover {
        background-position: 12px 13px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories li a:hover {
        /* MQ: Tablet */
        background-position: 5px 3px;
    }
}
@media screen and (min-device-width: 320px) {
    .categories .categories-secondary li a {
        background-position: 12px 18px;
        /*width: 78.3582089552%;   /* Math: 210 / 268 */
        padding-right: 45px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.3;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories .categories-secondary li a {
        /* MQ: Tablet */
        background-position: 4px 8px;
    }
}
@media screen and (min-device-width: 320px) {
    .categories .categories-secondary li a:hover {
        background-position: 12px 11px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories .categories-secondary li a:hover {
        /* MQ: Tablet */
        background-position: 4px 1px;
    }
}
@media screen and (min-device-width: 320px) {
    .categories .categories-secondary li a span {
        position: absolute;
        right: 16px;
        top: 15px;
        z-index: 5;
        font-size: 11px;
        font-size: 1.1rem;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .categories .categories-secondary li a span {
        /* MQ: Tablet */
        right: 4px;
        top: 4px;
    }
}

@media screen and (min-device-width: 320px) {
    .single-level li:hover,
    .multi-level li li:hover {
        background-color: #486a7e;
        color: #FFF;
        text-decoration: none;
    }

    .single-level li:hover a,
    .multi-level li li:hover a {
        color: #FFF;
        text-decoration: none;
    }

    .multi-level h3 {
        margin: 15px 0 7px 4px;
    }

    .tab-content-first,
    .tab-content-last {
        clear: both;
        overflow: hidden;
    }

    /* Collapsing categories (e.g industry sector pages */
    .show-nav,
    .collapse-nav {
        background: url(../images/double_arrow.png) no-repeat 50% -18px;
        border-top: 1px solid #dcdcdc;
        -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        display: none;
        height: 26px;
        margin: 15px 0 -10px 0;
        width: 100%;
    }

    .show-nav:hover {
        background-color: #edf5fb;
        background-position: 50% -68px;
    }

    .collapse-nav {
        background-position: 50% 7px;
    }

    .collapse-nav:hover {
        background-color: #edf5fb;
        background-position: 50% -43px;
    }

    .js .hide-nav {
        display: none;
    }

    .js .show-nav {
        display: block;
    }

    .ie6 .categories li a {
        background: none;
        padding: 4px 5px 4px 8px;
    }

    /* JS version of multi-level catergories */
    .js .multi-level ul {
        display: none;
        margin-left: 14px;
    }
    .js .multi-level ul a {
        width: auto;
    }
    .js .multi-level h3 {
        color: #486a7e;
        cursor: pointer;
        margin: -2px;
        padding: 4px 5px 4px 5px;
    }
    .js .multi-level h3:before {
        background: url(../sites/rd/images/expander_arrows.png) no-repeat 4px -44px;
        content: '';
        width: 16px;
        height: 18px;
        display: inline-block;
    }
    .js .multi-level h3:hover {
        background: #486a7e;
        color: #fff;
    }
    .js .multi-level h3:hover:before {
        background-position: 4px -331px;
    }
    .js .multi-level h3.is-open:before {
        background-position: 0 10px;
    }
    .js .multi-level h3.is-open:hover:before {
        background-position: 0 -384px;
    }

    /* Content Type Links ('Industry Sector' Page)
  ------------------------------------------------------------------------------*/
    .content-types {
        margin: -10px 0 34px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .content-types {
        /* MQ: Widescreen */
        margin-left: 8px;
    }
}
@media screen and (min-device-width: 320px) {
    .content-types h2 {
        color: #999999;
        border-bottom: 2px solid #999999;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 5px 3% 5px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .content-types h2 {
        /* MQ: Tablet */
        border-bottom: none;
        border-right: 2px solid #999999;
        display: inline-block;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .content-types h2 {
        /* MQ: Widescreen */
        padding-right: 26px;
    }
}
@media screen and (min-device-width: 320px) {
    .lt-ie8 .content-types h2 {
        float: left;
        /* Annoying fix for ie6/7 otherwise it looks bad */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .content-types h2 span {
        /* MQ: Tablet */
        display: block;
    }
}
@media screen and (min-device-width: 320px) {
    .content-types a span {
        display: block;
    }
    .content-types a {
        border-right: 1px solid #dcdcdc;
        display: inline-block;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 6px 22px 6px 18px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .content-types a {
        /* MQ: Tablet */
        padding: 6px 3% 6px 2%;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .content-types a {
        /* MQ: Widescreen */
        padding: 6px 30px 6px 22px;
    }
}
@media screen and (min-device-width: 320px) {
    .content-types a:last-child {
        border-right: none;
        padding-right: 0;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Flyout
    ------------------------------------------------------------------------------*/
    .flyout {
        float: left;
        display: inline-block;
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .flyout {
        /* MQ: Tablet */
        float: none;
    }
}

@media screen and (min-device-width: 320px) {
    .flyout-caption {
        color: #ffffff;
        cursor: pointer;
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        margin-top: 3px;
        outline: none;
        padding: 12px 0 12px 16px;
        position: relative;
        z-index: 5;
    }
    .flyout-caption:hover, .flyout-caption:focus {
        color: #bcbcbc;
    }
    .flyout-caption:focus {
        outline: 1px dotted;
    }
    .is-open .flyout-caption:focus {
        outline: none;
    }
    .flyout-caption:before {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2291px no-repeat;
        display: block;
        content: "";
        float: right;
        width: 7px;
        height: 5px;
        margin: 4px 5px 0 9px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .flyout-caption:before {
        /* MQ: Tablet */
        margin-right: 15px;
    }
}
@media screen and (min-device-width: 320px) {
    .flyout-caption:hover:before {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2284px no-repeat;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .flyout-caption {
        /* MQ: Widescreen */
        color: #666666;
        padding: 0;
    }
    .flyout-caption:hover {
        color: #333;
    }
    .flyout-caption:before {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2298px no-repeat;
    }
    .flyout-caption:hover:before {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2277px no-repeat;
    }
    .lt-ie8 .flyout-caption {
        margin-right: 15px;
    }
}

@media screen and (min-device-width: 320px) {
    .no-js .flyout:hover .flyout-caption,
    .is-open .flyout-caption {
        color: #666666;
    }

    .flyout-content {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);
        background-color: #FFF;
        border: 1px solid #dcdcdc;
        display: none;
        font-size: 12px;
        font-size: 1.2rem;
        padding: 3.4em 10px .5em;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .flyout-content {
        /* MQ: Tablet */
        min-width: 150px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .flyout-content {
        /* MQ: Widescreen */
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
        border-color: #dcdcdc;
        left: auto;
        right: 0;
        top: -.35em;
        z-index: 10;
        padding-top: 2em;
    }
}
@media screen and (min-device-width: 320px) {
    .flyout-content ul,
    .flyout-content ol {
        border-top: 1px solid #E4E4E4;
        padding-top: 4px;
    }
    .flyout-content li {
        font-size: 11px;
        font-size: 1.1rem;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .flyout-content li {
        /* MQ: Widescreen */
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (min-device-width: 320px) {
    .flyout-content li a {
        color: #666666;
        display: block;
        padding: 6px 9px;
    }
    .flyout-content li a:hover, .flyout-content li a:focus {
        background: #f1f1f1;
    }

    /* show on hover (.is-open is used by js logic) */
    .no-js .flyout:hover .flyout-caption,
    .flyout.is-open .flyout-caption {
        z-index: 15;
    }
    .no-js .flyout:hover .flyout-content,
    .flyout.is-open .flyout-content {
        display: block;
    }
}
label.extend-error, .form-row label.error {
    color: #C30000;
    padding: 8px 0 0 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: normal;
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Form components
  ------------------------------------------------------------------------------*/
    .default-form {
        border: 1px solid #dcdcdc;
    }
    .box .default-form, .box-primary .default-form, .box-secondary .default-form {
        border: none;
    }

    .default-form + .default-form {
        border-top: none;
    }

    .form-section {
        border-bottom: 1px solid #dcdcdc;
        -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        padding: 0 28px 20px 20px;
        position: relative;
    }

    .form-section:last-of-type {
        border-bottom: 1px solid #dcdcdc;
    }

    .form-row label {
        clear: both;
        color: #666666;
        display: block;
        font-weight: bold;
        padding: 20px 0 7px 0;
    }
    .form-row label.inline {
        display: inline;
        padding: 0;
        margin: 0;
    }

    .form-row input[type=text],
    .form-row input[type=email],
    .form-row input[type=password] {
        display: block;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-row input[type=text],
    .form-row input[type=email],
    .form-row input[type=password] {
        /* MQ: Tablet */
        width: 97.4358974359%;
        /* Math: 380 / 390 */
    }
}

@media screen and (min-device-width: 320px) {
    .form-section .multiple-input {
        float: left;
    }

    .form-section .multiple-input:first-child {
        margin: 0 34px 0 0;
    }

    .form-section .multiple-input label {
        width: 100%;
    }

    .form-section .multiple-input input {
        width: 94.3820224719%;
        /* Math: 168 / 178 */
    }

    .form-submit-section {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        padding: 12px 20px;
    }

    .form-submit-section .btn {
        margin: 0 12px 0 0;
    }

    .form-section .btn {
        margin: 12px 12px 0 0;
    }

    .form-section .btn-gray {
        top: 1px;
        position: relative;
    }

    .form-section .success-message,
    .form-section .error-message {
        margin-bottom: 20px;
    }

    .form-section input.error {
        border: 1px solid #c40606;
        -webkit-box-shadow: 0 0 3px #c40606;
        -moz-box-shadow: 0 0 3px #c40606;
        box-shadow: 0 0 3px #c40606;
    }

    .js-validation label.error span {
        background: #FFF url(../images/cross_error.png) no-repeat 6px center;
        border: 1px solid #c40606;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 3px 3px 5px -3px #cccccc;
        -moz-box-shadow: 3px 3px 5px -3px #cccccc;
        box-shadow: 3px 3px 5px -3px #cccccc;
        display: block;
        margin: 0;
        padding: 6px 12px 7px 26px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .js-validation label.error {
        /* MQ: Tablet */
        padding: 0 0 0 13px;
        position: absolute;
        width: 43.4%;
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .js-validation label.error:after {
        /* MQ: Tablet */
        background: url(../images/error_tooltip_left.png) no-repeat left center;
        top: 50%;
        content: "";
        display: block;
        height: 23px;
        left: 1px;
        margin-top: -11px;
        position: absolute;
        width: 13px;
    }
}

@media screen and (min-device-width: 320px) {
    .ie8 .js-validation label.error:after {
        background: none;
    }

    .js-validation label.error-down:after {
        background: url(../images/error_tooltip_down.png) no-repeat center bottom;
        bottom: -8px;
        left: 50%;
        top: auto;
    }

    .js-validation label.error.tick:after {
        display: none !important;
    }

    .js-validation .form-section label.tick {
        background: url(../images/success_icon.png) no-repeat 0 0;
        border: none;
        padding: 0;
        position: absolute;
        height: 15px;
        width: 16px;
    }

    .progress-bar {
        background: #eaeaea;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        height: 10px;
        position: absolute;
        width: 76px;
    }

    .progress-bar span {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        display: block;
        height: 10px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: 0;
    }

    .is0 span {
        width: 0;
    }

    .is10 span {
        width: 10%;
    }

    .is20 span {
        width: 20%;
    }

    .is30 span {
        width: 30%;
    }

    .is40 span {
        width: 40%;
    }

    .is50 span {
        width: 50%;
    }

    .is60 span {
        width: 60%;
    }

    .is70 span {
        width: 70%;
    }

    .is80 span {
        width: 80%;
    }

    .is90 span {
        width: 90%;
    }

    .is100 span {
        width: 100%;
    }

    .bad span {
        background-color: #ff7575;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#c40606), to(#ff7575));
        background-image: -webkit-linear-gradient(top, #c40606, #ff7575);
        background-image: -moz-linear-gradient(top, #c40606, #ff7575);
        background-image: -ms-linear-gradient(top, #c40606, #ff7575);
        background-image: -o-linear-gradient(top, #c40606, #ff7575);
        background-image: linear-gradient(top, #c40606, #ff7575);
    }

    .weak span {
        background-color: #ffe282;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ffe282));
        background-image: -webkit-linear-gradient(top, #ffcc00, #ffe282);
        background-image: -moz-linear-gradient(top, #ffcc00, #ffe282);
        background-image: -ms-linear-gradient(top, #ffcc00, #ffe282);
        background-image: -o-linear-gradient(top, #ffcc00, #ffe282);
        background-image: linear-gradient(top, #ffcc00, #ffe282);
    }

    .good span {
        background-color: #57c840;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1b9d01), to(#57c840));
        background-image: -webkit-linear-gradient(top, #1b9d01, #57c840);
        background-image: -moz-linear-gradient(top, #1b9d01, #57c840);
        background-image: -ms-linear-gradient(top, #1b9d01, #57c840);
        background-image: -o-linear-gradient(top, #1b9d01, #57c840);
        background-image: linear-gradient(top, #1b9d01, #57c840);
    }

    /* specific forms */
    #login-register .default-form {
        max-width: 438px;
    }

    #login-register .form-section p {
        margin: 20px 0 0 0;
    }

    /* Form layout 2 */
    .form-layout-2.form-section {
        padding: 20px 0 0 0;
    }

    .form-layout-2 .form-row {
        clear: both;
        padding: 0 28px 0 20px;
        position: relative;
    }
    .form-layout-2 .form-row:before, .form-layout-2 .form-row:after {
        content: " ";
        display: table;
    }
    .form-layout-2 .form-row:after {
        clear: both;
    }

    .form-layout-2 .form-row label {
        display: block;
        margin: 7px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-layout-2 .form-row label {
        /* MQ: Tablet */
        clear: none;
        display: inline-block;
        margin: 14px 4.86891385768% 14px 0;
        /* Math: 26 / 534 */
        padding: 0;
        text-align: right;
        width: 20.5992509363%;
        /* Math: 110 / 534 */
    }
}

@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-layout-2 .form-row label.error {
        /* MQ: Tablet */
        display: block;
        margin: 0 0 7px 25.2808988764%;
        /* Math: 135 / 534 */
        max-width: 320px;
        text-align: left;
        width: 59.925093633%;
        /* Math: 320 / 534 */
    }
}

@media screen and (min-device-width: 320px) {
    .form-layout-2 .form-row p {
        display: block;
        padding: 4px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-layout-2 .form-row p {
        /* MQ: Tablet */
        display: inline-block;
        width: 59.925093633%;
        /* Math: 320 / 534 */
    }
}

@media screen and (min-device-width: 320px) {
    .form-layout-2 .form-section-divider {
        border-top: 1px solid #dcdcdc;
        -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        box-shadow: inset 0 1px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
        padding: 5px 28px 14px 20px;
    }

    .form-layout-2 .form-row .warning-message,
    .form-layout-2 .form-row .warning-message a {
        color: #c40606;
    }

    .form-layout-2 .form-row .warning-message a {
        text-decoration: underline;
    }

    .form-layout-2 .form-row .warning-message,
    .form-layout-2 .form-row .success-message {
        background: none;
        border: none;
        clear: both;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        margin: 0 0 14px 26.2172284644%;
        /* Math: 140 / 534 */
        padding: 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-layout-2 .form-row input[type="text"],
    .form-layout-2 .form-row input[type="email"],
    .form-layout-2 .form-row input[type="password"] {
        /* MQ: Tablet */
        display: inline-block;
        margin-left: -5px;
        width: 59.5505617978%;
        /* Math: 318 / 534 */
    }
}

@media screen and (min-device-width: 320px) {
    .form-layout-2 .form-row span.label {
        color: #666666;
        display: inline-block;
        font-weight: bold;
        margin: 14px 26px 14px 0;
        padding: 0;
        text-align: right;
        width: 110px;
    }

    /* Editable form */
    html.js .editable-form .form-submit-section {
        display: none;
    }

    html.js .editing-form .form-submit-section {
        display: block;
    }

    html.js .form-layout-2 .form-row-editable input {
        display: none;
    }

    html.js .editing-form .form-row-editable input {
        display: inline-block;
    }

    html.js .editing-form .form-row-editable p,
    html.js .editing-form .form-row-editable .edit-link {
        display: none;
    }

    .ie6 .form-layout-2 .form-row-editable {
        zoom: 1;
    }

    .lt-ie8 .form-layout-2 .form-row-editable label {
        float: left;
        margin: 4px 26px 14px 0;
    }

    .js .form-row-editable {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border-top: 1px solid #dcdcdc;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #dcdcdc;
        border-left: 1px solid #fff;
    }

    .js .edit-field,
    .js .editing-form .edit-field:hover {
        background: #fff;
        border: 1px solid #fff;
        cursor: default;
    }

    .js .edit-field:hover {
        background: #f4f4f4;
        cursor: pointer;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .form-row .edit-link {
        /* MQ: Tablet */
        padding: 0 0 0 17px;
        position: absolute;
        top: 14px;
        right: 14px;
    }
}

@media screen and (min-device-width: 320px) {
    .lt-ie8 .form-row .edit-link {
        top: 5px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    html.no-js .edit-link:hover,
    html.js .form-row-editable:hover .edit-link {
        /* MQ: Tablet */
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1926px no-repeat;
    }
}

@media screen and (min-device-width: 320px) {
    html.no-js .editing-form .edit-link {
        display: none;
    }

    html.no-js .form-layout-2 .form-row-editable input,
    html.no-js .editable-form .form-submit-section {
        display: none;
    }

    html.no-js .editing-form .form-row-editable input {
        display: inline-block;
    }

    html.no-js .editing-form .form-submit-section {
        display: block;
    }

    .no-js .editing-form .form-row p#email-address-text,
    .no-js .editing-form .form-row p#first-name-text,
    .no-js .editing-form .form-row p#last-name-text {
        display: none;
    }

    .submit-edit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -882px no-repeat;
        cursor: pointer;
        display: none;
        height: 24px;
        position: absolute;
        top: 10px;
        right: 40px;
        width: 24px;
    }

    .submit-edit:hover,
    .submit-edit:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -856px no-repeat;
    }

    .submit-edit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -830px no-repeat;
    }

    .cancel-edit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1610px no-repeat;
        cursor: pointer;
        display: none;
        height: 24px;
        position: absolute;
        top: 10px;
        right: 11px;
        width: 24px;
    }

    .cancel-edit:hover,
    .cancel-edit:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1584px no-repeat;
    }

    .cancel-edit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1558px no-repeat;
    }

    .lt-ie8 .form-row .cancel-edit,
    .lt-ie8 .form-row .submit-edit {
        top: 1px;
    }

    .js-validation .form-layout-2 label.error {
        margin: 0;
        max-width: 230px;
        padding: 0 0 0 13px;
        width: auto;
    }

    .editable-form .form-section {
        border-bottom: none;
    }

    /* Change password */
    .default-form .change-password {
        border-bottom: 1px solid #dadbdb;
    }

    .form-layout-2 .change-password-link span.label {
        margin-bottom: 0;
    }

    .editing-form .change-password-link {
        border-bottom: 1px solid #dadbdb;
        margin-top: 15px;
    }

    .form-layout-2 .change-password-link .success-message {
        margin-top: 7px;
        margin-bottom: 0;
    }

    .change-password {
        background: #F3F3F3 url(../images/grdnt_grey_ffffff_f3f3f3.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F3F3));
        background-image: -webkit-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -moz-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -ms-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -o-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: linear-gradient(top, #FFFFFF, #F3F3F3);
        display: none;
    }

    .editing-form .change-password {
        display: block;
    }

    .change-password .form-row input[type="password"] {
        width: 84.8314606742%;
        /* Math: 453 / 534 */
    }

    /* New generic form components
  ------------------------------------------------------------------------------*/
    /* form field */
    .form-field {
        margin-top: 14px;
        /* inline form field */
    }
    .form-field label {
        color: #666666;
        font-weight: bold;
    }
    .form-field input,
    .form-field select {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        margin: 4px 0;
        width: 100%;
    }
    .form-field.inline-field input {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: auto;
        margin: 2px;
        display: inline-block;
    }
    .form-field.inline-field select {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: auto;
        display: inline-block;
    }

    /* form fields in a 2 column layout */
    .form-fields-col1:before, .form-fields-col1:after {
        content: " ";
        display: table;
    }
    .form-fields-col1:after {
        clear: both;
    }
    .form-fields-col1 .form-field {
        float: left;
        width: 100%;
    }

    /* form fields in a 2 column layout */
    .form-fields-col2:before, .form-fields-col2:after {
        content: " ";
        display: table;
    }
    .form-fields-col2:after {
        clear: both;
    }
    .form-fields-col2 .form-field {
        float: left;
        width: 47%;
    }
    .form-fields-col2 .form-field + .form-field {
        margin-left: 6%;
    }

    /* form fields in a 3 column layout */
    .form-fields-col3:before, .form-fields-col3:after {
        content: " ";
        display: table;
    }
    .form-fields-col3:after {
        clear: both;
    }
    .form-fields-col3 .form-field {
        float: left;
        width: 30%;
    }
    .form-fields-col3 .form-field + .form-field {
        margin-left: 5%;
    }

    /* form submit */
    .form-submit {
        margin-top: 14px;
    }
    .form-submit:before, .form-submit:after {
        content: " ";
        display: table;
    }
    .form-submit:after {
        clear: both;
    }

    /* Deposit interuption
  ------------------------------------------------------------------------------*/
    .deposit-interruption.lb {
        width: 298px;
    }
    .deposit-interruption.lb .help {
        font-size: 11px;
        font-size: 1.1rem;
    }
    .deposit-interruption form {
        display: inline;
    }
    .deposit-interruption label {
        font-weight: normal;
        color: #333;
    }
    .deposit-interruption .form-field.inline-field input {
        margin: 11px 2px 2px 4px;
    }
    .deposit-interruption .form-submit-section {
        border-top: 1px solid #dcdcda;
        margin: 20px -20px -20px;
    }

    /* Enforced Login box
  ------------------------------------------------------------------------------*/
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .login-box {
        /* MQ: Tablet */
        width: 453px;
    }
}

@media screen and (min-device-width: 320px) {
    .login-box p em {
        color: #666666;
    }

    .login-box .mod-bd a {
        font-size: 13px;
        font-size: 1.3rem;
        position: relative;
        top: 3px;
    }

    .login-box form {
        border: 1px solid #dadbdb;
        margin: 15px 0 12px 0;
        padding: 0 20px;
    }

    .login-box .error-message {
        margin-top: 15px;
    }

    .login-box .form-submit-section {
        border-top: 1px solid #dadbdb;
        margin: 15px -20px 0 -20px;
        position: relative;
    }

    .login-box #auth-remember-label {
        display: block;
        line-height: 1.3;
        margin: 0 0 7px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .login-box #auth-remember-label {
        /* MQ: Tablet */
        position: absolute;
        top: 9px;
        right: 20px;
    }
}
@media screen and (min-device-width: 320px) {
    .login-box #auth-remember-label em {
        color: #666666;
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        margin: 0 0 0 20px;
    }

    .login-box #auth-remember-label input {
        position: relative;
        top: 2px;
        width: 14px;
    }

    .ie7 .login-box #auth-remember-label {
        text-align: right;
    }

    /* Success and error message
  ------------------------------------------------------------------------------*/
    .success-header {
        background: url(../images/success_icon.png) no-repeat left center;
        color: #71ab0b;
        margin-top: 7px;
        padding-left: 26px;
    }

    .success-message {
        background: url(../images/success_icon.png) no-repeat 5px 5px;
        border: 1px solid #71ab0b;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        color: #71ab0b;
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        font-style: italic;
        line-height: 1.3 !important;
        padding: 6px 6px 6px 33px;
    }

    .error-message {
        background: #FFF url(../images/cross_error.png) no-repeat 6px center;
        border: 1px solid #c40606;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 3px 3px 5px -3px #cccccc;
        -moz-box-shadow: 3px 3px 5px -3px #cccccc;
        box-shadow: 3px 3px 5px -3px #cccccc;
        color: #C30000;
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.2;
        margin: 0;
        padding: 7px 12px 7px 26px;
        word-wrap: break-word;
    }

    .error {
        color: #C30000;
    }

    /* in a field */
    .field {
        position: relative;
    }
    .field .error-message {
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
        line-height: 1.5;
        margin-left: -90px;
        /* half the outer width - 2px => for centering */
        position: absolute;
        left: 50%;
        bottom: 28px;
        /* left 50% is for centering */
        width: 137px;
        word-wrap: break-word;
    }
    .field .error-message:after {
        background: url(../images/error_tooltip_down.png) no-repeat;
        content: '';
        display: block;
        height: 13px;
        margin-left: -12px;
        position: absolute;
        left: 50%;
        bottom: -13px;
        width: 25px;
    }
    .field .pagination-error {
        left: 52%;
        top: 28px;
        bottom: auto;
    }
    .field .pagination-error:after {
        background: url(../images/error_tooltip_up.png) no-repeat;
        content: '';
        display: block;
        height: 13px;
        margin-left: -12px;
        position: absolute;
        left: 50%;
        top: -13px;
        width: 25px;
    }

    #date-facet-fields .error-message {
        line-height: 1.5;
        z-index: 10;
    }

    /* Helper text
  -----------------------------------------------------------------------------*/
    .helper-text {
        color: #666666;
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        font-style: italic;
        margin: 4px 0 0 0;
    }

    /* Advanced Search
  -----------------------------------------------------------------------------*/
    #advanced-search form {
        margin: 20px 0;
    }

    #advanced-search .form-section {
        max-width: 506px;
        width: 86.4957264957%;
        /* Math 506 / 585 */
    }

    #advanced-search input[type="text"] {
        width: 94.4%;
        /* Math 480 / 506 */
    }

    #advanced-search form h2 {
        font-size: 20px;
        font-size: 2rem;
        margin: 0;
        padding: 20px 0 0 0;
    }

    #advanced-search label {
        font-weight: normal;
    }

    #advanced-search #date-facet {
        margin-top: 0;
    }
    #advanced-search #date-facet:before, #advanced-search #date-facet:after {
        content: " ";
        display: table;
    }
    #advanced-search #date-facet:after {
        clear: both;
    }

    #advanced-search #date-facet input {
        display: inline;
    }

    #advanced-search #results-only-access {
        margin: 20px 0 0 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #advanced-search #results-only-access {
        /* MQ: Tablet */
        width: 39.3280632411%;
        /* Math 199 / 506 */
    }
}

@media screen and (min-device-width: 320px) {
    .no-js #advanced-search #results-only-access div {
        position: absolute;
    }

    #advanced-search #results-only-access label {
        padding: 0;
    }

    /* Institutional login */
    .institutional-login {
        display: inline-block;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Functions bar
  ------------------------------------------------------------------------------*/
    .functions-bar {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 0 #FFF;
        -moz-box-shadow: inset 0 1px 0 #FFF;
        box-shadow: inset 0 1px 0 #FFF;
        border: 1px solid #dcdcdc;
        line-height: 1.8;
        margin-top: 17px;
        padding: 5px 10px;
        position: relative;
        z-index: 5;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .functions-bar {
        /* MQ: Tablet */
        height: 24px;
    }
}

@media screen and (min-device-width: 320px) {
    .ie9 .functions-bar {
        /* don't use ms-filter here because the error message of the pagination becomes hidden! [KS] */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    }

    .functions-bar .pagination {
        margin: 7px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .functions-bar .pagination {
        /* MQ: Tablet */
        margin: 0;
        position: absolute;
        right: 5px;
        top: 5px;
    }
}

@media screen and (min-device-width: 320px) {
    .functions-bar-bottom {
        margin-top: 5px;
    }

    /* sorting */
    .sorting label {
        font-size: 11px;
        font-size: 1.1rem;
        font-weight: bold;
        margin-right: 10px;
    }
    .sorting select {
        font-size: 11px;
        font-size: 1.1rem;
    }
    .sorting .btn {
        font-size: 11px;
        font-size: 1.1rem;
        height: 16px;
        line-height: 1.4;
    }
    .sorting .btn.selected {
        border-color: #666666;
        font-weight: bold;
    }
    .js .sorting .btn {
        display: none;
    }
    .no-js .sorting select {
        display: none;
    }

    /* pagination */
    .pagination {
        font-size: 11px;
        font-size: 1.1rem;
    }
    .pagination:before, .pagination:after {
        content: " ";
        display: table;
    }
    .pagination:after {
        clear: both;
    }
    .pagination .prev,
    .pagination .next {
        background-repeat: no-repeat;
        color: transparent;
        direction: ltr;
        display: block;
        overflow: hidden;
        text-align: left;
        text-indent: -9999em;
        text-transform: capitalize;
        float: left;
        height: 24px;
        vertical-align: middle;
        width: 24px;
    }
    .pagination .prev {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -215px no-repeat;
        margin-right: 10px;
    }
    .pagination .next {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -371px no-repeat;
        margin-left: 10px;
    }
    .pagination a.prev:hover,
    .pagination a:focus.prev {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -137px no-repeat;
    }
    .pagination a.prev:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -85px no-repeat;
    }
    .pagination span.prev {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -163px no-repeat;
    }
    .pagination a.next:hover,
    .pagination a:focus.next {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -293px no-repeat;
    }
    .pagination a:focus.next,
    .pagination a:focus.prev {
        outline: 1px #999999 dotted;
    }
    .pagination a.next:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -241px no-repeat;
    }
    .pagination span.next {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -319px no-repeat;
    }
    .pagination .page-nr {
        float: left;
    }
    .pagination input {
        font-size: 11px;
        font-size: 1.1rem;
        margin: 0 2px;
        padding: 4px 3px;
        text-align: center;
        width: 44px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Get Access
  ------------------------------------------------------------------------------*/
    .get-access {
        background: #FFF url(../images/grdnt_grey_f8f8f8_ffffff.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#FFFFFF));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #FFFFFF);
        background-image: -moz-linear-gradient(top, #f8f8f8, #FFFFFF);
        background-image: -ms-linear-gradient(top, #f8f8f8, #FFFFFF);
        background-image: -o-linear-gradient(top, #f8f8f8, #FFFFFF);
        background-image: linear-gradient(top, #f8f8f8, #FFFFFF);
        border: 1px solid #DBDBDA;
        margin: 0 auto;
        position: relative;
    }
    .get-access .mod-bd {
        /* for nicer animation */
        overflow: hidden;
        text-align: center;
    }
    .get-access .mod-bd h2 {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
        padding-bottom: 12px;
        margin: 6px -20px 20px -20px;
        text-align: center;
    }
    .get-access img {
        display: inline-block;
        margin-bottom: 2px;
    }
    .get-access p {
        color: #666666;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0 7px 30px 0;
        text-align: left;
    }
    .get-access #getaccess-webshop {
        margin-top: 7px;
        text-align: right;
    }
    .get-access .btn-back,
    .get-access .btn-close {
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .get-access .requested-access {
        -webkit-box-shadow: inset 0 -1px 0 0 #fff, inset 0 18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #fff, inset 0 18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #fff, inset 0 18px 18px -18px #efefef;
        border: 1px solid #dcdcdc;
        clear: both;
        display: none;
        margin: 20px 0 0 0;
        padding: 7px;
    }
    .get-access .requested-access p {
        background: url(../images/success_icon.png) no-repeat 0 0;
        color: #333;
        font-size: 13px;
        font-size: 1.3rem;
        margin: 7px;
        padding: 0 0 0 25px;
    }
    .get-access .journal-cover-small {
        float: left;
        width: 68px;
        height: 90px;
        margin-bottom: 20px;
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .get-access .journal-cover-small {
        /* MQ: Tablet */
        margin: 0 20px 20px 0;
    }
}
@media screen and (min-device-width: 320px) {
    .get-access .content-pricing {
        margin: 0 7px 12px 0;
        overflow: hidden;
        padding: 0;
        text-align: left;
        clear: left;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .get-access .content-pricing {
        /* MQ: Tablet */
        clear: none;
    }
}
@media screen and (min-device-width: 320px) {
    .get-access .content-pricing h3 {
        clear: both;
        float: left;
        font-size: 13px;
        font-size: 1.3rem;
        margin: 0;
        text-align: left;
    }
    .get-access .content-pricing p {
        clear: both;
        float: left;
        margin: 0;
    }
    .get-access .content-pricing .content-prices {
        font-size: 20px;
        font-size: 2rem;
    }
    .get-access .content-pricing .btn {
        font-size: 14px;
        font-size: 1.4rem;
        height: 28px;
        padding: 1px 12px 0 12px;
    }
    .get-access .leaf-pricing p, .get-access .leaf-pricing h3 {
        color: #333;
    }
    .get-access .aggregate-pricing p, .get-access .aggregate-pricing h3 {
        color: #777777;
    }
    .get-access .price-disclaimer {
        color: #777777;
        font-size: 11px;
        font-size: 1.1rem;
        margin: 0 0 20px 0;
    }
    .get-access .get-access-footer {
        clear: both;
        border-top: 1px solid #dcdcdc;
        padding-top: 20px;
    }
    .get-access .get-access-footer p {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0;
    }
    .get-access .get-access-footer .btn {
        font-size: 12px;
        font-size: 1.2rem;
        float: right;
    }

    /* single on a page */
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #content > .get-access {
        /* MQ: Tablet */
        margin-top: 86px;
        margin-bottom: 86px;
    }
}

@media screen and (min-device-width: 320px) {
    /* in the lightbox */
    .btn-close {
        display: none;
        /* only show in lightbox (see a few lines below) */
    }

    #cboxLoadedContent .btn-back {
        display: none;
    }

    #cboxLoadedContent .btn-close,
    #reader .btn-close {
        display: inline-block;
    }

    #cboxLoadedContent .get-access {
        border: 0;
        margin: 0;
    }

    .ie7 #cboxClose {
        visibility: hidden;
        /* Fixes IE7 bug, using hidden to not break any tests (if there are any) */
    }

    /* in the bar wrapper */
    .bar-wrapper .get-access {
        display: none;
        margin: 0;
        width: auto;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .bar-wrapper .get-access {
        /* MQ: Widescreen */
        padding-left: 182px;
        padding-right: 182px;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Cover images look inside

  ------------------------------------------------------------------------------*/
    .look-inside {
        display: none;
        min-height: 188px;
        position: relative;
        max-width: 170px;
        text-decoration: none;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .look-inside {
        /* MQ: Tablet */
        display: block;
    }
}

@media screen and (min-device-width: 320px) {
    .look-inside > a {
        display: block;
        padding-bottom: 17px;
        text-decoration: none;
    }

    .look-inside > a img {
        display: block;
        max-height: 203px;
        max-width: 100%;
        min-height: 203px;
        min-width: 153px;
    }

    .look-inside-cover {
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        position: relative;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .look-inside-page {
        background: url("../sites/rd/images/abstract_cover_placeholder.png") no-repeat 0 0;
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        position: absolute;
        right: -2px;
        bottom: 0;
        z-index: 1;
    }

    .look-inside-badge {
        background-color: #f1f1f1;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e06310));
        background-image: -webkit-linear-gradient(top, #f1f1f1, #e06310);
        background-image: -moz-linear-gradient(top, #f1f1f1, #e06310);
        background-image: -ms-linear-gradient(top, #f1f1f1, #e06310);
        background-image: -o-linear-gradient(top, #f1f1f1, #e06310);
        background-image: linear-gradient(top, #f1f1f1, #e06310);
        border: 1px solid #e06310;
        border-radius: 0 0 0 10px;
        -webkit-box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
        -moz-box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
        box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
        color: #FFF;
        display: block;
        font-size: 16px;
        line-height: 1.1;
        padding: 6px 33px 6px 10px;
        position: absolute;
        right: -1px;
        bottom: 28px;
        z-index: 4;
    }
    .look-inside-badge:after {
        position: absolute;
        top: 6px;
        right: 7px;
        content: '';
        width: 11px;
        height: 16px;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2722px no-repeat;
    }

    #content #scroller .look-inside-interrupt {
        display: block;
        padding: 20px 40px;
        text-align: left;
        background: #E5E5E5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        border: 1px solid #A8A8A8;
        border-top: 0 none;
    }
    #content #scroller .look-inside-interrupt h3 {
        font-weight: bold;
        margin-bottom: 0.7em;
    }
    #content #scroller .look-inside-interrupt .col-1 {
        width: 50%;
    }
    #content #scroller .look-inside-interrupt .col-1 p {
        margin-bottom: 1em;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* My copy
  ------------------------------------------------------------------------------*/
    .my-copy-price {
        display: inline-block;
        font-size: 20px;
        font-size: 2rem;
        margin: 5px 0 10px 0;
    }
    .my-copy-price .curr {
        color: #999999;
    }

    .my-copy-btn {
        display: block;
        height: auto;
        white-space: normal;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .my-copy-btn {
        /* MQ: Widescreen */
        display: inline-block;
    }
}

@media screen and (min-device-width: 320px) {
    .my-copy-btn:before {
        margin-left: -1em;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Open Access */
    .open-access .help {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #e06310;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f1f1f1));
        background-image: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1);
        background-image: -moz-linear-gradient(top, #f1f1f1, #f1f1f1);
        background-image: -ms-linear-gradient(top, #f1f1f1, #f1f1f1);
        background-image: -o-linear-gradient(top, #f1f1f1, #f1f1f1);
        background-image: linear-gradient(top, #f1f1f1, #f1f1f1);
        color: #ffffff;
        display: inline-block;
        line-height: 1.2;
        margin: 4px 0 7px 0;
        padding: 1px 5px 1px 5px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Partner Logos
  ------------------------------------------------------------------------------*/
    .partner-logos {
        color: #999999;
        font-size: 11px;
        font-size: 1.1rem;
        margin: 15px 0 7px;
    }

    .partner-logos img {
        display: block;
        max-width: 175px;
        max-height: 70px;
        margin: 7px 0 12px 0;
    }

    .partner-logos a {
        display: block;
        margin-bottom: 12px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* JavaScript/Chrome/Redirect prompt notices
    ------------------------------------------------------------------------------*/
    .prompt-bar {
        background-color: #46474D;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#4F5056), to(#3D3E42));
        background-image: -webkit-linear-gradient(top, #4F5056, #3D3E42);
        background-image: -moz-linear-gradient(top, #4F5056, #3D3E42);
        background-image: -ms-linear-gradient(top, #4F5056, #3D3E42);
        background-image: -o-linear-gradient(top, #4F5056, #3D3E42);
        background-image: linear-gradient(top, #4F5056, #3D3E42);
        -webkit-box-shadow: -2px -6px 22px 4px #333;
        -moz-box-shadow: -2px -6px 22px 4px #333;
        box-shadow: -2px -6px 22px 4px #333;
        -webkit-transition: padding 0.25s ease-in-out;
        -moz-transition: padding 0.25s ease-in-out;
        -o-transition: padding 0.25s ease-in-out;
        transition: padding 0.25s ease-in-out;
        color: #dadbdb;
        min-height: 18px;
        margin: 0;
        overflow: hidden;
        padding: 12px 0;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        text-shadow: 1px 1px 0 #222222;
        width: 100%;
        z-index: 20;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .prompt-bar {
        /* MQ: Widescreen */
        min-width: 960px;
    }
}
@media screen and (min-device-width: 320px) {
    .prompt-bar a {
        color: #FFF;
        text-decoration: underline;
    }
    .prompt-bar a:hover {
        text-decoration: none;
    }
    .prompt-bar p {
        margin: 0 7px;
    }

    .prompt-wrapper {
        max-width: 960px;
        margin: 7px auto 0 auto;
        min-height: 43px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .prompt-actions {
        /* MQ: Widescreen */
        float: right;
    }
}
@media screen and (min-device-width: 320px) {
    .prompt-actions a {
        border-bottom: 1px solid #535458;
    }
    .prompt-actions a:hover {
        border-bottom: 1px solid #d9dadb;
        text-decoration: none;
    }
    .prompt-actions a:focus {
        text-decoration: none;
    }
    .prompt-actions button {
        background: transparent;
        border: 1px solid #38393D;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 1px 0 #5f6065, 0 1px 1px 0 #535459;
        -moz-box-shadow: inset 0 1px 1px 0 #5f6065, 0 1px 1px 0 #535459;
        box-shadow: inset 0 1px 1px 0 #5f6065, 0 1px 1px 0 #535459;
        color: #dadadb;
        padding: 7px 12px;
        margin-left: 20px;
        text-shadow: 1px 1px 0 #222222;
    }
    .prompt-actions button:hover {
        border: 1px solid #28292b;
        color: #FFF;
    }
    .prompt-actions button:active {
        border: 1px solid #28292b;
        color: #FFF;
        -webkit-box-shadow: inset 0 8px 14px -6px #000, 0 1px 1px 0 #535459;
        -moz-box-shadow: inset 0 8px 14px -6px #000, 0 1px 1px 0 #535459;
        box-shadow: inset 0 8px 14px -6px #000, 0 1px 1px 0 #535459;
    }

    #redirect-prompt {
        display: none;
        min-height: 50px;
        padding: 0;
    }
    .js #redirect-prompt {
        display: block;
        margin-top: -50px;
    }
    #redirect-prompt h1 {
        font-size: 24px;
        font-size: 2.4rem;
        margin: 30px 0 0 0;
    }
    #redirect-prompt p {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 10px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #redirect-prompt p {
        /* MQ: Widescreen */
        float: left;
        line-height: 1;
    }
}
@media screen and (min-device-width: 320px) {
    #redirect-prompt .more-info-text {
        margin: 0 auto;
        max-width: 960px;
        padding: 0 15px;
        overflow: hidden;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #redirect-prompt .more-info-text {
        /* MQ: Widescreen */
        padding: 0;
        text-align: left;
    }
}
@media screen and (min-device-width: 320px) {
    #redirect-prompt .more-info-text p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.6;
    }
    #redirect-prompt .more-info-text a {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: normal;
    }
    #redirect-prompt .more-info-text .external:after {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpi/P///xkGKGBkZDQB0chiMI4dFMOAHUgcLIeiGk0TVgVIJoJNQlGAJokiCLcbXY4JzfpD6O5hwWIKCgAIMABuazu420UFvAAAAABJRU5ErkJggg==") no-repeat 0 0;
        text-shadow: 1px 1px 0 #222222;
    }

    .more-info-wrapper {
        -webkit-box-shadow: inset 0 5px 8px 0 rgba(0, 0, 0, 0.25), inset 0 -5px 8px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 5px 8px 0 rgba(0, 0, 0, 0.25), inset 0 -5px 8px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 5px 8px 0 rgba(0, 0, 0, 0.25), inset 0 -5px 8px 0 rgba(0, 0, 0, 0.15);
        background: #3d3e43 url(../images/bg-mobile-menu.png) 0 0 repeat;
        display: none;
        padding: 0 0 30px 0;
    }

    #jsnotice p {
        overflow: hidden;
        white-space: nowrap;
    }
    #jsnotice p span {
        display: none;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #jsnotice p span {
        /* MQ: Tablet */
        display: inline;
    }
}

@media screen and (min-device-width: 320px) {
    #chrome-prompt {
        display: none;
    }

    #chrome-prompt span {
        background: url(../images/remove_icons.png) no-repeat 0 0;
        cursor: pointer;
        display: block;
        height: 14px;
        position: absolute;
        top: 8px;
        right: 8px;
        text-indent: -10000px;
        width: 14px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Search
    ------------------------------------------------------------------------------*/
    .search-submit {
        background-repeat: no-repeat;
        color: transparent;
        direction: ltr;
        display: block;
        overflow: hidden;
        text-align: left;
        text-indent: -9999em;
        text-transform: capitalize;
    }

    .big-search {
        position: relative;
    }
    .big-search input {
        vertical-align: bottom;
    }
    .big-search .search-field {
        /* extra div needed because IE doesn't support padding-right on input fields therefore text would overlap the "new search" link */
        background-color: #FFF;
        border: 1px solid #bcbcbc;
        border-radius: 2px;
        -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.11);
        -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.11);
        box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.11);
        height: 36px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 52px;
        position: relative;
    }
    .lt-ie8 .big-search .search-field {
        width: auto;
        height: 35px;
    }
    .big-search.contains-new-search-link .search-field {
        padding-right: 107px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .big-search.contains-new-search-link .search-field {
        /* MQ: Widescreen */
        padding-right: 157px;
    }
}
@media screen and (min-device-width: 320px) {
    .big-search.has-focus .search-field {
        /* this selector needed for :focus styles, class applied with JS */
        border-color: #486a7e;
        -webkit-box-shadow: 0 0 3px #486a7e;
        -moz-box-shadow: 0 0 3px #486a7e;
        box-shadow: 0 0 3px #486a7e;
        outline: none;
    }
    .big-search .text {
        background-color: transparent;
        border: 0;
        border-radius: 2px;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 200;
        height: 34px;
        letter-spacing: 0.02em;
        padding: 5px 0 2px 9px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .big-search .text:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 0;
        outline: none;
    }
    .big-search .search-submit {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4791px no-repeat;
        background-color: #486a7e;
        border: 1px solid #486a7e;
        border-radius: 2px;
        color: #FFF;
        font-size: 16px;
        font-size: 1.6rem;
        height: 36px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
        width: 52px;
    }
    .big-search .search-submit:hover, .big-search .search-submit:focus {
        border-color: #02548a;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4719px no-repeat;
    }
    .big-search .search-submit:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4683px no-repeat;
        border-color: #02548a;
    }
    .lt-ie8 .big-search .search-submit {
        top: 1px;
    }
    .big-search .search-submit.loading, .big-search .search-submit.loading:hover, .big-search .search-submit.loading:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4755px no-repeat;
    }
    .big-search #global-search-new {
        color: #bcbcbc;
        font-size: 11px;
        font-size: 1.1rem;
        height: 27px;
        line-height: 2.5;
        position: absolute;
        right: 60px;
        top: 6px;
        z-index: 5;
        overflow: hidden;
        text-decoration: none;
        width: 40px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .big-search #global-search-new {
        /* MQ: Widescreen */
        width: auto;
    }
}
@media screen and (min-device-width: 320px) {
    .big-search #global-search-new:hover, .big-search #global-search-new:focus {
        color: #666666;
    }
    .big-search #global-search-new:before {
        background: url(../images/remove_icons.png) no-repeat 0 -100px;
        content: '';
        display: inline-block;
        height: 14px;
        margin: 0 6px 0 16px;
        vertical-align: text-bottom;
        width: 14px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .big-search #global-search-new:before {
        /* MQ: Widescreen */
        margin-left: 11px;
    }
}
@media screen and (min-device-width: 320px) {
    .big-search #global-search-new:hover:before, .big-search #global-search-new:focus:before, .big-search #global-search-new:active:before {
        background-position: 0 0;
    }
    .big-search #global-search-new:after {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQImWPYs2fPfwY4AAAnqAM0Zy8pUwAAAABJRU5ErkJggg==") repeat-y 0 0;
        content: '';
        display: block;
        height: 27px;
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Section links and other actions
  ------------------------------------------------------------------------------*/
    .section-links,
    .other-actions {
        margin-top: 30px;
    }
    .lt-ie8 .section-links, .lt-ie8
    .other-actions {
        clear: both;
    }

    .other-actions {
        display: none;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .other-actions {
        /* MQ: Tablet */
        display: block;
    }
}

@media screen and (min-device-width: 320px) {
    .section-links h2,
    .other-actions h2,
    .book-metrics h2 {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 10px;
    }

    .section-links ol,
    .other-actions ul {
        margin-right: 30px;
    }

    .section-links li a,
    .other-actions li a {
        background: url(/spcom/sites/sgw/images/action_arrow_right.png) no-repeat 0 9px;
        display: block;
        line-height: 1.2;
        padding: 4px 5px 4px 14px;
    }
    .section-links li a.external:after,
    .other-actions li a.external:after {
        margin-top: 4px;
        position: absolute;
    }

    /* no access */
    .no-access .section-links ol {
        list-style-type: disc;
        padding-left: 1.5em;
    }

    .no-access .section-links li {
        padding: 4px 0;
        line-height: 1.2;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Social links
  ------------------------------------------------------------------------------*/
    .no-js .share {
        display: none;
    }

    .share {
        margin-bottom: 14px;
    }

    .share a {
        display: inline-block;
        height: 24px;
        margin: 0 7px 0 0;
        outline: none;
        text-indent: -100000px;
        width: 24px;
    }
    .lt-ie8 .share a {
        display: block;
        float: left;
    }
    .share a:hover:after {
        background: #000;
        border-radius: 3px;
        content: '';
        height: 24px;
        opacity: 0.2;
        position: absolute;
        left: 0;
        top: 0;
        width: 24px;
    }

    #twitter {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -5304px no-repeat;
    }

    #facebook {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2133px no-repeat;
    }

    #linkedin {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2455px no-repeat;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Default tables
  ------------------------------------------------------------------------------*/
    .default-table {
        margin: 34px 0 22px 0;
        position: relative;
        overflow-x: auto;
        width: 100%;
    }
    .default-table table {
        width: 100%;
        table-layout: fixed;
    }
    .default-table caption {
        border: 1px solid #DCDCDA;
        border-bottom: 1px solid #dcdcdc;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        -webkit-box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        color: #666666;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 20px 2.71739130435%;
        text-align: left;
    }
    .default-table caption span {
        color: #999999;
        display: block;
        font-size: 13px;
        font-size: 1.3rem;
        margin: 7px 0 0 32px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .default-table caption span {
        /* MQ: Tablet */
        display: inline;
        margin: 0 0 0 12px;
    }
}
@media screen and (min-device-width: 320px) {
    .default-table td,
    .default-table th {
        border: 1px solid #DCDCDA;
        color: #666666;
        padding: 15px;
        text-align: left;
        vertical-align: middle;
    }
    .default-table th {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        -webkit-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-top: none;
        font-weight: bold;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .default-table .table-actions {
        /* MQ: Tablet */
        position: absolute;
        right: 12px;
        top: 22px;
    }
}
@media screen and (min-device-width: 320px) {
    .default-table td .action {
        margin-right: 0;
    }
    .default-table td a {
        font-size: 13px;
        font-size: 1.3rem;
    }
    .default-table tfoot td {
        font-size: 11px;
        font-size: 1.1rem;
        color: #999999;
        padding: 9px 15px;
        border: none;
    }
    .default-table .table-links a {
        margin: 0 12px 0 12px;
    }
    .default-table .table-links a:before {
        content: '\00BB\0020';
    }
    .default-table .table-actions-bottom {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        border: 1px solid #DADBDB;
        border-top: none;
        min-height: 15px;
        padding: 15px;
        position: relative;
    }
    .default-table .table-actions-bottom .table-actions {
        position: absolute;
        right: 12px;
        top: 12px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Sortable-table
  ------------------------------------------------------------------------------*/
    .sortable-table th {
        cursor: pointer;
        padding: 0;
    }
    .sortable-table th a {
        color: #666666;
        display: block;
        margin: 0 15px 0 0;
        outline: none;
        padding: 15px 0 15px 15px;
        text-decoration: none;
    }
    .sortable-table th.sorted-ascending, .sortable-table th.sorted-descending {
        -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15);
    }
    .sortable-table th:hover {
        background: #EDEDED url(../images/grdnt_grey_fafafa_ededed.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EDEDED));
        background-image: -webkit-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -moz-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -ms-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: -o-linear-gradient(top, #FAFAFA, #EDEDED);
        background-image: linear-gradient(top, #FAFAFA, #EDEDED);
    }
    .sortable-table th:hover a,
    .sortable-table th a:focus {
        background: url(../images/expander_arrows.png) no-repeat right -253px;
    }
    .sortable-table th.sorted-ascending a {
        background: url(../images/expander_arrows.png) no-repeat right -253px;
    }
    .sortable-table th.sorted-descending a {
        background: url(../images/expander_arrows.png) no-repeat right -142px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Deposit Contracts
  ------------------------------------------------------------------------------*/
    .deposit-contracts caption {
        padding-right: 15px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .deposit-contracts caption span {
        /* MQ: Tablet */
        float: right;
    }
}

@media screen and (min-device-width: 320px) {
    .deposit-contracts th:first-child {
        width: 224px;
    }

    .deposit-contracts th span:first-child {
        float: left;
        width: 50px;
    }

    .deposit-contracts th span.last,
    .deposit-contracts td span.last {
        float: right;
        margin: 0 25px 0 0;
        text-align: right;
        width: 50px;
    }

    .deposit-contracts .progress-bar {
        margin: 3px 0 0 0;
        position: relative;
        width: 200px;
    }

    .deposit-contracts td a {
        display: inline-block;
        font-size: 11px;
        font-size: 1.1rem;
        margin: 4px 0 0 14px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Member-list
  ------------------------------------------------------------------------------*/
    .member-list caption {
        padding-right: 45.2898550725%;
        /* Math: 250 / 552 */
    }

    .member-list th:last-child,
    .member-list th:nth-child(5) {
        width: 80px;
    }

    .member-list th:last-child a,
    .member-list th:nth-child(5) a {
        width: 80px;
    }

    .sortable-table th.remove-member {
        color: #666666;
        cursor: default;
    }

    td.remove-member a {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1610px no-repeat;
        cursor: pointer;
        display: inline-block;
        height: 24px;
        outline: none;
        margin: 0;
        text-indent: -99999px;
        width: 24px;
    }

    td.remove-member a:hover,
    td.remove-member a:focus {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1584px no-repeat;
    }

    td.remove-member a:active {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1558px no-repeat;
    }

    .lt-ie8 td.remove-member a {
        display: block;
    }

    .default-table .remove-member,
    .member-list th:nth-child(5),
    .member-list td:nth-child(5) {
        text-align: center;
    }

    .new-user-link {
        text-align: right;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .topical-collection {
        margin: 7px 0 0 0;
    }
    .topical-collection a {
        display: block;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Toolbar
  ------------------------------------------------------------------------------*/
    #toolbar {
        margin-bottom: 14px;
    }
    #toolbar:before, #toolbar:after {
        content: " ";
        display: table;
    }
    #toolbar:after {
        clear: both;
    }

    /* tools */
    #tools {
        /* tools group */
        /* links */
        /* Journal Page */
    }
    #tools div {
        float: left;
        height: 24px;
        padding-left: 4px;
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #tools div {
        /* MQ: Tablet */
        margin-left: 10px;
    }
}
@media screen and (min-device-width: 320px) {
    #tools a {
        float: left;
        text-decoration: none;
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #tools a {
        /* MQ: Tablet */
        margin: 0 0 0 7px;
    }
}
@media screen and (min-device-width: 320px) {
    #tools a .icon {
        background-repeat: no-repeat;
        color: transparent;
        direction: ltr;
        display: block;
        overflow: hidden;
        text-align: left;
        text-indent: -9999em;
        text-transform: capitalize;
        float: left;
        height: 24px;
        width: 24px;
    }
    #tools a .tooltip {
        margin-left: -102px;
        /* half the outer width => for centering */
        top: 36px;
        width: 178px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #tools a:hover .tooltip {
        /* MQ: Widescreen */
        display: block;
    }
}
@media screen and (min-device-width: 320px) {
    #journal #tools {
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        margin: -16px 0 0 0;
        /* #JC251012 Position of feed icon on tablet overlays the cover image... */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #journal #tools {
        /* MQ: Tablet */
        float: right;
        margin: 0 0 -24px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #journal #tools {
        /* MQ: Widescreen */
        margin: 18px 0 0 0;
    }
}

@media screen and (min-device-width: 320px) {
    /* icons for page tools */
    #tool-email .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2877px no-repeat;
    }

    #tool-email:hover .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2851px no-repeat;
    }

    #tool-email:active .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2825px no-repeat;
    }

    #tool-print .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4235px no-repeat;
    }

    #tool-print:hover .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4209px no-repeat;
    }

    #tool-print:active .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4183px no-repeat;
    }

    #tool-rss .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4434px no-repeat;
    }

    #tool-rss:hover .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4408px no-repeat;
    }

    #tool-rss:active .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -4382px no-repeat;
    }

    #tool-download {
        display: none;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #tool-download {
        /* MQ: Tablet */
        display: block;
    }
}

@media screen and (min-device-width: 320px) {
    #tool-download .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1880px no-repeat;
    }

    #tool-download:hover .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1832px no-repeat;
    }

    #tool-download:active .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -1704px no-repeat;
    }

    /* icons for social tools */
    #tool-twitter .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -5304px no-repeat;
    }

    #tool-facebook .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2133px no-repeat;
    }

    #tool-linkedin .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2455px no-repeat;
    }

    #tool-gplus .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2408px no-repeat;
    }

    #tool-mendeley .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -2903px no-repeat;
    }

    #tool-weibo .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -5468px no-repeat;
    }

    #tool-shares .icon {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -5113px no-repeat;
    }

    /* social tools smaller */
    #tools-social a {
        margin-top: 4px;
    }

    #tools-social a .icon {
        height: 16px;
        width: 16px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Tooltip & Help
  ------------------------------------------------------------------------------*/
    .tooltip {
        background-color: #FFF;
        border: 1px solid #dcdcdc;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
        color: #666666;
        display: none;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        line-height: 1.3;
        margin-left: -60px;
        /* half the outer width - 2.5px => for centering */
        margin-top: -12px;
        padding: 13px;
        position: absolute;
        left: 50%;
        top: 8px;
        z-index: 15;
        /* left 50% is for centering */
        width: 100px;
        word-wrap: break-word;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .tooltip {
        /* MQ: Widescreen */
        margin-left: -127px;
        /* half the outer width - 2.5px => for centering */
        margin-top: 0;
        width: 230px;
    }
}

@media screen and (min-device-width: 320px) {
    .tooltip:before {
        background: url(../images/tooltip_arrow_up.png) no-repeat center top;
        content: '';
        display: block;
        height: 12px;
        position: absolute;
        left: 0;
        top: -12px;
        width: 100%;
    }

    /* help */
    .help {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAD0lEQVQImWNgYGD4zwAFAAkEAQAd1+6MAAAAAElFTkSuQmCC") repeat-x left bottom;
        cursor: help;
        position: relative;
    }

    .help:hover .tooltip {
        display: block;
    }

    .js .help:hover .tooltip {
        display: none;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Traffic lights */
    .green-light,
    .amber-light,
    .red-light {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -444px no-repeat;
        display: block;
        height: 10px;
        width: 15px;
    }

    .amber-light {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -468px no-repeat;
    }

    .red-light {
        background: url('springer-sprite-s5b407fa7c7.png') 0 -456px no-repeat;
    }

    /* Deposit Contracts
  ------------------------------------------------------------------------------*/
    .traffic-light {
        margin: 0 0 25px 0;
    }

    .traffic-light li {
        color: #666666;
        margin: 7px 0;
    }

    .traffic-light li > span {
        float: left;
        margin: 3px 7px 0 0;
    }

    .traffic-light strong span {
        font-weight: normal;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .cms-image-only-teaser img {
        width: 100%;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* TEASER (general)
  --------------------------------------------------*/
    p.link-text {
        text-align: right;
        margin-top: 0;
    }
    p.link-text a:before {
        content: '\00BB\0020';
    }

    /* SIDEBAR TEASER
  -----------------------------------------------*/
    .cms-teaser-sidebar h3 {
        margin: 0.5em 0;
        font-size: 20px;
        font-size: 2rem;
    }
    .cms-teaser-sidebar .link-image {
        position: relative;
    }
    .cms-teaser-sidebar img {
        width: 100%;
    }
    .cms-teaser-sidebar p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5em;
    }
    .cms-teaser-sidebar .look-inside-badge {
        bottom: 20px;
        right: -15px;
        padding-right: 15px;
        max-width: 60%;
        display: block;
        -webkit-border-radius: 0 0 0 10px;
        -moz-border-radius: 0 0 0 10px;
        border-radius: 0 0 0 10px;
    }
    .cms-teaser-sidebar .look-inside-badge:after {
        content: "";
        background: none;
    }
    .cms-teaser-sidebar .look-inside-badge p {
        font-size: inherit;
        line-height: 1.2em;
        margin: 0;
    }

    /* TRIPLE TEASERS
  -----------------------------------------------*/
    .cms-teaser-triple h3 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        line-height: 2rem;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin: 0 0 10px;
    }
    .cms-lang-jp .cms-teaser-triple h3 {
        font-family: "ヒラギノ角ゴ Pro W3", Arial, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
    .cms-teaser-triple .cms-col:last-child {
        display: none;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-teaser-triple .cms-col:last-child {
        /* MQ: Tablet */
        display: block;
    }
}
@media screen and (min-device-width: 320px) {
    .cms-teaser-triple img {
        width: 100%;
        margin: 0 0 15px;
    }
    .cms-teaser-triple p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }

    /* PRODUCT TEASER
  --------------------------------------------------------*/
    h1 + .cms-teaser-products {
        margin-top: -1em;
    }

    .cms_link_target_in_english:after {
        content: "in English";
        color: #808080;
        font-size: 12px;
        font-style: italic;
        font-weight: normal;
        padding: 0;
        margin: 0 0 0 0.8em;
        display: inline-block;
        text-decoration: none;
    }
    .channel-title .cms_link_target_in_english:after {
        content: "";
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* CAREER
  ------------------------------------------------------------------------------*/
    .cms-career .cms-career-content {
        display: none;
    }
    .cms-career .cms-career-nojobs {
        display: none;
    }
    .cms-career .cms-career-filter {
        margin: 1.5em 0 -1.4em;
    }
    .cms-career .cms-career-filter select {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 3px;
        max-width: 40%;
        margin: 0 .5em 1em 0;
    }
    .cms-career .cms-career-filter a {
        font-size: 16px;
        font-size: 1.6rem;
        color: #666666;
        white-space: nowrap;
        display: none;
    }
    .cms-career .cms-career-filter.filtered a {
        display: inline-block;
    }
    .cms-career .cms-career-jobs {
        padding: 0;
        margin-top: .9em;
    }
    .cms-career .cms-career-job {
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        cursor: pointer;
        padding: 9px 0;
        margin: 0;
    }
    .cms-career .cms-career-job p.date {
        font-size: 11px;
        font-size: 1.1rem;
        color: #666666;
    }
    .cms-career .cms-career-job h3 {
        margin: .1em 0 .25em;
    }
    .cms-career .cms-career-job p.location {
        color: #666666;
    }
    .cms-career .cms-career-job + .cms-career-job {
        border-top: none;
    }
    .cms-career .cms-career-more {
        display: none;
        text-align: right;
        padding: 1em 0;
        background-color: #f4f4f4;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
        background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
        background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
        background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
        background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
        background-image: linear-gradient(top, #ffffff, #f4f4f4);
        margin-bottom: .3em;
        border-bottom: 1px solid #dcdcdc;
    }
    .cms-career .cms-career-more a {
        padding-right: 20px;
    }
    .cms-career .cms-career-more a:before {
        content: '\00BB\0020';
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .col-aside,
    .col-main {
        min-height: 1px;
    }
}
#print-header {
    display: none;
}
#print-header img {
    position: absolute;
    left: 0;
}

.showOnPrint, .showOnlyOnPrint {
    display: block;
}

.showOnPrintInline, .showOnlyOnPrintInline {
    display: inline;
}

.removeOnPrint {
    display: none;
}

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

/* Foundation Base */
html {
    box-sizing: border-box;
}

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

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Springer Nature Basics and resets
  --------------------------------------------------*/
    body {
        background-color: #efefef;
        font-size: 14px;
        font-size: 1.4rem;
        color: #444;
        line-height: 1.55;
    }

    .cms-client-springernature p {
        margin-bottom: .66em;
    }
    .cms-client-springernature h1, .cms-client-springernature h2 {
        color: #486a7e;
        font-size: 36px;
        font-size: 3.6rem;
        line-height: 1.17;
        margin-top: 0;
        margin-bottom: .8em;
        padding-bottom: .25em;
        border-bottom: 1px solid #e8e8e8;
    }
    .cms-client-springernature h3 {
        color: #333;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.333;
    }
    .cms-client-springernature h4 {
        color: #444;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.3;
    }
    .cms-client-springernature h1,
    .cms-client-springernature h2,
    .cms-client-springernature h3,
    .cms-client-springernature h4,
    .cms-client-springernature p {
        -webkit-font-smoothing: antialiased;
        word-spacing: -.05em;
        letter-spacing: .01em;
    }
    .cms-client-springernature p {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .cms-client-springernature .cms-common {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .cms-client-springernature .cms-common p {
        margin: .75em 0;
    }
    .cms-client-springernature .section-header {
        border-bottom: none;
        box-shadow: none;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
        position: static;
    }
    .cms-client-springernature .section-header h2 {
        margin-right: inherit;
        margin-top: inherit;
    }
    .cms-client-springernature .default-table {
        overflow-x: visible;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* Corporate Homepage
  --------------------------------------------------*/
    #header {
        background: #ffffff;
    }
    #header #headerlogo {
        display: inline-block;
        background: url("logo.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        width: 490px;
        height: 75px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #header #headerlogo {
        /* MQ: Tablet */
        display: inline-block;
        background: url("logo.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        width: 400px;
        height: 70px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header #headerlogo {
        /* MQ: Widescreen */
        display: inline-block;
        background: url("logo.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        width: 573px;
        height: 83px;
    }
}
@media screen and (min-device-width: 320px) {
    #header .header-logo {
        padding-top: 16px;
        height: 100px;
    }
}
@media screen and (max-width: 600px) and (min-device-width: 320px) {
    #header .btn-raccourci{

    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header .header-logo {
        /* MQ: Widescreen */
        padding-top: 32px;
        height: auto;
    }


    #header .btn-raccourci{
        padding-top: 32px;
        text-align: right;
    }

}
@media screen and (min-device-width: 320px) {
    #header .navigation-toggle {
        display: block;
        float: right;
        padding: 18px 13px;
        height: 50px;
        width: 50px;
        outline: 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header .navigation-toggle {
        /* MQ: Widescreen */
        display: none;
    }
}
@media screen and (min-device-width: 320px) {
    #header .navigation-toggle .icon-bar {
        display: block;
        height: 2px;
        width: 24px;
        background-color: #333;
    }
    #header .navigation-toggle .icon-bar + .icon-bar {
        margin-top: 4px;
    }
    #header .navigation-toggled {
        background-color: #cedbe0;
    }
    #header .navigation-toggle + nav {
        display: none;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header .navigation-toggle + nav {
        /* MQ: Widescreen */
        display: block;
    }
}
@media screen and (min-device-width: 320px) {
    #header .navigation-toggle.navigation-toggled + nav {
        display: block;
    }
    #header nav {
        background-color: #cedbe0;
        padding-top: 0;
        padding-bottom: 7.1em;
        /*             margin-top: 1em; bg menu mobile*/
        /*             @include respond-to (tablet) { */
        /*                 margin-top: 0; */
        /*             } */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header nav {
        /* MQ: Widescreen */
        background-color: transparent;
        padding-top: 32px;
        padding-bottom: 15px;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header nav ul {
        /* MQ: Widescreen */

    }

    #global-nav{
        display:flex;
        justify-content:space-between
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header nav ul li {
        /* MQ: Widescreen */
        float: left;
        /*margin-left: 1.9em;*/
        margin-right: 0;
    }

    #header nav ul li:first-child {
        margin-left: 0em;
    }


}
@media screen and (min-device-width: 320px) {
    #header nav ul li a {
        text-decoration: none;
        display: block;
        font-size: 18px;
        font-size: 1.8rem;
        padding: 0.66em 0 .55em;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header nav ul li a {
        /* MQ: Widescreen */
        display: inline;
        font-size: 16px;
        font-size: 1.7rem;
        color: #486a7e;
        padding: 0;
    }
}
@media screen and (min-device-width: 320px) {
    #header nav ul li a.active {
        font-weight: bold;
    }
    #header nav ul li a:hover {
        color: #486a7e;
    }
    #header nav ul li + li {
        border-top: 1px solid #f1f1f1;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    #header nav ul li + li {
        /* MQ: Widescreen */
        border-top: none;
    }
}

@media screen and (min-device-width: 320px) {
    #footer {
        font-size: 14px;
        font-size: 1.4rem;
        background-color: #183642;
        color: #8faec1;
        padding: 2.5em 0;
    }
    #footer a {
        color: #fff;
    }
    #footer ul:before, #footer ul:after {
        content: " ";
        display: table;
    }
    #footer ul:after {
        clear: both;
    }
    #footer ul li {
        float: left;
        margin-right: 2em;
    }
    #footer ul li:before, #footer ul li:after {
        content: " ";
        display: table;
    }
    #footer ul li:after {
        clear: both;
    }
    #footer .footer-right {
        text-align: right;
        margin-top: 1em;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    #footer .footer-right {
        /* MQ: Tablet */
        margin-top: 0;
    }
}

@media screen and (min-device-width: 320px) {
    .layout-nature-home .col-main {
        box-sizing: border-box;
        padding: 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .layout-nature-home .col-main {
        /* MQ: Tablet */
        /*             padding: 0 40px; */
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .layout-nature-home .cms-container {
        margin: 0;
        padding-top: 52px;
        padding-bottom: 40px;
    }
    .layout-nature-home .cms-container:last-child {
        padding-bottom: 80px;
    }
    .layout-nature-home .cms-container .cms-container:last-child {
        padding-bottom: 40px;
    }
    .layout-nature-home .cms-container-grid {
        padding-bottom: 0;
    }
    .layout-nature-home .cms-highlight-1 {
        background-color: #f0f4f7;
    }
    .layout-nature-home .cms-highlight-1 h1, .layout-nature-home .cms-highlight-1 h2 {
        border-bottom-color: #fff;
    }
    .layout-nature-home .cms-highlight-0 + .cms-highlight-0,
    .layout-nature-home .cms-highlight-1 + .cms-highlight-1 {
        padding-top: 0;
    }
    .layout-nature-home .cms-grid-collection,
    .layout-nature-home .cms-video,
    .layout-nature-home .cms-sn-brands {
        margin-bottom: 1.4em;
    }
    .layout-nature-home .cms-image-only-teaser {
        margin-top: 1.45em;
        margin-bottom: 1.9em;
    }
    .layout-nature-home .cms-person-side-image,
    .layout-nature-home .cms-article-side-image {
        /*             margin-top: -1.5em; */
    }
    .layout-nature-home .cms-collection-list > .cms-container {
        padding-top: 0;
    }
    .layout-nature-home .cms-grid-collection .cms-collection-list .cms-container {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* COMMON STYLES FOR COREMEDIA CONTENT: forked from .formatted
  ------------------------------------------------------------------------------*/
    .cms-richtext {
        -webkit-font-smoothing: antialiased;
        word-spacing: -.05em;
        letter-spacing: .01em;
        /* paragraphs */
        /* lists */
        /** Special paragraph styles */
        /* last divider needs to simulate */
        /** Image styles */
    }
    .cms-richtext h1 {
        margin-top: .9em;
        margin-bottom: .9em;
    }
    .cms-richtext h2 {
        margin: 1.3em 0 0 0;
        border: none;
    }
    .cms-richtext h3 {
        margin: 1.9em 0 0;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 0;
        line-height: 1.2;
    }
    .cms-lang-jp .cms-richtext h3 {
        font-family: "ヒラギノ角ゴ Pro W3", Georgia, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
    .cms-richtext h4 {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 1.3em;
        font-weight: normal;
        margin-bottom: .66em;
        line-height: 1.2;
    }
    .cms-richtext h1:first-child {
        margin-top: .4em;
    }
    .cms-richtext p {
        line-height: 1.6;
        margin-top: .6em;
    }
    .cms-richtext li p {
        margin: 0;
    }
    .cms-richtext ol,
    .cms-richtext ul {
        padding-left: 1.6em;
    }
    .cms-richtext ol {
        list-style-type: decimal;
    }
    .cms-richtext ul {
        list-style-type: none;
        padding-left: 1em;
    }
    .cms-richtext li {
        line-height: 1.6;
        margin-top: .6em;
    }
    .cms-richtext p.intro--paragraph {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.4;
    }
    .cms-richtext p.intro--paragraph + * {
        margin-top: 2.5rem;
    }
    .cms-richtext p.intro--paragraph.twoColumnRight--paragraph + * {
        margin-top: .6em;
    }
    .cms-richtext p.twoColumnLeft--paragraph.intro--paragraph + .intro--paragraph {
        margin-top: .6em;
    }
    .cms-richtext p.divider--paragraph {
        border-top: 1px solid #dcdcda;
        border-bottom: 1px solid #dcdcda;
        padding: 0.5em 0;
        margin-top: 1.25em;
    }
    .cms-richtext p.divider--paragraph + p.divider--paragraph {
        border-top: none;
        margin: 0;
    }
    .cms-richtext p.divider--paragraph + p {
        margin-top: 1.1em;
    }
    .cms-richtext .divider--list p:first-child {
        border-top: 1px solid;
    }
    .cms-richtext img {
        max-width: 100%;
    }
    .cms-richtext p img {
        margin-top: .4em;
        margin-bottom: .5em;
    }
    .cms-richtext img.float--left {
        margin-right: 1.5em;
    }
    .cms-richtext img.float--right {
        margin-left: 1.5em;
    }

    /* SPACING of elements
  -------------------------------------------------------------------------------*/
    .cms-container {
        margin: 2.6em 0;
        overflow: hidden;
    }
    .cms-container:first-child {
        margin-top: 0;
    }

    .cms-container-overflow {
        overflow: visible;
    }

    .box .cms-container {
        margin: 0;
    }

    /* ARTICLE
  ------------------------------------------------------------------------------*/
    .cms-article {
        /* table */
    }
    .cms-article .taxonomy {
        font-size: 11px;
        font-size: 1.1rem;
        color: #777777;
    }
    .cms-article .taxonomy a {
        color: inherit;
    }
    .cms-article .taxonomy .publication-date + .subjects::before {
        content: "|";
        margin: 0 8px;
    }
    .cms-article .imgAvatar {
        max-width: 140px;
    }
    .cms-article .imgSmall {
        max-width: 261px;
    }
    .cms-article .imgMedium {
        max-width: 576px;
    }
    .cms-article .imgLarge {
        max-width: 776px;
    }
    .cms-article table {
        margin: 1.1em 0;
    }
    .cms-article table p {
        margin: 0;
    }
    .cms-article table tr:first-child {
        font-weight: bold;
        /* copy from "default-table th" as CM does not provide th; with top border as there is no caption in CM yet */
    }
    .cms-article table tr:first-child td {
        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);
        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);
        -webkit-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        font-weight: bold;
    }
    .cms-article ol, .cms-article ul {
        margin-top: .6em;
    }
    .cms-article ul li:before {
        /* background: url(list-bullet-small.png) no-repeat 0px 0px; */
        width: 3px;
        height: 3px;
        display: inline-block;
        content: " ";
        position: absolute;
        left: -12px;
        top: 9px;
    }
    .cms-article .cms-link-list li {
        background: none !important;
    }
    .cms-article .cms-link-list li:before {
        background: none !important;
    }
    .cms-article .twoColumnLeft--paragraph {
        float: left;
        clear: left;
        width: 80px;
    }
    .cms-article .twoColumnRight--paragraph {
        margin-left: 100px;
    }
    .cms-article .twoColumnSeparatorLeft--paragraph,
    .cms-article .twoColumnSeparatorLeft--paragraph--noborder {
        clear: both;
        height: 0;
        margin: .1em 0;
        overflow: hidden;
    }
    .cms-article .twoColumnSeparatorLeft--paragraph {
        border-top: 1px solid #dcdcdc;
        margin: 1.1em 0;
    }
    .cms-article .twoColumnSeparatorLeft--paragraph + .twoColumnLeft--paragraph {
        margin-top: 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .cms-article {
        /* MQ: Widescreen */
    }
    .cms-article .twoColumnLeft--paragraph {
        width: 160px;
    }
    .cms-article .twoColumnRight--paragraph {
        margin-left: 180px;
    }
}
@media screen and (min-device-width: 320px) {
    .cms-article p.intro--paragraph.twoColumnRight--paragraph + * {
        margin-top: .6em;
    }
    .cms-article h3 {
        clear: both;
    }

    .cms-article:hover .taxonomy a {
        color: #486a7e;
    }

    .cms-categorized-list .taxonomy {
        margin: 1.5em 0 -2.7em;
    }
    .cms-categorized-list h3 {
        line-height: 1.3;
    }
    .cms-categorized-list > ul > li {
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 1em;
    }
    .cms-categorized-list > ul > li p {
        margin-top: .6em;
    }
    .cms-categorized-list .abstract {
        margin: .7em 0;
        color: #777777;
    }
    .cms-categorized-list .action {
        font-size: 13px;
        font-size: 1.3rem;
    }

    /* RELATED LINK ("see all")
  ------------------------------------------------------------------------------*/
    h1 + .related, h2 + .related, h3 + .related, .section-header + .related {
        float: right;
        display: block;
        position: relative;
        height: 0;
        padding: 0;
        margin: 0;
        overflow: visible;
    }
    h1 + .related a:before, h2 + .related a:before, h3 + .related a:before, .section-header + .related a:before {
        content: '\00BB\0020';
    }
    h1 + .related {
        top: -4.5em;
    }
    h2 + .related, .section-header + .related {
        top: -4.5em;
    }
    h3 + .related {
        top: -2em;
    }

    /* PERSON-TYPE ARTICLE STYLES
  ------------------------------------------------------------------------------*/
    .cms-person .person-type {
        margin-top: 1.1em;
    }
    .cms-person .overview {
        margin-top: -.5em;
    }
    .cms-person .overview:before, .cms-person .overview:after {
        content: " ";
        display: table;
    }
    .cms-person .overview:after {
        clear: both;
    }
    .cms-person .avatar {
        margin-top: 1em;
        float: left;
        max-width: 25%;
        margin-right: 7%;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-person .avatar {
        /* MQ: Tablet */
        margin-right: 7%;
    }
}
@media screen and (min-device-width: 320px) {
    .cms-person .description {
        float: left;
        width: 68%;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-person .description {
        /* MQ: Tablet */
        width: 68%;
    }
}
@media screen and (min-device-width: 320px) {
    .cms-person .description p:first-of-type span:first-of-type {
        font-weight: bold;
    }
    .cms-person address {
        margin-top: .6em;
    }
    .cms-person address p {
        margin: 0;
    }
    .cms-person .person-detail {
        margin-top: 2.15em;
    }
    .cms-person ol, .cms-person ul {
        margin-top: .6em;
    }

    .cms-person-list h2 {
        padding-right: 0;
    }
    .cms-person-list ul {
        list-style-type: none;
        padding: 0;
    }
    .cms-person-list li:before, .cms-person-list li:after {
        content: " ";
        display: table;
    }
    .cms-person-list li:after {
        clear: both;
    }
    .cms-person-list li + li {
        margin-top: 1.3em;
    }
    .cms-person-list .cms-person h3 {
        margin-top: .1em;
    }
    .cms-person-list .cms-person .avatar {
        margin-top: .5em;
    }
    .cms-person-list .cms-person .description--paragraph {
        margin-top: .7em;
    }

    /* CMS FORM
  --------------------------------------------------*/
    .cms-form .form-section > h2 {
        margin-top: .55em;
    }
    .cms-form .form-row p {
        color: #666666;
    }

    /* CMS LINK LISTS (Quick Access)
  ----------------------------------------------------------*/
    .cms-linklists h3 {
        margin-top: -.1em;
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: .65em;
    }
    .cms-linklists h4 {
        margin-top: 1em;
        margin-bottom: .5em;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
    }
    .cms-linklists ul {
        margin-top: .85em;
    }
    .cms-linklists .cms-col + .cms-col ul {
        margin-top: 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-linklists .cms-col + .cms-col ul {
        /* MQ: Tablet */
        margin-top: .85em;
    }
}
@media screen and (min-device-width: 320px) {
    .cms-linklists h4 + ul {
        margin-top: .6em;
    }

    /* Counter
  -----------------------------------------*/
    .counter {
        color: #999999;
    }
    .counter:before {
        content: "(";
    }
    .counter:after {
        content: ")";
    }

    /* HEADERS
  -----------------------------------------*/
    .section-header {
        -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
        border-bottom: 1px solid #D7D6D6;
        padding: 0 4px 7px 0;
        padding-right: 0;
        position: relative;
    }
    .section-header:before, .section-header:after {
        content: " ";
        display: table;
    }
    .section-header:after {
        clear: both;
    }
    .section-header h2 {
        margin-top: 0;
        margin-right: 1.5em;
    }
    .section-header .counter {
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .cms-lang-jp .section-header .counter {
        font-family: "ヒラギノ角ゴ Pro W3", Arial, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .section-header a.back-link {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-bottom: 6px;
        background-position: 0 5px;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        padding: 3px 0 0 15px;
        font-size: 13px;
        font-size: 1.3rem;
    }
    .cms-lang-jp .section-header a.back-link {
        font-family: "ヒラギノ角ゴ Pro W3", Arial, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .cms-container > h1,
    .cms-container > h2,
    .cms-container > h3,
    .cms-container > .section-header,
    .cms-container > .section-header h1,
    .cms-container > .section-header h2,
    .cms-container > .section-header h3,
    .cms-container > div > h1,
    .cms-container > div > h2,
    .cms-container > div > h3,
    .cms-container > div > .section-header,
    .cms-container > div > .section-header h1,
    .cms-container > div > .section-header h2,
    .cms-container > div > .section-header h3 {
        margin-top: 0;
    }

    /* LINK LIST (WITH RAQUO, PLAIN)
  -------------------------------------------*/
    .cms-link-list li {
        line-height: 1.3;
    }
    .cms-link-list a {
        padding-left: 1.1em;
        display: inline-block;
    }
    .cms-link-list a:before {
        content: "\bb  ";
        display: inline-block;
        margin-right: .5em;
        margin-left: -1.1em;
    }

    .shop-disciplines dl, .shop-disciplines ul.cms-link-list,
    .cms-toc dl,
    .cms-toc ul.cms-link-list,
    .cms-linklists dl,
    .cms-linklists ul.cms-link-list,
    .cms-article dl,
    .cms-article ul.cms-link-list,
    .cms-person dl,
    .cms-person ul.cms-link-list {
        padding-left: 0;
        list-style-type: none;
    }
    .shop-disciplines li,
    .cms-toc li,
    .cms-linklists li,
    .cms-article li,
    .cms-person li {
        margin-top: 0;
        margin-bottom: .45em;
        position: relative;
    }

    .cms-tab-content p.link-text {
        margin-bottom: 0;
    }

    ol.cms-link-list-transparent,
    ul.cms-link-list-transparent {
        padding: 0 !important;
        list-style-type: none !important;
    }
    ol.cms-link-list-transparent li,
    ul.cms-link-list-transparent li {
        margin-top: 0;
    }

    .cms-toc .abstract {
        margin-bottom: 2.2em;
    }
    .cms-toc ul {
        margin-bottom: 3.7em;
    }

    /*
  -------------------------------------------------------*/
    .cms-video-wrapper {
        margin-top: .6em;
    }

    /** General floats (coremedia uses double dashes!) */
    .float--left, .float-left {
        float: left;
    }

    .float--right, .float-right {
        float: right;
    }

    .float--none, .float-none {
        float: none;
    }

    .cms-image-responsive img {
        max-width: 100% !important;
    }

    /* OVERWRITES if part of cms
  ----------------------------------------------------------*/
    .cms #wrapper #content,
    .cms .page-wrapper #content {
        padding-bottom: 27px;
    }
    .cms .box {
        padding: 14px;
        overflow: hidden;
    }
    .cms .default-table {
        margin: 0;
        overflow-x: visible;
        /* needed for article flaps */
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms .default-table {
        /* MQ: Tablet */
        overflow-x: auto;
    }
}
@media screen and (min-device-width: 320px) {
    .cms a.external:after {
        margin: 0 5px;
    }
    .cms .form-submit-section {
        text-align: right;
    }
    .cms .form-submit-section .btn {
        margin: 0 0 0 12px;
    }
    .cms .cms-col > .btn, .cms .cms-col > a > .btn {
        /* two-column buttons need to be column-wide */
        display: block;
        text-align: center;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .cms-sn-banner {
        height: 416px;
        margin: 0;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-sn-banner {
        /* MQ: Tablet */
        margin: 0 0 .5em;
    }
}
@media screen and (min-device-width: 320px) {
    .cms-sn-banner .bookmark {
        box-sizing: border-box;
        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.3;
        -webkit-font-smoothing: antialiased;
        word-spacing: -.05em;
        letter-spacing: .01em;
        position: absolute;
        left: 10%;
        right: 10%;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 400px) {
    .cms-sn-banner .bookmark {
        /* MQ: Smartphone Large */
        width: 281px;
        left: auto;
        right: .85em;
    }
}
@media screen and (min-device-width: 320px) {
    .cms-sn-banner .bookmark .bookmark-text {
        background: url(springernature-bookmark.png) transparent center bottom no-repeat;
        background-size: 100% auto;
        color: #cedbe0;
        padding: 25px 25px 98px;
        min-height: 253px;
    }
    .cms-sn-banner .bookmark .bookmark-text p {
        font-size: 20px;
        font-size: 2rem;
        margin: 0;
    }

    .cms-sn-banner.cms-sn-banner-2 .bookmark {
        font-family: "Daytona W01 Regular", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
        letter-spacing: .05em;
    }
    .cms-sn-banner.cms-sn-banner-2 .bookmark .bookmark-text {
        background: url(springernature-bookmark-2.png) transparent center bottom no-repeat;
        background-size: 100% auto;
        color: #cedbe0;
        padding: 25px 25px 69px;
        min-height: 146px;
    }
    .cms-sn-banner.cms-sn-banner-2 .bookmark .bookmark-text p {
        text-transform: uppercase;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .cms-sn-brands .brand-logos-block a {
        display: block;
        line-height: 1;
        width: 100%;
        padding: 1.3em 0;
        border-bottom: 1px solid #ccc;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-sn-brands .brand-logos-block a {
        /* MQ: Tablet */
        display: block;
        margin: 2.9em 0 0 0;
        width: auto;
        padding: 0;
        border: none;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .cms-sn-brands .brand-logos-block a {
        /* MQ: Widescreen */
        text-align: center;
    }
}

@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .cms-article-side-image .columns h3:first-child,
    .cms-person-side-image .columns h3:first-child {
        margin-top: 0;
    }
    .cms-article-side-image .align-image-text img,
    .cms-person-side-image .align-image-text img {
        margin-top: 7px;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .cms-person-side-image .person-profile p:first-of-type span:first-of-type {
        font-weight: bold;
    }
    .cms-person-side-image .person-detail {
        margin-top: 0;
    }
    .cms-person-side-image .person-detail h2 {
        margin: 1.3em 0 0 0;
        border: none;
    }
    .cms-person-side-image .person-detail h3 {
        margin: 1.9em 0 0;
    }
    .cms-person-side-image .person-detail h4 {
        margin-top: 1.3em;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .cms-quote {
        position: relative;
        padding: 1.66em 0;
    }
    .small-12 .cms-quote {
        /*padding-left: 1.8em;*/
    }
    .cms-quote .cms-quote-icon {
        display: block;
        position: absolute;
        background: url('springer-sprite-s5b407fa7c7.png') 0 -5139px no-repeat;
        top: -52px;
        right: 0;
        width: 44px;
        height: 69px;
    }
    .cms-quote p {
        line-height: 1.333;
        color: #486a7e;
        font-size: 24px;
        font-size: 2.4rem;
        position: relative;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-quote p {
        /* MQ: Tablet */
        font-size: 30px;
        font-size: 3rem;
    }
}
@media screen and (min-device-width: 320px) {
    .cms-quote p:before {
        content: "e";
        font-family: "sn_pm_icons";
        text-transform: none;
        position: absolute;
        display: inline;
        font-size: 14px;
        font-size: 1.4rem;
        left: -1.5em;
        top: .1em;
        color: #486a7e;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-quote p:before {
        /* MQ: Tablet */
        font-size: 16px;
        font-size: 1.6rem;
        left: -1.5em;
        top: .2em;
    }
}
@media screen and (min-device-width: 320px) {
    .cms-quote p:after {
        content: "d";
        font-family: "sn_pm_icons";
        text-transform: none;
        position: relative;
        display: inline;
        font-size: 14px;
        font-size: 1.4rem;
        right: -.1em;
        top: -.5em;
        color: #486a7e;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 600px) {
    .cms-quote p:after {
        /* MQ: Tablet */
        font-size: 16px;
        font-size: 1.6rem;
        right: -.1em;
        top: -.7em;
    }
}
@media screen and (min-device-width: 320px) {
    .cms-quote .cms-quote-name {
        font-size: 12px;
        font-size: 1.2rem;
        text-transform: uppercase;
        color: #557081;
    }

    .cms-highlight-1 + .cms-highlight-1 .cms-quote {
        padding-top: 0;
    }
    .cms-highlight-1 + .cms-highlight-1 .cms-quote .cms-quote-icon {
        display: none;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .cms-teaser-text:hover .cms-font-icon {
        color: #486a7e;
    }
    .cms-teaser-text img {
        width: 100%;
    }
    .cms-teaser-text a {
        text-decoration: none;
    }
    .cms-teaser-text a h3 {
        color: inherit;
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.3;
        margin-top: 0;
        margin-bottom: .66em;
    }
    .cms-teaser-text p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.5;
    }
    .cms-teaser-text p.link-text {
        text-align: left;
        font-weight: bold;
        margin-bottom: 0;
    }
    .cms-teaser-text p.link-text a:before {
        content: "X ";
        font-family: sn_pm_icons;
        font-size: 2.4rem;
        font-weight: normal;
        position: relative;
        top: 5px;
        margin-right: -6px;
    }
    .cms-teaser-text > a {
        display: block;
        font-size: 0;
    }

    .cms-teaser-box {
        padding: 1em 0 2.7em;
        position: relative;
    }
    .cms-teaser-box p.link-text {
        position: absolute;
        bottom: .9em;
        display: block;
    }
    .cms-teaser-bg-primary .cms-teaser-box {
        background-color: #8faec1;
        color: #fff;
        padding: 1.1em 1.45em 3em;
        border-radius: 0 0 0 1em;
    }
    .cms-teaser-bg-primary .cms-teaser-box a {
        color: #fff;
    }
    .cms-teaser-bg-secondary .cms-teaser-box {
        background-color: #f1f1f1;
        color: #333;
        padding: 1.1em 1.45em 2.7em;
        border-radius: 0 0 0 1em;
    }
    .cms-teaser-bg-secondary .cms-teaser-box a {
        color: #486a7e;
    }
    .cms-highlight-1 .cms-teaser-box {
        background-color: #fff;
        color: #333;
        padding: 1.1em 1.45em 2.7em;
        border-radius: 0 0 0 1em;
    }
    .cms-highlight-1 .cms-teaser-box a {
        color: #486a7e;
    }

    .cms-teaser-box-with-icon {
        padding-left: 70px;
        position: relative;
    }
    .cms-teaser-box-with-icon .cms-font-icon {
        position: absolute;
        display: block;
        cursor: default;
        height: 60px;
        width: 60px;
        font-size: 30px;
        font-size: 3rem;
        padding-top: 7px;
        text-align: center;
        color: #fff;
        border: none;
        border-radius: 50%;
        top: 11px;
        background-color: #8faec1;
        left: 0;
    }
    .cms-teaser-box-with-icon h3 {
        color: #486a7e;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .cms-teaser-bg-primary .cms-teaser-box-with-icon {
        padding-left: 80px;
    }
    .cms-teaser-bg-primary .cms-teaser-box-with-icon .cms-font-icon {
        background-color: #fff;
        color: #486a7e;
        left: 10px;
    }
    .cms-teaser-bg-secondary .cms-teaser-box-with-icon {
        padding-left: 80px;
    }
    .cms-teaser-bg-secondary .cms-teaser-box-with-icon .cms-font-icon {
        background-color: #fff;
        color: #486a7e;
        left: 10px;
    }
    .cms-highlight-1 .cms-teaser-box-with-icon {
        padding-left: 80px;
    }
    .cms-highlight-1 .cms-teaser-box-with-icon .cms-font-icon {
        background-color: #f1f1f1;
        color: #486a7e;
        left: 10px;
    }

    .cms-font-icon {
        font-family: sn_pm_icons;
    }

    .cms-bg-image-teaser {
        padding: 0;
        background-size: cover;
        background-position: center;
        background-color: #efefef;
    }
    .cms-highlight-1 .cms-bg-image-teaser, .cms-highlight-2 .cms-bg-image-teaser {
        background-color: #ffffff;
    }
    .cms-bg-image-teaser a {
        text-decoration: none;
        color: #333;
        display: block;
        padding: 20px;
        box-sizing: border-box;
    }
    .cms-bg-image-teaser h3 {
        font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
        margin: 0 0 .6em;
        font-size: 20px;
        font-size: 2rem;
    }
    .cms-bg-image-teaser .button {
        margin-top: .6em;
        margin-bottom: 0;
    }
    .cms-bg-image-teaser.cms-bg-image-teaser-with-img h3, .cms-bg-image-teaser.cms-bg-image-teaser-with-img div {
        padding: 10px;
        background-color: #fff;
        display: inline-block;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    /* CAREER
  ------------------------------------------------------------------------------*/
    .cms-career .cms-career-content {
        margin-bottom: 4em;
    }
    .cms-career .cms-career-filter {
        margin: 0;
        font-weight: bold;
    }
    .cms-career .cms-career-filter a {
        color: #486a7e;
    }
    .cms-career .cms-career-filter a:hover {
        text-decoration: none;
    }
    .cms-career .cms-career-filter a::before {
        top: 1px;
        content: "t ";
        font-family: "sn_pm_icons";
        text-transform: none;
        position: relative;
        display: inline;
    }
    .cms-career .cms-career-job p.area {
        font-weight: bold;
        color: #333;
        margin-bottom: .25em;
    }
    .cms-career .cms-career-job p.location {
        margin-top: .25em;
    }
    .cms-career .cms-career-more {
        text-align: left;
        background-image: none;
        background-color: transparent;
        border-bottom: none;
    }
    .cms-career .cms-career-more a:before, .cms-career .cms-career-more a::before {
        content: "C ";
        font-family: "sn_pm_icons";
        text-transform: none;
        position: relative;
        display: inline;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    #content {
        padding: 0 !important;
    }

    .sg-rows .row .columns {
        background: #9f9;
    }
    .sg-rows .row .columns:nth-child(2n) {
        background: #7f7;
    }
    .sg-rows span {
        display: block;
        background: #fcc;
        height: 3em;
        margin: .5em 0;
        text-align: center;
    }

    .sg-color div {
        padding: 1em;
    }
    .sg-color .action-1 {
        background-color: #486a7e;
    }
    .sg-color .action-2 {
        background-color: #02548a;
    }
    .sg-color .action-3 {
        background-color: #0266a8;
    }
    .sg-color .action-4 {
        background-color: #38a0e5;
    }
    .sg-color .action-5 {
        background-color: #70bced;
    }
    .sg-color .action-6 {
        background-color: #b3dcf5;
    }
    .sg-color .action-7 {
        background-color: #d7ecfa;
    }
    .sg-color .action-8 {
        background-color: #edf5fb;
    }
    .sg-color .type-1 {
        color: #333;
    }
    .sg-color .type-2 {
        color: #444;
    }
    .sg-color .type-3 {
        color: #666666;
    }
    .sg-color .type-4 {
        color: #777777;
    }
    .sg-color .type-5 {
        color: #999999;
    }
}
@media screen and (min-device-width: 320px) {
    /* MQ: Smartphone */
    .styleguide {
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        background: #eee;
        opacity: .9;
        width: 300px;
        overflow: visible;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        border-radius: 0 0 15px 0;
        background-color: #ddd;
        padding: 0;
        box-shadow: 0 0 10px 0 #999;
        box-sizing: content-box;
    }
    .styleguide:before, .styleguide:after {
        content: " ";
        display: table;
    }
    .styleguide:after {
        clear: both;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .styleguide {
        /* MQ: Widescreen */
        width: 320px;
    }
}
@media screen and (min-device-width: 320px) {
    .styleguide.off {
        transform: translate(-300px, -180px);
        border-color: #00cc00;
        background-color: #ccffcc;
        padding: 0 30px 30px 0;
    }
}
@media screen and (min-device-width: 320px) and (min-width: 1004px) {
    .styleguide.off {
        /* MQ: Widescreen */
        transform: translate(-320px, 0);
        padding: 0 30px 0 0;
    }
}
@media screen and (min-device-width: 320px) {
    .styleguide > div {
        padding: .5em 1em;
    }
    .styleguide input[type=checkbox],
    .styleguide select,
    .styleguide label {
        vertical-align: middle;
    }
    .styleguide select,
    .styleguide input[type=submit] {
        margin-top: -4px;
    }

    .styleguide__components .glyphs li {
        cursor: pointer;
    }
    .styleguide__components .glyphs p {
        color: #999999;
    }

    .styleguide-separator {
        text-align: center;
        clear: both;
        border-bottom: 1px solid #333;
        margin: 1em 0;
    }

    .sg-color div {
        padding: 1em;
    }
    .sg-color .action-1 {
        background-color: #486a7e;
    }
    .sg-color .action-2 {
        background-color: #02548a;
    }
    .sg-color .action-3 {
        background-color: #0266a8;
    }
    .sg-color .action-4 {
        background-color: #38a0e5;
    }
    .sg-color .action-5 {
        background-color: #70bced;
    }
    .sg-color .action-6 {
        background-color: #b3dcf5;
    }
    .sg-color .action-7 {
        background-color: #d7ecfa;
    }
    .sg-color .action-8 {
        background-color: #edf5fb;
    }
    .sg-color .type-1 {
        color: #333;
    }
    .sg-color .type-2 {
        color: #444;
    }
    .sg-color .type-3 {
        color: #666666;
    }
    .sg-color .type-4 {
        color: #777777;
    }
    .sg-color .type-5 {
        color: #999999;
    }
}


#idnn{
    margin-top:-7px;  padding: 20px 0;
}

#idnn p{
    font-size: 18px;
}

#idnn .cms-quote p:before{
    content:""
}

#idnn .cms-quote p:after{
    content:""
}

.cms-quote .cms-quote-icon {
    display: block;
    position: absolute;
    background: url('news-icon.png')no-repeat;
    background-size: 88%;
    top: -21px;
    right: -5px;
    width: 47px;
    height: 89px;
}

.teaser-box.has-background-image .core {
    min-height: 18.75rem;
}

.teaser-box.has-background-image .core {
    min-height: 18.75rem;
}

.teaser-box .core {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #8faec1;
    background-position: center;
    background-size: cover;
    border-radius: 0 0 0 1.25rem;
    color: #fff;
    padding-bottom: 0.9375rem;
    padding-left: 1.25rem;
    padding-right: 0.9375rem;
    padding-top: 0.9375rem;
    position: relative;
}

.richtext ul,
.richtext ol {
    list-style: none;
    margin-bottom: 1.875rem; }
.richtext ul li,
.richtext ol li {
    margin: 1.25rem 0;
    padding-left: 2.8125rem;
    padding-top: 0.375rem;
    position: relative; }
.richtext ul li::before,
.richtext ol li::before {
    background: #ebf1f5;
    border-radius: 100%;
    color: #486a7e;
    display: inline-block;
    height: 2.1875rem;
    left: 0;
    line-height: 2.1875rem;
    margin-right: 0.625rem;
    position: absolute;
    text-align: center;
    top: 0;
    width: 2.1875rem; }

.richtext ol {
    counter-reset: item; }
.richtext ol li {
    counter-increment: item; }
.richtext ol li::before {
    font-weight: normal;
    font-family: "Daytona W01 Regular", sans-serif;
    font-size: 1rem;
    line-height: 1.375;
    content: counter(item);
    color: #486a7e;
    line-height: 2.1875rem;
    top: 0; }

.richtext ul li::before {
    background-image: url("data:image/svg+xml,%3Csvg id='Pfad' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3E_%3C/title%3E%3Cpath fill='%23486a7e' d='M9.083,29.042H9.027a1,1,0,0,1-.752-.409L.192,17.548a1,1,0,1,1,1.616-1.179l7.363,10.1L30.322,3.39A1,1,0,0,1,31.8,4.741L9.82,28.718A1,1,0,0,1,9.083,29.042Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 50%;
    content: ''; }



.tagRoom{
    background: #486a7e;
    padding: 0px 5px;
    border-radius: 4px;
    font-size: 8px;
    color: #fff;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
}

.title-table-programe{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-programe1{
    background: #ECEFF1;
}

.bg-programe2{
    background: #486a7e;
    color: #fff;
}
.bg-programe2 td{
    color:#fff
}

.title-section{cursor: pointer;border-bottom: 1px solid #e8e8e8 !important}
.title-section:hover{border-bottom: 1px solid #e8e8e8 !important}

.cms-richtext a{
    color:#3c9cd7;
}

.color1{
    color:#3c9cd7;
}

.color2{
    color:#607D8B;
}


#footer a {
    color: #fff;
}

.cadre1 {
    background: url(bg_archaique.png) no-repeat;
    background-size: cover;
    padding: 20px;
    font-family: 'Parisienne', cursive;
    font-weight: bold;
    font-size: 20px;
    color: #37474F;
    -webkit-box-shadow:  2px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow:  2px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.75);
    text-align: justify;
}


.flexContent{
    display: flex;
    justify-content: space-between;
}
.sponsorShipContent .title-section{
    cursor: pointer;
}
.sponsorShipContent .body-section{
    margin: 20px 0;
    line-height: 1.9em;
}

.itemTrip{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.imgTrip{
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 0 0 1.8rem;
    height: 165px;
    width: 250px;
}

.richtext ul li, .richtext ol li{
    font-size: 16px;
}

ul.bullet-1 li {
  margin-bottom: 0.625rem;
  margin-top: 0;
  padding-left: 0.75rem; 
}
ul.bullet-1 li::before {
    background-color: #466a7f;
    background-image: none;
    height: 0.3125rem;
    top: 1.5rem;
    width: 0.3125rem; 
}
ul.bullet-0 li {
  margin-bottom: 0.625rem;
  margin-top: 0;
  padding-left: 2.75rem;
}
ul.bullet-0 li::before {
    background-color: #ffffff;
    border: 1px solid #ecf2f5;
    color: #fff;
    height: 1.5rem;
    top: 1rem;
    width: 1.5rem;
    background-repeat: no-repeat;
    background-position: 4px;
    background-size: 50%;
    content: '';
}
.cadre-gray{
    border:2px solid #e8e8e8;
}

.quote-content{
    font-size: 8px !important;
    vertical-align: text-top;
}
.towItemInline{
    display: flex;

    flex-wrap: wrap;

}

.towItemInline .itemInfo{
    flex:1;
    min-width: 420px
}

@media screen and (max-width: 970px) {
    .flexContent{
        flex-wrap: nowrap;
    }
}
@media screen and (max-width: 670px) {
    .flexContent{
        flex-wrap: wrap;
    }
}