body .bb-accordion { border-bottom: 0; margin: 0 -15px; padding: 0; } body .bb-accordion-title { background: #fff; padding: 10px 35px 10px 15px; border-top: 1px solid #e9e9e9; } body .bb-accordion-title::before, body .bb-accordion-title:hover::before { background: url("/media/topup/shop/images/variation/accordion-down.png") no-repeat 50% 50%; height: 100%; left: inherit; right: 10px; top: 0; } @media (min-width: 992px) { body .bb-accordion-title::before, body .bb-accordion-title:hover::before { right: 20px; } } body .bb-accordion-title.expanded { box-shadow: 0 10px 5px -5px #eee; } body .bb-accordion-title.expanded::before, body .bb-accordion-title.expanded:hover::before { background: url("/media/topup/shop/images/variation/accordion-up.png") no-repeat 50% 50%; } body .bb-accordion-title.bb-accordion-disabled { border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; } body .bb-accordion-title.bb-accordion-disabled::before, body .bb-accordion-title.bb-accordion-disabled:hover::before { background: none; } @media (min-width: 768px) { body .bb-accordion-title { border: 1px solid #e9e9e9; border-radius: 5px; } } body h2.bb-accordion-title { margin: 0; } body .bb-accordion-answer { background: #fff; border-top: 1px solid #e9e9e9; padding: 0 15px 15px; } @media (min-width: 768px) { body .bb-accordion-answer { border: 1px solid #e9e9e9; margin: -3px 0; } } body .bb-accordion-main .bb-accordion-title { background: #fff url("/media/topup/shop/images/variation/check-icon.png") no-repeat 15px 50%; color: #43b54f; padding-left: 40px; } body .bb-accordion-main .bb-accordion-title.expanded { box-shadow: 0 10px 5px -5px #ddd; } body .bb-accordion-main .bb-accordion-answer { background: #ebebeb; } @media (min-width: 768px) { body .bb-accordion-main .bb-accordion-answer { background: #f9f9f9; } } .breadcrumbs { color: #bbb; display: block; font-size: .9em; margin: 10px 0; } @media (min-width: 768px) { .breadcrumbs { margin: 20px 0; } } .breadcrumbs a.breadcrumb { color: #7caef0; text-decoration: underline; } .breadcrumbs .label { color: transparent; display: none; font-size: 0; } @media (min-width: 768px) { .breadcrumbs .label { background: url("/media/topup/default/images/variation/breadcrumb-home.png") no-repeat; display: inline-block; height: 19px; vertical-align: text-bottom; width: 23px; } } .breadcrumbs .breadcrumb { color: #595959; } .breadcrumbs .arrow::before { color: #bbb; content: " < "; text-decoration: none; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } body #country-select { border: 1px solid #e6e6e6; border-radius: 3px; color: #969696; float: right; margin: 7px 0; padding: 4px; text-align: left; white-space: nowrap; } @media (min-width: 768px) { body #country-select { margin-top: -20px; } } body #country-select label { vertical-align: middle; } body #country-select .country { background-color: transparent; border: 0; color: #595959; font-size: 1.2em; margin: 0; padding-left: 0px; padding-right: 35px; } body #country-select .active, body #country-select .disabled { background-color: transparent; border: 0; } body #country-select .country-nl, body #country-select .country-be { background-position-x: -147px; } body #country-select .country-de, body #country-select .country-at, body #country-select .country-us, body #country-select .country-ca, body #country-select .country-pl, body #country-select .country-dk { background-position-x: 18px; } body #country-select .select2-container--default { padding-right: 10px; } body #country-select .select2-container--default .select2-selection--single { border: 0; height: auto; } body #country-select .select2-container--default .select2-selection--single .select2-selection__arrow { background: url("/media/topup/default/images/variation/arrow-down.png") no-repeat 0 40%; height: 100%; right: 0px; width: 11px; } body #country-select .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0; line-height: inherit; } body #country-select .select2-container--open .select2-selection--single .select2-selection__arrow { background-image: url("/media/topup/default/images/variation/arrow-up.png"); } .select2-container--default .select2-results__option[aria-disabled="true"] { background: #ddd; } .country-select-beltegoed { margin: 0 -5px 0 0; } #header { margin: 10px 0; } #logo { padding-left: 0; } #toggle-navigation { background-image: none; box-shadow: 0 5px 3px -3px #aaa; color: #fff; float: none; font-size: 1.3em; padding: 15px 0; text-align: center; width: auto; } #toggle-navigation span { background: url("/media/topup/default/images/variation/icon-navigation.png") no-repeat 100% 50%; display: inline-block; padding-right: 30px; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } body #usps { background: #ebf2c6; border: 2px solid #99d1a0; border-radius: 5px; box-shadow: 0 3px 6px -3px #aaa; margin: 5px 0 15px; padding: 0; position: relative; } @media (min-width: 768px) { body #usps { margin-top: 15px; } } body #usps .usp { background: url("/media/topup/default/images/variation/usps-icon.png") no-repeat 0 50%; display: flex; padding: 10px 0 10px 30px; vertical-align: middle; } body #usps .usp span { display: inline-block; } @media (min-width: 992px) { body #usps .usp { font-size: 1em; } } .usps-slider { padding: 0 60px 0 5px; } .slick-track { display: flex; } .slick-track .slick-slide { display: flex; height: auto; align-items: center; outline: none; } .slick-dots { list-style: none; margin: -4px 0 0; padding: 0; position: absolute; right: 30px; top: 50%; } .slick-dots li { display: inline; } .slick-dots button { background: #969696; border: 0; border-radius: 7px; color: transparent; font-size: 0; height: 7px; margin: 0 2px; padding: 0; width: 7px; } .slick-dots .slick-active button { background: #43b54f; } .usps-close { cursor: pointer; margin: -7px 0 0 0; position: absolute; right: 5px; top: 50%; } @media (min-width: 768px) { .usps-close { right: 15px; } } .cookie { background-color: rgba(51, 51, 51, 0.95); padding: .75em; color: #fff; box-shadow: 0 0 2em rgba(0, 0, 0, 0.1); text-align: center; } .cookie .btn { background-color: #000; border: 0; border-radius: 5px; } .cookie a { color: #fff; text-decoration: underline; } .anime-mini-menu-container { width: 100%; border-radius: 5px; margin-bottom: 2rem; background: #f9f9f9; display: flex; flex-wrap: nowrap; overflow-x: auto; width: 100%; } .anime-mini-menu-container .anime-mini-menu-active { cursor: pointer; background: #F3A329; color: #fff; } .anime-mini-menu-container a { flex: 0 0 auto; color: #333333; text-decoration: none; padding: 1rem; justify-content: center; flex-grow: 1; border: 1px solid #E9E9E9; text-align: center; background: #fff; margin-right: .5rem; border-radius: 5px; } .anime-mini-menu-container a:hover { cursor: pointer; background: #F3A329; color: #fff; } .knowledge-base-main-container { margin-top: 2rem; font-size: 1.2rem; } .knowledge-base-main-container .knowledge-base-row { display: flex; flex-wrap: wrap; } .knowledge-base-main-container .knowledge-base-card { margin-bottom: 2rem; display: flex; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner { padding: 1rem 2rem; background: #f9f9f9; border: 1px solid #e9e9e9; border-radius: 8px; display: flex; flex-direction: column; width: 100%; } @media (min-width: 768px) { .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner { padding: 1rem 3rem; } } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner h3 { text-transform: capitalize; color: #4A4A4A; font-weight: 800; line-height: 50px; margin-bottom: -.2rem; margin-right: .3rem; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner h3::before { content: ""; display: block; width: 50px; height: 50px; transform: scale(0.65); float: left; background: url("/media/topup/guthaben/default/images/layout/layout-icons.png?v=3") no-repeat; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner .title-knowledge-base::before { display: none; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner .title-beltegoed::before { background-color: #F9ECD3; border-radius: 100%; background-position: 5px 6px; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner .title-ppcc::before { background-color: #F9ECD3; border-radius: 100%; background-position: 5px -35px; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner .title-entertainment::before { background-color: #F9ECD3; border-radius: 100%; background-position: 5px -77px; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner .title-gamecards::before { background-color: #F9ECD3; border-radius: 100%; background-position: 5px -118px; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner .title-giftcards::before { background-color: #F9ECD3; border-radius: 100%; background-position: 5px -35px; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner ul { list-style: none; padding-left: 0; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner ul li { margin-bottom: 0.5rem; line-height: 1rem; margin-bottom: 1rem; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner ul li a { color: #4A4A4A; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner ul li::before { content: ""; height: 1em; width: 1em; display: block; float: left; background-position: 0% 50%; background-repeat: no-repeat; background-size: 30%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 3 3'%3E%3Ccircle id='Ellipse_2' data-name='Ellipse 2' cx='1.5' cy='1.5' r='1.5' fill='%234a4a4a'/%3E%3C/svg%3E%0A"); } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner-blue { background: #F8A300; color: #fff; border: 1px solid #F8A300; } .knowledge-base-main-container .knowledge-base-card .knowledge-base-card-inner-blue h3 { color: #fff; } .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 2; padding: 20px; box-sizing: border-box; background-color: black; background-color: rgba(0, 0, 0, 0.75); text-align: center; } .blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: transparent; } .modal { display: none; vertical-align: middle; position: relative; z-index: 3; max-width: 500px; box-sizing: border-box; width: 90%; background: #fff; padding: 15px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left; } .modal a.close-modal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg=="); } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.5); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } .modal a.custom-modal-close { display: block; width: 16px; height: 16px; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABWSURBVHgBtZPLDQAQEEQnKpn+m1IKFwfE/iyTOHnzErILPEodhw6WE78ImkPCjRUv6CgzAphlDXSXJUmofJKo5YIPIRJPIBKfqIGmxAQsJj3K6WW6TgfKXEY7gdYXLQAAAABJRU5ErkJggg=="); } .modal-content pre { font-size: 1em; color: inherit; border: initial; padding: initial; font-family: inherit; }