body {
  background: #f7f6fa;
  font-size: 1.2em; }
  @media (min-width: 768px) {
    body {
      background: #fff;
      /*font-size: 1.3em;*/ } }

header,
footer {
  background: #fff; }

footer {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px; }

.customer-care-block {
  background: #3171b6;
  border-radius: 5px;
  box-shadow: 0 3px 6px -3px #aaa;
  color: #fff;
  font-size: .9em;
  line-height: 2;
  margin: 15px 0;
  padding: 10px; }
  @media (min-width: 1260px) {
    .customer-care-block {
      font-size: 1em; } }
  .customer-care-block img {
    float: left;
    padding: 0 10px 0 0; }
  .customer-care-block a {
    color: #fff;
    text-decoration: underline; }

.order-button {
  border: 1px solid #56b64a;
  border-bottom: 2px solid #3d9b40;
  border-radius: 5px;
  box-shadow: 0 2px 2px -2px #3d9b40;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  padding: 0 8px;
  position: relative;
  vertical-align: top;
  width: auto; }
  @media (min-width: 379px) {
    .order-button {
      margin-left: 8px; } }
  @media (min-width: 768px) {
    .order-button {
      height: auto;
      padding: 5px 20px; } }
  @media (min-width: 992px) {
    .order-button {
      font-size: 1.2em;
      padding: 8px 20px; } }

.order-button::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='38' viewBox='0 0 30 38'%3E%3Cmetadata%3E%3C?xpacket begin=' ' id='W5M0MpCehiHzreSzNTczkc9d'?%3E%3Cx:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c140 79.160451, 2017/05/06-01:08:21 '%3E%3Crdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Crdf:Description rdf:about=''/%3E%3C/rdf:RDF%3E%3C/x:xmpmeta%3E%3C?xpacket end='w'?%3E%3C/metadata%3E%3Cdefs%3E%3Cstyle%3E .cls-1 { fill: %23fff; fill-rule: evenodd; } %3C/style%3E%3C/defs%3E%3Cpath id='Polygon_1' data-name='Polygon 1' class='cls-1' d='M30,18.5L0,37V0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  color: #ffffff;
  font-size: .8em;
  height: 10px;
  margin-left: 5px;
  position: relative;
  width: 8px; }
  @media (min-width: 768px) {
    .order-button::after {
      height: 13px;
      top: 2px;
      width: 10px; } }

.product-block {
  position: relative; }
  @media (min-width: 768px) {
    .product-block {
      display: flex;
      float: left;
      width: 49.9%;
      padding: 10px 20px; } }

.product {
  border-top: 1px solid #e9e9e9;
  padding: 20px 5px; }
  @media (min-width: 768px) {
    .product {
      background: #f9f9f9;
      border: 1px solid #e9e9e9;
      border-radius: 5px;
      display: flex;
      padding-bottom: 10px;
      width: 100%; } }

.product-column {
  float: left;
  padding: 0 5px; }

.product-column-left {
  width: 27%; }
  @media (min-width: 768px) {
    .product-column-left {
      width: 30%; } }

.product-column-right {
  width: 73%; }
  @media (min-width: 768px) {
    .product-column-right {
      display: flex;
      flex-direction: column;
      width: 70%; } }

.product-description,
.additional-costs {
  display: block;
  margin: 0 0 15px; }
  @media (min-width: 768px) {
    .product-description,
    .additional-costs {
      margin-bottom: 5px; } }
  .product-description.long-description,
  .additional-costs.long-description {
    color: #818181;
    font-size: .9em; }

.fast-delivery {
  padding: 5px 0;
  text-align: right; }
  @media (min-width: 768px) {
    .fast-delivery {
      float: left;
      font-size: 1.2em;
      margin-bottom: 5px; } }

