@charset "UTF-8";
@charset "UTF-8";


@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@font-face {
font-family: "icomoon";
src: url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.eot?rvheu5);
src: url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.eot?rvheu5#iefix) format("embedded-opentype"), url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.ttf?rvheu5) format("truetype"), url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.woff?rvheu5) format("woff"), url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.svg?rvheu5#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
} input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type="number"] {
-moz-appearance: textfield;
}
.icomoonLib [class^="icon-"],
.icomoonLib [class*=" icon-"] { font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pay:before {
content: "\c007";
font-family: "icomoon" !important;
}
.multipage a:hover,
.multipage a:active,
.multipage a:focus {
box-shadow: none;
outline: none;
}
.multipage label {
font-weight: normal;
}
.multipage a,
.multipage h1 a:hover,
.multipage h2 a:hover,
.multipage h3 a:hover,
.multipage h4 a:hover,
.multipage h5 a:hover,
.multipage h6 a:hover {
color: #fff;
}
.multipage .termsCondition a {
color: var(--wpep-theme-color);
}
.multipage a.terms {
color: var(--wpep-theme-color);
}
.multipage form {
margin: 0px;
}
.multipage .wizard-section {
position: relative;
}
.multipage .wizard-section ul,
.multipage ol {
margin: 0px;
padding: 0px;
}
.multipage * {
box-sizing: border-box;
}
.multipage img,
.multipage video,
.multipage svg {
max-width: 100%;
}
.multipage ul {
padding: 0px;
margin: 0px;
}
.multipage li {
list-style: none inside;
}
.multipage .tempwrap {
max-width: 710px;
margin: 0px auto;
}
.multipage .wizard-section {
max-width: 100%;
border-radius: 8px;
background: transparent;
}
.multipage .wizard-section.wpep_form_shadow {
box-shadow: 0px 2px 8px rgba(44, 49, 73, 0.12);
background: #ffffff;
}
.multipage .wizard-section.wpep_form_shadow .wpepLoader {
left: 20px;
right: 20px;
top: 20px;
bottom: 20px;
}
.multipage .wizardWrap h5 {
font-size: 20px;
font-weight: 400;
margin: 0px 0px 20px 0px;
padding: 0px;
letter-spacing: normal;
text-transform: none;
}
.multipage .form-wizard {
color: #2f2f37;
padding: 0px;
font-size: 15px;
}
.multipage .wizard-section.wpep_form_shadow .form-wizard {
padding: 30px;
}
.multipage .form-wizard .wizard-form-radio {
display: inline-block;
margin-left: 5px;
position: relative;
}
.multipage .form-wizard .wizard-form-radio input[type="radio"] {
height: 20px;
width: 20px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
position: relative;
cursor: pointer;
margin: -3px 0px 0px 0px;
border: 1px solid #7f8393;
background-color: #fff;
transition: all 1s ease-in-out;
}
.multipage .form-wizard .wizard-form-radio input[type="radio"]:focus {
outline: 0;
}
.multipage .form-wizard .wizard-form-radio input[type="radio"]:checked {
background-color: #fff;
border: 1px solid var(--wpep-theme-color);
}
.multipage .form-wizard .wizard-form-radio input[type="radio"]::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
display: inline-block;
background-color: var(--wpep-theme-color);
border-radius: 50%;
left: 0px;
right: 0;
margin: 0 auto;
top: 3px;
transition: all 0.2s ease;
opacity: 0;
transform: scale(0);
}
.multipage .form-wizard .wizard-form-radio input[type="radio"]:checked::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
display: inline-block;
background-color: var(--wpep-theme-color);
border-radius: 50%;
left: 0px;
right: 0;
margin: 0 auto;
top: 3px;
opacity: 1;
transform: scale(1);
}
.multipage .form-wizard .wizard-form-radio input[type="radio"] ~ label {
padding-left: 0px;
cursor: pointer;
margin: 0 15px;
display: inline-block;
color: #333 !important;
font-size: 12px;
}
.multipage .form-wizard .form-wizard-header {
text-align: center;
}
.multipage .form-wizard .form-wizard-next-btn,
.multipage .form-wizard .form-wizard-previous-btn,
.multipage .form-wizard .form-wizard-submit,
.multipage .wpep-wizard-form-submit-btn {
background-color: var(--wpep-theme-color);
color: #ffffff;
display: inline-block;
min-width: 100px;
min-width: 120px;
padding: 10px 20px;
text-align: center;
font-size: 16px;
font-weight: bold;
border-radius: 4px;
border: none;
transition: all 0.2s ease-in-out;
text-decoration: none !important;
cursor: pointer;
}
.multipage .form-wizard .form-wizard-next-btn:hover, .multipage .form-wizard .form-wizard-next-btn:focus, .multipage .form-wizard .form-wizard-next-btn:active,
.multipage .form-wizard .form-wizard-previous-btn:hover,
.multipage .form-wizard .form-wizard-previous-btn:focus,
.multipage .form-wizard .form-wizard-previous-btn:active,
.multipage .form-wizard .form-wizard-submit:hover,
.multipage .form-wizard .form-wizard-submit:focus,
.multipage .form-wizard .form-wizard-submit:active,
.multipage .wpep-wizard-form-submit-btn:hover,
.multipage .wpep-wizard-form-submit-btn:focus,
.multipage .wpep-wizard-form-submit-btn:active {
background-color: var(--wpep-theme-color);
color: #ffffff;
opacity: 0.8;
text-decoration: none;
box-shadow: none;
outline: none;
border: 1px solid var(--wpep-theme-color);
}
.multipage .form-wizard-next-btn small {
font-size: 16px;
}
.multipage .hentry .entry-content a:not(.button) {
text-decoration: none;
}
.multipage .form-wizard .wizard-fieldset {
display: none;
border: none;
background: transparent;
padding: 0px;
margin: 0px;
}
.multipage .form-wizard .wizard-fieldset.show {
display: block;
}
.multipage .form-wizard .wizard-form-error {
display: none;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
width: 100%;
}
.multipage .form-wizard .form-wizard-previous-btn {
opacity: 0.75;
}
.multipage .form-wizard .form-control {
font-weight: 400;
padding: 0px 15px;
color: #2f2f37;
background-color: #fff;
border: none;
width: 100%;
max-width: 100%;
height: 40px;
line-height: 40px;
border: 1px solid #b3b3b3;
border-radius: 4px;
font-size: 14px;
box-shadow: none;
margin: 0px;
}
.multipage .form-wizard .form-control:focus {
outline: none;
border: 1px solid var(--wpep-theme-color);
background: transparent;
}
.multipage .form-wizard textarea.form-control {
height: 60px;
}
.multipage .form-wizard .form-group {
position: relative;
margin: 0px 0px 25px 0px;
}
.multipage .form-wizard .wizard-form-text-label {
position: absolute;
left: 15px;
top: 9.5px;
transition: 0.2s linear all;
color: #2f2f37 !important;
padding: 0px;
margin: 0px;
pointer-events: none;
font-weight: 400;
line-height: normal;
font-size: 14px;
z-index: 1;
}
.multipage .form-wizard .focus-input .wizard-form-text-label {
color: #2f2f37 !important;
top: -10px;
background: #fff;
transition: 0.2s linear all;
font-size: 13px;
left: 15px;
z-index: 1;
}
.multipage .form-wizard .form-wizard-steps {
margin: 10px 0px 30px 0px;
display: table;
width: 100%;
}
.multipage .form-wizard .form-wizard-steps li {
display: table-cell;
position: relative;
transition: width 0.6s ease;
list-style: none inside;
}
.multipage .form-wizard .form-wizard-steps li small {
position: absolute;
left: 0px;
right: 0px;
margin-top: 45px;
font-size: 14px;
}
.multipage .form-wizard .form-wizard-steps li::before {
border: none;
background-color: #f3f3f3;
content: "";
height: 4px;
left: 0;
position: absolute;
left: 0%;
top: 50%;
width: 100%;
transition: width 0.6s ease;
}
.multipage .form-wizard .form-wizard-steps li::after {
border: none;
background-color: var(--wpep-theme-color);
content: "";
height: 4px;
left: 0;
position: absolute;
left: 0%;
top: 50%;
width: 0;
transition: width 0.6s ease;
}
.multipage .form-wizard .form-wizard-steps li.active:after {
border: none;
background-color: var(--wpep-theme-color);
content: "";
height: 4px;
left: 0;
position: absolute;
left: 0%;
top: 50%;
width: 100%;
}
.multipage .form-wizard .form-wizard-steps li.activated:after {
border: none;
background-color: var(--wpep-theme-color);
content: "";
height: 4px;
left: 0;
position: absolute;
left: 0%;
top: 50%;
width: 100%;
}
.multipage .form-wizard .form-wizard-steps li.activated small {
color: var(--wpep-theme-color);
}
.multipage .form-wizard .form-wizard-steps li:first-child::before,
.multipage .form-wizard .form-wizard-steps li:first-child::after,
.multipage .form-wizard .form-wizard-steps li:first-child.active:after,
.multipage .form-wizard .form-wizard-steps li:first-child.activated:after {
left: 50%;
}
.multipage .form-wizard .form-wizard-steps li:last-child::before {
width: 50%;
}
.multipage .form-wizard .form-wizard-steps li:last-child::after,
.multipage .form-wizard .form-wizard-steps li:last-child.active:after,
.multipage .form-wizard .form-wizard-steps li:last-child.activated:after {
max-width: 50%;
}
.multipage .form-wizard .form-wizard-steps li span {
border: 6px solid #efefef;
background: #f5f5f5;
border-radius: 50%;
display: inline-block;
height: 34px;
position: relative;
text-align: center;
width: 34px;
z-index: 1;
font-size: 0px;
vertical-align: middle;
}
.multipage .form-wizard .form-wizard-steps li.active span,
.multipage .form-wizard .form-wizard-steps li.activated span {
background-color: #fff;
color: #ffffff;
border: 6px solid var(--wpep-theme-color);
}
.multipage .form-wizard .wizard-password-eye {
position: absolute;
right: 32px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.multipage .btnGroup {
display: flex;
justify-content: space-between;
margin-top: 25px;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}/*\*/* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.multipage .pic {
width: 70%;
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
}
.multipage .paymentSelect .selection {
display: inline-block;
margin-right: 0px;
vertical-align: top;
padding: 0px 10px 15px 0px;
width: auto;
min-width: 60px;
}
.multipage .paymentSelect .selection:last-child {
padding: 0px;
margin-right: 0px;
}
.multipage .paymentSelect .selection label {
display: inline-block;
width: 100%;
background-color: #f2f2f2;
border-radius: 4px;
color: #484848;
padding: 0px 10px;
cursor: pointer;
margin: 0px;
text-align: center;
height: 50px;
line-height: 50px;
transition: all 0.3s;
white-space: nowrap;
font-size: 14px;
font-weight: 600;
text-overflow: ellipsis;
overflow: hidden;
}
.multipage .paymentSelect .selection label:hover {
background-color: var(--wpep-theme-color);
color: #fff;
}
.multipage .paymentSelect .selection input[type="radio"] {
display: none;
}
.multipage .paymentSelect .selection input[type="radio"]:checked ~ label {
background-color: var(--wpep-theme-color);
color: #fff;
}
.multipage .paymentSelect {
display: block;
width: 100%;
}
.multipage .shcusIn {
display: block !important;
}
.multipage .otherpInput {
position: relative;
}
.multipage .otherpInput::before {
content: var(--wpep-currency);
position: absolute;
left: 0px;
top: 0px;
background: var(--wpep-theme-color);
font-size: 12px;
color: #fff;
bottom: 0px;
text-align: center;
width: 40px;
height: 40px;
border-radius: 4px 0px 0px 4px;
line-height: 40px;
}
.multipage .otherpInput .customPayment {
padding-left: 50px;
text-align: left !important;
}
.multipage .selectAmount {
padding: 0px 0px 10px 0px;
display: block;
margin: 0px;
}
.multipage label.paynow::before:hover {
color: #fff;
}
.multipage .shopping-cart {
display: flex;
flex-direction: column;
position: relative;
}
.multipage .title {
height: 60px;
border-bottom: 1px solid #e1e8ee;
padding: 20px 30px;
color: #5e6977;
font-size: 18px;
font-weight: 400;
}
.multipage .buttons {
position: relative;
padding-top: 30px;
margin-right: 60px;
}
.multipage .delete-btn,
.multipage .like-btn {
display: inline-block;
cursor: pointer;
}
.multipage .delete-btn {
width: 18px;
height: 17px;
background: url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/img/delete-icn.svg) no-repeat center;
}
.multipage .like-btn {
position: absolute;
top: 9px;
left: 15px;
background: url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/img/twitter-heart.png);
width: 60px;
height: 60px;
background-size: 2900%;
background-repeat: no-repeat;
}
.multipage .is-active {
animation-name: animate;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: steps(28);
animation-fill-mode: forwards;
}
@keyframes animate {
0% {
background-position: left;
}
50% {
background-position: right;
}
100% {
background-position: right;
}
}
.multipage .wpeasy_image {
margin-right: 20px;
max-width: 110px;
}
.multipage .description {
padding-top: 10px;
width: 220px;
}
.multipage .description span,
.multipage .pDetails span {
display: block;
font-size: 15px;
color: #43484d;
font-weight: 400;
}
.multipage .description span:first-child {
margin-bottom: 5px;
}
.multipage .description span:last-child,
.multipage .pDetails span:last-child {
font-weight: 300;
margin-top: 8px;
color: #86939e;
}
.multipage .wpEasyquantity {
margin-right: 30px;
width: 100px;
align-self: center;
}
.multipage .wpEasyquantity input {
-webkit-appearance: none;
border: none;
text-align: center;
width: 32px;
font-size: 16px;
color: #43484d;
font-weight: 300;
}
.multipage .wpEasybutton[class*="btn"] {
width: 30px;
height: 30px;
background-color: #e1e8ee;
border-radius: 4px;
border: none;
cursor: pointer;
}
.multipage .minus-btn img {
margin-bottom: 3px;
}
.multipage .plus-btn img {
margin-top: 2px;
}
.multipage .wpEasybutton:focus,
.multipage input:focus {
outline: 0;
}
.multipage .total-price {
width: 85px;
text-align: center;
font-size: 16px;
color: #43484d;
font-weight: 300;
align-self: center;
}/**/@keyframes click-radio-wave {
0% {
width: 25px;
height: 25px;
opacity: 0.35;
position: relative;
}
100% {
width: 60px;
height: 60px;
margin-left: -15px;
margin-top: -15px;
opacity: 0;
}
}
@media screen and (max-width: 767px) {
.multipage .wizard-content-left {
height: auto;
}
}
.multipage .headCol {
align-self: center;
float: none;
}
.multipage .form-control-em {
border: none;
background: transparent;
box-shadow: none;
width: auto;
display: inline-block;
font-size: 16px;
color: #43484d;
font-weight: 300;
}
.multipage .basket-tbl .headCol.pPrice {
width: 100%;
max-width: 70px;
margin: 10px auto;
}
.multipage .basket-tbl .headCol.pPrice .form-control-em {
width: 40px;
margin: 0px auto;
text-align: center;
background: transparent;
box-shadow: none;
}
@media screen and (max-width: 767px) {
.multipage .basket-tbl .headCol.pPrice .form-control-em {
width: 70px;
}
}
.multipage .basket-tbl .headCol.pCost .form-control-em {
width: 70px;
margin: 0px auto;
text-align: left;
background: transparent;
border: none;
box-shadow: none;
padding: 0px;
}
@media screen and (max-width: 767px) {
.multipage .basket-tbl .headCol.pCost .form-control-em {
text-align: center;
}
}
.multipage .basket-tbl .headCol.pCost {
width: 70px;
margin: 0px auto;
clear: both;
text-align: center;
padding-top: 15px;
}
.multipage .basket-tbl .headCol.pImage {
width: 100%;
margin-right: 0px;
text-align: center;
}
.multipage .basket-tbl .headCol.pImage img {
margin: 0px auto;
}
.multipage .result-tbl {
position: absolute;
bottom: -60px;
right: 0px;
max-width: 130px;
white-space: nowrap;
font-size: 16px;
}
.multipage .result-tbl .curr {
display: inline-block;
}
.multipage .result-tbl .form-control-em {
display: inline-block;
width: 50px;
max-width: initial;
min-width: auto;
font-size: 16px;
font-weight: bold;
background: transparent;
border: none;
box-shadow: none;
color: #43484d;
padding: 0px;
margin: 0px;
}
.multipage .result-tbl b {
font-weight: bold;
font-size: 16px;
position: relative;
display: inline-block;
top: 0px;
margin-right: 1px;
margin-left: 5px;
}
.multipage .result-tbl label {
margin-right: 10px;
vertical-align: top;
float: left;
}
.multipage .btnqty[class*="btn"] {
width: 30px;
height: 30px;
background-color: #e1e8ee;
border-radius: 4px;
border: none;
cursor: pointer;
text-align: center;
line-height: 30px;
}
.multipage .basket-tbl .pQty .form-control-em {
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 4px;
text-align: center;
line-height: 30px;
position: absolute;
left: 0px;
right: 0px;
margin: 0px auto;
box-shadow: none;
border: none;
padding: 0px;
}
.multipage .basket-tbl .pQty .btnqty[class*="btn"] i {
color: #86939e;
vertical-align: middle;
}
.multipage .basket-tbl .qty.pQty {
width: 100%;
max-width: 95px;
min-width: 95px;
position: relative;
}
@media screen and (max-width: 767px) {
.multipage .basket-tbl .qty.pQty {
margin: 0px auto;
}
}
.multipage .inc.btnqty {
float: right;
}
.multipage .dec.btnqty {
float: left;
}
.multipage .basket-tbl .headCol.pDetails {
margin-right: 0px;
width: 100%;
text-align: center;
margin-top: 10px;
}
.multipage .paymentDetails .paymetncol li {
padding: 15px;
list-style: none;
font-size: 15px;
}
.multipage .paymentDetails .paymetncol li i {
color: var(--wpep-theme-color);
text-align: center;
line-height: 20px;
border-radius: 100px;
font-size: 11px;
margin-right: 10px;
}
.multipage .paymentDetails .paymetncol li:last-child {
background: #f9f9f9;
}
.multipage .paymentDetails .paymetncol li span {
font-weight: 600;
float: right;
margin: 0px 0px;
}
.multipage .pReset i {
cursor: pointer;
padding: 0px 10px;
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
background: var(--wpep-theme-color);
border-radius: 4px;
width: 85px;
margin-top: 10px;
}
.multipage .listingHeadWrap {
display: none;
}
.multipage .wpItem {
padding: 20px 20px;
background: #fff;
text-align: center;
margin: 0px 0px 20px 0px;
border-radius: 6px;
box-shadow: 0px 0px 30px -23px #b3b3b3;
border: 1px solid #f7f7f7;
}
.multipage .wpItem:last-child {
border: none;
}
.multipage .headCol.pReset {
text-align: center;
}
.multipage .form-group.cusPaymentSec {
margin: 15px 0px 25px 0px;
}
.multipage .cusSelect select {
border-radius: 4px;
border: 1px solid #fff;
font-size: 13px;
background: #f3f3f3;
padding: 2px;
color: #717171;
font-weight: 500;
}
.multipage .cusSelect select:hover,
.multipage .cusSelect select:focus,
.multipage .cusSelect select:active {
outline: none;
box-shadow: none;
}
.multipage .form-control-wrap input {
font-weight: 300;
padding: 0px 15px;
color: #2f2f37;
background-color: #fff;
border: none;
width: 100%;
height: 40px;
line-height: 40px;
border: 1px solid #b3b3b3;
border-radius: 4px;
font-size: 13px;
box-shadow: none;
}
.multipage .form-wizard .wizard-form-checkbox {
display: inline-block;
margin-left: 5px;
position: relative;
}
.multipage .form-wizard .wizard-form-checkbox input[type="checkbox"] {
height: 18px;
width: 18px;
display: inline-block;
vertical-align: middle;
border-radius: 4px;
position: relative;
cursor: pointer;
margin: -3px 0px 0px 0px;
border: 1px solid #7f8393;
background-color: #fff;
transition: all 1s ease-in-out;
}
.multipage .form-wizard .wizard-form-checkbox input[type="checkbox"]:focus {
outline: 0;
}
.multipage .form-wizard .wizard-form-checkbox input[type="checkbox"]:checked {
background-color: #fff;
background-color: #2065e1;
}
.multipage .form-wizard .wizard-form-checkbox input[type="checkbox"]::before {
content: "";
position: absolute;
display: inline-block;
background-color: #2065e1;
left: 0px;
right: 0;
margin: 0 auto;
top: 3px;
transition: all 0.2s ease;
opacity: 0;
transform: scale(0);
}
.multipage .form-wizard .wizard-form-checkbox input[type="checkbox"]:checked::before {
content: "✓";
position: absolute;
display: inline-block;
background-color: #2065e1;
color: #fff;
border-radius: 0px;
left: 2px;
right: 2px;
font-size: 11px;
margin: 0 auto;
top: 2px;
line-height: 15px;
opacity: 1;
text-align: center;
transform: scale(1);
font-weight: bold;
bottom: 2px;
}
.multipage .form-wizard .wizard-form-checkbox input[type="checkbox"] ~ label {
padding-left: 5px;
cursor: pointer;
margin-right: 15px;
margin-bottom: 0px;
display: inline-block;
font-size: 12px;
}
.multipage input {
color: #900;
}
.multipage .form-control-wrap {
font-weight: 400;
padding: 0px 15px;
color: #2f2f37;
background-color: #fff;
border: none;
width: 100%;
line-height: 40px;
border: 1px solid #b3b3b3;
border-radius: 4px;
font-size: 13px;
overflow: hidden;
position: relative;
}
.multipage .form-control-wrap iframe {
float: left;
margin: 0px !important;
}
.multipage .form-control-wrap .input-card {
width: 100%;
margin-left: 0px;
}
.multipage .form-control-wrap .input-date {
width: 50%;
left: 0px;
}
.multipage .form-control-wrap .input-ccv {
width: 50%;
}
.multipage .cred {
width: 100%;
border-top: 1px solid #e1e8ee;
float: right;
}
.multipage .form-control-1 {
height: 40px;
position: relative;
top: -7px;
left: 5px;
}
.multipage .CardIcon {
width: 20px;
height: 14px;
perspective: 1000px;
overflow: hidden;
position: absolute;
left: 10px;
top: 13px;
display: none;
}
.multipage .CardIcon-inner {
position: relative;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.multipage .input-postal {
left: -15px;
}
.multipage .CardIcon-front,
.multipage .CardIcon-back {
position: absolute;
backface-visibility: hidden;
}
.multipage .CardIcon-front img,
.multipage .CardIcon-back img {
vertical-align: top !important;
width: 20px;
height: auto;
padding: 0px;
margin: 0px;
}
.multipage .CardIcon-back {
transform: rotateY(180deg);
}
.multipage .orderCompleted {
text-align: center;
}
.multipage .orderCompleted h2 {
margin: 0px;
margin-bottom: 10px;
margin-top: 10px;
padding: 0px;
}
.multipage .orderCompleted h2::before {
display: none !important;
}
.multipage .orderCompleted p {
font-size: 14px;
padding: 0px;
margin: 0px;
}
.multipage .doneorder {
margin: 0px auto;
width: 70px;
height: auto;
padding: 0px;
}
.multipage .orderCompleted a {
color: #82aeff;
text-decoration: none;
display: block;
margin-top: 9px;
}
.multipage .orderCompleted a:hover,
.multipage .orderCompleted a:active,
.multipage .orderCompleted a:focus {
box-shadow: none;
outline: none;
}
.multipage .lastPage {
display: block;
text-align: center;
}
.multipage .wizard-fieldset.orderCompleted {
padding-bottom: 30px;
}
.multipage .orderCompleted .form-wizard-submit {
opacity: 0.7;
}
.multipage ul.wpep_tabs {
margin: 0px;
padding: 0px;
list-style: none;
border-top: 2px solid #efefef;
display: block;
width: 100%;
}
.multipage ul.wpep_tabs li {
background: none;
color: #777 !important;
display: inline-block;
padding: 15px 20px 15px 20px;
margin: 0px;
cursor: pointer;
position: relative;
vertical-align: top;
}
.multipage ul.wpep_tabs li img {
-moz-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.4;
transition: all 0.5s ease;
width: 28px;
margin: 0px;
padding: 0px;
height: auto;
margin-right: 5px;
display: inline-block;
} .multipage ul.wpep_tabs li:hover img {
-moz-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.multipage ul.wpep_tabs li.current {
background: #fbfbfb;
}
.multipage ul.wpep_tabs li.current img {
-moz-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.multipage ul.wpep_tabs li::before {
content: "";
display: block;
width: 0;
height: 2px;
background: var(--wpep-theme-color);
transition: width 0.3s;
position: absolute;
top: -2px;
left: 0px;
}
.multipage ul.wpep_tabs li:hover::before {
width: 100%;
}
.multipage ul.wpep_tabs li.current::before {
width: 100%;
color: #222;
}
.multipage .tab-content {
display: none;
background: #fbfbfb;
padding: 18px;
margin-bottom: 15px;
}
.multipage .tab-content.current {
display: inherit;
}
.multipage .tab-content .form-group.form-control-wrap {
margin-bottom: 15px;
border: 1px solid #e1e8ee;
}
.multipage .tab-content .form-group.form-control-wrap.pcode {
margin-bottom: 0px;
}
.multipage .tab-content h3 {
font-size: 16px;
font-weight: 400;
color: #3c3c3c;
}
.multipage .cred-card-wrap.form-group.form-control-wrap {
padding: 0px;
}
.multipage .btnGroupFirst {
justify-content: flex-end;
}
.multipage #stickyBar {
transition: all 1s ease-in-out;
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
}
.multipage #stickyBar .paymentDetails .paymetncol li:last-child {
background: #fff;
border-top: 1px solid #e0e0e0;
box-shadow: 0px 0px 40px -20px #b9b9b9;
height: 60px;
}
.multipage #stickyBar .paymetncol {
padding: 0px;
margin: 0px;
}
.multipage .btn-wpep {
padding: 0px 40px;
line-height: 40px;
outline: none;
font-size: 16px;
text-align: center;
border: none;
background: transparent;
color: #000;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.multipage .btn-wpep-primary {
background: var(--wpep-theme-color);
border: 1px solid var(--wpep-theme-color);
box-shadow: 0px 0px 20px -8px var(--wpep-theme-color);
color: #fff;
opacity: 1;
transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
}
.multipage .btn-wpep-primary:hover,
.multipage .btn-wpep-primary:focus,
.multipage .btn-wpep-primary:active {
opacity: 0.8;
}
.multipage .btn-wpep-secondary {
background: #ffffff;
border: 1px solid #e2e5ec;
box-shadow: 0px 0px 15px -8px var(--wpep-theme-color);
color: #595d6e;
opacity: 1;
transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
}
.multipage .btn-wpep-secondary:hover,
.multipage .btn-wpep-secondary:focus,
.multipage .btn-wpep-secondary:active {
opacity: 0.8;
}
.multipage #stickyBar .btn-wpep {
padding: 0px 30px;
line-height: 28px;
height: 30px;
font-size: 14px;
}
.multipage #stickyBar .paymentDetails .paymetncol li span {
font-size: 18px;
margin-left: 5px;
}
.multipage #stickyBar .paymentDetails .paymetncol li strong {
line-height: 32px;
} .multipage .noMulti {
display: none;
} .multipage .cusLabel {
padding: 0px 0px 10px 0px;
display: block;
color: #333 !important;
}
.multipage .subscriptionPlan {
margin-bottom: 20px;
}
.multipage .form-wizard .subscriptionPlan .wizard-form-radio {
display: block;
margin-left: 0px;
position: relative;
margin-bottom: 8px;
font-size: 14px;
}
.multipage .paydlayout .shcusIn {
margin-top: 15px;
}
.multipage .wpep-btn {
padding: 0px 40px;
line-height: 40px;
outline: none;
font-size: 16px;
text-align: center;
border: none;
background: transparent;
color: #000;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.multipage .wpep-btn-primary {
background: var(--wpep-theme-color);
border: 1px solid var(--wpep-theme-color);
box-shadow: 0px 0px 20px -8px var(--wpep-theme-color);
color: #fff;
opacity: 1;
transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
}
.multipage .wpep-btn-primary:hover,
.multipage .wpep-btn-primary:focus,
.multipage .wpep-btn-primary:active {
opacity: 0.8;
}
.multipage .wpep-btn-secondary {
background: #ffffff;
border: 1px solid #e2e5ec;
box-shadow: 0px 0px 15px -8px var(--wpep-theme-color);
color: #595d6e;
opacity: 1;
transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
}
.multipage .wpep-btn-secondary:hover,
.multipage .wpep-btn-secondary:focus,
.multipage .wpep-btn-secondary:active {
opacity: 0.8;
}
.multipage .wpepError {
color: #ff4200;
display: inline-block;
margin: 0;
font-size: 10px;
position: absolute;
bottom: -18px;
left: 0;
}
.multipage .wpep-disabled {
pointer-events: none !important;
opacity: 0.75 !important;
}
.multipage .wpep-alert {
padding: 12px 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.multipage .wpep-alert-danger {
color: #ca1818;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.multipage .wpep-alert-dismissable,
.multipage .wpep-alert-dismissible {
padding-right: 35px;
position: relative;
}
.multipage .wpep-alert-dismissable a.wpep-alert-close,
.multipage .wpep-alert-dismissible a.wpep-alert-close {
position: absolute;
top: 0;
right: 15px;
color: inherit;
text-decoration: none;
font-size: 18px;
opacity: 0.75;
bottom: 0;
margin: auto;
height: 12px;
display: inline-block;
line-height: 12px;
}
.multipage .wpep-ptb-150 {
padding-top: 150px !important;
padding-bottom: 150px !important;
}
@media screen and (min-width: 767px) {
.multipage .paymentSelect .selection label {
padding: 0px 10px;
}
.multipage #stickyBar {
display: none;
}
.multipage .cred-card-wrap.form-group.form-control-wrap {
padding: 0px 15px;
}
.multipage .form-control-wrap .input-ccv {
width: 50px;
}
.multipage .form-control-wrap .input-date {
width: 85px;
left: 20px;
}
.multipage .form-control-wrap .input-card {
width: 210px;
margin-left: 10px;
}
.multipage .cred {
width: 135px;
border: none;
}
.multipage .CardIcon {
display: block;
}
.multipage .paymentSelect .selection {
margin-right: 10px;
vertical-align: middle;
padding: 0px 10px 0px 0px;
min-width: 64px;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.multipage .paymentSelect {
display: flex;
justify-content: space-between;
}
.multipage .listingHeadWrap {
display: block;
}
.multipage .listingHeadWrap {
background: #f9f9f9;
padding: 20px 20px;
}
.multipage .listingHead {
display: table;
font-size: 15px;
width: 100%;
}
.multipage .listingHead .headCol.pPrice {
width: 70px;
}
.multipage .listingHead .headCol.pQty {
width: 95px;
margin-right: 30px;
}
.multipage .listingHead .headCol.pDetails {
margin-right: 30px;
width: 170px;
}
.multipage .listingHead .headCol.pImage {
width: 110px;
padding-right: 20px;
}
.multipage .wpItem {
padding: 20px 0px;
display: flex;
border: none;
border-bottom: 1px solid #e1e8ee;
background: #fff;
border-bottom: 1px solid #e2e2e2;
background: #fff;
text-align: inherit;
box-shadow: none;
border-radius: 0px;
margin: 0px;
}
.multipage .headCol {
float: left;
}
.multipage .basket-tbl .headCol.pImage {
width: 100%;
max-width: 70px;
min-width: 70px;
margin-right: 65px;
}
.multipage .basket-tbl .headCol.pDetails {
margin-right: 30px;
width: 100%;
max-width: 170px;
text-align: left;
margin-top: 0px;
}
.multipage .basket-tbl .qty.pQty {
margin-right: 30px;
}
.multipage .basket-tbl .headCol.pCost {
width: 100%;
max-width: 70px;
margin: 0px;
text-align: left;
padding-top: 0px;
}
.multipage .pReset i {
cursor: pointer;
padding: 0px 10px;
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #d6d6d6;
background: transparent;
margin: 0px;
}
.multipage .pReset i:hover {
color: red;
}
.multipage .basket-tbl .headCol.pPrice {
margin: 0px;
}
.multipage .basket-tbl .headCol.pPrice .form-control-em {
width: auto;
text-align: inherit;
padding: 0px;
margin: 0px;
background: transparent;
border: none;
box-shadow: none;
}
}
.wpepLoader {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
width: auto;
height: auto;
font-size: 16px;
color: #000;
background: rgba(253, 253, 253, 0.98);
border-radius: 4px;
border: 1px solid #fbfbfb;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
padding: 60px;
}
.multipage small.display {
font-size: 100%;
}
.wpep-btn-primary {
text-decoration: none !important;
}
.multipage .wizard-fieldset {
margin-top: 60px !important;
}
.multipage .wizard-fieldset.orderCompleted {
margin: 0px !important;
}
label[data-label-show="no"] {
display: none;
} @keyframes initial-loading {
0%,
100% {
transform: translate(-34px, 0);
}
50% {
transform: translate(96px, 0);
}
}
.initial-load-animation {
width: 200px;
margin: 0 auto;
transform: scale(1);
transition: transform 0.5s ease;
}
.payment-image {
text-align: center;
}
.initial-load-animation .payment-image .icon-pay::before {
height: 44px;
width: 64px;
margin: 0 auto 15px;
transform: translate(0, 0);
opacity: 1;
transition: all 0.5s ease-out;
display: inline-block;
}
.initial-load-animation .loading-bar {
width: 130px;
height: 2px;
margin: 0 auto;
border-radius: 2px;
background-color: #cfcfcf;
position: relative;
overflow: hidden;
z-index: 1;
transform: rotateY(0);
transition: transform 0.3s ease-in;
}
.initial-load-animation .loading-bar .blue-bar {
height: 100%;
width: 68px;
position: absolute;
transform: translate(-34px, 0);
background-color: var(--wpep-theme-color);
border-radius: 2px;
animation: initial-loading 1.5s infinite ease;
}
.initial-load-animation.fade-load .payment-image .icon-pay::before {
transform: rotateY(180deg);
opacity: 1;
}
.initial-load-animation .payment-image .icon-pay {
color: var(--wpep-theme-color);
}
.multipage ul.wpep_tabs li.titelIcon {
display: block !important;
padding: 20px 15px 0px 15px;
}
.multipage ul.wpep_tabs li.titelIcon h4 {
margin: 0px;
font-size: 15px;
padding: 0px;
font-weight: normal;
display: inline-block;
color: #333 !important;
}
.multipage ul.wpep_tabs li.titelIcon img {
margin: -5px 10px 0px 0px !important;
max-width: 28px;
display: inline-block;
vertical-align: middle;
}
.wpep-popup .wpep-close {
z-index: 10000;
}
.wpep-popup .wpep-content .wpepLoader {
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(253, 253, 253, 0.98);
}
.multipage .form-wizard .termsCondition .wizard-form-checkbox input[type="checkbox"] {
height: 18px;
width: 18px;
}
.multipage .form-wizard .termsCondition .wizard-form-checkbox input[type="checkbox"] ~ label {
margin-right: 0px;
font-size: 14px;
display: inherit;
}
.multipage .form-wizard .termsCondition .wizard-form-checkbox a {
font-size: 14px;
}
@media screen and (max-width: 480px) {
.multipage .wpep-ptb-150 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
.multipage span.wpep-help-text {
font-size: 11px;
color: #999;
padding: 0;
display: block;
line-height: inherit;
margin-top: 5px;
}
.multipage .wpep-m-0 {
margin: 0 !important;
}
.multipage .wpep-checkboxWrapper,
.wpep-radioWrapper {
margin-bottom: 15px;
}
.multipage input[type="checkbox"] + label,
.multipage input[type="radio"] + label {
margin: 0;
}
.multipage .inputGroup {
background-color: #fff;
display: block;
margin: 10px 0;
position: relative;
box-shadow: 0px 0px 12px 0px #f1f1f1;
border-radius: 4px;
}
.multipage .inputGroup label {
padding: 25px 20px;
width: 100%;
display: block;
text-align: left;
color: #8c8c8c;
cursor: pointer;
position: relative;
z-index: 2;
transition: color 200ms ease-in;
overflow: hidden;
}
.multipage .inputGroup label:before {
width: 10px;
height: 10px;
border-radius: 50%;
content: "";
background-color: var(--wpep-theme-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale3d(1, 1, 1);
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
z-index: -1;
}
.multipage .inputGroup label:after {
width: 32px;
height: 32px;
content: "";
border: 2px solid #d1d7dc;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
background-repeat: no-repeat;
background-position: 1px 3px;
border-radius: 50%;
z-index: 2;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all 200ms ease-in;
}
.multipage .inputGroup input:checked ~ label {
color: #fff;
}
.multipage .inputGroup input:checked ~ label:before {
transform: translate(-50%, -50%) scale3d(120, 120, 1);
opacity: 1;
}
.multipage .inputGroup input:checked ~ label:after {
background-color: var(--wpep-theme-color);
border-color: rgba(255, 255, 255, 0.6);
}
.multipage .inputGroup input {
width: 32px;
height: 32px;
order: 1;
z-index: 2;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
visibility: hidden;
}
.multipage .cardList .cardListLab {
display: flex;
justify-content: space-between;
padding: 25px 85px 25px 30px;
align-items: center;
font-size: 20px;
font-weight: 300;
border-radius: 4px;
font-size: 14px;
}
.multipage .removeicon {
vertical-align: text-top;
z-index: 3;
position: relative;
}
.multipage .removeicon svg {
fill: var(--wpep-theme-color);
}
.multipage .inputGroup input:checked ~ label .removeicon svg {
fill: #fff;
}
.multipage .carexp {
margin-right: 15px;
letter-spacing: 1px;
}
.multipage .mastercard1 {
vertical-align: sub;
margin-right: 15px;
height: 20px;
display: inline-block;
font-weight: 600;
}
.multipage .mastercard2 {
letter-spacing: 2px;
}
.multipage .card01 .icon-pay-brand {
margin-right: 25px;
height: 32px;
display: inline-block;
vertical-align: middle;
}
.multipage .card01 .icon-pay-brand svg {
width: 32px;
height: 32px;
fill: currentColor;
}
.multipage .inputGroup input:checked ~ label .icon-pay-brand svg {
fill: #fff;
}
@media screen and (max-width: 767px) {
.multipage .mastercard1 {
margin-right: 5px;
}
.multipage .card01 .icon-pay {
margin-right: 5px;
}
.multipage .inputGroup label:after {
right: 15px;
width: 22px;
height: 22px;
background-position: 2px 3px;
background-size: 22px;
}
.multipage .cardList .cardListLab {
font-size: 18px;
white-space: nowrap;
padding: 25px 55px 25px 15px;
}
.multipage .removeicon svg {
width: 18px;
height: 18px;
}
.multipage .mastercard2 {
letter-spacing: 0px;
}
.multipage .carexp {
margin-right: 10px;
letter-spacing: 0px;
font-size: 18px;
}
}
.multipage .cardsBlock02 {
margin-bottom: 20px;
}
.multipage .form-wizard .cardsBlock02 .wizard-form-radio {
margin-left: 0px;
margin-right: 15px;
cursor: pointer;
}
.multipage .form-wizard .cardsBlock02 .wizard-form-radio input[type="radio"] {
margin-right: 5px;
}
.multipage .form-wizard .cardsBlock02 .wizard-form-radio label {
cursor: pointer;
font-size: 12px;
}
.multipage .wpep_saved_cards .inputGroup {
margin-top: 0px;
}
.multipage .form-wizard .wizard-form-checkbox.saveCarLater {
margin: 10px 0px 0px 0px;
font-size: 14px;
}
.wpep-popup .multipage .inputGroup label:after {
background-position: 1px 3px;
} .multipage .custom-select-wrapper {
position: relative;
display: inline-block;
user-select: none;
cursor: pointer;
width: 100%;
}
.multipage .custom-select-wrapper select {
display: none;
}
.multipage .custom-select {
position: relative;
display: inline-block;
width: 100%;
}
.multipage .custom-select-trigger {
position: relative;
display: block;
min-width: 130px;
cursor: pointer;
transition: all 0.2s ease-in-out;
width: 100%;
height: 38px;
line-height: 38px;
}
.multipage .custom-select-trigger:after {
position: absolute;
display: block;
content: "";
width: 7px;
height: 7px;
top: 50%;
right: 0px;
margin-top: 0px;
border-bottom: 1px solid #6d6d6d;
border-right: 1px solid #6d6d6d;
transform: rotate(45deg) translateY(-50%);
transition: all 0.35s ease-out;
transform-origin: 50% 0;
}
.multipage .custom-select.opened .custom-select-trigger:after {
margin-top: 3px;
transform: rotate(-135deg) translateY(-50%);
}
.multipage .custom-options {
position: absolute;
display: block;
top: 100%;
left: 0%;
right: 0;
width: 100%;
z-index: 2;
margin: 10px 0;
border-radius: 5px;
box-sizing: border-box;
background: #fff;
transition: all 0.2s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-15px);
border: 1px solid #b3b3b3;
}
.multipage .custom-select.opened .custom-options {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateY(-8px);
}
.multipage .option-hover:before {
background: #f9f9f9;
}
.multipage .custom-option {
position: relative;
display: block;
padding: 0 20px;
line-height: 38px;
cursor: pointer;
transition: all 0.05s ease-in-out;
}
.multipage .custom-option:first-of-type {
border-radius: 4px 4px 0 0;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.multipage .custom-option:last-of-type {
border-bottom: 0;
border-radius: 0 0 4px 4px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.multipage .custom-option:hover,
.multipage .custom-option.selection {
color: #2f2f37;
background-color: #ecf3fb;
}
span.fieldReq {
font-size: 10px;
vertical-align: top;
color: red;
}
.multipage { }
.multipage .button-google-pay {
min-width: 200px;
min-height: 40px;
padding: 11px 24px;
margin: 10px auto;
background-color: #000;
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22103%22%20height%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.148%202.976h3.766c.532%200%201.024.117%201.477.35.453.233.814.555%201.085.966.27.41.406.863.406%201.358%200%20.495-.124.924-.371%201.288s-.572.64-.973.826v.084c.504.177.912.471%201.225.882.313.41.469.891.469%201.442a2.6%202.6%200%200%201-.427%201.47c-.285.43-.667.763-1.148%201.001A3.5%203.5%200%200%201%204.082%2013H.148V2.976zm3.696%204.2c.448%200%20.81-.14%201.085-.42.275-.28.413-.602.413-.966s-.133-.684-.399-.959c-.266-.275-.614-.413-1.043-.413H1.716v2.758h2.128zm.238%204.368c.476%200%20.856-.15%201.141-.448.285-.299.427-.644.427-1.036%200-.401-.147-.749-.441-1.043-.294-.294-.688-.441-1.183-.441h-2.31v2.968h2.366zm5.379.903c-.453-.518-.679-1.239-.679-2.163V5.86h1.54v4.214c0%20.579.138%201.013.413%201.302.275.29.637.434%201.085.434.364%200%20.686-.096.966-.287.28-.191.495-.446.644-.763a2.37%202.37%200%200%200%20.224-1.022V5.86h1.54V13h-1.456v-.924h-.084c-.196.336-.5.611-.91.826-.41.215-.845.322-1.302.322-.868%200-1.528-.259-1.981-.777zm9.859.161L16.352%205.86h1.722l2.016%204.858h.056l1.96-4.858H23.8l-4.41%2010.164h-1.624l1.554-3.416zm8.266-6.748h1.666l1.442%205.11h.056l1.61-5.11h1.582l1.596%205.11h.056l1.442-5.11h1.638L36.392%2013h-1.624L33.13%207.876h-.042L31.464%2013h-1.596l-2.282-7.14zm12.379-1.337a1%201%200%200%201-.301-.735%201%201%200%200%201%20.301-.735%201%201%200%200%201%20.735-.301%201%201%200%200%201%20.735.301%201%201%200%200%201%20.301.735%201%201%200%200%201-.301.735%201%201%200%200%201-.735.301%201%201%200%200%201-.735-.301zM39.93%205.86h1.54V13h-1.54V5.86zm5.568%207.098a1.967%201.967%200%200%201-.686-.406c-.401-.401-.602-.947-.602-1.638V7.218h-1.246V5.86h1.246V3.844h1.54V5.86h1.736v1.358H45.75v3.36c0%20.383.075.653.224.812.14.187.383.28.728.28.159%200%20.299-.021.42-.063.121-.042.252-.11.392-.203v1.498c-.308.14-.681.21-1.12.21-.317%200-.616-.051-.896-.154zm3.678-9.982h1.54v2.73l-.07%201.092h.07c.205-.336.511-.614.917-.833.406-.22.842-.329%201.309-.329.868%200%201.53.254%201.988.763.457.509.686%201.202.686%202.079V13h-1.54V8.688c0-.541-.142-.947-.427-1.218-.285-.27-.656-.406-1.113-.406-.345%200-.656.098-.931.294a2.042%202.042%200%200%200-.651.777%202.297%202.297%200%200%200-.238%201.029V13h-1.54V2.976zm32.35-.341v4.083h2.518c.6%200%201.096-.202%201.488-.605.403-.402.605-.882.605-1.437%200-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0%205.52v4.736h-1.504V1.198h3.99c1.013%200%201.873.337%202.582%201.012.72.675%201.08%201.497%201.08%202.466%200%20.991-.36%201.819-1.08%202.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668%202.287c0%20.392.166.718.499.98.332.26.722.391%201.168.391.633%200%201.196-.234%201.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61%200-1.12.148-1.528.442-.409.294-.613.657-.613%201.093m1.946-5.815c1.112%200%201.989.297%202.633.89.642.594.964%201.408.964%202.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45%201.372-2.486%201.372-.882%200-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96%200-.828.313-1.486.94-1.976s1.463-.735%202.51-.735c.892%200%201.629.163%202.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132%202.132%200%200%200-1.455-.547c-.84%200-1.504.353-1.995%201.062l-1.324-.834c.73-1.045%201.81-1.568%203.238-1.568m11.853.262l-5.02%2011.53H96.42l1.864-4.034-3.302-7.496h1.635l2.387%205.749h.032l2.322-5.75z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M75.448%207.134c0-.473-.04-.93-.116-1.366h-6.344v2.588h3.634a3.11%203.11%200%200%201-1.344%202.042v1.68h2.169c1.27-1.17%202.001-2.9%202.001-4.944%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M68.988%2013.7c1.816%200%203.344-.595%204.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754%200-3.244-1.182-3.776-2.774h-2.234v1.731a6.728%206.728%200%200%200%206.01%203.703%22%20fill%3D%22%2334A853%22%2F%3E%3Cpath%20d%3D%22M65.212%208.267a4.034%204.034%200%200%201%200-2.572V3.964h-2.234a6.678%206.678%200%200%200-.717%203.017c0%201.085.26%202.11.717%203.017l2.234-1.731z%22%20fill%3D%22%23FABB05%22%2F%3E%3Cpath%20d%3D%22M68.988%202.921c.992%200%201.88.34%202.58%201.008v.001l1.92-1.918c-1.165-1.084-2.685-1.75-4.5-1.75a6.728%206.728%200%200%200-6.01%203.702l2.234%201.731c.532-1.592%202.022-2.774%203.776-2.774%22%20fill%3D%22%23E94235%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
background-origin: content-box;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border: 0;
border-radius: 4px;
box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
outline: 0;
cursor: pointer;
display: none;
}
.multipage .button-masterpass {
min-width: 200px;
min-height: 40px;
max-height: 40px;
padding: 0;
margin: 10px auto;
background-color: black;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 5px;
border-color: white;
cursor: pointer;
display: none;
}
.multipage .inpuQty {
position: relative;
max-width: 120px;
}
.multipage .inpuQty .value-button {
position: absolute;
height: 40px;
margin: 0px;
padding: 0px;
border: none;
line-height: 40px;
font-size: 30px;
font-weight: 100;
background: transparent;
color: #a5a5a5;
width: 40px;
text-align: center;
cursor: pointer;
}
.multipage .inpuQty #decrease {
left: 0px;
margin: 0px;
font-size: 40px;
line-height: 35px;
}
.multipage .inpuQty #increase {
right: 0px;
top: 0px;
}
.multipage .inpuQty .form-control {
text-align: center;
padding: 0px 40px !important;
}
.multipage .qtylabel {
padding: 0px;
margin: 0px 0px 5px 0px;
line-height: normal;
font-size: 14px;
display: block;
}
.multipage .file-upload-wrapper {
position: relative;
width: 100%;
height: 40px;
border: 1px solid #b3b3b3;
border-radius: 4px;
overflow: hidden;
}
.multipage .file-upload-wrapper:after {
content: attr(data-text);
font-size: 14px;
position: absolute;
top: 0;
left: 0;
background: #fff;
padding: 10px 15px;
display: block;
width: calc(100% - 160px);
pointer-events: none;
z-index: 20;
height: 20px;
line-height: 20px;
color: #2f2f37;
border-radius: 5px 10px 10px 5px;
font-weight: 400;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-height: 100%;
}
.multipage .file-upload-wrapper:before {
content: "Upload";
position: absolute;
top: 4px;
right: 5px;
display: inline-block;
height: 31px;
background: var(--wpep-theme-color);
color: #fff;
font-weight: 700;
z-index: 25;
font-size: 14px;
line-height: 32px;
padding: 0 15px;
text-transform: uppercase;
pointer-events: none;
border-radius: 4px;
width: 90px;
text-align: center;
}
.multipage .file-upload-wrapper:hover:before {
background: var(--wpep-theme-color);
opacity: 0.8;
}
.multipage .file-upload-wrapper input {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
height: 40px;
margin: 0;
padding: 0;
display: block;
cursor: pointer;
width: 100%;
}
.multipage .labelupload {
font-size: 14px;
}
.multipage .wpep-coupons {
margin: 0px 0px 25px 0px; }
.multipage .wpep-coupons .coupon-field {
display: flex;
}
.multipage .wpep-coupons .coupon-field .cp-apply {
height: 40px;
margin-left: 15px;
padding: 0;
}
.multipage .wpep-single-form-submit-btn {
background-color: var(--wpep-theme-color);
color: #ffffff;
display: inline-block;
min-width: 100px;
min-width: 120px;
padding: 10px 20px;
text-align: center;
font-size: 16px;
font-weight: bold;
border-radius: 4px;
transition: all 0.2s ease-in-out;
text-decoration: none !important;
cursor: pointer;
border: 1px solid var(--wpep-theme-color);
}
.multipage .wpep-alert-success {
color: #155724;
background-color: #d4edda;
border-color: #d4edda;
}
.multipage div.wpep-payment-details-wrapper {
position: relative;
display: flex;
align-items: center;
margin-right: 15px;
}
.multipage a.wpep-open-details {
color: var(--wpep-theme-color);
}
.multipage div.wpep-payment-details {
width: 251px;
min-height: 150px;
height: auto;
padding: 15px;
border: 1px solid #ddd;
border-radius: 4px;
position: absolute;
right: 0;
top: 45px;
background: #FFF;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease 0s;
box-shadow: 0px 0px 3px 0px rgb(179 179 179 / 25%);
-webkit-box-shadow: 0px 0px 3px 0px rgb(179 179 179 / 25%);
-moz-box-shadow: 0px 0px 3px 0px rgb(179 179 179 / 25%);
-ms-box-shadow: 0px 0px 3px 0px rgb(179 179 179 / 25%);
-o-box-shadow: 0px 0px 3px 0px rgb(179 179 179 / 25%);
}
.multipage div.wpep-payment-details:after {
content: '';
border-top: 8px solid transparent;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ddd;
display: inline-block;
position: absolute;
right: 20px;
top: -17px;
}
.multipage div.wpep-payment-details:before {
content: '';
border-top: 8px solid transparent;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #FFF;
display: inline-block;
position: absolute;
right: 20px;
top: -16px;
z-index: 9;
}
.multipage a.wpep-open-details:hover + div.wpep-payment-details, div.wpep-payment-details:hover {
visibility: visible;
opacity: 1;
transition: all 0.3s ease 0s;
}
.multipage div.wpep-payment-details ul li {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 2px;
font-size: 12px;
}
.multipage li.wpep-fee-total {
padding-top: 5px!important;
border-top: 1px solid #ddd;
margin-top: 5px;
}
.multipage span.fee_value {
font-weight: 600;
}
.multipage span.donationGoalProgressBar {
width: 100%;
display: inline-flex;
height: 12px;
background: #EEEEEE;
border-radius: 10px;
}
.multipage span.donationGoalProgressBar > span {    
border-radius: 10px;
background-color: var(--wpep-theme-color);
}
.multipage .donationGoalDetails {
display: block;
text-align: right;
font-weight: bold;
}
.multipage .donationGoalDetails small {
font-weight: normal;
}
.multipage p.doantionGoalAchieved {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: rgba(255,255,255, 0.75);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
}
@supports (-webkit-appearance: -apple-pay-button) { 
.apple-pay-button {
display: inline-block;
-webkit-appearance: -apple-pay-button;
}
.apple-pay-button-black {
-apple-pay-button-style: black;
}
.apple-pay-button-white {
-apple-pay-button-style: white;
}
.apple-pay-button-white-with-line {
-apple-pay-button-style: white-outline;
}
}
@supports not (-webkit-appearance: -apple-pay-button) {
.apple-pay-button {
display: inline-block;
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 5px;
padding: 0px;
box-sizing: border-box;
min-width: 200px;
min-height: 32px;
max-height: 64px;
}
.apple-pay-button-black {
background-image: -webkit-named-image(apple-pay-logo-white);
background-color: black;
}
.apple-pay-button-white {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white;
}
.apple-pay-button-white-with-line {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white;
border: .5px solid black;
} 
} .button-src {
min-width: 200px;
min-height: 40px;
max-height: 40px;
padding: 0;
margin: 10px;
background-color: black;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 5px;
border-color: rgb(255, 255, 255);
cursor:pointer;
display: none;
}
.multipage #masterPass.current .button-src {
display: block!important;
}
.multipage #applePay.current #sq-apple-pay-label {
display: block!important;
margin: 10px auto!important;
}
.multipage #googlePay.current .button-google-pay {
display: block!important;
}

