article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
body,
html {
    touch-action: auto;
}
html {
    font-family: Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 15px;
    word-wrap: break-word;
}
body {
    margin: 0;
}
a:focus {
    outline: thin dotted;
}
a:active,
a:focus,
a:hover {
    outline: 0;
}
.righty {
    float: right;
}
.lefty {
    float: left;
}
h1 {
    margin: 0.67em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: 700;
}
.normalfont {
    font-weight: 400;
}
dfn {
    font-style: italic;
}
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}
pre {
    white-space: pre-wrap;
}
q {
    quotes: '\201C''\201D''\2018''\2019';
}
small {
    font-size: 0.8em;
}
sub,
sup {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
button,
input {
    line-height: normal;
}
button,
select {
    text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -moz-appearance: button;
    -webkit-appearance: button;
    cursor: pointer;
}
button,
html input[type='button'] {
    float: right;
    margin-top: 5px;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type='search'] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input,
select,
textarea {
    color: #333;
}
body {
    line-height: 1.4;
}
a {
    text-decoration: none;
}
a,
a:visited {
    color: #105ea0;
}
a:hover {
    color: #002a6f;
}
img {
    max-width: 100%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
h1 {
    font-size: 1em;
}
h2 {
    font-size: 1.2em;
}
.security h4 {
    font-size: 1.1em;
}
.disclaimer,
.warning {
    font-size: 0.8em;
}
.bx-controls-direction a,
.error-warning,
.hint,
.pm-nojs-2 .controls .pm-next,
.pm-nojs-2 .controls .pm-prev,
footer small {
    font-size: 0.75em;
}
.right {
    float: right;
}
.left {
    float: left;
}
.wrapper {
    margin: 0 auto;
    max-width: 50em;
    position: relative;
}
.js .js-hide {
    display: none;
    visibility: hidden;
}
.js-show {
    display: none;
}
.js .js-show {
    display: block;
}
.no-js .no-js-hide,
.no-js .panelHide {
    display: none;
    visibility: hidden;
}
header {
    color: #fff;
    margin: 0;
    padding: 15px;
}
html {
    margin-left: 0 !important;
}
header.clean {
    background: none !important;
    padding: 1em 1em 1.2em;
}
.header.clean + #main #main + div > footer,
.header.clean + #main .header h1,
.header.clean + #main .header.clean {
    background: none repeat scroll 0 0 transparent !important;
    display: none !important;
}
#main #main {
    border: 0;
    margin: 0;
    padding: 0;
}
.header h1 img {
    max-height: 7em;
    min-height: 2.5em;
}
.disclaimer,
.warning {
    background: #fffcd9;
    border: 1px solid #ded996;
    color: #898550;
    margin: 0 0 5px;
    padding: 8px 10px;
}
.disclaimer {
    display: block;
    font-weight: 400;
}
#dynamic-content {
    outline: none;
}
#dynamic-content .header,
#dynamic-content footer {
    display: none;
}
#dynamic-content #main {
    border: none;
}
#noPaymentMethodsMessageJs,
#noPaymentMethodsMessageNoJs1 {
    padding: 0 0 15px;
}
#main {
    margin: 0;
    padding: 0.4em 0.4em 0;
}
#main form {
    margin: 0;
    padding: 0;
}
.box {
    margin: 0 0 0.4em;
    padding: 1em;
    position: relative;
}
.box .box {
    border: 0;
}
.payment-details .paymentMethods-thumbs [class*='icon-'] {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    float: right;
    height: 29px;
    margin: 0 0 0 8px;
    overflow: hidden;
    padding: 0;
    text-indent: -6000px;
    vertical-align: top;
    width: 49px;
}
.payment-details .icon-visa {
    background-position: 0 0;
}
label {
    display: block;
    font-weight: 700;
    margin: 0 0 5px;
}
label small {
    color: #595959;
    font-weight: 400;
}
h2 label {
    margin: 0;
}
.hint {
    clear: both;
    color: #595959;
    padding: 5px 0 0;
}
.error-warning {
    color: red;
    display: none;
    margin: 0 0 10px;
}
.error-message {
    color: red;
    font-weight: 700;
}
.security {
    color: #595959;
    margin: 10px 0 20px;
}
.security h4 {
    color: #333;
    font-weight: 700;
    margin: 0;
}
.security p {
    margin: 0;
}
.payment-method-nojs {
    margin: 0 0 15px;
}
.pm-nojs-2 {
    display: none;
    margin: 0;
    position: relative;
}
.pm-nojs-2 .icons {
    margin: 0 0 5px;
    text-align: center;
}
.pm-nojs-2 input[type='image'] {
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    margin: 0 5px 14px;
    vertical-align: top;
}
.pm-nojs-2 input[type='image']:hover {
    border-color: #ccc;
}
.pm-nojs-2 .controls {
    bottom: -50px;
    position: absolute;
    right: 0;
}
.pm-dropdown .controls,
.pm-menu .controls {
    bottom: 17px;
}
.mobile-expand {
    display: none;
}
.mobile-expand-link,
.mobile-unexpand-link {
    display: block;
    margin-bottom: 10px;
}
.mobile-expand-link:focus,
.mobile-unexpand-link:focus {
    color: #002a6f;
    outline: thin dotted;
    width: 100%;
}
.payment-details fieldset {
    margin: 0;
}
.payment-details .bottom {
    margin: 5px 0 0;
}
.payment-details .bottom a.button {
    text-align: center;
}
.payment-details .bottom.middle a {
    margin: 0 0 10px;
}
footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px 10px 0;
    width: 100%;
}
footer small {
    color: #1f3c73;
    display: block;
    margin: 0 0 5px;
}
.nostyle {
    border: 0;
    margin: 0;
    padding: 0;
}
.nocallout {
    -webkit-touch-callout: none;
}
.pressed {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.7);
}
textarea[contenteditable] {
    -webkit-appearance: none;
    -moz-appearance: none;
}
.gifhidden {
    left: -100%;
    position: absolute;
}
.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}
.ir br {
    display: none;
}
.payment-method-worldpay .hidden {
    display: none !important;
}
.payment-method-worldpay .hidden,
.payment-method-worldpay .invisible {
    visibility: hidden;
}
.clearfix:after,
.clearfix:before {
    content: '';
    display: table;
}
.clearfix:after {
    clear: both;
}
input[type='email'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='text'],
select {
    border-radius: 2px;
    outline: none;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}
