@import url("https://fonts.googleapis.com/css?family=Nunito:400,700&display=swap");

@font-face {
	font-family: "KumbhSans";
	src: url("../fonts/KumbhSans.ttf") format("truetype");
}

@font-face {
	font-family: "Catamaran";
	src: url("../fonts/Catamaran.ttf") format("truetype");
}

@font-face {
	font-family: "Swiss";
	font-style: normal;
	src: url("../fonts/Swiss.ttf") format("truetype");
}

@font-face {
	font-family: "OpenSans";
	font-style: normal;
	src: url("../fonts/OpenSans.ttf") format("truetype");
}

@font-face {
	font-family: "Heebo";
	font-style: normal;
	src: url("../fonts/Heebo.ttf") format("truetype");
}

@font-face {
	font-family: "Inconsolata";
	font-style: normal;
	src: url("../fonts/Inconsolata.ttf") format("truetype");
}

@font-face {
	font-family: "Omnens";
	font-style: normal;
	src: url("../fonts/Omnens/omnes-regular-webfont.ttf") format("truetype");
}

@font-face {
	font-family: "Omnens";
	font-style: normal;
	font-weight: bold;
	src: url("../fonts/Omnens/omnes_medium-webfont.ttf") format("truetype");
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

@media screen and (orientation: landscape) {
	html {
		transform: initial !important;
		transform-origin: initial !important;
		width: initial !important;
		height: initial !important;
		overflow-x: initial !important;
		position: initial !important;
		top: initial !important;
		left: initial !important;
	}
}

:root {
	--sat: env(safe-area-inset-top);
	--sar: env(safe-area-inset-right);
	--sab: env(safe-area-inset-bottom);
	--sal: env(safe-area-inset-left);
	--theme-color: #000;
}
body {
	background: var(--theme-color);
	font-family: "Nunito", sans-serif;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	padding-top: 0;
	padding-top: env(safe-area-inset-top);
	padding-top: constant(safe-area-inset-top);
}
@media screen and (min-width: 320px) and (orientation: landscape) {
	html {
		transform: rotate(-90deg);
		transform-origin: left top;
		width: 101vh;
		overflow-x: hidden;
		position: absolute;
		top: 100%;
		left: 0;
	}
}

@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon/fonts/icomoon.eot?sqimd3");
	src: url("../fonts/icomoon/fonts/icomoon.eot?sqimd3#iefix") format("embedded-opentype"), url("../fonts/icomoon/fonts/icomoon.ttf?sqimd3") format("truetype"), url("../fonts/icomoon/fonts/icomoon.woff?sqimd3") format("woff"), url("../fonts/icomoon/fonts/icomoon.svg?sqimd3#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-car:before {
	content: "\e905";
	font-size: 30px;
}
.icon-shop:before {
	content: "\e906";
}
.icon-about:before {
	content: "\61";
}
.icon-perfumes:before {
	content: "\62";
}
.icon-feed:before {
	content: "\66";
}
.icon-products:before {
	content: "\70";
}
.icon-stores:before {
	content: "\73";
}
.icon-profile:before {
	content: "\75";
}
.icon-feed-74:before {
	content: "\e907";
}
.icon-products-74:before {
	content: "\e908";
}

.icon-products-78:before {
	content: "\e909";
}
.icon-about-78:before {
	content: "\e90a";
}
.icon-about-7:before {
	content: "\e90a";
	font-size: 30px;
}
.icon-stores-78:before {
	content: "\e90b";
}
.icon-feed-78:before {
	content: "\e90c";
}
.icon-profile-78:before {
	content: "\e90d";
}
.icon-feed-68:before {
	content: "\e900";
	font-size: 30px;
}
.icon-about-68:before {
	content: "\e901";
	font-size: 32px;
}
.icon-products-68:before {
	content: "\e902";
	font-size: 34px;
}
.icon-profile-68:before {
	content: "\e903";
	font-size: 30px;
}
.icon-stores-68:before {
	content: "\e904";
	font-size: 29px;
}

.icon-stores-146:before {
	content: "\e90e";
}
.icon-about-146:before {
	content: "\e90f";
}
.icon-feed-172:before {
	content: "\e910";
	font-size: 32px;
}
.icon-products-172:before {
	content: "\e911";
	font-size: 32px;
}
.icon-about-172:before {
	content: "\e912";
	font-size: 32px;
}
.icon-stores-172:before {
	content: "\e913";
	font-size: 32px;
}
.icon-profile-172:before {
	content: "\e914";
	font-size: 32px;
}
.icon-blog:before {
	content: "\e915";
	font-size: 27px;
}
.icon-feed-171:before {
	content: "\e916";
	font-size: 27px;
}
.icon-about-171:before {
	content: "\66";
}

.icon-stores-156:before {
	content: "\e917";
}
.icon-products-156:before {
	content: "\e918";
	font-size: 24px;
}
.icon-profile-156:before {
	content: "\e919";
}
.icon-about-156:before {
	content: "\e91a";
}
.icon-feed-156:before {
	content: "\e91b";
}

.icon-options:before {
	content: "\e91c";
}
.icon-history:before {
	content: "\e91d";
}
.icon-feedback:before {
	content: "\e91e";
}
.icon-products-205:before {
	content: "\e91f";
	font-size: 26px;
}
.icon-stores-205:before {
	content: "\e920";
}
.icon-about-205:before {
	content: "\e921";
}
.icon-feed-205:before {
	content: "\e922";
}
.icon-feed-205 {
	scale: 1.6;
}
.icon-blog-26:before {
	content: "\e923";
}
.icon-about-26:before {
	content: "\e924";
}
.icon-coupons:before {
	content: "\e925";
}
.icon-family:before {
	content: "\e926";
}
.icon-history-26:before {
	content: "\e927";
}
.icon-stores-26:before {
	content: "\e928";
}
.icon-options-26:before {
	content: "\e929";
}
.icon-profile-26:before {
	content: "\e92a";
}
.icon-products-26:before {
	content: "\e92b";
}
.icon-coupons-193:before {
	content: "\e92c";
}
.icon-about-193:before {
	content: "\e92d";
}
.icon-stores-193:before {
	content: "\e92e";
}
.icon-feed-193:before {
	content: "\e92f";
}
.icon-profile-193:before {
	content: "\e930";
}
.icon-blog-198:before {
	content: "\e931";
}
.icon-feediu:before {
	content: "\e932";
}
.icon-profile-198:before {
	content: "\e933";
}
.icon-feed-198:before {
	content: "\e934";
}
.icon-about-198:before {
	content: "\e935";
}
.icon-about-207:before {
	content: "\e936";
}
.icon-stores-207:before {
	content: "\e937";
}
.icon-feed-207:before {
	content: "\e938";
}
.icon-products-207:before {
	content: "\e939";
}
.icon-profile-208:before {
	content: "\e93e";
}
.icon-products-208:before {
	content: "\e93f";
}
.icon-blog-208:before {
	content: "\e940";
}
.icon-about-208:before {
	content: "\e941";
}
.icon-faqs:before {
	content: "\e942";
}
.icon-history-v3:before {
	content: "\e943";
}
.icon-schedule:before {
	content: "\e944";
}
.icon-coupons-v3:before {
	content: "\e945";
}
.icon-documents:before {
	content: "\e946";
}
.icon-family-v3:before {
	content: "\e947";
}
.icon-lens:before {
	content: "\e93a";
}
.icon-subscriptions-v3:before {
	content: "\e93b";
}
.icon-feed-v3:before {
	content: "\e93c";
}
.icon-products-v3:before {
	content: "\e93d";
}
.icon-about-v3:before {
	content: "\e948";
}
.icon-stores-v3:before {
	content: "\e949";
}
.icon-blog-v3:before {
	content: "\e94a";
}
.icon-profile-v3:before {
	content: "\e94b";
}
.icon-contact-v3:before {
	content: "\e94c";
}

.icon-feed-207,
.icon-stores-207,
.icon-about-207 {
	scale: 1.2;
}

.icon-products-207 {
	scale: 1.4;
}

input,
textarea {
	user-select: text;
}
.splash-screen,
.loading-screen {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 9999999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.splash-screen-img,
.loading-screen-img {
	width: 70%;
	object-fit: contain;
}
main {
	max-width: 900px;
	margin: auto;
	padding: 0.5rem;
	text-align: center;
}
nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

ul {
	list-style: none;
	display: block;
}

li {
	margin-right: 1rem;
}

h1 {
	color: #e74c3c;
	margin-bottom: 0.5rem;
}
a {
	color: var(--theme-color);
}
.clearfix {
	overflow: auto;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}
.background-color {
	background: #f9f9f9;
	height: 100%;
}
input:focus {
	outline: 0 !important;
}
.container {
	justify-content: center;
	align-items: center;
	margin: auto;
	padding: 1rem 0;
}
.main-content {
	height: calc(100vh - (120px + env(safe-area-inset-top)));
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	padding-bottom: env(safe-area-inset-bottom);
}
.btn-primary {
	background: var(--theme-color);
	font-weight: bold;
	border: 0;
	height: 38px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color: #fff;
	background-color: var(--theme-color) !important;
	border-color: var(--theme-color) !important;
}
.btn-primary:hover {
	/* opacity: 0.7; */
}
.header .btn {
	color: #fff;
}
.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: var(--theme-color);
	border-color: var(--theme-color);
	opacity: 0.6;
}
.btn-secondary {
	background: #fff;
	color: #6c757d;
	font-weight: bold;
	border: 1px solid #6c757d;
}
.content-area:focus,
.main-content:focus,
.ui-page-active:focus {
	outline: 0;
}
.ui-page-active {
	min-height: auto !important;
}
.card--avatar {
	width: 100%;
	height: 10rem;
	object-fit: cover;
}

.card--title {
	color: #222;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 1.1rem;
	margin-top: 0.5rem;
}

.card--link {
	text-decoration: none;
	background: #db4938;
	color: #fff;
	padding: 0.3rem 1rem;
	border-radius: 20px;
}
.btn:focus {
	outline: 0;
	color: #fff;
	box-shadow: 0 0 black;
}
.header {
	height: 60px;
	background-color: var(--theme-color);
	background: var(--theme-color);
	display: flex;
	align-items: center;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.19), 0 3px 31px rgba(0, 0, 0, 0.23);
}
.header-title {
	margin: 0;
	margin-left: 50px;
	margin-right: auto;
	color: #fff;
	font-size: 20px;
	height: 30px;
}
.header-img {
	position: absolute;
	top: 12px;
	height: 200px;
	width: 100%;
	object-fit: contain;
}
.btn-go-back {
	color: #fff;
	font-size: 20px;
	position: absolute;
	width: 50px;
}
.btn-go-back:focus {
	color: #fff;
}
.btn-product-filter {
	color: #fff;
	font-size: 20px;
	position: absolute;
	width: 50px;
	right: 0px;
}
.btn-product-cart {
	color: #fff;
	font-size: 20px;
	position: relative;
	width: 50px;
	margin-left: auto;
}
.cart-badge,
.inbox-badge {
	position: absolute;
	bottom: 5px;
	right: 6px;
	background-color: #fff;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	color: var(--theme-color);
	font-size: 12px;
	font-weight: bold;
}
.install-app-popup {
	position: fixed;
	background: #fff;
	width: 60%;
	left: 20%;
	z-index: 9999;
	bottom: calc(23px + env(safe-area-inset-bottom));
	padding: 20px;
	padding-top: 40px;
	text-align: center;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.install-app-popup::after {
	content: "";
	position: absolute;
	left: 42%;
	top: 100%;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
	clear: both;
}
.btn-close-install-app-popup {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 20px;
	color: #000;
}
.ptr--icon {
	font-size: 30px;
}
.menu-bottom {
	width: 100%;
	background-color: #f8f8f8;
	position: fixed;
	bottom: -5px;
	border-top: 1px solid #ccc;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 3px 31px rgba(0, 0, 0, 0.23);
	padding-bottom: 0;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
	z-index: 1500;
}
.menu-bottom .row {
	margin: 0;
	height: 100%;
	padding: 15px 0;
	padding-bottom: 20px;
}
.menu-bottom .col {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	display: none;
}
.menu-bottom .btn-menu-bottom {
	width: 100%;
	background-color: transparent;
	border: 0;
	position: relative;
}
.menu-bottom .btn-menu-bottom:focus {
	outline: 0;
}
.menu-bottom .menu-icon {
	width: 30px;
	height: 30px;
	display: inherit;
	margin: auto;
	text-align: center;
	color: #cccccc;
	line-height: 31px;
	font-size: 24px;
}
.menu-bottom .menu-icon.icon-feed {
	font-size: 24px;
}
.menu-bottom .menu-icon.icon-products {
	font-size: 19px;
	width: 48px;
}
.menu-bottom .menu-icon.icon-perfumes {
	font-size: 30px;
	width: 40px;
}
.menu-bottom .btn-menu-bottom.active .menu-icon {
	color: var(--theme-color);
}
.menu-bottom .menu-underline {
	width: 20%;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #000;
	transition: all 0.3s ease;
}
.card-feed {
	display: block;
	width: 15rem auto;
	/* height: 175px; */
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	border-radius: 10px;
	margin: 15px;
	/* overflow: hidden; */
	z-index: 1500;
}
.card-feed .card-body {
	display: none;
}
.main-content-feed.id-35 .card-feed {
	background: var(--theme-color);
}
.main-content-feed.id-35 .card-icon {
	display: none;
}
.main-content-feed.id-35 .card-feed p {
	color: white !important;
}
.card-feed .card-body {
	padding: 15px;
}
.card-feed .card-img-top {
	height: 170px;
	object-fit: cover;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: -2px;
}
.card-feed .card-top {
	display: flex;
}
.card-feed .card-title-subtitle {
	margin-left: 10px;
	margin-top: 1px;
	padding-right: 32px;
	width: 100%;
}
.card-feed .card-title {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	margin-top: -3px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.card-feed.has-coupon .card-title,
.card-feed.has-coupon .card-subtitle {
	padding-right: 80px;
}
.card-feed .card-subtitle {
	color: #8e8e8e;
	padding-top: 3px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.card-feed .card-icon {
	height: 35px;
	width: 35px;
}
.card-product {
	display: block;
	width: 15rem auto;
	height: 250px;
	/* height: auto; */
	/* min-height: 155px; */
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	border-radius: 10px;
	margin: 15px;
	overflow: hidden;
}
.v3 .card-product {
	height: auto;
}
.card-product .card-img-left {
	width: 40%;
	height: 100%;
	object-fit: cover;
	float: left;
}

.card-product .card-img-version {
	width: 55%;
	height: 100%;
	object-fit: contain;
	float: left;
}

.card-product.active .card-img-version {
	width: 100%;
	height: 130px;
	object-fit: contain;
}

.card-product .btn-close-product-image {
	position: absolute;
	top: calc(15px + env(safe-area-inset-top));
	left: 20px;
	font-size: 25px;
	color: #000;
}
.card-product .product-measures-row {
	display: none;
}
.card-product .select2 {
	margin-bottom: 10px !important;
}
.card-product .product-eye-label {
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: bold;
	font-size: 14px;
}
.card-product .card-full-desc {
	margin-bottom: 20px;
}
.card-product hr {
	border-top: 2px dashed rgba(0, 0, 0, 0.125);
}
.carousel-inner,
.carousel-item {
	height: 100% !important;
}
.carousel-item img {
	height: 100% !important;
	object-fit: contain;
	width: 100vw !important;
}
.carousel-indicators {
	position: absolute !important;
	bottom: -24px;
	z-index: 99999;
	margin-bottom: 0;
	display: none;
}
.card-product .card-img-left.expanded .carousel-indicators {
	bottom: calc(80px + env(safe-area-inset-bottom)) !important;
}
.card-product.active .carousel-indicators {
	display: flex;
}
.carousel-indicators li {
	background-color: var(--theme-color) !important;
}
.card-product .card-body {
	padding-left: 10px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 16px;
	display: flex;
	height: 100%;
	align-items: center;
}
.card-product .card-title-desc {
	margin-left: 10px;
	width: 100%;
	height: 100%;
	padding-top: 10px;
}
.card-product .card-title-desc .card-price-buy {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.card-product .card-title-top {
	padding-left: 16px;
	padding-top: 16px;
}
.card-product .card-title-desc .card-title,
.card-product .card-title-top .card-title {
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.card-product .card-title-hidden {
	padding: 15px;
	align-items: center;
}
.card-product .card-title-hidden .card-title {
	margin: 0;
	margin-left: 10px;
	font-weight: bold;
}
.card-product .card-desc {
	color: #8e8e8e;
	padding-top: 3px;
}
.card-desc-full {
	margin-bottom: 20px;
}
.card-product .card-icon {
	height: 35px;
	width: 35px;
}
.card-product .card-hidden-info {
	padding: 15px;
}
.card-product .card-hidden-info .row {
	margin-bottom: 10px;
}
.card-product .card-hidden-info .btn {
	width: 100%;
}
.card-product .card-price-buy .card-price {
	float: left;
	margin: 0;
	color: var(--theme-color);
	font-weight: bold;
	font-size: 20px;
}
.card-product .card-price-buy .btn {
	width: 100%;
}
.card-product .btn-add-quantity {
	position: absolute;
	top: 0px;
	right: 25px;
	height: 28px;
	line-height: 1;
	font-size: 24px;
	color: var(--theme-color);
}
.card-product .btn-remove-quantity {
	position: absolute;
	top: -1px;
	left: 59px;
	height: 28px;
	line-height: 1;
	font-size: 28px;
	color: var(--theme-color);
}
.card-product .btn-add-quantity:hover,
.card-product .btn-remove-quantity:hover {
	text-decoration: unset !important;
}
.card-product .product-single-quantity b {
	line-height: 2;
	height: 28px;
}
.card-product .product-single-quantity .product-quantity {
	margin-left: 10px;
	text-align: center;
	padding-left: 0;
}
span.old-price {
	color: #cccccc;
	text-decoration: line-through;
	font-size: 13px;
}
.card-product .product-single-quantity .product-price {
	font-size: 18px;
	color: var(--theme-color);
	font-weight: bold;
	/* height: 28px; */
	margin: 0;
	white-space: nowrap;
	text-align: right;
}
.subcategory-brand-row {
	margin: 0;
	position: sticky;
	width: 100%;
	top: 0;
	z-index: 1500;
	padding-top: 8px;
	background: #f9f9f9;
}
.nutricao .subcategory-brand-row {
	background: transparent;
}
.product-subcategory-select-container,
.product-brand-select-container {
	margin-bottom: 20px;
	display: inline-block;
}
.product-quantity-modal-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1000;
}
.loading-container {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loading-gif {
	width: 100px;
	height: 100px;
	object-fit: contain;
}
.product-quantity-modal {
	display: block;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 1001;
	position: fixed;
	bottom: calc(60px + env(safe-area-inset-bottom));
	background-color: #fff;
	padding: 15px;
	padding-top: 50px;
}
.product-quantity-modal .quantity-label {
	text-align: center;
	margin-bottom: 20px;
}
.product-quantity-modal .btn-primary,
.product-quantity-modal .btn-secondary {
	width: 100%;
}
.product-quantity-modal .product-quantity {
	margin-bottom: 20px;
	text-align: center;
}
.product-quantity-modal .btn-add-quantity {
	position: absolute;
	top: 100px;
	right: 22px;
	font-size: 28px;
	color: var(--theme-color);
}
.product-quantity-modal .btn-remove-quantity {
	position: absolute;
	top: 100px;
	left: 22px;
	font-size: 28px;
	color: var(--theme-color);
}
.product-quantity-modal .btn-add-quantity:hover,
.product-quantity-modal .btn-remove-quantity:hover {
	text-decoration: unset !important;
}
.product-quantity-modal .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 20px;
}
.owl-categories {
	padding: 0 20px;
}
.owl-carousel.owl-hidden {
	opacity: 1 !important;
}
.owl-categories .category-item {
	width: calc((100vw - 40px) / 4);
}
.owl-categories .product-category-title {
	text-align: center;
	margin: 0;
	padding-left: 6px;
	padding-right: 6px;
}
.nutricao .owl-categories .product-category-title {
	color: white;
}
.owl-categories .owl-nav {
	display: block !important;
}
.owl-categories .owl-nav .owl-prev {
	font-size: 40px !important;
	line-height: 70px !important;
	position: absolute;
	top: calc(50% - 35px);
	left: 10px;
}
.owl-categories .owl-nav .owl-next {
	font-size: 40px !important;
	line-height: 70px !important;
	position: absolute;
	top: calc(50% - 35px);
	right: 10px;
}
.owl-categories .owl-nav .owl-prev:focus,
.owl-categories .owl-nav .owl-next:focus {
	outline: 0;
}
.product-categories {
	display: flex;
	margin: 0 20px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.product-label {
	margin: 20px;
	font-size: 22px;
	font-weight: bold;
}
.nutricao .product-label {
	color: white;
}
.product-categories .product-category {
	text-align: center;
	width: 25%;
}
.product-categories .product-category:last-child {
	margin-right: 0;
}
.product-categories .product-category-title {
	width: 100%;
}
.product-categories .product-category .btn-category {
	padding: 0;
	width: 60px;
	height: 60px;
}
.product-categories .product-category .btn-category img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 50%;
}
.card-product-filter {
	margin: 15px;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-product-filter .product-filter-category,
.card-product-filter .product-filter-brand {
	width: 100%;
	display: flex;
}
.card-product-filter .product-filter-categories,
.card-product-filter .product-filter-brands {
	display: block;
	margin: 20px;
}
.card-product-filter .product-filter-category-title,
.card-product-filter .product-filter-brand-title {
	width: 80%;
}
.card-product-filter .custom-switch {
	width: 20%;
	display: flex;
	justify-content: flex-end;
}
.custom-control.custom-switch .custom-control-input {
	width: 60px;
	z-index: 999;
}
.card-product-filter .btn-primary {
	width: calc(100% - 40px);
	margin: 20px;
}
.product-filter-categories-container {
	padding: 0 20px;
}
.product-filter-subcategories-container {
	padding: 0 20px;
	padding-top: 20px;
}
.card-cart {
	margin: 15px;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	padding: 20px;
}
.cart-products .cart-product .cart-options,
.checkout-products .checkout-product .cart-options {
	font-weight: bold;
	margin-bottom: 5px;
}
.cart-products .cart-product .cart-pack,
.checkout-products .checkout-product .cart-pack {
	margin-top: 16px;
}
.cart-products .cart-product .cart-options span,
.checkout-products .checkout-product .cart-options span {
	font-weight: normal;
}
.cart-products .cart-product .cart-options-eye,
.checkout-products .checkout-product .cart-options-eye {
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.cart-products .cart-product:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.card-cart .cart-product-quantity,
.checkout-products .cart-product-quantity {
	margin: 0;
	line-height: 3;
	width: calc(100% - 40px);
	text-align: center;
}
.card-cart .cart-product-name,
.checkout-products .cart-product-name {
	font-weight: bold;
	padding-right: 20px;
}
.card-cart .cart-product-img,
.checkout-products .cart-product-img {
	width: 100%;
	height: 80px;
	object-fit: contain;
}
.card-cart .cart-product-price,
.checkout-products .cart-product-price {
	margin: 0;
	font-weight: bold;
	color: var(--theme-color);
	font-size: 13px;
}
.card-cart .btn-add-quantity,
.checkout-products .btn-add-quantity {
	color: var(--theme-color);
	font-weight: bold;
	border-radius: 50%;
	border: 1px solid #ccc;
	padding: 0px;
	line-height: 1.2;
	width: 20px;
	height: 20px;
}
.card-cart .btn-remove-quantity,
.checkout-products .btn-remove-quantity {
	color: var(--theme-color);
	font-weight: bold;
	border-radius: 50%;
	border: 1px solid #ccc;
	padding: 0px;
	line-height: 1.2;
	width: 20px;
	height: 20px;
}
.card-cart .btn-remove-product,
.checkout-products .btn-remove-product {
	position: absolute;
	top: -4px;
	right: 20px;
	font-size: 16px;
	color: #555;
}
.card-cart .btn-use-discount,
.checkout-products .btn-use-discount {
	margin-bottom: 20px;
}
.card-cart .btn-primary,
.card-cart .btn-secondary,
.checkout-products .btn-primary,
.checkout-products .btn-secondary {
	width: 100%;
}
.card-cart .cart-total,
.checkout-products .cart-total {
	float: left;
	font-weight: bold;
	margin: 0;
}
.card-cart .cart-total span,
.checkout-products .cart-total span {
	font-weight: normal;
}
.card-cart .cart-total-price,
.checkout-products .cart-total-price {
	float: right;
	margin: 0;
}
.card-cart .cart-discount,
.checkout-products .cart-discount {
	float: left;
	margin: 0;
}
.card-cart .cart-discount-value,
.checkout-products .cart-discount-value {
	float: right;
	margin: 0;
}
.checkout-products .btn-remove-product {
	visibility: hidden;
}
.profile-top {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px;
}
.profile-img-div {
	position: relative;
	width: 100px;
	height: 100px;
	margin: auto;
}
.profile-img-div label {
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	width: 100px;
}
.profile-img {
	width: 100px;
	height: 100px;
}
.profile-img-partner {
	width: 60px;
	height: 60px;
	margin-top: -32px;
}
.profile-img,
.profile-img-partner {
	border-radius: 50%;
	border: 3px solid var(--theme-color);
	object-fit: cover;
}
.nutricao .profile-img,
.nutricao .profile-img-partner {
	border: 3px solid white;
}
.profile-name {
	margin: 20px 0;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
}
.profile-email {
	margin-bottom: 0;
}
.profile-email.partner {
	font-weight: bold;
	margin-top: -12px;
	margin-bottom: 16px;
	font-size: 14px;
}
.main-content-profile {
	overflow-x: hidden;
	min-height: 100%;
}

.v3 .main-content-profile {
	overflow-x: scroll;
}

.card-profile {
	margin: 20px 60px;
	border-radius: 10px;
	text-align: center;
	height: 380px;
	padding: 20px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	transition: all 0.3s ease;
	transition-delay: 0.5s;
}
.card-profile .profile-loyalty-card {
	text-align: center;
	width: 100%;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: calc(100vh - 380px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
}
#profile-qrcode img {
	margin: auto;
}
#profile-qrcode {
	/* height: 158px; */
}
.profile-points {
	margin: auto;
	margin-bottom: 10px;
	margin-top: -5px;
	height: 53px;
}
.profile-points .profile-point-number {
	font-size: 34px;
	line-height: 1;
	font-weight: bold;
	margin-right: 20px;
}
.profile-points .profile-point-label {
	color: #cccccc;
	padding-top: 15px;
}
.profile-points .profile-point-label span {
	font-size: 14px;
	line-height: 0;
}
.profile-points .profile-point-label span:first-child {
	font-size: 24px;
	font-weight: bold;
}
.cards-profile {
	position: relative;
	transition: all 0.5s ease;
}
.card-profile-left {
	position: absolute;
	height: 380px;
	padding: 20px;
	width: calc(100% - 120px);
	right: calc(100% - 60px);
	border-radius: 10px;
	top: 0;
	transform: scale(0.9);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	transition: all 0.3s ease;
	transition-delay: 0.5s;
}
.card-profile-left .btn-primary {
	position: absolute;
	bottom: 20px;
	width: calc(100% - 40px);
}
.card-profile-right {
	position: absolute;
	min-height: 380px;
	padding: 20px;
	width: calc(100% - 120px);
	left: calc(100% - 60px);
	border-radius: 10px;
	top: 0;
	transform: scale(0.9);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	transition: all 0.3s ease;
	transition-delay: 0.5s;
}
.history-entry {
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
}
.history.loyalty .history-entry .fa-angle-right {
	display: none;
}
.history.loyalty .history-entry-header {
	padding-right: 0;
}
.history .history-entry-header .fa-angle-right {
	position: absolute;
	right: 0;
	font-size: 20px;
}
.history-entry .fa-angle-right .card-profile-left .history-entry .fa-angle-right {
	display: none;
}
.history-entry-header {
	height: 39px;
	padding-right: 40px;
	position: relative;
}
.card-profile-left .history-entry-header {
	padding-right: 0;
}
.history-entry:last-child {
	margin-bottom: 0;
}
.history-name-date {
	float: left;
}
.history-qtd-price {
	float: right;
}
.history-qtd {
	font-size: 12px;
	color: #8e8e8e;
}
.history-price-status {
	float: right;
}
.history-price {
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}
.history-date,
.history-status {
	font-size: 12px;
	color: #8e8e8e;
}
.history-status {
	font-weight: bold;
	color: #5ab455;
	text-align: right;
}
.history-status.status-1 {
	color: #ffc107;
}
.history-status.status-5,
.history-status.status-6 {
	color: #db4938;
}

.history-name {
	font-weight: bold;
	font-size: 14px;
}
.history-entry p {
	margin: 0;
}
.history .btn-primary:not(.btn-pay) {
	width: calc(100% - 40px);
	position: absolute;
	bottom: 20px;
}
.history .btn-pay {
	width: 100%;
}
.history-products {
	height: auto;
	max-height: 0;
	overflow: hidden;
	transition: all 1s ease;
	transition-delay: 0.1s;
	width: 100%;
}

.history-loyalty {
	margin-top: 16px;
}

.history-loyalty .row {
	margin-bottom: 4px;
}

.history-loyalty p {
	text-align: right;
}

.history-product {
	padding: 16px;
	border-bottom: 1px solid lightgray;
}

.history-product-img {
	width: 100%;
	height: 80px;
	object-fit: contain;
}
.history-product-name {
	font-weight: bold;
	font-size: 18px;
	margin-top: 8px;
}
.history-product-price {
	font-weight: bold;
	color: var(--theme-color);
}

.modal-content .button-footer {
	position: fixed;
	bottom: calc(env(safe-area-inset-bottom));
	left: 0px;
	width: 100%;
	padding-bottom: 0;
	bottom: 0;
	box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
	background: white;
	padding: 16px;
}

.nutricao .modal-content .button-footer {
	background: var(--theme-color);
}

.modal-content .button-footer .btn {
	width: 100%;
}

.feedback-text {
	margin: 0;
	margin-bottom: 20px;
}
.feedback-label {
	margin: 0;
	font-weight: bold;
}
.feedback-subject {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px 10px;
}
.feedback-message {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px 10px;
	height: 56px;
	border-color: #000;
}
.btn-feedback {
	margin-top: 20px;
}
.btn-profile-inbox {
	color: #fff;
	font-size: 20px;
	position: absolute;
	width: 50px;
	right: 64px;
}
.btn-profile-login {
	color: #fff;
	font-size: 20px;
	position: absolute;
	width: 50px;
	right: 0px;
}
.btn-profile-faqs,
.btn-profile-menu {
	color: #fff;
	font-size: 20px;
	position: absolute;
	width: 50px;
	right: 32px;
}

body:not(.nutricao) .btn-profile-menu {
	display: none !important;
}

.btn-share {
	color: #fff;
	font-size: 20px;
	position: relative;
	width: 50px;
	margin-left: 0;
}
.card-profile-inbox {
	margin: 15px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.angle-right-list {
	position: absolute;
	right: 10px;
	top: calc(50% - 10px);
	font-size: 20px !important;
	font-weight: bold !important;
}
.card-profile-faqs .angle-right-list {
	top: 0;
}
.inbox-messages {
	margin: 20px 0;
	margin-top: 10px;
	display: block;
}
.modal-body .inbox-messages {
	margin: 0;
	padding: 16px;
}
.inbox-message {
	text-align: left;
	margin: 0 20px;
	margin-left: 40px;
	margin-bottom: 20px;
	padding: 5px;
	position: relative;
}
.inbox-message:last-child {
	margin-bottom: 0 !important;
}
.inbox-message-title {
	margin: 0;
	font-weight: normal;
	font-size: 16px;
}
.inbox-message-title.unread {
	font-weight: bold;
}
.inbox-message-subject {
	margin: 0;
	font-size: 12px;
}
.inbox-message-date {
	margin: 0;
	color: #ccc;
	font-size: 12px;
}
.inbox-buttons {
	padding: 0 20px;
	margin-top: 20px;
}
.btn-inbox-select-all {
	float: left;
	font-size: 11px;
	padding: 10px 20px;
	position: relative;
}
.btn-inbox-select-all:focus {
	color: #212529;
}
.btn-inbox-select-all .fa-angle-down {
	font-size: 15px;
	position: absolute;
	left: 4px;
}
.btn-inbox-delete {
	float: right;
	margin-right: -5px;
}
.inbox-message-img {
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-top: 15px;
}
.btn-inbox-message-delete {
	width: 100%;
}
.inbox-message-text {
	margin: 20px 0;
}
.card-history-full,
.card-family,
.card-give-coupon {
	display: block;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	border-radius: 10px;
	margin: 15px;
	padding: 15px;
	overflow: scroll;
}

.card-history-full .history {
	margin: 0;
}
.card-history-full .history-price {
	font-size: 16px;
	line-height: 20px;
}

.card-history-full .history.loyalty .history-price {
	margin-top: 11px;
}

.main-content-profile-coupons .card,
.modal .card:not(.has-coupon) {
	display: block;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	border-radius: 10px;
	margin: 15px;
	overflow: hidden;
}
.main-content-profile-coupons .card .card-body,
.modal .card .card-body {
	padding: 15px;
}
.main-content-profile-coupons .card .card-img-top,
.modal .card .card-img-top {
	height: 120px;
	object-fit: cover;
	border-radius: 0;
}
.main-content-profile-coupons .card .card-top,
.modal .card .card-top {
	display: flex;
}
.main-content-profile-coupons .card .card-title-subtitle,
.modal .card:not(.has-coupon) .card-title-subtitle {
	margin-left: 10px;
	margin-top: 1px;
}
.main-content-profile-coupons .card .card-title,
.modal .card:not(.has-coupon) .card-title {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	margin-top: -3px;
}
.main-content-profile-coupons .card .card-subtitle,
.modal .card:not(.has-coupon) .card-subtitle {
	color: #8e8e8e;
	padding-top: 3px;
}
.main-content-profile-coupons .card .card-icon,
.modal .card .card-icon {
	height: 35px;
	width: 35px;
}
.main-content-profile-coupons .btn-primary {
	/* width: calc(100% - 40px);
	margin: 20px; */
}
.main-content-profile-coupons .carousel-indicators {
	bottom: -40px !important;
}
.main-content-stores {
	height: 100%;
}
#background-map {
	height: 100%;
}
.card-stores {
	position: absolute;
	top: calc(60px + env(safe-area-inset-top));
	margin: 15px;
	display: block;
	width: calc(100% - 30px);
	z-index: 999;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	padding: 20px;
}
.stores {
	margin: 0;
	overflow: scroll;
	display: block;
	height: calc(100vh - (194px + env(safe-area-inset-bottom) + env(safe-area-inset-top)));
}
.store {
	text-align: left;
	margin: 0;
	margin-bottom: 20px;
	position: relative;
	overflow-x: hidden;
}
.store:last-child {
	margin: 0;
}
.store.active {
	margin-bottom: 0;
}
.store-title {
	margin: 0;
	color: #ccc;
	font-size: 15px;
}
.store-title b {
	color: #000;
	margin-right: 20px;
}
.store-subtitle {
	margin: 0;
	font-size: 11px;
}
.stores .angle-right-list {
	right: 0;
}
.store-info-hidden p {
	margin: 0;
}
.store-info-title {
	font-weight: bold;
	font-size: 20px;
}
.store-info-map {
	height: 200px;
	margin: 20px -20px;
}
.store-info-schedule {
	position: relative;
}
.store-info-schedule-status {
	font-weight: bold;
}
.store-info-schedule-status.open {
	color: #5ab455;
}
.store-info-schedule-status.closed {
	color: red;
}
.store-info-schedule-hours {
	color: #ccc;
	font-size: 12px;
}
.angle-right-schedule {
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	font-size: 20px !important;
}
.store-info-label {
	margin-top: 20px !important;
	font-weight: bold;
}
.store-info-address-value {
	font-size: 12px;
}
.store-info-address-distance {
	font-size: 12px;
	color: #ccc;
}
.store-info-phone,
.store-info-whatsapp,
.store-info-email {
	/* color: #5ab455;
	font-weight: bold; */
	text-decoration: underline;
}
.store-info-email {
	font-size: 12px;
}
.store-schedule-hidden {
	padding: 16px;
}
.store-schedule-hidden p {
	margin: 0;
}
.store-schedule-title {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px !important;
}
.store-schedule-hours.active {
	font-weight: bold;
}
.store-schedule {
	display: flex;
	margin: 0;
}
.store-schedule:not(:last-child) {
	margin-bottom: 20px;
}
.store-schedule-day-week {
	font-weight: bold;
	width: 100px;
}

.about-menu,
.grade-lens-menu {
	display: flex;
	padding: 8px 0px;
	width: 100%;
	margin-bottom: 0;
	align-content: center;
	align-items: center;
	position: relative;
	background: white;
	margin-bottom: 16px;
	--dynamic-width: 0;
	--position: 0;
	transition: 0.2s linear;
}
.about-menu:before,
.grade-lens-menu:before {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: var(--segment-color);
	width: var(--dynamic-width);
	transform: translateX(calc(var(--position) * var(--dynamic-width)));
	transition: 0.2s linear;
}
.grade-lens-menu:before {
	width: 25%;
	transform: translateX(calc(var(--position) * 100%));
}
.about-menu-item,
.grade-lens-menu-item {
	font-size: 16px;
	color: #ccc;
	margin-right: 0;
	text-align: center;
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
}
.grade-lens-menu-item {
	width: 25%;
}
.about-menu-item:last-child,
.grade-lens-menu-item:last-child {
	margin: 0;
}
.about-menu-item.active,
.grade-lens-menu-item.active {
	font-weight: bold;
	color: var(--segment-color);
}
.main-content-about .wrapper {
	overflow: scroll;
}
.main-content-about .card {
	margin: 15px;
	margin-top: 0;
	height: auto;
	z-index: 99;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	padding: 20px;
}
.about-us-title {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}
.about-us-img {
	height: auto;
	object-fit: cover;
	margin: 0 -20px;
	width: calc(100% + 40px);
}
.about-us-text {
	margin: 20px 0;
}
.btn-appointment,
.btn-order-lens {
	width: 100%;
}
.services {
	margin: 0;
}
.service {
	margin: 0;
}
.service-title {
	font-weight: bold;
	font-size: 14px;
	position: relative;
	margin: 0;
	padding: 10px 0;
}
.service-title .fa-angle-right {
	position: absolute;
	right: 0;
	font-size: 20px;
	font-weight: bold;
	transition: all 0.5s ease;
}
.service-desc {
	height: auto;
	max-height: 0;
	overflow: hidden;
	margin: 0;
	transition: all 0.5s ease;
}
.service-desc ul {
	list-style: disc;
	padding-left: 16px;
}
.appointment-label {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.appointment-label:not(:first-child) {
	margin-top: 20px;
}
.appointment-form .row {
	margin-top: 20px;
}
#appointment-date {
	width: 100%;
	height: 28px;
	border-radius: 5px;
	border: 1px solid #000;
	padding-left: 8px;
}
#appointment-hours {
	width: 100%;
	height: 28px;
	border-radius: 5px;
	border: 1px solid #000;
	padding-left: 8px;
}
.btn-appointment-submit {
	width: 100%;
}
.appointment-warning {
	margin-top: 20px;
	text-align: center;
	color: #ccc;
}
.background-select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1501;
}
.background-transparent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	display: none;
	z-index: 999999;
}
.background-modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1000;
}
.select2-dropdown.select2-dropdown--below,
.select2-dropdown.select2-dropdown--above {
	position: fixed !important;
	bottom: 0 !important;
	width: 100% !important;
	z-index: 1902 !important;
}
.select2-container {
	position: relative !important;
	overflow: hidden;
	width: 100% !important;
}
.select2-container--default .select2-selection--single {
	margin-bottom: 1px !important;
}
.select2-container:focus {
	outline: 0;
}
.select2-results__option {
	font-size: 16px;
	line-height: 27px !important;
	padding: 8px !important;
	color: #999 !important;
	border-top: 1px solid #eee;
	text-align: center;
}
ul.select2-results__options > :first-child:empty {
	padding: 0 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: transparent !important;
	color: var(--theme-color) !important;
	font-size: 18px !important;
}
.select2-container--default .select2-results > .select2-results__options {
	max-height: 178px !important;
	background-color: #f7f7f7;
	-webkit-overflow-scrolling: touch;
}
.select2-search--dropdown .select2-search__field {
	font-size: 18px;
}
#select2-product0-color-1-results.select2-results__options li:first-child,
#select2-product2-color-1-results.select2-results__options li:first-child,
#select2-product0-measures-1-results.select2-results__options li:first-child,
#select2-product2-measures-1-results.select2-results__options li:first-child {
	display: none;
}
.select2-container--default .select2-selection--single {
	border-radius: 5px !important;
	margin-bottom: 0;
	border: 1px solid #bababa !important;
	border-radius: 10px !important;
	background-color: white !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 26px !important;
	color: #bababa !important;
}
.filters .select2-container--default .select2-selection--single {
	margin-bottom: 15px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
	border-bottom: 1px solid #c5c4c4 !important;
}
.select2-container--default .select2-selection--single:focus {
	outline-width: 0 !important;
	outline: none;
}
.select2-container .select2-selection--single .select2-selection__rendered:focus {
	outline-width: 0 !important;
}
.select2-search.select2-search--dropdown .select-title {
	display: inline;
	font-size: 18px;
	margin-bottom: 0;
}
.select2-search.select2-search--dropdown .show-srch-btn {
	position: absolute;
	right: 20px;
	top: 11px;
	font-size: 18px;
	background-color: transparent;
	border: 0;
}
.select2-search.select2-search--dropdown .show-srch-btn:focus {
	outline: 0;
}
.select2-search.select2-search--dropdown {
	margin-right: 40px;
	padding: 14px 20px;
}
.select2-dropdown .cancel-select {
	font-size: 16px;
	margin-bottom: 0;
	height: 49px;
	padding: 14px 20px;
	text-align: center;
}
.select2-dropdown .cancel-select-btn {
	width: 100%;
	background-color: transparent;
	border: 0;
	padding: 0;
	padding-bottom: env(safe-area-inset-bottom);
}
.select2-results__options li {
	margin-right: 0;
}
.picker {
	background-color: transparent !important;
}
.picker-close {
	display: none;
}
.picker-dialog {
	padding-bottom: env(safe-area-inset-bottom);
}
.picker-header .dayOfWeek {
	margin: 0;
	position: absolute;
	top: 11px;
	right: 20px;
	font-size: 18px;
	color: var(--theme-color);
}
.separator-date {
	position: absolute;
	bottom: 44%;
	right: 50%;
	font-size: 30px;
	font-weight: normal;
	color: var(--theme-color);
}
.picker-minutes.picker-cell,
.picker-months.picker-cell,
.picker-years.picker-cell {
	border: 0 !important;
}
.separator-hour {
	position: absolute;
	top: 41.5%;
	right: -4px;
	font-size: 30px;
	font-weight: normal;
	color: var(--theme-color);
}
.separator-day {
	position: absolute;
	top: 42.5%;
	right: -7px;
	font-size: 30px;
	font-weight: normal;
	color: var(--theme-color);
}
.separator-month {
	position: absolute;
	top: 42.5%;
	right: -7px;
	font-size: 30px;
	font-weight: normal;
	color: var(--theme-color);
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="number"],
input[type="tel"],
input[type="email"] {
	width: 100%;
	height: 28px;
	border-radius: 5px;
	border: 1px solid #bababa;
	border-radius: 10px !important;
	padding-left: 8px;
	font-size: 13px;
}
select.form-control {
	height: 28px;
	font-size: 13px;
}
textarea.form-control,
select.form-control {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #bababa;
	border-radius: 10px !important;
	padding-left: 8px;
	font-size: 13px;
	padding-bottom: 0;
	padding-top: 0;
}
.card-profile-login,
.card-profile-register,
.card-edit-profile,
.card-edit-addresses,
.card-edit-password,
.card-favorite-store,
.card-edit-cards,
.card-profile-recovery {
	margin: 15px;
	margin-top: -50px;
	height: auto;
	z-index: 99;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	padding: 20px;
	width: calc(100% - 30px);
	overflow: scroll;
}
.card-register-phone,
.card-add-card,
.card-profile-options,
.card-family-options,
.card-profile-croppie {
	height: auto;
	z-index: 1001;
	border-radius: 10px;
	padding: 20px;
	width: calc(100% - 30px);
	overflow: scroll;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	position: fixed;
	left: 15px;
	top: calc(75px + env(safe-area-inset-top));
}
.card-profile-croppie {
	height: calc(100% - 220px);
	z-index: 15000;
}
.croppie-container .cr-boundary {
	height: 80%;
}
.card-profile-options,
.card-family-options {
	padding-top: 40px;
}
.card-profile-options .btn-primary:not(:last-child),
.card-family-options .btn-primary:not(:last-child) {
	margin-bottom: 20px;
}
.card-payment-modal {
	height: calc(100vh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	z-index: 1001;
	border-radius: 10px;
	padding: 20px;
	padding-top: 30px;
	width: calc(100vw - 32px);
	overflow: hidden;
	position: absolute;
	left: 16px;
	top: calc(16px + env(safe-area-inset-top));
}
.card-add-card .btn-close-add-card-modal,
.card-register-phone .btn-close-register-phone-modal,
.card-profile-options .btn-close-add-card-modal,
.card-family-options .btn-close-add-card-modal,
.card-payment-modal .btn-close-payment-modal,
.card-payment-modal2 .btn-close-payment-modal,
.card-payment-modal .btn-close-profile-croppie-modal {
	position: absolute;
	top: 0;
	right: 6px;
	font-size: 20px;
	color: #555;
}
.register-terms {
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.register-terms p {
	margin: 0;
	padding-right: 20px;
}
.register-error-message-password {
	color: red;
	margin-top: 10px;
}
.card-edit-profile,
.card-edit-addresses,
.card-edit-password,
.card-favorite-store {
	margin-top: 0;
}
.card-edit-cards {
	margin-top: 15px;
}
.card-edit-cards p {
	margin: 0;
}
.card-edit-cards .btn-primary {
	width: 100%;
	margin-top: 20px;
}
.card-edit-cards .card-number {
	font-weight: bold;
	font-size: 14px;
}
.card-edit-cards li.card-item.active .card-number {
	color: var(--theme-color);
}
.card-edit-cards .card-date {
	font-size: 12px;
	color: #8e8e8e;
}
.card-edit-cards li.card-item {
	position: relative;
	margin: 0;
	margin-bottom: 20px;
}
.card-edit-cards li.card-item:last-child {
	margin-bottom: 0px;
}
.card-edit-cards ul {
	margin: 0;
}
.card-edit-cards .main-card-check {
	left: 20px;
	margin-top: 12px;
}
.card-edit-cards .main-card-check-label {
	margin-left: 20px;
	font-weight: bold;
	margin-top: 10px;
}
.card-edit-cards .btn-delete-card {
	position: absolute;
	top: -4px;
	right: 0px;
	font-size: 16px;
	color: #555;
}
.login-label {
	margin: 0;
	font-weight: bold;
}
.login-label:not(:first-child) {
	margin-top: 20px;
}
.card-profile-login .btn,
.card-profile-register .btn,
.card-edit-profile .btn,
.card-edit-addresses .btn,
.card-edit-password .btn,
.card-favorite-store .btn,
.card-add-card .btn,
.card-register-phone .btn,
.card-profile-recovery .btn,
.card-create-family .btn,
.card-join-family .btn,
.card-update-family .btn {
	width: 100%;
	margin-top: 20px;
}
.card-edit-addresses h1 {
	color: var(--theme-color);
	font-size: 20px;
}
.card-edit-addresses .row {
	margin-bottom: 16px;
}
.card-edit-addresses p {
	margin-bottom: 0;
}
.card-edit-addresses p:first-child {
	font-weight: bold;
}
.card-profile-faqs {
	margin: 15px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	padding: 15px;
}
.profile-faqs {
	margin: 0;
}
.faqs-item {
	margin: 0;
	text-align: left;
	position: relative;
}
.profile-faqs-title {
	font-size: 16px;
	font-weight: bold;
}
.profile-faqs-desc {
	margin: 0;
}
.main-content-profile-faqs .fa-search {
	position: absolute;
	left: 25px;
	top: 82px;
	color: var(--theme-color);
}
.main-content-about-app {
	height: 100%;
}
.main-content-about-app .background-logo-top-img {
	padding-top: 0px;
}
.card-about-app {
	margin: 15px;
	height: auto;
	min-height: calc(100% - 220px);
	margin-bottom: 40px;
	margin-top: -36px;
	z-index: 999;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	padding: 20px;
	width: calc(100% - 30px);
}
.nutricao .card-about-app {
	box-shadow: none;
	background: transparent;
	border: none;
}
.nutricao .card-about-app .row {
	margin-bottom: 12px;
}

.nutricao .main-content-about-app .logo-top-img {
	padding: 16px;
}

.nutricao .card-about-app a,
.nutricao .card-about-app i {
	color: white;
}
.card-about-app i {
	font-size: 15px;
	width: 10px;
}
.card-about-app .col-6:last-child {
	text-align: end;
}
.card-about-app .btn-primary {
	margin-top: 8px;
}
.card-about-app .about-app-version {
	margin-top: 20px;
	margin-bottom: 20px;
}
.card-about-app-page,
.card-register-terms-page,
.card-register-privacy-page {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	border-radius: 10px;
	padding: 20px;
	padding-top: 40px;
}
.card-about img {
	width: 100% !important;
	display: block;
	height: auto !important;
	margin-top: auto !important;
	margin-bottom: auto !important;
}
.card-about td {
	vertical-align: top !important;
	text-align: center !important;
}
.about-app-page-content {
	height: calc(100% - 60px);
	margin: 0;
	overflow: auto;
}
.about-app-pages .btn-primary {
	width: 100%;
}
.btn-close-about-app-page,
.btn-close-register-terms-page,
.btn-close-register-privacy-page {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px;
}
.btn-close-register-terms-page,
.btn-close-register-privacy-page {
	width: auto !important;
	margin: 0 !important;
}
.about-app-page-title,
.register-terms-page-title,
.register-privacy-page-title {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.about-app-version {
	color: #ccc;
	text-align: center;
}
.about-app-powered {
	color: #ccc;
	text-align: center;
	position: absolute;
	bottom: 40px;
	width: 100%;
	left: 0;
}
.logo-feediu {
	position: absolute;
	bottom: 20px;
	height: 30px;
	width: 104px;
	left: calc(50% - 52px);
}
.logo-feediu-img {
	object-fit: contain;
}
.btn-about-app {
	color: #fff;
	font-size: 20px;
	position: absolute;
	width: 50px;
	right: 0px;
}
.background-logo-top-img {
	background: var(--theme-color2);
	height: 240px;
	padding-top: 12px;
}
.logo-top-img {
	height: 155px;
	width: 100%;
	object-fit: contain;
	object-position: top;
}
.card-checkout {
	margin: 15px;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	padding: 20px;
}
.checkout-label {
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: bold;
}
.checkout-label:first-child {
	margin-top: 0;
}
.checkout-address {
	margin-top: 10px;
}
.card-checkout .btn-remove-quantity {
	color: var(--theme-color);
	font-weight: bold;
	border-radius: 50%;
	border: 1px solid #ccc;
	padding: 0px;
	line-height: 1.2;
	width: 20px;
	height: 20px;
}
.card-checkout .btn-add-quantity {
	color: var(--theme-color);
	font-weight: bold;
	border-radius: 50%;
	border: 1px solid #ccc;
	padding: 0px;
	line-height: 1.2;
	width: 20px;
	height: 20px;
}
.card-checkout .checkout-product-quantity {
	margin: 0;
	line-height: 3;
	width: 40px;
	text-align: center;
}
.checkout-my-address {
	margin-top: 10px;
	color: #ccc;
}
.checkout-product-name {
	margin: 0;
	font-weight: bold;
}
.chekout-product-unit-price {
	color: #ccc;
	margin: 0;
}
.chekout-product {
	padding-bottom: 9px;
}
.checkout-label-2 {
	margin-bottom: 10px;
}
.checkout-shipping-taxes,
.checkout-discount,
.checkout-total-price,
.checkout-true-total-price,
.checkout-discount-coupon,
.checkout-balance {
	margin-bottom: 10px;
	text-align: right;
}
.card-checkout .btn-primary,
.card-checkout .btn-secondary {
	width: 100%;
}
.card-checkout .btn-use-discount,
.card-checkout .btn-use-coupon,
.card-checkout .btn-payment-method {
	margin-bottom: 10px;
}
.checkout-other-address {
	margin-top: 10px;
	margin-bottom: 20px;
}
.checkout-stores-container {
	margin-bottom: 15px;
}
.checkout-coupon-select-container {
	margin-bottom: 20px;
}
.payment-logos {
	margin-bottom: 20px;
}
.payment-logos img {
	width: 100%;
	object-fit: contain;
}

.payment-logos .col-4 {
	margin: auto;
}

.fixed-bottom2 {
	position: fixed;
	right: 20px;
	bottom: 20px;
	left: 20px;
	z-index: 1030;
}
.dialogs {
	display: none;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: unset;
	text-align: center;
}
.ui-dialog .ui-dialog-buttonpane {
	padding: 5px;
}
.ui-widget-overlay {
	background: rgba(0, 0, 0, 0.5) !important;
	opacity: unset !important;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: 0;
	background-color: var(--theme-color);
	color: #fff;
	border: 0;
	border-radius: 20px;
	width: calc(50% - 10px);
	height: 36px;
	margin-right: 4px;
	text-transform: uppercase;
}
.ui-dialog .ui-dialog-buttonpane button:focus {
	outline: 0;
}
.ui-dialog .ui-dialog-buttonpane button:active {
	opacity: 0.7;
	transition: all ease 0.3s;
}
.ui-dialog[aria-describedby="dialogNoGps"] .ui-dialog-buttonpane button {
	height: auto !important;
	width: auto !important;
}

.ui-dialog .ui-dialog-buttonpane button:nth-child(2) {
	margin-right: 0;
	margin-left: 4px;
	background-color: #fff;
	border: 2px solid var(--theme-color);
	color: var(--theme-color);
}
.ui-dialog .ui-dialog-buttonpane button:nth-child(2):active {
	background-color: var(--theme-color);
	opacity: 0.7;
	transition: all ease 0.3s;
}
.ui-widget-content {
	border: 0;
}
.ui-widget.ui-widget-content {
	border: 0;
	border-radius: 10px;
	box-shadow: 0px 3px 25px 4px;
	z-index: 150000 !important;
}
.ui-widget.ui-widget-content * {
	font-family: "Lato", sans-serif !important;
}
.ui-widget.ui-widget-content p {
	margin-bottom: 0;
}
.ui-widget.ui-widget-content.modal {
	width: 100% !important;
	height: 100vh;
	top: 0 !important;
	left: 0 !important;
	background-color: #f9f9f9 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}
.ui-widget.ui-widget-content.modal .modal {
	padding: 0 !important;
}
.ui-widget.ui-widget-content.modal .ui-dialog-titlebar {
	height: 60px;
	background-color: var(--theme-color);
	background: var(--theme-color);
	display: flex;
	align-items: center;
	box-shadow: 0 3px 7px rgb(0 0 0 / 19%), 0 3px 31px rgb(0 0 0 / 23%);
	border-radius: 0;
	padding-top: calc(env(safe-area-inset-top) * 2);
}

.ui-widget.ui-widget-content.modal .ui-dialog-title {
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	height: 30px;
	font-weight: normal;
	margin: -10px 0 0px 12px;
	position: absolute;
	top: 75%;
}

.ui-widget.ui-widget-content.modal .ui-dialog-titlebar-close {
	right: 16px;
	top: 75%;
}

.ui-widget.ui-widget-content.modal .card {
	border: none;
}

.ui-widget.ui-widget-content.modal p {
	margin-bottom: 8px;
}

.ui-dialog .ui-dialog-titlebar {
	color: var(--theme-color);
	background-color: #fff;
	border: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
	border: 0;
	background-color: #fff;
}
.ui-dialog .btn {
	height: 38px;
	margin-bottom: 20px;
}
#notificationDialog .btn-secondary {
	margin-bottom: 0;
}
#notificationDialog {
	text-align: center;
}
.btn-fb {
	background-color: #4267b2;
}
.btn-apple {
	background-color: black;
}

.nutricao .btn-google,
.nutricao .btn-apple {
	display: none !important;
}

.btn-google {
	background-color: white;
	font-weight: 600;
	font-family: "Roboto";
}

.btn-apple:hover {
	background-color: black !important;
	border-color: black !important;
}
.btn-fb:hover {
	background-color: #4267b2 !important;
	border-color: #4267b2 !important;
}
.btn-fb .fa-facebook,
.btn-apple .fa-apple,
.btn-google img {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
}
.btn-google img {
	width: 20px;
	height: 20px;
	left: 24px;
	top: 28px;
}
.btn-fb .fa-facebook {
	background-color: #fff;
}
.btn-fb .fa-facebook:before {
	color: #4267b2;
}

#myIframe,
#myIframe2 {
	width: 100%;
	height: calc(100% - 38px);
	overflow: scroll;
}
.card-payment-modal .btn-info,
.card-payment-modal2 .btn-info {
	width: 100%;
	height: 38px;
}
.picker-picked,
.picker-confirm {
	color: var(--theme-color) !important;
}
.my-fitmix-container {
	position: fixed;
	top: env(safe-area-inset-top);
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99999;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.btn-close-fittingbox {
	position: fixed;
	top: calc(6px + env(safe-area-inset-bottom));
	right: 0;
	width: 50px !important;
	z-index: 999999;
	font-size: 20px;
	color: #fff;
}
#select2-product-brand-select-results .select2-results__option[aria-disabled="true"] {
	display: none;
}
.btn-load-more {
	width: calc(100% - 30px);
	margin: 0 15px;
	margin-bottom: 15px;
}
.error-no-results {
	font-weight: bold;
	padding: 15px;
	font-size: 16px;
}

.loader {
	margin: 116px auto;
	font-size: 8px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
@-webkit-keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em var(--theme-color), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em var(--theme-color), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em var(--theme-color), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em var(--theme-color), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em var(--theme-color), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em var(--theme-color), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em var(--theme-color),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7),
			-1.8em -1.8em 0 0em var(--theme-color);
	}
}
@keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em var(--theme-color), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em var(--theme-color), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em var(--theme-color), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em var(--theme-color), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em var(--theme-color), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em var(--theme-color), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em var(--theme-color),
			-1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7),
			-1.8em -1.8em 0 0em var(--theme-color);
	}
}

