@charset "UTF-8";
/* lato-100 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  src: url("/font/lato/lato-v14-latin-100.eot"); /* IE9 Compat Modes */
  src: local("Lato Hairline"), local("Lato-Hairline"), url("/font/lato/lato-v14-latin-100.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-100.woff2") format("woff2"), url("/font/lato/lato-v14-latin-100.woff") format("woff"), url("/font/lato/lato-v14-latin-100.ttf") format("truetype"), url("/font/lato/lato-v14-latin-100.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 100;
  src: url("/font/lato/lato-v14-latin-100italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Hairline Italic"), local("Lato-HairlineItalic"), url("/font/lato/lato-v14-latin-100italic.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-100italic.woff2") format("woff2"), url("/font/lato/lato-v14-latin-100italic.woff") format("woff"), url("/font/lato/lato-v14-latin-100italic.ttf") format("truetype"), url("/font/lato/lato-v14-latin-100italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url("/font/lato/lato-v14-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Lato Light"), local("Lato-Light"), url("/font/lato/lato-v14-latin-300.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-300.woff2") format("woff2"), url("/font/lato/lato-v14-latin-300.woff") format("woff"), url("/font/lato/lato-v14-latin-300.ttf") format("truetype"), url("/font/lato/lato-v14-latin-300.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  src: url("/font/lato/lato-v14-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url("/font/lato/lato-v14-latin-300italic.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-300italic.woff2") format("woff2"), url("/font/lato/lato-v14-latin-300italic.woff") format("woff"), url("/font/lato/lato-v14-latin-300italic.ttf") format("truetype"), url("/font/lato/lato-v14-latin-300italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url("/font/lato/lato-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Lato Regular"), local("Lato-Regular"), url("/font/lato/lato-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-regular.woff2") format("woff2"), url("/font/lato/lato-v14-latin-regular.woff") format("woff"), url("/font/lato/lato-v14-latin-regular.ttf") format("truetype"), url("/font/lato/lato-v14-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: url("/font/lato/lato-v14-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Italic"), local("Lato-Italic"), url("/font/lato/lato-v14-latin-italic.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-italic.woff2") format("woff2"), url("/font/lato/lato-v14-latin-italic.woff") format("woff"), url("/font/lato/lato-v14-latin-italic.ttf") format("truetype"), url("/font/lato/lato-v14-latin-italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url("/font/lato/lato-v14-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Lato Bold"), local("Lato-Bold"), url("/font/lato/lato-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-700.woff2") format("woff2"), url("/font/lato/lato-v14-latin-700.woff") format("woff"), url("/font/lato/lato-v14-latin-700.ttf") format("truetype"), url("/font/lato/lato-v14-latin-700.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: url("/font/lato/lato-v14-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("/font/lato/lato-v14-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-700italic.woff2") format("woff2"), url("/font/lato/lato-v14-latin-700italic.woff") format("woff"), url("/font/lato/lato-v14-latin-700italic.ttf") format("truetype"), url("/font/lato/lato-v14-latin-700italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url("/font/lato/lato-v14-latin-900.eot"); /* IE9 Compat Modes */
  src: local("Lato Black"), local("Lato-Black"), url("/font/lato/lato-v14-latin-900.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-900.woff2") format("woff2"), url("/font/lato/lato-v14-latin-900.woff") format("woff"), url("/font/lato/lato-v14-latin-900.ttf") format("truetype"), url("/font/lato/lato-v14-latin-900.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  src: url("/font/lato/lato-v14-latin-900italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Black Italic"), local("Lato-BlackItalic"), url("/font/lato/lato-v14-latin-900italic.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-900italic.woff2") format("woff2"), url("/font/lato/lato-v14-latin-900italic.woff") format("woff"), url("/font/lato/lato-v14-latin-900italic.ttf") format("truetype"), url("/font/lato/lato-v14-latin-900italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* roboto-100 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("/font/roboto/roboto-v18-latin-100.eot"); /* IE9 Compat Modes */
  src: local("Roboto Thin"), local("Roboto-Thin"), url("/font/roboto/roboto-v18-latin-100.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-100.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-100.woff") format("woff"), url("/font/roboto/roboto-v18-latin-100.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-100.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("/font/roboto/roboto-v18-latin-100italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("/font/roboto/roboto-v18-latin-100italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-100italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-100italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-100italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-100italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("/font/roboto/roboto-v18-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("/font/roboto/roboto-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-300.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-300.woff") format("woff"), url("/font/roboto/roboto-v18-latin-300.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("/font/roboto/roboto-v18-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("/font/roboto/roboto-v18-latin-300italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-300italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-300italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-300italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-300italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("/font/roboto/roboto-v18-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Italic"), local("Roboto-Italic"), url("/font/roboto/roboto-v18-latin-italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/font/roboto/roboto-v18-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("/font/roboto/roboto-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-regular.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-regular.woff") format("woff"), url("/font/roboto/roboto-v18-latin-regular.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("/font/roboto/roboto-v18-latin-500.eot"); /* IE9 Compat Modes */
  src: local("Roboto Medium"), local("Roboto-Medium"), url("/font/roboto/roboto-v18-latin-500.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-500.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-500.woff") format("woff"), url("/font/roboto/roboto-v18-latin-500.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-500.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/font/roboto/roboto-v18-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/font/roboto/roboto-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-700.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-700.woff") format("woff"), url("/font/roboto/roboto-v18-latin-700.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("/font/roboto/roboto-v18-latin-500italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/font/roboto/roboto-v18-latin-500italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-500italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-500italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-500italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-500italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("/font/roboto/roboto-v18-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/font/roboto/roboto-v18-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-700italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-700italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-700italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-700italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("/font/roboto/roboto-v18-latin-900.eot"); /* IE9 Compat Modes */
  src: local("Roboto Black"), local("Roboto-Black"), url("/font/roboto/roboto-v18-latin-900.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-900.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-900.woff") format("woff"), url("/font/roboto/roboto-v18-latin-900.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-900.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("/font/roboto/roboto-v18-latin-900italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("/font/roboto/roboto-v18-latin-900italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-900italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-900italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-900italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-900italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/** headlines */
h1, h2, h3, .indexBar > .title, .filterBar > .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .title, h4, #modalContentBox .title, .releaseView-container .release .content .chordViewer-container > .title, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release .indexContainer .index .title, h5, .cart.sumOnly .cartSum.totalSum, h6 {
  font-weight: 500;
  margin: 0;
  padding: 0;
}

h1, h2, h3, .indexBar > .title, .filterBar > .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .title {
  font-weight: 600;
}

h1 {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 35px;
  padding-bottom: 2px;
}

h2 {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 22px;
}

h3, .indexBar > .title, .filterBar > .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .title {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
}

h4, #modalContentBox .title, .releaseView-container .release .content .chordViewer-container > .title, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release .indexContainer .index .title {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
}

h5, .cart.sumOnly .cartSum.totalSum {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
}

/* others */
.errorText {
  color: #e22;
}

.subHeadline {
  color: #e83331;
  font-size: 17px;
  font-weight: 600;
  padding-left: 1px;
}

.backdropLightgray {
  background: #f6f6f6;
  border-radius: 2px;
  padding: 18px 22px;
  /*border-left: 10px solid #eee;*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

#switchDisplay {
  position: fixed;
  bottom: 8px;
  right: 8px;
  z-index: 100;
}
#switchDisplay > div {
  background-color: #fbffcc;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  border: 1px solid #bbb;
  color: #555;
  font-size: 10px;
  padding: 3px 6px 3px 28px;
  position: relative;
  height: 18px;
  line-height: 18px;
}
#switchDisplay > div .pre {
  background: #fff url("/img/system/aurora3/icons/checkmark-small.png") no-repeat center center;
  width: 22px;
  border-right: 1px solid #bbb;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

div.table {
  display: table;
}
div.table.fullWidth {
  width: 100%;
}
div.table > div {
  display: table-row;
}
div.table > div > div {
  display: table-cell;
  vertical-align: top;
  position: relative;
  white-space: nowrap;
}
div.table > div > div.takeWidth {
  width: 100%;
}
div.table > div > div.alignRight {
  text-align: right;
}
div.table > div > div.alignCenter {
  text-align: center;
}

.icon {
  cursor: pointer;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon.account {
  background-image: url("/img/project/signage/icons/svg/account.svg");
}
.icon.notification {
  background-image: url("/img/project/signage/icons/svg/notification.svg");
}
.icon.cart {
  background-image: url("/img/project/signage/icons/svg/cart.svg");
}
.icon.search {
  background-image: url("/img/project/signage/icons/svg/search.svg");
}
.icon.tiny-arrow-down {
  background-image: url("/img/project/signage/icons/svg/tiny-arrow-down.svg");
}
.icon.tiny-arrow-down-e2 {
  background-image: url("/img/project/signage/icons/svg/tiny-arrow-down-e2.svg");
}

/* mix-ins */
/** global variables **/
/* colors */
/* images */
/* visuals */
/* geometrics */
/* fonts */
/* breakpoints */
/* let's make this larger to be more compatible with androids */
/* z-plane */
/* items */
/** clearfix */
.clear {
  clear: both;
}

.clearfix:before, .moduleContainer > div:before, footer .navigation.footer > ul:before, .releaseViewer.slider .releaseSlider .slide ul.mediaSummary:before, .releaseViewer.slider .releaseSlider .slide .contentSummary > ul:before, .releaseView-container .release .content .chordViewer-container .chordView-inner > .title:before, .releaseView-container .release .head:before, .webForm .fieldSet .field .group:before, .webForm .fieldSet .field:before, .webForm .fieldSet-pair:before, .customerManagement .customerManagement:before, .webForm-container:before, .cart.subscriptionInfo .subscriptionFrequency:before, .cart.full .voucherEntry-container .voucherEntry:before, .cart.full .sumList .cartSum .wrapper:before, .cart.full .sumList:before, .cart.full .col .selector:before, .cart.full .col.cartItem-product .priceInfo:before, .cart.full .col.cartItem-product:before, .cart.full:before, .cart.sumOnly .cartSum.totalSum:before, .cart.compact .cartSum:before, .filterBar-wrapper .cart.filterBar .cartSum:before, .cart.compact .item .selector:before, .filterBar-wrapper .cart.filterBar .item .selector:before, .cart.compact.open .item:before, .filterBar-wrapper .cart.open.filterBar .item:before, .customerLogin .collateralInfo:before, .subscriptionManagement .collateralInfo:before, .customerManagement .collateralInfo:before, .passwordRecovery .collateralInfo:before, .customerLogin .fieldWrapper:before, .passwordRecovery .fieldWrapper:before, .checkout .checkout-paymentMethod-wrapper:before, .customerManagement .checkout-paymentMethod-wrapper:before, .checkout > .section.checkout-final .disclaimerCheck:before, .checkout > .section.checkout-final .privacyCheck:before, .checkout > .section.checkout-final .cancellationCheck:before, .checkout > .section.checkout-final .newsletterCheck:before, .checkout > div > .section.checkout-final .disclaimerCheck:before, .checkout > div > .section.checkout-final .privacyCheck:before, .checkout > div > .section.checkout-final .cancellationCheck:before, .checkout > div > .section.checkout-final .newsletterCheck:before, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck:before, .checkout .section.checkout-subscription.checkout-final .privacyCheck:before, .checkout .section.checkout-subscription.checkout-final .cancellationCheck:before, .checkout .section.checkout-subscription.checkout-final .newsletterCheck:before, .checkout > div > div > .section.checkout-final .disclaimerCheck:before, .checkout > div > div > .section.checkout-final .privacyCheck:before, .checkout > div > div > .section.checkout-final .cancellationCheck:before, .checkout > div > div > .section.checkout-final .newsletterCheck:before, .customerManagement > .section.checkout-final .disclaimerCheck:before, .customerManagement > .section.checkout-final .privacyCheck:before, .customerManagement > .section.checkout-final .cancellationCheck:before, .customerManagement > .section.checkout-final .newsletterCheck:before, .customerManagement > div > .section.checkout-final .disclaimerCheck:before, .customerManagement > div > .section.checkout-final .privacyCheck:before, .customerManagement > div > .section.checkout-final .cancellationCheck:before, .customerManagement > div > .section.checkout-final .newsletterCheck:before, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck:before, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck:before, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck:before, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck:before, .customerManagement > div > div > .section.checkout-final .disclaimerCheck:before, .customerManagement > div > div > .section.checkout-final .privacyCheck:before, .customerManagement > div > div > .section.checkout-final .cancellationCheck:before, .customerManagement > div > div > .section.checkout-final .newsletterCheck:before, .checkout > .section.checkout-delivery .deliveryTargets:before,
.checkout > .section.checkout-delivery .customerAccount:before, .checkout > .section.checkout-customerData .deliveryTargets:before,
.checkout > .section.checkout-customerData .customerAccount:before, .checkout > div > .section.checkout-delivery .deliveryTargets:before,
.checkout > div > .section.checkout-delivery .customerAccount:before, .checkout > div > .section.checkout-customerData .deliveryTargets:before,
.checkout > div > .section.checkout-customerData .customerAccount:before, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets:before,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount:before, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets:before,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount:before, .checkout > div > div > .section.checkout-delivery .deliveryTargets:before,
.checkout > div > div > .section.checkout-delivery .customerAccount:before, .checkout > div > div > .section.checkout-customerData .deliveryTargets:before,
.checkout > div > div > .section.checkout-customerData .customerAccount:before, .customerManagement > .section.checkout-delivery .deliveryTargets:before,
.customerManagement > .section.checkout-delivery .customerAccount:before, .customerManagement > .section.checkout-customerData .deliveryTargets:before,
.customerManagement > .section.checkout-customerData .customerAccount:before, .customerManagement > div > .section.checkout-delivery .deliveryTargets:before,
.customerManagement > div > .section.checkout-delivery .customerAccount:before, .customerManagement > div > .section.checkout-customerData .deliveryTargets:before,
.customerManagement > div > .section.checkout-customerData .customerAccount:before, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets:before,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount:before, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets:before,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount:before, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets:before,
.customerManagement > div > div > .section.checkout-delivery .customerAccount:before, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets:before,
.customerManagement > div > div > .section.checkout-customerData .customerAccount:before, .checkout > .section.checkout-paymentMethod .selection:before, .checkout > div > .section.checkout-paymentMethod .selection:before, .checkout .section.checkout-subscription.checkout-paymentMethod .selection:before, .checkout > div > div > .section.checkout-paymentMethod .selection:before, .customerManagement > .section.checkout-paymentMethod .selection:before, .customerManagement > div > .section.checkout-paymentMethod .selection:before, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection:before, .customerManagement > div > div > .section.checkout-paymentMethod .selection:before, #main-content .subscriptionPicker:before, header .modeSwitchBlock .modeSwitch:before, header:before, #main-wrapper:before,
.clearfix:after,
.moduleContainer > div:after,
footer .navigation.footer > ul:after,
.releaseViewer.slider .releaseSlider .slide ul.mediaSummary:after,
.releaseViewer.slider .releaseSlider .slide .contentSummary > ul:after,
.releaseView-container .release .content .chordViewer-container .chordView-inner > .title:after,
.releaseView-container .release .head:after,
.webForm .fieldSet .field .group:after,
.webForm .fieldSet .field:after,
.webForm .fieldSet-pair:after,
.customerManagement .customerManagement:after,
.webForm-container:after,
.cart.subscriptionInfo .subscriptionFrequency:after,
.cart.full .voucherEntry-container .voucherEntry:after,
.cart.full .sumList .cartSum .wrapper:after,
.cart.full .sumList:after,
.cart.full .col .selector:after,
.cart.full .col.cartItem-product .priceInfo:after,
.cart.full .col.cartItem-product:after,
.cart.full:after,
.cart.sumOnly .cartSum.totalSum:after,
.cart.compact .cartSum:after,
.filterBar-wrapper .cart.filterBar .cartSum:after,
.cart.compact .item .selector:after,
.filterBar-wrapper .cart.filterBar .item .selector:after,
.cart.compact.open .item:after,
.filterBar-wrapper .cart.open.filterBar .item:after,
.customerLogin .collateralInfo:after,
.subscriptionManagement .collateralInfo:after,
.customerManagement .collateralInfo:after,
.passwordRecovery .collateralInfo:after,
.customerLogin .fieldWrapper:after,
.passwordRecovery .fieldWrapper:after,
.checkout .checkout-paymentMethod-wrapper:after,
.customerManagement .checkout-paymentMethod-wrapper:after,
.checkout > .section.checkout-final .disclaimerCheck:after,
.checkout > .section.checkout-final .privacyCheck:after,
.checkout > .section.checkout-final .cancellationCheck:after,
.checkout > .section.checkout-final .newsletterCheck:after,
.checkout > div > .section.checkout-final .disclaimerCheck:after,
.checkout > div > .section.checkout-final .privacyCheck:after,
.checkout > div > .section.checkout-final .cancellationCheck:after,
.checkout > div > .section.checkout-final .newsletterCheck:after,
.checkout .section.checkout-subscription.checkout-final .disclaimerCheck:after,
.checkout .section.checkout-subscription.checkout-final .privacyCheck:after,
.checkout .section.checkout-subscription.checkout-final .cancellationCheck:after,
.checkout .section.checkout-subscription.checkout-final .newsletterCheck:after,
.checkout > div > div > .section.checkout-final .disclaimerCheck:after,
.checkout > div > div > .section.checkout-final .privacyCheck:after,
.checkout > div > div > .section.checkout-final .cancellationCheck:after,
.checkout > div > div > .section.checkout-final .newsletterCheck:after,
.customerManagement > .section.checkout-final .disclaimerCheck:after,
.customerManagement > .section.checkout-final .privacyCheck:after,
.customerManagement > .section.checkout-final .cancellationCheck:after,
.customerManagement > .section.checkout-final .newsletterCheck:after,
.customerManagement > div > .section.checkout-final .disclaimerCheck:after,
.customerManagement > div > .section.checkout-final .privacyCheck:after,
.customerManagement > div > .section.checkout-final .cancellationCheck:after,
.customerManagement > div > .section.checkout-final .newsletterCheck:after,
.customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck:after,
.customerManagement .section.checkout-subscription.checkout-final .privacyCheck:after,
.customerManagement .section.checkout-subscription.checkout-final .cancellationCheck:after,
.customerManagement .section.checkout-subscription.checkout-final .newsletterCheck:after,
.customerManagement > div > div > .section.checkout-final .disclaimerCheck:after,
.customerManagement > div > div > .section.checkout-final .privacyCheck:after,
.customerManagement > div > div > .section.checkout-final .cancellationCheck:after,
.customerManagement > div > div > .section.checkout-final .newsletterCheck:after,
.checkout > .section.checkout-delivery .deliveryTargets:after,
.checkout > .section.checkout-delivery .customerAccount:after,
.checkout > .section.checkout-customerData .deliveryTargets:after,
.checkout > .section.checkout-customerData .customerAccount:after,
.checkout > div > .section.checkout-delivery .deliveryTargets:after,
.checkout > div > .section.checkout-delivery .customerAccount:after,
.checkout > div > .section.checkout-customerData .deliveryTargets:after,
.checkout > div > .section.checkout-customerData .customerAccount:after,
.checkout .section.checkout-subscription.checkout-delivery .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount:after,
.checkout .section.checkout-subscription.checkout-customerData .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount:after,
.checkout > div > div > .section.checkout-delivery .deliveryTargets:after,
.checkout > div > div > .section.checkout-delivery .customerAccount:after,
.checkout > div > div > .section.checkout-customerData .deliveryTargets:after,
.checkout > div > div > .section.checkout-customerData .customerAccount:after,
.customerManagement > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > .section.checkout-delivery .customerAccount:after,
.customerManagement > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > .section.checkout-customerData .customerAccount:after,
.customerManagement > div > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > div > .section.checkout-delivery .customerAccount:after,
.customerManagement > div > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > div > .section.checkout-customerData .customerAccount:after,
.customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets:after,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount:after,
.customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets:after,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount:after,
.customerManagement > div > div > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > div > div > .section.checkout-delivery .customerAccount:after,
.customerManagement > div > div > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > div > div > .section.checkout-customerData .customerAccount:after,
.checkout > .section.checkout-paymentMethod .selection:after,
.checkout > div > .section.checkout-paymentMethod .selection:after,
.checkout .section.checkout-subscription.checkout-paymentMethod .selection:after,
.checkout > div > div > .section.checkout-paymentMethod .selection:after,
.customerManagement > .section.checkout-paymentMethod .selection:after,
.customerManagement > div > .section.checkout-paymentMethod .selection:after,
.customerManagement .section.checkout-subscription.checkout-paymentMethod .selection:after,
.customerManagement > div > div > .section.checkout-paymentMethod .selection:after,
#main-content .subscriptionPicker:after,
header .modeSwitchBlock .modeSwitch:after,
header:after,
#main-wrapper:after {
  content: "";
  display: table;
}

.clearfix:after, .moduleContainer > div:after, footer .navigation.footer > ul:after, .releaseViewer.slider .releaseSlider .slide ul.mediaSummary:after, .releaseViewer.slider .releaseSlider .slide .contentSummary > ul:after, .releaseView-container .release .content .chordViewer-container .chordView-inner > .title:after, .releaseView-container .release .head:after, .webForm .fieldSet .field .group:after, .webForm .fieldSet .field:after, .webForm .fieldSet-pair:after, .customerManagement .customerManagement:after, .webForm-container:after, .cart.subscriptionInfo .subscriptionFrequency:after, .cart.full .voucherEntry-container .voucherEntry:after, .cart.full .sumList .cartSum .wrapper:after, .cart.full .sumList:after, .cart.full .col .selector:after, .cart.full .col.cartItem-product .priceInfo:after, .cart.full .col.cartItem-product:after, .cart.full:after, .cart.sumOnly .cartSum.totalSum:after, .cart.compact .cartSum:after, .filterBar-wrapper .cart.filterBar .cartSum:after, .cart.compact .item .selector:after, .filterBar-wrapper .cart.filterBar .item .selector:after, .cart.compact.open .item:after, .filterBar-wrapper .cart.open.filterBar .item:after, .customerLogin .collateralInfo:after, .subscriptionManagement .collateralInfo:after, .customerManagement .collateralInfo:after, .passwordRecovery .collateralInfo:after, .customerLogin .fieldWrapper:after, .passwordRecovery .fieldWrapper:after, .checkout .checkout-paymentMethod-wrapper:after, .customerManagement .checkout-paymentMethod-wrapper:after, .checkout > .section.checkout-final .disclaimerCheck:after, .checkout > .section.checkout-final .privacyCheck:after, .checkout > .section.checkout-final .cancellationCheck:after, .checkout > .section.checkout-final .newsletterCheck:after, .checkout > div > .section.checkout-final .disclaimerCheck:after, .checkout > div > .section.checkout-final .privacyCheck:after, .checkout > div > .section.checkout-final .cancellationCheck:after, .checkout > div > .section.checkout-final .newsletterCheck:after, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck:after, .checkout .section.checkout-subscription.checkout-final .privacyCheck:after, .checkout .section.checkout-subscription.checkout-final .cancellationCheck:after, .checkout .section.checkout-subscription.checkout-final .newsletterCheck:after, .checkout > div > div > .section.checkout-final .disclaimerCheck:after, .checkout > div > div > .section.checkout-final .privacyCheck:after, .checkout > div > div > .section.checkout-final .cancellationCheck:after, .checkout > div > div > .section.checkout-final .newsletterCheck:after, .customerManagement > .section.checkout-final .disclaimerCheck:after, .customerManagement > .section.checkout-final .privacyCheck:after, .customerManagement > .section.checkout-final .cancellationCheck:after, .customerManagement > .section.checkout-final .newsletterCheck:after, .customerManagement > div > .section.checkout-final .disclaimerCheck:after, .customerManagement > div > .section.checkout-final .privacyCheck:after, .customerManagement > div > .section.checkout-final .cancellationCheck:after, .customerManagement > div > .section.checkout-final .newsletterCheck:after, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck:after, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck:after, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck:after, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck:after, .customerManagement > div > div > .section.checkout-final .disclaimerCheck:after, .customerManagement > div > div > .section.checkout-final .privacyCheck:after, .customerManagement > div > div > .section.checkout-final .cancellationCheck:after, .customerManagement > div > div > .section.checkout-final .newsletterCheck:after, .checkout > .section.checkout-delivery .deliveryTargets:after,
.checkout > .section.checkout-delivery .customerAccount:after, .checkout > .section.checkout-customerData .deliveryTargets:after,
.checkout > .section.checkout-customerData .customerAccount:after, .checkout > div > .section.checkout-delivery .deliveryTargets:after,
.checkout > div > .section.checkout-delivery .customerAccount:after, .checkout > div > .section.checkout-customerData .deliveryTargets:after,
.checkout > div > .section.checkout-customerData .customerAccount:after, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount:after, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount:after, .checkout > div > div > .section.checkout-delivery .deliveryTargets:after,
.checkout > div > div > .section.checkout-delivery .customerAccount:after, .checkout > div > div > .section.checkout-customerData .deliveryTargets:after,
.checkout > div > div > .section.checkout-customerData .customerAccount:after, .customerManagement > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > .section.checkout-delivery .customerAccount:after, .customerManagement > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > .section.checkout-customerData .customerAccount:after, .customerManagement > div > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > div > .section.checkout-delivery .customerAccount:after, .customerManagement > div > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > div > .section.checkout-customerData .customerAccount:after, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets:after,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount:after, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets:after,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount:after, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > div > div > .section.checkout-delivery .customerAccount:after, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > div > div > .section.checkout-customerData .customerAccount:after, .checkout > .section.checkout-paymentMethod .selection:after, .checkout > div > .section.checkout-paymentMethod .selection:after, .checkout .section.checkout-subscription.checkout-paymentMethod .selection:after, .checkout > div > div > .section.checkout-paymentMethod .selection:after, .customerManagement > .section.checkout-paymentMethod .selection:after, .customerManagement > div > .section.checkout-paymentMethod .selection:after, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection:after, .customerManagement > div > div > .section.checkout-paymentMethod .selection:after, #main-content .subscriptionPicker:after, header .modeSwitchBlock .modeSwitch:after, header:after, #main-wrapper:after {
  clear: both;
}

.clearfix, .moduleContainer > div, footer .navigation.footer > ul, .releaseViewer.slider .releaseSlider .slide ul.mediaSummary, .releaseViewer.slider .releaseSlider .slide .contentSummary > ul, .releaseView-container .release .content .chordViewer-container .chordView-inner > .title, .releaseView-container .release .head, .webForm .fieldSet .field .group, .webForm .fieldSet .field, .webForm .fieldSet-pair, .customerManagement .customerManagement, .webForm-container, .cart.subscriptionInfo .subscriptionFrequency, .cart.full .voucherEntry-container .voucherEntry, .cart.full .sumList .cartSum .wrapper, .cart.full .sumList, .cart.full .col .selector, .cart.full .col.cartItem-product .priceInfo, .cart.full .col.cartItem-product, .cart.full, .cart.sumOnly .cartSum.totalSum, .cart.compact .cartSum, .filterBar-wrapper .cart.filterBar .cartSum, .cart.compact .item .selector, .filterBar-wrapper .cart.filterBar .item .selector, .cart.compact.open .item, .filterBar-wrapper .cart.open.filterBar .item, .customerLogin .collateralInfo, .subscriptionManagement .collateralInfo, .customerManagement .collateralInfo, .passwordRecovery .collateralInfo, .customerLogin .fieldWrapper, .passwordRecovery .fieldWrapper, .checkout .checkout-paymentMethod-wrapper, .customerManagement .checkout-paymentMethod-wrapper, .checkout > .section.checkout-final .disclaimerCheck, .checkout > .section.checkout-final .privacyCheck, .checkout > .section.checkout-final .cancellationCheck, .checkout > .section.checkout-final .newsletterCheck, .checkout > div > .section.checkout-final .disclaimerCheck, .checkout > div > .section.checkout-final .privacyCheck, .checkout > div > .section.checkout-final .cancellationCheck, .checkout > div > .section.checkout-final .newsletterCheck, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck, .checkout .section.checkout-subscription.checkout-final .privacyCheck, .checkout .section.checkout-subscription.checkout-final .cancellationCheck, .checkout .section.checkout-subscription.checkout-final .newsletterCheck, .checkout > div > div > .section.checkout-final .disclaimerCheck, .checkout > div > div > .section.checkout-final .privacyCheck, .checkout > div > div > .section.checkout-final .cancellationCheck, .checkout > div > div > .section.checkout-final .newsletterCheck, .customerManagement > .section.checkout-final .disclaimerCheck, .customerManagement > .section.checkout-final .privacyCheck, .customerManagement > .section.checkout-final .cancellationCheck, .customerManagement > .section.checkout-final .newsletterCheck, .customerManagement > div > .section.checkout-final .disclaimerCheck, .customerManagement > div > .section.checkout-final .privacyCheck, .customerManagement > div > .section.checkout-final .cancellationCheck, .customerManagement > div > .section.checkout-final .newsletterCheck, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck, .customerManagement > div > div > .section.checkout-final .disclaimerCheck, .customerManagement > div > div > .section.checkout-final .privacyCheck, .customerManagement > div > div > .section.checkout-final .cancellationCheck, .customerManagement > div > div > .section.checkout-final .newsletterCheck, .checkout > .section.checkout-delivery .deliveryTargets,
.checkout > .section.checkout-delivery .customerAccount, .checkout > .section.checkout-customerData .deliveryTargets,
.checkout > .section.checkout-customerData .customerAccount, .checkout > div > .section.checkout-delivery .deliveryTargets,
.checkout > div > .section.checkout-delivery .customerAccount, .checkout > div > .section.checkout-customerData .deliveryTargets,
.checkout > div > .section.checkout-customerData .customerAccount, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount, .checkout > div > div > .section.checkout-delivery .deliveryTargets,
.checkout > div > div > .section.checkout-delivery .customerAccount, .checkout > div > div > .section.checkout-customerData .deliveryTargets,
.checkout > div > div > .section.checkout-customerData .customerAccount, .customerManagement > .section.checkout-delivery .deliveryTargets,
.customerManagement > .section.checkout-delivery .customerAccount, .customerManagement > .section.checkout-customerData .deliveryTargets,
.customerManagement > .section.checkout-customerData .customerAccount, .customerManagement > div > .section.checkout-delivery .deliveryTargets,
.customerManagement > div > .section.checkout-delivery .customerAccount, .customerManagement > div > .section.checkout-customerData .deliveryTargets,
.customerManagement > div > .section.checkout-customerData .customerAccount, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets,
.customerManagement > div > div > .section.checkout-delivery .customerAccount, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets,
.customerManagement > div > div > .section.checkout-customerData .customerAccount, .checkout > .section.checkout-paymentMethod .selection, .checkout > div > .section.checkout-paymentMethod .selection, .checkout .section.checkout-subscription.checkout-paymentMethod .selection, .checkout > div > div > .section.checkout-paymentMethod .selection, .customerManagement > .section.checkout-paymentMethod .selection, .customerManagement > div > .section.checkout-paymentMethod .selection, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection, .customerManagement > div > div > .section.checkout-paymentMethod .selection, #main-content .subscriptionPicker, header .modeSwitchBlock .modeSwitch, header, #main-wrapper {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/** placeholder */
::placeholder {
  color: #e0e0e0;
}

/** basics */
* {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-width: 333px;
}

#main-wrapper {
  min-width: 333px;
}

body {
  font-family: KoHo, Helvetica, Arial;
  font-size: 12px;
  color: #666;
  min-height: 800px;
  text-rendering: optimizeLegibility;
  font-size: 15px;
}
body ul, body ol {
  margin-top: 10px;
}

a {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  text-decoration: none;
  color: #e83331;
  text-decoration: none !important;
}
a img {
  border: 0;
}
a:hover {
  text-decoration: underline !important;
}
a:hover {
  color: #ec3a39;
  /*text-decoration: underline !important; später */
}
a.button {
  display: block;
  display: inline-block;
  white-space: nowrap;
  background: #e83331;
  color: #fff !important;
  padding: 5px 15px;
  line-height: 19px;
  border-radius: 5px;
}
a.button.small, a.button.download {
  line-height: 14px;
  font-size: 14px;
  border-radius: 3px;
  background: #ffc500;
}
a.button.small:hover, a.button.download:hover {
  background: #efb500;
}
a.button.small .nodeBase.string, a.button.download .nodeBase.string {
  min-height: auto;
}
a.button.download, a.button.chordView {
  background: #ffc500;
}
a.button.download:hover, a.button.chordView:hover {
  background: #efb500;
}
a.button:hover {
  text-decoration: none !important;
  background: #d82321;
  color: #fff;
}
a.button.marginRight {
  margin-right: 5px;
}
a.button.upperCase {
  text-transform: uppercase;
}
a.button.hidden {
  display: none;
}
a.imageLink {
  position: relative;
  cursor: pointer;
}

em {
  font-style: italic;
}

.breakLine {
  min-height: 10px;
}
.breakLine > .innerLine {
  min-height: 2px;
  font-size: 0;
}
.breakLine > .innerLine > div {
  background: #eee;
}
.breakLine > .innerLine > div.red {
  background: #e83331;
}
.breakLine > .innerLine > div.green {
  background: #ffc500;
}
.breakLine > .innerLine > div.lightgray {
  background: #eee;
}
.breakLine > .innerLine > div.midgray {
  background: #ccc;
}
.breakLine > .innerLine > div.darkgray {
  background: #aaa;
}
.breakLine > .innerLine > div.deepgray {
  background: #888;
}
.breakLine.blockSeparator {
  background: transparent url("/img/project/singvogel/var/separator-dots.png") no-repeat center center;
  min-height: 12px;
  padding-top: 35px;
  padding-bottom: 35px;
  width: 100%;
}
.breakLine.birdSeparator {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}
.breakLine.birdSeparator .bird {
  background: transparent url("/img/project/singvogel/var/bird-small-on-fff.png") no-repeat center center;
  background-size: 60px auto;
  width: 100%;
  height: 60px;
  position: relative;
  z-index: 2;
}
.breakLine.birdSeparator .line {
  z-index: 1;
  height: 2px;
  background: #777;
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  top: 27px;
}

input, textarea, select, div, a, img {
  -webkit-outline: 0;
  -moz-outline: 0;
  -khtml-outline: none;
  -o-outline: none;
  outline: none;
  outline: 0;
}

.mc-image img {
  z-index: 1;
  position: relative;
}
.mc-image .borderedShadow {
  font-size: 0;
  padding: 0;
}
.mc-image .borderedShadowAlternate {
  padding: 15px;
}
.mc-image .borderedShadowAlternate img {
  padding: 15px;
}

/** messages */
.object-404 {
  width: 100%;
  height: 100%;
  display: table;
}
.object-404 > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #888;
}

/* some global requirements */
.not-selectable, .checkout > .section.checkout-final .disclaimerCheck .label, .checkout > .section.checkout-final .privacyCheck .label, .checkout > .section.checkout-final .cancellationCheck .label, .checkout > .section.checkout-final .newsletterCheck .label, .checkout > div > .section.checkout-final .disclaimerCheck .label, .checkout > div > .section.checkout-final .privacyCheck .label, .checkout > div > .section.checkout-final .cancellationCheck .label, .checkout > div > .section.checkout-final .newsletterCheck .label, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck .label, .checkout .section.checkout-subscription.checkout-final .privacyCheck .label, .checkout .section.checkout-subscription.checkout-final .cancellationCheck .label, .checkout .section.checkout-subscription.checkout-final .newsletterCheck .label, .checkout > div > div > .section.checkout-final .disclaimerCheck .label, .checkout > div > div > .section.checkout-final .privacyCheck .label, .checkout > div > div > .section.checkout-final .cancellationCheck .label, .checkout > div > div > .section.checkout-final .newsletterCheck .label, .customerManagement > .section.checkout-final .disclaimerCheck .label, .customerManagement > .section.checkout-final .privacyCheck .label, .customerManagement > .section.checkout-final .cancellationCheck .label, .customerManagement > .section.checkout-final .newsletterCheck .label, .customerManagement > div > .section.checkout-final .disclaimerCheck .label, .customerManagement > div > .section.checkout-final .privacyCheck .label, .customerManagement > div > .section.checkout-final .cancellationCheck .label, .customerManagement > div > .section.checkout-final .newsletterCheck .label, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck .label, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck .label, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck .label, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck .label, .customerManagement > div > div > .section.checkout-final .disclaimerCheck .label, .customerManagement > div > div > .section.checkout-final .privacyCheck .label, .customerManagement > div > div > .section.checkout-final .cancellationCheck .label, .customerManagement > div > div > .section.checkout-final .newsletterCheck .label, .checkout > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > .section.checkout-delivery .customerAccount .target .label, .checkout > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > .section.checkout-customerData .customerAccount .target .label, .checkout > div > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > div > .section.checkout-delivery .customerAccount .target .label, .checkout > div > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > div > .section.checkout-customerData .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .label, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > div > div > .section.checkout-delivery .customerAccount .target .label, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > div > div > .section.checkout-customerData .customerAccount .target .label, .customerManagement > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > .section.checkout-delivery .customerAccount .target .label, .customerManagement > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > .section.checkout-customerData .customerAccount .target .label, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > div > .section.checkout-delivery .customerAccount .target .label, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > div > .section.checkout-customerData .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .label, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target .label, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target .label, .checkout > .section.checkout-paymentMethod .selection .method .label, .checkout > div > .section.checkout-paymentMethod .selection .method .label, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .label, .checkout > div > div > .section.checkout-paymentMethod .selection .method .label, .customerManagement > .section.checkout-paymentMethod .selection .method .label, .customerManagement > div > .section.checkout-paymentMethod .selection .method .label, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .label, .customerManagement > div > div > .section.checkout-paymentMethod .selection .method .label {
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.hiddenButAccessible {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* responsive stuff */
@media (max-width: 333px) {
  .expendable.phone {
    display: none;
  }
}
@media (max-width: 440px) {
  .expendable.phone-x {
    display: none;
  }
}
@media (max-width: 414px) {
  .expendable.phone-plus {
    display: none;
  }
}
@media (max-width: 480px) {
  .expendable.tablet-reader {
    display: none;
  }
}
@media (max-width: 540px) {
  .expendable.tablet-reader-big {
    display: none;
  }
}
@media (max-width: 812px) {
  .expendable.tablet-portrait {
    display: none;
  }
}
@media (max-width: 1024px) {
  .expendable.tablet-landscape {
    display: none;
  }
}
@media (max-width: 960px) {
  .expendable.tablet-landscape-big {
    display: none;
  }
}
@media (max-width: 1020px) {
  .expendable.laptop {
    display: none;
  }
}
@media (max-width: 1065px) {
  .expendable.desktop {
    display: none;
  }
}

/***********************************************/
/******** SINGVOGEL-SPECIFIC REVELATIONS *******/
/***********************************************/
body {
  background: #f8f8f8;
}

#main-wrapper {
  min-height: 100%;
  width: 100vw;
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
#main-wrapper > .wrap-inner {
  display: flex;
}

#sidebar {
  margin-right: 35px;
}

body.preview header, body.preview #sidebar, body.preview footer {
  display: none !important;
}

header {
  overflow: hidden;
  padding-top: 15px;
  margin-right: 20px;
  /* page administration def */
}
header .searchBlock {
  display: none;
  float: right;
}
header .searchBlock input#search {
  border: 1px solid #ddd;
  line-height: 20px;
  border-radius: 4px;
  font-size: 13px;
  padding-left: 5px;
}
header .searchBlock input#search:hover {
  background: #fcffcc;
}
header .searchBlock input#search::placeholder {
  color: #eee;
  font-weight: 400;
}
header .authBlock {
  margin-left: 25px;
  float: right;
}
header .modeSwitchBlock {
  margin-left: 25px;
  float: right;
}
header .modeSwitchBlock:empty {
  margin-left: 0;
}
header .modeSwitchBlock .modeSwitch > .mode {
  float: left;
  margin-right: 5px;
  border-right: 1px solid #ddd;
  padding-right: 5px;
}
header .modeSwitchBlock .modeSwitch > .mode.active {
  font-weight: 600;
}
header .modeSwitchBlock .modeSwitch > .mode:last-of-type {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
header .node-toolBar {
  margin-top: -17px;
}

.logo-container {
  margin-top: 5px;
  margin-left: 20px;
}

.responsive-menu, .responsiveTitle, .responsiveLogo, .customerGate .responsive {
  display: none;
}

nav {
  margin-left: 20px;
  margin-top: 30px;
}
nav ul {
  margin-top: 0;
}
nav ul, nav li {
  line-height: 23px;
  list-style: none;
  font-size: 22px;
  font-weight: 500;
  color: #aaa;
}
nav ul a, nav li a {
  color: #666;
}
nav ul.active > a, nav li.active > a {
  color: #e83331;
}
nav ul > ul, nav li > ul {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
nav ul > ul > li, nav li > ul > li {
  font-size: 20px;
  line-height: 24px;
  white-space: nowrap;
}
nav ul > ul > li.active a, nav li > ul > li.active a {
  color: #d82321;
}

#main-content {
  opacity: 1;
  padding-top: 40px;
  height: 100%;
  background: #fff;
  padding-right: 20px;
  padding-bottom: 100px;
  flex: 0 0 calc(100% - 255px);
  /*width: calc(100% - 255px);*/
}
#main-content .subscriptionPicker {
  display: flex;
  flex-wrap: wrap;
  margin-left: -7px;
}
#main-content .subscriptionPicker .subscription {
  flex: 1 0 25%;
  position: relative;
  border-radius: 6px;
  width: auto;
  border: 2px solid #ddd;
  padding: 25px;
  margin-right: 7px;
  margin-left: 7px;
  margin-bottom: 55px;
  text-align: center;
  background: #fff;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
#main-content .subscriptionPicker .subscription .title {
  margin-bottom: 15px;
  margin-top: 20px;
}
#main-content .subscriptionPicker .subscription .description {
  color: #777;
  padding-bottom: 110px;
}
#main-content .subscriptionPicker .subscription .price {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  font-size: 18px;
  font-weight: 800;
  color: #333;
}
#main-content .subscriptionPicker .subscription .price > div {
  color: #bbb;
  font-weight: 400;
  font-size: 12px;
}
#main-content .subscriptionPicker .subscription .purchaseButton {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
#main-content .subscriptionPicker .subscription .purchaseButton a {
  display: block;
}
#main-content .subscriptionPicker .subscription .badge {
  display: none;
  background: #d8c32c;
  white-space: nowrap;
  color: #fff;
  font-size: 15px;
  padding: 8px 10px;
  border-radius: 5px;
  z-index: 1000;
  transform: rotate(2deg);
  position: absolute;
  top: -22px;
  left: 14%;
  right: 14%;
}
#main-content .subscriptionPicker .subscription.hasBadge .badge {
  display: block;
}
#main-content ul, #main-content ol {
  margin-left: 40px;
}
#main-content ul li, #main-content ol li {
  margin-bottom: 2px;
}

