<?php 
$INC_DIR = $_SERVER['DOCUMENT_ROOT']."/v2/app/";
include $INC_DIR."src/common.php";

$mobile_detect = new Mobile_Detect;	
if ($mobile_detect->isMobile() && !$mobile_detect->isTablet()) {
  $url = $configs->mobile_path."?".$_SERVER['QUERY_STRING'];
  header("Location: $url");
}
$customer_details=get_customer_details($configs);
?>
<!DOCTYPE html>

<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
<title><?php echo $configs->step_1_name; ?></title>
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta http-equiv="content-language" content="en-us">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<link rel="shortcut icon" href="./images/favicon.png" type="image/x-icon"> 
<meta name="robots" content="noindex,nofollow">

<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="./css/modal.css">

<style type="text/css">.form-error { display: none }
    
    input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, select:focus {
        border: 1px solid grey;
        border-bottom: 1px solid #1e90ff;
        outline:none;
    }
    span.help-block.form-error {
        display: none;
    }

    .has-error input[type=email],.has-error input[type=text],.has-error input[type=tel],.has-error.has-success input#phone_mask,.has-error select{
        border: 1px solid #ff5e45 !important;
        background-image: url('./images/icon-validation-bad.png') !important;
        background-position: right center !important;
        background-repeat: no-repeat !important;
        background-size: 30px !important;
    }

    .has-success input[type=email], .has-success input[type=text],.has-success input[type=tel], .has-success select{
        background-image: url('./images/icon-validation-good.png') !important;
        background-position: right center !important;
        background-repeat: no-repeat !important;
        
        background-size: 30px !important;
    }
    
    body.device-mobile .pac-container { top: 340px !important; }
    
    input::placeholder { color: #aaa !important; }
    
    .floating-labels { position: relative; margin-bottom: 10px; }
    .floating-labels input { position: relative !important;  z-index: 1 !important; height: 25px; padding: 18px 0 0 10px !important; box-sizing: content-box !important; width: 95% !important; background: rgba(255,255,255, 0) !important; }
    .floating-labels select {  padding: 5px 0 5px 10px; box-sizing: content-box; width: 95%; }
    .floating-labels input::placeholder { opacity: 0; }
    
    .floating-labels label { font-size: 15px; font-family:montserrat, sans-serif; transition: all .2s; cursor: text;  position: absolute;top: 50%; transform: translateY(-50%); left: 10px; opacity: 0.6; font-weight: normal;}
    
        
    .floating-labels input:focus + label, .floating-labels input:not(:placeholder-shown) + label { font-size: 12px; color: #3498db; top: 25% ; z-index: 2; }
    .floating-labels select + label { display: none; }
    
    @supports (-ms-ime-align:auto) { 
        .floating-labels label  { display: none; }
        .floating-labels input {height: 43px; padding: 0 0 0 10px !important; }    
    } 
	
    .optout-link { display: none; }
</style>
<script type="text/javascript">
    function getDate(days) 
    {
        var dayNames = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
        var monthNames = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
        var now = new Date();
        now.setDate(now.getDate() + days);
        var nowString = monthNames[now.getMonth()] + " " + now.getDate() + ", " + now.getFullYear();
        document.write(nowString);
    }

    
    var offer_vars = {"slug":"v1","customer_service_phone":"1-855-603-6436","trial_length":"30 day","shipping_price":"0","msrp":"189.99"};

</script>

    <title><?php echo $configs->step_1_name; ?></title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <!-- <link rel="icon" type="image/png" sizes="16x16" href="../../../s3.us-east-2.amazonaws.com/img.anatomyone-toe/favicon.png">-->

    <link href="./css/app.css" rel="stylesheet">
    <link href="./css/checkout.css" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/">
    <link href="./css/css2" rel="stylesheet">
    <style>.chkbox {
            width: auto !important;
            height: auto !important;
            appearance: checkbox !important;
            outline: auto !important;
            display: inline !important;
            text-align: center !important;
        }
        input.has-error{
			border: 1px solid #ff5e45 !important;
			background-image: url('./images/icon-validation-bad.png') !important;
			background-position: right center !important;
			background-repeat: no-repeat !important;
			background-size: 30px !important;
		}

		input.no-error{
			background-image: url('./images/icon-validation-good.png') !important;
			background-position: right center !important;
			background-repeat: no-repeat !important;
			
			background-size: 30px !important;
		}
        .promo-field label span {
            color: #04c500;
        }
        .promo-field input:disabled {
            -webkit-text-fill-color: #222;
            border: 2px solid #04c500;
            color: #222;
            opacity: 1;
        }
    </style>
    <style>body {font-family: Arial, Helvetica, sans-serif;}

    </style>
    
    <style>.frmCheckElemts {
            margin-top: 15px;
            text-align: center;
        }

        .frmCheckElemts label {
            font-size: 11px !important;
            font-weight: normal;
        }

        form {
            padding: 0;
        }
        .bns-prd3{
                position: absolute;
                left: 58%;
                top: 5%;
                width: 90%;
            }
    </style>

<style type="text/css">.lf-progress {
  -webkit-appearance: none;
  -moz-apperance: none;
  width: 100%;
  /* margin: 0 10px; */
  height: 4px;
  border-radius: 3px;
  cursor: pointer;
}
.lf-progress:focus {
  outline: none;
  border: none;
}
.lf-progress::-moz-range-track {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}
.lf-progress::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  height: 13px;
  width: 13px;
  border: 0;
  border-radius: 50%;
  background: #0fccce;
  cursor: pointer;
}
.lf-progress::-moz-range-thumb {
  -moz-appearance: none !important;
  height: 13px;
  width: 13px;
  border: 0;
  border-radius: 50%;
  background: #0fccce;
  cursor: pointer;
}
.lf-progress::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.lf-progress::-ms-fill-lower {
  background: #ccc;
  border-radius: 3px;
}
.lf-progress::-ms-fill-upper {
  background: #ccc;
  border-radius: 3px;
}
.lf-progress::-ms-thumb {
  border: 0;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #0fccce;
  cursor: pointer;
}
.lf-progress:focus::-ms-fill-lower {
  background: #ccc;
}
.lf-progress:focus::-ms-fill-upper {
  background: #ccc;
}
.lf-player-container :focus {
  outline: 0;
}
.lf-popover {
  position: relative;
}

.lf-popover-content {
  display: inline-block;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -10px);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.lf-popover-content.hidden {
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 0px);
}

.lf-player-btn-container {
  display: flex;
  align-items: center;
}
.lf-player-btn {
  cursor: pointer;
  fill: #999;
  width: 14px;
}

.lf-player-btn.active {
  fill: #555;
}

.lf-popover {
  position: relative;
}

.lf-popover-content {
  display: inline-block;
  position: absolute;
  background-color: #ffffff;
  opacity: 1;

  transform: translate(0, -10px);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  padding: 10px;
}

.lf-popover-content.hidden {
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 0px);
}

