<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*modal basic*/


/*.modal-open{ position:fixed;width:100%;overflow-y:auto;overflow-x:hidden;}*/
.modal-open{ overflow:hidden !important;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 /*.modal-open{ position:fixed; width:100%;}*/
}
.modal-open .navbar-fixed-bottom, .modal-open .navbar-inverse{ position: relative !important;}
.shopperModal img, .com-birdzi img {border:0px}

.shopperModal input::-webkit-input-placeholder {
   color: #a9a9a9;
}

.shopperModal input:-moz-placeholder { /* Firefox 18- */
   color: #a9a9a9; 
}

.shopperModal input::-moz-placeholder {  /* Firefox 19+ */
   color: #a9a9a9;   
}

.shopperModal input:-ms-input-placeholder {  
   color: #a9a9a9; 
}

.switchck{
  position:absolute;
  height: 1px; 
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.modal-open .wrapmodal {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index:9999;
  margin:0px;
}

.shopperModal input::-ms-clear{ display: none;}
.shopperModal input[type="password"]::-webkit-input-placeholder { font-size: 13px !important; line-height: 30px;}
.shopperModal input[type="password"]::-moz-placeholder {font-size: 13px !important;}
.shopperModal input[type="password"]:-ms-input-placeholder {font-size: 13px !important;}
.shopperModal input[type="password"]:-moz-placeholder { font-size: 13px !important;}

.shopperModal{display: none; margin: 0 auto; }
.shopperModal.fade { transition: opacity 0.15s linear 0s; }
.tooltip-img{width: 110px; display: table-cell; vertical-align: top; float: left; margin-right: 10px;}
 .tooltip-txt{display: table-cell; width: 140px; float: left; visibility: visible !important; font-size: 11px;}   
.more-tooltip .tooltip-inner { max-width: 200px !important;display: table;min-width: inherit !important;}
.input-loader{background: url("../images/ajax-loader.gif") 96% center no-repeat #ECEAEA !important;}
.shopperModal h1{ font-size: 18px; margin: 0px;}
.shopperModal .wrapper{width:100%; margin: 0 auto; padding: 50px 0;}
.shopperModal .btn-primary{min-width: 204px;}
.shopperModal .btn-primary:hover, .shopperModal .btn-primary:focus, .shopperModal .btn-primary:active, .shopperModal .btn-primary.active, .shopperModal .open &gt; .dropdown-toggle.btn-primary{min-width: 204px;}
.shopperModal .modal-dialog{width: 446px;max-width: 100%; position: relative; margin-left: auto; margin-right: auto;transform:none !important}
.shopperModal .mid-content {margin: 0 auto; text-align: center;}
#modalProfile .mid-content #edit-profile-form{ top: 15px; }
.shopperModal .modal-header{border-bottom: none; color: #647C8D; font:normal 14px "HelveticaNeueLight"; position: relative; padding: 15px; text-align: center;}
.shopperModal .text-center{text-align: center;}
.shopperModal .modal-content {border-radius: 12px; width: 446px;max-width: 100%; background:url(../images/pop-back1.png) repeat 0 0; color: #979797;font:normal 14px "Helvetica Neue",Helvetica,Arial,sans-serif;  /*font:normal 14px "HelveticaNeueLight"*/; border: 0; /*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);*/}

.shopperModal .modal-footer{border-top: none; padding: 0; /* position: absolute*/;width: 100%; bottom: 0; display: table;}
.shopperModal .modal-body {padding: 7px 15px; }
.shopperModal .form-control{ width: 100%;}
.shopperModal .modal-title{ font-weight: normal;}
.shopperModal .full-grid{ width: 100%; display: table;}
.shopperModal .full-wrap{ width: 100%; display: table; position: relative;}
.shopperModal .half-grid{ width: 50%; float: left; box-sizing:border-box;}
.shopperModal .half-wrap{ width: 50%; float: left; box-sizing:border-box; position: relative;}
.shopperModal .modal-footer .gray_bg{ background-color: rgb(195, 193, 193) !important;}
.shopperModal .modal-footer button{margin: 0;}

/*form*/
/*.shopperModal #sign-up-form, #sign-in-form{margin-left:20px;}*/
.shopperModal .form-control{color: #979797; height: 46px; border-radius: 6px;}
 .shopperModal #sign-up-form label, .shopperModal #sign-in-form label, .shopperModal #enter-pre-sign-up-form label, .shopperModal #edit-profile-form label, .shopperModal #forgot-password-form label , .shopperModal #post-sign-up-form-with-card label{ float: left; display: block; margin-bottom: 5px; margin-left: 5px;font-weight:400 !important; }
.shopperModal .form-control.disabled{background-color: #eee; cursor: not-allowed; opacity: 1;}
.shopperModal .select-container{position:relative; text-align:left;}
.shopperModal select.select{ cursor: pointer; height: 46px; line-height: 28px; position: relative; width: 100%}
.shopperModal span.select{ background: #ffffff url("../images/select-arrow.png") no-repeat scroll 92% center; border: 1px solid #d9d7d8; border-radius: 6px; box-sizing: border-box; cursor: pointer;
  display: table-cell; height: 46px; left: 0; line-height: 28px; padding: 6px 60px; position:absolute;
  top: 0; width: 100%; z-index: 1;}
.shopperModal .form-group{position: relative; margin-bottom: 15px;padding-left: 15px;
    padding-right: 15px; min-height: 1px;} /*, .shopperModal input[type="email"]*/
.shopperModal input[type=number], .shopperModal input[type=button], .shopperModal input[type=reset], .shopperModal input[type=submit]{font-family:"HelveticaNeueLight"}
.shopperModal .select-container select option:focus{
  background: #000;
}
.shopperModal .s-hidden{display: none;}
.shopperModal .select-box{cursor: pointer; display: table;  width: 100%; background-color: #fff; border-radius: 4px;}
/*.shopperModal .select-box select:focus, .shopperModal .select-box .select:focus{border:none;outline:none;}*/
.shopperModal .store-sel{ width: 88%;}

.shopperModal .select-box.gender{
  background-image:  url("../images/gender.png");
  background-repeat: no-repeat;
  background-position:  17px 50%;
}

.shopperModal .select-box.language{
    background-image:  url("../images/language.png");
    background-repeat: no-repeat;
    background-position:  17px 50%;
  }

.shopperModal .select-box.enter_email{
  background-image:  url("../images/e-mail.png");
  background-repeat: no-repeat;
  background-position:4% 50%;
}

.shopperModal .select-box.enter_store{
  background-image:  url("../images/home-store-icon.png");
  background-repeat: no-repeat;
  background-position:4% 50%;
  background-size: 22px auto;
}
/* z-index: 99; */
.shopperModal .select-box .select.seldata{background: url("../images/select-arrow.png") no-repeat scroll right 15px center; border: 1px solid #d9d7d8; border-radius: 6px;  padding: 8px 0px; height: auto; line-height: 28px; position: relative; text-align: left;  width: 100%;
box-sizing: initial;}
 .shopperModal .gender-sel .select.seldata{height: 28px;}
 .shopperModal .store-sel .select.seldata{background: url("../images/select-arrow.png") no-repeat scroll right 50px center;
}
/*	z-index: 99;*/
.shopperModal .store-sel .select.iarrow-pos{background: url("../images/select-arrow.png") no-repeat scroll right 15px center;}
.shopperModal .select-box .select.seldata:focus{
	border: 1px solid #89c057;

}
/*.shopperModal .store-sel .select.seldata .styledSelect{ margin-top: 3px;}*/
.shopperModal .select-box .select.seldata .styledSelect{padding: 0 45px 0 50px; }
.shopperModal .store-sel .select.seldata .styledSelect{padding: 0 45px 0 50px; line-height: 14px; font-size: 11px;}
.shopperModal #edit-profile-form .store-sel .select.seldata .styledSelect{padding: 0 45px 0 50px; line-height: 13px; font-size: 11px;}
.shopperModal #edit-profile-form .store-sel .select.seldata .styledSelect{ margin-top: 2px;}
.shopperModal .select-box .select.seldata .styledSelect span{font-size: 14px;}
.shopperModal .select-box .select.seldata ul.options{ background: #fff none repeat scroll 0 0; border: 1px solid #d9d7d8; border-radius: 6px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); left: 0; overflow: hidden; padding: 5px 0; position: absolute; width: 100%; z-index: 99999; top: 45px;
}

.shopperModal .select-box .select.seldata ul.options li {
  clear: both; color: #333; display: block; font-weight: normal; line-height: 22px; padding: 3px 20px; white-space: nowrap; list-style: outside none none; text-align: left; width: 100%;
}
.shopperModal .select-box .select.seldata ul.options li:hover{
  background: #f5f5f5; color: #262626;
}

.shopperModal .select-box .select.seldata ul.options .li-active{
  background: #f5f5f5;color: #262626;
}

/*.shopperModal .select-box .select.seldata.valid{*/
.shopperModal .genderSelect .select.seldata.valid{
    background-image: url("../images/ok.png"), url("../images/select-arrow.png");
    background-position: 91% center, 73% center;
    background-repeat: no-repeat;
    border-color: #89c057;
    color: #89c057;
}

.shopperModal .genderSelect .select.seldata.invalid{
  background-image: url("../images/field-error.png"), url("../images/select-arrow.png");
  background-position: 82% center, 92% center;
  background-repeat: no-repeat;
  border: 2px solid #f3a523;
  color: #f3a523;
 }

  .shopperModal .store-sel .select.seldata.valid{
    background-image: url("../images/ok.png"), url("../images/select-arrow.png");
    background-position: 96% center, 75% center;
    background-repeat: no-repeat;
    border-color: #89c057;
    color: #89c057;
}

 
 .shopperModal .store-sel .select.seldata.invalid{
  background-image: url("../images/field-error.png"), url("../images/select-arrow.png");
  background-position: 95% center, 82% center;
  background-repeat: no-repeat;
  border: 2px solid #f3a523;
  color: #f3a523;
 }

 
 .shopperModal  input#inputSignupPass.valid{
  background-position: 89% center;
 }
 .shopperModal  input#inputSignupPass.invalid{
  background-position: 89% center;
 }
 .shopperModal  input#updateSignUpPass.valid{
  background-position: 89% center;
 }
 .shopperModal  input#updateSignUpPass.invalid{
  background-position: 89% center;
 }

  .shopperModal  input#inputSignupCard.valid{
  background-position: 89% center;
 }
 .shopperModal  input#inputSignupCard.invalid{
  background-position: 89% center;
 }
 .shopperModal  input#updateSignupCard.valid{
  background-position: 89% center;
 }
 .shopperModal  input#updateSignupCard.invalid{
  background-position: 89% center;
 }
