/**
 * Kelloggs Masterbrand style
 *
 * - Kelloggs Red: #b51946
 *
 */
/*
 * Tool Styles
 * --------------------------------------------------
 */

.float-left {
    float: left;
}
.float-right {
    float: right;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
hr.dashed {
    border-top: 1px dashed #8c8b8b;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
/* To hide unwanted heading from product details page */
.kstl-nutrition-header.kstl-sansM h5 {
	display:none;
}

.no-background {
    background-image: none !important;
}
.display-none {
    display: noen;
}
body .red,
html .red {
    background: none!important;
}
.mobile {
    display: none;
}
.desktop {
    display: block;
}
@media (max-width: 601px) {
	
	.mobile-text-center {
        text-align: center;
    }
    .mobile-text-left {
        text-align: left;
    }
    .mobile-text-right {
        text-align: right;
    }
}
@media only screen and (min-width: 602px) {
    .desktop-text-center {
        text-align: center;
    }
    .desktop-text-left {
        text-align: left;
    }
    .desktop-text-right {
        text-align: right;
    }
}
/*
 * Partials
 * --------------------------------------------------
 */

.button, .product_nutrition_btn {
    display: inline-block;
    padding: 15px 30px;
    background-color: #b41946;
    border-radius: 999px;
    text-transform: uppercase;
    font-size: 14px;
    color: white;
    text-decoration: none;
    transition: background-color .3s, border .3s;
    box-sizing: border-box;	
}
.button:hover, .product_nutrition_btn:hover {
    background-color: #6f1b2b;
}
.button.white {
    background-color: white;
    color: #2c2c2c;
    border: solid 1px #cccccc;
}
.button.white:hover {
    background-color: #2c2c2c;
    color: white;
}
.desk-two-tenths.white,
.lap-two-thirds.white,
.palm-two-thirds.white {
    display: none;
}
/*
 * Default Structures
 * --------------------------------------------------
 */

body {
	background-color: #fff; 
	font-size:16px;
	overflow-y:auto !important;
}
* {outline:0;}
.container > .wrapper {
    padding: 40px 0;
}
@media (max-width: 980px){
body .fullWidth .centeredContent, html .fullWidth .centeredContent{
	padding-left:20px !important;
	padding-right:20px !important;
}
}
h1, .h1{
	font-size:54px;
	margin-bottom:20px;
	line-height: 1.2;
}
h2{
	font-size:40px;
	line-height: 1.2;
	margin-bottom: 15px;
}
h3,  .sub-heading{
	font-size: 24px;
	line-height: 1.2;
	margin-bottom:15px;
}

h4{
	font-size: 18px;
    line-height: 1.4;
	margin-bottom:15px;
	color: #262626;
    
}
p{
	margin-bottom:20px;
}
p, ol li, ul li, p a{
	font-size: 16px;
	line-height: 1.4;
	color: #666666;
}
ol {
    margin-left: 40px;
}
ul {
    margin-left: 40px;
}
ul li, ol li{
	margin: 0 0 10px 0;
	/* display: inline-block; */
	/* padding-bottom: 10px; */
}

.nav ul {
    margin-left: 0px;
}
.centeredContent p {    
    color: #666666;
}
.centeredContent p a{
	color:#d31145;
}
.margin-bottom-40{
	margin-bottom:40px;
}
.margin-bottom-20{
	margin-bottom:20px;
}
body .fullWidth .centeredContent.margin-bottom-40, html .fullWidth .centeredContent.margin-bottom-40{
margin-bottom:40px !important;
}
.margin-bottom-0, .kstl-rich-text p.margin-bottom-0 {
    margin-bottom: 0;
}
 img.right{
	 float:right;
	 margin-left:20px;
	 margin-bottom: 20px;
 }
 img.left{
	 float:left;
	 margin-right:20px;
	 margin-bottom: 20px;
 }
 @media only screen and (max-width:767px) {
	 h1, .h1{
		 font-size: 38px;
	 }
	 h2{
        font-size: 30px;
    }
	h3 {
		font-size:24px;
	}
	 
 }
 @media only screen and (max-width:767px) {
	 img.right, img.left{
		 float:none;
		 display:block;
		 margin:0 auto 20px auto;
	 }
 }
/*
 * Structural Overrides
 * --------------------------------------------------
 */


.grid.with-bg-white {
background-color: white;
}
.show-3 .product-view-all a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #262626;
    padding-bottom: 2px;
    border-bottom: 2px solid #262626;
}
.show-3 .result-item:nth-child(n+4) {
    display: none;
}
.show-3.view-more .result-item:nth-child(n+4) {
    display: inline-block;
}
.show-3.view-more .product-view-all {
    display: none;
}
@media (min-width: 768px){	
    #nutrition-modal .modal-body{
       max-height: 730px;
    }
    #nutrition-modal.modal.fade.in {
        top: 33%;
    }
}
@media (max-width: 767px){
.body-content .float-left-image-wrapper{
	margin: 20px auto;
    max-width: 90%;
    display: block;
}
.body-content .float-right-image-wrapper{
	margin: 20px auto;
    max-width: 90%;
    display: block;
	float:none;
}
}
/** header**/

