html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-size: 100%;
  font-weight: normal; }


input {
  outline: none;
  vertical-align: middle; }
  input[type="radio"] {
    vertical-align: text-bottom; }
  input[type="checkbox"] {
    vertical-align: bottom; }

input, select, textarea {
  font: 99% sans-serif; }

html {
  box-sizing: border-box; }

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

html *, html *:after, html *:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  background: #eaeaea;
  color: #2c3643;
  font: 400 14px/18px "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  height: auto;
  min-height: 100vh;
  padding: 30px 0;
  position: relative;
  overflow-x: hidden; }

h1 {
  border-bottom: 1px solid #f2f0ed;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  margin-bottom: 30px;
  padding: 20px;
  text-align: center;
  text-transform: uppercase; }

p, fieldset {
  color: #6d737c;
  margin: 0 30px 30px; }

a {
  color: #6d737c; }
  a:hover {
    color: #878d95; }

table {
  margin: 0 0 30px;
  width: 100%; }
  table.table-zebra tr:nth-child(even) {
    background: #fafafa; }
  table th, table td {
    color: #2c3643;
    font: 400 14px/24px "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 5px 15px;
    text-align: left;
    vertical-align: top; }
  table th {
    color: #666;
    font: 400 12px/24px "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase; }
  table th:first-child, table td:first-child {
    padding-left: 30px; }
  table th:last-child, table td:last-child {
    padding-right: 30px; }

.align-center {
  text-align: center; }

.hide {
  display: none; }

.hide-with-zero-opacity, .hide-with-zero-height, .hide-with-zero-width {
  display: block;
  overflow: hidden; }

.hide-with-zero-opacity.hide {
  opacity: 0; }

.hide-with-zero-height.hide {
  max-height: 0; }

.hide-with-zero-width.hide {
  width: 0; }

/*
 * === INPUTS ===
 */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"] {
  background: #fcfcfc;
  border: 1px solid #CCCAC8;
  border-radius: 3px;
  color: #2C3643;
  font: 400 14px/26px "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  height: 38px;
  padding: 5px 12px;
  width: 100%; }
  input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="tel"]:focus {
    background: #fff !important;
    border-color: #77CC00; }
  .input-valid input[type="text"], .input-invalid input[type="text"], .input-valid input[type="email"], .input-invalid input[type="email"], .input-valid input[type="url"], .input-invalid input[type="url"], .input-valid input[type="password"], .input-invalid input[type="password"], .input-valid input[type="tel"], .input-invalid input[type="tel"] {
    padding-right: 26px; }
  .input-invalid input[type="text"], .input-invalid input[type="email"], .input-invalid input[type="url"], .input-invalid input[type="password"], .input-invalid input[type="tel"] {
    background: #fffafa;
    border-color: #F9ABAB; }
    .input-invalid input[type="text"]:focus, .input-invalid input[type="email"]:focus, .input-invalid input[type="url"]:focus, .input-invalid input[type="password"]:focus, .input-invalid input[type="tel"]:focus {
      border-color: #E68181; }

.input-valid:before {
  background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
  background-position: 0px -10px;
  width: 10px;
  height: 9px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  position: relative;
  float: right;
  top: 36px;
  right: 12px;
  content: " "; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .input-valid:before {
      background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
      background-size: 55px 546px; } }

.input-invalid:before {
  background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
  background-position: 0px 0px;
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  position: relative;
  float: right;
  top: 38px;
  right: 12px;
  content: " "; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .input-invalid:before {
      background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
      background-size: 55px 546px; } }

#body .next-step-indicator {
  position: absolute;
  margin-left: 4px;
  margin-top: -1px;
  font-size: 20px; }
#body.form-valid .next-step-indicator {
  animation-name: scale;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; }

@keyframes scale {
  from {
    transform: translate(0, 0);
    opacity: 0; }
  70% {
    transform: translate(7px, 0);
    opacity: 1; }
  to {
    transform: translate(10px, 0);
    opacity: 0; } }
fieldset input[type="text"], fieldset input[type="email"], fieldset input[type="url"], fieldset input[type="password"], fieldset input[type="tel"] {
  margin: 5px 0 10px; }
fieldset label:last-child input[type="text"], fieldset label:last-child input[type="email"], fieldset label:last-child input[type="url"], fieldset label:last-child input[type="password"], fieldset label:last-child input[type="tel"] {
  margin-bottom: 0; }
fieldset label input[type="checkbox"] {
  margin: 4px 2px 4px 0; }
fieldset .fieldset-two-columns label:first-child {
  float: left;
  width: 65%; }
fieldset .fieldset-two-columns label:last-child {
  float: right;
  width: 30%; }
fieldset .fieldset-two-columns label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
fieldset .fieldset-two-columns input {
  display: block; }
fieldset .fieldset-two-columns:after {
  content: "";
  display: block;
  clear: both; }

.button {
  background: #7c0;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font: 600 14px/22px "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 15px 30px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .button:hover {
    background: #7ad100; }
  .button:active {
    background: #74c700; }
  .button:disabled {
    background: #a3d65c;
    cursor: default; }

.button-secondary {
  background: #fafafa;
  color: #7b7c7e;
  font-weight: 400; }
  .button-secondary:hover {
    background: #fdfdfd; }
  .button-secondary:active {
    background: #f7f7f7; }
  .button-secondary:disabled {
    background: white;
    cursor: default; }

.copyable {
  cursor: pointer;
  transition: background-color .1s ease; }
  .copyable.zeroclipboard-is-active {
    cursor: copy;
    background: #b1d7fe;
    transition: background-color .3s ease; }

.small {
  font-size: 88%; }

::-webkit-input-placeholder {
  color: rgba(44, 54, 67, 0.3); }

:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(44, 54, 67, 0.3); }

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(44, 54, 67, 0.3); }

:-ms-input-placeholder {
  color: rgba(44, 54, 67, 0.3); }

/*
 * === CUSTOMIZATIONS ===
 */
#wallpaper {
  background: transparent center top no-repeat;
  background-size: cover;
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
  #wallpaper #wallpaper-shroud {
    background: #000;
    bottom: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0; }

#logo {
  display: block;
  visibility: hidden;
  height: 75px;
  margin: 0 auto 30px;
  position: relative;
  width: 320px; }
  #logo #logo-retina {
    background: transparent center center no-repeat;
    height: 150px;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    left: 50%;
    margin: -75px 0 0 -320px;
    position: absolute;
    top: 50%;
    transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    width: 640px; }

/*
 * === CONTAINER ===
 */
#container {
  border-radius: 6px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  position: relative;
  margin-top: 105px;
  width: 380px; }

#header {
  background: #464646;
  border-top: 1px solid rgba(158, 158, 158, 0.25);
  border-radius: 6px 6px 0 0;
  color: #fff;
  overflow: hidden;
  padding: 23px 30px;
  height: 90px;
  position: relative; }
  #header:after {
    content: "";
    display: block;
    clear: both; }