.fa-eye,
.fa-eye-slash {
	padding: 16px;
	position: absolute;
	right: 0;
	top: 10px;
}

/* FAMILY */

.card-family h4,
.card-family h5 {
	margin-bottom: 0;
}

.card-family-view:before {
	content: "";
	display: block;
	width: 2px;
	top: 66px;
	height: calc(100% - 119px);
	position: absolute;
	left: 16px;
	border-left: 1px dashed #c8c7cc;
	z-index: 1000;
}

.family-member {
	position: relative;
}

.family-members .family-member {
	padding-left: 32px;
}

.family-member i {
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 22px;
	color: var(--theme-color);
}

.family-members .family-member:before {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	position: absolute;
	top: 21px;
	left: 2px;
	border-top: 1px dashed #c8c7cc;
}

.card-share-family {
	text-align: center;
}

.card-share-family img {
	margin: auto;
}

.card-transactions-family .transaction-family h1,
.card-transactions-family .transaction-family p {
	margin-bottom: 0;
}

.card-transactions-family .transaction-family .col-6:last-child {
	text-align: right;
}

.card-transactions-family .row {
	margin-top: 12px;
}

.card-transactions-family .transaction-family {
	border-bottom: 1px solid lightgray;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.card-transactions-family .transaction-family:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.card-transactions-family p.cashback {
	font-weight: bold;
	color: var(--theme-color);
}

.siiimpleToast {
	top: calc(15px + env(safe-area-inset-top)) !important;
	box-shadow: none !important;
}

.flag {
	width: 34px;
	display: inline-block;
	margin-right: 8px;
	margin-left: 8px;
	opacity: 0.3;
}

.flags {
	text-align: center;
	margin-top: 16px;
}

.modal-body .flags {
	text-align: center;
	margin-top: 16px;
	position: absolute;
	width: 100%;
	bottom: 16px;
}

.modal-body .profile-options .btn-primary {
	display: block;
	margin-top: 16px;
	margin-left: 16px;
	margin-right: 16px;
}

.phone-code.select2-dropdown .select2-results__options li {
	text-align: left;
	padding-left: 20px !important;
}

/* .give-coupon {
	border: none;
	position: absolute;
	right: 16px;
	bottom: 32px;
} */

.history-segment {
	position: relative;
	padding-bottom: 8px;
}

.history-segment li {
	display: inline-block;
	margin-right: 0;
	width: 49%;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.history-segment:before {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: var(--theme-color);
	width: 50%;
	transform: translateX(0);
	transition: 0.2s linear;
}

.history-segment.right:before {
	transform: translateX(100%);
}

.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
	scale: 0.75;
}
.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: "";
	display: block;
	border: 5px solid var(--theme-color);
}
.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	background-color: var(--theme-color);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	color: #fff;
	font: 700 18px/1 "Lato", sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	text-align: center;
}