.shopperModal #inputSignupPass .selectArrow.s-hidden{ display: none;}

.shopperModal .input-group-lg &gt; .form-control, .shopperModal .input-group-lg &gt; .input-group-addon, .shopperModal .input-group-lg &gt; .input-group-btn &gt; .btn{font-size:14px; padding: 0 70px 0 50px;}
.shopperModal .input-group-lg &gt; .fname, .shopperModal .input-group-lg &gt; .lname{ padding: 0 30px 0 15px;}
.shopperModal .input-group-lg &gt; .zipcode{ padding: 0 30px 0 50px;}
.shopperModal .pwd-icon-off{position: absolute; right: 40px !important;z-index: 2;display: block;width: 20px;height: 11px;line-height: 11px;text-align: center;top: 18px;}
.shopperModal .sign-up-pwd-icon-off{position: absolute; left: 91.5%;z-index: 2;display: block;width: 20px;height: 11px;line-height: 11px;text-align: center;top: 16px;}
.shopperModal .sign-up-pwd-icon-off.valid, .shopperModal .sign-up-pwd-icon-off.invalid, .shopperModal .sign-up-pwd-icon-off-2.invalid{left: 83.5% ;}
.shopperModal .sign-up-pwd-icon-off-2{position: absolute; left: 91.5% ;z-index: 2;display: block;width: 20px;height: 11px;line-height: 11px;text-align: center;top: 17px;}
.shopperModal .right-addon.card-icon-right {position: absolute;right: 100%;}
.shopperModal .choose-pwd-icon-off{position: absolute; right: 40px !important;z-index: 2;display: block;width: 20px;height: 11px;line-height: 11px;text-align: center;top: 18px; cursor:pointer;}
/*.shopperModal .fname, .shopperModal .lname{ text-transform: capitalize;}*/
/*edit profile*/
.edit-prof .form-horizontal .control-label{text-align: left;}
.edit-prof .email-icon { background: url("../images/e-mail.png") no-repeat scroll 0 0 #fff; display: inline-block; height: 14px; left: 25px; position: absolute;text-indent: -999px;top: 16px; width: 20px;}
.edit-prof .signup-password-icon { background: url("../images/password.png") no-repeat scroll 0 0 #fff; display: inline-block; height: 17px; left: 28px; position: absolute; text-indent: -999px; top: 14px; width: 14px;}
.edit-prof .sign-up-pwd-icon-off { display: block;    height: 11px; line-height: 11px; position: absolute; right: 40px; text-align: center; top: 17px; width: 20px; z-index: 2;}
.edit-prof .zipcode-icon{ background:url("../images/zip-code.png") no-repeat scroll 0 0 #fff; display: inline-block; height: 19px; left: 28px; position: absolute; text-indent: -999px; top: 13px; width: 13px;}
.edit-prof .glyphicon-earphone{ display: inline-block; height: 20px; left: 18px; line-height: 20px!important; position: absolute; text-align: center; top: 14px; width: 20px; z-index: 2; color: #546979;}
.edit-prof .card-icon{ background:url("../images/loyalty-card.png") no-repeat scroll 0 0 #fff; display: inline-block; height: 14px; left: 28px; position: absolute; text-indent: -999px; top: 16px; width: 20px;}
.edit-prof .language-icon{ background:url("../images/language.png") no-repeat scroll 0 0 #fff; display: inline-block; height: 16px; left: 28px; position: absolute; text-indent: -999px; top: 16px; width: 20px;}

.edit-prof .right-addon.card-icon-right { right: 40px; position: absolute; top: 20%;}

.edit-prof .gender-icon{ background:url("../images/gender.png") no-repeat scroll 10px 9px #fff;display: inline-block;}

.edit-prof .store-icon{background: url(../images/store.png) no-repeat scroll 13px 10px #fff;display: inline-block;}
.edit-prof .form-group .fname, .edit-prof .form-group .lname{ padding: 0 40px 0 15px;}
.edit-prof .form-control{padding: 0px 27px 0 45px;}
.edit-prof .homeAddress, .edit-prof #inputSignup2City, .edit-prof #updateSignupAddress, .edit-prof #updateSignupState, .edit-prof #updateSignupCity, .edit-prof .states {padding: 0px 45px 0 15px;}
.shopperModal .edit-prof .cancel-edit-prof{float: left; width:49%; background-color: #88BF57; color:#fff; padding: 3% 0; border-color: transparent; border-radius: 0 0 0 10px; font-family: 'HelveticaNeueLight'; font-size: 14px; letter-spacing: 1px;}
.shopperModal .edit-prof .cancel-edit-prof:hover{border-color: transparent;}
.shopperModal .edit-prof .save-prof{float: right; width:49%; background-color: #88BF57; color:#fff; padding: 3% 0; border-color: transparent; border-radius: 0 0 10px 0; font-family: 'HelveticaNeueLight'; font-size: 14px; letter-spacing: 1px;}
.shopperModal .edit-prof .save-prof:hover{/*background-color: #3071a9;*/border-color: transparent;}
.shopperModal input[type=number].card, .shopperModal input[type=tel].phone, .shopperModal .store-sel, .shopperModal .updateSignUpPass, .shopperModal .inputSignUpPass, .shopperModal .inputEmail, .shopperModal .inputSignPass { width: 100%;} 
.shopperModal #inputSignEmail, .shopperModal #inputSignPass{ width: 100%;}

/* Existing Customer */
.shopperModal .forgot-pwd, .skipscr,#btnCookieCancel{float: left; width:49%; background-color: #88BF57; color:#fff; padding: 3% 0 !important; border-color: transparent; border-radius: 0 0 0 10px; font-size: 14px;}
.shopperModal .forgot-pwd:hover{border-color: transparent;}
.shopperModal .sign-in,#btnCookieSave{float: right; width:49%; background-color: #C2BFC0; color:#fff; padding: 3% 0; border-color: transparent; border-radius: 0 0 10px 0;  font-size: 14px;}
.shopperModal .sign-in:hover{background-color: #3071a9;border-color: transparent;}
.shopperModal .circle-image{height: 144px; width: 144px; border-radius: 50%; background-color: #89C057;margin: 0 auto; margin-bottom: 10px; position: relative;}
.shopperModal .logo-image {display: none; height: 140px; margin-bottom: 10px; margin-top: -20px;}
.shopperModal .logo-image &gt; img {max-height: 100%;}
.shopperModal .profile-icon{display: inline-block;left: 50%;position: absolute;width: 72px;height: 72px;margin-left: -36px;margin-top: -36px;top: 50%;}
.shopperModal .existing-cusomer {display: inline-block;left: 50%;position: absolute;width: 66px;height: 45px;margin-left: -33px;margin-top: -22px;top: 50%;}
.shopperModal .ext-cust {width: 350px;}
.shopperModal .ext-cust-txt {padding: 0 22px; line-height: 1.42857143; font-size:15px; font-family: 'ArialRoundedMTBoldBold';}
.shopperModal .modal-header .previous {margin-top: -2px; position: absolute; left: 15px; top: 20px;z-index:1}
button.previous {padding: 0px;cursor: pointer;background: none repeat scroll 0px 0px transparent;border: 0px none;}
button.previous:hover, button.previous:focus, 
.shopperModal .close:hover{opacity: 0.5;}
.shopperModal .previous {float: left;font-size: 21px;font-weight: 700;line-height: 1;color: #abacab;text-shadow: 0px 1px 0px #FFF;opacity: 1; cursor: pointer;}
.shopperModal .close{opacity: 1; position: absolute; right: 15px; top: 17px; z-index: 10; cursor: pointer;}
.shopperModal .next{ position: absolute;top: 418px;right: 16px; cursor: pointer;}

/* Forgot Password */
.shopperModal .underline a{color: #647C8D; text-decoration: underline; text-transform: capitalize;}
.shopperModal .underline a:hover{color: #89C057; text-decoration: none;}
.shopperModal .reset-pwd{float: left; width:100%; /*background-color: #88BF57; color:#fff;*/ background-color: #C2BFC0; color: #fff; padding: 14px 12px; border-color: transparent; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; border-top-right-radius: 0; border-top-left-radius: 0;}
.shopperModal input::-moz-placeholder{color:#777;}
.shopperModal input::-webkit-input-placeholder{color:#777;}
.shopperModal input:-ms-input-placeholder{color:#777;}
.shopperModal .question-sign {display: inline-block;left: 50%;position: absolute;width: 36px;height: 59px;margin-left: -18px;margin-top: -30px;top: 50%;}
.shopperModal .existing-img {display: inline-block;left: 50%;position: absolute;width: 70px;height: 40px;margin-left: -35px;margin-top: -20px;top: 50%;}
.shopperModal .password .loyaltytext{margin-bottom: 16px;}
.shopperModal .password  .sign_up_here{
  margin-bottom: 35px;  
}
.shopperModal .password  .sign_up_here a{ text-decoration: underline; color: #647c8d; text-decoration: underline; text-transform: capitalize;
  }
.shopperModal .password .form-group input.f_pass{
    padding: 0 70px 0 50px;
  }
input[readonly]:focus {
    outline: #66afe9 solid 2px;
    border-radius:6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

/* Sign In */
.shopperModal .sign-in-key{display: inline-block;left: 50%;position: absolute;width: 77px;height: 37px;margin-left: -34px;margin-top: -18px;top: 50%;}
.shopperModal .form-control-feedback {width: 46px;height: 46px;line-height: 46px;}
.shopperModal .p-content {font-family: 'ArialRoundedMTBoldBold';font-size: 16px;}
#modalSignIn.shopperModal .form-control{
  padding: 0 45px 0 50px!important;
}
#modalSignIn.shopperModal .sign-in:hover{
  background: #c2bfc0;
}


/* Sign Up */
.shopperModal .sign-up{display: inline-block;left: 50%;position: absolute;width: 42px;height: 35px;margin-left: -20px;margin-top: -15px;top: 50%;}
.shopperModal .store-icon, .shopperModal .store-icon:active, .shopperModal .store-icon:focus{background: url(../images/store.png) no-repeat scroll 16px 10px #fff;}
.shopperModal .inner-addon { position: relative; }
.shopperModal .inner-addon .form-control-feedback{ top: 0;}
.shopperModal #welcome_sub_title { margin: 0px 0px 10px 0px;}

/* style icon */
.shopperModal .inner-addon .glyphicon {position: absolute;padding: 0px;pointer-events: none;}

/* align icon */
.shopperModal .left-addon .glyphicon  { left:  18px;}

/* add padding  */
.shopperModal .left-addon input  { padding-left:  60px; }
.shopperModal .signup-btn{float: left; width:100%; background-color: #C3C0C1; color:#fff; padding: 14px 12px; border-color: transparent; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; font-size: 14px;}
.shopperModal .info{ position: absolute; left: 91.5%;z-index: 2;display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;top: 13px;}
.shopperModal .info.valid, .shopperModal .info.invalid{left: 83.5%;}
.shopperModal .infoSignup{ position: absolute; left: 88.5%;z-index: 2;display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;top: 13px;}
.shopperModal .store-icon .dropdown-menu.open{ width: 100%; left:0; position: absolute;}
.shopperModal .storeInfoA{ position: absolute; left: 91.5%;/*z-index: 9999;*/z-index: 99;display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;top: 13px;}
.shopperModal #sign-up-form .info, .shopperModal #card-control .info, .shopperModal #modalSignUp .storeInfoA, .shopperModal #edit-profile-form .storeInfoA, .shopperModal #edit-profile-form .info{top: 13px;}
/* Sign Up */

.shopperModal .modal-footer .btn + .shopperModal .btn{margin-left: 0;}
.shopperModal .btn, .shopperModal .btn:hover{ border: 0 none;cursor:pointer;}
.shopperModal .btn:disabled{ border: 0 none; cursor: not-allowed;}
.shopperModal .singup-txt01,.shopperModal .singup-txt02,.shopperModal .singup-txt02 a, .shopperModal .singup-txt03{color: #68727c;}
.shopperModal .singup-txt01,.shopperModal .singup-txt02{ font-size: 20px;}
.shopperModal .modal-body p{ padding-bottom: 0px !important; font-family: "HelveticaNeueLight" !important;}
.shopperModal .singup-txt03{font-size: 12px;}
.shopperModal .singup-rem-me{ margin-bottom: 28px; font-size: 16px; line-height: 50px;margin-right:25px;}
.shopperModal .singup-rem-me .switchery{ margin-left: 5px}
.shopperModal .singup-txt01{ margin-bottom: 28px;}
.shopperModal .singup-txt02{ margin-bottom: 20px;}
.shopperModal .singup-txt02 a{ text-decoration: underline; text-transform: none !important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif }
.shopperModal .singup-txt03{ margin-bottom: 10px;}
.shopperModal .terms-condition label::before {
    background-color: #fff;
    border: 1px solid #d9d7d8;
    border-radius: 3px;
    bottom: 7px;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 20px;
}


/* terms of service*/
.shopperModal .tc-image{display: inline-block; height: 30px; left: 50%; margin-left: -48px; margin-top: -20px; position: absolute; top: 50%; width: 96px;}
.shopperModal .tc-content { /*max-height: 260px;*/ min-height: 260px; overflow: auto; padding: 15px;}
.shopperModal .tc-btn{ background: #88bf57; float: left; width:100%; color:#fff;padding: 14px 12px; border-color: transparent; text-transform: uppercase; font-size: 14px; -webkit-border-radius: 10px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius: 10px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0;}
.shopperModal .terms-condition{text-align: left;}
.shopperModal .terms-condition label {display: inline-block; cursor: pointer; position: relative; padding-left: 28px; font-size: 14px; min-height: 34px; color: #4e5158;line-height: 34px;font-weight:400}
.shopperModal .terms-condition span {display: inline-block; cursor: pointer; position: relative; padding-left: 18px; font-size: 14px; min-height: 34px; color: #4e5158;line-height: 34px;font-weight:400; text-align: center; width: 100%}

.shopperModal .terms-condition  a,.shopperModal .terms-condition span a{color: #556c7e; text-decoration: none; text-transform: none !important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif ;font-size:16px;}
.shopperModal .terms-condition  a:hover,.shopperModal .terms-condition span a:hover{color: #4e5158;}
.shopperModal .terms-condition input[type=checkbox] {/*display: none;*/position: absolute;
  height: 1px; 
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  }
.shopperModal .terms-condition label:before {content: ""; display: inline-block; width: 20px;height: 20px;margin-right: 10px;position: absolute;left: 0;bottom: 7px;background-color: #fff;border: 1px solid #d9d7d8;border-radius: 3px;}
.shopperModal .terms-condition .checkbox label {margin-bottom: 10px;}
.shopperModal .terms-condition .checkbox label:before {border-radius: 3px;}
.shopperModal .terms-condition input[type=checkbox]:checked + label:before {content: " "; background: url(../images/ok.png) no-repeat center center #fff; background-size: 12px 12px; border: 1px solid #89C057;}
.shopperModal .terms-condition input[type=checkbox]:focus + label::before {
  outline: #89C057 solid 1px;
  box-shadow: 0 0px 8px #5e9ed6;
}

/* Tooltip */
.shopperModal .mar-bot-5{margin: 0 0 5px;}
.shopperModal .mar-bot-10{margin: 0 0 10px;}
.shopperModal .mar-bot-16{margin: 0 0 16px;}
.shopperModal .mar-bot-20{margin: 0 0 20px;}
.shopperModal .mar-bot-28{margin: 0 0 28px;}
.shopperModal .mar-bot-35{margin: 0 0 35px;}
.shopperModal .modal-backdrop.fade.in{filter: alpha(opacity=80);}
.shopperModal .store-icon option{ padding: 5px;}
.shopperModal .store-op{ border-bottom: 1px solid #d1d1d1; margin-left: 5px; padding: 5px 0;}

/* Password icon CSS*/
.shopperModal .input-group .btn{ border-radius: 0;}
.shopperModal .input-group .form-control{ border-radius: 0;}
.shopperModal .input-group.well{background: #2475DB;}

/* Password icon CSS*/
.shopperModal input.error{color:#f3a523;}
.shopperModal .form-control{border: 1px solid #d9d7d8; box-shadow: none; margin: 0px;}
/*.shopperModal .form-control:focus,  .form-control:active{border: 1px solid #89C057; box-shadow: none; color:#647C8D;}*/
.shopperModal .card-popover .popover {top: -52px !important; left: 26% !important; display: table !important; background-color: #f3a523;}
.shopperModal .popover.top&gt;.arrow{left:90% !important; border-top-color: #f3a523; margin-bottom: 1px; margin-left: -15px;}
.shopperModal .popover.top&gt;.arrow:after{border-top-color: #f3a523;}
.shopperModal .popover-content {text-align:right; color:#fff; font:normal 11px "HelveticaNeueLight" letter-spacing: 1.5px; padding: 10px 8px;}
.shopperModal .popover-content a{ text-align:right; color:#fff; font:normal 13px "HelveticaNeueLight" text-decoration:underline; padding-top:5px; margin-top: 5px;display: block;}
.shopperModal .popover-content a:hover{ text-decoration:none; color:#2475DB;}
.shopperModal .selectpicker.btn-lg.form-control{ height:46px; font-size: 14px; line-height: 1.33;border-radius: 6px; color: #647C8D; padding: 0 50px 0 45px;}
.shopperModal .selectpicker.btn-lg.form-control:hover {border: 1px solid #d9d7d8; box-shadow:none;}

/* Error Message */
.popover.top {margin-top: 5px;}
.shopperModal .popover {left: 130px !important; background-color: #f3a523;}
.shopperModal .fNameValidate.popover, .shopperModal .lNameValidate.popover{left: -15px !important; top: -38px !important; width: 100%;}
.shopperModal .eMailValidate.popover{ left: 18.7% !important;}
.shopperModal #sign-in-form .pwdinputValidate.popover {left: 65px !important;top: -38px !important;width: 100%;}
.shopperModal #sign-up-form .pwdinputValidate.popover {left: 109px !important;width: 100%;}
.shopperModal .zipinputValidate.popover{left: -15px !important;top: -52px !important;width: 100%;}
.shopperModal .store-sel .popover {left: 158px !important; top: -38px !important;}
.shopperModal .gender-sel .popover {left: 20px !important;top: -35px !important;}


/*Caret*/

.dropup .btn-lg .caret {border-width: 0 6px 5px;}
.btn-lg .caret {border-width: 6px 5px 0;}

/*mega menu*/
.shopperModal .mega-dropdown {position: static !important;width:100%;}
.shopperModal .mega-dropdown-menu {padding: 20px 0px;width: 100%;box-shadow: none;-webkit-box-shadow: none;}
.shopperModal .mega-dropdown-menu:before { content: "";border-bottom: 15px solid #fff;border-right: 17px solid transparent;border-left: 17px solid transparent; position: absolute; top: -15px;left: 285px;z-index: 10;}
.shopperModal .mega-dropdown-menu:after {content: "";border-bottom: 17px solid #ccc;border-right: 19px solid transparent;border-left: 19px solid transparent;position: absolute;top: -17px;left: 283px;z-index: 8;}
.shopperModal .mega-dropdown-menu &gt; li &gt; ul {padding: 0;margin: 0;}
.shopperModal .mega-dropdown-menu &gt; li &gt; ul &gt; li { list-style: none;}
.shopperModal .mega-dropdown-menu &gt; li &gt; ul &gt; li &gt; a {display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.428571429;color: #999;white-space: normal;}
.shopperModal .mega-dropdown-menu &gt; li ul &gt; li &gt; a:hover,
.shopperModal .mega-dropdown-menu &gt; li ul &gt; li &gt; a:focus {text-decoration: none;color: #444;background-color: #f5f5f5;}
.shopperModal .mega-dropdown-menu .dropdown-header {color: #428bca;font-size: 18px;font-weight:bold;}
.shopperModal .mega-dropdown-menu form {margin:3px 20px;}
.shopperModal .mega-dropdown-menu .form-group {margin-bottom: 3px;}
.shopperModal input::-ms-clear, .shopperModal input::-ms-reveal{display: none; width : 0; height: 0;}
.shopperModal a:focus, .shopperModal .btn:focus, .shopperModal .btn:active:focus, .shopperModal .btn.active:focus{outline: none;}
.shopperModal .bootstrap-select.btn-group .btn .filter-option{padding: 0 0 0 5px;}

.shopperModal .updateSignUpPass, .shopperModal .card, .shopperModal .inputSignUpPass, .inputSignupPhone {background-position: 96% center !important;}

/* Error Mesg as a popover */
.shopperModal .form-control.invalid{color:#f3a523; border: 2px solid #f3a523;}
.shopperModal .form-control2.invalid{color:#f3a523; border: 2px solid #f3a523 !important;}
.shopperModal .form-control2.valid{color:#89c057; border: 2px solid #89c057 !important;}
/*.shopperModal .form-control.registered{color:#f3a523 !important; border: 2px solid #f3a523 !important;}*/
.shopperModal input.invalid:required, .shopperModal input.invalid:focus,.shopperModal input.invalid{background-image: url(../images/field-error.png);background-position: 96% center;background-repeat: no-repeat;outline: 0 none!important;}
/*.shopperModal input.registered{background-image: url(../images/field-error.png)  !important;background-position: 96% center  !important;;background-repeat: no-repeat;}*/
.shopperModal input.valid:required, .shopperModal input.valid:focus, .shopperModal input.valid {background-image: url(../images/ok.png);background-position: 96% center;background-repeat: no-repeat;border-color: #89c057; color: #89c057;}
.shopperModal input.formatvalid:required, .shopperModal input.formatvalid:focus, .shopperModal input.formatvalid {border-color: #89c057; color: #89c057;}

.shopperModal .email-icon{ background: url("../images/e-mail.png") no-repeat scroll 0 0 #fff; display: inline-block; height: 14px;left: 18px;position: absolute;text-indent: -999px;top: 17px;width: 20px;}
/*.shopperModal #sign-up-form .email-icon { top:38px;}*/
.shopperModal .signup-password-icon{ background:url("../images/password.png") no-repeat scroll 0 0 #fff;display: inline-block;height: 17px;left: 18px;position: absolute;text-indent: -999px;top: 15px;width: 14px;}
/*.shopperModal #sign-up-form .signup-password-icon {    top: 37px;}*/
.shopperModal .card-icon{ background:url("../images/loyalty-card.png") no-repeat scroll 0 0 #fff;display: inline-block;height: 14px;left: 18px;position: absolute;text-indent: -999px;top: 17px;width: 20px;}
.shopperModal .language-icon{ background:url("../images/language.png") no-repeat scroll 0 0 #fff;display: inline-block;height: 16px;left: 18px;position: absolute;text-indent: -999px;top: 17px;width: 20px;}
.shopperModal .zipcode-icon{ background:url("../images/zip-code.png") no-repeat scroll 0 0 #fff;display: inline-block;height: 19px;left: 18px;position: absolute;text-indent: -999px;top: 15px;width: 13px;}
.shopperModal #post-sign-up-form-with-card .zipcode-icon{ top: 15px;}
.datepicker-icon{ background: url('../images/birth-year.png') no-repeat scroll 12px 13px #fff; display: inline-block;height: 17px;}
.shopperModal .gender-icon{ background:url("../images/gender.png") no-repeat scroll 15px 13px;display: inline-block;}

/* Offers Modal */
.shopperModal .offers-body{ padding: 0px 30px 10px 30px;}
#modalofferDetails .mid-content .product-col .image{
  text-align: center;
  margin-bottom: 10px;
}
#modalofferDetails .modal-content {
    background: #fff none repeat scroll 0 0;
    position: relative;
}
#modalofferDetails .mid-content .product-col .image .product-image { display: inline-block;
  max-height: 220px; margin: 0 auto; width:auto;max-width:220px /*width: 220px; max-width: 100%;*/
}
#modalofferDetails .modal-footer button{
  cursor: pointer;
}
.shopperModal .addToList{float: left; width:100%; background:none #4a90e2; color: #fff; border-color: transparent; border-radius: 0 0 10px 10px;; display: block; float: none; font-family: "Roboto",sans-serif; font-size: 20px; font-weight: 700; padding: 14px 12px;}
.shopperModal .inyourList    {cursor: default !important;float: left; width:100%; background:none #4a90e2; color: #fff; padding: 14px 12px; border-color: transparent; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; border-top-right-radius: 0; border-top-left-radius: 0; display: block; float: none;
  font-family: "Roboto",sans-serif; font-size: 20px; font-weight: 700; padding: 14px 12px;}
/*.shopperModal .addToList:hover{float: left; width:100%; background: url("../images/overlay-back.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color:#fff; padding: 14px 12px; border-color: transparent; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; border-top-right-radius: 0; border-top-left-radius: 0;}*/
#modalofferDetails .modal-footer .qtyControl {display: none; margin-top: -10px; background: #4a90e2 none repeat scroll 0 0; border-radius: 0 0 10px 10px; padding-bottom: 15px; text-align: center;}
#modalofferDetails .modal-footer .qtyControl button {background: white none repeat scroll 0 0; border: 1px solid #999; margin: 0 -1px; padding: 0; width: 25px;}
#modalofferDetails .modal-footer .qtyControl input {background: white none repeat scroll 0 0; border: 1px solid #999; margin: 0; outline: 0 none; padding: 3.5px; text-align: center; vertical-align: top; width: 20px;}
#modalofferDetails .modal-footer:hover .addToList, #modalofferDetails .modal-footer:hover .qtyControl {background: #6ea6e7 none repeat scroll 0 0;}

/*.shopperModal #existing-customer-form .signup-password-icon{ background:url("../images/password.png") no-repeat scroll 0 0 #fff; display: inline-block; height: 17px; left: 15px; position: absolute; text-indent: -999px; top: 15px; width: 14px;}*/
.shopperModal input.lname.invalid, .shopperModal input.fname.invalid, .shopperModal input.yob.invalid, .shopperModal input#inputSignup2State.invalid, .shopperModal input#inputSignup2City.invalid  {background-position: 91% center;}
.shopperModal input.lname.valid, .shopperModal input.fname.valid, .shopperModal input.lname.valid:focus, .shopperModal input.fname.valid:focus{background-position: 91% center;}

#post-sign-up-form-with-card input.yob.valid, #post-sign-up-form-with-card input#inputSignup2City.valid, #post-sign-up-form-with-card input.states.valid {background-position: 91% center;}
/*.shopperModal input.lname.valid, .shopperModal input.fname.valid, .shopperModal input.zipcode.valid, .shopperModal input.lname.valid:focus, .shopperModal input.fname.valid:focus, .shopperModal input.zipcode.valid:focus{background-position: 91% center;}*/
select.gender.valid + div.bootstrap-select.btn-group.form-control{background-image: url(../images/ok.png); background-position: 80% center; background-repeat: no-repeat;}
select.gender.invalid + div.popover + div.bootstrap-select.btn-group.form-control{background-image: url(../images/field-error.png); background-position: 78% center; background-repeat: no-repeat;}
select.gender.invalid + div.popover{left: 12px !important;}
select.gender.valid + div.bootstrap-select.btn-group.form-control .form-control, select.gender.valid + div.bootstrap-select.btn-group.form-control .form-control:focus{border-color: #89c057; color: #89c057;}
select.gender.invalid + div.popover + div.bootstrap-select.btn-group.form-control .form-control{border-color: #f3a523;}

.card-popover input.valid, .card-popover input.valid:focus, .shopperModal .card-popover input.valid, .shopperModal .card-popover input.valid:focus{background-image: url(../images/ok.png); background-position: 90% center; background-repeat: no-repeat; border-color: #89c057;}
.card-popover input.invalid, .card-popover input.invalid:focus{background-image: url(../images/field-error.png); background-position: 90% center; background-repeat: no-repeat;}

.pass-val input.valid, .shopperModal .pass-val input.valid, .pass-val input.valid:focus, .shopperModal .pass-val input.valid:focus{background-image: url(../images/ok.png); background-position: 90% center; background-repeat: no-repeat; border-color: #89c057;}
.pass-val input.invalid{background-image: url(../images/field-error.png); background-position: 90% center; background-repeat: no-repeat;}

.shopperModal #sign-in-form .input-group-lg &gt; .form-control.inputEmail, .shopperModal #forgot-password-form .input-group-lg &gt; .form-control.inputEmail, .shopperModal #sign-up-form .input-group-lg &gt; .form-control.inputEmail, .shopperModal #edit-profile-form .input-group-lg &gt; .form-control.inputEmail{padding-right: 45px;}
.shopperModal #sign-in-form .inputSignPass{padding-right: 45px;}
input::-ms-clear, input::-ms-reveal{
    display:none;
      width : 0;
    height: 0;
}
.shopperModal #sign-in-form .pwd-icon-off{right: 32px !important;}

.shopperModal #existing-customer-form .pwd-icon-off{right: 15px !important; top: 16px;}
.shopperModal .info_not_avaiable{ font-size: 12px; font-weight: bold; height: 17px; margin:20px 0;
  float: left; padding-left: 20px;}

/* Switchery defaults. */
.switchery { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 20px; cursor: pointer; display: inline-block; height: 30px; position: relative; vertical-align: middle; width: 50px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; box-sizing: content-box;  background-clip: content-box;}
.switchery &gt; small { background: #fff; border-radius: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); height: 30px; position: absolute; top: 0; width: 30px;}

/* Switchery sizes. */
.switchery-small { border-radius: 20px; height: 20px; width: 33px;}
.switchery-small &gt; small { height: 20px; width: 20px;}
.switchery-large { border-radius: 40px; height: 40px; width: 66px;}
.switchery-large &gt; small { height: 40px; width: 40px;}
.product-pop-btn{ text-align:center; padding-top:15px;}
.product-pop-btn .btn-group .btn:focus, .product-pop-btn .btn-group .btn:hover{ background:#408bca; color:#fff;}
.product-pop-btn .btn-group .btn-active{ background:#408bca; color:#fff;}
.product-pop-btn .btn-group .btn {padding: 6px 40px;}
.prod-container{ display:none;}
.a_under{
    text-decoration:underline !important;
}

/*Error Message*/
#edit-profile-form .popover {background-color: #f3a523; right: 8px;}
#edit-profile-form .err-adjust .popover { left: 130px !important;}
#edit-profile-form .pass-val .popover{left: 109px !important;}

/* shopper id*/
.capture_card_popup .capture_card_block { 
	background: #fff none repeat scroll 0 0;
    border: 2px solid #a6b4a3;
    border-radius: 2px;
    height: auto;
    margin: 0 auto;
    min-height: 200px;
    width: 330px;
}
.capture_card_popup .capture_card_block .upper-part {
    border-bottom: 5px solid #467d3f;
    padding: 20px 15px;
}
.capture_card_popup .capture_card_block .upper-part h2 {
    color: #48247d;
    font-family: "Helvetica Neue",sans-serif;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
}
.capture_card_popup .capture_card_block .upper-part h2 img {
    border: 2px solid #d4d2d4;
    height: auto;
    padding: 3px 0;
    width: 105px;
}
.capture_card_popup .capture_card_block .upper-part h2 span {
    display: inline-block;
    line-height: 44px;
    margin-left: 15px;
    vertical-align: top;
}
.capture_card_popup .capture_card_block .upper-part p {
    color: #555;
    font-family: Arial;
    font-size: 19px;
    font-weight: bold;
    margin: 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.capture_card_popup .capture_card_block .lower-part {
    padding: 15px;
    text-align: center;
}
.capture_card_popup .capture_card_block .lower-part .bar-code-block p {
    color: #555;
    font-size: 16px;
    line-height: 14px;
    margin: 0;
    padding-top: 2px;
}
.capture_card_popup .modal-body{
  padding-bottom: 15px;
}

/*****************CSS added for new layout changes as on 10/9/15************************/
.shopperModal #signUpWithCard ,.shopperModal #signUpWithoutCard{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.shopperModal .btn{

font-family: "HelveticaNeueLight" !important;
}

.shopperModal input{
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.shopperModal .circle-image{width: 100px; height: 100px;margin-bottom: 10px;}
.shopperModal .sign-in-key{width: 65px;height: 31px; margin-left: -30px; margin-top: -14px;}
/*.shopperModal .singup-rem-me,.shopperModal .singup-txt03{display: none;}*/
.shopperModal .singup-txt02{font-weight:700; }
.shopperModal .modal-content{background: rgba(255, 255, 255, 0.93);}
.shopperModal .forgot-pwd,.shopperModal .sign-in,.shopperModal .modal-footer button{font-size: 17px;}
#modalSignIn .modal-footer button,#modalCookiePolicy .modal-footer button{font-size: 17px;text-transform: none !important; font-family: "HelveticaNeueLight" !important;}
.shopperModal .modal-title{ font-size: 21px;     color: #647C8D;
    text-shadow: 0px 0px 0px;}
.shopperModal .capture_card_popup .modal-header {
  padding-bottom: 30px;
}
.shopperModal#modalofferDetails .modal-header {
  padding-bottom: 30px;
}
.shopperModal .modal-header{padding-bottom: 20px;}
.shopperModal#modalPageAdFlyer .modal-header{padding-bottom: 15px;}
.shopperModal input::-moz-placeholder{color: #68727c;}
.shopperModal input::-webkit-input-placeholder { color: #68727c;}
.shopperModal input:-ms-input-placeholder {color: #68727c;}
.shopperModal input:-moz-placeholder { color: #68727c;}
.shopperModal .form-control{border: 1px solid #cfc9c7;}
.shopperModal .singup-txt01{margin-bottom: 18px;font-weight: bold;font-size: 18px;}
/*.shopperModal input{outline:none;}*/
#modalPreSignUp.shopperModal .tc-btn{cursor:pointer; margin: 0 0 10px; font-size: 17px;border-top-left-radius: 10px;border-top-right-radius: 10px; }
.shopperModal .profile-icon{ width: 60px; height: 60px; margin-left: -29px; margin-top: -32px;}

#more_membership_div .form-group{width: 100%; box-sizing: border-box; margin: 10px 0; padding-top:10px; border-top: 1px solid #979797;}
#more_membership_div .form-group:last-child{border-bottom: 1px solid #979797; padding-bottom: 10px;}
#more_membership_div .form-group .left{float: left; text-align: left; font-size: 14px;/*width:76%;*/ width:75%;}
#more_membership_div .form-group .right span{ float: none !important;}
#more_membership_div .form-group .left .big{clear: both; font-size: 15px; font-weight: bold; width: 100%; float: left;}
#more_membership_div .form-group .right{float: right;padding-top:8px}



.shopperModal .calendar-icon{background: url("../images/birth-year.png") no-repeat scroll 0 0 #fff; display: inline-block; height: 17px;left: 18px;position: absolute;text-indent: -999px;top: 15px;width: 18px;}


/********************************/
/*.edit-prof .modal-content .modal-body{max-height: 400px; overflow-y: scroll; }*/
/*.shopperModal .select-box .select.seldata ul.options{ max-height: 150px; overflow-y:scroll; }*/
.shopperModal .select-box .select.seldata ul.options,.com-birdzi .select-box .select.seldata ul.options{max-width:125%; max-height: 200px; overflow-y:auto; }
.shopperModal .select-box .select.seldata ul.options:focus{z-index: 99999;}
#modalForgotPassword .modal-footer{position: relative;}
#modalForgotPassword .modal-footer .btn{padding: 14px 27px; font-size: 16px;text-transform:none!important; font-family: "HelveticaNeueLight" !important; }
#modalForgotPassword .modal-footer a.next{top: 39%; }
.enr_txt{    color: #82c158;
    font-size: 11px;}
.get_more, .save_more{    color: #5c5c5c; font-weight: 600;
    font-size: 22px;}

/******************************************** Media Query *******************************************/

@media screen and (max-width:767px){
    .shopperModal .store-icon .dropdown-menu.open{ width: 100%; left:0%; position: absolute;}
    .shopperModal .gender-sel .popover {left: 55% !important;top: -35px !important;} 
    .com-birdzi .shopperModal .modal-header h3 {
      margin:0;
    } 
    .com-birdzi .shopperModal .school_list {
      height: 250px;
    }  
}

@media screen and (min-width:768px){
    .shopperModal .navbar-brand-centered {position: absolute;left: 50%;display: block;width: 160px;text-align: center;background-color: #eee;}
    .shopperModal .navbar&gt;.container .navbar-brand-centered, 
    .shopperModal .navbar&gt;.container-fluid .navbar-brand-centered { margin-left: -80px;}
}

@media screen and (max-width:640px){
    .shopperModal .fNameValidate.popover, .shopperModal .lNameValidate.popover{ left: 130px !important; top: -50px !important;}
    .shopperModal .zipinputValidate.popover{ left: 130px !important;}
    .shopperModal .eMailValidate.popover {left: 31.5% !important;}
    .shopperModal #sign-in-form .pwdinputValidate.popover {left: 31.4% !important;width: 100%;}
    .shopperModal .circle-image{height: 90px;width: 90px;margin-bottom: 20px;}
    .shopperModal .sign-in-key{width: 50px;height: auto;margin-left: -24px;margin-top: -11px;}
}

@media (max-width: 450px) {
    .shopperModal .modal-dialog{max-width: 100%; display: inline-block;}
    .shopperModal .ext-cust{max-width: 100%; display: inline;}
    .shopperModal .mar-bot-15{ margin-bottom:15px;}
    .shopperModal .right-addon.card-icon-right {left: -150%;position: absolute;}
    .shopperModal .cardinputValidate.popover {left: 2px !important;max-width: 100%;}
    .shopperModal .eMailValidate.popover {left: 0 !important;max-width: 100%;}
    #modalPreSignUp.shopperModal .tc-btn {font-size: 12px;}
}

@media screen and (max-width:360px){
    .shopperModal .fNameValidate.popover, .shopperModal .lNameValidate.popover{ left: 48px !important; top: -50px !important;}
    .shopperModal .zipinputValidate.popover{ left: 48px !important;}
    .shopperModal .pwdinputValidate.popover {left: 85px !important;top: -35px !important;}
    .shopperModal #sign-up-form .pwdinputValidate.popover {left: 48px !important;}
    .shopperModal .popover {left: 48px !important;}
    .shopperModal .gender-sel .popover {left: 43% !important;top: -35px !important;}
    .shopperModal .store-sel .popover {left: 22% !important;top: -38px !important;}
    .shopperModal #sign-in-form .pwdinputValidate.popover {left: 15% !important;}
}

@media all and (min-width: 480px) and (max-width: 767px){
    .shopperModal input.lname.invalid, .shopperModal input.fname.invalid, .shopperModal input.zipcode.invalid { background-position: 96% center;}
    .shopperModal input.lname.valid, .shopperModal input.fname.valid, .shopperModal input.zipcode.valid, .shopperModal input.lname.valid:focus, .shopperModal input.fname.valid:focus, .shopperModal input.zipcode.valid:focus {background-position: 96% center;}
    select.gender.valid + div.bootstrap-select.btn-group.form-control{background-position: 92% center;}
    .shopperModal .fNameValidate.popover, .shopperModal .lNameValidate.popover{top: -38px !important;}
    select.gender.invalid + div.popover + div.bootstrap-select.btn-group.form-control{background-position: 92% center;}
    select.gender.invalid + div.popover { left: 117px !important; top: -38px !important;}
    .shopperModal .half-grid{ width: 100%;}
    .shopperModal .genderSelect .select.seldata.valid { background-position: 96% center, 86% center;}
    #post-sign-up-form-with-card input.yob.valid, #post-sign-up-form-with-card input#inputSignup2City.valid, #post-sign-up-form-with-card input.states.valid {
    background-position: 96% center;}
}

@media screen and (max-width:320px){
    .shopperModal .zipinputValidate.popover{ left: 8px !important;}  
    .shopperModal .popover {background-color: #f3a523;left: 9px !important;}    
    .shopperModal .store-sel .popover {left: 12% !important;top: -38px !important;}
    .shopperModal .eMailValidate.popover {left: -3px !important; max-width: 100%;}
    .shopperModal #sign-in-form .pwdinputValidate.popover {left: 9px !important;}
    .shopperModal #sign-up-form .pwdinputValidate.popover {left: 9px !important;}
}

@media all and (min-width: 320px) and (max-width: 479px){
    .shopperModal .modal-body{padding: 7px 5px;}
    #modalExistingCustomer.shopperModal .modal-content .modal-body{padding: 7px 15px;}
    .shopperModal .modal-content{width: 300px; margin: 10px auto;}
    .shopperModal input.lname.valid, .shopperModal input.fname.valid, .shopperModal input.zipcode.valid, .shopperModal input.lname.valid:focus, .shopperModal input.fname.valid:focus, .shopperModal input.zipcode.valid:focus { background-position: 96% center;}
    .shopperModal input.lname.invalid, .shopperModal input.fname.invalid, .shopperModal input.zipcode.invalid { background-position: 96% center;}
    .shopperModal .sign-up-pwd-icon-off{left: 84.5% !important;}
	 .shopperModal .info{left: 84.5% !important;}
    .pass-val input.valid, .shopperModal .pass-val input.valid, .pass-val input.valid:focus, .shopperModal .pass-val input.valid:focus, .pass-val input.invalid{ background-position: 88% center;}
    select.gender.valid + div.bootstrap-select.btn-group.form-control, select.gender.invalid + div.popover + div.bootstrap-select.btn-group.form-control{background-position: 88% center;}
    select.gender.invalid + div.popover { left: 6px !important;}
    
    .shopperModal .bootstrap-select.btn-group .btn .filter-option{float: none !important; vertical-align: top;}
    .shopperModal .fNameValidate.popover, .shopperModal .lNameValidate.popover{ left: 9px !important; top: -38px !important;}
    #modalSignUp.shopperModal .pass-val .popover.top &gt; .arrow{margin-left: -33px;}
    .shopperModal .gender-sel .popover {left: 35% !important;top: -38px !important;}
    #modalProfile.shopperModal .gender-sel .popover.top &gt; .arrow{margin-left: -29px;}
    .shopperModal .pwdinputValidate.popover {left: 45px !important;top: -38px !important;}    
    #modalSignUp.shopperModal .card-popover .popover.top &gt; .arrow{margin-left: -39px;}
    .card-popover input.valid, .card-popover input.valid:focus, .shopperModal .card-popover input.valid, .shopperModal .card-popover input.valid:focus{background-position: 88% center;}    
    .shopperModal .mar-bot-16{ padding: 0 15px;}
    .shopperModal .half-grid{ width: 100%;}
   .capture_card_popup .capture_card_block{ -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 70px -30px;}
   .shopperModal .sign-up-pwd-icon-off-2{left: 84.5% !important;}
    .shopperModal .modal-title{ font-size: 18px; }
    .shopperModal .logo-image &gt; img{ max-height: 94%; }
    .shopperModal .logo-image{ height: 90px; }
    .shopperModal .info.valid, .shopperModal .info.invalid {
    left: 78.5% !important;}
    .shopperModal .sign-up-pwd-icon-off.valid, .shopperModal .sign-up-pwd-icon-off.invalid, .shopperModal .sign-up-pwd-icon-off-2.invalid {
    left: 78.5% !important;}

#post-sign-up-form-with-card input.yob.valid, #post-sign-up-form-with-card input#inputSignup2City.valid, #post-sign-up-form-with-card input.states.valid {
    background-position: 96% center;}
    .shopperModal .genderSelect .select.seldata.valid { background-position: 96% center, 86% center;}
}

/*************************/

.sign_up_terms_of_service{
display:inline;

}
#edit-profile-form .sign_up_terms_of_service,#edit-profile-form .edit_profile_terms_of_service{
padding-bottom:6px;
display:inline-block;
white-space:nowrap;
}


.btn,.btn.btn-default{cursor: default;}
#more_membership_div span.get_more{    margin-top: 30px; display: inline-block;}
@media screen\0 {
    .sign_up_terms_of_service { margin-bottom:30px; display:inline; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .shopperModal .updateSignUpPass{font-size: 12px;} }




@media screen and (max-width: 450px) {
    #modalPreSignUp .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 14px;
    }
    #modalPreSignUp.shopperModal .tc-btn {
      white-space: normal;
    }
    #modalEnterPreSignUpCard .modal-dialog .modal-title,
    #modalSignUp  .modal-dialog .modal-title{
      font-size: 14px;
      line-height: 30px;
    }
    .shopperModal .store-sel .select.seldata.valid {
      background-position: 96% center, 73% center !important;
    }
}
#modalofferDetails .modal-footer:hover .addToList:disabled {
    background: #c5c5c5;
}
.shopperModal .btn:disabled {
    cursor: default !important;
    background: #c5c5c5;
}
button#profile_info[disabled]:hover{
   cursor: default !important;
    background: #c5c5c5 !important;
	color:#000000 !important;
}
.com-birdzi  #modalofferDetails .modal-footer .qtyControl {
    background: #c5c5c5 !important;
}
/*input:-webkit-autofill {
      transition: all 5000s ease-in-out 0s;
    }*/
.shopperModal input.invalid {
  background: url(../images/field-error.png) no-repeat scroll 96% center;
}


/*20-2-2018*/
.shopperModal .select-box .select.seldata ul.options li {white-space: inherit;box-sizing: border-box;}
.shopperModal .logo-image.Hornbachers_004532 { height: auto; margin-top: 0; }
.shopperModal .logo-image.Hornbachers_004532 img { max-width: 100%; }


#updateSignupBirthDate::-webkit-input-placeholder, #inputSignup2BirthDate::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CFCFCF !important; opacity: 1 !important;
}
#updateSignupBirthDate::-moz-placeholder, #inputSignup2BirthDate::-moz-placeholder { /* Firefox 19+ */
  color: #CFCFCF !important; opacity: 1 !important;
}
#updateSignupBirthDate:-ms-input-placeholder, #inputSignup2BirthDate:-ms-input-placeholder { /* IE 10+ */
  color: #CFCFCF !important;  opacity: 1 !important;
}
#updateSignupBirthDate:-moz-placeholder, #inputSignup2BirthDate:-moz-placeholder { /* Firefox 18- */
  color: #CFCFCF !important;  opacity: 1 !important;
}
.leftpagearr{
display: block;position: absolute;top: 45%;vertical-align: middle;z-index: 101;left: -10px;background: #fff;cursor:pointer;width: 25px;height: 32px; line-height: 42px;
    text-align: center;
}

.rightpagearr{
display: block;position: absolute;top: 45%;vertical-align: middle;z-index: 101;right: -10px;background: #fff;cursor:pointer;width: 25px;height: 32px; line-height: 42px;
    text-align: center;
}

#modalPageAdFlyer.shopperModal .close {right: 10px; top: 10px;}
#modalPageAdFlyer.shopperModal .modal-body .mainbdy {padding: 0px 30px 0;}
#modalPageAdFlyer.shopperModal .modal-body .mainbdy span.leftmaxpagearr {
    position: absolute; cursor: pointer;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
#modalPageAdFlyer.shopperModal .modal-body .mainbdy span.rightmaxpagearr {
    position: absolute;cursor: pointer;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
#modalPageAdFlyer.shopperModal .modal-body{position: relative; padding-bottom: 35px;}
#modalPageAdFlyer.shopperModal .modal-body {text-align:center;}
#modalPageAdFlyer.shopperModal .imagecontent {margin: 0 auto;}
#modalPageAdFlyer.shopperModal .mainbdy {padding:0px !important}
/*#modalPageAdFlyer.shopperModal .modal-body .imagecontent img {max-width: 100%;}*/


_:-ms-fullscreen, :root .shopperModal .gender-sel .select.seldata { height: 46px; padding: 0; }

@media(max-width:767px){
/* .shopperModal .modal-footer{position: absolute;} */
/* .shopperModal#modalofferDetails .modal-content {padding-bottom: 50px;} */
}

.more-tooltip .tooltip-inner {max-width: inherit !important;}

.adflyer-btn,.nxt{
  display:none;
}</pre></body></html>