.payment-details .button[disabled='disabled']:hover,
.payment-details .button[disabled],
.payment-details .button[disabled]:hover,
.payment-details input[disabled],
.payment-details select[disabled] {
    cursor: default;
}
.pm-dropdown input.button,
.pm-dropdown input[type='button'] {
    display: block;
}
.btn-make-payment {
    padding-bottom: 12px;
    padding-top: 12px;
}
.js .btn-toggle-summary {
    cursor: pointer;
}
.js .btn-toggle-summary.toggle {
    max-height: 33px;
    padding-bottom: 10px;
}
.warning {
    border-radius: 3px;
}
.security {
    background-position: 0 -235px;
    padding-left: 20px;
}
.pm-btn-wrapper {
    float: left;
    min-height: 1px;
}
.controls {
    width: 100%;
}
.bx-wrapper .bx-controls-direction {
    bottom: -45px;
    position: absolute;
    right: 0;
}
.bx-controls-direction a {
    margin: 0 0 0 12px;
}
span.message-required,
span.message-validation {
    display: none;
}
::placeholder {
    color: #767676;
    opacity: 1;
}
h2.no-line {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 15px;
}
div.lightbox {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
}
.lb-content {
    display: none;
}
#pm-custom-back iframe {
    left: 0;
    position: absolute;
    top: 0;
    borderstyle: none;
    height: 100%;
    overflow: auto;
    width: 100%;
    allowtransparency: true;
    vspace: 0;
    hspace: 0;
    marginwidth: 0;
    marginheight: 0;
    frameborder: 0;
    id: jczFrame;
}
.hide {
    display: none !important;
}
.screen-reader-only {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}
.noPrint.button {
    display: block !important;
    margin-top: 10px;
}
.hiddenscreen {
    background: none repeat scroll 0 0 #eee;
    margin: 10px 0;
    padding: 10px;
}
.width-small {
    max-width: 250px;
}
.width-medium {
    max-width: 350px;
}
.width-large {
    max-width: 450px;
}
.center,
.center div,
.center p,
.center span,
.center table,
.center td {
    text-align: center;
}
.no-wrap {
    word-wrap: normal;
}
.wp-footer {
    font-size: 0.9em;
    margin: 10px 0 0;
    padding: 0.5em 2em 1em;
    text-align: center;
}
.wp-logo {
    height: 4em;
    width: 12em;
}
.lightbox .box {
    border-radius: 0.4em;
    left: 50%;
    margin: 0 0 0 -12.5em;
    max-width: 25em;
    padding: 0.31em;
    position: fixed;
    text-align: left;
    top: 20%;
    width: 25em;
    z-index: 102;
}
.lightbox .box-wrapper {
    border-radius: 0.4em;
    padding: 0.63em;
}
.lightbox .box-wrapper input {
    float: right;
    margin-left: 0.63em;
}
.summary {
    padding: 1em;
}
.summary ul {
    list-style: none;
    margin: 0 0 0.33em;
    padding: 0;
}
.footerSummary {
    margin-top: 1em;
}
.summary dl {
    margin: 0;
}
@media only screen and (min-width: 481px) {
    .order-summary .wpay-row {
        display: flex;
        flex-direction: row;
    }
    .order-summary .field-label {
        padding-bottom: 0.6em;
        text-align: left;
        width: 35%;
    }
    .order-summary dd {
        padding-bottom: 0.6em;
        width: 65%;
        word-break: break-word;
    }
}
/* @media only screen and (max-width: 480px) { */
.order-summary .field-label {
    display: block;
    text-align: left;
    width: 100%;
}
.order-summary dd {
    display: block;
    padding-bottom: 0.6em;
    width: 100%;
    word-break: break-word;
}
[dir='rtl'] .order-summary .field-label {
    text-align: right;
}
/* } */
.summary strong {
    display: block;
    padding: 0 0.6em 0 0;
}
.summary[dir='rtl'] .field-label {
    text-align: right;
}
.summary[dir='rtl'] strong {
    padding: 0 0 0 0.6em;
}
[dir='rtl'] #orderAmount {
    direction: ltr;
    text-align: right;
}
#main .order-summary .section-header {
    display: inline-block;
}
#dynamic-cancel-page,
#dynamic-content.show-cancel {
    display: none;
}
#dynamic-cancel-page.show-cancel,
#dynamic-content #dynamic-cancel-page {
    display: block;
}
h1,
h3,
h4,
h5 {
    font-weight: 400;
    margin: 0;
}
h2 {
    color: #393939;
    font-weight: 700;
    margin: 0;
    padding: 0 0 10px;
}
h2.no-validation {
    padding-bottom: 18px;
}
h2.no-padding {
    padding: 0;
}
h3 {
    color: #393939;
    font-weight: 700;
    margin: 0 0 15px;
    padding: 0 0 5px;
}
p {
    margin: 0 0 8px;
}
.tbl {
    margin: 0 0 15px;
    width: 100%;
    word-wrap: break-word;
    border-collapse: collapse;
    table-layout: fixed;
}
.tbl td,
.tbl th {
    padding: 5px 7px;
}
.tbl th.col-1 {
    text-align: left;
}
#main #pm-dropdown {
    padding: 4px;
    width: 100%;
}
#express-checkout .pm {
    display: inline-block;
}
#express-checkout-container {
    align-items: center;
    display: flex;
}
#express-checkout-container .pm {
    align-self: auto;
    flex-grow: 1;
    line-height: 0px;
    margin: 0.5%;
    width: 100%;
}
#express-checkout-container .pm button {
    margin: 0;
}
@media (max-width: 480px) {
    #express-checkout-container {
        flex-direction: column;
    }
    #ctp-new-line {
        display: none;
    }
}
@media (min-width: 480px) {
    #express-checkout-container {
        flex-direction: row;
        flex-wrap: wrap;
    }
    #express-checkout-container .pm {
        max-width: 22em;
    }
    #ctp-new-line {
        flex-basis: 100%;
        width: 100%;
    }
}
/* @media only screen and (min-width: 621px) {
    .wpay-row {
        overflow: hidden;
    }
    .data-table .wpay-row {
        display: flex;
    }
    .wpay-row.pair .info,
    .wpay-row.pair div.first,
    .wpay-row.pair fieldset,
    .wpay-row.pair p {
        float: left;
        width: 48%;
    }
    .wpay-row.pair .info,
    .wpay-row.pair .last {
        float: right;
    }
    .wpay-row.pair .info p,
    .wpay-row.pair div.first p {
        float: none;
        margin: 0 0 0.66em;
        text-align: left;
        width: auto;
    }
} */
/* @media only screen and (max-width: 450px) { */
.wpay-row.pair div.first,
.wpay-row.pair div.info {
    float: none;
    width: 100%;
}
/* } */
@media only screen and (min-width: 621px) {
    div[dir='rtl'] .wpay-row.pair .info,
    div[dir='rtl'] .wpay-row.pair div.first,
    div[dir='rtl'] .wpay-row.pair fieldset,
    div[dir='rtl'] .wpay-row.pair p {
        float: right;
    }
    div[dir='rtl'] .wpay-row.pair .info,
    div[dir='rtl'] .wpay-row.pair .last {
        float: left;
    }
    div[dir='rtl'] .wpay-row.pair .info p,
    div[dir='rtl'] .wpay-row.pair div.first p {
        text-align: right;
    }
}
.form-validation .readonly-field {
    word-break: break-all;
}
.validation-container {
    float: right;
    height: 2em;
    line-height: 2em;
    margin-right: 3.5em;
    width: 1em;
}
.editContainer {
    padding: 0;
}
.editContainer .field-wrapper,
.editContainer .inputContainer,
.editContainer .inputContainer .edit-field {
    float: none;
    margin-bottom: 0.33em;
    min-height: 0;
}
.editContainer .inputContainer.error {
    background: none;
}
.inputContainer {
    padding-right: 0;
}
.form-validation #combinedDetails .field-label .validity-indicator {
    display: none;
}
@media only screen and (min-width: 481px) {
    .inputContainer {
        width: 60%;
    }
    .inputContainer input {
        width: 100%;
    }
    .editContainer .wpay-row.pair .field-wrapper {
        margin-bottom: 0;
        min-height: 0;
        width: 100%;
    }
}
/* @media only screen and (min-width: 601px) { */
.editContainer {
    padding: 0;
}
.editContainer .field-wrapper,
.editContainer .inputContainer,
.editContainer .inputContainer.edit-field {
    float: right;
    margin-bottom: 0.33em;
}
.inputContainer {
    margin-right: 3.33em;
    padding-right: 1.6em;
}
.editContainer .wpay-row.pair .field-wrapper label {
    background: none;
    float: left;
    padding-right: 0;
    padding-top: 0.3em;
}
.editContainer .inputContainer {
    margin-right: 0.5em;
    padding-right: 0;
}
.no-js .editContainer .inputContainer {
    padding-right: 1.6em;
}
.no-js .editContainer .error-hint {
    margin-right: 3.33em;
    padding: 0 1.6em 0 0;
    width: 60%;
}
.no-js .editContainer .inputContainer {
    margin-bottom: 0;
}
/* } */
/* @media only screen and (max-width: 600px) { */
.validation-container {
    display: none;
}
/* } */
.panelHideButton {
    margin-left: 0.5em;
}
.panelRo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.panel {
    border: 0;
    padding: 0 0 0.66em;
    position: relative;
}
.panelEditButton {
    margin-bottom: 0.66em;
}
.address-line-spacing {
    margin-bottom: 0.66em !important;
}
.panelTitle {
    color: #393939;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 0 0.5rem;
    word-wrap: break-word;
    display: inline-block;
    max-width: 80%;
    padding: 0;
    position: relative;
}
.panelTitleText {
    padding-left: 0;
    padding-right: 0.66em;
}
.panel-icon-close,
.panel-icon-edit {
    cursor: pointer;
    font-size: 0.9em;
    font-weight: 400;
    padding: 0;
    position: absolute;
    right: 0.1em;
    top: 0.66em;
}
.panel-icon-close .icon,
.panel-icon-edit .icon {
    vertical-align: middle;
}
div[dir='rtl'] .panel-icon-close,
div[dir='rtl'] .panel-icon-edit {
    left: 0.1em;
}
@media only screen and (min-width: 481px) {
    #tokenisationDetails .tokenisation-opt-in {
        text-align: right;
    }
}
body.iframe gpay-graypane {
    visibility: hidden;
}
.brn-iframe {
    z-index: 999999 !important;
}
.security-code-container {
    display: flex;
}
.pin-wrapper {
    display: inline-block;
    flex: 0 0 9em;
}
.pin-wrapper #securityCode {
    width: 4em;
}
.pin-help,
.pin-wrapper #pin-helpimg {
    margin-top: -0.2em;
}
.pin-help {
    flex: 1;
    font-size: 0.84em;
}
.form-layout #security-code-image,
.pin-wrapper #pin-helpimg {
    height: 1.95em;
    width: 4em;
}
.expiry-container input {
    width: 4em !important;
}
.expiry-container span {
    line-height: 2em;
    text-align: center;
    width: 1em;
}
/* @media only screen and (min-width: 741px) {
    div .pin-wrapper input.pin {
        width: 100%;
    }
} */
.sk-pin-container input {
    width: 7em !important;
}
dl.wpay-row dd {
    margin-inline-start: 0;
}
.secure-3d .help {
    padding-left: 0.5em;
}
.secure-3d .help .refresh-warning {
    font-size: 1em;
    font-weight: 700;
}
.secure-3d .iframe-container iframe {
    background: #fff;
    border: none;
    height: 600px;
    min-width: 460px;
    overflow: scroll;
    width: 100%;
}
.secure-3d .message {
    margin-top: 2em;
}
.secure-3d .submitButton {
    padding: 1.3em 0;
}
/* @media only screen {
    .mobile-scale-3ds {
        transform-origin: left top;
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
    }
    div[dir='rtl'] .mobile-scale-3ds {
        transform-origin: right top;
        -webkit-transform-origin: right top;
        -moz-transform-origin: right top;
        -ms-transform-origin: right top;
    }
} */
/* @media only screen and (max-width: 510px) { */
.mobile-scale-3ds {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
}
/* } */
@media only screen and (max-width: 480px) {
    .mobile-scale-3ds {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
    }
}
@media only screen and (max-width: 420px) {
    .mobile-scale-3ds {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }
}
@media only screen and (max-width: 350px) {
    .mobile-scale-3ds {
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
    }
}
@media only screen and (max-width: 320px) {
    .mobile-scale-3ds {
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
    }
}
#threeds-ddc-iframe {
    height: 1px;
    left: -9999px;
    position: fixed;
    top: -9999px;
    visibility: hidden;
    width: 1px;
}
.instalments-section {
    margin-bottom: 1.2em;
}
.instalments-options-list {
    list-style: none;
    margin-bottom: 0.8em;
    margin-top: 0;
    padding: 0;
}
.instalments-option {
    cursor: pointer;
    margin-bottom: 0.5em;
    padding-top: 0.8em;
}
.instalments-option-content {
    padding-left: 0.7em;
}
.instalments-option-cost,
.instalments-option-description {
    font-weight: 700;
}
.instalments-option-plan {
    display: flex;
    justify-content: space-between;
}
.instalments-option-plan-tccs {
    align-items: flex-start;
    display: flex;
}
.instalments-option-plan-tccs div {
    display: flex;
    flex-direction: column;
    padding-left: 1%;
    padding-right: 1%;
}
.instalments-option .instalments-option-plan-tccs {
    display: none;
}
.instalments-option.selected .instalments-option-plan-tccs {
    display: inline-flex;
}
.instalments-option-plan-tccs input[type='checkbox'] {
    margin-right: 1%;
    margin-top: 1%;
    min-height: 1em;
    min-width: 1em;
}
.instalments-option .small-icon.instalments {
    display: inline;
    margin-right: 1em;
    margin-top: 0;
}
.instalments-section .instalments-learn-more-link,
.instalments-section .instalments-option-plan-tccs-link {
    font-size: 0.9em;
}
.instalments-section-footer {
    display: flex;
    flex-direction: row;
}
.instalments-learn-more-img {
    height: 1em;
    padding: 0.1em 0.8em 0.1em 0.2em;
}
img.small-icon.instalments {
    height: 0.9em;
    width: 0.9em;
}
.paymentMethods-thumbs .small-icon.instalments {
    padding: 0.65em;
}
#pms-selector .pms-list {
    list-style: none;
    padding-left: 0;
}
#pms-selector .pms-item {
    border-bottom: thin solid #f7f7f7;
    border-left-color: #f7f7f7;
    border-left-width: thin;
    border-right-color: #f7f7f7;
    border-right-width: thin;
    border-top: thin solid #f7f7f7;
    margin: -1px 0 0 -1px;
}
#pms-selector .pms-item a {
    display: flex;
    flex-direction: row;
}
#pms-selector .pm-thumb {
    cursor: pointer;
    margin: 0.13em;
    text-align: center;
    width: 5em;
}
#pms-selector .pm-text {
    align-items: center;
    display: flex;
    flex: auto;
    line-height: 1em;
    padding: 1em;
    text-align: left;
    width: 12.5em;
}
#pms-selector .pm-text span {
    font-size: 1em;
}
#pms-selector .pm-icon {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
}
#pms-cards-item,
#pms-cards-list {
    display: flex;
    flex-direction: row;
}
#pms-cards-list {
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}
#pms-selector #pms-cards-list .pms-item {
    border: none;
}
#pms-cards-list .pms-item a {
    clear: none;
    display: inline;
}
#pms-cards-list .pm-icon:hover {
    border: 1px solid #ddd;
}
#pms-cards-list .pm-icon {
    width: 100%;
}
#pms-cards-list .pm-thumb {
    cursor: auto;
    width: 2.7em;
}
#pms-selector .pm-info a {
    padding-left: 1.7em;
}
.pm-dropdown .controls,
menu .controls {
    margin-bottom: 0;
}
.overflow {
    overflow: hidden;
    position: relative;
}
.pm-menu {
    display: none;
}
.pm-menu .pm-select:hover .pm-text {
    color: #007867;
    font-weight: 700;
}
.pm-menu .pm-icon:hover,
.pm-menu .pm-select:hover .pm-icon {
    border: 0.05em solid #007867;
}
#dynamic-content .loading-box:not(.visible) {
    display: none;
}
#dynamic-content .loading-box,
#threeds-loading .loading-box {
    text-align: center;
}
#threeds-loading .loading-box {
    border: none;
}
#dynamic-content .loading-box .retry-request,
#threeds-loading .loading-box .retry-request {
    display: none;
}
#dynamic-content .loading-box .logo-powered-by,
#threeds-loading .loading-box .logo-powered-by {
    display: block;
    height: 3.5em;
    margin: 0.5em auto -1em;
    width: 10em;
}
#dynamic-content .loading-box .loading-dots,
#threeds-loading .loading-box .loading-dots {
    height: 1em;
    margin: 1em auto;
    position: relative;
    width: 9em;
}
#dynamic-content .loading-box .loading-dots div,
#threeds-loading .loading-box .loading-dots div {
    animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-name: loading-transition;
    -ms-animation-name: loading-transition;
    -webkit-animation-name: loading-transition;
    -moz-animation-name: loading-transition;
    height: 2em;
    opacity: 0.5;
    position: absolute;
    width: 2em;
}
#dynamic-content .loading-box .loading-dots .dot-1,
#threeds-loading .loading-box .loading-dots .dot-1 {
    animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    left: 0;
}
#dynamic-content .loading-box .loading-dots .dot-2,
#threeds-loading .loading-box .loading-dots .dot-2 {
    animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    left: 1em;
}
#dynamic-content .loading-box .loading-dots .dot-3,
#threeds-loading .loading-box .loading-dots .dot-3 {
    animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    left: 2em;
}
#dynamic-content .loading-box .loading-dots .dot-4,
#threeds-loading .loading-box .loading-dots .dot-4 {
    animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
    left: 3em;
}
#dynamic-content .loading-box .loading-dots .dot-5,
#threeds-loading .loading-box .loading-dots .dot-5 {
    animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    left: 4em;
}
#dynamic-content .loading-box .loading-dots .dot-6,
#threeds-loading .loading-box .loading-dots .dot-6 {
    animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
    left: 5em;
}
#dynamic-content .loading-box .loading-dots .dot-7,
#threeds-loading .loading-box .loading-dots .dot-7 {
    animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    left: 6em;
}
#dynamic-content .loading-box .loading-dots .dot-8,
#threeds-loading .loading-box .loading-dots .dot-8 {
    animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s;
    left: 7em;
}
#dynamic-content .loading-box.failure .retry-request {
    display: block;
}
#dynamic-content .loading-box.failure .info {
    display: none;
}
@keyframes loading-transition {
    0% {
        opacity: 0.5;
    }
    to {
        opacity: 0.1;
    }
}
@-ms-keyframes loading-transition {
    0% {
        opacity: 0.5;
    }
    to {
        opacity: 0.1;
    }
}
@-webkit-keyframes loading-transition {
    0% {
        opacity: 0.5;
    }
    to {
        opacity: 0.1;
    }
}
@-moz-keyframes loading-transition {
    0% {
        opacity: 0.5;
    }
    to {
        opacity: 0.1;
    }
}
#main .payment-details .note {
    color: #595959;
    display: block;
    font-size: 0.7em;
    font-weight: 400;
    padding: 0;
}
.payment-details-header {
    font-size: 1.2em;
    padding: 0 0 10px;
}
#main .payment-details .required-field {
    font-style: normal;
}
#requiredFieldNote .required-field {
    font-size: 0.7em;
    margin: 0 0.2em;
}
.required-field-container {
    align-items: center;
    display: flex;
}
#main .payment-details small.error-hint {
    clear: both;
    display: block;
    min-height: 1.25rem;
    padding: 0.25rem 0 0;
}
#main #combinedDetails .error-hint {
    padding: 0 24px 0 0;
}
.form-validation input[type='email'],
.form-validation input[type='number'],
.form-validation input[type='password'],
.form-validation input[type='tel'],
.form-validation input[type='text'],
.form-validation select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    padding: 0.3em;
    width: 100%;
}
.form-validation input[type='number'].small,
.form-validation input[type='password'].small,
.form-validation input[type='text'].small,
.form-validation select.small {
    width: 48%;
}
.form-validation:not(.form-layout) .error label,
.form-validation:not(.form-layout) .ok label {
    border-bottom: none;
    display: table;
    padding-right: 0;
    position: relative;
    width: auto;
}
.form-validation small.error-hint {
    visibility: hidden;
}
.form-validation .error small.error-hint {
    visibility: visible;
}
.sepa-details dl {
    display: flex;
    flex-flow: wrap;
    margin: 0;
    width: 100%;
}
.sepa-details div.mandate {
    margin-bottom: 0.8em;
}
.sepa-details dt {
    text-align: left;
    vertical-align: top;
    width: 35%;
}
.sepa-details #declaration {
    display: inline;
    margin-right: 0.5em;
}
.sepa-details #declaration-wrapper #declarationLabel {
    display: inline;
}
.sepa-details dd,
.sepa-details dt {
    display: block;
    padding-bottom: 0.6em;
    padding-right: 0.6em;
    padding-top: 0.6em;
}
.sepa-details dd {
    width: 60%;
    word-break: break-all;
}
.sepa-details #declarationControl,
.sepa-details #declarationText {
    word-break: keep-all;
}
.sepa-details dd#creditorAddress span {
    display: block;
}
.payment-details .field-label {
    font-weight: 700;
}
.checkbox {
    display: block;
}
.checkbox input[type='checkbox'] {
    padding-right: 0.5em;
    vertical-align: middle;
}
.checkbox span {
    vertical-align: middle;
}
.form-layout .wpay-row {
    margin: 0.6em 0.6em 1em;
    overflow: visible !important;
}
.form-layout .wpay-row .field-label {
    vertical-align: top;
}
.form-layout .wpay-row .text {
    display: inline-block;
}
/* @media only screen and (min-width: 621px) {
    .form-layout .wpay-row .field-label {
        display: inline-block;
        width: 14em;
    }
} */
/* @media only screen and (max-width: 620px) { */
.form-layout .wpay-row .field-label {
    display: block;
}
/* } */
#main .payment-details .form-layout .error-hint {
    display: none;
}
#main .payment-details .form-layout .error .error-hint {
    display: block;
    margin-top: -0.1em;
    padding: 0.3em 0;
}
.form-layout #securityCode {
    width: 6em;
}
.form-layout .security-code-info {
    display: inline-block;
    margin-left: 0.5em;
    position: relative;
    top: -0.1em;
}
/* @media only screen and (min-width: 621px) {
    .form-layout .security-code-info {
        display: inline-block;
        margin-left: 0.5em;
        position: relative;
        top: -0.1em;
    }
    #securityCodeDivId {
        position: relative;
    }
} */
/* @media only screen and (max-width: 620px) { */
.form-layout #security-code-image,
.form-layout #security-code-text,
.form-layout #securityCode,
.form-layout .security-code-info {
    float: left;
}
[dir='rtl'] .form-layout #security-code-image,
[dir='rtl'] .form-layout #security-code-text,
[dir='rtl'] .form-layout #securityCode,
[dir='rtl'] .form-layout .security-code-info {
    float: right;
}
.form-layout .security-code-info {
    width: 60%;
}
.form-layout #security-code-text {
    margin-left: 1em;
    width: 50%;
}
/* } */
div[dir='rtl'] #main #combinedDetails .error-hint {
    padding: 0 0 0 24px;
}
div[dir='rtl'] .form-validation .error input[type='tel'],
div[dir='rtl'] .form-validation .ok input[type='tel'],
div[dir='rtl'] .form-validation input[type='tel'],
div[dir='rtl'] .form-validation input[type='tel']:focus {
    text-align: right;
}
div[dir='rtl'] .form-validation:not(.form-layout) .error label,
div[dir='rtl'] .form-validation:not(.form-layout) .ok label {
    padding: 0 0 0 30px;
}
div[dir='rtl'] .payment-details .field-label {
    font-weight: 700;
}
div[dir='rtl'] .checkbox input[type='checkbox'] {
    padding: 0 0 0 0.5em;
}
div[dir='rtl'] .form-layout .security-code-info {
    margin: 0 0.5em 0 0;
}
/* @media only screen and (min-width: 621px) {
    div[dir='rtl'] .form-layout .security-code-info {
        margin: 0 0.5em 0 0;
    }
} */
/* @media only screen and (max-width: 620px) { */
div[dir='rtl'] .form-layout #security-code-image {
    float: right;
}
div[dir='rtl'] .form-layout #security-code-text {
    margin: 0 1em 0 0;
}
/* } */
[dir='rtl'] span#cardNumber {
    direction: ltr;
}
/* @media only screen and (max-width: 620px) { */
div[dir='rtl'] .form-layout #securityCode {
    float: right;
}
/* } */
/* @media only screen and (min-width: 621px) {
    #expiryDate-wrapper {
        float: none;
        width: auto;
    }
} */
.sepa-details li {
    float: left;
    width: 65%;
    word-wrap: break-word;
}
.sepa-details ul {
    list-style: none outside none;
    padding-left: 0;
}
.sepa-details ul li:first-child {
    width: 35%;
}
#sepaDeclaration li {
    float: left;
    width: 90%;
    word-wrap: break-word;
}
#sepaDeclaration li:first-child {
    text-align: center;
    width: 10%;
}
.sepaDDMandateHeader {
    text-align: center;
}
.sepa-details #mandateReference {
    word-break: break-all;
}
.box div#klarnaSnippet {
    min-height: 40em;
}
.box .weChatContent {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.weChatContent img#weChatLogo {
    max-width: 13em;
    padding-top: 3em;
}
.weChatContent img#weChatQRCode {
    max-width: 18em;
}
.tooltip {
    display: inline-block;
    margin-left: 5px;
    position: relative;
}
.tooltip .tooltip-text {
    background-color: #6b6b6b;
    border-radius: 0.4em;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.4em;
    margin-left: 10px;
    padding: 10px;
    position: absolute;
    text-align: left;
    visibility: hidden;
    width: 20vw;
    z-index: 1;
}
.tooltip:focus .tooltip-text,
.tooltip:hover .tooltip-text {
    cursor: default;
    visibility: visible;
}
.tooltip:active .tooltip-text {
    cursor: default;
}
.currency-box {
    outline: none;
}
.currency-box .panelContainer {
    display: table;
    margin: 1em auto;
    max-width: 25em;
    width: 100%;
}
.currency-box .panelContainer .panel,
.currency-box .panelContainer .to {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    list-style: none outside none;
    padding-top: 1em;
    vertical-align: middle;
}
#conversion .panelContainer .panel {
    padding: 0.4em;
    width: 10em;
}
.currency-box .panelContainer .to {
    color: #bbb;
    vertical-align: middle;
}
.currency-box .panelContainer .to .icon {
    font-size: 1.6em;
    line-height: 1.6em;
}
.currency-box .panelContainer .boxy {
    display: inline-block;
    padding: 0.4em;
    vertical-align: top;
}
.currency-box .panelContainer .boxy .wpay-row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 2em;
    margin: 0 0 0.4em;
    padding: 0.4em;
    width: 100%;
}
.currency-box .panelContainer .boxy .wpay-row:last-child {
    margin-bottom: 0;
}
.currency-box .panelContainer .boxy .amount {
    margin: 0;
}
.currency-box .panelContainer .boxy .wpay-row img {
    float: left;
}
.currency-box .panelContainer .boxy .amount {
    text-align: right;
}
.currency-box .panelContainer .boxy:last-child {
    margin-right: 0;
}
.currency-box .panelContainer .boxy .panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
@media only screen and (max-width: 480px) {
    .currency-box .right {
        float: none;
    }
}
@media only screen and (min-width: 481px) {
    .currency-box form {
        display: inline-block;
    }
}
.button {
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    height: 1.4em;
    line-height: 1.4em;
    padding: 0.4em 0.6em;
    text-align: center;
}
#klarnaConfirmButton {
    overflow: auto;
}
.button.btn-align-right {
    float: right;
    margin-bottom: 0.5em;
    padding-bottom: 12px;
    padding-top: 12px;
}
@media only screen and (min-width: 481px) {
    .button.btn-change-payment,
    .button.btn-try-again {
        float: right;
        margin: 0;
    }
}
@media only screen and (max-width: 480px) {
    .button {
        display: inline-block;
        float: none;
        margin: 0.5em 0;
        padding: 0.4em 0;
        text-align: center;
        width: 100%;
    }
    .button.btn-change-payment {
        margin-top: 0;
    }
    .button.btn-change-payment .icon {
        display: none;
    }
    .button.btn-cancel {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 481px) {
    div[dir='rtl'] .button.btn-change-payment,
    div[dir='rtl'] .button.btn-try-again {
        float: left;
    }
}
.warning-message {
    margin: 0 0 5px;
    padding: 8px 10px;
    text-align: center;
}
#session-expiry,
#session-timeout.warning-message {
    display: none;
}
#session-timeout.warning-message .button {
    float: none;
    margin: 0 0 0 1em;
}
#session-expiry .countdown {
    display: inline-block;
}
@media only screen and (max-width: 480px) {
    #session-timeout.warning-message .button {
        margin: 0.5em 0 0;
    }
}
small.error-hint {
    font-size: 0.84em;
}
.error .error-hint {
    visibility: visible;
}
#main .country,
#main .language {
    z-index: 2;
}
#main #country,
#main #language {
    height: 2.2em;
    padding: 0.25em;
    width: 14em;
}
@media only screen and (min-width: 601px) {
    .country,
    .language {
        margin: -5px 0 0;
        position: absolute;
        right: 25px;
        top: 15px;
    }
    .language {
        display: block;
    }
    .country p,
    .language p {
        display: inline;
        margin: 0;
    }
    .country .button,
    .language .button {
        margin-left: 0.6em;
    }
    [dir='rtl'] .country .button,
    [dir='rtl'] .language .button {
        margin-left: auto;
        margin-right: 0.6em;
    }
    [dir='rtl'] .country,
    [dir='rtl'] .language {
        left: 1.5em;
        right: auto;
    }
}
@media only screen and (max-width: 600px) {
    #main #country,
    #main #language {
        display: block;
        max-width: none;
        width: 100%;
    }
    .language {
        margin: 0;
    }
}
@media print {
    .country,
    .language {
        display: none !important;
    }
}
.cancel-confirm .close {
    cursor: pointer;
    line-height: 1em;
    padding: 0.4em;
    position: absolute;
    right: 1em;
    top: 1em;
}
@media only screen and (max-width: 480px) {
    .cancel-confirm .close {
        display: none;
    }
}
.sr-only {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}
@font-face {
    font-family: hpp-icons;
    font-style: normal;
    font-weight: 400;
    src: url(./6169fcec8798a03ac7c3.ttf);
    src: url(./6169fcec8798a03ac7c3.ttf) format('truetype');
}
.icon {
    font-family: hpp-icons !important;
    speak: none;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga=1';
    -moz-font-feature-settings: 'liga';
    -ms-font-feature-settings: 'liga' 1;
    font-feature-settings: 'liga';
    font-style: normal;
    font-variant: normal;
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1em;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-left:before {
    content: '\f060';
}
.icon-arrow-right:before {
    content: '\f061';
}
.to .icon-arrow-right:before {
    color: #535759;
    content: '\f061';
}
.icon-processed:before,
.icon-tick:before {
    content: '\f00c';
}
.icon-expand:before {
    content: '\f0dd';
}
.icon-collapse:before {
    content: '\f0de';
}
.icon-loading:before {
    content: '\e902';
}
.icon-expired:before {
    content: '\f12a';
}
.icon-black-cross:before,
.icon-cross:before {
    content: '\f00d';
}
.icon-redo:before {
    content: '\f0e2';
}
.icon-gear:before {
    content: '\f013';
}
.icon-inbox-document:before {
    content: '\e900';
}
.icon-cross-alt:before {
    content: '\e901';
}
.icon-circle:before {
    content: '\f111';
}
[dir='rtl'] .toggle .icon-collapsible:before {
    content: '\f106';
}
.icon-info-solid:before {
    color: #6b6b6b;
    content: '\e902';
}
.paymentMethods-thumbs {
    float: right;
    max-width: 55%;
}
.paymentMethods-thumbs .smallIcons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.paymentMethods-thumbs .small-icon {
    border: 1px solid #ddd;
    border-radius: 0.4em;
    float: right;
    height: 2.2em;
    margin-bottom: 0.1em;
    margin-left: 0;
    margin-right: 0.15em;
    width: 3.4em;
}
div[dir='rtl'] .paymentMethods-thumbs {
    float: left;
}
div[dir='rtl'] .paymentMethods-thumbs .small-icon {
    float: left;
    margin-left: 0.1em;
    margin-right: 0;
}
#main .section-header:not(.expired) .icon {
    font-size: 0.8em;
}
.form-validation .validity-indicator {
    margin-left: 0.5em;
}
.form-validation .validation-container .icon,
.form-validation .validity-indicator {
    display: none;
}
.form-validation .error .validation-container .icon,
.form-validation .error .validity-indicator.invalid,
.form-validation .ok .validity-indicator.valid {
    display: inline-block;
}
@media print {
    *,
    body {
        background: #fff !important;
        border: none !important;
        color: #000 !important;
    }
    body {
        overflow: hidden;
    }
    #bankCodeLabel,
    .payment-details [class*='icon-'] {
        display: none !important;
    }
    #bankCode {
        border: none !important;
    }
    .print-no {
        display: none !important;
    }
    .mobile-expand {
        display: block !important;
    }
    .mobile-expand-link,
    .mobile-unexpand-link {
        height: 0;
        margin: 0;
        visibility: hidden;
    }
    #main,
    .box,
    footer {
        background: none !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .no-js .wrapper {
        padding: 0 10px;
    }
    .no-js #main,
    .no-js .box,
    .no-js footer {
        padding: 5px !important;
    }
    h2 {
        margin: 15px 0 10px !important;
        padding: 0 !important;
    }
    .tbl {
        width: auto !important;
        word-wrap: normal !important;
        table-layout: auto !important;
    }
    .tbl .td,
    .tbl .th {
        border: none !important;
    }
    .tbl th.col-1 {
        background: none !important;
        width: auto !important;
    }
    .button,
    .note,
    .p-hide,
    .warning,
    fieldset.bottom,
    footer small {
        display: none !important;
    }
    footer p.right {
        float: none !important;
    }
    footer h3 {
        background: none !important;
    }
    div#wpFooterPrint h3 {
        border: none !important;
    }
    .js .btn-toggle-summary,
    .pm-next,
    .pm-prev,
    .security {
        background: none !important;
        cursor: default !important;
    }
    #confirmContinueLightbox,
    #confirmLightbox,
    #printButtonLink,
    #wpFooter {
        display: none !important;
    }
    fieldset {
        border: none;
    }
    .icon-collapsible {
        display: none;
    }
    .wpay-row.pair .info p,
    .wpay-row.pair div.first p {
        float: none;
        margin: 0 0 10px;
        text-align: left;
        width: auto;
    }
    .wpay-row.pair .info {
        float: right;
        font-size: 0.9em;
    }
    .order-summary li {
        float: left !important;
        width: 33%;
    }
    #iframeBody .details ul,
    .details,
    .order-summary,
    .order-summary h2,
    .summary {
        display: block !important;
    }
    .no-js .footerSummary {
        display: none !important;
    }
    .no-js .order-summary ul {
        display: block !important;
    }
    .no-js .order-summary .btn-toggle-summary {
        background: none;
    }
    #changePaymentMethod,
    .footerSummary,
    .noPrint,
    h2.btn-toggle-summary.mobile-only {
        display: none !important;
    }
    .fullWidth {
        width: 100% !important;
    }
    .hiddenscreen {
        display: none;
        visibility: hidden;
    }
    #session-timeout.warning-message,
    .country,
    .language {
        display: none !important;
    }
}
@media only screen and (min-width: 321px) {
    h2.btn-toggle-summary {
        clear: both;
    }
    div.pm-dropdown {
        display: none;
    }
    div.pm-menu {
        clear: both;
        position: relative;
    }
    div.pm-menu,
    div.pm3 {
        display: block;
    }
    .next-btn-wrapper,
    .prev-btn-wrapper {
        bottom: 17px;
    }
}
@media only screen and (max-width: 320px) {
    .pm-dropdown {
        width: 100%;
    }
}
@media only screen and (max-width: 380px) {
    div.pm3 {
        overflow: hidden;
        width: 282px;
    }
    div.pm-text,
    div.pm-thumb {
        width: 82px;
    }
    .pm-menu ul li {
        margin-right: 8px;
    }
}
@media only screen and (min-width: 481px) {
    button,
    html input[type='button'] {
        margin-top: 5px;
    }
    .ie .mobile-only,
    .mobile-only {
        display: none !important;
    }
    .tablet-only.box-title {
        display: inline-block !important;
        min-width: 200px;
    }
    .info {
        margin: 2px 0;
    }
    .ctr-month {
        float: left;
    }
    .ctr-year {
        float: right;
    }
    fieldset.top {
        padding: 20px 0 0;
    }
    input.button.panelDiscardButton {
        float: left;
    }
    .bottom .align-r {
        float: right;
        width: auto;
    }
    .bottom .btn-confirm,
    .bottom .btn-make-payment,
    .bottom .btn-r {
        float: right;
    }
    .bottom .security {
        border: 0;
        float: left;
        margin: 0 15px 0 0;
        padding: 0 0 0 20px;
        width: 140px;
    }
    .payment-details .bottom a.button {
        display: inline-block;
    }
    .payment-details .bottom input.button {
        width: auto;
    }
    .bottom.middle {
        text-align: center;
    }
    .payment-details .bottom.middle a {
        margin-bottom: 0;
    }
    .bottom.middle a.btn-l {
        float: left;
        margin-right: 10px;
    }
    .bottom.middle a.btn-r {
        float: right;
        margin-left: 10px;
    }
    div.mobile-expand {
        display: block !important;
    }
    span.mobile-expand {
        display: inline !important;
    }
    .mobile-expand-link,
    .mobile-unexpand-link {
        display: none !important;
    }
}
@media only screen and (max-width: 480px) {
    .lightbox .box-wrapper input {
        margin-left: 0;
    }
    .currency-box #agreeButton,
    .currency-box #notAgreeButton {
        margin-top: 1em;
    }
    #main #pm-dropdown {
        display: block;
        max-width: none;
        width: 100%;
    }
    #conversion .panelContainer .panel {
        width: auto;
    }
    #conversion .panelContainer .panel .currency * {
        float: none;
    }
    .editable-panel .panel {
        overflow: visible;
    }
    .panel-icon-close,
    .panel-icon-edit {
        bottom: auto;
        display: block;
        left: auto;
        position: relative;
        right: auto;
        text-align: right;
        top: auto;
        width: 100%;
    }
    .panel3wayTop,
    .panel3wayTop .panel {
        overflow: hidden;
    }
    .mobile-only {
        display: block !important;
    }
    .desktop-only {
        display: none !important;
    }
    .no-js div.mobile-expand {
        display: block !important;
    }
    .no-js span.mobile-expand {
        display: inline !important;
    }
    .no-js .mobile-expand-link,
    .no-js .mobile-unexpand-link {
        display: none;
    }
    .next-btn-wrapper,
    .prev-btn-wrapper {
        bottom: 0;
    }
    .order-summary ul {
        list-style: none outside none;
        margin: 0 0 5px;
        padding: 0;
    }
    .order-summary ul.summaryAmount {
        display: none !important;
    }
    .no-js .order-summary .btn-toggle-summary {
        background-image: none;
    }
    .payment-details .bottom,
    .payment-details h2,
    .payment-method h2,
    .pm-menu h2 {
        border: none;
        margin: 0;
    }
    .payment-method .bottom {
        padding-top: 35px;
    }
    .pm-dropdown .controls,
    .pm-menu .controls {
        bottom: 0;
        text-align: right;
        width: 100%;
    }
    .pm-next,
    .pm-prev {
        margin: 12px 0;
        padding: 6px 0;
    }
    .paymentMethods-thumbs {
        clear: both;
        float: none;
        max-width: 100%;
        padding-bottom: 0.3em;
        text-align: right;
        width: 100%;
    }
    [dir='rtl'] .paymentMethods-thumbs {
        text-align: left;
    }
    .paymentMethods-thumbs .smallIcons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .payment-details .paymentMethods-thumbs .smallIcons .small-icon {
        float: none;
    }
    .payment-details .paymentMethods-thumbs.clearfix:after {
        clear: none;
    }
    .bottom .align-r {
        float: none;
        width: 100%;
    }
    .lightbox .box {
        left: 20px;
        margin: 0;
        max-width: none;
        right: 20px;
        width: auto;
    }
    .payment-method .bottom {
        border: 0;
        padding-top: 0;
    }
    .pm-btn-wrapper {
        display: inline-block;
        float: none;
    }
    .pm-pager {
        margin: 23px 0 12px;
    }
    .panelTitleText {
        padding-right: 10px;
    }
}
@media only screen and (max-width: 510px) {
    #pm-message-tooltip,
    #pms-cards-list {
        display: none;
    }
}
@media only screen and (min-width: 501px) {
    div.pm3 {
        display: none;
    }
    div.pm4 {
        display: block;
    }
}
@media only screen and (min-width: 621px) {
    .editContainer {
        padding: 0;
    }
    div.pm4 {
        display: none;
    }
    div.pm5 {
        display: block;
    }
}
@media only screen and (min-width: 741px) {
    .editContainer {
        padding: 0 40px;
    }
    div.pm5 {
        display: none;
    }
    div.pm6 {
        display: block;
    }
}
div[dir='rtl'] .bottom .align-r {
    float: left;
}
div[dir='rtl'] .bottom .btn-cancel {
    float: right;
}
div[dir='rtl'] .panel-icon-close,
div[dir='rtl'] .panel-icon-edit {
    text-align: left;
}
.cobranded-selector {
    padding-bottom: 0.8rem;
}
.cobranded-selector .brands {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}
.cobranded-selector .brand {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
}
.cobranded-selector .brand img {
    height: 2.5rem;
    margin: 0.4rem;
}
.cobranded-selector .brand input[type='radio'] {
    accent-color: #000;
    height: 1.5rem;
    width: 1.5rem;
}
.field-label .required-field {
    margin-left: 0.2rem;
}
.captcha {
    display: inline-block;
    margin-bottom: 0.66em;
}
.captcha-help {
    float: left;
    font-size: 0.84em;
    line-height: 1.3em;
    padding: 5px 0 8px;
    width: 90%;
}
div[dir='rtl'] .captcha-help {
    float: right;
}
#recaptcha-wp-hosted-component .g-recaptcha-iframe-container1 {
    height: 422px;
    position: relative;
    width: 302px;
}
#recaptcha-wp-hosted-component .g-recaptcha-iframe-container2 {
    height: 422px;
    position: absolute;
    width: 302px;
}
#recaptcha-wp-hosted-component .g-recaptcha-iframe {
    border-style: none;
    height: 422px;
    width: 302px;
}
#recaptcha-wp-hosted-component .g-recaptcha-response {
    border: 1px solid #c1c1c1;
    height: 40px;
    margin: 10px 25px;
    padding: 0;
    resize: none;
    width: 250px;
}
#recaptcha-wp-hosted-component .g-recaptcha-response-container {
    background: #f9f9f9;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    bottom: 12px;
    height: 60px;
    left: 25px;
    margin: 0;
    padding: 0;
    right: 25px;
    width: 300px;
}
.data-table {
    margin-bottom: 2rem;
}
.data-table-row {
    margin: 0.6em 0.6em 1em;
    overflow: visible !important;
    overflow-wrap: anywhere;
}
@media only screen and (min-width: 621px) {
    .data-table-row {
        overflow: hidden;
    }
}
#main .payment-details .data-table-label {
    color: inherit;
}
@media only screen and (min-width: 621px) {
    .data-table-row .data-table-label {
        display: inline-block;
        width: 14em;
    }
}
.data-table-row .data-table-label {
    vertical-align: top;
}
.payment-details .data-table-label {
    font-weight: 700;
}
.data-table-row .data-table-value {
    display: inline-block;
}
dl.data-table-row dd {
    margin-inline-start: 0;
}
.form-validation small.error-hint.show {
    visibility: visible;
}
.wc-field-fill {
    grid-column: span 2;
}
.inline-edit-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    max-width: none;
}
.inline-edit-header .icon-cross,
.inline-edit-header .icon-tick {
    margin-left: 0.6rem;
}
.inline-edit-toggle {
    cursor: pointer;
    flex-grow: 1;
    font-size: 0.9rem;
    font-weight: 400;
    margin-left: 0.6rem;
    text-align: right;
}
.inline-edit-toggle .icon {
    margin-left: 0.2rem;
    vertical-align: middle;
}
.inline-edit-header .panel-icon-close,
.inline-edit-header .panel-icon-edit {
    position: relative;
    right: auto;
    top: auto;
    width: auto;
}
.payment-details .inline-edit-header h2 {
    margin-bottom: 0;
}
.payment-details .inline-edit-header {
    margin-bottom: 0.5rem;
}
.inline-edit-change {
    padding: 0 1rem 0.5rem;
}
.tc-details.tosspay-instalment {
    font-weight: 400;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}
