Your IP : 216.73.216.131
html {
background-color: #efefef
}
.window {
height: 100%;
width: 100%;
background-color: #efefef
}
.window .rp-border {
max-width: 640px;
margin: 100px auto
}
@media (max-height: 1080px) {
.window .rp-border {
margin: 5% auto
}
}
@media (max-width: 700px) {
html {
background-color: #fff
}
}
.rp-loader[_ngcontent-ovx-c33] {
position: relative;
min-height: 150px
}
.rp-footer[_ngcontent-ovx-c84] {
border-top: 1px solid #E9ECEF;
background-color: #fff;
padding: 14px 0;
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
align-items: flex-start
}
.rp-footer[_ngcontent-ovx-c84] .logo[_ngcontent-ovx-c84] {
display: flex;
align-items: center;
justify-content: flex-end;
color: #495057;
padding: 0 1em;
font-weight: 500
}
.rp-footer[_ngcontent-ovx-c84] .logo[_ngcontent-ovx-c84] .reepay[_ngcontent-ovx-c84] {
padding-left: 3px;
padding-top: 9px
}
.rp-footer.no-button[_ngcontent-ovx-c84] {
justify-content: flex-end
}
.rp-header[_ngcontent-ovx-c83] {
width: 100%;
padding: 15px 0;
background-color: #fff;
color: #343a40;
border-radius: 6px 6px 0 0/6px 6px 0px 0px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
background-clip: padding-box
}
.rp-header[_ngcontent-ovx-c83] .rp-header-container[_ngcontent-ovx-c83] {
height: 100%;
width: 100%
}
.rp-header[_ngcontent-ovx-c83] .rp-header-logo[_ngcontent-ovx-c83] {
width: 100%;
height: 100%
}
.rp-header[_ngcontent-ovx-c83] .rp-header-row[_ngcontent-ovx-c83] {
padding: 0 5%;
width: 100%;
height: 100%;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
min-height: 57px
}
.rp-header[_ngcontent-ovx-c83] .rp-header-row[_ngcontent-ovx-c83]>.rp-button-cancel[_ngcontent-ovx-c83] {
cursor: pointer;
height: 50px;
display: flex;
align-items: center
}
.rp-header[_ngcontent-ovx-c83] .rp-header-row[_ngcontent-ovx-c83]>.rp-button-cancel[_ngcontent-ovx-c83] img[_ngcontent-ovx-c83] {
padding-right: .5em;
height: 15px
}
.rp-header[_ngcontent-ovx-c83] .rp-header-row[_ngcontent-ovx-c83]>.rp-button-cancel[_ngcontent-ovx-c83] div[_ngcontent-ovx-c83] {
display: flex;
align-items: center;
height: 100%;
padding: 0 1em 3px 0;
color: #495057;
border-right: 1px solid #ced4da
}
.rp-header[_ngcontent-ovx-c83] .rp-header-logo-image[_ngcontent-ovx-c83] {
margin-left: 1rem
}
.rp-header[_ngcontent-ovx-c83] .rp-header-logo-image[_ngcontent-ovx-c83] img[_ngcontent-ovx-c83] {
max-height: 32px;
max-width: 100%;
width: auto;
height: auto
}
.rp-header[_ngcontent-ovx-c83] #rp-header-amount[_ngcontent-ovx-c83] {
margin-left: 4px
}
.rp-header[_ngcontent-ovx-c83] .rp-header-view-details[_ngcontent-ovx-c83] {
cursor: pointer
}
.rp-header[_ngcontent-ovx-c83] .rp-header-details[_ngcontent-ovx-c83] {
margin: 15px;
padding: 0 15%;
max-height: 250px;
overflow-y: auto;
border-top: 1px solid #e9ecef
}
.rp-header[_ngcontent-ovx-c83] .rp-header-details-row[_ngcontent-ovx-c83] {
margin-top: 15px
}
.rp-header.webpage[_ngcontent-ovx-c83] {
box-shadow: 1px -3px 20px #888
}
.rp-header.webpage[_ngcontent-ovx-c83] .rp-header-row[_ngcontent-ovx-c83]>div[_ngcontent-ovx-c83]:nth-child(1) {
width: auto
}
.rp-header.webpage[_ngcontent-ovx-c83] .rp-header-row[_ngcontent-ovx-c83]>div[_ngcontent-ovx-c83]:nth-child(3) {
width: 50%
}
.rp-header.webpage[_ngcontent-ovx-c83] .rp-header-row[_ngcontent-ovx-c83]>.header-logo[_ngcontent-ovx-c83] {
width: 100%;
margin-left: 1rem
}
.rp-content[_ngcontent-ovx-c80] {
color: #212529
}
.main-container[_ngcontent-ovx-c36] {
width: 100%;
height: 100%
}
.rp-content-section-details[_ngcontent-ovx-c79] {
overflow: hidden;
padding: 0 8%;
border-top: 1px solid #e9ecef;
position: relative
}
.rp-content-section-details[_ngcontent-ovx-c79] .rp-content-card-info[_ngcontent-ovx-c79] {
padding: 25px 15px
}
rp-section-header[_ngcontent-ovx-c79] {
cursor: pointer
}
@media (max-width: 500px) {
.rp-content-section-details[_ngcontent-ovx-c79] {
padding: 0 2%
}
}
.rp-content-section-title[_ngcontent-ovx-c67] {
padding: 20px 8%;
border-top: 1px solid #e9ecef;
letter-spacing: 1px
}
.rp-content-section-title.selected[_ngcontent-ovx-c67] {
background-color: #f8f9fa
}
@media (max-width: 500px) {
.rp-content-section-title[_ngcontent-ovx-c67] {
padding: 20px 5%;
font-size: 16px
}
.rp-content-section-title[_ngcontent-ovx-c67] .col-5[_ngcontent-ovx-c67] {
padding-right: 5px;
overflow: hidden
}
.rp-content-section-title[_ngcontent-ovx-c67] .col-1[_ngcontent-ovx-c67] {
padding-right: 0;
padding-left: 2px
}
}
input[_ngcontent-ovx-c55] {
height: 55px
}
input[_ngcontent-ovx-c55]::placeholder {
font-weight: 400
}
.rp-content-card-input[_ngcontent-ovx-c55] {
letter-spacing: 1.5px
}
.rp-error.left[_ngcontent-ovx-c55] {
text-align: left
}
.rp-error[_ngcontent-ovx-c55] {
margin-top: 10px;
color: #d4192b;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: flex-start;
align-items: center
}
.rp-error[_ngcontent-ovx-c55]>p[_ngcontent-ovx-c55] {
margin: 0;
font-size: 15px
}
.rp-content-section-details-row[_ngcontent-ovx-c55] {
margin-top: 15px
}
.save-card-row[_ngcontent-ovx-c55] {
margin-top: 1rem
}
.save-card-row[_ngcontent-ovx-c55] .save-card-checkbox-container[_ngcontent-ovx-c55] label[_ngcontent-ovx-c55] {
cursor: pointer;
margin-bottom: 0;
font-weight: 500
}
.save-card-row[_ngcontent-ovx-c55] .save-card-checkbox-container[_ngcontent-ovx-c55] #saveCardCheckBox[_ngcontent-ovx-c55] {
height: initial;
margin-right: .5rem
}
.rp-submit-button[_ngcontent-ovx-c55] {
width: 100%;
padding: 20px;
border: none;
letter-spacing: 1.5px;
text-align: center;
cursor: pointer;
border-radius: 4px;
background-clip: padding-box;
min-height: 64px;
margin-top: 20px
}
input[_ngcontent-ovx-c50] {
height: 55px
}
input[_ngcontent-ovx-c50]::placeholder {
font-weight: 400
}
.rp-content-card-input[_ngcontent-ovx-c50] {
letter-spacing: 1.5px
}
input[_ngcontent-ovx-c52] {
height: 55px
}
input[_ngcontent-ovx-c52]::placeholder {
font-weight: 400
}
.rp-content-card-input[_ngcontent-ovx-c52] {
letter-spacing: 1.5px
}
input[_ngcontent-ovx-c54] {
height: 55px
}
input[_ngcontent-ovx-c54]::placeholder {
font-weight: 400
}
.rp-content-card-input[_ngcontent-ovx-c54] {
letter-spacing: 1.5px
}
#frmCCCVC[_ngcontent-ovx-c54]:not(:disabled):not([readonly]) {
background: url("cvv-icon.4fac3a4b126e2e26.png") no-repeat scroll right;
background-size: 50px;
background-origin: content-box
}
.rp-error.left[_ngcontent-ovx-c40] {
text-align: left
}
.rp-error[_ngcontent-ovx-c40] {
margin-top: 10px;
color: #d4192b;
font-weight: 600;
font-size: 17px;
display: flex;
justify-content: flex-start;
align-items: center
}
.rp-error[_ngcontent-ovx-c40]>p[_ngcontent-ovx-c40] {
margin: 0;
font-size: 15px
}
.rp-error[_ngcontent-ovx-c40] {
margin-bottom: 10px
}
.rp-error[_ngcontent-ovx-c40] p[_ngcontent-ovx-c40] {
display: flex;
align-items: center
}
[_ngcontent-ovx-c66]:root {
--rp-background-color: #ffffff;
--rp-pay-button-color: #ffffff;
--rp-pay-button-family: rawline, Arial, Sans-serif;
--rp-pay-button-size: 1rem;
--rp-pay-button-weight: 600;
--rp-pay-button-size-mobile: 1rem;
--rp-pay-button-weight-mobile: 600;
--rp-enabled-button-color: #0D7253;
--rp-disabled-button-color: #6a6a6a;
--rp-labels-color: #212529;
--rp-labels-family: rawline, Arial, Sans-serif;
--rp-labels-size: 1rem;
--rp-labels-weight: 600;
--rp-labels-size-mobile: 15px;
--rp-labels-weight-mobile: 600;
--rp-inputs-standard-text-color: #495057;
--rp-inputs-standard-text-family: rawline, Arial, Sans-serif;
--rp-inputs-standard-text-size: 1rem;
--rp-inputs-standard-text-weight: 500;
--rp-inputs-standard-text-size-mobile: 1rem;
--rp-inputs-standard-text-weight-mobile: 500;
--rp-inputs-placeholder-text-color: #ced4da;
--rp-inputs-placeholder-text-family: rawline, Arial, Sans-serif;
--rp-inputs-placeholder-text-size: 1rem;
--rp-inputs-placeholder-text-weight: 500;
--rp-inputs-placeholder-text-size-mobile: 1rem;
--rp-inputs-placeholder-text-weight-mobile: 500;
--rp-inputs-border-standard-width: 1px;
--rp-inputs-border-standard-color: #ebf1f6;
--rp-inputs-border-focused-width: 1px;
--rp-inputs-border-focused-color: #8cbfe5;
--rp-inputs-border-valid-width: 2px;
--rp-inputs-border-valid-color: #0D7253;
--rp-inputs-border-invalid-width: 2px;
--rp-inputs-border-invalid-color: #DD636B;
--rp-enabled-continue-button-color: #124B86;
--rp-payment-method-title-color: #343a40;
--rp-payment-method-title-family: rawline, Arial, Sans-serif;
--rp-payment-method-title-size: 18px;
--rp-payment-method-title-weight: 500;
--rp-payment-method-title-size-mobile: 18px;
--rp-payment-method-title-weight-mobile: 500;
--rp-payment-description-color: #124B86;
--rp-payment-description-family: rawline, Arial, Sans-serif;
--rp-payment-description-size: 1rem;
--rp-payment-description-weight: 500;
--rp-payment-description-size-mobile: 14px;
--rp-payment-description-weight-mobile: 500;
--rp-payment-amount-color: #212529;
--rp-payment-amount-family: rawline, Arial, Sans-serif;
--rp-payment-amount-size: 22px;
--rp-payment-amount-weight: 600;
--rp-payment-amount-size-mobile: 17px;
--rp-payment-amount-weight-mobile: 600;
--rp-order-line-name-color: #212529;
--rp-order-line-name-family: rawline, Arial, Sans-serif;
--rp-order-line-name-size: 14px;
--rp-order-line-name-weight: 600;
--rp-order-line-name-size-mobile: 14px;
--rp-order-line-name-weight-mobile: 600;
--rp-order-line-quantity-color: #124B86;
--rp-order-line-quantity-family: rawline, Arial, Sans-serif;
--rp-order-line-quantity-size: 14px;
--rp-order-line-quantity-weight: 600;
--rp-order-line-quantity-size-mobile: 14px;
--rp-order-line-quantity-weight-mobile: 600;
--rp-order-line-amount-color: #212529;
--rp-order-line-amount-family: rawline, Arial, Sans-serif;
--rp-order-line-amount-size: 14px;
--rp-order-line-amount-weight: 600;
--rp-order-line-amount-size-mobile: 14px;
--rp-order-line-amount-weight-mobile: 600;
--rp-box-shadow-color: 0 0 20px #ededed;
--rp-company-name-color: #212529;
--rp-company-name-family: rawline, Arial, Sans-serif;
--rp-company-name-size: 24px;
--rp-company-name-weight: 300;
--rp-company-name-size-mobile: 24px;
--rp-company-name-weight-mobile: 300;
--rp-company-address-color: #212529;
--rp-company-address-family: rawline, Arial, Sans-serif;
--rp-company-address-size: 14px;
--rp-company-address-weight: 300;
--rp-company-address-size-mobile: 14px;
--rp-company-address-weight-mobile: 300;
--rp-title-color: #212529;
--rp-title-family: rawline, Arial, Sans-serif;
--rp-title-size: 24px;
--rp-title-weight: 400;
--rp-title-size-mobile: 24px;
--rp-title-weight-mobile: 400;
--rp-sub-title-color: #212529;
--rp-sub-title-family: rawline, Arial, Sans-serif;
--rp-sub-title-size: 18px;
--rp-sub-title-weight: 400;
--rp-sub-title-size-mobile: 18px;
--rp-sub-title-weight-mobile: 400;
--rp-terms-line-color: #212529;
--rp-terms-line-family: rawline, Arial, Sans-serif;
--rp-terms-line-size: 1rem;
--rp-terms-line-weight: 400;
--rp-terms-line-size-mobile: 1rem;
--rp-terms-line-weight-mobile: 400;
--rp-pricing-item-title-color: #212529;
--rp-pricing-item-title-family: rawline, Arial, Sans-serif;
--rp-pricing-item-title-size: 1rem;
--rp-pricing-item-title-weight: 500;
--rp-pricing-item-title-size-mobile: 1rem;
--rp-pricing-item-title-weight-mobile: 500;
--rp-pricing-item-row-color: #212529;
--rp-pricing-item-row-family: rawline, Arial, Sans-serif;
--rp-pricing-item-row-size: 13px;
--rp-pricing-item-row-weight: 400;
--rp-pricing-item-row-size-mobile: 13px;
--rp-pricing-item-row-weight-mobile: 400
}
.config-background[_ngcontent-ovx-c66] {
background-color: var(--rp-background-color)
}
.config-pay-button[_ngcontent-ovx-c66] {
color: var(--rp-pay-button-color);
font-family: var(--rp-pay-button-family);
font-size: var(--rp-pay-button-size);
font-weight: var(--rp-pay-button-weight)
}
.config-pay-button[_ngcontent-ovx-c66] {
background-color: var(--rp-enabled-button-color)
}
.config-label[_ngcontent-ovx-c66] {
color: var(--rp-labels-color);
font-family: var(--rp-labels-family);
font-size: var(--rp-labels-size);
font-weight: var(--rp-labels-weight)
}
.config-input[_ngcontent-ovx-c66] {
color: var(--rp-inputs-standard-text-color);
font-family: var(--rp-inputs-standard-text-family);
font-size: var(--rp-inputs-standard-text-size);
font-weight: var(--rp-inputs-standard-text-weight);
border-color: var(--rp-inputs-border-standard-color);
border-width: var(--rp-inputs-border-standard-width);
border-style: solid
}
.valid[_ngcontent-ovx-c66] .config-input[_ngcontent-ovx-c66] {
border-color: var(--rp-inputs-border-valid-color);
border-width: var(--rp-inputs-border-valid-width)
}
.config-input[_ngcontent-ovx-c66]:focus {
border-color: var(--rp-inputs-border-focused-color);
border-width: var(--rp-inputs-border-focused-width)
}
.config-input[_ngcontent-ovx-c66]::placeholder {
color: var(--rp-inputs-placeholder-text-color);
font-family: var(--rp-inputs-placeholder-text-family);
font-size: var(--rp-inputs-placeholder-text-size);
font-weight: var(--rp-inputs-placeholder-text-weight)
}
.config-payment-method-title[_ngcontent-ovx-c66] {
color: var(--rp-payment-method-title-color);
font-family: var(--rp-payment-method-title-family);
font-size: var(--rp-payment-method-title-size);
font-weight: var(--rp-payment-method-title-weight)
}
.config-payment-description[_ngcontent-ovx-c66] {
color: var(--rp-payment-description-color);
font-family: var(--rp-payment-description-family);
font-size: var(--rp-payment-description-size);
font-weight: var(--rp-payment-description-weight)
}
.config-payment-amount[_ngcontent-ovx-c66] {
color: var(--rp-payment-amount-color);
font-family: var(--rp-payment-amount-family);
font-size: var(--rp-payment-amount-size);
font-weight: var(--rp-payment-amount-weight)
}
.config-order-line-name[_ngcontent-ovx-c66] {
color: var(--rp-order-line-name-color);
font-family: var(--rp-order-line-name-family);
font-size: var(--rp-order-line-name-size);
font-weight: var(--rp-order-line-name-weight)
}
.config-order-line-quantity[_ngcontent-ovx-c66] {
color: var(--rp-order-line-quantity-color);
font-family: var(--rp-order-line-quantity-family);
font-size: var(--rp-order-line-quantity-size);
font-weight: var(--rp-order-line-quantity-weight)
}
.config-order-line-amount[_ngcontent-ovx-c66] {
color: var(--rp-order-line-amount-color);
font-family: var(--rp-order-line-amount-family);
font-size: var(--rp-order-line-amount-size);
font-weight: var(--rp-order-line-amount-weight)
}
@media (max-width: 500px) {
.config-pay-button[_ngcontent-ovx-c66] {
font-size: var(--rp-pay-button-size-mobile);
font-weight: var(--rp-pay-button-weight-mobile)
}
.config-label[_ngcontent-ovx-c66] {
font-size: var(--rp-labels-size-mobile);
font-weight: var(--rp-labels-weight-mobile)
}
.config-input[_ngcontent-ovx-c66] {
font-size: var(--rp-inputs-standard-text-size-mobile);
font-weight: var(--rp-inputs-standard-text-weight-mobile)
}
.config-input[_ngcontent-ovx-c66]::placeholder {
font-size: var(--rp-inputs-placeholder-text-size-mobile);
font-weight: var(--rp-inputs-placeholder-text-weight-mobile)
}
.config-payment-method-title[_ngcontent-ovx-c66] {
font-size: var(--rp-payment-method-title-size-mobile);
font-weight: var(--rp-payment-method-title-weight-mobile)
}
.config-payment-description[_ngcontent-ovx-c66] {
font-size: var(--rp-payment-description-size-mobile);
font-weight: var(--rp-payment-description-weight-mobile)
}
.config-payment-amount[_ngcontent-ovx-c66] {
font-size: var(--rp-payment-amount-size-mobile);
font-weight: var(--rp-payment-amount-weight-mobile)
}
.config-order-line-name[_ngcontent-ovx-c66] {
font-size: var(--rp-order-line-name-size-mobile);
font-weight: var(--rp-order-line-name-weight-mobile)
}
.config-order-line-quantity[_ngcontent-ovx-c66] {
font-size: var(--rp-order-line-quantity-size-mobile);
font-weight: var(--rp-order-line-quantity-weight-mobile)
}
.config-order-line-amount[_ngcontent-ovx-c66] {
font-size: var(--rp-order-line-amount-size-mobile);
font-weight: var(--rp-order-line-amount-weight-mobile)
}
}
.rp-content-section-cards[_ngcontent-ovx-c66] {
display: inline-block;
vertical-align: middle;
text-align: left;
padding: 0;
overflow: hidden
}
.rp-content-section-cards[_ngcontent-ovx-c66] .rp-content-cards-images[_ngcontent-ovx-c66] {
vertical-align: middle;
text-align: left;
display: inline-block;
height: 42px;
transition: height .5s ease-in-out;
overflow: hidden;
font-size: 12px;
width: 100%
}
.rp-content-section-cards[_ngcontent-ovx-c66] .rp-content-cards-images[_ngcontent-ovx-c66] img[_ngcontent-ovx-c66] {
display: inline-block;
width: auto;
height: 25px;
margin: 10px 7px 0
}
.rp-content-dots-container[_ngcontent-ovx-c66] {
vertical-align: middle;
display: inline-block;
max-width: 30px;
padding-left: 10px;
height: 30px;
cursor: pointer
}
.rp-content-dots[_ngcontent-ovx-c66] .rp-content-cards-dot[_ngcontent-ovx-c66] {
top: 18px
}
.rp-content-dots[_ngcontent-ovx-c66] .rp-content-cards-dot[_ngcontent-ovx-c66],
.rp-content-dots[_ngcontent-ovx-c66] .rp-content-cards-dot[_ngcontent-ovx-c66]:before,
.rp-content-dots[_ngcontent-ovx-c66] .rp-content-cards-dot[_ngcontent-ovx-c66]:after {
position: absolute;
width: 5px;
height: 5px;
border-radius: 20px;
background-color: #868e96
}
.rp-content-dots[_ngcontent-ovx-c66] .rp-content-cards-dot[_ngcontent-ovx-c66]:before,
.rp-content-dots[_ngcontent-ovx-c66] .rp-content-cards-dot[_ngcontent-ovx-c66]:after {
content: ""
}
.rp-content-dots[_ngcontent-ovx-c66] .rp-content-cards-dot[_ngcontent-ovx-c66]:before {
right: 9px
}
.rp-content-dots[_ngcontent-ovx-c66] .rp-content-cards-dot[_ngcontent-ovx-c66]:after {
left: 9px
}