@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(//manateedigitalmedia.com/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.eot?rvheu5);
src: url(//manateedigitalmedia.com/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.eot?rvheu5#iefix) format("embedded-opentype"), url(//manateedigitalmedia.com/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.ttf?rvheu5) format("truetype"), url(//manateedigitalmedia.com/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.woff?rvheu5) format("woff"), url(//manateedigitalmedia.com/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;
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(//manateedigitalmedia.com/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(//manateedigitalmedia.com/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: left;
}
.multipage .dec.btnqty {
float: right;
}
.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: table-cell;
padding: 15px 20px 15px 20px;
margin: 0px;
cursor: pointer;
position: relative; }
.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-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(//manateedigitalmedia.com/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.eot?rvheu5);
src: url(//manateedigitalmedia.com/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.eot?rvheu5#iefix) format("embedded-opentype"), url(//manateedigitalmedia.com/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.ttf?rvheu5) format("truetype"), url(//manateedigitalmedia.com/wp-content/plugins/wp-easy-pay/assets/frontend/fonts/icomoon.woff?rvheu5) format("woff"), url(//manateedigitalmedia.com/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(//manateedigitalmedia.com/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(//manateedigitalmedia.com/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: left;
}
.singlepage .dec.btnqty {
float: right;
}
.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 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: hidden;
}
.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: 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%;
}
.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;
}
.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); } }