@charset "utf-8";
/* CSS Document */

/*-----FONT-----*/

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display:swap;
    src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://assets.faballey.com/themes/mobile/fonts/nufid-vyszvivyub_rj3ij__anpxdtzyga.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url(https://assets.faballey.com/themes/mobile/fonts/nufld-vyszvivyub_rj3ij__anpxbyf9lw4e5g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Playfair Display Black'), local('PlayfairDisplay-Black'), url(https://assets.faballey.com/themes/mobile/fonts/nufld-vyszvivyub_rj3ij__anpxbb__lw4e5g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Lato Light'), local('Lato-Light'), url(https://assets.faballey.com/themes/mobile/fonts/dpj5r9gl3kk6ijoep1irsvy6323mhuzfjmgtvxag2ie.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Lato Light'), local('Lato-Light'), url(https://assets.faballey.com/themes/mobile/fonts/esvmc5un3kjyuhb9zeppwg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://assets.faballey.com/themes/mobile/fonts/uybmtlshkbkxelqf4x7vrq.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://assets.faballey.com/themes/mobile/fonts/1ywb1so8ye1lyjf12wniua.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://assets.faballey.com/themes/mobile/fonts/obqr5xycoh0wbouxiayk3_y6323mhuzfjmgtvxag2ie.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://assets.faballey.com/themes/mobile/fonts/h2dmvhdlycm56knuatbjya.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Lato Black'), local('Lato-Black'), url(https://assets.faballey.com/themes/mobile/fonts/r4a6fty3wapci7c44h8ajvy6323mhuzfjmgtvxag2ie.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Lato Black'), local('Lato-Black'), url(https://assets.faballey.com/themes/mobile/fonts/ti4j516nok_grvf4dhunkg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
