html {
    height: 100%;
    font-size: 100%;
    overflow-x: hidden;
    background-color: transparent;
}

.jjEPHm {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex: 1 1 auto;
    background: rgb(255, 255, 255);
}

.cdBEil {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex: 1 1 auto;
    overflow: hidden auto;
    padding-top: 48px;
}

.lhMuci {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 1;
    padding: 16px;
    z-index: 1;
    width: calc((100% - 16px) - 16px);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: rgb(255, 255, 255);
}

.defacY {
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    flex: 1 0 auto;
}

.fOfDcY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-basis: auto;
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-align: left;
    max-height: 16px;
}

.fqpSMv {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-basis: auto;
    max-height: 16px;
    min-width: 0px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-align: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.eQLLSX {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-basis: auto;
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-align: right;
    max-height: 16px;
}

.ibbBdg {
    margin-right: 0px;
}

.gEZFMY {
    cursor: pointer;
    margin-left: auto;
    font-size: 20px;
    color: rgb(0, 0, 0);
}

.gOoyFA::before {
    font-size: 1.25rem;
    font-family: TrustlyIcons;
    content: "î€„";
}

.lhMuci::after {
    opacity: 0;
}

.lhMuci::after {
    position: absolute;
    content: "";
    height: 7px;
    width: 100%;
    bottom: -7px;
    left: 0px;
    opacity: 1;
    background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0));
}

.jVXKbk {
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    flex: 1 0 0%;
}

