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

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



@charset "UTF-8";

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, img, ins, kbd, q, s, samp,

tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

    border: 0;

    font-size: 100%;

    font: inherit;

    margin: 0;

    padding: 0;

    vertical-align: baseline;

}#header .header-logo

@font-face {

    font-family: "sn_pm_icons";

    src: url('sn_pm_icons.eot?1474633992');

    src: url('sn_pm_icons.eot?&1474633992#iefix') format('embedded-opentype'), url('sn_pm_icons.woff?1474633992') format('woff'), url('sn_pm_icons.ttf?1474633992') format('truetype');

    font-weight: 400;

}

@font-face {

    font-family: "Daytona W01 Light";

    src: url('Daytona W01 Light.ttf');

    font-weight: 400;

}

body {

    line-height: 1;

}



ol, ul {

    list-style: none;

}



blockquote, q {

    quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



html {

    overflow-y: scroll;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

}



/* Global

------------------------------------------------------------------------------*/

html {

    font: 62.5% "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;

    /* Widescreen Global base font-size */

}



body {

    background: #FFF;

    color: #333;

    font-size: 13px;

    font-size: 1.3rem;

    min-width: 320px;

    /* Equal to $break-smartphone */

    overflow-y: hidden;

}

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

    body {

        /* MQ: Smartphone */



    }

}



body.cms-lang-jp {

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

}



div, dt, form, label, li, p, span {

    display: block;

    margin: 7px 0;

}

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

    div, dt, form, label, li, p, span {

        /* MQ: Smartphone */

        margin: 0;

    }

}



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

    li {

        /* MQ: Smartphone */

        display: list-item;

    }

}



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

    span, label {

        /* MQ: Smartphone */

        display: inline;

    }

}



/* Basic Design

------------------------------------------------------------------------------*/

#header {

    background: #f1f1f1;

    margin: 0;

    padding: .5em .5em;

}

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

    #header {

        /* MQ: Smartphone */

        padding: 0;

    }

}



#content,

#footer-nav,

#footer {

    padding: .2em .5em;

}

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

    #content,

    #footer-nav,

    #footer {

        /* MQ: Smartphone */

        padding: 0;

    }

}



/* Typography

------------------------------------------------------------------------------*/

h1, h2 {

    font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;

    font-weight: normal;

    letter-spacing: 0.02em;

    line-height: 1.2;

}

.cms-lang-jp h1, .cms-lang-jp h2 {

    font-family: "ヒラギノ角ゴ Pro W3", Georgia, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



h1 {

    font-size: 26px;

    font-size: 2.6rem;

    margin: 7px 0 14px;

}

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

    h1 {

        /* MQ: Tablet */

        font-size: 30px;

        font-size: 3rem;

    }

}



h1 span {

    color: #999999;

}



h2 {

    font-size: 24px;

    font-size: 2.4rem;

    margin: 7px 0;

}



h3 {

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: normal;

    margin: 7px 0 5px;

}



sub, sup {

    font-size: 9px;

    font-size: 0.9rem;

    line-height: 1;

}



sub {

    vertical-align: text-bottom;

}



sup {

    vertical-align: text-top;

}



/* Links

------------------------------------------------------------------------------*/

a {

    color: #3A2C12;

    text-decoration: none;

}



a:hover,

a:active,

a:focus {

    color: #3A2C12;

    text-decoration: underline;

}



/* truncator */

a[href='#more'],

a[href='#less'] {

    color: #666666;

    font-size: 11px;

    font-size: 1.1rem;

    text-decoration: underline;

    white-space: nowrap;

}



a[href='#more']:hover,

a[href='#less']:hover {

    color: #333;

}



/* external */

a.external:after {

    /* blue external link indicator */

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALUlEQVQYlWNgLDv8H4YZoABFDFkCGeBVABPDqgBDA7rdWO3C5gacVmBVgA8DACqIPj0jO7W7AAAAAElFTkSuQmCC") no-repeat right center;

    /* patternify URL: http://ptrn.it/ugEXX3 */

    content: '';

    display: inline-block;

    height: 8px;

    margin-left: 7px;

    width: 8px;

}



/* Hiding

------------------------------------------------------------------------------*/

.hidden {

    display: none !important;

    visibility: hidden;

}



#gimme-satisfaction,

#reader-overlay,

.js-hidden,

.pillow-btn,

.no-js #results-only-access-checkbox,

.tooltip {

    display: none;

}



#pub-date-graph {

    position: absolute;

    left: -1000px;

}

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

    #pub-date-graph {

        /* MQ: Widescreen */

        position: relative;

        left: auto;

    }

}



.bar-dock {

    position: absolute;

    left: -100000px;

}

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

    .bar-dock {

        /* MQ: Tablet */

        position: static;

        left: auto;

    }

}



.flyout-caption {

    position: absolute;

    left: -10000px;

}

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

    .flyout-caption {

        /* MQ: Smartphone */

        left: auto;

    }

}



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

    #gimme-satisfaction {

        /* MQ: Tablet */

        display: block;

    }

}



#fdbk_tab {

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

    opacity: 0;

}

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

    #fdbk_tab {

        /* MQ: Widescreen */

        opacity: 1;

    }

}

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

    #fdbk_tab {

        display: none;

    }

}



