* {
	  transition: all 0.3s ease-in-out;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	}

	body {
	  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
	  overflow-x: hidden;
	}





	:root {
	  --main-color: #fff;
	  --alt-color: #f9745f;
	  --accent-light: #64d0a6;
	  --accent-dark: #423b7d;
	  --hero-image: url(https://s3.amazonaws.com/subscribe-funnels-production/assets/f1959432-e843-47dd-8e96-579586453eb3/placeHeroMain.jpg);
	  --sub-image: url(https://s3.amazonaws.com/subscribe-funnels-production/assets/f1959432-e843-47dd-8e96-579586453eb3/placeHeroMain.jpg);
	}


	.nav-pages a:hover {
	  color: var(--accent-dark) !important;
	}


	.glass {
	  background: rgb(255 255 255 / 75%);
	  /* border-radius: 16px; */
	  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	  backdrop-filter: blur(8.5px);
	  -webkit-backdrop-filter: blur(8.5px);
	  border: 1px solid rgba(255, 255, 255, 0.21);
	}


	.heroMain {
	  background: var(--hero-image) !important;
	  background-position: bottom !important;
	  background-size: cover !important;
	  background-repeat: no-repeat !important;
	  height: auto !important;
      background-position-y: 70% !important;
	}




	/* ////// TOKENIZED COLORS \\\\\\ */

	/* TEXT & BORDERS */

	.text-main {
	  color: var(--main-color) !important;
	}

	.text-alt {
	  color: var(--alt-color) !important;
	}

	.border-main {
	  border-color: var(--main-color) !important;
	  border-top: 4px solid;
	}

	.border-alt {
	  border-color: var(--alt-color) !important;
	}

	/* BACKGROUNDS */

	.bg-main {
	  background: var(--main-color) !important;
	}

	.bg-alt {
	  background: var(--alt-color) !important;
	}

	.bg-accent-light {
	  background: var(--accent-light) !important;
	}

	.bg-accent-dark {
	  background: var(--accent-dark) !important;
	}

	/* BUTTONS */

	.btn-main {
	  background: var(--main-color) !important;
	  border-color: var(--main-color) !important;
	  color: #fff !important;
	}

	.btn-alt {
	  background: var(--alt-color) !important;
	  border-color: var(--alt-color) !important;
	  color: #fff !important;
	}

	.btn-main:hover {
	  background: var(--accent-dark) !important;
	}

	.btn-alt:hover {
	  background: var(--accent-dark) !important;
	  color: #fff !important;
	}

	.cursor-pointer {
	  cursor: pointer;
	}


	/* ////// TOKENIZED COLORS END \\\\\\ */





	a {
	  text-decoration: none;
	  color: inherit;
	}

	textarea {
	  width: 100%;
	}

	.cartNumber {
	  color: #fff !important;
	  top: -15px !important;
	  right: -5px !important;
	  width: 20px !important;
	  height: 20px !important;
	  text-align: center !important;
	}

	.scrollup i {
	  font-size: 18px;
	}

	.cartDiv {
	  width: 250px !important;
	}

	.cartBottom {
	  color: #fff !important;
	  font-weight: bold !important;
	  width: 20px !important;
	  height: 20px !important;
	  text-align: center !important;
	}

	.cart-container:hover * {
	  color: #555;
	  background-color: none;
	  text-decoration: none;
	}

	.circle-number {
	  padding-left: 0px;
	}


	.fa-shopping-cart {
	  font-size: 28px !important;

	}

	.fs-custom {
	  font-size: 16px;
	  line-height: 16px;
	}


	.marketing-strip span {
	  font-size: 12px !important;
	}


	.marketing-strip p {
	  font-size: 10px !important;
	}

	.marketing-strip i {
	  font-size: 40px !important;
	}


	.p-img {
	  max-height: 400px !important;
	  min-height: 400px !important;
	  max-width: 400px !important;
	  min-width: 400px !important;
	}

	.increase-btn:hover {
	  cursor: pointer
	}

	.decrease-btn:hover {
	  cursor: pointer
	}


	@media only screen and (max-width: 991px) {
	  .nav-item-toggled {
	    box-shadow: 0 -0.8px 0 0 #ddd;
	    padding-top: 0.7em;
	    padding-bottom: 0.7em;
	  }

	  .nav-link-a {
	    font-size: 14px;
	    font-weight: normal;
	    color: black;
	    text-decoration: none;
	    text-transform: uppercase;
	  }


	  .prdImg {
	    max-height: 250px !important;
	  }


	  .marketing-strip span {
	    font-size: 18px !important;
	  }

	  .marketing-strip i {
	    font-size: 30px !important;
	  }


	  .marketing-strip p {
	    font-size: 14px !important;
	  }

	  .nav-item-toggled .nav-link-a {
	    text-decoration: none !important;
	    color: #000 !important;
	    padding-left: 2.5em !important;
	  }

	  #iloe8 {
	    background-color: #ffffff;
	  }
	}

	#iloe8 {
	  background-color: #f8f9fa;
	}


	.shop-btn {
	  -ms-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  font-size: 1.3em;
	  padding: 1em 2em;
	  background: rgba(255, 255, 255, 1);
	  border: 1px solid;
	  border-color: #4a4141;
	  color: #4a4141 !important;
	  -webkit-border-radius: 0em;
	  -moz-border-radius: 0em;
	  border-radius: 0em;
	  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.065);
	  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.065);
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.065);
	  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	}

	.gradient {
	  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--alt-color)), color-stop(1, var(--alt-color)));
	  background: -ms-linear-gradient(bottom, var(--alt-color), var(--alt-color));
	  background: -moz-linear-gradient(center bottom, var(--alt-color) 0%, var(--alt-color) 100%);
	  background: -o-linear-gradient(var(--alt-color), var(--alt-color));
	}


	.navbar-toggler {
	  border-radius: 0 !important;
	  border: none !important;
	}


	.btn-submit {
	  padding: 14px 20px;
	  background-color: #fff;
	  font-weight: 600;
	  border: 2px solid #000;
	}

	.btn-submit:hover {
	  background-image: linear-gradient(to right, var(--alt-color), var(--alt-color));
	  color: #fff;
	  font-weight: 600;
	}

	/*NAV - HERO*/
	.brand-logo {
	  max-width: 250px !important;
	}

	.nav-link-a {
	  display: block;
	  padding: 0.5rem 1rem;
	  color: #4a4141;
	  text-decoration: none;
	  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
	    border-color 0.15s ease-in-out;
	  font-weight: 700;

	}

	.hero {
	  background-position: center;
	  background-size: cover;
	  background-repeat: no-repeat;
	  height: 75vh;
	}

	.center-me {
	  margin: 0;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	}

	/*/${PRODUCT}*/
	.image {
	  background-position: center;
	}

	.product-image-container {
	  width: 100%;
	  height: 400px;
	  position: relative;
	  overflow: hidden;
	  cursor: zoom-in;
	}

	.img_product {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 75%;
	  background-repeat: no-repeat;
	  background-position: center;
	  background-size: contain;
	  transition: transform 0.5s ease-out;
	}

	.product-specs {
	  font-size: 0.9rem;
	  color: #868d9a;
	}

	.search {
	  right: 20px;
	  top: 0;
	}

	/*CART*/
	.cart {
	  font-size: 0.9rem;
	  color: #868d9a;
	}

	.update-cart {
	  width: 100%;
	  border: none !important;
	}

	.checkout {
	  width: 100%;
	}

	@media (min-width: 768px) {

	  .b-md-top {
	    border-top: 1px solid var(--accent-light);
	  }

	  .update-cart {
	    width: fit-content;
	  }
	}

	/*CHECKOUT*/
	.checkout-form p,
	label {
	  font-size: 0.9rem;
	  color: #868d9a;
	}

	.payment-outer {
	  color: #868d9a;
	}

	.payment-inner {
	  color: #515151;
	}

	/*FOOTER*/

	.footer-content {
	  font-weight: 500;
	  font-size: 1.9rem;
	}

	.footer-content .footer-title {
	  font-size: 1rem !important;
	  padding-bottom: 1rem !important;
	}

	.footer-content h4 {
	  padding-top: 1.2rem !important;
	}

	.footer-content .contact-text {
	  font-size: 1rem !important;
	  line-height: 1.2rem !important;
	}

	.contact-text span {
	  font-size: 1rem !important;
	  line-height: 0.8rem !important;
	}

	.footer-content {
	  font-size: 0.8em !important;
	  line-height: 0.8rem !important;
	  padding-top: 0 !important;
	}

	.footer-nav-item {
	  font-size: 1rem !important;
	  line-height: 0.8rem !important;
	  text-decoration: none !important;
	}

	.footer-nav-item:hover {
	  color: var(--alt-color) !important;
	}

	.footer-contact {
	  list-style-type: none;
	}

	.footer-bar {
	  height: 40px;
	}

	.footer-container {
	  box-shadow: 0 -0.8px 0 0 #ddd !important;
	  padding-top: 3em !important;
	  margin-top: 5em !important;
	  padding-bottom: 3rem !important;
	  margin-bottom: 0 !important;
	}

	/*SCROLL TO TOP*/
	.scrollup i {
	  width: 50px;
	  height: 50px;
	  position: fixed;
	  bottom: 75px;
	  right: 15px;
	  display: none;
	  background-image: linear-gradient(to right, var(--main-color), var(--main-color));
	  z-index: 99;
	  color: #fff;
	  border-radius: 50%;
	}

	.scrollup:hover {
	  background-color: var(--alt-color);
	}

	.scrollup.left {
	  left: 10px;
	}

	.scrollup.center {
	  left: 50%;
	  right: 50%;
	}

	.screen-reader-text {
	  border: 0;
	  clip: rect(1px, 1px, 1px, 1px);
	  clip-path: inset(50%);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute !important;
	  width: 1px;
	  word-wrap: normal !important;
	}

	/*THANKYOU*/
	.hr-header {
	  overflow: hidden;
	  text-align: center;
	}

	.hr-header span {
	  display: inline-block;
	  position: relative;
	}

	.hr-header span:after,
	.hr-header span:before {
	  content: '';
	  position: absolute;
	  height: 2px;
	  background-color: #ccc;
	  width: 600px;
	  top: 50%;
	}

	.hr-header span:before {
	  right: 100%;
	  margin-right: 15px;
	}

	.hr-header span:after {
	  left: 100%;
	  margin-left: 15px;
	}

	.sales-funnel-progress {
	  position: relative;
	  padding: 10px 10px;
	  display: flex;
	}

	.sales-funnel-progress .bar {
	  height: 5px;
	  width: 66%;
	  position: absolute;
	  z-index: 0;
	  margin-top: 16px;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  background-color: #555;
	  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3);
	}

	.sales-funnel-progress .bar span {
	  display: block;
	  height: 100%;
	  width: 0;
	  background-color: var(--main-color) !important;
	  box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4);
	  position: relative;
	  overflow: hidden;
	}

	.sales-funnel-progress .bar.p25 span {
	  width: 25%;
	}

	.sales-funnel-progress .bar.p50 span {
	  width: 50%;
	}

	.sales-funnel-progress .bar.p75 span {
	  width: 75%;
	}

	.sales-funnel-progress .bar.p100 span {
	  width: 100%;
	}

	.sales-funnel-progress .part {
	  flex: 0 33%;
	  max-width: 33%;
	  text-align: center;
	  position: relative;
	  z-index: 1;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	}

	.sales-funnel-progress .part .label {
	  line-height: 1;
	  font-size: 16px;
	  flex: 1 25px;
	  display: flex;
	  align-items: center;
	}

	.sales-funnel-progress .part .label.grayed {
	  color: #454545;
	  font-style: italic;
	}

	.sales-funnel-progress .part .value {
	  flex: 1 30px;
	  border: 3px solid #d4d4d4;
	  border-radius: 100%;
	  width: 30px;
	  height: 30px;
	  line-height: 1.5rem;
	  display: inline-block;
	  justify-content: center;
	  align-content: center;
	  text-align: center;
	  color: #fff;
	  margin-top: 10px;
	  background-color: var(--main-color) !important;
	}

	.sales-funnel-progress .part.gray div:last-child {
	  background-color: #555;
	}

	.sales-funnel-progress .part.current {
	  font-weight: 700;
	}

	.t-header {
	  font-weight: 700;
	  font-size: 1.2em;
	}

	.cart-totals {
	  padding: 15px;
	  background: #fbf7ee;
	  border-top: 1px solid #efe6d4;
	  font-size: 1.2em;
	}

	.cart-totals .total-price {
	  font-weight: 600;
	}

	.sf-thankyou-sidebar .sales-funnel-progress-container {
	  min-width: 45%;
	}

	.sf-thankyou-sidebar .inner-block-container {
	  margin-bottom: 20px;
	}

	.cart-row {
	  display: grid;
	  grid-template-columns: minmax(auto, 40%) minmax(auto, 30%) minmax(auto, 30%);
	  grid-gap: 15px;
	}

	.cart-row .cart-item-quantity {
	  text-align: right;
	}

	.cart-row .cart-item-total {
	  text-align: right;
	}

	.cart-row .cart-item-price {
	  text-align: right;
	  display: none;
	}

	.section-title {
	  text-transform: uppercase;
	}

	.footer {
	  text-align: center;
	  font-size: .9em;
	  color: #333;
	}

	.footer a {
	  color: #333;
	  text-decoration: none;
	}

	@media (min-width:768px) {
	  .sf-thankyou-sidebar .inner-block-container {
	    box-shadow: 0 0 25px #cecece;
	    padding: 15px 20px 30px;
	  }

	  .sf-thankyou-sidebar .inner-block-container hr.page-divider {
	    margin-left: -20px;
	    margin-right: -20px;
	  }
	}

	@media (min-width:992px) {
	  .sf-thankyou-sidebar .order-summary {
	    padding-right: 5%;
	  }

	  .cart-row {
	    grid-template-columns: minmax(auto, 35%) minmax(auto, 15%) minmax(auto, 25%) minmax(auto, 25%);
	  }

	  .cart-row .cart-item-price {
	    display: block;
	  }

	  .section-title {
	    font-size: 2rem;
	  }
	}

	.prdImg {
	  max-height: 250px;
	}

	#nav {
	  background: #fff;
	}

	.btnWrap {
	  border: 4px solid #ccc;
	}

	.center-me h1,
	.center-me h2 {
	  text-shadow: 2px 3px black;
	}

	.current {
	  text-decoration: underline;
	  color: var(--alt-color) !important;
	}

	.nav-link-a:hover,
	.prd-name:hover {
	  color: var(--alt-color) !important;
	}

	.nav-pages a:hover {
	  color: #fff !important;
	}

	.cardsImage {
	  max-width: 150px;
	}

	.contact-text {
	  margin-bottom: 1rem;
	}

	.banner {
	  background-color: #f9f9f9;
	}

	.text-area {
	  background-color: #f7f7f7;
	  border: none;
	}

	.hero-section {
	  font-family: Montserrat !important;
	  text-shadow: rgb(21 10 63 / 50%) 4px 3px 0px;
	}

	.button-container {
	  font-weight: 400;
	  font-size: 12px;
	}

	.hero-font {
	  font-weight: bold !important;
	  font-size: 48px !important;
	  line-height: 1 !important;
	}

	.smry-img {
	  max-width: 50px;
	}