/* top left*/
.ribbon-top-left {
	top: -10px;
	left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}
.ribbon-top-left::before {
	top: 0;
	right: 0;
}
.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}
.ribbon-top-left span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
	top: -25px;
	right: -25px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
	border-top-color: transparent;
	border-right-color: transparent;
}
.ribbon-top-right::before {
	top: 0;
	left: 0;
}
.ribbon-top-right::after {
	bottom: 0;
	right: 0;
}
.ribbon-top-right span {
	left: -25px;
	top: 30px;
	transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
	bottom: -10px;
	left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.ribbon-bottom-left::before {
	bottom: 0;
	right: 0;
}
.ribbon-bottom-left::after {
	top: 0;
	left: 0;
}
.ribbon-bottom-left span {
	right: -25px;
	bottom: 30px;
	transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
	bottom: -10px;
	right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
	border-bottom-color: transparent;
	border-right-color: transparent;
}
.ribbon-bottom-right::before {
	bottom: 0;
	left: 0;
}
.ribbon-bottom-right::after {
	top: 0;
	right: 0;
}
.ribbon-bottom-right span {
	left: -25px;
	bottom: 30px;
	transform: rotate(-225deg);
}

.card-coupon p {
	margin-bottom: 8px;
}

.card-coupon h5 {
	font-weight: bold;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
	-webkit-animation-name: fadeIn; /* Fade in the background */
	-webkit-animation-duration: 0.4s;
	animation-name: fadeIn;
	animation-duration: 0.4s;
}

/* Modal Content */
.modal-content {
	position: fixed; /* Keep modal content at the bottom */
	bottom: 0;
	top: 0; /* Ensure it spans the full height */
	height: 100vh; /* Ensure full viewport height */
	overflow: scroll; /* Allow scrolling for content */
	-webkit-overflow-scrolling: touch;
	background-color: #fefefe;
	width: 100%;
	-webkit-animation-name: slideIn;
	-webkit-animation-duration: 0.4s;
	animation-name: slideIn;
	animation-duration: 0.4s;
	border: none;
}

/* The Close Button */
.modal-header .close {
	color: white;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	right: 16px;
	bottom: 18px;
	margin: 0;
	padding: 0;
	opacity: 1;
}

.modal-header {
	padding: 0;
	background-color: var(--theme-color);
	color: white;
	height: calc(60px + env(safe-area-inset-top));
	min-height: calc(60px + env(safe-area-inset-top));
	border-radius: 0;
	border-bottom: none;
	position: sticky;
	top: 0;
	z-index: 1501;
}

.modal-header h2 {
	margin: 0;
	color: #fff;
	font-size: 20px;
	position: absolute;
	bottom: 18px;
	left: 50px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	width: 80%;
	padding-top: env(safe-area-inset-top);
}

.modal-body {
	padding: 0;
}

#modalDialog.modal,
#modalDialog2.modal {
	z-index: 1900;
	margin: 0;
	display: none;
}