#header-blurred-wallpaper {
  background: rgba(53, 53, 53, 0.43) center top no-repeat;
  background-size: cover;
  display: none;
  filter: blur(12px) brightness(36%) invert(0.12);
  -webkit-filter: blur(12px) brightness(36%) invert(0.12);
  height: 100vh;
  left: -50vw;
  margin-left: 190px;
  position: absolute;
  top: -30px;
  width: 100vw;
  margin-top: -107px; }
  @media screen and (max-height: 700px) {
    #header-blurred-wallpaper {
      margin-top: -87px; } }
  html[data-useragent*='MSIE'] #header-blurred-wallpaper, html[data-useragent*='Trident'] #header-blurred-wallpaper, html[data-useragent*='Edge'] #header-blurred-wallpaper {
    top: -383px;
    filter: none;
    background-image: none !important; }

#header-info {
  float: left;
  font-size: 18px;
  line-height: 22px;
  max-width: 65%;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  #header-info strong {
    display: block;
    font-size: 15px;
    font-weight: 400;
    opacity: .6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #header-info.header-info-big {
    font-size: 14px; }

#header-amount {
  float: right;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 38px;
  max-width: 34%;
  text-align: right;
  position: relative;
  white-space: nowrap; }
  #header-amount sup {
    font-size: 15px;
    position: relative;
    letter-spacing: 0;
    top: -12px; }
  #header-amount.header-amount-big {
    font-size: 24px; }
    #header-amount.header-amount-big sup {
      font-size: 12px;
      top: -8px; }