.fast-delivery-text {
  background: url("/media/topup/default/images/variation/question-icon.png") no-repeat 99% 50%;
  color: #70a9f0;
  cursor: pointer;
  display: inline-block;
  font-size: .9em;
  height: 16px;
  padding-right: 20px;
  text-decoration: underline; }
  @media (min-width: 768px) {
    .fast-delivery-text {
      font-size: .8em; } }
  @media (min-width: 992px) {
    .fast-delivery-text {
      background-image: url("/media/topup/default/images/variation/question-icon-large.png");
      font-size: .9em;
      height: 21px;
      padding-right: 26px; } }

#itunes-popup .product {
  background: none;
  border: 0;
  display: block;
  max-width: none; }

#itunes-popup .selectContainer,
#itunes-popup .rowContainer,
#itunes-popup .submitContainer {
  text-align: left; }

.selectContainer,
.rowContainer,
.submitContainer {
  display: inline; }
  @media (min-width: 768px) {
    .selectContainer,
    .rowContainer,
    .submitContainer {
      display: block;
      margin: 5px 0;
      text-align: right; } }

@media (min-width: 992px) {
  .selectContainer {
    margin-bottom: 10px; } }

.product-form {
  margin-top: auto;
  position: relative; }
  .product-form form {
    text-align: right; }
  .product-form .select2-container--default .select2-selection--single {
    border-radius: 5px;
    text-align: left; }
    @media (min-width: 992px) {
      .product-form .select2-container--default .select2-selection--single {
        height: 35px; } }
    .product-form .select2-container--default .select2-selection--single .select2-selection__arrow {
      background: url("/media/topup/shop/images/dropdown-arrow.png") no-repeat 50% 50%/11px 11px, linear-gradient(to bottom, #fefefe 0%, #e7e7e7 100%);
      border-radius: 0px 4px 4px 0px;
      height: 29px;
      width: 26px; }
      @media (min-width: 992px) {
        .product-form .select2-container--default .select2-selection--single .select2-selection__arrow {
          height: 33px;
          width: 26px; } }
  .product-form .select2-container--default .select2-selection--single {
    width: 50px; }
    @media (min-width: 992px) {
      .product-form .select2-container--default .select2-selection--single {
        width: 65px; } }
    .product-form .select2-container--default .select2-selection--single .select2-selection__rendered {
      width: 55px; }

.form-order-button {
  text-align: right; }
  @media (min-width: 768px) {
    .form-order-button {
      padding-top: 5px; } }
  @media (min-width: 1260px) {
    .form-order-button {
      margin-top: 45px; } }

.out-of-stock {
  background: #e9e9e9;
  border-radius: 4px;
  color: #a8a8a8;
  padding: 5px;
  text-align: center; }

@media (min-width: 1260px) {
  .product-form-actions {
    display: flex;
    justify-content: flex-end;
    width: 100%; }
    .product-form-actions .fast-delivery {
      align-self: flex-end;
      float: none;
      white-space: nowrap; } }

.provider img {
  background: #fff;
  cursor: pointer;
  min-height: 0;
  padding: 10px 0; }

.product-price {
  display: block;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 5px; }
  @media (min-width: 768px) {
    .product-price {
      font-size: 1.5em;
      margin: 0; } }
  .product-price .original {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    margin-right: 5px; }
    .product-price .original::before {
      position: absolute;
      content: "";
      left: 0;
      top: 50%;
      right: 0;
      border-top: 1px solid #404040;
      -webkit-transform: rotate(-8deg);
      -moz-transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
      -o-transform: rotate(-8deg);
      transform: rotate(-8deg); }

.product_category {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  box-shadow: 0 3px 6px -3px #aaa;
  margin: 0 0 20px;
  padding: 0px; }
  @media (min-width: 768px) {
    .product_category {
      margin-bottom: 25px; } }
  .product_category .product-category-title {
    font-size: 1.2em;
    margin: 0 0 10px; }
    @media (min-width: 768px) {
      .product_category .product-category-title {
        display: inline-block;
        vertical-align: top; } }
  .product_category .product_category_head {
    font-size: 1.2em;
    margin: 0;
    padding: 10px;
    position: relative; }
    @media (min-width: 768px) {
      .product_category .product_category_head {
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 10px;
        padding-left: 25px;
        padding-right: 25px; } }
    .product_category .product_category_head.product-category-head-promotion {
      padding-right: 70px; }
  .product_category .info-block.warning, .product_category .info-block.notice, .product_category .info-block.paysafecard {
    font-size: .8em; }

.product-info {
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  box-shadow: 0 10px 5px -5px #eee;
  margin: 0 -15px 15px;
  padding: 0 15px; }
  @media (min-width: 768px) {
    .product-info {
      border-bottom: 0;
      box-shadow: none;
      margin: 0 0 25px; } }

.tooltip-text {
  z-index: 9999; }

.tooltip-container {
  border-top: 0;
  display: none;
  font-size: 1em;
  margin: -20px 20px 0 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 10; }
  @media (min-width: 768px) {
    .tooltip-container {
      width: calc(100% - 40px); } }

.servicefee-tooltip-icon {
  vertical-align: bottom; }

.product-tooltip {
  position: relative;
  background-color: #fff;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
  box-shadow: 0 0 15px #aaa;
  color: #818181;
  margin: 5px;
  padding: 0; }
  @media (min-width: 768px) {
    .product-tooltip {
      box-shadow: 0 0 15px #aaa; } }
  .product-tooltip .tooltip-header {
    background: #44b64e url("/media/topup/default/images/variation/tooltip-check-icon.png") no-repeat 10px 50%;
    box-shadow: 0 0 2px #368a39 inset;
    border: 1px solid #3d9b40;
    border-radius: 5px 5px 0 0;
    margin: -1px;
    padding: 8px 10px 8px 30px;
    vertical-align: top; }
    .product-tooltip .tooltip-header.tooltip-header-blue {
      background: #007bb8;
      box-shadow: none;
      border: none;
      padding: 8px 10px; }
      .product-tooltip .tooltip-header.tooltip-header-blue h3 {
        font-size: 1.2em; }
    .product-tooltip .tooltip-header h3 {
      font-size: 1em;
      margin: 0;
      color: #fff; }
      @media (min-width: 768px) {
        .product-tooltip .tooltip-header h3 {
          display: inline-block;
          vertical-align: top; } }
    .product-tooltip .tooltip-header .subtitle {
      display: block;
      color: #fff; }
    .product-tooltip .tooltip-header .delivery-tooltip-close {
      background: url("/media/topup/default/images/variation/tooltip-close.png") no-repeat;
      border: 0;
      color: transparent;
      font-size: 0;
      height: 19px;
      position: absolute;
      right: 10px;
      top: 8px;
      vertical-align: middle;
      width: 16px; }
      @media (min-width: 768px) {
        .product-tooltip .tooltip-header .delivery-tooltip-close {
          display: none; } }
  .product-tooltip .content {
    margin: 10px; }
    .product-tooltip .content ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .product-tooltip .content ul li {
        padding: 5px 0; }
    .product-tooltip .content img {
      width: 25px;
      height: 25px;
      margin-right: 5px;
      margin-top: -3px; }
  @media (min-width: 768px) {
    .product-tooltip {
      width: 100%;
      margin: 5px 0 0 0; } }

.tooltip-info-popover {
  position: relative;
  cursor: pointer; }
  .tooltip-info-popover:hover .tooltip-info-text, .tooltip-info-popover:focus .tooltip-info-text {
    display: block; }
  .tooltip-info-popover .tooltip-info-text {
    display: none;
    position: absolute;
    bottom: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%);
    background: #000000;
    border-radius: 5px;
    color: white;
    width: 230px;
    font-size: 12px;
    padding: 14px; }
    @media (min-width: 768px) {
      .tooltip-info-popover .tooltip-info-text {
        font-size: 14px; } }
    .tooltip-info-popover .tooltip-info-text.with-check ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .tooltip-info-popover .tooltip-info-text.with-check ul li {
        padding-left: 14px;
        background: url("/media/default/images/icon-check.png") no-repeat;
        background-size: 10px;
        background-position-y: 4px;
        margin-bottom: 5px; }
    .tooltip-info-popover .tooltip-info-text:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(0, 0, 0, 0);
      border-top-color: #000000;
      border-width: 10px;
      margin-left: -10px; }

.provider {
  margin-bottom: 0; }

.promotion-ribbon {
  background: #ff6e2e;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  margin-top: 4px;
  padding: 2px 5px;
  text-transform: uppercase;
  vertical-align: top; }
  .promotion-ribbon.product-promotion-ribbon {
    font-size: .8em;
    float: right;
    margin: 0;
    z-index: 2; }
    @media (min-width: 768px) {
      .promotion-ribbon.product-promotion-ribbon {
        float: left;
        position: static; } }

.product-category-ribbon {
  background: #ff6e2e;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 3px 6px -3px #aaa;
  color: #fff;
  font-size: .6em;
  min-height: 58px;
  padding: 5px;
  position: absolute;
  right: 20px;
  text-transform: uppercase;
  top: -6px;
  width: 49px; }
  @media (min-width: 768px) {
    .product-category-ribbon {
      min-height: 74px;
      font-size: .7em;
      padding: 10px;
      right: 60px;
      top: -8px;
      width: 62px; } }
  .product-category-ribbon::before {
    border-color: transparent transparent #bea79d transparent;
    border-style: solid;
    border-width: 0 0 6px 6px;
    content: '';
    display: block;
    left: -6px;
    position: absolute;
    top: 0; }
    @media (min-width: 768px) {
      .product-category-ribbon::before {
        border-width: 0 0 8px 8px;
        left: -8px; } }

.promotion-block {
  background-color: #ebf2c6;
  border: 2px solid #97d38a;
  border-radius: 5px;
  box-shadow: 0 3px 6px -3px #aaa;
  color: #818181;
  margin: 0 0 15px 0;
  padding: 10px; }
  @media (min-width: 768px) {
    .promotion-block {
      margin-bottom: 25px; } }
  .promotion-block h2 {
    margin: 0 0 10px; }

.product-promotion {
  background: #fff;
  border: 2px solid #a1daa7;
  border-radius: 4px;
  box-shadow: 0 3px 6px -3px #aaa;
  color: #818181;
  margin: 0 0 15px 0;
  padding: 10px; }
  @media (min-width: 768px) {
    .product-promotion {
      margin-bottom: 25px; } }
  .product-promotion h2 {
    margin-top: 0; }
  .product-promotion .promotion-ribbon {
    font-size: .6em; }

.product-trustpilot-block {
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  box-shadow: 0 3px 6px -3px #aaa;
  margin: 0 0 15px 0; }
  @media (min-width: 768px) {
    .product-trustpilot-block {
      margin-bottom: 25px; } }

.product-trustpilot-title {
  border-bottom: 1px solid #e9e9e9;
  margin: 0;
  padding: 10px; }

.product-trustpilot-widget {
  padding: 0 10px; }

.trustpilot-widget-mini {
  display: inline-block;
  margin: 0 0 10px -15px;
  text-align: left;
  vertical-align: middle; }
  @media (min-width: 768px) {
    .trustpilot-widget-mini {
      margin: 0 0 0 -15px; } }

.trustpilot-widget-reviews {
  color: #70a9f0;
  cursor: pointer;
  font-size: .9em;
  text-decoration: none; }
  @media (min-width: 768px) {
    .trustpilot-widget-reviews {
      vertical-align: middle; } }

.category-info-message {
  margin: 10px 0;
  border: 1px solid #438FDF;
  border-radius: 5px;
  padding: 10px;
  color: #173962;
  background: rgba(67, 143, 223, 0.1); }
  @media (min-width: 768px) {
    .category-info-message {
      width: 100%; } }
  .category-info-message img {
    vertical-align: bottom;
    margin: -2px 0; }
  .category-info-message.certified-message {
    border-color: #cfd9e6;
    background: #f6f8fc;
    padding: 12px 15px; }
    .category-info-message.certified-message img {
      margin: -2px 10px -2px 0; }

.modal.default-modal {
  box-shadow: none;
  font-size: 1.2em;
  padding: 40px 20px 20px;
  max-width: 800px; }
  @media (min-width: 768px) {
    .modal.default-modal {
      font-size: 1.1em;
      padding: 40px; }
      .modal.default-modal .modal-content {
        max-height: 600px;
        overflow: auto; } }
  .modal.default-modal .info-block.warning {
    border-radius: 8px;
    margin: 20px 0; }

.jquery-modal.blocker {
  background-color: rgba(0, 0, 0, 0.25); }

.modal.default-modal a.close-modal {
  background-image: url("/media/topup/shop/images/order/icon-modal-close.svg");
  right: 10px;
  top: 10px; }

.products .category-info-message {
  margin: 10px 20px; }

@media (min-width: 768px) {
  .products {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 10px; } }

@media (min-width: 992px) {
  .products {
    padding: 0 20px 20px; } }

.modal.alternative-brand-modal {
  max-width: 500px; }
  .modal.alternative-brand-modal .modal-content {
    text-align: center; }

.alternative-brand-image {
  display: block;
  margin: 10px auto; }

.alternative-brand-button {
  background: #ffa81e;
  border-radius: 8px;
  color: #fff;
  display: block;
  font-weight: 700;
  margin: 20px 0 0;
  padding: 15px 10px; }
  .alternative-brand-button:hover, .alternative-brand-button:active {
    color: #fff;
    text-decoration: none; }

html,
body {
  font-family: 'sofia-pro', arial;
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'roc-grotesk', arial;
  font-weight: 700; }

html,
body {
  font-family: 'sofia-pro', arial;
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'roc-grotesk', arial; }

#footer-info img {
  max-width: 178px; }

.breadcrumbs .label {
  display: none; }

a,
#navigation a:hover,
#categories .category:hover .item,
#categories .sub-menu a:hover,
.breadcrumbs a.breadcrumb,
.fast-delivery-text,
.voucher-toggle,
.toggle-paymethods,
a.go-back-link,
.payment-information .link-button,
#generate-gift-options input[type="radio"]:checked + label,
#footer-links a {
  color: #0046A4; }

.quickbuy,
.provider:hover .title {
  background: #FFA81E; }

.order-information input[type="checkbox"]:checked + label span,
[type="radio"]:checked + label span {
  border-color: #FFA81E; }

#categories .title {
  height: 30px;
  line-height: 30px; }

#categories .title,
#toggle-navigation {
  background: #FFA81E; }

body .select2-container--default .select2-results__option--highlighted[aria-selected],
.order-information input[type="checkbox"]:checked + label span,
.scam-warning-confirmation-box input[type="checkbox"]:checked + label span,
[type="radio"]:checked + label span::before {
  background-color: #FFA81E; }

.quickbuy button {
  background: #00B67A;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), inset 0px -2px 0px #00B67A;
  color: #fff; }
  .quickbuy button:hover {
    background: #00B67A; }

.primary-button,
.secondary-button,
.info-button,
.order-button,
.voucher-form .voucher-submit,
.payment-information .primary-button {
  background: #0046A4;
  color: #fff;
  border: 0;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), inset 0px -2px 0px #01204A;
  border-radius: 8px; }
  .primary-button:hover,
  .secondary-button:hover,
  .info-button:hover,
  .order-button:hover,
  .voucher-form .voucher-submit:hover,
  .payment-information .primary-button:hover {
    background: #0046A4; }
  .primary-button::after,
  .secondary-button::after,
  .info-button::after,
  .order-button::after,
  .voucher-form .voucher-submit::after,
  .payment-information .primary-button::after {
    display: none; }

.customer-care-block {
  background: #DC8800;
  box-shadow: 0px 3px 6px #AAAAAA;
  border-radius: 5px; }

.quickbuy,
#promotions,
#popular-products,
.more-products span {
  border-radius: 8px; }

.provider img {
  border-radius: 8px 8px 0 0; }

.provider .title {
  border-radius: 0 0 8px 8px; }

#categories .title {
  background: #0046A4;
  color: #fff; }

body #usps {
  background: #FFE2A8;
  border-radius: 8px;
  border: 0;
  box-shadow: none; }

body #usps .usp {
  background-image: url("/media/topup/guthaben/default/images/layout/check-icon.svg"); }

#categories .item.callcredit:before {
  background: url("/media/topup/beltegoed/default/images/layout/category-callcredit.svg") no-repeat 50% 50%; }

#categories .item.creditcards:before {
  background: url("/media/topup/beltegoed/default/images/layout/category-creditcards.svg") no-repeat 50% 50%; }

#categories .item.entertainment:before {
  background: url("/media/topup/beltegoed/default/images/layout/category-entertainment.svg") no-repeat 50% 50%; }

#categories .item.gamecards:before {
  background: url("/media/topup/beltegoed/default/images/layout/category-gamecards.svg") no-repeat 50% 50%; }

