/* ============================================================ */
/*  ORDER FUNNEL - purchased template "CONVERTPRO 4"            */
/*  do not edit this file, i do not know what most of it does    */
/*  -- X.S.                                                      */
/* ============================================================ */

html, body { margin:0; padding:0; }
body {
  background:#f4f1e8;
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px; color:#1c1c1c; text-align:center;
}
a { color:#0645ad; }
img { border:0; }

.securebar {
  background:#111; color:#cfcfcf; font-size:11px; letter-spacing:1px; padding:6px 0;
  border-bottom:2px solid #f2c200;
}
.securebar b { color:#5fd07a; }
.lock { color:#5fd07a; }

.wrap { width:820px; margin:0 auto; text-align:left; background:#fff;
        border-left:1px solid #ddd; border-right:1px solid #ddd; min-height:100%; }
.inner { padding:0 30px 26px 30px; }

/* progress */
.steps { display:table; width:100%; border-collapse:collapse; margin:0; background:#eae6d8; }
.steps div { display:table-cell; text-align:center; font-size:10px; font-weight:bold;
  letter-spacing:.5px; color:#8b8674; padding:9px 2px; border-right:1px solid #fff; }
.steps div.done { background:#c8c2ac; color:#5a5646; }
.steps div.on   { background:#f2c200; color:#111; }

/* headline */
.alert {
  background:#c8102e; color:#fff; text-align:center; padding:14px 18px; margin:0 -30px 0 -30px;
}
.alert .h {
  font-family:Impact,"Arial Black",sans-serif; font-size:40px; line-height:1.02; letter-spacing:.5px;
  text-shadow:2px 2px 0 rgba(0,0,0,.35); margin:0;
}
.alert .s { font-size:15px; margin-top:7px; font-style:italic; }

.timerbar {
  background:#111; color:#fff; text-align:center; padding:9px 0; margin:0 -30px 18px -30px;
  font-size:13px; letter-spacing:1px;
}
.timerbar .t {
  font-family:"Courier New",monospace; font-size:24px; font-weight:bold; color:#ff5a4a;
  vertical-align:-2px;
}
.expired { display:none; color:#f2c200; font-size:12px; margin-top:4px; font-style:italic; }

h1.sell {
  font-family:"Arial Black",Arial,sans-serif; font-size:27px; line-height:1.18; color:#111;
  margin:20px 0 6px 0;
}
h1.sell em { color:#c8102e; font-style:normal; }
.kicker { color:#7a7566; font-size:12px; letter-spacing:2px; font-weight:bold; text-transform:uppercase; margin-top:18px; }

.cols { width:100%; border-collapse:collapse; }
.cols td { vertical-align:top; }
.prodcell { width:290px; padding-right:26px; text-align:center; }
.prodcell img { width:270px; }

p { line-height:1.62; margin:11px 0; }
.lead { font-size:17px; line-height:1.6; }

.hi { background:#fff6bf; padding:2px 3px; box-shadow:0 1px 0 #e8d97a; }
.yellowbox { background:#fffbe6; border:2px solid #f2c200; padding:14px 16px; margin:16px 0; }
.greybox   { background:#f5f4ef; border:1px solid #ddd9c8; padding:14px 16px; margin:16px 0; font-size:14px; }
.redbox    { background:#fff2f2; border:2px solid #c8102e; padding:14px 16px; margin:16px 0; }
.boxh { font-family:"Arial Black",sans-serif; font-size:13px; letter-spacing:.5px; margin:0 0 7px 0; }

ul.chk { list-style:none; padding:0; margin:12px 0; }
ul.chk li { padding:5px 0 5px 26px; line-height:1.5;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='M2 8l4 4 8-9' stroke='%23138a3f' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat 0 7px; }

/* price + buttons */
.pricebox { text-align:center; margin:22px 0 6px 0; }
.was { color:#8b8674; font-size:17px; text-decoration:line-through; }
.now { font-family:"Arial Black",sans-serif; font-size:44px; color:#138a3f; line-height:1; }
.now small { font-size:16px; vertical-align:14px; }
.saveline { color:#c8102e; font-weight:bold; font-size:14px; margin-top:5px; }

@keyframes pulse { 0%,100%{ transform:scale(1) } 50%{ transform:scale(1.026) } }
a.bigbtn {
  display:block; text-align:center; text-decoration:none; margin:16px auto 8px auto; max-width:640px;
  background:linear-gradient(#5fd07a,#138a3f); color:#fff; border:2px solid #0c6b30;
  border-radius:7px; padding:17px 20px; font-family:"Arial Black",sans-serif; font-size:22px;
  letter-spacing:.5px; box-shadow:0 4px 0 #0a5526, 0 6px 14px rgba(0,0,0,.22);
  animation:pulse 1.9s ease-in-out infinite;
}
a.bigbtn:hover { background:linear-gradient(#6fdd8a,#169b47); color:#fff; }
a.bigbtn span { display:block; font-family:Arial,sans-serif; font-size:12px; font-weight:normal;
  letter-spacing:0; margin-top:4px; opacity:.92; }

a.declinelink {
  display:block; text-align:center; color:#a09a88; font-size:11px; text-decoration:underline;
  margin:12px auto 4px auto; max-width:620px; line-height:1.5;
}
a.declinelink:hover { color:#c8102e; }

/* testimonials */
.tst { border-left:4px solid #f2c200; background:#fbfaf5; padding:9px 13px; margin:11px 0; font-size:14px; }
.tst .stars { color:#f2a900; letter-spacing:2px; }
.tst .who { color:#6b6758; font-size:12px; }
.verified { color:#138a3f; font-size:11px; font-weight:bold; }

/* supplement facts */
.facts { border:2px solid #000; padding:8px 10px; font-family:"Helvetica Neue",Arial,sans-serif;
  font-size:12px; background:#fff; max-width:280px; margin:0 auto; text-align:left; }
.facts .ft { font-family:"Arial Black",sans-serif; font-size:20px; line-height:1; border-bottom:8px solid #000; padding-bottom:3px; }
.facts table { width:100%; border-collapse:collapse; font-size:11px; }
.facts td { border-bottom:1px solid #000; padding:2px 0; }
.facts td.r { text-align:right; }
.facts .thin td { border-bottom:1px solid #999; }

/* cart */
table.cart { width:100%; border-collapse:collapse; margin:14px 0; font-size:14px; }
table.cart th { background:#eae6d8; text-align:left; padding:8px 10px; font-size:11px;
  letter-spacing:1px; border-bottom:2px solid #c8c2ac; }
table.cart td { border-bottom:1px solid #e5e1d2; padding:11px 10px; vertical-align:top; }
table.cart td.r { text-align:right; }
.oos { color:#c8102e; font-family:"Arial Black",sans-serif; font-size:12px; letter-spacing:1px; }
.thumb { width:44px; height:56px; background:#111; display:inline-block; vertical-align:middle;
  margin-right:9px; border:1px solid #999; }
.totals { width:320px; margin-left:auto; font-size:14px; }
.totals td { padding:5px 0; }
.totals td.r { text-align:right; }
.totals tr.grand td { font-family:"Arial Black",sans-serif; font-size:19px; border-top:2px solid #111; padding-top:9px; }

a.checkout { display:block; max-width:340px; margin:18px 0 6px auto; text-align:center;
  text-decoration:none; background:linear-gradient(#5fd07a,#138a3f); color:#fff;
  border:2px solid #0c6b30; border-radius:6px; padding:14px; font-family:"Arial Black",sans-serif;
  font-size:18px; }
a.checkout.dead { background:#c9c9c9; border-color:#a8a8a8; color:#6e6e6e; cursor:not-allowed; }

/* trust */
.trust { text-align:center; margin:22px 0 6px 0; color:#8b8674; font-size:11px; }
.badge { display:inline-block; border:1px solid #c8c2ac; background:#f8f7f2; padding:7px 11px;
  margin:4px 3px; font-size:10px; font-weight:bold; letter-spacing:.5px; color:#5a5646; border-radius:3px; }

/* social proof popup */
#pop { position:fixed; left:14px; bottom:14px; width:284px; background:#fff; border:1px solid #c9c4b2;
  box-shadow:0 5px 18px rgba(0,0,0,.22); padding:10px 11px; font-size:12px; text-align:left;
  border-radius:4px; display:none; z-index:900; }
#pop .n { font-weight:bold; }
#pop .g { color:#8b8674; font-size:10px; margin-top:3px; }
#pop .x { float:right; color:#b5b0a0; text-decoration:none; font-size:14px; line-height:1; }

.finep { color:#8b8674; font-size:10px; line-height:1.6; margin-top:22px;
         border-top:1px solid #e5e1d2; padding-top:12px; }
.fnav { text-align:center; font-size:11px; color:#a09a88; padding:16px 0 26px 0; }
.fnav a { color:#8b8674; }