/* start product label */
:root {
--bioderma: #3064a0;
}
.grico {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 80%;
color: #0c0b0b !important;
font-weight: bold !important;
}
.gridz {
margin: 0 auto;
display: grid;
grid-template-areas:
"on tw ."
"fr tw fv"
"sx tw .";
row-gap: 15px;
justify-content: flex-start;
align-items: center;
}
.one {
grid-area: on;
}
.two {
grid-area: tw;
background-color: transparent;
position: relative;
margin-bottom: 5%;
width: 15vw;
}
.four {
grid-area: fr;
}
.five {
grid-area: fv;
text-align: center;
}
.six {
grid-area: sx;
}
.two img {
display: block;
width: 100%;
}
.gridz>div p {
font-weight: normal;
margin: 15px;
color: #070707;
font-weight: bold;
}
.one::before,
.four::before,
.six::before {
content: "";
position: absolute;
top: 49%;
left: -0.1rem;
width: 0.5rem;
height: 0.5rem;
border-radius: 100px;
display: block;
background-color: var(--bioderma);
}
.five::before {
content: "";
position: absolute;
top: 49%;
right: -0.1rem;
width: 0.5rem;
height: 0.5rem;
border-radius: 100px;
display: block;
background-color: var(--bioderma);
}
.one,
.five,
.four,
.six {
border-top: 2px solid var(--bioderma);
position: relative;
text-indent: 1em;
width: 20vw;
}
.borderLeft {
border-left: 2px solid var(--bioderma);
position: absolute;
top: 0;
bottom: 0;
height: 33%;
}
.borderRight {
border-right: 2px solid var(--bioderma);
position: absolute;
top: 0;
right: 0;
height: 33%;
}
.five .borderLeft {
opacity: 0;
}
.lion {
color: var(--bioderma);
font-weight: bold;
margin-left: 1em;
}
.bigimage {
display: block;
}
.smallimage {
display: none !important;
}
@media screen and (max-width: 700px) {
.grico {
width: 100%;
}
.gridz {
padding: 10px;
grid-template-areas:
"on tw "
"fr tw "
"fv tw "
"sx tw ";
width: 100%;
}
.five::before {
left: -0.1rem;
right: none;
}
.five {
text-align: left;
}
.five .borderLeft {
opacity: 1;
}
.five .borderRight {
display: none;
}
.one,
.five,
.four,
.six {
width: 70vw;
}
.two {
width: 70vw;
}
}
@media screen and (max-width: 490px) {
.bigimage {
display: none !important;
}
.smallimage {
display: block !important;
}
}
/* Video Styling */
.videoz {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
margin-bottom: 10px;
}
.videoz iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Free From Info */
.freefrom {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
border: solid #ffffff 2px;
border-radius: 25px;
padding: 1%;
align-content: space-around;
margin: 2%;
width: 95%;
}
.feat {
text-align: center;
margin: 1%;
width: 10%;
}
.feat:hover {
transform: scale(1.1);
}
.feat {
transition: all 0.5s ease-in-out;
}
.feat img {
display: block;
width: 100%;
margin-bottom: 10%;
}
.featext {
display: block;
font-weight: 600;
overflow-wrap: normal;
color: #030303 !important;
}
@media (max-width: 767px) {
.feat {
width: 29%;
}
}
/* Product Benefits Styling */
.ProductBenefits {
display: flex;
flex-wrap: wrap;
align-content: space-around;
}
.ProductBenefitsBelow {
text-align: center;
margin: 1%;
width: 47%;
}
@media screen and (max-width: 700px) {
.ProductBenefits>div {
width: 100%;
}
#ProductBenefitsText {
line-height: normal;
}
}
/* Tabel Styling */
.sup {
background-color: #5fda63;
border-color: #5fda63;
border-style: solid;
border-radius: 30px;
color: #006b80 !important;
margin: 2%;
}
.sup table {
vertical-align: middle;
border-radius: 30px;
overflow: hidden;
table-layout: fixed;
background-color: white;
border-collapse: collapse;
box-shadow: none;
}
.captionz {
align-items: flex-end;
padding: 2%;
font-weight: 600;
color: white;
}
.nu1 {
margin-left: 2%;
font-size: 3vw;
white-space: nowrap;
}
.nu2 {
margin-right: 2%;
white-space: nowrap;
float: right;
margin-top: -1%;
font-weight: 900;
font-size: 1.2em !important;
}
.conc {
text-align: left;
text-indent: 0.5em;
}
.sup th {
font-weight: bold;
padding: 2%;
text-align: center;
border-bottom: 6px solid #5fda63;
}
.sup th p {
font-weight: 600;
color: #006b80 !important;
}
.sup tr:first-child th {
border-bottom: 1px solid #5fda63;
}
.sup td {
border-left: none;
border-right: none;
overflow-wrap: normal;
}
.sup td {
padding: 2%;
text-align: center;
vertical-align: middle;
border-bottom: 2px solid #5fda63;
}
.sup tr:last-child td {
border-bottom: none;
}
@media screen and (max-width: 699px) {
.sup {
width: 95%;
}
.nu1 {
font-size: 6vw;
text-align: center;
margin-left: 0%;
}
.nu2 {
float: none;
text-align: center;
font-size: 3.5vw !important;
margin-bottom: 0%;
margin-top: 0%;
}
.sup table {
width: 96%;
margin: 0 auto 10px auto;
}
.sup th {
border-bottom: 4px solid #5fda63;
font-size: 3.5vw;
white-space: nowrap;
}
.sup tr:first-child th p {
font-size: 3vw;
}
.sup th p {
font-weight: 900;
}
.sup table td {
font-size: 3.7vw;
overflow-wrap: normal;
font-weight: 600;
}
.sup table td p {
font-weight: 450;
}
.sup td:nth-child(1) {
text-align: left;
}
.sup th:nth-child(1) {
text-align: left;
}
}
@media screen and (min-width: 700px) {
.sup {
width: 70%;
margin: 0 auto;
}
.sup table {
width: 99%;
margin: 0px 2px 2px 2px;
}
}
.lifeStyle img {
display: block;
margin: 0 auto;
width: 100%;
}
Product Description:
Product Benefits:
Bone Support
Cardiovascular Function
Blood Health
5mg vitamin K2 per capsule
Vitamin K2 as MK-4
5mg
180 Capsules
1 capsule daily at mealtime
Free From Information:
Indications:
How to use:
Caution & Warnings:
Ingredients:
Vitamin K2 (as MK (menatetrenone)
Servings Per Container: 180 | |
---|---|
Ingredient | Amount Per Serving |
Vitamin K2 (as MK-4 (menatetrenone)) | 5 mg |
Disclaimer:
While Nahdi strives to ensure the accuracy of its product images and information, some
manufacturing changes to
packaging and/or ingredients may be pending update on our site. Although items may occasionally ship with
alternate packaging, freshness is always guaranteed. We recommend that you read labels, warnings and directions
of all products before use and not rely solely on the information provided by Nahdi.
Product Details:
Product Description:
Product Benefits:
Bone Support
Cardiovascular Function
Blood Health
5mg vitamin K2 per capsule
Vitamin K2 as MK-4
5mg
180 Capsules
1 capsule daily at mealtime
Free From Information:
Indications:
How to use:
Caution & Warnings:
Ingredients:
Vitamin K2 (as MK (menatetrenone)
Servings Per Container: 180 | |
---|---|
Ingredient | Amount Per Serving |
Vitamin K2 (as MK-4 (menatetrenone)) | 5 mg |
Disclaimer:
While Nahdi strives to ensure the accuracy of its product images and information, some
manufacturing changes to
packaging and/or ingredients may be pending update on our site. Although items may occasionally ship with
alternate packaging, freshness is always guaranteed. We recommend that you read labels, warnings and directions
of all products before use and not rely solely on the information provided by Nahdi.
Product Details: