.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.kangaroo-shopping-cart-section {
max-width: 100%;
float: right;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content .kangaroo-tooltip, .kangaroo-shopping-cart-section .kangaroo-tooltip{
position:relative;
display:inline-block;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content .kangaroo-tooltip .tooltiptext, .kangaroo-shopping-cart-section .kangaroo-tooltip .tooltiptext{
visibility:hidden;
background-color: #555;
color: #fff;
text-align:center;
border-radius: 6px;
padding:5px;
position:absolute;
z-index:1;
opacity: 0;
transition: opacity 0.3s;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content .kangaroo-tooltip .tooltiptext::after,.kangaroo-shopping-cart-section .kangaroo-tooltip .tooltiptext::after{
content:"";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width:5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content .kangaroo-tooltip:hover .tooltiptext, .kangaroo-shopping-cart-section .kangaroo-tooltip:hover .tooltiptext{
visibility: visible;
opacity: 1;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content #overflow-container table{
border: 1px solid #d0caca;
font-size: 15px;
border-radius: 12px !important;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content #overflow-container tbody{
border: 1px solid #d0caca;
font-size: 15px;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content #overflow-container td{
padding:20px;
border: 1px solid #d0caca;
line-height:30px;
font-size: 15px;
} .kangaroo-welcome-modal .kangaroo-section .section-middle__content #overflow-container th,
.kangaroo-welcome-modal .kangaroo-section .section-middle__content #overflow-container tr{
font-size: 15px;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content p{
line-height:20px;
}
.kangaroo-section .section-bottom{
padding:10px!important;
}
.kangaroo-section .btn.btn-default, .kangaroo-welcome-modal .btn{
padding: 0 20px 0 20px;
height: 40px;
line-height: 40px;
margin:10px;
display: inline-block;
width: auto;
cursor: pointer;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 12px;
background-color: #64b3df;
color: #e24040;
text-transform: uppercase;
font-size: 15px;
}
.kangaroo-product-offer table{
width:100%;
border-collapse: collapse;
border-spacing:0;
display:table;
border-color:grey;
margin-bottom:27px;
}
.kangaroo-product-offer tbody{
display:table-row-group;
vertical-align:middle;
border-color:inherit;
}
.kangaroo-product-offer tr{
display:table-row;
vertical-align:inherit;
border: 1px solid #eaeaea;
}
.kangaroo-product-offer td{
padding: 10px 10px 10px 10px;
}
.kangaroo-product-offer{
margin-top:20px;
float:left;
}
.kangaroo-welcome-modal .label-danger, .kangaroo-shopping-cart-section .label-danger{
background-color: #d9534f;
cursor: pointer;
}
.kangaroo-welcome-modal .label-default, .kangaroo-shopping-cart-section .label-default{
background-color:#b1adad;
}
.kangaroo-welcome-modal .text-danger{
color:#a94442;
}
.kangaroo-welcome-modal .text-success{
color: #28a745;
}
.kangaroo-welcome-modal .label, .kangaroo-shopping-cart-section .label{
display:inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight:700;
line-height:1;
color: #fff;
text-align:center;
white-space: nowrap;
vertical-align:baseline;
}
.kangaroo-welcome-modal .pagination{
padding-top:0px!important;
}
.kangaroo-wrapper .arrow .kangaroo-icon.kangaroo-icon-up-arrow{
padding:10px;
}
#overflow-container{
padding:15px;
}
.section-middle.kgrwds-customer{
height:650px;
overflow-y: auto;
}
.kangaroo-welcome-modal .centered{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform: -webkit-translate(-50%, -50%);
transform: -moz-translate(-50%, -50%);
transform: -ms-translate(-50%, -50%);
color:darkred;
width: unset;
}
.btn.btn-primary.redeem-btn, .btn.btn-primary.setting-btn{
float:right;
}
.kangaroo-welcome-modal .text-left{
text-align:left;
}
.kangaroo-welcome-modal td{
border: 1px solid #e9e0eb;
padding:20px 20px!important;
}
.kangaroo-welcome-modal table{
margin-top:10%;
width:100%;
}
.kangaroo-welcome-modal .text-right{
text-align:right;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-default .panel-heading img {
width:8%;
float:left;
margin-right:2%;
margin-top: -5px;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-default {
width:80%;
margin:auto;
margin-bottom:5%;
cursor:pointer;
border-color:#ddd;
background-color:#fff;
border: 1px solid transparent;
border-radius: 12px;
-webkit-box-shadow: 0 1em 2em 0px rgba(0,0,0,0.5);
box-shadow: 0 1em 2em 0px rgba(0,0,0,0.2);
}
.kangaroo-welcome-modal .col-sm-6.col-md-6.kangaroo-offer{
cursor:pointer;
}
.kangaroo-welcome-modal .col-sm-6.col-md-6.kangaroo-offer:hover{
border-color:#64b3df!important;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-default:hover{
border-color:#64b3df!important;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-default>.panel-heading{
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-heading{
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
align-items: center;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-body{
padding: 15px;
}
.kangaroo-welcome-modal .section-middle__menu .kangaroo-menu .list-group .list-group-item{
z-index: 2;
color: black;
background-color: #fff;
position: relative;
display: flex;
padding: 10px 15px;
margin-bottom: -1px;
border: 1px solid #ddd;
cursor:pointer;
}
.kangaroo-welcome-modal .section-middle__menu .kangaroo-menu .list-group .list-group-item.active{
background-color: #64b3df;
color:#e24040;
border: 1px solid #ddd;
}
.kangaroo-welcome-modal .section-middle__menu .kangaroo-menu .list-group .list-group-item .glyphicon{
margin-right:9px;
}
.kangaroo-welcome-modal .section-middle__menu{
float: left;
flex-grow: 1;
width:30%;
background-color:#64b3df;
min-height:400px;
}
.kangaroo-welcome-modal .section-middle__content{
float: left;
flex-grow: 1;
width:70%;
background-color: #fefefe;
min-height:400px;
padding-bottom:20px;
}
.kangaroo-welcome-modal .section-middle__content .kgrwds-header{
background-color:#fcfcfc;
border-bottom:1px solid #eee;
border-top-right-radius: 5px;
padding:10px;
}
.kangaroo-welcome-modal .section-middle__content .overflow-container{
padding:10px;
}
.kangaroo-welcome-modal .section-middle__menu ul, .kangaroo-welcome-modal .section-middle__menu li{
padding:0;
margin:0;
list-style:none;
}
.kangaroo-welcome-modal .section-middle__menu .kgrwds-header{
color: #fff;
border-bottom: 1px dotted #0e3d68;
border-radius: inherit;
color: #e24040;
}
.kangaroo-welcome-modal .section-middle__menu .kgrwds-footer{
background-color: #fff;
border: 1px solid #ddd;
position: absolute;
left: 0;
bottom: 0px;
padding-bottom: 8px;
width: 30%;
color: white;
text-align: center;
font-weight: bold;
font-size:12px;
}
.kangaroo-welcome-modal .section-middle__menu .kgrwds-header .title{
font-weight:400;
font-size:20px;
padding:22px;
background-color:#0e3d68;
color: #ffffff;
border-top-left-radius: inherit;
border-bottom: 2px solid #64b3df;
margin:0px;
}
.kangaroo-welcome-modal .section-middle__menu .stats .points{
text-align:right;
padding:10px;
font-size:16px;
text-overflow: ellipsis;
overflow: hidden;
}
.kangaroo-items .kangaroo-items:last-child{
margin-bottom:0px;
}
.kangaroo-items .message{
cursor:pointer;
}
.kangaroo-items .item{
background-color:#fff;
border-radius: 3px;
padding:10px 6px;
text-align:center;
}
.kangaroo-arrow{
border-top-color: #64b3df;
border: 10px solid transparent;
border-top:10px solid #64b3df;
width:0;
height:0;
display:inline-block;
}
.kangaroo-controls{
text-align:right;
padding-bottom:4px;
}
.kangaroo-controls .hide{
color: #fff !important;
display:inline-block;
font-weight:bold;
padding:0 5px;
cursor:pointer;
border-radius:  3px;
text-decoration: none!important;
}
.kangaroo-container{
display:none;
width:240px;
text-align:center;
color:#333332;
font-size:15px;
position:fixed;
z-index:16000000;
bottom:72px;
right:15px;
top: auto;
left: auto;
}
.kangaroo-inner{
background-color:#64b3df;
padding:4px;
border-radius: 6px;
}
.kangaroo-widget .kangaroo-wrapper .name-box .arrow .kangaroo-icon.kangaroo-icon-up-arrow{
color: #e24040;
}
.kangaroo-widget{
bottom:15px;
right:15px;
top: auto;
left: auto;
background: #64b3df;
overflow: hidden;
position:fixed;
z-index: 16000000;
color: #e24040; border-radius: 40px !important;
box-shadow: 0 0 5px rgba(0,0,0,.1), 0 0 10px rgba(0,0,0,.3);
transform: rotate(0deg);
transform-origin: 50% 0;
height: 64px !important;
padding: 0 0px 0 10px !important;
}
#ew-btn-kr{
bottom:15px;
right:15px;
top: auto;
left: auto;
position:fixed;
z-index: 16000000;
transform: rotate(0deg);
transform-origin: 50% 0;
}
@font-face {
font-family: "Metropolis Regular";
font-style: normal;
font-weight: normal;
src: url(https://storage.googleapis.com/kng-assets/fonts/metropolis/Metropolis-Regular.woff)
format("woff");
}
@font-face {
font-family: "Metropolis Medium";
font-style: normal;
font-weight: normal;
src: url(https://storage.googleapis.com/kng-assets/fonts/metropolis/Metropolis-Medium.woff)
format("woff");
}
@font-face {
font-family: "Metropolis SemiBold";
font-style: normal;
font-weight: normal;
src: url(https://storage.googleapis.com/kng-assets/fonts/metropolis/Metropolis-SemiBold.woff)
format("woff");
}
@font-face {
font-family: "Metropolis Bold";
font-style: normal;
font-weight: normal;
src: url(https://storage.googleapis.com/kng-assets/fonts/metropolis/Metropolis-Bold.woff)
format("woff");
}
.ew-widget {
right:15px;
left: auto;
}
.kr-widget {
font-family: "Metropolis Regular";
}
.kangaroo-wrapper{
display: flex;
align-items: center;
cursor:pointer;
height: 100% !important;
}
.points-wrapper{
height: 100%;
display: grid;
place-items: center;
background-color:#0e3d68;
}
.kangaroo-wrapper .points{
display:none;
padding: 0 10px 0 10px;
line-height: 30px;
border-top-right-radius: 4px;
font-size: 15px;
float:right;
color: #ffffff;
background-color:#0e3d68;
}
.kangaroo-wrapper .points,.kangaroo-wrapper .name-box{
height:30px;
float:right;
}
.kangaroo-wrapper .name-box{
padding: 0 10px 0 10px;
font-size: 15px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
min-width: 80px;
text-align:center;
white-space: nowrap;
line-height: 30px;
height: 100% !important;
}
.kangaroo-widget .kangaroo-wrapper .name-box .icon, .kangaroo-wrapper .points .amount{
line-height: 30px;
height: 30px;
margin: 0;
font-size: 15px;
font-weight:400;
}
.kangaroo-widget .kangaroo-wrapper .points .amount{
color: #ffffff;
}
.kangaroo-widget .kangaroo-wrapper .name-box .icon{
width: unset;
color: #e24040;
}
.kangaroo-welcome-overlay {
display: none;
z-index: 99999999;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .6);
overflow-y: auto;
}
.kangaroo-welcome-modal { overflow: hidden;
z-index: 9001;
position: relative;
margin: auto auto 100px auto;
top: 10%;
max-width: 720px;
color: rgba(0, 0, 0, .8);
line-height: normal;
background: rgba(255, 255, 255, 1);
border-radius: 15px;
font-size: 15px; }
.kangaroo-welcome-modal .kangaroo-modal-close-btn {
position: absolute;
top: 21px;
right: 22px;
font-size: 20px;
text-decoration: none !important;
opacity:0.5;
}
.kangaroo-welcome-modal .kangaroo-modal-close-btn:hover {
opacity:1;
}
.kangaroo-welcome-modal h1, .kangaroo-welcome-modal h2 {
font-weight: 100;
margin-top: 15px;
margin-bottom: 15px;
}
.kangaroo-welcome-modal h1, .kangaroo-welcome-modal h2, .kangaroo-welcome-modal h3 {
color: rgba(0, 0, 0, .8); text-transform: none;
letter-spacing: normal;
}
.kangaroo-welcome-modal h1 {
font-size: 2em;
}
.kangaroo-welcome-modal h2 {
font-size: 1.4em;
}
.kangaroo-welcome-modal h3 {
margin: 0;
font-size: 1.17em;
font-weight: 500;
}
.kangaroo-welcome-modal a, .kangaroo-welcome-modal a:visited, .kangaroo-welcome-modal a:focus, .kangaroo-welcome-modal a:active, .kangaroo-welcome-modal a:hover {
text-decoration: underline;
color: rgba(0, 0, 0, .8);
}
.kangaroo-welcome-modal .kangaroo-welcome-btn {
display: inline-block;
width: 160px;
vertical-align: middle;
cursor: pointer;
margin: 35px 8px;
padding: 12px 0;
font-weight: 400;
background: #64b3df;
}
.kangaroo-welcome-modal .kangaroo-section {
clear: both;
}
.kangaroo-welcome-modal .section-top {
display: flex;
}
.kangaroo-welcome-modal .section-top div:first-child:nth-last-child(1) {
text-align: center;
flex-grow: 1;
}
.kangaroo-welcome-modal .section-top__left {
float: left;
flex-grow: 0;
align-self: center;
margin: 45px 22.5px 45px 45px;
}
.kangaroo-welcome-modal .section-top__left img {
max-height: 130px;
max-width: 130px;
border: rgba(151, 151, 151, 1);
border-width: 1px;
border-style: solid;
box-sizing: content-box;
display: inline-block;
}
.kangaroo-welcome-modal .section-top__right {
float: left;
width: 60%;
flex-grow: 1;
margin: 45px 45px 45px 22.5px;
}
.kangaroo-welcome-modal .section-middle {
display: flex;
border: rgba(0, 0, 0, .1);
border-style: solid;
border-width: 0px;
}
.kangaroo-welcome-modal .section-middle__left, .section-middle__right {
float: left;
flex-grow: 1;
width: 50%;
min-height: 310px;
}
.kangaroo-welcome-modal .section-middle__right {
border: rgba(0, 0, 0, .1);
border-style: solid;
border-width: 0px 0px 0px 1px;
}
.kangaroo-welcome-modal .section-middle__inner {
margin: 45px;
}
.kangaroo-welcome-modal .section-middle__inner div {
display: flex;
align-items: center;
justify-content: space-around;
}
.kangaroo-welcome-modal .section-middle__inner div:nth-of-type(2) {
align-items: right;
}
.kangaroo-welcome-modal .section-middle__inner .points-earn,
.kangaroo-welcome-modal .section-middle__inner .points-redeem {
width: 104px;
height: 60px;
position: relative;
font-size: 12px;
text-transform: uppercase;
}
.kangaroo-welcome-modal .section-middle__inner .points-earn:before,
.kangaroo-welcome-modal .section-middle__inner .points-redeem:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 104px;
height: 60px;
background-image: url(https://loy.boldapps.net/app_assets/images/arrows.sprite.png);
}
.kangaroo-welcome-modal .section-middle__inner .ratio {
width: 115px;
text-align: center;
}
.kangaroo-welcome-modal .section-middle__inner .points-redeem:before {
background-position: 0px 60px;
}
.kangaroo-welcome-modal .section-middle__inner strong {
color: #000000de;
}
.kangaroo-welcome-modal .section-middle__inner ul {
list-style: none;
line-height: 30px;
padding: 0;
margin: 16px 0;
}
.kangaroo-welcome-modal .section-middle__inner li {
color: rgba(0, 0, 0, .6);
}
.kangaroo-welcome-modal .section-middle__inner li span.icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
align-self: center;
margin: -2px 0 0 10px;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-money:before,
.kangaroo-welcome-modal .section-middle__inner li span.icon-profile:before,
.kangaroo-welcome-modal .section-middle__inner li span.icon-mail:before,
.kangaroo-welcome-modal .section-middle__inner li span.icon-share:before,
.kangaroo-welcome-modal .section-middle__inner li span.icon-star:before,
.kangaroo-welcome-modal .section-middle__menu .list-group-item span.icon-gift:before,
.kangaroo-welcome-modal .section-middle__menu .list-group-item span.icon-star:before,
.kangaroo-welcome-modal .section-middle__menu .list-group-item span.icon-suitcase:before
{
content: '';
position: absolute;
z-index: -1;
width: 30px;
height: 30px;
background-image: url(https://loy.boldapps.net/app_assets/images/sprite.icons.png);
}
.kangaroo-welcome-modal .section-middle__menu li span.icon-gift:before{
background-position: 0 0;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-money:before {
background-position: 0 0;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-profile:before {
background-position: 0 -30px;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-mail:before {
background-position: 0 -60px;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-share:before {
background-position: 0 -90px;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-star:before {
background-position: 0 -120px;
}
.kangaroo-welcome-modal .section-middle__menu li span.icon-gift:before{
background-position: 0 -120px;
}
.kangaroo-welcome-modal .section-middle__inner p {
text-align: center;
font-size: 15px;
font-weight: 200;
margin: 14px 0;
color: rgba(0, 0, 0, .8)
}
.kangaroo-welcome-modal .section-bottom {
text-align: center;
background: rgba(0, 0, 0, 0.05);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.kangaroo-welcome-modal .section-bottom .kgrwds-powered-by{
font-size: 12px;
font-weight: bold;
text-align: left;
position: absolute;
bottom: 10px;
color: rgb(45.098877%, 45.098877%, 45.098877%);
}
.kangaroo-welcome-modal .section-bottom .kgrwds-powered-by a, .kangaroo-welcome-modal .section-middle__menu .kgrwds-footer a{
color: rgb(45.098877%, 45.098877%, 45.098877%);
text-decoration: none;
}
.kangaroo-welcome-modal .section-bottom .kgrwds-powered-by img, .kangaroo-welcome-modal .section-middle__menu .kgrwds-footer img{
width: 120px;
height: 40px;
vertical-align: text-bottom;
margin-bottom: -10px;
}
.kangaroo-welcome-modal .section-bottom a {
color: rgba(255, 255, 255, 1);
text-decoration: none;
}
.section-middle__content .screen.visible{
opacity: 1;
}
.section-middle__content .screen{
position:absolute;
border-radius: 0 5px 5px 0;
top:0;
left:0;
width: 100%;
height:100%;
background: rgba(255,255,255,255);
transition: opacity 0.15s;
z-index: 500;
}
.section-middle__content .modal-container.visible{
top:100px;
opacity:0.8;
}
.section-middle__content .modal-container{
position:absolute;
z-index:800;
width:55.5%;
margin-left: -7.7%;
box-shadow: 0 8px 30px rgba(0,0,0,0.3);
background-color: #fff;
border-radius: 5px;
transition: top 0.15s, opacity 0.15s;
transition-duration: 0.25s;
}
.section-middle__content .modal-container header{
background-color: #f9f9f9;
border-bottom: 1px solid #eee;
border-radius: 5px 5px 0 0;
}
.section-middle__content .modal-container header h3{
padding: 10px 25px 7px 15px;
margin: 0;
font-size: 24px;
font-weight: normal;
}
.section-middle__content .modal-container header .kangaroo-detail-modal-close-btn{
font-weight: bold;
font-size: 33px;
color: #444;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
top: 5px;
right: 5px;
text-decoration: none;
cursor: pointer;
}
.section-middle__content .modal-container .action-btn{
margin-left:10px;
cursor:pointer;
display:inline-block;
background-color: #64b3df;
color: #fff;
border-radius: 12px;
text-align:center;
text-decoration: none;
font-size:18px;
padding:10px 20px;
margin-top:25px;
}
#overflow-container .col-sm-6.col-md-6.kangaroo-offer, #overflow-container .col-sm-6.col-md-6.kangaroo-redeem{
cursor:pointer;
}
.kangaroo-welcome-modal .col-md-6{
position: relative;
min-height:1px;
padding-right: 15px;
padding-left: 15px; }
#overflow-container .col-sm-6.col-md-6.kangaroo-offer .thumbnail, #overflow-container .col-sm-6.col-md-6.kangaroo-redeem .thumbnail{
display:block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color:#fff;
border: 1px solid #ddd;
border-radius: 12px !important;
box-shadow: 0 1em 2em 0px rgba(0,0,0,0.2) !important;
transition: border .2s ease-in-out;
height: 95%;
}
#overflow-container .col-sm-6.col-md-6.kangaroo-offer .thumbnail img, #overflow-container .col-sm-6.col-md-6.kangaroo-redeem .thumbnail img{
border-radius: 12px !important;
width:100%;
}
#overflow-container .col-sm-6.col-md-6.kangaroo-offer .thumbnail .caption, #overflow-container .col-sm-6.col-md-6.kangaroo-redeem .thumbnail .caption{
padding: 9px;
color: #333;
min-height: 60px;
}
.kangaroo-welcome-modal .section-middle__content{
overflow-x: auto;
overflow-y: auto;
}
.kangaroo-shopping-cart-section .kgrwds-shopping-cart-coupon-table {
margin-top: 0;
min-width: 50%;
float: right;
}
.kangaroo-shopping-cart-section .kgrwds-shopping-cart-coupon-table .kgrwds-coupon-expiry{
min-width: 112px;
}
.kangaroo-shopping-cart-section .kgrwds-shopping-cart-coupon-table .kgrwds-coupon-reclaim{
min-width: 200px;
}
#settingHint{
top: 30%;
left: 40%;
text-align: center;
z-index: 9021;
background-color: white;
width: 20%;
border-radius: 8px;
display: inline-block;
position: absolute;
padding: 50px;
}
.kangaroo-setting-hint-overlay{
display: none;
z-index: 9020;
position: fixed;
left: 0px;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .6);
overflow-y: scroll;
}
.kangaroo-welcome-modal .kangaroo-modal-hint-btn {
position: absolute;
top: 10px;
right: 20px;
font-size: 20px;
text-decoration: none;
}
.kgrwds-header {
margin-top: 0px;
position: relative;
}
.kangaroo-coupon-available {
background-color: olivedrab;
cursor: pointer;
}
.kangaroo-coupon-used {
background-color: firebrick; }
.kangaroo-coupon-expired {
background-color: darkgray; }
.kangaroo-coupon-reclaim{
border: 1px solid transparent;
border-radius: 2px;
font-size: 14px !important;
cursor: pointer;
background-color: #64b3df;
color: #e24040;
}
.kangaroo-welcome-modal .nobr {
white-space: nowrap;
}
.kgrwds-redeem-section {
background-color: #f5f5f5;
color: #6d6d6d;
border-left: 0.6180469716em solid rgba(0, 0, 0, 0.15); padding: 18px 30px;
border-radius: 4px;
font-size: 16px;
margin-bottom: 2em;
display: flex;
align-items: center;
}
.kgrwds-redeem-section-content{
font-weight: 600;
}
.kgrwds-redeem-section .btn{
background-color: #64b3df;
color: #e24040;
margin-left: 2em;
}
.kgrwds-btn-loading {
display: inline-block;
}
.kgrwds-btn-loading:before {
content: " ";
display: inline-flex;;
width: 20px;
height: 20px;
border-radius: 50%;
border: 4px solid #e24040;
border-color: #e24040 transparent #e24040 transparent;
animation: kgrwds-btn-loading 1.3s linear infinite;
margin-right: 10px;
vertical-align: middle;
}
@keyframes kgrwds-btn-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.kgrwds-customer-birthday-select-month, .kgrwds-customer-birthday-select-day {
width: 100%;
height: 2em;
border-radius: .25em;
padding: 2px;
margin: 5px;
}
@media(min-width: 768px){
.kangaroo-redeem, .kangaroo-offer{
width:50%;
float:left;
}
#overflow-container .col-sm-6.col-md-6.kangaroo-offer .thumbnail img, #overflow-container .col-sm-6.col-md-6.kangaroo-redeem .thumbnail img{
max-height: 111px;
}
}
@media (max-width: 767px) {
.kangaroo-welcome-modal {
top: 0;
width: 100%;
}
.kangaroo-welcome-modal .section-top__left {
margin: 25px 12.5px 25px 25px;
}
.kangaroo-welcome-modal .section-top__right {
margin: 25px 25px 25px 12.5px;
}
.kangaroo-welcome-modal .section-middle__inner {
margin: 25px;
}
.section-middle.kgrwds-customer{
word-wrap: break-word;
overflow-y: auto;
}
.kangaroo-welcome-modal .section-middle__content .modal-container{
width: 400px;
}
}
@media (max-width: 639px) {
.kangaroo-welcome-modal .section-top {
flex-wrap: wrap;
}
.kangaroo-welcome-modal .section-top div {
text-align: center;
flex-grow: 1;
}
.kangaroo-welcome-modal .section-top__left {
width: 100%;
margin: 45px 10px 10px 10px;
}
.kangaroo-welcome-modal .section-top__right {
width: 100%;
margin: 10px 10px 15px 10px;
}
.kangaroo-welcome-modal .section-middle {
flex-wrap: wrap;
}
.kangaroo-welcome-modal .section-middle__inner {
margin: 25px;
}
.kangaroo-welcome-modal .section-middle__left, .section-middle__right {
width: 100%;
min-height: auto;
}
.kangaroo-welcome-modal .section-middle__right {
border-width: 1px 0px 0px 0px;
}
.section-middle.kgrwds-customer{
height: 800px;
overflow-y: auto;
}
.kangaroo-shopping-cart-section .kgrwds-shopping-cart-coupon-table {
table-layout: fixed;
float: unset;
}
.kgrwds-redeem-section{
flex-wrap: wrap;
}
.kgrwds-redeem-section .btn{
flex: 100%;
margin-left: 0px;
margin-bottom: 2px;
}
.kangaroo-welcome-modal .section-bottom .kgrwds-powered-by{
position: unset;
bottom: unset;
}
}
@media (max-width: 359px) {
.kangaroo-welcome-modal .kangaroo-welcome-btn {
width: 140px;
}
.kangaroo-welcome-modal .section-bottom .kgrwds-powered-by{
position: unset;
bottom: unset;
text-align: center;
}
}
@media(min-width: 768px) {
.kgrwds-list-row {
display: flex; }
}
#cart-spinner-overlay {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255, 255, 255, 0.7);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.cart-spinner {
width: 40px;
height: 40px;
border: 4px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: spin 0.7s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-section .section-middle__content .kangaroo-tooltip .tooltiptext::after,.kangaroo-shopping-cart-section .kangaroo-tooltip .tooltiptext::after{
left: unset;
right: 50%;
margin-left: unset;
margin-right: -5px;
}
.kangaroo-welcome-modal[dir='rtl'] .centered{
left: unset;
right: 50%;
}
.kangaroo-welcome-modal[dir='rtl'] .btn.btn-primary.redeem-btn,
.kangaroo-welcome-modal[dir='rtl'] .btn.btn-primary.setting-btn{
float:left;
}
.kangaroo-product-offer[dir='rtl'] {
float:right;
}
.kangaroo-welcome-modal[dir='rtl'] .text-left{
text-align:right;
}
.kangaroo-welcome-modal[dir='rtl'] .text-right{
text-align:left;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .content .panel-default .panel-heading img {
float: right;
margin-right: unset;
margin-left: 2%;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu .kangaroo-menu .list-group .list-group-item .glyphicon{
margin-left: 9px;
margin-right:unset;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu,
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content{
float: right;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu .stats .points{
text-align:left;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu .kgrwds-footer{
right: 0;
}
.kangaroo-container[dir='rtl'] .kangaroo-controls{
text-align:left;
}
.kangaroo-widget[dir='rtl'] .kangaroo-wrapper .points,
.kangaroo-widget[dir='rtl'] .kangaroo-wrapper .name-box{
float:left;
}
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-modal-close-btn {
right: unset;
left: 22px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-top__left {
float: right;
margin: 45px 45px 45px 22.5px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-top__right {
float: right;
margin: 45px 22.5px 45px 45px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__left, .section-middle__right {
float: right;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner .points-earn:before,
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner .points-redeem:before {
left: unset;
right: 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner li span.icon {
margin: -2px 10px 0 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner li span.icon-profile:before {
background-position: -30px 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner li span.icon-mail:before {
background-position: -60px 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner li span.icon-share:before {
background-position: -90px 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner li span.icon-star:before {
background-position: -120px 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu li span.icon-gift:before{
background-position: -120px 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .screen{
left:unset;
right: 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .modal-container{
left:unset;
margin-left: unset;
margin-right: -7.7%;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .modal-container header .kangaroo-detail-modal-close-btn {
right: unset;
left: 5px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .modal-container .action-btn {
margin-left: unset;
margin-right: 10px;
}
.kangaroo-shopping-cart-section[dir='rtl'],
.kangaroo-shopping-cart-section[dir='rtl'] .kgrwds-shopping-cart-coupon-table {
float: left;
}
.kangaroo-welcome-modal[dir='rtl'] #settingHint{
left: unset;
right: 40%;
}
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-setting-hint-overlay{
right: 0px;
left: unset;
}
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-modal-hint-btn {
left: 20px;
right: unset;
}
.kgrwds-redeem-section[dir='rtl'] {
border-right: 0.6180469716em solid rgba(0, 0, 0, 0.15);
border-left: unset;
}
.kgrwds-redeem-section[dir='rtl'] .btn{
margin-left: unset;
margin-right: 2em;
}
.kgrwds-redeem-section[dir='rtl'] .kgrwds-btn-loading:before,
.kangaroo-shopping-cart-section[dir='rtl'] .kgrwds-btn-loading:before {
margin-right: unset;
margin-left: 10px;
}
.kangaroo-welcome-modal[dir='rtl'] td,
.kangaroo-welcome-modal[dir='rtl'] th {
text-align: right;
}
.kangaroo-welcome-modal[dir='rtl'] .text-left{
text-align: right!important;
}
.kangaroo-widget[dir='rtl']{
right:auto;
left: 15px;
transform: rotate(0deg);
transform-origin: 50% 0;
padding: 0 10px 0 0px !important;
}
#ew-btn-kr[dir='rtl']{
right:auto;
left: 15px;
transform: rotate(0deg);
transform-origin: 50% 0;
}
.ew-widget[dir='rtl']{
right:auto;
left: 15px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-bottom .kgrwds-powered-by{
text-align: right;
}
@media(min-width: 768px){
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-redeem,
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-offer{
float:right;
}
}
@media (max-width: 767px) {
.kangaroo-welcome-modal[dir='rtl'] .section-top__left {
margin: 25px 25px 25px 12.5px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-top__right {
margin: 25px 12.5px 25px 25px ;
}
}
@media only screen and (max-width: 600px) {
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .modal-container{
max-width:98%;
margin-right:50%;
left:initial;
transform:translateX(50%);
}
}
@media (max-width: 639px) {
.kgrwds-redeem-section[dir='rtl'] .btn {
margin-left: unset;
margin-right: 0px;
}
}
@media only screen and (max-width: 600px) {
.kangaroo-welcome-modal[dir='rtl'] .kgrwds-hamburger {
left: 0px;
right: 9px;
}
.kangaroo-welcome-modal[dir='rtl'] h2 {
padding-right: 53px !important;
}
.kangaroo-welcome-modal[dir='rtl'].kgrwds-hamburger-down .section-middle__menu {
right: 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu .kgrwds-footer{
width: unset;
min-width: 215px;
}
}