#body {
  background: #fff;
  border-radius: 0 0 6px 6px;
  color: #2c3643;
  position: relative; }

#body-shroud {
  background: rgba(255, 255, 255, 0.35);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

#wait {
  border: 5px solid #7c0;
  border-bottom-color: #e4f5cc;
  border-radius: 100%;
  height: 50px;
  margin: 60px auto;
  width: 50px;
  animation: spin 1s linear infinite; }

@keyframes spin {
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
#footer {
  min-height: 1px; }
  #footer .button {
    border-radius: 0 0 6px 6px;
    display: block;
    float: left;
    padding-left: 0;
    padding-right: 0;
    width: 100%; }
    #footer .button.button-secondary {
      border-top: 1px solid #f2f0ed;
      padding-top: 14px; }
    #footer .button.button-half {
      width: 50%; }
      #footer .button.button-half:first-child {
        border-radius: 0 0 0 6px; }
      #footer .button.button-half:last-child {
        border-radius: 0 0 6px 0; }
  #footer:after {
    content: "";
    display: block;
    clear: both; }

#provider-notice {
  color: #71747b;
  margin: 35px auto 0;
  line-height: 24px;
  position: relative;
  text-align: center; }
  #provider-notice a {
    color: inherit;
    font-weight: 600;
    text-decoration: none; }
  #provider-notice a:hover {
    text-decoration: underline; }
  #provider-notice label, #provider-notice select {
    display: inline-block;
    color: inherit;
    font-size: 14px;
    height: 20px;
    padding: 0;
    margin: 0; }
  #provider-notice select {
    font-size: 13px;
    border: 0;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    margin-bottom: 4px; }
    html[data-useragent*='MSIE'] #provider-notice select, html[data-useragent*='Trident'] #provider-notice select, html[data-useragent*='Edge'] #provider-notice select {
      margin-bottom: 0;
      color: #000;
      background: #fff;
      border-radius: 4px;
      padding: 1px 4px; }
    #provider-notice select:hover {
      text-decoration: underline; }

#cancel-button {
  margin: 30px auto 20px;
  position: relative;
  text-align: center; }
  #cancel-button .button {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 14px;
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0 10px;
    text-decoration: none; }
    #cancel-button .button:hover {
      background: rgba(0, 0, 0, 0.5);
      color: #fff; }
    #cancel-button .button:active {
      background: rgba(0, 0, 0, 0.6); }