.content_wrapper .topNavWrapper .topNav .kstl-responsive-image img {
    width: 100px;
    margin: 0 0 14px 40px;
}
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav,body header .content_wrapper .topNavWrapper .topNav .top-menu-container{
margin-top:0
}
.contact-link {
	margin:10px 0 0;
}
.navicon span,
.navicon span:before,
.navicon span:after {
    cursor: pointer;
    height: 3px;
    width: 35px;
}
.kstl-mega-nav > ul {
    margin-left: 0;
}
.content_wrapper .topNavWrapper .topNav .operators-wrapper {
    text-align: right;
    margin-right: 40px;
}
.content_wrapper .topNavWrapper .topNav .operators-wrapper a{
	width:36px;
	height:36px;
	margin-left:10px;
	display:inline-block;
	
}
.topNavWrapper .desk-six-tenths{
	text-align: right;
}
nav.kstl-mega-nav{
    z-index: 9;
}
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close{
    display: none;
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul{
	text-align:right !important;
}
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel {
    top: 60px;
    width: 470px;
    height: inherit;
     -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
     border-radius: 0px; 
     -webkit-box-shadow:none; 
    -moz-box-shadow: none;
     box-shadow: none; 
}


body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.open, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.open {
    background: #fff!important;
    color: #bf162c;
    text-decoration: underline;
     -webkit-box-shadow: none; 
    -moz-box-shadow: none;
     box-shadow: none; 
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column {
     top: 0px;
    margin-left:10px;height:auto;
   }

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li a, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li a {
    font-size: 1rem;
   }

header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top{
    position: relative;
}


body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column+ul.kstl-mega-nav__column, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column+ul.kstl-mega-nav__column{
    background: inherit;
}

.js-kstl-mega-nav__link--top:after{
    content: "";
    position: absolute;
    width: 15px;
    height: 100%;    
    top: 2px;
    right: -3px;

}
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: #b51946;
}
header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top{
	margin:0;
}
@media (max-width: 999px) {
    .topNav {
        height: 55px !important;
    }
    .topNav[data-nav="open"] .palm-zero.top-menu-container-wrapper{
        display:block;
        position: absolute;
        /* width: auto; */
        width: 100vw;
        top: 50px;
    }
    .topNav[data-nav="open"] .navicon span {
        background: transparent;
    }
    .topNav[data-nav="open"] .navicon span:before {
        top: 0;
        transform: rotate(45deg);
    }
    .topNav[data-nav="open"] .navicon span:after {
        top: 0;
        transform: rotate(-45deg);
    }
	.topNav[data-nav="open"] .top-menu-container {
		margin-top:10px;
	}
	.mobile {
        display: block;
    }
    .desktop {
        display: none;
    }
    .operator.close .navicon span {
        background: transparent;
    }
    .operator.close .navicon span:before {
        top: 0;
        transform: rotate(45deg);
    }
    .operator.close .navicon span:after {
        top: 0;
        transform: rotate(-45deg);
    }
	.topNav .top-menu-container nav.kstl-mega-nav.KSTLNav-show {
        margin-top: 0 !important;
        margin-bottom: 20px;
    }
    .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top {
        text-align: left;
        padding-left: 0px;
    }
	body #main_container .grid .topNavWrapper .palm-eight-tenths{
		text-align:right;
		padding-right:22px;
	}
	.topNavWrapper .palm-eight-tenths .grid__item{
		width:auto;
	}
	body header .content_wrapper .topNavWrapper .topNav .menu-button, html header .content_wrapper .topNavWrapper .topNav .menu-button{
		margin-left:0;
		padding-left: 0;
		margin-left: 10px;
		width: 35px;
		height: 35px;
	}
    body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li {
        float: inherit;
        display: block;
        clear: left;
        line-height: 1;
        padding: 12px 30px 12px 20px !important;
        border-top: solid 1px #ccc;
        margin: 0;
    }


    .js-kstl-mega-nav__link--top:after{
        width: 28px;
        right: 14px;
    }

    header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top {
        border-top: solid 1px #ccc;
    }

    body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel {
        padding: 0!important;
        min-height: 120px;
        width: 100%;
        box-shadow: none !important;
        border-bottom: 0px;
    }

    body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column {
       margin-left: 0;
       padding: 0;
       text-align: left !important;
    }
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li a:hover{
 text-decoration:underline;   
}
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner, html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner {
        padding: 0!important;
    }

    body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul, html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul {
        padding-left: 0;
    }

    .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top {
        text-align: left;
        padding-left: 0px;
    }


    body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.open, 
    html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.open {
        background: #eee!important;
        color: #000;
        text-decoration: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    

    body header .content_wrapper .topNavWrapper .topNav .highlightedNavLink, html header .content_wrapper .topNavWrapper .topNav .highlightedNavLink {
        border-top: solid 1px #ccc !important;
    }
	body header .content_wrapper .topNavWrapper .topNav a, html header .content_wrapper .topNavWrapper .topNav a {
		display:inline-block;
		font-family: 'OpenSans';
	}
	.contact-link {
		margin-right:22px;
		margin-top:0;
	}
	.content_wrapper .topNavWrapper .topNav .operators-wrapper {
		margin-right:0;
	}
}
@media (max-width: 601px) {
    
	 .content_wrapper .topNavWrapper .topNav .kstl-responsive-image img {
        margin: 0 0px 0 20px;
    }
	
	body header .content_wrapper .topNavWrapper .topNav a, html header .content_wrapper .topNavWrapper .topNav a {
        font-size: 120%;
    }
}

/* Country Selector*/
.language {
	width:100%;
	padding:30px;
	background:#fff;
	border:2px solid #C6162C;
}
.language > ul {
	display: flex;
}
.language ul{
	width:100%;
	margin:0;
	padding:0;
}
.language ul li {
    display: block;
    margin: 5px;
    padding: 0;
}
.language ul li h3 {
	color:#C6162C;
	margin-bottom:10px;
	font-size: 16px;
}
.language ul li h3.sub {
	margin-top:15px;
}

.language > ul > li {
    flex-direction: column;
    display: flex;
    border-right: 2px solid #C6162C;
    width: 20%;
}
.language ul li:nth-child(5n) {
    border: 0;
}
.language > ul >li  a{
    text-transform: none;
    text-align: left;
    padding: 4px 5px;
    color:#2c2c2c;
    text-decoration:none;
    font-size: 14px;
}
.IE9 .language {
    text-align: center;
}
@media screen and (max-width: 767px) {
	.language{
		height:90vh !important;
		overflow:scroll;
	}
	.language >ul, .language >ul >li{
		display:block;
		text-align:center;
	}
	.language >ul{
		padding: 20px;
	}
	.language >ul >li{
        border:0; 
    }
    .language {
        height: auto;
        padding: 0px;
        text-align: center;
    }
    .language ul li {
        width: 100%;
		margin:5px auto;
    }
    .language ul li:nth-child(2n) {
        border: 0;
    }
}

/** end of header**/

/*** breadcrumb **/

.breadcrumbs-wrapper {
    max-width: 980px;
    margin: 20px auto !important;
    width: 90% !important;
}

.breadcrumbs-wrapper ul {
    list-style: none;
    margin-left: 0px;
}

.breadcrumbs-wrapper ul li {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0;
    height: 30px;
    overflow: hidden;
    padding-right: 30px;
}

.breadcrumbs-wrapper ul li span, .breadcrumbs-wrapper ul li a{
    display: inline-block;
    font-size: 12px;
    color: rgb(44, 44, 44);
    text-transform: uppercase;
    text-decoration: none;
    line-height: 30px;
    height: 30px;
}

.breadcrumbs-wrapper ul li::after {
    content: "";
    width: 8px;
    height: 13px;
    right: 0;
    top: 8px;
    position: absolute;
    opacity: 0.2;
    
}

.breadcrumbs-wrapper ul li:last-of-type::after {
    display: none;
}
@media (max-width: 767px) {
	
 .breadcrumbs-wrapper ul li {
 	margin-right:5px;
 	margin-bottom: 8px;
 	padding-right:15px;
 }
}
/*** end of breadcrumb **/
 /*** ---- hero component---*/
 /*
 * Heros
 * --------------------------------------------------
 */
.yellowbg{
	background-color:#f5ed5a
}
.darkpinkbg{
	background:#a0298d;
}
.lightskybg{
	background:#bedeec;
}
.greybg{
	background: #f2f1ef;
}
.magenta-text *{
	color: #a2304c;
}
.hero {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 455px;
    position: relative;
}
.hero .description {
    position: absolute;
    top: 50%;
    left: 230px;
    transform: translateY(-50%);
    width: 350px;
}
.hero.home .description { 
	width: 375px;
	background:#ffffff;
	padding:15px 25px;
	opacity:0.95;
	color: #262626;
}
.hero .description .operator {
    border-top: solid 1px #b41946;
    margin-top: 30px;
    padding-top: 20px;
}
.unstoppable.grid__item {
    padding-left: 24px;
    padding-top: 24px;
}

/* Overrides on different hero variants */
.hero.article{
   height: 332px;
}
.container .hero-blurb > .wrapper{
    max-width: 980px;
}
.container .hero-blurb{
    background-color: #fff;
}
.hero.medium {
    height: 536px;
}
.hero.small {
    height: 332px;
}
.hero-blurb > .wrapper {
    max-width: 660px;
    margin: 0 auto;
}
.hero-blurb h1,
.hero-blurb h3 ,
.hero-blurb .author{
    color: #262626;
}
.hero-blurb hr {
    display: none;
}
.hero .description h3{
    color: #262626;
 }
.hero-banner-top.greenbg,.greenbg{
	background-color: #3AAA36;
}
.hero-banner-top.purplebg,.purplebg{
	background-color: #5F5EA7;
}
.hero-banner-top.lightpinkbg,.lightpinkbg{
	background-color: #996086;
}
.hero-banner-top.lightbluebg,.lightbluebg{
	background-color: #029DDE;
}
.hero-banner-top.darkyellowbg,.darkyellowbg{
	background-color:#F3C30E;
}
.hero-banner-top.countryStore, .custom-slider.countryStore {
    background-color: #e2da0b;
}
.hero-banner-top.frootloops, .custom-slider.frootloops {
    background: #00be2a;
}

.hero-banner .kstl-rich-text {
	padding:20px 0 0;
	margin:0 auto;
	width:90%;
}
.hero-banner img{
	width:100%;
	display:block;
}
.hero-banner .h1{
	color:#fff;
}

@media only screen and (min-width:768px){
	.hero-banner{
		color:#fff;
		display:flex;
		flex-direction:column;
		position: relative;
		overflow:hidden;
	}
	.hero-banner p{
		color:#fff;
		
	}
   .hero-banner .kstl-rich-text {
    	display: flex;
    flex-direction: column;
    top: 0;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 40%;
    padding: 0 0 0 10%;
    }
}


@media (min-width: 768px){
	.hero-banner{	
			
		height:auto;
	}
}
@media (min-width: 999px){	
	.hero-banner{
		height:410px;
	}
}
@media (max-width: 767px){	
	.hero-banner{
		height:auto;
		max-height: auto;
	}
}
	 .hero.pillar {
        margin-bottom: 125px;
        height: 420px;
    }
	.hero.pillar .description{
		position:absolute;
		top:330px;
		background:transparent;
		padding:20px 20px 0;
		 left: 0;
        transform: none;
		width: 100%;
	}
	
	.hero.pillar.what-we-believe,
	.hero.pillar.promotions{
		height:320px;
	}
	.hero.pillar,
	.hero.pillar.promotions{
		margin-bottom:50px;
	}
	
    .hero.pillar .description.small {
        position: static;
        top: 0;
        left: 0;
        transform: none;
        padding-top: 342px;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
	.hero.pillar.health-small .description.small{
		padding-top: 392px;
	}
	.hero.pillar .description h1 {
		margin-left:0px;
	}
}
@media (min-width: 1000px) and (max-width: 1455px) {
    .hero .description {        
        left: calc(48vw - 470px);
	}
}
@media (min-width: 602px) and (max-width: 999px) {
	.hero {
        height: 350px;
    }
    .hero .description {
        width: 80%;
        left: 10%;
    }
    .hero .menu {
        display: none;
    }
	.hero.pillar.who-we-are-new .description,
	.hero.pillar.recipes-small .description{
		margin-left:0 !important;
	}
	.hero.pillar.ourBrands{
		margin-bottom: 150px;
	}
}
@media (max-width: 601px) {
	.hero {
        height: 350px;
    }
    .hero .description {
        left: 50%;
        width: 80%;
        transform: translate(-50%, -50%);
    }
    .hero .menu {
        display: none;
    }
	.hero.pillar {
		background-position: right;
		margin-bottom: 165px;
	}
	.hero.pillar.health-small {
		background-position: 51%;
     } 
	.hero.home .description{
        width: 80% !important;
    }
}
@media (max-width: 480px) {
	.hero.pillar {
        margin-bottom: 145px;
    }
}

@media (max-width: 320px) {
    .hero .description {
        width: 90%;
    }
}
/*
 * Tab Control
 * --------------------------------------------------
 */

.tab-control-wrapper {
    margin: 0 auto 25px 0;
}

.tab-control-wrapper ul {
    list-style: none;
    text-align: center;
    margin-left: 0px;
}

.tab-control-wrapper ul li {
    display: inline-block;
    margin: 0 15px;
}
.tab-control-wrapper ul li a {
    display: block;
    padding: 4px 2px;
    text-decoration: none;
    color: #262626;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
}
.tab-control-wrapper ul li a.active,
.tab-control-wrapper ul li a:hover {
    color: #b51946;
    border-bottom-color: #b51946;
}
@media (max-width: 768px) { 
.tab-control-wrapper ul {
		text-align:left;
	}
	.tab-control-wrapper ul li{
		margin:0 5px 10px 0
	}
	.tab-control-wrapper ul li a {
		font-size:16px;
	}
}

/*
 * Custom GSA List
 * --------------------------------------------------
 */
.custom-gsa-container .filters {
    text-align: center;
    margin-bottom: 70px;
}
.custom-gsa-container .filters > a {
    display: inline-block;
    background-color: #f7f7f7;
    padding: 12px 30px;
    text-decoration: none;
    border: solid 1px #dddddd;
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
    margin: 4px 4px;
    border-radius: 999px;
}
.custom-gsa-container .filters > a:hover,
.custom-gsa-container .filters > a.is-active {
    border-color: #262626;
    background-color: #262626;
    color: #f7f7f7;
}
.custom-gsa-container .collection .collection-no-results {
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #b51946;
}
.results-total-wrapper {
    display: none;
    margin-bottom: 20px;
}
.results-total-wrapper span {
    font-weight: bold;
}
 .result-item .link-wrapper .name {
     font-size: 16px;
    padding: 0 15px;
}
 .result-item .link-wrapper .description {
    display: none;
}
 .result-item[data-type="product"] .link-wrapper .description,
 .result-item[data-type="brand"] .link-wrapper .description {
    display: none;
}
.custom-gsa-container .pagination {  
    margin: 0 auto;
    width: 100%;
}
.custom-gsa-container .pagination ul li a.number:hover {
    text-decoration: underline;
}
.custom-gsa-container .pagination ul {
    list-style-type: none;
    text-align: center;
    margin-left: 0;
}
.custom-gsa-container .pagination ul li {
    display: inline-block;
    margin: 0 10px;
}
.custom-gsa-container .pagination ul li a {
    display: block;
    font-size: 16px;
    color: #2c2c2c;
    border-radius: 999px;
    padding: 6px 15px;
}
.custom-gsa-container .pagination ul li a:hover {
    background-color: rgba(243, 243, 243, 0.4);
}
.custom-gsa-container .pagination ul li a.is-active {
    cursor: default;
    background-color: #2c2c2c;
    color: white;
}
.custom-gsa-container .pagination ul li a.previous-link img,
.custom-gsa-container .pagination ul li a.first-link img {
    transform: rotate(180deg);
}
@media (max-width: 480px) {
	 .custom-gsa-container .pagination ul li {
        margin: 0 5px;
    }
}

/*
 * Lightbox Overlays
 * --------------------------------------------------
 */
.vbox-overlay {
    background-color: rgba(255, 255, 255, 0.8);
}
.vbox-container > .vbox-content > .vbox-inline {
    background-color: transparent !important;
}
.vbox-container > .vbox-content > .vbox-inline > .grid > .grid__item {
    padding-left: 0;
}
.vbox-container .vbox-content .overlay-container {
    max-width: 800px;
    background-color: white;
    padding: 60px 40px;
    margin: 10px auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
/*
 * 'Ask Us' Overlay
 * --------------------------------------------------
 */

.vbox-container .vbox-content .overlay-container.overlay-ask-us-container {
    font-size: 16px;
    color: #666666;
}
.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactinfo-region {
    display: none !important;
}
.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region {
    border: none;
}
.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region .box-header {
    display: none !important;
}
.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region .box-body {
    padding: 0;
}
.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region > form > fieldset > div {
    margin: 20px 0;
}
.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region button[type="submit"] {
    background-color: #b51946;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 999px;
    border: none;
    margin-top: 30px;
    transition: background-color .3s, border .3s;
}
.vbox-container .vbox-content .overlay-container.overlay-ask-us-container #KSTL-ContactUs-contactform-region button[type="submit"]:hover {
    background-color: #6f1b2b;
}
/*
 * Operators container (used in Product detail, promotion detail pages)
 * --------------------------------------------------
 */

.operators-container {
   
    padding-top: 40px;
}
.operators-container.is-sticky {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    padding-left: 40px !important;
    background-color: rgba(255, 255, 0, 0.2);
}
.operators-container .operator {
    margin-top: 30px;
}
.operators-container .operator .where-to-buy {
    background-position: 20px 50%;
    background-repeat: no-repeat;
    padding-left: 60px;
    display: none;
}
.operators-container .operator .send-question {
    display: inline-block;
    padding: 18px 10px 18px 60px;
    text-transform: uppercase;
    text-decoration: none;
    color: #2c2c2c;
}

/** add this**/
.kstl-add-this {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 20px 0;
}
.kstl-add-this div.addthis_toolbox, .kstl-add-this div.kstl-rich-text {
    display: flex;
    vertical-align: middle;
    flex-direction: column;
    width: 50%;
    justify-content: center;
    padding: 0 10px;
    height: 53px;
    align-items: flex-start;
    margin: 0;
}
.kstl-add-this div.kstl-rich-text p{
	margin:0;
}
.kstl-add-this div.addthis_toolbox {
    align-items: flex-end;
}
.kstl-add-this .addthis_text {
    cursor: pointer;
    color: #2c2c2c;
    line-height: 53px;
}
.kstl-add-this .addthis_button_compact {
    width: 53px !important;
    height: 53px !important;
    content: '';    
    margin: 0;
}
.kstl-add-this .addthis_button_compact .at-icon-wrapper {
    display: none;
}

/*
 * Product Details Page
 * --------------------------------------------------
 */

.productDetail .leftColumn {
    position: relative;
}
.productDetail .headline {
   margin-left: 60px !important;
}
.productDetail .headline .kstl-product-header {
    font-size: 54px;
    color: #262626;
    padding-bottom: 30px;
    line-height: 1.2;
}
.productDetail .headline .kstl-product-description {
    font-size: 18px;
    color: #2c2c2c;
}
.productDetail .headline .kstl-image-wrapper {
    margin-top: 20px;
    margin-left: 20px;
}
.productDetail .headline .kstl-nutrition-info {
    margin-top: 30px;
    padding: 0;
    font-size: 16px;
    color: #666666;
}
.productDetail .headline .kstl-nutrition-info .kstl-nutrition-header {
    font-size: 18px;
    text-transform: uppercase;
    color: #262626;
}
.product_nutrition_btn {
    padding: 0;
    margin-top: 30px;
    font-size: 18px;
    color: #262626;
    text-transform: uppercase;
    border: none;
    border-bottom: solid 2px #808080;
    text-align: center;
    margin: 0 auto;
    display: table;
    margin-top: 30px;
}
.productDetail .kstl-product-nutrition-table,
.productDetail .product-nutrition-table {
    margin-top: 60px;
    margin-left: 0;
    width: 100%;
    background-color: white;
    font-weight: normal;
    font-size: 14px;
    color: #666666;
}
.productDetail .kstl-product-nutrition-table tbody tr,
.productDetail .product-nutrition-table thead tr,
.productDetail .product-nutrition-table tbody tr {
    border: none;
}
.productDetail .product-nutrition-table thead tr {
    background-color: #b51946;
    color: white;
}
.productDetail .kstl-product-nutrition-table tbody tr:nth-of-type(odd),
.productDetail .product-nutrition-table tbody tr:nth-of-type(odd) {
    background-color: #f8f8f8;
}
.productDetail .kstl-product-nutrition-table tbody tr td,
.productDetail .product-nutrition-table thead tr th,
.productDetail .product-nutrition-table tbody tr td {
    padding: 15px 20px;
}
.productDetail .kstl-related-products {
    margin-top: 60px;
}
.productDetail .kstl-related-products .heading {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #2c2c2c;
}
.productDetail .kstl-related-products .relatedItem_list {
    margin-top: 30px;
}
.productDetail .kstl-related-products .relatedItem_list .grid__item {
    padding: 0 50px !important;
}
.productDetail .kstl-related-products .relatedItem_list .grid__item h3 a {
    font-size: 18px;
    color: #2c2c2c;
}
.kstl-prod-detail-page .kstl-responsive-image img {
    padding: 0;
}
@media (max-width: 999px) {
	.productDetail .headline {
		margin-left:0px !important;
	}
	.productDetail .wideColumn .headline h1, html .productDetail .wideColumn .headline h1 {
		padding:0px;
	}
	.productDetail .headline .kstl-product-header {
		font-size:54px;
	}
}
@media (max-width: 601px){

    .productDetail .multiContentGrid{
        padding-top: 0px!important;
    }
    .productDetail .kstl-related-products {
        margin-top: 0;
    }
	.productDetail .wideColumn{
        padding: 0 20px!important;
    }
	.leftColumn .kstl-product-header {
        margin-top: 0;
        padding-left: 0px;
        padding-right: 0px;
    }

    body section .productDetail .leftColumn {
        padding: 0 20px 0px!important;
    }

   
}
/** end of product detail **/

/*
 * Recipe Details Page
 * --------------------------------------------------
 */

.recipeDetail .meta-container {
    margin-right: 80px;
}
.recipeDetail .meta-container .kstl-recipe-servings,
.recipeDetail .meta-container .kstl-recipe-totaltime {
    text-transform: uppercase;
    padding: 30px 0;
    border-bottom: solid 1px #e9e8e6;
    font-size: 14px;
    color: #262626;
    margin: 0;
}
.recipeDetail .meta-container .operator {
    border-bottom: solid 1px #e9e8e6;
    padding: 30px 0;
}
.recipeDetail .meta-container .operator .send-question {
    display: inline-block;
    padding: 18px 10px 18px 65px;
    text-transform: uppercase;
    text-decoration: none;
    color: #2c2c2c;
}
.recipeDetail .meta-container .kstl-add-this {
    padding: 30px 0;
    border-bottom: solid 1px #e9e8e6;
    display: block;
}
.recipeDetail .kstl-add-this div.addthis_toolbox, .recipeDetail .kstl-add-this div.kstl-rich-text{
	display:inline-block;
	width:auto;
	padding: 0;
}
.recipeDetail .kstl-recipe-ingredients h4,
.recipeDetail .kstl-recipe-directions h4 {
    text-transform: uppercase;
    display: inline-block;
}
.recipeDetail .kstl-recipe-ingredients .ingredient-section {
    font-size: 16px;
    color: #666666;
    font-weight: normal;
    text-transform: uppercase;
    display: inline-block;
    margin: 8px 0 4px 0;
}
.recipeDetail .ingredients{
	margin-left:20px;
}
@media only screen and (min-width: 1000px){
.recipeDetail .desk-one-third {
    width: 33%;
}
.recipeDetail .recipe-list-wrapper .result-item .link-wrapper .image{
    height: 180px;
    width: 250px;
}
body #main_container .recipe-list-wrapper .result-item{
	margin-bottom:0;
}
}