* { margin: 0; padding: 0; }
body { background: #fff; font-family: 'Lato', sans-serif; font-size: 12px; color: #000; -webkit-transition: all 0.25s linear; }

.alertPopUpStart {
    width: 94%;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 99;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.alertPopUpMain {
    padding: 6px;
    position: relative;
    z-index: 99999;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    box-sizing: border-box;
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
}

.alertPopUp {
    border: 1px solid #ccc;
    border-radius: 21px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    height: 25px;
    position: absolute;
    right: -7px;
    text-align: center;
    top: -7px;
    line-height: 25px;
    background: #fff;
    width: 25px;
    cursor: pointer;
}

    .alertmsg { display:inline-block; font-size:14px;margin: 15%; }

.confirmAddDelete {width: 100%;display: block;position: fixed;top: 37%; z-index: 2; }
.addresspopupMsg {border: 1px solid #333;background: #eeeeee;padding: 20px 0;text-align: center;border-radius: 5px;}
.addresspopupMsg p {width: 100%;display: inline-block;font-size: 14px;}
.addresspopupMsg a {padding: 8px 15px;color: #d4b952;border: 1px solid #d4b952;display: inline-block;margin: 30px 5px 0 5px;}
.addresspopup {margin: 30px auto 0;padding: 6px;max-width: 320px;width: 100%;position: relative;z-index: 99999;}
.bagmargedBox { text-align: center; }
.bagmargedBox h4 { display: inline-block; border: 2px solid #d4b952; padding: 10px 20px; margin-top: 25px; color: #d4b952; font-weight: 700; }

/*.modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%;
background: rgba( 255, 255, 255, .8 ) url('') 50% 50% no-repeat; }*/

/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
body.loading { overflow: hidden; }

/* Anytime the body has the loading class, our modal element will be visible */
body.loading .modal { display: block; }
.field-validation-error { float: left; color: #d4b952; width: 100% !important; margin: 0; }
.field-validation-error span { width: 100% !important; }

.cl { clear: both; overflow: hidden; }
img { border: none; }
ul, ol { margin: 0px; padding: 0px; list-style-type: none; }
a { text-decoration: none; color: #000; }
i { font-family: Century Gothic,Helvetica,sans-serif; }
*:focus { outline: none !important; }
textarea,select,checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.editUpdteActive > a{color:#fff !important;background:#d4b952;}
.ulbagMain { max-width: 1000px; margin: 0 auto; }
.chkHeadmain { width: 100%; background: #f4f4f4; }
.checkoutHead { position: fixed; top: 0; width: 100%; left: 0; background: #000; display: none; padding: 18px 0 14px; z-index: 999; }
.checkoutHead p { font-family: 'bebas_neuebook'; font-size: 18px; letter-spacing: 1px; margin-left: 10px; vertical-align: top; line-height: 35px; color: #fff; display: none; }
.checkoutHead span { color: #fff; float: right; cursor: pointer; margin: 0 10px 0 0; text-transform: uppercase; }
.mobLogo {
    max-width: 115px;
    width: 100%;
    display: inline-block;
    margin: 0 0 0 10px;
    position: absolute;
    top: 13px;
}
.mobLogo img { max-width: 100%; }
.mobLogoInd {
    max-width: 50px;
    width: 100%;
    display: inline-block;
    margin: 0 0 0px 10px;
    position: absolute;
    top: 7px;
}

    .mobLogoInd img {
        max-width: 100%;
    }
.bagLeftcntr { width: 62%; float: left; min-height: 460px; height: 100%; }
.bagRightcntr { width: 35%; float: right; padding: 15px 0 40px 0; }
.bagRightitle { width: 100%; display: inline-block; padding-bottom:15px; }
.bagRightitle h3 { font-size: 20px; color: #555555; font-weight: 400; float: left; padding: 0 !important; }
.bagRightitle a { font-size: 14px; color: #d4b952; font-weight: 400; float: right; text-decoration: underline; line-height: 22px; }

.shpItemsMain { max-height: 270px; overflow: auto; margin-bottom: 10px; }
.shpItems { display: inline-block; width: 100%; padding: 5px 0; border-bottom: 1px solid #efefef; }
.shpItems img { float: left; max-width: 40px; }
.shpItems span { display: inline-block; margin-left: 10px; font-size: 11px; color: #4a4a4a; line-height: 15px; width: 80%; }
.shipdays { margin-top: 20px; font-size: 13px; color: #4a4a4a; border: 1px solid #efefef; padding: 10px; }
.shipItemPrice { margin-left: 5px !important; }

.bagRightcntr h3 { font-size: 20px; color: #555555; font-weight: 400; padding-bottom:15px; }
.optionBox { display: inline-block; background: #f4f4f4; padding: 20px; margin-top: 5px; }
.ptmchngeAdrs { display: inline-block; width: 100%; padding-top: 20px; }
.ptmchngeAdrs p a { font-size: 14px; color: #d4b952; font-weight: 400; float: right; text-decoration: underline; line-height: 22px; } 
.checkoutLogo { float: left; max-width: 150px; }
.checkoutLogo img { max-width: 100%; }
.checkoutlgInd { float: left; max-width: 80px; }
.checkoutlgInd img { max-width: 100%; }
.sizeQty { padding-top: 5px; }
.sizeQty span { margin-right: 50px; white-space: nowrap; color: #777; font-size: 13px; }
.aedicon::before {content: "د.إ";}
.saricon::before {content: "﷼";}
.muricon::before {content: "₨";}
.cntshop { margin-left: 3%; float: left; }
.cntshop a { color: #d4b952; font-size: 15px; font-weight: 300; }
.cntshop i { font-size: 15px; margin-right: 5px; }

.cntshop2 { margin-top: 3%; }
.cntshop2 a { color: #d4b952; font-size: 15px; font-weight: 300; }
.cntshop2 i { font-size: 15px; margin-right: 5px; }
.itemdtlCntr { width: 100%; }
/*.total-dicount .saricon { float: right; }
.prizeDetail .saricon { float: right !important; margin: 0 !important; }
.orderTotal .saricon { float: right !important; margin: 0 !important; }

.total-dicount .aedicon { float: right; }
.prizeDetail .aedicon { float: right !important; margin: 0 !important; }
.orderTotal .aedicon { float: right !important; margin: 0 !important; }*/

.item-prize { padding: 15px 0; display: inline-block; width: 100%; }
.item-prize p { float: left; font-size: 20px; color: #555555; }
.total-dicount { white-space: nowrap; padding-left: 10px; }
.total-dicount p { font-size: 15px; color: #555555; }
.total-dicount span { margin: 0 5px 0 0; display: inline-block; color: #6e6e6e; }
.discountRed { color: red; border-left: 1px solid #ececec; padding-left: 7px; text-decoration: line-through; }
.itemDetail { display: flex; justify-content: space-between; width: 100%; }
.soldOutMsg { font-size: 15px; font-weight: 600; color: red; font-style: normal; float: right; margin-top: 40px; white-space: nowrap; }
.itemRemovemain { border-top: 1px solid #ececec; padding: 8px 0 0 0; margin-top: 10px; display: inline-block; width: 100%; }
.itemRemovemain li { float: left; cursor: pointer; color: #000; margin-right: 20px; font-weight: 500; text-decoration: underline; }
.item-remove { float: right; cursor: pointer; color: #bcbcbc; font-size: 17px; }
.moreWishlist { text-align: right; border: 1px solid #ececec; display: inline-block; width: 100%; padding: 10px 0; }
.moreWishlist i { font-size: 18px; }
.moreWishlist span { font-size: 13px; cursor: pointer; color: #6e6e6e; margin-right: 3%; text-decoration: underline; }
.shpStepsmain { width: 100%; padding: 5px 0;position:relative; }
.shopingStep { display: inline-block; left: 40%; top: 0; position: absolute; }
.shopingStep i { display: block; font-size: 17px; margin-bottom: 5px; }
.shopingStep li { display: inline-block; font-size: 14px; text-align: center; }
.shopingStep li a { color: #adadad; padding: 11px 30px; display: block; cursor: default; }
.shopingStep li a.stepActive { color: #d4b952; border-bottom: 3px solid #d4b952; }
.crpnt { cursor: pointer !important; }

.secureBox { font-size: 14px; float: right; color: #adadad; line-height: 53px; }

.coupanPopupmain { width: 100%; height: 100%; background: rgba(0,0,0,.7); position: fixed; left: 0; top: 0; z-index: 99999; }
.coupanPopupbox { max-width: 380px; width: 100%; border-radius: 5px; background: #fff; margin: 5% auto; box-shadow: 0 0 8px rgba(0,0,0,.1); }
.coupanPopupbox h4 { border-bottom: 1px solid #ececec; padding: 20px; font-size: 18px; font-weight: 400; color: #4a4a4a; }
.coupanPopupcntr { padding: 0 20px 0 20px; }
.enterCoupan { padding: 15px 0; }
.enterCoupan label { width: 100%; display: inline-block; font-size: 16px; font-weight: 400; color: #555555; }
.enterCoupan input[type="text"] { border: 1px solid #4a4a4a; padding: 8px 10px; width: 96%; margin-top: 10px; border-radius: 5px; }
.bagcoupanbox { }
.bagcoupanbox span { margin-left: 50%; color: #6e6e6e; }
.bagcoupanbox p { width: 100%; display: inline-block; font-size: 16px; font-weight: 400; color: #555555; }

.applyvocherBox { padding: 10px 0; border-top: 1px solid #ececec; }
.applyvocherBox:first-child { border: none; }
.applyvocherBox p { color: #999999; font-size: 14px; padding-left: 22px; }
.applyvocher { width: 100%; }
.applyvocher input[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }

.bagcoupan { margin: 0; }
.bagcoupan p { font-weight: normal; }
.bagcoupan input[type="checkbox"] { display: inline-block; margin: 2px 5px 0 0; }
.bagcoupan label { margin: 0; display: inline-block; padding: 4px 7px; color: #4a4a4a; font-size: 15px; }

.orbox { width: 80%; text-align: center; margin: 25px auto; }
.orbox p { background: #d6d6d6; line-height: 1px; position: relative; font-size: 15px; }
.orbox span { border: 1px solid #d6d6d6; border-radius: 30px; background: #fff; margin-left: 0; padding: 13px 16px; font-size: 15px; }

.coupanbtn { border-top: 1px solid #ececec; margin-top: 10px; display: inline-block; width: 100%; }
.coupanbtn a { float: left; font-size: 14px; color: #d4b952; padding: 15px 0; text-align: center; width: 49.5%; border-right: 1px solid #ececec;}
.coupanbtn input { float: left; font-size: 14px; color: #d4b952; padding: 15px 0; text-align: center; width: 49.5%; border-right: 1px solid #ececec;}
.coupanbtn a.bgpink { background: #d4b952; color: #fff; }
.coupanbtn a:last-child { border: none; }

.editItembox { display: inline-block; width: 100%; }
.editItembox p { width: 100%; display: inline-block; font-size: 15px; color: #555555; }
.editSize { padding-top: 12px; display: inline-block; }
.editSize span { float: left; font-size: 14px; line-height: 30px; color: #4a4a4a; }
.editSize ul { display: inline-block; margin: 0 0 10px 20px; }
.editSize li { list-style: none; float: left; border: 1px solid #dcdcdc; margin-right: 5px; }
.editSize li a { display: inline-block; color: #4a4a4a; font-size: 14px; font-weight: 300; padding: 4px 8px; }
.editSize li a:hover { background: #d4b952; color: #fff; }
.editQty { display: inline-block; margin-left: 30px; vertical-align: top; }
.editQty select { border: 1px solid #ccc; padding: 4px; width: 80px; margin-left: 20px; background: url(https://assets.faballey.com/images/accarrow2.png) no-repeat 90%; }
.editSave { display: inline-block; width: 100%; margin-top: 10px; }
.editSave a { float: left; margin-right: 10px; background: #fff; font-size: 14px; padding: 5px 15px; color: #d4b952; border: 1px solid #dcdcdc; border-radius: 5px; cursor:pointer; }
.editSave a:hover { background: #d4b952; color: #fff; border: 1px solid #d4b952; }


.itemMain { width: 100%; float: left; border: 1px solid #ececec; margin-bottom: 30px; }
.itemLeft { float: left; font-size: 13px; color: #000; font-weight: normal; padding: 15px; }
.quantyzero { border: 1px solid red; }
.quantyzero .itemMain { border: none!important; }
.sampleMain { width: 100%; display: flex; align-items: flex-start; position: relative; justify-content: space-between; }

.itemBox { float: left; margin: 0 15px 0 0; width: 90px; max-width: 100%; border: 1px solid #e6e6e6; }
.itemBox img { max-width: 100%; display: block; }

.sampleBox { display: inline-block; margin: 0; width: 100%; }
.sampleBox h3 a { font-size: 15px; font-weight: normal; }
.sampleBox h3 a:hover { text-decoration: underline; }
.sampleBox p { text-transform: uppercase; font-size: 11px; font-weight: normal; line-height: 20px; color: #777; }
.sampleBox dd { color: #6e6e6e; }

.customSize { padding: 5px 0; }
.customSize span { display: inline-block; margin-right: 5px; font-size: 11px; color: #777; }

#applyCoupan { border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; padding: 5px 0; display: inline-block; width: 100%; text-align: center; margin-bottom: 10px; }
#applyCoupan p { cursor: pointer; font-size: 13px; font-weight: 400; line-height: 28px; color: #d4b952; text-transform: uppercase; display: inline-block; }
#applyCoupan i { font-size: 16px; padding-right: 7px; }

.bagaplcpn { color:#d4b952;font-weight:600; }
.bagdislbl { color:#d4b952 !important; }
.bagcna { color: #a756fb;font-weight:500; }
.bagcpnapl { color: #d4b952;font-weight:500; }
#cpnremove { font-weight:700; font-size: 13px; cursor: pointer; float: right; padding: 5px; }

.applycredits { padding: 0 0 10px 0; display: inline-block; width: 100%; border-bottom: 1px solid #ececec; }
.applycredits p { font-size: 14px; font-weight: bold; display: inline-block; color: #555555; }
.applycredits input[type="checkbox"] { float: right; margin-top: 5px; }
.applycredits span { font-size: 11px; font-weight: normal; display: inline-block; color: #6e6e6e; width: 85%; }

.applycredits label input { display: none; }
.applycredits label dd { height: 20px; width: 20px; display: inline-block; position: relative; float: right; border: 1px solid #ccc; }
.applycredits [type=checkbox]:checked + dd:before { content: '\2714'; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; background: #d4b952; width: 17px; height: 20px; padding-left: 3px; }

.giftWrap { padding: 0 0 10px 0; display: inline-block; width: 100%; border-bottom: 1px solid #ececec; }
.giftWrap p { font-size: 14px; font-weight: bold; display: inline-block; color: #555555; }
.giftWrap input[type="checkbox"] { float: right; margin-top: 5px; }
.giftWrap span { font-size: 11px; font-weight: normal; display: inline-block; color: #6e6e6e; width: 85%; }

.giftWrap label input { display: none; }
.giftWrap label i { height: 20px; width: 20px; display: inline-block; position: relative; float: right; border: 1px solid #ccc; }
.giftWrap [type=checkbox]:checked + i:before { content: '\2714'; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; background: #d4b952; width: 17px; height: 20px; padding-left: 3px; }

.donation { padding: 15px 0; display: inline-block; width: 100%; }
.donation p { display: inline-block; font-size: 14px; font-weight: bold; color: #555555; }
.donation input[type="checkbox"] { float: right; margin-top: 5px; }
.donation span { font-size: 11px; font-weight: normal; display: inline-block; width: 85%; color: #6e6e6e; }
.donation label span i { width: auto; height: auto; border: none; float: none; }
.donation label input { display: none; }
.donation label i { height: 20px; width: 20px; display: inline-block; position: relative; float: right; border: 1px solid #ccc; }
.donation [type=checkbox]:checked + i:before { content: '\2714'; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; background: #d4b952; width: 17px; height: 20px; padding-left: 3px; }

.przdlmain { display: inline-block; }
.prizeDetailbox { display: inline-block; width: 100%; }
.prizeDetail { width: 100%; float: left; padding: 4px 0; }
.prizeDetail p { float: left; font-size: 14px; color: #6e6e6e; }
.prizeDetail span { float: right; font-size: 14px; color: #6e6e6e; }
.prizeDetail i { margin: 2px 2px 0 0; float: left; }

.orderTotal { width: 100%; float: left; padding: 10px 0; margin-top: 8px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
.orderTotal p { float: left; font-size: 15px; font-weight: 400; color: #d4b952; }
.orderTotal span { float: right; font-size: 15px; font-weight: 400; color: #d4b952; }
.orderTotal i { margin: 2px 2px 0 0; float: left; }

.easyRnt { text-align: center; padding-top: 25px; }
.easyRnt p { display: inline-block; margin: 0 20px; }
.easyRnt p a { color: #a4a4a4; font-size: 14px; font-weight: 300; text-transform: uppercase; }
.easyRnt i { font-size: 20px; padding-right: 8px; }

.placeBtn { display: inline-block; margin-top: 20px; text-align: center; }
.placeBtn input { background: #d4b952; color: #fff; font-size: 17px; font-weight: 300; width: 100%; display: inline-block; padding: 12px 40px; border:none; cursor:pointer; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.placeAnchr { display: inline-block; margin-top: 15px; text-align: center; width: 100%; }
.placeAnchr a { background: #d4b952; color: #fff; font-size: 18px; font-weight: 300; width: 100%; display: inline-block; padding: 12px 0; border:none; cursor:pointer; border-radius: 5px; }
	
.colorpink { color: #ef407e !important; cursor: pointer; }
.mobileShow { display: none; }


/*-----Delivery pages css-----*/
.newAddresbox { padding: 20px; display: inline-block; max-width: 250px; width: 100%; border: 1px solid #ccc; margin: 0 10px 13px 0; vertical-align: top; }
.newAddres {  }
.addressContent { font-size: 12px; line-height: 18px; color: #4a4a4a; }

.addnewAddres { display: inline-block; width: 97%; border: 1px solid #ccc; text-align: center; cursor: pointer; padding: 20px 0; margin-bottom: 30px; }
.addnew { display: inline-block; }
.addnew span { display: inline-block; color: #d4b952; font-size: 16px; }
.addnew p { font-size: 14px; font-weight: normal; color: #d4b952; display: inline-block; text-transform: uppercase; }

.editAddresform { width: 100%; }
.editAddresbox h4 { border-bottom: 1px solid #ececec; padding: 15px 20px; font-weight: 300; font-size: 20px; display: none;}
.editAddresbox form { width: 100%; box-sizing: border-box; }
.editAddres { margin-bottom: 20px; display: table; width: 100%; }
.editAddres input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
.editAddres span { width: 50%; vertical-align: top; float: left; box-sizing: border-box; display: table-cell; position: relative; }

.editAddres span:nth-child(1) { padding-right: 5px; }

.editAddres label { display: inline-table; position: relative; z-index: 1; margin-bottom: 10px; font-size: 13px; font-weight: 600; }
.editAddres textarea { border: 1px solid #efefef; padding: 12px; width: 100%; box-sizing: border-box; color: #8a8a8a; min-height: 100px; }
.editAddres input[type="text"] { border: 1px solid #efefef; padding: 12px; width: 100%; box-sizing: border-box; color: #8a8a8a; }
.editAddres input[type="email"] { border: 1px solid #efefef; padding: 12px; width: 100%; box-sizing: border-box; color: #8a8a8a; }

.editAddres input[type="numeric"] { border: 1px solid #efefef; padding: 12px; width: 100%; box-sizing: border-box; color: #8a8a8a; }
.editAddres select { border: 1px solid #efefef; padding: 12px; width: 100%; background: url(https://assets.faballey.com/images/accarrow2.png) no-repeat right; color: #8a8a8a; }
.editAddres p { display: inline-block; color: #606060; margin: 5px; }
.editAddresform .coupanbtn { margin-top: 10px; }
#statedrop { margin-right: 0; }
.emlreadonly { background: #ebebeb; color: #8a8a8a; }
.error { color: red !important; font-size: 13px !important; font-weight: 400 !important; }

.dlvradresbtn input { border-radius: 5px; border: 1px solid #d4b952; padding: 10px 30px; background: #d4b952; color: #fff; font-size: 15px; font-weight: normal; cursor: pointer; margin-top: 20px; }

.formbtn input { border-radius: 3px; border: 1px solid #d4b952; padding: 13px 50px; background: #d4b952; color: #fff; font-size: 15px; font-weight: 500; 
cursor: pointer; margin: 15px 0 20px 0; }

.checkAddres { display: inline-block; width: 100%; }
.checkAddres p { float: left; font-size: 17px; color: #4a4a4a; margin-top: 0; }
.checkAddres span { float: right; cursor: pointer; font-size: 17px; margin-left: 25px; }
.checkAddres i { color: #c9c9c9; }

/*-----Payment pages css-----*/

.paymentLeft { width: 62%; float: left; }
.paymentRight { width: 35%; float: right; padding: 15px 0 40px 0; }
.paymentRight h3 { float: left;font-size: 20px; color: #555555; font-weight: 400; padding-bottom: 10px; }
.paymentRight h5 a {float: right; font-size: 14px; color: #d4b952; font-weight: 400; margin-top: 8px; text-decoration: underline; }

.paymentBox { display: block; max-width: 468px; width: 100%; }
.paymentBox ul { list-style: none; height: 100%; width: 100%; margin: 0; padding: 0; }
.paymentBox ul li { color: #6e6e6e; display: block; position: relative; float: left; width: 100%; } 
.paymentBox ul li input[type=radio] { position: absolute; visibility: hidden; }
.paymentBox ul li label { display: block; position: relative; font-size: 18px; padding: 10px 25px 10px 55px; margin: 10px auto; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; font-weight: 300; color: #4a4a4a; }

.paymentBox ul li .check { display: block; position: absolute; border: 1px solid #ccc; border-radius: 100%; height: 35px; width: 35px; top: 14px; left: 0; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }
.paymentBox ul li .check::before { display: block; position: absolute; content: ''; border-radius: 100%;
  margin: auto;	transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }
.paymentBox input[type=radio]:checked ~ .check { border: none; }
.paymentBox input[type=radio]:checked ~ .check::before { content: '✔'; color: #fff; font-size: 25px; background: #d4b952; height: 35px; width: 35px; line-height: 35px; text-align: center; }

.paynowBtn { background: #d4b952; display: inline-block; margin-top: 40px; text-align: center; border-radius: 5px; }
.paynowBtn a { color: #fff; font-size: 18px; font-weight: 400; display: inline-block; padding: 12px 20px; }

.safesecure { display: inline-block; margin-left: 20px; }
.safesecure a { color: #a4a4a4; font-size: 15px; font-weight: 300; text-transform: uppercase; }
.safesecure i { font-size: 20px; margin-right: 5px; }

.deliverAddres { padding: 20px; display: inline-block; width: 88%; border: 1px solid #ececec; }
.deliverAddres h4 { color: #4a4a4a; font-size: 17px; font-weight: 400; margin-bottom: 5px; }
.deliverAddres span { color: #4a4a4a; font-size: 13px; font-weight: 400; margin: 3px 0 8px; display: inline-block; }
.deliverAddres p { color: #4a4a4a; font-size: 13px; }
.deliverAddres p a { display: inline-block; margin-top: 10px; color: #d4b952; font-weight: 400; font-size: 13px; text-decoration: underline; }

.bagftmain { border-top: 1px solid #dcdcdc; width: 100%; padding: 30px 0; margin-top: 30px;display:inline-block; }
.bagftbox ul { display: inline-block; }
.bagftbox li { display: inline-block; border-right: 2px solid #a2a2a2; padding: 0 10px; }
.bagftbox li:last-child { border: none; }
.bagftbox li a { color: #4a4a4a; font-size: 14px; }
.bagftbox p { float: right; color: #4a4a4a; font-size: 15px; }


#loading {width: 100%; height: 100%;top: 0; left: 0;position: fixed;opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; display:none; }
#loading-image { position: absolute; top: 50%;left: 50%; z-index: 100;}
#loading img { border: none; }

.pincodeError {color: red;font-weight: 600;font-size: 12px;font-style: normal;margin-top: 10px;display: block; }

.mobileError {color: red;font-weight: 600;font-size: 12px;font-style: normal;margin-top: 10px;display: block; }

.noItembox { text-align: center; margin: 13% 0; }
.noItembox p { font-size: 20px; margin: 15px 0; }
.noItembox a { text-decoration: underline; }
.bagofrBox {
    border-top: 1px solid #ececec;
    display: flex;
    width: 100%;
    padding: 7px 0 0;
    margin-top: 7px;
    justify-content: space-between;
    align-items: center;
}

    .bagofrBox h5 {
        font-size: 11px;
        line-height: 18px;
    }

        .bagofrBox h5 a {
            color: #d4b952;
            padding-left: 5px;
        }

.bagmoreofr {
    position: relative;
    width: 100%;
    max-width: 100px;
}

    .bagmoreofr h6 {
        text-align: right;
        color: #d4b952;
        font-size: 11px;
        text-transform: uppercase;
        text-decoration: underline;
    }

.ofrchkoutPop {
    background: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.ofrchkoutPopcnt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

    .ofrchkoutPopcnt h4 {
        background: #d4b952;
        color: #fff;
        padding: 15px;
        font-size: 15px;
        font-weight: 600;
    }

    .ofrchkoutPopcnt .fa-times {
        float: right;
        cursor: pointer;
        font-size: 17px;
    }

.ofrchkoutPopbox {
    padding: 1.5rem 3rem;
}

.ofrchkoutPopcnt p {
    text-align: center;
    font-size: 13px;
    padding-bottom: 15px;
    font-weight: 600;
}

.ofrchkoutPopbtn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 20px;
}

    .ofrchkoutPopbtn .proced {
        background: #d4b952;
        color: #fff;
        padding: 13px 25px;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 3px;
        text-decoration: none;
    }

    .ofrchkoutPopbtn .addmore {
        color: #d4b952;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 3px;
        text-decoration: none;
        padding: 0 15px;
    }

.bagofrany {
    background: #f4f4f4;
    padding: 7px 15px;
    border: 1px solid #e6e6e6;
    font-size: 11px;
    line-height: 16px;
    position: absolute;
    width: 190px;
    right: 0;
    top: 24px;
    z-index: 2;
    text-transform: uppercase;
}

    .bagofrany p {
        white-space: nowrap;
    }

    .bagofrany:before {
        content: "";
        border: 1px solid;
        border-color: #e6e6e6 transparent transparent #e6e6e6;
        background: #f4f4f4;
        position: absolute;
        top: -7px;
        left: 77%;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
    }
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.ulbagMain { max-width: 770px; width: 100%; }
.itemDetail,.itemRemovemain,.editItembox { width: 76%; }
.sampleBox { width: 60%; }	
.newAddresbox { max-width: 180px; margin-right: 5px; }
.dlvradresbtn input { font-size: 13px; padding: 6px 15px; }
.editAddres span { width: 48%; }
}

@media all and (max-width : 767px) {
 
.bagftmain { display: none; }
.ulbagMain { padding-top: 30px; width: 95%; }
.checkoutHead { display: block; }
.bagLeftcntr,.paymentLeft { max-width: 500px;float: none; width: 100%; margin: 0 auto; border: none; padding-right: 0; min-height:inherit; }
.paymentLeft { position: relative; }
.bagRightcntr { max-width: 500px; float: none; width: 100%; margin: 0 auto; padding: 20px 0; margin-bottom:30px; clear:both; }
    .paymentRight {
        max-width: 500px;
        float: none;
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
        margin-bottom: 30px;
        clear: both;
    }
.optionBox { margin: 10px 0 10px 0; }
.itemMain { margin: 20px 0 0 0; }
.soldOutMsg { float: none; margin-top: 20px; }
.sampleBox { display: block; }
.sampleBox h3 { font-size: 12px; line-height: 15px; }
.sizeQty { padding-top: 10px; }
.shopingStep { margin: 0; display: none;}
.itemBox { margin-right:10px; }
.itemDetail,.editItembox { width: 60%; }
.item-prize span { font-size: 14px; }
.item-prize p,.bagRightcntr h3,.paymentRight h3 { font-size: 17px; padding-bottom:0; }
.editSize ul { margin: 0 0 0 5px }
.editSize li { margin-bottom: 5px }
.sampleBox h3 a,.editItembox p { font-size: 13px; }
.total-dicount { float: left; text-align: left; }
.total-dicount p { font-size: 13px; display: inline-block; }
.discountRed { border: none; padding-left: 2px; }
.total-dicount span { margin: 7px 0 0 0; }
.sizeQty span { white-space: nowrap; margin-right:20px; }
.mobileHide { display: none; }
.mobileShow { display: inline-block; }
.itemRemovemain { width: 100%; padding: 3px 0 0 0; }
.itemRemovemain li { width: 49%; text-align: center; margin-right: 0; border-right: 1px solid #ececec; line-height: 30px; }
.itemRemovemain li:last-child { border-right: none; }
.itemRemovemain span { position: absolute; bottom: 30%; right: 0; }
.moreWishlist { margin-top: 10px; background: #fff; width: 100%; }
.itemLeft { width: 93%; padding: 10px 10px 0 10px; }
.item-prize { padding: 0; }
.padTop { padding-top: 40px; }
.editQty { margin: 0 0 0 0; }
.moreWishlist { border-radius: 3px; }
.moreWishlist span { margin-left: 10px; }
.moreWishlist i { font-size: 14px; }
.placeBtn,.placeAnchr { position: fixed; bottom: 0; left: 0; z-index: 1; width: 100%; }
.easyRnt { padding-bottom: 50px; }
.cntshop a { font-size: 13px; }
	
.donation p { width: 84%; }
.donation span { width: 80%; }
.giftWrap input[type="checkbox"],.donation input[type="checkbox"],.applycredits input[type="checkbox"] { margin-right: 10px; }
.donation { margin-bottom: 0; padding: 12px 0; }
.shpStepsmain { text-align: center; padding: 20px 0; background: #fff; display: none; }
.secureBox { display: none; }
.shopingStep li { font-size: 20px; }
.prizeDetailbox { display: inline-block; }

/*-----Delivery pages css-----*/
.newAddresbox { margin: 10px 0 0 0; max-width: 100%; width: 100%; padding: 10px 0; }
.newAddres { padding: 0 10px; }
.dlvradresbtn input { margin-left: 10px; padding: 5px 15px; font-size: 13px; }

.addnewAddres { margin: 20px 0 0 0; max-width: 500px; width: 100%; padding: 5px 0; }
.addnew { margin-top: 0; padding: 9px 0; }
.addnew p { margin: 0; font-size: 13px; padding: 0 4px; }
.editAddres span { margin: 0; width: 100%; }
.editAddres { margin: 0; }
.editAddres input[type="text"],.editAddres textarea { width: 100%; box-sizing: border-box; }
.editAddres input[type="numeric"]{ width: 95%; }
.editAddresform { margin-top: 20px; }

/*-----Delivery mobile css-----*/
.ExistAddres { display: inline-block; max-width: 500px; width: 100%; margin-top: 20px; }
.pagebackBox { max-width: 500px; margin: 0 auto; padding: 0 15px; }
.pagebackBox a { font-size: 14px; color: #d4b952; font-weight: 400; }
.pagebackBox h3 { font-size: 17px; color: #555555; font-weight: 400; margin-top: 10px; }
.addExistAddres { display: inline-block; cursor: pointer; border-bottom: 1px solid #d4b952; }
.addExistAddres p { display: inline-block; font-size: 13px; font-weight: normal; color: #d4b952; }
.showExistAdd { position: fixed; top: 10%; background: #fff; width: 100%; padding-top: 20px; height: 100%; z-index: 1; }
.showexitcntr { max-width: 500px; margin: 0 auto; max-height: 400px; overflow: auto; padding: 0 15px; }
.showexitcntr .newAddresbox { width: 99%; }
.AddOpt { float: left; margin: 5px 5px 0 0; }
.ExtAddBtn,.dfmobaddrs { position: fixed; bottom: 0; left: 0; width: 100%; background: #d4b952; color: #fff; font-size: 15px; font-weight: 600; display: inline-block; padding: 15px; border: none; cursor: pointer; z-index: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.addresspopup { max-width: 290px; }

/*-----Payment pages css-----*/
.paymentBox { max-width: 100%; background: #fff; margin-top: 10px; border-radius: 3px; }
.paynowBtn { position: fixed; bottom: 0; width: 100%; left: 0; }
.paymentBox ul li { border-bottom: 1px solid #ececec; }
.paymentBox ul li .check { height: 25px; width: 25px; top: 14px; }
.paymentBox input[type="radio"]:checked ~ .check::before { height: 25px; width: 25px; font-size: 20px; line-height: 25px; }
.paymentBox ul li label { padding: 15px 25px 15px 40px; margin: 0; font-size: 16px; }
.deliverAddres { margin: 10px 0; }
.deliverAddres h4,.deliverAddres p,.deliverAddres span { margin-left: 10px; }
.safesecure { left: 0; margin: 0 auto; position: absolute; text-align: center; top: 0; width: 100%; }
	
/*-----Apply Coupan pages css-----*/
.coupanPopupmain {position: fixed;z-index: 1;top: 50px;background: #fff; }
.coupanPopupbox { max-width: 500px; box-shadow: none; margin-top: 0; }
.coupanPopupcntr { max-height: 300px; overflow: auto; }
.applycredits { padding: 10px 0; }
.coupanbtn { padding-top: 15px; text-align: center; }
.coupanbtn a { background: #d4b952; color: #fff; width: 42%; margin: 0 8px; border-radius: 5px; float: none; display: inline-block; }
.bagmargedBox h4 { display: inline-block; border: 2px solid #d4b952; padding: 8px 20px; margin-top: 30px; color: #d4b952; font-weight: 500;
    font-size: 11px; width: 80%; }
}