@charset "utf-8";
/* CSS Document */
body{margin:auto;font-family:'poppinsRegular',Arial,sans-serif !important;font-size:14px}
.container{margin-right:auto;margin-left:auto}
.newheader{overflow:hidden;background:#ededed;box-shadow:0 2px 0px #dcdcdc;-webkit-box-shadow:0 2px 0px #dcdcdc;-moz-box-shadow:0 2px 0px #dcdcdc;-o-box-shadow:0 2px 0px #dcdcdc}


.clovia-logo-icon {
    background-image: url(/static/dt/images/sprite_header_new_update_new_v4.png?v=3);
    background-position: 0px -322px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 34px;
    margin: 10px 0 0;
    width: 122px;
    background-size: 250px;
}

.alright{float:right;margin:0;padding:0}
.alright li{float:left;list-style:none;font-size:11px;text-transform:uppercase;text-align:center;border-right:1px solid #ccc;padding:21px 10px}
.alright li.pr{padding:21px 10px}
.alright li:last-child{border:0}
.lftsection{width:73%;float:left;margin-top:30px}
.contentAccordian{display:none}
.panelAccordian.active .contentAccordian{display:block}
.panelAccordian{margin-bottom:1px;clear:both}
.headAccordian{background:#eeeeee;display:block;text-decoration:none;padding:10px;color:#000;font-size:15px;margin:0}
.active .headAccordian{background:#ee5786;color:#fff}
.loginSocial{display:inline-block;width:45%;text-align:center; vertical-align:middle}
.gpnew, .fbnew{display:inline-block;margin-bottom:20px}
.fbnew{margin-bottom:0px;}
.newform {border-left:1px solid #e0e0e0;margin:10px 0;padding:40px 0 60px 0;width:47%;display:inline-block; vertical-align:middle}
.newform.active {border-left:0;display:table;margin:auto auto 20px}
.newform form{margin-left:40px}
.lftform .input, .rftform .input{margin:1.2em 0}
.input{position: relative;z-index: 1;display: inline-block;margin:1em 0;width:100%;vertical-align: top;padding-left:0px}
.input__field:focus {outline: none}
.input__field--ruri {text-indent:10px;width:100%;background: transparent;padding:8px 0;margin-bottom:0;color:#888;position: relative;display: block;float: right;border: none;border-radius: 0;-webkit-appearance: none; /* for box shadows to show on iOS */}
.input__label--ruri {width: 100%;position: absolute;text-align: left;padding: 10px 0 2px;pointer-events: none;display: inline-block;float: right;color: #9e9e9e;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.input__label--ruri::after {content: '';position: absolute;width: 100%;left: 0;top: 100%;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition: -webkit-transform 0.3s, border 0.3s;transition: transform 0.3s, border 0.3s}
.input__label-content--ruri {font-size:13px;letter-spacing:0.5px;font-weight:300;padding:0;position: relative;display: block;width: 100%;-webkit-transform-origin:0 0;transform-origin: 0 0;-webkit-transition:-webkit-transform 0.3s, color 0.3s;transition:transform 0.3s, color 0.3s}
.input__field--ruri:focus + .input__label--ruri::after, .input--filled .input__label--ruri::after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
.input__field--ruri:focus + .input__label--ruri .input__label-content--ruri, .input--filled .input__label--ruri .input__label-content--ruri {color:#9e9e9e;font-weight:bold;-webkit-transform: translate3d(0px, -30px, 0) scale3d(0.9, 0.9, 1);transform: translate3d(0px, -30px, 0) scale3d(0.9, 0.9, 1)}
.input.input--ruri input[type="text"], .input.input--ruri input[type="tel"],  .input.input--ruri input[type="password"],.input.input--ruri input[type="number"], .input.input--ruri input[type="email"]{border-bottom:1px solid #e2e2e2;color:#888888;border-radius:0}
.input.input--ruri textarea {border:0;height:33px;border-bottom:1px solid #e2e2e2;color:#888888;border-radius:0;font-family:'Noto Sans', sans-serif;font-size:14px;}
.pl10{font-size:13px}
.cwp{display:inline-block;margin-top:10px}
.pl10 input{margin-left:0;margin-top:0}
/***************************checkout*******************/
.loginForm .defaultBtn {
    color: #e51153;
    border: 0;
    font-size: 15px;
    display: table;
    margin: auto;
    text-align: center;
    padding: 16px 0 13px 0;
    font-weight: 600;
    border: 1px solid #e51153;
    background-color: transparent;
}
.pinkbtnDark {
    background-color:#ee5786;
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 10px;
    text-transform: uppercase;
}
.lgbBtn {
    font-size: 15px;
    font-weight: 600;
    font-family: source sans pro;
    margin-bottom: 0px;
    margin-top: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    width: 100%;
    border-radius: 2px;
    font-family: inherit;
}
#show1 {margin: 10px 0 10px;color: #8f8f8f;font-weight: 600;font-size: 14px;}
#show1 input[type="radio"] {display:none}
#show1 input[type="radio"] + label {color:#8f8f8f;display:inline-block;font-weight: 600;font-size:15px;font-family:"Source Sans Pro",sans-serif;margin-left:15px;cursor: pointer}
#show1 input[type="radio"] + label span {display:inline-block;width:13px;height:13px;margin:-1px 4px 0 0;vertical-align:middle;
cursor:pointer;border:2px solid #b2b2b2;border-radius:50px;transition:all ease-in-out .3s;}
#show1 input[type="radio"] + label:focus span{outline:none;}
#show1 input[type="radio"]:checked + label span{border:2px solid #e51153;border-radius:50px;position:relative;transition: all ease-in-out .3s;}
#show1 input[type="radio"]:checked + label span:before {position: absolute;content: '';top: 2px;background-color: #e51153;width: 9px;height: 9px;border-radius: 50%;left: 2px;transition: all ease-in-out .3s;}

#resendotp_checkout{text-decoration:none;color:#ee5786;font-size:12px}
.checkout{font-weight:lighter}
.accordTab{clear:both;margin-bottom:30px}
.accordTab .panel{border:0;box-shadow:none;margin-bottom:1px}
.accordTab .panel-default > .panel-heading {border:0;background:none;padding:0}
.accordTab .panel-title{padding:10px;background:#ee5786;color:#fff;font-size:19px;font-weight:normal; display:block}
.panel-title.collapsed{background:#eee;color:#000;font-weight:lighter}
.centerBorder{position:relative;background:#ee5786;color:#fff;font-size:16px;padding:10px 0;text-align:center;width:44px;left:25px;display:inline-block;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%}
.m0{margin-bottom:0}
.loginsubmt{cursor:pointer;text-decoration:none;float:right;background:#ee5786;font-size:15px;padding:10px 40px 7px 40px;color:#fff;border:0;text-transform:uppercase;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;margin-bottom: 20px}
.loginsubmt.lft{float:none;margin-left:20px;width:40%;;text-align:center}

.loginsubmt.rft {
    margin-right: 20px;
    width: 40%;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.savecontinue{outline:0;cursor:pointer;background:#ee5786;font-size:17px;padding:11px 0 8px 0;color:#fff;border:1px solid #ee5786;text-transform:uppercase;width:100%;margin-top:5px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;float:right}

.loginsubmt:hover, .continue_btn:hover,.savecontinue:hover{border:1px solid #ee5786;background:none;color:#ee5786;}
.fg {cursor:pointer;color:#0005ff;font-size:10px;padding-top:0px;text-transform:uppercase;text-decoration:none;display:table;clear:both}
button.continue_btn[disabled]{background-color:#ccc;border:0;color:#666}

.lftform, .rftform {
    width: 46%;
    float: left;
    margin-right: 25px;
    padding-left: 20px;
    margin-top: 5px;
}
.rftform {
    width: 46%;
}
.forMain {
    overflow: hidden;
    margin-bottom: 20px;
}

.cusname.comship label{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 179px;
    cursor:pointer;margin:0;
}
.tags {font-size:13px;;display:block}
.ship_city, .ship_state {width:100%;margin:16px 0 15px 0;height:40px;border:0;border-bottom:1px solid #e2e2e2;background:#fff;color:#888}
.mtp20{margin-top:20px;border-bottom:1px solid #ccc;padding-bottom:15px;overflow:hidden}
.mt20{margin:20px 0;overflow:hidden}
.ImgLft{float:left}
.prodName, .qty, .proTotal{font-size:14px;font-weight:300;color:#000;float:left;padding-left:7px}
.prodName{width:470px}
.qty{width:130px}
.proTotal{width:160px; text-align:right}
.productName{margin-left:10px;font-size:14px;float:left;font-weight:normal}
.offs {font-size:12px;font-weight:600;margin:5px 0}
.dt{padding-left:10px}
.proTotal.price{font-size:17px}
.brtp {border-top:2px solid #ccc;}
.fLeft{float:left;margin:0}
.fRight{float:right;margin:0}
.savecontinue.wid {float:right;width:35%;margin-bottom:20px;margin-top:10px;cursor:pointer}
.viewbag{color:#0000FF; text-decoration:none; float:right;font-weight:600}
.pmtOpt{list-style:none;background:#ededed !important;width:220px;float:left;margin-bottom:20px;margin-top:0;padding:0;display:inline-block}
.pmtOpt li {cursor:pointer;text-transform:uppercase;border-bottom:1px solid #b5b5b5;border-top:1px solid #fff;color:#656565;font-size:14px;padding:13px 10px;display:block}
.pmtOpt li.active {border-left:3px solid #ee5786;background:#fff;left:1px;position:relative;margin-left:-1px}
/*.pmtOpt li img{width:70px;height:auto}*/
.hor_1{float:left;width:73%;border:1px solid #dedede; display:inline-block}
.panel-bodies{display:none}
.panel-bodies.active{display:block; clear:both}
.codpay {
    color: #000;
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
    padding: 0 20px;
    margin-bottom: 0;
    text-align: center;
}
.cashSave{background:#ededed;color:#000;font-size:16px;margin:20px 0 0 20px;;padding:10px}
.pay{border-bottom:1px solid #c2c2c2;margin-top:20px;padding-bottom:10px}
/*new checkout tabs css*/
.tbcont{font-size:17px}
.cardpayment{margin:20px auto;width:420px;border:1px solid #c2c9d5;border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}


.cardpayment .supportcard {
    padding: 0 22px;
    text-align: left;
}

.crd{color:#25465f;margin:0;background:#e1e5eb;font-size:15px;padding:13px 15px;border-bottom:1px solid #c2c9d5;margin-bottom:0;border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0}
.creditform{padding:10px 20px 10px 20px}
.supportcard {
    margin: 10px 0 5px;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.supportcard img {
    vertical-align: middle;
    max-width: 260px;
    margin-top: 10px;
}




.form-controls{margin-bottom:15px;width:92%}
input[type="text"].savedcard, .creditform input[type="text"],.creditform input[type="number"],.creditform input[type="tel"], .creditform input[type="password"], .creditform input[type="email"], .codForm input[type="text"] {vertical-align:top;padding:6px 12px;border:1px solid #b8b8b8;height:36px;margin-bottom:0px;color:#888888;font-size:14px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;-o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset}

.expdate{width:57%;float:left}
.cvv{width:40%;float:left}
.cvv input {display:inline-block;width:60px}
.expdate label, .cvv label{display:block}
.expdate input{float:left;width:79px}
#ccexpDate, .expdate{margin-right:5px}
.pinkbtn{cursor:pointer;background:#ee5786;border:0;color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px}
.pinkbtn:hover, .pinkbtn:focus{cursor:pointer;background:none;border:1px solid #ee5786;color:#ee5786}
.payrs{display:block;width:100%;font-size:20px;font-weight:normal;padding:7px 0;cursor:pointer;}

.new-btn-wrapper {
    text-align: center;
    padding: 0px;
    margin-top: 20px;
}
.new-paynow-btn {
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    cursor: pointer;
    background: #ee5786;
    border: 0;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 6px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-family: 'poppinsMedium';
    max-width: 380px;
    display: inline-block;
}


.disclaimer-text {
    font-size: 11px;
    margin-top: 8px;
    margin-bottom: 10px;
    color: #333333;
    text-align: center;
    padding-left: 4px;
}
.disclaimer-text.t-Pay, .disclaimer-text.wallet {
    text-align: center;
}
.disclaimer-text.phone-pay {
    max-width: 340px;
}

.loginsubmt.mauto {
    margin-bottom: 0;
    width: 100%;
    max-width: 380px;
}

.ppBanks{font-size:14px;margin:0;padding:0 0 10px 0}
.netbanking{padding:20px 23px;}
.ntbnks {background-image:url("../images/net_bank.png");background-repeat:no-repeat;display:inline-block}
.NetbankingImages{overflow:hidden}
.NetbankingImages label{background:#fff;border-radius:5px;float:left;margin:0 15px 20px 0}
.bankicon {border:1px solid #b8b8b8;padding:10px 7px 6px}
.bankicon input[type="radio"] {float:left;line-height:normal;margin:7px 5px 0 0}
.hdf{background-position:0 -65px;height:33px;width:120px}
.ici{background-position:0 -97px;height:33px;width:120px}
.cit{background-position:0 -33px;height:33px;width:120px}
.sbi{background-position:0 0px;height:33px;width:120px}
.axi{background-position:0 -127px;height:33px;width:120px}
.kot{background-position:0 -160px;height:33px;width:120px}
.payment_method{color:#000;font-size:14px;height:40px}

.allBanks {
    font-size: 14px;
    margin: 0 0 5px;
    padding: 0;
    clear: both;
}
.btn.bigbtn{padding:6px 90px !important;margin:20px 0 40px}
.img-logo {background-size:444px;background-repeat:no-repeat;background-position:-135px -393px;background-image:url("../images/sprite-icon.png");float:left;height:42px;margin:20px 0 10px; width:100%}
.txtCash {border:1px solid #ddd;color:353535;font-size:13px;line-height:22px;margin:20px 20px 0;padding:10px}

/*checkbox button*/
.loginForm .custom-radio{width:23px;height:23px;display:inline-block;position:relative;z-index:1;top:0px; vertical-align:middle;left:0px;background:url("../images/check1.png") no-repeat}

.loginForm .custom-radio.selected{background:url("../images/checkSelect.png") no-repeat}
.loginForm .custom-radio:hover{background: url("../images/checkSelect.png") no-repeat}
.loginForm .custom-radio input[type="checkbox"]{margin:1px;position:absolute;z-index:2;cursor:pointer;outline:none;opacity:0;
    /* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0
		}

 /* checkbox button */

 /*radio button*/
.custom-radio{width:23px;height:23px;display:inline-block;position:relative;z-index:1;top:0px; vertical-align:middle;left:0px;background:url("../images/radio.png") no-repeat}
.custom-radio:hover{background: url("../images/radio-selected.png") no-repeat}
.custom-radio.selected{background:url("../images/radio-selected.png") no-repeat}
.custom-radio.selected{background:url("../images/radio-selected.png") no-repeat}
.custom-radio input[type="radio"]{margin:1px;position:absolute;z-index:2;cursor:pointer;outline:none;opacity:0;/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0
		}

 /* radio button */
.NetbankingImages .custom-radio{top:-11px}
.footer-bottom {background:#e3e3e3;border-top:1px solid #dddddd;margin-top:30px;padding-top:10px;clear:both;overflow:hidden;bottom:0;width:100%;z-index:1;}
.footer-bottom p {color:#000;font-size:13px}
.footer-bottom .support {margin-right:10px;margin-top:16px;font-weight: bold}
.colsfour ul{padding:0;list-style:none}
.supportLi h4{margin:0;border-left:1px solid #bac1c8;font-size:13px;line-height:22px;padding-left:10px;font-weight:normal}
.supportLi h4 a{color:#000; text-decoration:none}
.tabsUl{margin-bottom:30px; overflow:hidden}
.rftsection{width:25%;margin-left:20px;float:right;margin-top:30px;background:#eeeeee}
.rftsection.active {float:right;margin:0;position:fixed;right:109px;top:0;width:21%}
.orderHead {border-bottom:1px solid #bcbcbc;font-size:16px;margin:0 10px 15px;padding:13px;text-align:center;text-transform:uppercase}
.rows{padding:0 10px 10px;overflow:hidden}
.lftcols{float:left;margin:0}
.rftcols{float:right;margin:0}
.rows.final{border-top: 1px solid #bcbcbc;font-size:16px;margin:10px;padding:10px 0}
.clear{clear:both;margin:0}
.gpnew img, .fbnew img{width:100%;max-width:100%;height:auto}
.edit, .edit1{display:inline-block;font-size:13px;padding:0;color:#808080;margin-left:70px}
.edit1{vertical-align:middle;margin-left:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:181px}
.edit2{font-size:13px;padding:4px 20px 1px 20px;text-transform: uppercase;float:right;border:1px solid #ee5786;cursor:pointer;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px}
.cartview {color:#00f;float:right;font-size:13px;text-decoration:none; text-transform:uppercase;margin-bottom:5px;}
#Accordian{clear:both}
.regstrUser, .rstPswrdForm{display:none}
.signin, .signup{display:block;color:#00f;text-transform:uppercase;cursor:pointer;font-size:13px;margin-top:15px;}
.loginUser{margin:10px 0}
.vCart{color:#00f;font-size:13px;text-transform:uppercase;padding-top:18px;float:left;text-decoration:none}
.fillIcon{background-size:16px;background-image:url("../images/check.png");background-repeat:no-repeat;display:inline-block;height:17px;vertical-align:middle;width:17px;margin-right:5px}
.contentsnew{margin:10px 20px;overflow:hidden;padding:13px 20px;background:#f8f8f8;border:1px solid #ddd;border-radius: 3px}
.cardNumbs {color:#000;font-size:15px;font-weight:600;line-height:15px;vertical-align:top}
.carddetails{margin:0}
.cardname {color:#626262;font-size:15px;margin-bottom:0px;overflow:hidden;padding-left:0;float:left;width:70%;margin:0}
.cname{color:#626262;font-size:13px}
.savedcardradio{float:left;margin-top:0px}
.cardtype {background-image:url("http://d2emxzwxjr8e9b.cloudfront.net/static/resp/img/payment.png");background-repeat:no-repeat;display:inline-block;float:right}
.maestro {background-position:0px 0px;height:25px;width:41px;margin-top:-13px;}
.visa {background-position:-40px 0px;height:25px;width:41px;margin-top:-13px;}
.mastercard {background-position:-80px 0px;height:25px;width:41px;margin-top:-13px;}
.paysave {padding:10px 0;font-size:18px;font-weight:300;}
.mt0{margin-top:0 !important}
.NetbankingImages{overflow:hidden}
.savedcardradio .custom-radio{top:0}
.errorMsg{color:#f00;font-size:13px;margin-top:0;padding:10px 0px 0px 0}
/*#checkout_signup .errorMsg{margin:0;padding:10px 10px 0 0}*/
.loading{height:100%;position:fixed;width:100%;z-index:2;}
.whbg{background:#fff;height:100%;left:0;margin:0;position:relative;top:0;z-index:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;

}
.imgbg{left:0px;right:0px;position:absolute;margin:auto;top:50%}
@media screen and (min-device-width:768px) and (max-device-width:1200px) {
.container{width:750px}
.rftsection{margin-left:0}
.loginSocial{width:36%}
.centerBorder {font-size:11px;left:21px;width:35px}
.newform {width:55%}
.fg{font-size:10px}
.loginsubmt {font-size:14px;padding:6px 35px}
.savecontinue{margin-top:20px;font-size:14px;cursor:pointer}
.prodName, .qty, .proTotal{font-size:13px}
.prodName{width:325px}
.qty{width:40px}
.proTotal{width:110px}
.productName{font-size:12px}
.offs {font-size:11px}
.offs img{width:15px}
.pmtOpt{width:130px}
.pmtOpt li{font-size:11px}
.hor_1{width:75.8%}
.codpay, .cashSave{font-size:12px}
.cardpayment{width:330px;}
.crd{font-size:13px}



.creditform{padding:10px}
.creditform input[type="text"], .creditform input[type="password"], .creditform input[type="email"]{font-size: 12px;}
.expdate input {width:53px}
.expdate {width:53%}
.cvv {width:45%}
.payrs{padding:4px 0;font-size:17px}
.ppBanks, .allBanks{font-size:15px;}
.loginsubmt{padding:10px 35px;width:50%}
.lftcols, .rftcols {font-size:12px;}
.rows.final .lftcols, .rows.final .rftcols{font-size:15px;}
}

@media (min-width: 992px) {
  .container {width:970px}
}
@media (min-width: 1200px) {
  .container {width:1170px}
}

@media screen and (min-device-width:600px) and (max-device-width:767px) {
.loginSocial{width:40%;}
.savecontinue{margin-top: 20px;font-size:14px}
.prodName, .qty, .proTotal{font-size:13px}
.prodName{width:375px}
.qty{width:40px}
.proTotal{width:110px}
.productName{font-size:12px}
.offs {font-size:11px}
.offs img{width:15px}
.lftsection{width:100%;float:none}
.rftsection{display:none}
.pmtOpt{width:130px}
.pmtOpt li{font-size:11px}
.hor_1{width:75.8%}
.codpay, .cashSave{font-size:12px}
.cardpayment{width:330px;}
.crd{font-size:13px}
.supportcard {font-size:12px;padding-left:8px}
.creditform{padding:10px}
.creditform input[type="text"], .creditform input[type="password"], .creditform input[type="email"]{font-size: 12px;height:19px}
.expdate input {width:53px}
.expdate {width:53%}
.cvv {width:45%}
.payrs{padding:4px 0;font-size:17px}
.ppBanks, .allBanks{font-size:15px;}
.lftcols, .rftcols {font-size:12px;}
.rows.final .lftcols, .rows.final .rftcols{font-size:15px;}
.rftform{margin:0;padding:0;width:45%}
.fg{font-size:11px}
.loginsubmt {font-size:15px;padding:7px 35px}
}


/*************************************add_new_address*************************************/

ul.forMain{margin:0;padding:0;width:100%;}
.shippingco{display:block;border:1px solid #c2b2b7;margin:10px;cursor:pointer; width:30%; float:left;min-height:200px;}
.comship{color:#6f6f6f;padding:10px 0 5px;margin:0 10px;border-bottom:1px solid #c2b2b7}
.mobnum{font-size:13px;border:none;padding-bottom:0}
.cusname{font-size:17px}
.shipaddress{font-size:13px; line-height: 1.2; }
.shippingadd2{float:right}
.notselected{background:#eeeeee}
.mt50{margin-top:60px}
.activeshipp{border:1px solid #ee5786}
.editdel{float:right;margin:4px 0}
.btnfixed{bottom:-1px;left:0;position:fixed;width:100%;z-index:3}
a.addaddress{background:#ee5786;color:#fff;float:left;font-size:15px;padding:11px 0;width:50%;text-align:center;text-transform:uppercase;margin:0}
a.saveandcont{background:#cdcdcd;color:#7b7b7b;float:right;font-size:15px;padding:11px 0;width:50%;text-align:center;text-transform:uppercase;margin:0}
.svecont{margin:10px 0px 17px 0}
.btnsbt{overflow:hidden;clear:both;margin-right:32px;}
.loginsubmt2 {
    width: 240px;
    float: left;
    background: transparent;
    border: 1px solid #ee5786;
    color: #ee5786;
    margin-left: 10px;
    margin-bottom: 12px;
    line-height: 38px;
    padding: 0;
}

.continue_btn {
    width: 220px;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 15px;
    float: right;
    margin-top: 10px;
    background: #ee5786;
    border: 1px solid #ee5786;
    color: #fff;
    line-height: 38px;
    padding: 0;
}


.loycst {background:#d5fff3;border:1px dashed #3a3a3a;color:#3a3a3a;margin-bottom:10px;padding:10px;font-size:15px}

.walletAll {
    border: 1px solid #dedede;
    margin-top: 20px;
    text-align: center;
    padding-top: 15px;
}
.walletMain{font-size:17px;font-weight:bold;margin-bottom:0px;margin-right:20px;}
.walletBalance{margin-left:20px;font-size:16px;}
.mauto{float:none;width:35%;margin-bottom:20px;}
.walletAll .walletBalance {
    margin: 0px;
}

/** free-gift prepaid order css ***/

.prepaid-gift {border: 1px dotted rgb(238, 87, 134);border-radius: 4px;/* margin-bottom: 14px; */padding: 5px 9px;margin: 20px auto;width: 90%;}
.prepaid-gift p{font-size: 12px; margin: 0px 0px 5px;}
.prepaid-gift2{width: 100%; clear: both; display: table;}
.prepaidimg{float: left; padding-right: 9px;}
.prepaidimg img {
  border: 2px solid rgb(227, 227, 227);
  padding: 4px;
  width: 57px;
}
.prepaid-gift2 ul{width: 100%;padding: 0px;/* margin-left: 18px; */margin: 0 0 0 18px;}
.prepaid-gift2 ul li{display: inline-block; padding: 2px 9px; border: 1px solid rgb(199, 199, 198);cursor:pointer;}
.prepaid-gift .selected {
  border: 1px solid #ee5786 !important;
  color: #ee5786;
}
.cpnMsg{color:#ee5786;border:1px dotted #ee5786;padding:8px;text-align:center;margin:12px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;-o-border-radius:12px}
.cpnMsg strong{text-transform:uppercase;font-weight:normal;text-decoration: underline}
.codmsg{font-size:11px;color:#000;text-transform:none}

.rgst{border:1px solid #ecececb3;margin:30px 0 10px 0;position: relative;padding:15px 0px 0 10px;text-align: left}
.rgstitle{color:#272a2f;width:39%;font-size:14px;font-weight: 500;position: absolute;margin:auto;left:0;right:0;top:-11px;background:#fff;padding:0 10px;display: table;text-transform: uppercase}
.rgst ul{margin:0;padding:0;list-style: none}
.rgst ul li{margin-bottom: 10px;padding:3px 0 7px 22px}
.rgst ul li span{display: block;color:#272a2f;font-size:12px;font-weight: bold;text-transform: uppercase}
.li1{background-image: url(/static/images/tick.png);
    background-repeat: no-repeat;}
.li2{background-image: url(/static/images/tick.png);
    background-repeat: no-repeat;}
.li3{background-image:url(/static/images/re3.png);background-repeat: no-repeat}
.signup{background: #ee5786;
		color: #fff;
		display: table;
		width: 198px;
		margin: auto;
		padding:  12px 10px 9px 10px;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
		border-radius: 4px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		margin-top: 17px;}
.socialLogin {
    color: #ee5786;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0 0 10px 0;
    padding-top: 20px;
    font-family: "Source Sans Pro", sans-serif;
}
.yesBtn, .noBtn{background-color: #ee5786;cursor:pointer;
    color: #fff;
    padding: 3px 14px;
    border-radius: 2px;
    margin-right: 5px;
    margin-top: 5px;
    display: inline-block;}

.streetaddr{ overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
}


.shipping_form_edit .input__field--ruri{
    padding:2px 0;

}

.shipping_form_edit .ship_city, .shipping_form_edit .ship_state{margin: -2px 0 28px 0;}
.shipping_form_edit .savecontinue{margin-top:11px;}
#id_type_label_edit_{margin-top:6px;}


@media(max-width:1365px) {
.rftsection.active{right:91px;}


}

.dAddress {
    font-size: 13px;
    display: block;
    margin:-10px 3px 0 28px;
    color: #ee5786;
}
.control {
    display: inline-block;
    position: relative;
    padding-left:19px;
    margin-top: 15px;
    cursor: pointer;
    font-size: 13px;
    font-weight:500;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 13px;
    width: 13px;
    background: #fff;
    border: 1px solid #ee5786;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #fff;
}
.control input:checked ~ .control__indicator {
  background: #fff;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}


.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
    left: 5px;
    top: -7px;
    width: 7px;
    height: 16px;
    border: solid #ee5786;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    color: #ee5786;
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}


.rgst li {
    margin-bottom: 10px;
    padding: 2px 0 7px 19px;
    line-height: 20px;
    background-size: 14px;
}

.rgst span {
    display: block;
    color: #272a2f;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: -7px;
}
.btborder{border-bottom:1px solid #cdd5d9;text-align:center;display:table;width:59%;margin:32px auto 22px;position:relative}
.orText{color:#adb5b9;position:absolute;top:-12px;background:#fff;padding: 0 20px;margin-left:-22px}
.loginNw {text-align: center;color: #444;font-size: 15px;font-weight: 600;text-transform: capitalize;margin:0 0 0 0;}
.mbNumber {color: #8f8f8f;margin: 15px 0 15px 0;font-size: 13px;font-weight: normal;}
.mbNumber span{cursor:pointer;color: #ee5786}
.errorMsg a{color:#00f;cursor: pointer}
.mbNumber span#mobile_msg1{ color: #8f8f8f;
}
@-webkit-keyframes autofill { to { background: transparent; } } input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; }
.login-txt1 span { color: #e51153; cursor: pointer; }

.paytminputs{overflow:hidden}

.form-control.paytmbtn {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 2px;
    margin-top: 10px;
    padding: 10px 8px;
    height: 38px;
    max-width: 340px;
}


.paytminputs .loginsubmt.rft {
    float: none;
    width: 100%;
    max-width: 340px;
}


.bal_info_paytm{
    font-size: 15px;
    font-weight: bold;
}
.bal_info_paytm_postpaid{
    font-size: 15px;
    font-weight: bold;
}
.paytmtxt{
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
}
.paytminputs .retrybtn{
    background: none;
    color: #ee5786;
    display: none;text-decoration: underline;cursor: pointer;

}
.paynowbtn{
    width:40%;
    display: none;
}
.paytm_pay{
    padding: 0px 15px;margin-bottom: 10px;background: #f7f7f7;display:none;
}
.paytm_postpaid_pay{
    padding: 0px 15px;margin-bottom: 10px;background: #f7f7f7;display:none;
}
.usepaytm{
    overflow: hidden;border-bottom: 1px solid #e8e7e7;padding: 10px 0 0;
}
.usepaytm_postpaid{
    overflow: hidden;border-bottom: 1px solid #e8e7e7;padding: 10px 0 0;
}
.paymentmade{
    display:block;font-weight: normal;font-size: 12px;
}
.paymentmade_postpaid{
    display:block;font-weight: normal;font-size: 12px;
}
.payment_paytm{
    float:right;font-weight: bold;font-size: 15px;
}
.payment_paytm_postpaid{
    float:right;font-weight: bold;font-size: 15px;
}
.remainstrong{
    display:block;font-weight: normal;font-size: 12px;
}
.remainstrong_postpaid{
    display:block;font-weight: normal;font-size: 12px;
}
.bal_info_amount{
    float:right;font-weight: bold;font-size: 15px;
}
.bal_info_amount_postpaid{
    float:right;font-weight: bold;font-size: 15px;
}

.paynowbtn_postpaid{
    width:40%;
    display: none;
}
.codForm{margin:20px 20px 0 20px;}
.otpField{width:40%;display:inline-block;vertical-align:top;margin-bottom:0}
.codForm .rft{display:inline-block;vertical-align:top;float:none;padding:8px 40px;width:23%;border-radius: 3px;;margin-bottom:0}
.resendLink {color:#00f;margin:10px 0 20px 21px;display:inline-block;cursor:pointer}

.cashStore{margin:20px 20px 20px 0}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;}

.failuremsj {
color: #ee5786;
border: 1px dotted #ee5786;
padding: 8px;
text-align: center;
margin: 12px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
position: relative;
-o-border-radius: 12px;
}
.failurespan{
position: absolute;
top: -10px;
right: -7px;
background-color: #fff;
border: 1px dotted #ee5786;
border-radius: 60%;
line-height: 18px;
padding: 2px 7px;
font-size: 12px;
cursor:pointer;
}

p.rdoBtns{color:#8f8f8f;font-size:13px;}
#associated_EmailId{border-top:0;border-left:0;border-right:0;box-shadow:none;border-radius  :0}
.addedProduct {
    height: 100%;
    width: 100%;
    z-index: 99999;
    display: none;
    position: fixed;
    top:0;

}
    .addedProduct .spinner{position: absolute;
    left: 0;
    right: 0;display:block !important;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}
 .whiteebg {
    top:0;
    background: #fff;
    height: 100%;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    position:fixed;
}

.spinner {
  margin: 10px auto 0;
  width: 115px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #ee5786;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.64s;
  animation-delay: -0.64s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}
.spinner .bounce3 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce4 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.logoanchor, .logoanchor:hover{
text-decoration: none;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.pmtOpt li img {height:36px;width:auto;margin-left:11px}

.twidBg{background-color: #f2f2ff;    font-size: 13px;
    line-height: 22px;
    margin: 20px;
    padding: 10px;
	-webkit-box-shadow: 0px 3px 8px 0px #ddd;
	   -moz-box-shadow: 0px 3px 8px 0px #ddd;
		-ms-box-shadow: 0px 3px 8px 0px #ddd;
	    -o-box-shadow: 0px 3px 8px 0px #ddd;
		   box-shadow: 0px 3px 8px 0px #ddd;
}

p.crntBalance{position: relative;text-align:center;font-weight: bold;font-size:18px;color:#000;margin:20px 0 40px 0 !important}
.crntBalance::before, .crntBalance::after{position: absolute;content:'';}
.crntBalance::before {
    background-image: url(../../../dt/images/crtBefore.jpg);
    width:37px;
    height: 40px;
    left: 0;
    background-repeat: no-repeat;
    background-size:100%;
}
.crntBalance::after {
    background-image: url(../../../dt/images/crtAfter.png);
    width: 60px;
    height: 55px;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -37px;
    margin-left: 30px;
}
.twidBg .whBg {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: #fff;
    margin: 20px 0;
    color: #333;
    font-size: 15px;
    padding: 10px;
    font-weight: bold;
}
.twidBg .whBg img{max-width:400px}
.whBg.kmPay {
    color: #9D9DFF;
    letter-spacing: 3px;
    font-size: 18px;margin-top: 30px;font-weight: normal;
    opacity: .6;position: relative;z-index: 0;
}
.whBg.kmPay::after {
    position: absolute;
    content: '';
    right: 0;
    background-image: url(../../../dt/images/crtBefore.jpg);
    background-repeat: no-repeat;
    width: 36px;
    height: 22px;
    z-index: -1;
    background-size: 100%;
    top: -22px;
}
.whBg.kmPay p.couponCode {
    border: 1px solid #5b58ff;
    border-radius: 3px;
    color: #000;
    margin: 0;
    display: flex;
    margin-left: 10px;
}
.whBg.kmPay p.couponCode span {
    color: #fff;
    background-color: #5b58ff;
    padding: 6px 15px;
}
.whBg.kmPay p.couponCode strong{padding:6px 15px;}

.kmPay.off {
    color: #000 !important;
    display: flex;
    align-items: center;    font-weight: bold;
    font-size: 15px;
    justify-content: center;letter-spacing: 0;
}
.twidPay {
    background: #ee5786;
    color: #fff;
    border: 0;
    margin: 30px auto 10px;
    text-align: center;
    width: 100%;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    display: table;
    border-radius: 2px;
    max-width: 380px;
    line-height: 40px;
}

.twidBg .whBg span {
    font-size: 13px;
}
.spc-yy {
    margin-left: 5px;
}
.policy{font-size:12px;color:#9A9A9A; margin-top:0px; padding-top: 10px;}
.policy a{color:#5C5C5C; cursor:pointer;text-decoration:none !important;}
.policy a:hover{color:#5C5C5C;}

#shipping_form .input--filled .added--91 {
    opacity: 1;
    bottom: 9px;
}
#shipping_form .added--91 {
    position: absolute;
    left: 5px;
    color: #b3b3b3;
    font-size: 14px;
    bottom: -15px;
    opacity: 0;
}
#shipping_form .added--91 + .input__field--ruri {
    padding-left: 28px;
}
.shipping_form_edit .added--91 + .input__field--ruri  {
    padding-left: 28px;
}
.shipping_form_edit .added--91 {
    position: absolute;
    left: 5px;
    color: #b3b3b3;
    font-size: 14px;
    bottom: 3px;
}