@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;
}

body.cms-lang-jp {
    font-family: "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: "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: #4377bc;
    text-decoration: none;
}

a:hover,


a:active,


a:focus {
    color: #dead26;
    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: "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: #3A2C12;
    -webkit-box-shadow: 0 0 3px #3A2C12;
    -moz-box-shadow: 0 0 3px #3A2C12;
    box-shadow: 0 0 3px #3A2C12;
    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: #3A2C12;
        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: #3A2C12;
        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: #3A2C12;
        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: #3A2C12 url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#3A2C12));
        background-image: -webkit-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -moz-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -ms-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -o-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: linear-gradient(top, #38a0e5, #3A2C12);
        -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: #3A2C12;
    }
}

@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: #3A2C12;
        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: #3A2C12;
        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: #3A2C12;
    }
}

@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: #3A2C12 url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#3A2C12));
        background-image: -webkit-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -moz-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -ms-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: -o-linear-gradient(top, #38a0e5, #3A2C12);
        background-image: linear-gradient(top, #38a0e5, #3A2C12);
        -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 #3A2C12;
        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 #3A2C12;
        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: #3A2C12;
        border: 1px solid #3A2C12;
        -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: #3A2C12;
        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 #3A2C12;


        -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: #3A2C12 url(../images/grdnt_blue_38a0e5_0277c4.gif) repeat-x;


        background-image: -webkit-gradient(linear, left top, left bottom, from(#38a0e5), to(#3A2C12));


        background-image: -webkit-linear-gradient(top, #38a0e5, #3A2C12);


        background-image: -moz-linear-gradient(top, #38a0e5, #3A2C12);


        background-image: -ms-linear-gradient(top, #38a0e5, #3A2C12);


        background-image: -o-linear-gradient(top, #38a0e5, #3A2C12);


        background-image: linear-gradient(top, #38a0e5, #3A2C12);


        border-color: #3A2C12;


        -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: #3A2C12;


        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: "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: #3A2C12;


        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: #3A2C12;


    }


}


@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: #3A2C12;


        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: #3A2C12;


        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: #3A2C12;


        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: #3A2C12;


        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: #3A2C12;


        -webkit-box-shadow: 0 0 3px #3A2C12;


        -moz-box-shadow: 0 0 3px #3A2C12;


        box-shadow: 0 0 3px #3A2C12;


        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: #3A2C12;


        border: 1px solid #3A2C12;


        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: "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: #4377bc;


        font-size: 36px;


        font-size: 3.6rem;


        line-height: 1.17;


        margin-top: 0;


        margin-bottom: .8em;


        padding-bottom: .25em;


        border-bottom: 1px solid #deecff !important;


    }


    .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.svg?v=4");


        background-repeat: no-repeat;


        background-position: 2px 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.svg?v=4");


        background-repeat: no-repeat;


        background-position: 2px 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.svg?v=4");


        background-repeat: no-repeat;


        background-position: 2px 0;


        background-size: contain;


        width: 573px;


        height: 99px;


    }


}


@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: #ecfbff;


        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: #4377bc;


        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: #4377bc;


    }


    #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;


        color: antiquewhite;


    }


}


@media screen and (min-device-width: 320px) {


    #footer {


        font-size: 14px;


        font-size: 1.4rem;


        background-color: #4377bc;


        color: #fff;


        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: #168AAD;


        color: #fff;


    }


    .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: 38px 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:  "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: #3A2C12;


    }


    .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: "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: "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{
        height: 300px;
    }

    .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: #3A2C12;


        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: #183642;


    }


}


@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: #183642;


    }


}


@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: #3A2C12;


    }


    .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: #3A2C12;


    }


    .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: #3A2C12;


    }


    .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: #3A2C12;


        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: #3A2C12;


        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: #3A2C12;


        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: #3A2C12;


        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: #3A2C12;


    }


    .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: #3A2C12;


    }


    .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: #3A2C12;


    }


    .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: #3A2C12;


    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: #3A2C12;


    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='%233A2C12' 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: #4377bc;


    padding: 2px 5px;


    border-radius: 4px;


    font-size: 9px;


    color: #fff;


    display: block;


    width: fit-content;


    width: -moz-fit-content;

}


.tagRoom>a {


    font-size: inherit !important;


    color: inherit !important;


}