.tc-line.tosspay-instalment {
    margin-bottom: 0.3em;
}
.tc-tickbox-text.tosspay-instalment,
.tc-tickbox.tosspay-instalment {
    margin-right: 0.5em;
}
#agreeInstalmentTermsLabel {
    display: inline;
}
@media only screen and (min-width: 621px) {
    .wc-form-group {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 1rem;
        grid-row-gap: 0.5rem;
        margin-bottom: 0.5rem;
    }
}
html[dir='ltr'] .wc-form-group .required-field {
    margin-left: 0.2rem;
}
html[dir='rtl'] .wc-form-group .required-field {
    margin-right: 0.2rem;
}
html[dir='ltr'] .data-table ~ .wc-form-group {
    margin-left: 0.6em;
}
html[dir='rtl'] .data-table ~ .wc-form-group {
    margin-right: 0.6em;
}
.wc-form-submission .button,
html[dir='rtl'] .bottom .btn-cancel {
    float: none;
}
.wc-form-submission {
    display: flex;
}
@media only screen and (min-width: 481px) {
    .wc-form-submission .wc-left,
    .wc-form-submission .wc-right {
        flex-basis: calc(50% - 1rem);
        flex: 1;
    }
    html[dir='ltr'] .wc-form-submission .wc-right {
        text-align: right;
    }
    html[dir='rtl'] .wc-form-submission .wc-right {
        text-align: left;
    }
}
/* @media only screen and (max-width: 480px) { */
.wc-form-submission {
    flex-direction: column-reverse;
}
/* } */
.payment-method-worldpay * {
    box-sizing: content-box;
}
.payment-method-worldpay input {
    cursor: pointer;
}
.payment-method-worldpay {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.payment-method-worldpay .wrapper-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent;
    z-index: 999;
}
.payment-method-worldpay #main {
    position: relative;
    z-index: 1;
}