.lf-arrow {
  position: absolute;
  z-index: -1;
  content: '';
  bottom: -9px;
  border-style: solid;
  border-width: 10px 10px 0px 10px;
}

.lf-left-align,
.lf-left-align .lfarrow {
  left: 0;
  right: unset;
}

.lf-right-align,
.lf-right-align .lf-arrow {
  right: 0;
  left: unset;
}

.lf-text-input {
  border: 1px #ccc solid;
  border-radius: 5px;
  padding: 3px;
  width: 60px;
  margin: 0;
}

.lf-color-picker {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 90px;
}

.lf-color-selectors {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.lf-color-component {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}

.lf-color-component strong {
  width: 40px;
}

.lf-color-component input[type='range'] {
  margin: 0 0 0 10px;
}

.lf-color-component input[type='number'] {
  width: 50px;
  margin: 0 0 0 10px;
}

.lf-color-preview {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-left: 5px;
}

.lf-preview {
  height: 60px;
  width: 60px;
}

.lf-popover-snapshot {
  width: 150px;
}
.lf-popover-snapshot h5 {
  margin: 5px 0 10px 0;
  font-size: 0.75rem;
}
.lf-popover-snapshot a {
  display: block;
  text-decoration: none;
}
.lf-popover-snapshot a:before {
  content: '⥼';
  margin-right: 5px;
}
.lf-popover-snapshot .lf-note {
  display: block;
  margin-top: 10px;
  color: #999;
}
.lf-player-controls > div {
  margin-right: 5px;
  margin-left: 5px;
}
.lf-player-controls > div:first-child {
  margin-left: 0px;
}
.lf-player-controls > div:last-child {
  margin-right: 0px;
}
</style></head>

<body class=" vanilla-modal">
<div class="wrapper">
    <div id="app">

        <header class="header">
            <div class="header__warning">
                <div class="container">
                    <span class="alert-color">12 others are viewing this offer right now</span>
                </div>
            </div>
            <div class="container row">
                
                <img src="./images/custom_image_1.png" width="140" style="width:160px;" alt="" class="header__logo">
                <div class="header__info row">
                    <div class="delivery-block">
                        <div class="img"><img class="unveil geo-flag" id="country-flag" width="60" src="./images/us.png" alt=""></div>
                        <p>Internet Exclusive Offers Available to <span class="country-name">US</span> Residents Only </p>
                    </div>
                </div>
            </div>
        </header>

        <div class="order">
            <div class="container">
                <div class="row">

                    <div class="order__left">
                        <div class="steps">
                            <ul class="steps__list row">
                                <li class="steps__item">1. Shipping Info</li>
                                <li class="steps__item active">2. Finish Order</li>
                                <li class="steps__item">3. Summary</li>
                            </ul>
                            <div class="approved-text"> <strong><span class="emphasis">APPROVED!</span> Free Bottle Packages Confirmed</strong> </div>
                            <p>Limited supply available as of <span class="full-date date-container2">Friday, 11/1/2024</span>. We currently have product <strong>in stock</strong> and ready to ship within 24 hours.</p>
                            <p class="status-pr">Sell Out Risk: <span>HIGH</span></p>
                        </div>
                        <div class="product-selection">

                            <div class="product product1 sel-prod active" data-package="5">
                                <div class="package-item">
                                    <div class="package-item__header">
                                        <div class="title-block"> <span class="title-block__main">BUY 3 GET 3 FREE</span> </div>
                                        <div class="shipping-row"> <span>FREE SHIPPING</span> </div>
                                    </div>
                                    <div class="package-item__content">
                                        <div class="package-item__status"> <span></span> </div>
                                        <div class="package-images">
                                            <div class="package-images__item">
                                                
                                                <img src="./images/custom_image_2.png" alt="" class="pck3-prd3">
                                                <img src="./images/custom_image_2.png" alt="" class="pck3-prd2">
                                                <img src="./images/custom_image_2.png" alt="" class="pck3-prd1">
                                            </div>
                                            <div class="package-images__item">
                                                <div class="bonus">
                                                    <p>BONUS</p>
                                                </div>
                                                <div class="bonus-border">
                                                    <div class="bonus-free">
                                                        <div class="half">
                                                            <div class="save-block">
                                                                <div class="save-price">$<?php echo $configs->bottle_save_5; ?></div>
                                                            </div>
                                                            <div class="free"> FREE </div>
                                                        </div>
                                                        <div class="half bns">
                                                            <img src="./images/custom_image_2.png" alt="" class="bns-prd3">
                                                            <img src="./images/custom_image_2.png" alt="" class="bns-prd2">
                                                            <img src="./images/custom_image_2.png" alt="" class="bns-prd1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="package-info">
                                            <span class="package-info__title">Best Selling Package</span>
                                            <span class="package-info__subTitle"></span>
                                            <span class="package-info__price"><i class="price" style="font-style:normal">$<?php echo $configs->bottle_per_5; ?></i> <span>/bottle</span></span>
                                            <span class="package-info__btn">Selected!</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="product product2 sel-prod" data-package="3">
                                <div class="package-item">
                                    <div class="package-item__header">
                                        <div class="title-block"> <span class="title-block__main">BUY 2 GET 2 FREE</span> </div>
                                        <div class="shipping-row"> <span>FREE SHIPPING</span> </div>
                                    </div>
                                    <div class="package-item__content">
                                        <div class="package-item__status"> <span></span> </div>
                                        <div class="package-images">
                                            <div class="package-images__item">
                                                <img src="./images/custom_image_2.png" alt="" class="pck2-prd2">
                                                <img src="./images/custom_image_2.png" alt="" class="pck2-prd1">
                                            </div>
                                            <div class="package-images__item">
                                                <div class="bonus">
                                                    <p>BONUS</p>
                                                </div>
                                                <div class="bonus-border">
                                                    <div class="bonus-free">
                                                        <div class="half">
                                                            <div class="save-block">
                                                                <div class="save-price">$<?php echo $configs->bottle_save_3; ?></div>
                                                            </div>
                                                            <div class="free"> FREE </div>
                                                        </div>
                                                        <div class="half bns"> 
                                                        <img src="./images/custom_image_2.png" alt="" class="bns-prd2">
                                                        <img src="./images/custom_image_2.png" alt="" class="bns-prd1"> 
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="package-info">
                                            <span class="package-info__title">Tier 2 Package</span>
                                            <span class="package-info__subTitle"></span>
                                            <span class="package-info__price"><i class="price" style="font-style:normal">$<?php echo $configs->bottle_per_3; ?></i> <span>/bottle</span></span>
                                            <span class="package-info__btn">Select Package</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="product product3 sel-prod" data-package="1">
                                <div class="package-item">
                                    <div class="package-item__header">
                                        <div class="title-block"> <span class="title-block__main">BUY 1 GET 1 FREE</span> </div>
                                        <div class="shipping-row"> <span>FREE SHIPPING</span> </div>
                                    </div>
                                    <div class="package-item__content">
                                        <div class="package-item__status"> <span></span> </div>
                                        <!--<div class="package-images">
                                          <div class="package-images__item"> <img src="images/pack1.png" alt="" width="48"> </div>
                                          <div class="package-images__item"> </div>
                                    </div>-->
                                        <div class="package-images">
                                            <div class="package-images__item"> <img src="./images/custom_image_2.png" alt="" class="pck2-prd1"> </div>
                                            <div class="package-images__item">
                                                <div class="bonus">
                                                    <p>BONUS</p>
                                                </div>
                                                <div class="bonus-border">
                                                    <div class="bonus-free">
                                                        <div class="half">
                                                            <div class="save-block">
                                                                <div class="save-price">$<?php echo $configs->bottle_save_1; ?></div>
                                                            </div>
                                                            <div class="free"> FREE </div>
                                                        </div>
                                                        <div class="half bns"> <img src="./images/custom_image_2.png" alt="" class="bns-prd1"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="package-info">
                                            <span class="package-info__title">Simpler Package</span>
                                            <span class="package-info__price"><i class="price" style="font-style:normal">$<?php echo $configs->bottle_per_1; ?></i> <span>/bottle</span></span>
                                            <span class="package-info__btn">Select Package</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <img class="img-responsive secure-icons" src="./images/cp-secure-icons.svg">

                            <div class="guarantee-block">
                                <div class="guarantee-top"> 60-DAY MONEY BACK GUARANTEE </div>
                                <div class="guarantee-content"> <img src="./images/cp-mbg-txt.svg" alt="" class="guarantee-icon">
                                    <div class="guarantee-text">
                                        <p>We are so confident in our products and services, that we back it with a 60-day money back guarantee. If for any reason you are not fully satisfied with our products, simply return the purchased products in the original container within 60 days of when you received your order. We will refund you 100% of the purchase price - with absolutely no hassle. </p>
                                    </div>
                                </div>
                            </div>

                            <div class="line-block">
                                <div class="line">
                                    <div class="text-center"> HURRY! CONFIRM YOUR ORDER NOW! </div>
                                </div>
                                <div class="arrow"></div>
                            </div>
                        </div>
                    </div>

                    <div class="order__right">

                        <div class="form__header">
                            <h2>FINAL STEP:</h2>
                            <h3>PAYMENT INFORMATION</h3>
                        </div>

                        <div class="form__in">
                            


                        <form id='payment-form' class='checkout-form form-popup' method="post" action="/v2/app/src/ajax.php" onsubmit="return submit_form()">
                                <input type="hidden" name="cpid[]" value="5" id="package">
                                <input type="hidden" id="creditCardType" name="creditCardType" value="visa">
                                <input type="hidden" name="device" value="desktop">
                                <input type="hidden" name="pgtag" value="dcheckout">
                                <input type="hidden" name="shippingCountry" id="shippingCountry" value="US">
                                <input type="hidden" name="billingCountry" id="billingCountry" value="US">
                                <!-- <input type="hidden" name="billingSameAsShipping" value="yes"> -->
                                <!-- <input type="hidden" name="AFFID" value="C3149BF8">
                                <input type="hidden" name="c1" value="2">
                                <input type="hidden" name="C1" value="2">
                                <input type="hidden" name="c2" value="TEST-DTC-LP">
                                <input type="hidden" name="C2" value="TEST-DTC-LP">
                                <input type="hidden" name="c3" value="15713322">
                                <input type="hidden" name="C3" value="15713322"> -->
                                <?php
                                    foreach($customer_details['affiliate_details'] as $key => $value) {
                                        echo "<input type='hidden' name='".$key."' value='".$value."'>";
                                    }
                                    ?>
                                <!--shipping fields-->
                                <span class="billing-title" style="padding: 20px 0;">Shipping Info</span>
                                <div class="phone-6 promo-field form-holder">
                                    <label for="promo">Your discount code <span>activated</span></label>
                                    <input class="form-control" id="promo" placeholder="Promo code" disabled="" title="Promo code" type="text" value="DA25171525">
                                </div>
                                <div class="form-holder">
                                    <input type="text" name="firstName" id="fields_fname" placeholder="First Name" class="first-name required" required="" onkeyup="javascript: this.value = this.value.replace(/[^a-zA-Z0-9\ ]/g, &#39;&#39;);" onchange="javascript: this.value = this.value.replace(/[^a-zA-Z0-9\ ]/g, &#39;&#39;);" data-validation="required">
                                </div>
                                <div class="form-holder">
                                    <input type="text" name="lastName" id="fields_lname" placeholder="Last Name" class="required" required="" onkeyup="javascript: this.value = this.value.replace(/[^a-zA-Z0-9\ ]/g, &#39;&#39;);" onchange="javascript: this.value = this.value.replace(/[^a-zA-Z0-9\ ]/g, &#39;&#39;);" data-validation="required">
                                </div>
                                <div class="form-holder">
                                    <input type="tel" name="shippingZip" id="fields_zip" placeholder="Zip/Postal Code" class="required" required="" minlength="5" maxlength="5" value="" onkeyup="javascript: this.value = this.value.replace(/[^0-9]/g, &#39;&#39;);" data-validation="required length" data-validation-length="max5">
                                </div>
                                <div class="form-holder">
                                    <input type="text" name="shippingAddress1" id="fields_address1" placeholder="Street Address" class="required" required="" onkeyup="javascript: this.value = this.value.replace(/[^a-zA-Z0-9\ \,\-]/g, &#39;&#39;);" onchange="javascript: this.value = this.value.replace(/[^a-zA-Z0-9\ \,\-]/g, &#39;&#39;);" data-validation="required">
                                </div>
                                <div class="form-holder">
                                    <input type="text" name="shippingCity" id="fields_city" placeholder="City" class="required" required="" onkeyup="javascript: this.value = this.value.replace(/[^a-zA-Z0-9\ ]/g, &#39;&#39;);" onchange="javascript: this.value = this.value.replace(/[^a-zA-Z0-9\ ]/g, &#39;&#39;);" data-validation="required">
                                </div>
                                <div class="form-holder">
                                    <select name="shippingState" id="fields_state" data-selected="" class="required" required="" data-error-message="State is required" data-validation="required">
                                        <option value="" onclick="">Select State</option>
                                        <option value="AL">Alabama (AL)</option>
                                        <option value="AK">Alaska (AK)</option>
                                        <option value="AS">American Samoa (AS)</option>
                                        <option value="AZ">Arizona (AZ)</option>
                                        <option value="AR">Arkansas (AR)</option>
                                        <option value="AE">Armed Forces (AE)</option>
                                        <option value="AA">Armed Forces Americas (AA)</option>
                                        <option value="AP">Armed Forces Pacific (AP)</option>
                                        <option value="CA">California (CA)</option>
                                        <option value="CO">Colorado (CO)</option>
                                        <option value="CT">Connecticut (CT)</option>
                                        <option value="DE">Delaware (DE)</option>
                                        <option value="DC">District of Columbia (DC)</option>
                                        <option value="FM">Federated States of Micronesia (FM)</option>
                                        <option value="FL">Florida (FL)</option>
                                        <option value="GA">Georgia (GA)</option>
                                        <option value="GU">Guam (GU)</option>
                                        <option value="HI">Hawaii (HI)</option>
                                        <option value="ID">Idaho (ID)</option>
                                        <option value="IL">Illinois (IL)</option>
                                        <option value="IN">Indiana (IN)</option>
                                        <option value="IA">Iowa (IA)</option>
                                        <option value="KS">Kansas (KS)</option>
                                        <option value="KY">Kentucky (KY)</option>
                                        <option value="LA">Louisiana (LA)</option>
                                        <option value="ME">Maine (ME)</option>
                                        <option value="MD">Maryland (MD)</option>
                                        <option value="MA">Massachusetts (MA)</option>
                                        <option value="MI">Michigan (MI)</option>
                                        <option value="MN">Minnesota (MN)</option>
                                        <option value="MS">Mississippi (MS)</option>
                                        <option value="MO">Missouri (MO)</option>
                                        <option value="MT">Montana (MT)</option>
                                        <option value="NE">Nebraska (NE)</option>
                                        <option value="NV">Nevada (NV)</option>
                                        <option value="NH">New Hampshire (NH)</option>
                                        <option value="NJ">New Jersey (NJ)</option>
                                        <option value="NM">New Mexico (NM)</option>
                                        <option value="NY">New York (NY)</option>
                                        <option value="NC">North Carolina (NC)</option>
                                        <option value="ND">North Dakota (ND)</option>
                                        <option value="MP">Northern Mariana Islands (MP)</option>
                                        <option value="OH">Ohio (OH)</option>
                                        <option value="OK">Oklahoma (OK)</option>
                                        <option value="OR">Oregon (OR)</option>
                                        <option value="PA">Pennsylvania (PA)</option>
                                        <option value="PR">Puerto Rico (PR)</option>
                                        <option value="MH">Republic of Marshall Islands (MH)</option>
                                        <option value="RI">Rhode Island (RI)</option>
                                        <option value="SC">South Carolina (SC)</option>
                                        <option value="SD">South Dakota (SD)</option>
                                        <option value="TN">Tennessee (TN)</option>
                                        <option value="TX">Texas (TX)</option>
                                        <option value="UT">Utah (UT)</option>
                                        <option value="VT">Vermont (VT)</option>
                                        <option value="VI">Virgin Islands of the U.S. (VI)</option>
                                        <option value="VA">Virginia (VA)</option>
                                        <option value="WA">Washington (WA)</option>
                                        <option value="WV">West Virginia (WV)</option>
                                        <option value="WI">Wisconsin (WI)</option>
                                        <option value="WY">Wyoming (WY)</option>
                                    </select>
                                </div>
                                <div class="form-holder">
                                    <input type="email" name="email" id="fields_email" class="required" required="" placeholder="Email" data-validation="required email">
                                </div>
                                <div class="form-holder">
                                    <input type="tel" name="phone" id="fields_phone" placeholder="Telephone" class="required" required="" value="" maxlength="12" data-validation="required length" data-validation-length="max12">
                                </div>
                                <!--end-->    

                                <label for="billingSameAsShipping" class="payment_as_shipping_label">
                                    <input type="checkbox" name="" id="billingSameAsShipping" checked="" value="yes" class="chkbox bill-inp" autocomplete="off">
                                    <span>Billing same as Shipping</span>
                                </label>

                                <div class="billing-form" id="billAddress">
                                    <span class="billing-title">Billing Info</span>
                                                                            <div class="phone-12 columns">
                                            <label>
                                                First Name:
                                            </label>
                                        </div>
                                        <div class="form-holder">
                                            <input value="" type="text" name="billingFirstName" id="firstName" data-group="1" placeholder="First Name" data-field="billing_first_name" class="form-control  " data-validation="required">                                        </div>
                                    
                                                                        <div class="phone-12 columns">
                                            <label>
                                                Last Name:
                                            </label>
                                        </div>
                                        <div class="form-holder">
                                            <input value="" type="text" name="billingLastName" id="lastName" data-group="1" placeholder="Last Name" data-field="billing_last_name" class="form-control  " data-validation="required">                                        </div>
                                    
                                                                        <div class="phone-12 columns">
                                            <label>
                                                Country:
                                            </label>
                                        </div>
                                        <div class="form-holder">
                                            <select name="billing_country" class="form-control " id="billing_country" data-group="1" data-state="state" data-field="billing_country">
                            <option selected="selected" value="US" data-states="{&quot;AL&quot;:&quot;Alabama&quot;,&quot;AK&quot;:&quot;Alaska&quot;,&quot;AZ&quot;:&quot;Arizona&quot;,&quot;AR&quot;:&quot;Arkansas&quot;,&quot;CA&quot;:&quot;California&quot;,&quot;CO&quot;:&quot;Colorado&quot;,&quot;CT&quot;:&quot;Connecticut&quot;,&quot;DE&quot;:&quot;Delaware&quot;,&quot;FL&quot;:&quot;Florida&quot;,&quot;GA&quot;:&quot;Georgia&quot;,&quot;HI&quot;:&quot;Hawaii&quot;,&quot;ID&quot;:&quot;Idaho&quot;,&quot;IL&quot;:&quot;Illinois&quot;,&quot;IN&quot;:&quot;Indiana&quot;,&quot;IA&quot;:&quot;Iowa&quot;,&quot;KS&quot;:&quot;Kansas&quot;,&quot;KY&quot;:&quot;Kentucky&quot;,&quot;LA&quot;:&quot;Lousiana&quot;,&quot;ME&quot;:&quot;Maine&quot;,&quot;MD&quot;:&quot;Maryland&quot;,&quot;MA&quot;:&quot;Massachusetts&quot;,&quot;MI&quot;:&quot;Michigan&quot;,&quot;MN&quot;:&quot;Minnesota&quot;,&quot;MS&quot;:&quot;Mississippi&quot;,&quot;MO&quot;:&quot;Missouri&quot;,&quot;MT&quot;:&quot;Montana&quot;,&quot;NE&quot;:&quot;Nebraska&quot;,&quot;NV&quot;:&quot;Nevada&quot;,&quot;NH&quot;:&quot;New Hampshire&quot;,&quot;NJ&quot;:&quot;New Jersey&quot;,&quot;NM&quot;:&quot;New Mexico&quot;,&quot;NY&quot;:&quot;New York&quot;,&quot;NC&quot;:&quot;North Carolina&quot;,&quot;ND&quot;:&quot;North Dakota&quot;,&quot;OH&quot;:&quot;Ohio&quot;,&quot;OK&quot;:&quot;Oklahoma&quot;,&quot;OR&quot;:&quot;Oregon&quot;,&quot;PA&quot;:&quot;Pennsylvania&quot;,&quot;RI&quot;:&quot;Rhode Island&quot;,&quot;SC&quot;:&quot;South Carolina&quot;,&quot;SD&quot;:&quot;South Dakota&quot;,&quot;TN&quot;:&quot;Tennessee&quot;,&quot;TX&quot;:&quot;Texas&quot;,&quot;UT&quot;:&quot;Utah&quot;,&quot;VT&quot;:&quot;Vermont&quot;,&quot;VA&quot;:&quot;Virginia&quot;,&quot;WA&quot;:&quot;Washington&quot;,&quot;WV&quot;:&quot;West Virginia&quot;,&quot;WI&quot;:&quot;Wisconsin&quot;,&quot;WY&quot;:&quot;Wyoming&quot;,&quot;DC&quot;:&quot;Washington, DC&quot;}">United States</option>
                        </select>                                        </div>
                                    
                                                                        <div class="phone-12 columns">
                                            <label>
                                                Zip:
                                            </label>
                                        </div>
                                        <div class="form-holder">
                                            <input value="" type="tel" name="billingZip" id="billingZip" data-group="1" placeholder="Zip / Postal" data-field="billing_zip" class="form-control  " data-validation="required">                                        </div>
                                    
                                                                        <div class="phone-12 columns">
                                            <label>
                                                Address:
                                            </label>
                                        </div>
                                        <div class="form-holder">
                                            <input value="" type="text" name="billingAddress1" id="billingAddress1" data-group="1" placeholder="Address" data-field="billing_address" class="form-control  " data-validation="required">                                        
                                        </div>
                                    
                                        <!--  <div class="phone-12 columns">
                                           <label>
                                                Address 2:
                                            </label>
                                        </div>
                                        <div class="form-holder">
                                            <input value='' type='text'  name='billing_address_2' data-group='1'  placeholder='Apt / Suite #'  data-field='billing_address_2' class='form-control  '>                                        
                                        </div> -->
                                    
                                        <div class="phone-12 columns">
                                            <label>
                                                City:
                                            </label>
                                        </div>
                                        <div class="form-holder">
                                            <input value="" type="text" name="billingCity" id="billingCity" data-group="1" placeholder="City" data-field="billing_city" class="form-control  " data-validation="required">                                        </div>
                                    
                                                                        <div class="phone-12 columns">
                                            <label>
                                                State:
                                            </label>
                                        </div>
                                        <div class="form-holder">
                                            <select name="billingState" id="billingState" class="form-control   " data-field="state" data-group="1" data-default="" placeholder="State" data-validation="required"><option value="">Select a State</option><option value="AL">Alabama</option><option value="AK">Alaska</option><option value="AZ">Arizona</option><option value="AR">Arkansas</option><option value="CA">California</option><option value="CO">Colorado</option><option value="CT">Connecticut</option><option value="DE">Delaware</option><option value="FL">Florida</option><option value="GA">Georgia</option><option value="HI">Hawaii</option><option value="ID">Idaho</option><option value="IL">Illinois</option><option value="IN">Indiana</option><option value="IA">Iowa</option><option value="KS">Kansas</option><option value="KY">Kentucky</option><option value="LA">Lousiana</option><option value="ME">Maine</option><option value="MD">Maryland</option><option value="MA">Massachusetts</option><option value="MI">Michigan</option><option value="MN">Minnesota</option><option value="MS">Mississippi</option><option value="MO">Missouri</option><option value="MT">Montana</option><option value="NE">Nebraska</option><option value="NV">Nevada</option><option value="NH">New Hampshire</option><option value="NJ">New Jersey</option><option value="NM">New Mexico</option><option value="NY">New York</option><option value="NC">North Carolina</option><option value="ND">North Dakota</option><option value="OH">Ohio</option><option value="OK">Oklahoma</option><option value="OR">Oregon</option><option value="PA">Pennsylvania</option><option value="RI">Rhode Island</option><option value="SC">South Carolina</option><option value="SD">South Dakota</option><option value="TN">Tennessee</option><option value="TX">Texas</option><option value="UT">Utah</option><option value="VT">Vermont</option><option value="VA">Virginia</option><option value="WA">Washington</option><option value="WV">West Virginia</option><option value="WI">Wisconsin</option><option value="WY">Wyoming</option><option value="DC">Washington, DC</option></select>                                        </div>
                                    
                                                                </div>
                                <ul class="form-cards">
                                    <li class="first-text"></li>
                                    <li><img alt="" src="./images/visa.svg"></li>
                                    <li><img alt="" src="./images/mastercard.svg"></li>
                                </ul>

                                <div class="margin-bottom-5">
                                    <div class="phone-12 columns">
                                        <label>Card Number:</label>
                                    </div>
                                </div>
                                <div class="phone-12 columns form-holder">
                                    <input type="tel" name="creditCardNumber" id="cardNumber" data-threeds="pan" class="form-control required masked" required="" placeholder="•••• •••• •••• ••••" maxlength="19" pattern="(\D*\d){16,}" data-validation="required custom length" data-validation-regexp="(\D*\d){16,}" data-validation-length="max19">
                                </div>
                                <div class="row margin-bottom-5">
                                    <div class="phone-12 columns">
                                        <label>Card Expiry Date:</label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="phone-6 columns form-holder">
                                        <select name="expmonth" id="fields_expmonth" data-threeds="month" class="required form-control" required="" data-error-message="Please select a valid expiry month!" data-validation="required">
                                            <option value="">Month</option>
                                            <option value="01">1</option>
                                            <option value="02">2</option>
                                            <option value="03">3</option>
                                            <option value="04">4</option>
                                            <option value="05">5</option>
                                            <option value="06">6</option>
                                            <option value="07">7</option>
                                            <option value="08">8</option>
                                            <option value="09">9</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                        </select>
                                    </div>
                                    <div class="phone-6 columns form-holder">
                                        <select data-threeds="year" name="expyear" id="fields_expyear" class="required form-control right" required="" data-error-message="Please select a valid expiry year!" data-validation="required">
                                            <option value="">Year</option>
                                            <option value="2024">2024</option>
                                            <option value="2025">2025</option>
                                            <option value="2026">2026</option>
                                            <option value="2027">2027</option>
                                            <option value="2028">2028</option>
                                            <option value="2029">2029</option>
                                            <option value="2030">2030</option>
                                            <option value="2031">2031</option>
                                            <option value="2032">2032</option>
                                            <option value="2033">2033</option>
                                            <option value="2034">2034</option>
                                            <option value="2035">2035</option>
                                            <option value="2036">2036</option>
                                            <option value="2037">2037</option>
                                            <option value="2038">2038</option>   
                                        </select>
                                    </div>
                                </div>
                                <div class="margin-bottom-5">
                                    <div class="phone-12 columns form-holder">
                                        <label>CVV:</label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="phone-6 columns form-holder">
                                        <input type="tel" required="" name="CVV" id="cc_cvv" class="form-control fcheckout-field required" data-validate="cvv" maxlength="3" placeholder="•••" data-error-message="Please enter a valid CVV code!" onkeyup="javascript: this.value = this.value.replace(/[^0-9]/g, &#39;&#39;);" data-validation="required length" data-validation-length="max3">
                                    </div>
                                    <div class="phone-6 columns"> <span class="cvv-link"> <a class="ccvwhatsthis form-link cvvbox" href="javascript:void(0)" style="margin:2px 0 0 2px"> Where can I find my Security Code?</a> </span> </div>
                                </div>
                                <div class="clear"></div>
                                <div class="cvv-image" style="display:none"> <img alt="" src="./images/cvv-img.png"> </div>
                                <div class="clear"></div>
                                <div class="form__footer">
                                    <div class="secure-icon"><span>Secure 256-bit SSL Encryption</span></div>
                                    <button class="send-btn loading-btn" type="submit" style=""><span>RUSH MY ORDER!</span></button>
                                 <!-- <div class="frmCheckElemts">
									<label class="spl-checkbox" style="vertical-align:top;text-align: center;font-size: 13px !important;">
										<input type="checkbox" name="emag_subscription" id="emag_subscription" value="Y" checked="checked" class="chkbox" style="margin:0 !important;">
										As a special gift you will gain access to the Skin Beauty Series today for the discounted rate of only $19.93 monthly.  For information on this separate enrollment, call any time.									
									</label>
								    </div> -->
                                    <div class="clear"></div>








                                </div>
                            </form>
                                                    </div>
                    </div>
                </div>
            </div>
        </div>

        <footer class="footer">
            <div class="container">
                 <div style="position: absolute; overflow: hidden; width: 1px; height: 1px;">
    </div>
<style type="text/css">footer{font-family: 'Open Sans','Arial', san-serif; color:#8a8a8a !important;font-size:12px; }
    footer p a{color:#8a8a8a;font-size:12px;}
    footer p a:hover{text-decoration:underline;}
    footer p{text-align:center;clear:both;font-size:12px;color:#8a8a8a;}
    
    .footerlinks { padding: 20px 0; }
    .footerlinks a { font-size: 12px; }
    footer { padding: 20px 10px !important; max-width: 900px; margin: 20px auto; clear: both; display: block; box-sizing: border-box;}
    
    .error-message { color: #be0000; max-width: 600px; }
    
    p.retake-link { text-align: right !important; }
    
    div.modal-inner.soft-modal-inner p.retake-link a { cursor: pointer !important; text-decoration: underline !important; font-size: 12px !important; float: none !important; }
    
    .submitting-text { color: black; font-family: sans-serif; text-transform: uppercase; font-size: 18px; display: block; max-width: 400px;}
    .dots { color: black; font-size: 28px; }
    
    .shipping-fields { margin-top: 10px !important; }
    .shipping-fields label { width: 150px; text-align: right; padding-right: 10px; display: inline-block; vertical-align: top; }
    .shipping-fields .shipping-field { width: 300px; display: inline-block;vertical-align: top; }
    
    .shipping-fields input, .shipping-fields select { width: 100%; box-sizing: border-box; margin: 0; height:auto !important;}
    
    .shipping-fields input { padding: 6px 5px !important; text-indent: 0 !important;}
    .shipping-fields select { padding: 5px 5px !important;}
    .shipping-fields button { border: 0;width: 100%; display: block; cursor: pointer; position: relative; outline: 0; padding: 20px 15px;  background: #2288D0;  color: #fff;    font-size: 20px; }

    body.device-mobile .update-shipping-form .shipping-fields label { text-align: left; }
    
    #form-submit.disabled, [type="submit"].disabled, #kformSubmit.disabled { opacity: 0.2; }

    .addon-offer-snippet {
        padding: 15px 0; font-size: 14px; font-weight: bold; text-align: center; width: 100%;
    }

    #threeds_overlay { top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); overflow: hidden; overflow-y: auto; position: fixed; display: block; transition: opacity 0.2s, z-index 0s 0.2s; z-index: 999 }
    #threeds_challenge { width: 500px; height: 400px; border: none; position: fixed; top: 20px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: -250px; margin-left: 50%; z-index: 1000 }
    #threeds_overlay_close { position: fixed; display: block; top: 30px; left: 50%; margin-left: 238px; z-index: 9999 }
    #threeds_overlay_close .threeds_close { cursor: pointer; }
    #threeds_overlay_close .threeds_close:after, 
    #threeds_overlay_close .threeds_close:before { content: ""; height: 20px; width: 20px; border-top: 1px solid #000; position: absolute; top: 7px; right: -8px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    #threeds_overlay_close .threeds_close:before { right: 6px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    #threeds_overlay_close .threeds_close:hover { opacity: 0.3; }

</style>

<footer>
    <div id="footer_trial_disclaimer">
					<div>We are committed to maintaining the highest quality products and the utmost integrity in business practices. All products sold on this website are certified by Good Manufacturing Practices (GMP), which is the highest standard of testing in the supplement industry.</div>
			<br>

			<div>*Due to limited inventory levels on any given day, we must limit sales to 250 maximum per day.
			Representations regarding the efficacy and safety of <?php echo $configs->step_1_name; ?> have not been evaluated by the Food and Drug Administration.</div>

			<div>This product is not intended to diagnose, treat, cure, or prevent any disease. This product is intended to be used in conjunction with a healthy diet and regular exercise. Consult your physician before starting any diet, exercise program, and taking any diet pill to avoid any health issues.</div>

			</div>
        
    
    <div class="footer">
        <p class="copyright">
            © 2025 <?php echo $configs->step_1_name; ?> — All rights reserved.
        </p>
        <p class="customerservice">
            Customer Service: <?php echo $configs->customer_service_number; ?></p>
        <p class="footerlinks">
            <a href="#vmodal" data-modal-url="disclosures/terms.php">Terms &amp; Conditions</a> |
            <a href="#vmodal" data-modal-url="disclosures/privacy.php">Privacy Policy</a> |
            <a href="#vmodal" data-modal-url="disclosures/wireless.php">Wireless Policy</a>
			
			        </p>
    </div>
</footer>


<script src="./js/jquery.min.js"></script>
<script src="./js/app.min.js"></script>

<div class="modal softModal">
    <div class="modal-inner soft-modal-inner">
        <a data-modal-close="">×</a>
        <div class="modal-content soft-modal-content"></div>
    </div>
</div>

<script>
    var softModal = new VanillaModal.default( {
        modal: ".softModal",
        modalInner: ".soft-modal-inner",
        modalContent: ".soft-modal-content"
    } );
</script>

<div id="vmodal" style="display:none"></div>

<div id="vmodal-submitting" style="display:none">
    <div class="vmodal-custom-content">
        <div style="text-align: center;">            
            <div style="margin: 20px 0;"><span class="submitting-text">Submitting Your Information</span><span class="dots">...</span></div>  
            
            <div><img src="./images/secure.png" width="400"></div>
        </div>
    </div>
</div>

<div id="vmodal-shipping-form" style="visibility: hidden; position: absolute; top: 0;">
    <div class="error-message"></div>
    
    <!-- <form method='post' class='update-shipping-form' action='https://tryalluranow.com/'>
        <input type='hidden' name='action' value='prospect'>

                    <div class="shipping-fields">
                <label>
                    First Name:
                </label>
                <div class='shipping-field'>
                    <input value='' type='text'  name='first_name' data-group='1'  placeholder='First Name' required data-field='first_name' class='form-control  '>                </div>
            </div>
                    <div class="shipping-fields">
                <label>
                    Last Name:
                </label>
                <div class='shipping-field'>
                    <input value='' type='text'  name='last_name' data-group='1'  placeholder='Last Name' required data-field='last_name' class='form-control  '>                </div>
            </div>
                    <div class="shipping-fields">
                <label>
                    Country:
                </label>
                <div class='shipping-field'>
                    <select
                            name='country'
                            class='form-control '
                            
                            id='country'
                            data-group='1'
                            data-state='state'
                            data-field='country'
                         >
                            <option selected='selected' value='US' data-states='{&quot;AL&quot;:&quot;Alabama&quot;,&quot;AK&quot;:&quot;Alaska&quot;,&quot;AZ&quot;:&quot;Arizona&quot;,&quot;AR&quot;:&quot;Arkansas&quot;,&quot;CA&quot;:&quot;California&quot;,&quot;CO&quot;:&quot;Colorado&quot;,&quot;CT&quot;:&quot;Connecticut&quot;,&quot;DE&quot;:&quot;Delaware&quot;,&quot;FL&quot;:&quot;Florida&quot;,&quot;GA&quot;:&quot;Georgia&quot;,&quot;HI&quot;:&quot;Hawaii&quot;,&quot;ID&quot;:&quot;Idaho&quot;,&quot;IL&quot;:&quot;Illinois&quot;,&quot;IN&quot;:&quot;Indiana&quot;,&quot;IA&quot;:&quot;Iowa&quot;,&quot;KS&quot;:&quot;Kansas&quot;,&quot;KY&quot;:&quot;Kentucky&quot;,&quot;LA&quot;:&quot;Lousiana&quot;,&quot;ME&quot;:&quot;Maine&quot;,&quot;MD&quot;:&quot;Maryland&quot;,&quot;MA&quot;:&quot;Massachusetts&quot;,&quot;MI&quot;:&quot;Michigan&quot;,&quot;MN&quot;:&quot;Minnesota&quot;,&quot;MS&quot;:&quot;Mississippi&quot;,&quot;MO&quot;:&quot;Missouri&quot;,&quot;MT&quot;:&quot;Montana&quot;,&quot;NE&quot;:&quot;Nebraska&quot;,&quot;NV&quot;:&quot;Nevada&quot;,&quot;NH&quot;:&quot;New Hampshire&quot;,&quot;NJ&quot;:&quot;New Jersey&quot;,&quot;NM&quot;:&quot;New Mexico&quot;,&quot;NY&quot;:&quot;New York&quot;,&quot;NC&quot;:&quot;North Carolina&quot;,&quot;ND&quot;:&quot;North Dakota&quot;,&quot;OH&quot;:&quot;Ohio&quot;,&quot;OK&quot;:&quot;Oklahoma&quot;,&quot;OR&quot;:&quot;Oregon&quot;,&quot;PA&quot;:&quot;Pennsylvania&quot;,&quot;RI&quot;:&quot;Rhode Island&quot;,&quot;SC&quot;:&quot;South Carolina&quot;,&quot;SD&quot;:&quot;South Dakota&quot;,&quot;TN&quot;:&quot;Tennessee&quot;,&quot;TX&quot;:&quot;Texas&quot;,&quot;UT&quot;:&quot;Utah&quot;,&quot;VT&quot;:&quot;Vermont&quot;,&quot;VA&quot;:&quot;Virginia&quot;,&quot;WA&quot;:&quot;Washington&quot;,&quot;WV&quot;:&quot;West Virginia&quot;,&quot;WI&quot;:&quot;Wisconsin&quot;,&quot;WY&quot;:&quot;Wyoming&quot;,&quot;DC&quot;:&quot;Washington, DC&quot;}'>United States</option>
                        </select>                </div>
            </div>
                    <div class="shipping-fields">
                <label>
                    Zip:
                </label>
                <div class='shipping-field'>
                    <input value='' type='tel' pattern='^[0-9]{5}' name='zip' data-group='1'  placeholder='Zip / Postal' required data-field='zip' class='form-control  '>                </div>
            </div>
                    <div class="shipping-fields">
                <label>
                    Address:
                </label>
                <div class='shipping-field'>
                    <input value='' type='text' pattern='^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[ ])([a-zA-Z0-9&#39;\/\-\. #@%&`´‘’]+)$' name='address' data-group='1'  placeholder='Address' required data-field='address' class='form-control  '>                </div>
            </div>
                    <div class="shipping-fields">
                <label>
                    Address 2:
                </label>
                <div class='shipping-field'>
                    <input value='' type='text' pattern='^([a-zA-Z0-9&#39;\/\-\. #@%&`´‘’]+)$' name='address_2' data-group='1'  placeholder='Apt / Suite #'  data-field='address_2' class='form-control  '>                </div>
            </div>
                    <div class="shipping-fields">
                <label>
                    City:
                </label>
                <div class='shipping-field'>
                    <input value='' type='text' pattern='^[a-zA-Z. ]{3,}$' name='city' data-group='1'  placeholder='City' required data-field='city' class='form-control  '>                </div>
            </div>
                    <div class="shipping-fields">
                <label>
                    State:
                </label>
                <div class='shipping-field'>
                    <select name='state' required class='form-control   ' data-field='state' data-group='1'  id='state' data-default='' placeholder='State'><option value=''>Select a State</option><option value='AL' >Alabama</option><option value='AK' >Alaska</option><option value='AZ' >Arizona</option><option value='AR' >Arkansas</option><option value='CA' >California</option><option value='CO' >Colorado</option><option value='CT' >Connecticut</option><option value='DE' >Delaware</option><option value='FL' >Florida</option><option value='GA' >Georgia</option><option value='HI' >Hawaii</option><option value='ID' >Idaho</option><option value='IL' >Illinois</option><option value='IN' >Indiana</option><option value='IA' >Iowa</option><option value='KS' >Kansas</option><option value='KY' >Kentucky</option><option value='LA' >Lousiana</option><option value='ME' >Maine</option><option value='MD' >Maryland</option><option value='MA' >Massachusetts</option><option value='MI' >Michigan</option><option value='MN' >Minnesota</option><option value='MS' >Mississippi</option><option value='MO' >Missouri</option><option value='MT' >Montana</option><option value='NE' >Nebraska</option><option value='NV' >Nevada</option><option value='NH' >New Hampshire</option><option value='NJ' >New Jersey</option><option value='NM' >New Mexico</option><option value='NY' >New York</option><option value='NC' >North Carolina</option><option value='ND' >North Dakota</option><option value='OH' >Ohio</option><option value='OK' >Oklahoma</option><option value='OR' >Oregon</option><option value='PA' >Pennsylvania</option><option value='RI' >Rhode Island</option><option value='SC' >South Carolina</option><option value='SD' >South Dakota</option><option value='TN' >Tennessee</option><option value='TX' >Texas</option><option value='UT' >Utah</option><option value='VT' >Vermont</option><option value='VA' >Virginia</option><option value='WA' >Washington</option><option value='WV' >West Virginia</option><option value='WI' >Wisconsin</option><option value='WY' >Wyoming</option><option value='DC' >Washington, DC</option></select>                </div>
            </div>
                
        <div class="shipping-fields submit">
            <button type='submit'>Update Shipping Address</button>
        </div>
    </form> -->
</div>


<script>    
    function vmodal()
	{
        $( "a[href='#vmodal']" ).click( function ( e ) {
            e.preventDefault();
            var self = this;
            
            $( "#vmodal" ).load( $( self ).data( "modal-url" ), function () {
                softModal.open( "#vmodal" );
                
                if (typeof popup_callback === 'function') {
                    popup_callback( $( self ).data( "modal-url" ));
                }
            } );
        } );
	}
	
	
    $('.show-after-load').hide();
    
    setTimeout(function() {
        $('.show-after-load').fadeIn('fast');    
    }, 500);
    
    var submitting = false;
    
    $(function() {
		vmodal();          
        
        $.validate( {
            modules: "html5",
            scrollToTopOnError: false,
            validateOnBlur: true,
            errorMessagePosition: "top"
        } );
        
        $('.toTop').click( function () {
            var body = $( "html, body" );
            body.stop().animate( {
                scrollTop: 0
            }, 500, 'swing', function () {} );
        });   
        
        $(".toForm").click(function() {
            $([document.documentElement, document.body]).animate({
                scrollTop: $("form").offset().top
            }, 500);
        });
                
        if ($('#countdown').length) {
            var timer = 299;
            
            if (typeof localStorage != 'undefined') {
                timer = parseInt(localStorage.getItem('reservation_countdown'));
            }
            
            if (isNaN(timer)) timer = 299;
            
            if (timer < 0 ) timer = 0;
            
            $('#countdown').html(get_time_string(timer));
            
            startTimer(timer, $('#countdown').get('0'));   
        }
        
        animate_dots();

    });
    
    
    if ($('#vmodal-error').length) {
        softModal.open('#vmodal-error');
    }
    
    function animate_dots()
    {
        $('.dots').each(function() {
            let dots = $(this).html();
            
            if (dots.length < 8) {
                dots += '.';
            } else {
                dots = '.';    
            }
            
            $(this).html(dots);
        });
        
        setTimeout(animate_dots, 750);
    }
    
    function startTimer(duration, display) 
    {
        var timer = duration;
        
        setInterval(function () {
            display.textContent = get_time_string(timer);
            
            if (timer) {
                timer--;
            }
            
            if (typeof localStorage != 'undefined') {
                localStorage.setItem('reservation_countdown', timer);
            }
        }, 999);
    }    
    
    function get_time_string(timer)
    {
        var minutes, seconds;
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        return minutes + ":" + seconds + "!";
    }
    
    function vmodal_msg(msg)
    {
        $('.soft-modal-content .vmodal-custom-content .submitting-text').html(msg);
    }
        

    function remove_values(only_empty) {

        var keys = [ 'eci', 'cavv', 'xid', 'status', 'protocolVersion', 'authenticationValue', 'dsTransactionId' ];

        for (var i = 0; i < keys.length; i++) {
            $("[name$='" + keys[i] + "']").filter(function() { return !only_empty || !this.value.length; }).remove();
        }

    }
</script>




            </div>
        </footer>
    </div>
</div>

<script type="text/javascript">

    try {

        $(document).on('click', '.sel-prod', function() {
            var prodOuter = $(this);
            var package = $(this).data('package');
            $('#package').val(package);
            if (package == 5) {
                $('#custom_product').val(713);

                $('#ss-option').val(1);
                $('#x_amount').val("199.88");

                $('.sel-prod').removeClass('active');
                $(".package-info__btn").html("Select Package");
                window.setTimeout(function() {
                    $(prodOuter).addClass('active');
                    $(prodOuter).find(".package-info__btn").html("Selected!");
                }, 100);

                //evalCard();
            } else if (package == 3) {
                $('#custom_product').val(712);

                $('#ss-option').val(2);
                $('#x_amount').val("169.88");

                $('.sel-prod').removeClass('active');
                $(".package-info__btn").html("Select Package");
                window.setTimeout(function() {
                    $(prodOuter).addClass('active');
                    $(prodOuter).find(".package-info__btn").html("Selected!");
                }, 100);

                //evalCard();
            } else if (package == 1) {
                $('#custom_product').val(711);

                $('#ss-option').val(3);
                $('#x_amount').val("129.88");

                $('.sel-prod').removeClass('active');
                $(".package-info__btn").html("Select Package");
                window.setTimeout(function() {
                    $(prodOuter).addClass('active');
                    $(prodOuter).find(".package-info__btn").html("Selected!");
                }, 100);

                //evalCard();
            }
        });


        //$([document.documentElement, document.body]).animate({
        //	 scrollTop: $(".sec_sc").offset().top
        //}, 200);

    } catch (er) {
        console.log(er);
    }


    $(document).ready(function() {

        var mydate = new Date();
        var month = mydate.getMonth() + 1;
        var dayarray = [
            'Sunday',
            'Monday',
            'Tuesday',
            'Wednesday',
            'Thursday',
            'Friday',
            'Saturday'
        ];
        $('.date-container2').text(dayarray[mydate.getDay()] + ', ' + month + '/' + mydate.getDate() + '/' + mydate.getFullYear());

        $(".cvv-link").click(function(e) {
            $(".cvv-image").slideToggle();
        });


        $(".product1").trigger('click');
        $('#billAddress input,#billAddress select').prop('required',false)
            $('#billingSameAsShipping').change(function(){
                if ($(this).is(':checked')){
                    $('input[name="billingSameAsShipping"]').val('yes');
                    $('#billAddress input,#billAddress select').prop('required',false)
                }else{
                    $('#billAddress input,#billAddress select').prop('required',true)
                    $('input[name="billing_address_2"]').prop('required',false)
                    $('input[name="billingSameAsShipping"]').val('no');
                }
                 $('#billAddress').slideToggle();
            })

    });
</script>
<script type="text/javascript" src="./js/custom.js"></script>
</body></html>