@import url("https://ch-api.healthhub.sg/api/public/content/1d03c905136e45e983129bb897eaf2fb");
.hpb-container.nutrition .intro .masthead {
	background: url(https://ch-api.healthhub.sg/api/public/content/a161e7d8bb6748d68493702edcd5c47f?v=0bc58ba)
		center center/cover no-repeat;
}

.hpb-container.nutrition .make-the-healthier-choice .desc {
	background-color: #c84e4e;
	padding: 25px 30px;
}
@media (min-width: 768px) {
	.hpb-container.nutrition .make-the-healthier-choice .desc {
		padding: 50px 60px;
	}
}

.hpb-container.nutrition .healthier-dining-programme .hdp-bg {
	position: relative;
	background: url(https://ch-api.healthhub.sg/api/public/content/4b0ff357c9f948ee8c896e143afec7d4?v=b65ee8e6)
		center center/cover no-repeat;
}
.hpb-container.nutrition .healthier-dining-programme .hdp-bg::before {
	content: "";
	display: block;
	padding-bottom: 85%;
}
.hpb-container.nutrition .healthier-dining-programme .hdp-bg .hdp-logo {
	position: absolute;
	bottom: 30px;
	right: 30px;
}

.hpb-container.nutrition .d-overflow-hidden {
	overflow: hidden;
}

.hpb-container.nutrition .border-black {
	border: 1px solid rgba(112, 112, 112, 0.65);
}

.hpb-container.nutrition .rounded {
	border-radius: 10px;
}

.hpb-container.nutrition .shadow {
	-webkit-box-shadow: 0 4px 16px rgba(96, 96, 96, 0.2);
	box-shadow: 0 4px 16px rgba(96, 96, 96, 0.2);
}

.hpb-container.nutrition .accordion-faqs .nature-of-scheme .right-side {
	background-color: #fceced;
}
.hpb-container.nutrition .accordion-faqs .nutritional-criteria .right-side {
	background-color: #fbfbfb;
}
.hpb-container.nutrition .accordion-faqs .left-side {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	position: absolute;
	left: 0;
	margin-left: -19px;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	.hpb-container.nutrition .accordion-faqs .left-side {
		margin-left: -33px;
	}
}
.hpb-container.nutrition .accordion-faqs .right-side {
	padding-right: 20px;
	max-width: 712px;
	width: 100%;
	margin-left: 56px;
}
@media screen and (max-width: 767px) {
	.hpb-container.nutrition .accordion-faqs .right-side {
		margin-left: 36px;
	}
}

.hpb-container.nutrition .shopping-slider {
	border-radius: 10px;
}
@media (max-width: 767px) {
	.hpb-container.nutrition .shopping-slider .slick-arrow {
		top: 24%;
	}
	.hpb-container.nutrition .shopping-slider .slick-slide {
		padding-left: 0px;
		padding-right: 0px;
	}
}
.hpb-container.nutrition .shopping-slider .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (max-width: 767px) {
	.hpb-container.nutrition .shopping-slider .slick-track {
		position: relative;
		top: 0;
		left: 0;
		display: block;
	}
}
.hpb-container.nutrition .shopping-slider .shopping-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
@media (min-width: 768px) {
	.hpb-container.nutrition .shopping-slider .shopping-slide {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}
.hpb-container.nutrition
	.shopping-slider
	.shopping-slide
	.shopping-slide-image {
	width: 100%;
	position: relative;
	padding: 0;
	border-radius: 5px 5px 0 0;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.shopping-slider
		.shopping-slide
		.shopping-slide-image {
		width: 40%;
		border-radius: 0;
		height: 100%;
	}
}
.hpb-container.nutrition .shopping-slider .shopping-slide .shopping-slide-info {
	width: 100%;
	padding: 20px 30px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	border-radius: 0 0 5px 5px;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.shopping-slider
		.shopping-slide
		.shopping-slide-info {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 60%;
		border-radius: 0;
	}
}
.hpb-container.nutrition .shopping-slider .vl-left {
	border-left: 1px solid #e4e4e4;
	height: 70px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.hpb-container.nutrition .shopping-slider .vl-right {
	border-left: 1px solid #e4e4e4;
	height: 70px;
	position: absolute;
	right: 0;
	bottom: 0;
}
@media (max-width: 767px) {
	.hpb-container.nutrition .shopping-slider .slick-dots {
		bottom: -11.5vw;
	}
}

.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.kc-box {
	background-color: #74c6a1;
	border: 1px solid #707070;
	border-radius: 10px;
	width: 220px;
	height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.get-your-recommended-calories-requirement
		.calorie-calculator-wrapper
		.kc-box {
		width: 310px;
		height: 110px;
	}
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.kc-box
	#final-res {
	color: white;
	display: inline-block;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.calorie-error-txt {
	color: #ed7954;
	display: none;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.bg-lightorange {
	background-color: #fee9b9;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
}
@media (max-width: 768px) {
	.hpb-container.nutrition
		.get-your-recommended-calories-requirement
		.calorie-calculator-wrapper
		.radio-c-lst {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		margin: 0;
		padding: 0;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst.radio-occupation {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst.radio-occupation
	.bg-white {
	width: 45%;
}
@media (max-width: 768px) {
	.hpb-container.nutrition
		.get-your-recommended-calories-requirement
		.calorie-calculator-wrapper
		.radio-c-lst.radio-occupation
		.bg-white {
		width: 100%;
	}
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst.radio-occupation
	.occupation-alignment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 5px;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst.radio-occupation
	.occupation-alignment
	.c-one {
	width: 10%;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst.radio-occupation
	.occupation-alignment
	.c-two {
	width: 20%;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst.radio-occupation
	.occupation-alignment
	.c-three {
	width: 70%;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst
	.bg-white {
	background-color: white;
	border-radius: 10px;
	width: 170px;
	margin: 0 17.5px;
}
@media (max-width: 768px) {
	.hpb-container.nutrition
		.get-your-recommended-calories-requirement
		.calorie-calculator-wrapper
		.radio-c-lst
		.bg-white {
		width: 135px;
		margin: 0 10px 22px;
	}
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst
	.bg-white
	a {
	padding: 35px 10px;
	display: block;
	text-decoration: none;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst
	.radio-circle {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #818181;
	margin: 0 auto;
	padding: 2px;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst
	.radio-circle
	.radio-circle-selected {
	background-color: #818181;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: none;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.radio-c-lst
	.active
	.radio-circle
	.radio-circle-selected {
	display: block;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.weight-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.weight-area
	.input-weight {
	width: 188px;
	height: 60px;
	border: 1px solid #e4e4e4;
	margin-left: 40px;
	font-size: 20px;
	text-align: center;
}
@media (max-width: 768px) {
	.hpb-container.nutrition
		.get-your-recommended-calories-requirement
		.calorie-calculator-wrapper
		.weight-area
		.input-weight {
		width: 115px;
		margin-left: 20px;
	}
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.weight-area
	.txt {
	color: #707070;
	display: inline-block;
	margin-left: 15px;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.slider-section {
	background: url("https://ch-api.healthhub.sg/api/public/content/86062f92ec3a4ad38e0984381971eb1a?v=5f492ca9")
		no-repeat;
	background-size: contain;
	width: 345px;
	height: 50px;
}
@media (max-width: 768px) {
	.hpb-container.nutrition
		.get-your-recommended-calories-requirement
		.calorie-calculator-wrapper
		.slider-section {
		width: 315px;
	}
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.ph-activity-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.ph-activity-section
	.txt-box {
	text-align: left;
}
@media (max-width: 768px) {
	.hpb-container.nutrition
		.get-your-recommended-calories-requirement
		.calorie-calculator-wrapper
		.ph-activity-section
		.txt-box {
		text-align: center;
	}
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.ph-activity-section
	.activity-icon {
	width: 30%;
}
@media (max-width: 768px) {
	.hpb-container.nutrition
		.get-your-recommended-calories-requirement
		.calorie-calculator-wrapper
		.ph-activity-section
		.activity-icon {
		width: 50%;
	}
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.ph-activity-section
	.activity-copy {
	width: 70%;
}
@media (max-width: 768px) {
	.hpb-container.nutrition
		.get-your-recommended-calories-requirement
		.calorie-calculator-wrapper
		.ph-activity-section
		.activity-copy {
		width: 100%;
	}
	.hpb-container.nutrition
		.get-your-recommended-calories-requirement
		.calorie-calculator-wrapper
		.ph-activity-section
		.activity-copy
		.ph-activity-area
		.box {
		width: 100%;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 768px) {
	.hpb-container.nutrition
		.get-your-recommended-calories-requirement
		.calorie-calculator-wrapper
		.ph-activity-section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.slide2
	.ui-slider-horizontal
	.ui-slider-handle {
	margin-left: -64px;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.slide3
	.ui-slider-horizontal
	.ui-slider-handle {
	margin-left: -130px;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.ui-slider {
	position: relative;
	text-align: left;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.ui-slider-horizontal {
	height: 0.8em;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.ui-slider-horizontal
	.ui-slider-range-max {
	right: 0;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.ui-slider-horizontal
	.ui-slider-range {
	top: 0;
	height: 100%;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.ui-slider
	.ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: 0.7em;
	display: block;
	border: 0;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.ui-slider-horizontal
	.ui-slider-handle {
	top: 8px;
}
.hpb-container.nutrition
	.get-your-recommended-calories-requirement
	.calorie-calculator-wrapper
	.ui-slider
	.ui-slider-handle {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	background: url("https://ch-api.healthhub.sg/api/public/content/8029c177938a4629aeedfcbfcb40fbd1?v=99ece3e8")
		no-repeat 50% 0;
	width: 125px;
	height: 32px;
	-ms-touch-action: none;
	touch-action: none;
	background-size: contain;
}

.hpb-container.nutrition .know-your-bmi .bmi-calculator-wrapper,
.hpb-container.nutrition .know-your-bmi .calc-frame {
	overflow: auto;
}
.hpb-container.nutrition .know-your-bmi .bg-lightblue {
	background-color: #e9f8f8;
}
.hpb-container.nutrition .know-your-bmi .bmi-box {
	display: none;
}
.hpb-container.nutrition .know-your-bmi .bmi-box:first-child {
	display: block;
}
.hpb-container.nutrition .know-your-bmi .result-box,
.hpb-container.nutrition .know-your-bmi .txt-result-only-for-low-risk {
	display: none;
}
.hpb-container.nutrition .know-your-bmi input {
	width: 177px;
	margin: 0 15px 0 0;
	border: solid #e4e4e4;
	border-width: 1px;
	background: #fff;
	font-size: 20px;
	height: 44px;
	padding: 7px 15px;
	text-align: center;
}
.hpb-container.nutrition .know-your-bmi .bmi-error-txt {
	display: block;
	color: #ed7954;
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	opacity: 0;
}
.hpb-container.nutrition .know-your-bmi .txt-back {
	color: #818181;
}
.hpb-container.nutrition .know-your-bmi .txt-result {
	color: #9f9f9f;
}
.hpb-container.nutrition .know-your-bmi .txt-low-risk {
	color: #88b6d5;
}
.hpb-container.nutrition .know-your-bmi .txt-normal {
	color: #74c6a1;
}
.hpb-container.nutrition .know-your-bmi .txt-moderate-risk {
	color: #f7c903;
}
.hpb-container.nutrition .know-your-bmi .txt-high-risk {
	color: #c84e4e;
}

.hpb-container.nutrition .meal-log-tool .bg-lightpurple {
	background-color: #f6ebfd;
}
.hpb-container.nutrition .meal-log-tool .kv {
	margin-bottom: -45px;
}
@media (max-width: 767px) {
	.hpb-container.nutrition .meal-log-tool .kv {
		margin-bottom: -35px;
	}
}

.hpb-container.nutrition .nutrigrade-directory .bg-lightgreen {
	background-color: #c7dd98;
}
.hpb-container.nutrition .nutrigrade-directory .kv {
	margin-bottom: -6% !important;
}
@media (max-width: 767px) {
	.hpb-container.nutrition .nutrigrade-directory .kv {
		margin-top: -20px !important;
		margin-bottom: -55px !important;
	}
}

.hpb-container.nutrition .sodium-calculator .sodium-calculator-wrapper {
	background-color: #f3eaff;
}
.hpb-container.nutrition .sodium-calculator .sodium-calculator-content {
	padding: 15px 0;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.sodium-bar.is-sticky {
	position: sticky;
	top: 0;
	z-index: 992;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.sodium-bar.is-sticky
	.range-title,
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.sodium-bar.is-sticky
	.sodium-value {
	-webkit-transition: color 0.8s ease-out;
	-o-transition: color 0.8s ease-out;
	transition: color 0.8s ease-out;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.sodium-bar.is-sticky
	.range-title
	a {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.text-manage-sodium
	a {
	color: #3d916e;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.meal-types {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -15px;
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.meal-types {
		margin-left: -5px;
		margin-right: -5px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.meal-types
	.meal-type {
	width: 100%;
	padding: 0 15px;
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.meal-types
		.meal-type {
		padding: 0 5px;
		text-align: center;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.meal-types
	.meal-type
	> a {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f3eaff;
	border-radius: 15px;
	padding: 25px 15px;
	text-decoration: none;
	color: #535353;
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.meal-types
		.meal-type
		> a {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 15px 5px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.meal-types
	.meal-type
	> a
	.desc
	> * {
	display: block;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.meal-types
	.meal-type.active
	> a {
	background-color: #926fc1;
	color: #fff;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.adjustment {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.adjustment
	.control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 20px;
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.adjustment
		.control {
		padding: 0 10px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.adjustment
	.control
	.btn-adjust {
	display: block;
	padding: 2px;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.adjustment
	.control
	.quantity
	input {
	pointer-events: none;
	border: 0;
	border-radius: 0;
	width: 38px;
	text-align: center;
	background-color: transparent;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.adjustment
		.control
		.quantity
		input {
		width: 38px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.input-wrapper {
	position: relative;
	z-index: 1;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.input-wrapper::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(https://ch-api.healthhub.sg/api/public/content/bb32ceae2b874b84b779e6a50b4cbe03?v=ec8eb289)
		center center/contain no-repeat;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.search-bar
		.input-wrapper::after {
		left: auto;
		right: 30px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.input-wrapper
	.clear-search
	img {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.search-bar
		.input-wrapper
		.clear-search
		img {
		display: none;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		left: auto;
		right: 25px;
	}
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.search-bar
		.input-wrapper.has-text::after {
		content: none;
	}
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.search-bar
		.input-wrapper.has-text
		.clear-search
		img {
		display: block;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.input-wrapper
	input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #d9d9d9;
	color: #4d4c4c;
	background-color: #fff;
	padding: 12px 40px 12px 40px;
	border-radius: 10px;
	width: 100%;
	-webkit-box-shadow: 0 8px 16px 4px transparent;
	box-shadow: 0 8px 16px 4px transparent;
	-webkit-transition: -webkit-box-shadow 0.5s ease-out;
	transition: -webkit-box-shadow 0.5s ease-out;
	-o-transition: box-shadow 0.5s ease-out;
	transition: box-shadow 0.5s ease-out;
	transition:
		box-shadow 0.5s ease-out,
		-webkit-box-shadow 0.5s ease-out;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.input-wrapper
	input::-webkit-input-placeholder {
	color: #b8b8b8;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.input-wrapper
	input::-moz-placeholder {
	color: #b8b8b8;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.input-wrapper
	input:-ms-input-placeholder {
	color: #b8b8b8;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.input-wrapper
	input::-ms-input-placeholder {
	color: #b8b8b8;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.input-wrapper
	input::placeholder {
	color: #b8b8b8;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.input-wrapper
	input:focus {
	-webkit-box-shadow: 0 8px 16px 4px #e6e6e6;
	box-shadow: 0 8px 16px 4px #e6e6e6;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.search-bar
		.input-wrapper
		input {
		padding: 20px 60px 20px 30px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.results-wrapper {
	padding: 30px 20px 40px 20px;
	margin: -5px 0 0;
	background-color: #fff;
	-webkit-box-shadow: 0 8px 16px 4px #e6e6e6;
	box-shadow: 0 8px 16px 4px #e6e6e6;
	border-radius: 0 0 15px 15px;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.search-bar
		.results-wrapper {
		padding: 45px 30px 40px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.results-wrapper:not(.shown) {
	display: none;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.results-wrapper
	.results-found {
	color: #807d7d;
	letter-spacing: 0.075em;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.results-wrapper
	.results {
	overflow: auto;
	max-height: 350px;
	padding: 25px 0 0 70px;
}
@media (max-width: 991px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.search-bar
		.results-wrapper
		.results {
		padding-left: 50px;
	}
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.search-bar
		.results-wrapper
		.results {
		padding-left: 15px;
		max-height: 270px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.results-wrapper
	.results
	.result-entry {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 35px;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.results-wrapper
	.results
	.result-entry
	.desc {
	padding-right: 25px;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.results-wrapper
	.results
	.result-entry
	.desc
	.name {
	margin-bottom: 3px;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.search-bar
	.results-wrapper
	.no-result
	p {
	color: #807d7d;
	line-height: 1.5;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.heading
	.btn-delete-all {
	line-height: 1;
	vertical-align: middle;
	text-decoration: none;
	color: #4d4c4c;
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	padding: 10px 15px;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.heading
	.btn-delete-all:not(.shown) {
	pointer-events: none;
	opacity: 0;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.heading
	.btn-delete-all
	img {
	margin-left: 8px;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.overview
		.heading
		.btn-delete-all
		img {
		margin-left: 10px;
		width: 41px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.food-list
	.food-entry {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #f3eaff;
	border-radius: 24px;
	padding: 20px 30px 20px 100px;
	margin: 0;
}
@media (max-width: 991px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.overview
		.food-list
		.food-entry {
		padding-left: 80px;
	}
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.overview
		.food-list
		.food-entry {
		padding-left: 35px;
		padding-right: 20px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.food-list
	.food-entry:not(:last-child) {
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.overview
		.food-list
		.food-entry:not(:last-child) {
		margin-bottom: 20px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.food-list
	.food-entry
	.food-info {
	width: 100%;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.food-list
	.food-entry
	.food-info
	.food-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.food-list
	.food-entry
	.food-info
	.food-row
	.food-action {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.food-list
	.food-entry
	.food-info
	.total {
	white-space: nowrap;
	min-width: 110px;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.overview
		.food-list
		.food-entry
		.food-info
		.total {
		min-width: 125px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.food-list
	.food-entry
	.btn-delete {
	margin: 0 10px 0 15px;
	text-decoration: none;
	color: #4d4c4c;
	font-weight: normal;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.overview
		.food-list
		.food-entry
		.btn-delete {
		margin-right: 20px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.overview
	.data-source {
	color: #4d4c4c;
	text-align: right;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.easy-tips-to-reduce-your-sodium-intake
	.panel-heading
	.panel-title
	a::before {
	content: none;
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.easy-tips-to-reduce-your-sodium-intake
		.panel-body {
		padding: 20px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.easy-tips-to-reduce-your-sodium-intake
	.sodium-intake-slider {
	max-width: 880px;
	margin: 0 auto;
	padding: 20px 0;
	-webkit-box-shadow: 0 8px 16px 4px #e6e6e6;
	box-shadow: 0 8px 16px 4px #e6e6e6;
	border-radius: 10px;
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.easy-tips-to-reduce-your-sodium-intake
	.sodium-intake-slider
	.slide
	> .row {
	max-width: 610px;
	margin: 0 auto;
	padding: 20px 0 40px;
}
@media (min-width: 768px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.easy-tips-to-reduce-your-sodium-intake
		.sodium-intake-slider
		.slide
		> .row {
		padding-top: 40px;
	}
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.easy-tips-to-reduce-your-sodium-intake
		.sodium-intake-slider
		.slick-arrow {
		top: 72px;
	}
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.easy-tips-to-reduce-your-sodium-intake
		.sodium-intake-slider
		.slick-arrow.slick-prev {
		left: -12px;
	}
	.hpb-container.nutrition
		.sodium-calculator
		.sodium-calculator-content
		.easy-tips-to-reduce-your-sodium-intake
		.sodium-intake-slider
		.slick-arrow.slick-next {
		right: -12px;
	}
}
.hpb-container.nutrition
	.sodium-calculator
	.sodium-calculator-content
	.easy-tips-to-reduce-your-sodium-intake
	.sodium-intake-slider
	.slick-dots {
	bottom: 0;
}

.hpb-container.nutrition
	.calorie-calculator
	.calorie-calculator-section.bg-color {
	background-color: #f98072;
	padding: 12px;
}
@media (max-width: 1280px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section.bg-color {
		padding: 0.94vw;
	}
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section.bg-color {
		padding: 3.26vw;
	}
}
.hpb-container.nutrition
	.calorie-calculator
	.calorie-calculator-section
	.bg-color-secondary {
	background-color: #ffe9db;
	border-radius: 12px;
}
@media (max-width: 1280px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.bg-color-secondary {
		border-radius: 0.94vw;
	}
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.bg-color-secondary {
		border-radius: 5.87vw;
	}
}
.hpb-container.nutrition
	.calorie-calculator
	.calorie-calculator-section
	.cal-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 25px 65px 40px;
}
@media (max-width: 1280px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.cal-content {
		padding: 1.95vw 5.08vw 3.13vw;
	}
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.cal-content {
		padding: 6.78vw 6.78vw 0 6.78vw;
	}
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.calorie-calculator-title {
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.calorie-calculator-title
		img {
		width: 79.14vw;
	}
}
.hpb-container.nutrition
	.calorie-calculator
	.calorie-calculator-section
	.cal-col-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 60px;
	margin-top: 10px;
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.cal-col-2 {
		margin-left: 0;
		margin-top: 0;
		position: relative;
	}
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.cal-col-2
		.jim-m {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		position: absolute;
		bottom: -3.26vw;
		left: -1.04vw;
		z-index: 1;
		width: 71.32vw;
	}
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.cal-col-2
		.start-btn-m {
		z-index: 10;
		margin-bottom: 39.37vw;
	}
}
.hpb-container.nutrition
	.calorie-calculator
	.calorie-calculator-section
	.start-btn {
	background-color: #008380;
	color: #ffffb4;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 245px;
	text-align: center;
	border-radius: 50px;
	margin-top: 27px;
	margin-left: 12px;
	font-size: 17px;
}
@media (max-width: 1280px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.start-btn {
		width: 19.14vw;
		padding: 1.56vw;
	}
}
@media (max-width: 865px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.start-btn {
		font-size: 15px;
	}
}
@media (max-width: 767px) {
	.hpb-container.nutrition
		.calorie-calculator
		.calorie-calculator-section
		.start-btn {
		margin-top: 1.96vw;
		font-size: 3.91vw;
		width: 44.33vw;
		padding: 1.96vw 5.22vw;
		margin-left: 0;
		margin-bottom: -3.26vw;
	}
}

.healthpoints-announcement.modal {
	z-index: 1052;
}
body > .modal-backdrop.in {
	z-index: 1051;
}
.modal.modal-full-screen.sodium-calc-start-container {
	overflow-y: auto !important;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.delete-confirmation-container.modal,
.delete-all-confirmation-container.modal {
	z-index: 1052;
}
/* START: POPUP */

.healthpoints-announcement .modal-dialog {
	width: calc(100% - 40px);
	max-width: 1200px;
}

.healthpoints-announcement .modal-content {
	position: relative;
	border: 0;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: none;
}

.healthpoints-announcement .modal-body {
	padding: 0;
}

.healthpoints-announcement .popup-flex-container {
	display: flex;
	width: 100%;
}

.healthpoints-announcement .vertical-alignment-helper {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

.healthpoints-announcement .vertical-align-center {
	margin: 0;
	width: 80%;
	max-width: 880px;
}

/* LEFT */

.healthpoints-announcement .flex-content-image {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.healthpoints-announcement .popup-image {
	display: block;
	width: 100%;
	height: 100%;
}

/* RIGHT */

.healthpoints-announcement .flex-content {
	width: 50%;
	padding: 0px 35px;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;

	background: #fff;
	text-align: left;
	position: relative;
}

.healthpoints-announcement .popup-texts-bottom {
	position: absolute;
	bottom: 25px;
	left: 0;
	padding: 0 35px;
}
.hpb-container.nutrition
	.healthpoints-announcement
	.btn-rounded:not(.no-arrow)::after {
	transform: scale(0.5, 1) translateY(1px);
	margin-left: 0.1em;
}
.healthpoints-announcement .label-date {
	font-size: 17px;
	background-color: #fad7d7;
	border-radius: 50px;
	padding: 6px 12px;
	margin-bottom: 20px;
	font-weight: 700;
	color: #535353;
}
@media (max-width: 767px) {
	.healthpoints-announcement .label-date {
		font-size: 13px;
	}
}
.healthpoints-announcement .texts-content {
	max-width: 500px;
	margin-bottom: 8px;

	font-family: "Fira Sans", Helvetica, Arial, sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.05;

	color: #cf4d4d;
}

.healthpoints-announcement .texts-paragraphs {
	margin-bottom: 20px;
}
.uppercase {
	text-transform: uppercase;
}

/* BUTTON */

.healthpoints-announcement .popup-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 235px;
	padding: 18px 35px;

	background: #cf4d4d;
	border-radius: 100px;

	color: #fff !important;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none !important;
}

.healthpoints-announcement .popup-cta:hover,
.healthpoints-announcement .popup-cta:focus {
	color: #fff;
	text-decoration: none;
}

/* CLOSE */

.healthpoints-announcement .popup-close {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 10;

	width: 40px;
	height: 40px;

	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;

	background: #c84e4e;
	opacity: 1;
}

.healthpoints-announcement .popup-close::before,
.healthpoints-announcement .popup-close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;

	width: 22px;
	height: 3px;
	border-radius: 2px;

	background: #fff;
}

.healthpoints-announcement .popup-close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.healthpoints-announcement .popup-close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

@media (max-width: 1024px) {
	.healthpoints-announcement .texts-content {
		font-size: 45px;
	}

	.healthpoints-announcement .flex-content {
		padding: 0px 25px;
	}

	.healthpoints-announcement .flex-content-image,
	.healthpoints-announcement .flex-content {
		width: 100%;
	}
	.healthpoints-announcement .popup-flex-container {
		flex-direction: column;
		min-height: 0;
	}

	.healthpoints-announcement .flex-content {
		padding: 20px;
		align-items: center;
		text-align: center;
		padding-bottom: 90px;
	}

	.healthpoints-announcement .popup-close {
		background: #fff;
	}
	.healthpoints-announcement .popup-close::before,
	.healthpoints-announcement .popup-close::after {
		background: #cf4d4d;
	}
	.healthpoints-announcement .d-none {
		display: none !important;
	}
	.healthpoints-announcement .d-block {
		display: block !important;
	}
}

@media (max-width: 930px) {
	.healthpoints-announcement .texts-content {
		font-size: 40px;
	}
}

@media (max-width: 840px) {
	.healthpoints-announcement .texts-content {
		font-size: 37px;
	}
}

@media (max-width: 767px) {
	.healthpoints-announcement .texts-content {
		font-size: 29px;
	}
	.healthpoints-announcement .label-date {
		font-size: 12px;
	}

	.healthpoints-announcement .popup-close {
		right: 20px;
		width: 30px;
		height: 30px;
	}
}

/* MOBILE */

@media (max-width: 590px) {
	/* .healthpoints-announcement .d-sm-block {
		display: block !important;
	}
	.healthpoints-announcement .d-sm-none {
		display: none !important;
	} */
	.healthpoints-announcement .modal-dialog {
		width: calc(100% - 30px);
		margin: 15px auto;
	}

	.healthpoints-announcement .modal-content {
		border-radius: 20px;
	}
	.healthpoints-announcement .label-date {
		font-size: 13px;
	}
	.hpb-container.nutrition .healthpoints-announcement .btn-rounded {
		width: 100%;
	}
	.healthpoints-announcement .flex-content {
		padding-bottom: 110px;
	}
	.healthpoints-announcement .texts-content {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.healthpoints-announcement .popup-cta {
		min-width: 200px;
		padding: 14px 30px;
		font-size: 18px;
	}

	.healthpoints-announcement .popup-close {
		top: 18px;
		right: 18px;
		width: 36px;
		height: 36px;
	}
}

/* END: POPUP */