/*
 * Search Results
 * --------------------------------------------------
 */

.searchResults .result-container {
    margin: 10px 0;
}
.searchResults .result-container .result-item {
    display: block;
    padding: 60px;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s;
}
.searchResults .result-container .result-item:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}
.searchResults .result-container .result-item .item {
    float: left;
}
.searchResults .result-container .result-item .item.blurb {
    width: calc(100% - 240px);
}
.searchResults .result-container .result-item .item.blurb h3 {
    display: inline-block;
    color: #262626;
}
.searchResults .result-container .result-item .item.blurb p {
    display: inline-block;
}
.searchResults .result-container .result-item .item.image {
    width: 120px;
    margin: 0 60px;
}
.serach-results .tab-wrapper-2  .result-item .link-wrapper .name {
    display: none;
}
/*
 * Internal Scroll
 * --------------------------------------------------
 */

.internal-scroll {
    padding: 20px 0 20px 0 !important;
}
.internal-scroll .logo-wrapper {
    float: left;
    display: none;
}
.internal-scroll .logo-wrapper img {
    width: 100px;
}
.internal-scroll .custom-overlay-trigger-wrapper {
    float: right !important;
    margin-top: 10px;
    display: none;
}
.internal-scroll .nav {
    text-align: center;
    margin: 0 auto;
}
.internal-scroll .nav ul {
    list-style-type: none;
}
.internal-scroll .nav ul li {
    display: inline-block;
    margin: 0;
}
.internal-scroll .nav ul li a {
    display: inline-block;
    margin: 0 10px;
    padding: 15px 10px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    border: 0;
}
.internal-scroll .nav ul li a.active {
    background-color: #2c2c2c;
    color: white;
	text-decoration:underline;
}
.internal-scroll.is-sticky {
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 13;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.internal-scroll.is-sticky > .grid__item {
    display: block;
    max-width: 1440px;
    margin: 0 auto !important;
}
.internal-scroll.is-sticky .logo-wrapper {
    display: block;
    /* margin-bottom: 10px; */
}

.internal-scroll.is-sticky .custom-overlay-trigger-wrapper {
    display: block;
}
@media (max-width: 767px) { 
	.internal-scroll .nav {
		clear:both;
	}
	.internal-scroll .nav ul li a:hover{
		/* background-color: inherit; */
		/* color: inherit; */
		/* text-decoration:none; */
	}
}
@media (min-width: 768px) {
	.internal-scroll .nav ul li a:hover{
    background-color: #2c2c2c;
    color: white;
	text-decoration:underline;
}
}
/*
 * Custom Overlay
 * --------------------------------------------------
 */

.custom-overlay-parent {
    display: none !important;
    position: fixed;   
    background-color: rgba(255, 255, 255, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.custom-overlay-parent.active {
    display: block !important;
}
/*
 * Custom Overlay: Search Overlay
 * --------------------------------------------------
 */

.custom-overlay.search-overlay {
    max-width: 1440px;
    margin: 0 auto !important;
    background-color: white;
    background: linear-gradient(180deg, white, white 95%, transparent);
    padding: 15px 25px 120px 25px !important;
}
.custom-overlay.search-overlay .operator.close {
    text-align: right;
    cursor: pointer;
    margin-top: 12px;
}
.custom-overlay.search-overlay .search-textbox {
    max-width: 980px;
    margin: 100px auto 0 auto;
}
.custom-overlay.search-overlay .search-textbox input[type="text"] {
    width: calc(100% - 75px);
    font-size: 36px;
    padding: 10px 0;
    margin: 0 20px 0 0;
    border: none;
    border-bottom: solid 1px #cccccc;
    border-radius: 0;
}
.custom-overlay.search-overlay .search-textbox input[type="text"]::-webkit-input-placeholder,
.custom-overlay.search-overlay .search-textbox input[type="text"]::-moz-placeholder,
.custom-overlay.search-overlay .search-textbox input[type="text"]::-ms-input-placeholder {
    color: darkslateblue;
}
/*logo*/

.grid__item.custom-overlay-parent.active > div > div:nth-child(1) > div > span > img {
    margin-left: 15px;
    width: 100px;
    margin-top: 1px;
}

@media (max-width: 601px) {
    .grid__item.custom-overlay-parent.active > div > div:nth-child(1) > div > span > img {
        margin-left: -5px
    }
}
/*spredfast*/

body > div.header-holder > div.header {
    display: none !important;
}
body > div.header-holder > div.subheader {
    background-color: none !important;
}
/**-- COntact us  --*/
#KSTL-ContactUs-main .callus {
    height: auto;
}
#KSTL-ContactUs-main .box-header {
    background: #b41946 !important;
}
#KSTL-ContactUs-main .box-bordered {
    border: none !important;
}
#KSTL-ContactUs-main {
    display: block !important;
}
.contactUsWrapper .box-bordered .box-body .writeus,.contactUsWrapper .box-bordered .box-body .callus{
    min-height: 30px;
}
.contactUsWrapper .box-bordered .box-body p{
	margin-top:0;
}
/*sitemap*/
.sitemap ul li{
	margin-bottom:0 ;
}
.sitemap ul li a {
    text-decoration: none;
    color: #d31145;
    padding-bottom: 10px;
    /* display: inline-block; */
    /* padding-right: 10px; */
}
.sitemap ul li a:hover{
 text-decoration:underline; 
}
.sitemap.centeredContent ul{
		padding-bottom: 40px;
	}
