body {
	color:#444;
    font-size:1.2rem;
    line-height: 1.5;
}
@media(max-width:767px) {
	body {
		font-size:1.1rem;
		line-height: 1.4;
	}
}
p strong {
 
	color:#9e8949;
}
.bg-theme-alt p strong {

	color:#9e8949;
}
 
.font-cut-theme {
	-webkit-text-stroke: 1px #47464e;
}
.headline {
	text-shadow:6px 6px 0 #f8f7fd;
}
.bg-theme-alt .headline {
	text-shadow:6px 6px 0 #f8f7fd;
}
.bg-theme-dark .headline {
	text-shadow:6px 6px 0 #267372;
}
.hero-test-info {
	margin-bottom:0.5rem;
}
.bg-paper {
	background:url(../img/bg-paper.jpg) white;
}
.hero-test {
	position: relative;
	border:thin solid #DDDDDD;
	background:url(../img/bg-paper.jpg) white;
	margin-bottom:2rem;
	border-radius:1.5rem;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.hero-test-info .stars {
	line-height:1;
	padding-right:0.5rem;
}
.hero-test-info .stars span {
	font-size:2rem;
	margin-right:-0.5rem;
	color:rgba(255,208,0,1.00);
	filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
	-webkit-text-stroke: 1px rgba(198,162,0,1.00);;
}
.hero-test-img img, .girl-eating div::after {
	position: relative;
	border-radius: 1rem;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 1s;
	border: 1px solid #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
}
.hero-test .hero-test-img::before {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 1s;
}
.hero-test:nth-child(odd) .hero-test-img::before {
	position: absolute;
	background:#9e8949;
	width:100%;
	height:100%;
	opacity:0.7;
	left:0;
	bottom:0;
	content: "";
	border-radius:1rem;
	transform:rotate(254deg);
	filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}
.hero-test-img {
	position: relative;
}
.hero-test:nth-child(even) .hero-test-img::before {
	position: absolute;
	background:#9e8949;
	width:100%;
	height:100%;
	opacity:0.7;
	left:0;
	bottom:0;
	content: "";
	border-radius:1rem;
	transform:rotate(254deg);
	filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}
.hero-test-copy::before {
	content:"\201C";
	font-size:10rem;
	left:-3.5rem;
	top:50%;
	color:#9e8949;
	-webkit-text-stroke: 1px #fff;
	opacity:0.9;
	filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
	position: absolute;
}
.hero-test-copy::after {
	content:"\201D";
	font-size:10rem;
	right:-2rem;
	top:50%;
	color:#9e8949;
	-webkit-text-stroke: 1px #fff;
	opacity:0.95;
	filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
	position: absolute;
}
.hero-test-copy {
	padding:2rem 3rem;
}
.girl-eating {
	position: relative;
}
.girl-eating img {
	position: relative;
	z-index: 2;
}
.girl-eating div::after {
	content:"";
	background:#F8D5C8;
	border-radius:0.5rem;
	position: absolute;
	left:0.5rem;
	bottom:-2px;
	width: 91%;
	height: 90%;
}
.meghan img {
	position: relative;
	z-index: 2;
}
.meghan::after {
	content:"";
	background:#F8D5C8;
	border-radius:0.5rem;
	position: absolute;
	left:0.5rem;
	bottom:-2px;
	width: 100%;
	height: 100%;
}
.trynow {
  color: #fff!important;
  text-align: center;
  text-transform: uppercase;
  background-color: #0d8886;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0d8886), to(#267372));
  background-image: -o-linear-gradient(top, #0d8886, #267372);
  background-image: linear-gradient(180deg, #0d8886, #267372);
  border: 1px solid #fff;
  border-color: #0d8886 #0d8886 #0d8886;
  border-radius: 999px;
/*  text-shadow: 1px 1px 0px #e5f8f7;*/
}
.img-ing {
	transition-property: all;
	transition-duration: 20000ms;
	transition-timing-function: ease-out;
	
}
.rotate360 {
	transition:all ease-in-out 500ms;
}
.rotate360:hover .img-ing {
	transform:rotate(25deg);
	
}
.ing-title span {
	line-height:1.2;
}
.test-mobile {
		display:none;
	 
	}

@media(min-width:1024px) {
	.desktop .girl-eating-container:hover .girl-eating div::after {
		transform:scale(1.05);
		transform-origin: left bottom;
	}
	.desktop .hero-test:nth-child(odd):hover .hero-test-img img {
		transform:scale(1.05) rotate(-8deg);
	}
	.desktop .hero-test:nth-child(odd):hover .hero-test-img::before {
		transform: scale(0.95) rotate(8deg);
	}
	.desktop .hero-test:nth-child(even):hover .hero-test-img img {
		transform:scale(1.05) rotate(8deg);
	}
	.desktop .hero-test:nth-child(even):hover .hero-test-img::before {
		transform: scale(0.95) rotate(-8deg);
	}
	.hero-test:nth-child(odd) .hero-test-img img {
		transform: rotate(-8deg);
	}
	.hero-test:nth-child(even) .hero-test-img img {
		transform: rotate(8deg);
	}
	.hero-test:nth-child(odd) .hero-test-img::before {
		transform: rotate(8deg);
	}
	.hero-test:nth-child(even) .hero-test-img::before {
		transform: rotate(-8deg);
	}
	.hero-test-img {
		transform:scale(1.05);
	}
	.hero-test:nth-child(odd) {
		left:-4rem;
	}
	.hero-test:nth-child(even) {
		right:-4rem;
	}
	.hero-test:nth-child(even) .hero-test-copy {
		order:-9999; 
	}
	.hero-test:nth-child(odd) .hero-test-copy::before,
	.hero-test:nth-child(even) .hero-test-copy::after {
		display:none;
	}
}
@media(max-width:1024px) {
	 .hero-test-copy::after {
		top:4rem;
		right:1rem;
		font-size:8rem;
	}
	.hero-test-copy::before {
		display: none;
	}
}

@media(max-width:640px) {
	.hero-test-copy::after {
		top:2.75rem; 
		right:1rem;
		font-size:6rem;
	}
	.font-cut-theme {
	-webkit-text-stroke: 0.25px #47464e;
	}
	.headline {
		text-shadow:3px 3px 0 #f8f7fd;
	}
	.hero-test .stars {
		min-width:100%;
	}
	.hero-test .stars span {
		font-size:1.5rem;
	}
	.hero-test-copy {
		padding:1rem;
	}
	.hero-test {
		border-radius: 0.5rem;
		margin-bottom:0.5rem;
	}
	.hero-test-img {
		align-self: flex-start;
		top:0.5rem;
	}
}
@media(max-width:460px){
	.test-desktop {
		display: none;
	}
	.test-mobile {
		display: block;
		margin-top:10px;
	}
}
@media(max-width:767px) {
	.hero-test-img {
		transform:scale(0.8);
	}
}

/* Images */
.imgfx, .image-collage img, .testimonial img, .ebook, .initials, .meghan::after {
    border: 1px solid #fff;
    border-radius: 0.375rem;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
    
}
.uk-tooltip{
    background-color: #9e8949;
}
.divider-white-round {
	-webkit-filter: drop-shadow(24px 24px 0 #f5f7fa)
                  drop-shadow(-24px -24px 0 #f5f7fa);
  	filter: drop-shadow(24px 24px 0 #f5f7fa) 
          drop-shadow(-24px -24px 0 #f5f7fa);
}
#vitamin-angels {
	font-size:1rem;
}
#vitamin-angels, #faq {
	display:block;
}
#faq .uk-accordion li {
	font-size: 1rem;
}
/*carousel*/

.carousel {
  perspective: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.carousel > * {
  flex: 0 0 auto;
}
.carousel figure {
  margin: 0;
  width: 60%;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}
.carousel figure iframe {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0px;
}
.carousel figure iframe:not(:first-of-type) {
  position: absolute;
  left: 0;
  top: 0;
}
.carousel nav {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}
.carousel nav button {
  flex: 0 0 auto;
  margin: 0 5px;
  cursor: pointer;
  letter-spacing: 1px;
}
@media(max-width:767px) {
	.carousel figure {
  margin: 0;
  width: 100%;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}
}
.featured span {
	line-height: 1.1;
}
.featured .stars span {
	letter-spacing: -8px;
}
/* Comparison Chart */
.comparison-row {
	display:flex;
	align-items: stretch;
}
.comparison-item {
	display: flex;
	box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
	align-items: center;
	width:50%;
	padding:20px;
	line-height: 1.3;
	background:white;
	border-bottom:3px solid rgba(0, 0, 0, 0.2);
}
.comparison-row.first-row .comparison-item {
	border-top:3px solid rgba(0, 0, 0, 0.2);
}
.comparison-item:nth-child(odd) {
	border-left:3px solid rgba(0, 0, 0, 0.2);
	border-right:1px solid rgba(0, 0, 0, 0.2);
	background-color:#9e8949;
	color:white;
	text-shadow:1px 1px 0.5px rgba(0,0,0,0.4);
}
.comparison-item:nth-child(even) {
	border-right:3px solid rgba(0, 0, 0, 0.2);
	border-left:1px solid rgba(0, 0, 0, 0.2);
}
.comparison-row:nth-child(even) .comparison-item:first-child {
	background-color:#837240;
}
.comparison-row:nth-child(even) .comparison-item:last-child {
	background-color:#E7E7E7;
}
.comparison-row .material-icons-outlined {
	margin-right:1rem;
	font-size: 1.7rem;
	text-shadow: none;
	background-color:rgba(0,0,0,0.1);
	border-radius:100%;
}
.comparison-row .comparison-item:last-child .material-icons-outlined {
	color:#8C8C8C;
	font-size: 2rem;
	background-color:transparent;
}

@media(max-width:639px) {
	.comparison-item {
		line-height: 1;
		font-size:0.95rem;
	}
	.comparison-row .material-icons-outlined,
	.comparison-row .comparison-item:last-child .material-icons-outlined{
		font-size:1.3rem;
	}
	.comparison-item {
		padding:10px;
	}
		.featured .stars span {
		font-size:16px;
	}
	.featured-icon, .featured-blurb {
		min-height: 65px;
		max-height: 65px;
	}
 
}
/* Formulated for all */
@media(min-width:640px) {
	.formulated-icons img:nth-child(1), .formulated-icons img:nth-child(2),
	.formulated-icons img:nth-child(3), .formulated-icons img:nth-child(4) {
		position: relative;
		left:-1.8rem;
	}
	.formulated-icons img:nth-child(5), .formulated-icons img:nth-child(6),
	.formulated-icons img:nth-child(7), .formulated-icons img:nth-child(8) {
		position: relative;
		right:-1.8rem;
	}
}
/* Video Carousel */
.carousel-video, .carousel-video-container {
	min-height:100%;
}
div[id*=".thumbnail"] img, img.w-css-reset {
  transform: scale(1.5);
  transform-origin: center 42%;
}
@media(max-width:600px) {
	div[id*=".big_play_button_background"] {
		transform:scale(0.75);
	}
}
/* Sticky Drawer CTA */
.cta-boxes-sticky .pb {
	line-height: 1;
	padding-left:0.3rem;
}
.cta-boxes-sticky .cta-button {
	font-size: 1.2rem;
	padding:0.5rem 3rem;
}
.cta-sticky-button {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebdbac), to(#9e8949));
    background-image: -o-linear-gradient(top, #ebdbac, #9e8949);
    background-image: linear-gradient(#ebdbac, #9e8949);
     
    background-color: #9e8949;
}
.cta-boxes-sticky .cta-button {
	padding-left:2rem;
	padding-right:2rem;
}
#cta-drawer {
	transition: bottom 0.3s ease-out; /* Transition for sliding */
	-webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
}
.cta-boxes-sticky {
	max-width:460px;
	width:98%;
	box-shadow: 0 -8px 8px rgba(0,0,0,0.12);
}
@media(min-width:600px) {
	#cta-drawer {
		max-width:460px;
	}
}
.cta-sticky-button {
	box-shadow: 0 -8px 8px rgba(0,0,0,0.06);
}
.shining-button {
  cursor: pointer;
  overflow: hidden;
}

@keyframes shining {
  0% {
	left: -100%;
  }
  100% {
	left: 100%;
  }
}

@keyframes delay-shining {
  0%, 100% {
	left: -100%;
  }
  50% {
	left: 100%;
  }
}
.shining-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: shining 1s linear infinite, delay-shining 12s linear infinite;
}

/* End Sticky Drawer CTA */
/* Featured Logos */
#featured-logos .elle, #featured-logos .vogue {
	padding:0 1rem;
}
#featured-logos .marie-claire {
	padding-right:1rem;
}
#featured-logos .grazia {
	padding-left:1rem;
}
/*Open menu*/
.mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1.5s ease; /* Agrega una transición suave */
}

.mobile-menu-button {
  display: block;
  margin: 10px 0;
}

.menu-item {
  opacity: 0; /* Inicia con opacidad cero para que aparezcan uno a uno */
  transition: opacity 1.5s ease; /* Agrega una transición suave */
}

.mobile-menu:not(.hidden) {
  max-height: 200px; /* Ajusta esta altura según tus necesidades */
}
.rotate {
  transition: transform 1s ease; /* Agrega una transición de rotación */
}
.rotate.active {
  transform: rotate(90deg);
}
@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}
@keyframes reverseRotateAnimation {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.rotate {
  animation: rotateAnimation 0.3s forwards; /* Aplica la animación de rotación */
}
.reverse-rotate {
  animation: reverseRotateAnimation 0.3s forwards; /* Aplica la animación de reversa de rotación */
}