.hint-toggle {
  border: 1px solid #7c0;
  border-radius: 3px;
  color: #7c0;
  cursor: pointer;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  margin-left: 5px;
  padding: 0 4px;
  vertical-align: middle; }
  .hint-toggle:hover {
    border-color: #80db00;
    color: #80db00; }
  .hint-toggle:active {
    border-color: #6ebd00;
    color: #6ebd00; }

.hint {
  margin: -30px 30px 30px;
  max-height: 400px;
  overflow: hidden;
  transition: max-height .4s; }
  .hint .hint-body {
    background: #fffdfa;
    border: 1px solid #f2f0ed;
    border-radius: 4px;
    color: #71747b;
    float: left;
    font: 400 13px/18px "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin: 8px 0 0;
    padding: 15px 20px;
    position: relative; }
    .hint .hint-body .hint-body-arrow {
      height: 9px;
      display: block;
      left: 20px;
      overflow: hidden;
      position: absolute;
      top: -9px;
      width: 16px; }
      .hint .hint-body .hint-body-arrow:before, .hint .hint-body .hint-body-arrow:after {
        border: 8px solid transparent;
        border-bottom-color: #f2f0ed;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: -8px; }
      .hint .hint-body .hint-body-arrow:after {
        border-bottom-color: #fffdfa;
        top: -7px; }
  .hint:after {
    content: "";
    display: block;
    clear: both; }

.infobox, .errorbox, .successbox, .codebox, .warningbox {
  align-items: center;
  background: #eda02b;
  border-bottom: 1px solid #f2f0ed;
  color: #fff;
  font: 600 13px/18px "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  margin: -30px 0 30px;
  min-height: 57px;
  padding: 15px 30px 15px 70px;
  position: relative; }
  .infobox:before, .errorbox:before, .successbox:before, .codebox:before, .warningbox:before {
    content: "";
    display: block;
    background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
    background-position: 0px -90px;
    width: 30px;
    height: 27px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 27px;
    left: 30px;
    position: absolute;
    top: 15px;
    width: 30px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
      .infobox:before, .errorbox:before, .successbox:before, .codebox:before, .warningbox:before {
        background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
        background-size: 55px 546px; } }
  .infobox p, .infobox ul, .errorbox p, .errorbox ul, .successbox p, .successbox ul, .codebox p, .codebox ul, .warningbox p, .warningbox ul {
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0; }
  .infobox a, .errorbox a, .successbox a, .codebox a, .warningbox a {
    color: inherit; }
  .infobox abbr, .errorbox abbr, .successbox abbr, .codebox abbr, .warningbox abbr {
    border-color: #fff; }

.errorbox {
  background: #ed5454; }
  .errorbox:before {
    content: "";
    display: block;
    background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
    background-position: 0px -61px;
    width: 30px;
    height: 27px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
      .errorbox:before {
        background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
        background-size: 55px 546px; } }

.successbox {
  background: #6bcc50; }

/*
 * === PAYMENT METHOD SELECTION ===
 */
.buttons-grid li {
  border-bottom: 1px solid #f2f0ed;
  border-right: 1px solid #f2f0ed;
  float: left;
  text-align: center;
  width: 50%; }
  .buttons-grid li:nth-child(even) {
    border-right: 0; }
  .buttons-grid li:nth-last-child(2) {
    border-bottom-width: 0; }
  .buttons-grid li:nth-child(even) {
    border-bottom-width: 1px; }
  .buttons-grid li:last-child {
    border-bottom: 0; }
  .buttons-grid li button {
    background: #fff;
    border: none;
    color: #4e525c;
    display: block;
    font: 400 14px/18px "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    height: 120px;
    margin: 5px auto;
    padding: 0;
    width: 178px; }
    .buttons-grid li button:before {
      content: "";
      display: block;
      background: transparent 0 0 no-repeat;
      height: 37px;
      margin: 0 auto 10px;
      width: 55px; }
    .buttons-grid li button.grid-button-banktransfer:before {
      background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
      background-position: 0px -119px;
      width: 55px;
      height: 37px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: inline-block;
      display: block; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
        .buttons-grid li button.grid-button-banktransfer:before {
          background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
          background-size: 55px 546px; } }
    .buttons-grid li button.grid-button-belfius:before {
      background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
      background-position: 0px -197px;
      width: 55px;
      height: 37px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: inline-block;
      display: block; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
        .buttons-grid li button.grid-button-belfius:before {
          background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
          background-size: 55px 546px; } }
    .buttons-grid li button.grid-button-bitcoin:before {
      background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
      background-position: 0px -158px;
      width: 55px;
      height: 37px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: inline-block;
      display: block; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
        .buttons-grid li button.grid-button-bitcoin:before {
          background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
          background-size: 55px 546px; } }
    .buttons-grid li button.grid-button-creditcard:before {
      background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
      background-position: 0px -236px;
      width: 55px;
      height: 37px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: inline-block;
      display: block; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
        .buttons-grid li button.grid-button-creditcard:before {
          background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
          background-size: 55px 546px; } }
    .buttons-grid li button.grid-button-directdebit:before {
      background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
      background-position: 0px -470px;
      width: 55px;
      height: 37px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: inline-block;
      display: block; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
        .buttons-grid li button.grid-button-directdebit:before {
          background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
          background-size: 55px 546px; } }
    .buttons-grid li button.grid-button-ideal:before {
      background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
      background-position: 0px -275px;
      width: 55px;
      height: 37px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: inline-block;
      display: block; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
        .buttons-grid li button.grid-button-ideal:before {
          background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
          background-size: 55px 546px; } }
    .buttons-grid li button.grid-button-mistercash:before {
      background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
      background-position: 0px -314px;
      width: 55px;
      height: 37px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: inline-block;
      display: block; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
        .buttons-grid li button.grid-button-mistercash:before {
          background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
          background-size: 55px 546px; } }
    .buttons-grid li button.grid-button-paypal:before {
      background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
      background-position: 0px -353px;
      width: 55px;
      height: 37px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: inline-block;
      display: block; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
        .buttons-grid li button.grid-button-paypal:before {
          background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
          background-size: 55px 546px; } }
    .buttons-grid li button.grid-button-paysafecard:before {
      background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
      background-position: 0px -392px;
      width: 55px;
      height: 37px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: inline-block;
      display: block; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
        .buttons-grid li button.grid-button-paysafecard:before {
          background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
          background-size: 55px 546px; } }
    .buttons-grid li button.grid-button-podiumcadeaukaart:before {
      background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
      background-position: 0px -431px;
      width: 55px;
      height: 37px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: inline-block;
      display: block; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
        .buttons-grid li button.grid-button-podiumcadeaukaart:before {
          background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
          background-size: 55px 546px; } }
    .buttons-grid li button.grid-button-sofort:before {
      background-image: url("../images/checkout/v2/payment-method-icons-t=1462784929166.png");
      background-position: 0px -509px;
      width: 55px;
      height: 37px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: inline-block;
      display: block; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
        .buttons-grid li button.grid-button-sofort:before {
          background-image: url("../images/checkout/v2/payment-method-icons@2x-t=1462784929169.png");
          background-size: 55px 546px; } }
    .buttons-grid li button:hover, .buttons-grid li button:focus {
      background: #f6f6f6; }
    .buttons-grid li button:active, .buttons-grid li button.active {
      background: #F5F9F4; }
.buttons-grid:after {
  content: "";
  display: block;
  clear: both; }

body.body-icon-grid h1, body.body-icon-grid .infobox, body.body-icon-grid .errorbox, body.body-icon-grid .successbox, body.body-icon-grid .warningbox {
  margin-bottom: 0;
  margin-top: 0; }

  span {
    position: relative;
    color: #464646;
    width: 50px;
    font-size: 40px;
    text-align: center;
    float: right;
    margin-top: -48px;
    padding-top: 14px;
    padding-bottom: 17px;
    border-bottom-right-radius: 7px;
    cursor: not-allowed;
  }

  span:hover {
    /*background-color: #F5F9F4;*/
    background-color: #F6F6F6;
  }


@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/proxima/proximanova_regular.eot");
  src: local("Proxima Nova Regular"), url("../assets/fonts/proxima/proximanova_regular.woff") format("woff"), url("../assets/fonts/proxima/proximanova_regular.ttf") format("truetype"); }
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 600;
  src: url("../assets/fonts/proxima/proximanova_semibold.eot");
  src: local("Proxima Nova Semibold"), url("../assets/fonts/proxima/proximanova_semibold.woff") format("woff"), url("../assets/fonts/proxima/proximanova_semibold.ttf") format("truetype"); }