@media only screen and (min-width:602px) {
	.sitemap.centeredContent ul{
		column-count:3;
	}
}
/*fixes*/

.modal__container {
    display: none !important;
}
.header-holder {
    display: none !important;
}
.operator.close p {
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom-style: solid;
    width: 43px;
    float: right;
}

.articlepodright {
    width: 220px;
    float: right;
    margin: 0 0 20px 20px;
}
.articlepodleft {
    width: 210px;
    float: left;
    margin: 0 20px 10px 0;
}
.articlepodright-paragraph {
    width: 210px;
    float: right;
    margin-left: 20px;
    margin-top: 0;
    height: 145px;
}
.grid.fullWidth.whiteBackground {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}
.whiteBackground {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    width: 100%;
}
.LFlastPera {
    text-align: right;
}
.LFlastPeraText {
    width: 60%;
    float: left;
    text-align: left;
}
.LFlastPeraImage {
    width: 38%;
    display: inline-block;
}
.LFlastPeraImage img {
    width: 100%;
}
div.row2020 {
    width: 100%;
    float: left;
}
.row2020 p{
	padding-top:25px;
}
@media (min-width: 602px) and (max-width: 999px) {
    
	.row2020 p{
		padding-top:0;
	}
	.row2020{
		margin-bottom:20px;
	} 
}
 
.littleFarmerPeraImage div img{width:70%;}
.brands-list-wrapper  .result-item .link-wrapper .name, .brands-list-wrapper  .result-item .link-wrapper .cta-articles,.brands-list-wrapper  .result-item .link-wrapper .description,
.search-results  .result-item .link-wrapper .description{display:none !important;}


.ftr_text {
	padding: 20px;
	text-align: center;
	margin: 10px 0px;
}

.ext-padding {
	padding:0px 20px;
}
.myAccountLogin .grid__item a{
    text-decoration: none;
}
@media (max-width: 999px) { 
	.grid.centeredContent.myAccountLogin .grid__item {
		padding: 0px 20px !important;
	}  
	 .blades-container .blade.alt .block.description {
		padding-left: 20px;
	}
}
.kstl-carousel-grid-slide .kstl-feature-inset, .kstl-carousel-grid-slide-reverse .kstl-feature-inset, .kstl-full-image-slide .kstl-feature-inset {
	background: transparent !important;
}
#kelloggsuk {
	text-align:center;
}
.vbox-next, .vbox-prev {
	display:none !important;
}


/* New Design Changes */

