/* SPK new design start */
.custom-brand-pages.spk .internal-scroll .nav,
.internal-scroll .nav ul li a:hover, .internal-scroll .nav ul li a.active {
	background:#d62630 !important;
}
@media only screen and (min-width:768px){
	.hero-banner{
		height:auto;
		max-height: none;
	}
}
.custom-slider.spk .custom-gsa-container .collection .result-item .link-wrapper{
    width:100%;
}
.spkbanner-bg {
	background: url(/content/dam/europe/kelloggs_fi/images/spk/power_of_multigrain_desk.jpg);
	background-size: auto;
	background-size: cover;
	background-position:center;
	min-height: 545px;
	text-align: center;
	height: 545px;
	display: flex;
	flex-direction: row;
}
.spkbanner-bg > div {
	text-align:center;
	align-self: flex-end;
	width: 100%;
}
.spkbanner-bg > div >div{
	width:35%;
	margin:0 auto 20px auto;
}
.spkbanner-bg h2 {
	font-size:40px;
	color:#d6262f;
}
.spkbanner-bg p {
	color:#626262;
	font-family: KelloggsSansMedium;
	padding-inline: 10px;
}
@media only screen and (max-width:1000px){	
   .spkbanner-bg > div > div{
        width:auto;
		padding:0 40px;
    }
}
@media only screen and (max-width:1200px) {
	
	.spkbanner-bg > div > div {
		width:55%;
	}
}
@media only screen and (max-width:999px) {
	.spkbanner-bg > div > div{
		width:75% !important;
	}
}
@media only screen and (max-width:539px) {
	.spkbanner-bg {
		background:url(/content/dam/europe/kelloggs_fi/images/spk/power_of_multigrain.jpg);
		background-size: auto;
		background-size: cover;
		background-position:center;
		display: block;
		min-height: 260px;
	}
	.spkbanner-bg > div > div{
		padding: 50vw 0 0;
		width: 98% !important;
		margin: 0 auto;
	}
}
.faq-section h2 {
	color: #d6262f;
}
.faq-section .kstl-show-hide .sign {
	background:url(/content/dam/europe/kelloggs_fi/images/spk/plus.png) !important;
	width:25px;
	height:25px;
}
.faq-section .kstl-show-hide .open .sign {
	background:url(/content/dam/europe/kelloggs_fi/images/spk/collapse.png) !important;
	width:25px;
	height:25px;
}
.custom-slider.spk .custom-gsa-container .collection .result-item .link-wrapper .name{
	color: #2c2c2c !important;
	margin:0 20px;
}
.custom-slider.spk .custom-gsa-container .collection .result-item .link-wrapper[href*="special-k-protein-berries"] .image{
       background:#0078c3;
}
.custom-slider.spk .custom-gsa-container .collection .result-item .link-wrapper[href*="Special%20K%20Classic"] .image{
       background:#da001e;
}
.custom-slider.spk .custom-gsa-container .collection .result-item .link-wrapper[href*="special-k-protein-nuts"] .image{
       background:#6c9903;
}
.custom-slider.spk .custom-gsa-container .collection .result-item .link-wrapper[href*="red-berries"] .image{
       background:#c4016c;   
}
.custom-slider.spk .custom-gsa-container .collection .result-item .link-wrapper[href*="special-k-crunchy-oat-granola-dark-chocolate-curls"] .image{
       background: #704f4a;
}
	.custom-slider.spk .custom-gsa-container .collection .result-item .link-wrapper[href*="special-k-crunchy-oat-granola-mixed-berries"] .image{
       background: #875c74;
}


.product-slider .slide-product, .custom-slider .result-item {
	 min-height: 330px;	
}
.grid__item {
    padding-left: 0;
}
.grid.image-middle {
    border: 20px solid #ffffff;
    margin-bottom: 40px;
}

.granola {
    margin-top: -45px;
	padding-bottom:0px;


	}