html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

body  { min-width: 400px; font-size: 18px; font-family: 'Noto Sans', sans-serif; color: #232323; line-height: 1.4; background: #ffffff; }

p  { padding: 0 ;margin-top: 0; margin-bottom: 22px; }
ul, ol { padding: 0; margin: 0 0 25px 3%; }
li { padding: 0; margin: 0 0 2px 3%; }
span { margin: 0; padding: 0; }

table { border-collapse:collapse;border-spacing: 0; }

.header { padding: 0 0 115px; box-sizing: border-box; margin: 0 0 30px; position: relative; z-index: 50; background: url(../images/frgrmbc_headerimage.jpg?ver=4) center top repeat-x; }
.frg99_logo { display: block; max-width: 373px; width: 100%; margin: 0 auto; }

.footer { font-size: 12px; font-family: "Lato"; color: #ffffff; line-height: 1.2; padding: 40px 0 50px; background-color: #151515; }
.footercont { max-width: 1100px; width: 98%; text-align: center; margin: 0 auto; }
.footerblk1 { display: inline-block; width: 590px; text-align: left; padding-right: 35px; box-sizing: border-box; vertical-align: top; border-right: #ffffff solid 2px; }
.footerblk2 { display: inline-block; width: 200px; text-align: center; padding: 10px 0 0 10px; box-sizing: border-box; vertical-align: top; }
.footerblk3 { display: inline-block; width: 300px; text-align: left; padding-left: 10px; box-sizing: border-box; vertical-align: top; }
.footerblk3 span { display: block; }
.logotitle1 { display: block; font-size: 32px; font-family: 'Bebas Neue', cursive; font-style: italic; line-height: 0.639; }
.logotitle2 { display: block; font-size: 20px; font-family: "Raleway"; font-weight: 600; letter-spacing: 7px; text-transform: uppercase; }
.footerlinks a { color: inherit; text-decoration: none; }
.footerlinks a:hover { text-decoration: underline; }

.frgrmbc_secstl1  { background: url(../images/frgrmbc_bg01b.jpg) left top no-repeat, #ffffff url(../images/frgrmbc_bg04R.jpg) center top no-repeat; background-size: cover; background-attachment: fixed; }
.frgrmbc_secstl2  { background: url(../images/frgrmbc_bg04L.jpg?ver=18) left top no-repeat, #ffffff url(../images/frgrmbc_bg04R.jpg?ver=18) right top no-repeat; background-size: calc((100% - 1100px)/2); background-attachment: fixed; }
.frgrmbc_secstl3  { background: #ffffff url(../images/frgrmbc_bg05.jpg) center top no-repeat; background-size: cover; background-attachment: fixed; }
.frgrmbc_secstl4  { background: #ffffff url(../images/frgrmbc_bg06.jpg) center bottom no-repeat; background-size: cover; background-attachment: fixed; }

.bodywrap { max-width: 1100px; width: 100%; padding: 45px 0 25px; box-sizing: border-box; margin: 0 auto 20px; position: relative; z-index: 40; background: rgba(255, 255, 255, 0.7); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.28); }
.bodywrap.topsec { padding-bottom: 2.5%; margin-bottom: 0; background: rgb(255,255,255); background: linear-gradient(rgba(255,255,255,0.80) 0%, rgba(255,255,255,0.9) 77%, rgba(255,255,255,1) 100%); box-shadow: 0 -8px 6px -6px rgba(0, 0, 0, 0.17), 8px 0 6px -6px rgba(0, 0, 0, 0.17), -8px 0 6px -6px rgba(0, 0, 0, 0.17); }
.bodywrap.midsec { padding-top: 5px; padding-bottom: 15px; margin-top: -10px; margin-bottom: 0; background: #ffffff; box-shadow: 8px 0 6px -6px rgba(0, 0, 0, 0.17), -8px 0 6px -6px rgba(0, 0, 0, 0.17); }
.bodywrap.btmsec { padding-top: 25px; padding-bottom: 1px; margin-top: -10px; margin-bottom: 30px; background: rgb(255,255,255); background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0.80) 15%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 70%, rgba(255,255,255,0.5) 95%, rgba(255,255,255,0.7) 100%); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.17), 8px 0 6px -6px rgba(0, 0, 0, 0.17), -8px 0 6px -6px rgba(0, 0, 0, 0.17); }

.blk_spacing { padding: 0 4.5%; }

h1.mfc_hd { font-size: 99px; font-family: 'Bebas Neue', cursive; font-style: italic; color: #5e9517; text-align: center; text-shadow: 2px 4px 0px rgba(0, 0, 0, 0.11); line-height: 0.9; margin: 0 0 1px; }
h2.mfc_hd2 { font-size: 48px; font-family: 'Bebas Neue', cursive; color: #102b48; text-align: center; line-height: 1; margin: 0 0 25px; }
h3.mfc_hd3 { font-size: 29px; font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; color: #545454; text-align: center; line-height: 1.4; margin: 0 0 20px; }
h3.frg99_hd3b { font-style: normal; color: #5e9517; text-align: left; margin-bottom: 10px; }
h3.mfc_hd3.mbtm7 { margin-bottom: 7%; }
h3.mfc_hd3_2 { font-size: 22px; font-weight: 700; color: #5e9517; text-align: center; line-height: 1.4; margin: 5% 0 5%; }
h4.mfc_hd4 { font-weight: 400; font-style: italic; text-align: center; margin: 3% 0 -3.5%; }

.hdspsep { max-width: 365px; width: 100%; margin: 0 auto 20px; border-top: #c5c7c7 solid 3px; }

.frgrmbc_grp1 { padding-left: 170px; box-sizing: border-box; margin: 4% 0 5%; position: relative; }
.frgrmbc_grp1_sub1 { }
.frgrmbc_image01 { max-width: 377px; width: 45%; position: absolute; top: -22px; left: -200px; }
.frgrmbc_boxpanel1 { max-width: 820px; width: 100%; font-size: 22px; font-weight: 700; font-style: italic; padding: 20px 3% 20px 3.5%; box-sizing: border-box; margin: 0 auto 20px; background-color: #f8ffef; border-left: #5e9517 solid 5px; }
.frgrmbc_boxpanel1 p:last-of-type { margin-bottom: 0; }

.frgrmbc_listgrp1 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 25px 20px; text-align: center; list-style: none; padding: 0; margin: 0 0 25px; }
.frgrmbc_listgrp1 li { flex-basis: 270px; font-weight: 600; margin-bottom: 0; }
.frgrmbc_listgrp1_img { display: block; margin: -10px auto -20px; }

.frgrmbc_grp2 { display: flex; align-items: center; gap: 5%; margin: 0 0 25px; }
.frgrmbc_image05 { flex-basis: 272px; }

.frgrmbc_image06 { float: right; max-width: 375px; width: 45%; margin: 0 -170px 0 3%; }
.frgrmbc_image07 { float: right; max-width: 449px; width: 45%; margin: 0 0 0 3%; }
.frgrmbc_image29 { float: right; max-width: 338px; width: 45%; margin: 0 0 0 3%; }

ul.frgrmbc_listgrp2 { list-style: none; padding: 0; margin: 0 0 25px; }
ul.frgrmbc_listgrp2 li { padding: 0 0 0 30px; margin: 0 0 4px 4%; position: relative; }
ul.frgrmbc_listgrp2 li:before { font-size: 36px; content: "\2022"; color: #5e9517; line-height: 0; position: absolute; top: 13px; left: 0; }

.frgrmbc_imagegrp_2 { float: right; max-width: 246px; width: 30%; margin: -158px -135px 0 20px; }
.frgrmbc_image25 { display: block; max-width: 246px; width: 100%; margin-bottom: 5px; }
.frgrmbc_image26 { display: block; max-width: 246px; width: 100%; }

.frgrmbc_image08 { float: right; max-width: 367px; width: 45%; margin: -3% -190px 0 3%; }
.frgrmbc_image09 { float: right; max-width: 421px; width: 45%; margin: -1% -140px -5% 3%; }
.frgrmbc_image10 { float: right; max-width: 124px; width: 25%; margin: 0 0 0 3%; }
.frgrmbc_image27 { float: right; max-width: 343px; width: 45%; margin: -3% -170px 0 3%; }
.frgrmbc_image11 { float: right; max-width: 377px; width: 45%; margin: -3% -120px 0 3%; }
.frgrmbc_image12 { float: right; max-width: 377px; width: 45%; margin: -3% -190px 0 3%; }
.frgrmbc_image13 { float: right; max-width: 377px; width: 45%; margin: -3% -190px 0 3%; }

.frgrmbc_spsec1 { padding: 4% 4.5% 10px; box-sizing: border-box; margin: 0 auto 30px; background: #ffffff url(../images/frgrmbc_bg02.jpg?v=1) center bottom no-repeat; background-size: 100% auto; }
.frgrmbc_bookwrap { display: block; max-width: 458px; width: 85%; margin: 0 auto -14%; }
.family-recipe-guide-book { display: block; max-width: 480px; width: 100%; margin-left: -20%; }
h2.mfc_hd2_2 { font-size: 55px; font-family: 'Bebas Neue', cursive; color: #264469; text-align: center; line-height: 0.9; margin: 0 0 2px; }
h1.mfc_hd_2 { font-size: 80px; font-family: 'Bebas Neue', cursive; font-weight: 400; color: #5e9517; text-align: center; line-height: 1; margin: 0 0 10px; }

.frgrmbc_sechd1 { font-size: 25px; font-family: "Lato"; font-weight: 700; color: #ffffff; text-align: center; line-height: 1.4; padding: 20px 2% 20px; margin: 0 0 4%; background-color: #5e9517; }
.frgrmbc_sechd1 p:last-of-type { margin-bottom: 0; }

.frgrmbc_grp3 { margin: 0 0 25px; }
.frgrmbc_image14 { display: inline-block; max-width: 254px; width: 23.1%; margin: 0 4% 0 0; vertical-align: middle; }
.frgrmbc_image14a, .frgrmbc_image14b, .frgrmbc_image14c { max-width: 254px; width: 100%; margin: 0 0 4px; }
.frgrmbc_grp3_subblk1 { display: inline-block; width: 47%; vertical-align: middle; }
.frgrmbc_image28 { float: right; max-width: 253px; width: 23%; margin: 0 0 0 0; vertical-align: middle; }
.frgrmbc_image28b { display: none; max-width: 629px; width: 95%; margin: 0 auto 25px; }

.frgrmbc_image15 { display: block; max-width: 634px; width: 95%; margin: 0 auto 0; }

/* Health Puzzle*/
.hp_link { display: block; max-width: 350px; width: 100%; margin: 0 auto 25px; position: relative; }
.hp_link img { width: auto; max-width: 100%; }
.rotate1, .rotate2 { position: absolute; top: 0; left: 0; -ms-transform-origin: center; transform-origin: center; -webkit-animation:spin 60s linear infinite; -moz-animation:spin 60s linear infinite; animation:spin 60s linear infinite; }
.rotate2 { animation-direction: reverse; }
@keyframes spin { 
0% { -webkit-transform: rotate(0deg); transform:rotate(0deg); } 
100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } 
}

.frgrmbc_boxpanel2 {  padding: 20px 3% 20px 3.5%; box-sizing: border-box; margin: 0 0 20px 3%; background-color: #f8ffef; border-left: #5e9517 solid 5px; }
.frgrmbc_boxpanel2 ul.frgrmbc_listgrp2 li { margin: 0 0 20px 2%; }

.frgrmbc_image17 { float: right; max-width: 349px; width: 32%; margin: 0 0 0 -2%; }
.frgrmbc_image16 { float: left; max-width: 316px; width: 29%; margin: 0 -2% 0 0; }

.frgrmbc_image18 { float: left; max-width: 325px; width: 30%; margin: 0 3% 0 0; }

.mfc_price { text-align: center; }
.mfc_text1 { font-size: 2em; font-weight: 700; color: #ff0000; text-decoration: line-through; }
.mfc_text2 { font-size: 1.5em; font-weight: 700; }
.mfc_text3 { font-size: 1.5em; color: #5e9517; }
.mfc_text4 { font-size: 2em; font-weight: normal; color: #c8c8c8; position: relative; bottom: -5px; }

.frgrmbc_grpstl1 { padding: 0 4.5% 4%; box-sizing: border-box; margin: 0 0 20px; background: url(../images/frgrmbc_bg03.jpg) center bottom no-repeat; background-size: 100% auto; }

.frgrmbc_wrapaddtocart { display: block; max-width: 391px; width: 75%; margin: 0 auto 10px; }
.frgrmbc_addtocart { display: block; max-width: 391px; width: 100%; margin: 0 auto; }
.frgrmbc_wrapbtnaddtocart { display: block; max-width: 680px; width: 100%; margin: 0 auto -4%; }
.frgrmbc_btnaddtocart { max-width: 680px; width: 100%; margin: 0 auto; }
.frgrmbc_btnaddtocart_style { max-width: 680px; width: 100%; font-size: 35px; font-weight: 700; color: #ffffff; text-align: center; text-decoration: none; text-shadow: 2px 2px #000; line-height: 1.4; padding: 10px 20px; box-sizing: border-box; margin: 0 auto 20px; background-color: #cd130e; background-image: linear-gradient(#fa4b45, #cd130e); border-radius: 5px; box-shadow: 0 5px 0 1px #800e26; font-family: 'segoe-ui', arial; }
.frgrmbc_carttext { font-weight: 700; font-style: italic; color: #264469; text-align: center; }

.imgdelivery { max-width: 600px; margin: 0 auto 4%; }
.img { width: 100%; }

.frgrmbc_hdtext1 { font-size: 35px; font-family: 'Bebas Neue', cursive; color: #5e9517; text-align: center; }

.frgrmbc_wrap_aabp { display: block; max-width: 301px; width: 55%; margin: 0 auto 10px; }
.frgrmbc_aabp { display: block; max-width: 301px; width: 100%; margin: 0 0 0 -20px; }

.frgrmbc_prodpack { display: block; max-width: 599px; width: 100%; margin: -5.5% auto 10px; }

.frgrmbc_gblk { display: flex; align-items: center; gap: 10px; margin: -10px 0 -5%; }
.frgrmbc_image19 { flex-basis: 119px; }

.frgrmbc_imagegrp20s { }
.frgrmbc_image20 { float: left; max-width: 383px; width: 45%; margin: -3% 3% 0 -200px; }
.frgrmbc_image21 { float: right; max-width: 383px; width: 45%; margin: -3% -170px 0 3%; }

.frgrmbc_faqsec { margin-top: 5%; position: relative; }
.frgrmbc_image22 { max-width: 134px; width: 14%; position: absolute; top: 0; right: 1%; z-index: 39; }
.frgrmbc_faqsec_cont { position: relative; z-index: 40; }

.frgrmbc_faqsec_blk { padding: 0 4.5% 0; box-sizing: border-box; margin: 0 auto 20px; }
.frgrmbc_faqsec_blk h4 { font-size: 18px; color: #5e9517; padding: 15px 40px; box-sizing: border-box; margin: 0 auto; position: relative; background-color: #f7f7f7; border-radius: 50px; }
.frgrmbc_faqsec_blk h4 .frgrmbc_faqtoggle { position: absolute; top: 15px; right: 25px; }
.frgrmbc_faqsec_blk h4:after { content : url(../images/frgrmbc_image24.png); position: absolute; top: 15px; right: 25px; }
.frgrmbc_faqsec_blkbd { display: none; padding: 45px calc(40px - 10px) 20px; box-sizing: border-box; margin: -20px 10px 0; clear: both; background-color: #fcfafa; }

.frgrmbc_faqsec_blk.frgrmbc_active h4 { color: #ffffff; background-color: #5e9517; }
.frgrmbc_faqsec_blk.frgrmbc_active h4:after { content : url(../images/frgrmbc_image23.png); position: absolute; top: 15px; right: 25px; }
.frgrmbc_faqsec_blk.frgrmbc_active .frgrmbc_faqsec_blkbd { display: block; background-color: #f8ffef; }

.wrapvideoplayer { height: 0; position: relative; padding-top: 1px; padding-bottom: 56.25%; }
.wrapvideoplayer iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.padbtm0 { padding-bottom: 0; }
.mtop0, .mfc_hd3_2.mtop0 { margin-top: 0; }
.mbtm0, .mfc_hd3_2.mbtm0, h2.mfc_hd2.mbtm0 { margin-bottom: 0; }
.mbtm10 { margin-bottom: 10px; }
.mbtm15 { margin-bottom: 15px; }
.mbtm20, h1.mfc_hd.mbtm20, h3.mfc_hd3_2.mbtm20 { margin-bottom: 20px; }
.mbtm3p, h3.mfc_hd3_2.mbtm3p { margin-bottom: 3%; }
.mtop-4 { margin-top: -4%; }

.red2 { color: #880000; }
.gold2 { color: #fcb600; }
.green2 { color: #5e9517; }
.blue2 { color: #102b48; }
.avo { color: #5e9517; }

.clearsides { clear:both; }
.center { text-align:center; }
.left { text-align:left; }
.centerblk { margin-left:auto;margin-right:auto; }


@media screen and (max-width: 1920px) {
	.frgrmbc_secstl2 { background-position: left 50px, right 70px; background-size: auto; }
}
@media screen and (max-width:1500px) {
	
	.frgrmbc_grp1 { padding-left: 240px; }
	.frgrmbc_image01 { left: -150px; }
	
	.frgrmbc_image06, .frgrmbc_image08, .frgrmbc_image12, .frgrmbc_image13, .frgrmbc_image21, .frgrmbc_image27 { margin-right: -150px; }
	.frgrmbc_image20 { margin-left: -150px; }
}
@media screen and (max-width:1400px) {
	.frgrmbc_grp1 { padding-left: 270px; }
	.frgrmbc_image01 { left: -120px; }
	
	.frgrmbc_image06, .frgrmbc_image08, .frgrmbc_image09, .frgrmbc_image11, .frgrmbc_image12, .frgrmbc_image13, .frgrmbc_image21, .frgrmbc_imagegrp_2, .frgrmbc_image27 { margin-right: -100px; }
	.frgrmbc_image20 { margin-left: -100px; }
}
@media screen and (max-width:1300px) {
	.frgrmbc_grp1 { padding-left: 350px; }
	.frgrmbc_image01 { left: -55px; }
	
	.frgrmbc_imagegrp_2 { margin-right: -25px; }
	.frgrmbc_image06, .frgrmbc_image08, .frgrmbc_image09, .frgrmbc_image11, .frgrmbc_image12, .frgrmbc_image13, .frgrmbc_image21, .frgrmbc_image27 { margin-right: -50px; }
	.frgrmbc_image20 { margin-left: -50px; }
}
@media screen and (max-width:1200px) {
	
	.frgrmbc_image06, .frgrmbc_image08, .frgrmbc_image09, .frgrmbc_image11, .frgrmbc_image12, .frgrmbc_image13, .frgrmbc_image21, .frgrmbc_image27 { margin-right: -4%; }
	
	.frgrmbc_imagegrp20s { text-align: center; margin: 0; }
	.frgrmbc_image20, .frgrmbc_image21 { float: none; display: inline-block; margin: 0; }
	
	.footercont { max-width: 880px; width: 95%; }
	.footerblk1 { display: block; width: auto; padding-right: 0; margin: 0 auto 30px; border-right: none; }
	.footerblk2 { display: block; width: auto; padding: 0; margin: 0 auto 20px; }
	.footerblk3 { text-align: center; }
}
@media screen and (max-width:1100px) {
	.header { margin-bottom: 0; }
	.bodywrap.btmsec { margin-bottom: 0; }
	
	.frgrmbc_secstl2 { background: none; }
	
	.frgrmbc_grp1 { padding-left: 0; }
	.frgrmbc_grp1_sub1 { padding-left: 340px; position: relative; margin: 0 auto 35px; }
	.frgrmbc_image01 { max-width: 340px; left: -10px; }
}
@media screen and (max-width:1000px) {
	.brstl3 br { display: none; }
	
	.frgrmbc_image14 { display: block; max-width: none; width: auto; text-align: center; padding: 0 4.5%; margin: 0 auto 20px; }
	.frgrmbc_image14a { display: inline-block; max-width: 254px; width: 45%; margin: 0 3% 0 0; vertical-align: middle; }
	.frgrmbc_image14b { display: inline-block; max-width: 254px; width: 45%; margin: 0; vertical-align: middle; }
	.frgrmbc_image14c { display: none; }
	.frgrmbc_grp3_subblk1 { display: block; width: auto; padding: 0 4.5%; }
	.frgrmbc_image28 { display: none; }
	.frgrmbc_image28b { display: block; }
}
@media screen and (max-width:900px) {
	.brstl1 br { display: none; }
}
@media screen and (max-width:800px) {
	.frgrmbc_grp1_sub1 { padding-left: 0; margin-bottom: 0; }
	.frgrmbc_image01 { float: left; width: 35%; position: relative; top: auto; left: auto; margin: 0 4% 0 0; }
	.frgrmbc_boxpanel1 { clear: both; }
	
	.frgrmbc_grp2 { display: block; }
	.frgrmbc_image05 { display: block; float: left; max-width: 272px; width: 30%; margin-right: 3%; margin-bottom: 5px; }
	
}
@media screen and (max-width:700px) {
	.mfc_hd2 br, .mfc_hd3 br { display: none; }
	
	.brstl2 br { display: none; }
	
	.frgrmbc_image07, .frgrmbc_image29 { display: block; float: none; width: 80%; margin: 0 auto 20px; }
}
@media screen and (max-width:600px) {
	body  { font-size: 16px;  }
	
	h1.mfc_hd { font-size: 72px; }
	h2.mfc_hd2 { font-size: 30px; }
	h3.mfc_hd3 { font-size: 24px; }
	h3.mfc_hd3_2, .frgrmbc_boxpanel1 { font-size: 20px; }
	
	.frgrmbc_image01 { display: block; float: none; max-width: 377px; width: 70%; margin: -15px auto 0; }
	
	.frgrmbc_imagegrp_2 { float: none; max-width: none; width: auto; text-align: center; margin: 0 0 20px; }
	.frgrmbc_image25, .frgrmbc_image26 { display: inline-block; width: 47%; vertical-align: top; }

	
	.frgrmbc_image08, .frgrmbc_image09 { display: block; float: none; width: 70%; margin: -15px auto 0; }
	.frgrmbc_image18 { display: block; float: none; width: 70%; margin: 0 auto 20px; }
	
	h2.mfc_hd2_2 { font-size: 40px; }
	h1.mfc_hd_2 { font-size: 58px; }
	
	.frgrmbc_hdtext1 { font-size: 30px; }
	
	.frgrmbc_gblk { margin: 0 0 0; }
	
	.frgrmbc_image22 { display: none; }
	.frgrmbc_faqsec_blk .frgrmbc_carttext br { display: none; }
}
@media screen and (max-width:500px) {
}
@media screen and (max-width:400px) {
}