*													{margin: 0; padding: 0; border: 0; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
html												{display: block; font-size: 14px; width: 100vw; height: auto; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%;
													 -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%;}
body												{position: relative; display: block; overflow-X: hidden; overflow-Y: auto; xfont-family: "Open Sans", Arial, sans-serif; font-weight: 400;
													 font-size: 0; cursor: default; width: 100%; min-height: 100vh; text-align: center; line-height: 1.5; background: #FFFFFF no-repeat center top;}
.canvasSettings										{display: none;}
.WYSIWYGwrapper										{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0;
													 width: 100%; height: 100%;}
.vertCenter											{display: inline-block; vertical-align: middle; height: 100%; width: 0;}
h1													{line-height: 1.25;}

.subscribe											{}
	.subscribe div									{position: relative; display: inline-block; background-color: #FFFFFF;}
	.subscribe div:nth-of-type(1)					{xfloat: left; width: calc(50% - 0.75rem); margin-right: 0.5rem;}
	.subscribe div:nth-of-type(2)					{xfloat: right; width: calc(50% - 0.75rem); margin-left: 0.5rem;}
	.subscribe div:nth-of-type(n+3)					{width: 100%; margin-top: 1rem;}
	.subscribe input								{position: relative; width: 100%; height: 2.5rem; line-height: 2.5rem; padding: 0 1rem; background-color: transparent;
													 text-align: left; border: 1px solid #AAAAAA; font-size: inherit; font-family: inherit;}
	.subscribe div > span							{position: absolute; left: 0; top: 0; width: 100%; height: 2.5rem; line-height: 2.5rem; padding: 0 1rem; text-align: left;}
	.subscribe .subscribeButton						{padding: 0.5rem 1rem; border-radius: 0.5rem; background-color: #6AA84F; color: #FFFFFF; cursor: pointer; text-align: center;
													 white-space: nowrap;}
		.subscribe .subscribeButton.disabled		{opacity: 0.25; cursor: not-allowed;}

	.subscribe[disabled] *							{opacity: 0.5; pointer-events: none;}

.goToPayment										{text-align: center !important; white-space: nowrap;}
	.goToPayment.prohibited							{opacity: 0.25; -webkit-filter: grayscale(100%); filter: grayscale(100%); cursor: not-allowed !important; pointer-events: none;}

.product											{position: relative; display: inline-block; vertical-align: top; width: 22rem; border: 1px solid #AAAAAA; border-radius: 0.5rem;
													 text-align: center; overflow: hidden; transition: border-color 0.25s; margin: 0 2rem 2rem 0; color: #000000; cursor: pointer;
													 font-size: 1rem;}
	.product:hover									{border-color: #000000;}
	.product .image									{position: relative; display: block; width: 100%; height: calc(22rem / 16 * 9); background: no-repeat center / cover;}
		.product .image i							{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 8rem; height: 8rem; font-size: 8rem; color: #EEEEEE;}
	.product .title									{position: relative; width: 100%; margin-bottom: 0; padding: 1rem 0.5rem; font-size: 0.85rem; font-weight: bold; text-align: center;}
		.product .title i							{vertical-align: middle; margin-right: 1rem; font-size: 1.1rem;}
	.description									{position: relative; text-align: justify; padding: 0 0.5rem !important; height: calc(8 * 1.17em); overflow: hidden; color: #AAAAAA;}
		.description .more								{position: absolute; right: 0.5rem; bottom: 0; width: 3.5rem; height: 1.25rem; text-align: right;
													 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #FFFFFF));
													 background-image: -o-linear-gradient(left, transparent 0%, #FFFFFF 50%);
													 background-image: linear-gradient(to right, transparent 0%, #FFFFFF 50%);}
			.description .more:after					{content: ". . .";}

blockquote											{position: relative; margin: 0 !important; padding: 0 2rem !important; border: none !important;}
	blockquote:before, blockquote:after				{position: absolute; font-family: Times; font-size: 3rem; color: var(--quotecolor);}
	blockquote:before								{content: '“'; left: 0; top: -0.85rem;}
	blockquote:after								{content: '”'; right: 0; bottom: -2.25rem;}
																
ul													{list-style: none; display: table; xwidth: 100%; padding-left: 0.5rem; text-align: left;}
ul li												{display: table-row;}
ul li:before										{content: var(--bulletchar); font-family: var(--fontfamily); font-weight: var(--fontweight); xdisplay: table-cell; margin-left: -0.5rem;
													 padding-right: 0.25rem; color: var(--bulletcolor, #000000);}
ul li ul											{padding-left: 3rem;}
xul li.bulletBold:before							{font-weight: 900;}
xul li.numeric:before								{font-family: inherit;}
ol													{xdisplay: table; xwidth: 100%; padding-left: 0; list-style: inside decimal;}
ul ul, ul ol, ol ol, ol ul							{display: block;}

xul													{list-style: disc; display: inline-block; padding-left: 1rem; text-align: left;}
xol													{display: inline-block; padding-left: 1.5rem; text-align: left;}
xul ul, xul ol, xol ol, xol ul							{display: block;}

.overlay											{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); text-align: center;
													 z-index: 99999;}
	.overlay .inputWindow							{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%;
													 padding: 2rem 0; background-color: #FFFFFF; font-size: 1rem;}
	.overlay .inputWindow .button					{position: relative; display: inline-block; vertical-align: middle; padding: 0.5rem 1rem; background-color: #3598DC;
													 color: #FFFFFF !important; text-decoration: none !important; border: 1px solid #666666; border-radius: 0.5rem; cursor: pointer;
													 -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);}
	.overlay .inputWindow .button:hover				{background-color: #55B8FC;}
	.overlay .inputWindow .question					{display: block; margin-bottom: 2rem;}
		.overlay .inputWindow .question .HG_image	{display: inline-block; vertical-align: middle; width: 8rem; height: 6rem; background: no-repeat center / contain; margin: 0 1rem 1rem 0;}

.WhatsApp											{position: fixed; right: 1rem; bottom: 1rem; width: 4rem; z-index: 2000000; transition: transform 0.2s;}
	.WhatsApp:hover									{transform: scale(1.15);}		
	.WhatsApp img									{display: block; width: 100%;}

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 800px){
	.subscribe div									{display: block; width: 100% !important; margin: 0 auto 1rem auto !important;}
}
@media screen and (max-width: 500px){
	.item.section									{width: 100% !important;}
}