.tagRoom>a:hover {


    text-decoration: underline
}


.title-table-programe {


    display: flex;


    justify-content: space-between;


    align-items: center;


}


.bg-programe1 {


    background: #ECEFF1;


}


.bg-programe2 {


    background: #4377bc;


    color: #fff;

}


.bg-programe2 td {


    color: #fff
}


.title-section {
    cursor: pointer;
    border-bottom: 1px solid #deecff !important;
}


.title-section:hover {
    border-bottom: 1px solid #e8e8e8 !important
}


.cms-richtext a {


    color: #4377bc;

}


.color1 {


    color: #4377bc;

}


.color2 {


    color: #4d2500;

}


.color3 {


    color: #f3712e;

}


.color4 {

    color: #016334 !important;

}


.colorred {

    color: #FC2B2B !important;

}


#footer a {


    color: #dead26;

}


.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: #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 #ddd;


}


.quote-content {


    font-size: 8px !important;


    vertical-align: text-top;


}


.towItemInline {


    display: flex;


    flex-wrap: wrap;


}


.towItemInline .itemInfo {


    flex: 1;


    min-width: 420px
}


.columnEqualeDesck {

    flex: 1;

}


.socialFooter a {

    display: inline-block;

    margin-right: 4px;

    margin-top: 10px;

    border-radius: 50px;

    border: 1px solid #eee;

    width: 27px;

    height: 27px;

    text-align: center;

    font-size: 14px;

    line-height: 27px;

    transition: all 0.5s ease;

}


.socialFooter a:hover {

    background: #4a4746;

    color: #fff !important;

}


#header nav ul.nav-sub li a {

    color: #333;

}


#header nav ul.nav-sub li a:hover {

    color: #4377bc;

}


.layout-nature-home .cms-highlight-1 {

    background: url(facts-bg-last.png) no-repeat center center #4377bc;

}


.layout-nature-home .cms-highlight-2 {

    background: url(facts-bg-last-4.png) no-repeat center center #EEEEEE;

}


.layout-nature-home .cms-highlight-3 {

    background: #f0f4f7;

}

.layout-nature-home .cms-highlight-seism {background: url(turkey-earthquake-building-construction-1.webp) no-repeat center center #EEEEEE;position: relative;background-size: cover;}

.layout-nature-home .cms-highlight-dedicated {
    background: #161616;
}

.layout-nature-home .cms-highlight-dedicated .content_with_img {
    margin-bottom: -40px;
}

.cms-highlight-seism:before{
    width: 100%;
    height: 100%;
    background: #161616d9;
    content: "";
    position: absolute;
    top: 0;
}

.cms-highlight-1 h2,
.cms-highlight-1 h3 {

    color: #fff;

}

.cms-highlight-1 a {

    color: #dead26;

}


.cms-highlight-1 h3.title-section {


    margin-bottom: 20px;


    border-bottom-color: #fff !important;


    padding-bottom: 10px;


    margin-top: 30px;


    color: #fff;

}


.committes-page h4 {

    line-height: 28px !important;

    padding-bottom: 5px;

}


.committes-page .overview {

    display: flex;

}


.committes-page .cms-person .avatar {

    width: 118px;

    max-width: initial;

    margin-right: 25px;

    margin-top: 0;

}


.committes-page h3.title-section {

    margin-bottom: 25px;

}


.committes-page a.internal {

    display: block;

    width: 118px;

    height: 131px;

    margin-right: 25px;

}


.legende {

    position: absolute;

    right: 0;

    top: 250px;

    background: #15253cd6;

    padding: 2px 10px;

    color: #fff;

    border-left: 3px solid #4377bc;

    margin-right: 20px;

    font-size: 12px;

    text-transform: uppercase;

}


.date_important .default-table tr td:last-child {

    width: 300px;

}


@media screen and (max-width: 970px) {


    .flexContent {


        flex-wrap: nowrap;


    }


    #header nav {

        background-color: #4377bc;

    }


    #header nav .mainNavigationMark .nav-main a {

        color: #fff;

    }


}


@media screen and (max-width: 670px) {


    .flexContent {


        flex-wrap: wrap;


    }


    .columnEqualeDesck {

        flex: initial;

        width: 100%
    }


}


.default-table td a {

    font-size: inherit;

}