.disclaimer-txt {
    padding: 40px;
    text-align: left;
    margin: 0 auto;
    font-size: 12px;
}
.disclaimer-txt li,
.disclaimer-txt *{
	font-size: 12px;
	
}
.disclaimer-txt p{
	margin-bottom:0;
}
.custom-list .collection div{
	display:none;
}
.custom-list .collection div:nth-child(1), .custom-list .collection div:nth-child(2) {
	display:block;
}
.custom-list.show-all .collection div {
	display:block;
}
.recipes-view-all {
	text-align:center;
}
.recipes-view-all span {
	text-transform: uppercase;
	cursor:pointer;
	background:#000;
	border-radius: 999px;
	color:#fff;
	padding: 15px 30px;
	display: inline-block;
	border:1px solid #000;
}
.recipes-view-all:hover span{
	background-color:#fff;
	color:#000
}
.custom-brand-pages .internal-scroll, .custom-brand-pages .internal-scroll.is-sticky {padding: 0 !important;background:#000;}
.custom-brand-pages .internal-scroll .top-links .nav a:hover, 
.custom-brand-pages .internal-scroll .top-links .nav a.active {text-decoration:underline; background:none;}
.custom-brand-pages .kstl-responsive-image img {
    display: block;
	width:100%;
}
body #main_container .custom-brand-pages .cereal-slider{
	padding-top:40px;
}
/**--brand redesign--*/
.hero-banner-top {display:flex;flex-direction:row;background: #837fbc;}
.hero-banner-top > div {width:50%;text-align:center;align-self: center;}
.hero-banner-top .content-box .inner {padding:0 5% 0 25%;text-align:left;color:#fff;}
.hero-banner-top .img-box {text-align:center;padding:40px;}		
.hero-banner-top .img-box img {max-height:559px; width:auto;}
.hero-banner-top .content-box .inner,.collection .result-item .link-wrapper .name{
    //color: #fff;
}
.hero-banner-top .content-box .inner p:last-of-type{
	margin-bottom:0;
}
.hero-banner-top .content-box .inner p.margin-bottom-20{
    margin-bottom:20px;
}

.left-margin {
	margin-left:-18%;
}
.left-margin-5 {
	margin-left:-5%;
}
.hero-banner-top .content-box p a {
	color:#fff;
}
.hero-banner-top .content-box .inner p{
	color:#fff;
}
@media only screen and (max-width:1200px){
.hero-banner-top .content-box .inner {padding-left:25%;}
}
@media only screen and (max-width:1000px){
	.hero-banner-top .content-box .inner {width:auto;padding-left:5%;padding-top: 40px;
    padding-bottom: 40px;}
	.hero-banner-top .content-box h1 {font-size:48px;}
}
@media only screen and (max-width:602px){
	.hero-banner-top {flex-direction: column;flex-flow: column-reverse;}
	.hero-banner-top > div {width:100%;}
	.hero-banner-top .content-box .inner {
    text-align:center;
    width: auto;
	margin-bottom:40px;
    padding: 0;
    max-width: 90vw;
    margin-right: auto;
    margin-left: auto;
    }   
	.hero-banner-top .img-box.left {
    text-align: center;
}
}
.flexslider ul.slides {
	margin:0px !important;
}
.flexslider .flex-direction-nav li{
	margin:0;
}
.flexslider .slides>li{
	margin-bottom:0;
}
.custom-slider .flex-viewport {
	padding:0 10%;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover{
	background: #000000;
}
.flex-control-nav{
	bottom:10px;
}
@media only screen and (max-width:999px) {   
	.flex-control-nav li {
		margin:0px 3px;
	}
}
@media only screen and (max-width:602px){	
	.flexslider .flex-control-paging {
		display: block;
	}
}
/**---old design pages--*/
.banner-box-3 {display:flex; flex-direction:row;}
.banner-box-3 > div {width:33.34%}
.banner-box-3 img {display:block;}
@media all and (-ms-high-contrast:none) {
	body #error_wp, 
	html #error_wp {border:0;}
	body #main_container, 
	html #main_container {overflow-y:hidden;}
}

@media only screen and (max-width:769px) {
	
	ol.ar-tc {
		margin-left:30px;
	}
	ol.ar-tc li {
		text-align:left;
	}
	.txtCenterInMob {
		text-align:center !important;
	}
	.notop-margin {
	margin-top:0px !important;
	}
	.notop-padding {
		padding-top:0px !important;
	}
}
@media only screen and (max-width:602px){
	.banner-box-3 {flex-direction: column;}
	.banner-box-3 > div {width:100%}
}

/* To hide unwanted heading from product details page */
.kstl-nutrition-header.kstl-sansM h5 {
	display:none;
}
.red-text {
	color:#d31145;
}

.small-txt {
	font-size:12px;
}
.tile-text{
	padding:20px;
}
.center{
	text-align:center;
}
.centeredText{
	padding:20px;
	text-align:center;
}
.padding-leftright40, #main_container .grid .grid.padding-leftright40{
	padding-left:40px;
	padding-right:40px;
}
#main_container .grid .grid .padding20, 
#main_container .grid .grid.padding20,
.padding20{
	padding:20px;
}
#main_container .grid .grid .padding40, 
#main_container .grid .grid.padding40,
.padding40{
	padding:40px;
}
@media (max-width: 767px) { 
#main_container .grid .grid .padding40, 
#main_container .grid .grid.padding40,
.padding40{
	padding:40px 20px;
}   
}
.padding-top40, #main_container .grid .grid.padding-top40{
	padding-top:40px;
}
.padding-top20, #main_container .grid .grid.padding-top20{
	padding-top:20px;
}
.padding-leftright20, #main_container .grid .grid.padding-leftright20{
	padding-left:20px;
	padding-right:20px;
}
.centeredText .red-text{
    color: rgb(211,17,69);
}
.imageLink        {
    display:block;
    font-size:0
}
.view-all {
    text-align: center;
}
.view-all .button{
    background-color:#2c2c2c;
    border: 1px solid #2c2c2c;
}
.view-all .button:hover{
    background-color: #fff;
    color: #2c2c2c;
    border: 1px solid #2c2c2c;
}
.blockImg{
	display:block;
}
.scroll {
	width: 100%;
    text-align: center;
}
.scroll img {
    width: 50px;
    margin: 1% auto -1% auto;
}
.bottom-txt {
	font-weight:bold;
	text-align:center;
	color:#000;
	padding:0px 20px 10px 20px;
}
.bottom-txt span {
	color:#733128;
	font-weight:bold;
}
.bottom-desc {
	padding:0px 20px 10px 20px;
    text-align:center;
    font-size:12px;
}
.flexslider .slides {
	-webkit-transform: translate3d(0, 0, 0); 
	-moz-transform: translate3d(0, 0, 0); 
	-ms-transform: none; 
	-o-transform: translate3d(0, 0, 0); 
	transform: none;
	-webkit-transition: 1s ease-out;
	-moz-transition: 1s ease-out;
	transition: 1s ease-out;
}
.home-page-slider h2 {
    color: #fff;
}
.home-page-slider{
	margin-bottom:40px;
}
.home-page-slider .flexslider .slides .kstl-feature-inset {
	left: 6%;
	top: 36%;
	width: 24%;
	position:absolute;
}
@media (max-width: 601px) {
	.home-page-slider .flexslider .slides .kstl-feature-inset {
	left: 5%;
	top: 5%;
	width: 0;
	text-align: center;
	}
}
/** cereal slider **/
.cereal-slider .flexslider .slides .kstl-feature-inset {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	column-count: 1;
	width: 50%;
	color: #fff;
	left: 0;
	background: transparent !important;
	top:0;
}
.cereal-slider .flexslider .kstl-rich-text, .related-section-tile {
	color:#ffffff;
}
.cereal-slider h2, .centeredText h2, .recipe-list-wrapper h2{
	text-align:center;
}

.cereal-slider .kstl-rich-text h3,.related-section-tile h3{
	word-break: break-word;
	margin-bottom: 15px;
}
.cereal-slider .kstl-rich-text p, .related-section-tile p, .tile-text p{
	word-break: break-word;
	color: #fff;
}
.cereal-slider .kstl-rich-text .button, .related-section-tile .button {
	background:#ffffff;
	color:#000000;
	font-size: 14px;
	padding: 15px 30px;
}
.cereal-slider .kstl-rich-text .button:hover, .related-section-tile .button:hover {
background:#000;
	color:#fff;
}
.cereal-slider .flexslider .kstl-rich-text{
	padding:0 20%;
}
@media only screen and (max-width: 1000px) {
	
     .cereal-slider .flexslider .kstl-rich-text {
        max-width: none;
        padding: 10%;
    }
    .cereal-slider .flexslider .slides .button,.related-section-tile .button {
    padding: 15px 20px;
}
}

@media only screen and (max-width:602px) {
    .cereal-slider .flexslider .slides .kstl-feature-inset {
		position: absolute;
		width:100%;
		width: 100%;
		justify-content: flex-start;
		top: 0;
		margin: 0;
	}    
	.cereal-slider h2{
		padding:0 20px;
	}
}

/*** product slider */

.product-slider{
	margin-bottom:40px;
}
.product-slider .flex-viewport,.custom-slider .flex-viewport{
    padding:0 10%;
}

