/*
Author:M-Mall
*/


@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
* { box-sizing:border-box; outline: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%;-ms-overflow-style: -ms-autohiding-scrollbar;}

a { display:inline-block; text-decoration:none; }
a:hover, a:focus{text-decoration: none; color:#6659B0;}
h1 { font-size:30px; }
li { list-style: none; }
/*div { line-height:1; }*/
button{outline: none;}
span { display:inline-block;}
strong { display:inline-block; }
body { font-size:14px; font-family: 'Lato', sans-serif; }
.site-main { max-width:1430px; width:100%; margin:0 auto; }
/* ********** input fields ******************* */
.form-control:focus{box-shadow:none;}

input[type="text"], input[type="password"], input[type="number"], input[type="mail"], input[type="email"], input[type="date"]{ font-size:14px; color: #484848; font-weight:bold; line-height: 38px; box-sizing:border-box; height:60px; outline: none; border:0px; width:100%; padding:0px 13px; background-color:#f8f8f8; border-radius:6px 6px 0px 0px; box-shadow: none; border-bottom: 1px solid #efefef;}

textarea.form-control{font-size:14px; line-height: 38px;  font-size:14px; color: #484848; font-weight:bold;  box-sizing:border-box; height:120px; outline: none; border:0px; width:100%; padding:0px 13px; background-color:#f8f8f8; border-radius:0px; box-shadow: none; border-bottom: 1px solid #efefef; resize: none;    border-radius: 6px 6px 0px 0px;}



input[type="date"]::-webkit-inner-spin-button {display: none;}
input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;}

input[type="date"]:not(:focus) { color: transparent;}

.btn{background: #6659B0; border-radius: 4px;  font-size: 18px;  color: #FFFFFF; text-align: center; font-weight: 600;}
  .btn:active, .btn.active{box-shadow: none;}
.btn:hover, .btn:focus, .btn.focus{color:#fff; outline: none;}

/*input[type="password"]{background:url(../images/psw-icon.png) #f8f8f8 right 15px top 18px no-repeat;}*/

input[type="submit"], input[type="reset"] { font-size:14px; line-height: 38px; box-sizing:border-box; height:53px; outline: none; border:0px; width:100%; border-radius:5px; text-transform:uppercase; cursor:pointer; }
input[type=search] { width:250px; font-size:14px; line-height:38px; border:1px solid #ededed; outline:none; -moz-border-radius: 5px; border-radius:5px; color:#191919; height:40px;      padding-left: 10px;}
.select {  -webkit-appearance: none; background:url(../images/select-arrow.png) right 14px top 24px no-repeat; cursor:pointer; font-size:14px; line-height: 38px;   box-sizing:border-box; height:60px; outline: none; border:0px; width:100%; padding:0px 13px; background-color:#f8f8f8; border-radius:0px; box-shadow: none; border-bottom: 1px solid #efefef;}
h1, h2, h3, h4 {line-height:1; }
input[type="checkbox"] { margin:0px; padding:0px; zoom:2; }
input[type="radio"] { cursor:pointer; zoom:1.5; background:#fff; }


.field-signupform-gender.has-error .select {     border-bottom: 2px #a94442 solid !important; }
.field-signupform-gender.has-success .select {     border-bottom: 1px #484848 solid !important; }

input#signupform-date_of_birth {
    background-image: url(../images/calendar-icon.svg);
    background-repeat: no-repeat;
      background-position: 95%;
}

input#signupform-date_of_birth:not(:focus) {
    color: #484848;
}



.collapse_content td, #customers th {     border: 1px solid #ddd;     padding: 5px;     vertical-align: middle;     text-align: center;}
.collapse_content tr:nth-child(even){background-color: #f2f2f2;}

.collapse_content th {   padding-top: 12px;   padding-bottom: 12px;   text-align: left;   background-color: #4CAF50;   color: white; }


/* ************************ Stickey footer ************************************* */

html, body { height:100%; }
#wrapper {width: 100%;   float: left;    height: 100%;}
#wrapper:after { content: ""; display: block; }
footer, #wrapper:after { height: 70px; }
.grey-text{color: #a9a9a9 !important;}

::-webkit-input-placeholder { color: rgba(127, 127, 127, 0) !important; }
:-ms-input-placeholder { color: rgba(127, 127, 127, 0) !important; }
::-ms-input-placeholder { color: rgba(127, 127, 127, 0) !important; }

/* ******************************************************* signup Page *********************************************/

.logo{float:left; padding-top:4px;}

.user-entry{width: 100%; float: left; height: 100vh;    /*display: table;*/}
/*.userform-inner-sec{width: calc(100% - 55px); float: right; height: 100%;     padding: 10px 50px 20px 50px;}*/
.userform-inner-sec{width: calc(100% - 80px); float: right; height: 100%;     padding: 10px 50px 20px 50px;}

.user-form-left{width:60%; float:left;  padding: 50px;}
.userfrm-img-right {    width: 40%;     float: right;     height: 100%; position:fixed; right:0;     background-position: center;     background-size: cover;     background-repeat: no-repeat;       background-color: #fff;}
.stepfrm1-inner{width:91%;}
.stepfrm2-inner{width:80%;}

.inner-pages-content {    width: 100%;    float: left;}
.inner-pages {     width: 100%;     padding-top: 20px;     float: left;}
.inner-pages-content h1 {    color: #484848;    font-family: Lato;    font-size: 32px;    font-weight: bold;    padding-bottom: 15px;}
.content-page {    color: #484848;    font-size: 15px;    line-height: 1.9;}



/* LABEL ======================================= */
.group1 label{color:#484848; font-size:16px; font-weight:normal; position:absolute; pointer-events:none;  left:5px; top:21px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; padding-left: 10px;}
/* active state */
.group1 input:focus ~ label, .group1 input:valid ~ label { top:10px; font-size: 12px; color: #35B2C1; }






.group{ position:relative;}
.group input{ display:block; padding-top: 18px; border-bottom:1px solid #484848;}
.group textarea{ display:block; padding-top: 18px; border-bottom:1px solid #484848;}
.group label{position: absolute; left: 13px; top: 0; cursor: text; top: 10px; font-size: 12px; color: #484848; transition: all 0.2s; }
.group select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.group input::placeholder, .group select::placeholder, .group textarea::placeholder { opacity: 1; transition: all 0.2s; }
.group input:placeholder-shown:not(:focus)::placeholder, .group select:placeholder-shown:not(:focus)::placeholder , .group textarea:placeholder-shown:not(:focus)::placeholder { opacity: 0; }
.group input:placeholder-shown:not(:focus) + *, .group select:placeholder-shown:not(:focus) + *, .group textarea:placeholder-shown:not(:focus) + * {     font-size: 14px; color: #908f8f; top: 21px; font-weight: bold;}
.group input:placeholder-shown:not(:focus), .group select:placeholder-shown:not(:focus), .group textarea:placeholder-shown:not(:focus){border-bottom: 1px solid #efefef;}
.group input:focus, .group select:focus, .group textarea:focus { outline:none; border-color: #35B2C1; box-shadow: none;    border-width: 1px; color: #35B2C1;}
.has-error input, .membership-page .has-error textarea {    border: 1px #D32F2E solid !important;     color: #D32F2E !important;}

.page-loader { position: fixed; width: 100%; height: 100%; text-align: center; z-index: 9;}
.page-loader img{position:absolute; top:50%; transform: translateX(-50%);  background: #FFFFFF; box-shadow: 0 0 12px 0 rgba(0,0,0,0.15); border-radius: 4px; width:84px; max-width:100%;}



.btn-irv{background:#6659B0; transition:all 0.3s; border:none; outline:none; color:#fff; font-size:18px; line-height:40px; width:128px; height:50px; text-align:center; padding: 6px 12px !important;}
.signup-submit {width: 200px;}
.btn-irv:focus{color: #fff;  outline: none;}
.btn-irv:hover { background: #6659B0; color: #fff; }

#wizard-prev { color: #6659B0; background: none; outline: none; border: none; font-size:16px; padding-top: 20px;  padding-left:0;}
.btn-irv-default { font-weight: bold; background: #bbb; color: #fff !important; }
.btn-irv-default:hover { background: #aaa; }
.wizard { overflow: hidden; }
.wizard .wizard-header { margin-bottom: 0px; }
.wizard .wizard-header h1 { margin-top: 0; display: inline-block; font-size: 32px; font-weight: 700; color: #484848;}
.wizard .wizard-header .steps { float: right; }
.wizard .usr-already {margin-bottom: 20px;}
.wizard .usr-already small {display:block; font-size: 17px; margin-top: 10px; color: #484848;}
.stepfrm-3 .usr-already small {margin-top: 25px;}
.wizard .usr-already small a{color: #6659B0; font-weight: 600;}
.wizard .wizard-header .steps .wizard-step{background:#dbdbdb; width:8px;height:8px; display:inline-block; margin:0 2px; border-radius:50%; transition:all 0.8s;}
.wizard .wizard-header .steps .wizard-step.active { background: #6659B0; }
.wizard .wizard-body {position: relative; transition: all 0.3s cubic-bezier(0.68, -0.3, 0.37, 0.6); width: 100%; float: left;}
.wizard .wizard-body .step { transition: all 0.3s ease-in-out; position: absolute; width: 100%; top: 0; right: -100%; opacity: 0; }
.wizard .wizard-body .step.initial { position: relative; }
.wizard .wizard-body .step.off { opacity: 0 !important; right: 100% !important; }
.wizard .wizard-body .step.active { right: 0; margin-left: 0; margin-top: 0; opacity: 1; transition: all 0.4s linear; transition-delay: 0.1s; }
.wizard .wizard-footer {margin-top: 30px; width: 100%; float: left;}
.istrtn_pw li{display: inline-block; color: #464646; padding-right: 24px; font-size: 15px;}
.istrtn_pw li:before{content:""; width:8px; height:8px; background:#464646; border-radius:50%; float:left; margin-right:7px; margin-top:2px;}
.spclbirth_msg {margin-bottom: 15px;}
.spclbirth_msg p{padding-left: 30px; position: relative; display: inline-block;}
.spclbirth_msg p:before{content: ""; background: url(../images/brth-c.svg); float: left; width:23px; height: 22px; position: absolute; top: -7px; left: 0;     background-size: 100%;}
.geting-ftr{border-top: 1px solid #efefef; margin-top: 40px; padding: 20px 0; float: left; width: 100%;    font-size: 12px;}
.geting-ftr a { color: #484848; font-size: 12px; line-height: 15px; clear: both; display: inline-block; margin-top: 10px; margin-right: 10px; }
.psw-field{position:relative;    clear: both;}
.psw-see { position: absolute; right: 15px; top: 20px; cursor:pointer;}

.field-mobile{position:relative;}
.country-no{position: absolute; top: 32px; left: 13px; opacity: 1; color: #484848; font-weight: 600;}
.field-mobile input{padding-left:45px;}
/*.field-mobile input:focus ~ .country-no, .field-mobile input:valid ~ .country-no {opacity: 1;}*/
.field-mobile input:placeholder-shown:not(:focus) + * + *{opacity: 0;}

.field-mobile input:-ms-input-placeholder:not(:focus) + * + *{opacity: 0;}
.has-success span.country-no {     color: #484848; }



.trms-chck { margin-top: 30px; }
.cstmcheck .form-group{margin-bottom:10px;}
.cstmcheck input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.cstmcheck label {width:100%; position: relative; cursor: pointer; font-size: 15px; color: #484848; line-height: 18px; display: inline-block;}
.cstmcheck label p{width: calc(100% - 35px); float: right;}
.cstmcheck label a{font-size: 15px; color: #6659B0; font-weight: 600;}
.cstmcheck label:before { content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid #464646; padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; border-radius: 4px; float: left;}
.cstmcheck input:checked + label:before  {background: #6659B0; border-color: #6659B0;}
.cstmcheck input:checked + label:after { content: ''; display: block; position: absolute; top: -3px; left: 10px; width: 8px; height: 19px; border: solid #fff; border-width: 0 1px 1px 0; transform: rotate(38deg); }

.quick_connect{border-bottom: 1px solid #efefef; padding-bottom: 33px; margin-top: 15px; float:left; width:100%;}
.quick_connect a {color:#464646; display: block; font-size: 16px;}
.quick_connect a:before { content: ""; color: #464646; display: block; background: url(../images/quick-right-arrow.png); width: 10px; height: 18px; float: right; margin-top: 9px;}
.quick_connect a span{line-height: 30px;  line-height: 20px; font-size: 16px;}
.quick_connect a span img{float:left; margin-right: 14px; position: relative; top: 6px;}


.profil-sec .wizard-footer {padding-bottom: 50px;}

.adres-genrt{padding: 10px 0 25px 0;}
.adres-genrt p{padding-left: 30px;position: relative;font-weight: bold;}
.adres-genrt p:before { content: ""; background: url(../images/mark-icon.svg); float: left; width:21px; height: 22px; position: absolute; top:0px; left: 0;   background-repeat: no-repeat; background-size: contain;}
.adres-genrt p span{display: block;font-weight: normal;width: 50%;padding-top: 4px;line-height: 1.45;color: #484848;font-size: 13px;}

.stepfrm-3 .stepfrm-inner{}
.stp2-msg { padding-top: 27px; padding-bottom: 12px;}
.stp2-msg p{color:#484848;}
.stp2-msg p:before{content: "";background: url(../images/qut-icon.png);width: 24px;height: 24px;float: left;margin-right: 10px;position: relative;top: 2px;
background-size: contain;background-repeat: no-repeat;}


.istrtn-space{margin-bottom:20px;}
.userfrm-boady { margin-top: 30px;}
.frm_sec{width:100%; float:left;}
.userfrm-header{}
.userfrm-header h1{font-size: 32px; color: #484848; font-weight: 600; margin-bottom:10px;}
.userfrm-header p{font-size: 16px; line-height: 1.60; color: #484848;}
.userfrm-header p a{font-size: 16px; color: #6659B0; font-weight: 600;}
.userfrm-btn{width:200px; height:50px; background:#6659B0; border-radius: 4px; font-size: 18px; color: #FFFFFF; text-align: center;}

.veriftn-btn{background:#6659B0; border-radius: 4px; font-size: 18px; color: #FFFFFF; text-align: center; width: 100%; height: 60px;}


.frgtrow{width:100%; float:left; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px;}
.frgtrow .frgtleft{float: left; line-height: 50px; font-weight: 600;}
.frgtrow .frgtleft a{font-size: 16px; color: #6659B0;}
.frgtrow button{float:right; width:200px; height: 50px; background: #6659B0; border-radius: 4px; font-size: 18px; color: #fff; text-align: center; border: none;}

.methodlogin {width: 100%; float: left;}
.methodlogin button.lgn-fb{    background: #4568B2;    border-radius: 4px;    height: 50px;    width: 343px;    font-size: 16px;    color: #FFFFFF;    margin-top: 22px;    background-image: url(../images/fb-white.svg);    background-repeat: no-repeat;    background-position: 16%;    border: 0; font-weight:bold;}
.methodlogin p{font-size: 16px; color: #484848;}



/* **************** Agree Popup *********** */
.agreed-popup-overflow { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7098039215686275); z-index: 9;     overflow: auto;}
.agreed-popup {width: 100%; max-width: 338px; background: #fff; position: fixed; left: 50%; top: 50%; transform: translate(-50% , -50%); padding: 20px; border-radius: 8px;display: none; z-index:10;}
.agreed-popup h2{font-size: 18px; font-weight:600; color: #484848; text-align: center; margin-bottom: 20px;}
.agreed-popup p{font-size: 13px; color: #484848; text-align:center; line-height:16px; margin-bottom: 20px;}
.pup-save-btn{width: 100%; height: 40px; margin-top: 20px;}

.body-overlay.active {   display: block; }
.agreed-popup.active {     display: block; }
.body-overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9;background-color: rgba(0, 0, 0, 0.7098039215686275);display: none; cursor:pointer; }

/* **************** Dialog Popup *********** */
.dialog-popup{background: #484848; max-width: 343px; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 2%; padding: 17px; border-radius: 4px; box-shadow: 0px 0px 2px 0px #333; z-index: 99;}
.dialog-popup span{float: left; margin-right: 12px;}
.dialog-popup p{font-size: 15px; color: #FFFFFF; line-height: 18px; width: 63%; display: inline-block; float: left; font-weight: 500;}
.dialog-popup a{float:right; font-size: 15px; color: #F05282; text-align: right;     font-weight: bold;}



/* **************** Mobile page *********** */

.onboarding-sec{margin: auto; width: 100%; max-width: 500px; border-radius:8px; background: #EEEEEE; padding: 20px;}
.boarding-box figure{width: 100%; float: left;}
.boarding-box figure img{width: 100%;max-width: 300px; }
.boarding-detail {width: 100%; float: left; padding-top: 30px; padding-bottom: 110px;}
.boarding-detail h2{font-size: 24px; color: #484848; text-align: center;  margin-bottom: 15px; font-weight:bold;}
.boarding-detail p{font-size: 15px; color: #484848; text-align: center; line-height: 18px;}
.boarding-get-btn{width:100%; float: left; font-size: 18px; color: #FFFFFF; text-align: center; border-radius: 4px; font-size: 18px; background:#6659B0;
text-align: center; height: 56px; border:none; display: none;}
.complete-show .boarding-get-btn{display:block;font-weight: bold;}
.complete-show.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 70px;}
.complete-show .swiper-button-next, .complete-show .swiper-button-prev {bottom: 100px;}


.wallet-onboarding-popup{background-color: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; overflow-y: auto; top: 0; padding-top: 20px; padding-bottom: 50px; z-index:9; transition: all .4s ease-in-out;}
.wallet-onboarding-popup.active {z-index: 99; opacity: 1; visibility: visible; }


/* **************** popup slider *********** */
.swiper-container { width: 100%; height: auto; }
.swiper-slide { text-align: center; font-size: 18px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:none;}
.swiper-button-next, .swiper-button-prev{position:absolute; top:auto; bottom:50px; right:0; width:45px; text-align:center; height:auto; font-size:18px; color:#484848;font-weight:bold;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:none; left: 0;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.swiper-pagination-bullet-active{background: #484848;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px;}
.swiper-container .swiper-slide:last-child   .boarding-detail{padding-bottom:85px;}


/* **************** Cart Page *********** */

.inner-container{width:100%; max-width:800px; margin: 0 auto; padding: 0 20px;}
.purchase-qnt{width:100%; float:left; padding: 40px 0;}
.purchase-qnt h2{font-size: 30px; font-weight: 600; padding-bottom:30px;}

.disable_class { opacity:0.5;}
.cart_sec{}
.item-cart-row{width:100%; float:left; border-top: 1px solid #efefef; padding: 20px 0;}
.item-cart-row p{font-size: 13px;}
.item-cart-row strong{font-size: 17px; font-weight: 600; display: block; margin-top: 7px;}
.left-item-cart-col{float:left;}
.right-item-cart-col{float:right; text-align: right;}

.qunt{display: flex; align-items: center;}
.qunt button{border: none; background: #fff; box-shadow: 1px 1px 5px 0px #a7a7a7; padding: 6px 10px; width:25px;}
.qunt input{height: auto; background: none; border: none; font-size: 17px; color: #333; width: 70px; text-align: center;min-height:25px;line-height:25px;}
.qunt input::-webkit-inner-spin-button, .qunt input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.qunt button.sub{}
.qunt button.add{} .cart-nxtbtn{font-size: 18px; color: #fff; border-radius: 4px; background: #6659B0; text-align: center; height: 56px; border: none; width: 300px; font-weight: 600;}





/* **************** Top Shop Page *********** */
.category_accord {width:100%; float:left; }
.catg-item{margin-bottom:5px;}
.catg-item .catg_title{width: 100%;float: left;margin: 0px;position: relative;cursor: pointer;border-bottom: 1px solid #eee;}
/*.catg-item:last-child .catg_title{border-bottom:none;}*/
.left-catdetail{float:left; padding: 15px 15px;}
.catg-item .catg_title span{font-size: 15px; font-weight: 600; padding-bottom: 7px;}
.catg-item .catg_title p{font-size: 13px;}
.category-content{display: none; width: 100%;float: left;}
.category_accord .category-content {border-bottom: 1px #eeeeee solid;  }
.category-content a{width:100%; display:block; color:#908e8e;  font-weight:normal; font-size:22px; margin-bottom: 13px;}

.rightfet-ctg {float: right;}
.rightfet-ctg i{display: inline-block; margin-top: 20px;}
.mall_accord .rightfet-ctg i{ margin-top: 26px;}


.store-logo .rightfet-ctg i{margin-top: 28px;}

.single_cat_title .rightfet-ctg i{margin-top: 8px;}
.single_cat_title .rightfet-ctg {/*   padding: 0 15px; */}
.rightfet-ctg .arrow{display:inline-block;}
.rightfet-ctg .arrowUp{width: 18px; height: 29px; background-image: url(../images/arrow-acrd.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; z-index: 99; transition: all 0.5s;transform: rotate(0deg); }
.rightfet-ctg .arrowDown{ width:18px; height:29px; background-image: url(../images/arrow-acrd.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; z-index: 99; transition: all 0.5s;transform: rotate(-180deg);}
.acrd-arrow{float: right; border-left: 1px solid #eee; padding: 17px 15px; margin-left: 16px;}
.mall_accord .acrd-arrow{ padding: 22px 15px;}


.category-content .content-row:last-child{border-bottom:none;}

.mlt-timing{width: 100%; float: left; background: #f8f8f8;}
.mlt-timing li{padding: 10px 4px; border-bottom: 1px solid #eee; width: 97%; margin: 0 auto; display: table;}
.mlt-timing li span{float:left; font-size: 15px;color: #484848;}
.mlt-timing li p{float:right;color: #484848;opacity: 0.8;font-size: 12px;}

.mall_accord .acrd-arrow {     width: 58px; text-align:center; }



.detail-earn-top{height: 40px;	width: 100%;	background-color: #6659B0; padding: 9px 15px;}
.detail-earn-top h2{color: #FFFFFF;	font-size: 18px;	font-weight: bold;	line-height: 22px;}
.detail-earn-top span{float: left; margin-right: 14px;}
.dtl-usertouch{}
.dtl-usertouch li{border-bottom: 1px solid #eee; padding: 8px 15px; line-height: 39px; width: 100%; float: left;}
.dtl-usertouch li p{float:left;}
.dtl-usertouch li span{float:right;}
.storedetail-pg .catg-item .catg_title h4{font-size:24px; font-weight: 400; padding-bottom:6px;}
.storedetail-pg  .acrd-arrow {padding: 21px 15px;}



/* **************** Profile Page *********** */
.profile-pg{width:100%; float:left; padding: 40px 0;}
.profil-sec{}
.prf-heading-top{width:100%; float: left; padding-bottom:20px; border-bottom:1px solid #eee;}
.prf-heading-top h2{color: #484848;	font-size: 32px;	font-weight: bold;	line-height: 39px; padding-bottom:20px;}
.prf-brth{width: 50%; float:left; font-size:13px; padding-left: 30px; position:relative;}
.prf-brth:before{content:"";background:url(../images/brth-c.svg); float:left; width: 23px; height: 22px; position: absolute; top:1px; left: 0; background-size: 100%; }
.prf-brth h3{font-weight:600; padding-bottom: 4px; }
.prf-member{width: 50%; float:right; position:relative; font-size:13px; padding-left: 30px; 	line-height: 16px;}
.prf-member:before{content: ""; background: url(../images/qut-icon.png); width: 24px; height: 24px; float: left; margin-right: 10px; position: absolute; left: 0; top: 2px; background-size: contain; background-repeat: no-repeat;}
.prf-member h3{	color: #6659B0; font-weight: 600; padding-bottom: 4px; cursor:pointer;}
.nric-black {    color: #484848 !important;}

.profil-form-sec { width: 100%; float: left; padding: 20px 0;}
.profil-form-sec-inner{width:100%; max-width:600px;}
.save-btn{width:200px; height:50px; background:#6659B0; font-size: 18px;	font-weight: bold;}
.prf-usr-conct{width:100%;  float:left; padding:20px 0; border-top: 1px #eeeeee solid; margin-top: 20px;}
.left-fv-conct{float:left;}
.left-fv-conct span{ margin-right: 14px;}
.left-fv-conct a {font-size: 0px;}
.left-fv-conct p{line-height: 20px; font-size: 16px; display: inline-block; color:#6659B0;vertical-align: bottom;}
.chng-psw{float:right; font-size: 16px; color: #6659B0;}


.change-psw-popup { background-color: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; overflow-y: auto; top: 0; left: 0; padding-top: 20px; padding-bottom: 50px; opacity: 0; z-index: -1; visibility: hidden; transition: all .4s ease-in-out; }
.change-psw-popup.active { z-index: 99; opacity: 1; visibility: visible; }
.psw-popup-close{display: inline-block; height: 40px; text-align: center; line-height: 48px; float: left;}
.psw-popup-detail h2{color: #484848;	font-size: 24px;	font-weight: bold;	line-height: 29px;}
.psw-popup-detail{width:500px; border-radius:8px; background-color: #fff; margin: auto; padding:15px 20px; position:absolute; left:50%; top:50%; transform: translate(-50% , -50%);}
.popup-title{width:100%; float:left; margin-bottom:8px;}
.popup-title h2{color: #484848;	font-size: 24px;	font-weight: bold;	line-height: 29px; margin-left:45px;}
.save-change-btn{ width: 100%; text-align: center; line-height: 45px;}
.save-change-btn .btn{width:100%; height: 50px; border:none; outline: none; cursor: pointer;}
.psw-popup-detail .row{ clear:both;}
.membership-popup{ background-color: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; overflow-y: auto; top: 0; left: 0; padding-top: 20px; padding-bottom: 50px; opacity: 0; z-index: -1; visibility: hidden; transition: all .4s ease-in-out; }
.membership-popup.active { z-index: 99; opacity: 1; visibility: visible; }
.member-popup-close{display: inline-block; height: 40px; text-align: center; line-height: 48px; float: left;}
.membership-popup-detail{width:500px; border-radius:8px; background-color: #fff; margin: auto; padding:15px 20px; position:absolute; left:50%; top:50%; transform: translate(-50% , -50%);}
.membership-popup-detail h2{color: #484848;	font-size: 24px;	font-weight: bold;	line-height: 29px;}
.member-msg{width: 100%; float: left; padding-bottom: 20px;}
.member-msg p{color: #484848;	font-size: 13px;	line-height: 16px;}
.member-msg p:before {    content: "";background: url(../images/qut-icon.png);width: 24px;height: 24px;float: left;margin-right: 10px;position: relative;top: 2px;background-repeat: no-repeat;   background-size: contain;}

.store_record .left-catdetail span {font-size: 24px;font-weight: 400;padding-bottom: 6px;}
.mall_accord .left-catdetail span {font-size: 24px;font-weight: 400;padding-bottom: 6px;}
.mall_accord .left-catdetail {     padding: 16px 15px; }
.product-details-content .catg_title {width: 100%;float: left;margin: 0px;position: relative;cursor: pointer;border-bottom: 1px solid #eee;}
.membership-popup .group {clear: both;}
.membership-popup-detail .row {clear: both;}

.store-logo {box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.04), 0 1px 2px 0 rgba(0,0,0,0.3);background-color: #FFFFFF;border-radius: 4px;width: 24px;height: 24px;position: absolute;right: 9px;bottom: 11px;}

/* **************** Catlog Popup *********** */

.sort-fltr-col{ }
.sort-fltr-col strong{color: #484848;	font-size: 18px;	font-weight: bold;	line-height: 22px; padding-bottom: 15px;}
.sort-fltr-col .radio{border-bottom:1px solid #eee; margin: 0; padding: 11px 0px 3px 0;}
.sort-fltr-col .checkbox{border-bottom:1px solid #eee; margin: 0; padding: 11px 0px 3px 0;}


.cust-radio input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.cust-radio label {position: relative; cursor:pointer; font-size: 15px; 	color: #9a9a9a; line-height: 18px; display: inline-block; width: 100%; padding-left: 0;}
.cust-radio label p{display: inline-block;}
.cust-radio label a{font-size: 15px; color: #6659B0;}
.cust-radio label:before { content:''; -webkit-appearance: none; background-color: transparent;  padding: 11px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; border-radius:50%; float: right;}
.cust-radio input:checked + label{	color: #484848;}
.cust-radio input:checked + label:before{background:#484848;}
.cust-radio input:checked + label:after {content: ''; display: block; position: absolute; top:0px; right:6px; width: 7px; height: 14px; border: solid #fff; border-width: 0 1px 1px 0; transform: rotate(38deg);}
.sortfilter .checkbox-inline{padding-left:0; }
.sortfilter .form-group{padding: 10px 0 10px !important;}




/* **************** notifications Page *********** */
.notifications-page-wrapper {background: #fff;}
.notifications-page {max-width: 800px; padding-left: 15px; padding-right: 15px; margin:auto; padding-top:25px;   border-bottom: 1px #EEEEEE solid;    padding-bottom: 50px; margin-bottom: 60px;}
.notifications-top {    width: 100%;    padding-bottom: 20px;    float: left;}
.notifications-top h1 {    color: #484848;    font-size: 32px;    font-weight: bold;    float: left;}
.notifications-selected {width:100%; clear: both; background-color: #F8F8F8;    height: 56px;    line-height: 56px;    text-align: right;    padding: 0 10px;}
.notifications-top p {    float: right;    color: #6659B0;    font-size: 18px;    font-weight: bold;    line-height: 22px;}
.notifications-top p a {    color: #6659B0;}
.notifications-selected a{background-color:#6659B0; width:166px; height:40px; text-align: center; line-height:40px; border-radius:4px; font-size: 18px;    font-weight: bold; color: #fff; position: relative; top: 2px; margin-left: 8px;}
.notifications-row {      width: 100%;    display: table;    border-bottom: 1px #EEEEEE solid;    height: 80px;    vertical-align: middle;}
.notifications-row-left {display: table-cell;    vertical-align: middle; }
.notifications-row-right {text-align: right;    display: table-cell;    vertical-align: middle; width: 110px;}
.notifications-check {    display: table-cell;}
.notifications-content {    display: table-cell;    vertical-align: top;}
.notifications-content p {    color: #484848;    font-size: 12px;    font-weight: bold;    display: block;    padding-bottom: 6px;}
.notifications-content span {    color: #484848;    font-family: Lato;    font-size: 13px;    line-height: 1.50;}
.notifications-check .cstmcheck label:before {    padding: 6px;}
.notifications-row-right span {    color: #484848;    font-family: Lato;    font-size: 12px;    display: block;    padding-bottom: 10px;}
.notifications-check .cstmcheck input:checked + label:after {    content: '';    display: block;    position: absolute;    top:1px;    left: 5px;    width: 7px;    height: 11px;    border: solid #fff;    border-width: 0 1px 1px 0;    transform: rotate(38deg);}
.notifications-row-right img {    height: 15px;}
.notifications-selected a:nth-child(2) {    background-color: #484848;}


.w-35{
    width:35%;
}

@media screen and (max-width:600px) {
    .w-35{
        width:100%;
    }
}


.notify-popup{ background-color: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; overflow-y: auto; top: 0; left: 0; padding-top: 20px; padding-bottom: 50px; opacity: 0; z-index: -1; visibility: hidden; transition: all .4s ease-in-out; }
.notify-popup.active { z-index: 99; opacity: 1; visibility: visible; }
.notify-popup-close{display: inline-block; height: 40px; text-align: center; line-height: 48px; float: left;}
.notify-popup-detail{width:500px; border-radius:8px; background-color: #fff; margin: auto; padding:30px; position:absolute; left:50%; top:50%; transform: translate(-50% , -50%);}
.notify-popup-detail h2{color: #484848; font-size: 18px; font-weight: bold; line-height: 29px; display: inline-block; width: 100%; margin-left: 0; margin-top: 20px; text-align: center;}
.notify-popup-detail .popup-title span{margin-top:6px;}
.notify-popup-detail p{font-size: 16px; line-height: 19px;    font-family: 'Lato', sans-serif !important;}
.notify-popup-detail p strong{font-weight: bold;}
.notify-popup-detail p a{font-weight: bold; color: #6659B0; 	font-weight: bold;}
.notify-view-btn .btn{width: 100%; height: 50px; border: none; outline: none; cursor: pointer;    line-height: 50px;padding: 0;}
.btn_them_two{color: #484848 !important; margin-top: 22px; background: #F8F8F8; border-radius: 4px; font-weight: 700; font-size: 18px;}

.notify-popup-description iframe{ width: 100%; height: 100%; }
.notify-popup-description { width: 100%; padding-bottom: 22px; text-align: center;}


/* **************** Feedback Page *********** */
.feedback-page{padding:40px 0;}
.page-smlar-title{width:100%; float:left; margin-bottom:20px;}
.page-smlar-title h2{color: #484848; font-size: 32px; font-weight: bold; float: left;}
.tellus-col{width: 47%; float: left; margin-right: 3%;}
.tellus-col figure{margin-bottom: 22px;}
.tellus-col figure img{width:51px;}
.tellus-col h3{color: #484848;	font-size: 18px;	font-weight: bold;	line-height: 22px; margin-bottom:16px;}
.tellus-col p{color: #484848;	font-size: 13px;	line-height: 16px;}
.tellus-col button{font-size: 18px; font-weight: bold; width: 132px; height: 54px; margin-top: 16px;}


/* **************** Membership Page *********** */
.membership-page{padding:40px 0;}
.page-smlar-title a{color: #6659B0; font-size: 16px;	font-weight: bold;	line-height: 19px; display: block; margin-bottom: 20px;}
.membr-submit-msg{color: #484848;	font-size: 13px;	line-height: 16px;}
.membr-submit-button{width:100%; float:left; margin-top:25px;}
.membr-submit-button button{float:right; width:205px; height:50px;}
.membership-page input {     font-size: 16px; }
.membership-page textarea {     font-size: 16px; }
.membership-form label.control-label {     color: #484848; }




/* **************** Refer Page *********** */
.refer-box {width: 100%;    display: block;}
.refer-box > p {color: #484848; font-size: 32px; position: relative;}
.refer-box > span {color: #484848; font-size: 15px; line-height: 18px; width:459px; display:block; padding: 20px 0;}
.refer-code {height: 141px; width: 269px; border-radius:8px;  background-color: #6659B0;text-align: center; display:table; vertical-align: middle;}
.refer-code-midd {display: table-cell; vertical-align: middle;}
.refer-code-midd p {color: #FFFFFF;  font-size: 13px; line-height: 16px;}
.refer-code-midd span {color: #FFFFFF;  font-size: 24px; display: block;  padding: 10px 0px;}
.refer-code-midd a {height: 42px;width: 127px;border-radius: 4px;line-height: 42px;background: #fff;font-size: 18px;font-weight: bold;display: block;color: #484848;margin: auto;}
.refer-box p:after {content: ""; position:absolute; background-image:url(../images/refer-black.svg); width:60px; height:63px; right:0; top:0;
 background-size: contain; background-repeat: no-repeat;}
.download-left {    width: 70%;     float: left;     height: 100%;     background-size: auto;     background-repeat: no-repeat;     text-align: center;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; justify-content:center;}
.download-left img {    max-width: 880px; width:100%;     padding: 66px;     padding-bottom: 0;          padding-top: 15px; }

.download-footer {         /* position: fixed; */bottom: 0;padding: 0 !important; }
.download-footer .page-container {     max-width: 98%;     border: 0 !important; }



.detail-footer .page-container .footer-right {     clear: both;     float: left; }
.detail-footer .page-container .footer-right a {     margin-left: 0;     margin-top: 12px;     margin-right: 10px; }

/* **************** Confirmation Page *********** */

.confirmation-sec{width:100%; float:left; padding-top:40px;}
.confirm-summary-sec{width:100%; float:left; padding:25px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.confirm-summary-sec title{color: #484848;font-size: 15px;	line-height: 18px; display:inline-block; margin-bottom: 25px;}
.sumry-detail{margin-bottom: 20px;}
.sumry-detail:last-child{margin-bottom:0;}
.sumry-detail p{color: #484848;	font-size: 13px;	line-height: 16px;}
.sumry-detail strong{color: #484848;	font-size: 18px;	font-weight: bold;	line-height: 22px;}

.confrm-summary-cnt{width:100%; float:left; padding:20px 0; border-bottom:1px solid #eee;}
.confrm-rdm-btn{width: 100%;    width: 269px; float: right; padding-top: 20px;}
.confrm-rdm-btn button{width:269px; height:50px; float:right;}
.confrm-rdm-btn input.btn {
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    width: 100%;
    font-weight: bold;
    height: 50px;
    padding: 0;
	text-transform: capitalize;
}

.btn{
    padding: 12px;
    height: 50px;
}

/* **************** Mall App Page *********** */
.mall-app-page{width: 100%; background: #fff; height: calc(100vh - 65px); background-position: left; background-repeat: no-repeat; min-height: 550px;}
.mall-app-footer { position: absolute; bottom: 0; width: 100%; background: #fff; left: 0; color: #fff; padding: 20px 20px; }
.mall-app-footer-right { float: right; }
.mall-app-footer-right a { font-size: 12px; color: #484848; float: left; margin-left: 15px; }
.mall-app-footer p { font-size: 12px; color: #484848; float: left; }
.mall-app-caption { position: absolute; top: 50%; transform: translateY(-50%); color: #484848; right:5%; }
.mall-app-caption h1 { font-size: 32px; color: #484848; font-weight: bold; line-height: 1.25; }
.mall-app-caption p { font-size: 18px; color: #484848; max-width: 320px; line-height: 1.45; padding: 20px 0; }








.frm-btn{width:100%; float:left;}
.resetpsw-pg .frm-btn button{width:272px; height:50px;}

/* **************** Mobile *********** */
.mobile-icon { float: right; margin-top: 12px;}




.main-header { width: 100%; background: #fff; padding: 12px 20px; float: left; border-bottom: 1px #eeeeee solid; position: fixed; z-index: 9; }
/* .main-logo { float: left; position: relative; top: 0px; } */
.main-logo { float: left; position: relative; top: 5px; }
.header-before-login { float: right; margin-top: 2px; }
.header-before-login ul li { display: inline-block; padding: 0 15px; font-size: 15px; }
.header-before-login ul li a i { padding-left: 10px; }
a.more-nav i img {transition: all 1.0s;}
a.more-nav.collapsed i img { transform: rotate(-180deg); }
.header-before-login ul li a { display: flex; align-items: center; color: #484848; font-size: 16px; }
.product-points { font-size: 13px; color: #6659B0; font-weight: 600; padding-top: 10px; padding-left:25px; position: relative; }
.product-points:after { width: 20px; height: 20px; background-image: url(../images/points-icon.svg); position: absolute; content: ""; left: 0; top: 6px; }
.header-before-login ul { display: inline-block; }
.download-app { display: inline-block; width: 184px; text-align: center; height: 42px; line-height: 42px; font-size: 16px; background: #6659B0; border-radius: 4px; font-weight: bold; }
.download-app a { color: #fff; font-size: 18px; width:100%; }
ul.after-login-menu { display: none; }
.page-container { clear: both; max-width: 1170px; margin: auto; padding: 0 15px; }
.page-wrapper { background: #fff; clear: both; width: 100%; float: left; margin-top:65px;     min-height: 100vh;}

.page-wrapper.home-bg { background: #f9f9f9; }
.page-wrapper.home-bg footer#footer { background: #f9f9f9; }


.product-section-row { width: 100%; float: left; display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;}
.product-row {width: 25%; padding: 8px; float: left; margin-bottom: 25px;}
.product-row a { display: block; }
.product-logo { position: absolute; bottom: 10px; left: 10px; width: 32px;  height: 32px; }
.product-icon {width: 32px;    height: 32px;    position: absolute;    bottom: 10px;    background: #fff;    padding: 5px;    right: 10px;    border-radius: 4px;}
.product-icon.salling-product {    width: 64px;    text-align: center;}
.product-img { width: 100%; position: relative; }
.product-img > img { width: 100%; display: block; border-radius: 4px; height: 203px; object-fit: cover; }
#catalogue-list .product-row:nth-child(4n+1) { clear: both; }
.product-logo img {    width: 100%;height: 100%; border-radius:4px;}
.product-section-top { width: 100%; float: left; padding: 20px 10px; }
.product-capcation { width: 100%; padding-top: 15px; display: block; }
.product-section-top p { float: left; font-size: 18px; color: #484848; font-weight: bold; }
.view-more { float: right; }
.view-more a { font-size: 18px; color: #6659B0; text-align: right; font-weight: 600; }
.sub-menu {    position: absolute;    background: #fff;    right: 20px;    width: 375px;    top: 65px;    padding: 15px;    padding-top: 0;    display: none;    box-shadow: 0px 1px 5px 0 #efefef;    padding-bottom: 0;}
.sub-menu li { display: block !important; clear: both; width: 100%; padding: 12px 0 !important; border-bottom: 1px #eeeeee solid; position: relative; }
.sub-menu li a { display: block !important; width: 100%; }
.header-before-login ul li:last-child {    border-bottom: 0;}
.sub-menu i { text-align: right; float: right; position: absolute; right: 0; top: 9px; }
.sub-menu ul { display: block; }

.stores-img .product-logo img {
    width: 100%;
	height: auto;
	border-radius:4px;
	/*border:2px solid #ffffff;*/
}
.stores-img .product-logo {
    width: 24px;
    height: 24px;
}

.date-location {
    display: block;
    padding: 10px 0;
}

.date-location li {width: 50%;display: flex;align-items: center;    font-size: 13px;    color: #484848;}

.date-location ul {
    display: flex;
}

.date-location li i {
    padding-right: 5px;
}

.date-location li i img { width: 20px; }

.hero-banner {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: right;
    padding: 6px 20px;
}

.product-capcation h2 {
    font-size: 15px;
    color: #484848;
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.point-bnr-title{position: relative; top: 50%; transform: translateY(-50%); margin-left: 40px; float: left;}
.point-bnr-title strong{color: #484848;	font-size: 24px;	font-weight: bold;	line-height: 29px; display:block;}
.mobile-banner-birthday-gold strong { color: #FFF; }





.circle-chart {width: 156px;height: 156px;}
.circle-chart__circle {stroke: #2db1c2;stroke-width: 1.4;stroke-linecap: round;fill: #fff;animation: circle-chart-fill 2s reverse; / 1 /transform: rotate(-90deg); / 2, 3 /transform-origin: center; / 4 /}
.circle-chart__circle--negative {transform: rotate(-90deg) scale(1,-1); / 1, 2, 3 /}

.circle-chart__background {   stroke: #dcd8d8;   stroke-width: 1;   fill: none; }

.circle-chart__info {   animation: circle-chart-appear 2s forwards;   opacity: 0;   transform: translateY(0.3em); }  .circle-chart__percent {   alignment-baseline: central;   text-anchor: middle;   font-size: 8px; }  .circle-chart__subline {     alignment-baseline: central;     text-anchor: middle;     font-size: 3px; }    .danger-stroke {   stroke: #2db1c2; }  @keyframes circle-chart-fill {   to { stroke-dasharray: 0 100; } }  @keyframes circle-chart-appear {   to {     opacity: 1;     transform: translateY(0);   } }
svg.circle-chart {filter: drop-shadow(0 0 5px #d2d2d2);}
.circlechart-text {display:block;}
div#circle-custom-round {     border-radius: 100%;  height: 156px;     width: 156px;     position: relative;     float: left;     transform: translateY(42%);}
.circlechart-text span {display: block;text-align: center;}
g.circle-chart__info {opacity: 0;display: none;font-size: 0;}
.circlechart-text {display: block;position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;}
span.spend {font-size: 13px;color: #484848;}
span.more-to-enjoy {font-size: 10px;color: #484848;}
span.price {    font-size: 29px;color: #2db1c2;font-weight: bold;padding: 7px 0px;}

.gold-member span.price {     color: #BC9348; }
.gold-member .danger-stroke {     stroke: #BC9348; }

.pofile-section-div input {     font-size: 16px !important; }



.detail-footer .page-container{max-width: 760px; margin: 0 auto; padding: 23px 20px;}

footer#footer {
    background: #fff;
    float: left;
    width: 100%;
    height: auto;
    padding-top: 80px;
}

.footer-left p {
    font-size: 12px;
    color: #484848;
    float: left;
}

.footer-right a {
    font-size: 12px;
    color: #484848;
    text-align: right;
    margin-left: 20px;
}

.footer-right {
    text-align: right;
}

.footer .page-container {
    border-top: 1px #eeeeee solid;
    padding: 23px 0 32px;
    overflow: hidden;
}

.footer {
    width: 100%;
    float: left;
}

.top-space {
    margin-top: 65px;
    float: left;
    width: 100%;
}

.product-details-wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}

.product-detail-img {
    width: 100%;
    position: relative;
}

.product-detail-img > img {
    width: 100%;
    display: block;
    height: auto;
}
.prod-brand-logo{position: absolute; bottom:7px; left:15px;}
.prod-brand-logo span{float:left; width:40px;height: 40px;}
.prod-brand-logo span img{width:100%; border-radius: 4px; height:auto;}
.storedetail-pg .prod-brand-logo span img {     width: 40px;     height: 40px;    /* border:3px solid #ffffff;*/ }
.prod-brand-logo p{color: #FFFFFF; font-size: 18px; font-weight: bold; line-height:32px; float: left; margin-left: 12px;}

.product-details-content {border: 1px #eeeeee solid;    width: 100%;     float: left;         border-top: 0; border-bottom:none; }
 .prod-brand-logo.catalogue-brand img {     /*width: 32px;     height: 32px;     background: #fff;     padding: 3px; border:3px solid #ffffff; */}
 .product-title {font-size: 18px;     color: #484848;        float: left;     width: 100%;     padding: 17px 15px;     font-weight: 600;border-bottom: 1px #eeeeee solid;  }

.m-points { background-color: #6659B0; clear: both; height: 40px; line-height: 40px; padding: 0 15px; }
.m-points p { font-size: 18px; font-weight: bold; color: #fff; position: relative; padding-left: 30px; }
.m-points p:after { width: 21px; height: 21px; background-image: url(../images/points-icons.svg); position: absolute; content: ""; left: 0; top: 10px; background-size: contain; }


.m-lst-price { background-color: #6659B0; clear: both; height: 40px; line-height: 40px; padding: 0 15px; }
.m-lst-price p { font-size: 18px; font-weight: bold; color: #fff; position: relative; padding-left: 20px; }
.m-lst-price p:after { width: 21px; height: 21px; background-image: url(../images/m-white-price-icon.svg); position: absolute; content: ""; left: 0; top: 10px; background-size: contain;     background-repeat: no-repeat;}


.redeem-this span{height: 38px; width: 237px; border-radius: 4px; background-color: #6659B0; line-height: 38px; text-align: center; float: right; font-weight: bold; font-size: 18px; margin-top: 8px;}
.redeem-this p {float: left; color: #484848; font-family: Lato; font-size: 16px; line-height: 53px; }
.exclusive-row{clear: both; height: 40px; line-height: 40px; padding: 0 20px; border-bottom: 1px solid #eee; background-color: #F8F8F8; }
.exclusive-row p{display: inline-block; padding-right: 40px; position: relative; padding-left: 30px; font-size: 16px; }
p.gold-exclusive {color: #BC9348; font-size: 16px; }
p.birthday-exclusive:after{content: ""; width: 21px; height: 21px; background-image: url(../images/birthday-icon.svg); position: absolute; left: 0; top: 8px; background-size: contain;}
p.gold-exclusive:after {width: 24px; height: 24px; background-image: url(../images/gold-exclusive.svg); content: ""; position: absolute; left: 0; background-size: contain; top: 7px;}
.out-of-stock {background-color: #484848; clear: both; color: #fff; font-size: 18px; font-weight: bold; padding: 0 20px; line-height: 40px; padding-left: 20px; }
.out-of-stock p { position: relative; padding-left: 35px; }
.salling-fast {background-color: #6659B0; clear: both; height: 40px; line-height: 40px; padding: 0 20px; font-size: 18px; font-weight: bold; color: #fff; position: relative;}
.salling-fast i { padding-right: 14px; position: relative; top: 4px; }
.out-of-stock p:after { content: ""; position: absolute; left: 0; top: 9px; width: 21px; height: 21px; background-image: url(../images/stock-icon.svg); background-size: contain; }

.sticker-social-icon{clear: both; height: 40px; line-height: 40px; padding: 0 20px; border-bottom: 1px solid #eee; background-color: #F8F8F8; }
.sticker-social-icon p{display: inline-block; padding-right: 78px; position: relative; padding-left: 30px; font-size: 16px; }
p.telegram { font-size: 16px; }
p.telegram:after {width: 24px; height: 24px; background-image: url(../images/telegram.svg); content: ""; position: absolute; left: 0; background-size: contain; top: 7px;}
p.whatsapp:after{content: ""; width: 24px; height: 24px; background-image: url(../images/whatsapp.svg); position: absolute; left: 0; top: 8px; background-size: contain;}

.redeem-this {
    width: 100%;
    /* line-height: 38px; */
    float: left;
    /* display: flex; */
    align-items: center;
    background-color: #EEEEEE;
    height: 53px;
    padding: 0 15px;
    line-height: 53px;
}

.redeem-this span a {
    display: block;
    color: #fff;
}
.redeem-icon {
    float: right;
}

.download-sticker { padding: 0 20px; }
.download-sticker p { position: relative; padding-left: 30px; }
.download-sticker p:after {width: 24px; height: 24px; background-image: url(../images/downloading-icon.svg); content: ""; position: absolute; left: 0; background-size: contain; top: 14px;}

.product-title h2 {
    float: left;
    text-align: left;
    line-height: 1.45;
}

.content-row {
    width: 100%;
    clear: both;
    padding: 15px 15px;
    border-bottom: 1px #eeeeee solid;
}

.page-content {
    font-size: 15px;
    color: #484848;
    line-height: 1.60;

}

.content-title {
    font-size: 18px;
    color: #484848;
    display: block;
    padding-bottom: 20px;
}

.page-content p {
    display: block;
    padding-bottom: 15px;
}

.product-footer {
    clear: both;
    border-top: 1px #eeeeee solid;
    float: left;
    width: 100%;
    margin-top: 50px;
    padding-top: 15px;
    margin-bottom: 50px;
}

.product-footer p {
    font-size: 12px;
    color: #484848;
    margin-bottom: 15px;
}

.product-footer a {
    font-size: 12px;
    color: #484848;
    text-align: left;
    margin-right: 10px;
}

.landing-page {
    width: 100%;
/*    background: #bf0213;*/
    height: calc(100vh - 65px);
    background-position: right;
    background-repeat: no-repeat;
    min-height: 550px;
    background-size: cover;
}

.landing-page-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    left: 0;
    color: #fff;
    padding: 20px 20px;
}

.landing-page-footer-right {
    float: right;
}

.landing-page-footer-right a {
    font-size: 12px;
    color: #484848;
    float: left;
    margin-left: 15px;
}

.landing-page-footer p {
       font-size: 12px;
    color: #484848;
    float: left;
}

.landing-page-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    left: 30px;
}

.landing-page-caption h1 {
    font-size: 32px;
    color: #484848;
    font-weight: bold;
    line-height: 1.25;
}

.landing-page-caption p {
    font-size: 18px;
    color: #484848;
    max-width: 320px;
    line-height: 1.45;
    padding: 20px 0;
}


.account-btn {
    background: #6659B0;
    border-radius: 4px;
    text-align: center;
    width: 230px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
}

.account-btn a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.app-store a{margin-right: 5px;}


.stores-page-box {
    width: calc(16.6% - 14px);
    float: left;
    margin: 0 7px;
    margin-bottom: 20px;
}

.stores-page-box a{ display:block;}

.stores-img > img {
    width: 100%;
    display: block;
    border-radius: 4px;
	height: auto;
}

.stores-img {
    width: 100%;
    position: relative;
}



.filter-bar {
      width: 100%;
    clear: both;
    float: left;
    border-radius: 4px;
    border: 1px #E2E2E2 solid;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    margin-bottom: 20px;
    margin-top: 11px;
    cursor: pointer;
}

.filter-bar p {
    float: left;
    text-align: left;
}

.filter-bar span {
    float: right;
}

.stores-page-row {
    clear: both;
}

.stores-description span {
    font-size: 12px;
    color: #484848;
    opacity: 0.8;
    display: block;
    padding-bottom: 5px;
}

.stores-description h2 {
    font-size: 15px;
    color: #484848;
    line-height: 1.20;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.stores-page-box:nth-child(6n+1) {
    clear: both;
}

.stores-description {
    width: 100%;
    clear: both;
    padding-top: 10px;
}

.stores-top-bar {
    width: 100%;
    margin-top: 20px;
}

.stores-top-bar h1 {
    font-size: 32px;
    color: #484848;
    font-weight: bold;
    float: left;
	position:relative;
	top:7px;
}

.search-bar {
    width: 554px;
    height: 50px;
    float: right;
    position: relative;
}

.search-bar input[type="search"] {     box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15);     width: 100%;     height: 50px;     padding-left: 50px; 	    border: 0; }


.search-bar input::-webkit-input-placeholder {color: #484848 !important; font-weight: bold;}
.search-bar input::-moz-placeholder {color: #484848 !important; font-weight: bold; }
.search-bar input:-ms-input-placeholder {color: #484848 !important; font-weight: bold;opacity:0.6;}
.search-bar input:-moz-placeholder {color: #484848 !important; font-weight: bold;}





.filter-bar p {
    font-size: 13px;
    color: #484848;
    text-align: left;
}

.filter-bar span {
    font-size: 13px;
    color: #6659B0;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
}

.stores-page footer#footer {
    background: transparent;
}


.search-bar ::-webkit-input-placeholder {
 font-size: 15px;
color: #484848;
opacity: 0.6;
}
.search-bar::-moz-placeholder {
 font-size: 15px;
color: #484848;
opacity: 0.6;
}
.search-bar:-ms-input-placeholder {
  font-size: 15px;
color: #484848;
opacity: 0.6;
}
.search-bar:-moz-placeholder {
  font-size: 15px;
color: #484848;
opacity: 0.6;
}

.seaerch-btn {
    position: absolute;
    font-size: 0;
    top: 2px;
    left: 5px;

}

.seaerch-btn input[type="submit"] {
    font-size: 0;
    width: 40px;
    height: 46px;
    background-position: center;
    text-align: center;
    background-image: url(../images/search-icon-gray.svg);
    background-repeat: no-repeat;
    background-color: #fff;

}

/*.seaerch-btn.x input{ background: #fff url(../images/close-icon.png) no-repeat left 10px center;}
.seaerch-btn.onX{ cursor: pointer; }*/
.cross-search-btn{width: 40px; height: 46px; background: #fff url(../images/close-icon.svg) no-repeat left 10px center; float: left; position: absolute; top: 0; display: none;    top: 4px;}





.stores-filter {
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    padding-top: 20px;
    padding-bottom: 50px;
    /*opacity: 0;
    z-index: -1;
    visibility: hidden;*/
    transition: all .4s ease-in-out;
	left: 0;
    right: 0;
    display: none;
    z-index: 9;
}

.no-stores {
    width: 100%;
    text-align: center;
	clear:both;
}

.no-stores img {
    width: 51px;
    height: 49px;
    margin-bottom: 10px;
}

.no-stores p {
    color: #484848;
    font-size: 15px;
}

.stores-filter.active {
    z-index: 99;
    opacity: 1;
    visibility: visible;
}


.stores-filter-midd {
    width: 500px;
    border-radius: 8px;
    background-color: #fff;
    margin: auto;
    padding: 15px;
}

.all-categories ul li {
    color: #484848;
    font-family: Lato;
    font-size: 16px;
    line-height: 19px;
    padding: 11px 0;
    border-bottom: 1px #eeeeee solid;
    display: block;
}

.all-categories ul li a {
    color: #484848;
    display: block;
}

.by-mall-filter span {
    color: #484848;
    font-family: Lato;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    padding-bottom: 20px;
}

.by-mall-filter ul li{
	color: #484848;
    font-family: Lato;
    font-size: 16px;
    line-height: 19px;
    padding: 11px 0;
    border-bottom: 1px #eeeeee solid;
    display: block;
}


.by-mall-filter ul li a{
    color: #484848;
}

.by-mall-filter {
    width: 100%;
    padding-top: 40px;
}

.apply-btn {
    height: 40px;
    width: 100%;
    border-radius: 4px;
    background-color: #6659B0;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 40px 0 20px;
}

.apply-btn a {
    color: #fff;
    width:100%;
    display: block;
}


.filter-topbar p {
    color: #484848;
    font-family: Lato;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    display: inline-block;

}

.close-popup {
    width: 30px;
    display: inline-block;
    height: 40px;
    text-align: left;
    line-height: 44px;
    float: left;
}

.reset-all {
    display: inline-block;
    text-align: right;
    float: right;
    position: relative;
    top: 8px;
}

.reset-all a {
    color: #6659B0;
    font-family: Lato;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    text-align: right;
}

.filter-topbar {
    width: 100%;
    padding-bottom: 20px;
}

.stores-filter label.form-check-label {
    color: #484848;
    font-family: Lato;
    font-size: 16px;
    line-height: 22px;
}

.stores-filter .form-group {
    margin: 0;
    padding: 15px 0 15px;
}



.m-price {
    font-size: 13px;
    color: #6659B0;
    font-weight: 600;
    padding-top: 10px;
    padding-left: 20px;
    position: relative;
}

.m-price p:after {
    width: 20px;
    height: 20px;
    background-image: url(https://www.lprivileges-staging.com/images/m-price-icon.svg);
    position: absolute;
    content: "";
    left: 0;
    top: 6px;
    background-size: contain;
    background-repeat: no-repeat;
}

.mall-carpark-box {    width: calc(33.3% - 16px);    float: left;    margin: 0 8px;    position: relative;}
.mall-carpark-box a{width:100%;    }
.mall-carpark-box img { width: 100%;    height: auto; border-radius:4px;}
.mall-carpark-box > img {    width: 100%;    display: block;    border-radius: 4px;}
.mall-carpark h1 {    font-size: 32px;    font-weight: bold;    padding-bottom: 20px;}
.mall-carpark {    width: 100%;    padding-top: 26px;}

.carpark-box-info {    position: absolute;    bottom: 10px;    width: 100%;    padding: 0 15px;}
.carpark-brand-logo img {       border-radius: 4px; display: block;}
.carpark-brand-logo {    float: left;    width: 40px;    height: 40px;    background: #fff;    border-radius: 4px;}
.carpark-box-info-right {        display: table;    text-align: right;    float: right;    vertical-align: middle;}
.available-carpark {       display: table-cell;    color: #fff;    text-align: right;    padding-right: 10px;    vertical-align: top;}
.available-carpark-icon {      display: table-cell;    vertical-align: middle;}
.available-carpark p {       font-size: 24px;    font-weight: bold;    padding-bottom: 0px;}
.available-carpark span {    font-size: 12px;    font-weight: bold;}
.available-carpark-icon img {    display: block;}


.apply-btn button#apply-filter {    border-radius: 4px;    background-color: #6659B0;    line-height: 40px;    font-size: 18px;    font-weight: bold;    height: 40px;    border: 0;    color: #fff;    display: block;    text-align: center;    margin: auto;    cursor: pointer;    width: 100%;}
li.grey-text:before {
    background: #a9a9a9 !important;
}


.mall-detail {    width: 100%;    display: table;    background: #484848;    height: 76px;      padding-left: 15px;   color: #fff;}
.mall-detail-left {    display: table-cell;    vertical-align: middle;}
.mall-detail-right {    display: table-cell;    vertical-align: middle;    text-align: right;}
.mall-detail-left h2 {    font-size: 24px;       padding-bottom: 5px;}
.mall-detail-left span {    font-size: 12px;}
.mall-detail-right a {      text-align: center;    position: relative;    padding: 0 15px;}
.mall-detail-right a:nth-child(1):after {    content: "";    border-right: 1px #eee solid;    top: -17px;    right: 0;    height: 76px;    position: absolute;}
.mall-detail-right a:nth-child(2) {    position: relative;    top: -8px;}



/*popup css start **/

.popup_overlay { background-color: rgba(0,0,0,0.7); position: fixed; z-index: 9; width: 100%;     height: calc(100vh - 120px); }
.popup_tab_wrap { width:500px;background:#fff;margin:auto;top:50%;position:absolute;left:0;right:0;transform:translateY(-50%);border-radius: 8px;padding: 30px 0; }
.tab-popup.active {color: #6659B0; }
.popup_heading { width: 100%; float: left; margin-bottom: 30px; padding: 0 20px; }
.popup_heading  h2{color: #484848;font-family: Lato;font-size: 24px;font-weight: bold;	line-height: 29px;float: left;}
img.cls_popup { margin-right: 10px; float: left; margin-top: 5px;     cursor: pointer;}
.tab-content { display: none;color: #4a5666; width: 100%; float: left;padding:0 20px 20px; height:400px; overflow-y:auto; }
.tab-content.show {display: block;}
.tab-popup {color: #484848;	font-family: Lato;	font-size: 10px;	line-height: 12px;	text-align: center;}
a.tab-popup{text-align: center; float: left; width: 25%; }
.tab-list {width: 100%; float: left; margin-bottom:10px; }
.tabs_popup { width: 100%; float: left; }
a.tab-popup label { width: 100%; float: left; margin-top:2px; }
.icon_points
{ background-image: url(../images/mall-grey.svg);width:24px; height:24px;display:inline-block;
  background-size:contain !important;background-repeat: no-repeat;
}
.icon_vouchers
{ background-image: url(../images/dollars-icon.svg);width:24px; height:24px;display:inline-block;
  background-size:contain !important;background-repeat: no-repeat;
}
.icon_deals
{ background-image: url(../images/deals-icon.svg);width:24px; height:24px;display:inline-block;
  background-size:contain !important;background-repeat: no-repeat;
}
.icon_carpark
{ background-image: url(../images/carpark-icon.svg);width:24px; height:24px;display:inline-block;
  background-size:contain !important;background-repeat: no-repeat;
}

.tab-popup.active .icon_points {    background-image: url(../images/m-mall-red.svg);}
.tab-popup.active .icon_vouchers {    background-image: url(../images/vouchers-red.svg);}
.tab-popup.active .icon_deals {    background-image: url(../images/deals-red.svg);}
.tab-popup.active .icon_carpark {    background-image: url(../images/carpark-red.svg);}



.points_img { float: left; width: 22px; }
.points_content { float: left; width: calc(100% - 22px); padding-left: 15px; }
.popup_points_row { width: 100%; float: left; padding: 15px 5px; border-bottom: 1px solid #dadada; }
.points_heading p{color: #484848;	font-family: Lato;	font-size: 16px;	font-weight: bold;	line-height: 19px;float: left;padding-right: 113px;}
.points_heading { width: 100%; float: left; margin-bottom: 5px;     position: relative;}
.points_heading code {     opacity: 0.8;    color: #484848;    font-family: Lato;    font-size: 12px;    text-align: right;    background: transparent;    position: absolute;    right: 12px;    top:3px;}

.points_content{opacity: 0.8;	color: #484848;	font-family: Lato;	font-size: 13px;	line-height: 16px; width:100%;float: left;}
.points_content{width:calc(100% - 22px);float:left;opacity: 0.8;	color: #484848;	font-family: Lato;	font-size: 13px;	line-height: 16px;}
.tab-list { width: 100%; float: left; margin-bottom: 0px; border-bottom: 1px solid #dadada; padding-bottom: 10px; }

.blue_bg { background: #3bb3c0; width: 100%; float: left; height: 160px; position: relative; }
.blue_bg.gold_bg {background: #BC9348;}
.basic_card { width: 336px; height: 180px; position: absolute; left: 0; right: 0; margin: auto; top: 20px; border-radius: 8px;     padding: 15px;}

.game_change_page{ width: 100%; margin-top: 60px; float: left; background: #F8F8F8; padding:10px; margin-bottom:30px; }
.game_change_box { max-width: 33.3%; flex-basis: 33.3%; padding: 10px; border-right: 1px solid #eee;     position: relative;padding-bottom: 26px;}
.game_change_box:last-child{border-right:0; }
.game_change_heading img { float: left; width:24px;height:24px; }
.game_change_box.game-box .game_change_heading img {height: 24px; width:24px;}
.game_change_heading h3 { float: left; height: 19px; color: #484848; font-family: Lato; font-size: 16px; line-height: 19px; width: calc(100% - 24px); padding-left: 20px; margin-top:2px; }
.game_change_heading { width: 100%; float: left; margin-bottom:20px; border-bottom: 1px solid #eee; padding-bottom:20px; }
.game_change_box p{opacity: 0.6;	color: #484848;	font-family: Lato;	font-size: 13px;	line-height: 16px; float:left; width:100%;}
.game_change_box a{color: #6659B0;	font-family: Lato;	font-size: 13px;	font-weight: bold;	line-height: 16px;	text-align: right; margin-top:20px;float: right;    position: absolute;bottom: 0px;right: 8px;}
.game_change_row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  width: 100%; }
.unused_row { width: 100%; float: left; border-bottom: 1px solid #eeeeee; padding: 15px 0; }
.unused_heading { float: left; width: 70%; }
.unused-icn { float: left; width: 24px; }
.unused_heading h3 { float: left; width: calc(100% - 25px); padding-left: 10px;height: 19px;	color: #484848;	font-family: Lato;	font-size: 16px;	font-weight:normal;	line-height: 19px; margin-top:1px;}
.unused_row a{color:#6659B0;	font-family: Lato;	font-size: 13px;	font-weight: bold;	line-height:21px;	text-align: right; float: right;}
.unused_box { width: 100%; float: left;  }
.vouchers-icon {    text-align: right;}



.vouchers-box {        width: 100%;    padding: 20px 0;    display: flex;    flex-wrap: wrap;}
.vouchers-box-row {    padding: 10px;      padding-top: 15px;  height: 120px;    border-radius: 4px;    flex-grow: 1;    width: calc(25% - 16px);  max-width: calc(25% - 16px);   background: rebeccapurple;    margin: 0 8px;    margin-bottom: 16px; position:relative; cursor:pointer;}
.vouchers-icon {    text-align: right;}
.vouchers-date-price {    position: absolute;    bottom: 12px;    color: #fff;}
.vouchers-date-price p {    font-size: 32px;    display: block;    padding-bottom: 7px;    font-weight: 500;}
.vouchers-date-price span {    font-size: 13px;}
.vouchers-icon img {    width: 40px;}

.game_change_box.game-box .game_change_heading {padding-bottom: 20px; margin-bottom: 20px;}
.game_change_box.game-box a {    text-align: left;}

.points_heading span {    display: block;    clear: both;}
.points_content p {    clear: both;}
div#two .points_heading {    margin-bottom: 2px;}

.unused-deals {padding-top: 20px; padding-bottom: 40px;  width: 100%;    display: flex;    flex-wrap: wrap;}
.unused-deals-row {padding-top: 15px;border-radius: 4px; flex-basis: calc(100% / 4);min-height: 130px;position: relative; padding: 22px; box-sizing: border-box; max-width: calc(100% / 4); cursor:pointer;position: relative;}

.unused-deals-row span {font-size: 12px; color: #484848;position: relative; z-index: 2;}
.unused-deals-row p {font-size: 15px; font-weight: bold;    color: #484848;    padding-bottom: 10px; position: relative; z-index: 2;}

.basic_card_info{position: absolute; bottom: 15px; width: 91%; left: 0; right: 0; margin: auto; }
.basic_card_info > p{font-size: 32px; color: #FFFFFF; padding-bottom: 10px; }
.basic_card_info_row{width: 100%; display: block; font-size: 12px; color: #fff; font-weight: bold; }
.basic_card_info_row p{display: inline-block; }
.basic_card_info_row span{text-align: right; float: right; position: relative; padding-right: 15px; }
.app-download{height: 40px; width: 90%; border-radius: 4px; background-color: #6659B0; line-height: 40px; text-align: center; font-size: 13px; font-weight: bold; margin: auto; }
.app-download a{color: #fff; display: block; }
.popup_tab_wrap_content p{font-size: 16px; font-weight: bold; clear: both; color: #484848; line-height: 24px; }
.popup_tab_wrap_content{padding: 23px; padding-bottom: 15px; }
.popup_tab_wrap_content p i{padding-right: 13px; float: left; }
.popup_tab_wrap_content span{color: #484848; opacity: 0.8; font-size: 13px; text-align: left; clear: both; display: inherit; }
.popup_tab_wrap_user{width: 500px; background: #fff; margin: auto; top: 50%; position: absolute; left: 0; right: 0; transform: translateY(-50%);
border-radius: 8px; padding: 30px 0; }
.app-page-content { color: #484848; font-size: 15px; line-height: 18px; padding: 0; border-bottom: 1px #eee solid; width: 91%; margin: auto; padding-top: 20px;padding-bottom: 20px; }
.app-description { width: 100%; clear: both; }
.app-description span { color: #484848; font-family: Lato; font-size: 18px; padding: 20px; padding-bottom: 3px; }
.app-page-content p { padding-bottom: 15px; }
.user_date { width: 100%; padding-left: 37px; position: relative; top: -7px; line-height: 16px; }
.wallet-status { max-width: 500px; width: 90%; background: #fff; margin: auto; top: 50%; position: absolute; left: 0; right: 0; transform: translateY(-50%); border-radius: 8px; padding: 30px 0; }
.wallet-status_card { height: 190px; width: 343px; border-radius: 4px; margin: auto; clear: both; position: relative; padding: 20px; color: #fff; margin-bottom: 10px; }
.wallet-status_card .vouchers-icon img { width: 60px; height: 65px;}
.status_card_price { position: absolute; bottom: 20px;}
.status_card_price p { font-size: 64px; padding-bottom: 15px;}
.status_card_price span { font-size: 15px;}
.wallet-status-price { display: table; height: 72px; border-bottom: 1px #eee solid; padding-bottom: 10px; width: 90%; margin: auto; margin-top: 10px; }
.wallet-status-row { display: table-cell; vertical-align: middle; text-align: center;}
.wallet-status-row p { color: #484848; font-size: 12px; opacity: 0.8; display: block; padding-bottom: 4px; }
.wallet-status-row span { color: #484848; font-size: 18px; }
.wallet-status-row:nth-child(1) { border-right: 1px #eee solid;}
.unread { height: 8px; width: 8px; background-color: #6659B0; border-radius: 50%; display: inline-block; margin-left: 5px; }
/*   display: table-cell;
    vertical-align: middle;
    text-align: center;
}*/

.wallet-status-row p {
    color: #484848;
    font-size: 12px;
    opacity: 0.8;
    display: block;
    padding-bottom: 4px;
}

.wallet-status-row span {
    color: #484848;
    font-size: 18px;
}

.wallet-status-row:nth-child(1) {
    border-right: 1px #eee solid;
}

.add.disabled {
    background: #9e9e9e61;
}

.error-message {
    clear: both;
    text-align: right;
    color: red;
    position: relative;
    top: 8px;
    display: none;
}



.collapse_m_mall { width: 100%; float: left; border-bottom: 1px solid #eee;     position: relative;}
.collapse_content{    display: none;    width: 100%;    color: #484848;    font-size: 15px;    line-height: 18px;    padding-bottom: 20px;    float: left;    padding-right: 100px;}
.collapse_m_mall h2{
    position: relative;
    color: #484848;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    padding: 19px 0;
    line-height: 1.45;
    padding-right: 50px;}
.h_heading_collapse.active span.collapse_plus {     background: url(../images/minus.svg); }
.help-title {     clear: both;     display: block;     font-size: 24px;     font-weight: bold;     color: #484848;     padding: 33px 0 13px; }

span.collapse_plus {    position: absolute;    right: 15px;    background: url(../images/plus.svg);    width: 29px;    height: 23px;    background-repeat: no-repeat;    top: 26px;}
.help-top-bar {    width: 100%;    padding-bottom: 25px;    float: left;  }
.h_heading_collapse.active span.collapse_plus {     background: url(../images/minus.svg);     background-repeat: no-repeat; }

.help-page {    float: left;    width: 100%;    clear: both;}
.help-top-bar h1 {    color: #484848;    font-size: 32px;    font-weight: bold;    line-height: 39px;    padding-bottom: 15px;}
.help-top-bar-left {    float: left;}



/*****tab content**********/


a.tab-popup { width: calc(100% / 6); display:block; max-width:16.6%; }
.points_paid_heading{ color: #3bb3c0; font-size: 16px; font-weight: bold; line-height: 14px; float: left; margin-bottom: 5px; width: 100%;}
ul.points-description { float: left; width: 100%; }
.points_pending_heading{color: #484968;}

.spendings
{ background-image: url(../images/spendings-black.svg);width:24px; height:24px;display:inline-block;
  background-size:contain !important;background-repeat: no-repeat;
}
.tab-popup.active .spendings {    background-image: url(../images/spendings-red.svg);}

.order
{ background-image: url(../images/phone-black.svg);width:24px; height:24px;display:inline-block;
  background-size:contain !important;background-repeat: no-repeat;
}
.tab-popup.active .order {    background-image: url(../images/phone-red.svg);}





/*******************popup*******/

.pop-up-overlay-wallet {
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    z-index: 8;
    width: 100%;
    height: 100%;
    display: none;
	top:0px;
	cursor:pointer;
}
.popup_overlay-bg-transparent, .notification-popup-wrapper {
    background-color: transparent;
}
.notification-popup-wrapper {
    padding-top:0px;
}

.wallet-status, .popup_tab_wrap, .popup_tab_wrap_user, .notify-popup-detail, .psw-popup-detail {
    z-index: 10;
}



/******catalogue click issue******/
.catg-item { margin-bottom: 5px; float: left; width: 100%; }
.catg_title.catg_table { display: table; float: none; height: 100%;}
.catg_table .catg-wrapper{display: table-row; width: 100%;float: none;height: 100%;}
.catg_table .left-catdetail{display: table-cell;float: none;    width: calc(100% - 90px);vertical-align: middle;}
.catg_table .rightfet-ctg{display: table-cell;float: none;    width: 90px;vertical-align: middle;}



.catg_table.catg_table_single .rightfet-ctg {width: 40px;}
.catg_table.catg_table_single .left-catdetail{width: calc(100% - 40px);}
.catg-item .catg_table { cursor: default; }
.catg_table span.arrow.arrowUp { cursor: pointer; }



.catg_table_single .rightfet-ctg-box { height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; float: right; }
.catg_table .rightfet-ctg i { margin-top: 0px; margin-right: 16px; }
.catg_table_single .acrd-arrow { margin-left: 0px; }
.catg-item .catg_title.single_cat_title p {
    font-size: 14px;
}



.membership-popup-detail.membership-popup-box {
    display: none;
    z-index: 10;
}

.membership-popup-detail.membership-popup-box.active {
    display: block;
}

.prf-member h3 {
    display: inline-block;
}

#feedback-form label[for="feedbackform-subject"], #feedback-form label[for="feedbackform-message"] {
    color: #484848;
    opacity: 1;
}

.has-success.is-focus label,  .has-success.is-focus span.country-no {color: #35B2C1;}

.profil-form-sec-inner .is-focus label,  .profil-form-sec-inner .is-focus span.country-no {color: #35B2C1;}

.is-focus label,  .is-focus span.country-no {color: #35B2C1 !important;}


.stores-filter .filter-topbar .close-popup img {margin-left: -4px;}

.has-error label, .has-error span.country-no {color: #D32F2E !important;}

p.desired-quantity-text {margin-top: 13px;}

.storedetail-pg .dtl-usertouch li, .mall_accord .dtl-usertouch li { height: 56px; line-height:normal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; }

.product-detail-img-box { position: relative; overflow:hidden; }
.product-detail-img-box > img { width: 100%; display: block; height: auto; }
.product-detail-img-box:after { content: ""; position: absolute; width: 100%; bottom: 0; left: 0;-webkit-box-shadow: inset 0px -80px 40px rgba(0,0,0, 1);-moz-box-shadow: inset 0px -80px 40px rgba(0,0,0, 1);box-shadow: inset 0px -80px 40px rgba(0,0,0, 1);height: 100%;width: 100%;transform: scale(1.3);}
.prf-usr-conct-inner .chng-psw { margin-top: 6px; }
.prf-usr-conct-inner { max-width: 600px; width: 100%; }

.sticker-preview-img-box { position: relative; overflow:hidden; }
.sticker-preview-img-box > img { width: 100%; display: block; height: auto; }
.sticker-preview-img-box:after { content: ""; position: absolute; width: 100%; bottom: 0; left: 0;height: 100%;width: 100%;transform: scale(1.3);}

.storedetail-pg .dtl-usertouch li p + span, .mall_accord .dtl-usertouch li p + span { font-size:0px;}
p.no-info-display { text-align: center; padding: 10px 0; display: flex;height: 100%; align-items: center; justify-content: center; }

/**********share pop up ****************/


.prod-brand-logo.share-icon { right: 15px; left: auto; cursor: pointer; bottom:15px;}
div#share-link { top: 0; }
.share-icon-box { padding: 0 20px; float: left; width: 100%; }
.share-icon-box a { width: 80px; height: 50px; background: #6659B0; float: left; border-top-right-radius: 5px; border-bottom-right-radius: 5px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; font-weight: 600; outline: none;}
.share-icon-box input[type="text"] { width: calc(100% - 80px); float: left; height: 50px; background-image: url(../images/share-clipboard.png); background-repeat: no-repeat; background-size: 10px; background-position: left 12px center;padding-left: 35px;    border-bottom: none; }
.popup_heading.share-heading { margin-bottom: 20px; }
.share-icon-box input[type="text"]:focus{border: none;}
.gold-member .circle-chart__circle {stroke: #bb924f;}
.prod-brand-logo.share-icon span {  width: 24px; height: 24px; }



.cms-page-content p, #faq-list .collapse_m_mall .collapse_content p, .product-details-page .page-content p{padding-bottom:10px;}
.cms-page-content strong, #faq-list .collapse_m_mall .collapse_content strong, .product-details-page .page-content strong{font-weight:bold;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;}


/******* Catalogue Related Items *********/
.related-items-section { padding: 0px 8px; }
.related-items-section .product-img > img { height: auto; }
.related-items-section .product-icon { width: auto; }
.related-items-section .date-location ul li { width: 100%; align-items: center; padding-bottom: 5px; }
.related-items-section .date-location ul { flex-wrap: wrap; }
.related-items-section .product-row { margin-bottom: 0px; }

/******purchase page****/

.purchase-wrapper .page-wrapper { margin-top: 0px; }
.purchase-wrapper .page-container { max-width: 1460px;background-color: #f8f8f8;}
.purchase-wrapper .purchase-inner { text-align: center; float: left; width: 100%; }
.purchase-wrapper h4 { color: #35b2c1; font-size: 18px; font-weight: 600;margin: 20px 0; }
.purchase-wrapper h4 span { display: block; font-size: 40px;margin-top: 15px; }
.purchase-wrapper .purchase-listing li { margin-bottom: 22px; color: #484848; }
.purchase-listing li span { display: block; margin-top: 10px; font-weight: 600; font-size: 18px; }
.purchase-wrapper ul.purchase-listing { margin-top: 15px; float: left; width: 100%; }
.purchase-wrapper .purchase-inner h5 { float: left; width: 100%; color: #35b2c1; font-weight: 600; font-size: 16px;margin: 12px 0; }
.purchase-wrapper .purchase-summery { max-width: 500px; background-color: #fff; box-shadow: 0px 1px 14px rgba(17,17,17, .12); padding: 30px; border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%); margin: 0 auto; width: 100%; left: 0; right: 0;max-height: calc(100vh - 100px); overflow-y:auto; }
.purchase-wrapper sup { top: 0; }
.purchase-wrapper .pup-save-btn { height: 50px; }
.purchase-wrapper .dialog-popup { top: 1.3%; }
.purchase-wrapper .dialog-popup a { margin-top: 3px; }
.category-content .page-content a { width: initial; display: initial; color: #337ab7; font-weight: normal; font-size: inherit; margin-bottom: initial; }

.wizard .step.stepfrm-3 .usr-already small a { padding-left: 5px; }

em {font-style: italic;}
.stores-description span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom:0; margin-bottom:5px; }
a.more-nav i img { vertical-align: bottom; }


.point-bnr-title.point-bnr-title-mobile{display:none;}
.category_accord:not(.store_record) .catg-item{margin-bottom:0;}
.category_accord:not(.store_record) .mlt-timing li:last-child{    border-bottom:none;}
.confrm-payment-note p, .confrm-payment-note { color: #D32F2E; }

.purchase-wrapper { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 9; }
.purchase-wrapper .page-wrapper { background-color: transparent; }



#unused-deals .user_date { top: 0px; margin-top: 7px; }
.landing-page-caption .account-btn a { display: block; }
.field-signupform-gender.is-focus .select { border-bottom: 1px #35B2C1 solid !important; }

.wallet-onboarding-popup-custom .onboarding-sec-overlay { background-color: rgba(0,0,0,0.7); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }
.wallet-onboarding-popup-custom .onboarding-sec { margin: auto; width: 100%; max-width: 500px; border-radius: 8px; background: #EEEEEE; padding: 20px; position: fixed; overflow-y: auto; top: 20px; padding-top: 20px; z-index: 10; transition: all .4s ease-in-out; left: 0; right: 0; }

.notifications-row { position: relative; }
.notification-ckb .notifications-row {padding-left:25px;}
.notifications-check { width: 20px; position: absolute; left: 0; top: 40%; transform: translateY(-40%); }
.notifications-row-left, .notifications-row-right { cursor: pointer; }

.profil-form-sec .trms-chck.cstmcheck span { vertical-align: middle; display:inline; }
.has-error.field-signupform-data_tnc label[for="signupform-data_tnc"] p {color: #484848 !important;}
.has-error label p {color: #484848 !important;}

body { -ms-overflow-style:scrollbar ; }
select#signupform-gender::-ms-expand { display: none; }


.group input:-ms-input-placeholder, .group select:-ms-input-placeholder, .group textarea:-ms-input-placeholder { opacity: 1; transition: all 0.2s; font-size:0px !important; }

.group input:-ms-input-placeholder:not(:focus):-ms-input-placeholder label, .group select:-ms-input-placeholder:not(:focus):-ms-input-placeholder label, .group textarea:-ms-input-placeholder:not(:focus):-ms-input-placeholder label  { opacity: 0; }


.group input:-ms-input-placeholder:not(:focus) + label, .group select:-ms-input-placeholder:not(:focus) + label, .group textarea:-ms-input-placeholder:not(:focus) + label {     font-size: 14px; color: #908f8f; top: 21px; font-weight: bold;}
.group input:-ms-input-placeholder:not(:focus), .group select:-ms-input-placeholder:not(:focus), .group textarea:-ms-input-placeholder:not(:focus){border-bottom: 1px solid #efefef;}


.confirm-summary-sec .related-rewards .mlt-timing { margin-bottom: 20px; }

/*******page not found****/
.page-not-found-box { text-align: center; padding-top: 70px; }
.page-not-found-box .page-not-found-image { font-size: 320px;  font-weight: 600;color: rgba(72, 72, 72, .2); position:relative;}
.page-not-found-box .page-not-found-text { font-size: 25px; font-weight: 600; margin: 30px 0 40px 0; color: #484848; }
.page-not-found-box .page-not-found-btn .download-app { display: inline-block; width: 200px; text-align: center; height: 50px; line-height: 50px; font-size: 16px; background: #6659B0; border-radius: 4px; font-weight: bold; }
.page-not-found-box .page-not-found-btn .download-app a { color: #fff; font-size: 18px; width: 100%; }
/* .page-not-found-box .page-not-found-image {background-image: url("../images/404.png"); background-repeat: no-repeat; background-position: center bottom;  }*/
.page-not-found-image:after {     background-image: url(../images/404.png);     background-repeat: no-repeat;     background-position: center bottom;     content: "";     position: absolute; 	top:0; 	bottom:0px; 	left:0px; 	right:0px; 	background-size: 145px;     }
/*******end of page not found****/


/** Result popup css start **/
.result-popup-wrraper { background-color: rgba(0,0,0,0.7); position: fixed;  width: 100%; height: 100%; top: 0; padding: 50px 0;     z-index: 9;  transition: all .4s ease-in-out; display: none;}
.result-sec-pop{ max-width: 500px; width: 90%; background: #fff; margin: auto; position: relative; display:table; top: 50%; transform: translateY(-50%);     border-radius: 5px; padding: 10px 0;}
.result-sec-pop .popup_heading{margin-bottom: 0px; padding: 8px 20px; padding-top: 17px;}
.result-closepopup{margin-right: 10px;float: left;margin-top: 5px;cursor: pointer;}
.result-entri-bnr{width:100%; float:left; }
.result-entri-bnr img{width:100%;}
.entris-result{width:100%;float:left; position:relative; max-height: 505px; overflow: auto;}
.entris-result::-webkit-scrollbar {display: none;}
.category_accord::-webkit-scrollbar {display: none;}
.entris-list .catg_title {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;height: 65px;align-items: center;}
.entris-list{width:100%; float:left; }
.entris-list .left-catdetail{width: calc(100% - 90px); height: 100%;}
.entris-list .rightfet-ctg {float: right;align-items: center;height: 65px;display: flex;}
.entris-list .rightfet-ctg i{margin-top:0;}
.entris-list .rightfet-ctg i img {width: 30px;position: relative;}
.entris-list .rightfet-ctg .acrd-arrow {padding: 0 15px; margin-left: 16px; height: 100%;}
.entris-list .rightfet-ctg span{position: relative; top: 50%;}
.entris-list .rightfet-ctg .arrowDown {transform: translatey(-50%) rotate(-180deg);}
.entris-list .rightfet-ctg .arrowUp {transform: translatey(-50%) rotate(0deg);}


.wallet-inner-container { max-width: 1000px; }
.game_change_box { max-width: 24.3%; flex-basis: 24.3%; }

/******css for internet explorer*********************/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .header-before-login ul li a{height:10px;}
   .header-before-login ul li a i{height:24px;}

   .header-before-login ul ul li a{height:auto;}
   .header-before-login ul ul li a i{height:auto;}
   .footer-right{padding-right:15px;}
   .page-loader img{left:50%;}

   /*.group input{    border-bottom: 1px solid #efefef;}
   .has-success.group input{    border-bottom: 1px solid #484848;}*/
   svg.circle-chart{-ms-transform:rotate(-90deg);}
   .acrd-arrow .arrow{pointer-events:none;}



}

@supports (-ms-ime-align:auto) {
    .a.tab-popup {
        width:16%;
    }
}

/******View Expired Vouchers****/

.view-expired-vouchers {
    text-align: center;
    border-bottom: none;
    padding: 0;
}

.view-expired-vouchers a {
    float: none;
    display: inline-block;
}

.view-expired-vouchers span img {
    vertical-align: middle;
    margin-left: 10px;
    transform-origin: center;
}
.view-expired-vouchers-box .vouchers-box-row{
  background: #B2B2B2;
}

.expired {
    position: absolute;
    left: 0;
    background: #C3C3C3;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    padding: 5px 8px;
    left: -5px;
}
 .view-expired-vouchers-box, .unused-deals-box{
  display: none;
} 

.view-expired-vouchers.active span img {
    transform: rotate(180deg);

}
.view-expired-vouchers-box.active, .unused-deals-box.active{
  display: flex;
}

.unused-deals-box .unused-deals-row {
    background-image: url(../images/unused-grey-bg.svg);
    background-size: contain;
    background-repeat: no-repeat;

}

.unused-deals-box .expired {
    position: absolute;
    left: 0;
    background: #C3C3C3;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    padding: 5px 8px;
}
.unused-deals-box .expired + * {
    margin-top: 35px;
}
.unused-deals-box .unused-deals-row p, .unused-deals-box .unused-deals-row span {
    color: #ffffff;
}
/* .unused-deals-row{
  webkit-box-shadow: 1px 2px 8px -2px rgba(140,140,140,.8);
  -moz-box-shadow: 1px 2px 8px -2px rgba(140,140,140,.8);
  box-shadow: 1px 2px 8px -2px rgba(140,140,140,.8);
} */


.unused-deals-box .unused-deals-row {
    height: 151px;

}

.app-download-expired {
    height: 40px;
    width: 90%;
    border-radius: 4px;
    background-color: rgb(178, 178, 178);
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margin: auto;
    color: #fff;
}
.unused-deals-row svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 120px;
    height: 100%;
}

.unused-deals.unused-deals-box .unused-deals-row { flex-basis: calc(100% / 4 - 12px); max-width: calc(100% / 4 - 12px);margin: 0 6px;}
/******end of View Expired Vouchers****/

/*25-05-2020*/
.stp2-msg p:before {
    height: 90px;
}
.member-msg p:before {
    height: 90px;
}
/*25-05-2020*/



/*******kumar css********/

.flash-deal-strike {
    color: #484848;
    margin: 10px 0px 0px 0;
    padding-left: 20px;
}

.flash-deal-strike.points {
    padding-left: 25px;
}

.grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid-align-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.grid-align-bottom {
    -webkit-box-align: flex-end;
    -moz-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.grid-justify-flex-end {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.grid-space-between {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.grid-align-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.grid-justify-flex-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.grid-justify-flex-space-around {
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.m-price.flash-deal-spark p:after {
    background-image: url("../images/Filled.svg");
	left: -4px;
	top: 12px;
}
.tab-flash-deal li {
    flex: 1;
    text-align: center;
	padding: 14px 0;
	border-bottom:1px solid transparent;
	cursor:pointer;
    
}
.tab-flash-deal li.active {
    border-color:#6659B0;
    color:#6659B0;
    
}

.flash-deal-tab-handler-wrapper{
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 12px;
}
.tab-flash-deal li{
	flex:1;
	text-align:center;
}
.flash-deal-logo-container{
	text-align:center;
	margin-top:30px;
	margin-bottom:11px;
}
.m-price.flash-deal-spark {
    color: #484848;
    margin: -6px 0px 0px 0;
}

.slider-point{
    background-color: #ffffff;
    padding: 20px 15px;
	font-size:18px;
	font-weight:bold;
}
.slider-spent span{
    color:#35B2C1;
    font-weight: bold;
}

.slider-spent .gold{
    color: #BC9348;
}

.slider-spent {
    font-size: 15px;
    padding: 15px;
    background-color: #ffffff;
    margin-top: 1px;
    text-align: center;
}
.common-slider-wrapper .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.common-slider-wrapper .owl-nav button.owl-prev {
    left: 0;
}
.common-slider-wrapper .owl-nav button.owl-next {
    right: 0;
}
.common-slider-wrapper .owl-theme .owl-nav {
    margin-top: 0px;
}

.common-slider-wrapper .owl-nav button span {
    color: rgba(255,255,255,0);
    width: 25px;
    height: 25px;
    background-image: url(../images/down-arrow-slider.svg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
}

.common-slider-wrapper .owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
}
.common-slider-wrapper .owl-nav button.owl-prev span{
	transform: rotate(90deg);
}
.common-slider-wrapper .owl-nav button.owl-next span{
    transform: rotate(-90deg);
}
.common-slider-wrapper .owl-theme .owl-dots {
    margin-top: -30px;
    position: relative;
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0px 4px;
    background: #F8F8F8;
}

.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.flash-sale-single-heading-wrapper span{
	color:#484848;
	font-size:15px;
	font-weight:bold;
}
.flash-sale-single-heading-wrapper span >span {
    display: block;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
}
.flash-sale-single-heading-wrapper {
    padding: 8px 15px;
	border-bottom: 1px solid #EEEEEE;
}
.product-title.updated-product-title h2 {
    margin: 0;
}
.flash-sale-single-heading-wrapper span img{
	margin-right:10px;
}
.disabled_button span {
    background-color: #cccccc;
    display: block;
    color: #fff;
}

.related-items-section .flash-deal-strike {
    font-size: 14px;
}

.related-items-section .flash-deal-strike p {
    font-size: 13px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #F8F8F8;
}
.owl-theme .owl-dots .owl-dot span {
    background: #869791;
}

.m-price.flash-deal-spark.points p:after {
    left: 0px;
}

.m-price.flash-deal-spark p {
    padding-top: 4px;
}

.common-slider-wrapper .owl-theme .owl-nav [class*='owl-'] {
    width: 50px;
    height: 50px;
}

/*----------------Referral Promo code css --------------*/
.referrralpromocode { padding-right: 7px; padding-left: 7px;}
.referrralpromocode .referrralpromocode-section { background:#484848; display: block; overflow: hidden; padding-right: 9px; padding-left: 9px; }
.referrralpromocode .referrralpromocode-section p { color: #FFFFFF; font-weight: bold; padding:16px 7px;}
.referrralpromocode .referrralpromocode-section .field-signupform-referral_code{ position: relative;}
.referrralpromocode .referrralpromocode-section .field-signupform-referral_code:after{  position: absolute; content: '';  background-image: url(../images/referral_code.svg); width: 22px; right: 12px; top: 19px; height: 22px; }

.referrralpromocode .referrralpromocode-section .field-signupform-promo_code{ position: relative;}
.referrralpromocode .referrralpromocode-section .field-signupform-promo_code:after{  position: absolute; content: '';  background-image: url(../images/promo_code.svg); width: 22px; right: 12px; top: 19px; height: 22px; }
.referrralpromocode p.help-block { padding: initial; color: #D32F2E; font: inherit; }
.referrralpromocode .form-control[disabled] { opacity: .70; }
/*----------------End Referral Promo code css --------------*/

/*----------Refer a friend--------*/
/* .refer-friend-section h1{ padding-bottom: 20px; } */
.refer-friend-section .refer-friend { max-width: 100%; display: flex;}
.refer-friend-section .refer-friend .share-icon-box { display: block; float: none; padding: 0; max-width: 350px; margin: 10px 0 20px;}
.refer-friend-section .share-icon-box input[type="text"] { background-image: unset; padding-left: 13px; border-radius: 4px 0px 0px 4px; }
.refer-friend-section .share-icon-box a { border-radius: 0px 4px 4px 0px; }
.refer-friend-section .your-referral-code { font-size: 15px; line-height: 18px; }
/*----------End refer a friend--------*/

.border-0{
    border: 0 !important;
}


@media screen and (max-width:1024px) {
    .box-inhiret{
        position: initial;
    }
}

.img-worng{
    width: 100%;
    text-align: center;
    margin: 0 auto !important;
}

.para_popup{
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #484848;
}

.error_label p{
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
    width: 120%;
}

@media screen and (max-width:820px) {
    .error_label p{
        width: 100%;
    }
    
}

.note_heaign_pop { font-size: 24px !important; text-align: left !important;}
.pop_up_new {margin-bottom: 15px !important; }
.popup_new_btn{margin-top: 40px !important;}
.popup_box_new{padding: 15px 20px !important;}