.js #fdbk_screen {

    opacity: .75;

}



/* Accessibility

------------------------------------------------------------------------------*/

.accessibility {

    position: absolute;

    left: -100000px;

}



/* JavaScript/Chrome/Redirect -prompt notices

------------------------------------------------------------------------------*/

.no-js {

    padding-top: 42px;

}



/* Specific module styles for Base mode

------------------------------------------------------------------------------*/

/* Scale #site-qualifier to full-width */

#site-qualifier img {

    width: 98%;

}

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

    #site-qualifier img {

        /* MQ: Smartphone */

        width: auto;

    }

}



/* Make call-to-actions more prominent */

#abstract-actions,

.bar-actions {

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;

}

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

    #abstract-actions,

    .bar-actions {

        /* MQ: Smartphone */

        font-size: 100%;

        font-weight: normal;

    }

}

#abstract-actions a span,

.bar-actions a span {

    display: inline-block;

}



img.lazy {

    display: none;

}



/* Qualaroo */

#ki_container {

    display: none;

}

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

    #ki_container {

        display: block;

    }

}



/* Forms

------------------------------------------------------------------------------*/

button,

input,

select,

textarea {

    color: #666666;

    font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;

}

.cms-lang-jp button, .cms-lang-jp

input, .cms-lang-jp

select, .cms-lang-jp

textarea {

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

}



input[type=text],

input[type=email],

input[type=number],

input[type=date],

input[type=password],

textarea {

    background-color: #FFF;

    border: 1px solid #bcbcbc;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-box-shadow: inset 2px 2px 5px #efefef;

    -moz-box-shadow: inset 2px 2px 5px #efefef;

    box-shadow: inset 2px 2px 5px #efefef;

    font-size: 13px;

    font-size: 1.3rem;

    padding: 4px 3px;

}



input[type=text].placeholder,

input[type=email].placeholder,

input[type=password].placeholder {

    color: #999999;

}



input[type=text]:focus,

input[type=email]:focus,

input[type=password]:focus,