.product-slider ul .kstl-rich-text, .custom-slider .collection{
    display: flex;
    padding-bottom:20px;
    border: none;
}
.product-slider .slide-product, .custom-slider .result-item {
    width: 25%;
    flex-direction: column;
    text-align:center;
    vertical-align: top;    
    min-height:340px;
}
.product-slider .slide-product a, .custom-slider .result-item a{
    width:auto;
    margin:0 10px;
    display: inline-block;
    text-decoration: none;
}
.product-slider .product-image img,.custom-slider .result-item .image img {
	margin-bottom:20px;
}
@media only screen and (max-width:1000px) {
.product-slider .slide-product, .custom-slider .result-item{
    width: 50%;
}
}
@media only screen and (max-width:601px) {
.product-slider .slide-product{
    width: 90%;
    display: block;
    margin:0 auto;
}
.custom-slider .result-item {
    width: 100%;
    display: block;
    text-align: center;
}
}
/** custom slider on hero banners--*/
.custom-slider{min-height:0;}
.custom-slider.custom-slider  .result-item .link-wrapper{
    width: 90%;
    margin: 0 10px;
    background:none;
    text-align:center;
    text-decoration:none;
    color: #fff;
}
.custom-slider  .result-item .link-wrapper .image {
    width: 17vw;
    height: 17vw;
    background: #fff;
    border-radius: 50%;
    padding: 2vw;
    max-width: 240px;
    max-height: 240px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.custom-slider  .result-item .link-wrapper .image img{
    margin:0 auto;
    width: auto;
	max-height: 80%;
}
@media only screen and (max-width:1000px){	
	.custom-slider  .result-item .link-wrapper .image {
    width: 75vw;
    height: 75vw;
    padding: 5vw;
    }
}
.related-section-tile{
    padding: 20px;
    color: #ffffff;
    min-height: 270px;
    background-color: #6b2f45;
    position:relative;
}
.related-section-tile.red-bg{
	background-color:#d30022;
}
.related-section-tile.pink-bg{
	background-color:#D52A45;
}
.related-section-tile.green-bg{
    background: #00ab42; 
}
.related-section-tile.blue-bg{
    background: #33699D;
}
.related-section-tile.yellow-bg{
    background: #CAA112;
}
.related-section-tile.lightyellow-bg{
    background: #FCCD3F;
}
.related-section-tile img{
	position:absolute;
	right:0;
	bottom:0;
	max-height:65%;
}
.one-quarter .related-section-tile{
    min-height: 230px;
}
.one-quarter .related-section-tile img{
    max-width:70%;
    max-height:70%;
}
.home-related-article-tiles .related-section-tile{
	min-height: 560px;
	padding: 40px;
}
.home-related-article-tiles .related-section-tile img{
	width:auto;
	max-height: 43%;
}

/*
 * Footer
 * --------------------------------------------------
 */
footer{
	max-width:1250px;
	padding: 60px 3% 0 3%;
	margin:0 auto;
}
footer .footer{
	color:#000000;
}
footer .widgets{
	margin-bottom:40px;
}
.footer .widgets .widget-list ul {
    list-style: none;
	margin-left:0;
	margin-right: 50px;
}
footer .widgets ul li{
	margin-bottom:0;
} 
footer .widgets ul li a{
	padding: 10px 0;
	border-bottom: 1px solid #d8d8d8;
	text-decoration: none;
	display: block;
	color: #000;
}
footer .copyright{
	
}
.copyright-txt {
	font-size:10px;
	color:#3b3b3b !important;
	text-align:left;
    display: inline-block;
    width:69%;
}
.social-links {
	display: inline-block;
	width:30%;
	text-align:right;
	margin: 0;
	list-style: none;
}
.social-links li{
    display: inline-block;
    margin-right:10px
}
.social-links span {
	margin-right:2px;
}
@media (max-width: 767px) {
	.home-related-article-tiles .related-section-tile{
		padding: 10%;
	}
	footer{
		padding: 40px 20px;
	}
	footer .widgets{
		margin-bottom:20px;
	}
	.footer .widgets .widget-list ul li a{
		 border-bottom: none;
		 display:inline-block;
	}
	.copyright-txt,.social-links {
        display: block;
        width:100%;
        margin-bottom: 10px;
        text-align: left;
    }
	.copyright-txt{
		margin-bottom:20px;
	}
	.social-links li {
		margin-left:0;
	}
}

/*--faq section--*/
.faq_list{border-bottom: 2px solid #323232;max-width: 980px;}
body #main_container .grid .grid.faq-section {text-align: center;background:#f3f3f3;padding:40px;}
.faq-section h6 {font-size: 20px;text-transform:uppercase;color:#323232;text-align:left;border-top:2px solid #323232;padding: 20px 36px 20px 0;margin-top: 0;}
.faq_list{border-bottom: 2px solid #323232;max-width: 980px;}
.faq-section .kstl-show-hide {position:relative; max-width:980px; margin:0 auto;}
.faq-section .kstl-show-hide a {color:#323232; text-decoration:none;}
.faq-section p {text-align: left;color:#323232;/* padding-right:50px; */}
.faq-section .kstl-show-hide .sign {position:absolute;right:10px;width: 25px;height: 25px;text-indent: -99999px;background-size: cover;background-position: left center;font-size:25px;top: 20px;}
.faq-section .kstl-show-hide .open .sign {
    background-position: left center;
    top: 20px;
}
.faq-section .kstl-show-hide .kstl-rich-text a{
	word-break: break-word;
}
@media only screen and (max-width:767px){
	body #main_container .grid .grid.faq-section{
		padding:40px 20px;
	}
	.faq-section .kstl-show-hide .sign{
		height:20px;
		width:20px;
		top:25px;
		right: 0;
	}
	.faq-section .kstl-show-hide .open .sign{
		top:25px;
	}
}
/*--youtube section--*/
.yt_player{-webkit-box-shadow: 1px 14px 9px -7px rgba(0,0,0,0.24);-moz-box-shadow: 1px 14px 9px -7px rgba(0,0,0,0.24);box-shadow: 1px 14px 9px -7px rgba(0,0,0,0.24);/* margin-top: 20px; */margin-bottom: 20px;margin-left: auto;}
.modal__content .yt_player{width:56%;margin-right:auto;}

.yt-spacing .palm-one-whole:first-child{
    padding: 0 10px 0 0 !important;
    margin-top: 15px !important;
}

.yt-spacing .palm-one-whole{
    padding: 0 0 0 10px !important;
    margin-top: 15px !important;
}
/*articles listing*/

.articles .result-item .link-wrapper {
    background-color: white;
    margin: 20px 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    display: block;
    transition: box-shadow 0.3s;
    min-height: 460px;
}
.articles .result-item .link-wrapper .name {
    color: #2c2c2c;
    font-size: 24px;
    padding-bottom: 8px;
    text-transform: uppercase;
    min-height: 64px;
}
.articles .result-item .link-wrapper .image {
    margin-bottom: 30px;
}
.cta-articles {
    display: none;
}
@media (max-width: 601px) {
	.cta-articles {
		margin-bottom: 20px;		
	}
}
/* sitemap  */
.sitemap .subtitle {
    font-style: normal;
    font-size: 16px !important;
    font-family: KelloggsSansMedium !important;
    margin: 14px 0;
    display: block;
    padding-left: 2px;
    padding-bottom: 16px !important;
    border-bottom: 1px dotted black;
}

.sitemap ul li a {
    text-decoration: none;
    color: #d31145;
    display: inline-block;
    padding: 4px 0;
    margin: 2px 0;
}


/*
 * Cards
 * --------------------------------------------------
 */

.cards-container .card {
    display: block;
    background-color: #8c8b8b;
    position: relative;
    float: left;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s;
    margin: 20px 0;
    font-size: 0;
}
.cards-container .card:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}
.cards-container .grid__item:nth-of-type(even) .card {
    float: right;
}
.cards-container .card .image {
    width: 100%;
}
.cards-container .card .image .offer {
    max-height: 360px;
}
.cards-container .card .description {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 80%;
    text-align: center;
	color: #ffffff;
}
.cards-container .card .description h3 {
    color: #ffffff;
    text-transform: uppercase;
}
.cards-container .card .description p {
    color: #ffffff;
 }
/* 2nd variants of the card component */

body #main_container .grid .grid.cards-container .card2,
body #main_container .grid .grid.cards-container .card3 {
    background-color: white;
    margin:0 10px 20px 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    display: block;
    transition: box-shadow 0.3s;
}
body #main_container .grid .grid.cards-container .card2:hover,
body #main_container .grid .grid.cards-container .card3:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}
.cards-container .card2 img,
.cards-container .card3 img {
    width: 100%;
}
.cards-container .card2 .description, body #main_container .grid .grid.cards-container .card2 .kstl-rich-text a,
.cards-container .card3 .description, body #main_container .grid .grid.cards-container .card3 .kstl-rich-text a{
    padding: 40px 35px;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #2c2c2c;
}
.cards-container .card2 .description p, body #main_container .grid .grid.cards-container .card2 .kstl-rich-text a p,
.cards-container .card3 .description p, body #main_container .grid .grid.cards-container .card3 .kstl-rich-text a p {
    color: #666666;
	min-height:88px;
	margin-bottom:0;
 }
.cards-container .card3 .description p, body #main_container .grid .grid.cards-container .card3 .kstl-rich-text a p {
	min-height:132px;
}
.cards-container .card3 .description h3, body #main_container .grid .grid.cards-container .card3 .kstl-rich-text a h3 {
	min-height:56px;
}
/*4th variant of cards*/

.cards-container .card4 {
    max-height: 320px;
    background-color: white;
    margin: 20px 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    display: block;
    transition: box-shadow 0.3s;
}
.cards-container .card4 .description {
    padding: 40px 60px;
    text-align: center;
    min-height: 150px;
}
.cards-container .card4 .description h3 {
	font-size: 18px;
    color: #2c2c2c;
}
.cards-container .card4 .description p {
    color: #666666;
}
.cards-container .card4 .image img {
    width: 100%;
}
.cards-container .card4:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}