.img-border-radius {

    border-bottom-left-radius: 5rem;

    border: 2px solid #ddd;

}


.cms-highlight-1 .img-border-radius {

    border: 2px solid #4377bc;

}


@media screen and (min-device-width: 320px) and (max-device-width: 999px) {

    #header nav {

        background-color: #4377bc;

        display: none;

    }


    #header nav .mainNavigationMark .nav-main a {

        color: #fff;

    }

}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #bababf rgba(255, 255, 255, 0.2);
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2);
}

*::-webkit-scrollbar-thumb {
    background-color: #bababf;
    border-radius: 10px;
    border: 3px solid #ffffff;
}

/* Home Page */
.col-main{
    background: #fff;
}
.page-wrapper{
    background: none;
}
.overlay-accueil{
    width: 100%;
    height: 100%;
    background: #FFC107;
    opacity: .17;
    position: absolute;
    z-index: 1;
}
.banner_home{
    height: 300px;
    position: relative;
    margin: 0
}
#idnn .cms-quote p:before {
    content: "" !important;
}
#idnn .cms-quote p:after {
    content: "" !important;
}
.blink {
    color: #4377bc;
    animation: colorblink 0.7s infinite;
}
@keyframes colorblink {
    0% { }
    50% { color: #f3712e; }
}
#idnn{
    margin: 0;
}
.bull-with li:before{
    background-color: #fff !important;
}
.cms-quote .cms-quote-icon {
    width: 100%;
    background-size: 40px;
    padding-left: 53px;
    padding-top: 14px;
    font-size: 16px;
    font-weight: 600;
    color: #f3712e;
}
.hoverScale{
    transition: all 0.5s ease;
}
.hoverScale:hover{
    transform: scale(1.05);
}
.partenaner_header{display: flex;flex-direction: column;margin-top: 13px;justify-content: space-between;}

.partenaner_header a{display: flex;justify-content: end;text-align: right;}
.partenaner_header .partenaner_publish,
.partenaner_header .partenaner_host{height: 70px;width: auto;margin-top: 3px;}

.partenaner_header .partenaner_host{margin: 0;/* height: 26px; *//* width: 289px; */}

.list_hotel .singlePartner{
    margin: 30px 30px 30px 0 ;
    text-align: center;
}

/* Programe table */

@media (max-width: 550px){

    #header>.row{
        display: flex;
    }
    #header #headerlogo {width: 310px;height: 46px;background-position: 0 0;margin-left: -12px;}
    #header .header-logo {
        height: 80px;
        width: 330px;
        padding-top: 10px;
    }

    #header .partenaner_header{
        display: none;
    }

    .background-color-accent-7,.background-color-accent-6{
        width: 100px !important;
        font-size: 14px !important;
        background-position: left top -29px !important;
        margin: 0 1px !important;
    }

    .default-table td, .default-table th{
        font-size: 12px;
        padding: 5px;
    }

    .flexContent{
        flex-direction: column;
    }
    .flexContent img{
        max-width: 100%;
    }

    li ul.bullet-0 {
        padding: 0;
        margin-left: -16px;
    }

    .legende{
        top: 180px;
    }

    .legende.special-issue {
        top: 168px !important;
    }


}

@media (min-width: 400px) and (max-width: 999px)  {
    .partenaner_header{text-align: right;margin-top: 16px;height: 65px;margin-right: 51px;}
}


.about_conference{

}

.about_conference .founder,
.about_conference .interim{
    margin-top: 40px
}

.about_conference .founder>h3,
.about_conference .interim>h3{
    margin-bottom: 40px;
}

.about_conference .content-medgu-person{

}

.about_conference .description-medgu-person{
    margin-right: 50px;
}

.about_conference .description-medgu-person .cms-richtext{
    text-align: justify;
}

.about_conference .title-boder-medgu-person{
    padding-left: 20px;
    border-left: 4px solid #4377bc;
    font-size: 20px;
    font-weight: 600;
    text-align: initial;
}

.about_conference .photo-medgu-person{
    position: relative;
}

.about_conference .affilication-photo-medgu-person{
    position: absolute;
    bottom: 20px;
    background: #fffffff7;
    padding: 5px 30px 10px;
    right: 40px;
    border-left: 3px solid #4377bc;
}