textarea:focus {

    border-color: #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: "ヒラギノ角ゴ Pro W3", Georgia, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    }

    .toc .toc-item + h3 {

        border-top: 1px solid #dcdcdc;

        margin-top: 5px;

    }

    .toc .toc-item {

        padding: 12px 15px 13px 10px;

        position: relative;

        zoom: 1;

    }

    .toc .toc-item:hover {

        background-color: #FBFBFB;

        -webkit-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;

        -moz-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;

        box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;

    }

    .toc .content-type {

        color: #666666;

        font-size: 11px;

        font-size: 1.1rem;

        position: relative;

    }

    .toc .page-range,

    .toc .citation-info {

        color: #666666;

        font-size: 11px;

        font-size: 1.1rem;

        position: absolute;

        right: 20px;

        bottom: 13px;

    }

    .toc h3.title {

        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;

    }

    .toc .title,

    .toc h3.content-type,

    .toc h4.content-type {

        /* bg, bb, ff & padding are reset, Karl: review; h4.content-type for book front/back matter */

        background: none;

        border-bottom: 0;

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none;

        color: #333;

        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;

        font-size: 16px;

        font-size: 1.6rem;

        line-height: 1.4;

        margin: 3px 0 0 0;

        padding: 0;

    }

    .toc h3.content-type,

    .toc h4.content-type {

        margin: 0 !important;

    }

    .toc .abstract-content {

        color: #666666;

        font-size: 14px;

        font-size: 1.4rem;

        margin: 3px 0 0 0;

    }

    .toc .abstract-content img {

        max-width: 100%;

    }

    .toc ul.authors {

        margin: 3px 80px 0 0;

    }

    .toc .toc-item .authors a {

        /* .toc-item for higher specifity */

        border-bottom: 0;

        text-decoration: none;

    }

    .toc .toc-item .authors a:hover,

    .toc .toc-item .authors a:focus {

        text-decoration: underline;

    }

    .toc .meta {

        margin-right: 100px;

        margin-top: 5px;

    }

    .toc .actions {

        margin-top: 10px;

    }

    .toc .no-access {

        background-color: #fffdf4;

    }

    .toc .no-access .page-range {

        bottom: 17px;

    }

    .toc .no-access .content-type {

        margin-top: -15px;

        margin-left: 26px;

    }

    .toc .no-access .title {

        margin-top: 7px;

    }

    .toc .no-access-message {

        background: #fff9e0;

        color: #666666;

        font-size: 11px;

        font-size: 1.1rem;

        font-style: italic;

        font-weight: bold;

        height: 16px;

        margin: -12px -15px 0 -5px;

        padding: 6px 15px 0 0;

        text-align: right;

    }

    .toc .no-access-message img {

        left: 7px;

        position: absolute;

        top: 1px;

    }



    /* About this (in expander)

  ------------------------------------------------------------------------------*/

    .summary:before, .summary:after {

        content: " ";

        display: table;

    }

    .summary:after {

        clear: both;

    }

    .summary dl {

        line-height: 1.5;

        margin: 0 0 7px 0;

    }

}

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

    .summary dl {

        /* MQ: Tablet */

        display: inline;

        float: left;

        margin: 0 0 0 2.32558139535%;

        /* Math: 20 / 860 */

        width: 30.2325581395%;

        /* Math: 260 / 860 */

    }

}

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

    .summary dl:first-child {

        margin-left: 0;

    }

    .summary dt {

        border-top: 1px solid #dcdcdc;

        font-weight: bold;

        margin: 10px 0 2px;

        padding-top: 10px;

    }

    .summary dt:first-child {

        border-top: 0;

        margin-top: 0;

        padding-top: 0;

    }

    .summary dd {

        color: #666666;

        word-wrap: break-word;

    }

    .summary a:before {

        content: '\00BB\0020';

    }

    .summary .authors a:before,

    .summary .editors a:before {

        content: '';

    }

    .summary .authors li a:first-child,

    .summary .editors a {

        border-bottom: 1px solid #D7D6D6;

    }

    .summary .authors li a:first-child:hover,

    .summary .editors a:hover {

        border-color: #666666;

        text-decoration: none;

    }



    /* References (in expander)

  ------------------------------------------------------------------------------*/

    #abstract-references .enumeration {

        font-style: italic;

        margin-right: 10px;

    }



    #abstract-references li a,

    .report-download a {

        font-size: 11px;

        font-size: 1.1rem;

        margin-right: 10px;

    }

    #abstract-references li a:before,

    .report-download a:before {

        content: '\00BB\0020';

    }



    #abstract-references li a:before,

    .report-download a {

        white-space: nowrap;

    }



    /* Material list / Supplementary materials (in expander)

  ------------------------------------------------------------------------------*/

    .material-list li {

        border-top: 1px solid #dcdcdc;

        line-height: 1.5;

        min-height: 34px;

        padding: 10px 0 9px 37px;

        position: relative;

    }

}

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

    .material-list li {

        /* MQ: Tablet */

        padding-right: 120px;

    }

}



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

    .material-list li:first-child {

        border-top: 0;

    }



    /* type icons */

    .material-list .icon {

        background-repeat: no-repeat;

        color: transparent;

        direction: ltr;

        display: block;

        overflow: hidden;

        text-align: left;

        text-indent: -9999em;

        text-transform: capitalize;

        background: url('springer-sprite-s5b407fa7c7.png') 0 -2159px no-repeat;

        height: 34px;

        position: absolute;

        left: 0;

        top: 11px;

        width: 26px;

    }



    .material-list li.type-audio .icon {

        background: url('springer-sprite-s5b407fa7c7.png') 0 -397px no-repeat;

    }



    .material-list li.type-video .icon {

        background: url('springer-sprite-s5b407fa7c7.png') 0 -3226px no-repeat;

    }



    /* filesize */

    .material-list .filesize {

        color: #999999;

    }



    /* Abstract

  ------------------------------------------------------------------------------*/

    /* beautify messy content - visually reduce too much line breaks */

    .abstract-content br + br,

    .abstract-content ul > br {

        display: none;

    }



    /* Formatted content

  ------------------------------------------------------------------------------*/

    .formatted {

        /* paragraphs */

        /* lists */

    }

    .formatted h3 {

        margin-top: 10px;

    }

    .formatted p {

        line-height: 1.6;

        margin-top: 10px;

    }

    .formatted h3 + p,

    .formatted p:first-child {

        margin-top: 0;

    }

    .formatted li p {

        margin: 0;

    }

    .formatted ol,

    .formatted ul {

        margin-top: 10px;

        padding-left: 1.6em;

    }

    .formatted ol {

        list-style-type: decimal;

    }

    .formatted ul {

        list-style-type: disc;

    }

    .formatted li {

        line-height: 1.5;

        margin-top: 7px;

    }

    .formatted li:first-child {

        margin-top: 0;

    }



    /*images*/

    .figure img {

        max-width: 98%;

        margin: 7px 0;

    }

}

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

    .figure img {

        /* MQ: Widescreen */

        max-width: 100%;

    }

}



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

    /* Introduction ('Home' & 'Industry Sector' Page)

  ------------------------------------------------------------------------------*/

    #intro {

        margin: 0 27px 24px 0;

    }

    #intro p {

        color: #999999;

        font-size: 16px;

        font-size: 1.6rem;

        line-height: 1.4;

    }



    /* Notes

  ------------------------------------------------------------------------------*/

    .notes {

        border-top: 1px solid #dcdcdc;

        color: #777777;

        font-style: italic;

        list-style: outside disc;

        margin: 10px 0 20px;

        padding: 18px 0 0 15px;

    }

    .browse + .notes {

        border-top: 0;

        padding-top: 0;

    }

    .notes li + li {

        margin-top: 0.75em;

    }

}

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

    /* MQ: Smartphone */

    /* Dialog prompt for 'are you sure?' situations

  ------------------------------------------------------------------------------*/

    .check-prompt {

        display: none;

    }



    .lb.check-prompt-content {

        width: 298px;

    }



    .check-prompt-content p {

        margin-bottom: 15px;

    }



    .check-prompt-content .btn {

        margin-right: 15px;

    }

}

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

    /* MQ: Smartphone */

    /* Expander

  ------------------------------------------------------------------------------*/

    .expander {

        margin: 0 -12px;

    }

}

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

    .expander {

        /* MQ: Tablet */

        margin: 5px 0;

    }

}



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

    /* title */

    .expander-title {

        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;

        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));

        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);

        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);

        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);

        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);

        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);

        -webkit-border-radius: 2px;

        -moz-border-radius: 2px;

        border-radius: 2px;

        -webkit-box-shadow: inset 0 1px 0 #FFF;

        -moz-box-shadow: inset 0 1px 0 #FFF;

        box-shadow: inset 0 1px 0 #FFF;

        border-bottom: 1px solid #DBDBDA;

        border-top: 1px solid #DBDBDA;

        font-size: 14px;

        font-size: 1.4rem;

        font-weight: bold;

        height: auto;

        margin-bottom: -1px;

        padding: 14px 0;

    }

}

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

    .expander-title {

        /* MQ: Tablet */

        border: 1px solid #EEECEC;

        height: 26px;

        magrin-bottom: 0;

        padding: 0;

    }

}



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

    .js .expander-title:hover {

        border-color: #cccccc;

    }



    .expander-title div {

        background: url(/spcom/sites/sgw/images/expander_arrows.png) no-repeat 20px -44px;

        border-top: none;

        display: block;

        font-weight: bold;

        padding: 0 5px 0 34px;

    }



    .expander-loading div.expander-title div {

        background: url(/spcom/sites/sgw/images/loading_expander.gif) no-repeat 12px 5px;

    }



    .no-js .expander-title div {

        background: none;

    }



    .js .expander-content {

        display: none;

    }



    .expander-open .expander-content {

        display: block;

    }



    .expander-title h2,

    #dashboard-area .expander-title h2 {

        color: #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: "ヒラギノ角ゴ Pro W3", Arial, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    }

    .cms-teaser-triple .cms-col:last-child {

        display: none;

    }

}

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

    .cms-teaser-triple .cms-col:last-child {

        /* MQ: Tablet */

        display: block;

    }

}

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

    .cms-teaser-triple img {

        width: 100%;

        margin: 0 0 15px;

    }

    .cms-teaser-triple p {

        font-size: 12px;

        font-size: 1.2rem;

        line-height: 18px;

        line-height: 1.8rem;

    }



    /* PRODUCT TEASER

  --------------------------------------------------------*/

    h1 + .cms-teaser-products {

        margin-top: -1em;

    }



    .cms_link_target_in_english:after {

        content: "in English";

        color: #808080;

        font-size: 12px;

        font-style: italic;

        font-weight: normal;

        padding: 0;

        margin: 0 0 0 0.8em;

        display: inline-block;

        text-decoration: none;

    }

    .channel-title .cms_link_target_in_english:after {

        content: "";

    }

}

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

    /* MQ: Smartphone */

    /* CAREER

  ------------------------------------------------------------------------------*/

    .cms-career .cms-career-content {

        display: none;

    }

    .cms-career .cms-career-nojobs {

        display: none;

    }

    .cms-career .cms-career-filter {

        margin: 1.5em 0 -1.4em;

    }

    .cms-career .cms-career-filter select {

        font-size: 16px;

        font-size: 1.6rem;

        padding: 3px;

        max-width: 40%;

        margin: 0 .5em 1em 0;

    }

    .cms-career .cms-career-filter a {

        font-size: 16px;

        font-size: 1.6rem;

        color: #666666;

        white-space: nowrap;

        display: none;

    }

    .cms-career .cms-career-filter.filtered a {

        display: inline-block;

    }

    .cms-career .cms-career-jobs {

        padding: 0;

        margin-top: .9em;

    }

    .cms-career .cms-career-job {

        border-top: 1px solid #dcdcdc;

        border-bottom: 1px solid #dcdcdc;

        cursor: pointer;

        padding: 9px 0;

        margin: 0;

    }

    .cms-career .cms-career-job p.date {

        font-size: 11px;

        font-size: 1.1rem;

        color: #666666;

    }

    .cms-career .cms-career-job h3 {

        margin: .1em 0 .25em;

    }

    .cms-career .cms-career-job p.location {

        color: #666666;

    }

    .cms-career .cms-career-job + .cms-career-job {

        border-top: none;

    }

    .cms-career .cms-career-more {

        display: none;

        text-align: right;

        padding: 1em 0;

        background-color: #f4f4f4;

        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));

        background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);

        background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);

        background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);

        background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);

        background-image: linear-gradient(top, #ffffff, #f4f4f4);

        margin-bottom: .3em;

        border-bottom: 1px solid #dcdcdc;

    }

    .cms-career .cms-career-more a {

        padding-right: 20px;

    }

    .cms-career .cms-career-more a:before {

        content: '\00BB\0020';

    }

}

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

    /* MQ: Smartphone */

    .col-aside,

    .col-main {

        min-height: 1px;

    }

}