@media (min-width: 602px) and (max-width: 999px) {
    .cards-container .grid__item:nth-of-type(odd) .card {
        margin-right: 10px;
    }
    .cards-container .grid__item:nth-of-type(even) .card {
        margin-left: 10px;
    }
    .cards-container .card .description {
        top: 2vw;
        width: 90%;
    }    
	#main_container .grid .grid.cards-container .card2 .kstl-rich-text h3{
		min-height:56px;
	}
	body #main_container .grid .grid.cards-container .card2 .kstl-rich-text a p{
		min-height:132px;
	}
}
@media (max-width: 601px) {
	.cards-container {
        max-width: 514px !important;
        margin: 0 auto !important;
    }
    .cards-container .card {
        float: none;
        width: 100%;
        max-width: 482px;
        margin-left: 0 !important;
    }    
    body #main_container .grid .grid.cards-container .card2{
    	margin: 0 auto 20px auto;
    }
   
}
@media (max-width: 999px) {
	.cards-container .card .description {
        top: 3vw;
        width: 90%;
    }
	.cards-container .card .description p {
        display: none;
    }
	.cards-container .card2 .description, body #main_container .grid .grid.cards-container .card2 .kstl-rich-text a,
	.cards-container .card3 .description, body #main_container .grid .grid.cards-container .card3 .kstl-rich-text a{
    	padding:20px;
    }	
	
	
}
/*
 * Article Grid
 * --------------------------------------------------
 */

.article-grid-container .kstl-list {
    font-size: 0;
}
.article-grid-container .kstl-list .article-item .link-wrapper {
    display: block;
    margin: 0 8px 16px 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    background-color: white;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.2;
    color: #666666;
    overflow: hidden;
    transition: box-shadow 0.3s;
    height: 500px;
}
.article-grid-container .kstl-list .article-item .link-wrapper:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}
.article-grid-container .kstl-list .article-item .link-wrapper .image {
    background: repeating-linear-gradient( 135deg, rgba(255, 255, 0, 0.1), rgba(255, 255, 0, 0.1) 20px, transparent 20px, transparent 40px);
    min-height: 230px;
}
.article-grid-container .kstl-list .article-item .link-wrapper .image img {
    width: 100%;
}
.article-grid-container .kstl-list .article-item .link-wrapper h3 {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #2c2c2c;
    margin: 45px 40px 0 40px;
}
.article-grid-container .kstl-list .article-item .link-wrapper p {
    display: block;
    text-align: center;
    margin: 25px 40px 40px 40px;
}

/*
 * Blades
 * --------------------------------------------------
 */

.blades-container .blade {
    padding: 20px 0;
}
.blades-container .blade.with-border-bottom {
    border-bottom: 1px solid #dddddd;
}
.blades-container .blade.with-vertical-spacing {
    padding: 60px 0;
}
.blades-container .blade.alt {} .blades-container .blade .block {
    width: 50%;
    float: left;
}
.blades-container .blade.alt .block {
    float: right;
}

.blades-container .blade .block.image {
	padding:20px;
} 
.blades-container .blade .block.image img {
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.blades-container .blade .block.description {
    padding-left: 90px;
}
.blades-container .blade.alt .block.description {
    padding-left: 0;
    padding-right: 90px;
}
.blades-container .blade .block.description h4 em,
.blades-container .blade .block.description h4 i {
    font-style: normal;
    color: #b51946;
}
.blades-container .blade .block.description p {
    color: #666666;
}
@media (max-width: 601px) {	
	.blades-container .blade.alt .block.description {
		padding:0 20px;
	}
	.blades-container .blade .block {
		width: 100%;
	} 
}

/*
 * Related Items
 * --------------------------------------------------
 */

.related-items-container .heading {
    text-align: center;
    margin-bottom: 50px;
}
.related-items-container .flexslider .flex-viewport {
    max-width: 980px;
    margin: 0 auto;
}
.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide {
    background-color: white;
    margin: 0 5px;
}
.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .kstl-feature-inset {
    position: static;
    max-width: 100%;
    width: 100%;
}
.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    padding: 0 !important;
}
.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .description {
    height: 210px;
    text-align: center;
    padding: 30px 40px 15px 40px;
}
.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .description .preheader {
    text-transform: uppercase;
    font-size: 14px;
    color: #b51946;
    margin-bottom: 5px;
}
.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .description h5 {
    font-size: 18px;
    color: #2c2c2c;
    line-height: 1.4;
    margin-bottom: 20px;
}
.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .description p {
    color: #666666;
    margin: 10px 0;
}
.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .operator {
   text-align: center;
    margin: 15px 40px 40px 40px;
}
.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .operator a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    color: #2c2c2c;
    padding-bottom: 2px;
    text-align: center;
    border-bottom: 2px solid #262626;
    text-decoration: none;
}
.related-items-container .flexslider .flex-viewport .slides li .kstl-full-image-slide .operator a:hover {
    text-decoration: none;
}
.related-items-container .related-item {
    display: block;
    text-align: center;
    padding: 0 20px;
   text-decoration: none;
    font-size: 18px;
    color: #2c2c2c;
}

.related-items-container .related-item .description {
    margin-top: 15px;
}
.related-items-container .kstl-image-wrapper a.track{
    display: block;
    text-align: center;
}
/** additional page level fixes **/
.amazing-wrapper{
	margin-bottom:20px;
}

.amazing-wrapper .left-div{
	float: left;
    width: 44%;
}
.amazing-wrapper .right-div{
	float: right;
    width: 50%;
}
.ipsum-column-2 .kstl-rich-text p{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.ipsum-column-2 .kstl-rich-text iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.centeredContent .no-learn-more p.cta-articles{
    display: none;
}
.articles-container {
    padding: 40px 0 !important;
}
.articles-container .link-wrapper {
	background-color: white;
    margin: 20px 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    display: block;
    transition: box-shadow 0.3s;
    min-height: 492px;
    color: #666666;
    overflow: hidden;
}
.articles-container .link-wrapper .image {
    margin-bottom: 30px;
}
.articles-container .link-wrapper .name {
    color: #2c2c2c;
    font-size: 24px;
    padding-bottom: 8px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 40px 14px;
    line-height: 1.2;
}
.articles-container .link-wrapper .description {
    margin: 15px 30px 20px 30px;
    min-height: 58px;
    text-align: center;
    line-height: 1.2;
}
.articles-container .cta-articles {
    display: block !important;
    text-decoration: none;
    color: #262626 !important;
    padding-bottom: 2px;
    text-transform: uppercase;
    text-align: center;
}
.articles-container .cta-articles span {
    border-bottom: 2px solid #262626;
    margin-bottom: 8px;
}

@media (max-width: 999px){	
	.grid.with-bg-white{
		margin-bottom:0px;
		padding-top: 0px;
	}
	.articles-container, .article-detail-container	{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.six-tenths.header-text .kstl-rich-text >div{
		text-align:left;
	}
	.articles-container .link-wrapper {
        min-height:542px;
    }
	.articles-container .link-wrapper .name{
		min-height:64px;
	}
}

@media (min-width: 602px) and (max-width: 999px) {
    .articles-container .link-wrapper .name{
		min-height:96px;
	}	
}

@media (min-width: 601px) and (max-width: 799px){
	.articles-container .link-wrapper {
        min-height:502px;
    }
}
@media (max-width: 601px) {
	html #main_container .centeredContent.paddingMobile{
        padding-left:15px;
        padding-right:15px;
    }	 
	.articles-container .link-wrapper {
        min-height:0px;
		height: auto;
    }	
	.relatedItem_list .one-third {
		width:100%;
	}
	#main_container .grid.centeredContent.recipe-description-container {
		padding:60px 20px 0;
	}           
    .button {
		padding: 15px 20px;
    }        
	.amazing-wrapper .left-div{
	    width: 100%;
	    line-height: 1.5;
	    margin-top: 0px;
	}
	.amazing-wrapper .right-div{
		float: right;
	    width: 100%;
	}
}


/** promotion banners **/
.promotion-banner{
	position:relative;
	margin-bottom:40px;
	min-height: 400px;
}
.promotion-banner img{
    width:100%;
    display:block;
    height: 100%;
}

.promotion-banner .kstl-rich-text{
    left: auto;
    right: 40px;
    background-color: white;
    position: absolute;
    top: 40px;
    width: 320px;
    min-height: 380px;
    padding: 20px 10px;
    box-shadow: 0 6px 20px rgb(0 0 0 / 15%);
    text-align: center;
}
.promotion-banner .kstl-rich-text hr{
    border-top: 1px solid #b41946;
    height:1px;
    margin: 0 10% 20px 10%;
}
@media (max-width:999px){
.promotion-banner .kstl-rich-text h2{
    font-size: 30px;
}
.promotion-banner .kstl-rich-text{
	min-height:300px
}
.promotion-banner{
	min-height: 360px;
}
}
@media (max-width:767px){
.promotion-banner .kstl-rich-text{
	position:static;
	width:100%;
	height:auto;
	min-height:auto;
}
.promotion-banner{
	min-height:auto;
}
}
/**-- youtube video banner--*/
.yt_video_section {
	background-color:#c4113b;
	padding: 40px 40px 20px 40px!important;
	display:flex;
}
.yt_video_section .kstl-rich-text{
	display: flex;
	height:100%;
}
.yt_video_section .video_text {
	color:#fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0 15%;
	justify-content: center;
}
.yt_video_section .video_text p{
	color:#fff;
}
@media only screen and (max-width:999px) {
	.yt_video_section {
		display:block;
	}
	.yt_video_section .video_text {
		width:100%;
		text-align:center;
		padding: 0;
	}
}