.about_conference .interim .affilication-photo-medgu-person{
    position: absolute;
    bottom: 20px;
    background: #fffffff7;
    padding: 5px 30px 10px;
    left: 40px;
    border-left: 3px solid #4377bc;
}

.about_conference .interim .title-boder-medgu-person{
    padding-left: 20px;
    border-left: 4px solid #4377bc;
    font-size: 20px;
    font-weight: 600;
    text-align: initial;
}

.about_conference .interim .description-medgu-person{
    margin-left: 50px;
}

.nav-sub.tow_column_active{
    display: none;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 0px;
}

#menu_two_column:hover .nav-sub.tow_column_active{
    display: grid !important;
}

.nav-sub.tow_column_active li:nth-of-type(1) { order: 1;}
.nav-sub.tow_column_active li:nth-of-type(2) { order: 2;}
.nav-sub.tow_column_active li:nth-of-type(3) { order: 3;}
.nav-sub.tow_column_active li:nth-of-type(4) { order: 4;}
.nav-sub.tow_column_active li:nth-of-type(5) { order: 5;}
.nav-sub.tow_column_active li:nth-of-type(6) { order: 6;}
.nav-sub.tow_column_active li:nth-of-type(7) { order: 7;}
.nav-sub.tow_column_active li:nth-of-type(8) { order: 8;}
.nav-sub.tow_column_active li:nth-of-type(9) { order: 9;}
.nav-sub.tow_column_active li:nth-of-type(10) { order: 10;}
.nav-sub.tow_column_active li:nth-of-type(11) { order: 11;}
.nav-sub.tow_column_active li:nth-of-type(12) { order: 12;}
.nav-sub.tow_column_active li:nth-of-type(13) { order: 13;}
.nav-sub.tow_column_active li:nth-of-type(14) { order: 14;}

@media screen and (min-width: 320px) and (max-width: 600px) {

    .about_conference .photo-medgu-person{
        order: 1;
        margin-bottom: 40px;
    }
    .about_conference .description-medgu-person{
        order: 2;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .about_conference .founder .affilication-photo-medgu-person,
    .about_conference .interim .affilication-photo-medgu-person{
        font-size: 1.3rem;
        left: 4px;
        padding: 0px 5px 10px 10px;
    }

    .about_conference .founder .affilication-photo-medgu-person h3,
    .about_conference .interim .affilication-photo-medgu-person h3{
        font-size: 1.5rem;
    }


    .cms-person .avatar{
        float: initial;
        max-width: 100%;
    }

    .cms-person .description {
        float: initial !important;
        width: 100% !important;
        margin-bottom: 40px;
    }

    .committes-page .overview{
        flex-direction: column;
    }
    .committes-page a.internal{
        margin-bottom: 20px;
    }


    .table_medgu tr{
        display: flex;
        flex-direction: column;
    }

    .table_medgu tr:first-child{
    }
    .table_medgu tr:first-child td:nth-child(2){
        display: none;
    }
    .table_medgu tr td:nth-child(1){
    }
    .table_medgu tr td:nth-child(2){
        color: #fff;
        background: #3880bb;
        align-self: end;
        width: fit-content !important;
        border-radius: 13px 0;
        padding: 3px 17px;
    }

    .table_medgu tr{
        margin-bottom: 10px;
        border: 1px solid #eee;
        border-radius: 0 0 20px 0;
        box-shadow: 0px 3px 3px 0px #e7e7e7;
        background: #eceff1;
    }

    .table_medgu tr td{
        border: 0;
    }

    #menu_two_column:hover .nav-sub.tow_column_active{
        display: block !important;
    }



}