@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@font-face {
font-family: "icomoon";
src: url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.eot?rvheu5);
src: url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.eot?rvheu5#iefix) format("embedded-opentype"), url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.ttf?rvheu5) format("truetype"), url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.woff?rvheu5) format("woff"), url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.svg?rvheu5#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
} input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
textarea:blur::placeholder {
color: transparent;
} input[type="number"] {
-moz-appearance: textfield;
}
.icomoonLib [class^="icon-"],
.icomoonLib [class*=" icon-"] { font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pay:before {
content: "\c007";
font-family: "icomoon" !important;
}
.icomoonLib {
font-size: 45px;
}
.singlepage label {
font-weight: normal;
}
.singlepage a:hover,
.singlepage a:active,
.singlepage a:focus {
box-shadow: none;
outline: none;
}
.singlepage a,
.singlepage h1 a:hover,
.singlepage h2 a:hover,
.singlepage h3 a:hover,
.singlepage h4 a:hover,
.singlepage h5 a:hover,
.singlepage h6 a:hover {
color: #fff;
}
.singlepage .termsCondition a {
color: var(--wpep-theme-color);
}
.singlepage a.terms {
color: var(--wpep-theme-color);
}
.singlepage form {
margin: 0px;
}
.singlepage .wizard-section ul,
ol {
margin: 0px;
padding: 0px;
}
.singlepage * {
box-sizing: border-box;
}
.singlepage img,
.singlepage video,
.singlepage svg {
max-width: 100%;
}
.singlepage ul {
padding: 0px;
margin: 0px;
}
.singlepage li {
list-style: none inside;
}
.singlepage .form-wizard {
color: #2f2f37;
padding: 0px;
font-size: 15px;
}
.singlepage .wizard-section.wpep_form_shadow .form-wizard {
padding: 30px;
} .singlepage .form-wizard-header {
display: none;
}
.singlepage .s_ft h2 {
font-size: 20px;
font-weight: 400;
margin: 0px 0px 20px 0px;
padding: 0px;
letter-spacing: normal;
text-transform: none;
color: #333 !important;
}
.singlepage .s_ft h2::before {
display: none !important;
} .singlepage .wizard-section {
max-width: 100%;
border-radius: 8px;
position: relative;
background: transparent;
}
.singlepage .wizard-section.wpep_form_shadow {
box-shadow: 0px 2px 8px rgba(44, 49, 73, 0.12);
background: #ffffff;
}
.singlepage .wizard-section.wpep_form_shadow .wpepLoader {
left: 20px;
right: 20px;
top: 20px;
bottom: 20px;
z-index: 99;
}
.singlepage .wizardWrap h5 {
font-size: 20px;
font-weight: 400;
margin: 0px 0px 20px 0px;
padding: 0px;
letter-spacing: normal;
text-transform: none;
}
.singlepage .form-wizard {
color: #2f2f37;
font-size: 15px;
}
.singlepage .form-wizard .wizard-form-radio {
display: inline-block;
margin-left: 5px;
position: relative;
}
.singlepage .form-wizard .wizard-form-radio input[type="radio"] {
height: 20px;
width: 20px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
position: relative;
cursor: pointer;
margin: -3px 0px 0px 0px;
border: 1px solid #7f8393;
background-color: #fff;
transition: all 1s ease-in-out;
}
.singlepage .form-wizard .wizard-form-radio input[type="radio"]:focus {
outline: 0;
}
.singlepage .form-wizard .wizard-form-radio input[type="radio"]:checked {
background-color: #fff;
border: 1px solid var(--wpep-theme-color);
}
.singlepage .form-wizard .wizard-form-radio input[type="radio"]::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
display: inline-block;
background-color: var(--wpep-theme-color);
border-radius: 50%;
left: 0px;
right: 0;
margin: 0 auto;
top: 3px;
transition: all 0.2s ease;
opacity: 0;
transform: scale(0);
}
.singlepage .form-wizard .wizard-form-radio input[type="radio"]:checked::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
display: inline-block;
background-color: var(--wpep-theme-color);
border-radius: 50%;
left: 0px;
right: 0;
margin: 0 auto;
top: 3px;
opacity: 1;
transform: scale(1);
}
.singlepage .form-wizard .wizard-form-radio input[type="radio"] ~ label {
padding-left: 0px;
cursor: pointer;
margin: 0 15px;
display: inline-block;
color: #333 !important;
font-size: 12px;
}
.singlepage .form-wizard .form-wizard-header {
text-align: center;
}
.singlepage .form-wizard .form-wizard-next-btn,
.singlepage .form-wizard .form-wizard-previous-btn,
.singlepage .form-wizard .form-wizard-submit,
.singlepage .wpep-single-form-submit-btn {
background-color: var(--wpep-theme-color);
color: #ffffff;
display: inline-block;
min-width: 100px;
min-width: 120px;
padding: 10px 20px;
text-align: center;
font-size: 16px;
font-weight: bold;
border-radius: 4px;
transition: all 0.2s ease-in-out;
text-decoration: none !important;
cursor: pointer;
border: 1px solid var(--wpep-theme-color);
}
.singlepage .form-wizard .form-wizard-next-btn:hover, .singlepage .form-wizard .form-wizard-next-btn:focus, .singlepage .form-wizard .form-wizard-next-btn:active,
.singlepage .form-wizard .form-wizard-previous-btn:hover,
.singlepage .form-wizard .form-wizard-previous-btn:focus,
.singlepage .form-wizard .form-wizard-previous-btn:active,
.singlepage .form-wizard .form-wizard-submit:hover,
.singlepage .form-wizard .form-wizard-submit:focus,
.singlepage .form-wizard .form-wizard-submit:active,
.singlepage .wpep-single-form-submit-btn:hover,
.singlepage .wpep-single-form-submit-btn:focus,
.singlepage .wpep-single-form-submit-btn:active {
background-color: var(--wpep-theme-color);
color: #ffffff;
opacity: 0.8;
text-decoration: none;
box-shadow: none;
outline: none;
border: 1px solid var(--wpep-theme-color);
}
.singlepage .form-wizard-next-btn small {
font-size: 16px;
}
.singlepage .hentry .entry-content a:not(.button) {
text-decoration: none;
}
.singlepage .form-wizard .wizard-fieldset {
border: none;
background: transparent;
padding: 0px;
margin: 0px;
}
.singlepage .form-wizard .wizard-form-error {
display: none;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
width: 100%;
}
.singlepage .form-wizard .form-wizard-previous-btn {
background-color: #fb1647;
}
.singlepage .form-wizard .form-control {
font-weight: 400;
padding: 0px 15px;
color: #2f2f37;
background-color: #fff;
border: none;
width: 100%;
max-width: 100%;
height: 40px;
line-height: 40px;
border: 1px solid #b3b3b3;
border-radius: 4px;
font-size: 14px;
box-shadow: none;
margin: 0px;
min-height: 100%;
}
.singlepage .form-wizard .form-control:focus {  border: 1px solid var(--wpep-theme-color);
outline: none; background: transparent;
}
.singlepage .form-wizard textarea.form-control {
height: 60px;
}
.singlepage .form-wizard .form-group {
position: relative;
margin: 0px 0px 25px 0px;
}
.singlepage .form-wizard .wizard-form-text-label {
position: absolute;
left: 15px;
top: 9.5px;
transition: 0.2s linear all;
font-size: 15px;
color: #2f2f37 !important;
padding: 0px;
margin: 0px;
pointer-events: none;
font-weight: 400;
font-size: 14px;
line-height: normal;
z-index: 1;
}
.singlepage .form-wizard .focus-input .wizard-form-text-label {
color: #2f2f37 !important;
top: -10px;
background: #fff;
transition: 0.2s linear all;
font-size: 13px;
left: 15px;
z-index: 1;
}
.singlepage .form-wizard .form-wizard-steps {
margin: 10px 0px 30px 0px;
display: table;
width: 100%;
}
.singlepage .form-wizard .form-wizard-steps li {
display: table-cell;
position: relative;
transition: width 0.6s ease;
list-style: none inside;
}
.singlepage .form-wizard .form-wizard-steps li small {
position: absolute;
left: 0px;
right: 0px;
margin-top: 45px;
font-size: 14px;
}
.singlepage .form-wizard .form-wizard-steps li::before {
border: none;
background-color: #f3f3f3;
content: "";
height: 4px;
left: 0;
position: absolute;
left: 0%;
top: 50%;
width: 100%;
transition: width 0.6s ease;
}
.singlepage .form-wizard .form-wizard-steps li::after {
border: none;
background-color: var(--wpep-theme-color);
content: "";
height: 4px;
left: 0;
position: absolute;
left: 0%;
top: 50%;
width: 0;
transition: width 0.6s ease;
}
.singlepage .form-wizard .form-wizard-steps li.active:after {
border: none;
background-color: var(--wpep-theme-color);
content: "";
height: 4px;
left: 0;
position: absolute;
left: 0%;
top: 50%;
width: 100%;
}
.singlepage .form-wizard .form-wizard-steps li.activated:after {
border: none;
background-color: var(--wpep-theme-color);
content: "";
height: 4px;
left: 0;
position: absolute;
left: 0%;
top: 50%;
width: 100%;
}
.singlepage .form-wizard .form-wizard-steps li.activated small {
color: var(--wpep-theme-color);
}
.singlepage .form-wizard .form-wizard-steps li:first-child::before,
.singlepage .form-wizard .form-wizard-steps li:first-child::after,
.singlepage .form-wizard .form-wizard-steps li:first-child.active:after,
.singlepage .form-wizard .form-wizard-steps li:first-child.activated:after {
left: 50%;
}
.singlepage .form-wizard .form-wizard-steps li:last-child::before {
width: 50%;
}
.singlepage .form-wizard .form-wizard-steps li:last-child::after,
.singlepage .form-wizard .form-wizard-steps li:last-child.active:after,
.singlepage .form-wizard .form-wizard-steps li:last-child.activated:after {
max-width: 50%;
}
.singlepage .form-wizard .form-wizard-steps li span {
border: 6px solid #efefef;
background: #f5f5f5;
border-radius: 50%;
display: inline-block;
height: 34px;
position: relative;
text-align: center;
width: 34px;
z-index: 1;
font-size: 0px;
vertical-align: middle;
}
.singlepage .form-wizard .form-wizard-steps li.active span,
.singlepage .form-wizard .form-wizard-steps li.activated span {
background-color: #fff;
color: #ffffff;
border: 6px solid var(--wpep-theme-color);
}
.singlepage .form-wizard .wizard-password-eye {
position: absolute;
right: 32px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.singlepage .btnGroup {
display: flex;
justify-content: space-between;
margin-top: 25px;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}/*\*/* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.singlepage .pic {
width: 70%;
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
}
.singlepage .paymentSelect .selection {
display: inline-block;
margin-right: 0px;
vertical-align: top;
padding: 0px 6px 15px 0px;
width: auto;
min-width: 60px;
}
.singlepage .paymentSelect .selection:last-child {
padding: 0px;
margin-right: 0px;
}
.singlepage .paymentSelect .selection label {
display: inline-block;
width: 100%;
background-color: #f2f2f2;
border-radius: 4px;
color: #484848;
padding: 0px 10px;
cursor: pointer;
margin: 0px;
text-align: center;
height: 50px;
line-height: 50px;
transition: all 0.3s;
white-space: nowrap;
font-size: 14px;
font-weight: 600;
text-overflow: ellipsis;
overflow: hidden;
}
.singlepage .paymentSelect .selection label:hover {
background-color: var(--wpep-theme-color);
color: #fff;
}
.singlepage .paymentSelect .selection input[type="radio"] {
display: none;
}
.singlepage .paymentSelect .selection input[type="radio"]:checked ~ label {
background-color: var(--wpep-theme-color);
color: #fff;
}
.singlepage .paymentSelect {
display: block;
width: 100%;
}
.singlepage .shcusIn {
display: block !important;
}
.singlepage .otherpInput {
position: relative;
}
.singlepage .otherpInput::before {
content: var(--wpep-currency);
position: absolute;
left: 0px;
top: 0px;
background: var(--wpep-theme-color);
font-size: 12px;
color: #fff;
bottom: 0px;
text-align: center;
width: 40px;
height: 40px;
border-radius: 4px 0px 0px 4px;
line-height: 40px;
}
.singlepage .otherpInput .customPayment {
padding-left: 50px;
text-align: left !important;
}
.singlepage .selectAmount {
padding: 0px 0px 10px 0px;
display: block;
margin: 0px;
}
.singlepage label.paynow::before:hover {
color: #fff;
}
.singlepage .shopping-cart {
display: flex;
flex-direction: column;
position: relative;
}
.singlepage .title {
height: 60px;
border-bottom: 1px solid #e1e8ee;
padding: 20px 30px;
color: #5e6977;
font-size: 18px;
font-weight: 400;
}
.singlepage .buttons {
position: relative;
padding-top: 30px;
margin-right: 60px;
}
.singlepage .delete-btn,
.singlepage .like-btn {
display: inline-block;
cursor: pointer;
}
.singlepage .delete-btn {
width: 18px;
height: 17px;
background: url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/img/delete-icn.svg) no-repeat center;
}
.singlepage .like-btn {
position: absolute;
top: 9px;
left: 15px;
background: url(//reverenceevents.com.au/wp-content/plugins/wp-easy-pay/assets/frontend/img/twitter-heart.png);
width: 60px;
height: 60px;
background-size: 2900%;
background-repeat: no-repeat;
}
.singlepage .is-active {
animation-name: animate;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: steps(28);
animation-fill-mode: forwards;
}
@keyframes animate {
0% {
background-position: left;
}
50% {
background-position: right;
}
100% {
background-position: right;
}
}
.singlepage .wpeasy_image {
margin-right: 20px;
max-width: 110px;
}
.singlepage .description {
padding-top: 10px;
width: 220px;
}
.singlepage .description span,
.singlepage .pDetails span {
display: block;
font-size: 15px;
color: #43484d;
font-weight: 400;
}
.singlepage .description span:first-child {
margin-bottom: 5px;
}
.singlepage .description span:last-child,
.singlepage .pDetails span:last-child {
font-weight: 300;
margin-top: 8px;
color: #86939e;
}
.singlepage .wpEasyquantity {
margin-right: 30px;
width: 100px;
align-self: center;
}
.singlepage .wpEasyquantity input {
-webkit-appearance: none;
border: none;
text-align: center;
width: 32px;
font-size: 16px;
color: #43484d;
font-weight: 300;
}
.singlepage .wpEasybutton[class*="btn"] {
width: 30px;
height: 30px;
background-color: #e1e8ee;
border-radius: 4px;
border: none;
cursor: pointer;
}
.singlepage .minus-btn img {
margin-bottom: 3px;
}
.singlepage .plus-btn img {
margin-top: 2px;
}
.singlepage .wpEasybutton:focus,
.singlepage input:focus {
outline: 0;
}
.singlepage .total-price {
width: 85px;
text-align: center;
font-size: 16px;
color: #43484d;
font-weight: 300;
align-self: center;
}/**/@keyframes click-radio-wave {
0% {
width: 25px;
height: 25px;
opacity: 0.35;
position: relative;
}
100% {
width: 60px;
height: 60px;
margin-left: -15px;
margin-top: -15px;
opacity: 0;
}
}
@media screen and (max-width: 767px) {
.singlepage .wizard-content-left {
height: auto;
}
}
.singlepage .headCol {
align-self: center;
float: none;
}
.singlepage .form-control-em {
border: none;
background: transparent;
box-shadow: none;
width: auto;
display: inline-block;
font-size: 16px;
color: #43484d;
font-weight: 300;
}
.singlepage .basket-tbl .headCol.pPrice {
width: 100%;
max-width: 70px;
margin: 10px auto;
}
.singlepage .basket-tbl .headCol.pPrice .form-control-em {
width: 40px;
margin: 0px auto;
text-align: center;
background: transparent;
box-shadow: none;
}
@media screen and (max-width: 767px) {
.singlepage .basket-tbl .headCol.pPrice .form-control-em {
width: 70px;
}
}
.singlepage .basket-tbl .headCol.pCost .form-control-em {
width: 70px;
margin: 0px auto;
text-align: left;
background: transparent;
border: none;
box-shadow: none;
padding: 0px;
}
@media screen and (max-width: 767px) {
.singlepage .basket-tbl .headCol.pCost .form-control-em {
text-align: center;
}
}
.singlepage .basket-tbl .headCol.pCost {
width: 70px;
margin: 0px auto;
clear: both;
text-align: center;
padding-top: 15px;
}
.singlepage .basket-tbl .headCol.pImage {
width: 100%;
margin-right: 0px;
text-align: center;
}
.singlepage .basket-tbl .headCol.pImage img {
margin: 0px auto;
}
.singlepage .result-tbl {
position: absolute;
bottom: -60px;
right: 0px;
max-width: 130px;
white-space: nowrap;
font-size: 16px;
}
.singlepage .result-tbl .curr {
display: inline-block;
}
.singlepage .result-tbl .form-control-em {
display: inline-block;
width: 50px;
max-width: initial;
min-width: auto;
font-size: 16px;
font-weight: bold;
background: transparent;
border: none;
box-shadow: none;
color: #43484d;
padding: 0px;
margin: 0px;
}
.singlepage .result-tbl b {
font-weight: bold;
font-size: 16px;
position: relative;
display: inline-block;
top: 0px;
margin-right: 1px;
margin-left: 5px;
}
.singlepage .result-tbl label {
margin-right: 10px;
vertical-align: top;
float: left;
}
.singlepage .btnqty[class*="btn"] {
width: 30px;
height: 30px;
background-color: #e1e8ee;
border-radius: 4px;
border: none;
cursor: pointer;
text-align: center;
line-height: 30px;
}
.singlepage .basket-tbl .pQty .form-control-em {
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 4px;
text-align: center;
line-height: 30px;
position: absolute;
left: 0px;
right: 0px;
margin: 0px auto;
box-shadow: none;
border: none;
padding: 0px;
}
.singlepage .basket-tbl .pQty .btnqty[class*="btn"] i {
color: #86939e;
vertical-align: middle;
}
.singlepage .basket-tbl .qty.pQty {
width: 100%;
max-width: 95px;
min-width: 95px;
position: relative;
}
@media screen and (max-width: 767px) {
.singlepage .basket-tbl .qty.pQty {
margin: 0px auto;
}
}
.singlepage .inc.btnqty {
float: right;
}
.singlepage .dec.btnqty {
float: left;
}
.singlepage .basket-tbl .headCol.pDetails {
margin-right: 0px;
width: 100%;
text-align: center;
margin-top: 10px;
}
.singlepage .paymentDetails .paymetncol li {
padding: 15px;
list-style: none;
font-size: 15px;
}
.singlepage .paymentDetails .paymetncol li i {
color: #86b2ff;
text-align: center;
line-height: 20px;
border-radius: 100px;
font-size: 11px;
margin-right: 10px;
}
.singlepage .paymentDetails .paymetncol li:last-child {
background: #f9f9f9;
}
.singlepage .paymentDetails .paymetncol li span {
font-weight: 600;
float: right;
margin: 0px 0px;
}
.singlepage .pReset i {
cursor: pointer;
padding: 0px 10px;
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
background: #2e86df;
border-radius: 4px;
width: 85px;
margin-top: 10px;
}
.singlepage .listingHeadWrap {
display: none;
}
.singlepage .wpItem {
padding: 20px 20px;
background: #fff;
text-align: center;
margin: 0px 0px 20px 0px;
border-radius: 6px;
box-shadow: 0px 0px 30px -23px #b3b3b3;
border: 1px solid #f7f7f7;
}
.singlepage .wpItem:last-child {
border: none;
}
.singlepage .headCol.pReset {
text-align: center;
}
.singlepage .form-group.cusPaymentSec {
margin: 0px 0px 25px 0px;
}
.singlepage .cusSelect select {
border-radius: 4px;
border: 1px solid #fff;
font-size: 13px;
background: #f3f3f3;
padding: 2px;
color: #717171;
font-weight: 500;
}
.singlepage .cusSelect select:hover,
.singlepage .cusSelect select:focus,
.singlepage .cusSelect select:active {
outline: none;
box-shadow: none;
}
.singlepage .form-control-wrap input {
font-weight: 300;
padding: 0px 15px;
color: #2f2f37;
background-color: #fff;
border: none;
width: 100%;
height: 40px;
line-height: 40px;
border: 1px solid #b3b3b3;
border-radius: 4px;
font-size: 13px;
box-shadow: none;
}
.singlepage .form-wizard .wizard-form-checkbox {
display: inline-block;
margin-left: 5px;
position: relative;
}
.singlepage .form-wizard .wizard-form-checkbox input[type="checkbox"] {
height: 18px;
width: 18px;
display: inline-block;
vertical-align: middle;
border-radius: 4px;
position: relative;
cursor: pointer;
margin: -3px 0px 0px 0px;
border: 1px solid #7f8393;
background-color: #fff;
transition: all 1s ease-in-out;
}
.singlepage .form-wizard .wizard-form-checkbox input[type="checkbox"]:focus {
outline: 0;
}
.singlepage .form-wizard .wizard-form-checkbox input[type="checkbox"]:checked {
background-color: #fff;
background-color: #2065e1;
}
.singlepage .form-wizard .wizard-form-checkbox input[type="checkbox"]::before {
content: "";
position: absolute;
display: inline-block;
background-color: #2065e1;
left: 0px;
right: 0;
margin: 0 auto;
top: 3px;
transition: all 0.2s ease;
opacity: 0;
transform: scale(0);
}
.singlepage .form-wizard .wizard-form-checkbox input[type="checkbox"]:checked::before {
content: "✓";
position: absolute;
display: inline-block;
background-color: #2065e1;
color: #fff;
border-radius: 2px;
left: 2px;
right: 2px;
font-size: 11px;
margin: 0 auto;
top: 2px;
line-height: 15px;
opacity: 1;
text-align: center;
transform: scale(1);
font-weight: bold;
bottom: 2px;
}
.singlepage .form-wizard .wizard-form-checkbox input[type="checkbox"] ~ label {
padding-left: 5px;
cursor: pointer;
margin-right: 15px;
margin-bottom: 0px;
display: inline-block;
font-size: 12px;
}
.singlepage .form-control-wrap {
font-weight: 400;
padding: 0px 15px;
color: #2f2f37;
background-color: #fff;
border: none;
width: 100%;
line-height: 40px;
border: 1px solid #b3b3b3;
border-radius: 4px;
font-size: 13px;
overflow: hidden;
position: relative;
}
.singlepage .form-control-wrap iframe {
float: left;
margin: 0px !important;
}
.singlepage .form-control-wrap .input-card {
width: 100%;
margin-left: 0px;
}
.singlepage .form-control-wrap .input-date {
width: 50%;
left: 0px;
}
.singlepage .form-control-wrap .input-ccv {
width: 50%;
}
.singlepage .cred {
width: 100%;
border-top: 1px solid #e1e8ee;
float: right;
}
.singlepage .form-control-1 {
height: 40px;
position: relative;
top: -7px;
left: 5px;
}
.singlepage .CardIcon {
width: 20px;
height: 14px;
perspective: 1000px;
overflow: hidden;
position: absolute;
left: 10px;
top: 13px;
display: none;
}
.singlepage .CardIcon-inner {
position: relative;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.singlepage .input-postal {
left: -15px;
}
.singlepage .CardIcon-front,
.singlepage .CardIcon-back {
position: absolute;
backface-visibility: hidden;
}
.singlepage .CardIcon-front img,
.singlepage .CardIcon-back img {
vertical-align: top !important;
width: 20px;
height: auto;
padding: 0px;
margin: 0px;
}
.singlepage .CardIcon-back {
transform: rotateY(180deg);
}
.singlepage .orderCompleted {
text-align: center;
display: none;
}
.singlepage .orderCompleted div {
text-align: center !important;
}
.singlepage .orderCompleted h2 {
padding: 0px;
margin: 0px;
margin-bottom: 10px;
margin-top: 10px;
}
.singlepage .orderCompleted p {
font-size: 16px;
padding: 0px;
margin: 0px;
}
.singlepage .doneorder {
margin: 0px auto;
width: 70px;
height: auto;
padding: 0px;
}
.singlepage .orderCompleted a {
color: var(--wpep-theme-color);
text-decoration: none;
display: block;
margin-top: 9px;
font-size: 14px;
font-weight: 400;
}
.singlepage .orderCompleted a:hover,
.singlepage .orderCompleted a:active,
.singlepage .orderCompleted a:focus {
box-shadow: none;
outline: none;
}
.singlepage .lastPage {
display: block;
text-align: center;
}
.singlepage .wizard-fieldset.orderCompleted {
padding-bottom: 30px;
}
.singlepage .orderCompleted .form-wizard-submit {
opacity: 0.7;
}
.singlepage ul.wpep_tabs {
margin: 0px;
padding: 0px;
list-style: none;
border-top: 2px solid #efefef;
display: block;
width: 100%;
}
.singlepage ul.wpep_tabs li {
background: none;
color: #777 !important;
display: inline-block;
padding: 15px 20px 15px 20px;
margin: 0px;
cursor: pointer;
position: relative;
vertical-align: top;
}
.singlepage ul.wpep_tabs li img {
-moz-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.4;
transition: all 0.5s ease;
vertical-align: middle;
width: 28px;
margin: 0px;
padding: 0px;
height: auto;
margin-right: 5px;
display: inline-block;
} .singlepage ul.wpep_tabs li:hover img {
-moz-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.singlepage ul.wpep_tabs li.current {
background: #fbfbfb;
pointer-events: none;
}
.singlepage ul.wpep_tabs li.current img {
-moz-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
vertical-align: middle;
}
.singlepage ul.wpep_tabs li span {
vertical-align: middle;
}
.singlepage ul.wpep_tabs li::before {
content: "";
display: block;
width: 0;
height: 2px;
background: var(--wpep-theme-color);
transition: width 0.3s;
position: absolute;
top: -2px;
left: 0px;
}
.singlepage ul.wpep_tabs li:hover::before {
width: 100%;
}
.singlepage ul.wpep_tabs li.current::before {
width: 100%;
color: #222;
}
.singlepage .tab-content {
display: none;
background: #fbfbfb;
padding: 25px 18px 18px 18px;
margin-bottom: 15px;
}
.singlepage .tab-content.current {
display: inherit;
}
.singlepage .tab-content .form-group.form-control-wrap {
margin-bottom: 15px;
border: 1px solid #e1e8ee;
}
.singlepage .tab-content .form-group.form-control-wrap.pcode {
margin-bottom: 0px;
}
.singlepage .tab-content h3 {
font-size: 16px;
font-weight: 400;
color: #3c3c3c;
}
.singlepage .cred-card-wrap.form-group.form-control-wrap {
padding: 0px;
}
.singlepage .btnGroupFirst {
justify-content: flex-end;
}
.singlepage #stickyBar {
transition: all 1s ease-in-out;
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
}
.singlepage #stickyBar .paymentDetails .paymetncol li:last-child {
background: #fff;
border-top: 1px solid #e0e0e0;
box-shadow: 0px 0px 40px -20px #b9b9b9;
height: 60px;
}
.singlepage #stickyBar .paymetncol {
padding: 0px;
margin: 0px;
}
.singlepage .btn-wpep {
padding: 0px 40px;
line-height: 40px;
outline: none;
font-size: 16px;
text-align: center;
border: none;
background: transparent;
color: #000;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.singlepage .btn-wpep-primary {
background: var(--wpep-theme-color);
border: 1px solid var(--wpep-theme-color);
box-shadow: 0px 0px 20px -8px var(--wpep-theme-color);
color: #fff;
opacity: 1;
transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
}
.singlepage .btn-wpep-primary:hover,
.singlepage .btn-wpep-primary:focus,
.singlepage .btn-wpep-primary:active {
opacity: 0.8;
}
.singlepage .btn-wpep-secondary {
background: #ffffff;
border: 1px solid #e2e5ec;
box-shadow: 0px 0px 15px -8px var(--wpep-theme-color);
color: #595d6e;
opacity: 1;
transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
}
.singlepage .btn-wpep-secondary:hover,
.singlepage .btn-wpep-secondary:focus,
.singlepage .btn-wpep-secondary:active {
opacity: 0.8;
}
.singlepage #stickyBar .btn-wpep {
padding: 0px 30px;
line-height: 28px;
height: 30px;
font-size: 14px;
}
.singlepage #stickyBar .paymentDetails .paymetncol li span {
font-size: 18px;
margin-left: 5px;
}
.singlepage #stickyBar .paymentDetails .paymetncol li strong {
line-height: 32px;
} .singlepage .noSingle {
display: none !important;
}
.singlepage .paymentDetails.ifSingle {
margin: 20px 0px;
}
.singlepage .btnGroup.ifSingle {
justify-content: flex-end;
}
.singlepage fieldset.wizard-fieldset.orderCompleted.blockIfSingle {
padding-bottom: 0px;
}
.singlepage .blockIfSingle p {
margin: 0px;
}
.singlepage .blockIfSingle p br {
display: none;
}
.singlepage .blockIfSingle .lastPage {
display: none;
}
.singlepage .cusLabel {
padding: 0px 0px 10px 0px;
display: block;
color: #333 !important;
}
.singlepage .subscriptionPlan {
margin-bottom: 20px;
}
.singlepage .form-wizard .subscriptionPlan .wizard-form-radio {
display: block;
margin-left: 0px;
position: relative;
margin-bottom: 8px;
font-size: 14px;
}
.singlepage .paydlayout .shcusIn {
margin-top: 15px;
}
.singlepage .form-wizard .wizard-fieldset.show {
display: block;
} .singlepage .button-google-pay {
min-width: 200px;
min-height: 40px;
padding: 11px 24px;
margin: 10px auto;
background-color: #000;
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22103%22%20height%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.148%202.976h3.766c.532%200%201.024.117%201.477.35.453.233.814.555%201.085.966.27.41.406.863.406%201.358%200%20.495-.124.924-.371%201.288s-.572.64-.973.826v.084c.504.177.912.471%201.225.882.313.41.469.891.469%201.442a2.6%202.6%200%200%201-.427%201.47c-.285.43-.667.763-1.148%201.001A3.5%203.5%200%200%201%204.082%2013H.148V2.976zm3.696%204.2c.448%200%20.81-.14%201.085-.42.275-.28.413-.602.413-.966s-.133-.684-.399-.959c-.266-.275-.614-.413-1.043-.413H1.716v2.758h2.128zm.238%204.368c.476%200%20.856-.15%201.141-.448.285-.299.427-.644.427-1.036%200-.401-.147-.749-.441-1.043-.294-.294-.688-.441-1.183-.441h-2.31v2.968h2.366zm5.379.903c-.453-.518-.679-1.239-.679-2.163V5.86h1.54v4.214c0%20.579.138%201.013.413%201.302.275.29.637.434%201.085.434.364%200%20.686-.096.966-.287.28-.191.495-.446.644-.763a2.37%202.37%200%200%200%20.224-1.022V5.86h1.54V13h-1.456v-.924h-.084c-.196.336-.5.611-.91.826-.41.215-.845.322-1.302.322-.868%200-1.528-.259-1.981-.777zm9.859.161L16.352%205.86h1.722l2.016%204.858h.056l1.96-4.858H23.8l-4.41%2010.164h-1.624l1.554-3.416zm8.266-6.748h1.666l1.442%205.11h.056l1.61-5.11h1.582l1.596%205.11h.056l1.442-5.11h1.638L36.392%2013h-1.624L33.13%207.876h-.042L31.464%2013h-1.596l-2.282-7.14zm12.379-1.337a1%201%200%200%201-.301-.735%201%201%200%200%201%20.301-.735%201%201%200%200%201%20.735-.301%201%201%200%200%201%20.735.301%201%201%200%200%201%20.301.735%201%201%200%200%201-.301.735%201%201%200%200%201-.735.301%201%201%200%200%201-.735-.301zM39.93%205.86h1.54V13h-1.54V5.86zm5.568%207.098a1.967%201.967%200%200%201-.686-.406c-.401-.401-.602-.947-.602-1.638V7.218h-1.246V5.86h1.246V3.844h1.54V5.86h1.736v1.358H45.75v3.36c0%20.383.075.653.224.812.14.187.383.28.728.28.159%200%20.299-.021.42-.063.121-.042.252-.11.392-.203v1.498c-.308.14-.681.21-1.12.21-.317%200-.616-.051-.896-.154zm3.678-9.982h1.54v2.73l-.07%201.092h.07c.205-.336.511-.614.917-.833.406-.22.842-.329%201.309-.329.868%200%201.53.254%201.988.763.457.509.686%201.202.686%202.079V13h-1.54V8.688c0-.541-.142-.947-.427-1.218-.285-.27-.656-.406-1.113-.406-.345%200-.656.098-.931.294a2.042%202.042%200%200%200-.651.777%202.297%202.297%200%200%200-.238%201.029V13h-1.54V2.976zm32.35-.341v4.083h2.518c.6%200%201.096-.202%201.488-.605.403-.402.605-.882.605-1.437%200-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0%205.52v4.736h-1.504V1.198h3.99c1.013%200%201.873.337%202.582%201.012.72.675%201.08%201.497%201.08%202.466%200%20.991-.36%201.819-1.08%202.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668%202.287c0%20.392.166.718.499.98.332.26.722.391%201.168.391.633%200%201.196-.234%201.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61%200-1.12.148-1.528.442-.409.294-.613.657-.613%201.093m1.946-5.815c1.112%200%201.989.297%202.633.89.642.594.964%201.408.964%202.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45%201.372-2.486%201.372-.882%200-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96%200-.828.313-1.486.94-1.976s1.463-.735%202.51-.735c.892%200%201.629.163%202.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132%202.132%200%200%200-1.455-.547c-.84%200-1.504.353-1.995%201.062l-1.324-.834c.73-1.045%201.81-1.568%203.238-1.568m11.853.262l-5.02%2011.53H96.42l1.864-4.034-3.302-7.496h1.635l2.387%205.749h.032l2.322-5.75z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M75.448%207.134c0-.473-.04-.93-.116-1.366h-6.344v2.588h3.634a3.11%203.11%200%200%201-1.344%202.042v1.68h2.169c1.27-1.17%202.001-2.9%202.001-4.944%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M68.988%2013.7c1.816%200%203.344-.595%204.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754%200-3.244-1.182-3.776-2.774h-2.234v1.731a6.728%206.728%200%200%200%206.01%203.703%22%20fill%3D%22%2334A853%22%2F%3E%3Cpath%20d%3D%22M65.212%208.267a4.034%204.034%200%200%201%200-2.572V3.964h-2.234a6.678%206.678%200%200%200-.717%203.017c0%201.085.26%202.11.717%203.017l2.234-1.731z%22%20fill%3D%22%23FABB05%22%2F%3E%3Cpath%20d%3D%22M68.988%202.921c.992%200%201.88.34%202.58%201.008v.001l1.92-1.918c-1.165-1.084-2.685-1.75-4.5-1.75a6.728%206.728%200%200%200-6.01%203.702l2.234%201.731c.532-1.592%202.022-2.774%203.776-2.774%22%20fill%3D%22%23E94235%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
background-origin: content-box;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border: 0;
border-radius: 4px;
box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
outline: 0;
cursor: pointer;
display: none;
}
.singlepage #googlePay.current .button-google-pay {
display: block!important;
}
.singlepage .button-masterpass {
min-width: 200px;
min-height: 40px;
max-height: 40px;
padding: 0;
margin: 10px;
background-color: black;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 5px;
border-color: white;
cursor: pointer;
display: none;
}
.singlepage .wpepError {
color: #ff4200;
display: inline-block;
margin: 0;
font-size: 10px;
position: absolute;
bottom: -18px;
left: 0;
}
.singlepage .wpep-disabled {
pointer-events: none !important;
opacity: 0.75 !important;
text-decoration: none !important;
}
.singlepage .wpep-alert {
padding: 12px 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.singlepage .wpep-alert-danger {
color: #ca1818;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.singlepage .wpep-alert-dismissable,
.singlepage .wpep-alert-dismissible {
padding-right: 35px;
position: relative;
}
.singlepage .wpep-alert-dismissable a.wpep-alert-close,
.singlepage .wpep-alert-dismissible a.wpep-alert-close {
position: absolute;
top: 0;
right: 15px;
color: inherit;
text-decoration: none;
font-size: 18px;
opacity: 0.75;
bottom: 0;
margin: auto;
height: 12px;
display: inline-block;
line-height: 12px;
}
.singlepage .wpep-ptb-150 {
padding-top: 150px !important;
padding-bottom: 150px !important;
}
.wpepLoader {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
width: auto;
height: auto;
font-size: 16px;
color: #000;
background: rgba(253, 253, 253, 0.98);
border-radius: 4px;
border: 1px solid #fbfbfb;
z-index: 6;
display: flex;
align-items: center;
justify-content: center;
padding: 60px;
}
.singlepage small.display {
font-size: 100%;
}
.wpep-btn-primary {
text-decoration: none !important;
}
label[data-label-show="no"] {
display: none;
}
.singlepage .form-wizard .date-field .wizard-form-text-label {
color: #2f2f37;
top: -10px;
background: #fff;
transition: 0.2s linear all;
font-size: 13px;
left: 15px;
}
.multipage .form-wizard .date-field .wizard-form-text-label {
color: #2f2f37;
top: -10px;
background: #fff;
transition: 0.2s linear all;
font-size: 13px;
left: 15px;
} @keyframes initial-loading {
0%,
100% {
transform: translate(-34px, 0);
}
50% {
transform: translate(96px, 0);
}
}
.initial-load-animation {
width: 200px;
margin: 0 auto;
transform: scale(1);
transition: transform 0.5s ease;
}
.payment-image {
text-align: center;
}
.initial-load-animation .payment-image .icon-pay::before {
height: 44px;
width: 64px;
margin: 0 auto 15px;
transform: translate(0, 0);
opacity: 1;
transition: all 0.5s ease-out;
display: inline-block;
}
.initial-load-animation .loading-bar {
width: 130px;
height: 2px;
margin: 0 auto;
border-radius: 2px;
background-color: #cfcfcf;
position: relative;
overflow: hidden;
z-index: 1;
transform: rotateY(0);
transition: transform 0.3s ease-in;
}
.initial-load-animation .loading-bar .blue-bar {
height: 100%;
width: 68px;
position: absolute;
transform: translate(-34px, 0);
background-color: var(--wpep-theme-color);
border-radius: 2px;
animation: initial-loading 1.5s infinite ease;
}
.initial-load-animation.fade-load .payment-image .icon-pay::before {
transform: rotateY(180deg);
opacity: 1;
}
.initial-load-animation .payment-image .icon-pay {
color: var(--wpep-theme-color);
} .singlepage ul.wpep_tabs li.titelIcon {
display: block !important;
padding: 20px 15px 15px 15px;
}
.singlepage ul.wpep_tabs li.titelIcon h4 {
margin: 0px;
font-size: 15px;
padding: 0px;
font-weight: normal;
display: inline-block;
color: #333 !important;
}
.singlepage ul.wpep_tabs li.titelIcon img {
margin: -5px 10px 0px 0px !important;
max-width: 28px;
display: inline-block;
vertical-align: middle;
}
.wpep-popup .wpep-close {
z-index: 10000;
}
.wpep-popup .wpep-content .wpepLoader {
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(253, 253, 253, 0.98);
}
.singlepage .form-wizard .termsCondition .wizard-form-checkbox input[type="checkbox"] {
height: 18px;
width: 18px;
}
.singlepage .form-wizard .termsCondition .wizard-form-checkbox input[type="checkbox"] ~ label {
margin-right: 0px;
font-size: 14px;
display: inherit;
}
.singlepage .form-wizard .termsCondition .wizard-form-checkbox a {
font-size: 14px;
}
@media screen and (max-width: 480px) {
.singlepage .wpep-ptb-150 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media screen and (min-width: 575px) {
.singlepage .paymentSelect .selection label {
padding: 0px 10px;
}
.singlepage #stickyBar {
display: none;
}
.singlepage .cred-card-wrap.form-group.form-control-wrap {
padding: 0px 15px;
}
.singlepage .form-control-wrap .input-ccv {
width: 50px;
}
.singlepage .form-control-wrap .input-date {
width: 85px;
left: 20px;
}
.singlepage .form-control-wrap .input-card {
width: 60%;
margin-left: 10px;
}
.singlepage .cred {
width: 135px;
border: none;
}
.singlepage .CardIcon {
display: block;
}
.singlepage .paymentSelect .selection {
margin-right: 10px;
vertical-align: middle;
padding: 0px 10px 0px 0px;
min-width: 64px;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.singlepage .paymentSelect {
display: flex;
justify-content: space-between;
}
.singlepage .listingHeadWrap {
display: block;
}
.singlepage .listingHeadWrap {
background: #f9f9f9;
padding: 20px 20px;
}
.singlepage .listingHead {
display: table;
font-size: 15px;
width: 100%;
}
.singlepage .listingHead .headCol.pPrice {
width: 70px;
}
.singlepage .listingHead .headCol.pQty {
width: 95px;
margin-right: 30px;
text-align: center;
}
.singlepage .listingHead .headCol.pDetails {
margin-right: 30px;
width: 170px;
}
.singlepage .listingHead .headCol.pImage {
width: 110px;
padding-right: 20px;
}
.singlepage .wpItem {
padding: 20px 0px;
display: flex;
border: none;
border-bottom: 1px solid #e1e8ee;
background: #fff;
border-bottom: 1px solid #e2e2e2;
background: #fff;
text-align: inherit;
box-shadow: none;
border-radius: 0px;
margin: 0px;
}
.singlepage .headCol {
float: left;
}
.singlepage .basket-tbl .headCol.pImage {
width: 100%;
max-width: 70px;
min-width: 70px;
margin-right: 65px;
}
.singlepage .basket-tbl .headCol.pDetails {
margin-right: 30px;
width: 100%;
max-width: 170px;
text-align: left;
margin-top: 0px;
}
.singlepage .basket-tbl .qty.pQty {
margin-right: 30px;
}
.singlepage .basket-tbl .headCol.pCost {
width: 100%;
max-width: 70px;
margin: 0px;
text-align: left;
padding-top: 0px;
}
.singlepage .pReset i {
cursor: pointer;
padding: 0px 10px;
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #d6d6d6;
background: transparent;
margin: 0px;
}
.singlepage .pReset i:hover {
color: red;
}
.singlepage .basket-tbl .headCol.pPrice {
margin: 0px;
}
.singlepage .basket-tbl .headCol.pPrice .form-control-em {
width: auto;
text-align: inherit;
padding: 0px;
margin: 0px;
background: transparent;
border: none;
box-shadow: none;
}
}
.singlepage span.wpep-help-text {
font-size: 11px;
color: #999;
padding: 0;
display: block;
line-height: inherit;
margin-top: 5px;
}
.singlepage .wpep-m-0 {
margin: 0 !important;
}
.singlepage .wpep-checkboxWrapper,
.wpep-radioWrapper {
margin-bottom: 15px;
} .singlepage .custom-select-wrapper {
position: relative;
display: inline-block;
user-select: none;
cursor: pointer;
width: 100%;
}
.singlepage .custom-select-wrapper select {
display: none;
}
.singlepage .custom-select {
position: relative;
display: inline-block;
width: 100%;
}
.singlepage .custom-select-trigger {
position: relative;
display: block;
min-width: 130px;
cursor: pointer;
transition: all 0.2s ease-in-out;
width: 100%;
height: 38px;
line-height: 38px;
}
.singlepage .custom-select-trigger:after {
position: absolute;
display: block;
content: "";
width: 7px;
height: 7px;
top: 50%;
right: 0px;
margin-top: 0px;
border-bottom: 1px solid #6d6d6d;
border-right: 1px solid #6d6d6d;
transform: rotate(45deg) translateY(-50%);
transition: all 0.35s ease-out;
transform-origin: 50% 0;
}
.singlepage .custom-select.opened .custom-select-trigger:after {
margin-top: 3px;
transform: rotate(-135deg) translateY(-50%);
}
.singlepage .custom-options {
position: absolute;
display: block;
top: 100%;
left: 0%;
right: 0;
width: 100%;
z-index: 2;
margin: 10px 0;
border-radius: 5px;
box-sizing: border-box;
background: #fff;
transition: all 0.2s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-15px);
border: 1px solid #b3b3b3;
}
.singlepage .custom-select.opened .custom-options {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateY(-8px);
}
.singlepage .option-hover:before {
background: #f9f9f9;
}
.singlepage .custom-option {
position: relative;
display: block;
padding: 0 20px;
line-height: 38px;
cursor: pointer;
transition: all 0.05s ease-in-out;
}
.singlepage .custom-option:first-of-type {
border-radius: 4px 4px 0 0;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.singlepage .custom-option:last-of-type {
border-bottom: 0;
border-radius: 0 0 4px 4px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.singlepage .custom-option:hover,
.singlepage .custom-option.selection {
color: #2f2f37;
background-color: #ecf3fb;
} .singlepage input[type="checkbox"] + label,
.singlepage input[type="radio"] + label {
margin: 0;
}
.singlepage .inputGroup {
background-color: #fff;
display: block;
margin: 10px 0;
position: relative;
box-shadow: 0px 0px 12px 0px #f1f1f1;
border-radius: 4px;
}
.singlepage .inputGroup label {
padding: 25px 20px;
width: 100%;
display: block;
text-align: left;
color: #8c8c8c;
cursor: pointer;
position: relative;
z-index: 2;
transition: color 200ms ease-in;
overflow: hidden;
}
.singlepage .inputGroup label:before {
width: 10px;
height: 10px;
border-radius: 50%;
content: "";
background-color: var(--wpep-theme-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale3d(1, 1, 1);
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
z-index: -1;
}
.singlepage .inputGroup label:after {
width: 32px;
height: 32px;
content: "";
border: 2px solid #d1d7dc;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
background-repeat: no-repeat;
background-position: 1px 3px;
border-radius: 50%;
z-index: 2;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all 200ms ease-in;
}
.singlepage .inputGroup input:checked ~ label {
color: #fff;
}
.singlepage .inputGroup input:checked ~ label:before {
transform: translate(-50%, -50%) scale3d(120, 120, 1);
opacity: 1;
}
.singlepage .inputGroup input:checked ~ label:after {
background-color: var(--wpep-theme-color);
border-color: rgba(255, 255, 255, 0.6);
}
.singlepage .inputGroup input {
width: 32px;
height: 32px;
order: 1;
z-index: 2;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
visibility: hidden;
}
.singlepage .cardList .cardListLab {
display: flex;
justify-content: space-between;
padding: 25px 85px 25px 30px;
align-items: center;
font-size: 20px;
font-weight: 300;
border-radius: 4px;
font-size: 14px;
}
.singlepage .removeicon {
vertical-align: text-top;
z-index: 3;
position: relative;
}
.singlepage .removeicon svg {
fill: var(--wpep-theme-color);
}
.singlepage .inputGroup input:checked ~ label .removeicon svg {
fill: #fff;
}
.singlepage .carexp {
margin-right: 15px;
letter-spacing: 1px;
}
.singlepage .mastercard1 {
vertical-align: sub;
margin-right: 15px;
height: 20px;
display: inline-block;
font-weight: 600;
}
.singlepage .mastercard2 {
letter-spacing: 2px;
}
.singlepage .card01 .icon-pay-brand {
margin-right: 25px;
height: 32px;
display: inline-block;
vertical-align: middle;
}
.singlepage .card01 .icon-pay-brand svg {
width: 32px;
height: 32px;
fill: currentColor;
}
.singlepage .inputGroup input:checked ~ label .icon-pay-brand svg {
fill: #fff;
}
@media screen and (max-width: 767px) {
.singlepage .mastercard1 {
margin-right: 5px;
}
.singlepage .card01 .icon-pay {
margin-right: 5px;
}
.singlepage .inputGroup label:after {
right: 15px;
width: 22px;
height: 22px;
background-position: 2px 3px;
background-size: 22px;
}
.singlepage .cardList .cardListLab {
font-size: 18px;
white-space: nowrap;
padding: 25px 55px 25px 15px;
}
.singlepage .removeicon svg {
width: 18px;
height: 18px;
}
.singlepage .mastercard2 {
letter-spacing: 0px;
}
.singlepage .carexp {
margin-right: 10px;
letter-spacing: 0px;
font-size: 18px;
}
}
.singlepage .cardsBlock02 {
margin-bottom: 20px;
}
.singlepage .form-wizard .cardsBlock02 .wizard-form-radio {
margin-left: 0px;
margin-right: 15px;
cursor: pointer;
}
.singlepage .form-wizard .cardsBlock02 .wizard-form-radio input[type="radio"] {
margin-right: 5px;
}
.singlepage .form-wizard .cardsBlock02 .wizard-form-radio label {
cursor: pointer;
font-size: 12px;
}
.singlepage .wpep_saved_cards .inputGroup {
margin-top: 0px;
}
.singlepage .form-wizard .wizard-form-checkbox.saveCarLater {
margin: 10px 0px 0px 0px;
font-size: 14px;
}
.wpep-popup .singlepage .inputGroup label:after {
background-position: 1px 3px;
}
span.fieldReq {
font-size: 10px;
vertical-align: top;
color: red;
}
.singlepage .inpuQty {
position: relative;
max-width: 120px;
}
.singlepage .inpuQty .value-button {
position: absolute;
height: 40px;
margin: 0px;
padding: 0px;
border: none;
line-height: 40px;
font-size: 30px;
font-weight: 100;
background: transparent;
color: #a5a5a5;
width: 40px;
text-align: center;
cursor: pointer;
}
.singlepage .inpuQty #decrease {
left: 0px;
margin: 0px;
font-size: 40px;
line-height: 35px;
}
.singlepage .inpuQty #increase {
right: 0px;
top: 0px;
}
.singlepage .inpuQty .form-control {
text-align: center;
padding: 0px 40px !important;
}
.singlepage .qtylabel {
padding: 0px;
margin: 0px 0px 5px 0px;
line-height: normal;
font-size: 14px;
display: block;
}
.singlepage .file-upload-wrapper {
position: relative;
width: 100%;
height: 40px;
border: 1px solid #b3b3b3;
border-radius: 4px;
overflow: visible;
}
.singlepage .file-upload-wrapper:after {
content: attr(data-text);
font-size: 14px;
position: absolute;
top: 0;
left: 0;
background: #fff;
padding: 10px 15px;
display: block;
width: calc(100% - 160px);
pointer-events: none;
z-index: 20;
height: 0px;
line-height: 18px;
color: #2f2f37;
border-radius: 5px 10px 10px 5px;
font-weight: 400;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-height: 40%;
}
.singlepage .file-upload-wrapper:before {
content: "Upload";
position: absolute;
top: 4px;
right: 5px;
display: inline-block;
height: 31px;
background: var(--wpep-theme-color);
color: #fff;
font-weight: 700;
z-index: 25;
font-size: 14px;
line-height: 32px;
padding: 0 15px;
text-transform: uppercase;
pointer-events: none;
border-radius: 4px;
width: 90px;
text-align: center;
}
.singlepage .file-upload-wrapper:hover:before {
background: var(--wpep-theme-color);
opacity: 0.8;
}
.singlepage .file-upload-wrapper input {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
height: 40px;
margin: 0;
padding: 0;
display: block;
cursor: pointer;
width: 100%;
}
.singlepage .labelupload {
font-size: 14px;
}
.singlepage .wpep-coupons {
margin: 0px 0px 25px 0px; }
.singlepage .wpep-coupons .coupon-field {
display: flex;
}
.singlepage .wpep-coupons .coupon-field .cp-apply {
height: 40px;
margin-left: 15px;
padding: 0;
}
.singlepage .wpep-alert-success {
color: #155724;
background-color: #d4edda;
border-color:#d4edda;
}
.singlepage div.wpep-payment-details-wrapper {
position: relative;
display: flex;
align-items: center;
margin-right: 15px;
}
.singlepage a.wpep-open-details {
color: var(--wpep-theme-color);
}
.singlepage div.wpep-payment-details {
width: 251px;
min-height: 150px;
height: auto;
padding: 15px;
border: 1px solid #ddd;
border-radius: 4px;
position: absolute;
right: 0;
top: 45px;
background: #FFF;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease 0s;
box-shadow: 0px 0px 3px 0px rgb(179 179 179 / 25%);
-webkit-box-shadow: 0px 0px 3px 0px rgb(179 179 179 / 25%);
-moz-box-shadow: 0px 0px 3px 0px rgb(179 179 179 / 25%);
-ms-box-shadow: 0px 0px 3px 0px rgb(179 179 179 / 25%);
-o-box-shadow: 0px 0px 3px 0px rgb(179 179 179 / 25%);
}
.singlepage div.wpep-payment-details:after {
content: '';
border-top: 8px solid transparent;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ddd;
display: inline-block;
position: absolute;
right: 20px;
top: -17px;
}
.singlepage div.wpep-payment-details:before {
content: '';
border-top: 8px solid transparent;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #FFF;
display: inline-block;
position: absolute;
right: 20px;
top: -16px;
z-index: 9;
}
.singlepage a.wpep-open-details:hover + div.wpep-payment-details, div.wpep-payment-details:hover {
visibility: visible;
opacity: 1;
transition: all 0.3s ease 0s;
}
.singlepage div.wpep-payment-details ul li {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 2px;
font-size: 12px;
}
.singlepage li.wpep-fee-total {
padding-top: 5px!important;
border-top: 1px solid #ddd;
margin-top: 5px;
}
.singlepage span.fee_value {
font-weight: 600;
}
.singlepage span.donationGoalProgressBar {
width: 100%;
display: inline-flex;
height: 12px;
background: #EEEEEE;
border-radius: 10px;
}
.singlepage span.donationGoalProgressBar > span {    
border-radius: 10px;
background-color: var(--wpep-theme-color);
}
.singlepage .donationGoalDetails {
display: block;
text-align: right;
font-weight: bold;
}
.singlepage .donationGoalDetails small {
font-weight: normal;
}
.singlepage p.doantionGoalAchieved {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: rgba(255,255,255, 0.75);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
}
@supports (-webkit-appearance: -apple-pay-button) { 
.apple-pay-button {
display: inline-block;
-webkit-appearance: -apple-pay-button;
width:100%; 
padding:20px;
}
.apple-pay-button-black {
-apple-pay-button-style: black;
}
.apple-pay-button-white {
-apple-pay-button-style: white;
}
.apple-pay-button-white-with-line {
-apple-pay-button-style: white-outline;
}
}
@supports not (-webkit-appearance: -apple-pay-button) {
.apple-pay-button {
display: inline-block;
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 5px;
padding: 0px;
box-sizing: border-box;
min-width: 200px;
min-height: 32px;
max-height: 64px;
}
.apple-pay-button-black {
background-image: -webkit-named-image(apple-pay-logo-white);
background-color: black;
}
.apple-pay-button-white {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white;
}
.apple-pay-button-white-with-line {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white;
border: .5px solid black;
} 
} .button-src {
min-width: 200px;
min-height: 40px;
max-height: 40px;
padding: 0;
margin: 10px auto;
background-color: black;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 5px;
border-color: rgb(255, 255, 255);
cursor:pointer;
display: none;
}
.singlepage #masterPass.current .button-src {
display: block!important;
}
.singlepage #applePay.current #sq-apple-pay-label {
display: block!important;
margin: 10px auto!important;
}
#afterpay-button .sq-ap__button {
width: 240px; 
}
#ach-button {
margin-right: auto;
margin-left: auto;
display: block;
width: 206px;
background-color: white;
padding: 5px;
height: 38px;
}
#ach-button img {
width: 19px;
padding: 0;
margin-bottom: -5px;
margin-right: 6px;
}
.mleft30 {
margin-left: -30px;
}
.loader {
border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 1s linear infinite; margin: 0 auto; }
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); } }
.wp-square-wallet, .wp-square-wallet-ach {
width: 241px;
margin: 0 auto;
}
.wp-square-wallet button {
width: 100%!important;
}
.wp-square-wallet button {
width: 100%!important;
font-size: 16px;
background-color: transparent;
}
.wp-square-wallet-ach button {
width: 100%!important;
font-size: 16px;
padding: 7px 0;
background-color: transparent;
border-radius: 4px;
}
.wp-square-wallet-ach button img {
width: 22px!important;
vertical-align: bottom;
}
.wp-square-wallet div#cash_app_pay_v1_element {
background-color: black;
margin: 0 auto;
border-radius: 4px;
text-align: center;
display: inline-table;
padding: 0px 24px 0px 22px;
}
.wpep_coupon_applied{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 5px;
overflow: hidden;
height: 50px;
font-size: 14px;
font-weight: 600;
color: #484848;
}
.wpep_coupon_applied_text i {
color: #5D97FF; font-size: 24px; margin-right: 8px; }
span.wpep_coupon_applied_text {
font-size: 14px;
color: #333;
padding-left: 15px;
flex: 1;
display: flex;
align-items: center;
}
button.wpep_coupon_remove_btn {
background-color: #5D97FF;
color: white;
border: none;
width: 100px;
height: 100%;
font-size: 12px;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #ccc;
}
.wpep_coupon_remove_btn:hover {
background-color: #85aff9;
}
.quantityCouponAlert{
display: none;
}
.pStock{
display: none;
padding: 8px;
text-align: center;
background: #f8d7da;
color: #ca1818;
margin-top: -24px;
margin-bottom: 16px;
}
.subscrition_cycle_box {
display: flex; align-items: center; gap: 8px; border: 1px solid #4A90E2;
background: #E8F3FF;
color: #007BFF;
padding: 8px 16px;
border-radius: 8px;
font-weight: bold;
margin: 15px 0px;
max-width: fit-content; flex-wrap: wrap; justify-content: center; text-align: center;
} .subscrition_cycle_box .title {
font-weight: 600;
color: #007BFF;
font-size: 18px !important;
height: 24px !important;
padding: 0px !important;
border: none !important;
} .subscrition_cycle_box .subtext {
font-size: 12px;
color: #777;
padding-top: 5px;
} @media (max-width: 768px) {
.subscrition_cycle_box {
flex-direction: column; gap: 5px;
padding: 12px; width: 100%; text-align: center;
}
.subscrition_cycle_box .title {
font-size: 16px !important; height: auto !important;
}
.subscrition_cycle_box .subtext {
font-size: 11px; padding-top: 3px;
}
}
@media (max-width: 480px) {
.subscrition_cycle_box {
padding: 10px;
gap: 4px;
}
.subscrition_cycle_box .title {
font-size: 14px !important;
}
.subscrition_cycle_box .subtext {
font-size: 10px;
}
}
.no_product_found{
padding: 20px;
text-align: center;
font-size: 18px;
font-weight: 500;
}
span.valueCheckWpep {
color: #ff0000;
font-size: 12px;
}
span.couponAmountError {
color: #ff0000;
font-size: 12px;
}@font-face {
font-family: 'Woo-Side-Cart';
src:  url(//reverenceevents.com.au/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.eot?qq7fgp);
src:  url(//reverenceevents.com.au/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.eot?qq7fgp#iefix) format('embedded-opentype'),
url(//reverenceevents.com.au/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.ttf?qq7fgp) format('truetype'),
url(//reverenceevents.com.au/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.woff?qq7fgp) format('woff'),
url(//reverenceevents.com.au/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.svg?qq7fgp#Woo-Side-Cart) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="xoo-wsc-icon-"], [class*=" xoo-wsc-icon-"] { font-family: 'Woo-Side-Cart' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.xoo-wsc-icon-heart1:before {
content: "\e92d";
}
.xoo-wsc-icon-cart-plus:before {
content: "\e92e";
}
.xoo-wsc-icon-bookmark-o:before {
content: "\e929";
}
.xoo-wsc-icon-bookmark1:before {
content: "\e92a";
}
.xoo-wsc-icon-arrow-long-right:before {
content: "\e900";
}
.xoo-wsc-icon-basket5:before {
content: "\e901";
}
.xoo-wsc-icon-basket4:before {
content: "\e902";
}
.xoo-wsc-icon-basket6:before {
content: "\e903";
}
.xoo-wsc-icon-basket1:before {
content: "\e904";
}
.xoo-wsc-icon-basket2:before {
content: "\e905";
}
.xoo-wsc-icon-basket3:before {
content: "\e906";
}
.xoo-wsc-icon-trash1:before {
content: "\e907";
}
.xoo-wsc-icon-trash:before {
content: "\e908";
}
.xoo-wsc-icon-cross:before {
content: "\e909";
}
.xoo-wsc-icon-check_circle:before {
content: "\e90a";
}
.xoo-wsc-icon-pencil:before {
content: "\e90b";
}
.xoo-wsc-icon-bag1:before {
content: "\e90c";
}
.xoo-wsc-icon-arrow-thin-right:before {
content: "\e90d";
}
.xoo-wsc-icon-shopping-bag1:before {
content: "\e90e";
}
.xoo-wsc-icon-shopping-cart:before {
content: "\e90f";
}
.xoo-wsc-icon-bag2:before {
content: "\e910";
}
.xoo-wsc-icon-cart1:before {
content: "\e911";
}
.xoo-wsc-icon-cart2:before {
content: "\e912";
}
.xoo-wsc-icon-del4:before {
content: "\e913";
}
.xoo-wsc-icon-trash3:before {
content: "\e914";
}
.xoo-wsc-icon-del1:before {
content: "\e915";
}
.xoo-wsc-icon-del2:before {
content: "\e916";
}
.xoo-wsc-icon-del3:before {
content: "\e917";
}
.xoo-wsc-icon-shopping-bag:before {
content: "\e918";
}
.xoo-wsc-icon-chevron-thin-left:before {
content: "\e919";
}
.xoo-wsc-icon-chevron-left:before {
content: "\e91a";
}
.xoo-wsc-icon-arrow-thin-left:before {
content: "\e91b";
}
.xoo-wsc-icon-arrow-left:before {
content: "\e91c";
}
.xoo-wsc-icon-coupon-1:before {
content: "\e91d";
}
.xoo-wsc-icon-coupon-2:before {
content: "\e91e";
}
.xoo-wsc-icon-coupon-3:before {
content: "\e91f";
}
.xoo-wsc-icon-coupon-5:before {
content: "\e920";
}
.xoo-wsc-icon-coupon-6:before {
content: "\e921";
}
.xoo-wsc-icon-coupon:before {
content: "\e922";
}
.xoo-wsc-icon-coupon-4:before {
content: "\e923";
}
.xoo-wsc-icon-discout:before {
content: "\e924";
}
.xoo-wsc-icon-coupon-7:before {
content: "\e925";
}
.xoo-wsc-icon-coupon-8:before {
content: "\e926";
}
.xoo-wsc-icon-coupon-9:before {
content: "\e927";
}
.xoo-wsc-icon-external-link:before {
content: "\e928";
}
.xoo-wsc-icon-chevron-right:before {
content: "\e92b";
}
.xoo-wsc-icon-chevron-left1:before {
content: "\e92c";
}
.xoo-wsc-icon-cart:before {
content: "\e93a";
}
.xoo-wsc-icon-spinner:before {
content: "\e97a";
}
.xoo-wsc-icon-spinner2:before {
content: "\e97b";
}
.xoo-wsc-icon-spinner4:before {
content: "\e97d";
}
.xoo-wsc-icon-spinner8:before {
content: "\e981";
}
.xoo-wsc-icon-spinner11:before {
content: "\e984";
}
.xoo-wsc-icon-trash2:before {
content: "\e9ad";
}
.xoo-wsc-icon-checkmark:before {
content: "\ea10";
}
.xoo-wsc-icon-cloud-download:before {
content: "\e9c2";
}
.xoo-wsc-icon-download3:before {
content: "\e9c7";
}
.xoo-wsc-icon-heart:before {
content: "\e9da";
}.xoo-wsc-markup *::-webkit-scrollbar {
width: 8px;
}
.xoo-wsc-markup *::-webkit-scrollbar-track {
border-radius: 10px;
background: #f0f0f0;
}
.xoo-wsc-markup *::-webkit-scrollbar-thumb {
border-radius: 50px;
background: #d1d1d1
}
.xoo-wsc-container, .xoo-wsc-slider {
position: fixed;
background-color: #fff;
z-index: 999999;
display: flex;
flex-direction: column;
width: 95%;
transition: 0.5s ease-out;
}
.xoo-wsc-modal * {
box-sizing: border-box;
}
.xoo-wsc-markup a{
text-decoration: none;
}
.xoo-wsc-opac {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
z-index: 999996;
opacity: 0;
height: 0;
transition: height 0s 0.4s, opacity 0.4s 0s;
}
.xoo-wsc-cart-active .xoo-wsc-opac {
opacity: 0.8;
height: 100%;
transition: height 0s 0s, opacity 0.4s;
}
.xoo-wsc-body {
flex-grow: 1;
overflow-y: auto;
overflow-x: hidden;
}
.xoo-wsc-loading .xoo-wsc-loader{
display: block;
}
span.xoo-wsc-loader {
display: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.5;
background-color: #eee;
opacity: 0.7;
z-index: 10;
}
.xoo-wsc-loader-icon{
display: none;
}
.xoo-wsc-loading .xoo-wsc-loader-icon {
position: absolute;
transform: translate(-50%,-50%);
top: 47%;
left: 49%;
z-index: 11;
font-size: 24px;
animation: xoo-wsc-spin 2s linear infinite;
display: block;
}
@keyframes xoo-wsc-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
body.xoo-wsc-cart-active, html.xoo-wsc-cart-active{
overflow: hidden!important;
}
.xoo-wsc-basket {
margin: 10px;
z-index: 9999997;
cursor: pointer;
position: fixed;
transition: 0.5s ease-out;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
}
.xoo-wsc-basket[style*='block'] {
display: flex!important;
}
.xoo-wsc-items-count{
border-radius: 50%;
position: absolute;
font-size: 13px;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
overflow: hidden;
}
.xoo-wsc-fly-animating{
opacity: 1;
position: absolute!important;
height: 150px;
width: 150px;
z-index: 100;
}
.xoo-wsc-sc-bkcont {
position: relative;
}
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger {
display: flex;
position: relative;
cursor: pointer;
align-items: center;
justify-content: center;
}
span.xoo-wsc-sc-count, span.xoo-wsch-items-count{
border-radius: 50%;
height: 18px;
line-height: 18px;
width: 18px;
display: inline-block;
text-align: center;
font-size: 13px;
right: -7px;
position: absolute;
top: -4px;
}
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger > * {
margin-right: 3px;
} .xoo-wsc-notice-container {
z-index: 2;
position: absolute;
top: 0;
left: 0;
right: 0;
display: none;
}
ul.xoo-wsc-notices {
margin: 0;
list-style-type: none;
padding: 0;
}
.xoo-wsc-notice-success {
background-color: #DFF0D8;
color: #3C763D;
}
.xoo-wsc-notice-error {
color: #a94442;
background-color: #f2dede;
}
ul.xoo-wsc-notices li {
padding: 15px 20px;
list-style-type: none;
}
ul.xoo-wsc-notices li span {
margin-right: 6px;
}
span.xoo-wsc-undo-item {
float: right;
text-decoration: underline;
cursor: pointer;
}
.xoo-wsc-notices a.button.wc-forward {
display: none;
} .xoo-wscb-icon {
font-size: 37px;
}
.xoo-wscb-count {
position: absolute;
z-index: 1;
background-color: transparent;
font-size: 15px;
height: 45px;
line-height: 45px;
text-align: center;
left: 0;
right: 0;
} .xoo-wsc-header {
padding: 15px;
color: #000;
}
span.xoo-wsch-close {
position: absolute;
cursor: pointer;
}
span.xoo-wsch-text {
margin-left: 8px;
}
.xoo-wsch-top .xoo-wsch-basket {
display: table;
position: relative;
}
.xoo-wsch-top {
display: flex;
margin: 0 auto;
align-items: center;
}  .xoo-wsc-product {
display: flex;
border-bottom: 1px solid #eee;
}
.xoo-wsc-img-col {
align-self: center;
}
.xoo-wsc-sum-col {
flex-grow: 1;
padding-left: 15px;
display: flex;
flex-direction: column;
}
.xoo-wsc-img-col img {
width: 100%;
height: auto;
}
.xoo-wsc-sm-left {
flex-grow: 1;
display: flex;
justify-content: space-between;
flex-direction: column;
min-width: 0;
row-gap: 4px;
}
.xoo-wsc-sm-right {
align-items: flex-end;
display: flex;
flex-direction: column;
justify-content: center;
row-gap: 4px;
}
span.xoo-wsc-smr-del+.xoo-wsc-smr-ptotal {
margin-top: auto;
}
span.xoo-wsc-pname, span.xoo-wsc-pname a {
font-weight: 600;
}
span.xoo-wsc-smr-del {
cursor: pointer;
margin: 5px 0;
}
.xoo-wsc-img-col span.xoo-wsc-smr-del {
margin: 5px auto;
display: table;
}
.xoo-wsc-sm-info {
display: flex;
min-width: 0;
gap: 10px;
}
.xoo-wsc-sm-left > *:not(:last-child) {
} .xoo-wsc-qty-price span {
display: inline-block;
} .xoo-wsc-product dl.variation dd, .xoo-wsc-product dl.variation dt {
margin: 0 4px 0 0;
display: inline-block;
float: left;
font-style: italic;
}
.xoo-wsc-product dl.variation dt {
clear: left;
}
.xoo-wsc-product dl.variation, .xoo-wsc-product dl.variation p {
margin: 0;
font-size: 13px;
} .xoo-wsc-ft-buttons-cont {
display: grid;
text-align: center;
grid-column-gap: 5px;
grid-row-gap: 5px;
}
a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
a.xoo-wsc-ft-btn, a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn, .xoo-wsc-container .xoo-wsc-btn:hover{
text-decoration: none;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:only-child {
grid-column: 1/-1;
} .xoo-wsc-ft-totals {
width: 100%;
padding: 5px 0 10px 0;
}
.xoo-wsc-ft-amt {
padding: 3px;
display: flex;
justify-content: space-between;
}
.xoo-wsc-ft-amt-value .xoo-wsc-toggle-slider {
cursor: pointer;
margin-left: 5px;
}
span.xoo-wsc-ft-amt-label {
font-weight: 600;
}
.xoo-wsc-toggle-slider {
cursor: pointer;
}
.xoo-wsc-ft-amt-shipping .xoo-wsc-toggle-slider span {
margin-left: 5px;
}
.xoo-wsc-ft-amt-label {
flex-grow: 1;
padding-right: 10px;
}
.xoo-wsc-ft-amt-value {
text-align: right;
}
.xoo-wsc-ft-amt.xoo-wsc-less, .xoo-wsc-psavings, .xoo-wsc-psavings * {
color: #4CAF50;
}
.xoo-wsc-ft-amt-total {
border-top: 1px dashed #9E9E9E;
margin-top: 5px;
padding-top: 5px;
} .xoo-wsc-product.xoo-wsc-is-parent {
border-bottom: 0;
padding-bottom: 0;
}
.xoo-wsc-product.xoo-wsc-is-child img {
max-width: 50px;
margin-left: auto;
float: right;
}
.xoo-wsc-product.xoo-wsc-is-child {
padding-top: 5px;
}
.xoo-wsc-empty-cart {
padding: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.xoo-wsc-empty-cart > * {
margin-bottom: 20px;
} span.xoo-wsc-ft-amt-label:after {
content: ":";
}
.xoo-wsc-ft-amt-savings + .xoo-wsc-ft-amt-subtotal {
display: flex;
}
.xoo-wsc-ft-amt-subtotal {
display: table;
margin: 0 auto;
font-weight: 600;
}
span.xoo-wsc-ft-amt-label {
padding-right: 5px;
}
span.xoo-wsc-footer-txt {
text-align: center;
margin: -8px auto 10px;
display: block;
font-size: 90%;
}
span.xoo-wsc-del-txt {
text-align: center;
display: block;
font-size: 11px;
text-transform: uppercase;
}
a.xoo-wsc-ft-btn-checkout .amount {
font-style: italic;
}
a.xoo-wsc-ft-btn-checkout .amount:before {
content: "-";
margin: 0 8px;
font-weight: bold;
} .xoo-wsc-is-child:has( +.xoo-wsc-is-child ), .xoo-wsc-is-parent + .xoo-wsc-is-child{
padding-bottom: 5px;
padding-top: 10px;
margin-top: 0;
border-radius: 0;
margin-bottom: 0;
box-shadow: 0 0;
border-bottom: 0;
}
.xoo-wsc-product.xoo-wsc-is-parent{
margin-bottom: 0;
padding-bottom: 0;
} .xoo-wsc-product.xoo-wsc-is-child:not(:has( + *)), .xoo-wsc-is-child:has( + .xoo-wsc-product:not(.xoo-wsc-is-child) ){
margin-top: 0;
padding-top: 5px;
}
.xoo-wsc-product dl.variation {
flex-wrap: wrap;
}
.xoo-wsc-product del {
opacity: 0.5;
text-decoration: line-through;
display: inline-flex;
}
.xoo-wsc-product del+ins {
font-weight: 600;
}
.xoo-wsc-product del .amount {
font-size: 95%;
}
.xoo-wsc-pattern-row .xoo-wsc-qty-box {
margin-top: 4px;
}
.xoo-wsc-priceBox {
display: flex;
flex-wrap: wrap;
row-gap: 4px;
column-gap: 9px;
}
span.xoo-wsc-psavlabel {
text-transform: uppercase;
}
.xoo-wsc-psavings {
padding: 2px 6px;
border: 1px solid #4CAF50;
font-weight: 600;
display: flex;
align-items: center;
gap: 5px;
width: max-content;
margin-top: auto;
}
.xoo-wsc-psavings {
font-size: 80%;
}
.xoo-wsc-body .xoo-wsc-products .xoo-wsc-psavings span.amount {
font-size: inherit;
}
.xoo-wsc-sm-right-tools {
display: flex;
gap: 5px;
}
.xoo-wsc-xoo_wsc_gift .xoo-wsc-sm-left {
justify-content: center;
}
.xoo-wsc-ft-amt-savings .xoo-wsc-ft-amt-label {
font-weight: normal;
}
.xoo-wsc-ft-amt-savings {
font-size: 95%;
}
.xoo-wsc-footer .xoo-wsc-ft-amt-savings .amount {
font-size: inherit;
}
body.rtl .xoo-wsc-sum-col {
padding-right: 15px;
padding-left: 0;
}
body.rtl span.xoo-wsch-text {
margin-right: 8px;
margin-left: 0;
}
body.rtl span.xoo-wsc-ft-amt-label {
padding-left: 5px;
padding-right: 0;
}
body.rtl .xoo-wsc-product dl.variation dd, body.rtl .xoo-wsc-product dl.variation dt {
float: right;
}
body.rtl xoo-wsc-qty-price > span{
margin-left: 4px;
margin-right: 0;
}
.xoo-wsc-markup-notices {
top: 20%;
right: -100%;
left: auto;
position: fixed;
box-shadow: 2px 2px 9px 3px #eee;
transition: all 0.5s;
z-index: 999997;
width: 0;
max-width: 400px;
}
.xoo-wsc-markup-notices ul.xoo-wsc-notices li {
padding: 25px;
}
.xoo-wsc-markup-notices.xoo-wsc-active {
right: 0;
width: 100%;
}
.xoo-wsc-markup-notices .xoo-wsc-notice-container {
position: relative;
display: block;
}
.xoo-wsc-qty-price > span {
display: inline-block;
margin-right: 4px;
}
.xoo-wsc-sml-qty span {
display: inline-block;
}
.xoo-wsc-markup[data-wpr-lazyrender] {
content-visibility: visible!important;
}
.xoo-wsc-qty-price {
display: flex;
width: 100%;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
} .xoo-wsc-pattern-card {
margin: 10px 20px;
padding: 0;
}
.xoo-wsc-pattern-card .xoo-wsc-psavings {
margin-top: 2px;
}
.xoo-wsc-pattern-card .xoo-wsc-product dl.variation {
display: flex;
}
.xoo-wsc-pattern-card .xoo-wsc-product {
flex-direction: column;
position: relative;
border-bottom: 0;
padding: 0;
height: 100%;
margin: 0;
}
.xoo-wsc-pattern-card span.xoo-wsc-smr-del {
position: absolute;
top: 0;
right: 0;
z-index: 5;
padding: 10px;
margin-top: 0;
}
.xoo-wsc-pattern-card .variation {
justify-content: center;
}
.xoo-wsc-sm-back, .xoo-wsc-sm-front {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 4px;
}
.xoo-wsc-sm-back-cont {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: auto;
}
.xoo-wsc-pattern-card .xoo-wsc-img-col.xoo-wsc-caniming {
z-index: 10;
}
.xoo-wsc-sm-front {
z-index: 1;
height: 100%;
}
.xoo-wsc-sm-front:has(.xoo-wsc-sm-emp+*) {
padding: 7px 10px;
}
.xoo-wsc-card-cont {
position: relative;
}
.xoo-wsc-sm-back {
padding: 10px;
min-height: 100%;
}
a.xoo-wsc-smr-link i {
margin-right: 3px;
}
a.xoo-wsc-smr-link {
opacity: 0.7;
font-size: 14px;
}
.xoo-wsc-sm-front:has(.xoo-wsc-sm-emp+*) .xoo-wsc-sm-emp {
display: none;
}
.xoo-wsc-pattern-card .xoo-wsc-qty-price {
justify-content: center;
padding: 0;
}
.xoo-wsc-qty-price:has(.xoo-wsc-card-ptotal) {
justify-content: space-between;
}
.xoo-wsc-pattern-card .xoo-wsc-img-col {
align-self: center;
z-index: 2;
position: relative;
margin: -1px -1px 0 -1px;
}
.xoo-wsc-pattern-card .xoo-wsc-img-col img{
display: table;
margin: 0 auto;
}
.xoo-wsc-qty-box-cont {
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
row-gap: 4px;
column-gap: 10px;
} .xoo-wsch-new .xoo-wsch-basket, .xoo-wsch-new .xoo-wsch-close, .xoo-wsch-new .xoo-wsch-text {
position: relative;
margin: 0 4px;
}
.xoo-wsch-new .xoo-wsch-basket {
margin: 0 8px;
}
.xoo-wsch-new .xoo-wsch-close{
cursor: pointer;
}
.xoo-wsch-new .xoo-wsch-section{
display: flex;
align-items: center;
}
.xoo-wsch-new.xoo-wsch-top {
display: grid;
grid-template-columns: 1fr auto 1fr;
}
.xoo-wsch-new .xoo-wsch-sec-right {
grid-column: 3; justify-self: end;
}
.xoo-wsch-new .xoo-wsch-sec-left {
grid-column: 1;
justify-self: start;
}
.xoo-wsch-new .xoo-wsch-sec-center {
grid-column: 2; justify-self: center;
}