/* base.less */
@font-face {
  font-family: CorneliusSans;
  src: url("/content/dam/europe/fonts/web-refresh/CorneliusSans-Regular.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: CorneliusSans;
  src: url("/content/dam/europe/fonts/web-refresh/CorneliusSans-Bold.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: CorneliusSans;
  src: url("/content/dam/europe/fonts/web-refresh/CorneliusSans-Light.woff2") format("woff2");
  font-weight: 100;
}
body #main_container,
html #main_container {
  overflow: visible !important;
}
/* header.less */
html body header {
  position: sticky;
  top: 0;
  z-index: 99999;
  background-color: #ffffff;
}
html body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a {
  font-family: CorneliusSans !important;
  margin-right: 23px !important;
  font-size: 14px !important;
  font-weight: 300;
  color: #13100D;
}
html body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top {
  color: #13100D;
}
html body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top.open {
  color: #BA0C2F;
}
html body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top.highlightedNavLink a.kstl-mega-nav__link--top {
  color: #BA0C2F;
}
html body header .content_wrapper .topNavWrapper .topNav .operators-wrapper a.contact-us-cta {
  background: #ba0c2f;
  border-radius: 100px;
  padding: 10px 15px 8px 15px;
  color: white;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.4px;
  float: left;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-family: "CorneliusSans";
}
@media screen and (max-width: 999px) {
  html body header .content_wrapper .topNavWrapper .topNav .operators-wrapper a.contact-us-cta {
    display: none;
  }
}
@media screen and (min-width: 999px) {
  html body header .content_wrapper .topNavWrapper .topNav .operators-wrapper a.contact-us-mobile {
    display: none;
  }
}
html body header .content_wrapper .topNavWrapper .topNav .operators-wrapper,
html body header .content_wrapper .topNavWrapper .topNav .menu-button {
  position: relative;
  top: -7px;
}
html body header .content_wrapper .topNavWrapper .topNav .operators-wrapper.ie-locale a {
  margin: 0;
}
html body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__column li a {
  font-size: 14px !important;
}
html body header .content_wrapper .topNavWrapper .contact-link {
  display: none;
}
html body header .js-kstl-mega-nav__link--top:after {
  background: transparent url(/content/dam/europe/images/web-refresh/down_arrow.svg) 0 50% no-repeat !important;
}
@media screen and (min-width: 999px) {
  html body header div.topNavWrapper div.topNav div.fr-locale div.top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top:after,
  html body header div.topNavWrapper div.topNav div.be-locale div.top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top:after,
  html body header div.topNavWrapper div.topNav div.de-locale div.top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top:after {
    top: 0;
    right: 7px;
  }
}
html body header div.topNavWrapper div.topNav div.fr-locale div.top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top,
html body header div.topNavWrapper div.topNav div.be-locale div.top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top,
html body header div.topNavWrapper div.topNav div.de-locale div.top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top {
  padding: 0 5px;
}
@media screen and (max-width: 999px) {
  html body header div.topNavWrapper div.topNav div.fr-locale div.top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top,
  html body header div.topNavWrapper div.topNav div.be-locale div.top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top,
  html body header div.topNavWrapper div.topNav div.de-locale div.top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top {
    padding: 10px 12px;
  }
  html body header div.topNavWrapper div.topNav div.top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.kstl-mega-nav__link--top.open {
    background: #FAFAFA !important;
  }
  html body header .js-kstl-mega-nav__link--top.open:after {
    background: transparent url(/content/dam/europe/images/web-refresh/up_arrow.svg) 8px 19px no-repeat !important;
    right: 20px;
    top: -2px;
  }
}
/* footer.less */
footer {
  background: #ba0c2f;
  max-width: 1440px !important;
  height: 486px !important;
  padding: 60px 60px 0 60px !important;
  position: relative;
  overflow: hidden;
}
footer .grid.widgets {
  display: flex;
  justify-content: space-between;
}
footer .grid.widgets a {
  border-bottom: none !important;
}
footer .grid.widgets > :last-child {
  margin-right: 120px;
}
footer .grid.widgets > :last-child .widget-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
footer .grid.widgets > :last-child .widget-list .web-refresh-contact-us {
  display: inline-flex;
  text-decoration: none;
  padding: 10px 8px 8px 8px;
  border-radius: 100px;
  background-color: #fff;
  color: #ba0c2f;
  font-family: "CorneliusSans";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 22.4px;
  margin-bottom: 22px;
  width: 162px;
  justify-content: center;
}
footer .grid.widgets > :not(:last-child) .widget-list a {
  color: #fff;
  font-family: "CorneliusSans";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
footer .grid.widgets .web-refresh-social-links a {
  width: 40px;
  height: 40px;
  display: inline-block;
}
footer .grid.widgets .web-refresh-social-links a:not(:first-of-type) {
  margin-left: 10px;
}
footer .grid.widgets > div {
  width: fit-content !important;
}
footer .grid.copyright .footer-bowl-logo,
footer .grid.copyright .footer-bowl,
footer .grid.copyright .footer-ellipse {
  position: absolute;
}
footer .grid.copyright .footer-bowl-logo {
  right: 8%;
  bottom: 29%;
}
footer .grid.copyright .footer-bowl {
  right: 8.5%;
  bottom: 9.5%;
}
footer .grid.copyright .footer-ellipse {
  width: 295.941px;
  height: 295.941px;
  border-radius: 295.941px;
  background-color: #fff;
  right: 7%;
  bottom: -50%;
}
footer .copyright-txt {
  /* overriding css from another file with higher priority */
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: "CorneliusSans";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
footer .copyright-txt.copyright-txt-desktop {
  position: absolute;
  bottom: 3%;
  display: block;
}
footer .copyright-txt.copyright-txt-mobile {
  display: none;
}
@media only screen and (max-width: 999px) {
  footer {
    width: auto;
    height: auto !important;
    padding: 22px 20px 0 20px !important;
  }
  footer .grid.widgets {
    flex-direction: column;
  }
  footer .grid.widgets > :last-child {
    margin-right: 0;
    /* overriding css from another file with higher priority */
    margin-top: 45px !important;
  }
  footer .grid.widgets > :last-child .widget-list {
    align-items: flex-start;
  }
  footer .grid.widgets > :last-child .widget-list .web-refresh-contact-us {
    width: 335px;
    padding: 10px 8px 8px 8px;
    margin-bottom: 30px;
  }
  footer .grid.widgets .web-refresh-social-links {
    margin-bottom: 96px;
  }
  footer .grid.copyright .footer-bowl-logo {
    left: 50%;
    transform: translateX(-50%);
    bottom: 62%;
  }
  footer .grid.copyright .footer-bowl {
    left: 50%;
    transform: translateX(-50%);
    bottom: 18.5%;
  }
  footer .grid.copyright .footer-ellipse {
    left: 50%;
    transform: translateX(-50%);
    bottom: -110%;
  }
  footer .footer-bowl-container {
    position: relative;
    width: 296px;
    height: 225px;
    margin: auto;
  }
  footer .copyright-txt {
    color: rgba(255, 255, 255, 0.7) !important;
    font-family: "CorneliusSans";
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    height: 34px;
    left: 20px;
  }
  footer .copyright-txt.copyright-txt-desktop {
    display: none;
  }
  footer .copyright-txt.copyright-txt-mobile {
    display: flex;
    margin-bottom: 10px !important;
    align-items: center;
  }
  footer .copyright-txt.copyright-txt-mobile a {
    margin-left: 1em;
  }
}
/* pre-footer.less */
.web-refresh .home-related-article-tiles {
  background: #47d9f5;
}
.web-refresh .prefooter_top,
.web-refresh .prefooter_bottom {
  height: 375px;
  background: #47d9f5;
}
.web-refresh .prefooter_top img {
  position: relative;
  width: 805px;
  height: 279.49px;
  top: 84px;
  left: 463px;
}
.web-refresh .prefooter_top img.mobile_img {
  display: none;
}
@media screen and (max-width: 999px) {
  .web-refresh .prefooter_top {
    height: 192.64px;
    width: 100%;
  }
  .web-refresh .prefooter_top img.desktop_img {
    display: none;
  }
  .web-refresh .prefooter_top img.mobile_img {
    display: inline-block;
    width: 324.44px;
    height: 112.64px;
    top: 40px;
    left: 25.28px;
  }
}
.web-refresh .prefooter_bottom {
  display: flex;
}
.web-refresh .prefooter_bottom div {
  width: 25%;
  background: #47d9f5 !important;
}
.web-refresh .prefooter_bottom div div {
  width: 100%;
}
.web-refresh .prefooter_bottom div div div h3,
.web-refresh .prefooter_bottom div div div p {
  color: #13100d;
  font-family: CorneliusSans;
}
.web-refresh .prefooter_bottom div div div h3 {
  display: flex;
  gap: 20px;
  height: 34px;
  line-height: 34px;
  font-weight: 700;
  width: 358px;
}
.web-refresh .prefooter_bottom div div div h3 img.prefooter_icon {
  max-height: 100%;
}
.web-refresh .prefooter_bottom div div div p {
  font-weight: 300;
}
.web-refresh .prefooter_bottom div div div a.button {
  padding: 0;
  display: inline-flex;
}
.web-refresh .prefooter_bottom div div div img {
  position: relative;
}
.web-refresh .prefooter_bottom div.bird {
  display: flex;
  justify-content: flex-end;
}
.web-refresh .prefooter_bottom div.bird img {
  width: 329.47px;
  height: 386.89px;
}
@media screen and (max-width: 999px) {
  .web-refresh .prefooter_bottom {
    flex-direction: column;
    height: 829.36px;
  }
  .web-refresh .prefooter_bottom div {
    width: 100%;
  }
  .web-refresh .prefooter_bottom div.desktop_bird {
    display: none;
  }
}
.web-refresh .prefooter_article {
  padding-right: 54px;
}
.web-refresh .mobile_bird {
  display: none;
}
@media screen and (max-width: 999px) {
  .web-refresh .prefooter_bottom div div {
    min-height: 1px;
    max-height: 170px;
    padding: 0px !important;
    margin-bottom: 30px;
  }
  .web-refresh .prefooter_bottom div div div {
    margin-left: 20px;
  }
  .web-refresh .mobile_bird {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
  }
  .web-refresh .mobile_bird img {
    z-index: 0;
  }
}
@media screen and (min-width: 999px) {
  .web-refresh .home-related-article-tiles .prefooter_bottom .related-section-tile {
    display: flex;
    flex-direction: column;
    min-height: 0px;
    height: 253px;
    justify-content: space-between;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
  .web-refresh .home-related-article-tiles.be-locale .prefooter_bottom .related-section-tile,
  .web-refresh .home-related-article-tiles.fr-locale .prefooter_bottom .related-section-tile {
    height: 276px;
  }
  .web-refresh .home-related-article-tiles .prefooter_bottom .related-section-tile img {
    max-height: 100%;
  }
  .web-refresh .home-related-article-tiles .prefooter_bottom .related-section-tile a {
    width: 55px;
    height: 55px;
  }
}
.web-refresh .related-section-tile .article-header-wrapper {
  margin: 0;
}
/* bento-grid.less */
.web-refresh div.bento-grid {
  font-family: CorneliusSans;
  background-color: #BA0C2F;
}
.web-refresh div.bento-grid .bento-box {
  border-radius: 10px;
  background-repeat: no-repeat;
}
.web-refresh div.bento-grid .bento-box.cereal {
  background-image: url("/content/dam/europe/images/web-refresh/Bowl.png");
  background-color: #47D9F5;
}
.web-refresh div.bento-grid .bento-box.fibre {
  background-image: url("/content/dam/europe/images/web-refresh/Wheat.png");
  background-color: #3AAA35;
}
.web-refresh div.bento-grid .bento-box.fibre h2 {
  color: #fff;
}
.web-refresh div.bento-grid .bento-box.nutrition {
  background-image: url("/content/dam/europe/images/web-refresh/Bowls Stack.png");
  background-color: #F59C00;
}
.web-refresh div.bento-grid .bento-box.engagements {
  background-image: url("/content/dam/europe/images/web-refresh/World.png");
  background-color: #47D9F5;
}
.web-refresh div.bento-grid .bento-box h2 {
  font-family: CorneliusSans;
  color: #BA0C2F;
}
.web-refresh div.bento-grid .bento-box p {
  color: #13100d;
  font-family: CorneliusSans;
  font-weight: lighter;
}
.web-refresh div.bento-grid .bento-box .button {
  background: #fff;
  color: #000;
  font-size: 14px;
  padding: 15px 30px;
  border-radius: 999px;
  font-family: CorneliusSans;
  text-transform: none;
  font-weight: lighter;
}
.web-refresh div.bento-grid .bento-box .button:hover {
  background: #000;
  color: #fff;
}
@media (min-width: 999px) {
  .web-refresh div.bento-grid {
    padding: 60px;
  }
  .web-refresh div.bento-grid.three-items {
    display: grid;
    grid-template-areas: "left up" "left bottom";
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
    padding-right: 70px;
    padding-left: 50px;
    gap: 10px 20px;
  }
  .web-refresh div.bento-grid.three-items .bento-box.first {
    grid-area: left;
    height: 780px;
    margin-left: 10px;
  }
  .web-refresh div.bento-grid.three-items .bento-box.second {
    grid-area: up;
    margin-right: 10px;
  }
  .web-refresh div.bento-grid.three-items .bento-box.third {
    grid-area: bottom;
    margin-right: 10px;
  }
  .web-refresh div.bento-grid.three-items .bento-box h2,
  .web-refresh div.bento-grid.three-items .bento-box p {
    width: 315px;
  }
  .web-refresh div.bento-grid.two-items {
    display: flex;
    gap: 20px;
  }
  .web-refresh div.bento-grid.two-items .bento-box {
    flex: 1;
  }
  .web-refresh div.bento-grid.two-items .bento-box.third {
    display: none;
  }
  .web-refresh div.bento-grid.one-item .bento-box h2,
  .web-refresh div.bento-grid.one-item .bento-box p {
    width: 495px;
  }
  .web-refresh div.bento-grid.one-item .bento-box.second,
  .web-refresh div.bento-grid.one-item .bento-box.third {
    display: none;
  }
  .web-refresh div.bento-grid .bento-box {
    height: 379px;
    padding: 70px 0 0 50px;
    overflow: hidden;
  }
  .web-refresh div.bento-grid .bento-box.cereal {
    background-position: right 15px bottom;
  }
  .web-refresh div.bento-grid .bento-box.fibre {
    background-position: right 40px bottom;
  }
  .web-refresh div.bento-grid .bento-box.nutrition {
    background-position: right 40px center;
  }
  .web-refresh div.bento-grid .bento-box.engagements {
    background-position: right 60px center;
  }
  .web-refresh div.bento-grid.three-items .bento-box.first.cereal {
    background-position: center bottom;
  }
  .web-refresh div.bento-grid.two-items .bento-box.cereal,
  .web-refresh div.bento-grid.one-item .bento-box.cereal {
    background-size: 316px;
  }
}
@media (max-width: 999px) {
  .web-refresh div.bento-grid {
    padding: 20px;
  }
  .web-refresh div.bento-grid div.bento-box {
    min-height: 488px;
    margin-top: 20px;
    padding: 40px 20px 0;
    background-position: bottom center;
  }
  .web-refresh div.bento-grid div.bento-box.first {
    margin-top: 0;
  }
  .web-refresh div.bento-grid div.bento-box.cereal {
    background-size: 264px;
  }
  .web-refresh div.bento-grid div.bento-box.fibre {
    background-size: 146px;
  }
  .web-refresh div.bento-grid div.bento-box.nutrition {
    background-size: 188px;
  }
  .web-refresh div.bento-grid div.bento-box.engagements {
    background-size: 303px;
  }
}
/* brand-carousel.less */
.web-refresh div.product-slider {
  background: #BA0C2F;
  height: 644px;
  margin: 0;
}
.web-refresh div.product-slider .kstl-rich-text .view-all {
  display: flex;
  justify-content: space-between;
  padding: 60px;
  height: 169px;
}
.web-refresh div.product-slider .kstl-rich-text .view-all a {
  background: #FFFFFF;
  color: black;
  font-size: 14px;
  font-family: CorneliusSans;
  height: 45px;
  font-weight: 300;
  text-transform: none;
}
.web-refresh div.product-slider .kstl-rich-text .view-all a:hover {
  color: white;
  background: black;
  cursor: pointer;
}
@media (max-width: 999px) {
  .web-refresh div.product-slider .kstl-rich-text .view-all {
    padding: 0;
    display: flex;
    align-content: center;
    justify-content: center;
  }
}
.web-refresh div.product-slider .kstl-rich-text h2 {
  color: #FFFFFF;
  font-family: CorneliusSans;
}
@media screen and (max-width: 999px) {
  .web-refresh div.product-slider .kstl-rich-text h2 {
    margin: 0;
    padding: 40px 20px;
  }
}
.web-refresh div.product-slider .flex-control-paging li a {
  background: transparent;
  border: 1px solid white;
}
.web-refresh div.product-slider .flex-control-paging li a:hover,
.web-refresh div.product-slider .flex-control-paging li a.flex-active {
  background: white;
}
.web-refresh div.product-slider .flexslider .flex-viewport {
  height: 474px !important;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product {
  background: #BA0C2F;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.frosties {
  background-color: #10069F;
  background-image: url("/content/dam/europe/images/web-refresh/brands/frosties.png");
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.fruit-n-fibre {
  background-color: #8A8DC5;
  background-image: url("/content/dam/europe/images/web-refresh/brands/fruit-n-fibre.png");
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.happy-guts,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.bran-flakes {
  background-color: #00A9E0;
  background-image: url("/content/dam/europe/images/web-refresh/brands/bran-flakes.png");
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.corn-flakes {
  background-color: white;
  background-image: url("/content/dam/europe/images/web-refresh/brands/corn-flakes.png");
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.coco-pops {
  background-color: #FDDA24;
  background-image: url("/content/dam/europe/images/web-refresh/brands/coco-pops.png");
  background-size: 90% 65%;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.coco-pops-it {
  background-color: white;
  background-image: url("/content/dam/europe/images/web-refresh/brands/coco-pops-it.jpg");
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.crunchy-nut {
  background-color: #F2A900;
  background-image: url("/content/dam/europe/images/web-refresh/brands/crunchy-nut.png");
  background-size: 90% 65%;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.krave {
  background-color: white;
  background-image: url("/content/dam/europe/images/web-refresh/brands/krave.png");
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.krave-it {
  background-color: white;
  background-image: url("/content/dam/europe/images/web-refresh/brands/krave-it.jpg");
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.nutri-grain {
  background-color: #FDE9C6;
  background-image: url("/content/dam/europe/images/web-refresh/brands/nutri-grain.png");
  background-size: 75% 60%;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.pop-tarts {
  background-color: white;
  background-size: 60%;
  background-image: url("/content/dam/europe/images/web-refresh/brands/pop-tarts.jpg");
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.rice-krispies {
  background-color: #00A9E0;
  background-size: 80%;
  background-image: url("/content/dam/europe/images/web-refresh/brands/rice-krispies.png");
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.rice-krispies-square {
  background-image: url("/content/dam/europe/images/web-refresh/brands/rice-krispies-squares.png");
  background-color: #006AC4;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.special-k {
  background-image: url("/content/dam/europe/images/web-refresh/brands/special-k.png");
  background-color: white;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.special-k-it {
  background-color: white;
  background-image: url("/content/dam/europe/images/web-refresh/brands/special-k-it.png");
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.w-k-kellogg {
  background-image: url("/content/dam/europe/images/web-refresh/brands/w-k-kellogg.png");
  background-color: #FDE9C6;
  background-size: 60%;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.tresor {
  background-image: url("/content/dam/europe/images/web-refresh/brands/tresor.png");
  background-color: white;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.extra {
  background-image: url("/content/dam/europe/images/web-refresh/brands/extra.png");
  background-color: #74391F;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.extra-it {
  background-color: #74391F;
  background-image: url("/content/dam/europe/images/web-refresh/brands/extra-it.png");
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.miel-pops {
  background-image: url("/content/dam/europe/images/web-refresh/brands/mielpops.png");
  background-color: #FFBB1C;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.smacks {
  background-image: url("/content/dam/europe/images/web-refresh/brands/smacks.png");
  background-color: #ff0016;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.all-bran {
  background-image: url("/content/dam/europe/images/web-refresh/brands/allbran.png");
  background-color: #ff7800;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.kelloggs {
  background-image: url("/content/dam/europe/images/web-refresh/brands/kellogg.png");
  background-color: #328170;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.baretta {
  background-image: url("/content/dam/europe/images/web-refresh/brands/baretta.jpg");
  background-color: white;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.country-store {
  background-image: url("/content/dam/europe/images/web-refresh/brands/country-store.png");
  background-color: #f69f50;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.fruit-loops {
  background-image: url("/content/dam/europe/images/web-refresh/brands/fruit-loops.png");
  background-color: #008431;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.choco-krispies {
  background-image: url("/content/dam/europe/images/web-refresh/brands/choco-krispies.png");
  background-color: #008431;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.granola {
  background-image: url("/content/dam/europe/images/web-refresh/brands/granola.jpeg");
  background-color: white;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.toppas {
  background-image: url("/content/dam/europe/images/web-refresh/brands/toppas.png");
  background-color: #f5d991;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.honey {
  background-image: url("/content/dam/europe/images/web-refresh/brands/honey.png");
  background-color: #f6bd37;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product a {
  margin: 0;
  height: 414px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product p {
  font-family: CorneliusSans;
  font-weight: 700;
  font-size: 18px;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.frosties a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.fruit-n-fibre a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.rice-krispies-square a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.extra a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.coco-pops-fr a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.kelloggs a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.fruit-loops a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.smacks a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.choco-krispies a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.extra-it a p {
  color: white;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.coco-pops a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.corn-flakes a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.special-k a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.miel-pops a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.all-bran a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.country-store a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.toppas a p {
  color: #BA0C2F;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.crunchy-nut a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.happy-guts a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.bran-flakes a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.nutri-grain a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.rice-krispies a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.w-k-kellogg a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.granola a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.honey a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.krave a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.pop-tarts a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.baretta a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.tresor a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.coco-pops-it a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.krave-it a p,
.web-refresh div.product-slider .flexslider .flex-viewport .slides .slide-product.special-k-it a p {
  color: black;
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides li {
  margin: 0 20px 0 20px;
}
@media screen and (max-width: 600px) {
  .web-refresh div.product-slider .flexslider .flex-viewport .slides li {
    margin: 0;
  }
}
.web-refresh div.product-slider .flexslider .flex-viewport .slides li div {
  gap: 20px;
  padding: 0;
}
.web-refresh div.product-slider .flexslider .flex-direction-nav .flex-prev {
  background: url("/content/dam/europe/images/web-refresh/prev-nav.png") no-repeat 0 0;
}
.web-refresh div.product-slider .flexslider .flex-direction-nav .flex-next {
  background: url("/content/dam/europe/images/web-refresh/right-nav.png") no-repeat 0 0;
}
.web-refresh div.product-slider .flexslider .flex-direction-nav a {
  top: 44%;
}
@media (max-width: 999px) {
  .web-refresh div.product-slider {
    height: 666px !important;
  }
  .web-refresh div.product-slider div div h2 {
    font-family: CorneliusSans;
    color: white;
    font-weight: 700;
    margin: 40px;
  }
}
/* page-home.less */
.grid.home-page-slider {
  margin: 0;
}
/* page-brand.less */
.web-refresh {
  /* 1s sliders ellipse and 2nd slider (if present, sometimes there is 2nd slider, sometimes there's not) background-color */
  /* hero-banner and carousel backgrounds */
}
.web-refresh .hero-banner-top {
  flex-direction: column !important;
  padding-top: 40px;
}
.web-refresh .hero-banner-top.ricekrispies-squares .content-box .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.web-refresh .hero-banner-top .content-box .inner {
  text-align: center !important;
  padding: 0 !important;
}
.web-refresh .hero-banner-top .content-box .inner h1 {
  text-align: center;
  font-family: CorneliusSans;
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.web-refresh .hero-banner-top .content-box .inner p {
  text-align: center;
  font-family: CorneliusSans;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
.web-refresh .hero-banner-top.coco-pops .content-box .inner h1,
.web-refresh .hero-banner-top.flakes .content-box .inner h1,
.web-refresh .hero-banner-top.kelloggs-consumer .content-box .inner h1,
.web-refresh .hero-banner-top.poptarts_bg_1 .content-box .inner h1,
.web-refresh .hero-banner-top.poptarts .content-box .inner h1,
.web-refresh .hero-banner-top.nutrigrain .content-box .inner h1,
.web-refresh .hero-banner-top.ricekrispies .content-box .inner h1,
.web-refresh .hero-banner-top.spk .content-box .inner h1 {
  background: none;
  color: #ba0c2f !important;
}
.web-refresh .hero-banner-top.coco-pops .content-box .inner p,
.web-refresh .hero-banner-top.crunchy-nut .content-box .inner p,
.web-refresh .hero-banner-top.crunchy-nut .content-box .inner h1,
.web-refresh .hero-banner-top.crunchy-nut .content-box .inner h3,
.web-refresh .hero-banner-top.flakes .content-box .inner p,
.web-refresh .hero-banner-top.kelloggs-consumer .content-box .inner p,
.web-refresh .hero-banner-top.poptarts_bg_1 .content-box .inner p,
.web-refresh .hero-banner-top.poptarts .content-box .inner p,
.web-refresh .hero-banner-top.nutrigrain .content-box .inner p,
.web-refresh .hero-banner-top.ricekrispies .content-box .inner p,
.web-refresh .hero-banner-top.spk .content-box .inner p {
  background: none;
  color: #13100d !important;
}
.web-refresh .hero-banner-top.frosties .content-box .inner h1,
.web-refresh .hero-banner-top.frosties .content-box .inner p,
.web-refresh .hero-banner-top.krave .content-box .inner h1,
.web-refresh .hero-banner-top.krave .content-box .inner p,
.web-refresh .hero-banner-top.ricekrispies-squares .content-box .inner h1,
.web-refresh .hero-banner-top.ricekrispies-squares .content-box .inner p {
  color: #fff !important;
}
.web-refresh .hero-banner-top.ricekrispies-squares .content-box .inner p {
  background-color: transparent;
}
.web-refresh .hero-banner-top.poptarts_bg_1 .content-box .inner .pop-social {
  margin: auto;
}
.web-refresh.custom-brand-pages .custom-slider {
  position: relative;
}
.web-refresh.custom-brand-pages .custom-slider::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  clip-path: ellipse(68% 70% at 50% 100%);
}
.web-refresh.custom-brand-pages .custom-slider ul.slides {
  z-index: 10;
}
.web-refresh.custom-brand-pages .custom-slider ul.slides .result-item .link-wrapper {
  height: 315px;
  position: relative;
  overflow: hidden;
}
.web-refresh.custom-brand-pages .custom-slider ul.slides .result-item .link-wrapper .name {
  position: absolute;
  bottom: 15px;
  font-family: "CorneliusSans";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  background-color: transparent;
  margin-bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
}
.web-refresh.custom-brand-pages .custom-slider .flexslider .flex-viewport .slides li div div div div a {
  background: white;
  border-radius: 10px;
  color: black;
  height: 300px;
}
.web-refresh.custom-brand-pages .custom-slider .flexslider .flex-control-nav {
  z-index: 11;
}
.web-refresh.custom-brand-pages .custom-slider .flexslider .flex-prev,
.web-refresh.custom-brand-pages .custom-slider .flexslider [data-controls="prev"] {
  background: url("/content/dam/europe/images/web-refresh/prev-nav.png") no-repeat 0 0;
  z-index: 11;
  top: 44%;
  transform: translateY(-50%);
}
.web-refresh.custom-brand-pages .custom-slider .flexslider .flex-next,
.web-refresh.custom-brand-pages .custom-slider .flexslider [data-controls="next"] {
  background: url("/content/dam/europe/images/web-refresh/right-nav.png") no-repeat 0 0;
  z-index: 11;
  top: 44%;
  transform: translateY(-50%);
}
.web-refresh .custom-slider.coco-pops:nth-of-type(1)::after,
.web-refresh .custom-slider.coco-pops:nth-of-type(2) {
  background-color: #ffb330 !important;
}
.web-refresh .custom-slider.crunchy-nut:nth-of-type(1)::after,
.web-refresh .custom-slider.crunchy-nut:nth-of-type(2) {
  background-color: #13100d !important;
}
.web-refresh .custom-slider.frosties:nth-of-type(1)::after,
.web-refresh .custom-slider.frosties:nth-of-type(2),
.web-refresh .custom-slider.krave:nth-of-type(1)::after,
.web-refresh .custom-slider.krave:nth-of-type(2) {
  background-color: #f59c00 !important;
}
.web-refresh .custom-slider.flakes:nth-of-type(1)::after,
.web-refresh .custom-slider.flakes:nth-of-type(2) {
  background-color: #3aaa35 !important;
}
.web-refresh .custom-slider.kelloggs-consumer:nth-of-type(1)::after,
.web-refresh .custom-slider.kelloggs-consumer:nth-of-type(2),
.web-refresh .custom-slider.poptarts_bg_2:nth-of-type(1)::after,
.web-refresh .custom-slider.poptarts_bg_2:nth-of-type(2),
.web-refresh .custom-slider.poptarts:nth-of-type(1)::after,
.web-refresh .custom-slider.poptarts:nth-of-type(2),
.web-refresh .custom-slider.spk:nth-of-type(1)::after,
.web-refresh .custom-slider.spk:nth-of-type(2) {
  background: none !important;
  background-color: #ba0c2f !important;
}
.web-refresh .custom-slider.nutrigrain:nth-of-type(1)::after,
.web-refresh .custom-slider.nutrigrain:nth-of-type(2) {
  background-color: #713042 !important;
}
.web-refresh .custom-slider.ricekrispies:nth-of-type(1)::after,
.web-refresh .custom-slider.ricekrispies:nth-of-type(2) {
  background-color: #006ac4 !important;
}
.web-refresh .custom-slider.ricekrispies-squares:nth-of-type(1)::after,
.web-refresh .custom-slider.ricekrispies-squares:nth-of-type(2) {
  background: none !important;
  background-color: #fdda24 !important;
}
.web-refresh .hero-banner-top.coco-pops,
.web-refresh .custom-slider.coco-pops:nth-of-type(1) {
  background: #fdda24 !important;
}
.web-refresh .hero-banner-top.crunchy-nut,
.web-refresh .custom-slider.crunchy-nut:nth-of-type(1) {
  background: #f2a900 !important;
}
.web-refresh .hero-banner-top.frosties,
.web-refresh .custom-slider.frosties:nth-of-type(1) {
  background: #10069f !important;
}
.web-refresh .hero-banner-top.flakes,
.web-refresh .custom-slider.flakes:nth-of-type(1),
.web-refresh .hero-banner-top.spk,
.web-refresh .custom-slider.spk:nth-of-type(1) {
  background: #fff !important;
}
.web-refresh .hero-banner-top.krave,
.web-refresh .custom-slider.krave:nth-of-type(1) {
  background: #ba0c2f !important;
}
.web-refresh .hero-banner-top.kelloggs-consumer,
.web-refresh .custom-slider.kelloggs-consumer:nth-of-type(1),
.web-refresh .hero-banner-top.poptarts_bg_1,
.web-refresh .custom-slider.poptarts_bg_2:nth-of-type(1),
.web-refresh .hero-banner-top.poptarts,
.web-refresh .custom-slider.poptarts:nth-of-type(1) {
  background: none !important;
  background-color: #47d9f5 !important;
}
.web-refresh .hero-banner-top.nutrigrain,
.web-refresh .custom-slider.nutrigrain:nth-of-type(1) {
  background: #fdE9c6 !important;
}
.web-refresh .hero-banner-top.ricekrispies,
.web-refresh .custom-slider.ricekrispies:nth-of-type(1) {
  background: #00a9e0 !important;
}
.web-refresh .hero-banner-top.ricekrispies-squares,
.web-refresh .custom-slider.ricekrispies-squares:nth-of-type(1) {
  background: none !important;
  background-color: #006ac4 !important;
}
@media (max-width: 600px) {
  .web-refresh .web-refresh-hide-me {
    display: none;
  }
}
@media (min-width: 999px) {
  .web-refresh .web-refresh-hide-me {
    display: none;
  }
}
.web-refresh .cereal-slider .bento-grid h2 {
  text-align: start;
  padding: 0;
}
@media (max-width: 999px) {
  .web-refresh .hero-banner-top {
    padding-top: 30px;
  }
  .web-refresh .hero-banner-top .content-box .inner h1 {
    font-size: 40px;
  }
}