#modalDialog2.modal {
	z-index: 1901;
}

/* Add Animation */
@-webkit-keyframes slideIn {
	from {
		transform: translateY(100%);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slideIn {
	from {
		transform: translateY(100%);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.profile-no-loyalty-card {
	display: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
	body {
		background: black;
	}

	.card-profile-left {
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.card-profile-left .btn-primary {
		width: calc(100% - 4px);
	}
}

.grade-lens-slide label {
	margin-bottom: 0;
}

.grade-lens-slide p {
	color: gray;
	font-size: 16px;
	margin-bottom: 0;
}

.grade-lens-slide p.price {
	font-size: 18px;
	color: var(--theme-color);
	font-weight: bold;
	height: 28px;
}

.grade-lens-slide p.title {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0;
	color: #212529;
}

.grade-lens-slide input[type="radio"] {
	transform: scale(1.5);
	margin-right: 16px;
	margin-left: 4px;
	accent-color: var(--theme-color);
}

.grade-lens {
	display: none;
}

.grade-lens-wrapper .slick-slide {
	/* padding: 16px; */
	padding-bottom: 64px;
}

.grade-lens-wrapper button {
	margin: 15px;
	width: calc(100% - 30px);
}

.grade-lens-wrapper .button-footer {
	position: fixed;
	bottom: calc(env(safe-area-inset-bottom));
	left: 0px;
	width: 100%;
	padding-bottom: 0;
	bottom: 0;
	box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
	background: white;
}

.grade-lens-card {
	background: #fff;
	box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
	border-radius: 10px;
	margin: 15px;
	padding: 16px;
}

.cart-grade-lens p {
	margin-bottom: 5px;
}

.discount-value {
	background: var(--theme-color);
	color: white;
	padding: 4px;
	border-radius: 4px;
	font-size: 13px;
	border: 1px solid var(--theme-color);
}

.discount-label {
	padding: 4px;
	border-radius: 4px;
	font-size: 13px;
	color: var(--theme-color);
	border: 1px solid var(--theme-color);
}

.v3 .discounts {
	margin-left: 0;
	margin-right: 0;
}

.v3 .discounts .col-6 {
	padding-right: 4px;
	padding-left: 4px;
}

.v3 .card-price {
	color: var(--theme-color);
	font-size: 14px;
	font-weight: bold;
}

.scroll_tabs_theme_light div.scroll_tab_inner {
	height: 30px;
}

.scroll_tabs_theme_light div.scroll_tab_inner span,
.scroll_tabs_theme_light div.scroll_tab_inner li {
	color: var(--theme-color);
	background: white;
	border-top: 1px solid var(--theme-color);
	border-bottom: 1px solid var(--theme-color);
	border-left: 1px solid var(--theme-color);
	border-right: 1px solid var(--theme-color);
	border-radius: 8px;
	margin-right: 8px;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher {
	border-right: 1px solid var(--theme-color);
}

.scroll_tabs_theme_light div.scroll_tab_inner span.tab_selected,
.scroll_tabs_theme_light div.scroll_tab_inner li.tab_selected {
	background: var(--theme-color);
	color: white;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher,
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher {
	background: white;
	border: none;
}
.scroll_tabs_theme_light .scroll_tab_left_button_disabled,
.scroll_tabs_theme_light .scroll_tab_right_button,
.scroll_tabs_theme_light .scroll_tab_left_button {
	background: white;
}

.scroll_tabs_theme_light .scroll_tab_right_button,
.scroll_tabs_theme_light .scroll_tab_left_button {
	border: none;
	height: 30px;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_first,
.scroll_tabs_theme_light div.scroll_tab_inner li.scroll_tab_first {
	border-left: 1px solid var(--theme-color);
}

.scroll_tabs_theme_light div.scroll_tab_inner span {
	padding-left: 12px;
	padding-right: 12px;
	line-height: 28px;
}

.scroll_tabs_theme_light .scroll_tab_right_button::before,
.scroll_tabs_theme_light .scroll_tab_left_button::before {
	color: var(--theme-color);
	line-height: 30px;
	font-family: "fontawesome" !important;
	font-size: 22px !important;
}

.scroll_tabs_theme_light .scroll_tab_right_button::before {
	content: "\f0da" !important;
}

.nutricao .scroll_tabs_theme_light .scroll_tab_right_button::before,
.nutricao .scroll_tabs_theme_light .scroll_tab_left_button::before {
	color: white;
}

.scroll_tabs_theme_light .scroll_tab_left_button::before {
	content: "\f0d9" !important;
}

.scroll_tabs_container .scroll_tab_left_button_disabled {
	opacity: 0.5;
}

.owl-theme .owl-dots .owl-dot span {
	background: white !important;
}

.v3 .owl-theme .owl-dots .owl-dot span {
	background: var(--theme-color) !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: var(--theme-color) !important;
}

.scroll_tabs_container {
	margin-bottom: 0;
}

.main-content-blog .card-blog {
	padding: 16px;
	padding-top: 0;
	border: none;
}

.main-content-blog .card-blog .card-img-top {
	margin-bottom: 8px;
}

.main-content-blog .card-blog .card-title,
.main-content-blog .card-blog .card-subtitle {
	margin-bottom: 4px;
}

.main-content-blog .card-blog .card-tag {
	background: var(--theme-color);
	color: white;
	line-height: 28px;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 14px;
	border-radius: 8px;
	margin-right: 8px;
	height: 30px;
	display: inline-block;
}

.main-content-blog .card-blog .card-tags {
	/* position: absolute;
	top: 176px;
	left: 24px; */
	margin-bottom: 4px;
}

.main-content-blog .card-blog:first-child {
	padding-top: 0;
}

.main-content-blog .card-highlights .card-blog {
	padding: 0;
}

.main-content-blog .card-highlights .card-body {
	padding: 16px !important;
	position: absolute;
	bottom: 0;
}

.main-content-blog .card-highlights .owl-nav {
	display: none;
}

.main-content-blog .card-highlights .owl-dots {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.main-content-blog .card-highlights .card-blog {
	background-color: #999;
	background-blend-mode: multiply;
	background-size: cover;
	background-position: center;
	min-height: 234px;
}

.main-content-blog .card-highlights .card-blog .card-img-top {
	margin-bottom: 8px;
}

.main-content-blog .card-highlights .card-title,
.main-content-blog .card-highlights .card-subtitle {
	color: white;
}

.main-content-blog {
	background-color: white;
}

.main-content-blog .card-body {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.main-content-blog .card-content {
	display: none;
}

.main-content-blog .card-top {
	padding: 0 !important;
}

.main-content-blog .card-title {
	color: var(--theme-color);
}

.main-content-blog .card-subtitle {
	font-weight: bold;
	font-size: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#levels a {
	background: var(--theme-color);
	color: white;
	font-size: 16px;
	border-radius: 18px;
	padding: 12px;
	display: block;
	text-decoration: none;
	margin-bottom: 16px;
	font-weight: bold;
}

#levels p {
	font-weight: bold;
	margin-bottom: 8px;
}

#levels {
	padding: 32px;
}

#levels i {
	transform: rotate(90deg);
	transition: 0.2s linear;
	font-size: 22px;
	float: right;
	margin-left: 8px;
}

#levels a.collapsed i {
	transition: 0.2s linear;
	transform: rotate(0deg);
}

.profile-customer-id.level {
	font-size: 44px;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--theme-color);
}

.status-bar {
	display: block;
	width: 100%;
	height: 16px;
	background-color: #cccccc;
	margin-top: 8px;
	margin-bottom: 8px;
	border-radius: 40px;
	position: relative;
	--dynamic-width: 0;
	transition: 0.2s linear;
}

.status-bar:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 16px;
	background-color: var(--theme-color);
	border-radius: 40px;
	content: "";
	width: var(--dynamic-width);
	transition: 0.2s linear;
}

.next-status {
	font-weight: bold;
}

.btn-levels {
	width: 100%;
	margin-top: 32px;
	border: 1px solid var(--theme-color);
	color: var(--theme-color);
	background: white;
}

.profile-buttons a {
	width: 100%;
}

.profile-status-text {
	display: none;
	background: var(--theme-color);
	width: 100%;
	color: white;
	display: block;
	margin-top: -20px;
	margin-left: -20px;
	width: calc(100% + 40px);
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 10px;
}

.validate-phone,
.validate-email {
	margin: 16px;
}

.validate-label {
	text-align: center;
}

.register-slide-1 .logo-top-img {
	background: var(--theme-color2);
	padding: 0px 32px;
	object-position: center;
}

.register-slide-1 .login-label {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}

.register-slide-1 input {
	height: 32px;
	font-size: 15px;
	text-align: center;
	padding-left: 0;
}

.register-slide-1 .select2-container .select2-selection--single {
	height: 32px;
	font-size: 15px;
}

.register-slide-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 30px !important;
}

.register-slide-2 {
	/* padding: 16px; */
}

#plans .slick-dots {
	padding-bottom: 2px;
}

.card.plan {
	height: calc(100vh - (120px + env(safe-area-inset-top)));
	position: relative;
	overflow: scroll;
}

.card.plan .plan-content {
	max-height: calc(100% - 155px);
	overflow: scroll;
	padding: 0 16px;
}

.card.plan h1 {
	text-align: center;
	background: var(--theme-color);
	color: white;
	margin-bottom: 0;
	padding: 8px;
	font-size: 24px;
	font-weight: bold;
}

.card.plan h2 {
	text-align: center;
	background: #757575;
	color: white;
	margin-bottom: 0;
	padding: 8px;
	font-size: 20px;
	margin-top: -1px;
}

.card.plan .plan-content > ul {
	padding: 16px;
	font-weight: bold;
	font-size: 18px;
	--icon-space: 1.3em;
	list-style: none;
}

.card.plan button {
	width: calc(100% - 32px);
	position: absolute;
	bottom: 16px;
	left: 16px;
}

.card.plan .plan-content > ul > li {
	padding-left: var(--icon-space);
}

.card.plan .plan-content > ul > li:before {
	content: "\f058";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: calc(var(--icon-space) * -1);
	width: var(--icon-space);
	color: var(--theme-color);
}

.card.plan .plan-content > ul ul {
	list-style: none !important;
}

.slick-dots li button:before {
	font-size: 10px !important;
	color: var(--theme-color) !important;
}

.profile-with-plan a.btn-primary {
	height: auto;
}

.profile-with-plan.top a.btn-secondary {
	background: #cccccc;
	color: white;
	border: 1px solid #cccccc;
}

.profile-partner {
	margin-top: 16px;
	margin-bottom: -16px;
}

.profile-partner i {
	font-size: 40px;
	margin: 0px 16px;
}

#partner-code {
	text-align: center;
	font-size: 16px;
}

.store-img {
	height: 200px;
	width: 100%;
	object-fit: cover;
}

/* Versão 2 (Adão e Nutrição) */

.v2 .card-stores {
	margin: 0;
	width: 100%;
	height: auto;
	border-radius: 0;
	padding: 0;
	border: none;
	position: relative;
	height: 100%;
	top: 0;
}

.v2 .card-stores .stores {
	height: calc(100vh - (126px + env(safe-area-inset-bottom) + env(safe-area-inset-top)));
}

.v2 .store-subtitle,
.v2 .store-distance,
.v2 .stores .angle-right-list,
.v2 .store-info-map {
	display: none !important;
}

.v2 .store-title b {
	display: block;
	width: 100%;
	text-align: center;
}

.v2 .store {
	margin-bottom: 0;
	overflow-x: initial;
}

.v2 .store-info-hidden {
	padding: 16px;
}

.v2:not(.nutricao) .card-product {
	width: 100%;
	display: flex;
	flex-direction: column;
	float: left;
	margin: 0;
	box-shadow: none;
	border: none;
}

.v3 .card-product {
	padding: 16px;
}

.v2:not(.nutricao) .main-content-products .card-product {
	width: 48%;
	margin-left: 1%;
	height: 250px;
}

.v2 .background-color,
.v2 .body,
.v2 .main-content {
	background: white;
}

.nutricao .background-color,
.nutricao .body,
.nutricao .main-content {
	background: transparent;
}

.v2:not(.nutricao) .card-product .card-img-version {
	width: 100%;
}

.v2.v3 .card-product .card-img-version {
	height: 130px;
	/* object-fit: cover; */
}

.v2:not(.nutricao) .card-product .card-price-buy .btn {
	display: none;
}

.v2:not(.nutricao) .card-product .card-title-desc .card-price-buy,
.v2:not(.nutricao) .card-product .card-body {
	display: block;
}

.v2:not(.nutricao) .card-product.active {
	width: 100%;
}

.v2:not(.nutricao) .card-product .card-title-top {
	padding: 0;
	text-align: center;
	order: 2 !important;
}

.v2:not(.nutricao) .card-product .card-title-desc {
	display: none;
}

.v2:not(.nutricao, .v3) .main-content-products-home .owl-categories {
	display: none !important;
}

.v2:not(.nutricao, .v3) .subcategory-brand-row {
	display: none !important;
}

.appointment-top {
	display: none;
}

.appointment-top img {
	width: 100%;
	height: 186px;
	object-fit: cover;
}

.v2 .appointment-top {
	display: block;
	position: relative;
}

.nutricao .appointment-top {
	display: none;
}

.v2 .appointment-top button {
	min-width: 150px;
	position: absolute;
	bottom: 8px;
	background-color: var(--theme-color2);
	border-radius: 10px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
}

.v3 .appointment-top button {
	background-color: var(--theme-color);
}

.v2:not(.nutricao) .main-content-about .card {
	padding-top: 0;
	box-shadow: none;
	margin: 0;
	border: none;
}

.v2 .about-us-title {
	display: none;
}

.v2:not(.nutricao) .card-services {
	display: none;
}

.storage-category {
	height: 120px;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	text-align: center;
	border-radius: 12px;
	margin-top: 16px;
}

.storage-category.disabled {
	opacity: 0.5;
}

.storage-file {
	color: white;
	font-size: 16px;
	border-bottom: 1px solid white;
	padding: 32px 16px;
}

.storage-file img {
	float: left;
	width: 40px;
	margin-right: 16px;
}

.storage-file .title {
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.storage-header {
	color: white;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid white;
	padding-top: 16px;
	padding-bottom: 16px;
}

.storage-category div {
	background: var(--theme-color);
	color: white;
	font-size: 16px;
	width: auto;
	margin: 16px;
	display: block;
}

.nutricao .profile-options {
	background: transparent;
	margin: 32px;
}

.nutricao .modal-body,
.nutricao .modal-body p,
.nutricao .modal-body h1,
.nutricao .modal-body a {
	color: white !important;
}

.nutricao .modal-body .card {
	background: transparent !important;
}

.nutricao .modal-body .btn-primary,
.nutricao .card-about-app .btn-primary {
	background: #fff !important;
	color: #6c757d !important;
	font-weight: bold;
	border: 1px solid #6c757d;
}

.modal-body .storage-header .btn-primary {
	background-color: transparent !important;
	position: absolute;
	left: 0;
	top: 8px;
	border: none !important;
	color: white !important;
}

.v2:not(.nutricao) .card-profile-login,
.v2:not(.nutricao) .card-profile-register,
.v2:not(.nutricao) .card-edit-profile,
.v2:not(.nutricao) .card-edit-addresses,
.v2:not(.nutricao) .card-edit-password,
.v2:not(.nutricao) .card-favorite-store,
.v2:not(.nutricao) .card-edit-cards,
.v2:not(.nutricao) .card-profile-recovery,
.v2:not(.nutricao) .card-cart {
	box-shadow: none;
	border: none;
}

.v2:not(.nutricao) .card-cart {
	margin: 0;
}

.v2:not(.nutricao) .categories .category {
	font-size: 16px;
	color: #000000;
	border-bottom: 1px solid #666666;
	text-transform: uppercase;
	padding: 16px;
}

.v2:not(.nutricao) .product-label {
	text-align: center;
}

.v3 .product-label {
	background-color: var(--theme-color);
	color: white;
	margin-left: 0;
	margin-right: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
	margin-top: 0;
}

.v2:not(.nutricao) .main-content-products .slick-initialized .slick-slide {
	/* display: flex !important; */
	width: 50vw !important;
}

.v2:not(.nutricao) .slick-initialized .slick-slide.active {
	width: 100vw !important;
}

.v2:not(.nutricao) .card-product .card-icon {
	display: none;
}

.v2:not(.nutricao) .card-product .card-title-hidden .card-title {
	font-size: 16px;
	text-transform: uppercase;
}

.v2:not(.nutricao) .card-product .card-title-hidden {
	display: block;
}

.v2 .card-profile-left,
.v2 .card-profile,
.v2 .card-profile-right {
	display: none !important;
}

.profile-top .profile-point-number {
	display: none;
}

.nutricao .profile-img,
.nutricao .profile-img-div {
	width: 126px;
	height: 126px;
}

.v2 .profile-actions {
	display: block !important;
}

.v2:not(.nutricao) .profile-actions .v1 {
	display: block !important;
}

.nutricao .profile-actions .v2 {
	display: block !important;
}

.nutricao .profile-actions .v2 .btn-secondary {
	height: 34px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 8px;
	border-radius: 8px;
}

.nutricao .error-no-results {
	color: white;
}

.v2 .profile-top {
	margin: 0;
	background: #ededed;
}

.nutricao .profile-top {
	background: transparent;
}

.v2 .profile-top > div {
	padding: 16px;
	width: 50%;
	text-align: center;
}

.v2 .profile-top > div i {
	font-size: 26px;
}

.v2 .profile-top > div:first-child {
	background: white;
	padding-top: 32px;
	padding-bottom: 32px;
}

.nutricao .profile-top > div:first-child {
	background: transparent;
}

.v2 .profile-top .checkout-balance {
	text-align: center;
	display: none;
}

.v2 .profile-name-message {
	font-size: 26px;
	margin-bottom: 16px;
	line-height: 38px;
}

.nutricao .profile-name-message {
	color: white;
	font-size: 18px;
}

.nutricao .profile-name-message small {
	display: block;
	font-size: 10px;
	line-height: 10px;
}

.v2:not(.nutricao) .card-feed {
	margin: 0;
	box-shadow: none;
	border: none;
	margin-bottom: 8px;
}

.v2:not(.nutricao, .v3) .card-feed .card-top {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 1500;
}

.v2:not(.nutricao) .card-feed .card-img-top {
	border-radius: 0 !important;
	margin-bottom: 0;
}

.v2:not(.nutricao, .v3) .card-feed::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-content .card-feed,
.modal-content .card-blog {
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border: none !important;
}

.modal-content .card-feed::before,
.modal-content .card-feed:not(.has-coupon) .card-top,
.modal-content .card-blog::before,
.modal-content .card-blog .card-top {
	display: none !important;
}

.modal-content .card-feed .card-content,
.modal-content .card-blog .card-content {
	display: block !important;
}

.modal-content .card-feed .card-img-top,
.modal-content .card-blog .card-img-top {
	height: auto !important;
	display: block !important;
}

.v2 .card-feed .card-icon {
	border-radius: 51%;
}

.v3 .card-feed .card-icon {
	display: none;
}

.v2:not(.nutricao, .v3) .card-feed .card-title,
.v2:not(.nutricao, .v3) .card-feed .card-subtitle {
	color: white;
}

.v2 .about-menu {
	background-color: #ededed !important;
}

.v2 .store-info-hidden p {
	font-size: 16px;
}

.v2 .store-title b {
	padding: 8px;
}

.v2 .profile-top .profile-name {
	display: none;
}

.v2 .modal-content ul li.service {
	font-size: 16px;
	color: #000000;
	border-bottom: 1px solid #666666;
	text-transform: none;
	padding: 16px;
}

.v2 .products-feature {
	margin-bottom: 90px !important;
}

.main-content-profile .main-content-feed,
.feed-title {
	display: none;
}

.nutricao .feed-title {
	display: none !important;
}

.v2:not(.nutricao) .main-content-profile .main-content-feed,
.v2:not(.nutricao) .feed-title {
	display: block;
}

.v3 .feed-title,
.v3 .main-content-profile .main-content-feed .card-feed .card-top,
.v3 .main-content-profile .main-content-feed .card-feed:not(:first-of-type),
.v3 .profile-top {
	display: none !important;
}

.main-content-products-home .category-icon {
	display: none;
}

.v3 .main-content-products-home .category-icon {
	display: none !important;
}

.v2:not(.nutricao, .v3) .main-content-products-home .category-icon {
	display: block;
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 0;
}

.categories label {
	margin-left: 8px;
	margin-bottom: 4px;
}

.v2:not(.nutricao) .products-feature.active .slick-dots,
.v2:not(.nutricao) .products-categories.active .slick-dots {
	display: none;
}

.profile-name-message {
	margin-bottom: 4px;
	font-size: 12px;
}

.v2 .profile-email {
	margin-top: 12px;
	font-size: 12px;
	display: none;
}

.nutricao .profile-email {
	color: white;
	display: none !important;
}

.nutricao .feedback-text {
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

.nutricao .feedback-subject {
	margin-bottom: 32px;
}

.nutricao .feedback-message {
	border-color: #bababa;
}

.nutricao .menu-bottom {
	background: var(--theme-color);
	border-top: none;
}

.nutricao .menu-bottom .btn-menu-bottom .menu-icon {
	opacity: 0.5;
	color: white;
}

.nutricao .menu-bottom .btn-menu-bottom.active .menu-icon {
	color: white;
	opacity: 1;
}

.v2 .checkout-balance {
	margin-bottom: 24px;
}

.feed-title p {
	text-align: center;
	margin-bottom: 0;
	font-size: 14px;
	text-transform: uppercase;
	color: white;
}

.feed-title {
	background: var(--theme-color2);
	padding: 12px;
}

.modal-content img {
	max-width: 100%;
}

.v2 .background-logo-top-img {
	background: var(--theme-color);
}

.nutricao .background-logo-top-img {
	background: transparent;
}

.v2:not(.nutricao) .header {
	background: var(--theme-color) !important;
	margin-top: -1px;
}

.nutricao .header {
	box-shadow: none;
}

.nutricao .card-checkout .btn-use-discount {
	display: none;
}

.nutricao .checkout-shipping-taxes-container,
.nutricao .checkout-discount-container,
.nutricao .btn-addresses,
.nutricao .history-segment {
	display: none !important;
}

.v2 .main-content-blog .card-blog .card-tag {
	background: var(--theme-color2);
	font-size: 12px;
	border-radius: 10px;
	height: 28px;
	border: 1px solid white;
}

.v2 .scroll_tabs_theme_light div.scroll_tab_inner span {
	font-size: 12px;
	border-radius: 10px;
}

.v2 .main-content-blog .card-highlights .card-title {
	font-size: 18px;
}

.v2 .main-content-blog .card-title {
	font-size: 18px;
	font-weight: 500;
}

.v2 .main-content-blog .card-highlights .card-title:last-child {
	display: none;
	font-weight: bold;
}

.main-content-blog .card-blog .card-img-top {
	margin-left: -16px;
	margin-right: -16px;
	width: calc(100% + 32px);
}

.nutricao .main-content-blog .card-blog {
	width: 50%;
	padding: 8px;
	float: left;
	margin: 0;
	background-color: transparent;
}

.nutricao .scroll_tabs_theme_light .scroll_tab_left_button_disabled,
.nutricao .scroll_tabs_theme_light .scroll_tab_right_button,
.nutricao .scroll_tabs_theme_light .scroll_tab_left_button {
	background: transparent;
}

.nutricao .main-content-blog {
	background: transparent;
}

.nutricao .main-content-blog .card-title,
.nutricao .main-content-blog .card-subtitle {
	display: none;
}

.nutricao .card-blog .card-img-top {
	width: 100%;
	margin: 0;
}

.v2 .card-profile-login {
	width: 100%;
	margin: 0;
	border-radius: 0;
}

.nutricao .card-profile-login {
	background: transparent;
	box-shadow: none;
	border: none;
}

.nutricao .btn-login-recover {
	background: transparent;
	color: white;
	border: none;
}

.nutricao .btn-login {
	background: #fff;
	color: #6c757d;
	font-weight: bold;
	border: 1px solid #6c757d;
}

.nutricao input[type="text"],
.nutricao input[type="password"],
.nutricao input[type="date"],
.nutricao input[type="number"],
.nutricao input[type="tel"],
.nutricao input[type="email"] {
	height: 34px;
}

.nutricao .header .btn-profile-faqs {
	display: none !important;
}

.nutricao .login-password {
	margin-bottom: 32px;
}

.nutricao .card-profile-login .login-label {
	color: white;
}

.v2 .register-slide-1 .logo-top-img {
	background: var(--theme-color);
}

.v2:not(.nutricao) .card-history-full,
.v2:not(.nutricao) .card-family-view,
.v2:not(.nutricao) .card-checkout,
.v2:not(.nutricao) .card-edit-profile,
.v2:not(.nutricao) .card-edit-password {
	margin: 0;
	box-shadow: none;
	border-radius: 0;
	border: none;
	width: 100%;
}

.v2 .categories h3 .fa-angle-right {
	float: right;
}

.v2 .categories .content {
	height: auto;
	max-height: 0;
	overflow: hidden;
	margin: 0;
	transition: all 0.5s ease;
}

.v2:not(.nutricao, .v3) .menu-bottom .menu-icon {
	font-size: 32px;
}

.main-content-blog .card-content img {
	width: 100%;
	display: block;
}

.ui-dialog .ui-dialog-buttonpane button {
	width: 100%;
	border-radius: 4px;
	font-weight: bold;
	height: 38px;
}

.ui-dialog .ui-dialog-titlebar {
	font-size: 18px;
	line-height: 18px;
	text-align: center;
}

.ui-widget.ui-widget-content p {
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	padding: 5px;
}

.ui-widget.ui-widget-content {
	padding: 8px;
}

.ui-dialog .ui-dialog-content {
	padding: 16px 0px;
}

.ui-widget.ui-widget-content p {
	text-align: center;
}

.ui-dialog .ui-dialog-title {
	width: 100%;
}

.v2 .store-info-schedule-status.closed {
	color: black;
}

.v2 .store-info-schedule-status.open {
	color: var(--theme-color2);
}

p.no-active-campaigns {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin-top: 40%;
}

.v2 .ribbon-top-right::before,
.v2 .ribbon-top-right::after {
	display: none;
}

.v2 .ribbon-top-right {
	top: -19px;
}

.select2-container .select2-results__option.optInvisible {
	display: none;
}

.v2 .main-content-coupons .card-feed::before {
	height: 120px !important;
}

.v2 .main-content-coupons .card-feed .card-img-top {
	height: 120px !important;
}

.v2 .main-content-coupons .card-feed .card-top {
	position: relative;
	background: white;
	border-radius: 8px;
}

.v2 .main-content-coupons .card-feed .card-top button {
	background: var(--theme-color2);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: 16px;
	font-size: 12px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.v2 .main-content-coupons .card-feed::before {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.v2 .main-content-coupons .card-feed .card-title,
.v2 .main-content-coupons .card-feed .card-subtitle {
	color: black;
	font-size: 10px;
	padding: 10px 10px 0px 10px;
}

.v2 .main-content-coupons .card-feed .card-subtitle {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	white-space: break-spaces !important;
	max-height: 40px !important;
}

.v2 .main-content-coupons .card-feed {
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.37) !important;
	border-radius: 5px !important;
	margin: 16px !important;
}

.v2 .main-content-coupons .card-feed .card-title-subtitle {
	margin-left: 0px !important;
	padding-right: 0 !important;
	padding: 0px !important;
}

.v2 .main-content-coupons .card-body {
	padding: 0 !important;
}

.v2 .main-content-coupons .col-6 {
	padding: 0 !important;
}

.v2 .main-content-coupons .col-6:first-child .card-feed {
	margin-right: 8px !important;
}

.v2 .main-content-coupons .col-6:nth-child(even) .card-feed {
	margin-left: 8px !important;
}

.v3 .appointment-buttons {
	display: none;
}

.service-buttons {
	display: none;
}

.v3 .service-buttons {
	display: block;
}

.profile-img-div .btn-profile-options {
	display: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	background: var(--theme-color);
}

.profile-v2 {
	display: none;
}

.forumcontactologia .col-feediu {
	display: block;
	order: 99;
}

.forumcontactologia .menu-bottom .menu-icon {
	font-size: 40px;
}

.forumcontactologia .icon-blog:before {
	font-size: inherit;
}

.adaptacion {
	display: none;
}

.adaptacion img {
	display: block;
	width: 100%;
	height: 50%;
	object-fit: cover;
}

.forumcontactologia .adaptacion {
	display: block;
	height: 66%;
	position: relative;
}

.forumcontactologia .main-content-profile {
	position: relative;
	height: 100%;
}

.forumcontactologia .cards-profile {
	display: none !important;
}

.card-feed ol,
.card-feed ul {
	margin-left: 16px;
}

.feediu-buttons button {
	padding: 8px;
}

.feediu-buttons i {
	font-size: 1.5rem;
}

.modal .card:not(.has-coupon) .card-title,
.modal .card:not(.has-coupon) .card-subtitle {
	white-space: normal;
	color: black;
	padding-right: 0;
}

.modal .card-feed .card-title-subtitle {
	padding-right: 0;
	margin-left: 0 !important;
}

.modal .card-feed:not(.has-coupon) .card-coupon {
	margin-bottom: 32px;
}

.opticacruz .card-feed:first-child .card-img-top {
	height: 250px;
}

.opticacruz .card,
.opticacruz .background-color,
.opticacruz .about-menu,
.opticacruz .grade-lens-menu,
.opticacruz .menu-bottom,
.opticacruz .modal-content,
.opticacruz .main-content-about,
.opticacruz .profile-v3 .profile-info,
.opticacruz .main-content-profile,
.opticacruz .main-content-products-home,
.opticacruz .main-content,
.opticacruz .subcategory-brand-row {
	background: #ece6e3 !important;
}

.opticacruz.v3 .background-logo-top-img,
.opticacruz.v3 .register-slide-1 .logo-top-img {
	background: var(--theme-color) !important;
}

.siiimpleToast {
	width: 100% !important;
	left: 0 !important;
	white-space: normal !important;
}

#ios-pwa-popup,
#android-pwa-popup {
	position: fixed;
	bottom: 20px;
	left: 20px;
	right: 20px;
	background: white;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	z-index: 2000;
	padding: 10px;
	border-radius: 10px;
}
.popup-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.popup-content img {
	width: 24px;
	height: 24px;
	margin-right: 5px;
}
.popup-content button {
	margin-top: 10px;
	padding: 5px 10px;
	border: none;
	background: var(--theme-color);
	color: white;
	border-radius: 5px;
	cursor: pointer;
}

.popup-content p {
	margin-bottom: 4px;
	text-align: center;
	font-size: 14px;
}

#reader {
	width: 100%;
	height: 100vh;
	display: none;
	position: fixed !important;
	z-index: 16000;
	background-color: black;
}

#reader video {
	height: 100vh !important;
}

#reader-close {
	display: none;
}

