/*--====================================================
CSS FOR CHECKOUT PAGE
====================================================================-*/
.chkout-bg {
  float: left;
  width: 100%;
  padding: 40px 0 40px;
}

.chk-box {
  float: left;
  width: 100%;
}

.chk-lft {
  float: left;
  width: 58.3%;
  padding-right: 15px;
}

.chk-img1 {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 530px;
}

.chk-up-box {
  float: left;
  width: 97%;
  border-top: 1px solid #ccc;
  padding: 20px;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #4a4947;
  text-align: left;
  line-height: 1.42857143;
}

/*CHECKOUT PACKAGE*/
.chk-pkg {
  float: left;
  width: 97%;
  border: 1px solid #c2c2c2;
  margin-bottom: 22px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.chk-pkg-top {
  float: left;
  width: 100%;
  background: #5c1679;
}

.chk-p1 {
  float: left;
  font-size: 28px;
  color: #fff;
  text-align: left;
  line-height: 35px;
  font-family: 'Rockwell Std';
  padding: 0 0 0 13px;
  text-transform: uppercase;
}

.chk-p2 {
  float: left;
  font-size: 11px;
  color: #fff;
  line-height: 13px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 4px 0 4px 47px;
  text-align: center;
}

.freeShipicon {
  float: right;
  background: url(https://cdn.subscribefunnels.com/3fd30f36-aab0-4107-bbe7-b2a285faeda1/Trial/css/../images/ship-bg.png) no-repeat left bottom #009eea;
  height: 35px;
  padding: 4px 7px 0 30px;
}

.freeShipicon img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

.chk-pkg-btl-price {
  float: left;
  width: 100%;
  background: #fff;
  padding: 5px;
  position: relative;
}

.chk-pkg.active .chk-pkg-btl-price {
  background: #fdfbe2;
}

.chk-custom {
  opacity: 0;
  position: absolute;
  left: 15px;
  top: 14px;
}

.chk-custom-label {
  cursor: pointer;
  float: left;
  width: 100%;
  position: relative;
}

.chk-custom+.chk-custom-label .check-left {
  float: left;
  background: #fff;
  border: 4px solid #63a5ef;
  width: 5%;
  padding-bottom: 3.7%;
  text-align: center;
  margin-top: 57px;
  -webkit-box-shadow: inset 1px 1px 5px 1px #d5d5d5;
  box-shadow: inset 1px 1px 5px 1px #d5d5d5;
  border-radius: 50%;
  position: relative;
  margin-right: 2%;
}

.chk-custom+.chk-custom-label .check-left img {
  position: absolute;
  left: -3px;
  top: -35px;
  opacity: 0;
}

.chk-custom:checked+.chk-custom-label .check-left img {
  opacity: 1;
}

.pkg-btl-1 {
  float: left;
  width: 62.4%;
}

.pkg-btl-1 img {
  float: left;
  max-width: 100%;
}

.chk-pkg-price {
  float: right;
  width: 30%;
  text-align: center;
  padding: 5px 5px 0 0;
}

.chk-p4 {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #06040f;
  line-height: 18px;
  padding: 5px 0 0 0;
  font-weight: 600;
}

.chk-p5 {
  float: left;
  width: 100%;
  font-size: 36px;
  color: #06040f;
  line-height: 28px;
  font-weight: 700;
}

.chk-p5 sup {
  font-size: 18px;
}

.chk-custom+.chk-custom-label .pkg-btn {
  display: inline-block;
  vertical-align: top;
  background: url(https://cdn.subscribefunnels.com/3fd30f36-aab0-4107-bbe7-b2a285faeda1/Trial/css/../images/pkg-btn.png) no-repeat center top;
  width: 75.57%;
  padding-bottom: 20%;
  margin: 12px 0 0;
  background-size: 100%;
}

.chk-custom:checked+.chk-custom-label .pkg-btn {
  background: url(https://cdn.subscribefunnels.com/3fd30f36-aab0-4107-bbe7-b2a285faeda1/Trial/css/../images/pkg-btn-act.png) no-repeat center top;
  background-size: 100%;
}

.chk-rit {
  float: left;
  width: 33.3%;
}

.checkout-header {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

.chk-form-head {
  float: left;
  width: 100%;
  background: #0699ee;
  padding: 9px 10px;
  border-radius: 15px 15px 0 0;
}

.chk-rit-p1 {
  float: left;
  width: 100%;
  color: #ffffff;
  font-size: 28px;
  font-weight: 600;
  line-height: 45px;
  letter-spacing: -1px;
}

.chk-rit-p1 span {
  float: left;
  width: 100%;
  font-size: 21px;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-top: 2px;
}

.bill-p {
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.question1 {
  float: left;
  width: 100%;
  margin: 20px 0 25px;
}

.question1 label {
  font-size: 17px;
  line-height: 17px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 10px;
}

.chk-rit-p2 {
  float: left;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
  line-height: 17px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 20px;
}

.chk-lbl {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  margin-bottom: 2px;
}

.we-accpt {
  float: left;
  margin-left: 15px;
  margin-bottom: 20px;
  max-width: 100%;
}

.wi-48 {
  width: 48%;
}

.whts {
  float: right;
  width: 48%;
  font-size: 10px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 12px 0 0;
}

.chk-mrg-btm {
  margin-bottom: 10px;
}

.chk-rit .form-ord-nw-btn {
  margin: 12px 0 0px;
}

.chk-secure {
  display: inline-block;
  max-width: 100%;
  margin: 0;
}

.chk-secu-ic {
  display: inline-block;
  max-width: 100%;
}

.or-secureicons {
  display: inline-block;
  max-width: 100%;
}

/*================Trial-Page============*/
.order-summary {
  background-color: white;
  border: 4px solid #0699ee;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  padding-bottom: 10px;
  border-radius: 15px;
  text-align: left;
}

.funnel-steps {
  padding-top: 25px;
  text-align: center;
}

.funnel-steps img {
  max-width: 100%;
}

.funnel-title {
  text-align: center;
  margin-top: 15px
}

.funnel-title .title {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  color: #d6d4d5
}

.funnel-title .title.active {
  color: black
}

.funnel-title .title.active.title-2 {
  padding-left: 10px;
  color: lightgrey;
  transition-delay: 1.3s
}

.funnel-bar {
  border: 1px solid #d6d4d5;
  background-color: #d6d4d5;
  height: 3px;
  width: 330px;
  margin: 0 auto;
  position: relative
}

.fill {
  background-color: #f1035b;
  height: 100%;
  width: 0;
  transition-duration: 2s
}

.steps.step-1 {
  left: -20px
}

.steps.active {
  background-color: #f1035b
}

.steps {
  border: 3px solid #d6d4d5;
  position: absolute;
  top: -15px;
  z-index: 1;
  background-color: #d6d4d5;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 35px;
  text-align: center;
  margin: 3px
}

.steps span {
  display: block;
  color: white;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px
}

.steps.step-2 {
  left: 45%
}

.steps.step-2.active {
  background-color: lightgrey;
  transition-delay: 1.3s
}

.steps.step-3 {
  right: -20px
}

.urgency {
  background-color: #f7efee;
  border: 2px solid #ea1d5d;
  width: 94%;
  margin: 10px auto;
  text-align: center;
  padding: 10px 0;
}

.urgency p {
  color: #ea1d5d;
  font-size: 17px;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px
}

.urgency img {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0
}

.info-wrap {
  width: auto;
  margin: 0 auto;
  padding: 0 20px;
}

.copy-1 {
  font-weight: 600;
  margin-top: 10px;
  font-size: 18px;
  margin-bottom: 10px;
  padding-right: 15px
}

.copy-3 {
  font-size: 15px
}

.copy-top {
  margin-bottom: 8px
}

.green {
  color: #00cc01 !important;
}

.cap {
  text-transform: capitalize;
}

.bars-wrap {
  border: 1px solid lightgrey;
  margin-top: 3px;
  margin-right: 5px;
  padding: 2px 1px
}

.bars {
  float: left;
  height: 10px;
  width: 10px;
  margin-left: 1px;
  display: inline-block;
  vertical-align: top
}

.bar-1 {
  background-color: red
}

.ib {
  display: inline-block;
  vertical-align: top;
}

.copy-3 span {
  font-weight: bold;
}

.red {
  color: red;
}

.copy-4.copy-top {
  font-size: 15px;
}

.mail {
  font-size: 15px;
}

img.usps {
  width: 100px;
  margin-left: 10px;
  margin-top: 1px;
  display: inline-block;
  vertical-align: top;
}

.bold {
  font-weight: bold;
}

.bottle {
  width: 20%;
  text-align: center;
  margin-right: 15px;
}

.bottle img {
  width: 100%;
  margin-top: 5px;
}

.product-info {
  padding-top: 30px;
  width: 65%;
}

.label.line-1 {
  font-size: 20px;
}

.product-info-wrap .label {
  font-size: 15px;
  width: 70%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  color: #444;
  text-align: left;
  font-weight: normal;
  padding: 0;
  white-space: nowrap;
  line-height: inherit;
}

.product-info-wrap .line-1 {
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
}

.product-info-wrap .price.line-1 {
  font-size: 20px;
  line-height: 20px;
}

.product-info-wrap .price {
  float: right;
  margin-bottom: 5px;
  width: 55px;
  text-align: right;
  font-size: 16px;
}

.divider {
  border-top: 1px solid lightgrey;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 11px
}

.arrow {
  background: url(https://cdn.subscribefunnels.com/3fd30f36-aab0-4107-bbe7-b2a285faeda1/Trial/css/../images/pink-arrow.png) no-repeat scroll right top;
  height: 55px;
  width: 400px;
  margin-left: 20px;
  position: absolute;
}

.arrow span {
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 19px;
  padding-top: 15px;
  display: block;
  padding-left: 20px;
}

#seals {
  margin-left: 10px;
  display: inline-block;
  min-height: 66px;
  padding: 18px 0 0 0;
}

#seals img {
  max-width: 100%;
}