.jGnAEF {
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.htgVRA {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.bgMqug {
    text-align: center;
    margin-bottom: 20px;
}

.oobYf {
    display: inline-block;
    position: relative;
    height: 32px;
    width: 100%;
}

.iIuyGb {
    z-index: 2;
    opacity: 1;
}

.krNDhG {
    margin: 8px 0px;
}

.jzZUwL {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.jgBIcQ {
    color: rgb(0, 0, 0);
}

.egrgHw {
    font-family: "Trustly Sans Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
    color: rgb(0, 0, 0);
}

.djGSJv {
    margin-left: 8px;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.nxfP {
    margin-left: 4px;
    display: flex;
}

.fTGnLq::before {
    font-size: 0.75rem;
    font-family: TrustlyIcons;
    content: "î€‚";
}

.bwSYJA {
    padding: 0px;
    margin: 0px;
}

.jjjqGv {
    display: flex;
    flex-direction: column;
}

.gkvWok {
    margin-right: 12px;
}

.fqbJCS {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex: 1 1 0px;
    -webkit-box-align: center;
    align-items: center;
    min-height: 40px;
}

.zecwK {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    word-break: break-all;
}

.kyFcKB {
    color: rgb(0, 0, 0);
}

.htfWpb {
    display: flex;
    flex-direction: row;
    margin-left: 12px;
    text-align: right;
}

.dmpHfO {
    margin-left: 12px;
    color: rgb(167, 173, 179);
    font-size: 14px;
    align-self: center;
}

.dRdCk::before {
    font-size: 1rem;
    font-family: TrustlyIcons;
    content: "î€";
}

.jLoMaO {
    align-self: flex-end;
    display: flex;
    width: calc(100% - 56px);
}

.dNzTZc {
    height: 1px;
    margin: 0px;
    border: none;
    flex-shrink: 0;
    background-color: rgb(216, 223, 228);
}


[class*=width] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.margin-remove {
    margin: 0 !important;
}

.margin-top {
    margin-top: 8px;
}

.margin-top-xs {
    margin-top: 5px;
}

.margin-top-m {
    margin-top: 15px;
}

.margin-top-xl {
    margin-top: 25px;
}

.margin-top-xxl {
    margin-top: 35px;
}

.margin-top-remove {
    margin-top: 0 !important;
}

.margin-bottom {
    margin-bottom: 8px;
}

.margin-bottom-xs {
    margin-bottom: 5px;
}

.margin-bottom-m {
    margin-bottom: 15px;
}

.margin-bottom-l {
    margin-bottom: 20px;
}

.margin-bottom-xl {
    margin-bottom: 25px;
}

.margin-bottom-remove {
    margin-bottom: 0 !important;
}

.flex,
.modal,
.preloader__mobile_info__time,
.panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-center,
.modal,
.preloader__mobile_info__time,
.button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-middle,
.modal,
.panel,
.button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex-shrink-none {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.text-color_mute {
    color: #8d8d8d;
}

.text-color_active {
    color: #0096e6;
}

.text-transform_uppercase {
    text-transform: uppercase;
}

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

select {
    appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.payment-amount {
    display: inline-block;
}

.open_in_tab .modal_acs .modal__window {
    top: 50%;
}

@media screen and (max-width: 420px) {

    body .frame-wrapper,
    body .wrapper,
    body form {
        height: 100%;
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #0096e6;
    text-decoration: none;
    outline: none;
}

a:hover,
a:active {
    text-decoration: underline;
}

img {
    vertical-align: middle;
}

button {
    border: none;
    outline: none;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: normal;
}

input,
select {
    min-width: 0;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    outline: none;
    color: #2e373b;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-size: 12px;
}

input:disabled,
select:disabled {
    border-color: #d8d8d8 !important;
    color: #d8d8d8 !important;
    background-color: #fff !important;
}

input,
label,
select,
button {
    outline: none;
}

select {
    position: relative;
    width: 100%;
    height: 100%;
    background: none;
    z-index: 21;
}

select:active {
    color: #2e373b !important;
}

.frame-wrapper {
    padding: 10px 0;
}

@media screen and (max-width: 420px) {
    .frame-wrapper {
        padding: 0;
    }
}

.wrapper {
    position: relative;
    width: 416px;
    background-color: #eef3fb;
    border-radius: 7px;
    -webkit-box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .2);
    overflow: hidden;
}

@media screen and (max-width: 420px) {
    .wrapper {
        width: 100%;
        min-width: 320px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media screen and (min-width: 420px) {
    .wrapper {
        margin: 0 auto;
    }
}

.content {
    width: 100%;
    margin: 0 auto;
    padding: 25px 25px 40px;
    position: relative;
}

@media screen and (min-width: 420px) {
    .content {
        min-height: 420px;
    }
}

[data-page-part] {
    display: none;
}

.invisible {
    display: none;
}

.cross {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
}

.cross__line {
    display: block;
    position: absolute;
    top: 5.5px;
    width: 15px;
    height: 2px;
    border-radius: 2px;
    background-color: #56627c;
    -webkit-transition: -webkit-transform ease .3s;
    transition: -webkit-transform ease .3s;
    transition: transform ease .3s;
    transition: transform ease .3s, -webkit-transform ease .3s;
}

.cross__line_1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cross__line_2 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.icon {
    height: 34px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon_cart {
    display: inline-block;
    width: 34px;
    height: 34px;
    padding: 5px;
    margin-top: 10px;
    border: 2px solid rgba(0, 0, 0, 0);
}

.icon_cart .icon {
    width: 34px;
}

.icon_online-banking-trustly {
    background-image: url("img/payment_methods/online-banking-trustly.svg");
}

.header {
    width: 100%;
    height: 50px;
    min-height: 50px;
    background: #1e5899;
    background: linear-gradient(135deg, #1e5899 0%, #1e5899 43%, #1e5899 43%, #15467d 43%, #1e5899 68%, #15467d 68%, #15467d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e5899", endColorstr="#15467d", GradientType=1);
}

.header>div {
    color: #fff;
}

.header__logo-wrapper {
    position: relative;
    height: 50px;
}

.header__logo {
    display: inline-block;
    font-size: 18px;
    text-align: left !important;
    font-weight: 700;
    background-position-y: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.header__payment-info {
    margin-right: 15px;
    display: none;
}

.header a {
    text-decoration: none;
}

.back-button-wrapper {
    display: inline-block;
    min-width: 15px;
}

.button {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    -webkit-box-shadow: 0 7px 22px 0 rgba(103, 106, 110, .4);
    box-shadow: 0 7px 22px 0 rgba(103, 106, 110, .4);
    background: linear-gradient(85deg, #247bc7, #0c4982);
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.button:hover {
    background: #247bc7;
    color: #fff;
}

.button:active {
    background: #0c4982;
    color: #fff;
}

.button_block {
    display: block;
}

.button_small {
    width: 100%;
    height: auto;
    min-height: 32px;
    padding: 5px;
    font-size: 14px !important;
}

.button_secondary {
    height: 20px;
    line-height: 20px;
    padding: 0 9px;
    border-radius: 16px;
    color: #fff;
    font-size: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #293347;
    text-align: center;
    cursor: pointer;
}

.button_secondary .cross {
    width: 10px;
    height: 10px;
    top: 2px;
    left: -4px;
}

.button_secondary .cross__line {
    top: 2px;
    width: 10px;
    background-color: #fff;
}

.button_secondary_colorized {
    background-color: #0096e6;
}

.button_secondary_transparent {
    color: #0096e6;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
}

.button_secondary_transparent .cross {
    width: 15px;
    height: 15px;
    top: 2px;
    left: 0;
}

.button_secondary_transparent .cross__line {
    top: 4.5px;
    width: 15px;
    background-color: #0096e6;
}

.button_secondary_transparent:hover,
.button_secondary_transparent:active {
    background: rgba(0, 0, 0, 0);
    border-color: #0096e6;
    color: #0096e6;
}

.button_inline {
    display: inline-block;
    width: auto;
    height: auto;
}

.button_danger {
    background-color: #d0021a;
}

.button_danger:hover {
    background-color: #f0586a;
}

.button_danger:active {
    background-color: #950314;
}

.button span.pay-btn-text_epro {
    display: none;
}

@media screen and (max-width: 420px) {
    .button:not(.button_secondary) {
        font-size: 18px;
    }
}

.epro-wallet-link {
    display: none;
    text-align: center;
}

.amount {
    position: relative;
    text-align: center;
}

.amount__count {
    position: relative;
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
}

.amount__currency {
    position: absolute;
    left: calc(100% + 10px);
    top: 0;
    bottom: 0;
    font-size: 12px;
}

.panel {
    position: relative;
    height: 40px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 9px 0 rgba(103, 106, 110, .1);
    box-shadow: 0 4px 9px 0 rgba(103, 106, 110, .1);
}

.panel__field {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.panel__field input {
    width: 100%;
    height: 100%;
    padding-left: 10px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0);
}

.panel__field input:focus {
    color: #2e373b;
}

.panel__field select {
    padding: 0 10px;
    border-radius: 4px;
}

.panel__label {
    position: absolute;
    left: 50px;
    top: 8px;
    color: #b2bdd2;
    line-height: 16px;
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
    cursor: text;
    z-index: 22;
}

.panel__label .required-tip {
    display: none;
    position: relative;
    top: 2px;
    left: 2px;
    color: #d0021a;
    font-size: 160%;
    line-height: 1px;
}

.panel__label.required .required-tip {
    display: inline-block;
}

.panel__label label {
    cursor: text;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel__label~* input,
.panel__label~* select {
    padding-top: 13px;
}

.panel__label.active {
    top: 1px;
    font-size: 9px !important;
}

.panel_field .icon:not(.hint) {
    position: absolute;
    width: 25px;
    height: 40px;
    left: 14px;
    top: 0;
}

.panel_small {
    height: 32px;
}

.panel_small .panel__label {
    font-size: 12px;
    left: 50px;
}

.panel_small .panel__label.active {
    left: 51px;
}

.panel_small .icon:not(.hint) {
    padding-top: 8px;
    padding-left: 4px;
    height: 32px;
    z-index: 22;
}

.panel_small input,
.panel_small select {
    padding-left: 50px !important;
}

.panel_big {
    height: 48px;
    padding: 0 15px;
    border: 1px solid rgba(0, 0, 0, 0);
}

.panel_big .icon {
    width: 58px;
    background-size: 58px;
    margin-right: 15px;
}

.panel_big .icon.icon_online-banking-trustly {
    background-size: contain;
}

.panel_big.active {
    border-color: #0096e6;
}

.panel_big[data-new-wallet] {
    cursor: pointer;
}

.panel_big:not(.selected):hover {
    background-color: #f7f7f7;
}

.panel_big:not(.selected):active {
    -webkit-box-shadow: 0 3px 4px 0 rgba(103, 106, 110, .1);
    box-shadow: 0 3px 4px 0 rgba(103, 106, 110, .1);
}

.panel_base {
    height: auto !important;
    padding: 15px !important;
}

.panel .icon~input,
.panel .icon~select {
    padding-left: 50px;
}

.panel_languages {
    position: absolute;
    right: 8px;
    bottom: 9px;
    height: 24px;
}

.saved-card-wrapper {
    position: relative;
}

.tooltip {
    display: none !important;
    position: absolute;
    width: auto;
    max-width: 240px;
    background: #fff;
    border-radius: 4px;
    color: #556481;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
    padding: 7px 10px;
    right: 15px;
    bottom: 35px;
    z-index: 23;
}

.tooltip:after {
    content: "";
    position: absolute;
    border: 4px solid rgba(0, 0, 0, 0);
    border-top-color: #fff;
    bottom: -8px;
    right: 6px;
}

.policy p {
    margin: 0;
    text-align: left;
    font-size: 10px;
    color: #8d8d8d;
}

.policy br {
    display: none !important;
}

.session-timer {
    min-width: 100%;
}

.session-timer__item_timer {
    color: #00579e;
}

.session-timer__item_timer .session-timer__best-before {
    font-weight: 600;
}

.session-timer__item .session-timer__progress-bar>rect#progressLine {
    fill: #00579e;
}

.alert {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #0096e6;
    z-index: 90;
}

.alert__content {
    width: 100%;
    padding: 20px 25px 0 25px;
}

.alert__title {
    text-transform: uppercase;
    color: #0096e6;
    font-weight: bold;
}

.alert__line {
    margin-top: 8px;
}

.alert__line .label {
    color: #b2bdd2;
}

.alert__line .data {
    word-break: break-all;
}

.alert .button {
    font-size: 14px;
}

.alert .cross {
    margin-bottom: -3px;
}

.alert .cross__line {
    background-color: #0096e6;
}

.alert_error {
    border-color: #d0021a;
}

.alert_error .alert__title {
    color: #d0021a;
}

.alert_error .alert__line .data {
    text-align: center;
    word-break: normal;
}

.alert_cascade {
    position: relative;
    top: 0;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 25px;
    border-color: #2571a9;
}

.alert_cascade .alert__content {
    padding: 15px;
}

.alert_cascade .alert__content .data {
    color: #2571a9;
}

.alert_payment-info {
    z-index: 91;
}

.preloader__mobile_info__time {
    color: #0096e6;
    font-weight: bold;
}

.preloader__mobile_info__time span {
    font-size: 40px;
}

.preloader__mobile_info__minutes,
.preloader__mobile_info__seconds {
    margin: 0 10px;
    font-size: 40px;
}

.preloader__mobile_info__minutes div:last-child,
.preloader__mobile_info__seconds div:last-child {
    font-size: 12px;
    font-weight: normal;
    margin-top: -5px;
}

.modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px 25px;
    background-color: rgba(4, 4, 15, .4);
    z-index: 99;
}

.modal__window {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 290px;
    padding: 25px 15px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(103, 106, 110, .1);
    box-shadow: 0 5px 10px 0 rgba(103, 106, 110, .1);
}

.modal__content {
    text-align: center;
}

.modal__content>*:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 420px) {
    .modal {
        position: fixed;
    }
}

.modal_acs .modal__window {
    width: 93%;
    max-width: 460px;
    top: 8%;
}

.delete-confirm-block .card-logo {
    width: 62px;
    height: 40px;
    border-radius: 3px;
    background-size: contain;
    overflow: hidden;
}

.delete-confirm-block .delete-buttons a {
    display: block;
    min-width: 104px;
    height: 32px;
    padding: 0 5px;
    border-radius: 4px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
}

.delete-confirm-block .delete-buttons .cancel {
    background-color: #b2bdd2;
}

.delete-confirm-block .delete-buttons .cancel:hover {
    background-color: #7183a4;
}

.loader {
    position: relative;
    width: 34px;
    height: 34px;
}

.loader>* {
    position: absolute;
    left: 15.5px;
    width: 3px;
    height: 34px;
    border-radius: 3px;
    background: none;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    -webkit-animation-name: loader;
    animation-name: loader;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.loader *:nth-child(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.loader *:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation-delay: 0.125s;
    animation-delay: 0.125s;
}

.loader *:nth-child(3) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.loader *:nth-child(4) {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-animation-delay: 0.375s;
    animation-delay: 0.375s;
}

.rendering-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -40px;
    left: 0;
    background-color: #eef3fb;
    z-index: 999;
}

.footer-wrapper {
    min-height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
}

@media screen and (max-width: 420px) {
    .footer-wrapper {
        position: fixed;
    }
}

@media screen and (min-width: 421px) {
    .footer-wrapper {
        position: absolute !important;
    }
}

.footer {
    height: 40px;
    min-height: 40px;
    text-align: center;
    padding: 8px 0;
}

.footer img {
    width: auto;
    height: auto;
}

.merchant-address {
    width: 100%;
    max-width: 416px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    font-size: 10px;
    overflow: hidden;
}

@media screen and (max-width: 420px) {
    .merchant-address {
        padding: 8px 25px;
    }
}

.merchant-address_compact {
    position: relative;
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.merchant-address .trustly-footer {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 5px;
}

.merchant-address .trustly-footer__logo .icon {
    width: 70px;
    height: 25px;
    background-size: contain;
}

.merchant-address .trustly-footer__info a {
    font-size: 12px;
    color: #69d61f;
    text-decoration: underline;
}

.return-url-link {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90px;
    height: 40px;
    line-height: 12px;
    cursor: pointer;
    color: #187bbd;
}

.return-url-link .icon {
    display: inline-block;
    height: auto;
    padding: 0 10px;
}

.return-url-link .link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.return-url-link:hover {
    text-decoration: underline;
}

.return-url-link .cross {
    width: 6px;
    height: 6px;
    top: -1px;
    left: 0px;
}

.return-url-link .cross__line {
    top: 0px;
    width: 6px;
    background-color: #187bbd;
}

.return-url-link .cross .cross__line {
    width: 8px;
    height: 1px;
}

.return-url-link .cross .cross__line_1 {
    top: auto;
    bottom: 0;
}

.return-url-link .cross .cross__line_2 {
    top: 0;
}

.acs-redirect-window__image-wrapper {
    position: relative;
}

.acs-redirect-window__image {
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
    background: url("img/acs-redirect-window-frame.svg") center center no-repeat;
    background-size: contain;
}

.acs-redirect-window__arrow {
    position: absolute;
    width: 50px;
    height: 35px;
}

.acs-redirect-window__arrow.arrow_1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -35px;
    top: -20px;
}

.acs-redirect-window__arrow.arrow_2 {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: -15px;
    top: 3px;
    opacity: .2;
}

.acs-redirect-window__title {
    font-size: 24px;
}

@media screen and (max-width: 420px) {
    .acs-redirect-window__title {
        font-size: 20px;
    }
}

.acs-redirect-window__description {
    font-size: 16px;
}

@media screen and (max-width: 420px) {
    .acs-redirect-window__description {
        font-size: 14px;
    }
}

.acs-redirect-window__button {
    width: auto;
    min-width: 189px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
    font-size: 16px !important;
}

@-webkit-keyframes loader {
    0% {
        border-top-color: #0096e6;
        border-bottom-color: rgba(0, 150, 230, .5);
    }

    25% {
        border-top-color: rgba(0, 150, 230, .75);
        border-bottom-color: rgba(0, 150, 230, .25);
    }

    50% {
        border-top-color: rgba(0, 150, 230, .5);
        border-bottom-color: rgba(0, 0, 0, 0);
    }

    75% {
        border-top-color: rgba(0, 150, 230, .25);
        border-bottom-color: #0096e6;
    }

    100% {
        border-top-color: rgba(0, 0, 0, 0);
        border-bottom-color: rgba(0, 150, 230, .75);
    }
}

@keyframes loader {
    0% {
        border-top-color: #0096e6;
        border-bottom-color: rgba(0, 150, 230, .5);
    }

    25% {
        border-top-color: rgba(0, 150, 230, .75);
        border-bottom-color: rgba(0, 150, 230, .25);
    }

    50% {
        border-top-color: rgba(0, 150, 230, .5);
        border-bottom-color: rgba(0, 0, 0, 0);
    }

    75% {
        border-top-color: rgba(0, 150, 230, .25);
        border-bottom-color: #0096e6;
    }

    100% {
        border-top-color: rgba(0, 0, 0, 0);
        border-bottom-color: rgba(0, 150, 230, .75);
    }
}

@font-face {
    font-family: "proxima-nova";
    src: url("fonts/pn-normal-700.woff2") format("woff2"), url("fonts/pn-normal-700.woff") format("woff"), url("fonts/pn-normal-700.eot") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "proxima-nova";
    src: url("fonts/pn-italic-700.woff2") format("woff2"), url("fonts/pn-italic-700.woff") format("woff"), url("fonts/pn-italic-700.eot") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: "proxima-nova";
    src: url("fonts/pn-normal-100.woff2") format("woff2"), url("fonts/pn-normal-100.woff") format("woff"), url("fonts/pn-normal-100.eot") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: "proxima-nova";
    src: url("fonts/pn-italic-100.woff2") format("woff2"), url("fonts/pn-italic-100.woff") format("woff"), url("fonts/pn-italic-100.eot") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 100;
}

@font-face {
    font-family: "proxima-nova";
    src: url("fonts/pn-normal-400.woff2") format("woff2"), url("fonts/pn-normal-400.woff") format("woff"), url("fonts/pn-normal-400.eot") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "proxima-nova";
    src: url("fonts/pn-italic-400.woff2") format("woff2"), url("fonts/pn-italic-400.woff") format("woff"), url("fonts/pn-italic-400.eot") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "proxima-nova";
    src: url("fonts/pn-normal-300.woff2") format("woff2"), url("fonts/pn-normal-300.woff") format("woff"), url("fonts/pn-normal-300.eot") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "proxima-nova";
    src: url("fonts/pn-italic-300.woff2") format("woff2"), url("fonts/pn-italic-300.woff") format("woff"), url("fonts/pn-italic-300.eot") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 300;
}