#reader-close a {
	right: 0;
	top: calc(32px + env(safe-area-inset-top));
	position: fixed !important;
	z-index: 16000;
	color: white;
	font-size: 28px;
}

.oculvista .family-button {
	line-height: 1rem;
	padding: 2px;
}

.cart-balance-container p,
.cart-coupons-container p {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
}

.cart-balance-container,
.cart-coupons-container {
	align-items: center;
	margin-left: 0px;
	margin-right: 0px;
	padding: 16px;
}

.cart-balance-container {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.cart-coupons-container {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 32px;
}

.cart-balance-container p.cart-balance,
.cart-coupons-container p.cart-coupons {
	font-size: 20px;
	text-align: right;
}

.cart-coupons-container {
	background: var(--theme-color);
}

.cart-balance-container {
	background: #f0f0f0;
}

.cart-coupons-container p {
	color: white;
}

.cart-balance-container,
.cart-coupons-container {
	display: none;
}

.perfectvisions .logo-top-img {
	width: 100%;
	height: auto;
	max-width: 100% !important;
}

.perfectvisions .background-logo-top-img {
	height: auto;
	padding-top: 0;
}

.perfectvisions .card-profile-login {
	margin-top: 16px;
}

/* Para navegadores baseados em Webkit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
	display: none;
}