/** tiles with bg **/
.tiles-with-imgbg >div.grid__item{
	position:relative;
	height:100%;
}
.tiles-with-imgbg >div .grid__item:nth-child(2){
	position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color:#fff
}
.tiles-with-imgbg >div .grid__item img{
	display:block
}
.tiles-with-imgbg >div .grid__item p{
	padding:0 30%;
	color: #fff;
    font-weight: bold;
	font-size:18px;
}
@media only screen and (max-width:1000px) {
.tiles-with-imgbg >div .grid__item p {
    padding: 0 15%;
}
}
.fullwidth-image img{
	display:block;
	width:100%;
}
.recipe-list-wrapper  .result-item .link-wrapper,
.wkkproductlist .result-item .link-wrapper,
.stories-list .result-item .link-wrapper{
    text-decoration:none;
}
.recipe-list-wrapper  .result-item .link-wrapper .name{color:#666;text-align: center;}
.recipe-list-wrapper  .result-item .link-wrapper .image,
.brands-list-wrapper  .result-item .link-wrapper .image,
.wkkproductlist .result-item .image,
.stories-list .result-item .image{
    height: 180px;
    width: 180px;
    margin: 0 auto 15px auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: flex-end;
}
.recipe-list-wrapper  .result-item .link-wrapper .image img,
.brands-list-wrapper  .result-item .link-wrapper .image img,
.wkkproductlist .result-item .image img,
.stories-list .result-item .image img{
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	}
body #main_container .recipe-list-wrapper .result-item.grid__item.one-quarter.desk-one-quarter.lap-one-third.palm-one-whole,
body #main_container .brands-list-wrapper .result-item.grid__item.one-quarter.desk-one-quarter.lap-one-third.palm-one-whole,
body #main_container .recipe-list-wrapper .result-item,
body #main_container .wkkproductlist .result-item,
body #main_container .stories-list .result-item{
	padding: 0 20px;
	margin-bottom:25px;
}
body #main_container .recipe-list-wrapper .brand-recipe-item .collection {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    margin-bottom: 20px;
}
body #main_container .recipe-list-wrapper .brand-recipe-item .result-item:nth-child(1){
	border-top: 1px solid #ddd;
}
body #main_container .recipe-list-wrapper .brand-recipe-item .result-item{
	padding:20px;
	border-bottom: 1px solid #ddd;
	margin: 0;
}
body #main_container .recipe-list-wrapper .brand-recipe-item .result-item .link-wrapper .image {
    width: 10vw;
    height: 10vw;
    background: #fff;
    border-radius: 50%;
    justify-content: center;
    border: 12px solid #FCCD3F;
    float: left;
    overflow: hidden;
    margin: 0;
}
body #main_container .recipe-list-wrapper .brand-recipe-item .result-item .link-wrapper h3, 
body #main_container .recipe-list-wrapper .brand-recipe-item .result-item .link-wrapper p {
    text-align: left;
    margin-left: 14vw;
    color: #2c2c2c;
    font-size: 18px;
}

@media only screen and (max-width:602px){
	.recipe-list-wrapper .tab-control-wrapper ul,
	.brands-list .tab-control-wrapper ul{
		text-align:center;
	}
	.recipe-list-wrapper  .result-item .link-wrapper .image,
	.brands-list-wrapper  .result-item .link-wrapper .image	{
		height: auto;
		width: auto;
	}
	.recipe-list-wrapper  .result-item .link-wrapper .image,.brands-list-wrapper  .result-item .link-wrapper .image img{
	    max-width: 90%; 
	}
	body #main_container .recipe-list-wrapper .brand-recipe-item .result-item .link-wrapper .image{
		border-width:2px;
		width: 16vw;
		height: 16vw;
	}
	body #main_container .recipe-list-wrapper .brand-recipe-item .result-item .link-wrapper h3, body #main_container .recipe-list-wrapper .brand-recipe-item .result-item .link-wrapper p{
		margin-left: 18vw;
	}
}


/**-- recipe listing on brand page--*/
.custom-brand-pages .recipe-list-wrapper .product-grid-wrapper  .result-item .link-wrapper .image {width: 10vw;height: 10vw;background: #fff;border-radius: 50%;justify-content: center;border:12px solid #FCCD3F;float:left;overflow: hidden;margin: 0;}
.custom-brand-pages .recipe-list-wrapper .product-grid-wrapper  .result-item:nth-child(even) .link-wrapper .image {border-color: #2c65aa;}
body #main_container .custom-brand-pages .recipe-list-wrapper .product-grid-wrapper .result-item.grid__item.one-quarter.desk-one-quarter.lap-one-third.palm-one-whole {padding: 20px 0;margin: 0;}
.custom-brand-pages .recipe-list-wrapper .product-grid-wrapper  .result-item .link-wrapper .image img{width: auto;height: 100%;}
.custom-brand-pages .recipe-list-wrapper .product-grid-wrapper  .result-item .link-wrapper .description {display:block;}
.custom-brand-pages .recipe-list-wrapper .product-grid-wrapper .custom-gsa-container .collection {display:flex;flex-direction:column;padding-top:0;border-top: solid 1px #dddddd;}
.custom-brand-pages .recipe-list-wrapper .product-grid-wrapper  .result-item {width:100%; border-bottom:1px solid #ddd;}
.custom-brand-pages .recipe-list-wrapper .product-grid-wrapper  .result-item .link-wrapper h3, 
.custom-brand-pages .recipe-list-wrapper .product-grid-wrapper  .result-item .link-wrapper p {text-align:left;margin-left: 14vw;}
.custom-brand-pages .recipe-list-wrapper h1,  .custom-brand-pages h1.header-txt {text-align:center;}

@media only screen and (max-width:767px){
	.custom-brand-pages .recipe-list-wrapper .product-grid-wrapper  .result-item .link-wrapper .image {width: 18vw;height: 18vw;}
	.custom-brand-pages .recipe-list-wrapper .product-grid-wrapper .result-item .link-wrapper h3, .custom-brand-pages .recipe-list-wrapper .product-grid-wrapper .result-item .link-wrapper p{
		margin-left:20vw;
	}
}




.sitemap .KSTLNav{
	display:block;
}
.sitemap .KSTLNav>li.nav-button{
	display:block;
	height:auto !important;
	position:static;
	margin-bottom:40px;
	outline: none;
	width: 100%;
}
.sitemap .KSTLNav>li.nav-button:last-of-type{
	margin-bottom:0
}
.sitemap .KSTLNav>li.nav-button a{
	background-color:#fff;
	color:#2c2c2c;
	border: none;
	font-size: 40px;
	line-height: 1.2;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
}
.sitemap .KSTLNav > li.nav-button > ul li a:hover{text-decoration:underline;}
.sitemap .KSTLNav li span.navicon{
	display:none;
}
.sitemap .KSTLNav li ul li{
	border:none;
}
.sitemap.centeredContent ul.KSTLNav{
	column-count:1
}
@media only screen and (max-width:767px){
	.sitemap.centeredContent ul.KSTLNav{
	max-height: unset;
	}
	.sitemap .KSTLNav>li>ul.ulSub.level-two {
		column-count: 1;
	}
}
.sitemap .KSTLNav>li>ul{
	margin-left: 40px;
	position:static;
	display:block !important;
	column-count:3;
	width: auto;
	padding-bottom: 0;
}
.sitemap .KSTLNav>li.nav-button>ul li{
	list-style-type:disc;
	margin-bottom: 10px;
	overflow: visible;
	min-width: unset;
}
.sitemap .KSTLNav>li.nav-button>ul li a{
	font-size:14px;
	color:#d31145;
	padding: 0 10px 0 0 !important;
	margin: 0;
	max-height: unset;
	overflow: visible;
	/* line-height: 1.4; */
	display: inline;
	font-weight: normal;
	list-style-type: disc;
	margin-bottom: 10px;
	overflow: visible;
	min-width: unset;
}
.sitemap .KSTLNav li.item-with-ul>a{
	margin-bottom:20px;
	cursor: none;
	pointer-events: none;
}
.sitemap .KSTLNav>li.nav-button:after{
	display:none;
}

.kstl-rich-text table td{
	border:1px solid #000;
	padding:10px
}
.kstl-rich-text table td:nth-child(1){
	font-weight:bold
}
.kstl-rich-text table td p:last-of-type{
	margin-bottom:0
}
.hide-me{
	text-indent:-9999px;
}
.brown{
	color:#733128;
}
/*regv6v2 css changes*/
.KSTL-Registration .ng-form input {
    border: 1px solid #cccccc !important;
}
label{
    cursor: auto;
}

/* body-content */
.float-right-image-wrapper {
    float: right;
    margin: 20px;
    margin-right: 0px;
}

.float-left-image-wrapper {
    float: left;
    margin: 0 20px 20px 0;
    margin-left: 0;
    max-width: 40%;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    input{box-sizing: content-box!important;}
}
@media only screen and (max-width: 919px) {
    #KSTL-Registration-WelcomeMsg p, .hdr-txt, .KSTL-Registration .pod .ng-binding h2 {
        font-size: 34px !important;
    }
}
@media only screen and (max-width: 575px) {
    #KSTL-Registration-WelcomeMsg p, .hdr-txt, .KSTL-Registration .pod .ng-binding h2 {
        font-size: 26px !important;
    }
    .KSTL-Registration-Profile.pod{
        min-width:100% !important;
        padding: 0;
    }
    .length-error-msg, .case-error-msg, .number-error-msg {
        font-size:16px !important;
    }
    .kstl-regv6-myaccount {
        padding: 0;
    }
}
@media only screen and (max-width: 480px){
	.KSTL-Registration .pod{
    	min-width: 100% !important;
	}
    .KSTL-Registration .ng-form label.label-after {
        width: 88% !important;
    }
}
@media (max-width: 767px){
.body-content .float-right-image-wrapper {
    margin: 20px auto;
    max-width: 90%;
    display: block;
    float: none;
}

.body-content .float-left-image-wrapper{
	margin: 20px auto;
    max-width: 90%;
    display: block;
}
.float-left-image-wrapper {
        float: none;
        text-align: center;
        margin: 20px;
    }
}
a.ot-sdk-show-settings {cursor:pointer;}