.krRDPbrdCrb,.krPDPbrdCrb{background-color:#fff}.krRDPbrdCrbText,.krPDPbrdCrbText{font-family:"Nexa-Bold",Arial,Helvetica,sans-serif;font-size:18px;text-transform:capitalize}.krRDPbrdCrbAnchor,.krPDPbrdCrbAnchor{color:#0973a5}.krRDPbrdCrbArrow,.krPDPbrdCrbArrow{border:solid 1px;border-width:0 2px 2px 0;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-bottom:6px;margin-right:25px;margin-left:17px;display:inline-block;box-sizing:border-box;border-color:#aaa}@media screen and (min-width:768px) and (max-width:1024px){.krRDPbrdCrbText,.krPDPbrdCrbText{font-size:16px}}@media screen and (min-width:0) and (max-width:767px){.krRDPbrdCrbText,.krPDPbrdCrbText{font-size:14px}} .KrsnackBar { width: 310px; position: fixed; right: 0px; color: white; background: #232121; padding: 15px 10px; font-size: 15px; font-family: Nexa-Regular, Arial, Helvetica, sans-serif; left: 50%; word-break: break-word; border-radius: 4px; bottom: -50px; z-index: 1000; transform: translateX(-50%); display: none; opacity: 0.3;
} html.krdefaultScroll { overflow-y: scroll !important;
} .confirmWelcomeMsg { display: none; height: auto; box-sizing: border-box; padding: 20px; background-color: #333333; position: fixed; bottom: 30px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); text-align: left; font-family: Nexa-Regular, Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; line-height: 20px; z-index: 9;
} .confirmWelcomeMsg.active { display: block;
} #sk_id_layout_grid { overflow: hidden; margin: auto !important; max-width: 1366px !important;
} .krCatColorLine { width: 200px; height: 15px; margin: 0 auto;
} .krCatColorLine.KrRDP { width: 150px;
} .skImageBgFitCover { background-size: cover; background-position: center;
} .hide { display: none;
} .KRHeaderWrapper { width: 100%; height: 50px; box-sizing: border-box; background: #748a96;
} .KRHeaderMenuCont { z-index: -1;
} .KRHeaderLogoWrapper { width: 190px; height: 27px; box-sizing: border-box; float: left; text-align: center; margin-top: 11.5px; margin-bottom: 11.5px; position: relative;
} .KRHeaderLogoWrapper .KRHeaderLogo { width: 155px; height: 27px; box-sizing: border-box; margin-left: 19px; background-repeat: no-repeat;
} .KRHeaderFastForwardOptCont .KRHeaderFFOptions.KRFeaderFFRecipe { margin-left: 0px !important; width: 25px;
} .KRHeaderCont { float: right;
} .KRHeaderBrandsWrapper { width: auto; height: 27px; box-sizing: border-box; float: left; text-align: center; margin-top: 17.5px; cursor: pointer; position: relative;
} .KRHeaderBrandsWrapper .KRHeaderOurBrands { color: #ffffff; margin-right: 15px;
} .KRHeaderBrandsWrapper .KRHeaderOurBrands:before { font-family: Nexa-Regular, Arial, Helvetica, sans-serif; font-size: 18px;
} .KRHeaderBrandsWrapper .KRHeaderDropDownArrow { position: absolute; top: 2px; right: 0; width: 11px; height: 6px; box-sizing: border-box; pointer-events: none;
} .KRHeaderBrandTitle { width: auto; height: 30px; margin-top: 12px; margin-right: 26px; margin-bottom: 8px; margin-left: 26px; cursor: pointer;
} .KRHeaderBrandTitle:after { content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #FFFFFF; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; display: inline-block;
} .KRHeaderBrandList { display: none; position: absolute; background: #FFFFFF; border: 1px solid #CCCCCC; width: 205px; height: auto; z-index: 1; left: 100px; top: 50px; padding: 15px 10px 15px 15px; text-align: left;
} .KRHeaderBrandList a { text-decoration: none;
} .KRHeaderBrandList a .KRBrandListing { letter-spacing: 0; line-height: 24px; padding: 10px 15px;
} .KRHeaderBrandList a .KRBrandListing:hover, .KRHeaderBrandList a .KRBrandListing.active, .KRHeaderBrandList a .KRBrandListing.KRBrand-kraftRecipeHomepage { font-family: Nexa-Bold, Arial, Helvetica, sans-serif; color: #0a80b8;
} .KRHeaderBrandListCont { overflow-y: scroll; max-height: 217px;
} .KRHeaderBrandListCont::-webkit-scrollbar { height: 0px;
} .KRHeaderBrandListCont::-webkit-scrollbar-thumb { border-radius: 44px; border: 6px solid #fff; background: #999;
} .KRHeaderBrandListCont::-webkit-scrollbar-track { background: #ffffff;
} .KRHeaderBrandList:before { content: ''; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 7px solid #FFFFFF; position: absolute; top: -6px; left: 50%;
} .KRHeaderBrandSeeAll { background: #F4F4F4; margin: 15px -10px -15px -15px;
} .KRHeaderBrandSeeAllText { padding: 15px 30px;
} .KRHeaderMemberWrapper.KRUserSignedIn .KRHeaderMemberMobile { display: block; cursor: pointer;
} .KRHeaderMemberClassic { display: none;
} .KRHeaderMemberWrapper { float: right;
} .KRHeaderMemberWrapper button { height: auto; width: auto; margin: 10px 20px 7px 0px; border: 1px solid #ffffff; font-size: 16px; text-align: center; line-height: 30px; cursor: pointer; text-transform: uppercase; padding: 0px 15px;
} .KRHeaderMemberWrapper .KRHeaderMemberClassic .KRHeaderMemberSignup { background: #F4F4F4; color: #748a96;
} .KRHeaderMemberWrapper .KRHeaderMemberClassic .KRHeaderMemberLogin { color: #FFFFFF; background: #748a96;
} .KRHeaderMemberWrapper .KRHeaderMemberProfile { width: 23px; height: 23px; margin: 8px; float: left; background-size: 100% 100%; border-radius: 50%;
} .KRHeaderMemberWrapper .KRHeaderMemberOptions { display: none; position: absolute; background: #FFFFFF; font-size: 16px; border: 1px solid #CCCCCC; z-index: 1000; width: 195px; padding: 15px; font-family: Nexa-Regular, Arial, Helvetica, sans-serif;
} .KRHeaderMemberWrapper .KRHeaderMemberOptions .KRheaderMemberOptionsList { width: 100%; float: left; padding: 10px 0px; height: 28px; line-height: 26px; } .KRHeaderMemberWrapper .KRHeaderMemberOptions .KRheaderMemberOptionsList .KRHeaderMemberOptionLogo { float: left; padding-left: 5px;
} .KRHeaderMemberWrapper .KRHeaderMemberOptions .KRheaderMemberOptionsList span { float: left; padding-left: 5px; height: 28px;
} .KRHeaderMemberWrapper .KRHeaderMemberOptions:before { content: ''; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 7px solid #FFFFFF; position: absolute; top: -7px; right: 11px;
} .KRHeaderMemberWrapper .KRHeaderMemberName { display: none;
} .KRHeaderFastForwardOptCont { float: left;
} .KRHeaderFastForwardOptCont .KRHeaderFFOptions { width: 30px; height: 30px; box-sizing: border-box; float: left; margin: 10px; cursor: pointer;
} .KRHeaderFastForwardOptCont .tooltip { position: relative;
} .KRHeaderFastForwardOptCont .tooltip .tooltiptext { visibility: hidden; background-color: rgba(97, 97, 97, 0.9); color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -120px; width: 150px; font-family: Nexa-Regular, Arial, Helvetica, sans-serif; font-size: 14px;
} .betasitebanner { background-color: #23a0cd; color: #fff; font-family: Nexa-Regular, Arial, Helvetica, sans-serif; font-size: 18px; padding: 10px; align-items: center; justify-content: center; box-sizing: border-box; vertical-align: middle; height: auto !important;
} .betasitetext a { color: #ffffff; text-decoration: underline; font-size: 16px; font-family: Nexa-XBold, Arial, Helvetica, sans-serif;
} @media screen and (min-width: 768px) { .KRHeaderMemberMobile { display: none; } .KRHeaderMemberWrapper .KRHeaderMemberProfile { margin: 13px; } .KRHeaderMemberWrapper .KRHeaderMemberOptions { right: 35px; top: 43px; } .KRHeaderMemberWrapper .KRHeaderMemberOptions:before { right: 46%; } .KRUserSignedIn .KRHeaderMemberName { display: block; float: left; color: #fff; height: 20px; line-height: 20px; margin: 15px 15px 15px 0px; font-family: Nexa-XBold, Arial, Helvetica, sans-serif; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 110px; } .KRHeaderMemberWrapper.KRUserNotSignedIn .KRHeaderMemberClassic { display: block; }
} @media screen and (min-width: 1024px) { .KRHeaderFastForwardOptCont .tooltip:hover .tooltiptext { visibility: visible; }
} body { background: #e4e4e4 !important; height: 100%; width: 100%;
} * { outline: none;
} html { height: 100%; width: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;
} body div { -webkit-tap-highlight-color: transparent; -tap-highlight-color: transparent; -moz-tap-highlight-color: transparent;
} h1 { margin: 0px; font-weight: initial;
} #id_scfHeader { position: fixed !important;
} .scfFooter { position: relative;
} @media screen and (min-width: 0px) and (max-width: 767px) { .scfPage { padding-top: 90px !important; } .scfFooter { top: 0px !important; }
} @media screen and (min-width: 768px) and (max-width: 1024px) { .scfPage, .scfFooter { top: 120px; }
} @media screen and (min-width: 1025px) { .scfPage, .scfFooter { top: 140px; }
} input[type="search"] { -webkit-appearance: searchfield;
} input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; cursor: pointer;
} .loadingGuageForAPI { width: 100%; height: 100%; text-align: center; display: block; position: fixed; z-index: 1000; background-image: url("../img/loadingGif.gif"); background-color: #666; opacity: 0.4; background-repeat: no-repeat; background-position: center; left: 0; bottom: 0; right: 0; top: 0;
} .cls_skKrftBackToTopBtnCont { position: fixed; bottom: 70px; right: 25px; z-index: 10; cursor: pointer; display: none;
} .cls_skKrftBackToTopBtnIcon { background: #000000; text-decoration: none; border-radius: 50%; display: block; width: 27px; height: 27px; box-sizing: border-box; margin: auto;
} .cls_skKrftBackToTopBtnIcon::after { content: "\25b2"; display: block; color: #ffffff; font-weight: bold; font-size: 11px; text-align: center; line-height: 24px;
} .cls_skKrftBackToTopBtnTxt { font-size: 18px; color: #000000; margin-top: 5px;
} .KRModal { display: none; width: 390px; box-sizing: border-box; padding: 20px; background-color: #333333; position: fixed; bottom: 30px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); text-align: left; font-family: Nexa-XBold, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; line-height: 20px; z-index: 1;
} .KRModal.active { display: block;
} @media screen and (min-width: 0px) and (max-width: 767px) { .KRModal { width: 260px; box-sizing: border-box; padding: 10px 20px; } .KrsnackBar { width: 280px; font-size: 13px; } .betasitebanner { font-size: 14px; } .betasitebanner { flex-flow: column; } .betasitetext a { font-size: 12px; }
} .krPopupFixed { position: fixed !important;
} html.krPrventScroll { overflow: hidden !important; position: fixed;
} .krPopupOuter { width: 100%; height: 100%; min-height: 200px; z-index: 1001; top: 0; bottom: 0; position: fixed; overflow: scroll; display: block; background: rgba(255, 255, 255, 0.8); border: 1px solid #979797;
} .krPopupInnerCont { width: 80%; max-width: 850px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
} .krSurveyPopup { background-color: #fff; box-shadow: 0px 1px 15px 4px rgba(0, 0, 0, 0.34);
}
.krClosePopup { cursor: pointer;
} .krPopTitle { position: absolute; right: 10px; top: 10px;
} .krSurveyDet { font-family: Roboto-Light, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25px;
}
.krPopupButton { display: none; font-family: Nexa-XBold, Arial, Helvetica, sans-serif; font-size: 19px; position: absolute; font-weight: bold; color: #000000; bottom: 12%; right: 3.5%; padding: 16px 18px; letter-spacing: 1.9px; box-shadow: none; cursor: pointer; background: #FFFFFF;
} #krcloseBtn:hover { text-decoration: underline;
} #krcloseBtn { display: none;
} #krcloseBtn { background: #ffffff; color: #0884b1; max-width: 150px; font-size: 15px;
} .kr_vi_outer_cont { position: fixed; text-align: center; right: 0; background-color: #fad9d0; z-index: 1000; width: 540px; bottom: 0; box-shadow: -1px -1px 5px -2px #8a798a;
} .kr_vi_head { padding: 10px 0;
} .kr_vi_title { font-family: Lifehack-Bold, Arial, Helvetica, sans-serif; font-size: 30px; color: #183d6e; text-indent: 21px;
} .kr_vi_title_bar { width: 175px; height: 8px; margin: 0 auto; background-color: #e81156; transform: rotate(-2deg);
} .kr_vi_body { padding: 5px 95px 30px;
} .kr_vi_content { font-family: Nexa-Bold, Arial, Helvetica, sans-serif; font-size: 16px; padding-bottom: 10px;
} .kr_vi_input_cont > form { display: flex; justify-content: center; align-items: center; margin: 0;
} .kr_vi_input_dom.error .kr_vi_input { border: 1px solid #ed1558;
} .kr_vi_input_dom.error .kr_vi_input_err { display: block;
} .kr_vi_input { width: 210px; height: 35px; text-indent: 10px; font-family: Poppins-Regular, Arial, Helvetica, sans-serif; font-size: 16px;
} .kr_vi_input_err { display: none; height: 0; text-align: left; position: relative; font-size: 16px; text-indent: 13px; font-family: Nexa-Bold, Arial, Helvetica, sans-serif; color: #ed1558; top: 3px;
} .kr_vi_go_btn { padding: 0; margin-left: 10px; background: transparent; border: 0; cursor: pointer;
} .kr_vi_go_btn > svg { width: 26px; height: 26px; box-sizing: border-box;
} .kr_vi_go_btn > svg path { fill: #E81157;
} .kr_vi_close_cont { width: 11px; height: 14px; float: right; padding-right: 10px; cursor: pointer;
} .kr_vi_close_cont > svg { width: 13px; height: 13px;
} .kr_vi_close_cont > svg > line { stroke: #737373;
} .krOnboarding .krImgDesc p { margin: 0px;
} .krOnboarding .krClosePopup line { stroke: gray;
} .krOnboarding .krClosePopup { position: absolute; z-index: 9999; right: 10px; top: 10px; float: none;
} .krOnboarding .krClosePopup svg { width: 15px; height: 20px;
} .krOnboarding .krPopupInnerCont { width: 910px; height: 580px; padding: 0px; box-shadow: 0px 8px 10px rgba(50, 50, 50, 0.5), -10px 8px 15px rgba(50, 50, 50, 0.15), 10px 8px 15px rgba(50, 50, 50, 0.15);
} .krOnboarding .slideCont { height: 100%; text-align: center;
} .krOnboarding .slideCont .krImgCot { height: 365.5px; text-align: center; background-color: #CCCCCC; padding-top: 25px; box-sizing: border-box;
} .krOnboarding .slideCont .krImgDesc { box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.1); height: 214.5px;
} .krOnboarding .slideCont .krImgCot .krImg { height: 100%; max-width: 95%;
} .krOnboarding .swiper-button-next, .krOnboarding .swiper-button-prev { background-image: url("../img/common_sprite.png"); background-size: 162px 105.5px; background-position: -131px -57px; width: 16px; height: 25px;
} .krOnboarding .swiper-button-next { right: 50px;
} .krOnboarding .swiper-button-prev { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: 50px;
} .krOnboarding .slideCont .faqClick { bottom: 25px; position: absolute; left: 50%; transform: translateX(-50%); color: #23a0cd;
} .krOnboarding .slideCont .faqClick:hover { text-decoration: underline #23a0cd;
} .krOnboarding .swiper-pagination-bullet-active { background: #000000;
} .krOnboarding .slideCont { font-family: Nexa-Regular, Arial, Helvetica, sans-serif; font-size: 16px; color: #555555;
} .krOnboarding .krImgDesc .krImgTxt { width: 550px; position: absolute; left: 50%; transform: translateX(-50%);
} .krOnboarding .krImgDesc .krImgTxtCont { position: relative;
} .krOnboarding .krImgDesc .krImgTxt .krHint { text-align: left; padding-left: 50px; padding-bottom: 5px; position: relative; min-height: 35px; align-items: center; display: flex;
} .krOnboarding .krImgDesc .krImgTxt p { margin: 0px; display: inline;
} .krOnboarding .krImgDesc .krImgTxt .krHint .onBoardingSprite { background-image: url("../img/boarding_sprite.png"); margin-right: 15px; position: absolute; width: 31px; height: 31px; left: 0; top: 0;
} .krOnboarding .onBoardingIcon1 { background-position: 5.128% 50%;
} .krOnboarding .onBoardingIcon2 { background-position: 50% 50%;
} .krOnboarding .onBoardingIconArrow { background-position: 93.671% 55.556%;
} .krOnboarding .thankSlide { width: 530px; height: 100%; position: absolute; left: 50%; transform: translateX(-50%);
} .krOnboarding .thanksTitle { font-family: "Lifehack-Bold", Arial, Helvetica, sans-serif; font-size: 36px; padding: 60px 0px 0px;
} .krOnboarding .thanksText { padding: 45px 0px;
} .krOnboarding .thanksText p { margin: 0;
} .krOnboarding .thankSlideBtn { display: list-item; border: 1px solid #23a0cd; color: #23a0cd; margin-bottom: 15px; text-align: center;
} .krOnboarding .thankBtn { width: 250px; height: 45px; line-height: 45px; border-radius: 5px; font-family: Nexa-Black, Arial, Helvetica, sans-serif; font-size: 18px;
} .krOnboarding .thankFinishBtn { position: absolute; color: #FFFFFF; background-color: #23a0cd; margin-top: 40px;
} .krOnboarding .thankBtnCont { position: absolute; width: 530px; text-align: center; left: 50%;
} .krOnboarding .thankBtns { position: relative; left: -25%;
} .krOnboarding .thankBtnLine { border: 1px solid #DDDDDD; width: 435px; margin-top: 15px; opacity: 0.7; left: -17.5%; position: absolute;
} .krOnboarding .skip, .krOnboarding .start, .krOnboarding .btmLine { display: none;
} .krOnboarding .slideCont [trigger], .krOnboarding .start, .krOnboarding .skip, .krOnboarding .thankFinishBtn { cursor: pointer;
} .krOnboarding .slideCont .krHintTxt [trigger]:hover { text-decoration: underline #23a0cd;
} .krOnboarding, .krOnboarding .krPopupInnerCont, .krOnboarding .krSurveyCont { overflow-x: hidden; overflow-y: auto;
} .kr_light_box_image { height: 32.3vw; max-height: 370px; background-size: contain; background-repeat: no-repeat; background-position: center;
} @media screen and (min-width: 768px) { .kr_light_box_image { background-image: url(https://d3ldzx7fxfvsfy.cloudfront.net/120/studio/assets/v1685604563779_1098835756/layover2_MFF.png); background-size: cover; }
} .krPopupOuter.krPostCard { background: rgba(140, 140, 140, 0.9);
} .krPostCard .krPopupInnerCont { width: 100%; max-width: 1001px;
} .krPostCard .kr_light_box_image { max-height: 330px;
} .krPostCard .krPopupButton { box-shadow: initial; background: #23A0CD; font-family: Nexa-Black, Arial, Helvetica, sans-serif; bottom: 7%; right: 17.7%; padding: 15px 90px; letter-spacing: initial; border-radius: 5px;
} .krPostCard .kr_pc_mail_cont { position: absolute; right: 9.9%; bottom: 30%; z-index: 1;
} .krPostCard .kr_pc_mail { border: none; padding: 15px; width: 405px; font-size: 14px; font-family: Nexa-Regular, Arial, Helvetica, sans-serif;
} .krPostCard .kr_pc_mail_cont.error .kr_pc_mail { border: 1px solid #ff0000;
}
.lyt_cont_div { vertical-align: top;
} @media screen and (min-width: 768px) { .krPostCard .kr_light_box_image { background-image: none; }
} @media screen and (min-width: 0px) and (max-width: 767px) { .KRHeaderWrapper { height: 40px; } .KRHeaderWrapper .KRHeaderMemberProfile { width: 19.55px; height: 19.55px; margin: 10px 5px; } .KRHeaderWrapper .KRHeaderFastForwardOptCont .KRHeaderFFOptions { width: 25.5px; height: 25.5px; margin: 7px 4.25px !important; } .KRHeaderWrapper .KRHeaderFastForwardOptCont .KRHeaderFFOptions.KRFeaderFFShopList > svg, .KRHeaderWrapper .KRHeaderFastForwardOptCont .KRHeaderFFOptions.KRFeaderFFRecipe > svg { width: 21.25px !important; } .KRHeaderWrapper .KRHeaderFastForwardOptCont .KRHeaderFFOptions.KRFeaderFFRecipe { width: 20px; } .KRHeaderWrapper .KRHeaderLogoWrapper { width: 115px; height: 19px; margin-top: 11px; margin-bottom: 11px; } .KRHeaderWrapper .KRHeaderLogoWrapper .KRHeaderLogo { width: 103px; height: 18px; margin-left: 6px; } .KRHeaderWrapper .KRHeaderBrandsWrapper { width: auto; height: auto; margin-top: 11.5px; margin-bottom: 9px; } .KRHeaderWrapper .KRHeaderBrandsWrapper .KRHeaderOurBrands { margin-right: 12px; } .KRHeaderWrapper .KRHeaderBrandsWrapper .KRHeaderOurBrands:before { font-size: 12px; } .KRHeaderWrapper .KRHeaderBrandsWrapper .KRHeaderDropDownArrow { position: absolute; top: 0px; right: 0; } .KRHeaderWrapper .KRHeaderBrandTitle { margin-top: 8px; margin-right: 0px; margin-bottom: 7px; margin-left: 15px; height: 25px; } .KRHeaderWrapper .KRHeaderBrandTitle:after { border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 6px solid; margin-top: 0px; margin-right: 9px; margin-bottom: 0px; margin-left: 9px; } .KRHeaderWrapper .KRHeaderBrandList { width: -webkit-calc(100% - 27px); width: -moz-calc(100% - 27px); width: -ms-calc(100% - 27px); width: -khtml-calc(100% - 27px); width: -o-calc(100% - 27px); left: 0px; top: 40px; } .KRHeaderWrapper .KRHeaderBrandList:before { left: 130px; } .KRHeaderWrapper .KRHeaderMemberClassic { display: none; } .KRHeaderWrapper .KRHeaderMemberOptions { width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: -ms-calc(100% - 30px); width: -khtml-calc(100% - 30px); width: -o-calc(100% - 30px); left: 0px; top: 40px; } .KRHeaderWrapper .KRHeaderMemberWrapper .KRHeaderMemberName { display: none; } .KRHeaderWrapper .KRHeaderFastForwardOptCont .KRHeaderFFOptions { margin: 5px; } .krPopupInnerCont p { margin: 10px 0; } .krPopupInnerCont { width: 70%; margin-bottom: 40px; } .krSurveyDet { margin: 0; } .krSurveyDet ul { padding-left: 25px; } #krcloseBtn { font-size: 12px !important; } .krCatColorLine { width: 100px; height: 8px; } .krCatColorLine.KrRDP { width: 75px; height: 6px; }
} @media screen and (min-width: 0px) and (max-width: 767px) { .krOnboarding .krPopupInnerCont { width: 100%; height: 100%; max-width: none; transform: translate(-50%, 0%); min-height: 568; top: 0%; } .krOnboarding .krClosePopup { display: none; } .krOnboarding .slideCont .krImgCot { height: 53.5%; min-height: 304px; } .krOnboarding .slideCont .krImgDesc { height: 46.5%; min-height: 264px; } .krOnboarding .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 12.2VH; } .krOnboarding .slideCont .faqClick { bottom: 14VH; display: none; } .krOnboarding .slideCont { font-size: 14px; } .krOnboarding .krImgDesc .krImgTxt .krHint { padding-bottom: 2VH; } .krOnboarding .swiper-button-next, .krOnboarding .swiper-button-prev { bottom: 2.2VH; top: auto; } .krOnboarding .start, .krOnboarding .skip { position: absolute; bottom: 1.5VH; width: 130px; height: 5.3VH; border-radius: 5px; z-index: 99; font-family: Nexa-Black, Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; line-height: 5.3VH; } .krOnboarding .skip, .krOnboarding .start, .krOnboarding .btmLine { display: block; } .krOnboarding .start { left: 12px; color: #FFFFFF; background-color: #23A0CD; } .krOnboarding .skip { right: 12px; color: #23A0CD; background-color: #FFFFFF; border: 1px solid #23A0CD; } .krOnboarding .btmLine { position: absolute; bottom: 8.8VH; box-shadow: 0 -4px 3px rgba(50, 50, 50, 0.1); z-index: 999999; border: 1px solid #CCCCCC; width: 100%; } .krOnboarding .thankSlide { width: 100VW; } .krOnboarding .thanksTitle { padding: 6.2VH 0 0; font-size: 28px; } .krOnboarding .thanksText { padding: 3VH 0 6.2VH; } .krOnboarding .thankBtnCont { width: 500px; } .krOnboarding .thankBtnLine { width: 300px; left: -5.5%; } .kr_vi_outer_cont { box-shadow: 9px -1px 5px -2px #8a798a; width: auto; } .kr_vi_head { padding: 5px 0; } .kr_vi_title { font-size: 22px; } .kr_vi_title_bar { width: 135px; height: 4px; } .kr_vi_body { padding: 5px 30px 20px; } .kr_vi_content { font-size: 12px; padding-bottom: 8px; } .kr_vi_input { width: 175px; height: 25px; font-size: 12px; } .kr_vi_input_err { font-size: 12px; top: 2px; text-indent: 10px; } .kr_vi_go_btn > svg { width: 20px; height: 20px; box-sizing: border-box; }
} @media screen and (min-width: 0px) and (max-width: 767px) and (orientation: portrait) { .krPopupInnerCont { width: 74%; } .krPopupButton { right: 14%; border-radius: 0px; bottom: 3%; font-weight: bold; padding: 17px 23px; font-size: 16px; } .kr_light_box_image { background-image: url(https://d3ldzx7fxfvsfy.cloudfront.net/120/studio/assets/v1685595550832_1447327817/Layover_MFF.png); background-size: cover; height: 50vw; } .krPostCard .krPopupInnerCont { width: 90%; max-width: 300px; } .krPostCard .kr_light_box_image { background-image: none; height: 107vw; max-height: 357px; } .krPostCard .kr_pc_mail_cont { right: 6.9%; bottom: 41%; } .krPostCard .kr_pc_mail { padding: 10px; width: 250px; font-size: 10px; } .krPostCard .krPopupButton { bottom: 25%; right: 26%; padding: 10px 50px; }
} @media screen and (min-width: 0px) and (max-width: 767px) and (orientation: landscape) { .kr_light_box_image { background-image: url(https://d3ldzx7fxfvsfy.cloudfront.net/120/studio/assets/v1685604563779_1098835756/layover2_MFF.png); background-size: cover; } .krPopupButton { font-size: 10px; bottom: 8%; right: 3%; padding: 0px; letter-spacing: 1px; width: 25%; height: 43px; line-height: 43px; text-align: center; } .krPostCard .krPopupInnerCont { width: 93%; max-width: 582px; } .krPostCard .kr_light_box_image { background-image: none; height: 30.8vw; max-height: 192px; } .krPostCard .kr_pc_mail_cont { right: 9.9%; bottom: 27%; } .krPostCard .kr_pc_mail { padding: 9px; width: 240px; font-size: 10px; } .krPostCard .krPopupButton { bottom: 5%; right: 19.7%; padding: 8px 40px; }
} @media screen and (min-width: 768px) and (max-width: 1024px) { .krOnboarding .krPopupInnerCont { width: 100%; height: 100%; max-width: none; min-height: 768; top: 0%; transform: translate(-50%, 0%); } .krOnboarding .krClosePopup { display: none; } .krOnboarding .slideCont .krImgCot { height: 65%; min-height: 499px; } .krOnboarding .slideCont .krImgDesc { height: 35%; min-height: 269px; } .krOnboarding .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 9%; } .krOnboarding .slideCont .faqClick { bottom: 11%; } .krOnboarding .slideCont { font-size: 14px; } .krOnboarding .krImgDesc .krImgTxt .krHint { padding-bottom: 1VH; } .krOnboarding .swiper-button-next, .krOnboarding .swiper-button-prev { bottom: 2.5VH; top: auto; } .krOnboarding .start, .krOnboarding .skip { position: absolute; bottom: 1.5VH; width: 175px; height: 4VH; border-radius: 5px; z-index: 99; font-family: Nexa-Black, Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; line-height: 4VH; } .krOnboarding .skip, .krOnboarding .start, .krOnboarding .btmLine { display: block; } .krOnboarding .start { right: 30px; color: #FFFFFF; background-color: #23A0CD; } .krOnboarding .skip { left: 30px; color: #23A0CD; background-color: #FFFFFF; border: 1px solid #23A0CD; } .krOnboarding .btmLine { position: absolute; bottom: 7.5VH; box-shadow: 0 -4px 3px rgba(50, 50, 50, 0.1); z-index: 999999; border: 1px solid #CCCCCC; width: 100%; } .krOnboarding .thankSlide { width: 46VW; } .krOnboarding .thankBtnCont { width: 512px; } .krOnboarding .thanksTitle { padding: 17VH 0 0; font-size: 24px; } .krOnboarding .thanksText { padding: 6.2VH 0 7.5VH; } .krOnboarding .thankBtnLine { width: 325px; left: -7.5%; } .krCatColorLine { width: 160px; height: 12px; } .krCatColorLine.KrRDP { width: 100px; height: 8px; } .kr_vi_outer_cont { width: 430px; } .kr_vi_head { padding: 8px 0; } .kr_vi_title { font-size: 25px; } .kr_vi_content { font-size: 13px; } .kr_vi_title_bar { height: 6px; } .kr_vi_body { padding: 5px 75px 25px; } .kr_vi_input_err { font-size: 14px; } .kr_light_box_image { height: 32.9vw; } .cls_skKrftBackToTopBtnCont { bottom : 85px; }
} @media screen and (min-width: 768px) and (max-width: 1023px) { .krPopupButton { font-size: 16px; padding: 0px; width: 25%; height: 52px; line-height: 52px; text-align: center; } .krPostCard .krPopupInnerCont { width: 91.2%; } .krPostCard .kr_pc_mail_cont { right: 9.9%; bottom: 29.8%; } .krPostCard .kr_pc_mail { width: 285px; font-size: 12px; padding: 10px; } .krPostCard .krPopupButton { bottom: 5.6%; right: 17.8%; padding: 12px 60px; } .krPostCard .kr_light_box_image { max-height: 231px; }
}
.KRHeaderBrandTitle{ font-family:Nexa-XBold,Arial,Helvetica,sans-serif; font-size:16px; color:#fff; letter-spacing:0; line-height:30px
}
.KRHeaderLogo{ background-image:url("//d3ldzx7fxfvsfy.cloudfront.net/myfoodandfamily/v202112141250p/img/header_footer.png"); background-position:1.923% 4.444%; background-size:259px
}
.KRBrandListing{ color:#000; font-family:Nexa-Regular,Arial,Helvetica,sans-serif
}
.KRHeaderBrandSeeAllText{ font-family:Nexa-XBold,Arial,Helvetica,sans-serif; font-size:16px; color:#000; letter-spacing:0
}
body{ background:#fff!important
}
.KRHeaderMemberWrapper button{ font-family:Nexa-Regular,Arial,Helvetica,sans-serif
}
.krSurveyDet{ font-family:Nexa-Regular,Arial,Helvetica,sans-serif; font-size:18px; color:#000
}
@media screen and (min-width:0) and (max-width:767px){ .KRHeaderBrandTitle{ font-size:16px; line-height:25px } .KRHeaderLogo{ background-size:170px } .KRHeaderMemberOptions{ font-family:Nexa-Regular,Arial,Helvetica,sans-serif } .krSurveyDet{ font-size:14px }
}
.KRHeaderMenuItems.subscribe{ display:none !important;
}
.KRHeaderMenuItems.menuSlidderSubscribe{ display:none !important;
}	@media only screen and (min-width:1025px){.KRMegaMenuCont{margin-left:10px}}@media only screen and (min-width:1350px){.KRMegaMenuCont{margin-left:0}}.KRHeaderPancakeToogleWrapper{display:none;border-color:#fff;background:#fff;border:0;padding:0;width:30px;height:29px}.KRHeaderMenuSearchIconWrapper{display:none}.KRHeaderMenuSearchWrapperDevice{display:none}.KRHeaderSearchWrapper form{margin:0}.noScroll{position:fixed}.KRMegaMenuNoImage{background-size:100% 100%}@media screen and (min-width:1025px){.KRHeaderMenuWrapperSlider{display:none}.KRHeaderSearchButton.KRTabletAsset{display:none}}.pageMenuMask{background:#fff;width:100%;height:100%;position:fixed;opacity:.8;z-index:10;overflow:hidden;top:0;left:0}.KRHeaderSearchInput{padding-bottom:0}@media screen and (min-width:0) and (max-width:1024px){.KRHeaderMenuWrapperSlider{position:fixed;background:#fff;top:50px;left:0;width:0;overflow-x:hidden;overflow-y:scroll;transition:.5s;z-index:1;height:-webkit-calc(100% - 40px);height:-moz-calc(100% - 40px);height:-ms-calc(100% - 40px);height:-khtml-calc(100% - 40px);height:-o-calc(100% - 40px)}.KRHeaderMenuWrapperSlider .KRHeaderMenuInnerWrapper{float:none;overflow:auto;display:none;margin:20px 0}.KRHeaderMenuWrapperSlider .KRHeaderMenuInnerWrapper .KRHeaderMenuItems{width:100%;float:left;transition:.3s}.KRHeaderMenuWrapperSlider .KRHeaderMenuInnerWrapper .KRHeaderMenuItems a.KRHeaderMenuItemsLink{float:left;padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:10px;text-transform:uppercase}.KRHeaderMenuWrapperSlider .KRHeaderMenuInnerWrapper .KRHeaderMenuItems a.KRHeaderMenuItemsLink .KRHeaderMenuItemLogo{float:left;width:65px;vertical-align:middle}.KRHeaderMenuWrapperSlider .KRHeaderMenuInnerWrapper .KRHeaderMenuItems a.KRHeaderMenuItemsLink span{float:left;line-height:27px}.KRHeaderMenuWrapperSlider .KRHeaderMenuSliderClose{position:absolute;display:inline-block;width:30px;height:30px;overflow:hidden;right:30px;top:30px;cursor:pointer;border-color:#fff;background:#fff;border:0;padding:0}.KRHeaderMenuWrapperSlider .KRHeaderMenuSliderClose::before,.KRHeaderMenuWrapperSlider .KRHeaderMenuSliderClose::after{content:'';position:absolute;height:3px;width:100%;top:50%;left:0;margin-top:-1px;background:#000}.KRHeaderMenuWrapperSlider .KRHeaderMenuSliderClose::before{transform:rotate(45deg)}.KRHeaderMenuWrapperSlider .KRHeaderMenuSliderClose::after{transform:rotate(-45deg)}.KRHeaderPancakeToogleWrapper{display:block}.KRHeaderPancakeToogleWrapper{float:left;margin:19px}.KRHeaderPancakeToogleWrapper .KRHeaderPancakeIcon{width:30px;height:4px;background-color:black;margin:5px 0}.KRHeaderLangWrapper{display:none}.KRHeaderMenuLangWrapper{width:100%;float:left;transition:.3s;background:#ddd}.KRHeaderMenuLangInnerWrapper{float:left;padding-top:20px;padding-right:35px;padding-bottom:20px;padding-left:35px}}.KRMegaMenuWrapper{border-bottom:1px solid lightgrey}.KRHeaderMenuWrapper{width:100%;max-width:1366px;background:#fff;height:90px}.KRHeaderMenuWrapper .KRHeaderPancakeToogleWrapper+a{font-size:0}.KRHeaderMenuWrapper .KRHeaderMenuWrapperClassic{width:calc(100% - 568px);width:-webkit-calc(100% - 568px);width:-moz-calc(100% - 568px);width:-ms-calc(100% - 568px);width:-khtml-calc(100% - 568px);width:-o-calc(100% - 568px);float:left;margin-top:38px;margin-right:0;margin-bottom:30px;margin-left:0;overflow:hidden}.KRHeaderMenuWrapper .KRHeaderMenuWrapperClassic .KRHeaderMenuInnerWrapper{overflow:hidden}.KRHeaderMenuWrapper .KRHeaderMenuWrapperClassic .KRHeaderMenuItems{width:auto;float:left;margin-right:27px;text-transform:uppercase;cursor:pointer}.KRHeaderMenuWrapper .KRMegaMenu{width:100%;height:100%}.KRHeaderMenuWrapper .KRMegaMenuCont{position:absolute;top:100%;background-color:#fff;max-width:1366px;padding-left:10px;padding-right:10px;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.25);-moz-box-shadow:0 0 4px rgba(0,0,0,0.25);box-shadow:0 0 4px rgba(0,0,0,0.25)}.KRHeaderMenuWrapper .KrRecipes,.KRHeaderMenuWrapper .KrProducts,.KRHeaderMenuWrapper .KrTipsIdea,.KRHeaderMenuWrapper .KrSubscribe,.KRHeaderMenuWrapper .KrHealthyLive,.KRHeaderMenuWrapper .KrShop{display:none}.KRHeaderMenuWrapper .KRMegaMenuInnerCont{display:inline-block;overflow:hidden}.KRHeaderMenuWrapper .KRMegaMenuList{float:left;width:249px;margin-top:20px;margin-bottom:22px;margin-left:10px;margin-right:10px}.KrShop .KRMegaMenuList{float:none}.KRHeaderMenuWrapper .KRMegaMenuTitleText{font-family:Nexa-Bold,Arial,Helvetica,sans-serif;color:#000;font-size:18px;text-align:left;margin-bottom:18px;cursor:pointer;clear:both;float:left}.KRHeaderMenuWrapper .KRMegaMenuCategories{font-family:Nexa-Regular,Arial,Helvetica,sans-serif;font-size:14px;color:#555;text-align:left;line-height:16px;margin-bottom:10px;clear:both;float:left}.KRHeaderMenuWrapper .KRMegaMenuCategories:hover{color:deepskyblue}.KRHeaderMenuWrapper .KRMegaMenuCategoriesHide{display:none}.KRHeaderMenuWrapper .KRMegaMenuImgCont{width:100%;height:100px;margin-bottom:22px}.KRHeaderMenuWrapper .KRMegaMenuImgInnerCont{width:100%;height:100%;cursor:pointer;object-fit:cover}.KRHeaderMenuWrapper .KRMegaMenuBottomCont{min-height:187px}.KRHeaderMenuWrapper .KRMegaMenuEmailBottomCont{min-height:121px}.KRHeaderMenuWrapper .KRViewAllCont{height:58px;border-top:1px solid #e4e4e4;margin-top:34px}.KRHeaderMenuWrapper .KRsubcribebutton,.KRHeaderMenuWrapper .KrMagazineBtn{font-size:16px;font-family:Nexa-Black,Arial,Helvetica,sans-serif;background-color:deepskyblue;color:#FFF;border-radius:6px;padding:7px 11px;text-transform:uppercase;cursor:pointer;float:left;margin-bottom:10px}.KRHeaderMenuWrapper .KRsubcribebutton{padding:7px 27px}.KRHeaderMenuWrapper .krMagazineLink{color:white}.KRHeaderMenuWrapper .KrEmailContHead{overflow:hidden}.KRHeaderMenuWrapper .krMagazineCont{padding-top:10px}.KRHeaderMenuWrapper .KRViewAllText{width:fit-content;text-align:center;font-family:Nexa-Bold,Arial,Helvetica,sans-serif;font-size:14px;color:deepskyblue;padding:15px;display:inline-block}.KRHeaderMenuWrapper .KRMegaMenuViewAll{text-decoration:none}.KRHeaderMenuWrapper .KRMegaMenuCategoriesLink{text-decoration:none}.KRHeaderMenuWrapper .KRMegaMenupointer{background-color:#FFF;top:101%;width:42px;position:absolute}.KRHeaderMenuWrapper .KRMegaMenupointer::after,.KRHeaderMenuWrapper .KRMegaMenupointer::before{content:"";display:block;position:absolute;bottom:100%;left:1em}.KRHeaderMenuWrapper .KRMegaMenupointer::after{border-bottom:21px solid #FFF;border-left:19px solid transparent;border-right:19px solid transparent;z-index:1}.KRHeaderMenuWrapper .KRMegaMenupointer::before{border-bottom:23px solid rgba(0,0,0,0.1);border-left:22px solid transparent;border-right:20px solid transparent;margin-top:-3px;margin-left:-3px}.KRHeaderMenuWrapper .KrEmailOuter{float:left;width:249px;margin-top:20px;margin-bottom:22px;margin-left:10px;margin-right:10px}.KRHeaderMenuWrapper .KrEmailImgCont{width:100%;height:100px;margin-bottom:22px}.KRHeaderMenuWrapper .KrEmailImgInnerCont{width:100%;height:100%}.KRHeaderMenuWrapper .KrEmailInnerCont,.KRHeaderMenuWrapper .krMagazineName,.KRHeaderMenuWrapper .krshopTxt{font-family:Nexa-Bold,Arial,Helvetica,sans-serif;color:#000;font-size:18px;text-align:left;margin-bottom:18px}.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic{width:300px;float:right;margin-right:20px}.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic .KRHeaderSearchWrapper{width:100%;margin:24px 0 0 0;overflow:hidden}.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic .KRHeaderSearchWrapper .KRHeaderSearchInput{width:236px;height:40px;padding:0;-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;float:left;padding-left:10px;box-sizing:border-box}.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic .KRHeaderSearchWrapper .KRHeaderSearchInput::placeholder,.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic .KRHeaderSearchWrapper .KRHeaderSearchInput::-webkit-input-placeholder,.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic .KRHeaderSearchWrapper .KRHeaderSearchInput::-moz-placeholder,.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic .KRHeaderSearchWrapper .KRHeaderSearchInput:-ms-input-placeholder,.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic .KRHeaderSearchWrapper .KRHeaderSearchInput:-moz-placeholder{color:#aaa;font-size:16px;line-height:19px}.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic .KRHeaderSearchWrapper .KRHeaderSearchButton{display:inline-block;width:50px;vertical-align:middle;height:40px;padding:0;line-height:40px;max-width:100px;-webkit-appearance:none!important;float:left;cursor:pointer}.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic .KRHeaderSearchWrapper .KRHeaderSearchButton svg{fill:#fff}.KRHeaderSearchIcon{height:25px;width:25px;background-image:url(//d3ldzx7fxfvsfy.cloudfront.net/myfoodandfamily/v202306100007p/img/header_footer.png);margin:0 auto}.KRHeaderSiteLogoWrapper{width:140px;float:left;height:75px;margin:10px 0 5px 0}.KRHeaderSiteLogoWrapper .KRHeaderSiteLink{text-decoration:none;cursor:pointer}.KRHeaderMenuMask{display:none;background:#000;width:100%;position:fixed;left:0;z-index:0;overflow:hidden;height:100%}.KRBodyFixed{overflow:hidden;position:relative;height:100%}.KRHeaderLangOption{font-family:Nexa-XBold,Arial,Helvetica,sans-serif;font-size:10px;color:#000;letter-spacing:0;text-align:right;line-height:17px;float:left;margin:0 4px}.KRHeaderLangImageWrapper{float:left}.KRHeaderLangWrapper{height:17px;margin:36.5px 5px;width:auto;float:left;cursor:pointer}.KRHeaderMenuItems.Shop{margin-right:0}.KRHeaderMenuItems a{-webkit-appearance:none;text-decoration:none}.KR_ca_ES .KRHeaderMemberClassic .KRHeaderMemberLogin{width:110px}@media screen and (min-width:0) and (max-width:767px){.KRHeaderMenuSearchWrapperDevice{display:block}.KRHeaderMenuSearchWrapperClassic{display:none}.KRHeaderMenuWrapperClassic .KRHeaderMenuItems:nth-child(1){display:block}.KRHeaderMenuWrapperClassic .KRHeaderMenuItems{display:none}.KRHeaderMenuWrapper{height:50px}.KRHeaderMenuWrapper .KRHeaderPancakeToogleWrapper{margin:11px}.KRHeaderMenuWrapper .KRHeaderPancakeToogleWrapper .KRHeaderPancakeIcon{height:3px}.KRHeaderMenuWrapper .KRHeaderMenuWrapperClassic{border-right:0;width:-webkit-calc(100% - 194px);width:-moz-calc(100% - 194px);width:-ms-calc(100% - 194px);width:-khtml-calc(100% - 194px);width:-o-calc(100% - 194px);margin-top:17px;margin-right:0;margin-bottom:17px;margin-left:0}.KRHeaderMenuWrapper .KRHeaderMenuWrapperClassic .KRHeaderMenuInnerWrapper .KRHeaderMenuItems{float:none;margin:0}.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperDevice .KRHeaderSearchInput{display:none;position:absolute;left:0;height:32px;margin:9px 9px 9px 10px;width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);width:-ms-calc(100% - 60px);width:-khtml-calc(100% - 60px);width:-o-calc(100% - 60px);-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;padding-left:10px}.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperDevice .KRHeaderSearchButton{width:40px;height:40px;-webkit-appearance:none;background:#fff;border:0;margin:5px}.KRHeaderSiteLogoWrapper{width:200px;height:40px;margin:5px 0 5px 10px;left:50%;position:absolute;transform:translateX(-50%)}.KRHeaderMenuWrapperClassic{display:none}.KRHeaderMenuSearchWrapperDevice{float:right}.KRHeaderMenuItems{position:relative}.krHeaderSubscribeIcon,.krHeaderShopIcon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid black;position:absolute;top:24px;right:10%;transition:all .6s ease-in-out}.krHeaderSubscribeIcon.active{transform:rotate(90deg)}.krHeaderShopIcon.active{transform:rotate(90deg)}.menuSlidderSubscribe .KRHeaderMenuItemLogo{float:left;padding-top:15px;padding-bottom:15px;padding-left:10px;width:65px;vertical-align:middle}.menuSlidderShop .KRHeaderMenuItemLogo{float:left;padding-top:15px;padding-bottom:15px;padding-left:10px;width:65px;vertical-align:middle}.menuSlidderSubscribe .krHeaderMenuItemsList{float:left;line-height:27px;padding-top:15px;padding-right:20px;padding-bottom:15px;text-transform:uppercase}.menuSlidderShop .krHeaderMenuItemsList{float:left;line-height:27px;padding-top:15px;padding-right:20px;padding-bottom:15px;text-transform:uppercase}.menuSlidderSubscribe .krHeaderSubscribeDropDown{width:100%;float:left}.menuSlidderShop .krHeaderShopDropDown{width:100%;float:left}.menuSlidderSubscribe .krEmailText,.menuSlidderSubscribe .krMagazineTxt{padding-bottom:20px;text-align:left;border-bottom:1px solid lightgrey;border-top:1px solid lightgrey;padding-left:75px;padding-top:15px;font-family:Nexa-Regular,Arial,Helvetica,sans-serif;color:#666;font-size:17px}.menuSlidderShop .krArticleTxt{padding-bottom:20px;text-align:left;border-bottom:1px solid lightgrey;border-top:1px solid lightgrey;padding-left:75px;padding-top:15px;font-family:Nexa-Regular,Arial,Helvetica,sans-serif;color:#666;font-size:17px}.menuSlidderSubscribe .krMagazineLink .krMagazineTxt{border-top:0}.menuSlidderSubscribe .krSubscribeMenuList{padding-bottom:15px;text-align:left;padding-top:16px;padding-left:75px;font-family:Nexa-Regular,Arial,Helvetica,sans-serif;color:#666;font-size:17px;line-height:25px}.KrSubscribeActive,.KrShopActive{background-color:#f2f2f2}}@media screen and (min-width:768px) and (max-width:1024px){.KRHeaderMenuSearchWrapperDevice{display:none}.KRHeaderMenuWrapperClassic .KRHeaderMenuItems:nth-child(1){display:block}.KRHeaderMenuWrapperClassic .KRHeaderMenuItems:nth-child(2){display:block}.KRHeaderMenuWrapperClassic .KRHeaderMenuItems{display:none}.KRHeaderMenuWrapper{height:70px}.KRHeaderMenuWrapper .KRHeaderMenuWrapperClassic{margin-top:27px;margin-right:0;margin-bottom:27px;margin-left:30px;width:32%;border-right:0}.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic{width:275px;margin-right:21px}.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic .KRHeaderSearchWrapper{margin-top:14px;margin-right:0;margin-bottom:0;margin-left:0}.KRHeaderMenuWrapper .KRHeaderMenuSearchWrapperClassic .KRHeaderSearchWrapper .KRHeaderSearchInput{width:225px}.KRHeaderSiteLogoWrapper{width:102px;height:68px;margin:2px 0 1px 10px}.KRHeaderMenuItems{position:relative}.krHeaderSubscribeIcon,.krHeaderShopIcon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid black;position:absolute;top:24px;right:10%;transition:all .6s ease-in-out}.krHeaderSubscribeIcon.active{transform:rotate(90deg)}.krHeaderShopIcon.active{transform:rotate(90deg)}.menuSlidderSubscribe .KRHeaderMenuItemLogo{float:left;padding-top:15px;padding-bottom:15px;padding-left:10px;width:65px;vertical-align:middle}.menuSlidderShop .KRHeaderMenuItemLogo{float:left;padding-top:15px;padding-bottom:15px;padding-left:10px;width:65px;vertical-align:middle}.menuSlidderSubscribe .krHeaderMenuItemsList{float:left;line-height:27px;padding-top:15px;padding-right:20px;padding-bottom:15px;font-family:Nexa-XBold,Arial,Helvetica,sans-serif;text-transform:uppercase}.menuSlidderShop .krHeaderMenuItemsList{float:left;line-height:27px;padding-top:15px;padding-right:20px;padding-bottom:15px;font-family:Nexa-XBold,Arial,Helvetica,sans-serif;text-transform:uppercase}.menuSlidderSubscribe .krHeaderSubscribeDropDown{float:left}.menuSlidderSubscribe .krHeaderShopDropDown{float:left;width:100%}.menuSlidderSubscribe .krEmailText,.menuSlidderSubscribe .krMagazineTxt{padding-bottom:20px;text-align:left;border-bottom:1px solid lightgrey;border-top:1px solid lightgrey;padding-left:75px;padding-top:15px;font-family:Nexa-Regular,Arial,Helvetica,sans-serif;color:#666;font-size:17px}.menuSlidderShop .krArticleTxt{padding-bottom:20px;text-align:left;border-bottom:1px solid lightgrey;border-top:1px solid lightgrey;padding-left:75px;padding-top:15px;font-family:Nexa-Regular,Arial,Helvetica,sans-serif;color:#666;font-size:17px}.menuSlidderSubscribe .krMagazineLink .krMagazineTxt{border-top:0}.menuSlidderSubscribe .krSubscribeMenuList{padding-bottom:15px;text-align:left;padding-top:16px;padding-left:75px;font-family:Nexa-Regular,Arial,Helvetica,sans-serif;color:#666;font-size:17px;line-height:25px}.KrSubscribeActive,.KrShopActive{background-color:#f2f2f2}.KRHeaderMenuWrapper .KRHeaderMenuWrapperClassic{display:none}}@media screen and (min-width:1025px){.KRHeaderMenuWrapper .KRHeaderMenuWrapperClassic .KRHeaderMenuItems{margin-right:10px;font-size:11px}}@media screen and (min-width:1101px){.KRHeaderMenuWrapper .KRHeaderMenuWrapperClassic .KRHeaderMenuItems{margin-right:12px;font-size:13px}}@media screen and (min-width:1201px){.KRHeaderMenuWrapper .KRHeaderMenuWrapperClassic .KRHeaderMenuItems{margin-right:23px;font-size:14px}}@media screen and (min-width:1349px){.KRHeaderMenuWrapper .KRHeaderMenuWrapperClassic .KRHeaderMenuItems{margin-right:27px;font-size:16px}}.KRHeaderMenuItems a{color:#000}.KRHeaderMenuItems{font-family:Nexa-XBold,Arial,Helvetica,sans-serif;font-size:16px;color:#000;letter-spacing:0;line-height:19px}.KRHeaderMenuWrapperClassic .KRHeaderMenuInnerWrapper{height:18px}.KRHeaderMenuWrapperClassic{margin-top:38px}.KRHeaderSearchInput{font-family:Poppins-Regular,Arial,Helvetica,sans-serif;color:#999;border:2px solid #23a0cd;font-size:18px}.krHeaderMenuItemsList{font-family:Nexa-XBold,Arial,Helvetica,sans-serif}.cls_skKrftBackToTopBtnTxt{font-family:Nexa-Regular,Arial,Helvetica,sans-serif}.KRHeaderSearchIcon{background-position:69.281% 5.618%;background-size:218px}@media screen and (min-width:768px) and (max-width:1024px){.KRHeaderMenuItems{line-height:17px}.KRHeaderSearchInput{font-size:16px}.KRHeaderMenuWrapperClassic .KRHeaderMenuInnerWrapper{height:17px}}@media screen and (min-width:0) and (max-width:768px){.KRHeaderMenuItems{line-height:16px;font-size:14px}.KRHeaderSearchInput{font-size:14px}.KRHeaderMenuWrapperClassic .KRHeaderMenuInnerWrapper{height:16px}}@media screen and (min-width:768px){.KRHeaderSearchButton{background:#fff;border:2px solid #23a0cd;border-left:0}.KRHeaderSearchInput{background:#fff;border-right:0}}	.krFooterCont.FooterSnippet{background:#FFF!important;width:100%;max-width:1366px;margin:auto;padding-top:80px}.krFooterCont.FooterSnippet .krFooterLogoFollowCont{float:right;width:fit-content;position:relative;right:65px}.krFooterCont.FooterSnippet .krFooterLogoFollowCont .krFooterLogoCont{margin-top:32px;margin-bottom:48px;width:100%}.krFooterCont.FooterSnippet .krFooterLogoFollowCont .krFooterFollowCont .krSocialFollow .krFollowIcons{text-decoration:none}.krFooterCont.FooterSnippet .krFooterLogoFollowCont .krFooterFollowCont .krSocialFollow .krFollowIcons div{display:inline-block}.krFooterCont.FooterSnippet .krFooterLogoFollowCont .krFooterFollowCont .krSocialFollow .krFollowIcons:not(:last-child){margin-right:4px}.krFooterCont.FooterSnippet .krFooterNavCont{column-count:4;column-gap:0;height:350px;padding:16px 0 0 50px;width:70%}.krFooterCont.FooterSnippet .krFooterNavCont .krFooterTopNavCont{display:inline-block;width:100%}.krFooterCont.FooterSnippet .krFooterNavCont .krFooterTopNavCont .krFooterTopNav .krFooterTopAcc{display:none}.krFooterCont.FooterSnippet .krFooterNavCont .krFooterTopNavCont .krFooterSubNavCont{padding:0;margin:0;list-style-type:none}.krFooterCont.FooterSnippet .krFooterNavCont .krFooterTopNavCont .krFooterSubNavCont .krFooterSubNav{margin-bottom:7px;text-decoration:none;display:block;width:fit-content}.krFooterCont.FooterSnippet .krFooterNavCont .krFooterTopNavCont:nth-child(1){padding-bottom:10px}.krFooterCont.FooterSnippet .krFooterNavCont .kraftheinzbrands ul{column-count:2}.krFooterCont.FooterSnippet .krFooterContentWrap .krFooterContentCont{display:inline-block;float:right}.krFooterCont.FooterSnippet .krFooterContentWrap .krFooterContentCont .krFooterContent{text-decoration:none;width:fit-content}.krFooterCont.FooterSnippet .krFooterContentWrap .krFooterContentCont .krFooterContent:not(:first-child){margin-left:23px}.krFooterCont.FooterSnippet .krFooterContentWrap .krFooterContent{display:inline-block}.krFooterCont.FooterSnippet .krFooterContentWrap .krFooterRightsCont .krFooterContent:not(:last-child){padding-right:10px}.krFooterCont.FooterSnippet .krFooterContentWrap .krBottomTile{padding:8px 0 0;font-size:12px}.krFooterCont.FooterSnippet .KR_followUs{margin-bottom:8px;text-align:left}.krFooterCont.FooterSnippet .cls_krFooterTopNavLine{width:42px;height:8px;background-color:#f02547;margin-bottom:16px}.krSocialFollow{text-align:left}#socialtooltip{font-family:Nexa-Regular,Arial,Helvetica,sans-serif;font-size:14px;color:#4c4c4c;border:1px solid #dcdcdc}@media screen and (min-width:1025px) and (max-width:1240px){.kraftheinzsites{min-height:300px}}@media screen and (min-width:1025px) and (max-width:1400px){.kraftheinzbrands{width:223px!important}}@media screen and (min-width:0) and (max-width:1024px){.krFooterCont.FooterSnippet .KR_followUs{text-align:left;margin-bottom:2px;font-size:12px}.krFooterCont.FooterSnippet .krFooterLogoFollowCont{float:none;width:100%;text-align:center;right:0}.krFooterCont.FooterSnippet .krFooterLogoFollowCont .krFooterLogoCont{margin:20px 0 30px 12px;width:fit-content;display:inline-block;float:left}.krFooterCont.FooterSnippet .krFooterLogoFollowCont .krFooterFollowCont{float:right;margin:15px 5px 0 35px}.krFooterCont.FooterSnippet .krFooterNavCont{column-count:auto;column-gap:normal;height:auto;padding:12px 0 0 0;width:100%}.krFooterCont.FooterSnippet .krFooterNavCont .krFooterTopNavCont{border-bottom:1px solid #ddd}.krFooterCont.FooterSnippet .krFooterNavCont .krFooterTopNavCont .cls_krFooterTopNavLine{width:35px;height:6px;box-sizing:border-box;margin:4px 0 0 15px}.krFooterCont.FooterSnippet .krFooterNavCont .krFooterTopNavCont .krFooterTopNav{padding:14px 19px 3px 15px}.krFooterCont.FooterSnippet .krFooterNavCont .krFooterTopNavCont .krFooterSubNavCont{display:none;padding:10px 0 5px 25px}.krFooterCont.FooterSnippet .krFooterNavCont .krFooterTopNavCont .krFooterSubNavCont .krFooterSubNav{padding:10px 0;margin:0}.krFooterCont.FooterSnippet .krFooterNavCont .krFooterTopNavCont:nth-child(1){padding-bottom:0}.krFooterCont.FooterSnippet .krFooterContentWrap{text-align:center}.krFooterCont.FooterSnippet .krFooterContentWrap .krFooterContentCont{color:#000;padding:15px 0 8px 0;font-size:12px;display:block;float:none}.krFooterCont.FooterSnippet .krFooterContentWrap .krFooterContentCont .krFooterContent:not(:first-child){margin-left:0;border-left:1px solid}.krFooterCont.FooterSnippet .krFooterContentWrap .krFooterContentCont .krFooterContent{padding:0 3px 0 3px}.krFooterCont.FooterSnippet .krFooterContentWrap .krFooterRightsCont{font-size:8px;height:auto;line-height:20px}.krFooterCont.FooterSnippet .krFooterContentWrap .krFooterRightsCont .krFooterContent:not(:last-child){padding-right:7px}.krFooterCont.FooterSnippet .krFooterContentWrap .krBottomTile{padding:0 0 6px;font-size:10px}}@media screen and (min-width:1025px) and (max-width:1125px){.krFooterCont.FooterSnippet .krFooterLogoFollowCont{right:0}.krFooterCont.FooterSnippet .krFooterNavCont{width:75%}.krFooterSubNavCont{font-size:13px}}.krFooterTopNav{color:#000;font-family:Nexa-Bold,Arial,Helvetica,sans-serif;font-size:14px;padding-bottom:1px!important;text-transform:uppercase}.cls_krFooterTopNavLine{display:block}.krFooterSubNavCont{font-size:14px;font-family:Nexa-Bold,Arial,Helvetica,sans-serif}.krFooterSubNav{color:#555}.krFooterContentWrap{background:0;color:#555;font-family:Nexa-Bold,Arial,Helvetica,sans-serif;font-size:14px;padding:4px 50px 30px 50px}.krFooterContentCont .krFooterContent{color:#000}.krFooterLogoCont .krLogoImg{width:200px;height:120px}.KR_followUs{font-family:Nexa-Regular,Arial,Helvetica,sans-serif;font-size:16px;color:#4c4c4c}.krFooterFollowCont .krFollowIcons div{background-image:url("//d3ldzx7fxfvsfy.cloudfront.net/myfoodandfamily/v202306100007p/img/header_footer.png");background-size:259px;height:39px;width:39px}.krFooterFollowCont .krFollowIcons .krFollowfacebook{background-position:1.134% 94.118%}.krFooterFollowCont .krFollowIcons .krFollowtwitter{background-position:19.728% 94.118%}.krFooterFollowCont .krFollowIcons .krFollowpinterest{background-position:56.916% 94.118%}.krFooterFollowCont .krFollowIcons .krFollowinstagram{background-position:94.091% 96.97%}@media screen and (min-width:0) and (max-width:1024px){.krFooterSubNavCont{font-size:12px}.KR_followUs{font-size:12px}.krFooterLogoCont .krLogoImg{width:100px;height:66.7px}.krFooterFollowCont .krFollowIcons div{background-size:236px;height:35px;width:35px}.krFooterContentWrap{padding:0;height:auto}.krFooterNavCont .krFooterTopNav .krFooterTopAcc{position:relative;width:12px;height:12px;display:block!important;box-sizing:border-box;float:right;top:3px}.krFooterNavCont .krFooterTopNav .krFooterTopAcc:before,.krFooterNavCont .krFooterTopNav .krFooterTopAcc:after{content:"";position:absolute;background-color:#000;transition:transform .25s ease-out}.krFooterNavCont .krFooterTopNav .krFooterTopAcc:before{top:0;left:50%;width:2px;height:100%;margin-left:-1px}.krFooterNavCont .krFooterTopNav .krFooterTopAcc:after{top:50%;left:0;width:100%;height:2px;margin-top:-1px}.krFooterNavCont .krFooterTopNavOpen .krFooterTopAcc:before{-webkit-transform:rotate(90deg)!important;-moz-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;-o-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.krFooterNavCont .krFooterTopNavOpen .krFooterTopAcc:after{-webkit-transform:rotate(180deg)!important;-moz-transform:rotate(180deg)!important;-ms-transform:rotate(180deg)!important;-o-transform:rotate(180deg)!important;transform:rotate(180deg)!important}}	.krHeaderSearchSuggestion{width:100%;max-width:1366px;height:0;position:relative}.searchSugOpened{overflow:hidden;position:fixed}.searchSuggestionListName b{color:#3495c5;text-decoration:underline}.searchSuggestionListName{pointer-events:none;word-break:break-word}.searchSugOpened .searchSuggestion{background-color:white;position:absolute;box-shadow:0 1px 1px #888;width:400px;right:0;top:-26;margin-right:38px;overflow:auto}.KRHeaderSearchInput::-ms-clear{display:none}.searchButtonCloseIcon.showSearchSuggClearIcon{display:none}.searchButtonCloseIcon.showSearchSuggClearIcon svg{fill:#999}.KRHeaderMenuSearchWrapperDevice .searchButtonCloseIcon{right:28px;top:12px}input[type="search"],input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.searchButtonCloseIcon{display:none;border:1px solid transparent;background-color:transparent;cursor:pointer;-webkit-appearance:none;position:relative;right:29px;top:6px;float:left}.search-box:not(:valid) ~ .searchButtonCloseIcon{display:none}.searchSuggestionTitle{padding:20px 0 12px 27px;text-align:left}.searchSuggestionList{text-align:left;padding:16px 3px 13px 27px;overflow:hidden;box-sizing:border-box}.searchSuggestionLink{text-decoration:none;color:rgba(0,0,0,0.87);display:flex;align-items:center}hr{margin:0;border-width:.5px}.searchSuggestionRecipeImg{width:40px;height:40px;float:left;margin-right:14.2px}.searchSuggestionList.ssHover{background-color:#eee}.pageMask{display:none;background:#fff;width:100%;height:100%;position:fixed;opacity:.8;z-index:10;overflow:hidden;top:0;left:0}@media screen and (min-width:0) and (max-width:767px){.krHeaderSearchSuggestion{max-width:100%}.searchSugOpened .krHeaderSearchSuggestion{height:calc(100% - 90px)}.searchSugOpened .searchSuggestion{width:100%;overflow:scroll;top:0;margin-right:0;overflow-y:scroll}.searchSuggestionTitle,.searchSuggestionList{padding-left:21.6px}.searchButtonCloseIcon:after{position:absolute;line-height:20px}}@media screen and (min-width:768px) and (max-width:1024px){.searchSugOpened .searchSuggestion{top:-16;margin-right:21px;overflow-y:scroll}}.searchSuggestionTitle{font-family:"Nexa-Bold",Arial,Helvetica,sans-serif;font-size:14px;color:rgba(85,85,85,0.87);letter-spacing:.25px;line-height:20px}.searchSuggestionList{font-family:"Nexa-XBold",Arial,Helvetica,sans-serif;font-size:16px;color:rgba(0,0,0,0.87);letter-spacing:.5px;line-height:15px}	.krPopupOuter.aiOli{display:none}	.krFaqPageContainer .krFaqRightPanel .krFaqInputField input:focus~.krFaqInputLabel,.krFaqPageContainer .krFaqRightPanel .krFaqInputField input:not(:focus):valid~.krFaqInputLabel{position:absolute;top:-13px;left:16px;border-radius:4px;padding-right:9px;padding-left:1px;background-color:#fff}.krFaqLeftPanel{width:24%;float:left;padding-top:33px;padding-left:20px;box-sizing:border-box}.krFaqRightPanel{width:76%;float:right;padding-top:33px;padding-left:30px;border-left:1px solid #ddd;box-sizing:border-box}.krFaqQuestion i,.krFaqQuestion span{color:#23a0cd!important}.krFaqQuestionContainer pre{white-space:normal}.krFaqPageContainer{background-color:#fff;overflow:hidden;width:100%;max-width:1366px;margin:0 auto}.krKraftContact,.krProductLocator,.krReportIssue,.krFaq,.krContactUs{font-family:CircularPro-Bold;font-size:18px;color:#0a2040;letter-spacing:0}.krKraftQuickLinks{font-family:Nexa-Bold,Arial,Helvetica,sans-serif;font-size:30px;color:#000;letter-spacing:0}#krPSbutton{display:none!important}.krKraftAddr{font-family:Nexa-Regular,Arial,Helvetica,sans-serif;font-size:16px;color:#555;letter-spacing:0;padding-top:15px}.krKraftEmail{font-family:Nexa-Bold,Arial,Helvetica,sans-serif;font-size:18px;color:#000;letter-spacing:0;padding-top:8px;display:block!important}.krFaqTitle{font-family:Nexa-Heavy,Arial,Helvetica,sans-serif;font-size:30px;color:#000;letter-spacing:0;line-height:36px;margin-bottom:41px}.krFqaSearchBox{font-family:Poppins-Regular,Arial,Helvetica,sans-serif;border:1px solid rgba(0,0,0,0.32);width:571px;height:56px;box-sizing:border-box;padding:16px;padding-right:30px!important}input[type="search"],input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.krFaqSearchButton{width:130px;height:56px;background-color:#23a0cd;box-sizing:border-box;font-family:Nexa-Bold,Arial,Helvetica,sans-serif;font-size:16px;color:#fff;letter-spacing:0;line-height:16px;text-align:center;border:0;cursor:pointer}.krFaqInputLabel{font-family:Poppins-Regular,Arial,Helvetica,sans-serif;font-size:16px;color:rgba(0,0,0,0.6);letter-spacing:.15px;line-height:24px;top:16px;-webkit-transition:.2s ease all;transition:.2s ease all;position:absolute;left:16;pointer-events:none;display:block;padding:5px}.krFaqbrdCrb{padding-top:13px;padding-right:15px;padding-bottom:13px;padding-left:15px;max-width:1366px;overflow:hidden;margin:auto;box-sizing:border-box;-ms-overflow-style:none;overflow:-moz-scrollbars-none;background-color:#23a0cd}.krFaqbrdCrbArrow{border:solid 1px #fff;border-width:0 2px 2px 0;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-bottom:1px;margin-right:25px;margin-left:17px;display:inline-block;box-sizing:border-box}.krFaqbrdCrb>div{display:table-cell}.krFaqbrdCrbText{font-family:"Nexa-Regular",Arial,Helvetica,sans-serif;font-size:16px;letter-spacing:0;white-space:nowrap;text-transform:capitalize}.krFaqbrdCrbAnchor{text-decoration:none;color:#fff;padding-right:10px}.krFaqInputField{font-family:Poppins-Regular,Arial,Helvetica,sans-serif;position:relative;padding-right:20px;display:inline-block;box-sizing:border-box}.krFaqContactInfo,.krProductLocator,.krReportIssue,.krFaq,.krContactUs{margin-top:34px}.krFaqQandA{padding-bottom:106px}.krReportIssue{margin-bottom:10px}.krFqaSearchBox::-ms-clear{display:none}.krFaqQuestion{font-family:Nexa-Bold,Arial,Helvetica,sans-serif;font-size:18px;color:#23a0cd;letter-spacing:0;cursor:pointer;margin-bottom:22px;display:table}.krFaqQuestionContainer{padding-top:22px}.krFaqViewMore{padding:10px;width:184px;height:46px;box-sizing:border-box;font-family:Nexa-Bold,Arial,Helvetica,sans-serif;font-size:18px;color:#000;letter-spacing:0;background-color:#eee;text-align:center;border:0;cursor:pointer;margin-top:0}.krFaqHideAnswers,.krFaqBackButton,.krFaqNoResultCont{display:none}.krFaqNoResultFound{margin-bottom:20px}.krFaqShowAnswers,.krFaqShowQues,.krFaqShowBackButton,.krFaqShowNoResult{display:block!important}.krFaqShowQues{color:#0a2040!important;padding-bottom:6px}.krFaqSuggestionsList{font-family:Nexa-Regular;font-size:16px;color:#555;letter-spacing:0;margin:0;margin-top:10px}.krFaqSuggestionsList p,.krFaqSuggestionsList p span,.krFaqSuggestionsList ul,.krFaqSuggestionsList ul li,.krFaqSuggestionsList ul li div,.krFaqSuggestionsList ul li div span{font-family:Nexa-Bold,Arial,Helvetica,sans-serif!important;font-size:16px!important;color:#0a2040!important}.krFaqSuggestionsList a{color:#00aeff;text-decoration:none!important}.krFaqSuggestionsList table{width:100%;font-size:18px;color:inherit}.krFaqAnswerSection{padding-top:6px}.krFaqBackButton{border:0;border-radius:7px;padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;font-family:HatchRegular;font-size:12px;color:#fff;background-color:#23a0cd;margin-top:20px;box-sizing:border-box}.krFaqRightPanel form{margin:0}.krFaqLeftPanel a{text-decoration:underline;color:#000}#faq .krFaqPageContainer a{color:#056d68!important;text-decoration:underline!important}.showFaqInputClearIcon{display:block!important}.krFaqInputClear{position:absolute;top:10px;right:25px;width:35px;height:35px;box-sizing:border-box;opacity:.3;display:none;cursor:pointer}.krFaqInputClear:hover{opacity:1}.krFaqInputClear:before,.krFaqInputClear:after{position:absolute;top:8px;left:17px;content:' ';width:2px;height:20px;box-sizing:border-box;background-color:#333}.krFaqInputClear:before{transform:rotate(45deg)}.krFaqInputClear:after{transform:rotate(-45deg)}.krFaqNoResultCont{font-family:CircularPro-Book;font-size:16px;color:#555;margin-top:10px}.krFaqQuestionContainer a{text-decoration:none}.krFaqbrdCrb::-webkit-scrollbar{height:7px}.krFaqbrdCrb::-webkit-scrollbar-thumb{background:#999}.krFaqbrdCrb::-webkit-scrollbar-track{background:#f4f4f4}@media only screen and (min-width:1025px){.krFaqRightPanel{width:82%!important;padding-right:15px!important}.krFaqLeftPanel{width:18%!important;padding-right:10px!important}}@media screen and (min-width:0) and (max-width:767px){.krFaqRightPanel{float:none;width:100%;border:0;padding-left:0}.krFaqLeftPanel{width:100%;padding-left:0}.krFaqTitle{font-family:Nexa-Heavy,Arial,Helvetica,sans-serif;font-size:19px;letter-spacing:-0.63px;line-height:23px;margin-bottom:19px}.krFqaSearchBox{width:100%}.krFaqPageContainer{padding-top:0;padding-right:10px;padding-bottom:0;padding-left:10px;width:auto}.krFaqSearchButton{width:239px;height:42px;box-sizing:border-box}.krFaqInputField{padding-right:0;margin-bottom:17px;width:100%}.krFaqQuestion{margin-bottom:18px;font-size:16px}.krFaqViewMore{width:265px;height:36px;box-sizing:border-box;margin-top:14px!important;margin:auto;display:block;padding:6px}.krKraftContact{font-size:16px}.krKraftQuickLinks{font-size:30px}.krKraftAddr,.krKraftEmail{font-size:14px}.krFaqQandA{padding-bottom:8px}.krKraftAddr{padding-top:8px}.krKraftEmail{padding-top:13px}.krReportIssue{padding-bottom:50px}.krFaqRightPanel form{text-align:center}.krFaqSuggestionsList p{margin-top:15px;font-size:14px}.krFaqSuggestionsList table{font-size:14px}.krFaqSuggestionsList{font-size:14px}.krFaqShowQues{padding-bottom:5px!important}.krFaqInputClear{right:5px}.krFaqbrdCrbText{font-size:12px}.krFaqbrdCrbArrow{margin-right:10px;margin-left:9px;margin-bottom:0}.krFaqbrdCrb{overflow-x:scroll}.krFaqbrdCrb::-webkit-scrollbar{display:none}}@media screen and (min-width:768px) and (max-width:1024px){.krFaqLeftPanel{padding-left:11px;padding-right:11px;width:26%!important}.krFaqRightPanel{padding-left:20px;padding-right:10px;width:74%!important}.krFqaSearchBox{width:372px}.krFaqTitle{font-size:24px}.krFaqQuestion,.krKraftContact,.krReportIssue{font-size:16px}.krKraftQuickLinks{font-size:30px}.krKraftAddr,.krKraftEmail{font-size:14px}.krFaqQuestion{margin-bottom:20px}.krFaqViewMore{margin-top:7px;width:159px;height:50px;box-sizing:border-box;font-size:16px}.krKraftAddr{padding-top:8px}.krProductLocator,.krFaq,.krContactUs{margin-top:37px;font-size:16px}.krKraftEmail{padding-top:13px}.krFaqQuestionContainer{padding-top:40px}.krFaqbrdCrb{overflow-x:scroll}.krFaqbrdCrb::-webkit-scrollbar{display:none}}