@charset "UTF-8";
.infixs-correios-automatico-calculator {
margin-bottom: 1rem;
margin-top: 1rem;
}
.infixs-correios-automatico-calculator
.infixs-correios-automatico-calculator-title {
margin-bottom: 0.3rem;
font-size: 0.9rem;
font-weight: bold;
}
.infixs-correios-automatico-calculator input.infixs-correios-automatico-input {
max-width: 200px;
min-height: 44px;
height: 44px;
padding-top: 0;
padding-bottom: 0;
padding-left: 44px !important;
padding-right: 28px;
margin-bottom: 0;
}
.infixs-correios-automatico-calculator
.infixs-correios-automatico-calculate-submit {
padding: 0 20px;
margin-top: 0;
margin-bottom: 0;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.infixs-correios-automatico-calculator
.infixs-correios-automatico-calculate-box {
display: flex;
gap: 1rem;
}
.infixs-correios-automatico-calculator
.infixs-correios-automatico-calculate-find-link {
font-size: 12px;
line-height: 1;
margin-top: 8px;
}
.infixs-correios-automatico-shipping-results-address {
font-size: 12px;
line-height: 1;
margin-bottom: 10px;
}
.infixs-correios-automatico-postcode-button-box {
display: flex;
justify-content: center;
align-items: center;
} .infixs-correios-automatico-shipping-results {
margin-top: 1rem;
}
.infixs-correios-automatico-shipping-results-grid > :nth-child(1),
.infixs-correios-automatico-shipping-results-grid > :nth-child(2) {
border-bottom: 1px solid #0002;
}
.infixs-correios-automatico-shipping-results-grid > :nth-child(n + 3) {
padding-top: 0.3rem;
}
.infixs-correios-automatico-shipping-results-grid > :nth-child(odd) {
padding-right: 2rem;
}
.infixs-correios-automatico-shipping-results-empty {
font-size: 0.95rem;
}
.infixs-correios-automatico-shipping-results-grid {
display: inline-grid;
grid-template-columns: auto auto;
}
.infixs-correios-automatico-shipping-results-time {
font-size: 0.85rem;
line-height: normal;
}
.infixs-correios-automatico-shipping-results-method {
font-weight: bold;
}
.infixs-correios-automatico-shipping-results-cost {
color: #046bd2;
font-weight: bold;
} .infixs-correios-automatico-input-text {
position: relative;
}
.infixs-correios-automatico-input-text.infixs-correios-automatico-invalid
.infixs-correios-automatico-input-text-prepend {
color: #ff0000;
}
.infixs-correios-automatico-input-text.infixs-correios-automatico-invalid
input.infixs-correios-automatico-input {
border-color: #ff0000;
}
.infixs-correios-automatico-input-text
.infixs-correios-automatico-input-text-prepend {
position: absolute;
left: 0.4rem;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
line-height: normal;
}
.infixs-correios-automatico-input-text-prepend > svg {
margin-bottom: 0 !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 32px;
height: 32px;
}
.infixs-correios-automatico-input-text
.infixs-correios-automatico-input-text-append {
position: absolute;
right: 0.35rem;
top: 50%;
transform: translateY(-50%);
color: #046bd2;
display: inline-flex;
line-height: normal;
}
.infixs-correios-automatico-input-text-append
.infixs-correios-automatico-loading {
display: none;
} .infixs-correios-automatico-spin-animation {
animation: infixsCorreiosAutomaticoSpin 1s linear infinite;
} .infxs-correios-automatico-cart-shipping-calculator-visible
.shipping-calculator-button {
display: none !important;
}
.infxs-correios-automatico-cart-shipping-calculator-visible
.woocommerce-shipping-calculator
.shipping-calculator-form,
.woocommerce-cart.infxs-correios-automatico-cart-shipping-calculator-visible .shipping-calculator-form
{
display: block !important;
}
.infxs-correios-automatico-cart-shipping-calculator-hidden-button
.woocommerce-shipping-calculator
button[name="calc_shipping"] {
display: none !important;
}
@keyframes infixsCorreiosAutomaticoSpin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#facea8;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#9de0f6;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#c9dae1;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}.pagarme-hidden {
display: none !important;
}
#wcmp-checkout-errors {
display: none;
}
#payment .payment_methods li[class*="pagarme"] .payment_box fieldset {
font-size: 1em;
}
#payment .payment_methods li[class*="pagarme"] .payment_box fieldset legend {
display: none;
}
#payment .payment_methods li[class*="pagarme"] .payment_box fieldset label {
display: flex;
align-items: center;
width: 100%;
font-size: 1em;
}
#payment .payment_methods li[class*="pagarme"] input[type=text],
#payment .payment_methods li[class*="pagarme"] input[type=number],
#payment .payment_methods li[class*="pagarme"] input[type=email],
#payment .payment_methods li[class*="pagarme"] input[type=tel],
#payment .payment_methods li[class*="pagarme"] input[type=url],
#payment .payment_methods li[class*="pagarme"] input[type=password],
#payment .payment_methods li[class*="pagarme"] input[type=search],
#payment .payment_methods li[class*="pagarme"] select,
#payment .payment_methods li[class*="pagarme"] textarea,
#payment .payment_methods li[class*="pagarme"] .input-text {
width: 100%;
height: 2.8em;
padding: 0.6em;
font-size: 1em;
z-index: unset;
}
#payment ul.payment_methods li[class*="pagarme"] p img.logo {
margin: 0;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control .wc-block-components-radio-control-accordion-content p.pagarme-payment-method-instructions {
margin-bottom: .75em;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control .wc-block-components-radio-control-accordion-content p.pagarme-payment-method-logo {
display: flex;
justify-content: right;
margin-bottom: .5em;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control .wc-block-components-radio-control-accordion-content p img.logo {
border: 0;
padding: 0;
}
#payment .payment_methods li[class*="pagarme"] .payment_box fieldset .form-row input[type=checkbox] {
width: 1.2em;
height: 1.2em;
margin-right: 0.5em;
}
#payment .payment_methods li[class*="pagarme"] .payment_box .wc-credit-card-form-card-number {
padding-right: 3.714em;
}
#payment .payment_methods li[class*="pagarme"] img,
.wc-block-checkout__payment-method .wc-block-components-radio-control .wc-block-components-radio-control-accordion-content img {
max-height: 2em;
}
#payment .payment_methods li[class*="pagarme"] .payment_box .pagarme-brand-image {
display: block;
position: relative;
}
#payment .payment_methods li[class*="pagarme"] .payment_box .pagarme-brand-image img {
position: absolute;
right: 0.6em;
top: 50%;
margin-top: -0.8em;
max-height: 1.6em;
background-color: #fff;
pointer-events: none;
}
#payment .payment_methods li[class*="pagarme"] .payment_box .pagarme-installments-info {
display: block;
margin: 0 .75em .25em;
font-size: .9em;
font-style: italic;
}
.pagarme_creditcard_divider{
margin: 1em 0 0;
}
.pagarme_creditcard_divider p {
display: flex;
flex-direction: row;
}
.pagarme_creditcard_divider p:after,
.pagarme_creditcard_divider p:before {
content: "";
flex: 1 1;
border-bottom: 1px solid;
margin: auto;
}
.pagarme_creditcard_divider p:after {
margin-left: 0.5em;
}
.pagarme_creditcard_divider p:before {
margin-right: 0.5em;
}
body.woocommerce-checkout.woocommerce-order-received #page #content #main .woocommerce .woocommerce-order .woocommerce-message:has(.pagarme-response) {
display: block !important;
}
.woocommerce-order .woocommerce-message .pagarme-response p:last-child {
margin-bottom: 0;
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-qr-code-img {
display: block;
margin: 0 auto;
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-payment-button {
display: block;
margin: 1em auto;
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-flex-container {
--gutter-x: 1.5rem;
--gutter-y: 1em;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--gutter-y));
margin-right: calc(-.5 * var(--gutter-x));
margin-bottom: calc(2 * var(--gutter-y));
margin-left: calc(-.5 * var(--gutter-x));
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-flex-container > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--gutter-x) * .5);
padding-left: calc(var(--gutter-x) * .5);
margin-top: var(--gutter-y);
margin-bottom: calc(var(--gutter-x) * .25);
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-qr-code-attention {
width: 100% !important;
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-qr-code-instruction > p {
display: flex;
flex-direction: column;
height: 100%;
border: 1px solid rgba(255, 255, 255, .15);
border-radius: 4px;
padding: calc(var(--gutter-x) * .5);
background-color: rgba(0, 0, 0, .15);
box-shadow: 0 0 3rem inset rgba(0, 0, 0, .15);
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-qr-code-instruction > p > span {
height: 1em;
white-space: nowrap;
font-size: 2em;
font-weight: 600;
line-height: 1em;
margin-bottom: calc(var(--gutter-x) * .25);
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-qr-code-instruction > p > span > img {
min-width: 2rem;
}
.pagarme-installments-combobox .wc-block-components-combobox .wc-block-components-combobox-control .components-flex {
height: initial;
padding-left: 0;
padding-right: 0;
}
.pagarme-credit-card-number-container input {
padding-right: 4.2em !important;
}
.pagarme-credit-card-number-container img {
position: absolute;
top: 50%;
right: .5em;
margin-top: -1em;
background-color: #fff;
pointer-events: none;
touch-action: none;
}
.challengeIframeElement {
display: none;
position: fixed;
z-index: 99999;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
}
.challengeIframeElement .modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
max-width: fit-content;
}
#challengeIframe {
display: none;
width: 500px;
height: 600px;
border: 0;
}   @media (min-width: 768px) {
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-flex-container > * {
width: 50%;
}
} @media (min-width: 992px) {
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-flex-container > * {
width: 25%;
}
}.woosb-wrap {
display: block;
width: 100%;
clear: both;
}
.woosb-wrap .woosb-text, .woosb-wrap .woosb-products, .woosb-bundles .woosb-text, .woosb-bundles .woosb-products {
margin: 0 0 15px 0;
}
.woosb-wrap .woosb-text, .woosb-bundles .woosb-text {
white-space: pre-line;
}
.woosb-wrap .woosb-summary {
display: flex;
align-items: center;
justify-content: space-between;
}
.woosb-wrap .woosb-summary .woosb-total {
flex-grow: 1;
}
.woosb-products {
border-width: 1px 0 0 0;
border-style: dotted;
border-color: #e5e5e5;
}
.woosb-products .woosb-item-text {
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woosb-item-text-type-h1 > h1, .woosb-item-text-type-h2 > h2, .woosb-item-text-type-h3 > h3, .woosb-item-text-type-h4 > h4, .woosb-item-text-type-h5 > h5, .woosb-item-text-type-h6 > h6, .woosb-item-text-type-p > p {
margin: 0 !important;
}
.woosb-products .woosb-product {
display: flex;
align-items: center;
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woosb-products .woosb-product.woosb-product-hidden {
display: none;
}
.woosb-products[data-exclude-unpurchasable="yes"] .woosb-product.woosb-product-unpurchasable {
display: none;
}
.woosb-products .woosb-product > div {
padding: 0 5px;
}
.woosb-products .woosb-product .woosb-thumb {
width: 50px;
flex: 0 0 50px;
}
.woosb-products .woosb-product .woosb-thumb img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.woosb-products .woosb-product .woosb-quantity {
width: 80px;
flex: 0 0 80px;
}
.woosb-products .woosb-product .woosb-quantity.woosb-quantity-plus-minus {
width: 130px;
flex: 0 0 130px;
}
.woosb-products .woosb-product .woosb-quantity label {
display: none;
}
.woosb-products .woosb-product .woosb-quantity input {
width: 100%;
min-width: 40px;
text-align: center;
}
.woosb-products .woosb-product .woosb-price {
width: 100px;
flex: 0 0 100px;
text-align: end;
}
.woosb-products .woosb-product .woosb-price * {
font-size: inherit !important;
}
.woosb-products .woosb-product .woosb-price del {
opacity: .5;
text-decoration: line-through;
}
.woosb-products .woosb-product .woosb-price del span {
text-decoration: line-through;
}
.woosb-products .woosb-product .woosb-price ins {
font-weight: normal;
}
.woosb-products .woosb-product .woosb-price .amount {
display: inline-block;
}
.woosb-products .woosb-product .woosb-title {
flex-grow: 1;
text-align: start;
}
.woosb-products .woosb-product .woosb-title .woosb-name {
display: block;
overflow: hidden;
}
.woosb-products .woosb-product .woosb-title .woosb-name a {
text-decoration: none;
box-shadow: none;
}
.woosb-products .woosb-product .woosb-title .woosb-price {
width: auto;
flex: 0 0 auto;
text-align: inherit;
}
.woosb-products .woosb-product .woosb-title .woovr-variations-select .woovr-variation-image, .woosb-products .woosb-product .woosb-title .woovr-variations-select .woovr-variation-price {
display: none !important;
}
.woosb-products .woosb-product .variations_form {
margin: 0;
padding: 0;
}
.woosb-products .woosb-product .woosb-title .stock {
font-size: 14px;
margin: 0;
padding: 0;
}
.woosb-products .woosb-product .woosb-title .stock.in-stock {
color: green;
}
.woosb-products .woosb-product .woosb-title .stock.available-on-backorder {
color: orange;
}
.woosb-products .woosb-product .woosb-title .stock.out-of-stock {
color: red;
}
.woosb-products .woosb-product .woosb-description, .woosb-products .woosb-product .woosb-variation-description {
font-size: 14px;
}
.woosb-products .woosb-product .variations_form .variations {
display: inline-block;
margin: 0 -3px;
padding: 0;
}
.woosb-products .woosb-product .variations_form .variations .variation {
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: #e5e5e5;
padding: 5px 10px;
margin: 5px 3px 0 3px;
max-width: 100%;
border-radius: 2px;
float: none;
vertical-align: top;
}
.woosb-products .woosb-product .variations_form .variations .variation > div {
display: block;
}
.woosb-products .woosb-product .variations_form .variations .reset {
display: inline-block;
}
.woosb-products .woosb-product .variations_form .variations .variation:last-child {
margin-bottom: 0;
}
.woosb-products .woosb-product .variations_form .variations .variation .label {
font-size: 12px;
line-height: 1;
}
.woosb-products .woosb-product .variations_form .variations .variation .value {
line-height: 1;
}
.woosb-products .woosb-product .variations_form .variations .variation .value select {
width: 100%;
height: auto;
line-height: 1;
padding: 0 16px 0 0;
margin: 0;
background-color: transparent;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNEQzN0Y2NTY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNEQzN0Y2NjY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0RDM3RjYzNjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY0RDM3RjY0NjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzgqpQAAADdJREFUeNpirKioWMDAwBDPgAoWMQGJLCC+hiR4HYgzQRLfgDgUSoNwCIhmgaq6BtXJCNMNEGAAbM0MK7OUU3AAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: auto;
}
.woosb-products .woosb-product .variations_form .variations a.reset_variations {
margin: 0;
font-size: 12px;
}
.woosb-item-child .product-price .amount, .woosb-item-child .product-price .tax_label,
.woosb-item-child .product-subtotal .amount, .woosb-item-child .product-subtotal .tax_label,
.woosb-item-child .product-total .amount, .woosb-item-child .product-total .tax_label {
opacity: .3;
}
.woosb-alert {
padding: 6px 10px 6px 14px;
border-left: 4px solid #222;
background-color: #eeeeee;
font-size: 14px;
}
body.woocommerce-no-js .woosb-wrap + form.cart {
display: none;
}
.woosb-disabled {
opacity: .5 !important;
pointer-events: none !important;
cursor: not-allowed !important;
}
.woosb-quantity-input {
display: flex;
align-items: center;
}
.woosb-quantity-input .quantity {
flex-grow: 1;
height: auto;
margin: 0;
}
.woosb-quantity-plus-minus .plus, .woosb-quantity-plus-minus .minus, .woosb-quantity-plus-minus .quantity-minus, .woosb-quantity-plus-minus .quantity-plus, .woosb-quantity-plus-minus .plus-btn, .woosb-quantity-plus-minus .minus-btn {
display: none !important;
}
.woosb-quantity-input-plus, .woosb-quantity-input-minus {
width: 40px;
height: 40px;
flex: 0 0 40px;
line-height: 38px;
text-align: center;
cursor: pointer;
background-color: #fefefe;
border: 1px solid #e5e5e5;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woosb-quantity-input .woosb-qty {
width: 100%;
min-width: 40px;
height: 40px;
line-height: 38px;
margin: 0;
padding: 0 5px;
box-shadow: none;
border-width: 1px 0;
border-style: solid;
border-color: #e5e5e5;
border-radius: 0;
background-color: #fefefe;
-moz-appearance: textfield;
}
.woosb-quantity-input .woosb-qty:focus {
outline: none;
outline-color: transparent;
}
.woosb-quantity-input-plus:hover, .woosb-quantity-input-minus:hover {
background-color: #f0f0f0;
}
.woosb-quantity-input input::-webkit-outer-spin-button, .woosb-quantity-input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .woosb-products[class*="woosb-products-layout-grid"] {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
border: none;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-item-text {
width: 100%;
margin: 10px;
padding: 10px 0;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(50% - 20px);
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product:hover {
border-color: green;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product .woosb-name {
font-weight: 700;
}
.woosb-products.woosb-products-layout-grid-1 .woosb-product {
width: calc(100% - 20px);
}
.woosb-products.woosb-products-layout-grid-3 .woosb-product {
width: calc(100% / 3 - 20px);
}
.woosb-products.woosb-products-layout-grid-4 .woosb-product {
width: calc(25% - 20px);
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product > div {
width: 100% !important;
flex: 0 0 auto !important;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product > div:last-child {
margin-bottom: 0;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product select {
text-align: center;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product .variations_form .variations .reset {
display: none;
}
.woosb-cart-item-edit:before {
content: '✎';
display: inline-block;
margin-right: 5px;
}
@media only screen and (max-width: 767px) {
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 479px) {
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(100% - 20px);
}
} body.rtl .woosb-alert {
padding: 6px 14px 6px 10px;
border-right: 4px solid #222;
border-left: none;
}.woo-slg-login-error,
.woo-slg-login-success,
.woo-slg-login-otp-success,
.woo-slg-login-loader,
.woo-slg-login-email-error,.woo-slg-login-email-otp-error{
display:none;
}
.woo-slg-login-error,
.woo-slg-login-success,
.woo-slg-login-otp-success,
.woo-slg-login-email-error,
.woo-slg-login-email-otp-error
{
clear: both;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #F1ACAC;
border: 1px solid #EE4B4B;
margin-bottom: 1.650em;
box-shadow: 0px 2px 2px 2px #ccc;
padding: 8px 5px 8px 8px;
}
.woo-slg-login-error span,
.woo-slg-login-email-error span{
display: block;
}
.woo-slg-email-login-container .woo-slg-login-error, .woo-slg-email-login-container .woo-slg-login-email-error, .woo-slg-email-login-container .woo-slg-login-success,.woo-slg-email-login-container .woo-slg-login-otp-success,.woo-slg-email-login-container .woo-slg-login-email-otp-error {
margin-top: 10px;
}
.woo-slg-login-success, .woo-slg-login-otp-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.woo-slg-login-success a, .woo-slg-login-otp-success a {
color: #3c763d !important;
font-weight: bold;
}
.woo-slg-social-wrap img{
outline: 0;
}
.woo-slg-social-container a {
text-decoration: none !important;
}
.woo-slg-login-wrapper {
display:inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
.woo-slg-login-wrapper a {
outline: 0;
}
.woo-slg-clear {
clear: both;
}
.woo-slg-social-container, .woo-slg-email-login-container {	
margin: 0 0 21px;
}
.woo-slg-social-container legend, .woo-slg-email-login-container legend {
display: block;
font-size: 120%;
line-height: 1;
font-weight: 700;
width: 100%;
margin: 0 0 21px;
padding: 0;
}
.woo-slg-widget-content .woo-slg-login-wrapper {
margin-bottom: 5px;
}
.woo-slg-social-container.woo-slg-widget-content{
border:none !important;
}
.woo-slg-hide {
display:none;
}
.woo-slg-social-container-checkout {
border: 1px solid #eee;
padding: 1.2em;
margin: 0 0 21px;
} #woo-slg-social-container-login {	
margin: auto;
padding: 2% 0 2%;
width: 320px;
max-width: 100%
}
.login-area .ps-form #woo-slg-social-container-login {
width: 100%;
margin: 5px auto auto;
}
.ps-page--register #woo-slg-social-container-login {
width: 100%;
margin: 5px auto auto;
}
#register-page + #woo-slg-social-container-login {	
width: auto;
}
#woo-slg-social-container-login span {	
display: block;
font-size: 130%;
line-height: 1;
font-weight: 700;
width: 100%;
margin: 0 0 21px;
padding: 0;
color: #999;
} .woo-slg-info::before {
content: ' ';
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/info-bar.png);
position: absolute;
left: 26px;
top: 18px;
height: 20px;
width: 16px;
background-repeat: no-repeat;
}
.woo-slg-info {
background: #f7f6f7 none repeat scroll 0 0;
border-top: 3px solid #1e85be;
color: #515151;
margin: 0 0 2em !important;
padding: 1em 2em 1em 3.5em !important;
position: relative;
}
.woo-slg-login-page {
margin: 5px auto !important;
max-width: 320px;
content: "";
background: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/ex-col-icon.png) no-repeat scroll 16px 10px;
}
.woo-slg-login-page::before {
content: "" !important;
}
.woo-social-login-linked-profiles thead tr,
.woo-social-login-linked-profiles tfoot tr{
background-color: #f5f5f5;
}
.woo-social-login-linked-profiles thead tr th,
.woo-social-login-linked-profiles tfoot tr th{
padding: 8px 0;
}
.woo-social-login-linked-profiles thead tr th:first-child,
.woo-social-login-linked-profiles tfoot tr th:first-child{
padding: 8px 0 8px 8px;
}
.woo-social-login-linked-profiles tr td img{
vertical-align: middle;
} .woo-slg-social-container .woo-slg-social-btn,
.woo-slg-social-container .woo-slg-social-btn:hover, .woo-slg-social-container .woo-slg-social-btn:active, .woo-slg-social-container .woo-slg-social-btn:visited{
display: inline-block;
padding: 6px 6px 6px 38px;
color: #FFF;
font-size: 11px;
margin-bottom: 5px;
min-width: 188px;
min-height: 34px;
max-width: 188px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.2);
text-align: center;
word-wrap: break-word;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
line-height: 22px;
font-weight: bold;
position: relative;
}
.woo-social-link-buttons .woo-slg-social-btn,
.woo-social-link-buttons .woo-slg-social-btn:hover, .woo-social-link-buttons .woo-slg-social-btn:active{
max-width: 250px;
min-width: 250px;
}
.woo-slg-icon{
display: inline-block;
top: 0;
left: 0;
position: absolute;
width: 32px;
height: 100%;
border-right: 1px solid rgba(0, 0, 0, 0.2);
background-repeat: no-repeat;
background-position: center center;
} .woo-slg-social-btn.woo-slg-social-login-facebook {
background-color: #3b5998;
}
.woo-slg-fb-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/facebook-icon.png);
} .woo-slg-apple-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/apple-icon.png);
}
.woo-slg-social-btn.woo-slg-social-login-apple {
background-color: #41434d;
} .woo-slg-social-btn.woo-slg-social-login-twitter {
background-color: #55acee;
}
.woo-slg-tw-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/twitter-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-googleplus {
background-color: #4285f4;
}
.woo-slg-gp-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/googleplus-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-linkedin {
background-color: #007bb6;
}
.woo-slg-li-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/linkedin-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-yahoo {
background-color: #720e9e;
}
.woo-slg-yh-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/yahoo-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-foursquare {
background-color: #f94877;
}
.woo-slg-fs-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/foursquare-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-windowslive {
background-color: #1283AD;
}
.woo-slg-wl-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/windowslive-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-vk {
background-color: #587ea3;
}
.woo-slg-vk-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/vk-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-amazon {
background-color: #FEBC0F;
}
.woo-slg-amz-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/amazon-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-paypal {
background-color: #36638E;
}
.woo-slg-paypal-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/paypal-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-line {
background-color: #01c301;
}
.woo-slg-line-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/line-icon.png);
}
.woo-slg-social-btn {
color: #fff !important;
}
.woo-slg-email-otp-section{
display: block;
text-align: center;
margin: 10px 0;
}
.woo-slg-email-otp-section .woo-slg-otp-input {
margin-bottom: 10px;
}
input#woo-slg-email-login-btn-otp{
display: inline-block;
padding: 15px;
text-align: center;
} .woo-slg-provider{height: 34px;display: inline-block;color: #fff;min-width: 120px;vertical-align: middle;}
.woo-slg-provider .woo-slg-provider-icon{display: inline-block;height: 34px;vertical-align: middle;width: 34px;text-align: center;background: rgba(0, 0, 0, 0.10);}
.woo-slg-provider .woo-slg-provider-icon img{max-height: 20px; margin: 7px auto; display: table;box-shadow: none;}
.woo-slg-provider .woo-slg-provider-name{text-transform: capitalize;padding-left: 7px;font-size: 12px;line-height: 1.2;display: inline-block;font-weight: bold;height: 34px;} .woo-slg-provider.facebook{background: #3b5998;}
.woo-slg-provider.twitter{background: #0084b4;}
.woo-slg-provider.googleplus{background: #4285f4;}
.woo-slg-provider.yahoo{background: #720e9e;}
.woo-slg-provider.amazon{background: #ff9900;}
.woo-slg-provider.paypal{background: #003087;}
.woo-slg-provider.vk{background: #45668e;}
.woo-slg-provider.windowslive{background: #00a1f1;}
.woo-slg-provider.foursquare{background: #f94777;}
.woo-slg-provider.linkedin{background: #0077b5;}
.woo-slg-provider.apple{background: #cccccc;}
.woo-slg-provider.line{background: #01c301;}
.woo-slg-horizontal-divider{
display: block;
height: auto;
line-height: 0;
border-top: 1px solid #ddd;
text-align: center;
white-space: nowrap;
font-size: 1rem;
margin: 25px 0 15px;
}
.woo-slg-horizontal-divider span{
padding: 0 10px;
background: #fff;
}
.woo-slg-email-login-container{
margin: auto;
padding: 0 0 2%;
width: 320px;
max-width: 100%;
}
.woo-slg-email-login-wrap, .woo-slg-email-login-container legend{
text-align: center;
}
.woo-slg-email-login-container legend{
margin-top: 28px;
}
.woo-slg-email-login-btn {
padding: 7px 10px;
border: 1px solid;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
.woo-slg-profile-link-container .woo-slg-social-container legend, .woo-slg-profile-link-container .woo-slg-social-wrap{
text-align: left !important;
}
.woo-slg-profile-link-container {  display: none; }
.woo-social-login-profile.woo-slg-social-wrap{
text-align: left !important;	
}
.woo-slg-email-input{
margin-bottom: 8px;
} @media only screen and (max-width: 480px) {
.woo-social-login-linked-profiles tr td img{
max-width: 100px;
}
}
.woo-social-login-linked-profiles{
min-width:550px;
}
.table-container {
overflow-x: auto;
} .bbp-login-form fieldset .woo-slg-social-container legend, .bbp-login-form fieldset .woo-slg-email-login-container legend{
display: block !important;
}
form.bbp-login-form #woo-slg-social-container-login{
width: auto;
}
.ps-form .woo-slg-social-container legend, .peepso .woo-slg-social-container legend, 
.ps-form .woo-slg-email-login-container legend, .peepso .woo-slg-email-login-container legend {
font-size: 13px;
margin: 5px 0 21px;
} .woo-slg-social-googleplus {
position: relative;
top: -35px;
height: 0;
}
.woo-slg-social-googleplus > div {
opacity: 0;
height: 0;
width: 100%;
left: -7px;
}
.woo-slg-social-googleplus iframe {
width: 100% !important;
margin: 0 !important;
top: -11px !important;
}
.woo-slg-social-btn .woo-slg-social-googleplus iframe,
.woo-slg-social-btn .woo-slg-social-googleplus > div {
width: 250px !important;
}
.woo-slg-social-btn .woo-slg-social-googleplus > div {
left: -18px;
}
.login-action-login .woo-slg-social-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.woo-slg-social-googleplus .S9gUrf-YoZ4jf > div {
width: 100%;
position: absolute;
}#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #29d;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
} #nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
} #nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0%   { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
} .flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%; transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}.cookie_accept {
position: fixed;
bottom: 0;
z-index: 999999;
background-color: white;
margin: auto;
border-radius: 10px 10px 0 0;
padding: 20px;
box-shadow: 0 0 30px rgb(0 0 0 / 20%);
display: none;
max-width: 1200px;
left: 0;
right: 0;
}
.cookie_accept.show {
display:block;
}
.cookie_accept .wrap{
margin: auto;
display: flex;
}
.cookie_accept .txt{
font-size: 12px;
margin: auto;
}
.cookie_accept .button{
margin: auto auto auto 25px;
font-size: 11px;
border-radius: 10px !important;
height: auto !important;
padding: 15px !important;
}
.cookie_accept .button:hover{
opacity: 0.9;
}
.cookie_accept a{
font-weight: bold;
color: black;
}
@media screen and (max-width: 726px){
.cookie_accept{
left: 0;
right: auto;
border-radius: 0 10px 0 0;
}
.cookie_accept .wrap{
flex-direction: column;
}
.cookie_accept .button{
margin: 19px auto auto auto;
font-size: 3vw;
min-width: 100%;
}
}

body {
-webkit-backface-visibility: hidden
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@-moz-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@-o-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px)
}
}
@-moz-keyframes shake {
0%,
100% {
-moz-transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-moz-transform: translateX(10px)
}
}
@-o-keyframes shake {
0%,
100% {
-o-transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-o-transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-o-transform: translateX(10px)
}
}
@keyframes shake {
0%,
100% {
transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
transform: translateX(10px)
}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px)
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0)
}
40% {
-moz-transform: translateY(-30px)
}
60% {
-moz-transform: translateY(-15px)
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0)
}
40% {
-o-transform: translateY(-30px)
}
60% {
-o-transform: translateY(-15px)
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0)
}
40% {
transform: translateY(-30px)
}
60% {
transform: translateY(-15px)
}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1)
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0)
}
}
@-moz-keyframes tada {
0% {
-moz-transform: scale(1)
}
10%,
20% {
-moz-transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-moz-transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-moz-transform: scale(1.1) rotate(-3deg)
}
100% {
-moz-transform: scale(1) rotate(0)
}
}
@-o-keyframes tada {
0% {
-o-transform: scale(1)
}
10%,
20% {
-o-transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-o-transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-o-transform: scale(1.1) rotate(-3deg)
}
100% {
-o-transform: scale(1) rotate(0)
}
}
@keyframes tada {
0% {
transform: scale(1)
}
10%,
20% {
transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
transform: scale(1.1) rotate(-3deg)
}
100% {
transform: scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes swing {
20%,
40%,
60%,
80%,
100% {
-webkit-transform-origin: top center
}
20% {
-webkit-transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg)
}
}
@-moz-keyframes swing {
20% {
-moz-transform: rotate(15deg)
}
40% {
-moz-transform: rotate(-10deg)
}
60% {
-moz-transform: rotate(5deg)
}
80% {
-moz-transform: rotate(-5deg)
}
100% {
-moz-transform: rotate(0deg)
}
}
@-o-keyframes swing {
20% {
-o-transform: rotate(15deg)
}
40% {
-o-transform: rotate(-10deg)
}
60% {
-o-transform: rotate(5deg)
}
80% {
-o-transform: rotate(-5deg)
}
100% {
-o-transform: rotate(0deg)
}
}
@keyframes swing {
20% {
transform: rotate(15deg)
}
40% {
transform: rotate(-10deg)
}
60% {
transform: rotate(5deg)
}
80% {
transform: rotate(-5deg)
}
100% {
transform: rotate(0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%)
}
}
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0%)
}
15% {
-moz-transform: translateX(-25%) rotate(-5deg)
}
30% {
-moz-transform: translateX(20%) rotate(3deg)
}
45% {
-moz-transform: translateX(-15%) rotate(-3deg)
}
60% {
-moz-transform: translateX(10%) rotate(2deg)
}
75% {
-moz-transform: translateX(-5%) rotate(-1deg)
}
100% {
-moz-transform: translateX(0%)
}
}
@-o-keyframes wobble {
0% {
-o-transform: translateX(0%)
}
15% {
-o-transform: translateX(-25%) rotate(-5deg)
}
30% {
-o-transform: translateX(20%) rotate(3deg)
}
45% {
-o-transform: translateX(-15%) rotate(-3deg)
}
60% {
-o-transform: translateX(10%) rotate(2deg)
}
75% {
-o-transform: translateX(-5%) rotate(-1deg)
}
100% {
-o-transform: translateX(0%)
}
}
@keyframes wobble {
0% {
transform: translateX(0%)
}
15% {
transform: translateX(-25%) rotate(-5deg)
}
30% {
transform: translateX(20%) rotate(3deg)
}
45% {
transform: translateX(-15%) rotate(-3deg)
}
60% {
transform: translateX(10%) rotate(2deg)
}
75% {
transform: translateX(-5%) rotate(-1deg)
}
100% {
transform: translateX(0%)
}
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1)
}
50% {
-webkit-transform: scale(1.1)
}
100% {
-webkit-transform: scale(1)
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1)
}
50% {
-moz-transform: scale(1.1)
}
100% {
-moz-transform: scale(1)
}
}
@-o-keyframes pulse {
0% {
-o-transform: scale(1)
}
50% {
-o-transform: scale(1.1)
}
100% {
-o-transform: scale(1)
}
}
@keyframes pulse {
0% {
transform: scale(1)
}
50% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in
}
}
.flip {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible!important;
-moz-animation-name: flip;
-o-backface-visibility: visible!important;
-o-animation-name: flip;
backface-visibility: visible!important;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg)
}
70% {
-moz-transform: perspective(400px) rotateX(10deg)
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-o-transform: perspective(400px) rotateX(-10deg)
}
70% {
-o-transform: perspective(400px) rotateX(10deg)
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
transform: perspective(400px) rotateX(-10deg)
}
70% {
transform: perspective(400px) rotateX(10deg)
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible!important;
-o-animation-name: flipInX;
backface-visibility: visible!important;
animation-name: flipInX
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible!important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible!important;
animation-name: flipOutX;
backface-visibility: visible!important
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg)
}
70% {
-moz-transform: perspective(400px) rotateY(10deg)
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-o-transform: perspective(400px) rotateY(-10deg)
}
70% {
-o-transform: perspective(400px) rotateY(10deg)
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
transform: perspective(400px) rotateY(-10deg)
}
70% {
transform: perspective(400px) rotateY(10deg)
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible!important;
-o-animation-name: flipInY;
backface-visibility: visible!important;
animation-name: flipInY
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible!important;
-o-animation-name: flipOutY;
backface-visibility: visible!important;
animation-name: flipOutY
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px)
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(-20px)
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px)
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(20px)
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px)
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(-20px)
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px)
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(20px)
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(2000px)
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(2000px)
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05)
}
70% {
-webkit-transform: scale(.9)
}
100% {
-webkit-transform: scale(1)
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3)
}
50% {
opacity: 1;
-moz-transform: scale(1.05)
}
70% {
-moz-transform: scale(.9)
}
100% {
-moz-transform: scale(1)
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3)
}
50% {
opacity: 1;
-o-transform: scale(1.05)
}
70% {
-o-transform: scale(.9)
}
100% {
-o-transform: scale(1)
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3)
}
50% {
opacity: 1;
transform: scale(1.05)
}
70% {
transform: scale(.9)
}
100% {
transform: scale(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0)
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px)
}
60% {
opacity: 1;
-moz-transform: translateY(-30px)
}
80% {
-moz-transform: translateY(10px)
}
100% {
-moz-transform: translateY(0)
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px)
}
60% {
opacity: 1;
-o-transform: translateY(-30px)
}
80% {
-o-transform: translateY(10px)
}
100% {
-o-transform: translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px)
}
60% {
opacity: 1;
transform: translateY(-30px)
}
80% {
transform: translateY(10px)
}
100% {
transform: translateY(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0)
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
60% {
opacity: 1;
-moz-transform: translateY(30px)
}
80% {
-moz-transform: translateY(-10px)
}
100% {
-moz-transform: translateY(0)
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px)
}
60% {
opacity: 1;
-o-transform: translateY(30px)
}
80% {
-o-transform: translateY(-10px)
}
100% {
-o-transform: translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px)
}
60% {
opacity: 1;
transform: translateY(30px)
}
80% {
transform: translateY(-10px)
}
100% {
transform: translateY(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0)
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
60% {
opacity: 1;
-moz-transform: translateX(30px)
}
80% {
-moz-transform: translateX(-10px)
}
100% {
-moz-transform: translateX(0)
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px)
}
60% {
opacity: 1;
-o-transform: translateX(30px)
}
80% {
-o-transform: translateX(-10px)
}
100% {
-o-transform: translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px)
}
60% {
opacity: 1;
transform: translateX(30px)
}
80% {
transform: translateX(-10px)
}
100% {
transform: translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0)
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px)
}
60% {
opacity: 1;
-moz-transform: translateX(-30px)
}
80% {
-moz-transform: translateX(10px)
}
100% {
-moz-transform: translateX(0)
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px)
}
60% {
opacity: 1;
-o-transform: translateX(-30px)
}
80% {
-o-transform: translateX(10px)
}
100% {
-o-transform: translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px)
}
60% {
opacity: 1;
transform: translateX(-30px)
}
80% {
transform: translateX(10px)
}
100% {
transform: translateX(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1)
}
25% {
-webkit-transform: scale(.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3)
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1)
}
25% {
-moz-transform: scale(.95)
}
50% {
opacity: 1;
-moz-transform: scale(1.1)
}
100% {
opacity: 0;
-moz-transform: scale(.3)
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1)
}
25% {
-o-transform: scale(.95)
}
50% {
opacity: 1;
-o-transform: scale(1.1)
}
100% {
opacity: 0;
-o-transform: scale(.3)
}
}
@keyframes bounceOut {
0% {
transform: scale(1)
}
25% {
transform: scale(.95)
}
50% {
opacity: 1;
transform: scale(1.1)
}
100% {
opacity: 0;
transform: scale(.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0)
}
20% {
opacity: 1;
-moz-transform: translateY(20px)
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0)
}
20% {
opacity: 1;
-o-transform: translateY(20px)
}
100% {
opacity: 0;
-o-transform: translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0)
}
20% {
opacity: 1;
transform: translateY(20px)
}
100% {
opacity: 0;
transform: translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0)
}
20% {
opacity: 1;
-moz-transform: translateY(-20px)
}
100% {
opacity: 0;
-moz-transform: translateY(2000px)
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0)
}
20% {
opacity: 1;
-o-transform: translateY(-20px)
}
100% {
opacity: 0;
-o-transform: translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0)
}
20% {
opacity: 1;
transform: translateY(-20px)
}
100% {
opacity: 0;
transform: translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0)
}
20% {
opacity: 1;
-moz-transform: translateX(20px)
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0)
}
20% {
opacity: 1;
-o-transform: translateX(20px)
}
100% {
opacity: 0;
-o-transform: translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0)
}
20% {
opacity: 1;
transform: translateX(20px)
}
100% {
opacity: 0;
transform: translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0)
}
20% {
opacity: 1;
-moz-transform: translateX(-20px)
}
100% {
opacity: 0;
-moz-transform: translateX(2000px)
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0)
}
20% {
opacity: 1;
-o-transform: translateX(-20px)
}
100% {
opacity: 0;
-o-transform: translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0)
}
20% {
opacity: 1;
transform: translateX(-20px)
}
100% {
opacity: 0;
transform: translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
opacity: 0
}
}
@-moz-keyframes hinge {
0% {
-moz-transform: rotate(0);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
20%,
60% {
-moz-transform: rotate(80deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
40% {
-moz-transform: rotate(60deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
80% {
-moz-transform: rotate(60deg) translateY(0);
opacity: 1;
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
100% {
-moz-transform: translateY(700px);
opacity: 0
}
}
@-o-keyframes hinge {
0% {
-o-transform: rotate(0);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
20%,
60% {
-o-transform: rotate(80deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
40% {
-o-transform: rotate(60deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
80% {
-o-transform: rotate(60deg) translateY(0);
opacity: 1;
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
100% {
-o-transform: translateY(700px);
opacity: 0
}
}
@keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out
}
20%,
60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out
}
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out
}
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out
}
100% {
transform: translateY(700px);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg)
}
}
@-moz-keyframes rollIn {
0% {
opacity: 0;
-moz-transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg)
}
}
@-o-keyframes rollIn {
0% {
opacity: 0;
-o-transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg)
}
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg)
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg)
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-moz-transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-moz-transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@-o-keyframes lightSpeedIn {
0% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-o-transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-o-transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
.animated.lightSpeedIn {
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@-moz-keyframes lightSpeedOut {
0% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@-o-keyframes lightSpeedOut {
0% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.animated.lightSpeedOut {
-webkit-animation-duration: .25s;
-moz-animation-duration: .25s;
-o-animation-duration: .25s;
animation-duration: .25s
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg)
}
10% {
-webkit-transform: skewX(-8deg)
}
20% {
-webkit-transform: skewX(7deg)
}
30% {
-webkit-transform: skewX(-6deg)
}
40% {
-webkit-transform: skewX(5deg)
}
50% {
-webkit-transform: skewX(-4deg)
}
60% {
-webkit-transform: skewX(3deg)
}
70% {
-webkit-transform: skewX(-2deg)
}
80% {
-webkit-transform: skewX(1deg)
}
90% {
-webkit-transform: skewX(0deg)
}
100% {
-webkit-transform: skewX(0deg)
}
}
@-moz-keyframes wiggle {
0% {
-moz-transform: skewX(9deg)
}
10% {
-moz-transform: skewX(-8deg)
}
20% {
-moz-transform: skewX(7deg)
}
30% {
-moz-transform: skewX(-6deg)
}
40% {
-moz-transform: skewX(5deg)
}
50% {
-moz-transform: skewX(-4deg)
}
60% {
-moz-transform: skewX(3deg)
}
70% {
-moz-transform: skewX(-2deg)
}
80% {
-moz-transform: skewX(1deg)
}
90% {
-moz-transform: skewX(0deg)
}
100% {
-moz-transform: skewX(0deg)
}
}
@-o-keyframes wiggle {
0% {
-o-transform: skewX(9deg)
}
10% {
-o-transform: skewX(-8deg)
}
20% {
-o-transform: skewX(7deg)
}
30% {
-o-transform: skewX(-6deg)
}
40% {
-o-transform: skewX(5deg)
}
50% {
-o-transform: skewX(-4deg)
}
60% {
-o-transform: skewX(3deg)
}
70% {
-o-transform: skewX(-2deg)
}
80% {
-o-transform: skewX(1deg)
}
90% {
-o-transform: skewX(0deg)
}
100% {
-o-transform: skewX(0deg)
}
}
@keyframes wiggle {
0% {
transform: skewX(9deg)
}
10% {
transform: skewX(-8deg)
}
20% {
transform: skewX(7deg)
}
30% {
transform: skewX(-6deg)
}
40% {
transform: skewX(5deg)
}
50% {
transform: skewX(-4deg)
}
60% {
transform: skewX(3deg)
}
70% {
transform: skewX(-2deg)
}
80% {
transform: skewX(1deg)
}
90% {
transform: skewX(0deg)
}
100% {
transform: skewX(0deg)
}
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.animated.wiggle {
-webkit-animation-duration: .75s;
-moz-animation-duration: .75s;
-o-animation-duration: .75s;
animation-duration: .75s
}li.woocommerce-advanced-categories-list-element {
max-height: 450px;
overflow: hidden; }
li.woocommerce-advanced-categories-list-element .woocommerce-advanced-categories-style {
max-height: 450px; }@media screen and (min-width: 48em) {
.woocommerce-cart .page-title {
margin-bottom: 65px;
}
}
.woocommerce-cart .entry-content .woocommerce {
max-width: 1275px;
position: relative;
margin: 0 auto;
}
.woocommerce-cart .woocommerce-cart-form {
width: 60%;
float: left;
margin-bottom: 100px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .woocommerce-cart-form {
width: 100%;
float: none;
margin-bottom: 60px;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart {
border-collapse: collapse;
margin-top: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead {
display: none;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr {
border-bottom: 1px solid;
display: block;
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr:last-child {
border-bottom: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr:first-child td {
padding-top: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td {
border: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove {
width: 5%;
padding: 0;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove {
padding: 35px 0 0 0;
width: 100%;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove > a {
font-size: 0;
width: auto;
height: auto;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove > a:after {
content: "\e912";
font-family: "Shopkeeper-Icon-Font";
font-size: 16px;
font-weight: normal;
display: inline-block;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail {
width: 20%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail {
display: block !important;
width: 100%;
padding: 15px 0 35px 0;
text-align: center !important;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail:before {
content: none;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail img {
width: 50% !important;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail img {
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name {
width: 30%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name {
padding: 15px 0;
width: 100%;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name dl.variation dt {
font-size: 13px;
padding: 0;
margin-top: 3px;
margin-right: 5px;
font-weight: normal;
text-transform: uppercase;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name dl.variation dd p {
font-size: 13px;
margin-top: 3px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price {
width: 15%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price {
padding: 15px 0;
width: 100%;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price .amount {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity {
width: 15%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity {
padding: 15px 0;
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.custom {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.custom {
margin: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.default {
margin: 0;
text-align: right;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: inline-block;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
width: 15%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
padding: 15px 0 35px 0;
width: 100%;
}
}
@media screen and (max-width: 64em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
text-align: right;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions {
padding: 40px 0 0;
width: 100%;
display: block;
position: relative;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
border-bottom: 1px solid;
padding: 0 calc(5% + 15px) 40px calc(5% + 15px) !important;
position: relative;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon {
padding: 0 0 40px 0 !important;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon:before {
content: "\e909" !important;
font-family: "Shopkeeper-Icon-Font";
position: absolute;
left: calc(5% + 15px);
top: 13px;
font-size: 24px;
width: 24px;
height: 24px;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon:before {
left: 0;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 20px 20px 20px 42px;
background-color: transparent;
border: 0;
height: 50px;
display: block;
margin-right: 25px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code::-webkit-input-placeholder {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code::-moz-placeholder {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code:-ms-input-placeholder {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon button[name=apply_coupon] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 !important;
background: transparent;
height: auto;
float: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart] {
background: none !important;
width: 100%;
text-align: center;
padding: 30px 0 0 !important;
position: relative;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart] {
padding: 40px 0 0 !important;
text-align: center;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart]:disabled {
visibility: hidden;
opacity: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart]:before {
content: "\e90f";
font-family: "Shopkeeper-Icon-Font";
font-size: 19px;
-webkit-font-smoothing: initial;
padding-right: 14px;
position: relative;
top: 3px;
}
.woocommerce-cart .cart-collaterals {
width: 35%;
float: right;
padding: 0;
margin-bottom: 40px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals {
width: 100vw;
float: none;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
}
}
.woocommerce-cart .cart-collaterals:after, .woocommerce-cart .cart-collaterals:before {
content: "";
display: block;
height: 10px;
width: 100%;
position: relative;
background-color: transparent;
background-size: 20px 20px;
background-position: 0 10px, 40px 40px;
}
.woocommerce-cart .cart-collaterals:before {
top: -10px;
}
.woocommerce-cart .cart-collaterals:after {
bottom: -10px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.woocommerce-cart .cart-collaterals .cross-sells {
width: 100%;
float: none;
padding: 40px 40px 0;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals .cross-sells {
padding: 40px 60px 0;
}
}
.woocommerce-cart .cart-collaterals .cross-sells h2 {
margin: 0 0 25px;
text-align: left;
font-size: 13px;
text-transform: uppercase;
}
.woocommerce-cart .cart-collaterals .cross-sells ul {
margin-bottom: 0;
}
.woocommerce-cart .cart-collaterals .cross-sells + .cart_totals {
padding: 20px 40px 30px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals .cross-sells + .cart_totals {
padding: 20px 60px 40px;
}
}
.woocommerce-cart .cart-collaterals .cart_totals {
width: 100% !important;
float: none;
padding: 40px 40px 30px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals .cart_totals {
padding: 40px 60px 30px;
}
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
padding: 0 0 15px;
margin: 0 0 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
text-align: left;
font-size: 13px;
text-transform: uppercase;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
margin: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal .amount {
font-weight: 600;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total th, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
border-top: 1px solid;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total th {
padding: 30px 15px 15px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
padding: 30px 0 15px 15px;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
padding: 30px 0 15px 0;
}
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total strong .woocommerce-Price-amount {
display: block;
font-size: 24px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .includes_tax {
display: block;
margin-top: 10px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .includes_tax .woocommerce-Price-amount {
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .amount {
font-weight: 600;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals p.woocommerce-shipping-destination {
font-size: 12px;
line-height: 1.4;
margin: 15px 0;
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals p.woocommerce-shipping-destination * {
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals ul#shipping_method {
margin-top: -3px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-button {
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
margin-top: 0;
margin-bottom: 5px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-button:after {
content: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form {
margin: 5px 0 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form p {
margin-bottom: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form button[name=calc_shipping] {
width: 100%;
margin-top: 7px;
margin-bottom: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form button[name=calc_shipping]:hover {
color: #fff;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th {
border: 0;
font-size: 13px;
text-transform: uppercase;
width: 100px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
border: 0;
font-size: 13px;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
padding: 15px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td:before {
line-height: 1.5;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > small, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > strong, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > span, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > ul, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > form {
width: 60%;
display: block;
text-align: left;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > strong, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > span, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > ul {
margin: 0 0 0 auto !important;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > small, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > form {
margin: 15px 0 0 auto !important;
}
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p {
text-transform: none;
text-align: left;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
padding: 15px 0 0;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .button {
margin: 0;
}
.woocommerce-cart .shopkeeper-continue-shopping {
text-align: center;
clear: right;
width: 35%;
float: right;
margin: 0 auto 100px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .shopkeeper-continue-shopping {
width: 100%;
float: none;
}
}
.woocommerce-cart .shopkeeper-continue-shopping .button,
.woocommerce-cart .shopkeeper-continue-shopping .button:hover {
background: transparent !important;
opacity: 1;
}
.woocommerce-cart .cart-empty {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.4;
}
.woocommerce-cart .cart-empty:before {
content: "\e908";
font-family: "Shopkeeper-Icon-Font";
display: block;
font-weight: normal;
font-size: 128px;
line-height: 170px;
}
.woocommerce-cart .return-to-shop {
margin-bottom: 60px;
text-align: center;
}
.woocommerce-cart .return-to-shop a.button.wc-backward {
background-color: transparent !important;
min-width: 0;
padding: 0 !important;
font-size: 0.8125em !important;
font-weight: 600 !important;
padding-bottom: 5px !important;
border-bottom: 1px solid;
text-transform: uppercase;
width: auto;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li {
border-bottom: 1px solid;
padding-top: 10px !important;
padding-bottom: 10px;
margin-bottom: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:last-child {
border: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li .quantity,
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li .quantity .amount {
font-size: 13px;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li a.remove {
text-align: left;
top: 40% !important;
}
.widget_shopping_cart .widget_shopping_cart_content .total {
border-top: none;
line-height: 24px;
padding: 25px 0;
margin: 0;
}
.widget_shopping_cart .widget_shopping_cart_content .total strong {
font-size: 14px;
text-transform: uppercase;
}
.widget_shopping_cart .widget_shopping_cart_content .total .amount {
font-weight: 600;
font-size: 24px;
margin-top: 0;
float: right;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons {
margin-bottom: 0;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a {
color: #ffffff;
margin-right: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
margin: 0 0 10px;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a:hover {
opacity: 1;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a:after {
display: none;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons .button:hover {
color: #ffffff;
opacity: 0.8;
}.select2-results .select2-results__option {
font-size: 13px;
}
.catalog-ordering span.select2-container span {
border: none;
text-transform: uppercase;
font-size: 13px;
}
.catalog-ordering span.select2-container .selection .select2-selection__rendered {
padding: 0 20px 0 0;
}
#billing_country_field .select2-selection__rendered,
#billing_country_field .select2-selection__placeholder,
#billing_state_field .select2-selection__rendered,
#billing_state_field .select2-selection__placeholder,
#calc_shipping_country_field .select2-selection__rendered,
#calc_shipping_country_field .select2-selection__placeholder,
#calc_shipping_state_field .select2-selection__rendered,
#calc_shipping_state_field .select2-selection__placeholder,
#shipping_country_field .select2-selection__rendered,
#shipping_country_field .select2-selection__placeholder,
#shipping_state_field .select2-selection__rendered,
#shipping_state_field .select2-selection__placeholder,
.woocommerce-widget-layered-nav-dropdown .select2-selection__rendered,
.woocommerce-widget-layered-nav-dropdown .select2-selection__placeholder {
font-size: 0.875rem;
color: #444 !important;
}.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
will-change: opacity, transform;
}
.woocommerce ul.products li.product.animated,
.woocommerce-page ul.products li.product.animated {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}.woocommerce-checkout .entry-content .woocommerce {
max-width: 1275px;
position: relative;
margin: 0 auto;
}
.woocommerce-checkout .hmu-hook#woocommerce_checkout_before_order_review {
width: 37.8%;
float: right;
margin-top: 45px;
}
@media screen and (max-width: 64em) {
.woocommerce-checkout .hmu-hook#woocommerce_checkout_before_order_review {
float: none;
width: 100%;
}
}
.woocommerce-checkout .checkout_coupon_box {
text-align: center;
}
.woocommerce-checkout .checkout_coupon_box > .row {
margin: 0 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 64em) {
.woocommerce-checkout .checkout_coupon_box > .row {
margin: 0;
}
}
.woocommerce-checkout .checkout_coupon_box > .row .woocommerce-error,
.woocommerce-checkout .checkout_coupon_box > .row .woocommerce-notice,
.woocommerce-checkout .checkout_coupon_box > .row .woocommerce-info,
.woocommerce-checkout .checkout_coupon_box > .row .woocommerce-message {
margin-top: 45px;
margin-bottom: -45px;
padding-bottom: 1rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media screen and (max-width: 64em) {
.woocommerce-checkout .checkout_coupon_box > .row .woocommerce-error,
.woocommerce-checkout .checkout_coupon_box > .row .woocommerce-notice,
.woocommerce-checkout .checkout_coupon_box > .row .woocommerce-info,
.woocommerce-checkout .checkout_coupon_box > .row .woocommerce-message {
margin-top: 30px;
margin-bottom: 0;
}
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
border: none;
text-align: center;
margin: 0;
}
@media screen and (max-width: 64em) {
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon {
padding: 20px 0;
}
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon .blockUI.blockOverlay::before {
margin-top: -0.35em;
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon #coupon_code {
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin: 0;
font-size: 13px;
width: 100%;
height: 49px;
display: block;
background: none;
padding: 13px 90px 10px 55px;
border: 1px dashed;
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon #coupon_code::-webkit-input-placeholder {
font-weight: 600;
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon #coupon_code::-moz-placeholder {
font-weight: 600;
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon #coupon_code:-ms-input-placeholder {
font-weight: 600;
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon input[type=submit],
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon button[type=submit] {
position: absolute;
right: 0px;
background: none !important;
font-size: 0 !important;
min-width: 0;
top: 0px;
z-index: 99999;
height: 50px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 15px 1rem !important;
width: 70px !important;
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon input[type=submit]:after,
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon button[type=submit]:after {
content: "\e902";
font-family: "Shopkeeper-Icon-Font";
position: absolute;
right: 17px;
font-size: 20px;
opacity: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon input[type=submit]:hover:after,
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon button[type=submit]:hover:after {
opacity: 0.7;
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon input[type=submit]:active, .woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon input[type=submit]:focus,
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon button[type=submit]:active,
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon button[type=submit]:focus {
border: none;
outline: none;
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon .checkout_coupon_inner {
display: block;
width: 39%;
min-width: 470px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 47.9375em) {
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon .checkout_coupon_inner {
width: 100%;
min-width: 100%;
}
}
.woocommerce-checkout .checkout_coupon_box > .row form.checkout_coupon .checkout_coupon_inner:before {
content: "\e909";
font-family: "Shopkeeper-Icon-Font";
position: absolute;
left: 17px;
top: 7px;
font-size: 24px;
line-height: 36px;
}
.woocommerce-checkout .checkout_login form.login {
border: 0;
margin: 0 auto;
padding: 0;
width: 100%;
}
@media screen and (min-width: 48em) {
.woocommerce-checkout .checkout_login form.login {
width: 500px;
padding: 20px 20px 14px;
}
}
.woocommerce-checkout .checkout_login form.login p:first-child {
font-size: 13px;
margin-bottom: 10px;
}
.woocommerce-checkout .checkout_login form.login button[type=submit] {
width: 100%;
margin-bottom: 15px;
margin-top: 12px;
} .woocommerce-checkout .shopkeeper_checkout_coupon,
.woocommerce-checkout .shopkeeper_checkout_login {
margin: 10px auto;
display: inline-block;
font-weight: 600;
}
.woocommerce-checkout .shopkeeper_checkout_coupon a.showcoupon,
.woocommerce-checkout .shopkeeper_checkout_coupon a.showlogin,
.woocommerce-checkout .shopkeeper_checkout_login a.showcoupon,
.woocommerce-checkout .shopkeeper_checkout_login a.showlogin {
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
margin-left: 8px;
}
@media screen and (max-width: 55em) {
.woocommerce-checkout .shopkeeper_checkout_coupon a.showcoupon,
.woocommerce-checkout .shopkeeper_checkout_coupon a.showlogin,
.woocommerce-checkout .shopkeeper_checkout_login a.showcoupon,
.woocommerce-checkout .shopkeeper_checkout_login a.showlogin {
display: block;
}
}
.woocommerce-checkout .shopkeeper_checkout_login:before {
font-family: "Shopkeeper-Icon-Font";
content: "\e90a";
font-size: 20px;
padding-right: 10px;
display: inline-block;
vertical-align: middle;
font-weight: normal;
top: -2px;
position: relative;
}
.woocommerce-checkout .shopkeeper_checkout_login + form.woocommerce-form-login p.lost_password {
margin-top: 0;
}
.woocommerce-checkout .shopkeeper_checkout_login + form.woocommerce-form-login p.lost_password a {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}
.woocommerce-checkout .shopkeeper_checkout_coupon:before {
font-family: "Shopkeeper-Icon-Font";
content: "\e909";
font-size: 24px;
padding-right: 10px;
display: inline-block;
vertical-align: middle;
font-weight: normal;
position: relative;
top: -1px;
}
.woocommerce-checkout form.checkout {
margin-top: 45px;
}
.woocommerce-checkout form.checkout h3 {
text-transform: uppercase;
}
.woocommerce-checkout form.checkout:after {
content: "";
display: block;
clear: both;
}
.woocommerce-checkout form.checkout #ship-to-different-address {
margin-bottom: 0;
}
.woocommerce-checkout form.checkout .button#place_order {
float: none;
width: 100%;
}
@media screen and (min-width: 64.0625em) {
.woocommerce-checkout form.checkout .col2-set {
width: 62.2% !important;
float: left;
margin-top: 45px;
padding: 0 90px 0 10px;
}
}
.woocommerce-checkout form.checkout .col2-set .col-1,
.woocommerce-checkout form.checkout .col2-set .col-2 {
clear: both;
display: block;
float: none;
width: 100%;
}
.woocommerce-checkout form.checkout .col2-set .col-2 {
margin-top: 30px;
}
.woocommerce-checkout form.checkout .woocommerce-account-fields .form-row span {
font-size: 13px;
text-transform: uppercase;
}
.woocommerce-checkout form.checkout .woocommerce-account-fields .form-row input[type=checkbox] {
top: 1px;
}
.woocommerce-checkout form.checkout .woocommerce-account-fields .form-row input[type=checkbox]:after {
display: inline-block;
}
.woocommerce-checkout form.checkout .woocommerce-account-fields .form-row input[type=checkbox]:before {
top: -4px;
}
.woocommerce-checkout form.checkout .woocommerce-shipping-fields {
margin-bottom: 30px;
}
.woocommerce-checkout form.checkout .woocommerce-additional-fields #order_comments_field textarea {
min-height: 100px;
height: 100px;
}
.woocommerce-checkout form.checkout h3#order_review_heading {
display: none !important;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
background: rgba(84, 84, 84, 0.05);
padding: 20px 40px 40px;
position: relative;
}
@media screen and (min-width: 64.0625em) {
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
width: 37.8%;
float: right;
margin-top: 45px;
}
}
@media screen and (max-width: 64em) {
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
margin-top: 50px;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
padding: 20px 68px 50px;
}
}
@media screen and (max-width: 47.9375em) {
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
padding: 10px 38px 30px;
}
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order:before {
position: absolute;
top: -10px;
left: 0;
content: "";
display: block;
height: 10px;
width: 100%;
background-color: transparent;
background-size: 20px 20px;
background-position: 0 10px, 40px 40px;
background-image: radial-gradient(closest-side, transparent 9px, rgba(84, 84, 84, 0.05) 100%);
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order:after {
position: absolute;
bottom: -10px;
left: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
content: "";
display: block;
height: 10px;
width: 100%;
background-color: transparent;
background-size: 20px 20px;
background-position: 0 10px, 40px 40px;
background-image: radial-gradient(closest-side, transparent 9px, rgba(84, 84, 84, 0.05) 100%);
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .cart_item .wc-gzd-product-name-left,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .cart_item .wc-gzd-product-name-right {
float: none;
display: inline-block;
margin-left: -4px;
vertical-align: middle;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .cart_item .wc-gzd-product-name-right {
width: 80%;
font-weight: 600;
font-size: 13px;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .cart_item .product-desc {
font-weight: normal;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table {
border-collapse: collapse;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr.order-total strong .amount {
font-size: 1.875rem;
font-weight: 600;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr.order-total td > small {
display: block;
margin-top: 5px;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr:first-child th, .woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr:first-child td {
padding-top: 40px;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table td {
line-height: 1.35;
padding: 10px 0 10px 0;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table th {
text-transform: uppercase;
font-weight: 600;
line-height: 1.4;
font-size: 13px !important;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table thead td, .woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table thead th,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot th {
border: none;
vertical-align: top;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .product-name {
font-size: 13px;
width: 55%;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .product-name span {
padding-right: 30px;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .cart-subtotal th, .woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .cart-subtotal td {
border-top: 1px solid;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table #shipping_method li {
padding-left: 20px;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .product-total {
text-align: right;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table ul#shipping_method li {
margin: 0 0 7px;
text-indent: -22px;
list-style: none outside;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order .input-checkbox {
display: inline-block;
vertical-align: initial;
margin-top: 0;
}#add_payment_method #payment ul.payment_methods,
.woocommerce #payment ul.payment_methods {
border: 0;
padding-left: 0;
padding-right: 0;
}
#add_payment_method #payment ul.payment_methods > li > input,
.woocommerce #payment ul.payment_methods > li > input {
margin: 0 10px 0 0;
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce #payment ul.payment_methods li {
border-bottom-width: 1px;
border-bottom-style: solid;
line-height: 16px;
padding: 20px 0;
}
#add_payment_method #payment ul.payment_methods li:last-child,
.woocommerce #payment ul.payment_methods li:last-child {
border-bottom: 0;
}
#add_payment_method #payment ul.payment_methods li.payment_method_woocommerce_payments fieldset,
.woocommerce #payment ul.payment_methods li.payment_method_woocommerce_payments fieldset {
padding-left: 0 !important;
padding-right: 0 !important;
}
#add_payment_method #payment ul.payment_methods li.payment_method_woocommerce_payments fieldset #wcpay-upe-element,
#add_payment_method #payment ul.payment_methods li.payment_method_woocommerce_payments fieldset .wcpay-upe-element,
.woocommerce #payment ul.payment_methods li.payment_method_woocommerce_payments fieldset #wcpay-upe-element,
.woocommerce #payment ul.payment_methods li.payment_method_woocommerce_payments fieldset .wcpay-upe-element {
padding-left: 0;
padding-right: 0;
}
#add_payment_method #payment ul.payment_methods li.payment_method_woocommerce_payments fieldset #wc-woocommerce_payments-new-payment-method,
.woocommerce #payment ul.payment_methods li.payment_method_woocommerce_payments fieldset #wc-woocommerce_payments-new-payment-method {
top: 0;
}
#add_payment_method #payment ul.payment_methods li.payment_method_stripe img.stripe-icon,
.woocommerce #payment ul.payment_methods li.payment_method_stripe img.stripe-icon {
max-width: 30px !important;
padding-left: 0 !important;
}
#add_payment_method #payment ul.payment_methods li.payment_method_paypal > input,
.woocommerce #payment ul.payment_methods li.payment_method_paypal > input {
top: 7px !important;
}
#add_payment_method #payment ul.payment_methods li.payment_method_paypal > label,
.woocommerce #payment ul.payment_methods li.payment_method_paypal > label {
top: 3px;
}
#add_payment_method #payment ul.payment_methods li.payment_method_paypal img,
.woocommerce #payment ul.payment_methods li.payment_method_paypal img {
top: -2px;
margin-bottom: 0 !important;
}
#add_payment_method #payment ul.payment_methods li.payment_method_paypal .about_paypal,
.woocommerce #payment ul.payment_methods li.payment_method_paypal .about_paypal {
position: relative;
top: 7px;
margin-right: 10px;
font-size: 10px !important;
line-height: 1.6 !important;
font-weight: normal;
border-bottom: 1px dashed;
}
#add_payment_method #payment ul.payment_methods li label,
.woocommerce #payment ul.payment_methods li label {
width: 100%;
display: inline !important;
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce #payment ul.payment_methods li img {
display: inline !important;
float: right;
max-height: 35px !important;
margin: 0 0 5px 5px !important;
top: 2px;
}
#add_payment_method #payment ul.payment_methods li img:nth-child(4n),
.woocommerce #payment ul.payment_methods li img:nth-child(4n) {
clear: both;
}
#add_payment_method #payment ul.payment_methods li .wc-saved-payment-methods,
.woocommerce #payment ul.payment_methods li .wc-saved-payment-methods {
margin-top: 15px;
}
#add_payment_method #payment ul.payment_methods li .wc-saved-payment-methods li input,
.woocommerce #payment ul.payment_methods li .wc-saved-payment-methods li input {
top: 0;
}
#add_payment_method #payment ul.payment_methods li div.payment_box,
.woocommerce #payment ul.payment_methods li div.payment_box {
background-color: transparent;
margin: 20px 0 0 0;
width: 100%;
font-size: 1rem;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 5px;
}
#add_payment_method #payment ul.payment_methods li div.payment_box:before, #add_payment_method #payment ul.payment_methods li div.payment_box:after,
.woocommerce #payment ul.payment_methods li div.payment_box:before,
.woocommerce #payment ul.payment_methods li div.payment_box:after {
content: none;
}
#add_payment_method #payment ul.payment_methods li div.payment_box .form-row,
.woocommerce #payment ul.payment_methods li div.payment_box .form-row {
margin: 0;
}
#add_payment_method #payment ul.payment_methods li div.payment_box #wc-stripe-cc-form input,
.woocommerce #payment ul.payment_methods li div.payment_box #wc-stripe-cc-form input {
font-size: 14px !important;
padding: 1px 15px 0 !important;
}
#add_payment_method #payment ul.payment_methods li div.payment_box .wc-credit-card-form,
.woocommerce #payment ul.payment_methods li div.payment_box .wc-credit-card-form {
border: none;
}
#add_payment_method #payment ul.payment_methods li div.payment_box .wc-credit-card-form-card-cvc,
#add_payment_method #payment ul.payment_methods li div.payment_box .wc-credit-card-form-card-expiry,
#add_payment_method #payment ul.payment_methods li div.payment_box .wc-credit-card-form-card-number,
.woocommerce #payment ul.payment_methods li div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce #payment ul.payment_methods li div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce #payment ul.payment_methods li div.payment_box .wc-credit-card-form-card-number {
padding: 15px;
}
#add_payment_method #payment ul.payment_methods li div.payment_box .stripe-source-errors br,
.woocommerce #payment ul.payment_methods li div.payment_box .stripe-source-errors br {
display: none;
}
#add_payment_method #payment ul.payment_methods li div.payment_box .woocommerce_error,
.woocommerce #payment ul.payment_methods li div.payment_box .woocommerce_error {
margin-top: 10px;
}
#add_payment_method #payment ul.payment_methods li div.payment_box .woocommerce_error:before,
.woocommerce #payment ul.payment_methods li div.payment_box .woocommerce_error:before {
line-height: 1;
top: 12px;
}
#add_payment_method #payment ul.payment_methods li div.payment_box .woocommerce_error li,
.woocommerce #payment ul.payment_methods li div.payment_box .woocommerce_error li {
padding: 0;
}
.woocommerce #payment div.payment_method_braintree_credit_card .wc-braintree-hosted-field {
border: 1px solid #ddd;
border-radius: 0;
line-height: 1.2em;
height: 30px;
padding: 0;
}
.woocommerce #payment div.payment_method_braintree_credit_card iframe {
margin: 0;
padding: 5px;
}
.woocommerce #payment {
background: none;
}
.woocommerce #payment div.payment_box .form-row {
margin: 0;
}
.woocommerce #payment div.payment_box p {
font-size: 12px;
line-height: 1.4285em;
margin: -2px 0 0;
text-shadow: none;
}
.woocommerce #payment div.form-row {
padding: 19px 0 5px;
border: medium none;
}
.woocommerce #payment .terms {
text-align: left;
padding-top: 0;
padding-left: 0;
margin-top: 17px;
margin-bottom: 25px;
}
.woocommerce #payment .terms label {
font-size: 14px;
text-transform: none;
font-weight: normal;
}
.woocommerce #payment .terms label a {
font-weight: 600;
text-transform: capitalize;
}
.payment_method_braintree_credit_card > p {
padding-bottom: 0 !important;
}
.payment_method_braintree_credit_card > label,
.payment_method_braintree_paypal > label {
width: 100%;
}
.payment_method_braintree_paypal img {
margin-right: 0 !important;
}
li.payment_method_stripe .payment_box.payment_method_stripe #stripe-payment-data #wc-stripe-cc-form .form-row.form-row-wide,
li.payment_method_stripe .payment_box.payment_method_stripe #stripe-payment-data #wc-stripe-cc-form .wc-braintree-hosted-field,
li.payment_method_braintree_credit_card .form-row.form-row-wide,
li.payment_method_braintree_credit_card .wc-braintree-hosted-field {
padding: 0;
}
li.payment_method_stripe .payment_box.payment_method_stripe #stripe-payment-data #wc-stripe-cc-form .form-row.form-row-first,
li.payment_method_stripe .payment_box.payment_method_stripe #stripe-payment-data #wc-stripe-cc-form .form-row.form-row-last,
li.payment_method_stripe .payment_box.payment_method_stripe #stripe-payment-data #wc-stripe-cc-form .wc-braintree-hosted-field,
li.payment_method_braintree_credit_card .form-row.form-row-first,
li.payment_method_braintree_credit_card .form-row.form-row-last,
li.payment_method_braintree_credit_card .wc-braintree-hosted-field {
padding: 15px 0 0 0;
}
#stripe-payment-data > p > a {
position: relative;
display: inline-block;
clear: both;
position: relative;
font-weight: 600;
}
.wc-credit-card-form label {
font-size: 13px !important;
margin-bottom: 5px !important;
}
.woocommerce-cart #wc_braintree_paypal_container {
margin-top: 2.5rem;
}
#wc_braintree_paypal_container .paypal-button-tagline {
font-size: 12px;
}
.wc-braintree-cc-container #wc-braintree-card-number {
padding: 0;
}
.wc-braintree-cc-container #wc-braintree-card-number iframe {
min-height: 30px;
}
#wc-braintree-paypal-paypal-form {
margin-top: 1.5rem;
}
#wc-braintree-paypal-paypal-form .paypal-button-tagline .paypal-button-text {
font-size: 12px;
}
#wc-braintree-credit-card-credit-card-form {
padding-left: 35px;
padding-right: 35px;
}
#wc-braintree-credit-card-credit-card-form .woocommerce-validated {
padding: 15px 0 19px 0 !important;
}
.woocommerce form .form-row label.check_label_radio,
.woocommerce-page form .form-row label.check_label,
ul.payment_methods li > label,
.check_label {
display: inline-block;
cursor: pointer;
vertical-align: middle;
padding-left: 0;
position: relative;
text-indent: 0;
}
ul.payment_methods li label {
font-size: 16px;
margin-top: 0;
margin-bottom: 14px;
text-transform: capitalize;
line-height: 1.3em;
}
.wc-braintree-hosted-field-parent {
padding-top: 15px;
}
.wc-braintree-hosted-field-parent:first-child {
padding-top: 0;
}
ul.payment_methods.methods li.payment_method_braintree_credit_card .wc-braintree-hosted-field-parent label {
font-size: 13px;
margin-bottom: 0;
text-transform: capitalize;
margin-bottom: 5px;
}
.wc-braintree-hosted-field input {
font-size: 15px !important;
}
ul.payment_methods.methods .wc-payment-form label {
font-size: 13px;
margin-bottom: 0;
}
ul.payment_methods.methods .wc-payment-form input {
width: 100%;
}
ul.payment_methods.methods ul.wc-saved-payment-methods li {
position: relative;
padding: 10px 0 !important;
margin: 0 !important;
}
ul.payment_methods.methods ul.wc-saved-payment-methods li label {
font-size: 13px !important;
word-break: break-word;
line-height: 1.6;
}
ul.payment_methods.methods ul.wc-saved-payment-methods li label:before {
top: 9px !important;
}
ul.payment_methods.methods .wc-stripe-sepa-mandate {
margin-bottom: 0px !important;
}
ul.payment_methods .payment_box .woocommerce-validated label,
ul.payment_methods.methods li .woocommerce-validated label {
font-size: 12px !important;
font-weight: normal;
}
ul.payment_methods .payment_box .woocommerce-validated input,
ul.payment_methods.methods li .woocommerce-validated input {
margin-right: 5px !important;
}
.check_label {
font-weight: normal;
font-size: 0.875rem;
padding-top: 0px;
text-transform: none;
margin: 0 0 15px;
line-height: 20px !important;
}
.woocommerce ul#shipping_method li:only-child > label {
padding-left: 0;
}
.woocommerce ul#shipping_method li:only-child > label:before {
display: none;
}
body.gbt_custom_notif:not(.woocommerce-account) .woocommerce #payment ul.payment_methods li.woocommerce-info {
padding: 30px 30px 30px 95px !important;
line-height: 19px;
min-height: 160px;
}
body.gbt_classic_notif .woocommerce #payment ul.payment_methods li.woocommerce-info {
padding: 0px 0px 0px 55px !important;
line-height: 19px;
}
.wcppec-checkout-buttons.woo_pp_cart_buttons_div {
margin: 35px 0 20px;
padding: 15px 10px;
text-align: center;
border: 1px dashed rgba(0, 0, 0, 0.2);
}
.wcppec-checkout-buttons__separator {
font-size: 12px;
margin-bottom: 15px;
}
li.payment_method_stripe label {
width: 100%;
}
.stripe-pf-right {
padding-left: 5px;
}
.stripe-pf {
font-size: 0.9em;
}ul.sk_social_icons_list{clear:both;display:block;margin:15px 0;padding:0;vertical-align:middle}ul.sk_social_icons_list.left{text-align:left}ul.sk_social_icons_list.center{text-align:center}ul.sk_social_icons_list.right{text-align:right}ul.sk_social_icons_list li.sk_social_icon{display:inline-block;list-style:none;line-height:1;margin:10px 30px 10px 0;padding-top:0!important;vertical-align:middle}ul.sk_social_icons_list li.sk_social_icon:last-child{margin-right:0;margin-bottom:10px}ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link{display:block;overflow:visible;line-height:0}ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link:hover i{opacity:.75}ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link i{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.site-top-bar-social-icons-wrapper{display:block;float:right;padding:8px 0}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list{margin:0 0 0 50px}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon{margin:5px 10px 5px 0}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon:last-child{margin-right:0}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon img,.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon svg{width:16px!important;height:16px!important}.footer_socials_wrapper{margin-bottom:21px}@media only screen and (min-width:40.063em){.footer_socials_wrapper{margin-bottom:34px}}.off-canvas ul.sk_social_icons_list li.sk_social_icon{margin:10px 22px 10px 0}.off-canvas ul.sk_social_icons_list li.sk_social_icon svg{width:18px!important;height:18px!important}.rtl ul.sk_social_icons_list li.sk_social_icon{margin:10px 0 10px 30px}.rtl ul.sk_social_icons_list li.sk_social_icon:last-child{margin-left:0}.rtl .widget_shopkeeper_social_media ul.sk_social_icons_list{text-align:right}.rtl .site-top-bar-social-icons-wrapper{float:left}.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list{padding-left:0;padding-right:50px}.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon{margin:5px  5px 10px}.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon:last-child{margin-left:0}.rtl .off-canvas ul.sk_social_icons_list{text-align:right}.rtl .off-canvas ul.sk_social_icons_list li.sk_social_icon{margin:10px 0 10px 22px}@media only screen and (max-width:1201px){.product_socials_wrapper{display:table;width:100%;text-align:center;padding:20px 0;border-top-width:1px;border-top-style:solid}.product_socials_wrapper .product_socials_wrapper_inner,.product_socials_wrapper .share-product-text{display:table-cell;vertical-align:middle;width:50%}.product_socials_wrapper .share-product-text{font-size:10px;text-transform:uppercase;font-weight:bold;text-align:left}.product_socials_wrapper .product_socials_wrapper_inner{text-align:right}.product_socials_wrapper .product_socials_wrapper_inner a{padding-right:10px}}@media only screen and (min-width:1201px){.product_socials_wrapper{position:fixed;top:430px;right:100%;z-index:999;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-animation:slide-in-from-left;animation:slide-in-from-left;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.product_socials_wrapper .share-product-text{display:none}.product_socials_wrapper .product_socials_wrapper_inner a{display:block;-webkit-box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1);border-radius:50%;text-align:center;padding-top:10px;margin:10px 0;width:38px;height:38px}.product_socials_wrapper .product_socials_wrapper_inner a:first-child{margin-top:0}}@-webkit-keyframes slide-in-from-left{0%{-webkit-transform:translateX(-55px);transform:translateX(-55px)}50%{-webkit-transform:translateX(95px);transform:translateX(95px)}75%{-webkit-transform:translateX(95px);transform:translateX(95px)}to{-webkit-transform:translateX(95px);transform:translateX(95px)}}@keyframes slide-in-from-left{0%{-webkit-transform:translateX(-55px);transform:translateX(-55px)}50%{-webkit-transform:translateX(95px);transform:translateX(95px)}75%{-webkit-transform:translateX(95px);transform:translateX(95px)}to{-webkit-transform:translateX(95px);transform:translateX(95px)}}@media only screen and (max-width:1024px){.rtl .product_socials_wrapper_inner{float:left;text-align:left}.rtl .share-product-text{float:right;text-align:right}}ul.wjecf-cols { 
list-style-type: none;
margin:0 -15px 0 -15px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
} 
ul.wjecf-cols::after { content:'';display:block;clear:both; } ul.wjecf-cols > li { 
float:left;
padding-left:15px;
padding-right:15px;
position:relative;
margin: 0 0 30px 0;
box-sizing: border-box;
} 
ul.wjecf-cols.cols-1 > li { width:100%; } 
ul.wjecf-cols.cols-2 > li { width:50%; } 
ul.wjecf-cols.cols-3 > li { width:33.33%; } 
ul.wjecf-cols.cols-4 > li { width:25%; } 
ul.wjecf-cols.cols-5 > li { width:20%; } 
ul.wjecf-cols.cols-6 > li { width:16.66%; } 
@media (max-width: 1200px) {
ul.wjecf-cols.cols-xl-1 > li { width:100%; } 
ul.wjecf-cols.cols-xl-2 > li { width:50%; } 
ul.wjecf-cols.cols-xl-3 > li { width:33.33%; } 
ul.wjecf-cols.cols-xl-4 > li { width:25%; } 
ul.wjecf-cols.cols-xl-5 > li { width:20%; } 
ul.wjecf-cols.cols-xl-6 > li { width:16.66%; } 
}
@media (max-width: 992px) {
ul.wjecf-cols.cols-lg-1 > li { width:100%; } 
ul.wjecf-cols.cols-lg-2 > li { width:50%; } 
ul.wjecf-cols.cols-lg-3 > li { width:33.33%; } 
ul.wjecf-cols.cols-lg-4 > li { width:25%; } 
ul.wjecf-cols.cols-lg-5 > li { width:20%; } 
ul.wjecf-cols.cols-lg-6 > li { width:16.66%; } 
}
@media (max-width: 768px) {
ul.wjecf-cols.cols-md-1 > li { width:100%; } 
ul.wjecf-cols.cols-md-2 > li { width:50%; } 
ul.wjecf-cols.cols-md-3 > li { width:33.33%; } 
ul.wjecf-cols.cols-md-4 > li { width:25%; } 
ul.wjecf-cols.cols-md-5 > li { width:20%; } 
ul.wjecf-cols.cols-md-6 > li { width:16.66%; } 
}
@media (max-width: 576px) {
ul.wjecf-cols.cols-sm-1 > li { width:100%; } 
ul.wjecf-cols.cols-sm-2 > li { width:50%; } 
ul.wjecf-cols.cols-sm-3 > li { width:33.33%; } 
ul.wjecf-cols.cols-sm-4 > li { width:25%; } 
ul.wjecf-cols.cols-sm-5 > li { width:20%; } 
ul.wjecf-cols.cols-sm-6 > li { width:16.66%; } 
}
.wjecf-select-free-products ul.wjecf-cols > li > img { width:auto; } 
.wjecf-select-free-products ul.wjecf-cols > li input[type="number"] { width:100%; }
.wjecf-select-free-products ul.wjecf-cols > li select { width:100%; }body.gbt_custom_notif .wc-block-components-notice-banner,
body.gbt_custom_notif .woocommerce-message,
body.gbt_custom_notif .woocommerce-error,
body.gbt_custom_notif .woocommerce-info,
body.gbt_custom_notif .woocommerce-notice {
display: none !important;
}
body.gbt_custom_notif .page-notifications {
top: 63px;
left: 100%;
margin: 0;
padding: 0;
background: transparent;
position: fixed;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 8889;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-content {
margin: 0 0 10px;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(0) {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(1) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(2) {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(3) {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(4) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(5) {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(6) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(7) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(8) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(9) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice {
cursor: default;
}
body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice {
cursor: pointer;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(0) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(1) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(2) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(3) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(4) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(5) {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(6) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(7) {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(8) {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(9) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
-webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
border: none;
color: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 0 15px;
z-index: 8888;
font-weight: 600;
font-size: 16px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 320px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
width: 400px;
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
width: 465px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button {
color: #FFF;
text-transform: uppercase;
display: inline-block;
position: relative;
font-size: 13px;
padding: 0 !important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
float: none;
min-width: 10px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a:after,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button:after {
font-family: "Shopkeeper-Icon-Font";
content: "\e902";
display: inline-block;
font-weight: normal;
color: #fff;
font-size: 16px;
padding: 0px 1px 0px 3.5px;
top: 2px;
position: relative;
margin-right: 5px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice form {
display: block !important;
width: 100%;
text-align: left;
min-height: 20px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
background: rgba(0, 0, 0, 0.2);
font-size: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 90px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 33px;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
font-size: 18px;
width: 75px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
font-size: 18px;
width: 85px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 33.5px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon.spk-icon-success:before {
content: "\e923";
font-family: "Shopkeeper-Icon-Font";
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
line-height: 1.4;
margin: 0;
padding: 20px 25px;
word-break: break-word;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
font-size: 14px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message div,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text div {
display: table-cell;
vertical-align: middle;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message li,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text li {
list-style-type: none;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 75px;
width: 75px;
overflow: hidden;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background img {
height: 100%;
width: 100%;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 85px;
width: 85px;
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 90px;
width: 90px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-340px);
transform: translateX(-340px);
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-455px);
transform: translateX(-455px);
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-520px);
transform: translateX(-520px);
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.close-notice {
-webkit-transform: translateX(0);
transform: translateX(0);
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice svg {
display: none;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications {
top: 50px;
}
}
.rtl .page-notifications {
direction: ltr;
}
.woocommerce-account .page-notifications {
display: none;
}