div.checkoutheader a.backbtn,div.chkoutprocess,ul.checkout-steps{display:none}
#header.checkoutheader {overflow:visible}
div.chkoutprocess {visibility:hidden}
div.checkoutheader div.chkoutprocess {display:none!important}
div.chkoutcontainer{margin:auto; width:100%; max-width:100%; padding:0}
div.chkoutcontainer div#header_container {height:auto; clear:both; margin: 0 0 20px;}
div.checkouttop{float:right}
a.logo,span.logo{float:left}
div.checkouttop div.sel-box{padding:5px;border:1px solid #2d353c; background:#2d353c}
div.checkoutheader .sel-box a svg {
    margin-top: 2px !important;
    color: #fff;
}
div.checkouttop div.sel-box a {color:#ffffff; font-size:14px; line-height:22px; margin:0; text-align:center; height:auto; width:auto; text-indent:0;font-weight:normal}
div.checkouttop div.sel-box a span.glyphicon {margin-top:2px; color:#fff}
div.checkouttop div.sel-box .toc-odd{top:33px;right:-1px; text-align:center; z-index:2}
div.checkouttop div.sel-box .toc-odd li {float:left}
div#checkout_content{clear:both; background:#f9f9f8;}
div#checkout_content.referralpages {margin-top:0}
div.loginheader{clear:both;height:50px}
div.loginheader div.backtocart {display:none}
div.loginheader #header{min-height:inherit;clear:both; display:flex; align-items:center; justify-content:space-between;}
div.checkouttop div.changelang{display:block;margin:14px 8px 0 0;width:auto}

div.checkouttop.loginheaders  {display:flex}

div.checkouttop.loginheaders div.tollfree {margin-top:10px; margin-right:10px; line-height:35px;}

div.checkouttop.loginheaders a.login {margin: 10px 10px 0 0; line-height: 34px; border: 1px solid #2d353c; height: 34px; background:#2d353c; text-transform:uppercase; padding:0 16px; border-radius: 0px; color:#fff;}

/*a.langenglish,a.langspanish{height:18px;width:26px}*/
div.logincontainer{width:92%;max-width:500px; background:#fff; border-radius:25px; margin:0 auto; padding:15px 25px;}
div.registrationcontainer div.logincontainer {margin: 0;
    padding: 2rem 5rem;
    border-radius: 25px;
    background: #fff;
    z-index: 2;
    box-shadow: -20px 0 36px rgba(0, 0, 0, 0.25); flex-basis:63%; width:auto; max-width:inherit; border:0}

div#resetpwdcontainer.logincontainer {overflow:hidden}
div.logincontainer h2{color:#000;font-size:28px;font-weight:400;line-height:37px; text-align:center}
div#customerlogin div.login_box{float:left;width:100%}
div#customerlogin div.logincontent{float:right;width:100%;margin-top:10px}
#LoginandRegistrationDiv{padding-left:.2%}
#LoginandRegistrationDiv ul li{clear:both;overflow:hidden;padding:10px 0 0;font-size:13px}
#LoginandRegistrationDiv ul li input{float:left;margin-right:10px;margin-top:3px}
#LoginandRegistrationDiv ul li label{margin:0;font-weight:700}
div.resetpasswordprofile #LoginandRegistrationDiv ul li label{font-weight:400}
div.resetpasswordprofile #LoginandRegistrationDiv ul li label span{font-size:11px;display:block;padding-top:3px}
div#resetpasswordprofile div.successcontainer{text-align:center}
div#resetpasswordprofile div.successcontainer span{display:block;font-size:13px}
div#resetpasswordprofile div.successcontainer span.success{font-size:16px;padding:10px 0}
div#resetpasswordprofile div.successcontainer span a{text-decoration:none}
ul.logpasswrd li{padding:2px 0;float:left;width:100%;font-size:12px; position:relative}
ul.logpasswrd li.newregister { margin:10px 0; font-size:14px}
ul.logpasswrd li.newregister div.newtomercola {text-align:center; border-bottom:1px solid #c0c0c0;}
ul.logpasswrd li.newregister div.newtomercola span {float:none; background:#fff; padding:3px 10px; display:inline-block; position:relative; top:10px}

ul.logpasswrd li.newregister div.newtomercola + a {margin-top:20px; display:block; text-align:center; border:1px solid #2369b4; border-radius:0px; color:#2369b4; padding:12px; font-size:16px; font-weight: var(--default-font-weight-light); border-radius:5px;}
ul.logpasswrd li.dropdownlist {padding-bottom:16px}

ul.logpasswrd li.securityQuestion, ul.logpasswrd li.SecurityAnswer {display:none}

ul.logpasswrd li.dropdownlist label {padding:0; float:left}
ul.logpasswrd li input, ul.logpasswrd li#usrname input, ul.logpasswrd li#passwrd input, ul.logpasswrd li.referralcode input, ul.logpasswrd li select, ul.forgotpass li.usrname input {width:100%!important; padding:10px!important; border-radius:4px; border-color:#ccc }

ul.logpasswrd li span,ul.logpasswrd li.tel1 span{clear:left;float:left;line-height:normal}
ul.logpasswrd li label span{clear:none;float:none;line-height:normal}
ul.logpasswrd li label, ul.forgotpass li.usrname label{padding:16px 10px 0;margin:0;font-size:14px}
ul#resetpasswrd.logpasswrd li label{width:100%}
ul.logpasswrd li label label{padding:0;display:inline!important}
ul.logpasswrd li select{height:auto; color:#333; padding: 14px 10px !important; appearance:auto; -webkit-appearance:auto; -moz-appearance:auto; font-size:14px}
ul.logpasswrd li a.forgotpassword{font-size:13px;text-decoration:none;color:#2369b4;text-transform:none}
ul.logpasswrd li.privacypolicy{}
ul.logpasswrd li.privacypolicy a {color:#2369b4}
div.logincontainer .acccontent{margin-top:15px}
ul.logpasswrd li.privacypolicy *{font-family:open sans,sans-serif!important;font-size:13px!important;clear:none;float:none;line-height:normal}
ul.emailmarketinglist{clear:both;overflow:hidden;float:left;width:100%;}
ul.emailmarketinglist li{clear:both;overflow:hidden;padding:5px 0}
ul.emailmarketinglist li input{float:left;width:100%!Important}
ul.emailmarketinglist li.subscribe{display:flex;justify-content:center;}
ul.emailmarketinglist li.subscribe label{margin:-4px 0 0 10px;}
ul.emailmarketinglist li.subscribe input {width:auto!important}
ul.emailmarketinglist li label{float:left; }
ul.emailmarketinglist li label.birthmonthlbl {padding-top:0; padding-left:0}
#acccontent ul.emailmarketinglist li label.birthmonthlbl span.bi-gift-fill {font-size:13px; padding-right:5px; color:#0c87ef}
ul.emailmarketinglist li label a{float:none;padding:0}

ul.emailmarketinglist li div.birthmonth {width:100%; float:left;}
ul.emailmarketinglist li div.birthmonthnote {width:40%; float:left; font-size:13px; margin-top:20px; display:none}

ul.emailmarketinglist li.CustomerAggrement {text-align:center; padding: 15px 0; color:#a0a0a0;}
ul.emailmarketinglist li.CustomerAggrement a {font-size:12px; float:none; color:#2369b4; text-decoration:none}
ul.logpasswrd li span.CustomerAggrement {float:none}
span.CustomerAggrement a{float:none; color:#2369b4; text-decoration:none}

ul.emailmarketinglist li.subscribe label {padding:0; cursor:pointer}

ul.emailmarketinglist li.smscontent {font-size:13px; color:#a0a0a0;}

div.receivesms {font-size:14px; color:#000;}
div.receivesms span {font-size:10px; color:#949494; float:none!important; padding:0}

div.existingacc {clear:both; overflow:hidden; text-align:center; font-size:14px; border-top: 1px #E0E0E0 solid; padding-top: 15px;}
div.existingacc a {color:#2369b4; font-weight: var(--default-font-weight-bold); }

div.TermsConditionLogin {clear:both; text-align:center; padding:10px 0; font-size:15px}
div.TermsConditionLogin a {color:#2369b4}

.login.is-loading {
    font-size: 7px !important;
}

.register.is-loading {
    font-size: 3px !important;
}

#accountcontainer .registration .emailnote{color:#aaa;float:left;font-size:11px;font-weight:100;margin:-5px 0 0 146px}
.errormsg,.infomsg,.requestapproval{margin:5px 0;font-weight:100!important;text-align:left}
.requestapproval{clear:left}
#accountcontainer .socialmedia{clear:right;float:right;margin-right:15px;margin-top:5px;width:126px}
#checkoutlogin .socialmedia{float:left;margin-bottom:15px}
#accountcontainer span.title,#checkoutlogin span.title{clear:left;color:#0094BC;display:inline-block;float:left;font-weight:700;width:100%}
#accountcontainer span.title{text-align:right}
#accountcontainer .registration .errormsg,#accountcontainer .registration .successmsg,#accountcontainer .registration li#forgotpassword,#accountcontainer .registration li#requestapproval{display:inline-block;font-weight:100;margin:5px 0}
#accountcontainer .registration li label em,.logprofile ul.logpasswrd li label em{background:url(../images/icons_24bit.png) 0 -490px no-repeat;color:#fff;display:inline-block;font-style:normal;font-weight:700;padding-top:4px;height:24px;width:25px;margin-right:5px;text-align:center}
#accountcontainer .registration li select,.logprofile ul.logpasswrd li select{border:1px solid #bbb;padding:4px 2px;width:252px}
#accountcontainer #FirstName{clear:both;width:212px;float:left}
.registrationmesg span{clear:left;float:left}
.registrationmesg span#forgotpassword a,.registrationmesg span#requestapproval a{color:#1D6F9E;font-weight:700}
div.forgotpassword{width:auto}
div#forgotPasswordModal div.modal-dialog {width:95%; max-width:900px}
div#forgotpasswordcontainer{background:#fff;border:5px solid #dedede;display:none;min-height:225px;z-index:14;padding:15px;left:4%!important;width:92%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px}
div#forgotpasswordcontainer .homesubtitles{margin-top:0}
div#forgotpasswordcontainer .close.cornorbtn{background:url(../images/icons.png) -6px -551px no-repeat;position:absolute;right:-17px;top:-17px;cursor:pointer;height:27px;width:27px}
div#forgotpasswordcontainer .btn_close{display:inline-block;font-size:13px;float:left;color:#03519b;text-decoration:underline;line-height:31px;opacity:1;padding:0;margin-left:20px;font-weight:400}
div#forgotpasswordcontainer .btn.send{background:url(../images/spritebuttons.png) -617px -270px no-repeat;height:31px;width:79px;text-indent:-999999px;display:block;float:left}
div#forgotpasswordcontainer .fp_note{font-size:13px}
ul.forgotpass li p{padding:10px 0}
ul.forgotpass li p span.astrix {position:static}
ul.forgotpass{margin:0}
span#forgotpassworderrormsg{font-size:12px!important;color:#af1a30!important}
ul.forgotpass li{margin:0;padding:0;font-size:14px;clear:both;overflow:hidden}
#accountcontainer .logpasswrd li.email,#accountcontainer .registration li.email,ul.forgotpass li span.forgotpasswordemailvalidation{clear:left}
ul.forgotpass li input.forgotpasswordemail{float:left;width:100%;max-width:235px;padding:6px 2px;margin-right:5px}
ul.forgotpass li label span.required{color:#af1a30;font-weight:700;position:relative;top:-4px;padding:0}
ul.forgotpass li .input_box{width:100%;float:left;position:relative}
ul.successmailsent li{text-align:center}
ul.successmailsent li label{display:block;font-size:14px;padding:15px 0;width:93%;color:#000;font-weight:400!important;text-align:left}
ul.successmailsent li label#forgotpasswordsuccessmsg{width:100%}
ul.successmailsent li a.back2prev{display:inline-block;float:none;margin:0 auto;width:auto; text-shadow:0 0; font-size:15px; padding:10px 20px!Important; height:auto}
ul.successmailsent li a.btn.close{margin-top:31px}
div#checkout div#checkoutlogin div#forgotpasswordcontainer ul.forgotpass li input,div#forgotpasswordcontainer ul.forgotpass li input{font-size:20px;width:100%}
div#forgotpasswordcontainer{position:absolute!important;top:18%!important}
div#forgotpasswordcontainer .field-validation-error{position:inherit}
div#forgotpasswordcontainer .field-validation-error span{border:0;padding:0}
.accbtn,ul.forgotpass li a.btn{text-align:center;line-height:22px;height:25px;vertical-align:middle;font-family:arial,sans-serif;text-decoration:none;padding:1px 10px!important;text-shadow:#fff 1px 1px 1px;font-size:13px}
.accbtn{display:block;cursor:pointer;outline:0;border:1px solid; background:#2369b4; padding:10px; color:#fff; -webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px;border-radius:3px;border-radius:0\9;}
.accbtn:hover{color:#fff}
ul.forgotpass li a.accbtn {
    float: left;
    margin-right: 5px;
    text-shadow: 0px 0px;
    font-size: 14px;
    height: auto;
    padding: 8px 20px !important;
    border-radius: 5px;
    font-weight:var(--default-font-weight-light);
    width:90px;
}
a.fadeandscale_close.accbtn {
    background-color: transparent;
    border: 1px #ccc solid;
    color: #333;
}
.popup_content a.btn_close_nl {
    width: 25px;
    height: 25px;
    right: 10px;
    top: 10px;
}
ul.forgotpass li a.btn {
    color: #111
}
#accountcontainer #acccontent{margin:0}
#accountcontainer .logpasswrd{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between}
#accountcontainer .logpasswrd li.name, #accountcontainer .logpasswrd li.Lastname,
#accountcontainer .logpasswrd li.pwd1, #accountcontainer .logpasswrd li.pwd2{width:48.5%;}
#accountcontainer .logpasswrd li.errormsg,#accountcontainer .logpasswrd li.requestapproval{width:100%;margin-top:0;min-height:10px}
#acccontent label span,ul#resetpasswrd li label span.requiredfields{font-weight:400;padding:0 0 0 1px;clear:none;float:none}
ul#resetpasswrd li label span.requiredfields{color:#949494;font-size:10px;}
#accountcontainer .registration li label span,.logprofile ul.logpasswrd li label span{text-transform:capitalize;font-weight:700}
#accountcontainer .logprofile a.login,#checkout #checkoutlogin a.login{float:right;font-size:25px;font-weight:100;padding:5px 40px;padding:4px 40px 10px\9}
#accountcontainer .logprofile a.forgotpassword{color:#1b68b3;font-size:14px;line-height:33px}
#accountcontainer .logprofile a.forgotpassword:hover{color:#ee592b}
.logpasswrd .field-validation-error{margin-left:0!important;padding:0;line-height:normal}
ul#resetpasswrd{clear:both;}

.field-validation-error{color:red;font-size:11px}
#accountcontainer .registration li.name{clear:left}
.registration li.pwd1,.registration li.pwd2{width:49%;float:left}

#checkout #checkoutlogin a.login{float:none}
#checkout #checkoutlogin .homesubtitles{display:none}
#checkout #checkoutlogin div#forgotpasswordcontainer .homesubtitles{display:block}
#checkout #checkoutlogin .login_box{background:0 0;border:0;padding:20px 10px 5px}
#checkoutlogin #customerlogin .login_box ul li{min-height:70px}
#checkoutlogin #customerlogin .logprofile ul li{min-height:80px}
#checkoutlogin #customerlogin .logprofile ul li.errormsg{min-height:10px}
#checkout #checkoutlogin a.forgotpassword{display:block;font-size:14px;margin:10px 0 0}
#guest .dyn_content h4,#guest .dyn_content ul li.row5,#guest .dyn_content ul li.row6,#guest .dyn_content ul li.row7{display:none}
.field-validation-error{position:inherit;border:0;padding:0;float:left}
#guest{border-left:1px solid #ccc;padding-bottom:20px}
div#checkout div#accordion h3.loginhead{color:#555;font-size:16px;padding:5px 0}
#guest .dyn_content ul li{background:url(../images/icons.png) -102px -2774px no-repeat;color:#555;padding:0 0 0 16px;margin-bottom:6px}
#guest p{color:#000;font-size:13px;margin-bottom:10px}
#checkoutlogin a.purchaseguest{padding:10px 30px;font-size:24px;color:#fff;margin-top:8px}
#guest .dyn_content ul{display:block;margin:0 0 10px 15px}
.homesubtitles{margin-bottom:0;width:100%;text-align:left;border-bottom:1px solid #ebebeb;padding-bottom:5px;font-size:23px;font-weight:700;}
.homesubtitles span{display:block;border-bottom:4px solid #555;height:47px}
.homesubtitles span span{display:inline;border:none;height:auto}
div.errormessageoverlay{max-width:700px;width:90%}
div.address_validation{clear:both;overflow:hidden;font-size:13px}
div.address_validation h2{color:#337ebb;font-size:18px;padding-bottom:5px}
div.borkerlistzipcode span.brokermsg{padding:0 10px 10px 0;float:left;line-height:normal}
div.address_validation ul{clear:both;overflow:hidden;border-bottom:1px solid #ededed;padding:10px 0}
div.address_validation ul.addlisttitle{border:1px solid #ededed;background:#f5f9fa;font-weight:700;display:none}
div.address_validation ul li{float:left;padding:2px 0;line-height:normal;width:100%}
div.address_validation ul li a{font-weight:700}
div.address_validation ul.addlisttitle li{line-height:normal;padding:0 2%}
div.address_validation ul li.selectbroker{float:left;width:auto;padding:5px 0 10px}
/*.popup_visible span#SpanValidation_EmailLogin,.popup_visible span#SpanValidation_PasswordLogin{display:none!important}*/
.popup_visible input#username,.popup_visible input#loginpassword{border:1px solid #ccc}

/***************** Platinum member login *********************/

div.referrallogin, div.referralregistration {background:url("//media.mercolamarket.com/assets/loyality/bottle_background_transpartent_wht_546x575.png") no-repeat right 0; min-height:575px; overflow:hidden; position:relative;}
div.referrallogin {background-size:cover}
div.referralregistration {background-size:cover}

div.referrallogin > img, div.referralregistration > img {width:55%; max-width:402px;  float:left; position:absolute; bottom:0}

div#customerlogin.referrallogin div.login_box, div#customerregistration.referralregistration div.login_box {width:600px; max-width:96%;float:none; margin:0 auto; background:rgba(255, 255, 255, 0.5); min-height:575px;-webkit-box-shadow: -1px 0px 34px 0px rgba(153,153,153,1);
-moz-box-shadow: -1px 0px 34px 0px rgba(153,153,153,1);
box-shadow: -1px 0px 34px 0px rgba(153,153,153,1); padding:15px 20px; text-align:center; color:#3c3c3c}

div.login_box {padding-top:20px}

div.login_box h2 {font-weight:var(--default-font-weight-light); font-size:36px; line-height:normal; padding-top:15px}
div.login_box h2 span {display:block; font-weight:var(--default-font-weight-bold); font-size:30px}

div.login_box p {text-align:left; font-size:13px; text-align:center; padding-top:8px}
div.login_box p span {font-weight:var(--default-font-weight-bold);}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  padding:10px; height:auto
}

.form-label-group > input {height:50px}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: auto;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #333;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out; text-align:left
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

    .form-label-group input:-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-moz-placeholder {
        color: transparent;
    }

    .form-label-group input::placeholder {
        color: transparent;
    }

.form-label-group input:not(:placeholder-shown) {
  padding: 15px 15px 10px; height:50px; border:1px solid #3b78bb; color:#000
}
.form-label-group label.inputactive,
ul.forgotpass li.usrname label.inputactive,
.form-label-group input:focus + label {
  padding: 2px 5px;
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #3b78bb;
}

@keyframes onAutoFillStart {  from {/**/}  to {/**/}}
@keyframes onAutoFillCancel {  from {/**/}  to {/**/}}
.form-label-group input:-webkit-autofill + label {
   padding: 2px 5px;
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #3b78bb;
}


::-ms-reveal 
{
    display: none;
}

ul.logpasswrd li.referralcode {text-align:left}
ul.logpasswrd li.referralcode label {font-size:14px; font-weight:var(--default-font-weight-bold); padding-left:0; padding-top:10px}

div.smsinfo {padding-top:3px; clear:both}

div.plareflogin ul.logpasswrd li a.login, input#register {background:#ff7858; padding:10px 30px!important; border-radius:0px; font-weight:var(--default-font-weight-light); font-size:14px; text-transform:uppercase; color:#fff; height:auto; width:auto!important; display:inline-block; float:left; margin:3px 0 0; text-indent:0}

ul.logpasswrd li button.login, ul.emailmarketinglist li a#register, ul#resetpasswrd li a.submitresetpassword {background:#2369b4; cursor:pointer; border-radius:0px; font-weight:var(--default-font-weight-bold); font-size:16px; text-transform:none; padding:10px; display:block; margin-top:5px; color:#fff; text-align:center; width:100%!important; border-radius:5px!important}

div.plareflogin ul.logpasswrd li.forgotpass, div.plareflogin ul.logpasswrd li.referralforgotpass {text-align:left}

div.login_box p.showhidepassword, div.loginasguest p.showguesthidepassword, div.login_box p.showhideconfpassword,
ul.resetpasswrd li p.showhidepassword, ul.resetpasswrd li p.showhideconfpassword {
    font-size: 16px;
    padding-top: 8px;
    color: #a0a0a0;
    position: absolute;
    right: 12px;
    top: 8px;
    text-transform: uppercase;
    cursor: pointer
}

    div.login_box p.showhidepassword span, div.loginasguest p.showguesthidepassword span, div.login_box p.showhideconfpassword span,
    ul.resetpasswrd li p.showhidepassword span, ul.resetpasswrd li p.showhideconfpassword span {
        padding: 0
    }

        div.login_box p.showhidepassword span.hidepassword, div.loginasguest p.showguesthidepassword span.hidepassword, span.passwordvalid, span.confpasswordvalid, .login_box p.showhideconfpassword span.hidepassword,
        ul.resetpasswrd li p.showhidepassword span.hidepassword, ul.resetpasswrd li p.showhideconfpassword span.hidepassword {
            display: none
        }


span.glyphicon.showpassword:before {content:"\e106"}
span.glyphicon.hidepassword:before {content:"\e105"}

span.passwordstrength {color:#a0a0a0}
span.passwordstrength span.bi-x {padding-top:0; margin-top:-2px; font-size:18px; font-weight:bold}
span.passwordstrength span.glyphicon {padding:0 3px 0 0; top:0}

div.passvalidation {float:left; clear:left; margin-top:2px;}

span.passwordstrength.validpassword {color:#0c87ef}
span.passwordstrength.validpassword span.bi-x:before {content:"\F272"}

.form-label-group input:not(:placeholder-shown) ~ p.showhidepassword{color:#8c8c8c}

span#SpanValidation_PasswordStatus {float:left; clear:none; padding-top:0px; font-size:13px; color:#a0a0a0}
span#SpanValidation_PasswordStatus.strongpassword {color:#16d07b}
span.passwordvalid, span.confpasswordvalid {position:absolute; right:-17px; top:calc(50% - 9px); color:#16d07b; font-size:15px; display:none}

span#SpanValidation_Sevenchar, span#SpanValidation_Alphabets, span#SpanValidation_Number {display:none!important;}

.chkoutcontainer.container .disclaimer-container ul {margin-bottom:36px!important;}
/*************************8*/
div.footer {
    background: none
}
div#checkout_content + div.footer {padding:20px 0 65px; clear:both;}
/*div.footer-icons {display:none}*/

body > div.chkoutcontainer.container-fluid > div.footer.mobilecontainer {background: #f9f9f8;}
div.checkoutheader div.logo-mobile {
    float: left;
    position: static;
    margin-top: 0px
}

div#checkout_content.registrationpage,
body > div.chkoutcontainer.container-fluid > div.footer.mobilecontainer.footerregistration {background:#E8F8FF}
div#checkout_content.registrationpage div.offer-registration-disclaimer {
    max-width: 1100px;
    margin: 0 auto 0rem;
    text-align: center;
    font-size: 17px;
    color: #0E2A41;
    padding: 0 2rem 4rem;
    border-bottom: 1px dashed #57A3C8;
}
div#checkout_content.registrationpage div.offer-registration-disclaimer a {color:#2369b4}
div.container.registrationcontainer {
    max-width: 1300px !important;
    background: url(//media.mercolamarket.com/assets/images/shop/registration/mercola-products-coupon-mob.jpg);
    background-position:0 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 25px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    margin:45px auto 35px;
    width:92%;
}

div.container.registrationcontainer div.registration-wrapper {
    flex-basis: 38%;
    align-self: stretch;
    display: flex;
    align-items: center;
    background-position-x: 50%;
    background-position-y: 27%;
    background-repeat: no-repeat;
    transform: translateX(20px);
    border-radius: 25px 0 0 25px;
}

div.registration-wrapper .registration-coupon {
    background: url(//media.mercolamarket.com/assets/images/shop/registration/glass-texture-bd.png);
    border-radius: 32px;
    color: #fff;
    max-width: 400px;
    margin: 0 auto;
    padding: 10rem 3rem 13rem;
    text-align: center;
    filter: drop-shadow(0px 22px 86px rgba(0, 0, 0, 0.41));
    transform: translateX(-18px);
}

div.registration-wrapper .registration-coupon .copy-wrapper-desk svg.coupon-title {margin-bottom:4rem;}
div.registration-wrapper .registration-coupon .copy-wrapper-desk svg.coupon-subtext {margin-bottom:3rem;}

div.registration-wrapper .registration-coupon .copy-wrapper-mob {display:none}

@media (max-width:899px) {
    div.chkoutcontainer.container-fluid #header_container a.backbtn.osback {
        display: none !important
    }
}
@media (max-width:820px) {
    div.checkouttop div.sel-box {display:block;}
    div.referrallogin > img, div.referralregistration > img, div.checkouttop.loginheaders a.login {display:none}
}
@media (max-width:768px) {
div #checkout_content {background:#fff;}
div.logincontainer {box-shadow:none}
.chkoutcontainer{margin:0 !important}
div.loginheader #header{background:#f1f1f1;background:-moz-linear-gradient(top,#f1f1f1 0,#eaeaea 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f1f1f1),color-stop(100%,#eaeaea));background:-webkit-linear-gradient(top,#f1f1f1 0,#eaeaea 100%);background:-o-linear-gradient(top,#f1f1f1 0,#eaeaea 100%);background:-ms-linear-gradient(top,#f1f1f1 0,#eaeaea 100%);background:linear-gradient(to bottom,#f1f1f1 0,#eaeaea 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#eaeaea',GradientType=0);width:100%;height:50px;z-index:99999;padding:0}
#header a.logo,#header span.logo{display:block;overflow:hidden;position:relative;float:none; max-width:inherit}
div.checkouttop{display:block}
div.checkouttop div.changelang {margin:0px 8px 0 0}
div.checkouttop div.sel-box {display:block;}


div.chkoutcontainer.container-fluid div#header_container {margin:0; height:50px}
div.footer.mobilecontainer {margin:0 auto;}
div#checkout_content + div.footer{background:none !important;}
div.checkouttop.loginheaders div.tollfree {margin-top: 5px;}
div.registrationcontainer div.logincontainer {padding:2rem}
#accountcontainer .logpasswrd li.name, #accountcontainer .logpasswrd li.Lastname,
#accountcontainer .logpasswrd li.pwd1, #accountcontainer .logpasswrd li.pwd2{width:48%;}
}
@media screen and (max-width:640px) {
    #accountcontainer .logpasswrd li.pwd1, #accountcontainer .logpasswrd li.pwd2{width:100%;}
}
@media screen and (min-width:420px) {
    div#customerlogin.referrallogin div.login_box, div#customerregistration.referralregistration div.login_box {padding:15px 30px}
    div.login_box h2 {font-size:40px}
    div.login_box p {font-size:17px}
}
@media screen and (min-width:481px) {
ul.logpasswrd li{clear:left}
ul.logpasswrd li.customerzipcode{width:35%;clear:none}
ul.logpasswrd li.customerzipcode span#SpanValidation_ZipCode,ul.logpasswrd li.customerzipcode span.field-validation-valid{clear:left;float:left;line-height:normal}
ul.logpasswrd li.tel1{width:65%;max-width:300px}
ul.logpasswrd li.ext1{width:35%;clear:none}
.logpasswrd .field-validation-error{margin-left:0!important;padding:5px 0;line-height:24px}
.logpasswrd .customerzipcode .field-validation-error,.logpasswrd .tel1 .field-validation-error{padding:0;line-height:normal}
div#forgotpasswordcontainer{left:15%!important;width:70%}
ul.forgotpass li span.forgotpasswordemailvalidation{margin-left:150px}

div#customerlogin.referrallogin div.login_box, div#customerregistration.referralregistration div.login_box {padding:15px 50px}

}

@media screen and (min-width:580px) {
div.referrallogin {background-size:contain}
}

@media screen and (min-width:600px) {
div.address_validation div.addresslist{margin-bottom:10px}
div.address_validation ul.addlisttitle{display:block;margin-top:10px}
div.address_validation div.addresslist ul {display:flex}
div.address_validation ul{border-left:1px solid #ededed;border-right:1px solid #ededed}
div.address_validation ul li{padding:0 2%}
div.address_validation ul li label{display:none}
div.address_validation ul li.newaddress{float:left;width:30%}
div.address_validation ul li.addresscity{float:left;width:25%}
div.address_validation ul li.addresscountry,div.address_validation ul li.addressstate,div.address_validation ul li.addresszip{float:left;width:15%; word-wrap:break-word}

div#customerlogin.referrallogin div.login_box, div#customerregistration.referralregistration div.login_box {padding:15px 100px} 
}
@media screen and (min-width:640px) {
ul.logpasswrd li span{clear:left;padding-top:3px}
}



@media screen and (min-width:769px) {
div#checkout_content{border-top:1px solid #e3e3e3}
div.loginheader{height:auto;margin:0}
div.loginheader #header{padding:10px 0; max-width:1300px; justify-content: space-between; margin:0 auto}
#header.checkoutheader .col-sm-3.logo-mobile{display:inline-block; margin-top:12px; margin-bottom: 0;}
#header.checkoutheader .checkouttop.loginheaders {display:flex}
#header.checkoutheader a.backbtn, #header.checkoutheader div.chkoutprocess, #header.checkoutheader ul.checkout-steps {display:none}
.logpasswrd .customerCity .field-validation-error{padding:0;line-height:normal}
ul.logpasswrd li.customerzipcode{width:23%;margin-left:3%}
ul.logpasswrd li.tel1{width:43%}
div#forgotpasswordcontainer{left:20%!important;width:60%;position:fixed!important;top:10%!important}
div#forgotpasswordcontainer ul.forgotpass li .input_box{width:75%}
div#forgotpasswordcontainer ul.forgotpass li label{width:25%;line-height:35px}
div.forgotpassword{width:auto}
ul.forgotpass li span.forgotpasswordemailvalidation{margin-left:0;clear:none;padding-left:5px;line-height:34px}
.popup_visible div.popup_wrapper_visible.popup_wrapper_loader div.popup_content{width:80%!important}
div.checkouttop div.changelang{margin:10px 16px 0 0px}
/*a.langenglish,a.langspanish{height:22px;width:41px}*/

div#customerlogin.referrallogin div.login_box, div#customerregistration.referralregistration div.login_box {float:right; margin-right:10px}
div.referrallogin > img, div.referralregistration > img {width:40%; max-width:400px}
div.logincontainer{border: 1px solid #E0E0E0; margin:30px auto;}
}
@media screen and (min-width:800px) {
    div.referralregistration {background-size:contain}
}
@media screen and (min-width:901px) {
ul.logpasswrd li.customerzipcode{width:21%}
ul.logpasswrd li.customerzipcode input,ul.logpasswrd li.ext1 input{width:100px}
div#forgotpasswordcontainer{left:23%!important;width:54%}
div.forgotpassword{width:auto}
.popup_visible div.popup_wrapper_visible.popup_wrapper_loader div.popup_content{width:70%!important}
div#customerlogin.referrallogin div.login_box, div#customerregistration.referralregistration div.login_box {margin-right:20px}
}

@media screen and (min-width:1024px) {
    div.referrallogin > img, div.referralregistration > img {width:55%; max-width:350px}
    div#customerlogin.referrallogin div.login_box, div#customerregistration.referralregistration div.login_box{float:none; margin:0 auto}
    }

@media screen and (min-width:1150px) {
    div.referrallogin > img, div.referralregistration > img {max-width:400px}
}
@media screen and (min-width:1280px) {
div#forgotpasswordcontainer{left:28%!important;width:44%}
div.forgotpassword{width:auto}
.popup_visible div.popup_wrapper_visible.popup_wrapper_loader div.popup_content{width:50%!important}
}
ul.chkoutprocessflow {display:none}
ul.chkoutprocessflow + div.tollfree {display:none}
li.clearfix.fpaction{margin-top: 1rem; display:flex; justify-content:center;}

@media screen and (max-width:1250px) {
    div.container.registrationcontainer div.registration-wrapper {flex-basis:50%}
    div.registration-wrapper .registration-coupon {
        margin: 0 4rem;
        padding: 10rem 3rem 9rem
    }
}

@media screen and (max-width:989px) {
    div#checkout_content.registrationpage, body > div.chkoutcontainer.container-fluid > div.footer.mobilecontainer.footerregistration {
        background: #BFEAFF !important; padding-top:0px; margin:0px
    }
    body > div.chkoutcontainer.container-fluid > div#checkout_content + div.footer.mobilecontainer.footerregistration {
        background: #E8F8FF !important
    }
    div#checkout_content.registrationpage div.offer-registration-disclaimer {
        background: #E8F8FF !important
    }
    div.container.registrationcontainer {
        margin: 0 auto;
        width: 100%;
        background: none;
        flex-direction: column;
        background: #E8F8FF !important;
        border-radius: 25px 25px 0px 0px;
    }

    div.container.registrationcontainer div.registration-wrapper {
        background: url(//media.mercolamarket.com/assets/images/shop/registration/mercola-products-coupon-mob.jpg);
        background-repeat: no-repeat !important;
        background-size: cover;
        border-radius: 0;
        transform: none;
    }
    div.registration-wrapper .registration-coupon {
        background: url(https://media.mercolamarket.com/assets/images/shop/registration/glass-texture-bd-mob.png?refresh=1);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-y: 75%;
        transform: none;
        margin: 3rem auto;
        width: 100%;
        max-width: 600px;
        padding: 3.5rem;
        border-radius: 12px;
    }
    div.registration-wrapper .registration-coupon .copy-wrapper-mob {
        display: block
    }
    div.registration-wrapper .registration-coupon .copy-wrapper-desk {
        display: none
    }
    div.registration-wrapper .registration-coupon .copy-wrapper-mob svg.coupon-title,
    div.registration-wrapper .registration-coupon .copy-wrapper-mob svg.coupon-subtext {margin-bottom:1rem; width:100%}
    div.registrationcontainer div.logincontainer {
        margin: 4rem 3rem !important;
        box-shadow: none;
    }
}


@media screen and (max-width:640px) {
    div.registration-wrapper .registration-coupon {margin:3rem auto; width:90%}
}

@media screen and (max-width:500px) {
    div.registrationcontainer div.logincontainer {
        padding: 2rem 3rem !important;
        margin: 3rem 2rem !important;
    }
}