#print-header {

    display: none;

}

#print-header img {

    position: absolute;

    left: 0;

}



.showOnPrint, .showOnlyOnPrint {

    display: block;

}



.showOnPrintInline, .showOnlyOnPrintInline {

    display: inline;

}



.removeOnPrint {

    display: none;

}



/*

This CSS resource incorporates links to font software which is the valuable copyrighted

property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,

redistribute, convert, modify or reverse engineer this font software. Please contact Monotype

Imaging with any questions regarding Web Fonts:  http://www.fonts.com

*/



/* Foundation Base */

html {

    box-sizing: border-box;

}



*,

*:before,

*:after {

    -webkit-box-sizing: inherit;

    -moz-box-sizing: inherit;

    box-sizing: inherit;

}



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

    /* MQ: Smartphone */

    /* Springer Nature Basics and resets

  --------------------------------------------------*/

    body {

        background-color: #efefef;

        font-size: 14px;

        font-size: 1.4rem;

        color: #444;

        line-height: 1.55;

    }



    .cms-client-springernature p {

        margin-bottom: .66em;

    }

    .cms-client-springernature h1, .cms-client-springernature h2 {

        color: #3A2C12;

        font-size: 36px;

        font-size: 3.6rem;

        line-height: 1.17;

        margin-top: 0;

        margin-bottom: .8em;

        padding-bottom: .25em;

        border-bottom: 1px solid #e8e8e8;

    }

    .cms-client-springernature h3 {

        color: #333;

        font-size: 24px;

        font-size: 2.4rem;

        line-height: 1.333;

    }

    .cms-client-springernature h4 {

        color: #444;

        font-size: 20px;

        font-size: 2rem;

        line-height: 1.3;

    }

    .cms-client-springernature h1,

    .cms-client-springernature h2,

    .cms-client-springernature h3,

    .cms-client-springernature h4,

    .cms-client-springernature p {

        -webkit-font-smoothing: antialiased;

        word-spacing: -.05em;

        letter-spacing: .01em;

    }

    .cms-client-springernature p {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .cms-client-springernature .cms-common {

        font-size: 16px;

        font-size: 1.6rem;

        line-height: 1.5;

    }

    .cms-client-springernature .cms-common p {

        margin: .75em 0;

    }

    .cms-client-springernature .section-header {

        border-bottom: none;

        box-shadow: none;

        margin-bottom: 0;

        margin-top: 0;

        padding: 0;

        position: static;

    }

    .cms-client-springernature .section-header h2 {

        margin-right: inherit;

        margin-top: inherit;

    }

    .cms-client-springernature .default-table {

        overflow-x: visible;

    }

}

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

    /* MQ: Smartphone */

    /* Corporate Homepage

  --------------------------------------------------*/

    #header {

        background: #ffffff;

    }

    #header #headerlogo {

        display: inline-block;

        background: url("logo.png?v=2");

        background-repeat: no-repeat;

        background-position: 0 0;

        background-size: contain;

        width: 490px;

        height: 75px;

    }

}

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

    #header #headerlogo {

        /* MQ: Tablet */

        display: inline-block;

        background: url("logo.png?v=2");

        background-repeat: no-repeat;

        background-position: 0 0;

        background-size: contain;

        width: 400px;

        height: 70px;

    }

}

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

    #header #headerlogo {

        /* MQ: Widescreen */

        display: inline-block;

        background: url("logo.png?v=2");

        background-repeat: no-repeat;

        background-position: 0 0;

        background-size: contain;

        width: 573px;

        height: 83px;

    }

}

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

    #header .header-logo {

        padding-top: 16px;

        height: 100px;

    }

}

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

    #header .btn-raccourci{



    }

}

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

    #header .header-logo {

        /* MQ: Widescreen */

        padding-top: 32px;

        height: auto;

    }





    #header .btn-raccourci{

        padding-top: 32px;

        text-align: right;

    }



}

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

    #header .navigation-toggle {

        display: block;

        float: right;

        padding: 18px 13px;

        height: 50px;

        width: 50px;

        outline: 0;

    }

}

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

    #header .navigation-toggle {

        /* MQ: Widescreen */

        display: none;

    }

}

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

    #header .navigation-toggle .icon-bar {

        display: block;

        height: 2px;

        width: 24px;

        background-color: #333;

    }

    #header .navigation-toggle .icon-bar + .icon-bar {

        margin-top: 4px;

    }

    #header .navigation-toggled {

        background-color: #cedbe0;

    }

    #header .navigation-toggle + nav {

        display: none;

    }

}

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

    #header .navigation-toggle + nav {

        /* MQ: Widescreen */

        display: block;

    }

}

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

    #header .navigation-toggle.navigation-toggled + nav {

        display: block;

    }

    #header nav {

        background-color: #dad2b8;

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

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

    }

    #header nav ul li + li {

        border-top: 1px solid #f1f1f1;

    }

}

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

    #header nav ul li + li {

        /* MQ: Widescreen */

        border-top: none;

    }

}



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

    #footer {

        font-size: 14px;

        font-size: 1.4rem;

        background-color: #7e746e;

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

    }

    .layout-nature-home .cms-highlight-1 h1, .layout-nature-home .cms-highlight-1 h2 {

        border-bottom-color: #fff;

    }

    .layout-nature-home .cms-highlight-0 + .cms-highlight-0,

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

        padding-top: 0;

    }

    .layout-nature-home .cms-grid-collection,

    .layout-nature-home .cms-video,

    .layout-nature-home .cms-sn-brands {

        margin-bottom: 1.4em;

    }

    .layout-nature-home .cms-image-only-teaser {

        margin-top: 1.45em;

        margin-bottom: 1.9em;

    }

    .layout-nature-home .cms-person-side-image,

    .layout-nature-home .cms-article-side-image {

        /*             margin-top: -1.5em; */

    }

    .layout-nature-home .cms-collection-list > .cms-container {

        padding-top: 0;

    }

    .layout-nature-home .cms-grid-collection .cms-collection-list .cms-container {

        padding-top: 0;

        padding-bottom: 0;

    }

}

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

    /* MQ: Smartphone */

    /* COMMON STYLES FOR COREMEDIA CONTENT: forked from .formatted

  ------------------------------------------------------------------------------*/

    .cms-richtext {

        -webkit-font-smoothing: antialiased;

        word-spacing: -.05em;

        letter-spacing: .01em;

        /* paragraphs */

        /* lists */

        /** Special paragraph styles */

        /* last divider needs to simulate */

        /** Image styles */

    }

    .cms-richtext h1 {

        margin-top: .9em;

        margin-bottom: .9em;

    }

    .cms-richtext h2 {

        margin: 1.3em 0 0 0;

        border: none;

    }

    .cms-richtext h3 {

        margin: 1.9em 0 0;

        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;

        font-size: 20px;

        font-size: 2rem;

        margin-bottom: 0;

        line-height: 1.2;

    }

    .cms-lang-jp .cms-richtext h3 {

        font-family: "ヒラギノ角ゴ Pro W3", Georgia, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    }

    .cms-richtext h4 {

        font-size: 16px;

        font-size: 1.6rem;

        margin-top: 1.3em;

        font-weight: normal;

        margin-bottom: .66em;

        line-height: 1.2;

    }

    .cms-richtext h1:first-child {

        margin-top: .4em;

    }

    .cms-richtext p {

        line-height: 1.6;

        margin-top: .6em;

    }

    .cms-richtext li p {

        margin: 0;

    }

    .cms-richtext ol,

    .cms-richtext ul {

        padding-left: 1.6em;

    }

    .cms-richtext ol {

        list-style-type: decimal;

    }

    .cms-richtext ul {

        list-style-type: none;

        padding-left: 1em;

    }

    .cms-richtext li {

        line-height: 1.6;

        margin-top: .6em;

    }

    .cms-richtext p.intro--paragraph {

        font-size: 20px;

        font-size: 2rem;

        line-height: 1.4;

    }

    .cms-richtext p.intro--paragraph + * {

        margin-top: 2.5rem;

    }

    .cms-richtext p.intro--paragraph.twoColumnRight--paragraph + * {

        margin-top: .6em;

    }

    .cms-richtext p.twoColumnLeft--paragraph.intro--paragraph + .intro--paragraph {

        margin-top: .6em;

    }

    .cms-richtext p.divider--paragraph {

        border-top: 1px solid #dcdcda;

        border-bottom: 1px solid #dcdcda;

        padding: 0.5em 0;

        margin-top: 1.25em;

    }

    .cms-richtext p.divider--paragraph + p.divider--paragraph {

        border-top: none;

        margin: 0;

    }

    .cms-richtext p.divider--paragraph + p {

        margin-top: 1.1em;

    }

    .cms-richtext .divider--list p:first-child {

        border-top: 1px solid;

    }

    .cms-richtext img {

        max-width: 100%;

    }

    .cms-richtext p img {

        margin-top: .4em;

        margin-bottom: .5em;

    }

    .cms-richtext img.float--left {

        margin-right: 1.5em;

    }

    .cms-richtext img.float--right {

        margin-left: 1.5em;

    }



    /* SPACING of elements

  -------------------------------------------------------------------------------*/

    .cms-container {

        margin: 2.6em 0;

        overflow: hidden;

    }

    .cms-container:first-child {

        margin-top: 0;

    }



    .cms-container-overflow {

        overflow: visible;

    }



    .box .cms-container {

        margin: 0;

    }



    /* ARTICLE

  ------------------------------------------------------------------------------*/

    .cms-article {

        /* table */

    }

    .cms-article .taxonomy {

        font-size: 11px;

        font-size: 1.1rem;

        color: #777777;

    }

    .cms-article .taxonomy a {

        color: inherit;

    }

    .cms-article .taxonomy .publication-date + .subjects::before {

        content: "|";

        margin: 0 8px;

    }

    .cms-article .imgAvatar {

        max-width: 140px;

    }

    .cms-article .imgSmall {

        max-width: 261px;

    }

    .cms-article .imgMedium {

        max-width: 576px;

    }

    .cms-article .imgLarge {

        max-width: 776px;

    }

    .cms-article table {

        margin: 1.1em 0;

    }

    .cms-article table p {

        margin: 0;

    }

    .cms-article table tr:first-child {

        font-weight: bold;

        /* copy from "default-table th" as CM does not provide th; with top border as there is no caption in CM yet */

    }

    .cms-article table tr:first-child td {

        background: #e5e5e5 url(../images/grdnt_grey_f8f8f8_e5e5e5.gif) repeat-x;

        background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));

        background-image: -webkit-linear-gradient(top, #f8f8f8, #e5e5e5);

        background-image: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);

        background-image: -ms-linear-gradient(top, #f8f8f8, #e5e5e5);

        background-image: -o-linear-gradient(top, #f8f8f8, #e5e5e5);

        background-image: linear-gradient(top, #f8f8f8, #e5e5e5);

        -webkit-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;

        -moz-box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;

        box-shadow: inset 1px 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;

        font-weight: bold;

    }

    .cms-article ol, .cms-article ul {

        margin-top: .6em;

    }

    .cms-article ul li:before {

        /* background: url(list-bullet-small.png) no-repeat 0px 0px; */

        width: 3px;

        height: 3px;

        display: inline-block;

        content: " ";

        position: absolute;

        left: -12px;

        top: 9px;

    }

    .cms-article .cms-link-list li {

        background: none !important;

    }

    .cms-article .cms-link-list li:before {

        background: none !important;

    }

    .cms-article .twoColumnLeft--paragraph {

        float: left;

        clear: left;

        width: 80px;

    }

    .cms-article .twoColumnRight--paragraph {

        margin-left: 100px;

    }

    .cms-article .twoColumnSeparatorLeft--paragraph,

    .cms-article .twoColumnSeparatorLeft--paragraph--noborder {

        clear: both;

        height: 0;

        margin: .1em 0;

        overflow: hidden;

    }

    .cms-article .twoColumnSeparatorLeft--paragraph {

        border-top: 1px solid #dcdcdc;

        margin: 1.1em 0;

    }

    .cms-article .twoColumnSeparatorLeft--paragraph + .twoColumnLeft--paragraph {

        margin-top: 0;

    }

}

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

    .cms-article {

        /* MQ: Widescreen */

    }

    .cms-article .twoColumnLeft--paragraph {

        width: 160px;

    }

    .cms-article .twoColumnRight--paragraph {

        margin-left: 180px;

    }

}

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

    .cms-article p.intro--paragraph.twoColumnRight--paragraph + * {

        margin-top: .6em;

    }

    .cms-article h3 {

        clear: both;

    }



    .cms-article:hover .taxonomy a {

        color: #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: "ヒラギノ角ゴ Pro W3", Arial, "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    }



    .section-header a.back-link {

        position: absolute;

        right: 0;

        bottom: 0;

        margin-bottom: 6px;

        background-position: 0 5px;

        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;

        padding: 3px 0 0 15px;

        font-size: 13px;

        font-size: 1.3rem;

    }

    .cms-lang-jp .section-header a.back-link {

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

    }



    .cms-container > h1,

    .cms-container > h2,

    .cms-container > h3,

    .cms-container > .section-header,

    .cms-container > .section-header h1,

    .cms-container > .section-header h2,

    .cms-container > .section-header h3,

    .cms-container > div > h1,

    .cms-container > div > h2,

    .cms-container > div > h3,

    .cms-container > div > .section-header,

    .cms-container > div > .section-header h1,

    .cms-container > div > .section-header h2,

    .cms-container > div > .section-header h3 {

        margin-top: 0;

    }



    /* LINK LIST (WITH RAQUO, PLAIN)

  -------------------------------------------*/

    .cms-link-list li {

        line-height: 1.3;

    }

    .cms-link-list a {

        padding-left: 1.1em;

        display: inline-block;

    }

    .cms-link-list a:before {

        content: "\bb  ";

        display: inline-block;

        margin-right: .5em;

        margin-left: -1.1em;

    }



    .shop-disciplines dl, .shop-disciplines ul.cms-link-list,

    .cms-toc dl,

    .cms-toc ul.cms-link-list,

    .cms-linklists dl,

    .cms-linklists ul.cms-link-list,

    .cms-article dl,

    .cms-article ul.cms-link-list,

    .cms-person dl,

    .cms-person ul.cms-link-list {

        padding-left: 0;

        list-style-type: none;

    }

    .shop-disciplines li,

    .cms-toc li,

    .cms-linklists li,

    .cms-article li,

    .cms-person li {

        margin-top: 0;

        margin-bottom: .45em;

        position: relative;

    }



    .cms-tab-content p.link-text {

        margin-bottom: 0;

    }



    ol.cms-link-list-transparent,

    ul.cms-link-list-transparent {

        padding: 0 !important;

        list-style-type: none !important;

    }

    ol.cms-link-list-transparent li,

    ul.cms-link-list-transparent li {

        margin-top: 0;

    }



    .cms-toc .abstract {

        margin-bottom: 2.2em;

    }

    .cms-toc ul {

        margin-bottom: 3.7em;

    }



    /*

  -------------------------------------------------------*/

    .cms-video-wrapper {

        margin-top: .6em;

    }



    /** General floats (coremedia uses double dashes!) */

    .float--left, .float-left {

        float: left;

    }



    .float--right, .float-right {

        float: right;

    }



    .float--none, .float-none {

        float: none;

    }



    .cms-image-responsive img {

        max-width: 100% !important;

    }



    /* OVERWRITES if part of cms

  ----------------------------------------------------------*/

    .cms #wrapper #content,

    .cms .page-wrapper #content {

        padding-bottom: 27px;

    }

    .cms .box {

        padding: 14px;

        overflow: hidden;

    }

    .cms .default-table {

        margin: 0;

        overflow-x: visible;

        /* needed for article flaps */

    }

}

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

    .cms .default-table {

        /* MQ: Tablet */

        overflow-x: auto;

    }

}

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

    .cms a.external:after {

        margin: 0 5px;

    }

    .cms .form-submit-section {

        text-align: right;

    }

    .cms .form-submit-section .btn {

        margin: 0 0 0 12px;

    }

    .cms .cms-col > .btn, .cms .cms-col > a > .btn {

        /* two-column buttons need to be column-wide */

        display: block;

        text-align: center;

    }

}

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

    /* MQ: Smartphone */

    .cms-sn-banner {height: 416px;margin: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;}

}

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

    .cms-sn-banner {

        /* MQ: Tablet */

        margin: 0 0 .5em;

    }

}

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

    .cms-sn-banner .bookmark {

        box-sizing: border-box;

        font-family: "Daytona W01 Light", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;

        font-size: 24px;

        font-size: 2.4rem;

        line-height: 1.3;

        -webkit-font-smoothing: antialiased;

        word-spacing: -.05em;

        letter-spacing: .01em;

        position: absolute;

        left: 10%;

        right: 10%;

    }

}

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

    .cms-sn-banner .bookmark {

        /* MQ: Smartphone Large */

        width: 281px;

        left: auto;

        right: .85em;

    }

}

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

    .cms-sn-banner .bookmark .bookmark-text {

        background: url(springernature-bookmark.png) transparent center bottom no-repeat;

        background-size: 100% auto;

        color: #cedbe0;

        padding: 25px 25px 98px;

        min-height: 253px;

    }

    .cms-sn-banner .bookmark .bookmark-text p {

        font-size: 20px;

        font-size: 2rem;

        margin: 0;

    }



    .cms-sn-banner.cms-sn-banner-2 .bookmark {

        font-family: "Daytona W01 Regular", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;

        letter-spacing: .05em;

    }

    .cms-sn-banner.cms-sn-banner-2 .bookmark .bookmark-text {

        background: url(springernature-bookmark-2.png) transparent center bottom no-repeat;

        background-size: 100% auto;

        color: #cedbe0;

        padding: 25px 25px 69px;

        min-height: 146px;

    }

    .cms-sn-banner.cms-sn-banner-2 .bookmark .bookmark-text p {

        text-transform: uppercase;

    }

}

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

    /* MQ: Smartphone */

    .cms-sn-brands .brand-logos-block a {

        display: block;

        line-height: 1;

        width: 100%;

        padding: 1.3em 0;

        border-bottom: 1px solid #ccc;

    }

}

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

    .cms-sn-brands .brand-logos-block a {

        /* MQ: Tablet */

        display: block;

        margin: 2.9em 0 0 0;

        width: auto;

        padding: 0;

        border: none;

    }

}

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

    .cms-sn-brands .brand-logos-block a {

        /* MQ: Widescreen */

        text-align: center;

    }

}



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

    /* MQ: Smartphone */

    .cms-article-side-image .columns h3:first-child,

    .cms-person-side-image .columns h3:first-child {

        margin-top: 0;

    }

    .cms-article-side-image .align-image-text img,

    .cms-person-side-image .align-image-text img {

        margin-top: 7px;

    }

}

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

    /* MQ: Smartphone */

    .cms-person-side-image .person-profile p:first-of-type span:first-of-type {

        font-weight: bold;

    }

    .cms-person-side-image .person-detail {

        margin-top: 0;

    }

    .cms-person-side-image .person-detail h2 {

        margin: 1.3em 0 0 0;

        border: none;

    }

    .cms-person-side-image .person-detail h3 {

        margin: 1.9em 0 0;

    }

    .cms-person-side-image .person-detail h4 {

        margin-top: 1.3em;

    }

}

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

    /* MQ: Smartphone */

    .cms-quote {

        position: relative;

        padding: 1.66em 0;

    }

    .small-12 .cms-quote {

        /*padding-left: 1.8em;*/

    }

    .cms-quote .cms-quote-icon {

        display: block;

        position: absolute;

        background: url('springer-sprite-s5b407fa7c7.png') 0 -5139px no-repeat;

        top: -52px;

        right: 0;

        width: 44px;

        height: 69px;

    }

    .cms-quote p {

        line-height: 1.333;

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

    padding: 0px 5px;

    border-radius: 4px;

    font-size: 8px;

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

    color: #fff;

}

.bg-programe2 td{

    color:#fff

}



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

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



.cms-richtext a{

    color:#AD8A00;

}



.color1{

    color:#AD8A00;

}



.color2{

    color:#607D8B;

}


.color3{

    color:#969696;

}

.color4{
    color: #016334 !important;
}

.colorred{
    color: #FC2B2B !important;
}


#footer a {

    color: #FDD835;

}



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


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

    .flexContent{

        flex-wrap: nowrap;

    }

}

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

    .flexContent{

        flex-wrap: wrap;

    }

    .columnEqualeDesck{
        flex: initial;
        width: 100%
    }

}

.default-table td a {
    font-size: inherit;
}