.checkout > .title, .checkout > div > .title, .checkout > div > div > .title, .customerManagement > .title, .customerManagement > div > .title, .customerManagement > div > div > .title {
  margin-bottom: 15px;
}
.checkout > .title.sub, .checkout > div > .title.sub, .checkout > div > div > .title.sub, .customerManagement > .title.sub, .customerManagement > div > .title.sub, .customerManagement > div > div > .title.sub {
  margin-top: 20px;
}
.checkout .trialInfoBlock, .customerManagement .trialInfoBlock {
  margin-top: 30px;
}
.checkout > .section.checkout-customerData .customerForm.registration .infoText, .checkout > div > .section.checkout-customerData .customerForm.registration .infoText, .checkout .section.checkout-subscription.checkout-customerData .customerForm.registration .infoText, .checkout > div > div > .section.checkout-customerData .customerForm.registration .infoText, .checkout .section.checkout-subscription.checkout-customerData .customerForm.registration .infoText, .customerManagement > .section.checkout-customerData .customerForm.registration .infoText, .customerManagement > div > .section.checkout-customerData .customerForm.registration .infoText, .customerManagement .section.checkout-subscription.checkout-customerData .customerForm.registration .infoText, .customerManagement > div > div > .section.checkout-customerData .customerForm.registration .infoText, .customerManagement .section.checkout-subscription.checkout-customerData .customerForm.registration .infoText {
  margin-bottom: 15px;
}
.checkout > .section.checkout-customerData .customerForm.registration input, .checkout > div > .section.checkout-customerData .customerForm.registration input, .checkout .section.checkout-subscription.checkout-customerData .customerForm.registration input, .checkout > div > div > .section.checkout-customerData .customerForm.registration input, .checkout .section.checkout-subscription.checkout-customerData .customerForm.registration input, .customerManagement > .section.checkout-customerData .customerForm.registration input, .customerManagement > div > .section.checkout-customerData .customerForm.registration input, .customerManagement .section.checkout-subscription.checkout-customerData .customerForm.registration input, .customerManagement > div > div > .section.checkout-customerData .customerForm.registration input, .customerManagement .section.checkout-subscription.checkout-customerData .customerForm.registration input {
  font-family: KoHo;
  font-weight: 400;
  font-size: 14px;
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 5px 8px;
  border-radius: 4px;
  width: 188px;
}
.checkout > .section.checkout-paymentMethod .info, .checkout > div > .section.checkout-paymentMethod .info, .checkout .section.checkout-subscription.checkout-paymentMethod .info, .checkout > div > div > .section.checkout-paymentMethod .info, .checkout .section.checkout-subscription.checkout-paymentMethod .info, .customerManagement > .section.checkout-paymentMethod .info, .customerManagement > div > .section.checkout-paymentMethod .info, .customerManagement .section.checkout-subscription.checkout-paymentMethod .info, .customerManagement > div > div > .section.checkout-paymentMethod .info, .customerManagement .section.checkout-subscription.checkout-paymentMethod .info {
  margin-bottom: 15px;
}
.checkout > .section.checkout-paymentMethod .selection, .checkout > div > .section.checkout-paymentMethod .selection, .checkout .section.checkout-subscription.checkout-paymentMethod .selection, .checkout > div > div > .section.checkout-paymentMethod .selection, .checkout .section.checkout-subscription.checkout-paymentMethod .selection, .customerManagement > .section.checkout-paymentMethod .selection, .customerManagement > div > .section.checkout-paymentMethod .selection, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection, .customerManagement > div > div > .section.checkout-paymentMethod .selection, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection {
  margin-left: 2px;
}
.checkout > .section.checkout-paymentMethod .selection .method, .checkout > div > .section.checkout-paymentMethod .selection .method, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method, .checkout > div > div > .section.checkout-paymentMethod .selection .method, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method, .customerManagement > .section.checkout-paymentMethod .selection .method, .customerManagement > div > .section.checkout-paymentMethod .selection .method, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method, .customerManagement > div > div > .section.checkout-paymentMethod .selection .method, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method {
  margin-bottom: 10px;
}
.checkout > .section.checkout-paymentMethod .selection .method .field, .checkout > div > .section.checkout-paymentMethod .selection .method .field, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .field, .checkout > div > div > .section.checkout-paymentMethod .selection .method .field, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .field, .customerManagement > .section.checkout-paymentMethod .selection .method .field, .customerManagement > div > .section.checkout-paymentMethod .selection .method .field, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .field, .customerManagement > div > div > .section.checkout-paymentMethod .selection .method .field, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .field {
  margin-right: 10px;
  cursor: pointer;
  float: left;
}
.checkout > .section.checkout-paymentMethod .selection .method .field input, .checkout > div > .section.checkout-paymentMethod .selection .method .field input, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .field input, .checkout > div > div > .section.checkout-paymentMethod .selection .method .field input, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .field input, .customerManagement > .section.checkout-paymentMethod .selection .method .field input, .customerManagement > div > .section.checkout-paymentMethod .selection .method .field input, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .field input, .customerManagement > div > div > .section.checkout-paymentMethod .selection .method .field input, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .field input {
  cursor: pointer;
}
.checkout > .section.checkout-paymentMethod .selection .method .label, .checkout > div > .section.checkout-paymentMethod .selection .method .label, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .label, .checkout > div > div > .section.checkout-paymentMethod .selection .method .label, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .label, .customerManagement > .section.checkout-paymentMethod .selection .method .label, .customerManagement > div > .section.checkout-paymentMethod .selection .method .label, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .label, .customerManagement > div > div > .section.checkout-paymentMethod .selection .method .label, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .label {
  display: inline-block;
  line-height: 22px;
  margin-right: 40px;
  cursor: pointer;
  font-weight: 600;
}
.checkout > .section .loginForm,
.checkout > .section .newCustomerForm, .checkout > div > .section .loginForm,
.checkout > div > .section .newCustomerForm, .checkout .section.checkout-subscription .loginForm,
.checkout .section.checkout-subscription .newCustomerForm, .checkout > div > div > .section .loginForm,
.checkout > div > div > .section .newCustomerForm, .checkout .section.checkout-subscription .loginForm,
.checkout .section.checkout-subscription .newCustomerForm, .customerManagement > .section .loginForm,
.customerManagement > .section .newCustomerForm, .customerManagement > div > .section .loginForm,
.customerManagement > div > .section .newCustomerForm, .customerManagement .section.checkout-subscription .loginForm,
.customerManagement .section.checkout-subscription .newCustomerForm, .customerManagement > div > div > .section .loginForm,
.customerManagement > div > div > .section .newCustomerForm, .customerManagement .section.checkout-subscription .loginForm,
.customerManagement .section.checkout-subscription .newCustomerForm {
  opacity: 0;
  margin-bottom: 0;
  overflow: hidden;
  height: 0 !important;
}
.checkout > .section .loginForm.visible,
.checkout > .section .newCustomerForm.visible, .checkout > div > .section .loginForm.visible,
.checkout > div > .section .newCustomerForm.visible, .checkout .section.checkout-subscription .loginForm.visible,
.checkout .section.checkout-subscription .newCustomerForm.visible, .checkout > div > div > .section .loginForm.visible,
.checkout > div > div > .section .newCustomerForm.visible, .checkout .section.checkout-subscription .loginForm.visible,
.checkout .section.checkout-subscription .newCustomerForm.visible, .customerManagement > .section .loginForm.visible,
.customerManagement > .section .newCustomerForm.visible, .customerManagement > div > .section .loginForm.visible,
.customerManagement > div > .section .newCustomerForm.visible, .customerManagement .section.checkout-subscription .loginForm.visible,
.customerManagement .section.checkout-subscription .newCustomerForm.visible, .customerManagement > div > div > .section .loginForm.visible,
.customerManagement > div > div > .section .newCustomerForm.visible, .customerManagement .section.checkout-subscription .loginForm.visible,
.customerManagement .section.checkout-subscription .newCustomerForm.visible {
  opacity: 1;
  margin-bottom: 15px;
  overflow: visible;
  height: auto !important;
}
.checkout > .section .loginForm.open,
.checkout > .section .newCustomerForm.open, .checkout > div > .section .loginForm.open,
.checkout > div > .section .newCustomerForm.open, .checkout .section.checkout-subscription .loginForm.open,
.checkout .section.checkout-subscription .newCustomerForm.open, .checkout > div > div > .section .loginForm.open,
.checkout > div > div > .section .newCustomerForm.open, .checkout .section.checkout-subscription .loginForm.open,
.checkout .section.checkout-subscription .newCustomerForm.open, .customerManagement > .section .loginForm.open,
.customerManagement > .section .newCustomerForm.open, .customerManagement > div > .section .loginForm.open,
.customerManagement > div > .section .newCustomerForm.open, .customerManagement .section.checkout-subscription .loginForm.open,
.customerManagement .section.checkout-subscription .newCustomerForm.open, .customerManagement > div > div > .section .loginForm.open,
.customerManagement > div > div > .section .newCustomerForm.open, .customerManagement .section.checkout-subscription .loginForm.open,
.customerManagement .section.checkout-subscription .newCustomerForm.open {
  opacity: 1;
}
.checkout > .section .loginForm .innerContainer,
.checkout > .section .newCustomerForm .innerContainer, .checkout > div > .section .loginForm .innerContainer,
.checkout > div > .section .newCustomerForm .innerContainer, .checkout .section.checkout-subscription .loginForm .innerContainer,
.checkout .section.checkout-subscription .newCustomerForm .innerContainer, .checkout > div > div > .section .loginForm .innerContainer,
.checkout > div > div > .section .newCustomerForm .innerContainer, .checkout .section.checkout-subscription .loginForm .innerContainer,
.checkout .section.checkout-subscription .newCustomerForm .innerContainer, .customerManagement > .section .loginForm .innerContainer,
.customerManagement > .section .newCustomerForm .innerContainer, .customerManagement > div > .section .loginForm .innerContainer,
.customerManagement > div > .section .newCustomerForm .innerContainer, .customerManagement .section.checkout-subscription .loginForm .innerContainer,
.customerManagement .section.checkout-subscription .newCustomerForm .innerContainer, .customerManagement > div > div > .section .loginForm .innerContainer,
.customerManagement > div > div > .section .newCustomerForm .innerContainer, .customerManagement .section.checkout-subscription .loginForm .innerContainer,
.customerManagement .section.checkout-subscription .newCustomerForm .innerContainer {
  overflow: hidden;
}
.checkout > .section.checkout-delivery .deliveryDate-info, .checkout > .section.checkout-customerData .deliveryDate-info, .checkout > div > .section.checkout-delivery .deliveryDate-info, .checkout > div > .section.checkout-customerData .deliveryDate-info, .checkout .section.checkout-subscription.checkout-delivery .deliveryDate-info, .checkout .section.checkout-subscription.checkout-customerData .deliveryDate-info, .checkout > div > div > .section.checkout-delivery .deliveryDate-info, .checkout > div > div > .section.checkout-customerData .deliveryDate-info, .checkout .section.checkout-subscription.checkout-delivery .deliveryDate-info, .checkout .section.checkout-subscription.checkout-customerData .deliveryDate-info, .customerManagement > .section.checkout-delivery .deliveryDate-info, .customerManagement > .section.checkout-customerData .deliveryDate-info, .customerManagement > div > .section.checkout-delivery .deliveryDate-info, .customerManagement > div > .section.checkout-customerData .deliveryDate-info, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryDate-info, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryDate-info, .customerManagement > div > div > .section.checkout-delivery .deliveryDate-info, .customerManagement > div > div > .section.checkout-customerData .deliveryDate-info, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryDate-info, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryDate-info {
  margin-bottom: 15px;
}
.checkout > .section.checkout-delivery .deliveryTargets,
.checkout > .section.checkout-delivery .customerAccount, .checkout > .section.checkout-customerData .deliveryTargets,
.checkout > .section.checkout-customerData .customerAccount, .checkout > div > .section.checkout-delivery .deliveryTargets,
.checkout > div > .section.checkout-delivery .customerAccount, .checkout > div > .section.checkout-customerData .deliveryTargets,
.checkout > div > .section.checkout-customerData .customerAccount, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount, .checkout > div > div > .section.checkout-delivery .deliveryTargets,
.checkout > div > div > .section.checkout-delivery .customerAccount, .checkout > div > div > .section.checkout-customerData .deliveryTargets,
.checkout > div > div > .section.checkout-customerData .customerAccount, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount, .customerManagement > .section.checkout-delivery .deliveryTargets,
.customerManagement > .section.checkout-delivery .customerAccount, .customerManagement > .section.checkout-customerData .deliveryTargets,
.customerManagement > .section.checkout-customerData .customerAccount, .customerManagement > div > .section.checkout-delivery .deliveryTargets,
.customerManagement > div > .section.checkout-delivery .customerAccount, .customerManagement > div > .section.checkout-customerData .deliveryTargets,
.customerManagement > div > .section.checkout-customerData .customerAccount, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets,
.customerManagement > div > div > .section.checkout-delivery .customerAccount, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets,
.customerManagement > div > div > .section.checkout-customerData .customerAccount, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount {
  margin-left: 2px;
}
.checkout > .section.checkout-delivery .deliveryTargets .target,
.checkout > .section.checkout-delivery .customerAccount .target, .checkout > .section.checkout-customerData .deliveryTargets .target,
.checkout > .section.checkout-customerData .customerAccount .target, .checkout > div > .section.checkout-delivery .deliveryTargets .target,
.checkout > div > .section.checkout-delivery .customerAccount .target, .checkout > div > .section.checkout-customerData .deliveryTargets .target,
.checkout > div > .section.checkout-customerData .customerAccount .target, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target,
.checkout > div > div > .section.checkout-delivery .customerAccount .target, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target,
.checkout > div > div > .section.checkout-customerData .customerAccount .target, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target, .customerManagement > .section.checkout-delivery .deliveryTargets .target,
.customerManagement > .section.checkout-delivery .customerAccount .target, .customerManagement > .section.checkout-customerData .deliveryTargets .target,
.customerManagement > .section.checkout-customerData .customerAccount .target, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target,
.customerManagement > div > .section.checkout-delivery .customerAccount .target, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target,
.customerManagement > div > .section.checkout-customerData .customerAccount .target, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target {
  margin-bottom: 10px;
  clear: both;
}
.checkout > .section.checkout-delivery .deliveryTargets .target.sub,
.checkout > .section.checkout-delivery .customerAccount .target.sub, .checkout > .section.checkout-customerData .deliveryTargets .target.sub,
.checkout > .section.checkout-customerData .customerAccount .target.sub, .checkout > div > .section.checkout-delivery .deliveryTargets .target.sub,
.checkout > div > .section.checkout-delivery .customerAccount .target.sub, .checkout > div > .section.checkout-customerData .deliveryTargets .target.sub,
.checkout > div > .section.checkout-customerData .customerAccount .target.sub, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target.sub,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target.sub, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target.sub,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target.sub, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target.sub,
.checkout > div > div > .section.checkout-delivery .customerAccount .target.sub, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target.sub,
.checkout > div > div > .section.checkout-customerData .customerAccount .target.sub, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target.sub,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target.sub, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target.sub,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target.sub, .customerManagement > .section.checkout-delivery .deliveryTargets .target.sub,
.customerManagement > .section.checkout-delivery .customerAccount .target.sub, .customerManagement > .section.checkout-customerData .deliveryTargets .target.sub,
.customerManagement > .section.checkout-customerData .customerAccount .target.sub, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target.sub,
.customerManagement > div > .section.checkout-delivery .customerAccount .target.sub, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target.sub,
.customerManagement > div > .section.checkout-customerData .customerAccount .target.sub, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target.sub,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target.sub, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target.sub,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target.sub, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target.sub,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target.sub, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target.sub,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target.sub, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target.sub,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target.sub, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target.sub,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target.sub {
  margin-top: 10px;
}
.checkout > .section.checkout-delivery .deliveryTargets .target .field,
.checkout > .section.checkout-delivery .customerAccount .target .field, .checkout > .section.checkout-customerData .deliveryTargets .target .field,
.checkout > .section.checkout-customerData .customerAccount .target .field, .checkout > div > .section.checkout-delivery .deliveryTargets .target .field,
.checkout > div > .section.checkout-delivery .customerAccount .target .field, .checkout > div > .section.checkout-customerData .deliveryTargets .target .field,
.checkout > div > .section.checkout-customerData .customerAccount .target .field, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .field, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .field, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target .field,
.checkout > div > div > .section.checkout-delivery .customerAccount .target .field, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target .field,
.checkout > div > div > .section.checkout-customerData .customerAccount .target .field, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .field, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .field, .customerManagement > .section.checkout-delivery .deliveryTargets .target .field,
.customerManagement > .section.checkout-delivery .customerAccount .target .field, .customerManagement > .section.checkout-customerData .deliveryTargets .target .field,
.customerManagement > .section.checkout-customerData .customerAccount .target .field, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target .field,
.customerManagement > div > .section.checkout-delivery .customerAccount .target .field, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target .field,
.customerManagement > div > .section.checkout-customerData .customerAccount .target .field, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .field, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .field, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target .field,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target .field, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target .field,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target .field, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .field, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .field {
  margin-right: 10px;
  cursor: pointer;
  float: left;
}
.checkout > .section.checkout-delivery .deliveryTargets .target .field input,
.checkout > .section.checkout-delivery .customerAccount .target .field input, .checkout > .section.checkout-customerData .deliveryTargets .target .field input,
.checkout > .section.checkout-customerData .customerAccount .target .field input, .checkout > div > .section.checkout-delivery .deliveryTargets .target .field input,
.checkout > div > .section.checkout-delivery .customerAccount .target .field input, .checkout > div > .section.checkout-customerData .deliveryTargets .target .field input,
.checkout > div > .section.checkout-customerData .customerAccount .target .field input, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field input,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .field input, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field input,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .field input, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target .field input,
.checkout > div > div > .section.checkout-delivery .customerAccount .target .field input, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target .field input,
.checkout > div > div > .section.checkout-customerData .customerAccount .target .field input, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field input,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .field input, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field input,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .field input, .customerManagement > .section.checkout-delivery .deliveryTargets .target .field input,
.customerManagement > .section.checkout-delivery .customerAccount .target .field input, .customerManagement > .section.checkout-customerData .deliveryTargets .target .field input,
.customerManagement > .section.checkout-customerData .customerAccount .target .field input, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target .field input,
.customerManagement > div > .section.checkout-delivery .customerAccount .target .field input, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target .field input,
.customerManagement > div > .section.checkout-customerData .customerAccount .target .field input, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field input,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .field input, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field input,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .field input, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target .field input,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target .field input, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target .field input,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target .field input, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field input,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .field input, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field input,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .field input {
  width: 12px;
  height: 13px;
  cursor: pointer;
}
.checkout > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > .section.checkout-delivery .customerAccount .target .label, .checkout > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > .section.checkout-customerData .customerAccount .target .label, .checkout > div > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > div > .section.checkout-delivery .customerAccount .target .label, .checkout > div > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > div > .section.checkout-customerData .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .label, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > div > div > .section.checkout-delivery .customerAccount .target .label, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > div > div > .section.checkout-customerData .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .label, .customerManagement > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > .section.checkout-delivery .customerAccount .target .label, .customerManagement > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > .section.checkout-customerData .customerAccount .target .label, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > div > .section.checkout-delivery .customerAccount .target .label, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > div > .section.checkout-customerData .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .label, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target .label, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .label {
  display: inline-block;
  margin-right: 40px;
  line-height: 22px;
  cursor: pointer;
  font-weight: 600;
}
.checkout > .section.checkout-delivery .deliveryAddressForm, .checkout > .section.checkout-customerData .deliveryAddressForm, .checkout > div > .section.checkout-delivery .deliveryAddressForm, .checkout > div > .section.checkout-customerData .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm, .customerManagement > .section.checkout-delivery .deliveryAddressForm, .customerManagement > .section.checkout-customerData .deliveryAddressForm, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: relative;
}
.checkout > .section.checkout-delivery .deliveryAddressForm.visible, .checkout > .section.checkout-customerData .deliveryAddressForm.visible, .checkout > div > .section.checkout-delivery .deliveryAddressForm.visible, .checkout > div > .section.checkout-customerData .deliveryAddressForm.visible, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.visible, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.visible, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm.visible, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm.visible, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.visible, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.visible, .customerManagement > .section.checkout-delivery .deliveryAddressForm.visible, .customerManagement > .section.checkout-customerData .deliveryAddressForm.visible, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm.visible, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm.visible, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.visible, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.visible, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm.visible, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm.visible, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.visible, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.visible {
  opacity: 1;
}
.checkout > .section.checkout-delivery .deliveryAddressForm.open, .checkout > .section.checkout-customerData .deliveryAddressForm.open, .checkout > div > .section.checkout-delivery .deliveryAddressForm.open, .checkout > div > .section.checkout-customerData .deliveryAddressForm.open, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.open, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.open, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm.open, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm.open, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.open, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.open, .customerManagement > .section.checkout-delivery .deliveryAddressForm.open, .customerManagement > .section.checkout-customerData .deliveryAddressForm.open, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm.open, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm.open, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.open, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.open, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm.open, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm.open, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.open, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.open {
  overflow: visible;
}
.checkout > .section.checkout-delivery .deliveryAddressForm.preopen, .checkout > .section.checkout-customerData .deliveryAddressForm.preopen, .checkout > div > .section.checkout-delivery .deliveryAddressForm.preopen, .checkout > div > .section.checkout-customerData .deliveryAddressForm.preopen, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.preopen, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.preopen, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm.preopen, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm.preopen, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.preopen, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.preopen, .customerManagement > .section.checkout-delivery .deliveryAddressForm.preopen, .customerManagement > .section.checkout-customerData .deliveryAddressForm.preopen, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm.preopen, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm.preopen, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.preopen, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.preopen, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm.preopen, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm.preopen, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.preopen, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.preopen {
  overflow: visible;
  opacity: 1;
  height: 100%;
  height: auto !important;
}
.checkout > .section.checkout-delivery .deliveryAddressForm input, .checkout > .section.checkout-customerData .deliveryAddressForm input, .checkout > div > .section.checkout-delivery .deliveryAddressForm input, .checkout > div > .section.checkout-customerData .deliveryAddressForm input, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm input, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm input, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm input, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm input, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm input, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm input, .customerManagement > .section.checkout-delivery .deliveryAddressForm input, .customerManagement > .section.checkout-customerData .deliveryAddressForm input, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm input, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm input, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm input, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm input, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm input, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm input, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm input, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm input {
  width: 188px;
}
.checkout > .section.checkout-delivery .deliveryAddressForm .webForm, .checkout > .section.checkout-customerData .deliveryAddressForm .webForm, .checkout > div > .section.checkout-delivery .deliveryAddressForm .webForm, .checkout > div > .section.checkout-customerData .deliveryAddressForm .webForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm .webForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm .webForm, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm .webForm, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm .webForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm .webForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm .webForm, .customerManagement > .section.checkout-delivery .deliveryAddressForm .webForm, .customerManagement > .section.checkout-customerData .deliveryAddressForm .webForm, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm .webForm, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm .webForm, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm .webForm, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm .webForm, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm .webForm, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm .webForm, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm .webForm, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm .webForm {
  float: left;
  margin-right: 25px;
}
.checkout > .section.checkout-delivery .deliveryNotice, .checkout > .section.checkout-customerData .deliveryNotice, .checkout > div > .section.checkout-delivery .deliveryNotice, .checkout > div > .section.checkout-customerData .deliveryNotice, .checkout .section.checkout-subscription.checkout-delivery .deliveryNotice, .checkout .section.checkout-subscription.checkout-customerData .deliveryNotice, .checkout > div > div > .section.checkout-delivery .deliveryNotice, .checkout > div > div > .section.checkout-customerData .deliveryNotice, .checkout .section.checkout-subscription.checkout-delivery .deliveryNotice, .checkout .section.checkout-subscription.checkout-customerData .deliveryNotice, .customerManagement > .section.checkout-delivery .deliveryNotice, .customerManagement > .section.checkout-customerData .deliveryNotice, .customerManagement > div > .section.checkout-delivery .deliveryNotice, .customerManagement > div > .section.checkout-customerData .deliveryNotice, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryNotice, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryNotice, .customerManagement > div > div > .section.checkout-delivery .deliveryNotice, .customerManagement > div > div > .section.checkout-customerData .deliveryNotice, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryNotice, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryNotice {
  margin-top: 6px;
  margin-left: 2px;
}
.checkout > .section.checkout-delivery .deliveryNotice textarea, .checkout > .section.checkout-customerData .deliveryNotice textarea, .checkout > div > .section.checkout-delivery .deliveryNotice textarea, .checkout > div > .section.checkout-customerData .deliveryNotice textarea, .checkout .section.checkout-subscription.checkout-delivery .deliveryNotice textarea, .checkout .section.checkout-subscription.checkout-customerData .deliveryNotice textarea, .checkout > div > div > .section.checkout-delivery .deliveryNotice textarea, .checkout > div > div > .section.checkout-customerData .deliveryNotice textarea, .checkout .section.checkout-subscription.checkout-delivery .deliveryNotice textarea, .checkout .section.checkout-subscription.checkout-customerData .deliveryNotice textarea, .customerManagement > .section.checkout-delivery .deliveryNotice textarea, .customerManagement > .section.checkout-customerData .deliveryNotice textarea, .customerManagement > div > .section.checkout-delivery .deliveryNotice textarea, .customerManagement > div > .section.checkout-customerData .deliveryNotice textarea, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryNotice textarea, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryNotice textarea, .customerManagement > div > div > .section.checkout-delivery .deliveryNotice textarea, .customerManagement > div > div > .section.checkout-customerData .deliveryNotice textarea, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryNotice textarea, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryNotice textarea {
  width: 200px;
  height: 52px;
  padding: 6px;
  line-height: 18px;
  font-size: 12px;
}
.checkout > .section.checkout-final, .checkout > div > .section.checkout-final, .checkout .section.checkout-subscription.checkout-final, .checkout > div > div > .section.checkout-final, .checkout .section.checkout-subscription.checkout-final, .customerManagement > .section.checkout-final, .customerManagement > div > .section.checkout-final, .customerManagement .section.checkout-subscription.checkout-final, .customerManagement > div > div > .section.checkout-final, .customerManagement .section.checkout-subscription.checkout-final {
  border-bottom: 0 !important;
  margin-bottom: 20px !important;
  padding-top: 5px;
  padding-bottom: 4px !important;
}
.checkout > .section.checkout-final .info, .checkout > div > .section.checkout-final .info, .checkout .section.checkout-subscription.checkout-final .info, .checkout > div > div > .section.checkout-final .info, .checkout .section.checkout-subscription.checkout-final .info, .customerManagement > .section.checkout-final .info, .customerManagement > div > .section.checkout-final .info, .customerManagement .section.checkout-subscription.checkout-final .info, .customerManagement > div > div > .section.checkout-final .info, .customerManagement .section.checkout-subscription.checkout-final .info {
  margin-bottom: 10px;
}
.checkout > .section.checkout-final .sum, .checkout > div > .section.checkout-final .sum, .checkout .section.checkout-subscription.checkout-final .sum, .checkout > div > div > .section.checkout-final .sum, .checkout .section.checkout-subscription.checkout-final .sum, .customerManagement > .section.checkout-final .sum, .customerManagement > div > .section.checkout-final .sum, .customerManagement .section.checkout-subscription.checkout-final .sum, .customerManagement > div > div > .section.checkout-final .sum, .customerManagement .section.checkout-subscription.checkout-final .sum {
  margin-bottom: 0px;
}
.checkout > .section.checkout-final .disclaimerCheck .field, .checkout > .section.checkout-final .privacyCheck .field, .checkout > .section.checkout-final .cancellationCheck .field, .checkout > .section.checkout-final .newsletterCheck .field, .checkout > div > .section.checkout-final .disclaimerCheck .field, .checkout > div > .section.checkout-final .privacyCheck .field, .checkout > div > .section.checkout-final .cancellationCheck .field, .checkout > div > .section.checkout-final .newsletterCheck .field, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck .field, .checkout .section.checkout-subscription.checkout-final .privacyCheck .field, .checkout .section.checkout-subscription.checkout-final .cancellationCheck .field, .checkout .section.checkout-subscription.checkout-final .newsletterCheck .field, .checkout > div > div > .section.checkout-final .disclaimerCheck .field, .checkout > div > div > .section.checkout-final .privacyCheck .field, .checkout > div > div > .section.checkout-final .cancellationCheck .field, .checkout > div > div > .section.checkout-final .newsletterCheck .field, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck .field, .checkout .section.checkout-subscription.checkout-final .privacyCheck .field, .checkout .section.checkout-subscription.checkout-final .cancellationCheck .field, .checkout .section.checkout-subscription.checkout-final .newsletterCheck .field, .customerManagement > .section.checkout-final .disclaimerCheck .field, .customerManagement > .section.checkout-final .privacyCheck .field, .customerManagement > .section.checkout-final .cancellationCheck .field, .customerManagement > .section.checkout-final .newsletterCheck .field, .customerManagement > div > .section.checkout-final .disclaimerCheck .field, .customerManagement > div > .section.checkout-final .privacyCheck .field, .customerManagement > div > .section.checkout-final .cancellationCheck .field, .customerManagement > div > .section.checkout-final .newsletterCheck .field, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck .field, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck .field, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck .field, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck .field, .customerManagement > div > div > .section.checkout-final .disclaimerCheck .field, .customerManagement > div > div > .section.checkout-final .privacyCheck .field, .customerManagement > div > div > .section.checkout-final .cancellationCheck .field, .customerManagement > div > div > .section.checkout-final .newsletterCheck .field, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck .field, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck .field, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck .field, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck .field {
  float: left;
  margin-right: 10px;
}
.checkout > .section.checkout-final .disclaimerCheck .label, .checkout > .section.checkout-final .privacyCheck .label, .checkout > .section.checkout-final .cancellationCheck .label, .checkout > .section.checkout-final .newsletterCheck .label, .checkout > div > .section.checkout-final .disclaimerCheck .label, .checkout > div > .section.checkout-final .privacyCheck .label, .checkout > div > .section.checkout-final .cancellationCheck .label, .checkout > div > .section.checkout-final .newsletterCheck .label, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck .label, .checkout .section.checkout-subscription.checkout-final .privacyCheck .label, .checkout .section.checkout-subscription.checkout-final .cancellationCheck .label, .checkout .section.checkout-subscription.checkout-final .newsletterCheck .label, .checkout > div > div > .section.checkout-final .disclaimerCheck .label, .checkout > div > div > .section.checkout-final .privacyCheck .label, .checkout > div > div > .section.checkout-final .cancellationCheck .label, .checkout > div > div > .section.checkout-final .newsletterCheck .label, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck .label, .checkout .section.checkout-subscription.checkout-final .privacyCheck .label, .checkout .section.checkout-subscription.checkout-final .cancellationCheck .label, .checkout .section.checkout-subscription.checkout-final .newsletterCheck .label, .customerManagement > .section.checkout-final .disclaimerCheck .label, .customerManagement > .section.checkout-final .privacyCheck .label, .customerManagement > .section.checkout-final .cancellationCheck .label, .customerManagement > .section.checkout-final .newsletterCheck .label, .customerManagement > div > .section.checkout-final .disclaimerCheck .label, .customerManagement > div > .section.checkout-final .privacyCheck .label, .customerManagement > div > .section.checkout-final .cancellationCheck .label, .customerManagement > div > .section.checkout-final .newsletterCheck .label, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck .label, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck .label, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck .label, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck .label, .customerManagement > div > div > .section.checkout-final .disclaimerCheck .label, .customerManagement > div > div > .section.checkout-final .privacyCheck .label, .customerManagement > div > div > .section.checkout-final .cancellationCheck .label, .customerManagement > div > div > .section.checkout-final .newsletterCheck .label, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck .label, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck .label, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck .label, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck .label {
  float: left;
  line-height: 22px;
}
.checkout > .section.checkout-final .finalizeWrapper, .checkout > div > .section.checkout-final .finalizeWrapper, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper, .checkout > div > div > .section.checkout-final .finalizeWrapper, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper, .customerManagement > .section.checkout-final .finalizeWrapper, .customerManagement > div > .section.checkout-final .finalizeWrapper, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper, .customerManagement > div > div > .section.checkout-final .finalizeWrapper, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper {
  overflow: hidden;
}
.checkout > .section.checkout-final .finalizeWrapper li, .checkout > div > .section.checkout-final .finalizeWrapper li, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper li, .checkout > div > div > .section.checkout-final .finalizeWrapper li, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper li, .customerManagement > .section.checkout-final .finalizeWrapper li, .customerManagement > div > .section.checkout-final .finalizeWrapper li, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper li, .customerManagement > div > div > .section.checkout-final .finalizeWrapper li, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper li {
  color: #fff;
}
.checkout > .section.checkout-final .finalizeWrapper .disclaimerCheck, .checkout > .section.checkout-final .finalizeWrapper .privacyCheck, .checkout > .section.checkout-final .finalizeWrapper .cancellationCheck, .checkout > .section.checkout-final .finalizeWrapper .newsletterCheck, .checkout > div > .section.checkout-final .finalizeWrapper .disclaimerCheck, .checkout > div > .section.checkout-final .finalizeWrapper .privacyCheck, .checkout > div > .section.checkout-final .finalizeWrapper .cancellationCheck, .checkout > div > .section.checkout-final .finalizeWrapper .newsletterCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck, .checkout > div > div > .section.checkout-final .finalizeWrapper .disclaimerCheck, .checkout > div > div > .section.checkout-final .finalizeWrapper .privacyCheck, .checkout > div > div > .section.checkout-final .finalizeWrapper .cancellationCheck, .checkout > div > div > .section.checkout-final .finalizeWrapper .newsletterCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck, .customerManagement > .section.checkout-final .finalizeWrapper .disclaimerCheck, .customerManagement > .section.checkout-final .finalizeWrapper .privacyCheck, .customerManagement > .section.checkout-final .finalizeWrapper .cancellationCheck, .customerManagement > .section.checkout-final .finalizeWrapper .newsletterCheck, .customerManagement > div > .section.checkout-final .finalizeWrapper .disclaimerCheck, .customerManagement > div > .section.checkout-final .finalizeWrapper .privacyCheck, .customerManagement > div > .section.checkout-final .finalizeWrapper .cancellationCheck, .customerManagement > div > .section.checkout-final .finalizeWrapper .newsletterCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .disclaimerCheck, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .privacyCheck, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .cancellationCheck, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .newsletterCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck {
  margin-top: 4px;
}
.checkout > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .checkout > .section.checkout-final .finalizeWrapper .privacyCheck .field, .checkout > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .checkout > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .checkout > div > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .checkout > div > .section.checkout-final .finalizeWrapper .privacyCheck .field, .checkout > div > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .checkout > div > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck .field, .checkout > div > div > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .checkout > div > div > .section.checkout-final .finalizeWrapper .privacyCheck .field, .checkout > div > div > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .checkout > div > div > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck .field, .customerManagement > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .customerManagement > .section.checkout-final .finalizeWrapper .privacyCheck .field, .customerManagement > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .customerManagement > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .customerManagement > div > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .customerManagement > div > .section.checkout-final .finalizeWrapper .privacyCheck .field, .customerManagement > div > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .customerManagement > div > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck .field, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .privacyCheck .field, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck .field {
  float: left;
}
.checkout > .section.checkout-final .finalizeWrapper .shopButton.finalize, .checkout > div > .section.checkout-final .finalizeWrapper .shopButton.finalize, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize, .checkout > div > div > .section.checkout-final .finalizeWrapper .shopButton.finalize, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize, .customerManagement > .section.checkout-final .finalizeWrapper .shopButton.finalize, .customerManagement > div > .section.checkout-final .finalizeWrapper .shopButton.finalize, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .shopButton.finalize, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize {
  margin-top: 25px;
}
.checkout > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .checkout > div > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .checkout > div > div > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .customerManagement > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .customerManagement > div > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize a.busy {
  background: #ccc !important;
  color: #eee !important;
  cursor: default !important;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response {
  background: #e83331;
  padding: 15px 20px;
  color: #fff;
  margin-bottom: 15px;
  margin-top: 10px;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response:empty, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response:empty, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response:empty, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response:empty, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response:empty, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response:empty, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response:empty, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response:empty, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response:empty, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response:empty {
  padding: 0;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response a, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response a, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response a, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response a, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response a, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response a, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a {
  color: #fff !important;
  text-decoration: underline !important;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a:hover, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a:hover, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a:hover, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a:hover {
  color: #e2e2e2 !important;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response ul, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response ul, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response ul, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response ul, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response ul, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response ul, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response ul, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response ul, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response ul, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response ul {
  padding-left: 0 !important;
  margin-left: 18px !important;
  margin-top: 0 !important;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response > div, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response > div, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response > div, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response > div, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response > div, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response > div, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div {
  line-height: 15px;
  padding-left: 0 !important;
  color: #fff;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div:first-child, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div:first-child, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div:first-child, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div:first-child {
  color: #fff;
  padding-left: 0;
  padding-bottom: 13px;
  border-bottom: 1px dashed #ccc;
  font-size: 17px;
  margin-bottom: 10px;
}
.checkout .checkout-paymentMethod-wrapper, .customerManagement .checkout-paymentMethod-wrapper {
  position: relative;
  margin-top: 25px;
  padding: 20px 25px;
  background: #f6f6f6;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.checkout .checkout-paymentMethod-wrapper .paymentNotice, .customerManagement .checkout-paymentMethod-wrapper .paymentNotice {
  position: absolute;
  top: 0;
  right: 0;
}
.checkout label, .customerManagement label {
  cursor: pointer;
}

.checkout.payment-update .disabled {
  display: none;
}
.checkout.payment-update .entry-frame {
  margin-top: 15px;
}
.checkout.payment-update .entry-frame.hidden {
  display: none;
}
.checkout.payment-update .entry-frame iframe {
  text-align: center;
  width: 500px;
  border: 0;
}
.checkout.payment-update .entry-form {
  margin-top: 22px;
}
.checkout.payment-update .entry-form.hidden {
  display: none;
}
.checkout.payment-update .entry-form .head {
  font-size: 16px;
  font-weight: 500;
  color: #444;
  padding-bottom: 20px;
}
.checkout.payment-update .entry-form input {
  font-family: "Open Sans";
  height: 25px;
  padding: 6px 10px;
  font-size: 1em;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  width: 40%;
}
.checkout.payment-update .entry-form input#elv-swift {
  width: 20%;
}
.checkout.payment-update .entry-form .set .label {
  padding-bottom: 5px;
  font-size: 16px;
}
.checkout.payment-update .entry-form .set {
  padding-bottom: 15px;
}
.checkout.payment-update .entry-form .set:last-child {
  padding-bottom: 5px;
}
.checkout.payment-update .finalize {
  margin-top: 15px;
}
.checkout.payment-update .finalize.hidden {
  display: none;
}
.checkout.payment-update .finalize a {
  padding: 8px 18px;
}
.checkout.payment-update .response {
  margin-top: 15px;
  padding: 13px 20px 15px;
  line-height: 18px;
  max-width: 456px;
  font-size: 14px;
  border: 1px dashed #c33;
  background: #eee;
  border-radius: 3px;
  display: inline-block;
  display: none;
}
.checkout.payment-update .response.TOKEN_NOT_FOUND, .checkout.payment-update .response.TOKEN_INVALID {
  color: #c33;
  font-weight: 500;
}
.checkout.payment-update .response.PROFILE_UPDATED {
  color: green;
  font-weight: 500;
  font-size: 16px;
  background: none;
  border: 0;
  padding: 0;
  border-top: 2px dashed #ccc;
  max-width: none;
  padding-top: 15px;
}
.checkout.payment-update .response.visible {
  display: block;
}

.customerLogin .fieldWrapper .fields, .passwordRecovery .fieldWrapper .fields {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  margin-right: 25px;
}
.customerLogin .fieldWrapper .fields.faded, .passwordRecovery .fieldWrapper .fields.faded {
  opacity: 0.35;
}
.customerLogin .responseContainer, .passwordRecovery .responseContainer {
  margin-top: 13px;
}

.customerLogin input, .passwordRecovery input {
  font-family: KoHo;
  font-weight: 400;
  font-size: 14px;
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 5px 8px;
  border-radius: 4px;
  width: 160px;
}

.customerLogin .title, .subscriptionManagement .title, .customerManagement .title, .passwordRecovery .title {
  margin-bottom: 10px;
}
.customerLogin .infoText, .subscriptionManagement .infoText, .customerManagement .infoText, .passwordRecovery .infoText {
  margin-top: 10px;
  margin-bottom: 10px;
}
.customerLogin .collateralInfo .label, .customerLogin .collateralInfo .value, .subscriptionManagement .collateralInfo .label, .subscriptionManagement .collateralInfo .value, .customerManagement .collateralInfo .label, .customerManagement .collateralInfo .value, .passwordRecovery .collateralInfo .label, .passwordRecovery .collateralInfo .value {
  float: left;
  font-weight: 600;
  margin-right: 10px;
  line-height: 16px;
}
.customerLogin .collateralInfo .value, .subscriptionManagement .collateralInfo .value, .customerManagement .collateralInfo .value, .passwordRecovery .collateralInfo .value {
  font-size: 13px;
  font-weight: 600;
}

#overlayWindow .customerLogin .infoText,
#overlayWindow .passwordRecovery .infoText {
  width: 444px;
}

.subscriptionManagement table, .customerManagement table {
  width: 100%;
}
.subscriptionManagement table tr td, .customerManagement table tr td {
  border: 0 !important;
  padding: 0 !important;
}
.subscriptionManagement table tr td span.title, .customerManagement table tr td span.title {
  display: none;
}
.subscriptionManagement table.subAccount .subscriptionDetails-outerWrapper, .customerManagement table.subAccount .subscriptionDetails-outerWrapper {
  display: none;
}
.subscriptionManagement table.subAccount td.hideForSubaccount, .customerManagement table.subAccount td.hideForSubaccount {
  display: none;
}
.subscriptionManagement table.subAccount td a, .customerManagement table.subAccount td a {
  cursor: default;
  color: #666;
}
.subscriptionManagement table.subAccount td a:hover, .customerManagement table.subAccount td a:hover {
  text-decoration: none !important;
}
.subscriptionManagement table.subAccount tr.entry.open td.col, .customerManagement table.subAccount tr.entry.open td.col {
  background-color: #fff !important;
  font-weight: normal !important;
}
.subscriptionManagement .subscriptionList, .customerManagement .subscriptionList {
  margin-top: 20px;
}
.subscriptionManagement .subscriptionList .emptyList, .customerManagement .subscriptionList .emptyList {
  padding: 10px;
}
.subscriptionManagement .subscriptionList .entry .col, .customerManagement .subscriptionList .entry .col {
  border-bottom: 1px solid #d9d9d9 !important;
  padding: 5px 10px !important;
}
.subscriptionManagement .subscriptionList .entry .col.alignRight, .customerManagement .subscriptionList .entry .col.alignRight {
  text-align: right;
}
.subscriptionManagement .subscriptionList .entry .col.alignCenter, .customerManagement .subscriptionList .entry .col.alignCenter {
  text-align: center;
}
.subscriptionManagement .subscriptionList .entry .col a, .customerManagement .subscriptionList .entry .col a {
  font-weight: normal !important;
}
.subscriptionManagement .subscriptionList .entry .col.first, .customerManagement .subscriptionList .entry .col.first {
  width: 50px;
}
.subscriptionManagement .subscriptionList .entry .col.subscriptionDetails, .customerManagement .subscriptionList .entry .col.subscriptionDetails {
  display: none;
}
.subscriptionManagement .subscriptionList .entry .col.subscriptionDetails .unit.down.spaced span > span, .customerManagement .subscriptionList .entry .col.subscriptionDetails .unit.down.spaced span > span {
  padding-right: 5px;
}
.subscriptionManagement .subscriptionList .entry.open .col, .customerManagement .subscriptionList .entry.open .col {
  background-color: #f5f5f5 !important;
  font-weight: 600;
}
.subscriptionManagement .subscriptionList .head, .customerManagement .subscriptionList .head {
  background-color: #e83331;
  color: #fff;
}
.subscriptionManagement .subscriptionList .head .col, .customerManagement .subscriptionList .head .col {
  padding: 5px 10px !important;
}
.subscriptionManagement .subscriptionList .head .col.alignRight, .customerManagement .subscriptionList .head .col.alignRight {
  text-align: right;
}
.subscriptionManagement .subscriptionList .head .col.alignCenter, .customerManagement .subscriptionList .head .col.alignCenter {
  text-align: center;
}
.subscriptionManagement .subscriptionList .subscriptionDetails-outerWrapper.open, .customerManagement .subscriptionList .subscriptionDetails-outerWrapper.open {
  border-bottom: 1px solid #d9d9d9 !important;
}
.subscriptionManagement .subscriptionList .subscriptionDetails-outerWrapper .item .col.cartItem-image, .customerManagement .subscriptionList .subscriptionDetails-outerWrapper .item .col.cartItem-image {
  width: 47px;
}
.subscriptionManagement .subscriptionList .detailWrapper > div, .customerManagement .subscriptionList .detailWrapper > div {
  display: table;
}
.subscriptionManagement .subscriptionList .detailWrapper .item, .customerManagement .subscriptionList .detailWrapper .item {
  display: table-row;
}
.subscriptionManagement .subscriptionList .detailWrapper .item > div, .customerManagement .subscriptionList .detailWrapper .item > div {
  display: table-cell;
  white-space: nowrap;
  padding: 6px 10px;
  border-bottom: 1px solid #d9d9d9;
  vertical-align: top;
}
.subscriptionManagement .subscriptionList .detailWrapper .item > div.price, .customerManagement .subscriptionList .detailWrapper .item > div.price {
  text-align: right;
}
.subscriptionManagement .subscriptionList .detailWrapper .item > div.cartItem-image, .customerManagement .subscriptionList .detailWrapper .item > div.cartItem-image {
  width: 38px;
  padding-right: 13px;
}
.subscriptionManagement .subscriptionList .detailWrapper .item:last-of-type > div, .customerManagement .subscriptionList .detailWrapper .item:last-of-type > div {
  border-bottom: 0;
}
.subscriptionManagement td.message, .customerManagement td.message {
  background-color: #f5f5f5 !important;
  padding: 10px 10px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

.subscriptionDetails-innerWrapper .cartItem-title, .subscriptionDetails-innerWrapper .unitInfo, .subscriptionDetails-innerWrapper .price {
  padding-right: 14px !important;
  vertical-align: top;
}
.subscriptionDetails-innerWrapper .cartItem-title > div, .subscriptionDetails-innerWrapper .unitInfo > div, .subscriptionDetails-innerWrapper .price > div {
  display: inline-block;
  vertical-align: top;
}
.subscriptionDetails-innerWrapper .cartItem-title > div:first-child, .subscriptionDetails-innerWrapper .unitInfo > div:first-child, .subscriptionDetails-innerWrapper .price > div:first-child {
  margin-right: 5px;
}
.subscriptionDetails-innerWrapper .lbl {
  font-weight: 600;
}
.subscriptionDetails-innerWrapper .spaced {
  margin-right: 10px;
}
.subscriptionDetails-innerWrapper .subSet.space {
  margin-top: 5px;
}
.subscriptionDetails-innerWrapper .cartItem-title {
  width: 61px;
  padding-right: 0 !important;
}

.customerLogin .title, .subscriptionManagement .title, .customerManagement .title, .passwordRecovery .title {
  margin-bottom: 10px;
}
.customerLogin .infoText, .subscriptionManagement .infoText, .customerManagement .infoText, .passwordRecovery .infoText {
  margin-top: 10px;
  margin-bottom: 10px;
}

.customerGate a, .modeSwitchBlock a, nav ul li a, footer ul li a {
  color: #666;
}
.customerGate a:hover, .modeSwitchBlock a:hover, nav ul li a:hover, footer ul li a:hover {
  color: #e83331;
}

nav ul li a:hover, footer ul li a:hover {
  text-decoration: none !important;
}

.customerGate a {
  text-decoration: underline !important;
}

.cart.compact, .filterBar-wrapper .cart.filterBar {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  border: 1px solid #aaccde;
  background: #aaccde url("/img/core/icons/cart-medium.png") no-repeat center 30px;
  position: relative;
  font-size: 12px;
  width: 175px;
  height: 281px;
  margin-right: 18px;
  margin-bottom: 25px;
}
.cart.compact.fluid, .filterBar-wrapper .cart.fluid.filterBar {
  z-index: 50;
}
.cart.compact .clickSensitive, .filterBar-wrapper .cart.filterBar .clickSensitive {
  opacity: 0;
  position: absolute;
  top: 30px;
  left: 50px;
  width: 75px;
  height: 60px;
}
.cart.compact .clickSensitive > a, .filterBar-wrapper .cart.filterBar .clickSensitive > a {
  width: 100%;
  height: 100%;
  display: block;
}
.cart.compact.open .clickSensitive, .filterBar-wrapper .cart.open.filterBar .clickSensitive {
  display: none;
}
.cart.compact .title, .filterBar-wrapper .cart.filterBar .title {
  color: #fff;
  margin-top: 105px;
  text-align: center;
}
.cart.compact .contentWrapper-outer, .filterBar-wrapper .cart.filterBar .contentWrapper-outer {
  position: relative;
}
.cart.compact .contentWrapper, .filterBar-wrapper .cart.filterBar .contentWrapper {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  margin: 38px 2px 0;
  background-color: #fff;
  color: #3e3e3e;
  padding: 8px;
  height: 48px;
  max-height: 48px;
  overflow: hidden;
  background-position: center -15px;
}
.cart.compact .contentWrapper .flapLink, .filterBar-wrapper .cart.filterBar .contentWrapper .flapLink {
  display: block;
  float: left;
}
.cart.compact .checkoutLink, .filterBar-wrapper .cart.filterBar .checkoutLink {
  margin-top: 8px;
}
.cart.compact .checkoutLink a, .filterBar-wrapper .cart.filterBar .checkoutLink a {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  color: #fff;
  text-align: center;
}
.cart.compact.open, .filterBar-wrapper .cart.open.filterBar {
  height: 588px;
}
.cart.compact.open .contentWrapper, .filterBar-wrapper .cart.open.filterBar .contentWrapper {
  height: 353px;
  max-height: 353px;
  padding: 8px 0 8px 8px;
}
.cart.compact.open .contentWrapper .cartContent, .filterBar-wrapper .cart.open.filterBar .contentWrapper .cartContent {
  overflow: auto;
  height: 321px;
  max-height: 321px;
  padding-right: 8px;
}
.cart.compact.open .cartSum.subTotal, .filterBar-wrapper .cart.open.filterBar .cartSum.subTotal {
  bottom: 8px;
  opacity: 1;
  visibility: visible;
}
.cart.compact.open .cartSum.subTotal .wrapper, .filterBar-wrapper .cart.open.filterBar .cartSum.subTotal .wrapper {
  padding-top: 8px;
}
.cart.compact.open .cartItem-product.transport .cartItem-title, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title {
  float: left;
}
.cart.compact.open .cartItem-product.transport .cartItem-title h4, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title h4, .cart.compact.open .cartItem-product.transport .cartItem-title #modalContentBox .title, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title #modalContentBox .title, #modalContentBox .cart.compact.open .cartItem-product.transport .cartItem-title .title, #modalContentBox .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .title, .filterBar-wrapper #modalContentBox .cart.open.filterBar .cartItem-product.transport .cartItem-title .title, .cart.compact.open .cartItem-product.transport .cartItem-title .releaseView-container .release .content .chordViewer-container > .title, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .releaseView-container .release .content .chordViewer-container > .title, .releaseView-container .release .content .cart.compact.open .cartItem-product.transport .cartItem-title .chordViewer-container > .title, .releaseView-container .release .content .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .chordViewer-container > .title, .filterBar-wrapper .releaseView-container .release .content .cart.open.filterBar .cartItem-product.transport .cartItem-title .chordViewer-container > .title, .cart.compact.open .cartItem-product.transport .cartItem-title .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .cart.compact.open .cartItem-product.transport .cartItem-title .mediaDescriptionTitle, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .mediaDescriptionTitle, .filterBar-wrapper .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .cart.open.filterBar .cartItem-product.transport .cartItem-title .mediaDescriptionTitle, .cart.compact.open .cartItem-product.transport .cartItem-title .releaseView-container .release .indexContainer .index .title, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .releaseView-container .release .indexContainer .index .title, .releaseView-container .release .indexContainer .index .cart.compact.open .cartItem-product.transport .cartItem-title .title, .releaseView-container .release .indexContainer .index .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .title, .filterBar-wrapper .releaseView-container .release .indexContainer .index .cart.open.filterBar .cartItem-product.transport .cartItem-title .title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title h4,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title h4,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title #modalContentBox .title,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title #modalContentBox .title,
#modalContentBox .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .title,
#modalContentBox .filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .title,
.filterBar-wrapper #modalContentBox .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .content .chordViewer-container > .title,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .content .chordViewer-container > .title,
.releaseView-container .release .content .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .chordViewer-container > .title,
.releaseView-container .release .content .filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .chordViewer-container > .title,
.filterBar-wrapper .releaseView-container .release .content .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .chordViewer-container > .title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle,
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .mediaDescriptionTitle,
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .mediaDescriptionTitle,
.filterBar-wrapper .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .mediaDescriptionTitle,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .indexContainer .index .title,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .indexContainer .index .title,
.releaseView-container .release .indexContainer .index .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .title,
.releaseView-container .release .indexContainer .index .filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .title,
.filterBar-wrapper .releaseView-container .release .indexContainer .index .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .title {
  font-size: 12px;
  font-weight: 400;
}
.cart.compact.loading .contentWrapper, .filterBar-wrapper .cart.loading.filterBar .contentWrapper {
  /* load indicator ? */
}
.cart.compact .item, .filterBar-wrapper .cart.filterBar .item {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: relative;
  margin-bottom: 4px;
  padding-bottom: 7px;
  /*margin-bottom: 9px;
  padding-bottom: 9px;*/
  border-bottom: 1px solid #d9d9d9;
  margin-right: 5px;
}
.cart.compact .item:last-of-type, .filterBar-wrapper .cart.filterBar .item:last-of-type {
  border-bottom: 0;
}
.cart.compact .item .cartItem-button.delete, .filterBar-wrapper .cart.filterBar .item .cartItem-button.delete {
  margin-top: 4px;
}
.cart.compact .item .cartItem-button.delete a, .filterBar-wrapper .cart.filterBar .item .cartItem-button.delete a {
  background-color: #fff;
  color: #aaccde;
}
.cart.compact .item .cartItem-button.delete a:hover, .filterBar-wrapper .cart.filterBar .item .cartItem-button.delete a:hover {
  color: #88aabe;
  text-decoration: underline;
}
.cart.compact .item .cartItem-title, .filterBar-wrapper .cart.filterBar .item .cartItem-title {
  color: #464646;
  font-weight: 600;
}
.cart.compact .item .selector .cartItem-button, .filterBar-wrapper .cart.filterBar .item .selector .cartItem-button {
  float: left;
  font-size: 13px;
  margin-top: 4px;
  margin-right: 5px;
}
.cart.compact .item .selector .unit, .filterBar-wrapper .cart.filterBar .item .selector .unit, .cart.compact .item .selector .label, .filterBar-wrapper .cart.filterBar .item .selector .label {
  margin-right: 5px;
  float: left;
}
.cart.compact .item .selector .unit span, .filterBar-wrapper .cart.filterBar .item .selector .unit span {
  padding-right: 3px;
}
.cart.compact .item .selector .unit span:last-child, .filterBar-wrapper .cart.filterBar .item .selector .unit span:last-child {
  padding-right: 0;
}
.cart.compact .item .selector .label, .filterBar-wrapper .cart.filterBar .item .selector .label {
  margin-right: 7px;
}
.cart.compact .item .price, .filterBar-wrapper .cart.filterBar .item .price {
  font-weight: 600;
  font-size: 12px;
  float: right;
}
.cart.compact .item.dropOut, .filterBar-wrapper .cart.filterBar .item.dropOut {
  opacity: 0;
}
.cart.compact .cartSum.subTotal, .filterBar-wrapper .cart.filterBar .cartSum.subTotal {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 5px;
  width: 100%;
}
.cart.compact .cartSum.subTotal .wrapper, .filterBar-wrapper .cart.filterBar .cartSum.subTotal .wrapper {
  margin: 0 10px;
  text-align: right;
  padding-top: 5px;
  border-top: 1px solid #d9d9d9;
}
.cart.compact .cartSum.subTotal .wrapper .label, .filterBar-wrapper .cart.filterBar .cartSum.subTotal .wrapper .label, .cart.compact .cartSum.subTotal .wrapper .value, .filterBar-wrapper .cart.filterBar .cartSum.subTotal .wrapper .value {
  float: right;
}
.cart.compact .cartSum.subTotal .wrapper .label, .filterBar-wrapper .cart.filterBar .cartSum.subTotal .wrapper .label {
  margin-right: 5px;
}
.cart.compact .cartSum.subTotal .wrapper .value, .filterBar-wrapper .cart.filterBar .cartSum.subTotal .wrapper .value {
  font-weight: 600;
}
.cart.sumOnly .cartSum.totalSum .label {
  font-weight: 600;
  float: left;
  margin-right: 5px;
}
.cart.sumOnly .cartSum.totalSum .value {
  font-weight: 600;
  float: left;
}
.cart.full {
  background-color: #fff;
}
.cart.full .itemList.cartContent {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.cart.full .itemList > div {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  background: #f6f6f6;
}
.cart.full .col {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 0;
}
.cart.full .col.voucher {
  border-top: 1px dashed #eee;
  background: #f8f8f8;
}
.cart.full .col.cartItem-image {
  width: 69px;
  height: 69px;
  padding-right: 35px;
}
.cart.full .col.cartItem-product {
  width: 40%;
  padding-left: 20px;
}
.cart.full .col.cartItem-product.voucher {
  width: 20%;
}
.cart.full .col.cartItem-product span:first-child {
  padding-right: 0;
}
.cart.full .col.cartItem-product .priceInfo {
  font-size: 14px;
}
.cart.full .col.cartItem-product .priceInfo .label {
  margin-right: 5px;
  float: left;
  font-weight: 600;
}
.cart.full .col.cartItem-product .priceInfo .content {
  margin-bottom: 1px;
}
.cart.full .col.cartItem-product .collateralInfo {
  font-size: 13px;
  color: #426530;
  margin-bottom: 2px;
}
.cart.full .col.cartItem-product .itemOptions {
  margin-top: 3px;
  margin-bottom: 3px;
  /* fix the span issue */
}
.cart.full .col.cartItem-product .itemOptions .label {
  line-height: 19px;
}
.cart.full .col.cartItem-product .itemOptions span.selectboxit-text, .cart.full .col.cartItem-product .itemOptions span.selectboxit-option-icon-container, .cart.full .col.cartItem-product .itemOptions span.selectboxit-arrow-container {
  padding-right: 0 !important;
}
.cart.full .col.cartItem-product.voucher .label {
  margin-right: 5px;
  color: #a87358;
}
.cart.full .col.cartItem-product.voucher .label.bold {
  margin-bottom: 1px;
  color: #3e3e3e;
  font-size: 12px;
  font-weight: 600;
}
.cart.full .col.cartItem-product.collateralCredit .content {
  color: #888;
  font-size: 11px;
  padding-top: 1px;
}
.cart.full .col.cartItem-price {
  font-size: 16px;
  color: #426530;
  text-align: right;
  padding-right: 20px;
}
.cart.full .col.cartItem-price.voucher {
  color: #e83331;
  font-weight: 600;
}
.cart.full .col.cartItem-quantity.purchase.voucher {
  font-size: 14px;
  color: #999; /**/
}
.cart.full .col .selector .cartItem-button {
  width: 16px;
  height: 16px;
  float: left;
  margin-top: 4px;
  margin-right: 5px;
}
.cart.full .col .selector .cartItem-button a {
  background-color: #d2be9e !important;
  font-size: 14px;
  line-height: 14px;
}
.cart.full .col .selector .cartItem-button a:hover {
  background-color: #b57957 !important;
}
.cart.full .col .selector .unit, .cart.full .col .selector .label {
  margin-right: 5px;
  float: left;
}
.cart.full .col .selector .unit {
  font-size: 13px;
  line-height: 23px;
  min-width: 50px;
  text-align: center;
}
.cart.full .col .selector .unit span {
  padding-right: 4px;
}
.cart.full .col .selector .unit span:last-child {
  padding-right: 0;
}
.cart.full .col .selector .label {
  margin-right: 7px;
}
.cart.full .item {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 1;
  display: table-row;
}
.cart.full .item a div {
  display: inline-block;
}
.cart.full .item.dropOut {
  opacity: 0;
}
.cart.full .sumList-container {
  float: right;
  margin-top: 5px;
}
.cart.full .sumList {
  margin-top: 10px;
  font-size: 16px;
}
.cart.full .sumList .cartSum {
  clear: both;
}
.cart.full .sumList .cartSum .wrapper {
  float: right;
  margin-bottom: 5px;
}
.cart.full .sumList .cartSum .wrapper .label {
  float: left;
  text-align: right;
  padding-right: 20px;
  line-height: 21px;
}
.cart.full .sumList .cartSum .wrapper .value {
  float: left;
  text-align: right;
  width: 100px;
  padding-right: 20px;
}
.cart.full .sumList .cartSum.totalSum {
  font-weight: 600;
}
.cart.full .voucherEntry-container {
  float: left;
  margin-top: 10px;
}
.cart.full .voucherEntry-container .voucherEntry {
  margin-left: 20px;
}
.cart.full .voucherEntry-container .voucherEntry .label, .cart.full .voucherEntry-container .voucherEntry .inputField, .cart.full .voucherEntry-container .voucherEntry .button {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
.cart.full .voucherEntry-container .voucherEntry .button {
  margin-top: 2px;
}
.cart.full .voucherEntry-container .voucherEntry .label {
  margin-top: 6px;
}
.cart.full .voucherEntry-container .voucherEntry .shopButton {
  margin-top: 0;
}
.cart.full .voucherEntry-container .voucherEntry .shopButton a {
  padding: 4px 12px;
  font-size: 14px;
}
.cart.full .voucherEntry-container .voucherEntry input {
  text-transform: uppercase;
  width: 120px;
  background: #fafafa;
  line-height: 24px;
  border-radius: 3px;
  padding: 3px 6px;
  border: 1px solid #ddd;
}
.cart.full .voucherEntry-container .voucherEntry .comment {
  margin-top: 10px;
  color: #bbb;
  font-size: 11px;
}
.cart.subscriptionInfo .itemList {
  display: table;
  border-collapse: collapse;
  margin-top: 5px;
  margin-bottom: 10px;
}
.cart.subscriptionInfo .itemList .item {
  display: table-row;
}
.cart.subscriptionInfo .itemList .item > div {
  display: table-cell;
  line-height: 19px;
  padding-right: 25px;
  border-bottom: 1px solid #d9d9d9;
}
.cart.subscriptionInfo .itemList .item > div:last-child {
  padding-right: 0;
}
.cart.subscriptionInfo .itemList .item:last-child > div {
  border-bottom: 0;
}
.cart.subscriptionInfo .itemList .item .cartItem-title {
  color: #8fbe3e;
}
.cart.subscriptionInfo .itemList .item .unitInfo span {
  padding-right: 4px;
}
.cart.subscriptionInfo .itemList .item .unitInfo span:last-child {
  padding-right: 0;
}
.cart.subscriptionInfo .itemList .item .price {
  text-align: right;
  white-space: nowrap;
}
.cart.subscriptionInfo .sumList {
  display: table;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.cart.subscriptionInfo .sumList .cartSum {
  display: table-row;
}
.cart.subscriptionInfo .sumList .cartSum .label {
  display: table-cell;
  padding-right: 20px;
}
.cart.subscriptionInfo .sumList .cartSum .value {
  display: table-cell;
  text-align: right;
}
.cart.subscriptionInfo .sumList .cartSum.totalSum {
  font-weight: bold;
}
.cart.subscriptionInfo .subscriptionFrequency {
  margin-bottom: 10px;
}
.cart.subscriptionInfo .subscriptionFrequency .label, .cart.subscriptionInfo .subscriptionFrequency .selection {
  float: left;
}
.cart.subscriptionInfo .subscriptionFrequency .label {
  line-height: 19px;
  margin-right: 8px;
}
.cart .cartItem-button {
  width: 11px;
  height: 11px;
}
.cart .cartItem-button a {
  background-color: #aaccde;
  color: #fff;
  text-align: center;
  font-size: 11px;
  line-height: 9px;
  text-decoration: none !important;
}
.cart .cartItem-button a:hover {
  background-color: #88aabe;
}
.cart .cartSum {
  /*@include transition-quick;
  -webkit-backface-visibility: hidden;*/
}
.shopButton {
  line-height: 29px;
  height: 29px;
  display: inline-block;
  box-shadow: 0 0 2px rgba(143, 190, 62, 0.15);
  margin-top: 5px;
}
.shopButton.right {
  float: right;
}

.webForm-container {
  margin-top: 5px;
}
.webForm-container .webForm {
  float: left;
  margin-right: 40px;
}

.customerManagement .alternativeResponseContainer,
.customerManagement .responseContainer,
.webForm-container .responseContainer,
.deliveryTargets .alternativeResponseContainer,
.customerLogin .responseContainer,
.passwordRecovery .responseContainer,
.voucherEntry .responseContainer {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 0;
  visibility: hidden;
  float: left;
  margin-top: 12px;
  width: 280px;
  background: #fff;
  height: 0;
  position: relative;
  overflow: hidden;
  font-size: 12px;
}
.customerManagement .alternativeResponseContainer .response,
.customerManagement .responseContainer .response,
.webForm-container .responseContainer .response,
.deliveryTargets .alternativeResponseContainer .response,
.customerLogin .responseContainer .response,
.passwordRecovery .responseContainer .response,
.voucherEntry .responseContainer .response {
  font-size: 14px;
  background: #f6f6f6;
  border: 2px solid #f00;
  padding: 5px 20px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0px;
  width: 220px;
  color: #666;
  display: table;
  height: 100px;
}
.customerManagement .alternativeResponseContainer .response > div,
.customerManagement .responseContainer .response > div,
.webForm-container .responseContainer .response > div,
.deliveryTargets .alternativeResponseContainer .response > div,
.customerLogin .responseContainer .response > div,
.passwordRecovery .responseContainer .response > div,
.voucherEntry .responseContainer .response > div {
  display: table-cell;
  vertical-align: middle;
}
.customerManagement .alternativeResponseContainer .response a,
.customerManagement .responseContainer .response a,
.webForm-container .responseContainer .response a,
.deliveryTargets .alternativeResponseContainer .response a,
.customerLogin .responseContainer .response a,
.passwordRecovery .responseContainer .response a,
.voucherEntry .responseContainer .response a {
  color: #e83331;
  text-decoration: underline;
}
.customerManagement .alternativeResponseContainer.visible,
.customerManagement .responseContainer.visible,
.webForm-container .responseContainer.visible,
.deliveryTargets .alternativeResponseContainer.visible,
.customerLogin .responseContainer.visible,
.passwordRecovery .responseContainer.visible,
.voucherEntry .responseContainer.visible {
  opacity: 1;
  visibility: visible;
  height: 135px;
}

.customerManagement .blockContainer {
  margin-top: 15px;
  display: table;
  width: 95%;
}
.customerManagement .blockContainer .column {
  display: table-cell;
  vertical-align: top;
}
.customerManagement .blockContainer .column.left.slim {
  width: 35%;
}
.customerManagement .blockContainer .column.left.mid {
  width: 50%;
}
.customerManagement .blockContainer .column.left.large {
  width: 75%;
}
.customerManagement .blockContainer .column.left.full {
  width: 100%;
}
.customerManagement .notice {
  margin: 5px 0 5px;
  position: relative;
}
.customerManagement .shopButton {
  margin-top: 10px;
}
.customerManagement .webForm {
  margin-right: 0px;
}
.customerManagement .webForm input {
  font-family: KoHo;
  font-weight: 400;
  font-size: 14px;
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 5px 8px;
  border-radius: 4px;
  width: 188px;
}
.customerManagement .webForm textarea {
  width: 320px;
  height: 68px;
  resize: none;
  padding: 5px;
  line-height: 18px;
}

.customerLogout.contentArea.full.webForm {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.contentArea.full.webForm {
  margin-bottom: 25px;
  padding-bottom: 35px;
  border-bottom: 3px solid #eee;
}

.webForm-container .responseContainer.fluid {
  visibility: visible !important;
  width: 100%;
  background: #fff;
  margin: 0 25px;
  max-width: 400px;
  height: auto;
}
.webForm-container .responseContainer.fluid.visible {
  height: auto;
}
.webForm-container .responseContainer.fluid .responseHolder {
  margin-bottom: 0;
  border: 2px solid #f00;
  background: #f6f6f6;
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 14px;
}
.webForm-container .responseContainer.fluid .responseHolder .response {
  border: 0;
  padding: 0;
  position: relative;
  top: 6px;
  left: 0;
  height: auto;
  width: 320px;
}
.webForm-container .responseContainer.fluid .responseHolder > div:first-child {
  margin-bottom: 10px;
}

.checkoutModule .customerAccount .target {
  white-space: nowrap;
}
.checkoutModule .customerAccount .target .field, .checkoutModule .customerAccount .target .label {
  display: inline-block;
  vertical-align: middle;
  float: none !important;
  white-space: normal !important;
}
.checkoutModule .paymentMethods .method {
  white-space: nowrap;
}
.checkoutModule .paymentMethods .method > div {
  display: inline-block;
  vertical-align: middle;
  float: none !important;
  white-space: normal !important;
}
.checkoutModule .checkmarkContainer {
  white-space: nowrap;
}
.checkoutModule .checkmarkContainer > div {
  display: inline-block;
  vertical-align: middle;
  float: none !important;
  white-space: normal !important;
}

.webForm .fieldSet-pair {
  margin-bottom: 8px;
}
.webForm .fieldSet-pair > div {
  min-width: 200px;
}
.webForm .fieldSet-pair .left {
  float: left;
  margin-right: 25px;
}
.webForm .fieldSet-pair .right {
  float: left;
}
.webForm .fieldSet {
  margin-bottom: 8px;
}
.webForm .fieldSet .label {
  color: #464646;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 2px;
}
.webForm .fieldSet .label p, .webForm .fieldSet .label span {
  display: inline-block;
}
.webForm .fieldSet .label span {
  padding-right: 4px;
}
.webForm .fieldSet .label span.postfix {
  padding-left: 4px;
  padding-right: 0;
}
.webForm .fieldSet .field .main {
  float: left;
  margin-right: 10px;
}
.webForm .fieldSet .field .sub {
  float: left;
}
.webForm .fieldSet .field .extraLong input {
  width: 419px !important;
}
.webForm .fieldSet .field .group > div {
  float: left;
  margin-right: 5px;
}
.webForm .fieldSet .field .fiveDigits input {
  width: 44px !important;
}
.webForm .fieldSet .field .short input {
  width: 121px !important;
}
.webForm .fieldSet .comment {
  margin-top: 10px;
  font-size: 14px;
  background: #f2f2f2;
  padding: 10px 15px;
  border: 1px solid #eee;
  max-width: 405px;
}
.webForm .fieldSet.flipped {
  margin-top: 10px;
  cursor: pointer;
}
.webForm .fieldSet.flipped label {
  cursor: pointer !important;
}
.webForm .fieldSet.flipped > div {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.webForm .fieldSet.flipped .label {
  float: none;
  position: relative;
  padding-top: 2px;
}
.webForm .fieldSet.flipped .field {
  float: none;
  margin-right: 10px;
}
.webForm .fieldSet.flipped .field input {
  cursor: pointer;
}
.webForm input, .webForm textarea, .webForm .fieldDisplay {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  line-height: 14px;
  font-size: 12px;
  border: 1px solid #ddd;
  background-position: 97.5% 4px !important;
  background-repeat: no-repeat !important;
}
.webForm input:hover, .webForm input:focus, .webForm textarea:hover, .webForm textarea:focus, .webForm .fieldDisplay:hover, .webForm .fieldDisplay:focus {
  border: 1px solid #999;
}
.webForm input.noResize, .webForm textarea.noResize, .webForm .fieldDisplay.noResize {
  resize: none;
}
.webForm input {
  transition-property: background-color, color;
}
.webForm input.busy {
  background-position: 102.8% -5px !important;
  background-color: #fff !important;
  background-image: url("/img/core/loadIndicators/field-busy.ddd.gif") !important;
}
.webForm input.invalid {
  background-position: 97.5% 4px !important;
  background-color: #e83331 !important;
  color: #fff;
}
.webForm input.valid {
  background-position: 97.5% 4px !important;
  background-image: url("/img/core/icons/field-checkmark.ok.png") !important;
}
.webForm .fieldDisplay {
  height: 18px;
  min-width: 80px;
  line-height: 19px;
  padding-left: 6px;
}
.webForm .fieldDisplay:hover, .webForm .fieldDisplay:focus {
  border: 1px solid #bbb;
}
.webForm input {
  height: 18px;
}
.webForm #field-countrySelectBoxIt {
  width: 194px !important;
}
.webForm .customerAccountDelete, .webForm .customerNewsletterReg {
  margin-bottom: 15px;
}
.webForm .customerAccountDelete .webForm, .webForm .customerNewsletterReg .webForm {
  margin-top: 2px;
}
.webForm .customerAccountDelete .webForm input, .webForm .customerNewsletterReg .webForm input {
  width: 20px;
}
.webForm .customerAccountDelete .label, .webForm .customerNewsletterReg .label {
  margin-left: 35px;
}
.webForm .customerNewsletterReg .label {
  margin-top: 3px;
}

.shopButton {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  line-height: 29px;
  height: 29px;
  display: inline-block;
  box-shadow: 0 0 2px rgba(143, 190, 62, 0.15);
  margin-top: 5px;
}
.shopButton.small {
  margin-top: 0;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
}
.shopButton.search a {
  display: block;
  position: relative;
  padding: 0 0 0 18px;
}
.shopButton.search a > div.symbol {
  position: absolute;
  top: 2px;
  left: 5px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.shopButton.search a > div.string {
  margin-left: 6px;
}
.shopButton.wait {
  opacity: 0.5;
}
.shopButton.wait a {
  cursor: default;
}
.shopButton.wait a:hover {
  background-color: #8fbe3e !important;
}
.shopButton.arrowLeft a {
  background-position: 0 0;
  padding: 0 0px 0 18px;
}
.shopButton.noArrow a {
  background-image: none;
  background-position: 0 0;
  padding: 0 0 0 10px;
}
.shopButton.right {
  float: right;
}

.selectboxit-container ul li {
  margin-left: 0 !important;
}

.paymentStatus {
  margin: 0 auto;
  margin-top: 208px;
  width: 50%;
  min-width: 320px;
  text-align: center;
}
.paymentStatus .title {
  margin-bottom: 15px;
}
.paymentStatus .buttonBar {
  margin-top: 15px;
}
.releaseView-container {
  /*margin-right: 5%;*/
}
.releaseView-container .release {
  position: relative;
  margin-bottom: 9px;
  background: #f8f8f8;
  padding: 15px 5px 15px 15px;
  display: block;
  margin: 9px 0 !important;
  cursor: pointer;
}
.releaseView-container .release.preview {
  transition: none !important;
}
.releaseView-container .release.preview .head, .releaseView-container .release.preview .head div {
  transition: none !important;
}
.releaseView-container .release.preview img {
  transition: none !important;
}
.releaseView-container .release.preview .closeButton {
  display: none !important;
}
.releaseView-container .release .badge {
  display: none;
}
.releaseView-container .release:hover {
  background: #f0f0f0;
}
.releaseView-container .release.new .badge {
  display: block;
  background: url("/img/project/singvogel/var/ribbon-triangle.png") no-repeat 0 0;
  width: 139px;
  height: 139px;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 249;
  z-index: 109;
}
.releaseView-container .release.newInDetailView.openInLayer .badge {
  display: block;
  background: url("/img/project/singvogel/var/ribbon-triangle.png") no-repeat 0 0;
  width: 139px;
  height: 139px;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 249;
}
.releaseView-container .release:last-of-type {
  border-bottom: 0;
}
.releaseView-container .release > .head > .block {
  margin-bottom: 7px;
  display: block;
  vertical-align: top;
  float: left;
}
.releaseView-container .release > .head > .block.upper {
  padding-right: 17px;
}
.releaseView-container .release > .head > .block.text {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: relative;
  float: none;
}
.releaseView-container .release > .head > .block.text .title-inner {
  padding-top: 2px;
  line-height: 25px;
}
.releaseView-container .release > .head > .block > .title .image-inner {
  display: none;
}
.releaseView-container .release > .head > .block > .title.imageVisible .image-inner {
  margin-left: 35px;
  margin-top: 30px;
  margin-right: 10px;
  float: right;
  display: block;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
.releaseView-container .release > .head > .block > .title.imageVisible .image-inner img {
  display: block;
  border: 10px solid #fff;
}
.releaseView-container .release > .head > .block > .subTitle {
  color: #e83331;
  padding-top: 3px;
}
.releaseView-container .release > .head > .block > .description {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-right: 5%;
  max-width: 100%;
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif !important;
  color: #666 !important;
}
.releaseView-container .release > .head > .block > .releaseIcon {
  min-width: 124px;
  cursor: pointer;
}
.releaseView-container .release > .head > .block > .releaseIcon:hover {
  opacity: 0.9;
}
.releaseView-container .release > .head > .block > .releaseIcon img {
  width: 124px;
}
.releaseView-container .release .pre {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: absolute;
  top: 26px;
  right: 25px;
  background: #999;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  line-height: 18px;
  font-size: 14px;
}
.releaseView-container .release .pre.responsive {
  display: none;
  position: relative;
  top: auto;
  right: auto;
  padding: 0;
  margin-top: 0;
  background: none;
  font-weight: 600;
  color: #888;
}
.releaseView-container .release .buttonBar {
  margin-top: 10px;
  margin-right: 20px;
}
.releaseView-container .release .buttonBar.sub {
  display: none;
  margin-left: 68px;
}
.releaseView-container .release .closeButton {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 16px;
  font-weight: 600;
  color: #666;
  cursor: pointer;
  border-radius: 200px;
  line-height: 32px;
  width: 33px;
  padding-left: 1px;
  padding-right: 1px;
  height: 34px;
  text-align: center;
  display: none;
}
.releaseView-container .release .closeButton:hover {
  color: #222;
}
.releaseView-container .release.openInLayer {
  position: fixed;
  width: 100vw;
  max-width: 1160px;
  width: 968px;
  /*min-height: 100%;*/
  top: 0px;
  bottom: 0px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.16);
  background: #fff;
  z-index: 1005;
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 0 !important;
  padding: 0 !important;
  cursor: default;
  opacity: 0;
  background-position: center center;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: opacity;
}
.releaseView-container .release.openInLayer .releaseIcon, .releaseView-container .release.openInLayer .releaseIcon img {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  cursor: default !important;
  width: 100px !important;
  min-width: 100px !important;
}
.releaseView-container .release.openInLayer .releaseIcon:hover, .releaseView-container .release.openInLayer .releaseIcon img:hover {
  opacity: 1 !important;
}
.releaseView-container .release.openInLayer.hidden .head {
  visibility: hidden;
}
.releaseView-container .release.openInLayer.hidden .content {
  visibility: hidden;
}
.releaseView-container .release.openInLayer .releaseIcon img {
  transition: none !important;
}
.releaseView-container .release.openInLayer.loaded {
  opacity: 1;
}
.releaseView-container .release.openInLayer .closeButton {
  display: block;
}
.releaseView-container .release.openInLayer .head {
  padding: 20px;
  padding-bottom: 13px;
  /*border-bottom: 2px dashed #eee;
  margin-bottom: 20px;*/
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  background: #fff;
}
.releaseView-container .release.openInLayer .head > .block.upper {
  padding-right: 19px;
}
.releaseView-container .release.openInLayer .head div {
  transition: none !important;
}
.releaseView-container .release.openInLayer .head .description {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  overflow: hidden;
}
.releaseView-container .release.openInLayer .head.scrolling .releaseIcon, .releaseView-container .release.openInLayer .head.scrolling .releaseIcon img {
  width: 55px !important;
  min-width: 55px !important;
}
.releaseView-container .release.openInLayer .head.scrolling .description {
  opacity: 0;
  height: 0 !important;
}
.releaseView-container .release.openInLayer .head.scrolling .block.upper .pre {
  opacity: 0;
}
.releaseView-container .release.openInLayer > .content {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  /*margin-top: 224px;*/
}
.releaseView-container .release.openInLayer > .content.scrolling {
  margin-top: 144px;
}
.releaseView-container .release.openInLayer .content {
  display: block;
  margin-bottom: 0px;
}
.releaseView-container .release.openInLayer .block.upper .pre {
  right: 40px;
}
.releaseView-container .release .indexContainer {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  /*border-top: 1px dotted #eaeaea;
  border-bottom: 1px dotted #eaeaea;*/
  background: #e83331;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 144px;
  z-index: 100;
  transition-property: top;
}
.releaseView-container .release .indexContainer.scrolling {
  top: 94px;
}
.releaseView-container .release .indexContainer .index {
  padding-left: 10px;
}
.releaseView-container .release .indexContainer .index .title {
  font-weight: 600;
  color: #666;
  margin-bottom: 10px;
  border-radius: 3px;
  margin-right: 20px;
}
.releaseView-container .release .indexContainer .index > ul {
  list-style: none;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  border-radius: 2px;
  padding: 7px 10px !important;
}
.releaseView-container .release .indexContainer .index > ul > li {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 0;
  border-right: 1px solid #fff;
  line-height: 15px;
  display: inline-block;
  vertical-align: top;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 9px !important;
  padding: 0 !important;
  padding-right: 12px !important;
  padding-left: 0px !important;
  margin-top: 2px !important;
  color: #fff;
  font-weight: 500;
}
.releaseView-container .release .indexContainer .index > ul > li.fadedIn {
  opacity: 1;
}
.releaseView-container .release .indexContainer .index > ul > li:last-child {
  border-right: 0;
}
.releaseView-container .release .indexContainer .index > ul > li a {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  text-decoration: none !important;
}
.releaseView-container .release .indexContainer .index > ul > li a:hover {
  text-decoration: underline !important;
}
.releaseView-container .release .indexContainer .index > ul > li.hidden {
  display: none;
}
.releaseView-container .release .mediaGroup {
  margin-top: 20px;
  margin-bottom: 10px;
}
.releaseView-container .release ul.mediaTabs {
  margin: 0 !important;
  padding: 0;
  list-style: none;
  padding-left: 20px;
  font-size: 0;
}
.releaseView-container .release ul.mediaTabs li {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 !important;
  padding: 4px 12px;
  margin-right: 1px !important;
  background: #f8f8f8;
  border-radius: 4px 4px 0 0;
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.releaseView-container .release ul.mediaTabs li a {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: #aaa;
}
.releaseView-container .release ul.mediaTabs li a:hover {
  text-decoration: none !important;
}
.releaseView-container .release ul.mediaTabs li.active {
  background: #f6f6f6;
  padding-bottom: 7px;
}
.releaseView-container .release ul.mediaTabs li.active a {
  color: #e83331;
  position: relative;
  top: 1px;
}
.releaseView-container .release ul.mediaTabs li.active:hover {
  background: #f6f6f6;
  padding-bottom: 7px;
}
.releaseView-container .release ul.mediaTabs li.active:hover a {
  color: #e83331;
}
.releaseView-container .release ul.mediaTabs li:hover {
  background: #dfdfdf;
  padding-bottom: 7px;
}
.releaseView-container .release ul.mediaTabs li:hover a {
  color: #666;
}
.releaseView-container .release .content {
  display: none;
  margin-top: 0;
}
.releaseView-container .release .content .mediaContainer {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  background: #f6f6f6;
  border-radius: 0 3px 3px 3px;
  margin: 20px 20px 0;
  margin-top: 0;
  padding: 15px 15px 15px;
  overflow: hidden;
  /*box-shadow: inset 0 0 15px rgba(0,0,0,.2);*/
}
.releaseView-container .release .content .mediaContainer.empty {
  display: none;
}
.releaseView-container .release .content .mediaContainer .mediaScroller {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-duration: 0.3s;
  width: 100%;
  position: relative;
  left: 0;
}
.releaseView-container .release .content .mediaContainer .mediaViewport {
  display: table;
  width: 100%;
  position: relative;
  table-layout: fixed;
}
.releaseView-container .release .content .mediaContainer .mediaEmbed {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  bottom: 0;
  right: 0;
  z-index: 99;
  position: relative;
  transition-property: top, width;
  margin-bottom: 10px;
}
.releaseView-container .release .content .mediaContainer .mediaEmbed.scrolling {
  width: 310px;
}
.releaseView-container .release .content .mediaContainer .mediaEmbed:empty {
  display: none !important;
}
.releaseView-container .release .content .mediaContainer .media {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: opacity;
  display: table-cell;
  vertical-align: top;
  width: auto;
  opacity: 0;
  position: relative;
  padding-right: 0;
}
.releaseView-container .release .content .mediaContainer .media.active, .releaseView-container .release .content .mediaContainer .media.fadeIn {
  opacity: 1;
}
.releaseView-container .release .content .mediaContainer .media.hasPlaceholder .stage-container .stage, .releaseView-container .release .content .mediaContainer .media.hasPlaceholder .video .stage {
  overflow: auto !important;
  height: auto;
  padding-bottom: 0;
}
.releaseView-container .release .content .mediaContainer .media.hasPlaceholder .stage-container .stage .placeholder {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  background: #fff;
}
.releaseView-container .release .content .mediaContainer .description-short {
  margin-top: 8px;
  font-size: 15px;
  padding: 10px 12px;
  border-radius: 3px;
  background: #fff;
  color: #666;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  /*text-align: center;*/
  margin-bottom: 10px;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer {
  background: #fff;
  width: 100%;
  position: relative;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle {
  border-radius: 3px 3px 0 0;
  padding-bottom: 8px;
  padding-top: 6px;
  padding-left: 12px;
  margin-top: 0 !important;
  line-height: 19px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  background: #e83331;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle .right {
  position: absolute;
  right: 18px;
  top: 7px;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer:hover .viewToggler {
  opacity: 1;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer.fullView .viewToggler {
  display: none;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription {
  border-radius: 0 0 3px 3px;
  min-height: 35px;
  background-repeat: no-repeat;
  background-position: 5px 0;
  position: relative;
  padding-right: 20px;
  margin-top: 0;
  margin-right: 12px;
  margin-bottom: 15px;
  /*padding-bottom: 20px;*/
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public {
  padding-bottom: 0;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public a.button {
  margin-top: 4px;
  font-weight: normal !important;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public .truncator-container {
  max-height: 165px;
  overflow: hidden;
  position: relative;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public .truncator-container .truncator {
  background: transparent url("/img/project/singvogel/backgrounds/scrollIndicator.png") repeat-x 0 0;
  width: 100%;
  height: 50px;
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  bottom: 0;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description {
  font-size: 15px;
  font-size: 14.7px;
  line-height: 20px;
  padding: 15px 20px 20px 20px;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description h3, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description .indexBar > .title, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description .filterBar > .title, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description .title {
  margin-bottom: 15px;
  font-size: 17px;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description ul {
  padding-bottom: 10px;
}
.releaseView-container .release .content .audioDownloadContainer, .releaseView-container .release .content .documentDownloadContainer, .releaseView-container .release .content .audioBar, .releaseView-container .release .content .relatedContainer {
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}
.releaseView-container .release .content .audioDownloadContainer > .title, .releaseView-container .release .content .documentDownloadContainer > .title, .releaseView-container .release .content .audioBar > .title, .releaseView-container .release .content .relatedContainer > .title {
  line-height: 17px;
  margin-top: 10px;
  /* border-bottom: 1px dashed #eee; */
  padding: 8px 0;
  /* margin-left: 12px; */
  /* margin-right: 12px; */
  padding-left: 13px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 3px 3px 0 0;
  background: #e83331;
}
.releaseView-container .release .content .audioDownloadContainer .tableContainer, .releaseView-container .release .content .documentDownloadContainer .tableContainer, .releaseView-container .release .content .audioBar .tableContainer, .releaseView-container .release .content .relatedContainer .tableContainer {
  margin-left: 9px;
  margin-right: 9px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table, .releaseView-container .release .content .documentDownloadContainer.isTable .table, .releaseView-container .release .content .audioBar.isTable .table, .releaseView-container .release .content .relatedContainer.isTable .table {
  display: table;
  width: 100%;
  margin-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div, .releaseView-container .release .content .audioBar.isTable .table > div, .releaseView-container .release .content .relatedContainer.isTable .table > div {
  display: table-row;
  background: #fff;
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div > div, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div > div, .releaseView-container .release .content .audioBar.isTable .table > div > div, .releaseView-container .release .content .relatedContainer.isTable .table > div > div {
  display: table-cell;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  padding-right: 20px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div > div.icon, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div > div.icon, .releaseView-container .release .content .audioBar.isTable .table > div > div.icon, .releaseView-container .release .content .relatedContainer.isTable .table > div > div.icon {
  background: #fff url("/img/project/singvogel/icons/mp3download.small.png") no-repeat 5px 2px;
  background-size: 17px;
  width: 23px;
  min-width: 23px;
  height: 23px;
  padding-right: 7px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div > div.downloadIcon, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div > div.downloadIcon, .releaseView-container .release .content .audioBar.isTable .table > div > div.downloadIcon, .releaseView-container .release .content .relatedContainer.isTable .table > div > div.downloadIcon {
  background: url("/img/project/singvogel/audioBar/download-link.png") no-repeat 28px 6px;
  width: 30px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div:hover > div.icon, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div:hover > div.icon, .releaseView-container .release .content .audioBar.isTable .table > div:hover > div.icon, .releaseView-container .release .content .relatedContainer.isTable .table > div:hover > div.icon {
  background: #f2f2f2 url("/img/project/singvogel/icons/mp3download.small.png") no-repeat 5px 2px;
  background-size: 17px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div:hover, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div:hover, .releaseView-container .release .content .audioBar.isTable .table > div:hover, .releaseView-container .release .content .relatedContainer.isTable .table > div:hover {
  background: #f2f2f2;
}
.releaseView-container .release .content .audioDownloadContainer > ul, .releaseView-container .release .content .documentDownloadContainer > ul, .releaseView-container .release .content .audioBar > ul, .releaseView-container .release .content .relatedContainer > ul {
  list-style: none;
  margin: 0 !important;
  padding: 15px 20px 5px !important;
}
.releaseView-container .release .content .audioDownloadContainer > ul li, .releaseView-container .release .content .documentDownloadContainer > ul li, .releaseView-container .release .content .audioBar > ul li, .releaseView-container .release .content .relatedContainer > ul li {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  padding: 5px 8px 5px 5px;
  border-radius: 2px;
  display: inline-block;
  min-width: 25%;
  white-space: nowrap;
  vertical-align: top;
  background: #fff url("/img/project/singvogel/icons/mp3download.small.gray.png") no-repeat 0 0;
  height: 23px;
  text-indent: 32px;
  margin-right: 22px;
  margin-bottom: 12px !important;
}
.releaseView-container .release .content .audioDownloadContainer > ul li:last-child, .releaseView-container .release .content .documentDownloadContainer > ul li:last-child, .releaseView-container .release .content .audioBar > ul li:last-child, .releaseView-container .release .content .relatedContainer > ul li:last-child {
  margin-right: 0;
}
.releaseView-container .release .content .audioDownloadContainer > ul li a, .releaseView-container .release .content .documentDownloadContainer > ul li a, .releaseView-container .release .content .audioBar > ul li a, .releaseView-container .release .content .relatedContainer > ul li a {
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 600;
  color: #777;
  display: block;
  line-height: 24px;
  cursor: default;
}
.releaseView-container .release .content .audioDownloadContainer.canDownload ul li a:hover, .releaseView-container .release .content .documentDownloadContainer.canDownload ul li a:hover, .releaseView-container .release .content .audioBar.canDownload ul li a:hover, .releaseView-container .release .content .relatedContainer.canDownload ul li a:hover {
  text-decoration: underline;
}
.releaseView-container .release .content .audioDownloadContainer.canDownload ul li a:hover {
  background-image: url("/img/project/singvogel/icons/mp3download.small.png");
}
.releaseView-container .release .content .audioDownloadContainer.canDownload ul li a:hover a {
  color: #e83331;
}
.releaseView-container .release .content .audioBar {
  margin-bottom: 10px;
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.releaseView-container .release .content .audioBar > .title {
  position: relative;
}
.releaseView-container .release .content .audioBar > .title .volume {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: absolute;
  top: 6px;
  right: 10px;
  white-space: nowrap;
}
.releaseView-container .release .content .audioBar > .title .volume > div {
  display: inline-block;
  vertical-align: top;
}
.releaseView-container .release .content .audioBar > .title .volume .label {
  font-weight: normal;
  font-size: 14px;
  margin-top: 1px;
  margin-right: 10px;
}
.releaseView-container .release .content .audioBar > .title .volume .control {
  position: relative;
  top: 3px;
  width: 80px;
  height: 12px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  overflow: hidden;
}
.releaseView-container .release .content .audioBar > .title .volume .control .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 12px;
  z-index: 10;
  /*background: transparent url('/img/project/singvogel/audioBar/volume-overlay.png') no-repeat 0 0;*/
  cursor: pointer;
}
.releaseView-container .release .content .audioBar > .title .volume .control .inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  z-index: 9;
  background: #369;
  width: 85%;
}
.releaseView-container .release .content .audioBar .content {
  padding: 5px;
}
.releaseView-container .release .content .audioBar .content .table > div {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  background: #fff;
  font-size: 14px;
  cursor: pointer;
}
.releaseView-container .release .content .audioBar .content .table > div:hover {
  background: #f2f2f2;
}
.releaseView-container .release .content .audioBar .content .table > div > div {
  padding: 8px 12px;
}
.releaseView-container .release .content .audioBar .content .table > div > div.takeWidth {
  padding: 0;
  min-width: 110px;
}
.releaseView-container .release .content .audioBar .controls {
  white-space: nowrap;
}
.releaseView-container .release .content .audioBar .controls .play {
  background-image: url("/img/project/singvogel/audioBar/play-button-999.png");
}
.releaseView-container .release .content .audioBar .controls .stop {
  background-image: url("/img/project/singvogel/audioBar/stop-button-666.png");
}
.releaseView-container .release .content .audioBar .controls div.button {
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.releaseView-container .release .content .audioBar .controls div.label {
  background: none !important;
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
  min-width: 60px;
}
.releaseView-container .release .content .audioBar .item.stopped .play {
  display: inline-block;
}
.releaseView-container .release .content .audioBar .item.stopped .stop {
  display: none;
}
.releaseView-container .release .content .audioBar .item.stopped .loading {
  display: none;
}
.releaseView-container .release .content .audioBar .item.playing .play {
  display: none;
}
.releaseView-container .release .content .audioBar .item.playing .stop {
  display: inline-block;
}
.releaseView-container .release .content .audioBar .item.playing .loading {
  display: none;
}
.releaseView-container .release .content .audioBar .item.loading .play {
  display: none;
}
.releaseView-container .release .content .audioBar .item.loading .stop {
  display: none;
}
.releaseView-container .release .content .audioBar .item.loading .stop.button {
  display: inline-block;
  background-image: url("/img/project/singvogel/audioBar/stop-button-999.png") !important;
}
.releaseView-container .release .content .audioBar .item.loading .loading {
  display: inline-block;
}
.releaseView-container .release .content .audioBar .progress {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  background: #ddd;
  height: 15px;
  border-radius: 2px;
  overflow: hidden;
  min-width: 100px;
}
.releaseView-container .release .content .audioBar .progress > .current {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  background: #369;
  height: 15px;
  width: 0%;
}
.releaseView-container .release .content .audioBar .progress > .browse {
  position: absolute;
  top: 0;
  left: 0;
  background: #369;
  opacity: 0.15;
  height: 15px;
}
.releaseView-container .release .content .audioBar .item.playing .progress {
  cursor: default;
}
.releaseView-container .release .content .audioBar .content .table > div:hover .controls .play {
  background-image: url("/img/project/singvogel/audioBar/play-button-666.png");
  /*background-image: url('/img/project/singvogel/audioBar/play-button-red.png');*/
}
.releaseView-container .release .content .audioBar .content .table > div:hover .controls .stop {
  background-image: url("/img/project/singvogel/audioBar/stop-button-666.png");
}
.releaseView-container .release .content .audioBar a.downloadLink {
  background: transparent url("/img/project/singvogel/audioBar/download-link.png") no-repeat 0 2px;
  display: block;
  text-indent: 19px;
}
.releaseView-container .release .content .documentDownloadContainer {
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.14);
  /*&.canDownload {
      > ul > li {
          a {
              color: #666 !important;
              font-weight: normal;
              cursor: pointer;
              text-decoration: underline;
          }
          &.iconType- {
              background-image: url('/img/project/singvogel/icons/sheet.small.png');
          }
          &.iconType-workSheet {
              background-image: url('/img/project/singvogel/icons/worksheet.small.png');
          }
          &.iconType-musicStory {
              background-image: url('/img/project/singvogel/icons/song.small.png');
          }
          &.iconType-textStory {
              background-image: url('/img/project/singvogel/icons/textstory.small.png');
          }
          &.iconType-sheetFile {
              background-image: url('/img/project/singvogel/icons/sheet.small.png');
          }
      }                    
  }*/
}
.releaseView-container .release .content .documentDownloadContainer > ul > li, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon {
  background-color: transparent;
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType- {
  background-image: url("/img/project/singvogel/icons/sheet.small.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-workSheet, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-workSheet {
  background-image: url("/img/project/singvogel/icons/worksheet.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-musicStory, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-musicStory {
  background-image: url("/img/project/singvogel/icons/song.small.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-textStory, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-textStory {
  background-image: url("/img/project/singvogel/icons/textstory.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-sheetFile, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-sheetFile {
  background-image: url("/img/project/singvogel/icons/notesheet.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-guitarChords, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-guitarChords {
  background-image: url("/img/project/singvogel/icons/guitarchords.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-portfolio, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-portfolio {
  background-image: url("/img/project/singvogel/icons/portfolio.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-pictureCards, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-pictureCards {
  background-image: url("/img/project/singvogel/icons/pictureCards.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-gameManual, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-gameManual {
  background-image: url("/img/project/singvogel/icons/gameManual.18x23.png");
}
.releaseView-container .release .content .relatedContainer {
  box-shadow: none;
}
.releaseView-container .release .content .relatedContainer > .title {
  border-radius: 0;
  margin-top: 0;
  background-color: #bbb;
}
.releaseView-container .release .content .relatedContainer .list {
  white-space: nowrap;
}
.releaseView-container .release .content .relatedContainer .list > div {
  margin: 15px;
  margin-right: 0px;
  display: inline-block;
  white-space: normal;
  height: 120px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.releaseView-container .release .content .relatedContainer .list > div .label {
  background-color: #ffc500;
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
}
.releaseView-container .release .content .stage-container.stage-placeholder-image {
  cursor: default;
}
.releaseView-container .release .content .stage-container.stage-placeholder-image.noActiveSubscription {
  cursor: pointer !important;
}
.releaseView-container .release .content .stage-container.stage-placeholder-image .stage .placeholder {
  text-align: center;
}
.releaseView-container .release .content .stage-container.stage-placeholder-image .stage .placeholder img {
  width: 100%;
  height: auto;
  max-width: 400px;
}
.releaseView-container .release .content .subContainer {
  margin: 10px 20px;
  padding-bottom: 10px;
}
.releaseView-container .release .content .chordViewer-container {
  display: block;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  background: #fff;
}
.releaseView-container .release .content .chordViewer-container .teaserButton {
  margin-left: 12px;
  margin-top: 12px;
  padding-bottom: 12px;
}
.releaseView-container .release .content .chordViewer-container > .title {
  border-radius: 3px 3px 0 0;
  margin-left: 0px;
  margin-top: 10px;
  padding: 7px 13px 8px;
  background: #e83331;
  color: #fff;
  font-weight: 600;
  line-height: 18px;
  font-size: 16px;
  position: relative;
}
.releaseView-container .release .content .chordViewer-container > .title .right {
  position: absolute;
  right: 10px;
  top: 6px;
}
.releaseView-container .release .content .chordViewer-container a.chordToggler {
  background-image: url("/img/project/singvogel/icons/lyrics-with-arrow-small.png");
  text-indent: 19px;
  background-position: 0 2px !important;
}
.releaseView-container .release .content .chordViewer-container a.chordToggler:hover {
  background-image: url("/img/project/singvogel/icons/lyrics-with-arrow-small-active.png");
}
.releaseView-container .release .content .chordViewer-container a.printTrigger {
  background-image: url("/img/project/singvogel/icons/print-small.png");
  text-indent: 24px;
}
.releaseView-container .release .content .chordViewer-container a.printTrigger:hover {
  background-image: url("/img/project/singvogel/icons/print-small-active.png");
}
.releaseView-container .release .content .chordViewer-container a.printTrigger span.responsive {
  display: none;
}
.releaseView-container .release .content .chordViewer-container a.chordDownload {
  background-image: url("/img/project/singvogel/icons/arrow-down-small2.png");
  text-indent: 17px !important;
  height: 18px;
  background-position: 0 2px !important;
}
.releaseView-container .release .content .chordViewer-container a.chordDownload:hover {
  background-image: url("/img/project/singvogel/icons/arrow-down-small2-active.png");
}
.releaseView-container .release .content .chordViewer-container a.chordDownload span.responsive {
  display: none;
}
.releaseView-container .release .content .chordViewer-container a.chordToggler, .releaseView-container .release .content .chordViewer-container a.printTrigger, .releaseView-container .release .content .chordViewer-container a.chordDownload {
  background-repeat: no-repeat;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 2px;
  color: #fff;
  text-indent: 24px;
  font-weight: 600;
  text-decoration: none !important;
  margin-left: 20px;
  cursor: pointer;
}
.releaseView-container .release .content .chordViewer-container a.chordToggler:hover, .releaseView-container .release .content .chordViewer-container a.printTrigger:hover, .releaseView-container .release .content .chordViewer-container a.chordDownload:hover {
  color: #eee;
  text-decoration: underline;
}
.releaseView-container .release .content .chordViewer-container .chordViewer {
  position: relative;
}
.releaseView-container .release .content .chordViewer-container .chordViewer .truncator {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chordViewer.empty .chordView {
  display: none !important;
}
.releaseView-container .release .content .chordViewer-container .chordViewer.teaser .truncator {
  display: block;
  background: transparent url("/img/project/singvogel/backgrounds/scrollIndicator.png") repeat-x 0 0;
  width: 100%;
  height: 50px;
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  bottom: 0;
}
.releaseView-container .release .content .chordViewer-container .chordViewer .chords .openChordsButton {
  display: inline-block;
}
.releaseView-container .release .content .chordViewer-container .chordViewer .chords .closeChordsButton {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chordViewer .chords.open .openChordsButton {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chordViewer .chords.open .closeChordsButton {
  display: inline-block;
}
.releaseView-container .release .content .chordViewer-container .chordSet {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  padding: 12px 20px;
  border-radius: 3px;
  /*max-height: 200px;*/
  margin-top: 7px;
}
.releaseView-container .release .content .chordViewer-container .chordSet .textLine {
  margin-bottom: 10px;
}
.releaseView-container .release .content .chordViewer-container .chordSet .chorusBlock {
  border-left: 5px solid #e83331;
  padding-left: 20px;
  margin-bottom: 25px;
  margin-top: 15px;
}
.releaseView-container .release .content .chordViewer-container .chordSet .chorusBlock > .textLine:first-child pre {
  font-weight: 600 !important;
  font-size: 15px !important;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 10px;
}
.releaseView-container .release .content .chordViewer-container .chordSet .chorusBlock > .chordLine:first-child {
  margin-top: 0;
  padding-top: 0;
}
.releaseView-container .release .content .chordViewer-container .chordSet .chordLine {
  padding-top: 5px;
  padding-bottom: 3px;
}
.releaseView-container .release .content .chordViewer-container .chordSet .chordLine pre {
  color: #33d !important;
}
.releaseView-container .release .content .chordViewer-container .chordSet .sectionHead pre {
  font-weight: 600 !important;
  font-size: 15px !important;
  padding-top: 3px;
  padding-bottom: 5px;
}
.releaseView-container .release .content .chordViewer-container .chordSet pre {
  font-size: 13px !important;
  font-weight: normal;
  line-height: 15px;
  font-family: "Roboto Mono";
  color: #444;
}
.releaseView-container .release .content .chordViewer-container .chordView-inner {
  margin-top: 20px;
}
.releaseView-container .release .content .chordViewer-container .chordView-inner > .title {
  color: #444;
  font-size: 12px;
  font-weight: 600;
  background-color: #ddd;
  padding: 4px 10px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #eaeaea;
}
.releaseView-container .release .content .chordViewer-container .chordView {
  position: relative;
}
.releaseView-container .release .content .chordViewer-container .chordView .printButton {
  position: absolute;
  top: 10px;
  right: 10px;
}
.releaseView-container .release .content .chordViewer-container .chordView .printButton a.button {
  background: #eee !important;
  background-image: url("/img/project/singvogel/symbols/print-small.png") !important;
  background-repeat: no-repeat !important;
  font-family: Lato;
  background-position: 5px 2px !important;
  padding: 7px 6px;
  line-height: 12px;
  text-indent: 25px;
  padding-right: 10px !important;
  border-radius: 2px;
  color: #888 !important;
  font-size: 13px !important;
  opacity: 0.5;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.releaseView-container .release .content .chordViewer-container .chordView .printButton a.button:hover {
  opacity: 1;
  background-color: #eaeaea !important;
}
.releaseView-container .release .content .chordViewer-container .chordView .capoPosition {
  position: absolute;
  right: 20px;
  top: 11px;
  background: #fff;
  font-size: 15px;
  font-weight: 500;
  color: #aaa;
  padding: 0px 5px;
  border-radius: 3px;
  line-height: 22px;
  white-space: nowrap;
}
.releaseView-container .release .content .chordViewer-container .chordView .capoPosition.visible {
  display: block;
}
.releaseView-container .release .content .chordViewer-container .chordView .capoPosition .label {
  margin-right: 4px;
}
.releaseView-container .release .content .chordViewer-container .chordView .capoPosition .label, .releaseView-container .release .content .chordViewer-container .chordView .capoPosition .value {
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.releaseView-container .release .content .chordViewer-container .chordView .chordSet {
  font-size: 14px;
}
.releaseView-container .release .content .chordViewer-container .chordView .chordSet .chordLine {
  color: #36a;
  line-height: 14px;
  margin-bottom: 1px;
}
.releaseView-container .release .content .chordViewer-container .chordView .chordSet.active {
  display: block;
}
.releaseView-container .release .content .chordViewer-container .chordView .pureTextLine {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chords {
  position: relative;
}
.releaseView-container .release .content .chordViewer-container .chords .buttons {
  margin-top: 5px;
}
.releaseView-container .release .content .chordViewer-container .chords > .title a {
  color: #888;
  text-decoration: none;
  outline: 0;
  -moz-outline: 0;
  -webkit-outline: 0;
}
.releaseView-container .release .content .chordViewer-container .chords > .title a:hover {
  color: #555;
}
.releaseView-container .release .content .chordViewer-container .chords .alignRight {
  position: absolute;
  top: 0px;
  right: 0;
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chords.open .chordView, .releaseView-container .release .content .chordViewer-container .chords.open .alignRight {
  display: block;
}
.releaseView-container .release .content .chordViewer-container .chords.open .chordView {
  margin-top: 15px;
}
.releaseView-container .release .content .chordViewer-container .chords .pureTextLine.chorus pre {
  font-weight: 600;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .printButton {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .chordSet {
  padding: 25px !important;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .chordLine {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .chorusBlock {
  border-left: 0;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .capoPosition {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .pureTextLine {
  margin-bottom: 6px !important;
  display: block;
  text-align: center;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .pureTextLine pre {
  font-family: KoHo !important;
  font-size: 15px !important;
  line-height: 18px;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .pureTextLine pre:empty {
  margin-bottom: 22px;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .textLine {
  display: none;
}
.releaseView-container.filter-active .release {
  display: none;
}
.releaseView-container.filter-active .release.filtered-visible {
  display: block;
}
.releaseView-container .releaseType {
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px 6px;
  line-height: 16px;
  border-radius: 4px;
}
.releaseView-container.slider .release {
  margin: 0 !important;
  padding: 0 !important;
}
.releaseView-container.slider .release .content {
  display: block;
}
.releaseView-container.slider .release .description {
  padding-right: 25px;
}

.releaseView-container .overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  visibility: hidden;
}
.releaseView-container .overlay.visible {
  background: rgba(0, 0, 0, 0.3) !important;
  visibility: visible;
  opacity: 1;
  z-index: 50;
}

.releaseViewer.slider {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.releaseViewer.slider .release {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  /*background: #fff !important;*/
  padding-bottom: 8px;
}
.releaseViewer.slider .releaseView-container {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: relative;
  background: #f6f6f6 !important;
}
.releaseViewer.slider .releaseView-container .release:hover {
  background: #f2f2f2;
}
.releaseViewer.slider .releaseSlider {
  -webkit-transition: all 0.3s ease-out;
  -khtml-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.releaseViewer.slider .releaseSlider .slide {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  width: 100%;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  opacity: 1;
  cursor: default;
  padding-bottom: 10px;
  position: relative;
}
.releaseViewer.slider .releaseSlider .slide.active {
  opacity: 1;
}
.releaseViewer.slider .releaseSlider .slide .releaseType {
  color: #888;
  font-weight: 600;
  font-size: 15px;
  text-align: left;
  line-height: 15px;
  padding: 0 0 0;
  margin-bottom: 7px;
}
.releaseViewer.slider .releaseSlider .slide .releaseType div.labels {
  display: inline-block;
  margin-right: 10px;
  line-height: 19px;
}
.releaseViewer.slider .releaseSlider .slide .badge {
  display: none;
}
.releaseViewer.slider .releaseSlider .slide.new .badge {
  display: block;
  background: url("/img/project/singvogel/var/ribbon-triangle.png") no-repeat 0 0;
  width: 139px;
  height: 139px;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 249;
  position: relative;
  background: #ffc500;
  z-index: 209 !important;
  height: auto;
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding: 4px 11px;
  width: auto;
  height: auto;
  margin-left: 0px;
  border-radius: 2px;
  display: inline-block;
}
.releaseViewer.slider .releaseSlider .slide .topicTitle {
  background: #e83331;
  font-size: 19px;
  font-weight: 600;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #fff;
  padding: 7px 13px;
  cursor: default;
  border-radius: 2px 2px 0 0;
}
.releaseViewer.slider .releaseSlider .slide .topicTitle.hidden .topicLabel {
  display: none;
}
.releaseViewer.slider .releaseSlider .slide .topicTitle .topicLabel, .releaseViewer.slider .releaseSlider .slide .topicTitle .topicName {
  display: inline-block;
  vertical-align: top;
}
.releaseViewer.slider .releaseSlider .slide .topicTitle .topicLabel a, .releaseViewer.slider .releaseSlider .slide .topicTitle .topicName a {
  color: #fff;
}
.releaseViewer.slider .releaseSlider .slide .topicTitle .topicLabel {
  margin-right: 6px;
  font-weight: normal !important;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .title {
  font-weight: 600;
  color: #e83331;
  margin-bottom: 10px;
  margin-top: -2px;
  width: 98%;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .title h2 {
  margin-left: -1px;
  line-height: 26px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.releaseViewer.slider .releaseSlider .slide ul.mediaSummary, .releaseViewer.slider .releaseSlider .slide .contentSummary > ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0;
}
.releaseViewer.slider .releaseSlider .slide ul.mediaSummary li, .releaseViewer.slider .releaseSlider .slide .contentSummary > ul li {
  font-size: 12px;
  /*text-indent: 25px;*/
  float: left;
  white-space: nowrap;
  margin-bottom: 4px !important;
  background-color: #de7676;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
  padding: 4px 7px;
  line-height: 13px;
}
.releaseViewer.slider .releaseSlider .slide .mediaSummary {
  margin-top: 0px !important;
}
.releaseViewer.slider .releaseSlider .slide .mediaSummary .nodeBase {
  min-height: 12px !important;
}
.releaseViewer.slider .releaseSlider .slide .mediaPreview .stage-placeholder-image .stage {
  padding-bottom: 0;
  overflow: visible;
  height: auto;
}
.releaseViewer.slider .releaseSlider .slide .mediaPreview .stage-placeholder-image .stage .placeholder {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.releaseViewer.slider .releaseSlider .slide .mediaPreview .stage-placeholder-image .stage .placeholder img {
  width: auto;
  height: auto;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  padding: 10px;
  background: #fff;
}
.releaseViewer.slider .releaseSlider .slide .contentSummary > .title {
  margin-top: 15px;
  font-size: 14px;
  line-height: 18px;
  color: #888;
  margin-bottom: 6px;
}
.releaseViewer.slider .releaseSlider .slide .contentSummary ul li {
  text-indent: 0;
  padding: 5px 7px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  margin-right: 3px;
  line-height: 14px;
}
.releaseViewer.slider .releaseSlider .slide .description {
  font-size: 15px;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding: 15px 13px 0 13px;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap > .content {
  min-width: 44%;
  max-width: 66%;
  margin-right: 5px;
  padding-bottom: 15px;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap > .content.mediaImage {
  min-width: auto;
  min-height: auto;
  margin-right: 5px;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap.empty > .content {
  display: none;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap.empty .right {
  margin-left: 0 !important;
  border-radius: 0;
}
.releaseViewer.slider .releaseSlider .slide .buttons {
  width: 98%;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .head {
  margin-bottom: 15px;
  position: relative;
  flex-grow: 1;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .head .icon, .releaseViewer.slider .releaseSlider .slide .contentWrap .head .right {
  display: inline-block;
  vertical-align: top;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .head .right {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  min-width: calc(100% - 21px);
  margin-right: 10px;
  margin-left: 3px;
  padding-left: 12px;
  padding-right: 8px;
  padding-top: 4px;
  margin-top: -3px;
  padding-bottom: 10px;
  cursor: pointer;
  border-radius: 2px;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .head .dateBlock {
  position: absolute;
  top: 4px;
  right: 0;
  background: #999;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  line-height: 18px;
  font-size: 14px;
}
.releaseViewer.slider .releaseSlider .viewer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  display: none;
}
.releaseViewer.slider .releaseSlider .viewer.visible {
  display: block;
}
.releaseViewer.slider .releaseSlider .viewer .release {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transform: scale(0.95, 0.95);
}
.releaseViewer.slider .releaseSlider .viewer.fadeIn .release {
  opacity: 1;
  transform: scale(1, 1);
}
.releaseViewer.slider .progress {
  display: none;
  height: 3px;
  width: 100%;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.releaseViewer.slider .progress .inner {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-timing-function: linear;
  background: #ddd;
  width: 0px;
  height: 3px;
}
.releaseViewer.slider .progress .inner.noTransition {
  transition: none !important;
}
.releaseViewer.slider .pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  right: 0;
  /*border-top: 4px solid #eee;*/
  width: 100%;
  height: 43px;
}
.releaseViewer.slider .pagination > ul, .releaseViewer.slider .pagination div {
  position: absolute;
  display: block;
  top: 6px;
}
.releaseViewer.slider .pagination > div {
  position: absolute;
  background: #ffc500;
  font-weight: 600;
  text-align: center;
  padding: 5px 11px;
  cursor: pointer;
  border-radius: 3px;
  z-index: 1;
}
.releaseViewer.slider .pagination > div:hover {
  background: #efb500;
}
.releaseViewer.slider .pagination > div a {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
  color: #fff;
  font-size: 25px;
  padding: 0;
  line-height: 17px;
  text-decoration: none !important;
}
.releaseViewer.slider .pagination > div.prev {
  left: 0;
}
.releaseViewer.slider .pagination > div.next {
  right: 0;
}
.releaseViewer.slider .pagination ul {
  margin: 0 auto !important;
  list-style: none !important;
  position: absolute;
  top: 13px;
  left: 50%;
}
.releaseViewer.slider .pagination ul li {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 15px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  margin: 0 !important;
  font-size: 0;
  padding-top: 2px;
}
.releaseViewer.slider .pagination ul li a {
  border-radius: 50px;
  background: #eee;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 1px solid #aaa;
}
.releaseViewer.slider .pagination ul li:hover a {
  background: #ccc;
}
.releaseViewer.slider .pagination ul li.active a {
  background: #e83331;
  border: 1px solid #e83331;
}

.stage-container .stage, .video .stage {
  position: relative;
  padding-bottom: 56.25%;
  /*padding-top: 10px;*/
  height: 0;
  overflow: hidden;
  border-radius: 3px;
}
.stage-container .stage iframe, .stage-container .stage object, .stage-container .stage embed, .stage-container .stage .placeholder, .video .stage iframe, .video .stage object, .video .stage embed, .video .stage .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#testimonialViewer {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
#testimonialViewer .viewerTitle {
  display: none;
  background-color: #e83331;
  font-size: 18px !important;
  font-weight: 600;
  color: #fff;
  padding: 7px 15px;
  border-radius: 2px 2px 0 0;
}
#testimonialViewer .viewerWrapper {
  position: relative;
  font-size: 0;
}
#testimonialViewer .viewerContainer {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  white-space: nowrap;
  position: absolute;
  width: 100%;
  top: 0;
  transition-property: opacity;
  left: 0;
}
#testimonialViewer .testimonial {
  position: relative;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-duration: 0.35s;
}
#testimonialViewer .testimonial.active {
  opacity: 1;
}
#testimonialViewer .testimonial.active .author, #testimonialViewer .testimonial.active .title, #testimonialViewer .testimonial.active .content {
  transform: translate(0, 0);
  opacity: 1;
}
#testimonialViewer .testimonial .paddingWrap {
  padding: 15px 20px 15px 0;
}
#testimonialViewer .testimonial:nth-child(2n) .paddingWrap {
  padding: 15px 0 0;
}
#testimonialViewer .testimonial.single .paddingWrap {
  padding: 15px 0 0;
}
#testimonialViewer .testimonial.full {
  width: 100% !important;
}
#testimonialViewer .testimonial .author {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  font-size: 14px;
  padding-left: 4px;
  font-weight: normal;
  color: #aaa;
  position: relative;
  display: block;
  transform: translate(0, -30px);
}
#testimonialViewer .testimonial .tip {
  display: none;
  position: absolute;
  top: 21px;
  left: 23px;
  background: transparent url("/img/project/singvogel/var/element-bubble-tip-point-flipped.png") no-repeat 0 0;
  width: 19px;
  height: 17px;
  z-index: 2;
}
#testimonialViewer .testimonial .title {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  font-size: 17px;
  font-weight: 600;
  color: #e83331;
  transform: translate(0, -20px);
  display: inline-block;
}
#testimonialViewer .testimonial .content {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: relative;
  transition-duration: 0.5s;
  display: inline-block;
  transform: translate(-20px, 0);
  z-index: 1;
  margin-left: 1px;
  padding-top: 7px;
  font-style: italic;
  font-size: 15px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  background: #f4f4f4;
  border-radius: 15px 0;
  padding: 12px 20px;
  margin-top: 12px;
  margin-right: 10px;
  margin-bottom: 5px;
}

#modalOverlay {
  z-index: 10;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  background: #000;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
  top: -10000px;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: opacity !important;
}
#modalOverlay.visible {
  visibility: visible;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  overflow: auto;
  top: 0;
}
#modalOverlay.visible.easy {
  opacity: 0.2;
  background: #111;
}
#modalOverlay.visible.darker {
  opacity: 0.65;
}

#modalContentBox {
  position: fixed;
  background: #fff;
  top: -10000px;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  z-index: 100;
  visibility: hidden;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: opacity !important;
  overflow: hidden;
  opacity: 0;
}
#modalContentBox.visible {
  visibility: visible;
  top: 25%;
  overflow: auto;
  opacity: 1;
}
#modalContentBox .title {
  background-color: #e83331;
  color: #fff;
  padding: 0 14px;
  line-height: 36px !important;
}
#modalContentBox .content {
  padding: 10px 14px;
}
#modalContentBox .content .block {
  margin-bottom: 15px;
}
#modalContentBox .buttons {
  position: relative;
  margin-bottom: 4px;
}
#modalContentBox .button.cancel {
  background: #888;
}
#modalContentBox .button.cancel:hover {
  background: #777;
}
#modalContentBox .button.proceed {
  position: absolute;
  right: 0;
}

#cookieNotice {
  z-index: 99999999;
  position: fixed;
  left: 0;
  margin: 0 auto;
  right: 0;
  max-width: 1200px;
  background: #fafafa;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  bottom: -1000px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: opacity;
}
#cookieNotice.visible {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
#cookieNotice .title {
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  background: #eee;
  padding: 5px 15px;
}
#cookieNotice .text {
  padding: 5px 20px;
  margin-top: 15px;
  margin-bottom: 10px;
}
#cookieNotice .buttonBar {
  margin-bottom: 15px;
  margin-left: 20px;
}

/* img styles */
.float-left {
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}

.float-right {
  float: right;
  margin-left: 25px;
  margin-bottom: 25px;
}

footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
footer .partnerLogo {
  position: absolute;
  bottom: 10px;
  left: 20px;
}
footer .navigation.footer {
  position: absolute;
  bottom: 15px;
  right: 20px;
}
footer .navigation.footer > ul > li {
  float: left;
  list-style: none;
  margin-right: 8px;
  border-right: 1px solid #eee;
  padding-right: 8px;
}
footer .navigation.footer > ul > li a:hover {
  color: #ec3a39;
}
footer .navigation.footer > ul > li.active a {
  font-weight: 600;
  color: #e83331;
}
footer .navigation.footer > ul > li:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
footer .socialIcons {
  position: relative;
  padding-top: 5px;
  margin: 0 auto;
  width: 244px;
  left: -40px;
  margin-bottom: 10px;
}
footer .socialIcons > div {
  display: inline-block;
  margin-right: 5px;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 1;
}
footer .socialIcons > div:last-child {
  margin-right: 0;
}
footer .socialIcons > div:hover {
  opacity: 1;
}
footer .socialIcons img {
  width: 25px;
  height: 25px;
}

.moduleContainer.imageAndText .mc-image {
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}
.moduleContainer.textAndImage .mc-image {
  float: right;
  margin-left: 25px;
  margin-bottom: 25px;
}
.moduleContainer.textAndImage .imagePadding .mc-image {
  margin-right: 15px;
  margin-top: 15px;
}
.moduleContainer.awardViewer {
  margin-top: 15px;
  margin-bottom: 35px;
  text-align: center;
}
.moduleContainer.awardViewer .logo {
  margin-bottom: 0;
}
.moduleContainer.awardViewer .text {
  display: inline-block;
}
.moduleContainer.awardViewer .text .line {
  background: #777;
  height: 2px;
  width: 100%;
}
.moduleContainer.awardViewer .text .main {
  margin-top: 10px;
  color: #666;
  font-size: 23px;
  font-weight: 600;
  line-height: 29px;
}
.moduleContainer.awardViewer .text .sub {
  color: #999;
}

i.arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
}
i.arrow.right {
  transform: rotate(-90deg);
}
i.arrow.dark {
  border-top: 5px solid #888;
}

@keyframes indexBarOpenDrawer {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
.indexBar, .filterBar {
  margin-bottom: 6px;
  margin-top: 10px;
  position: relative;
  top: 0;
  z-index: 110;
}
.indexBar > .title, .filterBar > .title {
  display: none;
  margin-bottom: 1px;
  color: #666;
  background: #fafafa;
  margin-right: 1px;
  padding: 7px 8px;
}
.indexBar > .blocks, .filterBar > .blocks {
  display: flex;
  background: #fff;
}
.indexBar > .blocks > div, .filterBar > .blocks > div {
  flex: 2 1 auto;
  margin-right: 1px;
  position: relative;
}
.indexBar > .blocks > div.inactive > .title, .filterBar > .blocks > div.inactive > .title {
  cursor: default !important;
  color: #eee;
  background-color: #cacaca !important;
}
.indexBar > .blocks > div.inactive > .title:hover, .filterBar > .blocks > div.inactive > .title:hover {
  opacity: 1 !important;
}
.indexBar > .blocks > div.inactive > ul, .filterBar > .blocks > div.inactive > ul {
  display: none !important;
}
.indexBar > .blocks > div.inactive:hover, .filterBar > .blocks > div.inactive:hover {
  box-shadow: none !important;
}
.indexBar > .blocks > div.inactive:hover > .title .sub, .filterBar > .blocks > div.inactive:hover > .title .sub {
  opacity: 0.85;
}
.indexBar > .blocks > div.inactive i, .filterBar > .blocks > div.inactive i {
  display: none !important;
}
.indexBar > .blocks > div:last-child, .filterBar > .blocks > div:last-child {
  margin-right: 0;
}
.indexBar > .blocks > div > .title, .filterBar > .blocks > div > .title {
  color: #fff;
  background-color: #aaa;
  padding: 5px 8px;
  font-weight: 600;
}
.indexBar > .blocks > div > .title .sub, .filterBar > .blocks > div > .title .sub {
  font-weight: 400;
  font-size: 11px;
  margin-top: -2px;
  margin-bottom: 2px;
  color: #f2f2f2;
  opacity: 0.85;
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  white-space: nowrap;
}
.indexBar > .blocks > div > .title .sub span, .filterBar > .blocks > div > .title .sub span {
  padding-right: 3px;
}
.indexBar > .blocks > div > .title .sub .label, .indexBar > .blocks > div > .title .sub span, .filterBar > .blocks > div > .title .sub .label, .filterBar > .blocks > div > .title .sub span {
  display: inline-block;
}
.indexBar > .blocks > div > .title .sub.singular .singular, .filterBar > .blocks > div > .title .sub.singular .singular {
  display: block;
}
.indexBar > .blocks > div > .title .sub.singular .plural, .filterBar > .blocks > div > .title .sub.singular .plural {
  display: none;
}
.indexBar > .blocks > div > .title .sub.plural .singular, .filterBar > .blocks > div > .title .sub.plural .singular {
  display: none;
}
.indexBar > .blocks > div > .title .sub.plural .plural, .filterBar > .blocks > div > .title .sub.plural .plural {
  display: block;
}
.indexBar > .blocks > div > .title i, .filterBar > .blocks > div > .title i {
  display: none;
}
.indexBar > .blocks > div:hover > .title .sub, .filterBar > .blocks > div:hover > .title .sub {
  opacity: 1;
}
.indexBar > .blocks > div > ul, .filterBar > .blocks > div > ul {
  background: #fff;
  list-style: none;
  margin: 0 !important;
  padding: 0;
}
.indexBar > .blocks > div > ul.gone, .filterBar > .blocks > div > ul.gone {
  display: none !important;
}
.indexBar > .blocks > div > ul > li, .indexBar > .blocks > div > ul > li > ul > li, .filterBar > .blocks > div > ul > li, .filterBar > .blocks > div > ul > li > ul > li {
  background: #f2f2f2;
  margin: 0px 0 0 !important;
  cursor: pointer;
  border-bottom: 1px solid #e2e2e2;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.indexBar > .blocks > div > ul > li.inactive, .indexBar > .blocks > div > ul > li > ul > li.inactive, .filterBar > .blocks > div > ul > li.inactive, .filterBar > .blocks > div > ul > li > ul > li.inactive {
  display: none;
}
.indexBar > .blocks > div > ul > li a, .indexBar > .blocks > div > ul > li.subBlock > .title, .indexBar > .blocks > div > ul > li > ul > li a, .indexBar > .blocks > div > ul > li > ul > li.subBlock > .title, .filterBar > .blocks > div > ul > li a, .filterBar > .blocks > div > ul > li.subBlock > .title, .filterBar > .blocks > div > ul > li > ul > li a, .filterBar > .blocks > div > ul > li > ul > li.subBlock > .title {
  font-size: 14px;
  line-height: 20px;
  padding: 5px 8px 5px 8px;
  display: block;
  color: #555;
  text-decoration: none !important;
}
.indexBar > .blocks > div > ul > li.subBlock > .title, .indexBar > .blocks > div > ul > li > ul > li.subBlock > .title, .filterBar > .blocks > div > ul > li.subBlock > .title, .filterBar > .blocks > div > ul > li > ul > li.subBlock > .title {
  display: none;
}
.indexBar > .blocks > div > ul > li.subBlock > ul, .indexBar > .blocks > div > ul > li > ul > li.subBlock > ul, .filterBar > .blocks > div > ul > li.subBlock > ul, .filterBar > .blocks > div > ul > li > ul > li.subBlock > ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.indexBar > .blocks > div > ul > li.subBlock > ul > li:last-child, .indexBar > .blocks > div > ul > li > ul > li.subBlock > ul > li:last-child, .filterBar > .blocks > div > ul > li.subBlock > ul > li:last-child, .filterBar > .blocks > div > ul > li > ul > li.subBlock > ul > li:last-child {
  border-bottom: 0 !important;
}
.indexBar > .blocks > div > ul > li:hover, .indexBar > .blocks > div > ul > li > ul > li:hover, .filterBar > .blocks > div > ul > li:hover, .filterBar > .blocks > div > ul > li > ul > li:hover {
  transition: none;
  background: #eaeaea;
}
.indexBar > .blocks > div > ul > li:last-child, .filterBar > .blocks > div > ul > li:last-child {
  border-bottom: 0;
}
.indexBar > .blocks > div > ul.hide, .filterBar > .blocks > div > ul.hide {
  display: none !important;
}
.indexBar.compact, .filterBar.compact, .filterBar-wrapper .filterBar {
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 1px;
  background: #fff;
  position: relative;
  position: sticky;
}
.indexBar.compact > .blocks > div > .title, .filterBar.compact > .blocks > div > .title, .filterBar-wrapper .filterBar > .blocks > div > .title {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: relative;
  top: 0;
}
.indexBar.compact > .blocks > div > .title i, .filterBar.compact > .blocks > div > .title i, .filterBar-wrapper .filterBar > .blocks > div > .title i {
  display: block;
  position: absolute;
  top: 12px;
  right: 11px;
  opacity: 0.9;
}
.indexBar.compact > .blocks > div > .title:hover, .filterBar.compact > .blocks > div > .title:hover, .filterBar-wrapper .filterBar > .blocks > div > .title:hover {
  opacity: 0.9;
  transition: none;
}
.indexBar.compact > .blocks > div > .title:hover i, .filterBar.compact > .blocks > div > .title:hover i, .filterBar-wrapper .filterBar > .blocks > div > .title:hover i {
  opacity: 1;
}
.indexBar.compact > .blocks > div > ul, .filterBar.compact > .blocks > div > ul, .filterBar-wrapper .filterBar > .blocks > div > ul {
  display: none;
  position: relative;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: absolute;
  top: 44px;
  width: 100%;
}
.indexBar.compact > .blocks > div > ul > li, .filterBar.compact > .blocks > div > ul > li, .filterBar-wrapper .filterBar > .blocks > div > ul > li {
  position: relative;
  border-bottom: 1px solid #e2e2e2;
  padding-right: 5px;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.indexBar.compact > .blocks > div > ul > li a, .indexBar.compact > .blocks > div > ul > li.subBlock > .title, .filterBar.compact > .blocks > div > ul > li a, .filterBar-wrapper .filterBar > .blocks > div > ul > li a, .filterBar.compact > .blocks > div > ul > li.subBlock > .title, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock > .title {
  padding-left: 14px;
}
.indexBar.compact > .blocks > div > ul > li.subBlock, .filterBar.compact > .blocks > div > ul > li.subBlock, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock {
  padding-right: 0;
  background: #f2f2f2;
  border-bottom: 0;
  position: relative;
}
.indexBar.compact > .blocks > div > ul > li.subBlock:hover, .filterBar.compact > .blocks > div > ul > li.subBlock:hover, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock:hover {
  background: #eee;
}
.indexBar.compact > .blocks > div > ul > li.subBlock > .title, .filterBar.compact > .blocks > div > ul > li.subBlock > .title, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock > .title {
  color: #666;
  font-weight: 600;
  display: block;
}
.indexBar.compact > .blocks > div > ul > li.subBlock > .title:hover, .filterBar.compact > .blocks > div > ul > li.subBlock > .title:hover, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock > .title:hover {
  background: #eaeaea;
}
.indexBar.compact > .blocks > div > ul > li.subBlock > .title i, .filterBar.compact > .blocks > div > ul > li.subBlock > .title i, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock > .title i {
  display: block;
  position: absolute;
  top: 12px;
  right: 10px;
  opacity: 0.9;
}
.indexBar.compact > .blocks > div > ul > li.subBlock > ul, .filterBar.compact > .blocks > div > ul > li.subBlock > ul, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock > ul {
  margin-left: 0 !important;
  display: none;
  list-style: none;
  min-width: 100%;
}
.indexBar.compact > .blocks > div > ul > li.subBlock:hover > ul, .filterBar.compact > .blocks > div > ul > li.subBlock:hover > ul, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock:hover > ul {
  display: block;
  position: absolute;
  top: 0px;
  left: 100%;
  background: #f2f2f2;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
}
.indexBar.compact > .blocks > div:last-child > ul > li.subBlock > .title, .filterBar.compact > .blocks > div:last-child > ul > li.subBlock > .title, .filterBar-wrapper .filterBar > .blocks > div:last-child > ul > li.subBlock > .title {
  padding-left: 26px;
}
.indexBar.compact > .blocks > div:last-child > ul > li.subBlock i, .filterBar.compact > .blocks > div:last-child > ul > li.subBlock i, .filterBar-wrapper .filterBar > .blocks > div:last-child > ul > li.subBlock i {
  transform: rotate(90deg);
  left: 10px;
  right: auto;
}
.indexBar.compact > .blocks > div:last-child > ul > li.subBlock:hover > ul, .filterBar.compact > .blocks > div:last-child > ul > li.subBlock:hover > ul, .filterBar-wrapper .filterBar > .blocks > div:last-child > ul > li.subBlock:hover > ul {
  left: -100%;
}
.indexBar.compact > .blocks > div.hover, .filterBar.compact > .blocks > div.hover, .filterBar-wrapper .filterBar > .blocks > div.hover {
  box-shadow: 0px 0 8px -1px rgba(0, 0, 0, 0.23);
}
.indexBar.compact > .blocks > div.hover > ul, .filterBar.compact > .blocks > div.hover > ul, .filterBar-wrapper .filterBar > .blocks > div.hover > ul {
  display: block;
  /*animation: indexBarOpenDrawer 0.25s;*/
}

.filterBar-wrapper {
  position: relative;
  z-index: 120;
}
.filterBar-wrapper .filterBar {
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative !important;
  margin-bottom: 0;
  /*background: transparent !important;
  > .blocks {
      background: transparent !important;
  }*/
}
.filterBar-wrapper .filterBar > .blocks > div {
  /*margin-right: 4px;
  &:first-child {
      margin-right: 0;
  }*/
  /* .title {
       background: transparent !important;
   }*/
  flex: 0;
}
.filterBar-wrapper .filterBar > .blocks > div.title {
  color: #666;
  line-height: 30px;
  padding: 0 10px 0 0;
  flex: 0;
  white-space: nowrap;
  cursor: default;
}
.filterBar-wrapper .filterBar > .blocks > div.title:hover {
  box-shadow: none;
}
.filterBar-wrapper .filterBar > .blocks > div.dropBlock {
  margin-top: 6px;
  margin-left: 10px;
  display: none;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-duration: 680ms;
}
.filterBar-wrapper .filterBar > .blocks > div.dropBlock.visible {
  display: block;
}
.filterBar-wrapper .filterBar > .blocks > div.dropBlock.visible.shown {
  opacity: 1;
}
.filterBar-wrapper .filterBar > .blocks > div.dropBlock a {
  white-space: nowrap;
  display: block;
  font-size: 10px;
  background: #e83331 !important;
  padding: 0px 7px;
  border-radius: 3px;
  text-transform: uppercase;
  line-height: 19px;
  color: #fff;
}
.filterBar-wrapper .filterBar > .blocks > div.dropBlock a:hover {
  text-decoration: none !important;
  background: #d82321 !important;
}
.filterBar-wrapper .filterBar > .blocks > div > ul {
  top: 31px;
  position: absolute;
  width: auto;
  min-width: 100%;
  padding-top: 5px;
  padding-bottom: 7px;
  background: #fafafa;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li {
  cursor: pointer !important;
  white-space: nowrap;
  border-bottom: 0;
  white-space: nowrap;
  background: none;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li > .field {
  position: relative;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li > .field > div {
  display: inline-block;
  vertical-align: top;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li > .field .checkbox {
  position: relative;
  padding-left: 10px;
  width: 15px;
  height: 15px;
  margin-right: 7px;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li > .field .label {
  width: 100%;
  font-size: 14px;
  line-height: 23px;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li > .field .label label {
  padding: 1px 0 1px 10px;
  cursor: pointer !important;
  width: 100%;
  display: block;
  position: relative;
  left: -10px;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li:hover > .field label {
  color: #333;
}
.filterBar-wrapper .filterBar > .blocks > div:hover ul {
  display: block;
}
.filterBar-wrapper .filterBar > .blocks > div > .title {
  background: #fff;
  color: #666;
  position: relative;
  white-space: nowrap;
  padding-right: 15px;
}
.filterBar-wrapper .filterBar > .blocks > div > .title:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.filterBar-wrapper .filterBar > .blocks > div > .title > div {
  display: inline-block;
}
.filterBar-wrapper .filterBar > .blocks > div > .title > div div.string, .filterBar-wrapper .filterBar > .blocks > div > .title > div span {
  display: inline-block;
}
.filterBar-wrapper .filterBar > .blocks > div > .title .sub {
  display: none;
  color: #fff;
  opacity: 1;
  margin-top: 4px;
  margin-bottom: 0;
  position: relative;
  line-height: 9px;
}
.filterBar-wrapper .filterBar > .blocks > div > .title i {
  display: inline-block;
  position: relative;
  border-top: 5px solid #666;
  top: -3px;
  left: 8px;
}
.filterBar-wrapper .filterBar > .blocks > div > .title span.applyCount {
  background: #e83331;
  color: #fff;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 10px;
  margin-left: 6px;
  position: relative;
  top: -2px;
}
.filterBar-wrapper .filterBar > .blocks > div > .title span.applyCount:empty {
  display: none;
}
.filterBar-wrapper .filterBar > .blocks > div:hover {
  box-shadow: none;
}
.filterBar-wrapper .filterBar > .blocks > div:hover > .title {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  background: #f6f6f6;
}
.filterBar-wrapper .filterBar > .blocks > div:last-of-type > ul {
  right: 0;
  left: auto;
}

@media (max-width: 640px) {
  .indexBar {
    padding-top: 10px;
  }
  .indexBar > .blocks > div {
    box-shadow: none !important;
  }
  .indexBar > .blocks > div > .title {
    margin-bottom: 1px;
    padding: 2px 0 5px 7px;
    transition: none !important;
  }
  .indexBar > .blocks > div > .title span {
    line-height: 14px;
    font-size: 14px;
    font-weight: normal;
  }
  .indexBar > .blocks > div > .title .sub, .indexBar > .blocks > div > .title i {
    display: none !important;
  }
  .indexBar > .blocks > div > ul {
    height: 0;
    width: 0 !important;
    display: block !important;
    overflow: hidden;
    position: relative !important;
    top: 0 !important;
    box-shadow: none !important;
  }
  .indexBar > .blocks > div > ul > li a {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .indexBar > .blocks > div > ul > li.subBlock > .title {
    display: none !important;
  }
  .indexBar > .blocks > div > ul > li.subBlock > ul {
    position: relative !important;
    display: block !important;
    box-shadow: none !important;
  }
  .indexBar > .blocks > div > ul > li.subBlock:hover > ul {
    left: 0 !important;
  }
  .indexBar > .blocks > div.open i {
    border-bottom: 5px solid #fff;
    border-top: 0;
  }
  .indexBar > .blocks > div.open > ul {
    height: auto;
    overflow: visible;
    z-index: 1000;
  }
  .indexBar > .blocks > div.open > ul > li a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .indexBar.open {
    position: fixed;
    top: 102px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    margin: 0;
    padding: 0;
    height: 100;
    z-index: 1000;
  }
  .indexBar.open > .blocks {
    display: block;
  }
  .indexBar.open > .blocks > div > .title {
    text-align: left;
    padding: 4px 6px 5px;
  }
  .indexBar.open > .blocks > div > .title span {
    font-size: 14px;
    font-weight: 600;
  }
  .indexBar.open > .blocks > div ul {
    width: auto !important;
  }
  .filterBar-wrapper {
    margin-bottom: 3px;
  }
  .filterBar-wrapper .filterBar > .blocks {
    display: block;
    background: #f2f2f2;
  }
  .filterBar-wrapper .filterBar > .blocks > .block {
    background: #f2f2f2;
    float: left;
  }
  .filterBar-wrapper .filterBar > .blocks > .block ul {
    z-index: 1;
    min-width: auto;
    top: 29px;
  }
  .filterBar-wrapper .filterBar > .blocks > .block ul li .field .label {
    width: calc(100% - 60px);
  }
  .filterBar-wrapper .filterBar > .blocks > .block.title {
    margin-right: 0;
    float: none;
    background: #e83331;
    color: #fff;
    padding-left: 8px;
    font-weight: 600;
  }
  .filterBar-wrapper .filterBar > .blocks > .block > .title {
    background: #f2f2f2;
    padding: 5px 3px;
    padding-right: 15px;
    padding-left: 9px;
    font-size: 14px;
  }
  .filterBar-wrapper .filterBar > .blocks > .block > .title:nth-child(2) {
    padding-left: 0 !important;
  }
  .filterBar-wrapper .filterBar > .blocks > .block > .title i {
    top: -2px;
  }
  .filterBar-wrapper .filterBar > .blocks > .block > .title span.applyCount {
    top: -1px;
  }
  .filterBar-wrapper .filterBar > .blocks > div.dropBlock {
    margin-right: 0 !important;
    float: none !important;
    position: absolute;
    top: 5px;
    right: 5px;
  }
}
@media (max-width: 440px) {
  .indexBar > .blocks > div > .title span {
    line-height: 12px;
    font-size: 12px;
  }
}
.topicView-container .seasonHead {
  white-space: nowrap;
  margin-bottom: 0;
  margin-top: 0;
  background-color: #f6f6f6;
  border-radius: 2px;
}
.topicView-container .seasonHead.hidden {
  display: none;
}
.topicView-container .seasonHead > div {
  display: inline-block;
  vertical-align: top;
}
.topicView-container .seasonHead > .icon {
  margin: 9px 10px;
  margin-bottom: 5px;
  width: auto;
  height: auto;
  overflow: hidden;
}
.topicView-container .seasonHead > .title {
  margin-top: 9px;
  padding-left: 4px;
  color: #fff;
}
.topicView-container .seasonHead > .title h3, .topicView-container .seasonHead > .title .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .topicView-container .seasonHead > .title .title, .topicView-container .seasonHead > .title .indexBar > .title, .topicView-container .seasonHead > .title .filterBar > .title {
  font-size: 20px;
}
.topicView-container .seasonHead > .title > .desc {
  color: #eee;
  margin-top: -2px;
  font-size: 14px;
}
.topicView-container.noIndexBar .seasonHead {
  display: none;
}
.topicView-container .seasonContent {
  padding-left: 0;
  padding-right: 0;
}
.topicView-container .seasonContent.hidden {
  display: none;
}
.topicView-container .seasonContent .breakLine {
  margin-top: 25px;
  margin-bottom: 25px;
}
.topicView-container .seasonContent:last-of-type .breakLine {
  display: none;
}
.topicView-container.noIndexBar .seasonContent .blockSeparator {
  display: none;
}
.topicView-container .topic-container {
  padding: 15px;
  display: table;
  background: #f6f6f6;
  border-radius: 5px 5px 0 0;
  position: relative;
  cursor: pointer;
}
.topicView-container .topic-container .badge {
  display: none;
}
.topicView-container .topic-container:hover {
  background: #f2f2f2;
}
.topicView-container .topic-container.new .badge {
  display: block;
  background: url("/img/project/singvogel/var/ribbon-triangle.png") no-repeat 0 0;
  width: 139px;
  z-index: 100;
  height: 139px;
  position: absolute;
  top: 0;
  left: 0px;
  cursor: pointer;
}
.topicView-container .release {
  margin-left: 9px !important;
  margin-right: 9px !important;
}
.topicView-container .release.openInLayer {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.topicView-container .release.open {
  margin-bottom: 0;
  /*border-bottom: 5px solid #f2f2f2;*/
}
.topicView-container .topic-container-outer {
  margin-bottom: 8px;
  background: #fff;
}
.topicView-container .topic-container-outer.hidden {
  display: none;
}
.topicView-container .topic-container-outer.open {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  margin-bottom: 20px;
  position: relative;
  border-radius: 15px;
  /*box-shadow: 0 0 15px rgba(0,0,0,.2);
  z-index: 11;
  background: #fff;*/
}
.topicView-container .topic {
  /*display: table-row;
  margin-bottom: 40px;*/
  position: relative;
}
.topicView-container .topic .block.topicIcon, .topicView-container .topic .block.text {
  display: table-cell;
  vertical-align: top;
}
.topicView-container .topic .block.topicIcon {
  cursor: pointer;
  padding-top: 5px;
  min-width: 160px;
}
.topicView-container .topic .block.topicIcon img {
  width: 160px;
  height: 160px;
  background: transparent;
}
.topicView-container .topic .block.text {
  padding-right: 25px;
  position: relative;
}
.topicView-container .topic .block.text .title .image-inner {
  display: none;
}
.topicView-container .topic .block.text .title .title-inner {
  padding-top: 4px;
}
.topicView-container .topic .block.text .description {
  margin-top: 8px;
  font-size: 15px;
}
.topicView-container .topic .block.text .description > .inner {
  max-width: 600px;
}
.topicView-container .topic.imageVisible .image-inner {
  display: table-cell;
  margin-bottom: 15px;
  padding-right: 20px;
}
.topicView-container .topic.imageVisible .image-inner .image-wrap {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  overflow: hidden;
}
.topicView-container .topic.imageVisible .image-inner img {
  width: auto !important;
  height: 152px;
  display: block;
  border: 10px solid #fff;
}
.topicView-container .topic .pre {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #5b89a4;
  color: #fff;
  padding: 3px 10px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
}
.topicView-container .children {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: height, opacity;
  transition-duration: 0.25s;
  border-radius: 0 0 5px 5px;
  border-top: 0;
  height: 0;
  overflow: hidden;
}
.topicView-container .children .children-wrap {
  border: 15px solid #f6f6f6;
}

#newsletterPlugin {
  padding-left: 3px;
}
#newsletterPlugin > div {
  display: none;
}
#newsletterPlugin .titleBar {
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  vertical-align: top;
  line-height: 23px !important;
}
#newsletterPlugin .titleBar:hover {
  text-decoration: underline;
}
#newsletterPlugin .icon {
  display: inline-block;
  margin-right: 15px;
}
#newsletterPlugin .window {
  position: absolute;
  display: none;
}
#newsletterPlugin.open .window {
  bottom: 45px;
  left: calc(-35% - 40px);
  padding-left: 0;
  background: #fff;
  margin: 0 auto;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding-bottom: 10px;
  display: block;
}
#newsletterPlugin.open .window .titleBar {
  background-color: #e83331;
  color: #fff;
  padding: 5px 12px;
  border-radius: 3px 3px 0 0;
  cursor: default !important;
  display: block;
}
#newsletterPlugin.open .window .titleBar:hover {
  text-decoration: none;
}
#newsletterPlugin.open .window .description {
  padding: 10px 5px 5px 12px;
  font-size: 14px;
}
#newsletterPlugin.open .window .message {
  display: none;
  font-size: 14px;
  padding: 8px 12px 5px;
}
#newsletterPlugin.open .window .message.error {
  padding: 7px 11px 8px;
  border-radius: 2px;
  margin: 5px 12px 10px;
  border: 2px solid #cc3333;
  background: #eee;
}
#newsletterPlugin.open .window .message.visible {
  display: block;
}
#newsletterPlugin.open .fieldSet {
  padding: 5px 12px;
  white-space: nowrap;
}
#newsletterPlugin.open .fieldSet > div {
  display: inline-block;
  vertical-align: top;
}
#newsletterPlugin.open .fieldSet .label {
  font-size: 14px;
  margin-right: 10px;
  line-height: 24px;
}
#newsletterPlugin.open .fieldSet .input input {
  padding-left: 4px;
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  line-height: 14px;
  border: 1px solid #ddd;
  font-family: KoHo;
  font-weight: 400;
  font-size: 14px;
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 4px 8px 6px;
  border-radius: 4px;
  height: 14px;
}
#newsletterPlugin.open .fieldSet .buttonBar {
  margin-left: 7px;
}
#newsletterPlugin.open .fieldSet .buttonBar a.button {
  font-size: 14px;
  padding: 3px 10px 4px;
}

#printWindow {
  position: fixed;
  z-index: 10000;
  top: 15%;
  left: 15%;
  right: 15%;
  bottom: 15%;
  border: 7px solid #ddd;
  background: #fff;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.32);
  padding: 35px 45px 25px 45px;
  overflow: auto;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 0;
}

.printFrame {
  position: relative;
}
.printFrame div.title {
  padding-bottom: 10px !important;
}
.printFrame .chordLine {
  margin-top: 10px !important;
}

#printWindow a.button, .printFrame a.button {
  display: none;
}
#printWindow .title, .printFrame .title {
  font-weight: 600;
  font-size: 24px;
}
#printWindow.visible, .printFrame.visible {
  opacity: 1;
}
#printWindow div.title, .printFrame div.title {
  font-weight: 600;
  font-size: 24px;
  padding-bottom: 10px;
}
#printWindow div.content .chordView, .printFrame div.content .chordView {
  display: block;
}
#printWindow div.content .chordView .printButton, .printFrame div.content .chordView .printButton {
  display: none;
}
#printWindow .chordView, .printFrame .chordView {
  display: block;
}
#printWindow .chordView .chordLine, .printFrame .chordView .chordLine {
  color: #33D;
  margin-top: 20px;
  margin-bottom: 3px;
}
#printWindow .chordView .pureTextLine, .printFrame .chordView .pureTextLine {
  display: none;
}
#printWindow .chordView .chordSet, .printFrame .chordView .chordSet {
  padding: 0;
}
#printWindow pre, .printFrame pre {
  font-size: 14px !important;
  font-weight: normal;
  line-height: 15px;
  font-family: "Roboto Mono";
  z-index: 5;
  position: relative;
}
#printWindow .logo, .printFrame .logo {
  position: absolute;
  left: 100px;
  top: 110px;
  z-index: 1;
  opacity: 0.05;
}
#printWindow .logo img, .printFrame .logo img {
  width: 200%;
  height: 200%;
}

#pageOverlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 0;
}
#pageOverlay.visible {
  opacity: 1;
}

.ytp-title, .ytp-watch-later-button, .ytp-share-button {
  display: none;
}

/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url(/img/core/icheck/red.png) no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_square-green {
  background-position: 0 0;
}

.icheckbox_square-green.hover {
  background-position: -24px 0;
}

.icheckbox_square-green.checked {
  background-position: -48px 0;
}

.icheckbox_square-green.disabled {
  background-position: -72px 0;
  cursor: default;
}

.icheckbox_square-green.checked.disabled {
  background-position: -96px 0;
}

.iradio_square-green {
  background-position: -120px 0;
}

.iradio_square-green.hover {
  background-position: -144px 0;
}

.iradio_square-green.checked {
  background-position: -168px 0;
}

.iradio_square-green.disabled {
  background-position: -192px 0;
  cursor: default;
}

.iradio_square-green.checked.disabled {
  background-position: -216px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dppx) {
  .icheckbox_square-green,
  .iradio_square-green {
    background-image: url(/img/core/icheck/red@2x.png);
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
.icheckbox_square-green.small {
  width: 15px;
  height: 15px;
  background: url(/img/core/icheck/green-small.png) no-repeat;
}

.icheckbox_square-green.small {
  background-position: 0 0;
}

.icheckbox_square-green.small.hover {
  background-position: -16px 0;
}

.icheckbox_square-green.small.checked {
  background-position: -32px 0;
}

.icheckbox_square-green.small.checked:hover,
.icheckbox_square-green.small.disabled {
  background-position: -48px 0;
}

.icheckbox_square-green.small.checked.disabled {
  background-position: -48px 0;
}

/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font-size: 13px;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
  width: 220px; /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 5px 5px;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  font-family: KoHo;
  font-size: 14px;
  font-weight: 400;
  height: 18px; /* Height of the drop down */
  line-height: 19px; /* Vertically positions the drop down text */
  text-align: left;
  display: block;
}

.selectboxit-container .selectboxit-options a {
  height: 22px;
  line-height: 22px;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* Button Text */
.selectboxit-text {
  text-indent: 0;
  padding-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100% !important; /* Minimum Width of the dropdown list box options */
  height: auto;
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 200px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 999999;
  border-radius: 4px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
  padding: 3px 1px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: 600;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 22px;
  position: absolute;
  right: 2px;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 40%;
  right: 0;
  left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}

.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #fafafa;
  background-repeat: repeat-x;
  border: 1px solid #ddd;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}

.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #999999;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
  color: #333333;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999;
}

#main-content ul.selectboxit-options {
  margin-left: 0 !important;
}

/* ---- */
/*******************************************************/
/******** GROUPED MEDIA QUERY OVERWRITES **************/
/*****************************************************/
@media (max-width: 960px) {
  .subscriptionPicker .subscription {
    margin-bottom: 35px !important;
    padding-top: 55px !important;
  }
  .subscriptionPicker .badge {
    transform: rotate(0deg) !important;
    top: 20px !important;
    left: 13% !important;
    right: 13% !important;
  }
  div.image {
    float: none !important;
  }
  div.image.float-right {
    margin-left: 0 !important;
  }
  div.image.float-left {
    margin-right: 0 !important;
  }
  .documentDownloadContainer .table .title {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .releaseView-container.slider .contentWrap {
    flex-wrap: wrap !important;
  }
  .releaseView-container.slider .contentWrap .content {
    max-width: 100% !important;
    min-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 5px !important;
    padding-bottom: 2px !important;
  }
  .releaseView-container.slider .releaseSlider .slide .head .right {
    margin-left: 0 !important;
    padding: 0 !important;
    width: 100%;
    margin-top: 0px;
  }
  .releaseView-container.slider .releaseSlider .slide .head .right:hover {
    background: #f2f2f2 !important;
  }
  .releaseView-container.slider .releaseSlider .content.mediaImage {
    min-width: 100% !important;
    max-width: 66% !important;
    margin-right: 5px;
  }
  .releaseView-container.slider .releaseSlider .mediaPreview .stage-placeholder-image .stage {
    width: 100%;
    width: calc(100% - 6px);
  }
  .releaseView-container.slider .releaseSlider .mediaPreview .stage-placeholder-image .stage .placeholder {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    border-left: 1px solid #eee;
    background: #fff;
  }
  .releaseView-container.slider .releaseSlider .mediaPreview .stage-placeholder-image .stage .placeholder img {
    box-shadow: none !important;
    padding: 15px 10px;
  }
  .releaseView-container.slider .releaseSlider .stage-container.stage-placeholder-image .stage .placeholder img {
    max-width: 90%;
  }
  .audioBar .controls .label {
    display: none !important;
    min-width: 25px !important;
  }
  .audioBar .item > div {
    padding-left: 7px !important;
    padding-right: 5px !important;
  }
  .audioBar .item > div.title {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .audioBar .item > div.download {
    padding-left: 1px !important;
  }
}
@media (max-width: 525px) {
  .innerContainer {
    overflow: visible !important;
  }
  .webForm .fieldSet-pair > div {
    float: none !important;
    margin-right: 0 !important;
  }
  .webForm .fieldSet-pair > div input {
    width: 100% !important;
  }
  .webForm .fieldSet .field .extraLong input {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .audioBar .volume {
    display: none !important;
  }
  .audioBar .item > .time {
    display: none !important;
  }
  .customerGate .responsive, .customerGate .responsive a {
    font-size: 15px !important;
  }
  .testimonialViewer .testimonial {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 640px) {
  .audioBar a.downloadLink {
    background-position: 0 3px;
    text-indent: 0 !important;
    width: 15px !important;
    height: 18px !important;
  }
  .audioBar a.downloadLink span {
    display: none !important;
  }
  .mc-image {
    float: none !important;
    margin-left: 0 !important;
    margin-top: 0px;
  }
  .chordView .chordSet {
    /*max-width: 100% !important;;
    margin-right: 10px !important;
    max-height: 300px !important;;
    overflow: auto !important;*/
  }
  .release.openInLayer .head .description {
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden;
  }
  .release.openInLayer .block.upper .pre {
    width: 60px !important;
  }
}
@media (max-width: 812px) {
  body {
    padding-top: 90px;
  }
  iframe body {
    padding-top: 0 !important;
  }
  #sidebar {
    margin-right: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 60px;
    background: #eee;
    z-index: 1001;
  }
  #sidebar .logo-container {
    margin-left: 8px;
  }
  #sidebar .logo-container .image {
    position: relative;
    top: 2px;
    left: 0;
  }
  #sidebar .logo-container .image img {
    width: 45px;
    height: auto;
  }
  #sidebar .logo-container .responsiveLogo {
    display: inline-block;
  }
  #sidebar .logo-container .responsiveTitle {
    display: block;
    position: absolute;
    top: 6px;
    left: 66px;
  }
  #sidebar .logo-container .responsiveTitle .upper {
    font-size: 26px;
    font-weight: 600;
    line-height: 29px;
    color: #e83331;
  }
  #sidebar .logo-container .responsiveTitle .lower {
    font-size: 15px;
    margin-top: -2px;
    line-height: 16px;
    color: #ec3a39;
  }
  #sidebar nav {
    position: absolute;
    top: 0;
    right: 0;
  }
  #sidebar nav .navigation.main {
    position: absolute;
    top: 30px;
    right: 0;
    background: #fff;
    right: 0px;
  }
  #sidebar nav .navigation.main > ul {
    -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -webkit-transition: all 360ms cubic-bezier(0.6, 1, 0, 0.845);
    -webkit-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -khtml-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -moz-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -ms-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    -o-transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    transition: all 360ms cubic-bezier(0.6, 1.63, 0, 0.845);
    padding: 10px 30px;
    margin-right: -350px;
  }
  #sidebar nav .navigation.main > ul > li {
    border-bottom: 1px solid #f2f2f2;
    padding: 0;
    padding-top: 7px;
    white-space: nowrap;
  }
  #sidebar nav .navigation.main > ul > li:last-child {
    border-bottom: 0;
  }
  #sidebar nav .navigation.main > ul > li a {
    padding: 0;
    font-size: 20px;
    line-height: 26px;
  }
  #sidebar nav .navigation.main > ul > li ul li a {
    font-size: 17px !important;
  }
  nav.open .responsive-menu {
    display: block;
    opacity: 0.25;
  }
  nav.open .navigation.main > ul {
    margin-right: 0 !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.19);
  }
  .responsive-menu {
    display: block;
    position: absolute;
    -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    opacity: 1;
    top: -46px;
    right: 25px;
    width: 40px;
    height: 32px;
  }
  .responsive-menu > span {
    display: block;
    width: 40px;
    height: 7px;
    margin-bottom: 5px;
    position: relative;
    background: #666;
    border-radius: 7px;
    z-index: 1;
    -webkit-transform-origin: 4px 0px;
    transform-origin: 4px 0px;
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  .responsive-menu input {
    display: block;
    width: 44px;
    height: 47px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }
  header {
    background: #f6f6f6;
    position: fixed;
    top: 59px;
    width: 100%;
    z-index: 1001;
    padding: 5px 0;
    border-top: 1px solid #e2e2e2;
    margin-right: 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13);
    line-height: 30px;
    height: 32px;
    overflow: visible;
    left: 0;
    right: 0;
  }
  header .authBlock {
    text-align: right;
    margin-right: 25px;
  }
  header .authBlock a {
    font-size: 17px;
    line-height: 22px;
    text-decoration: none !important;
  }
  .customerGate {
    font-size: 16px !important;
  }
  .customerGate .responsive {
    white-space: nowrap;
    display: block;
  }
  .customerGate .responsive strong {
    white-space: nowrap;
  }
  .customerGate .normal {
    display: none;
  }
  .modeSwitchBlock {
    position: absolute;
    top: 6px;
    left: 25px !important;
    margin-left: 0 !important;
    float: none !important;
    height: 30px;
  }
  .modeSwitchBlock .modeSwitch {
    font-size: 14px !important;
  }
  .modeSwitchBlock .modeSwitch .mode {
    float: left !important;
    border-right: 0 !important;
    margin-right: 5px !important;
  }
  .modeSwitchBlock .modeSwitch .mode a {
    text-decoration: underline !important;
  }
  #main-content {
    margin-top: 0px;
    padding-left: 25px;
  }
  .subscriptionPicker {
    display: block !important;
  }
  .subscriptionPicker .subscription {
    /*width: 100% !important;*/
    max-width: none !important;
    margin-bottom: 25px !important;
    flex: none !important;
    display: block !important;
    margin-right: 0 !important;
  }
  footer {
    position: relative;
    bottom: auto;
    left: 0;
  }
  footer .partnerLogo {
    position: relative;
    float: none !important;
    left: 25px !important;
    bottom: 60px;
    left: auto;
    display: inline-block;
  }
  footer .partnerLogo img {
    width: 150px !important;
  }
  footer .navigation.footer {
    position: absolute;
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    right: 0 !important;
    bottom: 0;
    background: #f2f2f2;
    padding: 12px 25px !important;
  }
  footer .navigation.footer ul > li {
    margin-right: 10px !important;
    border-right: 1px solid #bbb;
    padding-right: 10px !important;
    line-height: 14px;
  }
  footer .navigation.footer a {
    font-size: 17px !important;
  }
  /*    body > div > div.content .chordView {
          .chordSet {
              overflow: visible !important;
              max-height: auto !important;
              height: auto !important;
          }
      }*/
}
@media (max-width: 812px) and (max-width: 812px) {
  footer {
    min-width: 320px !important;
    clear: both;
    left: 0;
    right: 0;
    width: 100% !important;
  }
  footer ul {
    margin-top: 0 !important;
  }
  footer .socialIcons {
    position: absolute;
    right: 5px !important;
    bottom: 35px !important;
    z-index: 1;
    left: auto !important;
  }
  footer .partnerLogo {
    bottom: 50px;
    position: absolute;
  }
  footer .partnerLogo img {
    width: 130px !important;
  }
  footer .navigation.footer {
    position: relative;
    padding: 7px 25px 11px !important;
    white-space: nowrap;
  }
  footer .navigation.footer ul > li {
    padding: 0 !important;
    line-height: 13px;
    padding-right: 8px !important;
    border-right: 1px solid #bbb;
    margin-right: 4px !important;
    display: inline-block !important;
    float: none !important;
  }
  footer .navigation.footer a {
    font-size: 12px !important;
  }
  footer #newsletterPlugin .window {
    right: 7px;
    bottom: 36px !important;
    left: auto !important;
  }
}
@media (max-width: 812px) {
  .indexBar {
    top: 102px;
  }
  .releaseView-container .release .content > .media > .block.mediaIcon {
    display: none;
  }
  .releaseView-container .release .content .mediaDescription {
    background: none;
    padding-left: 0;
  }
  .releaseView-container .release .content .mediaDescription .clickArea {
    display: none;
  }
  .releaseView-container .release .buttonBar.sub {
    margin-left: 0;
  }
  .releaseView-container .chordView-container, .releaseView-container .fileDownload {
    padding-left: 0 !important;
    background-image: none !important;
  }
  .releaseView-container .release .content .chordSet pre {
    font-size: 14px !important;
  }
  .chords .title a.button {
    font-size: 12px !important;
    line-height: 14px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
  .chords .alignRight {
    position: relative !important;
    margin-top: 6px !important;
  }
  .releaseView-container .release > .block {
    width: 140px;
    display: block !important;
    float: left;
    margin-right: 20px;
    flex-flow: column;
  }
  .releaseView-container .release > .block img {
    width: 140px !important;
    height: 140px !important;
  }
  .releaseView-container .release > .block.text {
    width: auto;
    padding-right: 0;
    float: none;
    padding-left: 0 !important;
  }
  .releaseView-container .release > .block > .buttonBar .button.close.visible {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
  }
  .releaseView-container .release .head .description {
    font-size: 15px;
  }
  .releaseView-container .release.openInLayer .head .description {
    display: none !important;
  }
}
@media (max-width: 812px) and (max-width: 812px) {
  .releaseView-container .release .subTitle {
    margin-top: -1px !important;
    padding-top: 0 !important;
  }
  .releaseView-container .release .head > .block {
    margin-bottom: 0 !important;
  }
  .releaseView-container .release .block.upper {
    width: 90px;
  }
  .releaseView-container .release .block.upper img {
    width: 90px !important;
    height: auto !important;
  }
  .releaseView-container .release .block.upper img.placeholder-image {
    width: 100% !important;
    height: auto !important;
  }
  .releaseView-container .release .block.upper.text .description {
    font-size: 15px !important;
    line-height: 21px !important;
  }
  .releaseView-container .release .block.upper .pre {
    width: 102px !important;
  }
  .releaseView-container .release > .head > .block.text {
    padding-left: 0 !important;
  }
}
@media (max-width: 812px) and (max-width: 440px) {
  .releaseView-container .release h2 {
    font-size: 20px;
  }
  .releaseView-container .release h4, .releaseView-container .release .indexContainer .index .title, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release .content .chordViewer-container > .title, .releaseView-container .release #modalContentBox .title, #modalContentBox .releaseView-container .release .title {
    font-size: 15px;
  }
  .releaseView-container .release .block.text .description {
    font-size: 15px !important;
  }
}
@media (max-width: 812px) {
  .releaseView-container .release .content {
    clear: both;
  }
  .releaseView-container .release .placeholder .label {
    font-size: 12px !important;
    line-height: 16px !important;
    margin-top: 60px !important;
    width: 65% !important;
  }
}
@media (max-width: 812px) and (max-width: 440px) {
  .releaseView-container .release .placeholder .label {
    margin-top: 30px !important;
  }
}
@media (max-width: 812px) {
  a.button {
    padding: 5px 16px 5px !important;
    line-height: 16px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
  }
  .releaseView-container .release .content > .media .stage-container.stage-placeholder .stage .placeholder {
    background-size: 15%;
  }
  .topic-container .topic .block.text .title .title-inner {
    line-height: 25px;
  }
  .topic-container .topic .pre {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 8px;
  }
  .topic-container .topic .block.topicIcon {
    min-width: auto !important;
    z-index: 277;
    position: relative;
    float: left;
    display: block;
    margin-right: 17px;
    margin-bottom: 5px;
  }
  .topic-container .topic .block.topicIcon img {
    border: 1px solid #ddd;
    display: block;
    border-radius: 7px;
    overflow: hidden;
    width: 100px;
    height: auto;
  }
  .topic-container .topic .block.text {
    display: block;
    padding-left: 0;
  }
  .customerManagement {
    position: relative;
  }
  .customerManagement .column.left, .customerManagement .column.right {
    display: block;
  }
  .customerManagement .column.left .responseContainer, .customerManagement .column.right .responseContainer {
    background: none !important;
    display: none;
    position: fixed;
    top: 61px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: calc(100% - 61px);
    border: 0;
    margin: 0;
    z-index: 1000;
    max-width: none !important;
    float: none !important;
  }
  .customerManagement .column.left .responseContainer.visible, .customerManagement .column.right .responseContainer.visible {
    display: table;
  }
  .customerManagement .column.left .responseContainer .responseHolder, .customerManagement .column.right .responseContainer .responseHolder {
    display: table-cell;
    vertical-align: middle;
    opacity: 0.97 !important;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: #f2f2f2 !important;
    padding-left: 25px;
    padding-right: 25px;
  }
  .customerManagement .column.left .responseContainer .responseHolder > ul, .customerManagement .column.right .responseContainer .responseHolder > ul {
    list-style: none;
    margin-left: 0 !important;
  }
  .customerManagement .column.left .responseContainer .responseHolder .response, .customerManagement .column.right .responseContainer .responseHolder .response {
    background: none !important;
    width: 100%;
    height: 100%;
  }
  .subscriptionManagement select {
    font-size: 16px;
  }
  .subscriptionManagement table.subscriptionList {
    display: block !important;
  }
  .subscriptionManagement table.subscriptionList tbody {
    display: block !important;
  }
  .subscriptionManagement table.subscriptionList tr {
    display: block !important;
  }
  .subscriptionManagement table.subscriptionList tr.head {
    display: none !important;
  }
  .subscriptionManagement table.subscriptionList tr.open td {
    font-weight: normal !important;
  }
  .subscriptionManagement table.subscriptionList td {
    border-bottom: 0 !important;
    display: block !important;
  }
  .subscriptionManagement table.subscriptionList td.message {
    position: relative !important;
    top: 10px !important;
  }
  .subscriptionManagement table.subscriptionList td span {
    display: inline-block;
  }
  .subscriptionManagement table.subscriptionList td span.title {
    width: 160px;
    margin-right: 15px;
    font-weight: 600;
    display: inline-block !important;
  }
  .subscriptionManagement table.subscriptionList td.subscriptionDetails > span {
    /*padding-left: 175px;*/
    display: table-cell !important;
  }
  .subscriptionManagement table.subscriptionList td.subscriptionDetails-outerWrapper {
    display: none !important;
  }
  .subscriptionManagement .subscriptionList .entry .col {
    padding: 1px 0px !important;
    border-bottom: 0 !important;
    white-space: nowrap;
  }
  .subscriptionManagement .subscriptionList .entry .col.alignRight {
    text-align: left !important;
  }
  .subscriptionManagement .subscriptionList .entry .col.first {
    width: auto;
  }
  .subscriptionManagement .subscriptionList .entry .col.first a {
    color: #666;
    cursor: default !important;
  }
  .subscriptionManagement .subscriptionList .entry .col.freq {
    display: none !important;
  }
  .subscriptionManagement .subscriptionList .entry .col.actions {
    margin-top: 10px;
    border-top: 2px solid #eee !important;
    padding-top: 23px !important;
  }
  .subscriptionManagement .subscriptionList .entry.open .col {
    background: none !important;
  }
  .subscriptionManagement table.subscriptionList .unitInfo {
    padding-bottom: 3px;
  }
  .subscriptionManagement table.subscriptionList td.col.subscriptionDetails {
    position: relative;
    padding-bottom: 2px !important;
    top: -8px;
  }
  .subscriptionManagement table.subscriptionList td.col.subscriptionDetails .lbl {
    padding-top: 8px !important;
    font-weight: 600;
    width: 175px;
  }
  .subscriptionManagement table.subscriptionList td.col.subscriptionDetails .unit {
    display: inline-block;
  }
  #modalContentBox {
    width: 100%;
    height: 100%;
    top: 102px !important;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
  }
  #modalContentBox .cancellationForm .title {
    white-space: nowrap;
  }
  .cart.full .voucherEntry-container .voucherEntry .button {
    float: none;
    margin-top: 12px;
    margin-bottom: 10px;
  }
  #voucherSubmitButton a.button {
    line-height: 18px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .chordView .printButton {
    display: none !important;
  }
  #main-wrapper > .wrap-inner {
    display: block !important;
  }
  .release > .head > .block.upper .releaseIcon {
    min-width: 108px !important;
  }
  .release > .head > .block.text {
    transition: none !important;
  }
  .release.openInLayer .block.text .title-inner {
    line-height: 24px !important;
    padding-bottom: 4px;
  }
  .release.openInLayer > .head > .block.text {
    padding-left: 15px !important;
  }
  .release.openInLayer .block.upper {
    width: 55px;
  }
  .release.openInLayer .block.upper .releaseIcon, .release.openInLayer .block.upper .releaseIcon img {
    width: 47px !important;
    min-width: 47px !important;
  }
  .release.openInLayer .head > .block.upper {
    padding-right: 7px !important;
  }
  .release.openInLayer > .head > .block.text {
    padding-left: 8px !important;
  }
  .release.openInLayer > .head > .block.text .title-inner h2 {
    font-size: 21px !important;
    line-height: 23px !important;
  }
  .release.openInLayer > .head {
    padding: 15px !important;
  }
  .release.openInLayer > .head > .block > .subTitle {
    padding-top: 0 !important;
  }
  .release.openInLayer .indexContainer {
    display: none;
    position: absolute;
  }
  .release.openInLayer .chordToggler, .release.openInLayer .printTrigger {
    display: none !important;
  }
  .release.openInLayer .printTrigger {
    display: block !important;
    margin-left: 0 !important;
    position: relative;
    top: 1px;
    right: 0;
  }
  .release.openInLayer .printTrigger span {
    display: none !important;
  }
  .release.openInLayer .printTrigger span.responsive {
    display: block !important;
  }
  .release.openInLayer .badge {
    background-size: 100% !important;
    width: 59px !important;
    height: 59px !important;
  }
  .release.openInLayer .mediaGroup {
    margin-top: 12px !important;
  }
  .release.openInLayer .mediaGroup .mediaContainer {
    top: -9px;
    position: relative;
  }
  .release.openInLayer .head {
    border-bottom: 2px solid #eee;
    padding-top: 20px;
  }
  .release.openInLayer ul.mediaTabs {
    padding-right: 19px !important;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px !important;
  }
  .release.openInLayer ul.mediaTabs li:last-child {
    border-bottom: 0 !important;
  }
  .release.openInLayer ul.mediaTabs li, .release.openInLayer ul.mediaTabs li.active {
    white-space: nowrap;
    display: block !important;
    background: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #e2e2e2;
    padding-left: 0 !important;
    margin-right: 5px !important;
    padding-bottom: 6px !important;
  }
  .release.openInLayer ul.mediaTabs li:last-child, .release.openInLayer ul.mediaTabs li.active:last-child {
    flex-grow: 1;
  }
  .release.openInLayer ul.mediaTabs li:only-child, .release.openInLayer ul.mediaTabs li.active:only-child {
    flex-grow: 1;
  }
  .release.openInLayer ul.mediaTabs li a, .release.openInLayer ul.mediaTabs li.active a {
    top: 0 !important;
    font-size: 18px !important;
    line-height: 30px !important;
  }
  .release.openInLayer .documentDownloadContainer .table .title {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 812px) and (max-width: 640px) {
  .release.openInLayer .documentDownloadContainer .table .pageCount {
    display: none !important;
  }
  .release.openInLayer ul.mediaTabs li a, .release.openInLayer ul.mediaTabs li.active a {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
@media (max-width: 812px) {
  .closeButton {
    font-size: 22px !important;
  }
}
@media (max-width: 440px) {
  .moduleContainer.textAndImage .mc-image {
    float: none;
  }
  .filterBar.open .filterSets {
    flex-flow: column;
  }
  .filterBar.open .filterSets .filterSet {
    padding-bottom: 5px !important;
  }
  .audioBar .item > div.title {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 333px) {
  .customerGate .responsive strong {
    display: none;
  }
}
@media (max-width: 1065px) {
  footer .socialIcons {
    border-top: 0;
    position: absolute;
    bottom: -3px;
    right: 20px;
    width: 102px;
    border-left: 0 !important;
  }
  footer .navigation.footer {
    right: 20px;
  }
  footer #newsletterPlugin > .titleBar {
    display: none;
  }
  .non-responsive img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
  }
  .hideInResponsive {
    display: none !important;
  }
  .topicView-container .topic .pre {
    position: relative;
    padding: 4px 9px 5px;
    font-weight: normal !important;
    line-height: 16px;
    margin-top: 4px;
    border-radius: 7px;
    text-align: center !important;
    top: 0;
    left: 0;
    margin-bottom: 5px;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .topic-container .topic .image-inner {
    float: left !important;
    display: block !important;
  }
  .releaseView-container .block .pre {
    position: relative !important;
    top: 0 !important;
    right: auto !important;
    left: 0 !important;
    text-align: center !important;
  }
  .releaseView-container .release.openInLayer .pre {
    display: none;
  }
  .releaseView-container .release.openInLayer .title h2 {
    font-size: 21px;
  }
  .releaseView-container .release.openInLayer .subTitle {
    padding-top: 2px !important;
  }
  .releaseView-container .release.openInLayer .subTitle h4, .releaseView-container .release.openInLayer .subTitle .indexContainer .index .title, .releaseView-container .release.openInLayer .indexContainer .index .subTitle .title, .releaseView-container .release.openInLayer .subTitle .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release.openInLayer .content .mediaContainer .mediaDescriptionContainer .subTitle .mediaDescriptionTitle, .releaseView-container .release.openInLayer .subTitle .content .chordViewer-container > .title, .releaseView-container .release.openInLayer .content .subTitle .chordViewer-container > .title, .releaseView-container .release.openInLayer .subTitle #modalContentBox .title, #modalContentBox .releaseView-container .release.openInLayer .subTitle .title {
    font-size: 14px;
  }
  .releaseView-container .release.openInLayer .pre.responsive {
    display: inline-block !important;
    vertical-align: middle;
  }
  .releaseView-container .release.openInLayer .description {
    margin-top: 4px !important;
    font-size: 14px !important;
  }
  .releaseView-container .release.openInLayer .releaseIcon, .releaseView-container .release.openInLayer .releaseIcon img {
    width: 89px !important;
    min-width: 89px !important;
  }
  .releaseView-container .release.openInLayer .indexContainer {
    top: 124px;
  }
  div.image img {
    width: 100%;
    height: auto;
  }
  .customerLogin .fields {
    margin-right: 0 !important;
  }
  .release.openInLayer {
    width: auto !important;
    left: 0;
    right: 0;
    top: 0 !important;
    bottom: 0 !important;
    border-radius: 0 !important;
  }
}
@media (max-width: 440px) {
  .releaseView-container .release > .block {
    width: 95px !important;
  }
  .releaseView-container .release > .block.text {
    width: auto !important;
  }
  .releaseView-container .release > .block > .releaseIcon img {
    width: 95px !important;
    height: auto !important;
  }
  .releaseView-container.slider .releaseSlider .slide.new .badge {
    margin-top: 7px;
  }
  .release.openInLayer .documentDownloadContainer .table .fileSize {
    display: none !important;
  }
}
@media (max-width: 812px) and (max-height: 375px) {
  .release.openInLayer .head {
    padding: 5px 5px 5px 5px !important;
    padding-bottom: 7px !important;
  }
  .release.openInLayer .head .block.upper {
    position: relative;
    top: 2px;
    left: 3px;
    width: 54px;
  }
  .release.openInLayer .head .block.upper .releaseIcon, .release.openInLayer .head .block.upper .releaseIcon img {
    min-width: 48px !important;
    width: 48px !important;
  }
  .release.openInLayer .head .block.text .title .title-inner {
    padding-bottom: 0 !important;
    padding-top: 4px !important;
  }
  .release.openInLayer .head .block.text .title .title-inner h2 {
    font-size: 22px !important;
  }
  .release.openInLayer .head .subTitle {
    float: left !important;
    -webkit-text-size-adjust: 100%;
    padding-right: 5px;
  }
  .release.openInLayer .head .subTitle > h4, .releaseView-container .release.openInLayer .head .indexContainer .index .subTitle > .title, .releaseView-container .release.openInLayer .indexContainer .index .head .subTitle > .title, .releaseView-container .release.openInLayer .head .content .mediaContainer .mediaDescriptionContainer .subTitle > .mediaDescriptionTitle, .releaseView-container .release.openInLayer .content .mediaContainer .mediaDescriptionContainer .head .subTitle > .mediaDescriptionTitle, .releaseView-container .release.openInLayer .head .content .chordViewer-container.subTitle > .title, .releaseView-container .release.openInLayer .content .head .chordViewer-container.subTitle > .title, .release.openInLayer .head #modalContentBox .subTitle > .title, #modalContentBox .release.openInLayer .head .subTitle > .title {
    font-size: 14px !important;
    -webkit-text-size-adjust: 100%;
  }
  .release.openInLayer .head .description {
    display: none !important;
  }
  .release.openInLayer .head .pre.responsive {
    font-size: 14px !important;
    float: left;
  }
  .release.openInLayer .head .pre.responsive::before {
    content: "/";
  }
  .release.openInLayer .head .badge {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .topicView-container .topic.imageVisible .image-inner img {
    height: 100px;
  }
  .topicView-container .topic-container.new .badge {
    background-size: 55%;
  }
}
@media (max-width: 812px) and (max-height: 414px) {
  .mediaEmbed {
    max-width: 60%;
  }
}

/*# sourceMappingURL=core.css.map */