.test-1 {
	background: #31B7D7;
	background: -webkit-linear-gradient(-90deg, #31B7D7, #EDAC7D);
	background: linear-gradient(180deg, #31B7D7, #EDAC7D)
}
.test-2 {
	background: #E47D7D;
	background: -webkit-linear-gradient(left, #E47D7D 0, #C195D3 50%, #4FB4E8 100%);
	background: linear-gradient(to right, #E47D7D 0, #C195D3 50%, #4FB4E8 100%)
}
.test-3 {
	background: #B58234;
	background: -webkit-linear-gradient(48deg, #B58234 0, #D2B545 50%, #D7C04D 50.01%, #FFF 100%);
	background: linear-gradient(42deg, #B58234 0, #D2B545 50%, #D7C04D 50.01%, #FFF 100%)
}
body .anchor-articles .grid__item .cta_2:after, body .centeredContent .centeredContent--half .cta_1:after, body div:after, html .anchor-articles .grid__item .cta_2:after, html .centeredContent .centeredContent--half .cta_1:after, html div:after {
	content: "";
	display: table;
	clear: both
}
@font-face {
	font-family: OpenSans;
	src: url(../fonts/opensans-light-webfont.woff) format("woff");
	font-weight: 200;
	font-style: normal
}
@font-face {
	font-family: OpenSans;
	src: url(../fonts/opensans-regular-webfont.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: OpenSans;
	src: url(../fonts/opensans-semibold-webfont.woff) format("woff");
	font-weight: 600;
	font-style: normal
}
@font-face {
	font-family: OpenSans;
	src: url(../fonts/opensans-bold-webfont.woff) format("woff");
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: OpenSans;
	src: url(../fonts/opensans-extrabold-webfont.woff) format("woff");
	font-weight: 800;
	font-style: normal
}
@font-face {
	font-family: KelloggsSansLight;
	src: url(../fonts/KelloggsSans-Light.eot);
	src: url(../fonts/KelloggsSans-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/KelloggsSans-Light.woff) format("woff"), url(../fonts/KelloggsSans-Light.ttf) format("truetype"), url(../fonts/KelloggsSans-Light.svg) format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: KelloggsSansLightItalic;
	src: url(../fonts/KelloggsSans-LightItalic.eot);
	src: url(../fonts/KelloggsSans-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/KelloggsSans-LightItalic.woff) format("woff"), url(../fonts/KelloggsSans-LightItalic.ttf) format("truetype"), url(../fonts/KelloggsSans-LightItalic.svg) format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: KelloggsSansRegular;
	src: url(../fonts/KelloggsSans-Regular.eot);
	src: url(../fonts/KelloggsSans-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/KelloggsSans-Regular.woff) format("woff"), url(../fonts/KelloggsSans-Regular.ttf) format("truetype"), url(../fonts/KelloggsSans-Regular.svg) format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: KelloggsSansItalic;
	src: url(../fonts/KelloggsSans-Italic.eot);
	src: url(../fonts/KelloggsSans-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/KelloggsSans-Italic.woff) format("woff"), url(../fonts/KelloggsSans-Italic.ttf) format("truetype"), url(../fonts/KelloggsSans-Italic.svg) format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: KelloggsSansMedium;
	src: url(../fonts/KelloggsSans-Medium.eot);
	src: url(../fonts/KelloggsSans-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/KelloggsSans-Medium.woff) format("woff"), url(../fonts/KelloggsSans-Medium.ttf) format("truetype"), url(../fonts/KelloggsSans-Medium.svg) format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: KelloggsSansMediumItalic;
	src: url(../fonts/KelloggsSans-MediumItalic.eot);
	src: url(../fonts/KelloggsSans-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/KelloggsSans-MediumItalic.woff) format("woff"), url(../fonts/KelloggsSans-MediumItalic.ttf) format("truetype"), url(../fonts/KelloggsSans-MediumItalic.svg) format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: KelloggsSansBold;
	src: url(../fonts/KelloggsSans-Bold.eot);
	src: url(../fonts/KelloggsSans-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/KelloggsSans-Bold.woff) format("woff"), url(../fonts/KelloggsSans-Bold.ttf) format("truetype"), url(../fonts/KelloggsSans-Bold.svg) format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: KelloggsSansBoldItalic;
	src: url(../fonts/KelloggsSans-BoldItalic.eot);
	src: url(../fonts/KelloggsSans-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/KelloggsSans-BoldItalic.woff) format("woff"), url(../fonts/KelloggsSans-BoldItalic.ttf) format("truetype"), url(../fonts/KelloggsSans-BoldItalic.svg) format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: DINBlack;
	src: url(../fonts/DIN-Black.eot);
	src: url(../fonts/DIN-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/DIN-Black.woff) format("woff"), url(../fonts/DIN-Black.ttf) format("truetype"), url(../fonts/DIN-Black.svg#656984feefe046b1101270f2fac7fccc) format("svg");
	font-style: normal;
	font-weight: 400
}
@font-face {
	font-family: DINBold;
	src: url(../fonts/DIN-Bold.eot);
	src: url(../fonts/DIN-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/DIN-Bold.woff) format("woff"), url(../fonts/DIN-Bold.ttf) format("truetype"), url(../fonts/DIN-Bold.svg#141abd1e4da862069abc8898071740b0) format("svg");
	font-style: normal;
	font-weight: 700
}
@font-face {
	font-family: DINLight;
	src: url(../fonts/DIN-Light.eot);
	src: url(../fonts/DIN-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/DIN-Light.woff) format("woff"), url(../fonts/DIN-Light.ttf) format("truetype"), url(../fonts/DIN-Light.svg#2027e760254904bf0a383b6efd34e0f4) format("svg");
	font-style: normal;
	font-weight: 200
}
@font-face {
	font-family: DINMedium;
	src: url(../fonts/DIN-Medium.eot);
	src: url(../fonts/DIN-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/DIN-Medium.woff) format("woff"), url(../fonts/DIN-Medium.ttf) format("truetype"), url(../fonts/DIN-Medium.svg#d810fd0de5f94c19f1c61300cb3051eb) format("svg");
	font-style: normal;
	font-weight: 400
}
@font-face {
	font-family: DINRegular;
	src: url(../fonts/DIN-Regular.eot);
	src: url(../fonts/DIN-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/DIN-Regular.woff) format("woff"), url(../fonts/DIN-Regular.ttf) format("truetype"), url(../fonts/DIN-Regular.svg#7ce5c290cbf96055cac52fb25e35bed6) format("svg");
	font-style: normal;
	font-weight: 400
}
@font-face {
	font-family: Tahoma;
	src: url('../fonts/Tahoma Regular.eot');
	src: url('../fonts/Tahoma Regular.eot?#iefix') format("embedded-opentype"), url('../fonts/Tahoma Regular.woff') format("woff"), url('../fonts/Tahoma Regular.ttf') format("truetype"), url('../fonts/Tahoma Regular.svg#2bd141ae2a8e92e3cdd9163089ec8924') format("svg");
	font-style: normal;
	font-weight: 400
}
body, html {
	margin: 0;
	padding: 0;
	color: #262626;
	font-size: 1em;
	line-height: 1.5;
	min-width: 320px;
	font-family: KelloggsSansRegular!important;
	background: url(../images/pattern-natural-white.jpg)
}
body *, body :after, body :before, html *, html :after, html :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}
body .cta p, body .kstl-carousel-grid-slide p, html .cta p, html .kstl-carousel-grid-slide p {
	font-size: 15px;
	font-size: 1.5rem
}
body .grid, body .grid .grid__item, html .grid, html .grid .grid__item {
	margin-top: 0!important;
	padding-top: 0!important;
	margin-left: 0;
	padding: 0
}
body .with-bg-white, html .with-bg-white {
	position: relative;
	background-color: #fff;
	margin-top: 70px!important;
	margin-bottom: 70px!important;
	padding: 20px
}
@media (max-width:601px) {
body .cta p, body .kstl-carousel-grid-slide p, html .cta p, html .kstl-carousel-grid-slide p {
	font-size: 13px;
	font-size: 1.3rem
}
body .with-bg-white, html .with-bg-white {
	margin-top: 40px!important
}
}
body .grid .product-grid-container.with-bg-white.no-space, html .grid .product-grid-container.with-bg-white.no-space {
	margin-top: 15px!important
}
body .with-bg-white::before, html .with-bg-white::before {
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 100%;
	left: 0;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/wave-top-white.png) 50% 0 no-repeat
}
body .with-bg-white::after, html .with-bg-white::after {
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	position: absolute;
	top: 100%;
	left: 0;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/wave-bottom-white.png) 50% 100% no-repeat
}
body #main_container, html #main_container {
	margin: 0 auto;
	overflow-x: hidden;
	text-align: left
}
body .container>.wrapper, html .container>.wrapper {
	padding: 40px 0
}
body ol, body ul, html ol, html ul {
	margin-left: 40px
}
body .nav ul, html .nav ul {
	margin-left: 03
}
body hr, html hr {
	display: block;
	height: 1px;
	max-height: 1px;
	line-height: 0;
	background: #262626;
	margin: 20px 0;
	border: 0!important
}
body br.mob-br, html br.mob-br {
	display: none
}
@media (max-width:601px) {
body br.mob-br, html br.mob-br {
	display: block
}
}
@media (max-width:1080px) {
body .mid-hide, html .mid-hide {
	display: none
}
}
body .lap-reveal, html .lap-reveal {
	display: none
}
@media (max-width:950px) {
body .mob-hide, html .mob-hide {
	display: none
}
body .lap-reveal, html .lap-reveal {
	display: block
}
}
body .mid-reveal, html .mid-reveal {
	display: none
}
@media (max-width:1080px) {
body .mid-reveal, html .mid-reveal {
	display: block
}
}
body .mob-reveal, html .mob-reveal {
	display: none
}
@media (max-width:601px) {
body .mid-reveal, html .mid-reveal {
	display: none
}
body .mob-reveal, html .mob-reveal {
	display: block
}
}
body #error_wp, html #error_wp {
	width: 100%;
	text-align: center;
	margin: 0 auto!important;
	position: fixed;
	background: #fff;
	z-index: 999999998!important;
	border-bottom: 1px solid #fff
}
body #error_wp .errorwrap, html #error_wp .errorwrap {
	padding: 10px
}
body #error_wp .errorwrap p, html #error_wp .errorwrap p {
	line-height: 100%
}
@media (max-width:980px) {
body #error_wp, html #error_wp {
	width: 100%
}
}
body #error_wp .errorwrap p a.error_msg, body #error_wp .errorwrap p html a.error_msg, body .cereal-and-milk .cereal-grid .average-price:hover .show html ol, body .cereal-and-milk .cereal-grid .average-price:hover .show ol, body .cereal-and-milk .cereal-grid .building-blocks .show html ol, body .cereal-and-milk .cereal-grid .building-blocks .show ol, body .cereal-and-milk .cereal-grid .sweet-simple:hover .show html ol, body .cereal-and-milk .cereal-grid .sweet-simple:hover .show ol, body .extraTiny, body .reference-section .references, body .reference-section html .references, body .reference-section p.references, body .table .table-row .one-whole, body .table .table-row html .one-whole, body .table-w-bg .table-row .one-whole, body .table-w-bg .table-row html .one-whole, html #error_wp .errorwrap p a.error_msg, html #error_wp .errorwrap p body a.error_msg, html .cereal-and-milk .cereal-grid .average-price:hover .show body ol, html .cereal-and-milk .cereal-grid .average-price:hover .show ol, html .cereal-and-milk .cereal-grid .building-blocks .show body ol, html .cereal-and-milk .cereal-grid .building-blocks .show ol, html .cereal-and-milk .cereal-grid .sweet-simple:hover .show body ol, html .cereal-and-milk .cereal-grid .sweet-simple:hover .show ol, html .extraTiny, html .reference-section .references, html .reference-section body .references, html .reference-section p.references, html .table .table-row .one-whole, html .table .table-row body .one-whole, html .table-w-bg .table-row .one-whole, html .table-w-bg .table-row body .one-whole {
	font-size: 10px
}
body .breadcrumbs-content ul html span, body .breadcrumbs-content ul li a, body .breadcrumbs-content ul li html a, body .breadcrumbs-content ul span, body .cereal-and-milk .cereal-grid .average-price html p.sources, body .cereal-and-milk .cereal-grid .average-price p.sources, body .cereal-and-milk .cereal-grid .building-blocks html p.sources, body .cereal-and-milk .cereal-grid .building-blocks p.sources, body .cereal-and-milk .cereal-grid .simple-start .wrapper .show html ol, body .cereal-and-milk .cereal-grid .simple-start .wrapper .show ol, body .cereal-and-milk .cereal-grid .simple-start .wrapper html p.sources, body .cereal-and-milk .cereal-grid .simple-start .wrapper p.sources, body .cereal-and-milk .cereal-grid .sweet-simple html p.sources, body .cereal-and-milk .cereal-grid .sweet-simple p.sources, body .corporate-page .white-bg html p.updated, body .corporate-page .white-bg p.updated, body .table, body .table-w-bg, body .tiny, html .breadcrumbs-content ul body span, html .breadcrumbs-content ul li a, html .breadcrumbs-content ul li body a, html .breadcrumbs-content ul span, html .cereal-and-milk .cereal-grid .average-price body p.sources, html .cereal-and-milk .cereal-grid .average-price p.sources, html .cereal-and-milk .cereal-grid .building-blocks body p.sources, html .cereal-and-milk .cereal-grid .building-blocks p.sources, html .cereal-and-milk .cereal-grid .simple-start .wrapper .show body ol, html .cereal-and-milk .cereal-grid .simple-start .wrapper .show ol, html .cereal-and-milk .cereal-grid .simple-start .wrapper body p.sources, html .cereal-and-milk .cereal-grid .simple-start .wrapper p.sources, html .cereal-and-milk .cereal-grid .sweet-simple body p.sources, html .cereal-and-milk .cereal-grid .sweet-simple p.sources, html .corporate-page .white-bg body p.updated, html .corporate-page .white-bg p.updated, html .table, html .table-w-bg, html .tiny {
	font-size: 12px
}
body .category-button, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left html p.promo, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left p.promo, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right html p.promo, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right p.promo, body .cereal-and-milk .cereal-grid .building-blocks .hide html p.body, body .cereal-and-milk .cereal-grid .building-blocks .hide p.body, body .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits html p, body .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits p, body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a html p, body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a p, body .cereal-and-milk .cereal-grid .simple-start .wrapper .hide html p.body, body .cereal-and-milk .cereal-grid .simple-start .wrapper .hide p.body, body .cereal-and-milk .cereal-grid .sweet-simple .hide html p.body, body .cereal-and-milk .cereal-grid .sweet-simple .hide p.body, body .extraSmall, body .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_text .kstl-rich-text html p, body .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_text .kstl-rich-text p, body .mosaic-main-wrapper .tile-content .name, body .mosaic-main-wrapper .tile-content .operator .view-answer, body .mosaic-main-wrapper .tile-content .operator html .view-answer, body .mosaic-main-wrapper .tile-content html .name, body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text html p.label, body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text p.label, body p.citation, html .category-button, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left body p.promo, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left p.promo, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right body p.promo, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right p.promo, html .cereal-and-milk .cereal-grid .building-blocks .hide body p.body, html .cereal-and-milk .cereal-grid .building-blocks .hide p.body, html .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits body p, html .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits p, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a body p, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a p, html .cereal-and-milk .cereal-grid .simple-start .wrapper .hide body p.body, html .cereal-and-milk .cereal-grid .simple-start .wrapper .hide p.body, html .cereal-and-milk .cereal-grid .sweet-simple .hide body p.body, html .cereal-and-milk .cereal-grid .sweet-simple .hide p.body, html .extraSmall, html .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_text .kstl-rich-text body p, html .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_text .kstl-rich-text p, html .mosaic-main-wrapper .tile-content .name, html .mosaic-main-wrapper .tile-content .operator .view-answer, html .mosaic-main-wrapper .tile-content .operator body .view-answer, html .mosaic-main-wrapper .tile-content body .name, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text body p.label, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text p.label, html p.citation {
	font-size: 14px;
	line-height: 1.2
}
body .cards-container .card2 .description html p, body .cards-container .card2 .description p, body .cards-container .card3 .description html p, body .cards-container .card3 .description p, body .cards-container .card4 .description html p, body .cards-container .card4 .description p, body .cereal-and-milk .cereal-grid .breakfast-date .grid__item .copy html p, body .cereal-and-milk .cereal-grid .breakfast-date .grid__item .copy p, body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner html p, body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner p, body .corporate-page .white-bg ol.roman li html p, body .corporate-page .white-bg ol.roman li p, body .health-detail .protein-people-block .cta .cta_text .kstl-rich-text html p, body .health-detail .protein-people-block .cta .cta_text .kstl-rich-text p, body .mosaic-main-wrapper .operator .view-all, body .mosaic-main-wrapper .operator html .view-all, body .product-detail .right-column html li.kstl-nutrition-info, body .product-detail .right-column li.kstl-nutrition-info, body .product-detail .right-column li.kstl-nutrition-info .kstl-nutrition-header h5, body .product-detail .right-column li.kstl-nutrition-info .kstl-nutrition-header html h5, body .reference-section h2, body .reference-section html h2, body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text a, body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text html a, body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text html p.body-text, body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text p.body-text, body .small, body .table-w-bg .cta_5 .cta_5_bottom .cta_text .kstl-rich-text html p, body .table-w-bg .cta_5 .cta_5_bottom .cta_text .kstl-rich-text p, body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a, body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top html a, html .cards-container .card2 .description body p, html .cards-container .card2 .description p, html .cards-container .card3 .description body p, html .cards-container .card3 .description p, html .cards-container .card4 .description body p, html .cards-container .card4 .description p, html .cereal-and-milk .cereal-grid .breakfast-date .grid__item .copy body p, html .cereal-and-milk .cereal-grid .breakfast-date .grid__item .copy p, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner body p, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner p, html .corporate-page .white-bg ol.roman li body p, html .corporate-page .white-bg ol.roman li p, html .health-detail .protein-people-block .cta .cta_text .kstl-rich-text body p, html .health-detail .protein-people-block .cta .cta_text .kstl-rich-text p, html .mosaic-main-wrapper .operator .view-all, html .mosaic-main-wrapper .operator body .view-all, html .product-detail .right-column body li.kstl-nutrition-info, html .product-detail .right-column li.kstl-nutrition-info, html .product-detail .right-column li.kstl-nutrition-info .kstl-nutrition-header body h5, html .product-detail .right-column li.kstl-nutrition-info .kstl-nutrition-header h5, html .reference-section body h2, html .reference-section h2, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text a, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text body a, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text body p.body-text, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text p.body-text, html .small, html .table-w-bg .cta_5 .cta_5_bottom .cta_text .kstl-rich-text body p, html .table-w-bg .cta_5 .cta_5_bottom .cta_text .kstl-rich-text p, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top body a {
	font-size: 16px
}
body .cards-container .card .description html p, body .cards-container .card .description p, body .cards-container .card4 .description h3, body .cards-container .card4 .description html h3, body .centeredContent .centeredContent--half .cta_1 .cta_text .description html p, body .centeredContent .centeredContent--half .cta_1 .cta_text .description p, body .cereal-and-milk .cereal-grid .average-price .hide html p.body, body .cereal-and-milk .cereal-grid .average-price .hide p.body, body .cereal-and-milk .cereal-grid .beautifully-simple .copy html p.sans, body .cereal-and-milk .cereal-grid .beautifully-simple .copy p.sans, body .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__boxes html span, body .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__boxes span, body .cereal-and-milk .cereal-grid .protein .grid__item .interior html p, body .cereal-and-milk .cereal-grid .protein .grid__item .interior p, body .contactUs h2.subtitle, body .contactUs html h2.subtitle, body .corporate-page .sitemap h2.subtitle, body .corporate-page .sitemap html h2.subtitle, body .corporate-page .white-bg ol.roman html li, body .corporate-page .white-bg ol.roman li, body .medium, body .mosaic-main-wrapper .tile-content .quote, body .mosaic-main-wrapper .tile-content html .quote, body .product-detail .right-column html p.kstl-product-description, body .product-detail .right-column p.kstl-product-description, body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text h4, body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text html h4, body .table .tableHead, body .table html .tableHead, body .table-w-bg .tableHead, body .table-w-bg html .tableHead, html .cards-container .card .description body p, html .cards-container .card .description p, html .cards-container .card4 .description body h3, html .cards-container .card4 .description h3, html .centeredContent .centeredContent--half .cta_1 .cta_text .description body p, html .centeredContent .centeredContent--half .cta_1 .cta_text .description p, html .cereal-and-milk .cereal-grid .average-price .hide body p.body, html .cereal-and-milk .cereal-grid .average-price .hide p.body, html .cereal-and-milk .cereal-grid .beautifully-simple .copy body p.sans, html .cereal-and-milk .cereal-grid .beautifully-simple .copy p.sans, html .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__boxes body span, html .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__boxes span, html .cereal-and-milk .cereal-grid .protein .grid__item .interior body p, html .cereal-and-milk .cereal-grid .protein .grid__item .interior p, html .contactUs body h2.subtitle, html .contactUs h2.subtitle, html .corporate-page .sitemap body h2.subtitle, html .corporate-page .sitemap h2.subtitle, html .corporate-page .white-bg ol.roman body li, html .corporate-page .white-bg ol.roman li, html .medium, html .mosaic-main-wrapper .tile-content .quote, html .mosaic-main-wrapper .tile-content body .quote, html .product-detail .right-column body p.kstl-product-description, html .product-detail .right-column p.kstl-product-description, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text body h4, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text h4, html .table .tableHead, html .table body .tableHead, html .table-w-bg .tableHead, html .table-w-bg body .tableHead {
	font-size: 18px
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left html p.latest, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left p.latest, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right html p.latest, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right p.latest, body .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits h2, body .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits html h2, body .cereal-and-milk .cereal-grid .see-you p a, body .cereal-and-milk .cereal-grid .see-you p html a, body .cereal-and-milk .cereal-grid .show-us a html span, body .cereal-and-milk .cereal-grid .show-us a span, body .extraMedium, body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-count, body .tab_wrapper .kstl-carousel-grid-slide html .kstl-search-count, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left body p.latest, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left p.latest, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right body p.latest, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right p.latest, html .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits body h2, html .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits h2, html .cereal-and-milk .cereal-grid .see-you p a, html .cereal-and-milk .cereal-grid .see-you p body a, html .cereal-and-milk .cereal-grid .show-us a body span, html .cereal-and-milk .cereal-grid .show-us a span, html .extraMedium, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-count, html .tab_wrapper .kstl-carousel-grid-slide body .kstl-search-count {
	font-size: 20px
}
body .brandDetail .offset-brand-copy .kstl-rich-text .brand-copy h4, body .brandDetail .offset-brand-copy .kstl-rich-text .brand-copy html h4, body .cards-container .card .description h3, body .cards-container .card .description html h3, body .cards-container .card2 .description h3, body .cards-container .card2 .description html h3, body .cards-container .card3 .description h3, body .cards-container .card3 .description html h3, body .centeredContent .centeredContent--half .cta_1 .cta_text .description h3, body .centeredContent .centeredContent--half .cta_1 .cta_text .description html h3, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h3.promo, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h6, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left html h3.promo, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left html h6, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h3.promo, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h6, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right html h3.promo, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right html h6, body .cereal-and-milk .cereal-grid .beautifully-simple .copy html p, body .cereal-and-milk .cereal-grid .beautifully-simple .copy p, body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a h2, body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a html h2, body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner h2, body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner html h2, body .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description html p, body .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description p, body .large, body .mosaic-main-wrapper .heading .item.blurb, body .mosaic-main-wrapper .heading html .item.blurb, html .brandDetail .offset-brand-copy .kstl-rich-text .brand-copy body h4, html .brandDetail .offset-brand-copy .kstl-rich-text .brand-copy h4, html .cards-container .card .description body h3, html .cards-container .card .description h3, html .cards-container .card2 .description body h3, html .cards-container .card2 .description h3, html .cards-container .card3 .description body h3, html .cards-container .card3 .description h3, html .centeredContent .centeredContent--half .cta_1 .cta_text .description body h3, html .centeredContent .centeredContent--half .cta_1 .cta_text .description h3, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left body h3.promo, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left body h6, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h3.promo, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h6, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right body h3.promo, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right body h6, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h3.promo, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h6, html .cereal-and-milk .cereal-grid .beautifully-simple .copy body p, html .cereal-and-milk .cereal-grid .beautifully-simple .copy p, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a body h2, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a h2, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner body h2, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner h2, html .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description body p, html .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description p, html .large, html .mosaic-main-wrapper .heading .item.blurb, html .mosaic-main-wrapper .heading body .item.blurb {
	font-size: 24px
}
body .anchor-articles .grid__item .kstl-rich-text .heading h2, body .anchor-articles .grid__item .kstl-rich-text .heading html h2, body .brandDetail .heading h3, body .brandDetail .heading html h3, body .brandDetail .recipe-heading h3, body .brandDetail .recipe-heading html h3, body .extraLarge, body .heading-with-margin h3, body .heading-with-margin html h3, body .product-detail .related-products h4, body .product-detail .related-products html h4, body .vbox-overlay .vbox-close, body .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box .search-textbox .search-textbox__input, body .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box .search-textbox html .search-textbox__input, body .vbox-overlay html .vbox-close, html .anchor-articles .grid__item .kstl-rich-text .heading body h2, html .anchor-articles .grid__item .kstl-rich-text .heading h2, html .brandDetail .heading body h3, html .brandDetail .heading h3, html .brandDetail .recipe-heading body h3, html .brandDetail .recipe-heading h3, html .extraLarge, html .heading-with-margin body h3, html .heading-with-margin h3, html .product-detail .related-products body h4, html .product-detail .related-products h4, html .vbox-overlay .vbox-close, html .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box .search-textbox .search-textbox__input, html .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box .search-textbox body .search-textbox__input, html .vbox-overlay body .vbox-close {
	font-size: 36px
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h3, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left html h3, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h3, body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right html h3, body .giant, body .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description h2, body .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description html h2, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left body h3, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h3, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right body h3, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h3, html .giant, html .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description body h2, html .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description h2 {
	font-size: 56px;
	line-height: 1
}
body .sup, html .sup {
	vertical-align: 3px!important;
	font-size: 90%!important
}
body .larger, html .larger {
	font-size: 12px!important;
	font-size: 1.2rem!important
}
body header .topNavWrapper, html header .topNavWrapper {
	background: 0 0
}
body header .topNavWrapper .topNav, html header .topNavWrapper .topNav {
	background: #fff;
	max-width: 1440px;
	padding: 10px 20px!important;
	margin: 0 auto
}
body header .topNavWrapper .topNav .language-picker, html header .topNavWrapper .topNav .language-picker {
	color: #262626;
	text-align: right;
	font-size: 14px;
	padding-bottom: 10px
}
body header .topNavWrapper .topNav .language-picker a, html header .topNavWrapper .topNav .language-picker a {
	color: #b41946;
	text-decoration: none
}
body header .topNavWrapper .topNav .language-picker a:hover, html header .topNavWrapper .topNav .language-picker a:hover {
	text-decoration: underline
}
body header .topNavWrapper .topNav .nav-logo .kstl-image-wrapper, html header .topNavWrapper .topNav .nav-logo .kstl-image-wrapper {
	display: inline-block;
	float: left
}
body header .topNavWrapper .topNav .nav-logo .kstl-image-wrapper a img, html header .topNavWrapper .topNav .nav-logo .kstl-image-wrapper a img {
	min-width: 122px
}
body header .topNavWrapper .topNav .desktop-navigation, html header .topNavWrapper .topNav .desktop-navigation {
	display: block;
	width: 100%
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav {
	display: block;
	width: 100%;
	position: relative;
	z-index: 2
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	width: 100%;
	margin: 0;
	padding: 0 10%
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul .highlightedNavLink, body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul .highlightedNavLink a, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul .highlightedNavLink, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul .highlightedNavLink a {
	color: #b41946!important
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul .highlightedNavLink ul li a, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul .highlightedNavLink ul li a {
	color: #262626!important
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul .highlightedNavLink ul li.highlightedNavLink a, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul .highlightedNavLink ul li.highlightedNavLink a {
	color: #b41946!important
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul .highlightedNavLink ul li.highlightedNavLink a:hover, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul .highlightedNavLink ul li.highlightedNavLink a:hover {
	text-decoration: none
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top {
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	padding: 0;
	margin: 0 10px
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a {
	width: 100%;
	display: block;
	font-family: OpenSans;
	font-weight: 400;
	color: #2c2c2c;
	padding: 10px 0
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a:hover, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a:hover {
	text-decoration: underline
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a.js-kstl-mega-nav__link--top.open:after:hover, body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a.js-kstl-mega-nav__link--top:after:hover, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a.js-kstl-mega-nav__link--top.open:after:hover, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a.js-kstl-mega-nav__link--top:after:hover {
text-decoration:none!important
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a.js-kstl-mega-nav__link--top:after, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a.js-kstl-mega-nav__link--top:after {
	display: inline-block;
	font-family: KelloggsSansRegular;
	font-size: 30px;
	line-height: 20px;
	color: #ccc;
	content: ">";
	margin: 0 0 0 10px;
	-webkit-transform-origin: 36% 58% 0;
	transform-origin: 36% 58% 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a.js-kstl-mega-nav__link--top.open:after, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top a.js-kstl-mega-nav__link--top.open:after {
	display: inline-block;
	font-family: KelloggsSansRegular;
	font-size: 30px;
	line-height: 20px;
	color: #ccc;
	content: ">";
	margin: 0 0 0 10px;
	-webkit-transform-origin: 49% 69% 0;
	transform-origin: 49% 69% 0;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel {
	/*min-width: 500px;*/
	width: auto;
	padding: 35px 0 0
}

body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul.kstl-mega-nav__column {
	width: auto;
}

body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner {
	padding: 0 30px 30px
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner .kstl-mega-nav-item__link--close, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner .kstl-mega-nav-item__link--close {
	width: auto;
	display: inline-block
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner ul.kstl-mega-nav__column, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner ul.kstl-mega-nav__column {
	background: #fff;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner ul.kstl-mega-nav__column li, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner ul.kstl-mega-nav__column li {
	text-align: left;
	white-space: nowrap;
	padding: 0
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner ul.kstl-mega-nav__column li a, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner ul.kstl-mega-nav__column li a {
	font-size: 15px
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner ul.kstl-mega-nav__column+ul.kstl-mega-nav__column, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner ul.kstl-mega-nav__column+ul.kstl-mega-nav__column {
	padding-left: 20px
}
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner .kstl-mega-nav__feature-image, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner .kstl-mega-nav__feature-image {
	display: none
}
@media (max-width:1080px) {
body header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul, html header .topNavWrapper .topNav .desktop-navigation .kstl-mega-nav ul {
	padding: 0 10%
}
}
body header .topNavWrapper .topNav .ask-us-overlay-trigger-wrapper, html header .topNavWrapper .topNav .ask-us-overlay-trigger-wrapper {
	display: block;
	padding-top: 7px
}
body header .topNavWrapper .topNav .ask-us-overlay-trigger-wrapper a.vbox-item, html header .topNavWrapper .topNav .ask-us-overlay-trigger-wrapper a.vbox-item {
	display: inline-block;
	float: right;
	width: 75px;
	height: 40px
}
body header .topNavWrapper .topNav .ask-us-overlay-trigger-wrapper a.vbox-item img, html header .topNavWrapper .topNav .ask-us-overlay-trigger-wrapper a.vbox-item img {
	width: 100%
}
body header .topNavWrapper .topNav .search-overlay-trigger-wrapper, html header .topNavWrapper .topNav .search-overlay-trigger-wrapper {
	display: block;
	padding-top: 14px
}
body header .topNavWrapper .topNav .search-overlay-trigger-wrapper a.vbox-item, html header .topNavWrapper .topNav .search-overlay-trigger-wrapper a.vbox-item {
	width: 34px;
	height: 23px;
	padding-left: 10px
}
body header .topNavWrapper .topNav .search-overlay-trigger-wrapper a.vbox-item img, html header .topNavWrapper .topNav .search-overlay-trigger-wrapper a.vbox-item img {
	width: 24px
}
@media (max-width:999px) {
body header .topNavWrapper .topNav .search-overlay-trigger-wrapper a.vbox-item, html header .topNavWrapper .topNav .search-overlay-trigger-wrapper a.vbox-item {
	float: right;
	width: 24px;
	padding-left: 0
}
}
body header .topNavWrapper .topNav .menu-button, html header .topNavWrapper .topNav .menu-button {
	background: #fff;
	cursor: pointer;
	display: block;
	float: right;
	padding: 13px 0 0;
	width: 28px
}
body header .topNavWrapper .topNav .menu-button .navicon, html header .topNavWrapper .topNav .menu-button .navicon {
	display: inline
}
body header .topNavWrapper .topNav .menu-button .navicon span, html header .topNavWrapper .topNav .menu-button .navicon span {
	cursor: pointer;
	display: block;
	height: 5px;
	width: 28px;
	background: #b41946
}
body header .topNavWrapper .topNav .menu-button .navicon span::before, html header .topNavWrapper .topNav .menu-button .navicon span::before {
	height: 5px;
	width: 28px;
	background: #b41946;
	position: absolute;
	display: block;
	content: '';
	top: -10px
}
body header .topNavWrapper .topNav .menu-button .navicon span::after, html header .topNavWrapper .topNav .menu-button .navicon span::after {
	height: 5px;
	width: 28px;
	background: #b41946;
	position: absolute;
	display: block;
	content: '';
	bottom: -10px
}
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container {
	margin: 0 -20px;
	padding-top: 10px
}
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav {
	display: none
}
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show {
	display: block
}
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.nav-button, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.nav-button {
	padding-right: 0
}
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.button-with-link, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.button-with-link {
	border-top: 1px solid #ccc;
	height: auto!important
}
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.button-with-link a, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.button-with-link a {
	background: #fff;
	font-family: OpenSans;
	font-weight: 400;
	color: #2c2c2c;
	font-size: 18px!important;
	padding: 15px 20px
}
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.button-with-link a:hover, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.button-with-link a:hover {
	text-decoration: underline
}
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.active a.hasSubnav, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.active a.hasSubnav {
	color: #b41946;
	background: rgba(204,204,204,.15)!important
}
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.active ul.level-two, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.active ul.level-two {
	background: #fff
}
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.active ul.level-two li.button-with-link, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.active ul.level-two li.button-with-link {
	border-top: 0;
	border-bottom: 1px solid #ccc
}
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.active ul.level-two li.button-with-link a, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.active ul.level-two li.button-with-link a {
	font-size: 15px!important;
	padding-left: 30px!important
}
@media only screen and (min-width:602px) {
body header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.active ul.level-two, html header .topNavWrapper .topNav .mobile-navigation .top-menu-container ul.KSTLNav-show li.active ul.level-two {
	position: relative
}
}
@media (max-width:999px) {
body header .topNavWrapper .topNav, html header .topNavWrapper .topNav {
	padding: 20px 20px 0!important
}
}
body header .topNavWrapper .topNav[data-nav=open] .menu-button .navicon, html header .topNavWrapper .topNav[data-nav=open] .menu-button .navicon {
	position: relative
}
body header .topNavWrapper .topNav[data-nav=open] .menu-button .navicon span, html header .topNavWrapper .topNav[data-nav=open] .menu-button .navicon span {
	width: 0%;
	left: 50%;
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: .22s
}
body header .topNavWrapper .topNav[data-nav=open] .menu-button .navicon span::before, html header .topNavWrapper .topNav[data-nav=open] .menu-button .navicon span::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)!important;
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: .22s;
	margin-top: 10px
}
body header .topNavWrapper .topNav[data-nav=open] .menu-button .navicon span::after, html header .topNavWrapper .topNav[data-nav=open] .menu-button .navicon span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: .22s
}
body .vbox-overlay, html .vbox-overlay {
	background: -moz-linear-gradient(top, #fff 0, #fff 50%, rgba(255,255,255,.8) 75%, rgba(255,255,255,.5) 100%);
	background: -webkit-linear-gradient(top, #fff 0, #fff 50%, rgba(255,255,255,.8) 75%, rgba(255,255,255,.5) 100%);
	background: linear-gradient(to bottom, #fff 0, #fff 50%, rgba(255,255,255,.8) 75%, rgba(255,255,255,.5) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff', GradientType=0 )
}
body .vbox-overlay .vbox-container, html .vbox-overlay .vbox-container {
	background: 0 0;
	padding: 15px 25px 120px!important;
	max-width: unset!important;
	width: 100%;
	margin: 0
}
body .vbox-overlay .vbox-container .vbox-content, html .vbox-overlay .vbox-container .vbox-content {
	background: 0 0;
	width: 100%;
	margin: 0 auto!important;
	padding: 0 0 40px
}
body .vbox-overlay .vbox-container .vbox-content .vbox-inline, html .vbox-overlay .vbox-container .vbox-content .vbox-inline {
	background: 0 0!important
}
body .vbox-overlay .vbox-container .vbox-content .overlay-search-container, html .vbox-overlay .vbox-container .vbox-content .overlay-search-container {
	background: linear-gradient(180deg, #fff, #fff 95%, transparent)
}
body .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box, html .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box {
	margin-top: 80px!important
}
body .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box .search-textbox, html .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box .search-textbox {
	text-align: center
}
body .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box .search-textbox .search-textbox__input, html .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box .search-textbox .search-textbox__input {
	border-radius: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #ccc;
	border-left: 0;
	width: 60%
}
@media (max-width:601px) {
body .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box, html .vbox-overlay .vbox-container .vbox-content .overlay-search-container .search-box {
	margin-top: 40px!important
}
}
body .vbox-overlay .vbox-container .vbox-content .overlay-ask-us-container, html .vbox-overlay .vbox-container .vbox-content .overlay-ask-us-container {
	max-width: 800px;
	width: 80%;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.75);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.75);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.75);
	margin: 20px auto!important;
	padding: 60px 40px!important
}
@media (max-width:601px) {
body .vbox-overlay .vbox-container .vbox-content, html .vbox-overlay .vbox-container .vbox-content {
	padding: 0
}
}
body .vbox-overlay .vbox-close, html .vbox-overlay .vbox-close {
	right: 40px!important;
	font-family: KelloggsSansMedium;
	background: 0 0;
	color: #b41946!important;
	text-indent: 0;
	padding: 0 0 0 8px;
	line-height: 42px
}
body .search-results .cust-search, html .search-results .cust-search {
	display: block;
	margin: 0 auto 20px;
	max-width: 320px
}
body .search-results .cust-search .search-textbox__input, html .search-results .cust-search .search-textbox__input {
	width: 168px
}
@media (min-width:400px) {
body .search-results .cust-search .search-textbox__input, html .search-results .cust-search .search-textbox__input {
	width: unset
}
}
body .search-results .kstl-search-list, html .search-results .kstl-search-list {
	padding-top: 40px!important;
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body .search-results .kstl-search-list .search-result, html .search-results .kstl-search-list .search-result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 10px 0
}
body .search-results .kstl-search-list .search-result .search-result__item, html .search-results .kstl-search-list .search-result .search-result__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	padding: 10px!important
}
body .search-results .kstl-search-list .search-result .search-result__item a.search-result__link, html .search-results .kstl-search-list .search-result .search-result__item a.search-result__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-line-pack: center;
	align-content: center;
	text-decoration: none;
	color: #262626;
	border-radius: 10px;
	border: 1px solid #ddd;
	background: #fff;
	background: -moz-radial-gradient(center, ellipse cover, #fff 70%, #f7f7f7 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #fff 70%, #f7f7f7 100%);
	background: radial-gradient(ellipse at center, #fff 70%, #f7f7f7 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1 );
	min-height: 300px
}
body .search-results .kstl-search-list .search-result .search-result__item a.search-result__link img, html .search-results .kstl-search-list .search-result .search-result__item a.search-result__link img {
	display: block;
	border-radius: 10px 10px 0 0
}
body .search-results .kstl-search-list .search-result .search-result__item a.search-result__link img.brand, html .search-results .kstl-search-list .search-result .search-result__item a.search-result__link img.brand {
	display: block;
	border-radius: none;
	margin-top: 60px
}
body .search-results .kstl-search-list .search-result .search-result__item a.search-result__link img.product, html .search-results .kstl-search-list .search-result .search-result__item a.search-result__link img.product {
	display: block;
	border-radius: none;
	width: 80%
}
body .search-results .kstl-search-list .search-result .search-result__item a.search-result__link h3, html .search-results .kstl-search-list .search-result .search-result__item a.search-result__link h3 {
	margin: 10px;
	text-align: center
}
body .search-results .kstl-search-list .search-result .search-result__item a.search-result__link:hover, html .search-results .kstl-search-list .search-result .search-result__item a.search-result__link:hover {
	text-decoration: underline;
	box-shadow: 0 6px 30px rgba(0,0,0,.1)
}
@media (max-width:601px) {
body .vbox-overlay .vbox-close, html .vbox-overlay .vbox-close {
	top: 20px!important;
	right: 20px!important
}
body .search-results .kstl-search-list .search-result, html .search-results .kstl-search-list .search-result {
	width: 100%;
	display: block
}
body .search-results .kstl-search-list .search-result .search-result__item, html .search-results .kstl-search-list .search-result .search-result__item {
	display: block
}
body .search-results .kstl-search-list .search-result .search-result__item a.search-result__link, html .search-results .kstl-search-list .search-result .search-result__item a.search-result__link {
	display: block;
	text-align: center
}
body .search-results .kstl-search-list .search-result .search-result__item a.search-result__link img, html .search-results .kstl-search-list .search-result .search-result__item a.search-result__link img {
	width: 100%;
	height: auto
}
}
body .fullWidth, html .fullWidth {
	display: block;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	z-index: -100
}
body .fullWidth .centeredContent, html .fullWidth .centeredContent {
	display: block;
	max-width: 980px;
	margin: 0 auto!important
}
body .fullWidth .centeredContent .breadCrumbs, html .fullWidth .centeredContent .breadCrumbs {
	margin-top: 0
}
body .fullWidth .centeredContent .breadCrumbs ul li, html .fullWidth .centeredContent .breadCrumbs ul li {
	font-size: 8px;
font-size:.8rem;
	font-family: KelloggsSansRegular;
	font-weight: 400;
	display: inline-block
}
body .fullWidth .centeredContent .breadCrumbs ul li a, html .fullWidth .centeredContent .breadCrumbs ul li a {
	font-family: KelloggsSansRegular;
	font-weight: 400
}
body .fullWidth .centeredContent .breadCrumbs ul li a:hover, html .fullWidth .centeredContent .breadCrumbs ul li a:hover {
	color: #d31145;
	text-decoration: underline
}
@media (max-width:980px) {
body .fullWidth .centeredContent, html .fullWidth .centeredContent {
	width: 100%
}
body .fullWidth .centeredContent .breadCrumbs, html .fullWidth .centeredContent .breadCrumbs {
	width: 100%;
	clear: left;
	margin: 40px 0 0 10px!important
}
}
@media (max-width:601px) {
body .fullWidth .centeredContent, html .fullWidth .centeredContent {
	margin: 0 auto!important
}
body .fullWidth .centeredContent .breadCrumbs, html .fullWidth .centeredContent .breadCrumbs {
	margin-top: 10px!important
}
body .fullWidth .centeredContent .breadCrumbs ul li, html .fullWidth .centeredContent .breadCrumbs ul li {
	font-size: 10px;
	font-size: 1rem
}
body .fullWidth .centeredContent .breadCrumbs ul li a, html .fullWidth .centeredContent .breadCrumbs ul li a {
	font-size: 10px;
	font-size: 1rem;
	padding: 0
}
}
body .heroCarousel .flexslider, html .heroCarousel .flexslider {
	z-index: 1!important;
	opacity: .99!important;
	background: 0 0!important
}
body .heroCarousel .flexslider ul li .kstl-full-image-slide, html .heroCarousel .flexslider ul li .kstl-full-image-slide {
	background: 0 0!important
}
body .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset, html .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
	background: 0 0;
	width: 100%;
	max-width: unset;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2
}
body .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text, html .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
	padding: 20px
}
body .heroCarousel ol.flex-control-nav, html .heroCarousel ol.flex-control-nav {
	bottom: 10px;
	opacity: .5
}
body .heroCarousel ul.flex-direction-nav .flex-nav-next a.flex-next, html .heroCarousel ul.flex-direction-nav .flex-nav-next a.flex-next {
	width: 28px;
	height: 64px;
	background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/homepage/hero-right-arrow-grey.png) no-repeat!important;
	right: 0!important
}
body .heroCarousel ul.flex-direction-nav .flex-nav-prev a.flex-prev, html .heroCarousel ul.flex-direction-nav .flex-nav-prev a.flex-prev {
	width: 28px;
	height: 64px;
	background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/homepage/hero-left-arrow-grey.png) no-repeat!important;
	left: 0!important
}
body .hero-banner, body .hero-banner .kstl-full-image-slide .kstl-image-wrapper, body .hero-banner .kstl-full-image-slide .kstl-image-wrapper img, html .hero-banner, html .hero-banner .kstl-full-image-slide .kstl-image-wrapper, html .hero-banner .kstl-full-image-slide .kstl-image-wrapper img {
	width: 100%
}
@media (max-width:601px) {
body .heroCarousel ol.flex-control-nav, html .heroCarousel ol.flex-control-nav {
	opacity: 1;
	display: block
}
body .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset, html .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
	margin-top: 0
}
}
body .hero-banner .kstl-full-image-slide, html .hero-banner .kstl-full-image-slide {
	background: 0 0
}
body .hero-banner .kstl-full-image-slide .kstl-feature-inset, html .hero-banner .kstl-full-image-slide .kstl-feature-inset {
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0!important;
	background: 0 0
}
body .health-detail .kstl-feature-inset .slideDark, body .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description, html .health-detail .kstl-feature-inset .slideDark, html .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description {
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,.8) 0, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 72%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,.8) 0, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 72%, rgba(255,255,255,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff', GradientType=1 )
}
body .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description, html .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description {
	background: radial-gradient(ellipse at center, rgba(255,255,255,.8) 0, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 72%, rgba(255,255,255,0) 100%);
	padding: 40px;
	width: 370px;
	margin-left: 10%;
	margin-top: 20px
}
body .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description p, html .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description p {
	line-height: 1
}
@media (max-width:1080px) {
body .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description, html .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description {
	margin-top: 0;
	width: 60%
}
}
@media (max-width:950px) {
body .hero-banner .kstl-full-image-slide .kstl-feature-inset, html .hero-banner .kstl-full-image-slide .kstl-feature-inset {
	position: static
}
body .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description, html .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .description {
	width: 100%;
	margin: 0;
	padding: 20px 20px 40px
}
body .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text, html .hero-banner .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
	padding: 0
}
}
body .hero-banner .kstl-responsive-image, html .hero-banner .kstl-responsive-image {
	display: block;
	line-height: 0;
	width: 100%
}
body .hero-banner .kstl-responsive-image img, html .hero-banner .kstl-responsive-image img {
	width: 100%;
	padding: 0
}
body .centeredContent, html .centeredContent {
	display: block;
	max-width: 1020px;
	padding: 20px!important;
	margin: 0 auto!important
}
@media (max-width:601px) {
body .centeredContent, html .centeredContent {
	padding: 20px!important
}
}
body .centeredContent .centeredContent--half, html .centeredContent .centeredContent--half {
	margin: 0 -20px;
	padding: 0
}
body .centeredContent .centeredContent--half .grid__item, html .centeredContent .centeredContent--half .grid__item {
	padding: 0!important
}
body .centeredContent .centeredContent--half .grid__item .cta, html .centeredContent .centeredContent--half .grid__item .cta {
	padding: 0 10px 0 20px
}
@media (max-width:601px) {
body .centeredContent .centeredContent--half .grid__item .cta, html .centeredContent .centeredContent--half .grid__item .cta {
	padding: 0 20px
}
}
body .centeredContent .centeredContent--half .grid__item+.grid__item, html .centeredContent .centeredContent--half .grid__item+.grid__item {
	margin-left: 0
}
body .centeredContent .centeredContent--half .grid__item+.grid__item .cta, html .centeredContent .centeredContent--half .grid__item+.grid__item .cta {
	padding: 0 20px 0 10px
}
@media (max-width:601px) {
body .centeredContent .centeredContent--half .grid__item+.grid__item .cta, html .centeredContent .centeredContent--half .grid__item+.grid__item .cta {
	padding: 0 20px
}
}
body .centeredContent .centeredContent--half .cta_1, html .centeredContent .centeredContent--half .cta_1 {
	position: relative;
	text-align: center;
	padding-top: 0
}
body .centeredContent .centeredContent--half .cta_1 .cta_image, html .centeredContent .centeredContent--half .cta_1 .cta_image {
	width: 100%;
	padding-bottom: 20px
}
body .centeredContent .centeredContent--half .cta_1 .cta_image a:hover, html .centeredContent .centeredContent--half .cta_1 .cta_image a:hover {
	box-shadow: 0 6px 30px rgba(0,0,0,.1)
}
@media (max-width:601px) {
body .centeredContent .centeredContent--half .cta_1 .cta_image a .kstl-responsive-image img, html .centeredContent .centeredContent--half .cta_1 .cta_image a .kstl-responsive-image img {
	width: 100%;
	padding: 0
}
}
body .centeredContent .centeredContent--half .cta_1 .cta_text, html .centeredContent .centeredContent--half .cta_1 .cta_text {
	position: absolute;
	top: 30px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 80%;
	text-align: center
}
body .centeredContent .centeredContent--half .cta_1 .cta_text .description h3, html .centeredContent .centeredContent--half .cta_1 .cta_text .description h3 {
	font-family: KelloggsSansMedium
}
body .centeredContent .centeredContent--half .cta_1 .cta_text .description p, html .centeredContent .centeredContent--half .cta_1 .cta_text .description p {
	font-family: KelloggsSansRegular!important;
	line-height: 1.1
}
@media (max-width:950px) {
body .centeredContent .centeredContent--half .cta_1 .cta_text .description p, html .centeredContent .centeredContent--half .cta_1 .cta_text .description p {
	display: none
}
}
body .centeredContent .centeredContent--whole, html .centeredContent .centeredContent--whole {
	width: 100%;
	padding-top: 24px!important
}
body .centeredContent .centeredContent--whole .grid__item, html .centeredContent .centeredContent--whole .grid__item {
	padding-top: 0!important
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide, html .centeredContent .centeredContent--whole .kstl-full-image-slide {
	position: relative;
	display: block;
	background: 0 0!important;
	padding-bottom: 60px
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	background: 0 0!important
}

body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left {
	position: absolute;
	top: 40px;
	left: 60px;
	background-color: #fff;
	width: 320px;
	height: 380px;
	padding: 30px 20px;
	box-shadow: 0 6px 20px rgba(0,0,0,.15);
	text-align: center
}
.didyouknow .kstl-full-image-slide .kstl-feature-inset{
	
	bottom:80%!important;
	right: 74%!important;
	position:absolute;
	background-image: none;
	}
	
	
.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_fibre {
	position: absolute;
	top: 30px;
	left: 50px;
	width: 320px;
	height: 380px;
	padding: 30px 20px;
    text-align:center;
}

 .dyk_fibre h3
 {
	font-family: KelloggsSansMedium;
	color: #262626;
	line-height: 1.1;
	padding-bottom: 8px;
	font-size:35px;
}

 .dyk_fibre p
 {

	line-height: 1.1;

}

.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_sugar {
	position: absolute;
	top: 60px;
	left: 60px;
	width: 300px;
	height: 380px;
	padding: 30px 20px;
  text-align:center;
}
.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_sugar h3 {
	font-family: KelloggsSansMedium;
	color: #262626;
	line-height: 1.1;
	padding-bottom: 8px;
	font-size:35px;
}

 .dyk_sugar p
 {

	line-height: 1.1;

}
.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_protein {
	position: absolute;
	top: 35px;
	left: 45px;
	width: 320px;
	height: 380px;
	padding: 30px 20px;
  text-align:center;
}
.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_protein h3 {
	font-family: KelloggsSansMedium;
	color: #262626;
	line-height: 1.1;
	padding-bottom: 8px;
	font-size:35px;
}

 .dyk_protein p
 {

	line-height: 1.1;
}


@media  (max-width:950px){
	
	.didyouknow .kstl-full-image-slide .kstl-feature-inset{
	
	bottom:80%!important;
	right: 74%!important;
	position:absolute;
	background-image: none;
	}
	
	.didyouknow .kstl-rich-text {
	padding: 0!important;
	/*width:320px;*/
}

.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_fibre {
	position: absolute;
	top: 90px;
	width: 360px;
    text-align:center;
	left:1px;
}

 .dyk_fibre h3
 {
	font-family: KelloggsSansMedium;
    color: #262626;
    line-height: 1.1;
    /* padding-bottom: 8px; */
    font-size: 23px;
    padding-left: 100px;
    width: 235px;
}

 .dyk_fibre p
 {

	line-height: 1.1;
    font-size: 13px; 
	padding-left: 10px;
    padding-right: 10px;
}

.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_sugar {
	position: absolute;
	top: 90px;
	width: 360px;
	height: 380px;
    text-align:center;
	left:1px;
}
.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_sugar h3 {
	 font-size: 23px;
     padding-left: 120px;
     width: 255px;
	 padding-top: 15px;
}

 .dyk_sugar p
 {

	line-height: 1.1;
    font-size: 13px;
	padding-left: 10px;
    padding-right: 10px;
}
.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_protein {
	position: absolute;
	top: 95px;
	width: 360px;
	height: 380px;
    text-align:center;
	left:1px;
}
.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_protein h3 {
	 font-size: 23px;
    padding-left: 110px;
    width: 245px;
}

 .dyk_protein p
 {

	line-height: 1.1;
	font-size: 13px;
	padding-left: 10px;
    padding-right: 10px;
	
}
}


@media  (max-width:400px){
.didyouknow .kstl-rich-text {
	padding: 0!important;
	/*width:320px;*/
}
.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_fibre {
	position: absolute;
	top: 75px;
	width: 320px;
    text-align:center;
	left:1px;
	/*padding:1px !important;*/
}

 .dyk_fibre h3
 {
	font-family: KelloggsSansMedium;
    color: #262626;
    line-height: 1.1;
    /* padding-bottom: 8px; */
    font-size: 20px;
    padding-left: 100px;
    width: 235px;
}

 .dyk_fibre p
 {

	line-height: 1.1;
    font-size: 12px; 
	padding-left: 10px;
    padding-right: 10px;
}

.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_sugar {
	position: absolute;
	top: 80px;
	width: 320px;
	height: 380px;
    text-align:center;
	left:1px;
}
.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_sugar h3 {
	 font-size: 20px;
     padding-left: 100px;
     width: 235px;
}

 .dyk_sugar p
 {

	line-height: 1.1;
    font-size: 11px;
	padding-left: 10px;
    padding-right:10px;

}
.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_protein {
	position: absolute;
	top: 75px;
	width: 320px;
	height: 380px;
    text-align:center;
	left:1px;
}
.kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .dyk_protein h3 {
	 font-size: 20px;
     padding-left: 100px;
     width: 235px;
}

 .dyk_protein p
 {

	line-height: 1.1;
	font-size: 12px;
	padding-left: 10px;
    padding-right: 10px;
	
}
}


body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description {
	    padding: 230px 790px;
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left .icon, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left .icon {
	display: inline-block;
	margin: 15px 0
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left p.latest, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left p.latest {
	font-family: KelloggsSansRegular;
	color: #b51946;
	text-transform: uppercase;
	margin-bottom: 15px
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h3, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h3 {
	font-family: KelloggsSansMedium;
	color: #262626;
	line-height: .8;
	padding-bottom: 15px
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h6, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h6 {
	color: #262626;
	line-height: 1.1
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left p.promo, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left p.promo {
	line-height: 1.5
}
@media (max-width:950px) {
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left {
	position: static;
	width: 80%;
	height: auto;
	margin: 0 auto
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description {
	   display:none;
}
}
@media (max-width:400px) {
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left {
	width: 90%
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h3, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h3 {
font-size:calc((100vw / 12) * 1)
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h6, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left h6 {
font-size:calc((100vw / 20) * 1)
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description {
	   display:none;
}
}
@media (max-width:350px) {
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--left {
	width: 95%
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description {
	   display:none;
}
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right {
	position: absolute;
	top: 40px;
	right: 60px;
	background-color: #fff;
	width: 320px;
	height: 380px;
	padding: 30px 20px;
	box-shadow: 0 6px 20px rgba(0,0,0,.15);
	text-align: center
}
body .anchor-articles .grid__item .cta_2:hover, body .article-landing .kstl-search-list .article-result a.article-result__card:hover, body .brandDetail .kstl-search-list .recipe-result a.recipe-result__card:hover, body .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card:hover, html .anchor-articles .grid__item .cta_2:hover, html .article-landing .kstl-search-list .article-result a.article-result__card:hover, html .brandDetail .kstl-search-list .recipe-result a.recipe-result__card:hover, html .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card:hover {
	box-shadow: 0 6px 30px rgba(0,0,0,.1)
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right .icon, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right .icon {
	display: inline-block;
	margin: 15px 0
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right p.latest, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right p.latest {
	font-family: KelloggsSansRegular;
	color: #b51946;
	text-transform: uppercase;
	margin-bottom: 15px
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h3, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h3 {
	font-family: KelloggsSansMedium;
	color: #262626;
	line-height: .8;
	padding-bottom: 15px
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h6, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h6 {
	color: #262626;
	line-height: 1.1
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right p.promo, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right p.promo {
	line-height: 1.5
}
@media (max-width:950px) {
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right {
	position: static;
	width: 80%;
	height: auto;
	margin: 0 auto
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset {
	position: relative;
	margin-top: -80px
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
	padding-top: 0
}
}
@media (max-width:400px) {
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right {
	width: 90%
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h3, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h3 {
font-size:calc((100vw / 12) * 1)
}
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h6, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right h6 {
font-size:calc((100vw / 20) * 1)
}
}
@media (max-width:350px) {
body .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right, html .centeredContent .centeredContent--whole .kstl-full-image-slide .kstl-feature-inset .description--right {
	width: 95%
}
}
body .centeredContent .kstl-image-wrapper .kstl-responsive-image, body .centeredContent .kstl-image-wrapper .kstl-responsive-image img, body .homePage .kstl-full-image-slide img, html .centeredContent .kstl-image-wrapper .kstl-responsive-image, html .centeredContent .kstl-image-wrapper .kstl-responsive-image img, html .homePage .kstl-full-image-slide img {
	width: 100%
}
body .centeredContent .kstl-image-wrapper, html .centeredContent .kstl-image-wrapper {
	width: 100%;
	line-height: 0
}
@media (max-width:601px) {
	
body .centeredContent .kstl-image-wrapper, html .centeredContent .kstl-image-wrapper {
	/*padding: 10px!important;
    height: 100px;
    width: 100px;
    margin-left: 120px;*/
	padding-bottom: 20px;
}

.didyouknow  .kstl-full-image-slide  {
	/*padding: 10px!important;
    height: 100px;
    width: 100px;
    margin-left: 120px;*/
	background-color:#fff;
}
}
body .homePage .kstl-full-image-slide, html .homePage .kstl-full-image-slide {
	background: 0 0
}
body .homePage .kstl-feature-inset, html .homePage .kstl-feature-inset {
	background: 0 0;
	width: 100%!important;
	right: 0;
	bottom: 0;
	top: 10px;
	left: 0;
	z-index: 0!important
}
@media (max-width:950px) {
body .homePage .kstl-full-image-slide .kstl-rich-text, html .homePage .kstl-full-image-slide .kstl-rich-text {
	padding: 10px 20px 0 5px
}
body .homePage .kstl-feature-inset, html .homePage .kstl-feature-inset {
	position: static;
	color: #262626
}
}
body .homePage .kstl-feature-inset .slideOne, html .homePage .kstl-feature-inset .slideOne {
	background: 0 0;
	margin:5px 0 0 calc((100vw / 96) * 31);
	width: 50%;
	/*color: #fff;*/
	padding: 400px 10px 40px 635px
}
body .homePage .kstl-feature-inset .slideOne h1, html .homePage .kstl-feature-inset .slideOne h1 {
	font-family: KelloggsSansMedium;
	font-size: 50px;
	line-height: 1
}
@media (min-width:950px) and (max-width:1440px) {
body .homePage .kstl-feature-inset .slideOne, html .homePage .kstl-feature-inset .slideOne {
	margin-top: 0;
	width: 75%
}
body .homePage .kstl-feature-inset .slideOne h1, html .homePage .kstl-feature-inset .slideOne h1 {
	font-size: 3vw
}
}
@media (max-width:950px) {
body .homePage .kstl-feature-inset .slideOne, html .homePage .kstl-feature-inset .slideOne {
	background: 0 0;
	color: #262626;
	margin-top: -55px;
	width: auto;
	padding: 0 1px;
	display:block;
}
body .homePage .kstl-feature-inset .slideOne h1, html .homePage .kstl-feature-inset .slideOne h1 {
	font-size: 4vw
}

a.button.red2 {
	padding :1px!important;
	font-size: 0.98rem;
	}
	
	body .button.red, body .contactUs .qq-uploader .qq-upload-button:not(.x-btn-text), body .contactUs .qq-uploader html .qq-upload-button:not(.x-btn-text), body input[type=button]:not(.x-btn-text), body input[type=reset]:not(.x-btn-text), body input[type=submit]:not(.x-btn-text), html .button:not(.x-btn-text), html .contactUs .qq-uploader .qq-upload-button:not(.x-btn-text), html .contactUs .qq-uploader body .qq-upload-button:not(.x-btn-text), html input[type=button]:not(.x-btn-text), html input[type=reset]:not(.x-btn-text), html input[type=submit]:not(.x-btn-text){
		border: 0;
    cursor: pointer;
    display: inline-block;
    font-family: KelloggsSansRegular;
    font-weight: 200;
    font-size: 12px!important;
    color: #fff;
    line-height: 100%;
    margin-bottom: 1em;
    padding: 10px!important;
    text-decoration: none;
    transition: all .2s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    background-color: #cc3333!important;
		
		}
}
@media (max-width:601px) {
body .homePage .kstl-feature-inset .slideOne h1, html .homePage .kstl-feature-inset .slideOne h1 {
	font-size: 7.5vw
}
}
body .homePage .kstl-feature-inset .slideOne p, html .homePage .kstl-feature-inset .slideOne p {
	margin-top: 10px;
	line-height: 1.1
}
body .cereal-and-milk .hero-banner .description, html .cereal-and-milk .hero-banner .description {
	width: 40%!important;
	position: relative;
	margin: 60px 0 0 34%!important
}
body .cereal-and-milk .hero-banner .description p, html .cereal-and-milk .hero-banner .description p {
	font-size: 24px!important;
	color: #5d87a1
}
body .cereal-and-milk .hero-banner .description p.tiny, html .cereal-and-milk .hero-banner .description p.tiny {
	position: absolute;
	bottom: 0;
	font-size: 12px!important
}
@media (max-width:950px) {
body .cereal-and-milk .hero-banner .description, html .cereal-and-milk .hero-banner .description {
	width: 100%!important;
	margin: 20px auto!important
}
}
body .cereal-and-milk .cereal-grid, html .cereal-and-milk .cereal-grid {
	width: 100%;
	max-width: 950px
}
body .cereal-and-milk .cereal-grid .half-cereal, html .cereal-and-milk .cereal-grid .half-cereal {
	margin: 0!important
}
body .cereal-and-milk .cereal-grid .full-height, html .cereal-and-milk .cereal-grid .full-height {
	margin: 5px!important;
	height: 610px
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .full-height, html .cereal-and-milk .cereal-grid .full-height {
height:calc((100vw / 5) * 6)
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .full-height, html .cereal-and-milk .cereal-grid .full-height {
	height: unset
}
}
body .cereal-and-milk .cereal-grid .two-thirds-height, html .cereal-and-milk .cereal-grid .two-thirds-height {
	margin: 5px!important;
	height: 400px
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .two-thirds-height, html .cereal-and-milk .cereal-grid .two-thirds-height {
height:calc((100vw / 5) * 4)
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .two-thirds-height, html .cereal-and-milk .cereal-grid .two-thirds-height {
	height: unset
}
}
body .cereal-and-milk .cereal-grid .one-third-height, html .cereal-and-milk .cereal-grid .one-third-height {
	margin: 5px!important;
	height: 200px
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .one-third-height, html .cereal-and-milk .cereal-grid .one-third-height {
height:calc((100vw / 5) * 2)
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .one-third-height, html .cereal-and-milk .cereal-grid .one-third-height {
	height: unset
}
}
body .cereal-and-milk .cereal-grid .three-quarter-height, html .cereal-and-milk .cereal-grid .three-quarter-height {
	margin: 5px!important;
	height: 450px
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .three-quarter-height, html .cereal-and-milk .cereal-grid .three-quarter-height {
height:calc((100vw / 10) * 9)
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .three-quarter-height, html .cereal-and-milk .cereal-grid .three-quarter-height {
	height: unset
}
}
body .cereal-and-milk .cereal-grid .quarter-height, html .cereal-and-milk .cereal-grid .quarter-height {
	margin: 5px!important;
	height: 150px
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .quarter-height, html .cereal-and-milk .cereal-grid .quarter-height {
height:calc((100vw / 10) * 3)
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .quarter-height, html .cereal-and-milk .cereal-grid .quarter-height {
	height: unset
}
}
body .cereal-and-milk .cereal-grid .two-fifths-height, html .cereal-and-milk .cereal-grid .two-fifths-height {
	margin: 5px!important;
	height: 235px
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .two-fifths-height, html .cereal-and-milk .cereal-grid .two-fifths-height {
	height: unset
}
}
body .cereal-and-milk .cereal-grid .one-fifth-height, html .cereal-and-milk .cereal-grid .one-fifth-height {
	margin: 5px!important;
	height: 120px
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .one-fifth-height, html .cereal-and-milk .cereal-grid .one-fifth-height {
	height: unset
}
}
body .cereal-and-milk .cereal-grid .thirds-height, html .cereal-and-milk .cereal-grid .thirds-height {
	margin: 5px!important
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .thirds-height, html .cereal-and-milk .cereal-grid .thirds-height {
	height: 393px;
height:calc((100vw / 1000) * 393)
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .thirds-height, html .cereal-and-milk .cereal-grid .thirds-height {
	height: unset
}
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide, html .cereal-and-milk .cereal-grid .kstl-full-image-slide {
	position: relative
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper {
	height: 610px
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper {
height:calc((100vw / 100) * 61);
height:calc((100vw / 50) * 61);
height:calc((100vw / 100) * 120)
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper {
	height: unset
}
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper img, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper img {
	height: 610px
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper img, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper img {
height:calc((100vw / 100) * 61);
height:calc((100vw / 50) * 61);
height:calc((100vw / 5) * 6)
}
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset {
	background: 0 0;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
	color: #5d87a1!important
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy {
	margin-top: 250px
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a {
	color: #5d87a1!important;
	text-decoration: none
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a h2, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a h2 {
	font-family: KelloggsSansMedium;
	line-height: 1
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a p, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a p {
	line-height: 1.4;
	margin-top: 10px
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .image, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .image {
	width: 100%;
	position: absolute;
	bottom: 0
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .image img, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .image img {
	width: 100%
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset:hover .kstl-rich-text .image, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset:hover .kstl-rich-text .image {
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/cereal-and-milk/rkCereal_glow.png) no-repeat;
	background-size: 100% 100%
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy {
	margin-top: 600px;
margin-top:calc((100vw / 499) * 260)
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a h2, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a h2 {
	font-size: 32px!important
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a p, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy a p {
	font-size: 20px!important;
	line-height: 1!important
}
body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner h2, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner h2 {
	font-size: 30px
}
body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner p, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner p {
	font-size: 20px
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper img, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper img {
	height: unset
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-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;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy {
	margin-top: 50px
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy p, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .copy p {
	line-height: 1!important
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .image, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .image {
	left: 0;
	line-height: 0
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .image a, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-feature-inset .image a {
	padding: 0!important
}
body .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper, html .cereal-and-milk .cereal-grid .kstl-full-image-slide .kstl-image-wrapper {
	padding-bottom: 0
}
body .cereal-and-milk .cereal-grid .sounds-great, html .cereal-and-milk .cereal-grid .sounds-great {
	min-height: 300px
}
body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner h2, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner h2 {
	font-size: 30px
}
body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner p, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner p {
	font-size: 24px
}
}
body .cereal-and-milk .cereal-grid .beautifully-simple, html .cereal-and-milk .cereal-grid .beautifully-simple {
	background: #5d87a1;
	padding: 60px 10px!important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-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;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
body .cereal-and-milk .cereal-grid .beautifully-simple .kstl-image-wrapper, html .cereal-and-milk .cereal-grid .beautifully-simple .kstl-image-wrapper {
	width: 100%
}
body .cereal-and-milk .cereal-grid .beautifully-simple .kstl-image-wrapper img, html .cereal-and-milk .cereal-grid .beautifully-simple .kstl-image-wrapper img {
	display: block;
	margin: 0 auto!important
}
body .cereal-and-milk .cereal-grid .beautifully-simple .copy, html .cereal-and-milk .cereal-grid .beautifully-simple .copy {
	color: #fff;
	text-align: center;
	padding-top: 10px!important
}
body .cereal-and-milk .cereal-grid .beautifully-simple .copy p.sans, html .cereal-and-milk .cereal-grid .beautifully-simple .copy p.sans {
	font-family: OpenSans
}
body .cereal-and-milk .cereal-grid .checkboxes, html .cereal-and-milk .cereal-grid .checkboxes {
	border: 5px solid #5d87a1;
	background: #fff;
	padding: 20px 20px 30px!important;
	color: #5d87a1;
	font-family: KelloggsSansMedium
}
body .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__boxes, html .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__boxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 10px!important
}
body .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__boxes img, html .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__boxes img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 20px;
	height: 20px
}
body .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__boxes span, html .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__boxes span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	font-family: KelloggsSansBold;
	padding-left: 10px;
	height: 20px;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
body .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__text, html .cereal-and-milk .cereal-grid .checkboxes .check__copy p.check__text {
	line-height: 1;
	margin-top: 10px!important
}
body .cereal-and-milk .cereal-grid .sounds-great, html .cereal-and-milk .cereal-grid .sounds-great {
	color: #5d87a1;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/cereal-and-milk/sounds_good_rk_bg.jpg) no-repeat;
	background-size: 100% 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
body .cereal-and-milk .cereal-grid .sounds-great .grid__item, body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text, html .cereal-and-milk .cereal-grid .sounds-great .grid__item, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/cereal-and-milk/rkCereal-small.png??) right bottom no-repeat
}
body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner h2, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner h2 {
	display: block;
	width: 100%;
	padding: 4px 10px 0!important
}
body .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner p, html .cereal-and-milk .cereal-grid .sounds-great .grid__item .kstl-rich-text .inner p {
	width: 100%;
	padding: 0 10px!important;
	line-height: 1
}
body .cereal-and-milk .cereal-grid .sounds-great:hover, html .cereal-and-milk .cereal-grid .sounds-great:hover {
	cursor: pointer
}
body .cereal-and-milk .cereal-grid .sounds-great:hover .grid__item, body .cereal-and-milk .cereal-grid .sounds-great:hover .grid__item .kstl-rich-text, html .cereal-and-milk .cereal-grid .sounds-great:hover .grid__item, html .cereal-and-milk .cereal-grid .sounds-great:hover .grid__item .kstl-rich-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
body .cereal-and-milk .cereal-grid .sounds-great:hover .grid__item .kstl-rich-text .inner, html .cereal-and-milk .cereal-grid .sounds-great:hover .grid__item .kstl-rich-text .inner {
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/cereal-and-milk/rkCereal-small.png) right bottom no-repeat, url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/cereal-and-milk/rkCereal_glow.png) right bottom no-repeat
}
body .cereal-and-milk .cereal-grid .simple-start, html .cereal-and-milk .cereal-grid .simple-start {
	position: relative;
	border: 5px solid #b41946;
	background: #b41946;
	color: #fff;
	overflow: hidden;
	padding: 20px 10px 10px!important;
	cursor: pointer;
	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
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper, html .cereal-and-milk .cereal-grid .simple-start .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper .show, html .cereal-and-milk .cereal-grid .simple-start .wrapper .show {
	position: absolute;
	transition: top .2s ease;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	color: #b41946;
	padding: 20px
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper .show ol, html .cereal-and-milk .cereal-grid .simple-start .wrapper .show ol {
	margin-left: 20px
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper .show ol li, html .cereal-and-milk .cereal-grid .simple-start .wrapper .show ol li {
	padding-top: 6px
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper .hide h2, html .cereal-and-milk .cereal-grid .simple-start .wrapper .hide h2 {
	font-size: 30px;
	font-family: KelloggsSansBold;
	line-height: 1
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper .hide p.body, html .cereal-and-milk .cereal-grid .simple-start .wrapper .hide p.body {
	margin-top: 10px!important;
	line-height: 1.5
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper .hide img, html .cereal-and-milk .cereal-grid .simple-start .wrapper .hide img {
	display: block;
	margin: 10px auto!important
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper p.sources, html .cereal-and-milk .cereal-grid .simple-start .wrapper p.sources {
	line-height: 1;
	font-family: KelloggsSansMedium;
	-ms-flex-item-align: baseline;
	align-self: baseline
}
body .cereal-and-milk .cereal-grid .simple-start:hover .show, html .cereal-and-milk .cereal-grid .simple-start:hover .show {
	top: 0
}
body .cereal-and-milk .cereal-grid .simple-start:hover .hide, html .cereal-and-milk .cereal-grid .simple-start:hover .hide {
	display: none
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .simple-start .wrapper .hide, html .cereal-and-milk .cereal-grid .simple-start .wrapper .hide {
	position: relative;
height:calc((100vw / 5) * 3)
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper .hide img, html .cereal-and-milk .cereal-grid .simple-start .wrapper .hide img {
	position: absolute;
	top: 50%;
	left: 45%
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper .hide p.sources, html .cereal-and-milk .cereal-grid .simple-start .wrapper .hide p.sources {
	position: absolute;
	bottom: 0
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .simple-start .wrapper, html .cereal-and-milk .cereal-grid .simple-start .wrapper {
	min-height: 300px
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper .hide, html .cereal-and-milk .cereal-grid .simple-start .wrapper .hide {
	position: relative;
	height: unset
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper .hide img, html .cereal-and-milk .cereal-grid .simple-start .wrapper .hide img {
	position: static;
	margin: 40px auto!important
}
body .cereal-and-milk .cereal-grid .simple-start .wrapper .hide p.sources, html .cereal-and-milk .cereal-grid .simple-start .wrapper .hide p.sources {
	position: absolute;
	bottom: 0
}
}
body .cereal-and-milk .cereal-grid .protein, html .cereal-and-milk .cereal-grid .protein {
	border: 5px solid #5d87a1;
	background: #fff;
	padding: 20px 10px 30px!important;
	color: #5d87a1;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
body .cereal-and-milk .cereal-grid .protein .grid__item, html .cereal-and-milk .cereal-grid .protein .grid__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
body .cereal-and-milk .cereal-grid .protein .grid__item .interior img, html .cereal-and-milk .cereal-grid .protein .grid__item .interior img {
	margin: 20px auto!important
}
body .cereal-and-milk .cereal-grid .milk-it, html .cereal-and-milk .cereal-grid .milk-it {
	background: #b41946;
	position: relative
}
body .cereal-and-milk .cereal-grid .milk-it .kstl-image-wrapper, html .cereal-and-milk .cereal-grid .milk-it .kstl-image-wrapper {
	width: 100%;
	position: absolute;
	bottom: 0
}
body .cereal-and-milk .cereal-grid .milk-it .kstl-image-wrapper img, html .cereal-and-milk .cereal-grid .milk-it .kstl-image-wrapper img {
	width: 100%
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .milk-it .kstl-image-wrapper, html .cereal-and-milk .cereal-grid .milk-it .kstl-image-wrapper {
	position: static;
	padding: 0!important
}
}
body .cereal-and-milk .cereal-grid .flex-flakes, html .cereal-and-milk .cereal-grid .flex-flakes {
	background: #5d87a1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body .cereal-and-milk .cereal-grid .flex-flakes .grid__item, html .cereal-and-milk .cereal-grid .flex-flakes .grid__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}
body .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits, html .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 0!important;
	color: #fff;
	padding: 20px 5px!important;
	text-align: center;
	border-right: 5px solid #fff
}
body .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits p, html .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits p {
	padding-top: 10px
}
body .cereal-and-milk .cereal-grid .flex-flakes .flakes, html .cereal-and-milk .cereal-grid .flex-flakes .flakes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: auto!important;
	padding: 0!important;
	line-height: 0
}
body .cereal-and-milk .cereal-grid .flex-flakes .flakes .kstl-image-wrapper, html .cereal-and-milk .cereal-grid .flex-flakes .flakes .kstl-image-wrapper {
	width: 100%;
	background: #fff;
	padding: 0
}
body .cereal-and-milk .cereal-grid .flex-flakes .flakes .kstl-image-wrapper img, html .cereal-and-milk .cereal-grid .flex-flakes .flakes .kstl-image-wrapper img {
	width: 100%
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .protein .grid__item, html .cereal-and-milk .cereal-grid .protein .grid__item {
	height: 500px
}
body .cereal-and-milk .cereal-grid .protein .grid__item .interior p, html .cereal-and-milk .cereal-grid .protein .grid__item .interior p {
	font-size: 24px
}
body .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits, html .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%
}
body .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits .kstl-rich-text, html .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits .kstl-rich-text {
	width: 100%
}
body .cereal-and-milk .cereal-grid .flex-flakes .flakes, html .cereal-and-milk .cereal-grid .flex-flakes .flakes {
	width: 70%
}
body .cereal-and-milk .cereal-grid .flex-flakes .flakes .kstl-image-wrapper, body .cereal-and-milk .cereal-grid .flex-flakes .flakes .kstl-image-wrapper img, html .cereal-and-milk .cereal-grid .flex-flakes .flakes .kstl-image-wrapper, html .cereal-and-milk .cereal-grid .flex-flakes .flakes .kstl-image-wrapper img {
	width: 100%
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits, html .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%
}
body .cereal-and-milk .cereal-grid .flex-flakes .flakes, body .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits .kstl-rich-text, html .cereal-and-milk .cereal-grid .flex-flakes .flakes, html .cereal-and-milk .cereal-grid .flex-flakes .the-day-awaits .kstl-rich-text {
	width: 100%
}
body .cereal-and-milk .cereal-grid .show-us, html .cereal-and-milk .cereal-grid .show-us {
	min-height: 100px
}
}
body .cereal-and-milk .cereal-grid .show-us, html .cereal-and-milk .cereal-grid .show-us {
	background: #39f;
	text-align: center;
	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;
	cursor: pointer
}
body .cereal-and-milk .cereal-grid .show-us a, html .cereal-and-milk .cereal-grid .show-us a {
	color: #fff;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
body .cereal-and-milk .cereal-grid .show-us a img, html .cereal-and-milk .cereal-grid .show-us a img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}
body .cereal-and-milk .cereal-grid .show-us a span, html .cereal-and-milk .cereal-grid .show-us a span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding-left: 10px
}
body .cereal-and-milk .cereal-grid .show-us:hover, html .cereal-and-milk .cereal-grid .show-us:hover {
	background: #857d6f
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .show-us, html .cereal-and-milk .cereal-grid .show-us {
	padding: 20px!important
}
}
body .cereal-and-milk .cereal-grid .sweet-simple, html .cereal-and-milk .cereal-grid .sweet-simple {
	position: relative;
	border: 5px solid #5d87a1;
	background: #fff;
	padding: 20px 10px 30px!important;
	color: #5d87a1;
	overflow: hidden;
	cursor: pointer
}
body .cereal-and-milk .cereal-grid .sweet-simple .show, html .cereal-and-milk .cereal-grid .sweet-simple .show {
	transition: top .2s ease;
	position: absolute;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	background: #5d87a1;
	color: #fff
}
body .cereal-and-milk .cereal-grid .sweet-simple .hide, html .cereal-and-milk .cereal-grid .sweet-simple .hide {
	display: block
}
body .cereal-and-milk .cereal-grid .sweet-simple .hide h2, html .cereal-and-milk .cereal-grid .sweet-simple .hide h2 {
	font-size: 30px;
	font-family: KelloggsSansBold;
	line-height: 1
}
body .cereal-and-milk .cereal-grid .sweet-simple .hide p.body, html .cereal-and-milk .cereal-grid .sweet-simple .hide p.body {
	margin-top: 10px!important;
	line-height: 1.5
}
body .cereal-and-milk .cereal-grid .sweet-simple .kstl-image-wrapper img, html .cereal-and-milk .cereal-grid .sweet-simple .kstl-image-wrapper img {
	display: block;
	margin: 0 auto!important;
	padding-bottom: 10px
}
body .cereal-and-milk .cereal-grid .building-blocks .show ol, body .cereal-and-milk .cereal-grid .sweet-simple:hover .show ol, html .cereal-and-milk .cereal-grid .building-blocks .show ol, html .cereal-and-milk .cereal-grid .sweet-simple:hover .show ol {
	margin-left: 20px
}
body .cereal-and-milk .cereal-grid .sweet-simple p.sources, html .cereal-and-milk .cereal-grid .sweet-simple p.sources {
	line-height: 1;
	font-family: KelloggsSansMedium
}
body .cereal-and-milk .cereal-grid .sweet-simple:hover .show, html .cereal-and-milk .cereal-grid .sweet-simple:hover .show {
	top: 0
}
body .cereal-and-milk .cereal-grid .sweet-simple:hover .show ol li, html .cereal-and-milk .cereal-grid .sweet-simple:hover .show ol li {
	padding-top: 6px
}
body .cereal-and-milk .cereal-grid .sweet-simple:hover .hide, html .cereal-and-milk .cereal-grid .sweet-simple:hover .hide {
	display: none
}
body .cereal-and-milk .cereal-grid .building-blocks, html .cereal-and-milk .cereal-grid .building-blocks {
	position: relative;
	border: 5px solid #b41946;
	background: #b41946;
	color: #fff;
	cursor: pointer;
	padding: 20px 20px 10px!important;
	min-height: 215px;
	overflow: hidden
}
body .cereal-and-milk .cereal-grid .building-blocks .show, html .cereal-and-milk .cereal-grid .building-blocks .show {
	transition: top .2s ease;
	position: absolute;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	color: #b41946;
	padding: 20px!important
}
body .cereal-and-milk .cereal-grid .building-blocks .show ol li, html .cereal-and-milk .cereal-grid .building-blocks .show ol li {
	padding-top: 6px
}
body .cereal-and-milk .cereal-grid .building-blocks .show ol li a, html .cereal-and-milk .cereal-grid .building-blocks .show ol li a {
	color: #b41946
}
body .cereal-and-milk .cereal-grid .building-blocks .hide, html .cereal-and-milk .cereal-grid .building-blocks .hide {
	display: block
}
body .cereal-and-milk .cereal-grid .building-blocks .hide h2, html .cereal-and-milk .cereal-grid .building-blocks .hide h2 {
	font-size: 30px;
	font-family: KelloggsSansBold;
	line-height: 1
}
body .cereal-and-milk .cereal-grid .building-blocks .hide p.body, html .cereal-and-milk .cereal-grid .building-blocks .hide p.body {
	margin-top: 10px!important;
	line-height: 1.5
}
body .cereal-and-milk .cereal-grid .building-blocks .hide img, html .cereal-and-milk .cereal-grid .building-blocks .hide img {
	display: block;
	margin: 10px auto!important
}
body .cereal-and-milk .cereal-grid .building-blocks p.sources, html .cereal-and-milk .cereal-grid .building-blocks p.sources {
	line-height: 1;
	font-family: KelloggsSansMedium
}
body .cereal-and-milk .cereal-grid .building-blocks:hover .show, html .cereal-and-milk .cereal-grid .building-blocks:hover .show {
	top: 0
}
body .cereal-and-milk .cereal-grid .building-blocks:hover .hide, html .cereal-and-milk .cereal-grid .building-blocks:hover .hide {
	display: none
}
body .cereal-and-milk .cereal-grid .instagram, html .cereal-and-milk .cereal-grid .instagram {
	position: static;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/cereal-and-milk/instagram.jpg) no-repeat;
	background-size: 100% 100%;
	overflow: hidden
}
body .cereal-and-milk .cereal-grid .instagram .kstl-rich-text, html .cereal-and-milk .cereal-grid .instagram .kstl-rich-text {
	position: relative;
	height: 200px
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .instagram .kstl-rich-text, html .cereal-and-milk .cereal-grid .instagram .kstl-rich-text {
height:calc((100vw / 5) * 2)
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .building-blocks, html .cereal-and-milk .cereal-grid .building-blocks {
	min-height: 250px
}
body .cereal-and-milk .cereal-grid .instagram .kstl-rich-text, html .cereal-and-milk .cereal-grid .instagram .kstl-rich-text {
	height: 80vw
}
}
body .cereal-and-milk .cereal-grid .instagram .kstl-rich-text .overlay, html .cereal-and-milk .cereal-grid .instagram .kstl-rich-text .overlay {
	transition: top .2s ease;
	position: absolute;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: rgba(0,0,0,.5);
	border: 1px solid #262626;
	text-align: center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body .cereal-and-milk .cereal-grid .instagram .kstl-rich-text .overlay .inner p, html .cereal-and-milk .cereal-grid .instagram .kstl-rich-text .overlay .inner p {
	line-height: 1
}
body .cereal-and-milk .cereal-grid .instagram .kstl-rich-text .overlay .inner p.strong, html .cereal-and-milk .cereal-grid .instagram .kstl-rich-text .overlay .inner p.strong {
	padding-top: 10px;
	line-height: 1.2;
	font-weight: 700
}
body .cereal-and-milk .cereal-grid .instagram .kstl-rich-text .overlay .inner .image, html .cereal-and-milk .cereal-grid .instagram .kstl-rich-text .overlay .inner .image {
	padding-top: 10px
}
body .cereal-and-milk .cereal-grid .instagram .kstl-rich-text:hover .overlay, html .cereal-and-milk .cereal-grid .instagram .kstl-rich-text:hover .overlay {
	top: 0;
	cursor: pointer
}
body .cereal-and-milk .cereal-grid .instagram .kstl-rich-text:hover .overlay .inner, html .cereal-and-milk .cereal-grid .instagram .kstl-rich-text:hover .overlay .inner {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding: 20px;
	margin: auto
}
body .cereal-and-milk .cereal-grid .breakfast-date, html .cereal-and-milk .cereal-grid .breakfast-date {
	background: #5d87a1;
	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
}
body .cereal-and-milk .cereal-grid .breakfast-date .grid__item, html .cereal-and-milk .cereal-grid .breakfast-date .grid__item {
	width: 200px;
	height: 200px
}
body .cereal-and-milk .cereal-grid .breakfast-date .grid__item .copy, html .cereal-and-milk .cereal-grid .breakfast-date .grid__item .copy {
	color: #fff;
	text-align: center
}
body .cereal-and-milk .cereal-grid .breakfast-date .grid__item .copy p, html .cereal-and-milk .cereal-grid .breakfast-date .grid__item .copy p {
	padding: 20px
}
body .cereal-and-milk .cereal-grid .breakfast-date .grid__item .copy p.image, html .cereal-and-milk .cereal-grid .breakfast-date .grid__item .copy p.image {
	padding: 0
}
body .cereal-and-milk .cereal-grid .think-box, html .cereal-and-milk .cereal-grid .think-box {
	background: #5d87a1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
body .cereal-and-milk .cereal-grid .think-box .grid__item, html .cereal-and-milk .cereal-grid .think-box .grid__item {
	height: 200px;
	width: 224px
}
body .cereal-and-milk .cereal-grid .think-box .grid__item .kstl-image-wrapper img, html .cereal-and-milk .cereal-grid .think-box .grid__item .kstl-image-wrapper img {
	height: 200px;
	width: 224px;
	margin: 0 auto
}
body .cereal-and-milk .cereal-grid .balanced, html .cereal-and-milk .cereal-grid .balanced {
	min-height: 300px;
	background: #b41946;
	color: #fff;
	position: relative
}
body .cereal-and-milk .cereal-grid .balanced .kstl-rich-text, html .cereal-and-milk .cereal-grid .balanced .kstl-rich-text {
	height: 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px
}
body .cereal-and-milk .cereal-grid .balanced .kstl-rich-text .copy, html .cereal-and-milk .cereal-grid .balanced .kstl-rich-text .copy {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}
body .cereal-and-milk .cereal-grid .balanced .image, html .cereal-and-milk .cereal-grid .balanced .image {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 0
}
body .cereal-and-milk .cereal-grid .balanced .image img, html .cereal-and-milk .cereal-grid .balanced .image img {
	display: block;
	width: 80%;
	margin: 0 auto
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .balanced .kstl-rich-text, html .cereal-and-milk .cereal-grid .balanced .kstl-rich-text {
height:calc((100vw / 2) * 1)
}
body .cereal-and-milk .cereal-grid .balanced .kstl-rich-text .image img, html .cereal-and-milk .cereal-grid .balanced .kstl-rich-text .image img {
	width: unset
}
}
body .cereal-and-milk .cereal-grid .average-price, html .cereal-and-milk .cereal-grid .average-price {
	position: relative;
	border: 5px solid #5d87a1;
	background: #fff;
	padding: 20px 10px 30px!important;
	color: #5d87a1;
	text-align: center;
	overflow: hidden;
	cursor: pointer
}
body .cereal-and-milk .cereal-grid .average-price .show, html .cereal-and-milk .cereal-grid .average-price .show {
	transition: top .2s ease;
	position: absolute;
	background: #5d87a1;
	color: #fff;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10px;
	text-align: left
}
body .cereal-and-milk .cereal-grid .average-price .hide, html .cereal-and-milk .cereal-grid .average-price .hide {
	display: block
}
body .cereal-and-milk .cereal-grid .average-price .hide p.body, html .cereal-and-milk .cereal-grid .average-price .hide p.body {
	font-family: KelloggsSansMedium;
	margin-top: 10px!important;
	line-height: 1.5
}
body .cereal-and-milk .cereal-grid .average-price .hide img, html .cereal-and-milk .cereal-grid .average-price .hide img {
	display: block;
	margin: 10px auto!important
}
body .cereal-and-milk .cereal-grid .average-price p.sources, html .cereal-and-milk .cereal-grid .average-price p.sources {
	font-family: KelloggsSansMedium;
	line-height: 1
}
body .cereal-and-milk .cereal-grid .average-price:hover .show, html .cereal-and-milk .cereal-grid .average-price:hover .show {
	top: 0
}
body .cereal-and-milk .cereal-grid .average-price:hover .show ol, html .cereal-and-milk .cereal-grid .average-price:hover .show ol {
	margin-left: 20px
}
body .cereal-and-milk .cereal-grid .average-price:hover .show ol li, html .cereal-and-milk .cereal-grid .average-price:hover .show ol li {
	padding-top: 6px
}
body .cereal-and-milk .cereal-grid .average-price:hover .show ol li a, html .cereal-and-milk .cereal-grid .average-price:hover .show ol li a {
	color: #fff
}
body .cereal-and-milk .cereal-grid .average-price:hover .hide, html .cereal-and-milk .cereal-grid .average-price:hover .hide {
	display: none
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .average-price, html .cereal-and-milk .cereal-grid .average-price {
	height: 788px;
height:calc((100vw / 250) * 197);
	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
}
body .cereal-and-milk .cereal-grid .average-price p.sources, html .cereal-and-milk .cereal-grid .average-price p.sources {
font-size:calc((100vw / 125) * 2)!important
}
body .cereal-and-milk .cereal-grid .average-price .hide p.body, html .cereal-and-milk .cereal-grid .average-price .hide p.body {
font-size:calc((100vw / 250) * 9)
}
body .cereal-and-milk .cereal-grid .average-price .hide p.extraSmall, html .cereal-and-milk .cereal-grid .average-price .hide p.extraSmall {
	margin-top: 10px!important;
font-size:calc((100vw / 50) * 1)
}
}
@media (max-width:601px) {
body .cereal-and-milk .cereal-grid .average-price, html .cereal-and-milk .cereal-grid .average-price {
	height: 413px
}
body .cereal-and-milk .cereal-grid .average-price p.sources, html .cereal-and-milk .cereal-grid .average-price p.sources {
	font-size: 14px!important
}
body .cereal-and-milk .cereal-grid .average-price .hide, html .cereal-and-milk .cereal-grid .average-price .hide {
	margin-top: 0;
	padding: 40px
}
body .cereal-and-milk .cereal-grid .average-price .hide p.body, html .cereal-and-milk .cereal-grid .average-price .hide p.body {
	font-size: 24px
}
body .cereal-and-milk .cereal-grid .average-price .hide p.extraSmall, html .cereal-and-milk .cereal-grid .average-price .hide p.extraSmall {
font-size:calc((100vw / 30) * 1)
}
}
@media (max-width:350px) {
body .cereal-and-milk .cereal-grid .average-price, html .cereal-and-milk .cereal-grid .average-price {
	height: 413px
}
body .cereal-and-milk .cereal-grid .average-price p.sources, html .cereal-and-milk .cereal-grid .average-price p.sources {
	font-size: 14px!important
}
body .cereal-and-milk .cereal-grid .average-price .hide p.body, html .cereal-and-milk .cereal-grid .average-price .hide p.body {
	font-size: 20px
}
body .cereal-and-milk .cereal-grid .average-price .hide p.extraSmall, html .cereal-and-milk .cereal-grid .average-price .hide p.extraSmall {
	font-size: 12px
}
}
body .cereal-and-milk .cereal-grid .see-you, html .cereal-and-milk .cereal-grid .see-you {
	margin: 5px!important;
	background: #b41946;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
@media (max-width:1000px) {
body .cereal-and-milk .cereal-grid .see-you, html .cereal-and-milk .cereal-grid .see-you {
	height: unset;
	padding: 20px 10px!important
}
}
body .cereal-and-milk .cereal-grid .see-you .grid__item, html .cereal-and-milk .cereal-grid .see-you .grid__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}
body .cereal-and-milk .cereal-grid .see-you .kstl-image-wrapper img, html .cereal-and-milk .cereal-grid .see-you .kstl-image-wrapper img {
	display: inline-block;
	float: right
}
@media (max-width:999px) {
body .cereal-and-milk .cereal-grid .see-you .kstl-image-wrapper img, html .cereal-and-milk .cereal-grid .see-you .kstl-image-wrapper img {
	display: block;
	float: none;
	margin: 0 auto
}
}
body .cereal-and-milk .cereal-grid .see-you p a, html .cereal-and-milk .cereal-grid .see-you p a {
	color: #fff;
	padding: 10px!important;
	text-decoration: none;
	display: block;
	margin: 0 auto;
	text-align: center
}
body .cereal-and-milk .cereal-grid .see-you p a:hover, html .cereal-and-milk .cereal-grid .see-you p a:hover {
	text-decoration: underline
}
body .food-landing .with-bg-white, html .food-landing .with-bg-white {
	margin-top: 50px!important
}
body .food-landing .kstl-search-list, html .food-landing .kstl-search-list {
	padding: 40px 0 20px!important
}
body .food-landing .product_category .result-wrapper__centered, html .food-landing .product_category .result-wrapper__centered {
	display: block;
	padding: 20px;
	text-align: center
}
body .food-landing .result-wrapper, html .food-landing .result-wrapper {
	display: block;
	padding: 20px;
	text-align: center;
	text-decoration: none
}
body .food-landing .result-wrapper h3, html .food-landing .result-wrapper h3 {
	color: #262626;
	text-decoration: none;
	line-height: 100%
}
body .food-landing .result-wrapper:hover h3, html .food-landing .result-wrapper:hover h3 {
	color: #b41946;
	text-decoration: underline
}
body .recipe-landing .kstl-feature-inset, html .recipe-landing .kstl-feature-inset {
	bottom: 22%;
	left: 0
}
body .recipe-landing .kstl-feature-inset .slideOne, html .recipe-landing .kstl-feature-inset .slideOne {
margin:40px 0 0 calc((100vw / 96) * 5);
	width: 550px;
	color: #fff
}
body .recipe-landing .kstl-feature-inset .slideOne h1, html .recipe-landing .kstl-feature-inset .slideOne h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .recipe-landing .kstl-feature-inset .slideOne p, html .recipe-landing .kstl-feature-inset .slideOne p {
	margin-top: 10px;
	line-height: 1.1
}
@media (max-width:950px) {
body .recipe-landing .kstl-feature-inset .slideOne, html .recipe-landing .kstl-feature-inset .slideOne {
margin:0 0 0 calc((100vw / 95) * 2)
}
}
@media (max-width:601px) {
body .recipe-landing .kstl-feature-inset .slideOne, html .recipe-landing .kstl-feature-inset .slideOne {
	width: 90%;
	margin: 0 auto 10px;
	color: #262626
}
body .recipe-landing .kstl-feature-inset .slideOne h1, html .recipe-landing .kstl-feature-inset .slideOne h1 {
font-size:calc((100vw / 12) * 1)
}
}
body .recipe-landing .kstl-search-list, html .recipe-landing .kstl-search-list {
	background: 0 0;
	padding: 40px 0!important;
	margin: 0 -10px;
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body .recipe-landing .kstl-search-list .recipe-result, html .recipe-landing .kstl-search-list .recipe-result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding: 20px 10px;
	background: 0 0
}
@media (max-width:601px) {
body .recipe-landing .kstl-search-list, html .recipe-landing .kstl-search-list {
	margin: 0
}
body .recipe-landing .kstl-search-list .recipe-result, html .recipe-landing .kstl-search-list .recipe-result {
	padding: 0;
	margin: 20px 0
}
}
body .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card, html .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #fff;
	font-family: KelloggsSansMedium;
	text-decoration: none;
	color: #262626;
	line-height: 1.1;
	min-height: 300px;
	padding-bottom: 40px
}
body .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card img, html .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card img {
	width: 100%
}
body .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card h3, html .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card h3 {
	padding: 10px;
	text-align: center;
	text-decoration: none
}
@media (max-width:950px) {
body .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card, html .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card {
	min-height: unset
}
}
@media (max-width:601px) {
body .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card, html .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card {
	padding-bottom: 0;
	vertical-align: middle;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
body .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card img, html .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card img {
	width: 45%;
	height: auto;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}
body .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card h3, html .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card h3 {
	width: 55%;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	font-size: 90%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}
}
@media (max-width:350px) {
body .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card, html .recipe-landing .kstl-search-list .recipe-result a.recipe-result__card {
	padding: 0
}
}
body .recipe-detail .left-column .kstl-recipe-servings, body .recipe-detail .mobile-column .kstl-recipe-servings, html .recipe-detail .left-column .kstl-recipe-servings, html .recipe-detail .mobile-column .kstl-recipe-servings {
	padding: 20px!important
}
body .recipe-detail .left-column .question, body .recipe-detail .mobile-column .question, html .recipe-detail .left-column .question, html .recipe-detail .mobile-column .question {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 4px!important
}
body .recipe-detail .left-column .question a, body .recipe-detail .mobile-column .question a, html .recipe-detail .left-column .question a, html .recipe-detail .mobile-column .question a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	text-decoration: none;
	color: #262626
}
body .recipe-detail .left-column .question:hover a, body .recipe-detail .left-column .share:hover a, body .recipe-detail .mobile-column .question:hover a, body .recipe-detail .mobile-column .share:hover a, html .recipe-detail .left-column .question:hover a, html .recipe-detail .left-column .share:hover a, html .recipe-detail .mobile-column .question:hover a, html .recipe-detail .mobile-column .share:hover a {
	color: #b41946
}
body .recipe-detail .left-column .question a img, body .recipe-detail .mobile-column .question a img, html .recipe-detail .left-column .question a img, html .recipe-detail .mobile-column .question a img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 53px;
	width: 53px
}
body .recipe-detail .left-column .question a span, body .recipe-detail .mobile-column .question a span, html .recipe-detail .left-column .question a span, html .recipe-detail .mobile-column .question a span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 53px;
	width: auto;
	padding: 19px 0 0 10px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase
}
body .recipe-detail .left-column .question:hover, body .recipe-detail .mobile-column .question:hover, html .recipe-detail .left-column .question:hover, html .recipe-detail .mobile-column .question:hover {
	background: rgba(204,204,204,.15)
}
body .recipe-detail .left-column .share, body .recipe-detail .mobile-column .share, html .recipe-detail .left-column .share, html .recipe-detail .mobile-column .share {
	border-bottom: 1px solid #ccc;
	padding: 20px 4px!important
}
body .brandDetail .heading, body .brandDetail .recipe-heading, html .brandDetail .heading, html .brandDetail .recipe-heading {
	border-bottom: solid 1px #ddd
}
body .recipe-detail .left-column .share .kstl-add-this, body .recipe-detail .mobile-column .share .kstl-add-this, html .recipe-detail .left-column .share .kstl-add-this, html .recipe-detail .mobile-column .share .kstl-add-this {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}
body .recipe-detail .left-column .share .kstl-add-this div, body .recipe-detail .mobile-column .share .kstl-add-this div, html .recipe-detail .left-column .share .kstl-add-this div, html .recipe-detail .mobile-column .share .kstl-add-this div {
	margin-right: 0
}
body .recipe-detail .left-column .share .kstl-add-this .addthis_toolbox, body .recipe-detail .mobile-column .share .kstl-add-this .addthis_toolbox, html .recipe-detail .left-column .share .kstl-add-this .addthis_toolbox, html .recipe-detail .mobile-column .share .kstl-add-this .addthis_toolbox {
	margin-left: 0;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 53px!important;
	height: 53px!important
}
body .recipe-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact, body .recipe-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact, html .recipe-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact, html .recipe-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact {
	display: block;
	text-decoration: none;
	position: relative;
	width: 53px!important;
	height: 53px!important
}
body .recipe-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact .at-icon-wrapper, body .recipe-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact .at-icon-wrapper, html .recipe-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact .at-icon-wrapper, html .recipe-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact .at-icon-wrapper {
	display: none
}
body .recipe-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact:after, body .recipe-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact:after, html .recipe-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact:after, html .recipe-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 53px;
	height: 53px;
	content: '';
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/icon-share.png) no-repeat
}
body .recipe-detail .left-column .share .kstl-add-this .kstl-rich-text, body .recipe-detail .mobile-column .share .kstl-add-this .kstl-rich-text, html .recipe-detail .left-column .share .kstl-add-this .kstl-rich-text, html .recipe-detail .mobile-column .share .kstl-add-this .kstl-rich-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 53px;
	width: auto;
	padding: 19px 0 0 10px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase
}
body .recipe-detail .left-column .share:hover, body .recipe-detail .mobile-column .share:hover, html .recipe-detail .left-column .share:hover, html .recipe-detail .mobile-column .share:hover {
	background: rgba(204,204,204,.15);
	cursor: pointer
}
@media (max-width:601px) {
body .recipe-detail .hero-banner, html .recipe-detail .hero-banner {
	display: none
}
body .recipe-detail .left-column, body .recipe-detail .left-column *, html .recipe-detail .left-column, html .recipe-detail .left-column * {
	display: none;
	height: 0
}
body .recipe-detail .mobile-column, html .recipe-detail .mobile-column {
	display: block;
	margin: 20px -20px 0!important
}
body .recipe-detail .mobile-column .kstl-recipe-servings, html .recipe-detail .mobile-column .kstl-recipe-servings {
	padding-left: 40px!important
}
body .recipe-detail .mobile-column .question, body .recipe-detail .mobile-column .share, html .recipe-detail .mobile-column .question, html .recipe-detail .mobile-column .share {
	padding-left: 20px!important
}
}
body .recipe-detail .right-column .kstl-sansL, html .recipe-detail .right-column .kstl-sansL {
	display: block
}
body .recipe-detail .right-column .kstl-sansL .kstl-recipe-name, html .recipe-detail .right-column .kstl-sansL .kstl-recipe-name {
	font-size: 54px;
	line-height: 100%
}
@media (max-width:601px) {
body .recipe-detail .right-column .kstl-sansL .kstl-recipe-name, html .recipe-detail .right-column .kstl-sansL .kstl-recipe-name {
	font-size: 30px;
	line-height: 100%
}
}
body .recipe-detail .right-column .kstl-recipe-directions, body .recipe-detail .right-column .kstl-recipe-ingredients, html .recipe-detail .right-column .kstl-recipe-directions, html .recipe-detail .right-column .kstl-recipe-ingredients {
	padding-top: 20px
}
body .recipe-detail .related-recipe_heading, html .recipe-detail .related-recipe_heading {
	width: 100%;
	text-align: center
}
body .recipe-detail .related-recipe_heading h3, html .recipe-detail .related-recipe_heading h3 {
	font-size: 36px;
	padding-bottom: 20px
}
body .recipe-detail .kstl-related-recipes, html .recipe-detail .kstl-related-recipes {
	margin: 0 -10px
}
body .recipe-detail .kstl-related-recipes .kstl-related-recipe, html .recipe-detail .kstl-related-recipes .kstl-related-recipe {
	padding: 10px
}
body .recipe-detail .kstl-related-recipes .kstl-related-recipe:hover, html .recipe-detail .kstl-related-recipes .kstl-related-recipe:hover {
	opacity: .75
}
body .recipe-detail .kstl-related-recipes .kstl-related-recipe .related-recipe__img, body .recipe-detail .kstl-related-recipes .kstl-related-recipe .related-recipe__img img, html .recipe-detail .kstl-related-recipes .kstl-related-recipe .related-recipe__img, html .recipe-detail .kstl-related-recipes .kstl-related-recipe .related-recipe__img img {
	width: 100%
}
body .recipe-detail .kstl-related-recipes .kstl-related-recipe .related-recipe__body, html .recipe-detail .kstl-related-recipes .kstl-related-recipe .related-recipe__body {
	padding-bottom: 40px;
	text-align: center
}
body .recipe-detail .kstl-related-recipes .kstl-related-recipe .related-recipe__body p.related-recipe__link, html .recipe-detail .kstl-related-recipes .kstl-related-recipe .related-recipe__body p.related-recipe__link {
	padding-top: 10px
}
body .recipe-detail .kstl-related-recipes .kstl-related-recipe .related-recipe__body p.related-recipe__link a, html .recipe-detail .kstl-related-recipes .kstl-related-recipe .related-recipe__body p.related-recipe__link a {
	font-weight: 700;
	color: #262626;
	text-decoration: none
}
body .brandDetail .internal-scroll, html .brandDetail .internal-scroll {
	display: none;
	height: 0
}
body .brandDetail .offset-brand-copy, html .brandDetail .offset-brand-copy {
	width: 100%;
	padding: 40px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
@media (max-width:601px) {
body .recipe-detail .related-recipe_heading h3, html .recipe-detail .related-recipe_heading h3 {
	font-size: 30px;
	line-height: 100%
}
body .brandDetail .offset-brand-copy, html .brandDetail .offset-brand-copy {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
}
body .brandDetail .offset-brand-copy .grid__item, html .brandDetail .offset-brand-copy .grid__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0!important
}
body .brandDetail .offset-brand-copy .kstl-image-wrapper, body .brandDetail .offset-brand-copy .kstl-image-wrapper .kstl-responsive-image, body .brandDetail .offset-brand-copy .kstl-image-wrapper .kstl-responsive-image img, body .brandDetail .offset-brand-copy .kstl-rich-text, html .brandDetail .offset-brand-copy .kstl-image-wrapper, html .brandDetail .offset-brand-copy .kstl-image-wrapper .kstl-responsive-image, html .brandDetail .offset-brand-copy .kstl-image-wrapper .kstl-responsive-image img, html .brandDetail .offset-brand-copy .kstl-rich-text {
	display: block;
	width: 100%
}
body .brandDetail .offset-brand-copy .kstl-rich-text .brand-copy, html .brandDetail .offset-brand-copy .kstl-rich-text .brand-copy {
	padding: 40px
}
body .brandDetail .offset-brand-copy .kstl-rich-text .brand-copy h4, html .brandDetail .offset-brand-copy .kstl-rich-text .brand-copy h4 {
	width: 100%;
	color: #262626;
	margin-bottom: 10px
}
body .brandDetail .offset-brand-copy .kstl-rich-text .brand-copy p, html .brandDetail .offset-brand-copy .kstl-rich-text .brand-copy p {
	width: 100%;
	color: #666;
	margin: 12px 0
}
body .brandDetail .romance-copy, html .brandDetail .romance-copy {
	color: #666;
	text-align: center
}
@media (max-width:601px) {
body .brandDetail .grid__item:nth-of-type(3) .offset-brand-copy, html .brandDetail .grid__item:nth-of-type(3) .offset-brand-copy {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}
body .brandDetail .romance-copy, html .brandDetail .romance-copy {
	margin: 0 10px!important
}
body .brandDetail .heading h3, html .brandDetail .heading h3 {
	font-size: 30px;
	line-height: 100%
}
}
body .brandDetail .romance-copy a, html .brandDetail .romance-copy a {
	color: #666;
	text-decoration: none
}
body .brandDetail .romance-copy a:hover, html .brandDetail .romance-copy a:hover {
	text-decoration: underline
}
body .brandDetail .heading h3, html .brandDetail .heading h3 {
	text-align: center;
	font-family: KelloggsSansRegular;
	margin-bottom: 40px
}
body .brandDetail .product_category h3 a, html .brandDetail .product_category h3 a {
	color: #2c2c2c;
	display: block;
	line-height: 1.2;
	margin: 0 40px 14px;
	text-align: center;
	text-decoration: none
}
@media (max-width:999px) {
body .brandDetail .products-container .product_category .product__image, html .brandDetail .products-container .product_category .product__image {
	padding-bottom: 20rem
}
body .brandDetail .products-container .product_category .lap-one-third, html .brandDetail .products-container .product_category .lap-one-third {
	width: 50%
}
}
@media (max-width:601px) {
body .brandDetail .products-container .product_category .palm-one-half, html .brandDetail .products-container .product_category .palm-one-half {
	width: 100%
}
body .brandDetail .recipe-heading h3, html .brandDetail .recipe-heading h3 {
	font-size: 30px;
	line-height: 100%
}
}
body .brandDetail .product_category .product-result, html .brandDetail .product_category .product-result {
	padding: 20px!important
}
body .brandDetail .product_category .product-result a.result-wrapper, html .brandDetail .product_category .product-result a.result-wrapper {
	display: block;
	text-align: center;
	color: #262626;
	text-decoration: none
}
body .brandDetail .product_category .product-result a.result-wrapper img, html .brandDetail .product_category .product-result a.result-wrapper img {
	width: 60%
}
body .brandDetail .product_category .product-result a.result-wrapper h3, html .brandDetail .product_category .product-result a.result-wrapper h3 {
	padding-top: 20px;
	padding-bottom: 2px;
	font-family: KelloggsSansMedium
}
body .brandDetail .product_category .product-result a.result-wrapper:hover, html .brandDetail .product_category .product-result a.result-wrapper:hover {
	color: #b41946;
	text-decoration: underline
}
body .brandDetail .recipe-heading h3, html .brandDetail .recipe-heading h3 {
	text-align: center;
	font-family: KelloggsSansRegular;
	margin-bottom: 40px
}
body .brandDetail .kstl-search-list, html .brandDetail .kstl-search-list {
	background: 0 0;
	padding: 40px 0!important;
	margin: 0 -10px;
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
@media (min-width:999px) {
body .brandDetail .kstl-search-list .desk-one-third, html .brandDetail .kstl-search-list .desk-one-third {
	width: 31.5%
}
}
@media (max-width:601px) {
body .brandDetail .kstl-search-list, html .brandDetail .kstl-search-list {
	margin: 0
}
body .brandDetail .kstl-search-list .palm-one-half, html .brandDetail .kstl-search-list .palm-one-half {
	width: 100%
}
}
@media (min-width:601px) and (max-width:760px) {
body .brandDetail .kstl-search-list .lap-one-third, html .brandDetail .kstl-search-list .lap-one-third {
	width: 47%
}
}
@media (min-width:760px) and (max-width:999px) {
body .brandDetail .kstl-search-list .lap-one-third, html .brandDetail .kstl-search-list .lap-one-third {
	width: 47.5%
}
}
body .brandDetail .kstl-search-list .kstl-search-result-item, html .brandDetail .kstl-search-list .kstl-search-result-item {
	min-height: 300px;
	display: block;
	margin: 0 8px 16px;
	background-color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.2;
	color: #666;
	overflow: hidden;
	transition: box-shadow .3s;
	box-sizing: border-box
}
body .brandDetail .kstl-search-list .kstl-search-result-item img, html .brandDetail .kstl-search-list .kstl-search-result-item img {
	border-radius: 0
}
body .brandDetail .kstl-search-list .recipe-result, html .brandDetail .kstl-search-list .recipe-result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding: 20px 10px;
	background: 0 0
}
@media (max-width:601px) {
body .brandDetail .kstl-search-list .recipe-result, html .brandDetail .kstl-search-list .recipe-result {
	padding: 0;
	margin: 20px 0
}
}
body .brandDetail .kstl-search-list .recipe-result a.recipe-result__card, html .brandDetail .kstl-search-list .recipe-result a.recipe-result__card {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #fff;
	font-family: KelloggsSansMedium;
	text-decoration: none;
	color: #262626;
	line-height: 1.1;
	min-height: 300px;
	padding-bottom: 40px
}
body .brandDetail .kstl-search-list .recipe-result a.recipe-result__card img, html .brandDetail .kstl-search-list .recipe-result a.recipe-result__card img {
	width: 100%
}
body .brandDetail .kstl-search-list .recipe-result a.recipe-result__card h3, html .brandDetail .kstl-search-list .recipe-result a.recipe-result__card h3 {
	padding: 10px;
	text-align: center;
	text-decoration: none
}
@media (max-width:950px) {
body .brandDetail .kstl-search-list .recipe-result a.recipe-result__card, html .brandDetail .kstl-search-list .recipe-result a.recipe-result__card {
	min-height: unset
}
}
@media (max-width:601px) {
body .brandDetail .kstl-search-list .recipe-result a.recipe-result__card, html .brandDetail .kstl-search-list .recipe-result a.recipe-result__card {
	padding-bottom: 0;
	vertical-align: middle;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
body .brandDetail .kstl-search-list .recipe-result a.recipe-result__card img, html .brandDetail .kstl-search-list .recipe-result a.recipe-result__card img {
	width: 45%;
	height: auto;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}
body .brandDetail .kstl-search-list .recipe-result a.recipe-result__card h3, html .brandDetail .kstl-search-list .recipe-result a.recipe-result__card h3 {
	width: 55%;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	font-size: 90%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}
}
@media (max-width:350px) {
body .brandDetail .kstl-search-list .recipe-result a.recipe-result__card, html .brandDetail .kstl-search-list .recipe-result a.recipe-result__card {
	padding: 0
}
}
body .brandDetail .kstl-search-pager, html .brandDetail .kstl-search-pager {
	margin-left: 0
}
body .brandDetail .kstl-search-pager li, html .brandDetail .kstl-search-pager li {
	margin: 0 5px
}
body .brandDetail .kstl-search-pager li a, html .brandDetail .kstl-search-pager li a {
	display: block;
	font-size: 16px;
	color: #2c2c2c;
	padding: 6px 13px
}
body .brandDetail .kstl-search-pager li.active, html .brandDetail .kstl-search-pager li.active {
	cursor: default;
	background-color: #2c2c2c;
	border-radius: 999px
}
body .brandDetail .kstl-search-pager li.active a, html .brandDetail .kstl-search-pager li.active a {
	color: #fff
}
body .brandDetail .kstl-search-pager li.first a, body .brandDetail .kstl-search-pager li.last a, body .brandDetail .kstl-search-pager li.next a, body .brandDetail .kstl-search-pager li.prev a, html .brandDetail .kstl-search-pager li.first a, html .brandDetail .kstl-search-pager li.last a, html .brandDetail .kstl-search-pager li.next a, html .brandDetail .kstl-search-pager li.prev a {
	background: center center no-repeat;
	padding: 10px 25px;
	text-indent: -999em
}
body .brandDetail .kstl-search-pager li.first a, body .brandDetail .kstl-search-pager li.last a, html .brandDetail .kstl-search-pager li.first a, html .brandDetail .kstl-search-pager li.last a {
	background-image: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/double-chevron.png)
}
body .brandDetail .kstl-search-pager li.next a, body .brandDetail .kstl-search-pager li.prev a, html .brandDetail .kstl-search-pager li.next a, html .brandDetail .kstl-search-pager li.prev a {
	background-image: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/single-chevron.png)
}
body .brandDetail .kstl-search-pager li.first a, body .brandDetail .kstl-search-pager li.prev a, html .brandDetail .kstl-search-pager li.first a, html .brandDetail .kstl-search-pager li.prev a {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
body .anchor-nav, html .anchor-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style-type: none;
	margin-left: 0
}
body .anchor-nav li a, html .anchor-nav li a {
	background: 0 0;
	display: inline-block;
	margin: 0 10px;
	padding: 8px 16px;
	text-transform: uppercase;
	color: #2c2c2c;
	border-radius: 9999px;
	font-family: KelloggsSansRegular!important;
	font-size: 12px!important;
	text-decoration: none
}
body .anchor-nav li a.active, body .anchor-nav li a:hover, html .anchor-nav li a.active, html .anchor-nav li a:hover {
	background-color: #2c2c2c;
	color: #fff
}
body .heading-with-margin, html .heading-with-margin {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 40px 20px 20px;
	text-align: center
}
body .heading-with-margin h3, html .heading-with-margin h3 {
	font-family: KelloggsSansRegular
}
body .brand-social, html .brand-social {
	width: 100%;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
body .brand-social .grid__item, html .brand-social .grid__item {
	width: auto!important;
	max-width: 13%
}
@media (max-width:601px) {
body .heading-with-margin h3, html .heading-with-margin h3 {
	font-size: 30px
}
body .brand-social, html .brand-social {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body .brand-social .grid__item, html .brand-social .grid__item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-preferred-size: 100%!important;
	flex-basis: 100%!important;
	width: 100%!important;
	max-width: 50.5%;
	height: 120px;
}
body .product-detail .left-column .share .kstl-add-this, body .product-detail .mobile-column .share .kstl-add-this, html .product-detail .left-column .share .kstl-add-this, html .product-detail .mobile-column .share .kstl-add-this {
	margin: 0
}
}
body .brand-social .kstl-image-wrapper, html .brand-social .kstl-image-wrapper {
	padding: 25px
}
body .brand-social .kstl-image-wrapper:hover, html .brand-social .kstl-image-wrapper:hover {
	opacity: .7
}
body .no-recipes .anchor--recipes, html .no-recipes .anchor--recipes {
	display: none!important
}
body .product-detail .left-column .kstl-product-servings, body .product-detail .mobile-column .kstl-product-servings, html .product-detail .left-column .kstl-product-servings, html .product-detail .mobile-column .kstl-product-servings {
	padding: 20px!important
}
body .product-detail .left-column .question, body .product-detail .mobile-column .question, html .product-detail .left-column .question, html .product-detail .mobile-column .question {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 4px!important
}
body .product-detail .left-column .question a, body .product-detail .mobile-column .question a, html .product-detail .left-column .question a, html .product-detail .mobile-column .question a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	text-decoration: none;
	color: #262626
}
body .product-detail .left-column .question:hover a, body .product-detail .left-column .share:hover a, body .product-detail .mobile-column .question:hover a, body .product-detail .mobile-column .share:hover a, html .product-detail .left-column .question:hover a, html .product-detail .left-column .share:hover a, html .product-detail .mobile-column .question:hover a, html .product-detail .mobile-column .share:hover a {
	color: #b41946
}
body .product-detail .left-column .question a img, body .product-detail .mobile-column .question a img, html .product-detail .left-column .question a img, html .product-detail .mobile-column .question a img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 53px;
	width: 53px
}
body .product-detail .left-column .question a span, body .product-detail .mobile-column .question a span, html .product-detail .left-column .question a span, html .product-detail .mobile-column .question a span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 53px;
	width: auto;
	padding: 19px 0 0 10px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase
}
body .product-detail .left-column .question:hover, body .product-detail .mobile-column .question:hover, html .product-detail .left-column .question:hover, html .product-detail .mobile-column .question:hover {
	background: rgba(204,204,204,.15)
}
body .product-detail .left-column .share, body .product-detail .mobile-column .share, html .product-detail .left-column .share, html .product-detail .mobile-column .share {
	border-bottom: 1px solid #ccc;
	padding: 20px 4px!important
}
body .product-detail .left-column .share .kstl-add-this, body .product-detail .mobile-column .share .kstl-add-this, html .product-detail .left-column .share .kstl-add-this, html .product-detail .mobile-column .share .kstl-add-this {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}
body .product-detail .left-column .share .kstl-add-this div, body .product-detail .mobile-column .share .kstl-add-this div, html .product-detail .left-column .share .kstl-add-this div, html .product-detail .mobile-column .share .kstl-add-this div {
	margin-right: 0
}
body .product-detail .left-column .share .kstl-add-this .addthis_toolbox, body .product-detail .mobile-column .share .kstl-add-this .addthis_toolbox, html .product-detail .left-column .share .kstl-add-this .addthis_toolbox, html .product-detail .mobile-column .share .kstl-add-this .addthis_toolbox {
	margin-left: 0;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 53px!important;
	height: 53px!important
}
body .product-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact, body .product-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact, html .product-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact, html .product-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact {
	display: block;
	text-decoration: none;
	position: relative;
	width: 53px!important;
	height: 53px!important
}
body .product-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact .at-icon-wrapper, body .product-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact .at-icon-wrapper, html .product-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact .at-icon-wrapper, html .product-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact .at-icon-wrapper {
	display: none
}
body .product-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact:after, body .product-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact:after, html .product-detail .left-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact:after, html .product-detail .mobile-column .share .kstl-add-this .addthis_toolbox .addthis_button_compact:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 53px;
	height: 53px;
	content: '';
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/icon-share.png) no-repeat
}
body .product-detail .left-column .share .kstl-add-this .kstl-rich-text, body .product-detail .mobile-column .share .kstl-add-this .kstl-rich-text, html .product-detail .left-column .share .kstl-add-this .kstl-rich-text, html .product-detail .mobile-column .share .kstl-add-this .kstl-rich-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 53px;
	width: auto;
	padding: 19px 0 0 10px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase
}
body .product-detail .left-column .share .kstl-add-this .kstl-rich-text:after, body .product-detail .mobile-column .share .kstl-add-this .kstl-rich-text:after, html .product-detail .left-column .share .kstl-add-this .kstl-rich-text:after, html .product-detail .mobile-column .share .kstl-add-this .kstl-rich-text:after {
	content: 'SHARE THIS'
}
body .product-detail .left-column .share:hover, body .product-detail .mobile-column .share:hover, html .product-detail .left-column .share:hover, html .product-detail .mobile-column .share:hover {
	background: rgba(204,204,204,.15);
	cursor: pointer
}
body .product-detail .mobile-column, html .product-detail .mobile-column {
	display: none
}
@media (max-width:601px) {
body .product-detail .left-column, html .product-detail .left-column {
	display: none
}
body .product-detail .mobile-column, html .product-detail .mobile-column {
	display: block;
	margin: 60px -20px 0!important
}
body .product-detail .mobile-column .kstl-product-servings, html .product-detail .mobile-column .kstl-product-servings {
	padding-left: 40px!important
}
body .product-detail .mobile-column .question, body .product-detail .mobile-column .share, html .product-detail .mobile-column .question, html .product-detail .mobile-column .share {
	padding-left: 20px!important
}
}
body .product-detail .right-column, html .product-detail .right-column {
	padding-left: 20px
}
body .product-detail .right-column .mobile-pack-image, html .product-detail .right-column .mobile-pack-image {
	display: none
}
@media (max-width:601px) {
body .product-detail .right-column, html .product-detail .right-column {
	padding-left: 0
}
body .product-detail .right-column .mobile-pack-image, html .product-detail .right-column .mobile-pack-image {
	display: block!important
}
body .product-detail .right-column .mobile-pack-image .kstl-image-wrapper, html .product-detail .right-column .mobile-pack-image .kstl-image-wrapper {
	width: 100%
}
body .product-detail .right-column .mobile-pack-image .kstl-image-wrapper .kstl-responsive-image, html .product-detail .right-column .mobile-pack-image .kstl-image-wrapper .kstl-responsive-image {
	display: block;
	width: 100%
}
body .product-detail .right-column .mobile-pack-image .kstl-image-wrapper .kstl-responsive-image img, html .product-detail .right-column .mobile-pack-image .kstl-image-wrapper .kstl-responsive-image img {
	display: block;
	width: 80%;
	margin: 0 auto!important
}
}
@media (max-width:400px) {
body .product-detail .right-column .mobile-pack-image .kstl-image-wrapper .kstl-responsive-image img, html .product-detail .right-column .mobile-pack-image .kstl-image-wrapper .kstl-responsive-image img {
	width: 100%
}
}
body .product-detail .right-column h1.kstl-product-header, html .product-detail .right-column h1.kstl-product-header {
	font-size: 54px;
	line-height: 110%;
	padding-bottom: 20px
}
@media (max-width:800px) {
body .product-detail .right-column h1.kstl-product-header, html .product-detail .right-column h1.kstl-product-header {
	font-size: 40px
}
}
@media (max-width:601px) {
body .product-detail .right-column h1.kstl-product-header, html .product-detail .right-column h1.kstl-product-header {
	font-size: 30px;
	padding: 0 0 20px
}
}
body .product-detail .right-column p.kstl-product-description, html .product-detail .right-column p.kstl-product-description {
	padding-bottom: 20px
}
@media (max-width:601px) {
body .product-detail .right-column p.kstl-product-description, html .product-detail .right-column p.kstl-product-description {
	padding: 0 0 20px
}
}
body .product-detail .right-column li.kstl-nutrition-info, html .product-detail .right-column li.kstl-nutrition-info {
	padding: 0 0 10px
}
body .product-detail .right-column li.kstl-nutrition-info .kstl-nutrition-header h5, html .product-detail .right-column li.kstl-nutrition-info .kstl-nutrition-header h5 {
	text-transform: uppercase
}
body .product-detail .right-column .nutrition, html .product-detail .right-column .nutrition {
	margin-top: 20px!important
}
body .product-detail .right-column .nutrition .product_nutrition_label, html .product-detail .right-column .nutrition .product_nutrition_label {
	margin: 0
}
body .product-detail .right-column .kstl-default-button, html .product-detail .right-column .kstl-default-button {
	padding: 12px 10px 5px;
    text-align: center;
    color: #cc0033;
    background-color: #fff;
    font-family: KelloggsSansRegular!important;
    font-size: 0.8em;
    line-height: 1.5;
}
body .product-detail .related-products h4, html .product-detail .related-products h4 {
	width: 100%;
	text-align: center
}
@media (max-width:601px) {
body .product-detail .right-column .nutrition, html .product-detail .right-column .nutrition {
	margin-top: 40px!important
}
body .product-detail .related-products h4, html .product-detail .related-products h4 {
	font-size: 30px;
	line-height: 100%
}
}
body .product-detail .related-products .relatedItem_list, html .product-detail .related-products .relatedItem_list {
	margin: 0 -20px
}
body .product-detail .related-products .relatedItem_list .grid__item, html .product-detail .related-products .relatedItem_list .grid__item {
	padding: 0 20px
}
body .product-detail .related-products .relatedItem_list .grid__item:hover, html .product-detail .related-products .relatedItem_list .grid__item:hover {
	opacity: .75
}
body .product-detail .related-products .relatedItem_list .grid__item h3 a, html .product-detail .related-products .relatedItem_list .grid__item h3 a {
	color: #262626
}
@media (max-width:601px) {
body .product-detail .related-products .relatedItem_list .grid__item, html .product-detail .related-products .relatedItem_list .grid__item {
	width: 100%;
	padding: 20px
}
body .product-detail .red-bar, html .product-detail .red-bar {
	margin-top: 20px
}
}
body .product-detail .red-bar, html .product-detail .red-bar {
	display: block;
	width: 100%;
	background: #b41946;
	color: #fff;
	padding: 10px 15px;
	margin-bottom: 20px
}
body .kstl-smartlabel-complete .smartlabel-container, html .kstl-smartlabel-complete .smartlabel-container {
	display: block!important;
	margin-top: 20px!important;
	position: relative;
	width: 100%;
	padding: 20px 10px 40px!important
}
body .kstl-smartlabel-complete .smartlabel-container img, html .kstl-smartlabel-complete .smartlabel-container img {
	padding: 0 10px
}
body .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide, html .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide {
	line-height: 1.1
}
body .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide .kstl-show-hide-trigger, html .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide .kstl-show-hide-trigger {
	text-align: center
}
body .kstl-smartlabel-complete .product_nutrition_btn, html .kstl-smartlabel-complete .product_nutrition_btn {
	display: block!important
}
body .smartlabel-container, html .smartlabel-container {
	display: none
}

.smartlabel .smartlabel-button{
	width: 160px;
    height: 45px;
}


body .article-landing .kstl-search-list, html .article-landing .kstl-search-list {
	background: 0 0;
	padding: 40px 0!important;
	margin: 0 -10px;
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body .article-landing .kstl-search-list .article-result, html .article-landing .kstl-search-list .article-result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding: 20px 10px;
	background: 0 0
}
@media (max-width:601px) {
body .article-landing .kstl-search-list, html .article-landing .kstl-search-list {
	margin: 0
}
body .article-landing .kstl-search-list .article-result, html .article-landing .kstl-search-list .article-result {
	padding: 0;
	margin: 20px 0
}
}
body .article-landing .kstl-search-list .article-result a.article-result__card, html .article-landing .kstl-search-list .article-result a.article-result__card {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #fff;
	font-family: KelloggsSansMedium;
	text-decoration: none;
	color: #262626;
	line-height: 1.1;
	min-height: 300px
}
body .article-landing .kstl-search-list .article-result a.article-result__card img, html .article-landing .kstl-search-list .article-result a.article-result__card img {
	width: 100%
}
body .article-landing .kstl-search-list .article-result a.article-result__card h3, html .article-landing .kstl-search-list .article-result a.article-result__card h3 {
	padding: 10px;
	text-align: center;
	text-decoration: none
}
@media (max-width:350px) {
body .article-landing .kstl-search-list .article-result a.article-result__card, html .article-landing .kstl-search-list .article-result a.article-result__card {
	padding: 0
}
}
body .corporate-page, html .corporate-page {
	display: block
}
body .corporate-page .white-bg, html .corporate-page .white-bg {
	background: #fff;
	display: block
}
body .corporate-page .white-bg h2, body .corporate-page .white-bg p, html .corporate-page .white-bg h2, html .corporate-page .white-bg p {
	margin-top: 20px
}
body .corporate-page .white-bg ol.roman, html .corporate-page .white-bg ol.roman {
	margin-top: 20px;
	list-style-type: upper-roman;
	font-family: KelloggsSansRegular!important
}
body .corporate-page .white-bg ol.roman li, html .corporate-page .white-bg ol.roman li {
	margin-top: 10px;
	font-family: KelloggsSansRegular!important
}
body .corporate-page .white-bg ol.roman li p, html .corporate-page .white-bg ol.roman li p {
	font-family: OpenSans!important
}
body .corporate-page .white-bg ol.roman li ol, html .corporate-page .white-bg ol.roman li ol {
	list-style-type: lower-alpha
}
body .corporate-page .white-bg ol.roman li ol li ul, html .corporate-page .white-bg ol.roman li ol li ul {
	list-style-type: circle
}
body .corporate-page:after, html .corporate-page:after {
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	background: url(/content/dam/Australia/kelloggs_au/images/wave-bottom-white.png) 50% 100% no-repeat
}
body .corporate-page .sitemap h2.subtitle, html .corporate-page .sitemap h2.subtitle {
	padding-bottom: 10px
}
body .corporate-page .sitemap ul li a, html .corporate-page .sitemap ul li a {
	color: #b41946;
	text-decoration: none
}
body .corporate-page .sitemap ul li a:hover, html .corporate-page .sitemap ul li a:hover {
	text-decoration: underline
}
@media (max-width:980px) {
body .contactUs, html .contactUs {
	padding: 0 10px!important
}
}
@media (max-width:601px) {
body .contactUs h1, html .contactUs h1 {
	width: 95%;
	margin: 20px auto 0
}
}
body .contactUs p.error, html .contactUs p.error {
	font-size: 8px;
font-size:.8rem
}
body .contactUs .view-faqs a, html .contactUs .view-faqs a {
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/white-arrow.png) 95% center no-repeat #d31145;
	width: 100%;
	border-radius: 0!important;
	text-transform: none!important;
	font-size: 24px!important;
	font-weight: 700;
	padding: 15px 30px 15px 15px!important
}
body .contactUs .KSTL-Registration .pod, html .contactUs .KSTL-Registration .pod {
	border: 1px solid #d31145;
	min-width: auto;
	min-width: unset;
	padding: 0
}
body .contactUs .KSTL-Registration .pod .ng-form, html .contactUs .KSTL-Registration .pod .ng-form {
	border: 1px solid #000
}
body .contactUs .KSTL-Registration .pod .ng-form p, html .contactUs .KSTL-Registration .pod .ng-form p {
	width: 64%
}
body .contactUs .KSTL-Registration .pod .ng-form input, body .contactUs .KSTL-Registration .pod .ng-form text, html .contactUs .KSTL-Registration .pod .ng-form input, html .contactUs .KSTL-Registration .pod .ng-form text {
	width: 100%!important
}
body .contactUs #KSTL-ContactUs-codes, html .contactUs #KSTL-ContactUs-codes {
	margin: 0
}
body .contactUs #KSTL-ContactUs-codes div+div, html .contactUs #KSTL-ContactUs-codes div+div {
	margin-top: 10px
}
body .contactUs #KSTL-ContactUs-codes button, html .contactUs #KSTL-ContactUs-codes button {
	font-size: 18px!important;
	background: #c01f25;
	padding: 2px 6px!important;
	display: inline;
	margin: 0 0 3px
}
body .contactUs #KSTL-ContactUs-codes [data-action=add], html .contactUs #KSTL-ContactUs-codes [data-action=add] {
	background: 0 0
}
body .contactUs #KSTL-ContactUs-codes [data-action=add]:after, html .contactUs #KSTL-ContactUs-codes [data-action=add]:after {
	font-size: 30px!important;
	content: "+";
	color: #c01f25
}
body .contactUs #KSTL-ContactUs-codes input, html .contactUs #KSTL-ContactUs-codes input {
	width: 85%!important
}
body .contactUs .qq-uploader .qq-upload-button, html .contactUs .qq-uploader .qq-upload-button {
	width: 180px
}
body .contactUs .qq-uploader .qq-upload-button:hover, html .contactUs .qq-uploader .qq-upload-button:hover {
	background: #c01f25
}
body .contactUs .btn-primary, html .contactUs .btn-primary {
	background: #c01f25!important
}
body .contactUs .kstl-contactus, html .contactUs .kstl-contactus {
	margin: 0
}
body .contactUs .kstl-contactus input, body .contactUs .kstl-contactus select, body .contactUs .kstl-contactus textarea, html .contactUs .kstl-contactus input, html .contactUs .kstl-contactus select, html .contactUs .kstl-contactus textarea {
	width: 85%!important;
	max-width: 50%!important
}
@media (max-width:601px) {
body .contactUs .kstl-contactus input, body .contactUs .kstl-contactus select, body .contactUs .kstl-contactus textarea, html .contactUs .kstl-contactus input, html .contactUs .kstl-contactus select, html .contactUs .kstl-contactus textarea {
	width: 98%!important;
	max-width: 100%!important
}
}
body .contactUs .kstl-contactus .callus, html .contactUs .kstl-contactus .callus {
	padding-left: 60px
}
body .contactUs .kstl-contactus .writeus, html .contactUs .kstl-contactus .writeus {
	padding-left: 60px;
	margin-top: 20px
}
body .contactUs ul li a, html .contactUs ul li a {
	color: #b41946;
	text-decoration: none
}
body .contactUs ul li a:hover, html .contactUs ul li a:hover {
	text-decoration: underline
}
body .our-story .your-questions-answered .kstl-full-image-slide, html .our-story .your-questions-answered .kstl-full-image-slide {
	background: 0 0
}
body .our-story .your-questions-answered .kstl-full-image-slide img, html .our-story .your-questions-answered .kstl-full-image-slide img {
	width: 100%
}
body .our-story .your-questions-answered .kstl-full-image-slide .kstl-feature-inset, html .our-story .your-questions-answered .kstl-full-image-slide .kstl-feature-inset {
	display: none!important
}
body .our-story .our-values .kstl-feature-inset .slideCopy, html .our-story .our-values .kstl-feature-inset .slideCopy {
margin:40px 0 0 calc((100vw / 96) * 5);
	width: 610px;
	color: #fff;
	text-shadow: 0 0 26px #000
}
body .our-story .our-values .kstl-feature-inset .slideCopy h1, html .our-story .our-values .kstl-feature-inset .slideCopy h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .our-story .our-values .kstl-feature-inset .slideCopy p, html .our-story .our-values .kstl-feature-inset .slideCopy p {
	margin-top: 10px;
	line-height: 1.1
}
@media (max-width:950px) {
body .article-landing .kstl-search-list .article-result a.article-result__card, html .article-landing .kstl-search-list .article-result a.article-result__card {
	min-height: unset
}
body .our-story .your-questions-answered .kstl-full-image-slide .kstl-rich-text, html .our-story .your-questions-answered .kstl-full-image-slide .kstl-rich-text {
	padding: 10px 20px 0 5px
}
body .our-story .our-values .kstl-feature-inset .slideCopy, html .our-story .our-values .kstl-feature-inset .slideCopy {
	width: 350px
}
body .our-story .our-values .kstl-feature-inset, html .our-story .our-values .kstl-feature-inset {
	position: absolute
}
body .our-story .our-values .flex-control-nav, html .our-story .our-values .flex-control-nav {
	position: static
}
}
@media (max-width:601px) {
body .our-story .our-values .kstl-feature-inset .slideCopy, html .our-story .our-values .kstl-feature-inset .slideCopy {
	color: #262626;
	text-shadow: none;
	width: 90%;
	margin: 0 auto 10px
}
body .our-story .our-values .kstl-feature-inset .slideCopy h1, html .our-story .our-values .kstl-feature-inset .slideCopy h1 {
font-size:calc((100vw / 12) * 1)
}
body .our-story .our-values .kstl-feature-inset, html .our-story .our-values .kstl-feature-inset {
	position: static
}
}
body .our-story .our-workplace .kstl-feature-inset .slideCopy, html .our-story .our-workplace .kstl-feature-inset .slideCopy {
margin:40px 0 0 calc((100vw / 96) * 5);
	width: 500px;
	color: #fff
}
body .our-story .our-workplace .kstl-feature-inset .slideCopy h1, html .our-story .our-workplace .kstl-feature-inset .slideCopy h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .our-story .our-workplace .kstl-feature-inset .slideCopy p, html .our-story .our-workplace .kstl-feature-inset .slideCopy p {
	margin-top: 10px;
	line-height: 1.1
}
@media (max-width:950px) {
body .our-story .our-workplace .kstl-feature-inset .slideCopy, html .our-story .our-workplace .kstl-feature-inset .slideCopy {
	width: 350px
}
body .our-story .our-workplace .kstl-feature-inset, html .our-story .our-workplace .kstl-feature-inset {
	position: absolute
}
body .our-story .our-workplace .flex-control-nav, html .our-story .our-workplace .flex-control-nav {
	position: static
}
}
@media (max-width:601px) {
body .our-story .our-workplace .kstl-feature-inset .slideCopy, html .our-story .our-workplace .kstl-feature-inset .slideCopy {
	color: #262626;
	width: 90%;
	margin: 0 auto 10px
}
body .our-story .our-workplace .kstl-feature-inset .slideCopy h1, html .our-story .our-workplace .kstl-feature-inset .slideCopy h1 {
font-size:calc((100vw / 12) * 1)
}
body .our-story .our-workplace .kstl-feature-inset, html .our-story .our-workplace .kstl-feature-inset {
	position: static
}
}
body .our-story .our-community .kstl-feature-inset .slideOne, html .our-story .our-community .kstl-feature-inset .slideOne {
margin:40px 0 0 calc((100vw / 96) * 5);
	width: 600px;
	color: #fff
}
body .our-story .our-community .kstl-feature-inset .slideOne h1, html .our-story .our-community .kstl-feature-inset .slideOne h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .our-story .our-community .kstl-feature-inset .slideOne p, html .our-story .our-community .kstl-feature-inset .slideOne p {
	margin-top: 10px;
	line-height: 1.1
}
@media (max-width:950px) {
body .our-story .our-community .kstl-feature-inset .slideOne, html .our-story .our-community .kstl-feature-inset .slideOne {
	width: 350px
}
body .our-story .our-community .kstl-feature-inset, html .our-story .our-community .kstl-feature-inset {
	position: absolute
}
body .our-story .our-community .flex-control-nav, html .our-story .our-community .flex-control-nav {
	position: static
}
}
@media (max-width:601px) {
body .our-story .our-community .kstl-feature-inset .slideOne, html .our-story .our-community .kstl-feature-inset .slideOne {
	color: #262626;
	width: 90%;
	margin: 0 auto 10px
}
body .our-story .our-community .kstl-feature-inset .slideOne h1, html .our-story .our-community .kstl-feature-inset .slideOne h1 {
font-size:calc((100vw / 12) * 1)
}
body .our-story .our-community .kstl-feature-inset, html .our-story .our-community .kstl-feature-inset {
	position: static
}
}
body .our-story .marketplace-commitment .kstl-feature-inset .slideFour, html .our-story .marketplace-commitment .kstl-feature-inset .slideFour {
margin:40px 0 0 calc((100vw / 96) * 5);
	width: 600px;
	color: #fff
}
body .our-story .marketplace-commitment .kstl-feature-inset .slideFour h1, html .our-story .marketplace-commitment .kstl-feature-inset .slideFour h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .our-story .marketplace-commitment .kstl-feature-inset .slideFour p, html .our-story .marketplace-commitment .kstl-feature-inset .slideFour p {
	margin-top: 10px;
	line-height: 1.1
}
@media (max-width:1300px) {
body .our-story .marketplace-commitment .kstl-feature-inset .slideFour, html .our-story .marketplace-commitment .kstl-feature-inset .slideFour {
	width: 550px
}
}
@media (max-width:1080px) {
body .our-story .marketplace-commitment .kstl-feature-inset .slideFour, html .our-story .marketplace-commitment .kstl-feature-inset .slideFour {
	width: 390px;
margin:calc((100vw / 100) * 2) 0 0 calc((100vw / 96) * 5)
}
}
@media (max-width:950px) {
body .our-story .marketplace-commitment .kstl-feature-inset .slideFour, html .our-story .marketplace-commitment .kstl-feature-inset .slideFour {
	width: 350px
}
body .our-story .marketplace-commitment .kstl-feature-inset, html .our-story .marketplace-commitment .kstl-feature-inset {
	position: absolute
}
body .our-story .marketplace-commitment .flex-control-nav, html .our-story .marketplace-commitment .flex-control-nav {
	position: static
}
}
@media (max-width:601px) {
body .our-story .marketplace-commitment .kstl-feature-inset .slideFour, html .our-story .marketplace-commitment .kstl-feature-inset .slideFour {
	color: #262626;
	width: 90%;
	margin: 20px auto 10px
}
body .our-story .marketplace-commitment .kstl-feature-inset .slideFour h1, html .our-story .marketplace-commitment .kstl-feature-inset .slideFour h1 {
font-size:calc((100vw / 12) * 1)
}
body .our-story .marketplace-commitment .kstl-feature-inset, html .our-story .marketplace-commitment .kstl-feature-inset {
	position: static
}
}
body .our-story .our-locations .kstl-feature-inset .slideOne, html .our-story .our-locations .kstl-feature-inset .slideOne {
margin:40px 0 0 calc((100vw / 96) * 5);
	width: 500px;
	color: #262626
}
body .our-story .our-locations .kstl-feature-inset .slideOne h1, html .our-story .our-locations .kstl-feature-inset .slideOne h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .our-story .our-locations .kstl-feature-inset .slideOne p, html .our-story .our-locations .kstl-feature-inset .slideOne p {
	margin-top: 10px;
	line-height: 1.1
}
@media (max-width:950px) {
body .our-story .our-locations .kstl-feature-inset .slideOne, html .our-story .our-locations .kstl-feature-inset .slideOne {
	color: #262626;
margin:0 0 0 calc((100vw / 95) * 2)
}
}
@media (max-width:601px) {
body .our-story .our-locations .kstl-feature-inset .slideOne, html .our-story .our-locations .kstl-feature-inset .slideOne {
	width: 90%;
	margin: 0 auto 10px
}
body .our-story .our-locations .kstl-feature-inset .slideOne h1, html .our-story .our-locations .kstl-feature-inset .slideOne h1 {
font-size:calc((100vw / 12) * 1)
}
}
body .our-story .our-locations .kstl-feature-inset .slideTwo, html .our-story .our-locations .kstl-feature-inset .slideTwo {
margin:40px 0 0 calc((100vw / 96) * 5);
	width: 500px;
	color: #fff
}
body .our-story .our-locations .kstl-feature-inset .slideTwo h1, html .our-story .our-locations .kstl-feature-inset .slideTwo h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .our-story .our-locations .kstl-feature-inset .slideTwo p, html .our-story .our-locations .kstl-feature-inset .slideTwo p {
	margin-top: 10px;
	line-height: 1.1
}
@media (max-width:950px) {
body .our-story .our-locations .kstl-feature-inset .slideTwo, html .our-story .our-locations .kstl-feature-inset .slideTwo {
	color: #262626;
margin:0 0 0 calc((100vw / 95) * 2)
}
body .our-story .our-locations .kstl-feature-inset, html .our-story .our-locations .kstl-feature-inset {
	position: static
}
}
@media (max-width:601px) {
body .our-story .our-locations .kstl-feature-inset .slideTwo, html .our-story .our-locations .kstl-feature-inset .slideTwo {
	width: 90%;
	margin: 0 auto 10px
}
body .our-story .our-locations .kstl-feature-inset .slideTwo h1, html .our-story .our-locations .kstl-feature-inset .slideTwo h1 {
font-size:calc((100vw / 12) * 1)
}
}
body .our-story .environmental-initatives .kstl-feature-inset .nuture, html .our-story .environmental-initatives .kstl-feature-inset .nuture {
margin:40px 0 0 calc((100vw / 96) * 5);
	width: 610px;
	color: #fff
}
body .our-story .environmental-initatives .kstl-feature-inset .nuture h1, html .our-story .environmental-initatives .kstl-feature-inset .nuture h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .our-story .environmental-initatives .kstl-feature-inset .nuture p, html .our-story .environmental-initatives .kstl-feature-inset .nuture p {
	margin-top: 10px;
	line-height: 1.1
}
@media (max-width:950px) {
body .our-story .our-locations .flex-control-nav, html .our-story .our-locations .flex-control-nav {
	position: static
}
body .our-story .environmental-initatives .kstl-feature-inset .nuture, html .our-story .environmental-initatives .kstl-feature-inset .nuture {
margin:20px 0 0 calc((100vw / 96) * 5);
	width: 350px
}
body .our-story .environmental-initatives .kstl-feature-inset, html .our-story .environmental-initatives .kstl-feature-inset {
	position: absolute
}
body .our-story .environmental-initatives .flex-control-nav, html .our-story .environmental-initatives .flex-control-nav {
	position: static
}
}
body .our-story .narrow, html .our-story .narrow {
	padding-left: 40px
}
@media (max-width:601px) {
body .our-story .environmental-initatives .kstl-feature-inset .nuture, html .our-story .environmental-initatives .kstl-feature-inset .nuture {
	color: #262626;
	width: 90%;
	margin: 0 auto 10px
}
body .our-story .environmental-initatives .kstl-feature-inset .nuture h1, html .our-story .environmental-initatives .kstl-feature-inset .nuture h1 {
font-size:calc((100vw / 12) * 1)
}
body .our-story .environmental-initatives .kstl-feature-inset, html .our-story .environmental-initatives .kstl-feature-inset {
	position: static
}
body .our-story .narrow, html .our-story .narrow {
	padding-left: 0
}
}
body .breakfast4BetterDays, html .breakfast4BetterDays {
	display: block;
	font-size: 21px;
	margin-top: 40px
}
body .breakfast4BetterDays .yellow, html .breakfast4BetterDays .yellow {
	font-family: KelloggsSansBold;
	color: #f4ce7c
}
body .breakfast4BetterDays .big, html .breakfast4BetterDays .big {
	font-size: 300%
}
body .breakfast4BetterDays .mid, html .breakfast4BetterDays .mid {
	font-size: 160%
}
body .breakfast4BetterDays h1, html .breakfast4BetterDays h1 {
	color: #fff
}
body .breakfast4BetterDays h2, body .breakfast4BetterDays h3, body .breakfast4BetterDays h4, html .breakfast4BetterDays h2, html .breakfast4BetterDays h3, html .breakfast4BetterDays h4 {
	font-family: KelloggsSansBold;
	color: #f4ce7c;
	font-size: 142%
}
@media (max-width:601px) {
body .breakfast4BetterDays h2, body .breakfast4BetterDays h3, body .breakfast4BetterDays h4, html .breakfast4BetterDays h2, html .breakfast4BetterDays h3, html .breakfast4BetterDays h4 {
	font-size: 200%
}
body .breakfast4BetterDays .hero-banner, html .breakfast4BetterDays .hero-banner {
	position: relative;
	background: #ce0f45
}
body .breakfast4BetterDays .hero-banner:after, html .breakfast4BetterDays .hero-banner:after {
	position: absolute;
	bottom: -50px;
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/after.png) no-repeat!important
}
}
@media (max-width:400px) {
body .breakfast4BetterDays h2, body .breakfast4BetterDays h3, body .breakfast4BetterDays h4, html .breakfast4BetterDays h2, html .breakfast4BetterDays h3, html .breakfast4BetterDays h4 {
	font-size: 150%
}
}
body .breakfast4BetterDays .cta p, body .breakfast4BetterDays p, html .breakfast4BetterDays .cta p, html .breakfast4BetterDays p {
	font-size: 100%
}
@media (max-width:400px) {
body .breakfast4BetterDays .cta p, body .breakfast4BetterDays p, html .breakfast4BetterDays .cta p, html .breakfast4BetterDays p {
	font-size: 70%
}
}
body .breakfast4BetterDays sup, html .breakfast4BetterDays sup {
	vertical-align: 6px!important;
	font-size: 45%!important
}
body .breakfast4BetterDays .hero h1, html .breakfast4BetterDays .hero h1 {
	margin: 0 30px
}
@media (max-width:999px) {
body .breakfast4BetterDays .hero h1, html .breakfast4BetterDays .hero h1 {
	color: #262626
}
}
@media (max-width:601px) {
body .breakfast4BetterDays .hero h1, html .breakfast4BetterDays .hero h1 {
	color: #fff
}
}
body .breakfast4BetterDays .blue-bg, html .breakfast4BetterDays .blue-bg {
	padding: 20px!important;
	background: #3721bf;
	font-family: KelloggsSansMedium
}
body .breakfast4BetterDays .blue-bg .theLandscape, html .breakfast4BetterDays .blue-bg .theLandscape {
	color: #fff;
	position: relative;
	padding: 20px!important;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dot.png) 200px 40px repeat-x #3721bf;
	min-height: 243px
}
@media (max-width:999px) {
body .breakfast4BetterDays .blue-bg .theLandscape, html .breakfast4BetterDays .blue-bg .theLandscape {
	background: 0 0
}
}
body .breakfast4BetterDays .blue-bg .theLandscape h2, html .breakfast4BetterDays .blue-bg .theLandscape h2 {
	background: #3721bf;
	width: 230px;
	margin-left: -20px;
	padding-left: 20px
}
@media (max-width:999px) {
body .breakfast4BetterDays .blue-bg .theLandscape h2, html .breakfast4BetterDays .blue-bg .theLandscape h2 {
	padding-bottom: 20px;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dot.png) left bottom repeat-x #3721bf;
	width: unset
}
}
body .breakfast4BetterDays .blue-bg .theLandscape .left, html .breakfast4BetterDays .blue-bg .theLandscape .left {
	padding-top: 10px;
	text-align: center
}
body .breakfast4BetterDays .blue-bg .theLandscape .left .heightFix, html .breakfast4BetterDays .blue-bg .theLandscape .left .heightFix {
	display: block;
	margin: -14px 0;
	padding-bottom: 10px
}
body .breakfast4BetterDays .blue-bg .theLandscape .silhouette, body .breakfast4BetterDays .blue-bg .theLandscape .silhouette .kstl-image-wrapper, html .breakfast4BetterDays .blue-bg .theLandscape .silhouette, html .breakfast4BetterDays .blue-bg .theLandscape .silhouette .kstl-image-wrapper {
	width: 100%
}
body .breakfast4BetterDays .blue-bg .theLandscape .silhouette .kstl-image-wrapper img, html .breakfast4BetterDays .blue-bg .theLandscape .silhouette .kstl-image-wrapper img {
	display: block;
	width: 82%;
	margin: 0 auto!important
}
@media (max-width:999px) {
body .breakfast4BetterDays .blue-bg .theLandscape .silhouette .kstl-image-wrapper img, html .breakfast4BetterDays .blue-bg .theLandscape .silhouette .kstl-image-wrapper img {
	width: 24%;
	margin: 20px auto!important
}
body .breakfast4BetterDays .blue-bg .theLandscape .silhouette .kstl-image-wrapper, html .breakfast4BetterDays .blue-bg .theLandscape .silhouette .kstl-image-wrapper {
	padding-bottom: 0
}
}
body .breakfast4BetterDays .blue-bg .theLandscape .middle, html .breakfast4BetterDays .blue-bg .theLandscape .middle {
	line-height: 75%;
	padding: 20px 0 0!important;
	text-align: center
}
body .breakfast4BetterDays .blue-bg .theLandscape .middle .yellow, html .breakfast4BetterDays .blue-bg .theLandscape .middle .yellow {
	line-height: 110%
}
body .breakfast4BetterDays .blue-bg .theLandscape .arrow, body .breakfast4BetterDays .blue-bg .theLandscape .arrow .kstl-image-wrapper, html .breakfast4BetterDays .blue-bg .theLandscape .arrow, html .breakfast4BetterDays .blue-bg .theLandscape .arrow .kstl-image-wrapper {
	width: 100%
}
body .breakfast4BetterDays .blue-bg .theLandscape .arrow .kstl-image-wrapper img, html .breakfast4BetterDays .blue-bg .theLandscape .arrow .kstl-image-wrapper img {
	display: block;
	width: 82%;
	margin: 0 auto
}
@media (max-width:999px) {
body .breakfast4BetterDays .blue-bg .theLandscape .arrow .kstl-image-wrapper img, html .breakfast4BetterDays .blue-bg .theLandscape .arrow .kstl-image-wrapper img {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 24%;
	margin: 0 auto!important
}
body .breakfast4BetterDays .blue-bg .theLandscape .arrow .kstl-image-wrapper, html .breakfast4BetterDays .blue-bg .theLandscape .arrow .kstl-image-wrapper {
	padding-bottom: 0
}
}
body .breakfast4BetterDays .blue-bg .theLandscape .right, html .breakfast4BetterDays .blue-bg .theLandscape .right {
	text-align: center;
	padding: 10px 0 0 10px!important
}
body .breakfast4BetterDays .blue-bg .theLandscape .right .big, html .breakfast4BetterDays .blue-bg .theLandscape .right .big {
	line-height: 120%;
	font-size: 190%;
	text-transform: uppercase
}
body .breakfast4BetterDays .blue-bg .theLandscape .right sup, html .breakfast4BetterDays .blue-bg .theLandscape .right sup {
	font-size: 30%!important;
	vertical-align: 21px!important
}
body .breakfast4BetterDays .orange-bg, html .breakfast4BetterDays .orange-bg {
	padding: 20px!important;
	background: #e46d30;
	font-family: KelloggsSansMedium;
	color: #fff
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren, html .breakfast4BetterDays .orange-bg .effectsOnChildren {
	position: relative;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dot.png) 0 28px repeat-x #e46d30;
	min-height: 420px
}
@media (max-width:999px) {
body .breakfast4BetterDays .orange-bg .effectsOnChildren, html .breakfast4BetterDays .orange-bg .effectsOnChildren {
	background: 0 0
}
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren h3, html .breakfast4BetterDays .orange-bg .effectsOnChildren h3 {
	text-align: left;
	background: #e46d30;
	width: 340px;
	margin-left: -20px;
	padding-left: 20px
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .kiddos, html .breakfast4BetterDays .orange-bg .effectsOnChildren .kiddos {
	text-align: center
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .kiddos img, html .breakfast4BetterDays .orange-bg .effectsOnChildren .kiddos img {
	margin-top: 20px
}
@media (max-width:999px) {
body .breakfast4BetterDays .orange-bg .effectsOnChildren h3, html .breakfast4BetterDays .orange-bg .effectsOnChildren h3 {
	margin-left: 0;
	padding-bottom: 20px;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dot.png) left bottom repeat-x #e46d30;
	width: unset
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .kiddos img, html .breakfast4BetterDays .orange-bg .effectsOnChildren .kiddos img {
	width: 60%;
	margin: 60px auto 20px!important
}
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .kiddos p, html .breakfast4BetterDays .orange-bg .effectsOnChildren .kiddos p {
	font-size: 100%;
	padding: 20px 0
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph {
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dotVert.png) left top repeat-y;
	padding: 20px!important
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph {
	margin: 20px 0;
	width: 100%;
	font-size: 78%;
	align: left;
	border-collapse: separate
}
@media (max-width:999px) {
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph {
	background: 0 0
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .mob-center, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .mob-center {
	text-align: center
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph {
	width: 540px;
	margin: 20px auto
}
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
@media (max-width:660px) {
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph {
	width: 100%
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .graphTable, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .graphTable {
	font-family: KelloggsSansBold;
	width: 162px;
	height: 34px;
	border: 1px solid #fff
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .graphTable .barGraph, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .graphTable .barGraph {
	padding: 0 0 0 4px;
	height: 32px;
	background: #ffd776;
	font-size: 143%
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .graphTable .barGraph:after, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .graphTable .barGraph:after {
	content: none
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .descripter, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .descripter {
	padding-left: 10px;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}
@media (max-width:660px) {
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .graphTable, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .graphTable {
	width: 100%
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .descripter, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row .descripter {
	width: 100%;
	padding-left: 0;
	padding-top: 10px
}
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row+.row, html .breakfast4BetterDays .orange-bg .effectsOnChildren .graph .flex-graph .row+.row {
	margin-top: 10px
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth, html .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth {
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dot.png) left top repeat-x #e46d30;
	margin: 10px 0 0 .5%;
	padding-top: 20px!important
}
@media (max-width:660px) {
body .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .teachers .kstl-image-wrapper, html .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .teachers .kstl-image-wrapper {
	width: 100%
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .teachers .kstl-image-wrapper img, html .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .teachers .kstl-image-wrapper img {
	display: block;
	width: 30%;
	margin: 20px auto
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .teachers .kstl-rich-text, html .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .teachers .kstl-rich-text {
	width: 100%;
	text-align: center
}
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .teachers .kstl-rich-text p, html .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .teachers .kstl-rich-text p {
	margin-top: 0
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .learning, html .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .learning {
	padding-top: 16px
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .learning .oneThirtyTwo, html .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .learning .oneThirtyTwo {
	padding-top: 6px!important;
	font-family: KelloggsSansBold;
	color: #f4ce7c;
	font-size: 300%;
	line-height: 90%
}
@media (max-width:601px) {
body .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .learning .oneThirtyTwo, html .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .learning .oneThirtyTwo {
	width: 100%;
	font-size: 350%;
	text-align: center;
	margin: 20px auto
}
}
body .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .learning .three-quarters .kstl-rich-text, html .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .learning .three-quarters .kstl-rich-text {
	padding-left: 40px
}
@media (max-width:660px) {
body .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .learning .three-quarters .kstl-rich-text, html .breakfast4BetterDays .orange-bg .effectsOnChildren .fullWidth .learning .three-quarters .kstl-rich-text {
	padding: 0;
	text-align: center
}
}
body .breakfast4BetterDays .red-bg, html .breakfast4BetterDays .red-bg {
	background-color: #cf0d46;
	padding: 20px!important;
	color: #fff
}
body .breakfast4BetterDays .red-bg .helpingHand, html .breakfast4BetterDays .red-bg .helpingHand {
	position: relative;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dot.png) 0 28px repeat-x;
	height: auto;
	padding: 10px 20px
}
@media (max-width:999px) {
body .breakfast4BetterDays .red-bg .helpingHand, html .breakfast4BetterDays .red-bg .helpingHand {
	background: 0 0
}
}
body .breakfast4BetterDays .red-bg .helpingHand h4, html .breakfast4BetterDays .red-bg .helpingHand h4 {
	text-align: left;
	background: #cf0d46;
	width: 270px;
	margin-left: -20px;
	padding-left: 20px
}
@media (max-width:999px) {
body .breakfast4BetterDays .red-bg .helpingHand h4, html .breakfast4BetterDays .red-bg .helpingHand h4 {
	padding-bottom: 20px;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dot.png) left bottom repeat-x #cf0d46;
	width: unset
}
}
body .breakfast4BetterDays .red-bg .helpingHand p, html .breakfast4BetterDays .red-bg .helpingHand p {
	text-align: center;
	padding: 20px 0;
	font-size: 98%
}
body .breakfast4BetterDays .red-bg .helpingHand .kstl-image-wrapper, html .breakfast4BetterDays .red-bg .helpingHand .kstl-image-wrapper {
	padding: 0!important
}
body .breakfast4BetterDays .red-bg .dotted-hr, html .breakfast4BetterDays .red-bg .dotted-hr {
	display: block;
	height: 6px;
	margin: 20px auto!important;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dot.png) repeat-x
}
body .breakfast4BetterDays .red-bg .bowl, html .breakfast4BetterDays .red-bg .bowl {
	font-family: KelloggsSansMedium;
	clear: none;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px
}
body .breakfast4BetterDays .red-bg .bowl p, html .breakfast4BetterDays .red-bg .bowl p {
	padding: 0!important
}
body .breakfast4BetterDays .red-bg .bowl p.yellow, html .breakfast4BetterDays .red-bg .bowl p.yellow {
	font-size: 300%;
	line-height: 86%
}
body .breakfast4BetterDays .red-bg .bowl img, html .breakfast4BetterDays .red-bg .bowl img {
	width: 100%;
	margin: 10px 0 0 -40px
}
@media (max-width:999px) {
body .breakfast4BetterDays .red-bg .bowl img, html .breakfast4BetterDays .red-bg .bowl img {
	width: 50%;
	margin: 20px auto!important
}
}
@media (max-width:500px) {
body .breakfast4BetterDays .red-bg .bowl p.yellow, html .breakfast4BetterDays .red-bg .bowl p.yellow {
	font-size: 200%
}
body .breakfast4BetterDays .red-bg .bowl img, html .breakfast4BetterDays .red-bg .bowl img {
	width: 80%;
	margin: 20px auto!important
}
}
body .breakfast4BetterDays .red-bg .teachers, html .breakfast4BetterDays .red-bg .teachers {
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dot.png) left top repeat-x;
	margin-top: 20px;
	padding: 30px 0!important;
	text-align: left
}
@media (max-width:999px) {
body .breakfast4BetterDays .red-bg .teachers, html .breakfast4BetterDays .red-bg .teachers {
	width: unset
}
}
body .breakfast4BetterDays .red-bg .teachers .left, html .breakfast4BetterDays .red-bg .teachers .left {
	font-size: 300%;
	width: 156px;
	text-align: right
}
body .breakfast4BetterDays .red-bg .teachers .right, html .breakfast4BetterDays .red-bg .teachers .right {
	font-size: 90%;
	padding-left: 10px
}
@media (max-width:999px) {
body .breakfast4BetterDays .red-bg .teachers .left, html .breakfast4BetterDays .red-bg .teachers .left {
	width: unset;
	text-align: center
}
body .breakfast4BetterDays .red-bg .teachers .right, html .breakfast4BetterDays .red-bg .teachers .right {
	text-align: center
}
}
body .breakfast4BetterDays .red-bg .clubs, html .breakfast4BetterDays .red-bg .clubs {
	position: relative;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dotVert.png) left top repeat-y;
	width: 340px;
	height: 300px;
	text-align: right;
	padding-left: 60px
}
@media (max-width:999px) {
body .breakfast4BetterDays .red-bg .clubs, html .breakfast4BetterDays .red-bg .clubs {
	width: unset;
	height: auto;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/dot.png) left top repeat-x;
	padding-left: 0
}
}
body .breakfast4BetterDays .red-bg .clubs .kidHeart, html .breakfast4BetterDays .red-bg .clubs .kidHeart {
	width: 270px;
	height: 96px;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/kidHeart.png) right center no-repeat;
	padding: 6px 44px 0 0;
	margin-top: -20px
}
body .breakfast4BetterDays .red-bg .clubs .kidHeart .big, html .breakfast4BetterDays .red-bg .clubs .kidHeart .big {
	line-height: 80%
}
@media (max-width:999px) {
body .breakfast4BetterDays .red-bg .clubs .kidHeart, html .breakfast4BetterDays .red-bg .clubs .kidHeart {
	margin: 20px auto 0;
	height: unset
}
}
body .breakfast4BetterDays .red-bg .clubs .kidHeart+p, html .breakfast4BetterDays .red-bg .clubs .kidHeart+p {
	width: 266px;
	margin: 0;
	padding: 0
}
body .breakfast4BetterDays .red-bg .clubs .mob-show, html .breakfast4BetterDays .red-bg .clubs .mob-show {
	display: none
}
@media (max-width:999px) {
body .breakfast4BetterDays .red-bg .clubs .kidHeart+p, html .breakfast4BetterDays .red-bg .clubs .kidHeart+p {
	width: unset;
	text-align: center
}
body .breakfast4BetterDays .red-bg .clubs .mob-show, html .breakfast4BetterDays .red-bg .clubs .mob-show {
	display: block
}
}
body .breakfast4BetterDays .red-bg .clubs .map, html .breakfast4BetterDays .red-bg .clubs .map {
	width: 296px;
	height: 284px;
	margin: -64px 0 0 -115px;
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/breakfast-for-better-days/map.png) no-repeat;
	z-index: 90
}
@media (max-width:999px) {
body .breakfast4BetterDays .red-bg .clubs .map, html .breakfast4BetterDays .red-bg .clubs .map {
	margin: 40px auto 20px
}
}
@media (max-width:601px) {
body .breakfast4BetterDays, html .breakfast4BetterDays {
	font-size: 22px;
font-size:calc((100vw / 300) * 11)
}
}
@media (max-width:401px) {
body .breakfast4BetterDays, html .breakfast4BetterDays {
font-size:calc((100vw / 50) * 3)
}
}
body #page-content, html #page-content {
	padding-bottom: 40px
}
body .reference-section h2, html .reference-section h2 {
	color: #262626
}
body .health-detail p, html .health-detail p {
	padding-bottom: 20px
}
body .health-detail h2, html .health-detail h2 {
	line-height: 1;
	padding-bottom: 20px
}
body .health-detail .kstl-feature-inset .slideOne, html .health-detail .kstl-feature-inset .slideOne {
margin:40px 0 0 calc((100vw / 96) * 5);
	width: 500px;
	color: #fff
}
body .health-detail .kstl-feature-inset .slideOne h1, html .health-detail .kstl-feature-inset .slideOne h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .health-detail .kstl-feature-inset .slideOne p, html .health-detail .kstl-feature-inset .slideOne p {
	margin-top: 10px;
	line-height: 1.1;
	padding-bottom: 0
}
@media (max-width:950px) {
body .health-detail .kstl-feature-inset .slideOne, html .health-detail .kstl-feature-inset .slideOne {
	color: #262626;
margin:0 0 0 calc((100vw / 95) * 2);
	padding: 40px 0 0
}
}
@media (max-width:601px) {
body .health-detail .kstl-feature-inset .slideOne, html .health-detail .kstl-feature-inset .slideOne {
	width: 90%;
	margin: 0 auto 10px
}
body .health-detail .kstl-feature-inset .slideOne h1, html .health-detail .kstl-feature-inset .slideOne h1 {
font-size:calc((100vw / 12) * 1)
}
}
body .health-detail .kstl-feature-inset .slideLight, html .health-detail .kstl-feature-inset .slideLight {
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,.5) 0, rgba(0,0,0,.25) 50%, rgba(0,0,0,0) 72%, rgba(0,0,0,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,.5) 0, rgba(0,0,0,.25) 50%, rgba(0,0,0,0) 72%, rgba(0,0,0,0) 100%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,.5) 0, rgba(0,0,0,.25) 50%, rgba(0,0,0,0) 72%, rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff', GradientType=1 );
	width: 500px;
	color: #fff;
	padding: 40px 0 40px 80px
}
body .health-detail .kstl-feature-inset .slideLight h1, html .health-detail .kstl-feature-inset .slideLight h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .health-detail .kstl-feature-inset .slideLight p, html .health-detail .kstl-feature-inset .slideLight p {
	margin-top: 10px;
	line-height: 1.1;
	padding-bottom: 0
}
@media (max-width:950px) {
body .health-detail .kstl-feature-inset .slideLight, html .health-detail .kstl-feature-inset .slideLight {
	background: 0 0;
	padding: 40px 0 0;
	color: #262626;
margin:0 0 0 calc((100vw / 95) * 2)
}
}
@media (max-width:601px) {
body .health-detail .kstl-feature-inset .slideLight, html .health-detail .kstl-feature-inset .slideLight {
	width: 90%;
	margin: 0 auto 10px
}
body .health-detail .kstl-feature-inset .slideLight h1, html .health-detail .kstl-feature-inset .slideLight h1 {
font-size:calc((100vw / 12) * 1)
}
}
body .health-detail .kstl-feature-inset .slideDark, html .health-detail .kstl-feature-inset .slideDark {
	background: radial-gradient(ellipse at center, rgba(255,255,255,.8) 0, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 72%, rgba(255,255,255,0) 100%);
	width: 370px;
	padding: 40px
}
body .health-detail .kstl-feature-inset .slideDark h1, html .health-detail .kstl-feature-inset .slideDark h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .health-detail .kstl-feature-inset .slideDark p, html .health-detail .kstl-feature-inset .slideDark p {
	margin-top: 10px;
	line-height: 1.1;
	padding-bottom: 0
}
@media (max-width:950px) {
body .health-detail .kstl-feature-inset .slideDark, html .health-detail .kstl-feature-inset .slideDark {
	padding: 40px 0 0;
	color: #262626;
margin:0 0 0 calc((100vw / 95) * 2)
}
}
@media (max-width:601px) {
body .health-detail .kstl-feature-inset .slideDark, html .health-detail .kstl-feature-inset .slideDark {
	width: 90%;
	margin: 0 auto 10px
}
body .health-detail .kstl-feature-inset .slideDark h1, html .health-detail .kstl-feature-inset .slideDark h1 {
font-size:calc((100vw / 12) * 1)
}
}
body .health-detail .kstl-feature-inset .slideDarkWide, html .health-detail .kstl-feature-inset .slideDarkWide {
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,.8) 0, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 72%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,.8) 0, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 72%, rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,.8) 0, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 72%, rgba(255,255,255,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff', GradientType=1 );
	width: 500px;
	padding: 0 40px
}
body .health-detail .kstl-feature-inset .slideDarkWide h1, html .health-detail .kstl-feature-inset .slideDarkWide h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .health-detail .kstl-feature-inset .slideDarkWide p, html .health-detail .kstl-feature-inset .slideDarkWide p {
	margin-top: 10px;
	line-height: 1.1;
	padding-bottom: 0
}
@media (max-width:950px) {
body .health-detail .kstl-feature-inset .slideDarkWide, html .health-detail .kstl-feature-inset .slideDarkWide {
	padding: 40px 0 0;
	width: 90%;
	color: #262626;
margin:0 0 0 calc((100vw / 95) * 2)
}
body .health-detail .kstl-feature-inset, html .health-detail .kstl-feature-inset {
	position: static
}
}
@media (max-width:601px) {
body .health-detail .kstl-feature-inset .slideDarkWide, html .health-detail .kstl-feature-inset .slideDarkWide {
	width: 90%;
	margin: 0 auto 10px
}
body .health-detail .kstl-feature-inset .slideDarkWide h1, html .health-detail .kstl-feature-inset .slideDarkWide h1 {
font-size:calc((100vw / 12) * 1)
}
}
body .health-detail .kstl-feature-inset .hero, html .health-detail .kstl-feature-inset .hero {
margin:40px 0 0 calc((100vw / 96) * 5);
	width: 500px;
	color: #fff
}
body .health-detail .kstl-feature-inset .hero h1, html .health-detail .kstl-feature-inset .hero h1 {
	font-family: KelloggsSansMedium;
font-size:calc((100vw / 300) * 11);
	line-height: 1
}
body .health-detail .kstl-feature-inset .hero p, html .health-detail .kstl-feature-inset .hero p {
	margin-top: 10px;
	line-height: 1.1;
	padding-bottom: 0
}
@media (max-width:950px) {
body .health-detail .flex-control-nav, html .health-detail .flex-control-nav {
	position: static
}
body .health-detail .kstl-feature-inset .hero, html .health-detail .kstl-feature-inset .hero {
	color: #262626;
margin:0 0 0 calc((100vw / 95) * 2)
}
}
body .health-detail .text-left, html .health-detail .text-left {
	padding-right: 40px
}
body .health-detail .text-right, html .health-detail .text-right {
	padding-left: 40px
}
@media (max-width:601px) {
body .health-detail .kstl-feature-inset .hero, html .health-detail .kstl-feature-inset .hero {
	width: 90%;
	margin: 20px auto 10px
}
body .health-detail .kstl-feature-inset .hero h1, html .health-detail .kstl-feature-inset .hero h1 {
font-size:calc((100vw / 12) * 1)
}
body .health-detail .text-left, html .health-detail .text-left {
	padding-right: 0
}
body .health-detail .text-right, html .health-detail .text-right {
	padding-left: 0
}
}
body .health-detail .protein-tabs, html .health-detail .protein-tabs {
	padding: 20px 20px 60px
}
@media (max-width:601px) {
body .health-detail .protein-tabs, html .health-detail .protein-tabs {
	padding: 0 20px 60px
}
body .health-detail .protein-tabs .tab_buttons, html .health-detail .protein-tabs .tab_buttons {
	background-image: none
}
}
body .health-detail .protein-tabs .tab_buttons .tab_button, html .health-detail .protein-tabs .tab_buttons .tab_button {
	margin: 0 6px
}
body .health-detail .protein-tabs .tab_buttons .tab_button a.tab_link, html .health-detail .protein-tabs .tab_buttons .tab_button a.tab_link {
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 999px;
	color: #666!important;
	font-size: 12px!important;
	display: inline-block;
	margin: 4px;
	padding: 12px 30px;
	text-decoration: none;
	text-transform: uppercase
}
body .health-detail .protein-tabs .tab_buttons .activeLink a.tab_link, body .health-detail .protein-tabs .tab_buttons .tab_button a.tab_link:hover, html .health-detail .protein-tabs .tab_buttons .activeLink a.tab_link, html .health-detail .protein-tabs .tab_buttons .tab_button a.tab_link:hover {
	background-color: #262626;
	border-color: #262626;
	color: #f7f7f7!important
}
@media (max-width:880px) {
body .health-detail .protein-tabs .tab_buttons .tab_button, html .health-detail .protein-tabs .tab_buttons .tab_button {
	margin: 10px 6px
}
}
@media (max-width:601px) {
body .health-detail .protein-tabs .tab_buttons, html .health-detail .protein-tabs .tab_buttons {
	display: none
}
}
body .health-detail .protein-tabs .tab_wrapper .tab_content, html .health-detail .protein-tabs .tab_wrapper .tab_content {
	padding: 0 40px
}
body .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta, html .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta {
	padding: 20px
}
body .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_image .kstl-image-wrapper .kstl-responsive-image img, html .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_image .kstl-image-wrapper .kstl-responsive-image img {
	margin: 0 auto;
	width: unset
}
body .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_text .kstl-rich-text, html .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_text .kstl-rich-text {
	text-align: center;
	position: relative
}
body .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_text .kstl-rich-text p, html .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_text .kstl-rich-text p {
	display: inline-block;
	padding: 10px 6px
}
body .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_text .kstl-rich-text p.dot, html .health-detail .protein-tabs .tab_wrapper .tab_content .tab_inner .cta .cta_text .kstl-rich-text p.dot {
	position: absolute;
	top: 0;
	color: #fff;
	background: #b41946;
	width: 36px;
	height: 36px;
	text-align: center;
	border-radius: 60px;
	padding: 9px 0 0
}
@media (max-width:601px) {
body .health-detail .protein-tabs .tab_wrapper .tab_content, html .health-detail .protein-tabs .tab_wrapper .tab_content {
	padding: 0
}
body .health-detail .protein-tabs .tab_wrapper .tab_content .mobile_tab_button, html .health-detail .protein-tabs .tab_wrapper .tab_content .mobile_tab_button {
	display: block
}
body .health-detail .protein-tabs .tab_wrapper .tab_content .mobile_tab_button a.mobile_tab_link, html .health-detail .protein-tabs .tab_wrapper .tab_content .mobile_tab_button a.mobile_tab_link {
	width: 100%;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 999px;
	color: #666!important;
	font-size: 12px!important;
	display: inline-block;
	margin: 4px;
	padding: 12px 30px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center
}
body .health-detail .protein-tabs .tab_wrapper .activeTab .mobile_tab_button a.mobile_tab_link, body .health-detail .protein-tabs .tab_wrapper .tab_content .mobile_tab_button a.mobile_tab_link:hover, html .health-detail .protein-tabs .tab_wrapper .activeTab .mobile_tab_button a.mobile_tab_link, html .health-detail .protein-tabs .tab_wrapper .tab_content .mobile_tab_button a.mobile_tab_link:hover {
	background-color: #262626;
	border-color: #262626;
	color: #f7f7f7!important
}
}
body .health-detail .protein-tabs .kstl-carousel-grid-slide>.grid>.grid__item+.grid__item:last-child img, html .health-detail .protein-tabs .kstl-carousel-grid-slide>.grid>.grid__item+.grid__item:last-child img {
	float: none
}
body .health-detail .protein-people-block, html .health-detail .protein-people-block {
	padding: 40px!important;
	background: rgba(204,204,204,.15);
	border: 1px solid #ddd;
	border-radius: 20px
}
@media (max-width:601px) {
body .health-detail .protein-people-block .cta .cta_image .kstl-image-wrapper, html .health-detail .protein-people-block .cta .cta_image .kstl-image-wrapper {
	padding-bottom: 0
}
}
body .health-detail .protein-people-block .cta .cta_text .kstl-rich-text p, html .health-detail .protein-people-block .cta .cta_text .kstl-rich-text p {
	padding: 10px 0
}
body .health-detail .protein-people-block .cta .cta_text .kstl-rich-text p span.tiny, html .health-detail .protein-people-block .cta .cta_text .kstl-rich-text p span.tiny {
	line-height: 1!important;
	padding: 4px 0;
	display: block
}
body .health-detail .protein-carousel__container, html .health-detail .protein-carousel__container {
	padding-top: 40px!important
}
body .health-detail .protein-carousel__container .protein-carousel, html .health-detail .protein-carousel__container .protein-carousel {
	margin: 40px -10px!important;
	padding-bottom: 40px
}
@media (max-width:950px) {
body .health-detail .protein-carousel__container .protein-carousel, html .health-detail .protein-carousel__container .protein-carousel {
	margin: 40px -10px!important
}
}
body .health-detail .protein-carousel__container .protein-carousel .flex-viewport, html .health-detail .protein-carousel__container .protein-carousel .flex-viewport {
	max-width: 900px;
	margin: 0 auto
}
body .health-detail .protein-carousel__container .protein-carousel .flexslider, html .health-detail .protein-carousel__container .protein-carousel .flexslider {
	z-index: 1!important;
	opacity: .99!important;
	background: 0 0!important;
	display: block
}
@media (max-width:601px) {
body .health-detail .protein-carousel__container .protein-carousel .flex-viewport, html .health-detail .protein-carousel__container .protein-carousel .flex-viewport {
	margin: 0 20px
}
body .health-detail .protein-carousel__container .protein-carousel .flexslider, html .health-detail .protein-carousel__container .protein-carousel .flexslider {
	margin: 0
}
}
body .health-detail .protein-carousel__container .protein-carousel .flexslider ul li, html .health-detail .protein-carousel__container .protein-carousel .flexslider ul li {
	box-sizing: border-box
}
body .health-detail .protein-carousel__container .protein-carousel .flexslider ul li .kstl-carousel-grid-slide, html .health-detail .protein-carousel__container .protein-carousel .flexslider ul li .kstl-carousel-grid-slide {
	background: 0 0!important
}
body .health-detail .protein-carousel__container .protein-carousel .flexslider ul li .kstl-carousel-grid-slide .kstl-image-wrapper, html .health-detail .protein-carousel__container .protein-carousel .flexslider ul li .kstl-carousel-grid-slide .kstl-image-wrapper {
	box-sizing: border-box;
	padding: 0 10px
}
body .health-detail .protein-carousel__container .protein-carousel .flexslider ul li .kstl-carousel-grid-slide .kstl-image-wrapper .kstl-responsive-image img, html .health-detail .protein-carousel__container .protein-carousel .flexslider ul li .kstl-carousel-grid-slide .kstl-image-wrapper .kstl-responsive-image img {
	min-width: unset;
	width: unset;
	margin: 0 auto
}
body .health-detail .protein-carousel__container .protein-carousel .flexslider .flex-control-nav, html .health-detail .protein-carousel__container .protein-carousel .flexslider .flex-control-nav {
	display: none
}
body .health-detail .protein-carousel__container .protein-carousel .flexslider ul.flex-direction-nav, html .health-detail .protein-carousel__container .protein-carousel .flexslider ul.flex-direction-nav {
	width: 100%
}
body .health-detail .protein-carousel__container .protein-carousel .flexslider ul.flex-direction-nav li.flex-nav-next a, html .health-detail .protein-carousel__container .protein-carousel .flexslider ul.flex-direction-nav li.flex-nav-next a {
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/nav_arrows.png) 0 -36px no-repeat;
	height: 36px;
	width: 17px
}
body .health-detail .protein-carousel__container .protein-carousel .flexslider ul.flex-direction-nav li.flex-nav-prev a, html .health-detail .protein-carousel__container .protein-carousel .flexslider ul.flex-direction-nav li.flex-nav-prev a {
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/nav_arrows.png) no-repeat;
	height: 36px;
	width: 17px
}
body .health-detail .protein-carousel__container p.post-carousel-button, html .health-detail .protein-carousel__container p.post-carousel-button {
	text-align: right;
	padding: 10px 80px
}
@media (max-width:950px) {
body .health-detail .protein-carousel__container p.post-carousel-button, html .health-detail .protein-carousel__container p.post-carousel-button {
	padding: 20px;
	text-align: center
}
}
body .health-detail .breakfast-recipes, html .health-detail .breakfast-recipes {
	border: 1px solid #ddd;
	border-radius: 20px;
	background: rgba(204,204,204,.15)
}
body .health-detail .breakfast-recipes .recipe-callout, html .health-detail .breakfast-recipes .recipe-callout {
	padding: 30px!important
}
body .health-detail .breakfast-recipes .recipe-callout .callout-text, html .health-detail .breakfast-recipes .recipe-callout .callout-text {
	padding: 0 20px
}
body .health-detail .breakfast-recipes .recipe-list, html .health-detail .breakfast-recipes .recipe-list {
	border-radius: 0 20px 20px 0;
	background: rgba(204,204,204,.15);
	padding: 30px 20px!important
}
@media (max-width:950px) {
body .health-detail .breakfast-recipes .recipe-list, html .health-detail .breakfast-recipes .recipe-list {
	border-radius: 0 0 20px 20px
}
}
body .health-detail .breakfast-recipes .recipe-list a, html .health-detail .breakfast-recipes .recipe-list a {
	margin-top: 10px!important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-right: 10px
}
body .health-detail .breakfast-recipes .recipe-list a img, html .health-detail .breakfast-recipes .recipe-list a img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 33%
}
body .health-detail .breakfast-recipes .recipe-list a span, html .health-detail .breakfast-recipes .recipe-list a span {
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 66%;
	padding-left: 10px;
	line-height: 1
}
body .health-detail .breakfast-recipes .recipe-list a:hover, html .health-detail .breakfast-recipes .recipe-list a:hover {
	background: rgba(204,204,204,.15);
	cursor: pointer
}
body .health-detail .see-you, html .health-detail .see-you {
	margin-top: 40px!important;
	padding: 20px 40px!important;
	background: #a21983;
	border-radius: 20px
}
body .health-detail .see-you .see-you_copy, html .health-detail .see-you .see-you_copy {
	color: #fff
}
body .health-detail .see-you .see-you_copy .button, html .health-detail .see-you .see-you_copy .button {
	margin-bottom: 0
}
body .health-detail .see-you .see-you_image img, html .health-detail .see-you .see-you_image img {
	display: inline-block;
	float: right;
	width: 80%!important;
	margin: 0!important
}
@media (max-width:350px) {
body .health-detail .see-you .see-you_image img, html .health-detail .see-you .see-you_image img {
	width: 100%!important
}
}
body .health-detail .to-go, html .health-detail .to-go {
	margin-top: 40px!important;
	padding: 20px 40px!important;
	background: #d11344;
	border-radius: 20px
}
body .health-detail .to-go .to-go__copy, html .health-detail .to-go .to-go__copy {
	margin-top: 40px!important;
	color: #fff
}
body .health-detail .to-go .to-go__copy .button, html .health-detail .to-go .to-go__copy .button {
	margin-bottom: 0
}
@media (max-width:950px) {
body .health-detail .to-go .to-go__copy, html .health-detail .to-go .to-go__copy {
	margin-top: 20px!important
}
}
@media (max-width:601px) {
body .health-detail .to-go .to-go__copy, html .health-detail .to-go .to-go__copy {
	margin-top: 0!important
}
}
body .health-detail .to-go .to-go__image img, html .health-detail .to-go .to-go__image img {
	display: block;
	width: 80%!important;
	margin: 0 0 0 40px!important
}
@media (max-width:950px) {
body .health-detail .to-go .to-go__image img, html .health-detail .to-go .to-go__image img {
	width: 60%!important;
	margin: 0 auto!important
}
}
@media (max-width:601px) {
body .health-detail .to-go .to-go__image img, html .health-detail .to-go .to-go__image img {
	width: 100%!important;
	margin: 0!important
}
body .tab-controls, html .tab-controls {
	width: 100%
}
}
body .tab-controls .tab_buttons, html .tab-controls .tab_buttons {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto
}
body .tab-controls .tab_buttons .tab_button, html .tab-controls .tab_buttons .tab_button {
	text-align: center
}
body .tab-controls .tab_buttons .tab_button .tab_link, html .tab-controls .tab_buttons .tab_button .tab_link {
	font-size: 18px;
	background: 0 0;
	border: 2px solid transparent;
	padding: 4px 8px;
	margin: 0 4px!important
}
body .tab-controls .tab_buttons .tab_button .tab_link:hover, html .tab-controls .tab_buttons .tab_button .tab_link:hover {
	background: 0 0;
	color: #b41946;
	border-bottom: 2px solid #b41946
}
body .tab-controls .tab_buttons .activeLink .tab_link, html .tab-controls .tab_buttons .activeLink .tab_link {
	color: #b41946!important;
	border-bottom: 2px solid #b41946
}
@media (max-width:601px) {
body .tab-controls .tab_buttons, html .tab-controls .tab_buttons {
	display: block;
	width: 100vw;
	position: relative;
	text-align: center;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	background-image: linear-gradient(to right, rgba(255,255,255,0), #dad9d9);
	padding: 20px
}
}
@media (max-width:350px) {
body .tab-controls .tab_buttons .tab_button, html .tab-controls .tab_buttons .tab_button {
	margin: 0 8px
}
body .tab-controls .tab_buttons .tab_button .tab_link, html .tab-controls .tab_buttons .tab_button .tab_link {
	font-size: 90%
}
}
body .kstl-search-filter-container, html .kstl-search-filter-container {
	padding: 20px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body .kstl-search-filter-container .kstl-search-filtervalue, html .kstl-search-filter-container .kstl-search-filtervalue {
	padding: 12px 30px!important;
	text-align: center
}
body .tab_wrapper .tab_content, html .tab_wrapper .tab_content {
	max-height: unset!important
}
@media (max-width:601px) {
body .tab_wrapper .tab_content .mobile_tab_button, html .tab_wrapper .tab_content .mobile_tab_button {
	display: none
}
body .tab_wrapper .activeTab, html .tab_wrapper .activeTab {
	max-height: unset!important
}
body .tab_wrapper .activeTab .tab_inner, html .tab_wrapper .activeTab .tab_inner {
	max-height: unset!important;
	padding-bottom: 24px
}
}
body .tab_wrapper .kstl-carousel-grid-slide, html .tab_wrapper .kstl-carousel-grid-slide {
	overflow: visible;
	background: 0 0
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-count, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-count {
	font-family: KelloggsSansRegular
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-count span, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-count span {
	font-family: KelloggsSansBold!important;
	font-weight: 900
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list {
	display: block;
	overflow: visible;
	padding: 40px 0 20px
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper {
	margin: 0
}
@media (max-width:601px) {
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper img, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper img {
	width: 80%;
	margin: 0 15% 0 5%
}
}
@media (max-width:350px) {
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper img, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper img {
	width: unset;
	margin: unset
}
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper__centered, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper__centered {
	display: block
}
@media (max-width:601px) {
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper__centered, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper__centered {
	width: 100%;
	margin: 0
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper__centered img, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-list .result-wrapper__centered img {
	display: block;
	width: 80%;
	margin: 10px auto
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-filtervalue, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-filtervalue {
	width: 45%;
	padding: 12px 0
}
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager {
	margin-left: 0;
	margin-bottom: 40px
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li {
	margin: 0 5px
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li a {
	display: block;
	font-size: 16px;
	color: #2c2c2c;
	padding: 6px 13px
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.active, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.active {
	cursor: default;
	background-color: #2c2c2c;
	border-radius: 999px
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.active a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.active a {
	color: #fff
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.first a, body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.last a, body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.next a, body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.prev a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.first a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.last a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.next a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.prev a {
	background: center center no-repeat;
	padding: 10px 25px;
	text-indent: -999em
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.first a, body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.last a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.first a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.last a {
	background-image: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/double-chevron.png)
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.next a, body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.prev a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.next a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.prev a {
	background-image: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/single-chevron.png)
}
body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.first a, body .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.prev a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.first a, html .tab_wrapper .kstl-carousel-grid-slide .kstl-search-pager li.prev a {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
body .anchor-articles, html .anchor-articles {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px;
	padding: 0
}
body .anchor-articles .grid__item, html .anchor-articles .grid__item {
	padding: 20px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}
@media (max-width:601px) {
body .anchor-articles .grid__item, html .anchor-articles .grid__item {
	padding: 5px 10px
}
}
body .anchor-articles .grid__item .kstl-rich-text, html .anchor-articles .grid__item .kstl-rich-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}
body .anchor-articles .grid__item .kstl-rich-text .heading, html .anchor-articles .grid__item .kstl-rich-text .heading {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 20px;
	text-align: center
}
body .anchor-articles .grid__item .kstl-rich-text .heading h2, html .anchor-articles .grid__item .kstl-rich-text .heading h2 {
	font-family: KelloggsSansRegular
}
@media (max-width:601px) {
body .anchor-articles .grid__item .kstl-rich-text .heading, html .anchor-articles .grid__item .kstl-rich-text .heading {
	padding-bottom: 0
}
body .anchor-articles .grid__item .kstl-rich-text .heading h2, html .anchor-articles .grid__item .kstl-rich-text .heading h2 {
	font-size: 30px
}
}
body .anchor-articles .grid__item .cta_2, html .anchor-articles .grid__item .cta_2 {
	position: relative;
	text-align: center;
	text-decoration: none!important;
	color: #262626;
	background: #fff;
	padding: 0;
	margin: 0;
	cursor: pointer
}
body .anchor-articles .grid__item .cta_2 a, html .anchor-articles .grid__item .cta_2 a {
	text-decoration: none!important;
	width: 100%
}
body .anchor-articles .grid__item .cta_2 .cta_image, html .anchor-articles .grid__item .cta_2 .cta_image {
	display: block;
	width: 100%
}
body .anchor-articles .grid__item .cta_2 .cta_image .kstl-image-wrapper, body .anchor-articles .grid__item .cta_2 .cta_image .kstl-image-wrapper img, html .anchor-articles .grid__item .cta_2 .cta_image .kstl-image-wrapper, html .anchor-articles .grid__item .cta_2 .cta_image .kstl-image-wrapper img {
	width: 100%
}
body .anchor-articles .grid__item .cta_2 .cta_text, html .anchor-articles .grid__item .cta_2 .cta_text {
	text-align: center;
	padding: 40px 60px 80px;
	color: #2c2c2c
}
body .anchor-articles .grid__item .cta_2 .cta_text h3, html .anchor-articles .grid__item .cta_2 .cta_text h3 {
	font-family: KelloggsSansMedium;
	font-size: 24px;
	color: #262626
}
body .anchor-articles .grid__item .cta_2 .cta_text p, html .anchor-articles .grid__item .cta_2 .cta_text p {
	font-family: OpenSans!important;
	color: #2c2c2c;
	font-size: 16px;
	line-height: 1.1
}
@media (max-width:601px) {
body .anchor-articles .grid__item .cta_2, html .anchor-articles .grid__item .cta_2 {
	margin-top: 20px
}
}
body .breadcrumbs-content, html .breadcrumbs-content {
	height: 40px;
	padding: 0 20px;
	margin: 10px 0!important
}
body .breadcrumbs-content ul, html .breadcrumbs-content ul {
	list-style: none;
	margin-left: 0;
	height: 40px
}
body .breadcrumbs-content ul li, html .breadcrumbs-content ul li {
	height: 40px;
	position: relative;
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
	line-height: 1
}
body .breadcrumbs-content ul li:after, html .breadcrumbs-content ul li:after {
	content: ">";
	font-family: KelloggsSansMedium;
	font-size: 30px;
	display: inline-block;
	position: relative;
	top: 4px;
	margin-left: 13px;
	opacity: .2
}
body .breadcrumbs-content ul li a, html .breadcrumbs-content ul li a {
	position: relative;
	color: #262626;
	text-transform: uppercase;
	text-decoration: none
}
body .breadcrumbs-content ul li a:hover, html .breadcrumbs-content ul li a:hover {
	color: #b41946;
	text-decoration: underline
}
body .breadcrumbs-content ul li.home-item, html .breadcrumbs-content ul li.home-item {
	margin-top: -1px
}
body .breadcrumbs-content ul li.home-item img, html .breadcrumbs-content ul li.home-item img {
	position: relative;
	top: 4px
}
body .breadcrumbs-content ul li.home-item img:hover, html .breadcrumbs-content ul li.home-item img:hover {
	opacity: .7
}
body .breadcrumbs-content ul li.home-item:after, html .breadcrumbs-content ul li.home-item:after {
	margin-left: 10px;
	top: -2px
}
body .breadcrumbs-content ul li.current-item:after, html .breadcrumbs-content ul li.current-item:after {
	opacity: 0;
	top: 3px
}
body .breadcrumbs-content ul span, html .breadcrumbs-content ul span {
	display: inline-block;
	font-family: KelloggsSansRegular;
	color: #2c2c2c;
	text-transform: uppercase;
	text-decoration: none
}
@media (max-width:950px) {
body .breadcrumbs-content ul, html .breadcrumbs-content ul {
	padding: 0
}
}
@media (max-width:601px) {
body .breadcrumbs-content, body .breadcrumbs-content ul, html .breadcrumbs-content, html .breadcrumbs-content ul {
	display: none
}
}
/*body .button:not(.x-btn-text), body .contactUs .qq-uploader .qq-upload-button:not(.x-btn-text), body .contactUs .qq-uploader html .qq-upload-button:not(.x-btn-text), body button:not(.x-btn-text), body input[type=button]:not(.x-btn-text), body input[type=reset]:not(.x-btn-text), body input[type=submit]:not(.x-btn-text), html .button:not(.x-btn-text), html .contactUs .qq-uploader .qq-upload-button:not(.x-btn-text), html .contactUs .qq-uploader body .qq-upload-button:not(.x-btn-text), html button:not(.x-btn-text), html input[type=button]:not(.x-btn-text), html input[type=reset]:not(.x-btn-text), html input[type=submit]:not(.x-btn-text) {*/
body .button.red, body .contactUs .qq-uploader .qq-upload-button:not(.x-btn-text), body .contactUs .qq-uploader html .qq-upload-button:not(.x-btn-text), body input[type=button]:not(.x-btn-text), body input[type=reset]:not(.x-btn-text), body input[type=submit]:not(.x-btn-text), html .button:not(.x-btn-text), html .contactUs .qq-uploader .qq-upload-button:not(.x-btn-text), html .contactUs .qq-uploader body .qq-upload-button:not(.x-btn-text), html input[type=button]:not(.x-btn-text), html input[type=reset]:not(.x-btn-text), html input[type=submit]:not(.x-btn-text) {
	-moz-appearance: none;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-family: KelloggsSansRegular;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	line-height: 100%;
	margin-bottom: 1em;
	padding: 15px 30px;
	text-decoration: none;
	transition: all .2s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	text-transform: uppercase;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	-ms-border-radius: 999px;
	border-radius: 999px;
	background-color: #cc3333!important;
}

body .burgundy, html .burgundy {
	background: #6f1b2b!important
}
body .burgundy:hover, html .burgundy:hover {
	color: #6f1b2b!important;
	background: #fff!important;
	text-decoration: none
}
body .red, html .red {
	background: #b41946!important
}
body .red:hover, html .red:hover {
	background: #6f1b2b!important;
	text-decoration: none
}
body .red2, html .red2 {
	background: #cc3333!important
}

body .red3, html .red3 {
	margin-top:-2.5rem;
	margin-left:-2.5rem;
	background: #cc3333!important
}

body .red2, html .red2 sup {
	font-size:11px;
}

body .white, html .white {
	background-color: #fff !important;
	color: #2c2c2c!important;
	border: 1px solid #ccc
}
body .white:hover, html .white:hover {
	background-color: #2c2c2c !important;
	color: #fff!important
}
body .off-white, html .off-white,
body .button.off-white, html .button.off-white {
	background-color: #f7f7f7 !important;
	color: #2c2c2c !important;
	border: 1px solid #ccc !important
}
body .off-white:hover, html .off-white:hover,
body .button.off-white:hover, html .button.off-white:hover {
	background-color: #2c2c2c !important;
	border: 1px solid #2c2c2c !important;
	color: #f7f7f7 !important
}
body .purple, html .purple {
	background-color: #60004d;
	color: #f7f7f7!important;
	border: 1px solid #60004d!important
}
body .purple:hover, html .purple:hover {
	background-color: #f7f7f7;
	color: #60004d!important
}
body .desk-two-tenths.white, body .lap-two-thirds.white, body .palm-two-thirds.white, html .desk-two-tenths.white, html .lap-two-thirds.white, html .palm-two-thirds.white {
	display: none
}
body .view-all, html .view-all {
	width: 100%;
	padding-top: 20px!important;
	text-align: center
}
body .view-all .view-all_link, html .view-all .view-all_link {
	color: #262626;
	padding-bottom: 2px;
	border-bottom: 2px solid #262626;
	font-family: KelloggsSansMedium;
	text-transform: uppercase;
	text-decoration: none
}
body .view-all .view-all_link:hover, html .view-all .view-all_link:hover {
	color: #b41946;
	border-bottom: 2px solid #b41946
}
body .kstl-default-button, body .kstl-search-filter-container .kstl-search-filtervalue, body .kstl-search-filter-container html .kstl-search-filtervalue, body .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide .kstl-show-hide-trigger, body .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide html .kstl-show-hide-trigger, html .kstl-default-button, html .kstl-search-filter-container .kstl-search-filtervalue, html .kstl-search-filter-container body .kstl-search-filtervalue, html .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide .kstl-show-hide-trigger, html .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide body .kstl-show-hide-trigger {
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 999px;
	color: #666;
	font-size: 12px;
	display: inline-block;
	margin: 4px;
	padding: 12px 50px 12px 30px;
	text-decoration: none;
	text-transform: uppercase
}
body .kstl-default-button:hover, body .kstl-search-filter-container .kstl-search-filtervalue:hover, body .kstl-search-filter-container html .kstl-search-filtervalue:hover, body .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide .kstl-show-hide-trigger:hover, body .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide html .kstl-show-hide-trigger:hover, html .kstl-default-button:hover, html .kstl-search-filter-container .kstl-search-filtervalue:hover, html .kstl-search-filter-container body .kstl-search-filtervalue:hover, html .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide .kstl-show-hide-trigger:hover, html .kstl-smartlabel-complete .smartlabel-container .kstl-show-hide body .kstl-show-hide-trigger:hover {
	background-color: #262626;
	border-color: #262626;
	color: #f7f7f7
}
body .share-button, html .share-button {
	width: 172px;
	border-radius: 10px;
	margin: 40px auto!important;
	padding: 6px 10px!important
}
body .share-button .kstl-add-this, html .share-button .kstl-add-this {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}
body .share-button .kstl-add-this div, html .share-button .kstl-add-this div {
	margin-right: 0
}
body .share-button .kstl-add-this .addthis_toolbox, html .share-button .kstl-add-this .addthis_toolbox {
	margin-left: 0;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 53px!important;
	height: 53px!important
}
body .share-button .kstl-add-this .addthis_toolbox .addthis_button_compact, html .share-button .kstl-add-this .addthis_toolbox .addthis_button_compact {
	display: block;
	text-decoration: none;
	position: relative;
	width: 53px!important;
	height: 53px!important
}
body .share-button .kstl-add-this .addthis_toolbox .addthis_button_compact .at-icon-wrapper, html .share-button .kstl-add-this .addthis_toolbox .addthis_button_compact .at-icon-wrapper {
	display: none
}
body .share-button .kstl-add-this .addthis_toolbox .addthis_button_compact:after, html .share-button .kstl-add-this .addthis_toolbox .addthis_button_compact:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 53px;
	height: 53px;
	content: '';
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/icon-share.png) no-repeat
}
body .ask-button:hover, body .category-button, body .share-button:hover, html .ask-button:hover, html .category-button, html .share-button:hover {
	background: rgba(204,204,204,.15);
	cursor: pointer
}
body .share-button .kstl-add-this .kstl-rich-text, html .share-button .kstl-add-this .kstl-rich-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 53px;
	width: auto;
	padding: 19px 0 0 10px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase
}
body .share-button:hover a, html .share-button:hover a {
	color: #b41946
}
body .ask-button, html .ask-button {
	width: 264px;
	border-radius: 10px;
	margin: 40px auto!important;
	padding: 6px 10px!important
}
body .ask-button a, html .ask-button a {
	color: #262626;
	text-transform: uppercase;
	text-decoration: none!important
}
body a.external:hover, body a.reference:hover, html a.external:hover, html a.reference:hover {
	text-decoration: underline
}
body .ask-button a img, html .ask-button a img {
	float: left;
	display: inline-block
}
body .ask-button a span, html .ask-button a span {
	float: left;
	display: inline-block;
	width: 180px;
	margin: 12px 0 0 10px
}
body .ask-button:hover a, html .ask-button:hover a {
	color: #b41946
}
body .category-button, html .category-button {
	display: block;
	width: 300px;
	border-radius: 40px;
	margin: 0 auto!important;
	padding: 10px 30px 10px 40px!important;
	line-height: 1;
	color: #262626
}
body .category-button span, html .category-button span {
	font-weight: 700;
	line-height: 1.2
}
body .category-button:hover, html .category-button:hover {
	background: #2c2c2c;
	color: #fff;
	cursor: pointer
}
@media (max-width:950px) {
body .category-button, html .category-button {
	margin: 10px auto!important
}
body .table .tableHead, body .table-w-bg .tableHead, html .table .tableHead, html .table-w-bg .tableHead {
	text-align: center
}
}
@media (max-width:601px) {
body .category-button, html .category-button {
	max-width: 350px;
	width: 100%;
	margin: 0 auto!important
}
}
body a.external, html a.external {
	color: #b41946!important
}
body a.external:after, html a.external:after {
	display: inline-block;
	width: 13px;
	height: 13px;
	content: '';
	background: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/arrow.png) 2px 3px no-repeat;
	background-size: 10px 10px
}
body .table, body .table-w-bg, html .table, html .table-w-bg {
	width: 100%;
	padding: 0;
	border-radius: 10px;
	border: 1px solid #ccc;
	margin-bottom: 40px
}
body .table .tableHead, body .table-w-bg .tableHead, html .table .tableHead, html .table-w-bg .tableHead {
	background: #ccc;
	color: #fff;
	padding: 10px;
	border-radius: 10px 10px 0 0;
	margin: -1px
}
body .table .table-row:nth-of-type(odd), body .table-w-bg, body .table-w-bg .table-row:nth-of-type(odd), html .table .table-row:nth-of-type(odd), html .table-w-bg, html .table-w-bg .table-row:nth-of-type(odd) {
	background: rgba(204,204,204,.15)
}
body .table .mob-hide, body .table-w-bg .mob-hide, html .table .mob-hide, html .table-w-bg .mob-hide {
	display: block
}
body .table .mob-reveal, body .table-w-bg .mob-reveal, html .table .mob-reveal, html .table-w-bg .mob-reveal {
	display: none
}
@media (max-width:601px) {
body .table .mob-hide, body .table-w-bg .mob-hide, html .table .mob-hide, html .table-w-bg .mob-hide {
	display: none
}
body .table .mob-reveal, body .table-w-bg .mob-reveal, html .table .mob-reveal, html .table-w-bg .mob-reveal {
	display: inline-block
}
}
body .table .subHead, body .table-w-bg .subHead, html .table .subHead, html .table-w-bg .subHead {
	font-weight: 700
}
body .table .table-row, body .table-w-bg .table-row, html .table .table-row, html .table-w-bg .table-row {
	width: 100%
}
body .table .table-row .two-thirds, body .table-w-bg .table-row .two-thirds, html .table .table-row .two-thirds, html .table-w-bg .table-row .two-thirds {
	float: left;
	display: inline-block;
	width: 66.6%;
	padding: 10px
}
@media (max-width:601px) {
body .table .table-row .two-thirds, body .table-w-bg .table-row .two-thirds, html .table .table-row .two-thirds, html .table-w-bg .table-row .two-thirds {
	width: 100%
}
body .table .table-row .two-thirds span, body .table-w-bg .table-row .two-thirds span, html .table .table-row .two-thirds span, html .table-w-bg .table-row .two-thirds span {
	font-weight: 700
}
}
body .table .table-row .one-third, body .table-w-bg .table-row .one-third, html .table .table-row .one-third, html .table-w-bg .table-row .one-third {
	float: left;
	display: inline-block;
	width: 33.3%;
	padding: 10px
}
body .table .table-row .one-whole, body .table-w-bg .table-row .one-whole, html .table .table-row .one-whole, html .table-w-bg .table-row .one-whole {
	width: 100%;
	padding: 10px
}
body .table .table-row .footer, body .table-w-bg .table-row .footer, html .table .table-row .footer, html .table-w-bg .table-row .footer {
	color: #b41946
}
body .table .table-row:last-of-type, body .table-w-bg .table-row:last-of-type, html .table .table-row:last-of-type, html .table-w-bg .table-row:last-of-type {
	border-radius: 0 0 10px 10px
}
body .table-w-bg .tableHead, html .table-w-bg .tableHead {
	margin-bottom: 20px
}
body .table-w-bg .cta_5 .cta_image .kstl-image-wrapper .kstl-responsive-image img, html .table-w-bg .cta_5 .cta_image .kstl-image-wrapper .kstl-responsive-image img {
	border-radius: 10px;
	border: 1px solid #ccc
}
body .table-w-bg .cta_5 .cta_5_bottom, html .table-w-bg .cta_5 .cta_5_bottom {
	margin-top: 0
}
body .table-w-bg .cta_5 .cta_5_bottom .cta_text .kstl-rich-text p, html .table-w-bg .cta_5 .cta_5_bottom .cta_text .kstl-rich-text p {
	text-align: center;
	line-height: 1
}
body .table-w-bg .cta_5 .cta_5_bottom .cta_text .kstl-rich-text p b, html .table-w-bg .cta_5 .cta_5_bottom .cta_text .kstl-rich-text p b {
	line-height: 2
}
body a.reference, html a.reference {
	color: #b41946!important
}
body .reference-section, html .reference-section {
	padding-bottom: 20px
}
body .reference-section h2, html .reference-section h2 {
	padding-bottom: 10px
}
body .reference-section .references, html .reference-section .references {
	color: #b41946
}
body .reference-section .references a, html .reference-section .references a {
	color: #262626
}
@media (max-width:601px) {
body .table .table-row .one-third, body .table-w-bg .table-row .one-third, html .table .table-row .one-third, html .table-w-bg .table-row .one-third {
	width: 100%
}
body .table .table-row .one-third span, body .table-w-bg .table-row .one-third span, html .table .table-row .one-third span, html .table-w-bg .table-row .one-third span {
	font-weight: 700
}
body .reference-section .references, html .reference-section .references {
	margin-left: 10px
}
}
body .reference-section ul.references, html .reference-section ul.references {
	list-style-type: none;
	margin-left: 29px
}
@media (max-width:601px) {
body .reference-section ul.references, html .reference-section ul.references {
	margin-left: 0
}
}
body .reference-section p.references, html .reference-section p.references {
	color: #262626;
	margin-left: 29px
}
body .related-articles, html .related-articles {
	margin-top: 20px!important
}
body .related-articles .flex-viewport, html .related-articles .flex-viewport {
	max-width: 960px;
	margin: 0 auto
}
body .related-articles .flexslider, html .related-articles .flexslider {
	z-index: 1!important;
	opacity: .99!important;
	background: 0 0!important;
	display: block
}
@media (max-width:601px) {
body .related-articles .flex-viewport, html .related-articles .flex-viewport {
	margin: 0 20px
}
body .related-articles .flexslider, html .related-articles .flexslider {
	margin: 0
}
}
body .related-articles .flexslider ul li, html .related-articles .flexslider ul li {
	box-sizing: border-box
}
body .related-articles .flexslider ul li .kstl-full-image-slide, html .related-articles .flexslider ul li .kstl-full-image-slide {
	background: 0 0!important
}
body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-image-wrapper, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-image-wrapper {
	box-sizing: border-box;
	padding: 0 10px
}
body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
	box-sizing: border-box;
	padding: 0 10px;
	position: static;
	display: block;
	background: 0 0;
	width: 100%;
	max-width: unset;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
	background: #fff!important;
	padding: 20px 40px;
	text-align: center
}
body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text p.label, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text p.label {
	text-transform: uppercase;
	color: #b51946;
	margin-bottom: 5px
}
body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text h4, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text h4 {
	color: #2c2c2c;
	line-height: 1.4;
	margin-bottom: 20px
}
body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text p.body-text, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text p.body-text {
	color: #666;
	line-height: 1.4;
	margin: 10px 0
}
body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text a, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text a {
	display: block;
	padding: 40px 20px;
	color: #262626
}
body .related-articles .carousel-mobile .flexslider ul li .kstl-full-image-slide .kstl-image-wrapper, html .related-articles .carousel-mobile .flexslider ul li .kstl-full-image-slide .kstl-image-wrapper {
	padding: 0 20px
}
@media (max-width:601px) {
body .related-articles .carousel-mobile .flexslider ul li .kstl-full-image-slide .kstl-image-wrapper, html .related-articles .carousel-mobile .flexslider ul li .kstl-full-image-slide .kstl-image-wrapper {
	padding: 0
}
}
body .related-articles .carousel-mobile .flexslider ul li .kstl-full-image-slide .kstl-feature-inset, html .related-articles .carousel-mobile .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
	padding: 0 20px
}
body .related-articles ol.flex-control-nav, html .related-articles ol.flex-control-nav {
	bottom: 10px;
	opacity: .5
}
body .related-articles ul.flex-direction-nav, html .related-articles ul.flex-direction-nav {
	width: 100%
}
@media (max-width:601px) {
body .related-articles .carousel-mobile .flexslider ul li .kstl-full-image-slide .kstl-feature-inset, html .related-articles .carousel-mobile .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
	padding: 0
}
body .related-articles ol.flex-control-nav, html .related-articles ol.flex-control-nav {
	opacity: 1;
	display: block
}
body .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset, html .related-articles .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
	margin-top: 0
}
}
body .mosaic-main-wrapper, html .mosaic-main-wrapper {
	background: url(/content/dam/Australia/kelloggs_au/images/wood-bg-sd2.png) 50% 100% no-repeat;
	max-width: 1440px;
	margin: 0 auto;
	margin-top: 100px!important
}
body .mosaic-main-wrapper .heading, html .mosaic-main-wrapper .heading {
	margin-top: -125px
}
body .mosaic-main-wrapper .heading .item, html .mosaic-main-wrapper .heading .item {
	float: left
}
body .mosaic-main-wrapper .heading .item.operator, html .mosaic-main-wrapper .heading .item.operator {
	float: right;
	margin-top: 50px
}
body .mosaic-main-wrapper .heading .item.blurb, html .mosaic-main-wrapper .heading .item.blurb {
	float: right;
	margin-top: 62px;
	margin-right: 25px;
	color: #262626;
	font-family: KelloggsSansRegular
}
body .mosaic-main-wrapper .mosaic-tiles-wrapper, html .mosaic-main-wrapper .mosaic-tiles-wrapper {
	max-width: 980px;
	margin: 0 auto!important;
	padding: 100px 0!important
}
body .mosaic-main-wrapper .mosaic-tiles-wrapper .grid__item .cta, html .mosaic-main-wrapper .mosaic-tiles-wrapper .grid__item .cta {
	box-sizing: border-box;
	position: relative;
	padding: 0 0 10px;
	overflow: hidden
}
body .mosaic-main-wrapper .mosaic-tiles-wrapper .grid__item .cta .cta_image .kstl-image-wrapper .kstl-responsive-image img, html .mosaic-main-wrapper .mosaic-tiles-wrapper .grid__item .cta .cta_image .kstl-image-wrapper .kstl-responsive-image img {
	padding: 0!important
}
body .mosaic-main-wrapper .operator, html .mosaic-main-wrapper .operator {
	text-align: center;
	margin-top: 20px
}
body .mosaic-main-wrapper .operator .view-all, html .mosaic-main-wrapper .operator .view-all {
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	color: #262626;
	padding-bottom: 2px;
	border-bottom: 2px solid #262626;
	font-family: KelloggsSansMedium
}
body .mosaic-main-wrapper .tile-content, html .mosaic-main-wrapper .tile-content {
	position: absolute;
	top: 60px;
	left: 40px;
	width: 236px;
	height: 280px;
	color: #262626
}
body .mosaic-main-wrapper .tile-content .name, html .mosaic-main-wrapper .tile-content .name {
	background: url(/content/dam/Australia/kelloggs_au/images/icon-author.png) no-repeat;
	padding-left: 30px;
	padding-bottom: 5px;
	text-transform: uppercase;
	color: #fff
}
body .mosaic-main-wrapper .tile-content .quote, html .mosaic-main-wrapper .tile-content .quote {
	line-height: 1.8;
	margin: 20px 0;
	text-align: right;
	color: #fff
}
body .mosaic-main-wrapper .tile-content .operator, html .mosaic-main-wrapper .tile-content .operator {
	position: absolute;
	bottom: 18px;
	left: 0;
	width: 100%
}
body .mosaic-main-wrapper .tile-content .operator .view-answer, html .mosaic-main-wrapper .tile-content .operator .view-answer {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff
}
body .mosaic-main-wrapper .tile-content .operator .view-answer:hover, html .mosaic-main-wrapper .tile-content .operator .view-answer:hover {
	text-decoration: underline
}
body .mosaic-main-wrapper .mosaic-carousel-wrapper, html .mosaic-main-wrapper .mosaic-carousel-wrapper {
	padding-bottom: 60px!important
}
body .mosaic-main-wrapper .mosaic-carousel-wrapper .heading, html .mosaic-main-wrapper .mosaic-carousel-wrapper .heading {
	position: relative;
	width: 380px;
	margin: 0 auto
}
body .mosaic-main-wrapper .mosaic-carousel-wrapper .heading .item.image, html .mosaic-main-wrapper .mosaic-carousel-wrapper .heading .item.image {
	float: none;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50px);
	transform: translate(-50%, -50px)
}
body .mosaic-main-wrapper .mosaic-carousel-wrapper .heading .item.operator, html .mosaic-main-wrapper .mosaic-carousel-wrapper .heading .item.operator {
	margin-bottom: 20px
}
body .mosaic-main-wrapper .mosaic-carousel-wrapper .flexslider, html .mosaic-main-wrapper .mosaic-carousel-wrapper .flexslider {
	margin-top: 0
}
body .mosaic-main-wrapper .mosaic-carousel-wrapper .flexslider .flex-viewport, html .mosaic-main-wrapper .mosaic-carousel-wrapper .flexslider .flex-viewport {
	width: 316px;
	margin: 0 auto
}
body .mosaic-main-wrapper .mosaic-carousel-wrapper .kstl-full-image-slide, html .mosaic-main-wrapper .mosaic-carousel-wrapper .kstl-full-image-slide {
	position: relative;
	background-color: transparent
}
body .mosaic-main-wrapper .mosaic-carousel-wrapper .kstl-full-image-slide .kstl-feature-inset, html .mosaic-main-wrapper .mosaic-carousel-wrapper .kstl-full-image-slide .kstl-feature-inset {
	position: static;
	background-image: none;
	background-color: transparent
}
body .mosaic-main-wrapper .mosaic-carousel-wrapper .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text, html .mosaic-main-wrapper .mosaic-carousel-wrapper .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
	height: 0;
	padding: 0!important
}
@media (max-width:999px) {
body .mosaic-main-wrapper, html .mosaic-main-wrapper {
	margin-left: -20px;
	margin-right: -20px
}
}
body .cards-container .cards-container .grid__item:nth-of-type(even) .card, html .cards-container .cards-container .grid__item:nth-of-type(even) .card {
	float: right
}
body .cards-container .card, html .cards-container .card {
	display: block;
	background-color: #8c8b8b;
	position: relative;
	float: left;
	box-shadow: 0 2px 4px rgba(0,0,0,.15);
	transition: box-shadow .3s;
	margin: 20px 0;
	font-size: 0
}
body .cards-container .card:hover, html .cards-container .card:hover {
	box-shadow: 0 6px 30px rgba(0,0,0,.1)
}
body .cards-container .card .image, html .cards-container .card .image {
	width: 100%
}
body .cards-container .card .description, html .cards-container .card .description {
	position: absolute;
	top: 30px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 80%;
	text-align: center
}
body .cards-container .card .description h3, html .cards-container .card .description h3 {
	font-family: KelloggsSansMedium;
	color: #262626;
	padding-bottom: 8px;
	text-transform: uppercase
}
body .cards-container .card .description p, html .cards-container .card .description p {
	color: #262626;
	font-family: KelloggsSansRegular
}
@media (max-width:950px) {
body .cards-container .grid__item:nth-of-type(odd) .card, html .cards-container .grid__item:nth-of-type(odd) .card {
	margin-right: 10px
}
body .cards-container .grid__item:nth-of-type(even) .card, html .cards-container .grid__item:nth-of-type(even) .card {
	margin-left: 10px
}
body .cards-container .card .description, html .cards-container .card .description {
	top: 3vw;
	width: 90%
}
body .cards-container .card .description p, html .cards-container .card .description p {
	display: none
}
}
@media (max-width:601px) {
body .cards-container, html .cards-container {
	padding-left: 16px!important;
	padding-right: 16px!important;
	max-width: 514px!important;
	margin: 0 auto!important
}
body .cards-container .card, html .cards-container .card {
	float: none;
	width: 100%;
	max-width: 482px;
	margin-left: 0!important
}
body .cards-container .card .description, html .cards-container .card .description {
	top: 10vw;
	width: 90%
}
body .cards-container .card .description p, html .cards-container .card .description p {
	display: none
}
}
body .cards-container .card2 .image img, body .cards-container .card3 .image img, body .cards-container .card4 .image img, body .faq .cta .cta_image, body .faq .cta .cta_image .kstl-image-wrapper, body .faq .cta .cta_image .kstl-image-wrapper .kstl-responsive-image, body .faq .cta .cta_image .kstl-image-wrapper .kstl-responsive-image img, html .cards-container .card2 .image img, html .cards-container .card3 .image img, html .cards-container .card4 .image img, html .faq .cta .cta_image, html .faq .cta .cta_image .kstl-image-wrapper, html .faq .cta .cta_image .kstl-image-wrapper .kstl-responsive-image, html .faq .cta .cta_image .kstl-image-wrapper .kstl-responsive-image img {
	width: 100%
}
body .cards-container .card2, body .cards-container .card3, body .cards-container .card4, html .cards-container .card2, html .cards-container .card3, html .cards-container .card4 {
	background-color: #fff;
	margin: 20px 8px;
	display: block;
	transition: box-shadow .3s;
	text-decoration: none
}
body .cards-container .card2, html .cards-container .card2 {
	box-shadow: 0 2px 4px rgba(0,0,0,.15);
	min-height: 510px
}
body .cards-container .card2:hover, html .cards-container .card2:hover {
	box-shadow: 0 6px 30px rgba(0,0,0,.1)
}
body .cards-container .card2 .description, html .cards-container .card2 .description {
	padding: 40px 60px;
	text-align: center;
	min-height: 150px
}
body .cards-container .card2 .description h3, html .cards-container .card2 .description h3 {
	font-family: KelloggsSansMedium;
	color: #2c2c2c;
	padding-bottom: 8px
}
body .cards-container .card2 .description p, html .cards-container .card2 .description p {
	color: #666
}
body .cards-container .card3, html .cards-container .card3 {
	box-shadow: 0 2px 4px rgba(0,0,0,.15);
	min-height: 567px
}
body .cards-container .card3:hover, html .cards-container .card3:hover {
	box-shadow: 0 6px 30px rgba(0,0,0,.1)
}
body .cards-container .card3 .description, html .cards-container .card3 .description {
	padding: 40px 60px;
	text-align: center;
	min-height: 150px
}
body .cards-container .card3 .description h3, html .cards-container .card3 .description h3 {
	font-family: KelloggsSansMedium;
	color: #2c2c2c;
	padding-bottom: 8px
}
body .cards-container .card3 .description p, html .cards-container .card3 .description p {
	color: #666
}
body .cards-container .card4, html .cards-container .card4 {
	max-height: 320px;
	box-shadow: 0 2px 4px rgba(0,0,0,.15)
}
body .cards-container .card4:hover, html .cards-container .card4:hover {
	box-shadow: 0 6px 30px rgba(0,0,0,.1)
}
body .cards-container .card4 .description, html .cards-container .card4 .description {
	padding: 40px 60px;
	text-align: center;
	min-height: 150px
}
body .cards-container .card4 .description h3, html .cards-container .card4 .description h3 {
	font-family: KelloggsSansMedium;
	color: #2c2c2c;
	padding-bottom: 8px
}
body .cards-container .card4 .description p, html .cards-container .card4 .description p {
	color: #666
}
body header.is-sticky, html header.is-sticky {
	box-shadow: 0 4px 10px rgba(0,0,0,.2);
	width: 100%
}
@media (min-width:999px) {
body header.is-sticky .topNav, html header.is-sticky .topNav {
	max-width: none
}
body header.is-sticky .topNav .top-menu-container, html header.is-sticky .topNav .top-menu-container {
	position: relative
}
body header.is-sticky .topNav .top-menu-container .kstl-mega-nav, html header.is-sticky .topNav .top-menu-container .kstl-mega-nav {
	display: none!important
}
body header.is-sticky .topNav .top-menu-container nav, html header.is-sticky .topNav .top-menu-container nav {
	position: absolute;
	left: 50%!important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
body header.is-sticky .topNav .top-menu-container nav .KSTLNav>li.nav-button>a, html header.is-sticky .topNav .top-menu-container nav .KSTLNav>li.nav-button>a {
	background: 0 0;
	display: block;
	margin: 0 10px;
	padding: 8px 16px;
	text-transform: uppercase;
	color: #2c2c2c;
	border-radius: 9999px;
	font-family: KelloggsSansRegular!important;
	font-size: 12px!important
}
body header.is-sticky .topNav .top-menu-container nav .KSTLNav>li.nav-button>a.active, body header.is-sticky .topNav .top-menu-container nav .KSTLNav>li.nav-button>a:hover, html header.is-sticky .topNav .top-menu-container nav .KSTLNav>li.nav-button>a.active, html header.is-sticky .topNav .top-menu-container nav .KSTLNav>li.nav-button>a:hover {
	background-color: #2c2c2c;
	color: #fff
}
body header.is-sticky .topNav .top-menu-container nav .KSTLNav>li.nav-button:after, html header.is-sticky .topNav .top-menu-container nav .KSTLNav>li.nav-button:after {
	display: none
}
}
body .sticky-nav .nav, html .sticky-nav .nav {
	margin: 10px auto 0;
	text-align: center
}
body .sticky-nav .nav ul li a, html .sticky-nav .nav ul li a {
	background: 0 0;
	display: block;
	margin: 0 10px;
	padding: 8px 16px;
	text-transform: uppercase;
	color: #2c2c2c;
	border-radius: 9999px;
	font-family: KelloggsSansRegular!important;
	font-size: 12px!important
}
body .sticky-nav .nav ul li a.active, body .sticky-nav .nav ul li a:hover, html .sticky-nav .nav ul li a.active, html .sticky-nav .nav ul li a:hover {
	background-color: #2c2c2c;
	color: #fff
}
body .faq .cta, html .faq .cta {
	position: relative
}
body .faq .cta_text, html .faq .cta_text {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer;
	pointer-events: none
}
body .faq .cta_text .kstl-rich-text, html .faq .cta_text .kstl-rich-text {
	padding: 10px 20px
}
body .faq .cta_text .kstl-rich-text p, html .faq .cta_text .kstl-rich-text p {
	font-size: 18px
}
body .faq .cta_text .kstl-rich-text p.view-answer, html .faq .cta_text .kstl-rich-text p.view-answer {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0
}
body .faq .cta_text .kstl-rich-text a, html .faq .cta_text .kstl-rich-text a {
	text-decoration: none;
	font-weight: 700;
	color: #fff
}
body .faq .cta_text .kstl-rich-text a:hover, html .faq .cta_text .kstl-rich-text a:hover {
	text-decoration: underline
}
@media (max-width:950px) {
body .faq .cta_text .kstl-rich-text p.view-answer, html .faq .cta_text .kstl-rich-text p.view-answer {
	bottom: 60px
}
body .faq .cta_text .kstl-rich-text, html .faq .cta_text .kstl-rich-text {
	margin: 40px auto!important;
	padding: 10px 40px;
	float: none
}
}
body .faq .centered, html .faq .centered {
	display: block;
	text-align: center
}
body .faq .centered .ask-button, html .faq .centered .ask-button {
	float: right;
	margin: 40px 10px!important
}
@media (max-width:950px) {
body .faq .centered .ask-button, html .faq .centered .ask-button {
	margin: 40px auto!important;
	float: none
}
}
body .faq .centered .share-button, html .faq .centered .share-button {
	float: left;
	margin: 40px 10px!important
}
@media (max-width:950px) {
body .faq .centered .share-button, html .faq .centered .share-button {
	margin: 10px auto!important;
	float: none
}
}
body .kstl-kb-answer li, html .kstl-kb-answer li {
	color: #262626!important
}
body .kstl-kb-answer li P, html .kstl-kb-answer li P {
	color: #262626!important;
	font-family: OpenSans!important;
	font-weight: 400!important
}
body .kstl-kb-answer li P:after, html .kstl-kb-answer li P:after {
	content: ''!important
}
body .kstl-kb-answer li P:hover, html .kstl-kb-answer li P:hover {
	text-decoration: none!important
}
body .kstl-kb-answer li P a, html .kstl-kb-answer li P a {
	color: #b41946;
	text-decoration: none
}
body .kstl-kb-answer li P a:hover, html .kstl-kb-answer li P a:hover {
	text-decoration: underline
}
body .kstl-kb-search button, html .kstl-kb-search button {
	background: #b51b47;
	margin-top: 10px
}
body .faqNoteBottom a, html .faqNoteBottom a {
	color: #b51b47;
	text-decoration: none
}
body .faqNoteBottom a:hover, html .faqNoteBottom a:hover {
	text-decoration: underline
}
body .notification, html .notification {
	background: #fff;
	padding: 26px 20px 20px;
	-webkit-box-shadow: 0 0 24px 5px rgba(0,0,0,.11);
	-moz-box-shadow: 0 0 24px 5px rgba(0,0,0,.11);
	box-shadow: 0 0 24px 5px rgba(0,0,0,.11)
}
body .notification .notification__close, html .notification .notification__close {
	color: #b41946;
	font-weight: 700;
	font-size: 24px;
	right: 6px;
	top: 2px
}
body .notification .cookie-warning, html .notification .cookie-warning {
	border: 1px solid #b41946;
	padding: 20px
}
body .notification .cookie-warning .inner-cookie a, html .notification .cookie-warning .inner-cookie a {
	color: #b41946;
	font-weight: 700;
	text-decoration: none
}
body .notification .cookie-warning .inner-cookie a:hover, html .notification .cookie-warning .inner-cookie a:hover {
	text-decoration: underline
}
body footer .footer, html footer .footer {
	margin-top: 0
}
body footer .footer .mob-logo-wrapper, html footer .footer .mob-logo-wrapper {
	max-width: 980px;
	margin: 0 auto!important
}
body footer .footer .mob-logo-wrapper img, html footer .footer .mob-logo-wrapper img {
	width: 100px;
	padding-top: 30px
}
@media (max-width:601px) {
body footer .footer .mob-logo-wrapper, html footer .footer .mob-logo-wrapper {
	max-width: 320px;
	margin-right: auto;
	margin-left: 0;
	padding-left: 0
}
body footer .footer .mob-logo-wrapper img, html footer .footer .mob-logo-wrapper img {
	width: 155px
}
}
body footer .footer .centeredFooter, html footer .footer .centeredFooter {
	display: block;
	max-width: 1440px;
	margin: 0 auto!important
}
body footer .footer .centeredFooter .one-quarter, html footer .footer .centeredFooter .one-quarter {
	background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y;
	padding: 20px 4px 4px!important;
	min-height: 148px
}
@media (max-width:750px) {
body footer .footer .centeredFooter .one-quarter, html footer .footer .centeredFooter .one-quarter {
	min-height: 180px
}
}
@media (max-width:601px) {
body footer .footer .centeredFooter .one-quarter, html footer .footer .centeredFooter .one-quarter {
	min-height: unset;
	background: 0 0
}
}
body footer .footer .centeredFooter .one-quarter:last-child, html footer .footer .centeredFooter .one-quarter:last-child {
	background: 0 0
}
body footer .footer .copyright, html footer .footer .copyright {
	background-color: #262626;
	color: #fff;
	font-size: 12px;
	max-width: 1440px;
	margin: 0 auto!important
}
body footer .footer .copyright .wrapper, html footer .footer .copyright .wrapper {
	max-width: 980px;
	margin: 0 auto;
	position: relative
}
body footer .footer .copyright .wrapper p, html footer .footer .copyright .wrapper p {
	padding: 20px
}
body footer .footer .copyright .wrapper .back-top, html footer .footer .copyright .wrapper .back-top {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 64px;
	height: 64px;
	background-color: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,.2);
	border-radius: 9999px;
	color: #2c2c2c;
	text-decoration: none
}
body footer .footer .copyright .wrapper .back-top .label, html footer .footer .copyright .wrapper .back-top .label {
	display: block;
	font-size: 32px;
	margin: 32px 0 0 4px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
@media (max-width:601px) {
body footer .footer .copyright .wrapper .back-top, html footer .footer .copyright .wrapper .back-top {
	display: none
}
body footer .footer .copyright, html footer .footer .copyright {
	padding-top: 0;
	background-color: transparent;
	color: #262626;
	text-align: center
}
}
body footer .footer .widgets, html footer .footer .widgets {
	max-width: 980px;
	margin: 0 auto 40px!important
}
body footer .footer .widgets .widget-list, html footer .footer .widgets .widget-list {
	margin-right: 50px
}
body footer .footer .widgets .widget-list ul, html footer .footer .widgets .widget-list ul {
	list-style: none
}
body footer .footer .widgets .widget-list ul li a, html footer .footer .widgets .widget-list ul li a {
	text-decoration: none;
	display: block;
	padding: 20px 0 20px 40px;
	border-bottom: solid 1px #e6e6e6;
	color: #696969;
	background-color: transparent;
	background-position: 5px 50%;
	background-repeat: no-repeat
}
body footer .footer .widgets .widget-list ul li a:hover, html footer .footer .widgets .widget-list ul li a:hover {
	text-decoration: underline
}
body footer .footer .widgets .widget-list ul li a.facebook, html footer .footer .widgets .widget-list ul li a.facebook {
	background-image: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/social-icons__facebook.svg);
	background-size: 22px 22px
}
@media (max-width:950px) {
body footer .footer .widgets .widget-list ul li a.facebook, html footer .footer .widgets .widget-list ul li a.facebook {
	background-size: 30px 30px
}
}
body footer .footer .widgets .widget-list ul li a.twitter, html footer .footer .widgets .widget-list ul li a.twitter {
	background-image: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/social-icons__twitter.svg);
	background-size: 22px 22px
}
@media (max-width:950px) {
body footer .footer .widgets .widget-list ul li a.twitter, html footer .footer .widgets .widget-list ul li a.twitter {
	background-size: 30px 30px
}
}
body footer .footer .widgets .widget-list ul li a.youtube, html footer .footer .widgets .widget-list ul li a.youtube {
	background-image: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/social-icons__youTube.svg);
	background-size: 22px 22px
}
@media (max-width:950px) {
body footer .footer .widgets .widget-list ul li a.youtube, html footer .footer .widgets .widget-list ul li a.youtube {
	background-size: 30px 30px
}
}
body footer .footer .widgets .widget-list ul li a.instagram, html footer .footer .widgets .widget-list ul li a.instagram {
	background-image: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/social-icons__instagram.svg);
	background-size: 22px 22px
}

body footer .footer .widgets .widget-list ul li a.pinterest, html footer .footer .widgets .widget-list ul li a.pinterest {
	background-image: url(/content/dam/NorthAmerica/kelloggsca/en_CA/images/site-wide/social-icons__pinterest.svg);
	background-size: 22px 22px
}


@media (max-width:950px) {
body footer .footer .widgets .widget-list ul li a.instagram, html footer .footer .widgets .widget-list ul li a.instagram {
	background-size: 30px 30px
}
}
body footer .footer .widgets .widget-list ul li:last-of-type a, html footer .footer .widgets .widget-list ul li:last-of-type a {
	border-bottom: none
}
@media (max-width:999px) {
body footer .footer .widgets, html footer .footer .widgets {
	margin-bottom: 0!important
}
body footer .footer .widgets .widget-list, html footer .footer .widgets .widget-list {
	margin-right: 0;
	text-align: center
}
body footer .footer .widgets .left-align .widget-list, html footer .footer .widgets .left-align .widget-list {
	margin-right: 0;
	text-align: left
}
body footer .footer .widgets .left-align .widget-list ul, html footer .footer .widgets .left-align .widget-list ul {
	margin-left: 0
}
body footer .footer .widgets .left-align .widget-list ul li a, html footer .footer .widgets .left-align .widget-list ul li a {
	margin: 0;
	padding: 20px 0
}
body footer .footer .widgets .widget-list.social-networks ul li, html footer .footer .widgets .widget-list.social-networks ul li {
	display: inline-block;
	width: 23%
}
body footer .footer .widgets .widget-list.social-networks ul li a, html footer .footer .widgets .widget-list.social-networks ul li a {
	text-indent: -999px;
	overflow: hidden;
	background-position-x: 50%;
	border-bottom: none
}
}
@media (max-width:601px) {
body footer .footer .widgets .widget-list, html footer .footer .widgets .widget-list {
	margin-right: 0;
	text-align: center
}
body footer .footer .widgets .widget-list ul, html footer .footer .widgets .widget-list ul {
	margin-left: 0
}
}
@media (max-width:999px) {
body footer .footer, html footer .footer {
	padding: 0 20px!important
}
body footer .footer .mob-footer-nav, html footer .footer .mob-footer-nav {
	margin: 15px 0 20px
}
body footer .footer .mob-footer-nav a, html footer .footer .mob-footer-nav a {
	display: block;
	border: 1px solid #ccc;
	border-radius: 999px;
	padding: 10px 25px;
	position: relative;
	text-transform: uppercase;
	font-size: 18px;
	text-decoration: none;
	color: #2c2c2c;
	background-color: #fff
}
body footer .footer .mob-footer-nav a::after, html footer .footer .mob-footer-nav a::after {
	display: block;
	content: '+';
	color: #ccc;
	position: absolute;
	top: 50%;
	right: 26px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-size: 36px
}
}