.partenaire_mobile{display: none;height: 58px;width: 155px;position: absolute;top: 87px;margin: 0 auto;background: #ffffffe8;border-radius: 0 0 15px 15px;padding: 20px 9px;z-index: 10;}

.partenaire_mobile a {height: 32px;width: 145px;overflow: hidden;display: block;}


.partenaire_mobile a img {
    position: initial;
    margin:0;
    padding: 0 !important;
    width: 141px !important;
}


@media screen and (min-width: 320px) and (max-width: 800px) {
    .partenaire_mobile{
        display: block;
    }
}

.content_introduction_confrence .col-1-content{
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 65px;
}

.content_introduction_confrence .col-2-content{
    margin-top: 20px;
    text-align: justify;
}

.content_introduction_confrence .col-1-content div {
    text-align: justify;
    width: 266px;
}

#idnn .content_introduction_confrence .col-1-content p{font-size: 16px}


.bg-home-introduction{
    background-image: url(bg_home.svg);
    background-size: cover;
    background-position: bottom;
    padding: 0 30px;
}

@media screen and (min-width: 320px) and (max-width: 600px) {
    .content_introduction_confrence .col-1-content{margin-left: 0px;align-items: center;}



    .content_introduction_confrence .col-2-content{
        margin-left: 0px;
    }

    .content_introduction_confrence .col-1-content div {
        width: 100%;
    }

    .cms-sn-banner.cms-sn-banner-2{
        height: 220px !important;
    }

    .publication_home .cms-person .avatar{
        width: 180px;
    }

    .bg-home-introduction{
        padding-bottom: 0;
        background-position: bottom 52px left -228px;
        background-repeat: no-repeat;
    }

    .cms-client-springernature h1, .cms-client-springernature h2{
        font-size: 3rem;
    }

    .cms-person .description{
        margin-top: -30px;
        margin-bottom: 0;
    }

    iframe{
        max-width: 100%;
    }

    .camera_wrap .camera_pag .camera_pag_ul li{
        margin: 0 !important;
        width: 10px !important;
        height: 10px !important;
        line-height: 10px !important;
    }

    .camera_wrap .camera_pag .camera_pag_ul li span{
        width: 6px !important;
        height: 6px !important;
        left: 2px !important;
        top:2px !important;
    }

    .partenaire_mobile{
        top: 71px;
    }


    .content_with_img{
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 0 !important;
    }

    .content_with_img .content{
        margin: 0;
    }

    .graph_turkey_syria{
        padding-top: 0 !important;
        margin: 0 !important;
        align-items: center !important;
    }

}


/* Scroll Top */
#scrol_to_top{
    background: #4377bc;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    z-index: 10000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 50px;
    box-shadow: 0px 0px 6px 2px #2e60a3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
}


.link-button .link{

    transition-duration: 220ms;

    transition-timing-function: ease;

    transition-property: color, border-color, background-color;

    border: 0.0625rem solid transparent;

    border-radius: 0.3125rem;

    cursor: pointer;

    display: inline-block;

    font-weight: normal;

    text-decoration: none;

    background-color: #0088cc;

    border-color: #0088cc;

    color: #fff;

    padding: 5px 10px;

}

.link-button .link:hover, .link-button .link:active, .link-button .link:focus {

    background-color: #006699;

    border-color: #006699;

    color: #fff; }

.camera_wrap .camera_pag .camera_pag_ul{
    text-align: center;
}

.content_with_img .content{
    font-size: 16px;
    margin-left: 20px;
}

.graph_turkey_syria{
    order: 2; display: flex; flex-direction: column; align-items: flex-end; margin-left: 65px;    padding-top: 60px;
}

@media screen and (min-width: 401px) and (max-width: 900px) {
    .partenaner_header{
        display: none;
    }

    .partenaner_header .partenaner_publish, .partenaner_header .partenaner_host{

    }

    .partenaner_header .partenaner_host {

    }



}


.link_scopus_in_home {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    transition: all 0.5s ease;
}

.link_scopus_in_home .logo_scopus {
    width: 130px !important;
    margin-right: 10px;
}

.link_scopus_in_home .logo_scopus img {
    width: 100px !important;
}

.link_scopus_in_home .desc_logo_scopus {
    font-size: 14px;
    line-height: 20px;
}

.link_scopus_in_home:hover {
    transform: scale(.95);
}

.message_text_accent{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #4377bc;
    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;
}

.message_text_accent a{
    color: #dead26;
}



.link_map {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    background: #4377bc;
    border-radius: 5px;
    color: #fff !important;
    border: 1px solid #1e538829;
    padding: 0 10px 0 10px;
    position: relative;
    height: 40px;
}

.link_map img {
    width: 31px;
    height: 30px;
    padding: 3px;
    background: #fff;
    border-radius: 20px;
    position: absolute;
    right: -17px;
}


.link_map.iconclick {
    padding-right: 20px;
}