.menu-toggle,
.nav-tabs li a,
.round {
    -moz-background-clip: padding-box;
}
.icon-font,
.icon:after {
    text-transform: none;
    font-variant: normal;
}
.icon,
.round {
    position: relative;
    display: inline-block;
}
.slick-slider,
html {
    -webkit-tap-highlight-color: transparent;
}
.btn,
.slick-slider {
    -moz-user-select: none;
}
.glyphicon,
.icon-font,
.icon:after,
[class*=" icon-"],
[class^="icon-"] {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
}
.sprite-main-image {
    background-image: url(../../img/sprite_main.png);
    background-repeat: no-repeat;
}
.underline-on-hover {
    text-decoration: none;
}
.underline-on-hover:hover {
    text-decoration: underline;
}
.reset-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.round {
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-topleft: 50%;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 16px;
    line-height: 16px;
    margin-right: 4px;
    padding: 0;
    top: -1px;
    width: 16px;
    border-radius: 50%;
}
.icon-font {
    font-family: icomoon !important;
    speak: none;
    line-height: 1;
}
@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon/icomoon.eot?d8wkd9);
    src: url(../fonts/icomoon/icomoon.eot?d8wkd9#iefix) format("embedded-opentype"), url(../fonts/icomoon/icomoon.ttf?d8wkd9) format("truetype"), url(../fonts/icomoon/icomoon.woff?d8wkd9) format("woff"),
        url(../fonts/icomoon/icomoon.svg?d8wkd9#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Glyphicons Halflings";
    src: url(../fonts/glyphicons/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons/glyphicons-halflings-regular.woff2) format("woff2"),
        url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
.icon {
    color: #777;
    padding-right: 2.2em;
}
.icon:after {
    cursor: pointer;
    font-family: icomoon;
    font-size: 2em;
    line-height: 1;
    position: absolute;
    right: -0.1em;
    top: -0.15em;
}
#password-info,
.glyphicon,
.icon.single:after {
    position: relative;
}
.icon.small {
    padding-right: 1.8em;
}
.icon.small:after {
    font-size: 1.5em;
    top: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .icon.small:after {
        font-size: 0.5em;
    }
}
.icon.first {
    padding-right: 0;
    padding-left: 2.2em;
}
.icon.first:after {
    left: -0.1em;
    right: auto;
}
.icon.first.small {
    padding-left: 1.8em;
}
.icon.single {
    padding: 0;
}
.icon.loupe:after {
    content: "\e900";
}
.icon.arrow:after {
    content: "\e901";
}
.icon.basket:after {
    content: "\e903";
}
.icon.user:after {
    content: "\e905";
}
.icon.arrow-down:after {
    content: "\e907";
}
.icon.arrow-down.open:after {
    transform: rotate(180deg);
}
.icon.abo:after {
    content: "\e909";
}
.icon.download:after {
    content: "\e90a";
}
.icon.menue:after {
    content: "\e90c";
}
.icon.home:after {
    content: "\e90f";
}
.icon.edit:after {
    content: "\e911";
}
.icon.express:after {
    content: "\e92e";
}
.icon.contact-flag:after {
    content: "\e912";
}
.icon.delete:after {
    content: "\e913";
}
.icon.verify:after {
    content: "\e915";
}
.icon.badge-abo:after {
    content: "\e909";
}
.icon.badge-download:after {
    content: "\e90a";
}
.icon.badge-edit:after {
    content: "\e90e";
}
.icon.badge-express:after {
    content: "\e930";
}
.icon.badge-upload:after {
    content: "\e939";
}
.icon.badge-user:after {
    content: "\e906";
}
.icon.badge-info:after {
    content: "\e946";
}
.icon.circle-loupe:after {
    content: "\e92c";
}
.icon.circle-express:after {
    content: "\e92f";
}
.icon.circle-print:after {
    content: "\e919";
}
.icon.circle-access:after {
    content: "\e91b";
}
.icon.circle-address:after {
    content: "\e91d";
}
.icon.circle-payment:after {
    content: "\e91f";
}
.icon.circle-phone:after {
    content: "\e931";
}
.icon.circle-order:after {
    content: "\e921";
}
.icon.circle-heart:after {
    content: "\e924";
}
.icon.circle-mail:after {
    content: "\e928";
}
.icon.circle-logout:after {
    content: "\e92a";
}
.icon.circle-download2:after {
    content: "\e934";
}
.icon.circle-eye:after {
    content: "\e936";
}
.icon.circle-upload:after {
    content: "\e938";
}
.icon.circle-info:after {
    content: "\e945";
}
.icon.circle-close:after {
    content: "\e947";
}
.icon.circle-budget:after {
    content: "\e94a";
}
.icon.circle-branch-office:after {
    content: "\e94c";
}
.icon.file-epub:after {
    content: "\e93a";
    color: #019864;
}
.icon.file-excel:after {
    content: "\e93b";
    color: #8ebf22;
}
.icon.file-pdf:after {
    content: "\e93c";
    color: red;
}
.icon.file-powerpoint:after {
    content: "\e93d";
    color: #f28d1b;
}
.icon.file-word:after {
    content: "\e93e";
    color: #00acd4;
}
.icon.file-zip:after {
    content: "\e93f";
    color: #9a368c;
}
.icon.file-image:after {
    content: "\e940";
}
.icon.file-audio:after {
    content: "\e941";
}
.icon.file-unknown:after {
    content: "\e942";
}
.icon.file-movie:after {
    content: "\e943";
}
.icon.file-text:after {
    content: "\e944";
    color: #3858a5;
}
.icon.heart:after {
    content: "\e949";
}
.icon.dkp-menu:after {
    content: "\e94e";
}
.icon.circle-approve:after {
    content: "\e94f";
}
.icon.circle-reject:after {
    content: "\e951";
}
.icon.circle-minus:after {
    content: "\e953";
}
.icon.circle-plus:after {
    content: "\e955";
}
a.icon.download:after {
    content: "\e923";
}
.icon-active .icon,
.icon-active.icon,
a:hover .icon,
a:hover.icon,
button:hover .icon,
button:hover.icon,
span:hover .icon,
span:hover.icon {
    color: #777;
    text-decoration: none;
}
.icon-active .icon.arrow:after,
.icon-active.icon.arrow:after,
a:hover .icon.arrow:after,
a:hover.icon.arrow:after,
button:hover .icon.arrow:after,
button:hover.icon.arrow:after,
span:hover .icon.arrow:after,
span:hover.icon.arrow:after {
    content: "\e902";
}
.icon-active .icon.basket:after,
.icon-active.icon.basket:after,
a:hover .icon.basket:after,
a:hover.icon.basket:after,
button:hover .icon.basket:after,
button:hover.icon.basket:after,
span:hover .icon.basket:after,
span:hover.icon.basket:after {
    content: "\e904";
}
.icon-active .icon.user:after,
.icon-active.icon.user:after,
a:hover .icon.user:after,
a:hover.icon.user:after,
button:hover .icon.user:after,
button:hover.icon.user:after,
span:hover .icon.user:after,
span:hover.icon.user:after {
    content: "\e906";
}
.icon-active .icon.arrow-down:after,
.icon-active.icon.arrow-down:after,
a:hover .icon.arrow-down:after,
a:hover.icon.arrow-down:after,
button:hover .icon.arrow-down:after,
button:hover.icon.arrow-down:after,
span:hover .icon.arrow-down:after,
span:hover.icon.arrow-down:after {
    content: "\e908";
}
.icon-active .icon.edit:after,
.icon-active.icon.edit:after,
a:hover .icon.edit:after,
a:hover.icon.edit:after,
button:hover .icon.edit:after,
button:hover.icon.edit:after,
span:hover .icon.edit:after,
span:hover.icon.edit:after {
    content: "\e90e";
}
.icon-active .icon.contact-flag:after,
.icon-active.icon.contact-flag:after,
a:hover .icon.contact-flag:after,
a:hover.icon.contact-flag:after,
button:hover .icon.contact-flag:after,
button:hover.icon.contact-flag:after,
span:hover .icon.contact-flag:after,
span:hover.icon.contact-flag:after {
    content: "\e910";
}
.icon-active .icon.delete:after,
.icon-active.icon.delete:after,
a:hover .icon.delete:after,
a:hover.icon.delete:after,
button:hover .icon.delete:after,
button:hover.icon.delete:after,
span:hover .icon.delete:after,
span:hover.icon.delete:after {
    content: "\e914";
}
.icon-active .icon.verify:after,
.icon-active.icon.verify:after,
a:hover .icon.verify:after,
a:hover.icon.verify:after,
button:hover .icon.verify:after,
button:hover.icon.verify:after,
span:hover .icon.verify:after,
span:hover.icon.verify:after {
    content: "\e916";
}
.icon-active .icon.download:after,
.icon-active.icon.download:after,
a:hover .icon.download:after,
a:hover.icon.download:after,
button:hover .icon.download:after,
button:hover.icon.download:after,
span:hover .icon.download:after,
span:hover.icon.download:after {
    content: "\e90a";
}
.icon-active .icon.circle-loupe:after,
.icon-active.icon.circle-loupe:after,
a:hover .icon.circle-loupe:after,
a:hover.icon.circle-loupe:after,
button:hover .icon.circle-loupe:after,
button:hover.icon.circle-loupe:after,
span:hover .icon.circle-loupe:after,
span:hover.icon.circle-loupe:after {
    content: "\e92d";
}
.icon-active .icon.circle-express:after,
.icon-active.icon.circle-express:after,
a:hover .icon.circle-express:after,
a:hover.icon.circle-express:after,
button:hover .icon.circle-express:after,
button:hover.icon.circle-express:after,
span:hover .icon.circle-express:after,
span:hover.icon.circle-express:after {
    content: "\e930";
}
.icon-active .icon.circle-print:after,
.icon-active.icon.circle-print:after,
a:hover .icon.circle-print:after,
a:hover.icon.circle-print:after,
button:hover .icon.circle-print:after,
button:hover.icon.circle-print:after,
span:hover .icon.circle-print:after,
span:hover.icon.circle-print:after {
    content: "\e91a";
}
.icon-active .icon.circle-access:after,
.icon-active.icon.circle-access:after,
a:hover .icon.circle-access:after,
a:hover.icon.circle-access:after,
button:hover .icon.circle-access:after,
button:hover.icon.circle-access:after,
span:hover .icon.circle-access:after,
span:hover.icon.circle-access:after {
    content: "\e91c";
}
.icon-active .icon.circle-address:after,
.icon-active.icon.circle-address:after,
a:hover .icon.circle-address:after,
a:hover.icon.circle-address:after,
button:hover .icon.circle-address:after,
button:hover.icon.circle-address:after,
span:hover .icon.circle-address:after,
span:hover.icon.circle-address:after {
    content: "\e91e";
}
.icon-active .icon.circle-payment:after,
.icon-active.icon.circle-payment:after,
a:hover .icon.circle-payment:after,
a:hover.icon.circle-payment:after,
button:hover .icon.circle-payment:after,
button:hover.icon.circle-payment:after,
span:hover .icon.circle-payment:after,
span:hover.icon.circle-payment:after {
    content: "\e920";
}
.icon-active .icon.circle-phone:after,
.icon-active.icon.circle-phone:after,
a:hover .icon.circle-phone:after,
a:hover.icon.circle-phone:after,
button:hover .icon.circle-phone:after,
button:hover.icon.circle-phone:after,
span:hover .icon.circle-phone:after,
span:hover.icon.circle-phone:after {
    content: "\e932";
}
.icon-active .icon.circle-order:after,
.icon-active.icon.circle-order:after,
a:hover .icon.circle-order:after,
a:hover.icon.circle-order:after,
button:hover .icon.circle-order:after,
button:hover.icon.circle-order:after,
span:hover .icon.circle-order:after,
span:hover.icon.circle-order:after {
    content: "\e922";
}
.icon-active .icon.circle-heart:after,
.icon-active.icon.circle-heart:after,
a:hover .icon.circle-heart:after,
a:hover.icon.circle-heart:after,
button:hover .icon.circle-heart:after,
button:hover.icon.circle-heart:after,
span:hover .icon.circle-heart:after,
span:hover.icon.circle-heart:after {
    content: "\e925";
}
.icon-active .icon.circle-mail:after,
.icon-active.icon.circle-mail:after,
a:hover .icon.circle-mail:after,
a:hover.icon.circle-mail:after,
button:hover .icon.circle-mail:after,
button:hover.icon.circle-mail:after,
span:hover .icon.circle-mail:after,
span:hover.icon.circle-mail:after {
    content: "\e929";
}
.icon-active .icon.circle-logout:after,
.icon-active.icon.circle-logout:after,
a:hover .icon.circle-logout:after,
a:hover.icon.circle-logout:after,
button:hover .icon.circle-logout:after,
button:hover.icon.circle-logout:after,
span:hover .icon.circle-logout:after,
span:hover.icon.circle-logout:after {
    content: "\e92b";
}
.icon-active .icon.circle-download2:after,
.icon-active.icon.circle-download2:after,
a:hover .icon.circle-download2:after,
a:hover.icon.circle-download2:after,
button:hover .icon.circle-download2:after,
button:hover.icon.circle-download2:after,
span:hover .icon.circle-download2:after,
span:hover.icon.circle-download2:after {
    content: "\e935";
}
.icon-active .icon.circle-eye:after,
.icon-active.icon.circle-eye:after,
a:hover .icon.circle-eye:after,
a:hover.icon.circle-eye:after,
button:hover .icon.circle-eye:after,
button:hover.icon.circle-eye:after,
span:hover .icon.circle-eye:after,
span:hover.icon.circle-eye:after {
    content: "\e937";
}
.icon-active .icon.circle-upload:after,
.icon-active.icon.circle-upload:after,
a:hover .icon.circle-upload:after,
a:hover.icon.circle-upload:after,
button:hover .icon.circle-upload:after,
button:hover.icon.circle-upload:after,
span:hover .icon.circle-upload:after,
span:hover.icon.circle-upload:after {
    content: "\e939";
}
.icon-active .icon.circle-info:after,
.icon-active.icon.circle-info:after,
a:hover .icon.circle-info:after,
a:hover.icon.circle-info:after,
button:hover .icon.circle-info:after,
button:hover.icon.circle-info:after,
span:hover .icon.circle-info:after,
span:hover.icon.circle-info:after {
    content: "\e946";
}
.icon-active .icon.circle-close:after,
.icon-active.icon.circle-close:after,
a:hover .icon.circle-close:after,
a:hover.icon.circle-close:after,
button:hover .icon.circle-close:after,
button:hover.icon.circle-close:after,
span:hover .icon.circle-close:after,
span:hover.icon.circle-close:after {
    content: "\e948";
}
.icon-active .icon.circle-budget:after,
.icon-active.icon.circle-budget:after,
a:hover .icon.circle-budget:after,
a:hover.icon.circle-budget:after,
button:hover .icon.circle-budget:after,
button:hover.icon.circle-budget:after,
span:hover .icon.circle-budget:after,
span:hover.icon.circle-budget:after {
    content: "\e94b";
}
.icon-active .icon.circle-branch-office:after,
.icon-active.icon.circle-branch-office:after,
a:hover .icon.circle-branch-office:after,
a:hover.icon.circle-branch-office:after,
button:hover .icon.circle-branch-office:after,
button:hover.icon.circle-branch-office:after,
span:hover .icon.circle-branch-office:after,
span:hover.icon.circle-branch-office:after {
    content: "\e94d";
}
.icon-active .icon.dkp-menu:after,
.icon-active.icon.dkp-menu:after,
a:hover .icon.dkp-menu:after,
a:hover.icon.dkp-menu:after,
button:hover .icon.dkp-menu:after,
button:hover.icon.dkp-menu:after,
span:hover .icon.dkp-menu:after,
span:hover.icon.dkp-menu:after {
    content: "\e94e";
}
.icon-active .icon.circle-approve:after,
.icon-active.icon.circle-approve:after,
a:hover .icon.circle-approve:after,
a:hover.icon.circle-approve:after,
button:hover .icon.circle-approve:after,
button:hover.icon.circle-approve:after,
span:hover .icon.circle-approve:after,
span:hover.icon.circle-approve:after {
    content: "\e950";
}
.icon-active .icon.circle-reject:after,
.icon-active.icon.circle-reject:after,
a:hover .icon.circle-reject:after,
a:hover.icon.circle-reject:after,
button:hover .icon.circle-reject:after,
button:hover.icon.circle-reject:after,
span:hover .icon.circle-reject:after,
span:hover.icon.circle-reject:after {
    content: "\e952";
}
.icon-active .icon.circle-minus:after,
.icon-active.icon.circle-minus:after,
a:hover .icon.circle-minus:after,
a:hover.icon.circle-minus:after,
button:hover .icon.circle-minus:after,
button:hover.icon.circle-minus:after,
span:hover .icon.circle-minus:after,
span:hover.icon.circle-minus:after {
    content: "\e954";
}
.icon-active .icon.circle-plus:after,
.icon-active.icon.circle-plus:after,
a:hover .icon.circle-plus:after,
a:hover.icon.circle-plus:after,
button:hover .icon.circle-plus:after,
button:hover.icon.circle-plus:after,
span:hover .icon.circle-plus:after,
span:hover.icon.circle-plus:after {
    content: "\e956";
}
.icon-icon-loupe:before,
header .search .search-box:before {
    content: "\e900";
}
[class*=" icon-"],
[class^="icon-"] {
    font-family: icomoon !important;
    speak: none;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.icon-icon-circle-arrow:before {
    content: "\e901";
}
.icon-icon-circle-arrow-invert:before {
    content: "\e902";
}
.icon-icon-circle-basket:before {
    content: "\e903";
}
.icon-icon-circle-basket-hover:before {
    content: "\e904";
}
.icon-icon-circle-user:before {
    content: "\e905";
}
.icon-icon-circle-user-hover:before {
    content: "\e906";
}
/* MAIN-NAV REMOVED */
.icon-icon-circle-arrow-down-hover:before {
    content: "\e908";
}
.icon-icon-circle-abo:before {
    content: "\e909";
}
.icon-icon-circle-download-hover:before {
    content: "\e90a";
}
.icon-icon-arrow:before {
    content: "\e90b";
}
.icon-icon-trashcan:before {
    content: "\e90d";
}
.icon-icon-menue:before {
    content: "\e90c";
}
.icon-icon-circle-edit:before {
    content: "\e911";
}
.icon-home:before {
    content: "\e90f";
}
.icon-icon-contact-flag:before {
    content: "\e912";
}
.icon-icon-circle-edit-hover:before {
    content: "\e90e";
}
.icon-icon-contact-flag-hover:before {
    content: "\e910";
}
.icon-icon-circle-delete:before {
    content: "\e913";
}
.icon-icon-circle-delete-hover:before {
    content: "\e914";
}
.icon-icon-circle-verify:before {
    content: "\e915";
}
.icon-icon-circle-verify-hover:before {
    content: "\e916";
}
.icon-icon-check:before {
    content: "\e917";
}
.icon-icon-cross:before {
    content: "\e918";
}
.icon-icon-circel-print:before {
    content: "\e919";
}
.icon-print-circle-print-hover:before {
    content: "\e91a";
}
.icon-icon-circle-access:before {
    content: "\e91b";
}
.icon-icon-circle-access-hover:before {
    content: "\e91c";
}
.icon-icon-circle-address:before {
    content: "\e91d";
}
.icon-icon-circle-address-hover:before {
    content: "\e91e";
}
.icon-icon-circle-payment:before {
    content: "\e91f";
}
.icon-icon-circle-payment-hover:before {
    content: "\e920";
}
.icon-icon-circle-shipping:before {
    content: "\e921";
}
.icon-icon-circle-shipping-hover:before {
    content: "\e922";
}
.icon-icon-circle-download:before {
    content: "\e923";
}
.icon-icon-circle-heart:before {
    content: "\e924";
}
.icon-icon-circle-heart-hover:before {
    content: "\e925";
}
.icon-icon-phone:before {
    content: "\e926";
}
.icon-icon-mail:before {
    content: "\e927";
}
.icon-icon-circle-mail:before {
    content: "\e928";
}
.icon-icon-circle-mail-hover:before {
    content: "\e929";
}
.icon-icon-circle-logout:before {
    content: "\e92a";
}
.icon-icon-circle-logout-hover:before {
    content: "\e92b";
}
.icon-icon-circle-search:before {
    content: "\e92c";
}
.icon-icon-circle-search-hover:before {
    content: "\e92d";
}
.icon-icon-express:before {
    content: "\e92e";
}
.icon-icon-circle-express:before {
    content: "\e92f";
}
.icon-icon-circle-express-hover:before {
    content: "\e930";
}
.callback-flag span:after,
.icon-icon-circle-phone:before {
    content: "\e931";
}
.icon-icon-circle-phone-hover:before {
    content: "\e932";
}
.icon-icon-calendar:before {
    content: "\e933";
}
.icon-icon-circle-download2:before {
    content: "\e934";
}
.icon-icon-circle-eye:before {
    content: "\e936";
}
.icon-icon-circle-upload:before {
    content: "\e938";
}
.icon-icon-circle-budget:before {
    content: "\e94a";
}
.icon-icon-circle-budget-hover:before {
    content: "\e94b";
}
.icon-icon-file-epub:before {
    color: #019864;
    content: "\e93a";
}
.icon-icon-file-excel:before {
    color: #8ebf22;
    content: "\e93b";
}
.icon-icon-file-pdf:before {
    color: red;
    content: "\e93c";
}
.icon-icon-file-powerpoint:before {
    color: #f28d1b;
    content: "\e93d";
}
.icon-icon-file-word:before {
    color: #00acd4;
    content: "\e93e";
}
.icon-icon-file-zip:before {
    color: #9a368c;
    content: "\e93f";
}
.icon-icon-file-image:before {
    content: "\e940";
}
.icon-icon-file-audio:before {
    content: "\e941";
}
.icon-icon-file-unknown:before {
    content: "\e942";
}
.icon-icon-file-movie:before {
    content: "\e943";
}
.icon-icon-file-text:before {
    color: #3858a5;
    content: "\e944";
}
a:active,
a:focus,
a:hover {
    color: #900;
    text-decoration: none;
}
.icon-icon-branch-office:before {
    content: "\e94c";
}
.icon-icon-branch-office-hover:before {
    content: "\e94d";
}
.icon-icon-dkp-menu:before {
    content: "\e94e";
}
.icon-icon-circle-approve:before {
    content: "\e94f";
}
.icon-icon-circle-approve-hover:before {
    content: "\e950";
}
.icon-icon-circle-reject:before {
    content: "\e951";
}
.icon-icon-circle-reject-hover:before {
    content: "\e952";
}
.icon-icon-circle-minus:before {
    content: "\e953";
}
.icon-icon-circle-minus-hover:before {
    content: "\e954";
}
.icon-icon-circle-plus:before {
    content: "\e955";
}
.icon-icon-circle-plus-hover:before {
    content: "\e956";
}
.glyphicon {
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    line-height: 1;
}
.glyphicon-asterisk:before {
    content: "\002a";
}
.glyphicon-plus:before {
    content: "\002b";
}
.glyphicon-eur:before,
.glyphicon-euro:before {
    content: "\20ac";
}
.glyphicon-minus:before {
    content: "\2212";
}
.glyphicon-cloud:before {
    content: "\2601";
}
.glyphicon-envelope:before {
    content: "\2709";
}
.glyphicon-pencil:before {
    content: "\270f";
}
.glyphicon-glass:before {
    content: "\e001";
}
.glyphicon-music:before {
    content: "\e002";
}
.glyphicon-search:before {
    content: "\e003";
}
.glyphicon-heart:before {
    content: "\e005";
}
.glyphicon-star:before {
    content: "\e006";
}
.glyphicon-star-empty:before {
    content: "\e007";
}
.glyphicon-user:before {
    content: "\e008";
}
.glyphicon-film:before {
    content: "\e009";
}
.glyphicon-th-large:before {
    content: "\e010";
}
.glyphicon-th:before {
    content: "\e011";
}
.glyphicon-th-list:before {
    content: "\e012";
}
.glyphicon-ok:before {
    content: "\e013";
}
.glyphicon-remove:before {
    content: "\e014";
}
.glyphicon-zoom-in:before {
    content: "\e015";
}
.glyphicon-zoom-out:before {
    content: "\e016";
}
.glyphicon-off:before {
    content: "\e017";
}
.glyphicon-signal:before {
    content: "\e018";
}
.glyphicon-cog:before {
    content: "\e019";
}
.glyphicon-trash:before {
    content: "\e020";
}
.glyphicon-home:before {
    content: "\e021";
}
.glyphicon-file:before {
    content: "\e022";
}
.glyphicon-time:before {
    content: "\e023";
}
.glyphicon-road:before {
    content: "\e024";
}
.glyphicon-download-alt:before {
    content: "\e025";
}
.glyphicon-download:before {
    content: "\e026";
}
.glyphicon-upload:before {
    content: "\e027";
}
.glyphicon-inbox:before {
    content: "\e028";
}
.glyphicon-play-circle:before {
    content: "\e029";
}
.glyphicon-repeat:before {
    content: "\e030";
}
.glyphicon-refresh:before {
    content: "\e031";
}
.glyphicon-list-alt:before {
    content: "\e032";
}
.glyphicon-lock:before {
    content: "\e033";
}
.glyphicon-flag:before {
    content: "\e034";
}
.glyphicon-headphones:before {
    content: "\e035";
}
.glyphicon-volume-off:before {
    content: "\e036";
}
.glyphicon-volume-down:before {
    content: "\e037";
}
.glyphicon-volume-up:before {
    content: "\e038";
}
.glyphicon-qrcode:before {
    content: "\e039";
}
.glyphicon-barcode:before {
    content: "\e040";
}
.glyphicon-tag:before {
    content: "\e041";
}
.glyphicon-tags:before {
    content: "\e042";
}
.glyphicon-book:before {
    content: "\e043";
}
.glyphicon-bookmark:before {
    content: "\e044";
}
.glyphicon-print:before {
    content: "\e045";
}
.glyphicon-camera:before {
    content: "\e046";
}
.glyphicon-font:before {
    content: "\e047";
}
.glyphicon-bold:before {
    content: "\e048";
}
.glyphicon-italic:before {
    content: "\e049";
}
.glyphicon-text-height:before {
    content: "\e050";
}
.glyphicon-text-width:before {
    content: "\e051";
}
.glyphicon-align-left:before {
    content: "\e052";
}
.glyphicon-align-center:before {
    content: "\e053";
}
.glyphicon-align-right:before {
    content: "\e054";
}
.glyphicon-align-justify:before {
    content: "\e055";
}
.glyphicon-list:before {
    content: "\e056";
}
.glyphicon-indent-left:before {
    content: "\e057";
}
.glyphicon-indent-right:before {
    content: "\e058";
}
.glyphicon-facetime-video:before {
    content: "\e059";
}
.glyphicon-picture:before {
    content: "\e060";
}
.glyphicon-map-marker:before {
    content: "\e062";
}
.glyphicon-adjust:before {
    content: "\e063";
}
.glyphicon-tint:before {
    content: "\e064";
}
.glyphicon-edit:before {
    content: "\e065";
}
.glyphicon-share:before {
    content: "\e066";
}
.glyphicon-check:before {
    content: "\e067";
}
.glyphicon-move:before {
    content: "\e068";
}
.glyphicon-step-backward:before {
    content: "\e069";
}
.glyphicon-fast-backward:before {
    content: "\e070";
}
.glyphicon-backward:before {
    content: "\e071";
}
.glyphicon-play:before {
    content: "\e072";
}
.glyphicon-pause:before {
    content: "\e073";
}
.glyphicon-stop:before {
    content: "\e074";
}
.glyphicon-forward:before {
    content: "\e075";
}
.glyphicon-fast-forward:before {
    content: "\e076";
}
.glyphicon-step-forward:before {
    content: "\e077";
}
.glyphicon-eject:before {
    content: "\e078";
}
.glyphicon-chevron-left:before {
    content: "\e079";
}
.glyphicon-chevron-right:before {
    content: "\e080";
}
.glyphicon-plus-sign:before {
    content: "\e081";
}
.glyphicon-minus-sign:before {
    content: "\e082";
}
.glyphicon-remove-sign:before {
    content: "\e083";
}
.glyphicon-ok-sign:before {
    content: "\e084";
}
.glyphicon-question-sign:before {
    content: "\e085";
}
.glyphicon-info-sign:before {
    content: "\e086";
}
.glyphicon-screenshot:before {
    content: "\e087";
}
.glyphicon-remove-circle:before {
    content: "\e088";
}
.glyphicon-ok-circle:before {
    content: "\e089";
}
.glyphicon-ban-circle:before {
    content: "\e090";
}
.glyphicon-arrow-left:before {
    content: "\e091";
}
.glyphicon-arrow-right:before {
    content: "\e092";
}
.glyphicon-arrow-up:before {
    content: "\e093";
}
.glyphicon-arrow-down:before {
    content: "\e094";
}
.glyphicon-share-alt:before {
    content: "\e095";
}
.glyphicon-resize-full:before {
    content: "\e096";
}
.glyphicon-resize-small:before {
    content: "\e097";
}
.glyphicon-exclamation-sign:before {
    content: "\e101";
}
.glyphicon-gift:before {
    content: "\e102";
}
.glyphicon-leaf:before {
    content: "\e103";
}
.glyphicon-fire:before {
    content: "\e104";
}
.glyphicon-eye-open:before {
    content: "\e105";
}
.glyphicon-eye-close:before {
    content: "\e106";
}
.glyphicon-warning-sign:before {
    content: "\e107";
}
.glyphicon-plane:before {
    content: "\e108";
}
.glyphicon-calendar:before {
    content: "\e109";
}
.glyphicon-random:before {
    content: "\e110";
}
.glyphicon-comment:before {
    content: "\e111";
}
.glyphicon-magnet:before {
    content: "\e112";
}
.glyphicon-chevron-up:before {
    content: "\e113";
}
.glyphicon-chevron-down:before {
    content: "\e114";
}
.glyphicon-retweet:before {
    content: "\e115";
}
.glyphicon-shopping-cart:before {
    content: "\e116";
}
.glyphicon-folder-close:before {
    content: "\e117";
}
.glyphicon-folder-open:before {
    content: "\e118";
}
.glyphicon-resize-vertical:before {
    content: "\e119";
}
.glyphicon-resize-horizontal:before {
    content: "\e120";
}
.glyphicon-hdd:before {
    content: "\e121";
}
.glyphicon-bullhorn:before {
    content: "\e122";
}
.glyphicon-bell:before {
    content: "\e123";
}
.glyphicon-certificate:before {
    content: "\e124";
}
.glyphicon-thumbs-up:before {
    content: "\e125";
}
.glyphicon-thumbs-down:before {
    content: "\e126";
}
.glyphicon-hand-right:before {
    content: "\e127";
}
.glyphicon-hand-left:before {
    content: "\e128";
}
.glyphicon-hand-up:before {
    content: "\e129";
}
.glyphicon-hand-down:before {
    content: "\e130";
}
.glyphicon-circle-arrow-right:before {
    content: "\e131";
}
.glyphicon-circle-arrow-left:before {
    content: "\e132";
}
.glyphicon-circle-arrow-up:before {
    content: "\e133";
}
.glyphicon-circle-arrow-down:before {
    content: "\e134";
}
.glyphicon-globe:before {
    content: "\e135";
}
.glyphicon-wrench:before {
    content: "\e136";
}
.glyphicon-tasks:before {
    content: "\e137";
}
.glyphicon-filter:before {
    content: "\e138";
}
.glyphicon-briefcase:before {
    content: "\e139";
}
.glyphicon-fullscreen:before {
    content: "\e140";
}
.glyphicon-dashboard:before {
    content: "\e141";
}
.glyphicon-paperclip:before {
    content: "\e142";
}
.glyphicon-heart-empty:before {
    content: "\e143";
}
.glyphicon-link:before {
    content: "\e144";
}
.glyphicon-phone:before {
    content: "\e145";
}
.glyphicon-pushpin:before {
    content: "\e146";
}
.glyphicon-usd:before {
    content: "\e148";
}
.glyphicon-gbp:before {
    content: "\e149";
}
.glyphicon-sort:before {
    content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}
.glyphicon-sort-by-order:before {
    content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}
.glyphicon-sort-by-attributes:before {
    content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}
.glyphicon-unchecked:before {
    content: "\e157";
}
.glyphicon-expand:before {
    content: "\e158";
}
.glyphicon-collapse-down:before {
    content: "\e159";
}
.glyphicon-collapse-up:before {
    content: "\e160";
}
.glyphicon-log-in:before {
    content: "\e161";
}
.glyphicon-flash:before {
    content: "\e162";
}
.glyphicon-log-out:before {
    content: "\e163";
}
.glyphicon-new-window:before {
    content: "\e164";
}
.glyphicon-record:before {
    content: "\e165";
}
.glyphicon-save:before {
    content: "\e166";
}
.glyphicon-open:before {
    content: "\e167";
}
.glyphicon-saved:before {
    content: "\e168";
}
.glyphicon-import:before {
    content: "\e169";
}
.glyphicon-export:before {
    content: "\e170";
}
.glyphicon-send:before {
    content: "\e171";
}
.glyphicon-floppy-disk:before {
    content: "\e172";
}
.glyphicon-floppy-saved:before {
    content: "\e173";
}
.glyphicon-floppy-remove:before {
    content: "\e174";
}
.glyphicon-floppy-save:before {
    content: "\e175";
}
.glyphicon-floppy-open:before {
    content: "\e176";
}
.glyphicon-credit-card:before {
    content: "\e177";
}
.glyphicon-transfer:before {
    content: "\e178";
}
.glyphicon-cutlery:before {
    content: "\e179";
}
.glyphicon-header:before {
    content: "\e180";
}
.glyphicon-compressed:before {
    content: "\e181";
}
.glyphicon-earphone:before {
    content: "\e182";
}
.glyphicon-phone-alt:before {
    content: "\e183";
}
.glyphicon-tower:before {
    content: "\e184";
}
.glyphicon-stats:before {
    content: "\e185";
}
.glyphicon-sd-video:before {
    content: "\e186";
}
.glyphicon-hd-video:before {
    content: "\e187";
}
.glyphicon-subtitles:before {
    content: "\e188";
}
.glyphicon-sound-stereo:before {
    content: "\e189";
}
.glyphicon-sound-dolby:before {
    content: "\e190";
}
.glyphicon-sound-5-1:before {
    content: "\e191";
}
.glyphicon-sound-6-1:before {
    content: "\e192";
}
.glyphicon-sound-7-1:before {
    content: "\e193";
}
.glyphicon-copyright-mark:before {
    content: "\e194";
}
.glyphicon-registration-mark:before {
    content: "\e195";
}
.glyphicon-cloud-download:before {
    content: "\e197";
}
.glyphicon-cloud-upload:before {
    content: "\e198";
}
.glyphicon-tree-conifer:before {
    content: "\e199";
}
.glyphicon-tree-deciduous:before {
    content: "\e200";
}
.glyphicon-cd:before {
    content: "\e201";
}
.glyphicon-save-file:before {
    content: "\e202";
}
.glyphicon-open-file:before {
    content: "\e203";
}
.glyphicon-level-up:before {
    content: "\e204";
}
.glyphicon-copy:before {
    content: "\e205";
}
.glyphicon-paste:before {
    content: "\e206";
}
.glyphicon-alert:before {
    content: "\e209";
}
.glyphicon-equalizer:before {
    content: "\e210";
}
.glyphicon-king:before {
    content: "\e211";
}
.glyphicon-queen:before {
    content: "\e212";
}
.glyphicon-pawn:before {
    content: "\e213";
}
.glyphicon-bishop:before {
    content: "\e214";
}
.glyphicon-knight:before {
    content: "\e215";
}
.glyphicon-baby-formula:before {
    content: "\e216";
}
.glyphicon-tent:before {
    content: "\26fa";
}
.glyphicon-blackboard:before {
    content: "\e218";
}
.glyphicon-bed:before {
    content: "\e219";
}
.glyphicon-apple:before {
    content: "\f8ff";
}
.glyphicon-erase:before {
    content: "\e221";
}
.glyphicon-hourglass:before {
    content: "\231b";
}
.glyphicon-lamp:before {
    content: "\e223";
}
.glyphicon-duplicate:before {
    content: "\e224";
}
.glyphicon-piggy-bank:before {
    content: "\e225";
}
.glyphicon-scissors:before {
    content: "\e226";
}
.glyphicon-bitcoin:before,
.glyphicon-btc:before,
.glyphicon-xbt:before {
    content: "\e227";
}
.glyphicon-jpy:before,
.glyphicon-yen:before {
    content: "\00a5";
}
.glyphicon-rub:before,
.glyphicon-ruble:before {
    content: "\20bd";
}
.glyphicon-scale:before {
    content: "\e230";
}
.glyphicon-ice-lolly:before {
    content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}
.glyphicon-education:before {
    content: "\e233";
}
.glyphicon-option-horizontal:before {
    content: "\e234";
}
.glyphicon-option-vertical:before {
    content: "\e235";
}
.glyphicon-menu-hamburger:before {
    content: "\e236";
}
.glyphicon-modal-window:before {
    content: "\e237";
}
.glyphicon-oil:before {
    content: "\e238";
}
.glyphicon-grain:before {
    content: "\e239";
}
.glyphicon-sunglasses:before {
    content: "\e240";
}
.glyphicon-text-size:before {
    content: "\e241";
}
.glyphicon-text-color:before {
    content: "\e242";
}
.glyphicon-text-background:before {
    content: "\e243";
}
.glyphicon-object-align-top:before {
    content: "\e244";
}
.glyphicon-object-align-bottom:before {
    content: "\e245";
}
.glyphicon-object-align-horizontal:before {
    content: "\e246";
}
.glyphicon-object-align-left:before {
    content: "\e247";
}
.glyphicon-object-align-vertical:before {
    content: "\e248";
}
.glyphicon-object-align-right:before {
    content: "\e249";
}
.glyphicon-triangle-right:before {
    content: "\e250";
}
.glyphicon-triangle-left:before {
    content: "\e251";
}
.glyphicon-triangle-bottom:before {
    content: "\e252";
}
.glyphicon-triangle-top:before {
    content: "\e253";
}
.glyphicon-console:before {
    content: "\e254";
}
.glyphicon-superscript:before {
    content: "\e255";
}
.glyphicon-subscript:before {
    content: "\e256";
}
.glyphicon-menu-left:before {
    content: "\e257";
}
.glyphicon-menu-right:before {
    content: "\e258";
}
.glyphicon-menu-down:before {
    content: "\e259";
}
.glyphicon-menu-up:before {
    content: "\e260";
}
.clearfix:after,
.clearfixmix {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
* html .clearfix {
    zoom: 1;
}
body {
    background-color: #f1f1f1;
    color: #777;
    font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}
.container-fluid {
    max-width: 1024px;
}
a {
    color: red;
    cursor: pointer;
}
a:focus {
    outline: 0;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.cc-link,
.cc-link:active,
.cc-link:visited {
    color: red !important;
}
.cc-btn {
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 15px;
}
.error-message {
    background-color: #f2dede;
    color: red;
    font-size: 16px;
    font-weight: 400;
    padding: 20px;
}
.error-message h1 {
    color: red;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.ncFormError,
.parsley-errors-list {
    color: red;
    font-size: 12px;
    line-height: 1.3em;
    margin-top: 8px;
    display: block;
}
#password-info ul {
    background: #fff;
    border: 1px solid #e3e3e3;
    bottom: -4px;
    box-shadow: none;
    display: block;
    font-size: 12px;
    left: 0;
    line-height: 17px;
    padding: 6px 10px;
    position: absolute;
    width: 100%;
}
#password-info ul li.list-group-item {
    list-style-type: none;
    padding-left: 22px;
}
#password-info ul li.list-group-item.list-group-item-danger,
#password-info ul li.list-group-item.list-group-item-success {
    position: relative;
}
#password-info ul li.list-group-item.list-group-item-danger:before,
#password-info ul li.list-group-item.list-group-item-success:before {
    font-family: icomoon !important;
    font-size: 1.35em;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    left: 0;
    line-height: 1;
    position: absolute;
    top: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.btn.approve:after,
.btn.download:after,
.btn.next:after,
.btn.prev:after,
.btn.reject:after,
header .search .search-box:before {
    font-family: icomoon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}
.btn,
h1,
h2,
h3,
h4,
table td,
table th {
    line-height: 1em;
}
#password-info ul li.list-group-item.list-group-item-danger {
    color: red;
}
#password-info ul li.list-group-item.list-group-item-danger:before {
    content: "\e918";
}
#password-info ul li.list-group-item.list-group-item-success {
    color: #468847;
}
h2,
h3,
h4 {
    color: red;
}
#password-info ul li.list-group-item.list-group-item-success:before {
    content: "\e917";
}
h1,
h2,
h3,
h4,
p {
    margin-top: 0;
}
h1 {
    color: red !important;
    font-size: 40px;
    font-weight: 200;
}
h2 {
    font-size: 25px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 14px;
}
strong {
    font-weight: 700;
}
table {
    margin-bottom: 40px;
    text-align: left;
    width: 100%;
}
table td,
table th {
    padding: 12px 10px;
}
table tbody tr:nth-of-type(odd) {
    background-color: #e3e3e3;
}
.datepicker table tbody tr:nth-of-type(odd),
table.blank tbody tr:nth-of-type(odd) {
    background-color: inherit;
}
table.blank {
    margin-bottom: 20px;
}
table.blank:last-of-type,
table.table-listing.responsive:last-of-type {
    margin-bottom: 0;
}
table.blank tbody tr td {
    vertical-align: top;
}
table.table-listing.responsive {
    font-size: 14px;
    border-collapse: collapse;
}
table.table-listing.responsive thead {
    display: none;
}
table.table-listing.responsive tbody tr td {
    background-color: #fff;
    display: block;
    position: relative;
    padding-left: 50%;
}
table.table-listing.responsive tbody tr td:before {
    content: attr(data-th);
    display: block;
    font-weight: 700;
    left: 10px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 45%;
}
table.table-listing.responsive tbody tr td:first-child {
    background-color: #e3e3e3;
}
@media (min-width: 768px) {
    table.table-listing.responsive thead {
        font-size: 16px;
        display: table-header-group;
    }
    table.table-listing.responsive thead th {
        white-space: nowrap;
    }
    table.table-listing.responsive tbody tr td {
        background-color: inherit;
        display: table-cell;
        padding-left: 10px;
    }
    table.table-listing.responsive tbody tr td:before {
        content: "";
        display: none;
        width: auto;
    }
    table.table-listing.responsive tbody tr td:first-child {
        background-color: inherit;
    }
}
dl dd,
dl dt {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 45%;
}
dl dd {
    margin-left: 5%;
}
.form-control {
    box-shadow: none;
    border: 1px solid #e3e3e3;
    padding: 6px 10px;
}
.form-control:focus {
    box-shadow: none;
    background-color: #f7f8fa;
    border-color: #8d99c1;
}
.form-control.readonly,
.nav-tabs li a {
    background-color: #e3e3e3;
}
select.form-control {
    padding: 6px;
}
.form-group.multi-field .row > div input,
.form-group.multi-field .row > div select {
    margin-bottom: 15px;
}
.form-group.inline,
.form-group.multi-field .row > div:last-child input,
.form-group.multi-field .row > div:last-child select {
    margin-bottom: 0;
}
.form-group.inline .btn {
    margin-top: 10px;
}
@media (min-width: 768px) {
    .form-group.multi-field .row > div input,
    .form-group.multi-field .row > div select {
        margin-bottom: 0;
    }
    .form-group.inline .btn {
        margin-top: 0;
    }
    .form-group.inline label {
        margin-top: 5px;
    }
}
label {
    font-weight: 400;
}
label.checkbox,
label.radio {
    cursor: pointer;
    margin: 0;
    padding-left: 20px;
}
label.checkbox input[type="radio"],
label.checkbox input[type="checkbox"],
label.radio input[type="radio"],
label.radio input[type="checkbox"] {
    margin: 0.43em 0 0 -20px;
}
.form-box {
    margin-bottom: 20px;
}
.form-note {
    font-size: 12px;
    margin: 10px 0;
}
.checkbox {
    font-size: 12px;
}
#formOverview .checkbox,
.callback-panel form .checkbox {
    font-size: inherit;
}
.checkbox input[type="checkbox"] {
    margin-top: 0.2em;
}
.checkbox label {
    padding-left: 25px;
    border: 1px solid transparent;
}
.btn,
.sub-nav ul li:last-child .nav-point {
    border: 0;
}
#formOverview .checkbox input[type="checkbox"] {
    margin-top: 0.43em;
}
.btn {
    background-image: none;
    box-shadow: none;
    margin-bottom: 0;
    padding: 0.6em;
    position: relative;
    text-shadow: none;
}
.btn.approve,
.btn.download,
.btn.prev,
.btn.reject {
    padding-left: 2.4em;
}
.btn.btn-danger,
.btn.btn-info,
.btn.btn-primary,
.btn.btn-success,
.btn.btn-warning {
    color: #fff;
}
.btn.btn-default {
    color: #777;
}
.btn:hover {
    text-decoration: none;
}
.btn:active {
    box-shadow: none;
}
.sub-nav,
header {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
.btn.approve:after,
.btn.download:after,
.btn.next:after,
.btn.prev:after,
.btn.reject:after {
    cursor: pointer;
    font-size: 1.6em;
    font-weight: 400;
    position: absolute;
    top: 0.4em;
}
.btn.prev {
    float: left;
}
.btn.prev:after {
    content: "\e901";
    left: 0.25em;
    transform: rotate(180deg);
}
.btn.prev:hover:after {
    content: "\e902";
}
.btn.next {
    float: right;
    padding-right: 2.4em;
}
.btn.next.next--left {
    float: none;
}
.btn.next:after {
    content: "\e901";
    right: 0.25em;
}
.btn.next:hover:after {
    content: "\e902";
}
.btn.download:after {
    content: "\e934";
    left: 0.25em;
}
.btn.download:hover:after {
    content: "\e935";
}
.btn.approve:after {
    content: "\e94f";
    left: 0.25em;
}
.btn.approve:hover:after {
    content: "\e950";
}
.btn.reject:after {
    content: "\e951";
    left: 0.25em;
}
.btn.reject:hover:after {
    content: "\e952";
}
.text-center {
    text-align: center;
}
.response {
    width: 100%;
    height: auto;
}
.nav-tabs li {
    margin: 0 10px 0 0;
}
.nav-tabs li a {
    border: none !important;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #777;
    padding: 5px 10px;
    border-radius: 0;
}
.nav-tabs li a:focus,
.nav-tabs li a:hover,
.tab-content {
    background-color: #fff;
}
.tab-content {
    padding: 20px;
}
.row-eq-height {
    display: table;
}
.row-eq-height .col-eq {
    float: none;
    display: table-cell;
    vertical-align: top;
}
.forprintonly {
    display: none;
}
@media print {
    .call-to-action,
    .callback-service,
    .circle-print,
    footer,
    header,
    input.quantity {
        display: none;
    }
    .forprintonly {
        display: inline-block;
    }
}

/* HEADER REMOVED */

/* MAIN NAV REMOVED */

.sub-nav {
    background-color: #fff;
    display: none;
    min-height: 100%;
    position: absolute;
    top: -18px;
    z-index: 99;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
.sub-nav nav {
    margin: 20px 0 40px;
    position: relative;
}
@media (min-width: 992px) {
    .sub-nav nav.single-nav ul {
        width: 100%;
    }
}
.sub-nav nav.single-nav ul li {
    float: left;
    width: 100%;
}
.sub-nav nav.single-nav ul li:last-child .nav-point {
    border-bottom: 1px solid #dadada;
}
@media (min-width: 768px) {
    .sub-nav {
        height: auto;
    }
    .sub-nav nav {
        margin: 90px -20px 40px;
    }
    .sub-nav nav.single-nav ul {
        margin-left: -20px;
        padding-right: 0;
        width: 100%;
    }
    .sub-nav nav.single-nav ul li {
        padding-left: 20px;
        width: 50%;
    }
}
@media (min-width: 992px) {
    .sub-nav nav.single-nav ul li {
        width: 33.3%;
    }
}
.sub-nav a:hover {
    text-decoration: none;
}
.sub-nav ul {
    z-index: 50;
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (min-width: 768px) {
    .sub-nav ul {
        width: 50%;
        padding: 0 20px;
    }
}
@media (min-width: 992px) {
    .sub-nav ul {
        width: 33.3%;
    }
}
.sub-nav ul li .nav-point {
    border-bottom: 1px solid #dadada;
    cursor: pointer;
}
.sub-nav ul li .nav-point .link {
    color: #777;
    display: block;
    float: left;
    padding: 6px 10px;
    width: 85%;
}
.sub-nav ul li .nav-point .nav-icon {
    float: right;
    position: relative;
    text-align: right;
    padding-right: 10px;
    width: 15%;
}
.sub-nav ul li .nav-point .nav-icon:after {
    cursor: pointer;
    color: #dadada;
    content: "\e902";
    font-size: 1.5em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none;
}
.sub-nav ul li .nav-point .nav-icon.sub-categories:after {
    content: "\e908";
}
.sub-nav ul li .nav-point:hover {
    background-color: #8d99c1;
}
.sub-nav ul li .nav-point:hover .link {
    color: #fff;
    text-decoration: none;
}
.sub-nav ul li .nav-point:hover .nav-icon:after {
    color: #fff;
}
@media (min-width: 768px) {
    .sub-nav ul li .nav-point .nav-icon.sub-categories:after {
        content: "\e902";
    }
    .sub-nav ul li:hover .sub-sub-nav {
        display: block;
    }
}
@media (min-width: 768px) and (min-width: 992px) {
    .sub-nav ul li:hover .sub-sub-nav li:hover > aside,
    .sub-nav ul li:hover > aside {
        display: block;
    }
}
.sub-nav aside {
    background-color: #fff;
    display: none;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 33.3%;
}
.sub-nav aside .category-image {
    min-height: 308px;
    overflow: hidden;
    position: relative;
}
.sub-nav aside .category-image img {
    width: 100%;
    height: auto;
}
.sub-nav aside .category-image .category-text {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 15%, #fff 35%);
    bottom: 20px;
    margin-right: 20px;
    padding: 20px 10px 10px;
    position: absolute;
}
.sub-nav aside .category-image .category-text p {
    color: #777;
    display: block;
    font-size: 14px;
    max-height: 120px;
    overflow: hidden;
}
.sub-nav .sub-sub-nav {
    display: none;
    padding-left: 40px !important;
}
.sub-nav .sub-sub-nav aside {
    display: none;
    padding: 0 39px 0 20px;
    right: -100%;
    width: 100%;
}
@media (min-width: 768px) {
    .sub-nav .sub-sub-nav {
        left: 47.5%;
        width: 50%;
        position: absolute;
        top: 0;
    }
}
@media (min-width: 768px) and (min-width: 992px) {
    .sub-nav .sub-sub-nav {
        left: 31.4%;
        width: 35.25%;
    }
}
.breadcrumb {
    background: 0 0;
    font-size: 14px !important;
    margin: 0 0 20px;
    padding: 0;
}
.breadcrumb a {
    color: #333;
}
.breadcrumb li + li::before {
    color: red;
    content: "\e90b";
    font-size: 0.8em;
}
.content-box {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .breadcrumb {
        margin-top: 50px;
    }
    .content-box {
        padding: 20px;
    }
    /* PAGE-CONTENT REMOVED */
}
.content-box.content-box--relative {
    position: relative;
}
/* PAGE-CONTENT REMOVED */
.call-to-action {
    padding-top: 10px;
}
.teaser-title {
    color: #777;
    font-size: 16px;
    margin-bottom: 10px;
}
.teaser-title.multiple-teaser {
    left: 10px;
    position: relative;
    z-index: -1;
}
.detail,
.teaser {
    background-color: #fff;
    display: block;
    padding: 10px 10px 12px;
    margin-bottom: 20px;
}
.detail:hover,
.teaser:hover {
    text-decoration: none;
}
.detail h2,
.teaser h2 {
    font-size: 22px;
    height: 46px;
    overflow: hidden;
}
.detail img,
.teaser img {
    width: 100%;
}
.detail .image-box,
.teaser .image-box {
    margin-bottom: 20px;
    position: relative;
}
@media (min-width: 768px) {
    .detail .image-box,
    .teaser .image-box {
        margin-bottom: 0;
    }
}
.detail .image-box .icon-box,
.teaser .image-box .icon-box {
    position: absolute;
    right: 10px;
    top: 0;
    width: 24px;
}
.detail .image-box .icon-box .icon,
.teaser .image-box .icon-box .icon {
    background-color: #fff;
    border-radius: 50%;
    color: #85b82d;
    display: block;
    font-size: 0.8em;
    height: 1.9em;
    margin-bottom: 4px;
    padding: 0;
    width: 1.9em;
}
.detail .image-box .icon-box .icon:after,
.teaser .image-box .icon-box .icon:after {
    cursor: help;
    right: 0;
    top: 0;
}
.detail .tip,
.teaser .tip {
    position: absolute;
    bottom: 0;
    left: -8px;
}
.detail .tip span,
.teaser .tip span {
    background-color: #85b82d;
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 1em;
    padding: 2px 4px;
}
.detail .tip span:before,
.teaser .tip span:before {
    border-top: 8px solid transparent;
    border-right: 8px solid #678f23;
    border-bottom: none;
    border-left: none;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: -8px;
}
.detail .short-description,
.teaser .short-description {
    color: #777;
    display: block;
    line-height: 1.2em;
    margin-bottom: 16px;
    height: 58px;
    overflow: hidden;
    position: relative;
}
.detail .short-description:after,
.teaser .short-description:after {
    background: url(../images/fade-out.png) 100% 100% repeat-y;
    bottom: 0;
    color: red;
    content: "";
    display: block;
    height: 20px;
    line-height: 18px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 100%;
}
.detail.simple .short-description,
.teaser.simple .short-description {
    height: 138px;
    max-height: none;
}
@media (min-width: 768px) {
    .detail .price-info,
    .teaser .price-info {
        height: 80px;
    }
}
.detail .category-sku,
.teaser .category-sku {
    color: #777;
    font-size: 12px;
    line-height: 1em;
    display: block;
    margin: 8px 0;
}
.detail .per-piece,
.teaser .per-piece {
    color: #777;
    font-size: 12px;
    line-height: 1em;
}
.detail .per-piece.sliding-price,
.teaser .per-piece.sliding-price {
    margin: 0 8px 8px 0;
    text-align: right;
}
.detail .price,
.teaser .price {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1em;
    margin-bottom: 5px;
}
.detail .price.price-special,
.teaser .price.price-special {
    color: red;
}
.detail .price.price-request,
.teaser .price.price-request {
    font-size: 24px;
}
.detail .old-price,
.teaser .old-price {
    color: #777;
    font-size: 12px;
    height: 20px;
    line-height: 1em;
    margin-bottom: 10px;
}
.detail .old-price span,
.teaser .old-price span {
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 1em;
    position: relative;
}
.detail .old-price span:after,
.teaser .old-price span:after {
    border-bottom: 2px solid red;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}
.detail .price-right,
.teaser .price-right {
    margin: 15px 0 0 15px;
}
.detail .sliding-prices,
.teaser .sliding-prices {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    color: #777;
}
@media (min-width: 992px) {
    .detail .sliding-prices,
    .teaser .sliding-prices {
        width: 70%;
    }
}
.detail .sliding-prices li,
.teaser .sliding-prices li {
    padding: 3px 8px;
}
.detail .sliding-prices li:nth-child(odd),
.teaser .sliding-prices li:nth-child(odd) {
    background-color: #f1f1f1;
}
.detail .sliding-prices li span,
.teaser .sliding-prices li span {
    float: right;
}
.detail .product-notes,
.teaser .product-notes {
    margin-bottom: 20px;
}
.detail .credit-usable,
.detail .product-note,
.teaser .credit-usable,
.teaser .product-note {
    color: #777;
    font-size: 12px;
    line-height: 18px;
}
.detail .delivery-n-payment,
.teaser .delivery-n-payment {
    font-size: 12px;
}
.detail .icon,
.teaser .icon {
    color: #777;
    float: right;
}
.detail .payment-info-link,
.teaser .payment-info-link {
    float: right;
}
.detail .delivery,
.teaser .delivery {
    color: #85b82d;
    font-size: 12px;
    line-height: 18px;
}
.order-list-box .table-listing a:after,
.table-listing a:after {
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}
.detail .teaser-actions,
.teaser .teaser-actions {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}
.detail .teaser-actions li,
.teaser .teaser-actions li {
    float: left;
    margin-right: 5px;
}
.detail .teaser-actions li:last-child,
.teaser .teaser-actions li:last-child {
    margin-right: 0;
}
.detail .teaser-actions button,
.teaser .teaser-actions button {
    background: 0 0;
    border: none;
    outline: 0;
    padding: 0;
}
.detail .teaser-actions .icon,
.teaser .teaser-actions .icon {
    float: none;
}
.detail .teaser-actions .short-description-toggle,
.teaser .teaser-actions .short-description-toggle {
    cursor: pointer;
}
.detail .teaser-actions .short-description-toggle span,
.teaser .teaser-actions .short-description-toggle span {
    display: none;
}
.detail .teaser-actions .short-description-toggle span.active,
.teaser .teaser-actions .short-description-toggle span.active {
    display: inline-block;
}
.detail.startpage-teaser .short-description,
.teaser.startpage-teaser .short-description {
    max-height: 80px;
    margin-bottom: 26px;
}
.detail.startpage-teaser .price,
.teaser.startpage-teaser .price {
    margin-bottom: 12px;
}
.detail.extended-teaser,
.teaser.extended-teaser {
    padding: 15px;
}
.detail.extended-teaser h2,
.teaser.extended-teaser h2 {
    height: auto;
    margin: 0;
}
.detail.extended-teaser .short-description,
.teaser.extended-teaser .short-description {
    height: 0;
    transition: height 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.callback-flag,
.callback-panel {
    transition: right 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}
.detail.extended-teaser .short-description.open,
.teaser.extended-teaser .short-description.open {
    height: 58px;
}
.detail.extended-teaser .sliding-prices,
.teaser.extended-teaser .sliding-prices {
    width: 100%;
}
.image-zoom-box,
.order-list-box {
    background-color: #fff;
    display: none;
    top: 0;
    width: 90%;
    padding: 20px;
}
.payment-box {
    display: none;
}
.image-zoom-box {
    max-width: 640px;
    text-align: center;
}
.image-zoom-box img {
    max-width: 100%;
}
.order-list-box .table-listing a,
.table-listing a {
    color: red;
    display: block;
}
@media (min-width: 992px) {
    .order-list-box {
        width: 60%;
    }
    .variants .variant label {
        height: 34px;
        line-height: 34px;
    }
}
.order-list-box h2 {
    padding-right: 40px;
}
.order-list-box .table-listing thead th {
    cursor: pointer;
}
.order-list-box .table-listing thead th:hover {
    color: red;
}
.order-list-box .table-listing a:after {
    content: "\e901";
    font-size: 2em;
    text-transform: none;
}
.order-list-box .table-listing a:hover:after {
    content: "\e902";
}
.order-list-box .table-listing a.delete:after {
    content: "\e913";
}
.order-list-box .table-listing a.download:after {
    content: "\e90a";
}
.order-list-box .table-listing.responsive tbody tr td.hidden-print {
    padding-top: 0;
}
.order-list-box .table-listing.responsive tbody tr td.hidden-print a {
    text-align: left;
}
@media (min-width: 768px) {
    .order-list-box .table-listing.responsive tbody tr td.hidden-print {
        padding-top: 12px;
    }
    .order-list-box .table-listing.responsive tbody tr td.hidden-print a {
        text-align: right;
    }
}
.table-listing a:after {
    content: "\e901";
    font-size: 2em;
    text-transform: none;
}
.table-listing a:hover:after {
    content: "\e902";
}
.table-listing a.delete:after {
    content: "\e913";
}
.table-listing a.download:after {
    content: "\e90a";
}
.image-zoom-box .closeButton,
.order-list-box .closeButton {
    color: #777;
    cursor: pointer;
    font-size: 16px;
    right: 11px;
    position: absolute;
    top: 15px;
}
.variants,
.variants .variant {
    margin: 10px 0;
}
.variants .variant label {
    text-align: left;
    width: 100%;
}
.flash-message-embedded {
    display: none;
    text-align: center;
    padding: 10px;
}
.cart-error-message {
    margin-top: 10px;
}
.product-actions .to-basket input {
    display: inline-block;
    float: left;
    width: 60px;
    margin-right: 10px;
}
.product-actions .to-basket button {
    display: inline-block;
    float: right;
}
.add-product-form .to-basket {
    float: right;
    text-align: right;
}
.add-product-form .to-basket input {
    display: inline-block;
    margin-right: 10px;
    padding: 6px 5px;
    text-align: right;
    width: 60px;
}
.add-product-form .errors ul {
    margin-top: 0;
    font-size: 14px !important;
}
.extended-teaser .add-product-form .to-basket .errors,
.extended-teaser .add-product-form .to-basket .messages {
    margin-top: 10px;
}
.product-enquiry-overview {
    margin-bottom: 20px;
}
.product-enquiry-overview > div + div {
    margin-top: 4px;
}
.side-nav {
    display: none;
}
@media (min-width: 992px) {
    .side-nav {
        display: block;
        background-color: #fff;
        margin-bottom: 40px;
    }
    .side-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .side-nav ul ul li a {
        padding-left: 40px;
    }
    .side-nav a {
        color: #777;
        display: block;
        line-height: 1em;
        padding: 10px;
    }
    .side-nav a.active,
    .side-nav a:hover {
        background-color: #8d99c1;
        color: #fff;
        text-decoration: none;
    }
}
.banner,
.topseller {
    margin-bottom: 20px;
}
.topseller {
    background-color: #fff;
    padding: 10px;
}
.topseller h2 {
    color: #000;
}
.topseller .topseller-list {
    margin-bottom: 5px;
}
.topseller figure {
    display: table;
    margin-bottom: 10px;
}
.topseller figure img {
    float: left;
    margin-right: 10px;
    width: 56px;
}
.topseller figure figcaption {
    display: table-cell;
    line-height: 1em;
    vertical-align: middle;
}
.category-teaser {
    background-color: #fff;
    color: #777;
    display: block;
    margin-bottom: 20px;
    position: relative;
}
.category-teaser img {
    width: 100%;
    height: auto;
}
.category-teaser .category-teaser-content {
    padding: 10px 10px 40px;
}
.category-teaser:hover p,
.category-teaser:hover span {
    color: #777;
}
.category-teaser .arrow {
    position: absolute;
    bottom: 20px;
    right: 28px;
}
@media (min-width: 768px) {
    .category-teaser .category-teaser-content {
        padding: 10px 40px 0 10px;
    }
    .category-teaser p {
        max-height: 69px;
        overflow: hidden;
    }
    .category-teaser .arrow {
        right: 40px;
    }
}
.pagination {
    text-align: center;
    width: 100%;
}
.pagination li > a,
.pagination li > span {
    border-radius: 0 !important;
    display: block;
    float: none;
    font-size: 1.2em;
    line-height: 1em;
    margin: 2px 1px;
    padding: 6px 10px;
}
.pagination li > a.more,
.pagination li > span.more {
    background-color: transparent;
}
.pagination li {
    display: inline-block;
}
.pagination li:first-child a {
    margin-right: 8px;
}
.pagination li:last-child a {
    margin-left: 8px;
}
.detail {
    background-color: #fff;
}
@media (min-width: 768px) {
    .detail {
        padding: 20px;
    }
}
.detail .image-box .icon-box {
    right: 20px;
}
.detail .image-box .icon-box .icon {
    font-size: 1.1em;
}
.detail .tip {
    font-size: 16px;
    width: 50%;
    left: -28px;
}
.detail .thumbs {
    list-style: none;
    padding: 0;
    margin: 10px 0 40px -10px;
}
@media (min-width: 768px) {
    .detail .thumbs {
        margin: 10px 0 0 -10px;
    }
}
.detail .thumbs li {
    float: left;
    margin-left: 10px;
}
.detail .thumbs li a {
    display: block;
    width: 60px;
}
.detail .sliding-prices,
.detail .thumbs li a img {
    width: 100%;
}
.detail .to-basket,
.detail .to-whish-list {
    margin-bottom: 20px;
}
.detail .to-whish-list {
    border: 0;
    float: right;
    background: 0 0;
    padding: 0;
}
.nav-tabs {
    border: none;
}
.x-selling hr {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #fff;
}
.x-selling .content-slider {
    background-color: #fff;
    padding: 0 20px;
}
.x-selling .content-slider a {
    margin: 20px 20px 0;
}
.x-selling .content-slider a img {
    margin-bottom: 12px;
    width: 100%;
}
.x-selling .content-slider a:hover h4 {
    text-decoration: none;
}
.search-filter {
    color: #fff;
}
.search-filter .content-box {
    background-color: #bbb;
}
.callback-flag,
.callback-flag:after,
.contact-flag:after {
    background-color: #777;
    color: #fff;
}
.search-filter span.icon {
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}
.search-filter span.icon:hover {
    color: #fff;
}
.search-filter .search-filter-options {
    display: none;
}
.search-filter .search-filter-options .row:first-child {
    margin-top: 20px;
}
.contact-flag {
    padding: 0;
    position: fixed;
    bottom: 100px;
    right: 0;
}
@media (min-width: 768px) {
    .contact-flag {
        bottom: 200px;
    }
}
@media (min-width: 992px) {
    .contact-flag {
        bottom: 440px;
    }
}
.contact-flag:after {
    font-size: 80px;
    padding: 0.1em 0.05em;
    right: 0;
}
.callback-flag {
    cursor: pointer;
    width: 40px;
    height: 100px;
    padding: 0;
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 400;
}
.callback-flag span {
    display: block;
    width: 100px;
    transform: rotate(270deg);
    transform-origin: 0 0;
    margin-top: 112px;
    text-align: center;
    line-height: 30px;
    position: relative;
}
.callback-flag span:after {
    cursor: pointer;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: -6px;
    top: 5px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.callback-open .callback-flag {
    right: 100%;
}
@media (min-width: 768px) {
    .callback-open .callback-flag {
        right: 660px;
    }
}
.callback-flag:after {
    font-size: 80px;
    padding: 0.1em 0.05em;
    right: 0;
}
.callback-panel {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 200;
    box-shadow: none;
    overflow: auto;
}
@media (min-width: 768px) {
    .callback-panel {
        height: auto;
        width: 660px;
        top: 100px;
        right: -660px;
    }
}
.callback-open .callback-panel {
    right: 0;
    box-shadow: 0 0 50px -14px rgba(50, 50, 50, 0.5);
}
.callback-panel form label {
    width: 100%;
}
.callback-panel form .checkbox input {
    margin: -18px 0 0;
}
.callback-panel .callback-errors,
.callback-panel .callback-feedback {
    display: none;
}
.hint,
.hint:before {
    display: inline-block;
}
.callback-panel .close {
    color: #777;
    font-size: 16px;
    opacity: 1;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: 15px;
}
.hint {
    color: #f90;
    font-size: 12px;
    line-height: 1.2em;
    margin-top: 5px;
    padding-left: 20px;
    position: relative;
}
.hint:before {
    background-color: #f90;
    border-radius: 50%;
    color: #fff;
    content: "!";
    font-weight: 700;
    height: 16px;
    left: 0;
    line-height: 15px;
    margin-right: 4px;
    position: absolute;
    text-align: center;
    width: 16px;
}
.col-height,
.col-height .row,
.row-height {
    height: 100%;
}
.hint.error {
    color: red;
}
.hint.error:before {
    background-color: red;
}
.hint-calendar:before,
.hint-standard:before {
    font-family: icomoon;
    font-weight: 400;
    background-color: transparent;
    color: #f90;
    border: none;
}
.hint.error.terms {
    display: block;
    margin-left: 4px;
}
.hint.condition:before {
    content: "\e90b";
    font-family: icomoon;
    font-size: 8px;
    font-weight: 400;
    line-height: 16px;
}
.hint:active,
.hint:focus,
.hint:hover {
    color: #f90;
}
.hint-calendar:before {
    font-size: 1.5em;
    content: "\e933";
}
.hint-info:before {
    content: "i";
}
.hint-standard {
    font-size: 16px;
    line-height: 0.95em;
    padding-left: 32px;
}
.hint-standard:before {
    font-size: 1.5em;
    content: "\e949";
}
.article-table .article,
.article-table .headlines,
.payment .payment-info-head,
.payment .payment-types {
    border-bottom: 1px solid #e3e3e3;
}
.row-height {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.col-height {
    display: table-cell;
    float: none;
}
#profile h2 {
    color: red !important;
}
.article-table {
    font-size: 14px;
    margin: 0 10px 20px;
}
.article-table .headlines {
    font-size: 14px;
    font-weight: 600;
}
@media (min-width: 768px) {
    .article-table .headlines {
        font-size: 16px;
    }
}
.article-table .headlines .row-height .row-height > div {
    padding-bottom: 8px;
    padding-top: 8px;
}
.article-table .headlines .supplier-notice {
    margin-top: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.article-table .col-article .hint {
    display: block;
}
.article-table .col-article .product-details-link {
    margin: 8px 0;
}
.article-table .col-article .variants {
    margin-top: 15px;
}
.article-table .col-article .comment {
    font-size: 14px;
    margin: 15px 0 5px;
}
.article-table .col-article .express {
    padding: 0;
    display: block;
}
.article-table .col-article .express:after {
    position: relative;
    cursor: auto;
    right: 0;
    top: 0;
}
.article-table .col-article .express.active {
    color: #85b82d;
}
.article-table .col-image {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.article-table .col-image .image-box {
    display: block;
    position: relative;
}
.article-table .col-image .image-box img {
    max-width: 100%;
}
.article-table .col-image .image-box .icon-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.article-table .col-image .image-box .icon-box .icon {
    background-color: #fff;
    border-radius: 50%;
    color: #85b82d;
    display: block;
    font-size: 0.8em;
    height: 1.9em;
    margin-bottom: 4px;
    padding: 0;
    width: 1.9em;
}
.article-table .col-image .image-box .icon-box .icon:after {
    cursor: help;
    right: 0;
    top: 0;
}
.article-table .quantity {
    padding: 6px 5px;
    text-align: center;
    width: 100%;
}
@media (min-width: 768px) {
    .article-table .quantity {
        display: inline-block;
        padding: 6px 5px;
    }
}
.article-table .article .row-height .row-height > div {
    padding-bottom: 8px;
    padding-top: 8px;
}
.article-table .article .row-height .row-height > div.col-article {
    padding-bottom: 0;
}
.article-table .article .product-infos {
    display: none;
    font-size: 12px;
    margin: 10px 0;
}
.article-table .article .product-infos p {
    margin-bottom: 10px;
}
.article-table .article .product-infos .product-attachments p,
.article-table .article .product-infos .product-comment p,
.article-table .article .product-infos .product-delivery p,
.article-table .article .product-infos .product-properties p {
    float: left;
    padding-right: 10px;
    line-height: 16px;
    margin-bottom: 10px;
    width: 50%;
}
.article-table .article .product-infos .product-attachments a {
    display: block;
    margin-bottom: 5px;
}
.article-table .article .product-infos .product-attachments a:last-child,
.passage.crossnav-contact-person h2 {
    margin-bottom: 0;
}
.article-table .article .product-infos .product-delivery {
    margin-bottom: 10px;
}
.article-table .article .customization_action {
    display: block;
    margin-top: 5px;
}
.article-table .article .customization_action .edit {
    background-color: transparent;
}
.article-table .edit,
.article-table .edit-helper-box {
    background-color: #e3e3e3;
}
.article-table .article .customization_action a {
    margin: 0 25px 5px 0;
    text-align: left;
    padding-top: 1px;
}
.article-table .article .customization_action a:last-child {
    margin: 0;
}
.article-table .wrap-mobile {
    display: block;
    float: left;
}
.article-table .wrap-mobile > .row div {
    vertical-align: top;
}
.article-table .edit {
    text-align: center;
}
@media (min-width: 768px) {
    .article-table .article .row-height .row-height > div.col-article {
        padding-bottom: 8px;
    }
    .article-table .wrap-mobile {
        display: table-cell;
        float: none;
    }
    .article-table .edit-helper-box {
        background-color: transparent;
    }
}
.article-table .item-total .row-height > div {
    border-top: 1px solid #e3e3e3;
}
.article-table .item-total .row-height > div.col-image {
    border-top: 0 none;
}
.article-table .item-total .row-height > div.col-article {
    padding-bottom: 8px !important;
}
.article-table .item-charge .row-height > div {
    padding-bottom: 4px !important;
    padding-top: 0 !important;
}
.article-table .item-charge .row-height > div.col-article {
    padding-bottom: 4px !important;
}
.article-table .item-address__link {
    display: block;
    cursor: pointer;
}
.article-table .item-address__form {
    position: relative;
    margin-top: 15px;
}
#wish-list h1 {
    margin-top: 20px;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.img-box {
    margin-bottom: 20px;
}
.img-box img {
    display: block;
    height: auto;
    width: 100%;
}
.passage.blog,
.passage.contact-person,
.passage.content-box,
.passage.crossnav-contact-general,
.passage.crossnav-contact-person,
.passage.crossnav-teaser,
.passage.standard-box {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 10px;
}
.passage.blog:after,
.passage.contact-person:after,
.passage.content-box:after,
.passage.crossnav-contact-general:after,
.passage.crossnav-contact-person:after,
.passage.crossnav-teaser:after,
.passage.standard-box:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.passage.blog h3,
.passage.contact-person h3,
.passage.content-box h3,
.passage.crossnav-contact-general h3,
.passage.crossnav-contact-person h3,
.passage.crossnav-teaser h3,
.passage.standard-box h3 {
    color: #777;
    font-size: 14px;
    margin-bottom: 10px;
}
.passage.blog h2,
.passage.contact-person h2,
.passage.content-box h2,
.passage.crossnav-contact-general h2,
.passage.crossnav-contact-person h2,
.passage.crossnav-teaser h2,
.passage.standard-box h2 {
    font-size: 22px;
    line-height: 24px;
}
.passage.blog h2 a:hover,
.passage.contact-person h2 a:hover,
.passage.content-box h2 a:hover,
.passage.crossnav-contact-general h2 a:hover,
.passage.crossnav-contact-person h2 a:hover,
.passage.crossnav-teaser h2 a:hover,
.passage.standard-box h2 a:hover {
    color: red;
}
.passage.blog p:after,
.passage.contact-person p:after,
.passage.content-box p:after,
.passage.crossnav-contact-general p:after,
.passage.crossnav-contact-person p:after,
.passage.crossnav-teaser p:after,
.passage.standard-box p:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.passage.blog .image,
.passage.contact-person .image,
.passage.content-box .image,
.passage.crossnav-contact-general .image,
.passage.crossnav-contact-person .image,
.passage.crossnav-teaser .image,
.passage.standard-box .image {
    margin: 0 0 20px;
}
@media (min-width: 768px) {
    .passage.blog .image,
    .passage.contact-person .image,
    .passage.content-box .image,
    .passage.crossnav-contact-general .image,
    .passage.crossnav-contact-person .image,
    .passage.crossnav-teaser .image,
    .passage.standard-box .image {
        float: left;
        margin: 0 20px 0 0;
    }
    .passage.blog .image a,
    .passage.contact-person .image a,
    .passage.content-box .image a,
    .passage.crossnav-contact-general .image a,
    .passage.crossnav-contact-person .image a,
    .passage.crossnav-teaser .image a,
    .passage.standard-box .image a {
        display: block;
    }
}
.passage.blog .icon.arrow,
.passage.contact-person .icon.arrow,
.passage.content-box .icon.arrow,
.passage.crossnav-contact-general .icon.arrow,
.passage.crossnav-contact-person .icon.arrow,
.passage.crossnav-teaser .icon.arrow,
.passage.standard-box .icon.arrow {
    float: right;
}
.passage.blog h3 {
    color: #777;
    font-size: 14px;
    margin-bottom: 10px;
}
.passage.blog h2 {
    max-height: 48px;
    overflow: hidden;
}
.passage.blog .image img {
    width: 150px;
}
.passage.blog p {
    display: block;
    height: 96px;
    line-height: 1.2em;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
}
.passage.blog p:after {
    background: url(../images/fade-out.png) 100% 100% repeat-y;
    bottom: 0;
    color: red;
    content: "";
    display: block;
    height: 20px;
    line-height: 18px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 100%;
}
.passage.contact-person .list ul li.mail:before,
.passage.contact-person .list ul li.phone:before,
.passage.crossnav-contact-person .list ul li.mail:before,
.passage.crossnav-contact-person .list ul li.phone:before,
.slick-arrow:before {
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.passage.crossnav-teaser .image {
    width: 100%;
}
.passage.crossnav-contact-person .image {
    margin: 20px 20px 0 0;
    width: 100px;
}
.passage.crossnav-contact-person .list {
    font-size: 14px;
    padding-bottom: 21px;
    position: relative;
}
.passage.crossnav-contact-person .list ul {
    list-style: none;
    margin: 0;
    padding: 20px 0 0;
    float: left;
    min-height: 100px;
}
@media (min-width: 768px) {
    .passage.crossnav-contact-person .list ul {
        width: 160px;
    }
}
.passage.crossnav-contact-person .list ul li {
    margin-bottom: 10px;
}
.passage.crossnav-contact-person .list ul li.mail,
.passage.crossnav-contact-person .list ul li.phone {
    margin-bottom: 0;
    padding-left: 25px;
    position: relative;
}
.passage.crossnav-contact-person .list ul li.mail:before,
.passage.crossnav-contact-person .list ul li.phone:before {
    font-family: icomoon !important;
    speak: none;
    left: 0;
    position: absolute;
    top: 3px;
}
.passage.crossnav-contact-person .list ul li.mail a,
.passage.crossnav-contact-person .list ul li.phone a {
    display: block;
}
.passage.crossnav-contact-person .list ul li.phone:before {
    content: "\e926";
}
.passage.crossnav-contact-person .list ul li.mail:before {
    content: "\e927";
}
.passage.crossnav-contact-person .list ul li a {
    color: #777;
}
.passage.crossnav-contact-person .list:before {
    border-top: 1px solid #e3e3e3;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}
.passage.crossnav-contact-person .list:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.passage.crossnav-contact-general p,
.payment-note {
    font-size: 14px;
}
.passage.crossnav-contact-person .list:last-of-type {
    padding-bottom: 10px;
}
.passage.crossnav-contact-person .list:last-of-type:before {
    display: none;
}
.passage.crossnav-contact-person .icon.arrow {
    margin-top: 20px;
}
.passage.contact-person .image {
    width: 100px;
}
.passage.contact-person .list {
    position: relative;
}
.passage.contact-person .list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
.passage.contact-person .list ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.passage.contact-person .list ul li {
    margin-bottom: 10px;
}
.passage.contact-person .list ul li.mail,
.passage.contact-person .list ul li.phone {
    padding-left: 30px;
    position: relative;
    margin-bottom: 0;
}
.passage.contact-person .list ul li.mail:before,
.passage.contact-person .list ul li.phone:before {
    font-family: icomoon !important;
    speak: none;
    left: 0;
    position: absolute;
    top: 4px;
}
.passage.contact-person .list ul li.mail a,
.passage.contact-person .list ul li.phone a {
    display: block;
}
.passage.contact-person .list ul li.phone:before {
    content: "\e926";
}
.passage.contact-person .list ul li.mail:before {
    content: "\e927";
}
.passage.contact-person .list ul li a {
    color: #777;
}
.passage.content-box h2,
.passage.content-box h3,
.passage.standard-box h2,
.passage.standard-box h3 {
    margin-bottom: 20px;
}
.passage.content-box .image,
.passage.standard-box .image {
    width: 150px;
}
.passage.content-box .image.auto,
.passage.standard-box .image.auto {
    width: auto;
}
.passage.content-box .image img,
.passage.standard-box .image img {
    width: 150px;
}
.passage.content-box p,
.passage.standard-box p {
    display: block;
    line-height: 1.2em;
    margin-bottom: 20px;
    overflow: hidden;
}
#modal-requested-delivery-date .product-infos,
.profile-person-form .customer-properties,
.profile-person-form .customer-property,
.registration-form .customer-properties,
.registration-form .customer-property {
    display: none;
}
.passage.content-box .block,
.passage.standard-box .block {
    min-height: 120px;
}
.passage.content-box .hint {
    font-size: inherit;
}
.passage.content-box .hint:before {
    top: 2px;
}
.passage.content-box p:last-of-type {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .passage.content-box {
        padding: 20px;
    }
}
.attachment {
    list-style: none;
    margin: 0;
    padding: 0;
}
.attachment li {
    margin: 8px 0;
}
.btn.btn-primary.btn-file {
    background-color: #e3e3e3;
    color: #777;
}
.input-group.date {
    position: relative;
}
.input-group.date .date-picker {
    padding-right: 32px;
}
.input-group.date .input-group-addon {
    position: absolute;
    right: 8px;
    top: 8px;
}
#modal-requested-delivery-date .product-infos > h3 {
    margin: 20px 0 10px;
}
#modal-requested-delivery-date .product-infos + a {
    margin: 20px 0;
}
.profile-requiring-verification .btn-default + .btn-default,
.profile-requiring-verification .radio-list label + label,
.profile-requiring-verification-check-limit .btn-default + .btn-default,
.profile-requiring-verification-edit-address .btn-default + .btn-default,
.profile-requiring-verification-edit-address .radio-list label + label {
    margin-left: 15px;
}
#modal-requested-delivery-date .cost-notice {
    font-size: smaller;
    margin-bottom: 20px;
}
.profile-credit table,
.profile-credit table.table-listing.responsive:last-of-type {
    margin-bottom: 10px;
}
.profile-credit .table-listing.responsive {
    margin-top: 20px;
}
.profile-requiring-verification .create-order__form {
    position: relative;
}
.profile-requiring-verification .create-order__product {
    margin-bottom: 45px;
}
.order-list-box--profile--requiring-verification .form-horizontal .control-label {
    text-align: left;
}
.order-list-box--profile--requiring-verification .form-horizontal .icon:after {
    top: 0;
}
.profile-requiring-verification-check-limit .content-box {
    position: relative;
}
.profile-requiring-verification-edit-address .content-box {
    position: relative;
}
.customer-address-box {
    margin: 20px 0;
}
.button-quantity-box {
    display: block;
    margin: 0 0 10px;
    height: 36px;
}
@media (min-width: 768px) {
    .button-quantity-box {
        margin: 0 10px 0 0;
    }
}
.button-quantity-box.small {
    float: right;
    margin: 0 0 10px;
}
.button-quantity-box button.icon {
    right: 0;
    top: 7px;
}
.button-quantity-box button.icon.decrease,
.button-quantity-box button.icon.increase {
    background: 0 0;
    border: 0;
    display: block;
    float: left;
    outline: 0;
    margin: 0;
    padding: 0;
    position: relative;
    width: 27px;
    text-align: center;
    height: 36px;
}
.button-quantity-box input.form-control {
    display: block;
    float: left;
    margin: 0 10px;
    width: 72px;
}
.to-basket .button-quantity-box {
    float: none;
}
.to-basket .button-quantity-box .button-quantity {
    float: right;
}
@media (min-width: 768px) {
    .to-basket .button-quantity-box {
        float: left;
    }
}
.to-basket .add-product-button,
.to-basket .button-quantity-box.small {
    float: none;
}
.article-table .article .button-quantity-box {
    display: inline-block;
    margin: 0;
}
.article-table .article .button-quantity-box button.icon {
    font-size: 12px;
    right: 4px;
    top: 10px;
}
.article-table .article .button-quantity-box button.icon.decrease,
.article-table .article .button-quantity-box button.icon.increase {
    width: 27px;
    height: 36px;
}
.article-table .article .button-quantity-box input.form-control {
    margin: 0 5px;
    width: 60px;
}
.article-table .article .view-depended-align {
    text-align: left;
}
.corona-info-layer {
    background-color: #fff;
    display: none;
    padding: 20px;
    top: 0;
    width: 90%;
}
@media (min-width: 992px) {
    .corona-info-layer {
        width: 60%;
    }
    .payment-note p {
        min-height: 40px;
    }
}
.corona-info-layer .closeButton {
    background-color: transparent;
    border: none;
    color: #777;
    cursor: pointer;
    display: block;
    font-size: 16px;
    right: 14px;
    position: absolute;
    text-decoration: none;
    top: 0;
}
.corona-info-layer .closeButton.confirmation {
    background-color: red;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-weght: 600;
    height: 33px;
    line-height: 33px;
    margin-top: 20px;
    right: inherit;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: inherit;
    width: 33px;
}
.submit-error-page {
    margin-top: 40px;
}
.product-slider.slick-slider {
    margin-bottom: 20px;
}
.product-slider.slick-slider .teaser {
    margin-bottom: 0;
}
.product-slider.slick-slider .teaser .product-image {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .to-basket .add-product-button {
        float: left;
    }
    .article-table .article .view-depended-align {
        text-align: center;
    }
    .product-slider.slick-slider .teaser .product-image {
        margin-bottom: 0;
    }
    .product-slider.slick-slider .teaser .product-action {
        height: 80px;
    }
}
.product-slider.slick-slider .teaser .product-image img {
    width: 100%;
}
.product-slider.slick-slider .teaser .short-description {
    margin-bottom: 20px;
}
.product-slider.slick-slider .teaser .price-info {
    height: 80px;
}
.product-slider.slick-slider .teaser .product-action {
    position: relative;
}
.product-slider.slick-slider .teaser .product-action a {
    float: right;
}
@media (min-width: 768px) {
    .product-slider.slick-slider .teaser .product-action a {
        bottom: 0;
        float: none;
        position: absolute;
        right: 0;
    }
}
.product-slider .slick-arrow {
    background-color: transparent;
    border-radius: 0;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    width: 26px;
    top: 50%;
}
.product-slider .slick-arrow:before {
    color: #777;
    font-size: 40px;
    left: 0;
    top: 0;
}
.product-slider .slick-arrow.slick-next {
    right: 10px;
}
.product-slider .slick-arrow.slick-prev {
    left: 10px;
}
.product-slider .slick-arrow.slick-prev:before {
    left: 0;
    top: 0;
}
.profile-order-history-shipping-notification {
    padding-left: 20px;
    padding-right: 20px;
}
.profile-order-history-shipping-notification .shipping-table {
    display: none;
    margin: 20px 0 0;
    width: 100%;
}
@media (min-width: 768px) {
    .profile-order-history-shipping-notification .shipping-table {
        margin: 10px 0;
    }
}
.profile-order-history-shipping-notification .shipping-table .table-listing thead th {
    font-weight: 600;
}
.profile-order-history-shipping-notification > label {
    cursor: pointer;
}
.profile-order-history-shipping-notification .switch-checkbox,
.profile-order-history-shipping-notification > label.collapse {
    display: none;
}
.profile-order-history-shipping-notification .switch-checkbox:checked ~ .shipping-table {
    display: block;
}
.profile-order-history-shipping-notification .switch-checkbox:checked ~ label.collapse {
    display: inherit;
}
.profile-order-history-shipping-notification .switch-checkbox:checked ~ label.expand {
    display: none;
}
.landingpage .payment-info-link {
    margin: 8px 0;
}
.landingpage .payment-info {
    font-size: 12px;
}
#checkout-steps {
    display: table;
    margin: 60px 0 0;
    width: 100%;
}
@media (min-width: 768px) {
    #checkout-steps {
        margin: 40px 0 20px;
    }
}
#checkout-steps.two-steps {
    margin-top: 60px;
}
#checkout-steps.two-steps .checkout-steps-note {
    background: #777;
    border-radius: 3px;
    color: #fff;
    display: none;
    font-size: 12px;
    left: 50%;
    padding: 5px 10px;
    position: absolute;
    transform: translateX(-50%);
    top: -60px;
}
#checkout-steps ol li span:before,
.slick-dots li {
    -webkit-border-top-left-radius: 50%;
    -webkit-background-clip: padding-box;
}
#checkout-steps.two-steps .checkout-steps-note:after {
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #777 transparent transparent;
    bottom: -8px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}
@media (min-width: 768px) {
    #checkout-steps.two-steps .checkout-steps-note {
        display: block;
    }
}
#checkout-steps ol {
    display: table-row;
    counter-reset: step-no;
}
#checkout-steps ol li {
    display: table-cell;
    position: relative;
    text-align: center;
}
#checkout-steps ol li span {
    color: transparent;
    text-decoration: none;
}
#checkout-steps ol li span:before {
    background-color: #777;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff;
    content: counter(step-no, decimal);
    counter-increment: step-no;
    display: block;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -15px;
    position: absolute;
    text-align: center;
    top: -30px;
    width: 30px;
    z-index: 1;
    border-radius: 50%;
}
.basket-actions,
.basket-actions .select {
    text-align: left;
}
#checkout-steps ol li .step:after,
#checkout-steps ol li .step:before {
    background-color: #777;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    top: -16px;
    width: 50%;
}
#checkout-steps ol li .step:after {
    right: 0;
}
#checkout-steps ol li:first-child .step:before,
#checkout-steps ol li:last-child .step:after {
    background-color: transparent !important;
}
#checkout-steps ol li.active .step:before,
#checkout-steps ol li.active span:before,
#checkout-steps ol li.complete .step:after,
#checkout-steps ol li.complete .step:before,
#checkout-steps ol li.complete span:before {
    background-color: red;
}
.basket-actions {
    padding: 12px 0;
}
.basket-actions .select label {
    margin-right: 20px;
}
.basket-actions .select select.form-control {
    display: inline-block;
    margin: 0;
    width: 100%;
}
.article-table .article .first.icon {
    display: block;
    margin: 10px 0 5px;
}
.payment-note {
    margin-bottom: 40px;
}
.payment .payment-info-head {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.payment .payment-types {
    margin: 30px 0;
    padding-bottom: 30px;
}
.payment .payment-types:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.payment .payment-types .payment-type {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    #checkout-steps ol li span {
        color: #777;
    }
    .basket-actions .select {
        text-align: right;
    }
    .basket-actions .select select.form-control {
        width: 50%;
    }
    .payment .payment-types .payment-type {
        margin-bottom: 0;
    }
}
.payment .payment-types .payment-type label {
    font-size: 20px;
    margin-bottom: 10px;
}
.payment .payment-types .payment-type label p {
    font-size: 14px;
    line-height: 1em;
}
.payment .payment-types .payment-type-info {
    padding: 5px 30px;
}
.payment .payment-types .payment-type-info .icon {
    margin: 15px 0 5px;
}
.payment .payment-link {
    color: #777;
    display: block;
    font-size: 14px;
    line-height: 1.5em;
    padding-left: 28px;
    position: relative;
}
.payment .payment-link:before {
    content: "\e901";
    font-family: icomoon !important;
    font-size: 1.5em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: 0;
    position: absolute;
    speak: none;
    text-transform: none;
    top: -1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.payment .payment-link:hover {
    text-decoration: none;
}
.payment .payment-link:hover:before {
    content: "\e902";
}
.payment .payment-form {
    background-color: #f1f1f1;
    padding: 10px;
    margin-left: 20px;
    position: relative;
}
.payment .payment-form:before {
    content: "";
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: transparent transparent #f1f1f1;
    height: 0;
    left: 25px;
    position: absolute;
    top: -12px;
    width: 0;
}
@media (min-width: 768px) {
    .payment .payment-types .payment-type-info .icon {
        margin-top: 5px;
    }
    .payment .payment-form {
        padding: 20px;
        margin: 0;
    }
    .payment .payment-form:before {
        border-width: 15px 15px 15px 0;
        border-color: transparent #f1f1f1 transparent transparent;
        left: -12px;
        top: 15px;
    }
    .payment .payment-form .form-group label {
        margin-top: 5px;
    }
}
.payment .payment-form .form-group .form-control {
    border: 1px solid #fff;
}
.payment .payment-form .form-group .form-control:focus {
    border-color: #8d99c1;
}
.payment .payment-form .form-group:last-child {
    margin-bottom: 0;
}
.payment.add .payment-types .payment-type .payment-link {
    margin-bottom: 5px;
}
.payment.add .payment-type-choice label {
    font-size: 14px;
}
.payment-type-data {
    font-size: 14px;
    margin-bottom: 10px;
}
#modal-select-order-item-payment .payment-type-data {
    margin-bottom: 40px;
}
.payment-type-add {
    position: relative;
    margin-bottom: 35px;
}
.payment-type-add-form {
    display: none;
    margin: 20px 0 35px;
}
#orderhistory-details .prev,
.cost-center-items {
    margin-top: 15px;
}
.cost-center,
.payment-type {
    position: relative;
    min-height: 120px;
}
.cost-center-items .row {
    height: auto;
}
.cost-center-data {
    font-size: 14px;
    margin-bottom: 15px;
}
.cost-center-data .cost-center-data-quantity {
    width: 50px;
    margin-right: 10px;
    text-align: center;
}
.cost-center-data label span {
    display: inline-block;
    margin-right: 25px;
}
.cost-center-add {
    position: relative;
    margin-bottom: 35px;
}
.cost-center-add-form {
    display: none;
    margin: 20px 0 35px;
}
.valid-payment-icon {
    background: url(../images/valid.svg) no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    left: 30px;
    bottom: 3px;
    position: absolute;
}
.valid-payment-icon.cart {
    left: 32px;
    bottom: 0;
}
.attention-payment-icon,
.invalid-payment-icon {
    width: 16px;
    height: 16px;
    left: 30px;
    bottom: 3px;
    position: absolute;
}
.invalid-payment-icon {
    background: url(../images/invalid.svg) no-repeat;
    background-size: 16px 16px;
}
.attention-payment-icon {
    background: url(../images/attention.svg) no-repeat;
    background-size: 16px 16px;
}
.attention-payment-icon.cart {
    left: 32px;
    bottom: 0;
}
.payment-info {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}
.payment-info li {
    display: block;
    margin: 2px 0;
    position: relative;
}
.payment-info li .sprite-box {
    display: inline-block;
    position: absolute;
    text-indent: -999em;
    border-radius: 5%;
    height: 30px;
    width: 41px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #636362 !important;
}
.hero-slider-box,
.payment-info.basket li .sprite-box,
.slick-list,
.slick-slider,
.slick-track {
    position: relative;
}
.payment-info li .sprite-box.registration.valid {
    background: url(../images/registration_valid.svg) center no-repeat;
    background-size: 47px;
}
.payment-info li .sprite-box.mastercard {
    background: url(../images/mc_symbol_negative.svg) no-repeat;
    background-size: 41px;
}
.payment-info li .sprite-box.visa {
    background: url(../images/visa_logo_negative.svg) 50% 40% no-repeat;
    background-size: 42px;
}
.payment-info li .sprite-box.giropay {
    background: url(../images/giropay_negative.svg) 50% 40% no-repeat;
    background-size: 45px;
}
.payment-info li .sprite-box.ec {
    background: url(../images/sepa_logo_negative.svg) center no-repeat;
    background-size: 42px;
}
.payment-info li .sprite-box.bill {
    background: url(../images/rechnung_negative.svg) center no-repeat;
    background-size: 40px;
}
.payment-info li .sprite-box.registration {
    background: url(../images/registration_attention.svg) center no-repeat;
    background-size: 47px;
}
.payment-info li .sprite-box.paydirekt {
    background: url(../images/paydirekt_logo_negative.svg) 50% 60% no-repeat;
    background-size: 40px;
}
.payment-info li p {
    display: block;
    margin: 0;
    min-height: 39px;
    padding-left: 58px;
}
.payment-info.basket li {
    display: inline-block;
    margin: 0;
}
.payment-info.basket li .payment-info-box {
    background-color: #e3e3e3;
    border-radius: 2px;
    bottom: 50px;
    display: none;
    font-size: 12px;
    left: 0;
    line-height: 1.2em;
    padding: 8px;
    position: absolute;
    white-space: nowrap;
}
.payment-info.basket li .payment-info-box:before {
    content: "";
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #e3e3e3 transparent transparent;
    height: 0;
    left: 10px;
    position: absolute;
    bottom: -6px;
    width: 0;
}
.payment-icon {
    text-indent: -999em;
    width: 120px;
    margin-left: 20px;
}
.payment-icon.mastercard {
    background: url(../images/mc_symbol.svg) no-repeat;
    background-size: 120px 62px;
    height: 62px;
}
.payment-icon.visa {
    background: url(../images/visa_logo.svg) no-repeat;
    background-size: 120px 62px;
    height: 62px;
}
.payment-icon.giropay {
    background: url(../images/giropay.svg) no-repeat;
    background-size: 120px 62px;
    height: 62px;
}
.payment-icon.ec {
    background: url(../images/sepa_logo.svg) no-repeat;
    background-size: 120px;
    height: 52px;
}
.payment-icon.bill {
    background: url(../images/rechnung.svg) no-repeat;
    background-size: 78px;
    height: 78px;
}
.payment-icon.paydirekt {
    background: url(../images/paydirekt_logo.svg) no-repeat;
    background-size: 120px;
    height: 52px;
}
.credit-summary,
.overview-summary {
    font-size: 14px;
    padding: 0 10px;
}
.credit-summary {
    margin-bottom: 20px;
}
.overview-sum-total {
    font-size: 16px;
    margin: 5px 0 20px;
    padding: 0 10px;
}
.overview-comments {
    margin-bottom: 20px;
}
.account-info {
    margin-top: 20px;
}
@media (min-width: 768px) {
    .payment-info.basket li:hover .payment-info-box {
        display: block;
    }
    .account-info {
        margin-top: 0;
        padding-left: 30px;
    }
    /* FOOTER REMOVED */
}
.manuscript-cart-link {
    padding-bottom: 5px;
}
/* FOOTER REMOVED */
.slick-list:focus {
    outline: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    left: 0;
    top: 0;
    display: block;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.slick-slide,
.slick-slide.slick-loading img {
    display: none;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-initialized .slick-slide,
.slick-list,
.slick-slide img,
.slick-slider {
    display: block;
}
.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    margin-bottom: 30px;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
}
.cover-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90px;
    width: 100%;
}
.hero-slider-box {
    clear: both;
    display: none;
    margin: 0 0 20px;
}
@media (min-width: 768px) {
    .cover-img {
        height: 360px;
    }
    .hero-slider-box {
        display: block;
        margin: 0 0 20px;
    }
}
.hero-slider-box .slick-arrow {
    background-color: rgba(187, 187, 187, 0.7);
    bottom: 16px;
    margin-top: -14px;
    top: auto;
}
.hero-slider-box .slick-arrow.slick-next {
    right: 50%;
    margin-right: -502px;
}
.hero-slider-box .slick-arrow.slick-prev {
    left: 50%;
    margin-left: -502px;
}
.hero-slider-box .slick-arrow:before {
    color: #555;
}
.hero-slider-box .intro {
    background-color: #fff;
    margin: 80px 0 40px;
    padding: 20px;
}
@media (min-width: 768px) {
    .hero-slider-box .intro {
        margin: 80px 0 0;
    }
}
.hero-slider-box .intro h1 {
    font-family: "Sparkasse Web Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
}
.hero-slider-box .intro p {
    font-size: 18px;
}
.hero-slider-box .intro p.light {
    color: #fff;
}
.hero-slider-box .intro p.dark {
    color: #000;
}
.slick-dots {
    bottom: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
#orderhistory-details .summary-box .summary-value,
.btn-file input[type="file"] {
    text-align: right;
    display: block;
}
.slick-dots li {
    background-color: #fff;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    overflow: hidden;
    width: 10px;
    border-radius: 50%;
}
.slick-dots li button {
    background: 0 0;
    border: none;
    color: transparent;
    outline: 0;
}
.slick-arrow,
.slick-dots li.slick-active,
.slick-dots li:hover {
    background-color: red;
}
.slick-dots li:focus,
.slick-dots li:focus button,
.slick-dots li:focus button:focus {
    outline: 0;
}
.slick-arrow {
    border: none;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-topleft: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    top: 50%;
    color: transparent;
    cursor: pointer;
    height: 28px;
    margin-top: -14px;
    position: absolute;
    width: 28px;
    z-index: 1;
    right: 10px;
    border-radius: 50%;
}
.slick-arrow:before {
    color: #fff;
    cursor: pointer;
    font-family: icomoon;
    font-size: 0.8em;
    left: 38%;
    position: absolute;
    top: 28%;
    content: "\e90b";
}
.slick-arrow.slick-prev {
    left: 10px;
}
.slick-arrow.slick-prev:before {
    transform: rotate(180deg);
    left: 34%;
    top: 32%;
}
#orderhistory-details .summary-box {
    margin-bottom: 5px;
}
#orderhistory-details .summary-box .summary-key {
    font-weight: 700;
}
.preloader {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.2s, opacity 0.2s;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
}
.preloader.is-visible {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.preloader--fixed {
    position: fixed;
}
.loading-indicator,
.loading-indicator:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
.loading-indicator {
    margin: -5em auto 0;
    font-size: 10px;
    position: relative;
    top: 50%;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 0, 0, 0.2);
    border-right: 1.1em solid rgba(255, 0, 0, 0.2);
    border-bottom: 1.1em solid rgba(255, 0, 0, 0.2);
    border-left: 1.1em solid red;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loading 1.1s infinite linear;
    animation: loading 1.1s infinite linear;
}
@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.modal-backdrop.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
@media (min-width: 768px) {
    .modal-dialog {
        margin: 60px auto 30px;
    }
}
.modal-header {
    margin-top: 2px;
    border-bottom: 0;
}
.modal-header .close {
    color: #777;
    cursor: pointer;
    font-size: 16px;
    opacity: 1;
}
.modal-content {
    border-radius: 0;
    box-shadow: none;
}
.modal-tabs {
    position: absolute;
    top: -40px;
    left: 0;
}
.modal-tabs .modal-tab {
    display: block;
    float: left;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 20px;
    margin-right: 5px;
    background-color: #e3e3e3;
}
.modal-tabs .modal-tab.active {
    background-color: #fff;
}
.modal-footer {
    border-top: 0;
}
#calatog-switch-modal .icon {
    width: 100%;
}
#calatog-switch-modal .icon:after {
    color: red;
    top: -0.15em;
}
.file-loading {
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    font-size: 999px;
    text-align: right;
    color: #fff;
    background: url(../img/loading.gif) top left no-repeat;
    border: none;
}
.file-object {
    margin: 0 0 -5px;
    padding: 0;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type="file"] {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    min-width: 100%;
    min-height: 100%;
    opacity: 0;
    background: none;
    cursor: inherit;
}
.file-caption-name {
    display: inline-block;
    overflow: hidden;
    height: 20px;
    word-break: break-all;
}
.input-group-lg .file-caption-name {
    height: 25px;
}
.file-zoom-dialog {
    text-align: left;
}
.file-error-message {
    color: #a94442;
    background-color: #f2dede;
    margin: 5px;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    padding: 15px;
}
.file-error-message pre,
.file-error-message ul {
    margin: 0;
    text-align: left;
}
.file-error-message pre {
    margin: 5px 0;
}
.file-caption-disabled {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1;
}
.file-preview {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px;
    width: 100%;
    margin-bottom: 5px;
}
.krajee-default.file-preview-frame {
    position: relative;
    display: table;
    margin: 8px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 5px 0 #a2958a;
    padding: 6px;
    float: left;
    text-align: center;
}
.krajee-default.file-preview-frame:not(.file-preview-error):hover {
    box-shadow: 3px 3px 5px 0 #333;
}
.krajee-default.file-preview-frame .kv-file-content {
    height: 170px;
}
.krajee-default.file-preview-frame .file-thumbnail-footer {
    height: 70px;
}
.krajee-default .file-preview-image {
    vertical-align: middle;
    image-orientation: from-image;
}
.krajee-default .file-preview-text {
    display: block;
    color: #428bca;
    border: 1px solid #ddd;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    outline: 0;
    padding: 8px;
    resize: none;
}
.krajee-default .file-preview-html {
    border: 1px solid #ddd;
    padding: 8px;
    overflow: auto;
}
.krajee-default[data-template="audio"] .file-preview-audio {
    display: table-cell;
    vertical-align: middle;
    height: 170px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.krajee-default .file-preview-audio audio {
    vertical-align: middle;
}
.krajee-default .file-zoom-dialog .file-preview-text {
    font-size: 1.2em;
}
.krajee-default .file-preview-other {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}
.alert-dismissible.inline,
.krajee-default .file-actions {
    margin-top: 15px;
}
.krajee-default .file-preview-other:hover {
    opacity: 0.8;
}
.krajee-default .file-actions,
.krajee-default .file-other-error {
    text-align: left;
}
.krajee-default .file-other-icon {
    font-size: 8em;
}
.krajee-default .file-footer-caption {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    text-align: center;
    padding-top: 4px;
    font-size: 11px;
    color: #777;
    margin: 5px auto;
}
.alert-hider,
.alert-hider:checked + .alert,
.file-input-ajax-new .fileinput-remove-button,
.file-input-ajax-new .fileinput-upload-button,
.file-input-ajax-new .no-browse .input-group-btn,
.file-input-new .close,
.file-input-new .file-preview,
.file-input-new .fileinput-remove-button,
.file-input-new .fileinput-upload-button,
.file-input-new .glyphicon-file,
.file-input-new .no-browse .input-group-btn,
.fileinput-upload {
    display: none;
}
.krajee-default .file-preview-error {
    opacity: 0.65;
    box-shadow: none;
}
.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
    color: #000;
}
.krajee-default .file-drag-handle,
.krajee-default .file-upload-indicator {
    position: absolute;
    text-align: center;
    bottom: -6px;
    left: -6px;
    padding: 8px 8px 1px 3px;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #8a6d3b;
    border-top: 1px solid #8a6d3b;
    border-top-right-radius: 24px;
    font-size: 12px;
}
.krajee-default .file-drag-handle {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.krajee-default .file-upload-indicator {
    font-size: 13px;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding-bottom: 0;
}
.krajee-default.file-preview-error .file-upload-indicator {
    background-color: #f2dede;
    border-color: #ebccd1;
}
.krajee-default.file-preview-success .file-upload-indicator {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.krajee-default.file-preview-loading .file-upload-indicator {
    background-color: #e5e5e5;
    border-color: #777;
}
.krajee-default .file-thumb-progress .progress,
.krajee-default .file-thumb-progress .progress-bar {
    height: 10px;
    font-size: 9px;
    line-height: 10px;
}
.krajee-default .file-thumbnail-footer {
    position: relative;
}
.krajee-default .file-thumb-progress {
    height: 10px;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
}
.krajee-default.kvsortable-ghost {
    background: #e1edf7;
    border: 2px solid #a1abff;
}
.file-zoom-dialog .file-other-icon {
    font-size: 22em;
    font-size: 50vmin;
}
.file-caption-main {
    width: 100%;
}
.input-group-btn {
    position: absolute;
    right: 10px;
    top: 0;
}
.file-input-ajax-new .no-browse .form-control,
.file-input-new .no-browse .form-control {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.file-thumb-loading {
    background: url(../img/loading.gif) center center no-repeat content-box !important;
}
.file-sortable .file-drag-handle {
    cursor: move;
    cursor: -webkit-grabbing;
    opacity: 1;
}
.file-sortable .file-drag-handle:hover {
    opacity: 0.7;
}
.file-drop-zone {
    border: 1px dashed #aaa;
    border-radius: 4px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 12px 15px 12px 12px;
    padding: 5px;
}
.file-drop-zone-title {
    color: #aaa;
    font-size: 1.6em;
    padding: 85px 10px;
    cursor: default;
}
.clickable .file-drop-zone-title,
.file-preview .clickable {
    cursor: pointer;
}
.file-drop-zone.clickable:hover {
    border: 2px dashed #999;
}
.file-drop-zone.clickable:focus {
    border: 2px solid #5acde2;
}
.file-drop-zone .file-preview-thumbnails {
    cursor: default;
}
.file-highlighted {
    border: 2px dashed #999 !important;
    background-color: #f0f0f0;
}
.file-uploading {
    background: url(../img/loading-sm.gif) center bottom 10px no-repeat;
    opacity: 0.65;
}
.file-zoom-fullscreen.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.file-zoom-fullscreen .modal-dialog {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.file-zoom-fullscreen .modal-content {
    border-radius: 0;
    box-shadow: none;
}
.file-zoom-fullscreen .modal-body {
    overflow-y: auto;
}
.file-zoom-dialog .modal-body {
    position: relative !important;
}
.file-zoom-dialog .btn-navigate {
    position: absolute;
    padding: 0;
    margin: 0;
    background: 0 0;
    text-decoration: none;
    outline: 0;
    opacity: 0.7;
    top: 45%;
    font-size: 4em;
    color: #1c94c4;
}
.file-zoom-dialog .floating-buttons {
    position: absolute;
    top: 5px;
    right: 10px;
}
.floating-buttons,
.floating-buttons .btn {
    z-index: 3000;
}
.file-zoom-dialog .kv-zoom-actions .btn,
.floating-buttons .btn {
    margin-left: 3px;
}
.file-zoom-dialog .btn-navigate:not([disabled]):focus,
.file-zoom-dialog .btn-navigate:not([disabled]):hover {
    outline: 0;
    box-shadow: none;
    opacity: 0.5;
}
.file-zoom-dialog .btn-navigate[disabled] {
    opacity: 0.3;
}
.file-zoom-dialog .btn-prev {
    left: 1px;
}
.file-zoom-dialog .btn-next {
    right: 1px;
}
.file-zoom-content {
    height: 480px;
    text-align: center;
}
.file-zoom-content .file-preview-image,
.file-zoom-content .file-preview-video {
    max-height: 100%;
}
.file-zoom-content > .file-object.type-image {
    width: auto;
    height: auto;
    min-height: inherit;
    max-width: 100%;
    max-height: 100%;
}
.file-zoom-content > .file-object.type-flash,
.file-zoom-content > .file-object.type-video {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}
.file-zoom-content > .file-object.type-audio {
    width: auto;
    height: 30px;
}
.file-zoom-content > .file-object.type-default,
.file-zoom-content > .file-object.type-html,
.file-zoom-content > .file-object.type-pdf,
.file-zoom-content > .file-object.type-text {
    width: 100%;
}
.file-preview-initial.sortable-chosen {
    background-color: #d9edf7;
}
.btn-file ::-ms-browse {
    width: 100%;
    height: 100%;
}
.btn-file {
    border-radius: 0 5px 5px 0;
}
.fileinput-remove-button {
    border-radius: 0;
    margin-right: -4px;
}
.file-input .btn.btn-default,
.file-input .btn.btn-primary {
    background-color: #e3e3e3;
    color: #777;
    padding: 0.55em;
}
.file-input .btn.btn-primary {
    border-radius: 0 4px 4px 0;
}
.file-input .btn.btn-default {
    border-radius: 0;
    border-right: 1px solid #fff;
}
.alert-dismissible.multiline {
    position: relative;
}
.alert-dismissible .close {
    float: none;
    position: absolute;
    right: 10px;
    top: 45%;
    margin-top: -10px;
}