#categories .item.giftcards:before {
  background: url("/media/topup/beltegoed/default/images/layout/category-giftcards.svg") no-repeat 50% 50%; }

.usps-close {
  display: none; }

body .bb-accordion-main .bb-accordion-title {
  background-image: url("/media/topup/guthaben/default/images/layout/check-icon.svg");
  background-size: 24px;
  color: inherit;
  padding-left: 45px; }

.quickbuy .provider img {
  outline: 0; }

.provider img {
  min-height: 0; }

.category-header {
  background: none;
  font-size: 1.3em;
  text-align: left; }
  @media (min-width: 1260px) {
    .category-header {
      font-size: 1.5em; } }

.category-header * {
  color: inherit;
  padding: 0; }

.category-header a {
  color: inherit; }
  .category-header a:hover {
    color: inherit; }

.category-header.callcredit *,
.category-header.creditcard *,
.category-header.entertainment *,
.category-header.gamecards *,
.category-header.giftcards *,
.category-header.recharge *,
.category-header.bundles *,
.category-header.most-popular * {
  padding: 0; }

#country-select .country-nl {
  background-position: -165px -413px; }

#country-select .country-be {
  background-position: -165px -453px; }

#country-select .country-de {
  background-position: 0 -540px; }

#country-select .country-at {
  background-position: 0 -570px; }

#footer-links a {
  margin: 3px 0; }

#footer-links a::before {
  display: none; }

@media (min-width: 768px) {
  #logo {
    max-height: inherit; } }

@media (min-width: 992px) {
  #logo {
    max-height: 28px; } }

#generate-gift-header {
  background-image: url("/media/topup/guthaben/shop/images/gift/stamp.png");
  background-size: 32px;
  padding-left: 40px; }

#generate-gift-options .giftwrap.default {
  background: url("/media/topup/guthaben/shop/images/gift/giftwrap-default.png") no-repeat 20px 0; }

#generate-gift-options .giftwrap.congratulations {
  background: url("/media/topup/guthaben/shop/images/gift/giftwrap-congratulations.png") no-repeat 20px 0; }

#generate-gift-options .giftwrap.thankyou {
  background: url("/media/topup/guthaben/shop/images/gift/giftwrap-thankyou.png") no-repeat 20px 0; }