/*! MR KIPLING UK - CUSTOM */
 /*! normalize.css v2.0.1 | MIT License | git.io/normalize */
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section,
 summary {
 	display: block
 }
 audio,
 canvas,
 video {
 	display: inline-block
 }
 audio:not([controls]) {
 	display: none;
 	height: 0
 }
 [hidden] {
 	display: none
 }
 html {
 	font-family: sans-serif;
 	-webkit-text-size-adjust: 100%;
 	-ms-text-size-adjust: 100%
 }
 body {
 	margin: 0
 }
 a:focus {
 	outline: thin dotted
 }
 a:active,
 a:hover {
 	outline: 0
 }
 h1 {
 	font-size: 2em
 }
 abbr[title] {
 	border-bottom: 1px dotted
 }
 b,
 strong {
 	font-weight: bold
 }
 dfn {
 	font-style: italic
 }
 mark {
 	background: #ff0;
 	color: #000
 }
 code,
 kbd,
 pre,
 samp {
 	font-family: monospace, serif;
 	font-size: 1em
 }
 pre {
 	white-space: pre;
 	white-space: pre-wrap;
 	word-wrap: break-word
 }
 q {
 	quotes: "201C""201D""2018""2019"
 }
 small {
 	font-size: 80%
 }
 sub,
 sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline
 }
 sup {
 	top: -0.5em
 }
 sub {
 	bottom: -0.25em
 }
 img {
 	border: 0
 }
 svg:not(:root) {
 	overflow: hidden
 }
 figure {
 	margin: 0
 }
 fieldset {
 	border: 1px solid #c0c0c0;
 	margin: 0 2px;
 	padding: 0.35em 0.625em 0.75em
 }
 legend {
 	border: 0;
 	padding: 0
 }
 button,
 input,
 select,
 textarea {
 	font-family: inherit;
 	font-size: 100%;
 	margin: 0
 }
 button,
 input {
 	line-height: normal
 }
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
 	-webkit-appearance: button;
 	cursor: pointer
 }
 button[disabled],
 input[disabled] {
 	cursor: default
 }
 input[type="checkbox"],
 input[type="radio"] {
 	box-sizing: border-box;
 	padding: 0
 }
 input[type="search"] {
 	-webkit-appearance: textfield;
 	box-sizing: content-box
 }
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
 	-webkit-appearance: none
 }
 button::-moz-focus-inner,
 input::-moz-focus-inner {
 	border: 0;
 	padding: 0
 }
 textarea {
 	overflow: auto;
 	vertical-align: top
 }
 table {
 	border-collapse: collapse;
 	border-spacing: 0
 }
 .slick-slider {
 	position: relative;
 	display: block;
 	box-sizing: border-box;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 	-webkit-touch-callout: none;
 	-khtml-user-select: none;
 	-ms-touch-action: pan-y;
 	touch-action: pan-y;
 	-webkit-tap-highlight-color: transparent
 }
 .slick-list {
 	position: relative;
 	display: block;
 	overflow: hidden;
 	margin: 0;
 	padding: 0
 }
 .slick-list:focus {
 	outline: none
 }
 .slick-list.dragging {
 	cursor: pointer
 }
 .slick-slider .slick-track,
 .slick-slider .slick-list {
 	-webkit-transform: translate3d(0, 0, 0);
 	-ms-transform: translate3d(0, 0, 0);
 	transform: translate3d(0, 0, 0)
 }
 .slick-track {
 	position: relative;
 	top: 0;
 	left: 0;
 	display: block
 }
 .slick-track:before,
 .slick-track:after {
 	display: table;
 	content: ""
 }
 .slick-track:after {
 	clear: both
 }
 .slick-loading .slick-track {
 	visibility: hidden
 }
 .slick-slide {
 	display: none;
 	float: left;
 	height: 100%;
 	min-height: 1px
 }
 [dir='rtl'] .slick-slide {
 	float: right
 }
 .slick-slide img {
 	display: block
 }
 .slick-slide.slick-loading img {
 	display: none
 }
 .slick-slide.dragging img {
 	pointer-events: none
 }
 .slick-initialized .slick-slide {
 	display: block
 }
 .slick-loading .slick-slide {
 	visibility: hidden
 }
 .slick-vertical .slick-slide {
 	display: block;
 	height: auto;
 	border: 1px solid transparent
 }
 .slick-arrow.slick-hidden {
 	display: none
 }
 .slick-prev,
 .slick-next {
 	position: absolute;
 	display: block;
 	height: 20px;
 	width: 20px;
 	line-height: 0px;
 	font-size: 0px;
 	cursor: pointer;
 	background: transparent;
 	color: transparent;
 	top: 50%;
 	margin-top: -10px;
 	padding: 0;
 	border: none;
 	outline: none
 }
 .slick-prev:hover,
 .slick-prev:focus,
 .slick-next:hover,
 .slick-next:focus {
 	outline: none;
 	background: transparent;
 	color: transparent
 }
 .slick-prev:hover:before,
 .slick-prev:focus:before,
 .slick-next:hover:before,
 .slick-next:focus:before {
 	opacity: 1
 }
 .slick-prev.slick-disabled:before,
 .slick-next.slick-disabled:before {
 	opacity: 0.25
 }
 .slick-prev:before,
 .slick-next:before {
 	font-family: "slick";
 	font-size: 20px;
 	line-height: 1;
 	color: white;
 	opacity: 0.75;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale
 }
 .slick-prev {
 	left: -25px
 }
 [dir="rtl"] .slick-prev {
 	left: auto;
 	right: -25px
 }
 .slick-prev:before {
 	content: "←"
 }
 [dir="rtl"] .slick-prev:before {
 	content: "→"
 }
 .slick-next {
 	right: -25px
 }
 [dir="rtl"] .slick-next {
 	left: -25px;
 	right: auto
 }
 .slick-next:before {
 	content: "→"
 }
 [dir="rtl"] .slick-next:before {
 	content: "←"
 }
 .slick-slider {
 	margin-bottom: 30px
 }
 .slick-dots {
 	position: absolute;
 	bottom: -45px;
 	list-style: none;
 	display: block;
 	text-align: center;
 	padding: 0;
 	width: 100%
 }
 .slick-dots li {
 	position: relative;
 	display: inline-block;
 	height: 20px;
 	width: 20px;
 	margin: 0 5px;
 	padding: 0;
 	cursor: pointer
 }
 .slick-dots li button {
 	border: 0;
 	background: transparent;
 	display: block;
 	height: 20px;
 	width: 20px;
 	outline: none;
 	line-height: 0px;
 	font-size: 0px;
 	color: transparent;
 	padding: 5px;
 	cursor: pointer
 }
 .slick-dots li button:hover,
 .slick-dots li button:focus {
 	outline: none
 }
 .slick-dots li button:hover:before,
 .slick-dots li button:focus:before {
 	opacity: 1
 }
 .slick-dots li button:before {
 	position: absolute;
 	top: 0;
 	left: 0;
 	content: "•";
 	width: 20px;
 	height: 20px;
 	font-family: "slick";
 	font-size: 6px;
 	line-height: 20px;
 	text-align: center;
 	color: black;
 	opacity: 0.25;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale
 }
 .slick-dots li.slick-active button:before {
 	color: black;
 	opacity: 0.75
 }
 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 .about-content .accordion .accordion-content .tab .faq-header,
 h3,
 h4,
 h5,
 h6,
 p,
 .recipe-detail .share,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section,
 summary,
 time,
 mark,
 audio,
 video {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	outline: 0;
 	font-size: 100%;
 	font: inherit;
 	vertical-align: baseline
 }
 .flex-container {
 	position: relative
 }
 .flex-carousel {
 	margin-top: -40px;
 	padding-bottom: 10px;
 	overflow: hidden
 }
 @media screen and (min-width: 1300px) {
 	.flex-carousel {
 		overflow: visible
 	}
 }
 .flex-carousel-inner {
 	position: relative;
 	padding-top: 50px;
 	width: 1160px;
 	margin: 0 auto;
 	overflow: hidden;
 	margin-left: 50%;
 	-webkit-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%)
 }
 .flex-carousel-slider {
 	position: relative
 }
 .flex-carousel-slide-set {
 	float: left;
 	padding-top: 35px;
 	height: 335px
 }
 .flex-carousel-item {
 	float: left;
 	margin-left: 3px;
 	width: 152px;
 	border-bottom: 3px solid;
 	cursor: pointer;
 	opacity: 0.8;
 	border-bottom: 10px solid transparent;
 	transition: opacity 0.2s ease-in-out;
 	transition-delay: 0
 }
 .flex-carousel-item--arrows-visible .flex-carousel-prev,
 .flex-carousel-item--arrows-visible .flex-carousel-next {
 	transition-delay: 0.2s;
 	opacity: 0.75
 }
 .flex-carousel-item--selected {
 	position: relative;
 	top: -35px;
 	z-index: 1;
 	cursor: normal;
 	width: 220px;
 	opacity: 1;
 	height: 378px;
 	margin: 0 2px 0 5px;
 	border-bottom-width: 0;
 	cursor: auto
 }
 .flex-carousel-item--selected .flex-carousel-faux-image {
 	height: 265px
 }
 .flex-carousel-item--selected .flex-carousel-caption-bar {
 	opacity: 1
 }
 .flex-carousel-item--selected .flex-carousel-prev,
 .flex-carousel-item--selected .flex-carousel-next,
 .flex-carousel-item--selected .flex-carousel-overlay {
 	transition: opacity 0.3s;
 	visibility: visible;
 	z-index: 5
 }
 .oldie .flex-carousel-item--selected .flex-carousel-overlay {
 	visibility: hidden
 }
 .flex-carousel-item--selected.hover .flex-carousel-overlay {
 	opacity: 1
 }
 .oldie .flex-carousel-item--selected.hover .flex-carousel-overlay {
 	visibility: visible
 }
 .csstransforms .flex-carousel-item--selected {
 	top: 0;
 	-webkit-transform: translateY(-25px);
 	-ms-transform: translateY(-25px);
 	transform: translateY(-25px)
 }
 .flex-carousel-faux-image {
 	width: 100%;
 	height: 240px;
 	background-position: 50% 50%
 }
 .flex-carousel-faux-image--selected {
 	height: 276px
 }
 .flex-carousel-faux-image img {
 	visibility: hidden
 }
 .flex-carousel-caption-bar {
 	font-size: 0;
 	text-align: center;
 	height: 70px;
 	line-height: 1;
 	background: black;
 	opacity: 0
 }
 .flex-carousel-caption-bar:before {
 	content: "";
 	display: inline-block;
 	width: 0;
 	height: 100%;
 	vertical-align: middle
 }
 .flex-carousel-caption-bar--selected {
 	height: 90px
 }
 .flex-carousel-caption {
 	position: relative;
 	top: 5px;
 	display: inline-block;
 	font-size: 14px;
 	line-height: 18px;
 	font-weight: bold;
 	color: #fff;
 	text-shadow: 3px 3px 0 rgba(1, 1, 1, 0.13);
 	vertical-align: middle
 }
 .flex-carousel-prev,
 .flex-carousel-next {
 	visibility: hidden;
 	position: absolute;
 	top: 267px;
 	width: 33px;
 	height: 65px;
 	line-height: 67px;
 	text-align: center;
 	font-size: 18px;
 	color: #fff;
 	background: black;
 	cursor: pointer
 }
 .flex-carousel-prev[class^="icon-"],
 .flex-carousel-next[class^="icon-"] {
 	display: inline-block
 }
 .flex-carousel-prev {
 	opacity: 0;
 	border-radius: 5px 0 0 5px;
 	right: 100%
 }
 .flex-carousel-next {
 	opacity: 0;
 	border-radius: 0 5px 5px 0;
 	left: 100%
 }
 .flex-carousel-next-foreground {
 	text-align: center;
 	position: absolute;
 	z-index: 3;
 	padding-left: 60px;
 	width: 100%;
 	bottom: 30px
 }
 .flex-carousel-next-foreground img {
 	float: left;
 	max-width: 240px;
 	max-height: 95px
 }
 .flex-carousel-next-foreground--pack-b img {
 	max-width: 140px
 }
 .flex-carousel-next-foreground--pack-c {
 	padding: 0 10px;
 	position: relative;
 	bottom: -20px
 }
 .flex-carousel-next-foreground--pack-c img {
 	float: none;
 	position: absolute;
 	left: 30px;
 	bottom: 0;
 	max-width: 180px;
 	max-height: 120px
 }
 .flex-carousel-next-foreground--taller img {
 	max-height: 130px
 }
 .flex-carousel-more-button {
 	display: block;
 	clear: both;
 	width: 280px;
 	margin: 50px auto 0
 }
 .animated {
 	-webkit-animation-duration: 1s;
 	animation-duration: 1s;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both
 }
 @-webkit-keyframes fadeIn {
 	from {
 		opacity: 0
 	}
 	to {
 		opacity: 1
 	}
 }
 @keyframes fadeIn {
 	from {
 		opacity: 0
 	}
 	to {
 		opacity: 1
 	}
 }
 .fadeIn {
 	-webkit-animation-name: fadeIn;
 	animation-name: fadeIn
 }
 html {
 	box-sizing: border-box
 }
 *,
 *::after,
 *::before {
 	box-sizing: inherit
 }
 @font-face{font-family:icons;font-style:normal;font-weight:normal;src:url("/MrKiplingUK/assets/stylesheets/fonts/icons_4d6f3ac1b5da6e9e80acb35a6edcc14b.eot?#iefix") format("embedded-opentype"),
 url("/MrKiplingUK/assets/stylesheets/fonts/icons_4d6f3ac1b5da6e9e80acb35a6edcc14b.woff") format("woff"),
 url("/MrKiplingUK/assets/stylesheets/fonts/icons_4d6f3ac1b5da6e9e80acb35a6edcc14b.ttf") format("truetype"),
 url("/MrKiplingUK/assets/stylesheets/fonts/icons_4d6f3ac1b5da6e9e80acb35a6edcc14b.svg#icons") format("svg")
}
.icon-chilli-before:before,
.icon-down-arrow-before:before,
.icon-facebook-before:before,
.icon-google-before:before,
.icon-left-arrow-before:before,
.icon-location-before:before,
.store-finder .user-location:before,
.icon-pin-before:before,
.icon-printer-before:before,
.icon-right-arrow-before:before,
.icon-search-before:before,
.icon-serves-before:before,
.icon-serving-before:before,
.icon-share-before:before,
.icon-time-before:before,
.icon-twitter-before:before,
.icon-youtube-before:before {
	font-family: "icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-chilli-before:before {
	content: ""
}
.icon-down-arrow-before:before {
	content: ""
}
.icon-facebook-before:before {
	content: ""
}
.icon-google-before:before {
	content: ""
}
.icon-left-arrow-before:before {
	content: ""
}
.icon-location-before:before,
.store-finder .user-location:before {
	content: ""
}
.icon-pin-before:before {
	content: ""
}
.icon-printer-before:before {
	content: ""
}
.icon-right-arrow-before:before {
	content: ""
}
.icon-search-before:before {
	content: ""
}
.icon-serves-before:before {
	content: ""
}
.icon-serving-before:before {
	content: ""
}
.icon-share-before:before {
	content: ""
}
.icon-time-before:before {
	content: ""
}
.icon-twitter-before:before {
	content: ""
}
.icon-youtube-before:before {
	content: ""
}
@font-face{
	font-family:'brandon-grotesque';
	font-weight: normal;
	font-style: normal
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link .submenu li a span {
		display: block !important
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li a span:before {
		display: none
	}
}
footer p,
footer .recipe-detail .share,
.recipe-detail footer .share {
	color: #fff !important
}
p,
.recipe-detail .share {
	color: #762945 !important
}
.tab p span,
.tab .recipe-detail .share span,
.recipe-detail .tab .share span,
.tab p strong,
.tab .recipe-detail .share strong,
.recipe-detail .tab .share strong {
	color: #000 !important
}
.banner p,
.banner .recipe-detail .share,
.recipe-detail .banner .share,
.cont p,
.cont .recipe-detail .share,
.recipe-detail .cont .share {
	color: #fff !important
}
.banner .cont {
	position: relative
}
.featured-recipes .text-box .button {
	color: #000 !important;
	text-shadow: 1px 1px #c0c0c0;
	border-bottom: 3px solid #e5e5e5
}
.page-banner .text-box p,
.page-banner .text-box .recipe-detail .share,
.recipe-detail .page-banner .text-box .share {
	max-width: 500px !important;
	margin: auto !important
}
.video-button {
	background-image: url("/MrKiplingUK/media/images/assets/play-button.png");
	width: 100px;
	height: 100px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%) scale(0.95);
	-ms-transform: translate(-50%, -50%) scale(0.95);
	transform: translate(-50%, -50%) scale(0.95);
	transition: -webkit-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out
}
@media screen and (min-width: 768px) {
	.video-button {
		top: 70%
	}
}
@media screen and (min-width: 992px) {
	.video-button {
		width: 135px;
		height: 135px;
		top: 50%;
		left: 73.5%
	}
}
@media screen and (min-width: 1200px) {
	.video-button {
		right: 13%
	}
}
.video-button:hover {
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1)
}
#banner-carousel+.content-area {
	position: relative
}
#banner-carousel+.content-area:before,
#banner-carousel+.content-area:after {
	content: '';
	position: absolute;
	background-size: 50%;
	background-repeat: no-repeat
}
@media (max-width: 1280px) {
	#banner-carousel+.content-area:before,
	#banner-carousel+.content-area:after {
		display: none !important
	}
}
@media screen and (min-width: 1530px) {
	#banner-carousel+.content-area:before,
	#banner-carousel+.content-area:after {
		background-size: 100%
	}
}
#banner-carousel+.content-area:before {
	background-image: url("/MrKiplingUK/media/images/misc-images/misc-images-single-cherry-bakewell.png");
	width: 240px;
	height: 230px;
	top: 0;
	left: -88px;
	background-size: 100%
}
@media screen and (min-width: 768px) {
	#banner-carousel+.content-area:after {
		display: block;
		background-image: url("/MrKiplingUK/media/images/misc-images/misc-images-two-french-signature-collection-bitten.png");
		width: 370px;
		height: 270px;
		top: 25%;
		right: -100px;
		background-size: 100%
	}
}
h1,
h2,
.about-content .accordion .accordion-content .tab .faq-header,
h3,
h4 {
	font-weight: 900 !important;
	line-height: 1 !important
}
h1 {
	font-size: 52px !important;
	text-transform: uppercase
}
h2,
.about-content .accordion .accordion-content .tab .faq-header {
	text-transform: uppercase
}
.button {
	color: #5A1C33 !important;
	text-shadow: none
}
.content-box h2,
.content-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .content-box .faq-header,
.content-box h3 {
	font-family: "brandon-grotesque", "Montserrat", sans-serif !important;
	font-style: normal;
	font-size: 14px !important;
	text-transform: uppercase
}
.slick-dots {
	margin: 20px auto !important
}
.text-box h3 {
	font-family: "brandon-grotesque", "Montserrat", sans-serif !important;
	font-style: normal;
	font-size: 22px !important;
	text-transform: uppercase
}
.slick-slide .button {
	border-color: rgba(0, 0, 0, 0.1) !important
}
.ranges:before,
.ranges:after {
	content: '';
	position: absolute;
	background-size: 50%;
	background-repeat: no-repeat;
	z-index: -1
}
@media (max-width: 1280px) {
	.ranges:before,
	.ranges:after {
		display: none !important
	}
}
@media screen and (min-width: 1530px) {
	.ranges:before,
	.ranges:after {
		background-size: 100%
	}
}
.button {
	font-family: "brandon-grotesque", "Montserrat", sans-serif !important;
	font-style: normal;
	text-transform: capitalize !important
}
.nav-link a {
	text-transform: uppercase;
	line-height: 1;
	font-family: "brandon-grotesque", "Montserrat", sans-serif !important;
	font-style: normal;
	font-size: 14px !important
}
.nav-link a span:before {
	top: -50px !important;
	background-color: #DECFA8 !important
}
.details h2,
.details .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .details .faq-header,
h2.title,
.about-content .accordion .accordion-content .tab .title.faq-header {
	font-family: "brandon-grotesque", "Montserrat", sans-serif !important;
	font-style: normal;
	font-size: 18px !important
}
nav {
	background: #fff
}
@media screen and (min-width: 992px) {
	nav {
		background: none
	}
}
nav .logo {
	position: relative;
	top: -16px
}
nav .logo img {
	top: 10px !important
}
.button {
	text-transform: uppercase !important
}
header {
	border-top: 5px solid #752f47 !important
}
.centered-navigation ul.menu {
	height: auto !important;
	-webkit-transform: translateY(15px) !important;
	-ms-transform: translateY(15px) !important;
	transform: translateY(15px) !important
}
.centered-navigation nav ul.menu li.nav-link a {
	padding: 40px 0
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link a {
		padding: 30px 5px 50px !important
	}
}
.centered-navigation nav ul.menu li.nav-link .submenu {
	border-bottom: 0px solid !important;
	transition: border-bottom 0.2s ease-in-out;
	top: 0
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link .submenu {
		top: 86px
	}
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link:hover .submenu {
		border-bottom: 5px solid #5A1C33 !important
	}
}
.featured-recipes .text-box * {
	color: #fff !important;
	text-shadow: 1px 1px #c0c0c0;
	font-size: 15px
}
.range-products .container .two-box .box.name .content-box h3 {
	font-size: 16px !important
}
.featured-recipes .button {
	background-color: #fff !important
}
.recipes .recipes-carousel-container .text-box a {
	font-family: "brandon-grotesque", "Montserrat", sans-serif !important;
	font-style: normal
}
.centered-navigation .mobile-logo {
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	z-index: 200
}
body .centered-navigation nav ul.menu li.nav-link:hover>a {
	color: #fff
}
body .centered-navigation nav ul.menu li.nav-link:hover>a.down-arrow:after {
	bottom: 22px !important
}
.balanced-snacking section {
	margin: 50px auto;
	text-align: left
}
.balanced-snacking section img {
	max-width: 100%
}
@media screen and (min-width: 768px) {
	.balanced-snacking section {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
	.balanced-snacking section:nth-child(even) {
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
}
.balanced-snacking .col {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	padding: 0 30px
}
.centered-navigation nav {
	background: #5A1C33
}
body .recipes .recipes-carousel-container .text-box {
	background: #006eb7
}
body .recipes .recipes-carousel-container #recipes-carousel .slick-arrow {
	border-bottom: 2px solid #006eb7
}
.recipes-items .container .featured .box.name:after,
.range-products .container .featured .box.name:after {
	background-size: 70%;
	background-position: bottom left
}
#banner-carousel .text-box {
	top: 40% !important;
	width: 500px !important;
	max-width: 100% !important
}
#banner-carousel .text-box p,
#banner-carousel .text-box .recipe-detail .share,
.recipe-detail #banner-carousel .text-box .share {
	color: #fff !important
}
@media screen and (min-width: 768px) {
	#banner-carousel .text-box h2,
	#banner-carousel .text-box .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab #banner-carousel .text-box .faq-header {
		font-size: 55px !important
	}
}
#banner-carousel .text-box .button {
	border-bottom: 3px solid #006eb7;
	padding: 12px 50px !important;
	text-shadow: 1px 1px #c0c0c0 !important
}
#banner-carousel .range-image {
	bottom: 25px !important;
	z-index: 1
}
#banner-carousel .container {
	max-width: 1200px
}
#banner-carousel .slick-dots {
	left: 36px !important;
	bottom: 150px !important
}
#banner-carousel .slick-dots li.slick-active button {
	background-color: #fff !important
}
body #banner-carousel.left-aligned .container .text-box p,
body #banner-carousel.left-aligned .container .text-box .recipe-detail .share,
.recipe-detail body #banner-carousel.left-aligned .container .text-box .share {
	margin-top: 15px
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
	body #banner-carousel.left-aligned .container .text-box {
		left: 13% !important
	}
}
@media screen and (max-width: 1300px) {
	#banner-carousel.left-aligned .slick-dots {
		display: none !important
	}
}
.ranges .featured .button-wrap .button {
	padding: 7px 18px;
	background-color: #006eb7
}
.ranges .featured h3,
.range-other .featured h3 {
	font-weight: bold;
	font-size: 18px !important
}
hr.divider {
	border: none;
	background: url("/MrKiplingUK/media/images/assets/divider.png");
	background-size: 100%;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	width: 75%;
	display: block;
	margin: 75px auto;
	height: 5px
}
.accordion ul.accordion-header {
	padding-bottom: 20px !important;
	border: none !important;
	position: relative
}
.accordion ul.accordion-header:after {
	content: '';
	background: url("/MrKiplingUK/media/images/assets/divider.png");
	background-size: 100%;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px
}
.accordion ul.accordion-header li .title {
	background: #5A1C33 !important
}
.accordion ul.accordion-header a {
	font-family: "brandon-grotesque", "Montserrat", sans-serif !important;
	font-style: normal
}
.ranges .featured-recipes h3,
.accordion-content h2,
.about-content .accordion .accordion-content .tab .faq-header,
.about-articles h2,
.about-articles .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .about-articles .faq-header {
	font-family: "brandon-grotesque", "Montserrat", sans-serif !important;
	font-style: normal;
	font-size: 22px !important;
	margin-bottom: 10px !important
}
@media screen and (min-width: 768px) {
	#new-product-head .text-box {
		max-width: none !important;
		width: 40% !important
	}
}
#new-product-head .text-box h2,
#new-product-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab #new-product-head .text-box .faq-header {
	font-family: "brandon-grotesque", "Montserrat", sans-serif !important;
	font-style: normal;
	font-size: 42px !important;
	margin-bottom: 10px !important;
	white-space: normal !important
}
.faqs .faq-header {
	color: #762945 !important
}
.contact-form .container {
	padding-top: 20px !important
}
.ranges .featured .two-box,
.range-other .featured .two-box {
	overflow: visible !important
}
.ranges .featured .two-box .box.image img,
.range-other .featured .two-box .box.image img {
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out
}
.ranges .featured .two-box:hover .box.image,
.range-other .featured .two-box:hover .box.image {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.ranges .featured .two-box:hover .box.image img,
.range-other .featured .two-box:hover .box.image img {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	-ms-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1)
}
.ranges .featured .two-box .box.image,
.ranges .featured .two-box .box.featured-recipes,
.range-other .featured .two-box .box.image,
.range-other .featured .two-box .box.featured-recipes {
	background-color: #EF94B8
}
body .ranges .featured .range-other .two-box .featured-recipes .foreground {
	background-size: auto 80%;
	background-position: 90% 60%
}
#range-head .cont,
#new-product-head .cont,
#product-head .cont {
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover
}
@media screen and (max-width: 768px) {
	#range-head .cont,
	#new-product-head .cont,
	#product-head .cont {
		background-size: auto 100%
	}
}
#range-head {
	height: auto !important
}
#range-head .text-box {
	bottom: 80px !important
}
#range-head .range-image {
	bottom: 25px !important
}
@media screen and (max-width: 768px) {
	#new-product-head .text-box {
		padding: 80px 20px 0 !important
	}
}
.image-box img {
	left: -100px !important
}
.accordion .accordion-header li {
	margin: auto !important
}
.accordion .accordion-header li:nth-child(3) {
	display: none !important
}
@media screen and (min-width: 768px) {
	.accordion .accordion-header li {
		width: 31.433% !important
	}
}
.accordion li a {
	font-weight: bold !important;
	font-size: 18px !important;
	color: #5A1C33 !important;
	max-height: 0 !important;
	bottom: auto !important;
	min-height: 0 !important
}
@media screen and (min-width: 1230px) {
	.accordion li a {
		font-size: 28px !important
	}
}
.accordion li.is-active .title {
	top: 0 !important
}
.accordion li.is-active a {
	color: #000 !important;
	padding: 13px 0 !important;
	max-height: 0 !important;
	min-height: 0 !important
}
.accordion ul.accordion-header li .title {
	background: none !important;
	top: 0 !important
}
@media screen and (min-width: 768px) {
	body .new-product-details .accordion .accordion-content .tab.nutrition .column1,
	body .new-product-details .accordion .accordion-content .tab.nutrition .column3 {
		width: 100%;
		border-right: none
	}
	body .new-product-details .accordion .accordion-content .tab.nutrition .column1 h2,
	body .new-product-details .about-content .accordion .accordion-content .tab.nutrition .column1 .faq-header,
	.about-content body .new-product-details .accordion .accordion-content .tab.nutrition .column1 .faq-header,
	body .new-product-details .accordion .accordion-content .tab.nutrition .column3 h2,
	body .new-product-details .about-content .accordion .accordion-content .tab.nutrition .column3 .faq-header,
	.about-content body .new-product-details .accordion .accordion-content .tab.nutrition .column3 .faq-header {
		text-align: center
	}
	body .new-product-details .accordion .accordion-content .tab.nutrition .column1 table,
	body .new-product-details .accordion .accordion-content .tab.nutrition .column3 table {
		width: 75%;
		margin: auto
	}
	body .new-product-details .accordion .accordion-content .tab.nutrition .fir {
		text-align: center
	}
}
@media screen and (min-width: 1200px) {
	body .new-product-details .accordion .accordion-content .tab.nutrition .column1,
	body .new-product-details .accordion .accordion-content .tab.nutrition .column3 {
		width: 50%
	}
	body .new-product-details .accordion .accordion-content .tab.nutrition .column1 table,
	body .new-product-details .accordion .accordion-content .tab.nutrition .column3 table {
		width: 75%;
		margin: auto
	}
	body .new-product-details .accordion .accordion-content .tab.nutrition .column1 {
		border-right: 1px solid #2D2D2F
	}
}
.column3 {
	text-align: center !important
}
.tab.cooking {
	display: none !important
}
.box.image:before {
	display: none
}
.ranges .box.name {
	background-color: #5A1C33 !important
}
.about-articles {
	padding-top: 0 !important
}
.about-content .accordion .accordion-content .tab .faq-header {
	font-size: 18px !important;
	margin: 10px 0 !important
}
.about-content .about-intro {
	width: 75%;
	display: block;
	margin: 0 auto 40px;
	text-align: center
}
.about-content h2,
.about-content .accordion .accordion-content .tab .faq-header {
	text-align: center;
	margin: 20px 0
}
.range-products .box.name {
	background-color: #5A1C33 !important
}
#new-product-head .container .image-box img {
	left: -20px !important;
	max-width: 360px;
	top: -30px !important
}
.flip-card {
	background-color: transparent;
	width: 200px;
	height: 80px;
	left: -28px !important;
	top: -10px !important;
	line-height: 0
}
.flip-card-inner {
	display: table-cell;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d
}
.nav-link.logo:hover .flip-card-inner {
	transform: rotateY(180deg)
}
.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden
}
.flip-card-front {
	background-color: #bbb;
	color: black
}
.flip-card-back {
	background-color: #2980b9;
	color: white;
	transform: rotateY(180deg)
}
.flip {
	width: calc(100% + 50px) !important;
	left: -28px !important;
	top: -10px !important
}
body {
	position: relative;
	overflow-x: hidden;
	background: #DECFA8
}
body:after {
	content: "";
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -100;
	width: 100%;
	height: 100%;
	transition: opacity 0.3s ease-in-out, z-index 0s ease-in-out 0.3s
}
@media screen and (min-width: 992px) {
	body:after {
		top: 0.5%;
		height: 99.5%
	}
}
body.has-mask:after {
	transition: opacity 0.3s ease-in-out, z-index 0s ease-in-out;
	opacity: 1;
	z-index: 80
}
.container {
	max-width: 68em;
	margin-left: auto;
	margin-right: auto
}
.container::after {
	clear: both;
	content: "";
	display: table
}
@media screen and (min-width: 768px) {
	.container {
		max-width: 750px
	}
}
@media screen and (min-width: 992px) {
	.container {
		max-width: 970px
	}
}
@media screen and (min-width: 1200px) {
	.container {
		max-width: 1280px
	}
}
li {
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	color: #762945
}
.button,
.button:visited {
	transition: background-color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 14px;
	background-color: #fff;
	color: #5A1C33;
	border-radius: 3px;
	text-transform: uppercase
}
.button:hover,
.button:visited:hover {
	background-color: #e6e6e6
}
h1,
h2,
.about-content .accordion .accordion-content .tab .faq-header,
h3,
h4,
h5 {
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 30px;
	margin-bottom: 20px;
	color: #762945;
	letter-spacing: 1px;
	font-weight: 700;
	-webkit-font-smoothing: antialiased
}
h3 {
	font-size: 1em
}
body,
p,
.recipe-detail .share {
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	color: #762945;
	line-height: 1.5
}
p,
.recipe-detail .share {
	margin-bottom: 20px
}
a {
	text-decoration: none;
	color: #fff !important
}
a:visited {
	color: #2a0f19
}
li {
	line-height: 1.5
}
strong {
	font-weight: 700 !important;
	color: #762945
}
.text-box ul {
	margin: 1em 0 1em 1.5em;
	padding-left: 1em
}
@media print {
	header,
	footer,
	.links-row,
	.recipes,
	.banner,
	.recipe-detail .recipe-details .product img,
	.share,
	.product-col {
		display: none !important
	}
	body {
		padding: 0 50px !important
	}
	.container {
		width: 100% !important;
		max-width: 100% !important
	}
	.recipe-detail .info {
		margin: 30px 0 !important
	}
	.recipe-detail .info span {
		color: #000 !important
	}
	.recipe-detail .recipe-details ol li span,
	.recipe-detail .recipe-details ul li span,
	.recipe-detail .recipe-details ol li:before,
	.recipe-detail .info li:before {
		color: #000 !important
	}
	.recipe-detail .info .unit {
		display: none !important
	}
	.recipe-detail h2,
	.recipe-detail .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab .recipe-detail .faq-header,
	.recipe-detail p,
	.recipe-detail .share,
	.recipe-detail .share {
		text-align: left !important
	}
	.recipes-head {
		height: auto !important;
		min-height: 0 !important
	}
	.recipe-detail {
		padding-top: 15px !important
	}
	.recipe-detail .how-to-make {
		float: none !important;
		display: inline-block !important;
		width: 50% !important;
		clear: none !important;
		padding-top: 0 !important
	}
	.recipe-info {
		margin-bottom: 0 !important
	}
	.recipe-info li:before {
		display: none !important
	}
	.recipe-info li span {
		padding-left: 0 !important
	}
	.recipe-detail .recipe-details .details {
		display: block !important
	}
	.lists {
		display: block !important;
		padding: 0 !important
	}
	.lists div {
		background: none !important;
		border: 1px solid #DCDCDC !important;
		display: inline-block !important;
		width: 50% !important;
		margin-right: 0 !important;
		clear: both !important
	}
	.cont {
		position: relative !important;
		top: 0 !important;
		background: none !important;
		margin-top: 30px
	}
	.cont .text-box {
		position: relative !important;
		-webkit-transform: translateY(0) !important;
		-ms-transform: translateY(0) !important;
		transform: translateY(0) !important;
		text-shadow: none !important;
		top: 0
	}
	h2,
	.about-content .accordion .accordion-content .tab .faq-header,
	p,
	.recipe-detail .share {
		color: #000 !important
	}
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: translateX(-50%) scale(1)
	}
	50% {
		-webkit-transform: translateX(-50%) scale(1.1)
	}
	100% {
		-webkit-transform: translateX(-50%) scale(1)
	}
}
@keyframes pulse {
	0% {
		-webkit-transform: translateX(-50%) scale(1);
		-ms-transform: translateX(-50%) scale(1);
		transform: translateX(-50%) scale(1)
	}
	50% {
		-webkit-transform: translateX(-50%) scale(1.1);
		-ms-transform: translateX(-50%) scale(1.1);
		transform: translateX(-50%) scale(1.1)
	}
	100% {
		-webkit-transform: translateX(-50%) scale(1);
		-ms-transform: translateX(-50%) scale(1);
		transform: translateX(-50%) scale(1)
	}
}
header {
	border-top: 5px solid #006eb7;
	position: relative;
	z-index: 1
}
@media screen and (min-width: 992px) {
	header {
		position: static
	}
}
.is-navigating {
	overflow: hidden
}
@media screen and (min-width: 992px) {
	.is-navigating {
		overflow: auto
	}
}
.is-navigating nav .container {
	overflow-y: auto
}
@media screen and (min-width: 992px) {
	.is-navigating nav .container {
		overflow-y: none
	}
}
.centered-navigation {
	min-height: 100px;
	width: 100%
}
.centered-navigation .mobile-logo {
	display: block;
	text-align: center;
	position: relative;
	width: 160px;
	margin: auto;
	padding: 18px 0
}
.centered-navigation .mobile-logo img {
	max-height: 130px;
	max-width: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1000
}
@media screen and (min-width: 992px) {
	.centered-navigation .mobile-logo {
		display: none
	}
}
.centered-navigation .mobile-row {
	background-color: #5A1C33;
	height: 100px
}
@media screen and (min-width: 992px) {
	.centered-navigation .mobile-row {
		height: 0
	}
}
.centered-navigation .mobile-row .mobile-menu {
	display: block;
	float: left;
	padding: 39px 20px;
	cursor: pointer
}
.centered-navigation .mobile-row .mobile-menu .navicon-line {
	width: 24px;
	height: 4px;
	border-radius: 1px;
	margin-bottom: 3px;
	background-color: #fff
}
@media screen and (min-width: 992px) {
	.centered-navigation .mobile-row .mobile-menu {
		display: none
	}
}
.centered-navigation.is-open {
	position: absolute;
	z-index: 100;
	margin-top: -106px
}
.centered-navigation.is-open nav {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	margin: 0;
	height: 100vh
}
.centered-navigation nav {
	position: absolute;
	width: 100%;
	min-height: 420px;
	height: calc(100vh - #$header-height);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	transition: -webkit-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
	z-index: 100
}
@media screen and (min-width: 992px) {
	.centered-navigation nav {
		height: calc(100% - #$header-height);
		min-height: inherit
	}
}
.centered-navigation nav .container {
	background-color: #5A1C33;
	text-align: center;
	position: relative;
	height: calc(100vh - #$header-height);
	max-width: 100%;
	padding-top: 40px
}
@media screen and (min-width: 992px) {
	.centered-navigation nav .container {
		height: auto;
		padding-top: 0;
		max-width: 970px
	}
}
@media screen and (max-width: 992px) {
	.centered-navigation nav .container {
		overflow: hidden
	}
}
@media screen and (min-width: 1200px) {
	.centered-navigation nav .container {
		max-width: 1050px
	}
}
@media screen and (min-width: 992px) {
	.centered-navigation nav {
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
		position: relative;
		background-color: #5A1C33
	}
}
.centered-navigation nav ul.menu {
	margin: 0;
	clear: both;
	float: left;
	overflow: visible;
	padding: 0;
	z-index: 100;
	background-color: #5A1C33;
	position: relative;
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.2)
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu {
		background: none !important;
		height: 100px;
		border-top: none;
		display: table;
		margin-bottom: 5px;
		text-align: center;
		background-color: #5A1C33;
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px)
	}
}
.centered-navigation nav ul.menu li.nav-link {
	position: relative;
	display: block;
	text-align: center;
	z-index: 10;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link {
		border-bottom: none;
		display: table-cell;
		min-width: 110px
	}
}
@media screen and (min-width: 1200px) {
	.centered-navigation nav ul.menu li.nav-link {
		min-width: 125px
	}
}
.centered-navigation nav ul.menu li.nav-link a {
	transition: color 0.2s ease-in-out, background-size 0.2s ease-in-out;
	transition: transform 0.6s;
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	display: inline-block;
	outline: none;
	color: #fff;
	padding: 21px 5px 19px 5px;
	background-size: 0 0;
	width: 100%
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link a {
		padding: 45px 5px 35px;
		position: relative
	}
}
.centered-navigation nav ul.menu li.nav-link a span {
	position: relative
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link a span:before {
		content: "";
		display: inline-block;
		position: absolute;
		top: -52px;
		height: 5px;
		max-height: 0;
		transition: max-height 0.2s ease-in-out;
		width: 150%;
		margin: 0 -25%;
		background-color: #006eb7
	}
}
.centered-navigation nav ul.menu li.nav-link.logo {
	display: none;
	line-height: 0
}
.centered-navigation nav ul.menu li.nav-link.logo a {
	padding: 0;
	vertical-align: middle
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link.logo {
		z-index: 100;
		display: table-cell;
		position: relative;
		cursor: pointer
	}
	.centered-navigation nav ul.menu li.nav-link.logo .flip {
		-webkit-perspective: 10000;
		perspective: 10000;
		-webkit-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d
	}
	.centered-navigation nav ul.menu li.nav-link.logo .flip:hover .logo-front {
		-webkit-transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
		transform: rotateY(-180deg)
	}
	.centered-navigation nav ul.menu li.nav-link.logo .flip:hover .logo-back {
		-webkit-transform: rotateY(0);
		-ms-transform: rotateY(0);
		transform: rotateY(0)
	}
	.centered-navigation nav ul.menu li.nav-link.logo .flip a,
	.centered-navigation nav ul.menu li.nav-link.logo .flip img {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		cursor: pointer
	}
	.centered-navigation nav ul.menu li.nav-link.logo .logo-front {
		z-index: 2
	}
	.centered-navigation nav ul.menu li.nav-link.logo .logo-back {
		-webkit-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		transform: rotateY(180deg)
	}
	.centered-navigation nav ul.menu li.nav-link.logo img {
		transition: all 0.4s ease-in-out;
		position: absolute;
		top: -50px;
		right: 0;
		bottom: 0;
		width: 100%
	}
}
@media screen and (min-width: 1200px) {
	.centered-navigation nav ul.menu li.nav-link.logo {
		margin-left: -20px
	}
}
.centered-navigation nav ul.menu li.nav-link.logo:before {
	max-width: 0
}
.centered-navigation nav ul.menu li.nav-link #down-arrow:after {
	content: "";
	opacity: 0;
	transition: opacity 0.5s ease-in-out
}
.centered-navigation nav ul.menu li.nav-link:hover span:before {
	max-height: 5px
}
.centered-navigation nav ul.menu li.nav-link:hover>a {
	color: #006eb7
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link:hover>a.down-arrow:after {
		content: "";
		position: absolute;
		bottom: 10px;
		opacity: 0.5;
		left: 50%;
		-webkit-animation: pulse 0.75s infinite;
		animation: pulse 0.75s infinite;
		background: url("/MrKiplingUK/media/images/assets/down-arrow.svg") no-repeat center;
		width: 15px;
		height: 15px
	}
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link:hover .submenu {
		max-height: 400px
	}
}
.centered-navigation nav ul.menu li.nav-link .submenu {
	display: block;
	position: relative;
	padding-left: 0;
	left: 0;
	right: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-in-out
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link .submenu {
		position: absolute;
		border-bottom: 5px solid #5A1C33;
		margin: 0 -1px;
		width: calc(100vw + 2px);
		overflow: hidden;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}
.centered-navigation nav ul.menu li.nav-link .submenu li {
	background-color: #DECFA8;
	display: block;
	padding-right: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	position: relative
}
.centered-navigation nav ul.menu li.nav-link .submenu li:before {
	bottom: 10%;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 60%;
	width: 100%
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link .submenu li {
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		border-bottom: none;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-basis: 0;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(1n),
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="favourites"]:nth-of-type(n) {
		background-color: #EF94B8
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(1n):before,
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="favourites"]:nth-of-type(n):before {
		background-color: rgba(226, 59, 125, 0.333);
		background-image: linear-gradient(to bottom, rgba(226, 59, 125, 0.333), #EF94B8)
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(2n),
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="christmas"]:nth-of-type(n) {
		background-color: #C50000
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(2n):before,
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="christmas"]:nth-of-type(n):before {
		background-color: rgba(95, 0, 0, 0.333);
		background-image: linear-gradient(to bottom, rgba(95, 0, 0, 0.333), #C50000)
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(3n),
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="halloween"]:nth-of-type(n) {
		background-color: #FA8D42
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(3n):before,
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="halloween"]:nth-of-type(n):before {
		background-color: rgba(173, 97, 46, 0.333);
		background-image: linear-gradient(to bottom, rgba(173, 97, 46, 0.333), #FA8D42)
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(4n),
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="home-baking"]:nth-of-type(n) {
		background-color: #C76793
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(4n):before,
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="home-baking"]:nth-of-type(n):before {
		background-color: rgba(132, 78, 121, 0.333);
		background-image: linear-gradient(to bottom, rgba(132, 78, 121, 0.333), #C76793)
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(5n),
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="signature-collection"]:nth-of-type(n) {
		background-color: #541935
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(5n):before,
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="signature-collection"]:nth-of-type(n):before {
		background-color: rgba(55, 0, 0, 0.333);
		background-image: linear-gradient(to bottom, rgba(55, 0, 0, 0.333), #541935)
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(6n),
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="better-for-you"]:nth-of-type(n) {
		background-color: #5DBCEB
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li:nth-of-type(6n):before,
	.centered-navigation nav ul.menu li.nav-link .submenu li[data-theme="better-for-you"]:nth-of-type(n):before {
		background-color: rgba(51, 103, 127, 0.333);
		background-image: linear-gradient(to bottom, rgba(51, 103, 127, 0.333), #5DBCEB)
	}
}
.centered-navigation nav ul.menu li.nav-link .submenu li a {
	background-position: 50% 50%;
	background-size: contain;
	display: block;
	font-size: 0.95em;
	text-align: center;
	width: 100%
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link .submenu li a {
		padding: 30px;
		transition: -webkit-transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out
	}
	.centered-navigation nav ul.menu li.nav-link .submenu li a:hover {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05)
	}
}
.centered-navigation nav ul.menu li.nav-link .submenu li a img {
	display: none;
	max-height: 354px;
	max-width: 100%
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link .submenu li a img {
		display: block;
		margin: 0 auto
	}
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.menu li.nav-link .submenu li a span {
		display: none
	}
}
.centered-navigation nav ul.menu li.nav-link .submenu.is-open {
	display: block;
	max-height: 500px
}
.centered-navigation nav ul.connect {
	position: relative;
	display: inline-block;
	float: none;
	padding: 0;
	height: 100px;
	list-style: none;
	margin: -5px 0 5px 0
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.connect {
		height: 100%;
		position: absolute;
		right: 16px
	}
}
.centered-navigation nav ul.connect li {
	float: left;
	height: 100%;
	position: relative
}
.centered-navigation nav ul.connect li a {
	margin: 0 3px;
	display: block;
	float: left;
	height: 100%;
	min-width: 35px
}
@media screen and (min-width: 768px) {
	.centered-navigation nav ul.connect li a {
		padding: 5px 0 0
	}
}
.centered-navigation nav ul.connect li.twitter .icon,
.centered-navigation nav ul.connect li.fb .icon,
.centered-navigation nav ul.connect li.youtube .icon {
	float: left;
	display: block;
	width: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 20px
}
.centered-navigation nav ul.connect li.twitter:before {
	background: #5eaade
}
.centered-navigation nav ul.connect li.twitter .icon {
	background: url("/MrKiplingUK/media/images/assets/twitter.svg") no-repeat center;
	background-size: contain
}
.centered-navigation nav ul.connect li.fb:before {
	background: #3b5999
}
.centered-navigation nav ul.connect li.fb .icon {
	background: url("/MrKiplingUK/media/images/assets/facebook.svg") no-repeat center;
	background-size: contain
}
.centered-navigation nav ul.connect li.youtube:before {
	background: #cb181e
}
.centered-navigation nav ul.connect li.youtube .icon {
	background: url("/MrKiplingUK/media/images/assets/youtube.svg") no-repeat center;
	background-size: contain
}
@media screen and (min-width: 992px) {
	.centered-navigation nav ul.connect li:before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		height: 5px;
		max-height: 0;
		transition: max-height 0.2s ease-in-out;
		width: 100%
	}
}
.centered-navigation nav ul.connect li:hover:before {
	max-height: 5px
}
#banner-carousel {
	position: relative
}
@media screen and (min-width: 768px) {
	#banner-carousel {
		margin: 0;
		margin-bottom: 30px;
		padding: 0;
		height: 450px
	}
}
#banner-carousel .slick-list,
#banner-carousel .slick-track {
	height: auto;
	min-height: 400px
}
@media screen and (min-width: 768px) {
	#banner-carousel .slick-list,
	#banner-carousel .slick-track {
		height: 100%
	}
}
#banner-carousel .slick-arrow {
	top: 44%
}
#banner-carousel .slick-arrow:before {
	content: "";
	display: block;
	height: 35px
}
#banner-carousel .slick-prev {
	z-index: 10;
	left: 5%
}
@media screen and (min-width: 1200px) {
	#banner-carousel .slick-prev {
		left: 4%
	}
}
#banner-carousel .slick-prev:before {
	background: url("/MrKiplingUK/media/images/assets/left-arrow.svg") no-repeat center;
	background-size: 14px
}
#banner-carousel .slick-next {
	right: 5%
}
@media screen and (min-width: 1200px) {
	#banner-carousel .slick-next {
		right: 4%
	}
}
#banner-carousel .slick-next:before {
	background: url("/MrKiplingUK/media/images/assets/right-arrow.svg") no-repeat center;
	background-size: 14px
}
#banner-carousel .slick-dots {
	display: none !important;
	margin: -50px 0 0 0;
	position: relative
}
@media screen and (min-width: 768px) {
	#banner-carousel .slick-dots {
		display: block !important
	}
}
#banner-carousel .slick-dots li {
	margin: 0 5px;
	height: 16px;
	width: 16px
}
#banner-carousel .slick-dots li button {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	transition: background-color 0.2s ease-in-out;
	border: 2px solid white
}
#banner-carousel .slick-dots li button:before {
	opacity: 0
}
#banner-carousel .slick-dots li.slick-active button {
	background-color: #fff;
	border: 2px solid darker(#fff, 15%)
}
#banner-carousel .item {
	min-height: 500px;
	position: relative
}
@media screen and (min-width: 768px) {
	#banner-carousel .item {
		min-height: 450px
	}
}
#banner-carousel .item:focus {
	outline: none
}
#banner-carousel .item>img {
	margin-bottom: 2%;
	height: 100%;
	width: initial !important
}
@media screen and (min-width: 992px) {
	#banner-carousel .item>img {
		width: 100% !important;
		margin-bottom: 0
	}
}
#banner-carousel .item .cont {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover
}
@media screen and (min-width: 992px) {
	#banner-carousel .item .cont {
		bottom: 10%
	}
	#banner-carousel .item .cont:before,
	#banner-carousel .item .cont:after {
		content: "";
		display: none;
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		width: 260px;
		height: 200px
	}
	#banner-carousel .item .cont:before {
		left: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	#banner-carousel .item .cont:after {
		right: 0;
		-webkit-transform: translateY(-50%) scaleX(-1);
		-ms-transform: translateY(-50%) scaleX(-1);
		transform: translateY(-50%) scaleX(-1)
	}
}
#banner-carousel .item .container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
#banner-carousel .item .container .text-box {
	text-align: center;
	position: absolute;
	left: 50%;
	width: 100%;
	max-width: 430px;
	bottom: 38px;
	padding: 0 20px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-shadow: none;
	z-index: 1
}
@media screen and (min-width: 768px) {
	#banner-carousel .item .container .text-box {
		width: 430px
	}
}
#banner-carousel .item .container .text-box,
#banner-carousel .item .container .text-box * {
	color: #fff;
	text-shadow: none
}
#banner-carousel .item .container .text-box h2,
#banner-carousel .item .container .text-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab #banner-carousel .item .container .text-box .faq-header {
	margin: 0;
	line-height: 1.25
}
#banner-carousel .item .container .text-box p,
#banner-carousel .item .container .text-box .recipe-detail .share,
.recipe-detail #banner-carousel .item .container .text-box .share {
	font-size: 20px;
	margin-bottom: 35px;
	letter-spacing: 0.4px
}
#banner-carousel .item .container .text-box h2,
#banner-carousel .item .container .text-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab #banner-carousel .item .container .text-box .faq-header {
	font-size: 30px
}
#banner-carousel.is-open {
	margin-top: 106px
}
body #banner-carousel.left-aligned .container .text-box {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	text-align: center;
	top: 45%
}
@media screen and (min-width: 992px) {
	body #banner-carousel.left-aligned .container .text-box {
		text-align: left;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 5%
	}
}
body #banner-carousel.left-aligned .container .text-box h2,
body #banner-carousel.left-aligned .container .text-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab body #banner-carousel.left-aligned .container .text-box .faq-header {
	font-size: 35px
}
body #banner-carousel.left-aligned .container .text-box .button {
	padding: 18px 40px
}
body #banner-carousel.left-aligned .container .range-image {
	bottom: 0
}
@media screen and (min-width: 992px) {
	body #banner-carousel.left-aligned .container .range-image {
		max-width: 500px;
		max-height: 420px;
		right: 0
	}
}
@media screen and (min-width: 1200px) {
	body #banner-carousel.left-aligned .container .range-image {
		max-width: 810px
	}
}
body #banner-carousel.left-aligned .slick-dots {
	text-align: left;
	left: 0;
	bottom: 110px;
	margin: 0 auto;
	max-width: 840px;
	height: 35px
}
@media screen and (min-width: 1200px) {
	body #banner-carousel.left-aligned .slick-dots {
		max-width: 1120px
	}
}
body #banner-carousel.left-aligned .slick-dots li.slick-active button {
	background-color: rgba(255, 255, 255, 0.5)
}
.content-area,
.range-content,
.product-content,
.recipes-content {
	text-align: center;
	clear: both;
	padding: 30px 0
}
.content-area .container,
.range-content .container,
.product-content .container,
.recipes-content .container {
	position: relative
}
@media screen and (min-width: 768px) {
	.content-area .container,
	.range-content .container,
	.product-content .container,
	.recipes-content .container {
		text-align: left
	}
}
.content-area .container img,
.range-content .container img,
.product-content .container img,
.recipes-content .container img {
	margin: 40px auto
}
@media screen and (min-width: 768px) {
	.content-area .container img,
	.range-content .container img,
	.product-content .container img,
	.recipes-content .container img {
		margin: 0;
		width: auto;
		max-width: 14.70196%;
		top: 55%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute
	}
}
@media screen and (min-width: 1200px) {
	.content-area .container img,
	.range-content .container img,
	.product-content .container img,
	.recipes-content .container img {
		padding-left: 15px
	}
}
@media screen and (min-width: 1200px) {
	.content-area .container .featured-image,
	.range-content .container .featured-image,
	.product-content .container .featured-image,
	.recipes-content .container .featured-image {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 6.17215%
	}
	.content-area .container .featured-image:last-child,
	.range-content .container .featured-image:last-child,
	.product-content .container .featured-image:last-child,
	.recipes-content .container .featured-image:last-child {
		margin-right: 0
	}
}
.content-area .container .text-box,
.range-content .container .text-box,
.product-content .container .text-box,
.recipes-content .container .text-box {
	text-align: center;
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 82.94039%;
	margin-left: 8.5298%
}
.content-area .container .text-box:last-child,
.range-content .container .text-box:last-child,
.product-content .container .text-box:last-child,
.recipes-content .container .text-box:last-child {
	margin-right: 0
}
@media screen and (min-width: 768px) {
	.content-area .container .text-box,
	.range-content .container .text-box,
	.product-content .container .text-box,
	.recipes-content .container .text-box {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 65.88078%;
		margin-left: 0;
		padding: 0 10px;
		margin-left: 17.05961%
	}
	.content-area .container .text-box:last-child,
	.range-content .container .text-box:last-child,
	.product-content .container .text-box:last-child,
	.recipes-content .container .text-box:last-child {
		margin-right: 0
	}
}
.content-area .container .button,
.range-content .container .button,
.product-content .container .button,
.recipes-content .container .button {
	padding: 12px 40px
}
.content-area .container .text-box p,
.content-area .container .text-box .recipe-detail .share,
.recipe-detail .content-area .container .text-box .share {
	margin-bottom: 20px
}
.product-content {
	padding-top: 65px
}
@media screen and (min-width: 1200px) {
	.product-content .container img {
		padding: 20px 12px 34px 40px
	}
}
.ranges,
.range-other {
	text-align: center;
	overflow: hidden;
	padding: 30px 0
}
@media screen and (min-width: 450px) {
	.ranges,
	.range-other {
		overflow: visible
	}
}
.ranges p,
.ranges .recipe-detail .share,
.recipe-detail .ranges .share,
.range-other p,
.range-other .recipe-detail .share,
.recipe-detail .range-other .share {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 82.94039%;
	margin-left: 8.5298%
}
.ranges p:last-child,
.ranges .recipe-detail .share:last-child,
.recipe-detail .ranges .share:last-child,
.range-other p:last-child,
.range-other .recipe-detail .share:last-child,
.recipe-detail .range-other .share:last-child {
	margin-right: 0
}
@media screen and (min-width: 768px) {
	.ranges p,
	.ranges .recipe-detail .share,
	.recipe-detail .ranges .share,
	.range-other p,
	.range-other .recipe-detail .share,
	.recipe-detail .range-other .share {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 65.88078%;
		margin-left: 17.05961%
	}
	.ranges p:last-child,
	.ranges .recipe-detail .share:last-child,
	.recipe-detail .ranges .share:last-child,
	.range-other p:last-child,
	.range-other .recipe-detail .share:last-child,
	.recipe-detail .range-other .share:last-child {
		margin-right: 0
	}
}
.ranges .featured,
.range-other .featured {
	margin: 40px 0;
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 81.23443%;
	margin-left: 9.38278%
}
.ranges .featured:last-child,
.range-other .featured:last-child {
	margin-right: 0
}
.ranges .featured,
.ranges .featured *,
.range-other .featured,
.range-other .featured * {
	color: #fff
}
.ranges .featured h2 span,
.ranges .featured .about-content .accordion .accordion-content .tab .faq-header span,
.about-content .accordion .accordion-content .tab .ranges .featured .faq-header span,
.ranges .featured h3 span,
.range-other .featured h2 span,
.range-other .featured .about-content .accordion .accordion-content .tab .faq-header span,
.about-content .accordion .accordion-content .tab .range-other .featured .faq-header span,
.range-other .featured h3 span {
	text-transform: lowercase
}
.ranges .featured .button,
.range-other .featured .button {
	margin: auto;
	white-space: nowrap;
	padding: 12px
}
.ranges .featured .two-box,
.range-other .featured .two-box {
	background-color: #5A1C33;
	display: block;
	float: left;
	overflow: hidden;
	width: 100%
}
.ranges .featured .two-box:nth-of-type(2n+1) .image img,
.range-other .featured .two-box:nth-of-type(2n+1) .image img {
	float: right
}
@media screen and (min-width: 450px) {
	.ranges .featured .two-box:nth-of-type(2n+1) .image,
	.range-other .featured .two-box:nth-of-type(2n+1) .image {
		float: right
	}
}
.ranges .featured .two-box:nth-of-type(2n+2) .image img,
.range-other .featured .two-box:nth-of-type(2n+2) .image img {
	float: left
}
@media screen and (min-width: 450px) {
	.ranges .featured .two-box:nth-of-type(2n+2) .image,
	.range-other .featured .two-box:nth-of-type(2n+2) .image {
		float: left
	}
}
@media screen and (min-width: 992px) {
	.ranges .featured .two-box,
	.range-other .featured .two-box {
		width: 50%
	}
	.ranges .featured .two-box:last-child:nth-child(odd),
	.range-other .featured .two-box:last-child:nth-child(odd) {
		margin-left: 25%
	}
	.ranges .featured .two-box:nth-of-type(4n+1) .image img,
	.ranges .featured .two-box:nth-of-type(4n+2) .image img,
	.ranges .featured .two-box:last-child:nth-child(odd) .image img,
	.range-other .featured .two-box:nth-of-type(4n+1) .image img,
	.range-other .featured .two-box:nth-of-type(4n+2) .image img,
	.range-other .featured .two-box:last-child:nth-child(odd) .image img {
		float: right
	}
}
@media screen and (min-width: 992px) and (min-width: 450px) {
	.ranges .featured .two-box:nth-of-type(4n+1) .image,
	.ranges .featured .two-box:nth-of-type(4n+2) .image,
	.ranges .featured .two-box:last-child:nth-child(odd) .image,
	.range-other .featured .two-box:nth-of-type(4n+1) .image,
	.range-other .featured .two-box:nth-of-type(4n+2) .image,
	.range-other .featured .two-box:last-child:nth-child(odd) .image {
		float: right
	}
}
@media screen and (min-width: 992px) {
	.ranges .featured .two-box:nth-of-type(4n+3) .image img,
	.ranges .featured .two-box:nth-of-type(4n+4) .image img,
	.range-other .featured .two-box:nth-of-type(4n+3) .image img,
	.range-other .featured .two-box:nth-of-type(4n+4) .image img {
		float: left
	}
}
@media screen and (min-width: 992px) and (min-width: 450px) {
	.ranges .featured .two-box:nth-of-type(4n+3) .image,
	.ranges .featured .two-box:nth-of-type(4n+4) .image,
	.range-other .featured .two-box:nth-of-type(4n+3) .image,
	.range-other .featured .two-box:nth-of-type(4n+4) .image {
		float: left
	}
}
.ranges .featured .two-box:nth-of-type(1n) .image,
.ranges .featured .two-box[data-theme="favourites"]:nth-of-type(n) .image,
.range-other .featured .two-box:nth-of-type(1n) .image,
.range-other .featured .two-box[data-theme="favourites"]:nth-of-type(n) .image {
	background-color: #EF94B8
}
.ranges .featured .two-box:nth-of-type(1n) .image:before,
.ranges .featured .two-box[data-theme="favourites"]:nth-of-type(n) .image:before,
.range-other .featured .two-box:nth-of-type(1n) .image:before,
.range-other .featured .two-box[data-theme="favourites"]:nth-of-type(n) .image:before {
	background-color: rgba(226, 59, 125, 0.333);
	background-image: linear-gradient(to bottom, rgba(226, 59, 125, 0.333), #EF94B8)
}
.ranges .featured .two-box:nth-of-type(2n) .image,
.ranges .featured .two-box[data-theme="christmas"]:nth-of-type(n) .image,
.range-other .featured .two-box:nth-of-type(2n) .image,
.range-other .featured .two-box[data-theme="christmas"]:nth-of-type(n) .image {
	background-color: #C50000
}
.ranges .featured .two-box:nth-of-type(2n) .image:before,
.ranges .featured .two-box[data-theme="christmas"]:nth-of-type(n) .image:before,
.range-other .featured .two-box:nth-of-type(2n) .image:before,
.range-other .featured .two-box[data-theme="christmas"]:nth-of-type(n) .image:before {
	background-color: rgba(95, 0, 0, 0.333);
	background-image: linear-gradient(to bottom, rgba(95, 0, 0, 0.333), #C50000)
}
.ranges .featured .two-box:nth-of-type(3n) .image,
.ranges .featured .two-box[data-theme="halloween"]:nth-of-type(n) .image,
.range-other .featured .two-box:nth-of-type(3n) .image,
.range-other .featured .two-box[data-theme="halloween"]:nth-of-type(n) .image {
	background-color: #FA8D42
}
.ranges .featured .two-box:nth-of-type(3n) .image:before,
.ranges .featured .two-box[data-theme="halloween"]:nth-of-type(n) .image:before,
.range-other .featured .two-box:nth-of-type(3n) .image:before,
.range-other .featured .two-box[data-theme="halloween"]:nth-of-type(n) .image:before {
	background-color: rgba(173, 97, 46, 0.333);
	background-image: linear-gradient(to bottom, rgba(173, 97, 46, 0.333), #FA9D42)
}
.ranges .featured .two-box:nth-of-type(4n) .image,
.ranges .featured .two-box[data-theme="home-baking"]:nth-of-type(n) .image,
.range-other .featured .two-box:nth-of-type(4n) .image,
.range-other .featured .two-box[data-theme="home-baking"]:nth-of-type(n) .image {
	background-color: #C76793
}
.ranges .featured .two-box:nth-of-type(4n) .image:before,
.ranges .featured .two-box[data-theme="home-baking"]:nth-of-type(n) .image:before,
.range-other .featured .two-box:nth-of-type(4n) .image:before,
.range-other .featured .two-box[data-theme="home-baking"]:nth-of-type(n) .image:before {
	background-color: rgba(132, 78, 121, 0.333);
	background-image: linear-gradient(to bottom, rgba(132, 78, 121, 0.333), #C76793)
}
.ranges .featured .two-box:nth-of-type(5n) .image,
.ranges .featured .two-box[data-theme="signature-collection"]:nth-of-type(n) .image,
.range-other .featured .two-box:nth-of-type(5n) .image,
.range-other .featured .two-box[data-theme="signature-collection"]:nth-of-type(n) .image {
	background-color: #541935
}
.ranges .featured .two-box:nth-of-type(5n) .image:before,
.ranges .featured .two-box[data-theme="signature-collection"]:nth-of-type(n) .image:before,
.range-other .featured .two-box:nth-of-type(5n) .image:before,
.range-other .featured .two-box[data-theme="signature-collection"]:nth-of-type(n) .image:before {
	background-color: rgba(55, 0, 0, 0.333);
	background-image: linear-gradient(to bottom, rgba(55, 0, 0, 0.333), #541935)
}
.ranges .featured .two-box:nth-of-type(6n) .image,
.ranges .featured .two-box[data-theme="better-for-you"]:nth-of-type(n) .image,
.range-other .featured .two-box:nth-of-type(6n) .image,
.range-other .featured .two-box[data-theme="better-for-you"]:nth-of-type(n) .image {
	background-color: #5DBCEB
}
.ranges .featured .two-box:nth-of-type(6n) .image:before,
.ranges .featured .two-box[data-theme="better-for-you"]:nth-of-type(n) .image:before,
.range-other .featured .two-box:nth-of-type(6n) .image:before,
.range-other .featured .two-box[data-theme="better-for-you"]:nth-of-type(n) .image:before {
	background-color: rgba(51, 103, 127, 0.333);
	background-image: linear-gradient(to bottom, rgba(51, 103, 127, 0.333), #5DBCEB)
}
.ranges .featured .two-box h2,
.ranges .featured .two-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .ranges .featured .two-box .faq-header,
.ranges .featured .two-box h3,
.range-other .featured .two-box h2,
.range-other .featured .two-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .range-other .featured .two-box .faq-header,
.range-other .featured .two-box h3 {
	transition: opacity 0.5s ease-in-out
}
@media screen and (min-width: 768px) {
	.ranges .featured .two-box:hover h2,
	.ranges .featured .two-box:hover .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab .ranges .featured .two-box:hover .faq-header,
	.ranges .featured .two-box:hover h3,
	.range-other .featured .two-box:hover h2,
	.range-other .featured .two-box:hover .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab .range-other .featured .two-box:hover .faq-header,
	.range-other .featured .two-box:hover h3 {
		opacity: 0
	}
}
@media screen and (min-width: 768px) {
	.ranges .featured .two-box:hover span,
	.range-other .featured .two-box:hover span {
		opacity: 1 !important
	}
}
.ranges .featured .two-box:hover .image,
.range-other .featured .two-box:hover .image {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.ranges .featured .two-box .name,
.range-other .featured .two-box .name {
	background-color: #5A1C33;
	height: 100px;
	float: left;
	position: relative;
	width: 100%
}
@media screen and (min-width: 450px) {
	.ranges .featured .two-box .name,
	.range-other .featured .two-box .name {
		width: 50%
	}
}
.ranges .featured .two-box .name .content-box,
.range-other .featured .two-box .name .content-box {
	position: relative;
	top: 50%;
	width: 100%;
	max-width: 85%;
	display: block;
	margin: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.ranges .featured .two-box .name .content-box img,
.range-other .featured .two-box .name .content-box img {
	width: 60%
}
.ranges .featured .two-box .name .content-box span,
.range-other .featured .two-box .name .content-box span {
	position: relative;
	transition: opacity 0.5s ease-in-out;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
@media screen and (min-width: 768px) {
	.ranges .featured .two-box .name .content-box span,
	.range-other .featured .two-box .name .content-box span {
		position: absolute;
		top: 50%;
		left: 50%;
		opacity: 0;
		display: inline-block
	}
}
.ranges .featured .two-box .name .content-box h2,
.ranges .featured .two-box .name .content-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .ranges .featured .two-box .name .content-box .faq-header,
.range-other .featured .two-box .name .content-box h2,
.range-other .featured .two-box .name .content-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .range-other .featured .two-box .name .content-box .faq-header {
	width: 100%;
	text-align: center;
	overflow: hidden;
	line-height: 1.1;
	font-weight: normal;
	font-size: 25px
}
.ranges .featured .two-box .name .content-box h3,
.range-other .featured .two-box .name .content-box h3 {
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 2em
}
@media screen and (min-width: 768px) {
	.ranges .featured .two-box .name .content-box h3,
	.range-other .featured .two-box .name .content-box h3 {
		margin-bottom: 0
	}
}
.ranges .featured .two-box .name .content-box .details,
.range-other .featured .two-box .name .content-box .details {
	display: inline-block;
	width: 125px;
	margin: auto
}
.ranges .featured .two-box .name .content-box .details p,
.ranges .featured .two-box .name .content-box .details .recipe-detail .share,
.recipe-detail .ranges .featured .two-box .name .content-box .details .share,
.range-other .featured .two-box .name .content-box .details p,
.range-other .featured .two-box .name .content-box .details .recipe-detail .share,
.recipe-detail .range-other .featured .two-box .name .content-box .details .share {
	font-weight: 800;
	margin: 15px 0 0;
	height: 20px;
	width: 100%;
	text-align: center;
	padding-left: 5px
}
.ranges .featured .two-box .name .content-box .details p:first-of-type,
.ranges .featured .two-box .name .content-box .details .recipe-detail .share:first-of-type,
.recipe-detail .ranges .featured .two-box .name .content-box .details .share:first-of-type,
.range-other .featured .two-box .name .content-box .details p:first-of-type,
.range-other .featured .two-box .name .content-box .details .recipe-detail .share:first-of-type,
.recipe-detail .range-other .featured .two-box .name .content-box .details .share:first-of-type {
	background: url("/MrKiplingUK/media/images/assets/time.svg") no-repeat left;
	background-size: 18px
}
.ranges .featured .two-box .name .content-box .details p:last-of-type,
.ranges .featured .two-box .name .content-box .details .recipe-detail .share:last-of-type,
.recipe-detail .ranges .featured .two-box .name .content-box .details .share:last-of-type,
.range-other .featured .two-box .name .content-box .details p:last-of-type,
.range-other .featured .two-box .name .content-box .details .recipe-detail .share:last-of-type,
.recipe-detail .range-other .featured .two-box .name .content-box .details .share:last-of-type {
	background: url("/MrKiplingUK/media/images/assets/serving.svg") no-repeat left;
	background-size: 18px
}
.ranges .featured .two-box .image,
.range-other .featured .two-box .image {
	height: 100px;
	float: left;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: background-size 0.2s ease-in-out, -webkit-transform 0.5s ease-in-out;
	transition: background-size 0.2s ease-in-out, transform 0.5s ease-in-out;
	position: relative
}
.ranges .featured .two-box .image:not(.has-background-image):before,
.range-other .featured .two-box .image:not(.has-background-image):before {
	bottom: 10%;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 60%;
	width: 100%
}
.ranges .featured .two-box .image img,
.range-other .featured .two-box .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-height: 80%;
	max-width: 80%;
	width: auto
}
@media screen and (min-width: 450px) {
	.ranges .featured .two-box .image,
	.range-other .featured .two-box .image {
		width: 50%
	}
}
.ranges .featured .two-box .featured-social,
.range-other .featured .two-box .featured-social {
	position: relative;
	background-color: #3864a3;
	width: 100%;
	float: left
}
.ranges .featured .two-box .featured-social:hover h2,
.ranges .featured .two-box .featured-social:hover .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .ranges .featured .two-box .featured-social:hover .faq-header,
.ranges .featured .two-box .featured-social:hover h3,
.range-other .featured .two-box .featured-social:hover h2,
.range-other .featured .two-box .featured-social:hover .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .range-other .featured .two-box .featured-social:hover .faq-header,
.range-other .featured .two-box .featured-social:hover h3 {
	opacity: 1
}
.ranges .featured .two-box .featured-social img,
.range-other .featured .two-box .featured-social img {
	position: relative;
	left: 20px;
	top: 20px;
	height: 30%;
	float: left
}
@media screen and (min-width: 450px) {
	.ranges .featured .two-box .featured-social img,
	.range-other .featured .two-box .featured-social img {
		height: 75%;
		bottom: 0 !important;
		position: absolute;
		top: inherit
	}
}
.ranges .featured .two-box .featured-social .text-box,
.range-other .featured .two-box .featured-social .text-box {
	text-align: left;
	width: 100%;
	padding: 20px;
	float: right;
	margin-top: 30px
}
@media screen and (min-width: 450px) {
	.ranges .featured .two-box .featured-social .text-box,
	.range-other .featured .two-box .featured-social .text-box {
		width: 75%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0;
		margin-top: 0
	}
}
@media screen and (min-width: 768px) {
	.ranges .featured .two-box .featured-social .text-box,
	.range-other .featured .two-box .featured-social .text-box {
		padding-left: 0
	}
}
.ranges .featured .two-box .featured-social .text-box h3,
.range-other .featured .two-box .featured-social .text-box h3 {
	font-size: 20px;
	margin-bottom: 10px;
	opacity: 1 !important
}
.ranges .featured .two-box .featured-social .text-box span,
.range-other .featured .two-box .featured-social .text-box span {
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px
}
.ranges .featured .two-box .featured-recipes,
.range-other .featured .two-box .featured-recipes {
	background-color: #fff;
	position: relative;
	width: 100%;
	float: left;
	text-align: left
}
.ranges .featured .two-box .featured-recipes .foreground,
.range-other .featured .two-box .featured-recipes .foreground {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: auto 80%;
	background-position: 90% 60%;
	background-repeat: no-repeat;
	display: none
}
@media screen and (min-width: 768px) {
	.ranges .featured .two-box .featured-recipes .foreground,
	.range-other .featured .two-box .featured-recipes .foreground {
		display: block
	}
}
@media screen and (min-width: 992px) {
	.ranges .featured .two-box .featured-recipes .foreground,
	.range-other .featured .two-box .featured-recipes .foreground {
		display: none
	}
}
@media screen and (min-width: 1200px) {
	.ranges .featured .two-box .featured-recipes .foreground,
	.range-other .featured .two-box .featured-recipes .foreground {
		display: block
	}
}
.ranges .featured .two-box .featured-recipes .text-box,
.range-other .featured .two-box .featured-recipes .text-box {
	text-align: left;
	left: 0;
	position: absolute;
	width: 100%;
	padding: 20px;
	display: inline-block
}
@media screen and (min-width: 768px) {
	.ranges .featured .two-box .featured-recipes .text-box,
	.range-other .featured .two-box .featured-recipes .text-box {
		float: left;
		padding: 10px 20px;
		width: 50%
	}
}
@media screen and (min-width: 992px) {
	.ranges .featured .two-box .featured-recipes .text-box,
	.range-other .featured .two-box .featured-recipes .text-box {
		width: 100%
	}
}
@media screen and (min-width: 1200px) {
	.ranges .featured .two-box .featured-recipes .text-box,
	.range-other .featured .two-box .featured-recipes .text-box {
		width: 50%
	}
}
.ranges .featured .two-box .featured-recipes .text-box,
.ranges .featured .two-box .featured-recipes .text-box *:not(.button),
.range-other .featured .two-box .featured-recipes .text-box,
.range-other .featured .two-box .featured-recipes .text-box *:not(.button) {
	color: #5A1C33
}
.ranges .featured .two-box .featured-recipes .text-box span,
.range-other .featured .two-box .featured-recipes .text-box span {
	display: block
}
.ranges .featured .two-box .featured-recipes .text-box h3,
.range-other .featured .two-box .featured-recipes .text-box h3 {
	font-size: 24px;
	margin-bottom: 0;
	opacity: 1 !important
}
@media screen and (min-width: 450px) {
	.ranges .featured .two-box .featured-recipes .text-box h3,
	.range-other .featured .two-box .featured-recipes .text-box h3 {
		margin-bottom: 10px
	}
}
@media screen and (min-width: 992px) {
	.ranges .featured .two-box .featured-recipes .text-box h3,
	.range-other .featured .two-box .featured-recipes .text-box h3 {
		text-align: left;
		margin-bottom: 0
	}
}
@media screen and (min-width: 1200px) {
	.ranges .featured .two-box .featured-recipes .text-box h3,
	.range-other .featured .two-box .featured-recipes .text-box h3 {
		margin-bottom: 2px;
		font-size: 28px
	}
}
.ranges .featured .two-box .featured-recipes .text-box .button,
.range-other .featured .two-box .featured-recipes .text-box .button {
	display: inline-block;
	text-align: center;
	margin-top: 10px
}
@media screen and (min-width: 768px) {
	.ranges .featured .two-box .featured-recipes .text-box .button,
	.range-other .featured .two-box .featured-recipes .text-box .button {
		margin-top: 20px;
		float: left
	}
}
@media screen and (min-width: 992px) {
	.ranges .featured .two-box .featured-recipes .text-box .button,
	.range-other .featured .two-box .featured-recipes .text-box .button {
		margin-top: 8px
	}
}
@media screen and (min-width: 1200px) {
	.ranges .featured .two-box .featured-recipes .text-box .button,
	.range-other .featured .two-box .featured-recipes .text-box .button {
		margin-top: 20px;
		float: left
	}
}
.range-other {
	padding-bottom: 20px
}
.range-other .container p,
.range-other .container .recipe-detail .share,
.recipe-detail .range-other .container .share {
	margin-bottom: 25px
}
.other-products {
	padding-top: 0px;
	padding-bottom: 0px
}
.recipes {
	padding: 30px 0;
	position: relative
}
.recipes .recipes-text {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 82.94039%;
	margin-left: 8.5298%;
	text-align: center
}
.recipes .recipes-text:last-child {
	margin-right: 0
}
@media screen and (min-width: 768px) {
	.recipes .recipes-text {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 65.88078%;
		margin-left: 17.05961%
	}
	.recipes .recipes-text:last-child {
		margin-right: 0
	}
}
.recipes #rccon {
	padding: 40px 0 120px;
	margin: auto;
	max-width: 79.5vw
}
.recipes #rccon *,
.recipes #rccon *:before,
.recipes #rccon *:after {
	box-sizing: border-box
}
.recipes #rccon .slick-slider {
	margin-bottom: 0
}
@media screen and (min-width: 768px) {
	.recipes #rccon {
		max-width: 680px;
		padding: 40px 0 160px
	}
}
@media screen and (min-width: 1200px) {
	.recipes #rccon {
		max-width: 1080px
	}
}
.recipes .recipes-carousel-container {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 100%;
	position: relative
}
.recipes .recipes-carousel-container:last-child {
	margin-right: 0
}
.recipes .recipes-carousel-container #recipes-carousel .item {
	position: relative;
	height: 52.947vw;
	width: 79.5vw
}
@media screen and (min-width: 768px) {
	.recipes .recipes-carousel-container #recipes-carousel .item {
		height: 270px;
		width: 200px;
		position: relative;
		margin: 0 10px;
		overflow: hidden
	}
}
.recipes .recipes-carousel-container #recipes-carousel .item:focus {
	outline: 0 !important
}
.recipes .recipes-carousel-container #recipes-carousel .item .image-box {
	background-position: center center;
	background-size: cover;
	width: 100%;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}
@media screen and (min-width: 768px) {
	.recipes .recipes-carousel-container #recipes-carousel .item .image-box {
		top: auto;
		transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
		overflow: hidden;
		height: 240px;
		opacity: 0.7
	}
}
.recipes .recipes-carousel-container #recipes-carousel .item:not(.is-active) {
	cursor: default;
	pointer-events: none
}
@media screen and (min-width: 768px) {
	.recipes .recipes-carousel-container #recipes-carousel .item.is-active .image-box {
		height: 270px;
		opacity: 1
	}
}
.recipes .recipes-carousel-container #recipes-carousel .slick-arrow {
	position: absolute;
	transition: background-color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
	background-color: #63223a;
	height: 60px;
	width: 35px;
	margin: 0;
	top: calc(52.947vw + 10px);
	z-index: 100
}
@media screen and (min-width: 768px) {
	.recipes .recipes-carousel-container #recipes-carousel .slick-arrow {
		top: 300px
	}
}
.recipes .recipes-carousel-container #recipes-carousel .slick-arrow:hover {
	background-color: #501c2f
}
.recipes .recipes-carousel-container #recipes-carousel .slick-arrow:before {
	content: "";
	display: block;
	height: 35px
}
.recipes .recipes-carousel-container #recipes-carousel .slick-prev {
	left: 10px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}
@media screen and (min-width: 768px) {
	.recipes .recipes-carousel-container #recipes-carousel .slick-prev {
		left: 50%;
		-webkit-transform: translateX(-155px);
		-ms-transform: translateX(-155px);
		transform: translateX(-155px)
	}
}
.recipes .recipes-carousel-container #recipes-carousel .slick-prev:before {
	background: url("/MrKiplingUK/media/images/assets/left-arrow.svg") no-repeat center;
	background-size: 12px
}
.recipes .recipes-carousel-container #recipes-carousel .slick-next {
	right: 10px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}
@media screen and (min-width: 768px) {
	.recipes .recipes-carousel-container #recipes-carousel .slick-next {
		left: 50%;
		-webkit-transform: translateX(120px);
		-ms-transform: translateX(120px);
		transform: translateX(120px)
	}
}
.recipes .recipes-carousel-container #recipes-carousel .slick-next:before {
	background: url("/MrKiplingUK/media/images/assets/right-arrow.svg") no-repeat center;
	background-size: 12px
}
.recipes .recipes-carousel-container .text-box {
	background-color: #5A1C33;
	position: absolute;
	top: 52.947vw;
	padding: 1em;
	text-align: center;
	width: 100%;
	min-height: 80px;
	left: 50%;
	opacity: 1;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
@media screen and (min-width: 768px) {
	.recipes .recipes-carousel-container .text-box {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		top: 290px;
		width: 240px
	}
}
.recipes .recipes-carousel-container .text-box.is-loading>a {
	opacity: 0
}
.recipes .recipes-carousel-container .text-box a {
	position: relative;
	outline: none;
	width: 100%;
	margin: auto;
	color: #fff;
	text-transform: uppercase;
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 1em;
	text-align: center;
	transition: opacity 0.3s ease-in-out;
	text-decoration: none
}
.recipes .recipes-carousel-container .text-box span {
	transition: opacity 0.3s ease-in-out
}
.recipes .recipes-carousel-container .text-box span.hover {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: opacity 0.3s ease-in-out;
	display: block;
	overflow: hidden;
	opacity: 0;
	width: 100%;
	height: auto;
	margin: auto;
	text-transform: none
}
.recipes .recipes-carousel-container .text-box:hover .hover {
	opacity: 1
}
.recipes .recipes-carousel-container .text-box:hover span:not(.hover) {
	opacity: 0
}
.overlay-mask {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(29, 29, 29, 0.95);
	display: block;
	overflow: auto;
	opacity: 0;
	transition: opacity 0.3s
}
.overlay-mask.is-active {
	opacity: 1
}
.overlay-mask>section {
	color: #fff;
	width: 100%;
	margin: 100px auto 0
}
@media screen and (min-width: 992px) {
	.overlay-mask>section {
		width: 50%
	}
}
.overlay-mask > section iframe {
	width: 100%;
	height: 500px
}
.overlay-mask > section .close {
	background: #000;
	padding: 5px 10px;
	position: absolute;
	right: 0;
	top: 0;
	border-bottom-left-radius: 5px;
	z-index: 1
}
.overlay-mask > section .close:before {
	content: "✕";
	color: #fff;
	font-size: 1.5rem;
	cursor: pointer
}
.link-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5
}
.error-page {
	margin-bottom: 50px
}
.error-page .text-box {
	text-align: center;
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 82.94039%;
	margin-left: 8.5298%
}
.error-page .text-box:last-child {
	margin-right: 0
}
.error-page .text-box p,
.error-page .text-box .recipe-detail .share,
.recipe-detail .error-page .text-box .share {
	margin-bottom: 30px
}
.error-page h1 {
	color: #d992ac;
	font-size: 142px;
	font-weight: normal;
	text-align: center;
	line-height: 150px
}
@media screen and (min-width: 450px) {
	.error-page h1 {
		font-size: 212px
	}
}
.error-page h2,
.error-page .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .error-page .faq-header {
	font-size: 32px
}
.error-page .useful-links h3 {
	font-size: 22px
}
.error-page .useful-links ul {
	list-style: none;
	display: inline-block
}
.error-page .useful-links ul li {
	display: block
}
.error-page .useful-links ul a {
	color: #5A1C33;
	font-size: 20px;
	font-weight: normal
}
.error-page .useful-links img {
	display: none
}
@media screen and (min-width: 768px) {
	.error-page .useful-links img {
		display: inline-block;
		width: 200px
	}
	.error-page .useful-links img.left {
		float: left
	}
	.error-page .useful-links img.right {
		float: right
	}
}
.legal-page {
	margin-bottom: 50px
}
.legal-page .text-box {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 82.94039%;
	margin-left: 8.5298%
}
.legal-page .text-box:last-child {
	margin-right: 0
}
.legal-page .text-box h1 {
	text-align: center
}
.legal-page .text-box p,
.legal-page .text-box .recipe-detail .share,
.recipe-detail .legal-page .text-box .share {
	margin-bottom: 30px
}
.legal-page th {
	border-bottom: 1px solid #5A1C33;
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 700;
	vertical-align: middle;
	text-align: left
}
.legal-page th,
td {
	font-size: 20px;
	font-weight: normal;
	overflow: hidden;
	padding: .75em .75em .75em 0;
	text-overflow: ellipsis
}
footer {
	min-height: 120px;
	position: relative;
	max-width: 100%;
	padding: 30px 0;
	background-color: #5A1C33;
	color: #fff;
	text-align: center
}
footer,
footer * {
	font-size: 0.8rem
}
footer .container {
	padding: 0 20px;
	width: 100%;
	left: 0;
	right: 0;
	margin: auto;
	position: relative
}
@media screen and (min-width: 768px) {
	footer .container {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
}
footer .container .logo {
	margin-bottom: 30px
}
@media screen and (min-width: 768px) {
	footer .container .logo {
		margin: 0;
		text-align: left;
		width: 20%
	}
}
footer .container .logo img {
	max-height: 70px;
	max-width: 100%;
	width: auto
}
footer .container .middle {
	margin-bottom: 30px
}
@media screen and (min-width: 768px) {
	footer .container .middle {
		margin: 0;
		width: 60%
	}
}
footer .container .middle p,
footer .container .middle .recipe-detail .share,
.recipe-detail footer .container .middle .share {
	font-size: 12px;
	color: #fff;
	margin-top: 15px;
	float: left;
	text-align: center;
	width: 100%
}
footer .container .middle .form {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 82.94039%;
	margin-left: 8.5298%;
	float: none;
	text-align: center;
	padding-bottom: 20px;
	display: block;
	color: #fff;
	margin: auto;
	left: 0;
	right: 0
}
footer .container .middle .form:last-child {
	margin-right: 0
}
@media screen and (min-width: 450px) {
	footer .container .middle .form {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 65.88078%;
		margin-left: 17.05961%;
		float: none
	}
	footer .container .middle .form:last-child {
		margin-right: 0
	}
}
@media screen and (min-width: 768px) {
	footer .container .middle .form {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 6.17215%;
		margin-left: 6.82384%;
		padding: 0
	}
	footer .container .middle .form:last-child {
		margin-right: 0
	}
}
@media screen and (min-width: 992px) {
	footer .container .middle .form {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 65.88078%;
		margin-left: 17.05961%
	}
	footer .container .middle .form:last-child {
		margin-right: 0
	}
}
footer .container .middle .form input {
	float: left;
	display: block;
	margin-right: 3.57866%;
	width: 67.63167%;
	border-radius: 3px;
	color: #fff;
	background: #1D1C1A;
	padding: 12px;
	outline: none;
	border: 1px solid #232122;
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	margin: auto
}
footer .container .middle .form input:last-child {
	margin-right: 0
}
@media screen and (min-width: 768px) {
	footer .container .middle .form input {
		float: left;
		margin-right: 20px;
		float: left;
		display: block;
		margin-right: 3.57866%;
		width: 52.09487%;
		margin-left: 18.12627%
	}
	footer .container .middle .form input:last-child {
		margin-right: 0
	}
}
footer .container .middle .form input:focus {
	border: 1px solid rgba(255, 255, 255, 0.8)
}
footer .container .middle .form input:focus::-webkit-input-placeholder {
	opacity: 0
}
footer .container .middle .form input:focus::-moz-placeholder {
	opacity: 0
}
footer .container .middle .form input:focus:-moz-placeholder {
	opacity: 0
}
footer .container .middle .form input:focus:-ms-input-placeholder {
	opacity: 0
}
footer .container .middle .form input::-webkit-input-placeholder {
	color: #fff
}
footer .container .middle .form input::-moz-placeholder {
	color: #fff
}
footer .container .middle .form input:-moz-placeholder {
	color: #fff
}
footer .container .middle .form input:-ms-input-placeholder {
	color: #fff
}
footer .container .middle .form .button {
	display: inline-block;
	text-align: center;
	padding: 11px;
	box-shadow: 0px 1px 3px 1px #2f2f2f
}
@media screen and (min-width: 768px) {
	footer .container .middle .form .button {
		margin-top: auto;
		min-width: initial;
		float: left;
		display: block;
		margin-right: 3.57866%;
		width: 15.84234%;
		min-width: 100px;
		padding: 11px 0
	}
	footer .container .middle .form .button:last-child {
		margin-right: 0
	}
}
footer .container .middle ul.links {
	margin: 0 auto;
	overflow: visible;
	padding: 0;
	position: relative
}
@media screen and (min-width: 768px) {
	footer .container .middle ul.links {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 86.35231%;
		margin-left: 6.82384%;
		margin: auto !important;
		width: 100% !important;
		text-align: center
	}
	footer .container .middle ul.links:last-child {
		margin-right: 0
	}
}
footer .container .middle ul.links li {
	display: block;
	overflow: hidden;
	width: 100%;
	z-index: 10;
	padding-bottom: 10px
}
footer .container .middle ul.links li a {
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	display: inline-block;
	outline: none;
	color: #fff
}
@media screen and (min-width: 768px) {
	footer .container .middle ul.links li a {
		padding: 0 5px
	}
}
@media screen and (min-width: 1200px) {
	footer .container .middle ul.links li a {
		padding: 0 10px
	}
}
footer .container .middle ul.links li span {
	display: none;
	color: #fff;
	opacity: 0.2
}
@media screen and (min-width: 768px) {
	footer .container .middle ul.links li span {
		display: inline-block
	}
}
@media screen and (min-width: 768px) {
	footer .container .middle ul.links li {
		display: inline;
		text-align: left
	}
}
@media screen and (min-width: 768px) {
	footer .container .social-footer {
		text-align: right;
		width: 20%
	}
}
footer .container .social-footer .fa {
	color: #fff;
	font-size: 32px;
	padding: 0 10px
}
footer .container .social-footer .fa:first-child {
	padding-left: 0
}
footer .container .social-footer .fa:last-child {
	padding-right: 0
}
footer .container .social-footer .footer-connect {
	list-style: none;
	position: relative;
	display: inline-block;
	padding: 0;
	margin: -5px 0 5px 0px;
	height: 95px
}
footer .container .social-footer .footer-connect li {
	float: left;
	height: 100%;
	position: relative
}
footer .container .social-footer .footer-connect li a {
	margin: 0 5px;
	display: block;
	float: left;
	height: 100%;
	min-width: 30px
}
@media screen and (min-width: 768px) {
	footer .container .social-footer .footer-connect li a {
		min-width: 20px
	}
}
@media screen and (min-width: 992px) {
	footer .container .social-footer .footer-connect li a {
		min-width: 30px
	}
}
footer .container .social-footer .footer-connect li.twitter .icon,
footer .container .social-footer .footer-connect li.fb .icon,
footer .container .social-footer .footer-connect li.youtube .icon {
	float: left;
	display: block;
	width: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 20px
}
footer .container .social-footer .footer-connect li.twitter:before {
	background: #5eaade
}
footer .container .social-footer .footer-connect li.twitter .icon {
	background: url("/MrKiplingUK/media/images/assets/twitter.svg") no-repeat center;
	background-size: contain
}
footer .container .social-footer .footer-connect li.fb:before {
	background: #3b5999
}
footer .container .social-footer .footer-connect li.fb .icon {
	background: url("/MrKiplingUK/media/images/assets/facebook.svg") no-repeat center;
	background-size: contain
}
footer .container .social-footer .footer-connect li.youtube:before {
	background: #cb181e
}
footer .container .social-footer .footer-connect li.youtube .icon {
	background: url("/MrKiplingUK/media/images/assets/youtube.svg") no-repeat center;
	background-size: contain
}
@media screen and (min-width: 768px) {
	footer .container .social-footer .footer-connect li:before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		height: 5px;
		max-height: 0;
		transition: max-height 0.2s ease-in-out;
		width: 100%
	}
}
footer .container .social-footer .footer-connect li:hover:before {
	max-height: 5px
}
footer .container .social-footer p,
footer .container .social-footer .recipe-detail .share,
.recipe-detail footer .container .social-footer .share {
	color: #fff
}
footer .container .social-footer p:last-of-type,
footer .container .social-footer .recipe-detail .share:last-of-type,
.recipe-detail footer .container .social-footer .share:last-of-type {
	margin-bottom: 0
}
#range-head,
#product-head,
#new-product-head {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 440px;
	margin-bottom: 30px
}
@media screen and (min-width: 768px) {
	#range-head,
	#product-head,
	#new-product-head {
		margin: 0;
		padding: 0;
		margin-bottom: 50px
	}
}
#range-head .text-box,
#product-head .text-box,
#new-product-head .text-box {
	padding: 40px 20px
}
@media screen and (min-width: 768px) {
	#range-head .text-box,
	#product-head .text-box,
	#new-product-head .text-box {
		text-align: center;
		position: absolute;
		left: 50%;
		width: 100%;
		max-width: 430px;
		bottom: 8px;
		padding: 0 20px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		color: #000;
		text-shadow: none;
		z-index: 1
	}
}
@media screen and (min-width: 768px) and (min-width: 768px) {
	#range-head .text-box,
	#product-head .text-box,
	#new-product-head .text-box {
		width: 430px;
		bottom: 0
	}
}
@media screen and (min-width: 768px) {
	#range-head .text-box h2,
	#range-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab #range-head .text-box .faq-header,
	#range-head .text-box p,
	#range-head .text-box .recipe-detail .share,
	.recipe-detail #range-head .text-box .share,
	#product-head .text-box h2,
	#product-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab #product-head .text-box .faq-header,
	#product-head .text-box p,
	#product-head .text-box .recipe-detail .share,
	.recipe-detail #product-head .text-box .share,
	#new-product-head .text-box h2,
	#new-product-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab #new-product-head .text-box .faq-header,
	#new-product-head .text-box p,
	#new-product-head .text-box .recipe-detail .share,
	.recipe-detail #new-product-head .text-box .share {
		color: #fff;
		margin: 0;
		line-height: 1.5
	}
	#range-head .text-box p,
	#range-head .text-box .recipe-detail .share,
	.recipe-detail #range-head .text-box .share,
	#product-head .text-box p,
	#product-head .text-box .recipe-detail .share,
	.recipe-detail #product-head .text-box .share,
	#new-product-head .text-box p,
	#new-product-head .text-box .recipe-detail .share,
	.recipe-detail #new-product-head .text-box .share {
		font-size: 20px;
		margin-bottom: 35px;
		letter-spacing: 0.4px
	}
	#range-head .text-box h2,
	#range-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab #range-head .text-box .faq-header,
	#product-head .text-box h2,
	#product-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab #product-head .text-box .faq-header,
	#new-product-head .text-box h2,
	#new-product-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab #new-product-head .text-box .faq-header {
		font-size: 30px
	}
	#range-head .text-box h2 span,
	#range-head .text-box .about-content .accordion .accordion-content .tab .faq-header span,
	.about-content .accordion .accordion-content .tab #range-head .text-box .faq-header span,
	#product-head .text-box h2 span,
	#product-head .text-box .about-content .accordion .accordion-content .tab .faq-header span,
	.about-content .accordion .accordion-content .tab #product-head .text-box .faq-header span,
	#new-product-head .text-box h2 span,
	#new-product-head .text-box .about-content .accordion .accordion-content .tab .faq-header span,
	.about-content .accordion .accordion-content .tab #new-product-head .text-box .faq-header span {
		text-transform: lowercase
	}
}
#range-head>img,
#product-head>img,
#new-product-head>img {
	margin-bottom: 2%;
	height: 100%;
	width: initial !important
}
@media screen and (min-width: 992px) {
	#range-head>img,
	#product-head>img,
	#new-product-head>img {
		margin-bottom: 0
	}
}
#range-head img,
#product-head img,
#new-product-head img {
	margin: 0 auto
}
#range-head img.portrait,
#product-head img.portrait,
#new-product-head img.portrait {
	max-height: 90%;
	max-width: 100%;
	width: auto !important
}
@media screen and (min-width: 768px) {
	#range-head img.portrait,
	#product-head img.portrait,
	#new-product-head img.portrait {
		max-width: none
	}
}
#range-head img.landscape,
#product-head img.landscape,
#new-product-head img.landscape {
	max-width: 350px
}
#range-head .cont,
#product-head .cont,
#new-product-head .cont {
	position: relative;
	height: 100%
}
@media screen and (min-width: 768px) {
	#range-head .cont,
	#product-head .cont,
	#new-product-head .cont {
		bottom: 0;
		top: 0;
		position: absolute;
		left: 0;
		right: 0;
		height: 350px
	}
}
@media screen and (min-width: 992px) {
	#range-head .cont:before,
	#range-head .cont:after,
	#product-head .cont:before,
	#product-head .cont:after,
	#new-product-head .cont:before,
	#new-product-head .cont:after {
		content: "";
		display: none;
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		width: 260px;
		height: 200px
	}
	#range-head .cont:before,
	#product-head .cont:before,
	#new-product-head .cont:before {
		left: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	#range-head .cont:after,
	#product-head .cont:after,
	#new-product-head .cont:after {
		right: 0;
		-webkit-transform: translateY(-50%) scaleX(-1);
		-ms-transform: translateY(-50%) scaleX(-1);
		transform: translateY(-50%) scaleX(-1)
	}
}
@media screen and (min-width: 768px) {
	#range-head .container,
	#product-head .container,
	#new-product-head .container {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0
	}
}
#range-head .container .image-box,
#product-head .container .image-box,
#new-product-head .container .image-box {
	margin: -30px auto 10px;
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 82.94039%;
	margin-left: 8.5298%
}
#range-head .container .image-box:last-child,
#product-head .container .image-box:last-child,
#new-product-head .container .image-box:last-child {
	margin-right: 0
}
@media screen and (min-width: 768px) {
	#range-head .container .image-box,
	#product-head .container .image-box,
	#new-product-head .container .image-box {
		bottom: 0;
		right: 0;
		left: 5%;
		top: 10%;
		position: absolute;
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 57.35098%;
		margin-left: 42.64902%;
		max-width: none;
		left: initial;
		top: initial;
		bottom: -16%
	}
	#range-head .container .image-box:last-child,
	#product-head .container .image-box:last-child,
	#new-product-head .container .image-box:last-child {
		margin-right: 0
	}
}
@media screen and (min-width: 1200px) {
	#range-head .container .image-box,
	#product-head .container .image-box,
	#new-product-head .container .image-box {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 53.08608%;
		margin-left: 46.91392%
	}
	#range-head .container .image-box:last-child,
	#product-head .container .image-box:last-child,
	#new-product-head .container .image-box:last-child {
		margin-right: 0
	}
}
#range-head.is-open,
#product-head.is-open,
#new-product-head.is-open {
	margin-top: 106px
}
@media screen and (min-width: 768px) {
	#product-head .container .image-box {
		bottom: -13%
	}
}
@media screen and (min-width: 1200px) {
	#product-head .container .image-box {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 45.40925%;
		margin-left: 40.94306%
	}
	#product-head .container .image-box:last-child {
		margin-right: 0
	}
}
#new-product-head {
	overflow: visible;
	margin-bottom: 133px
}
@media screen and (min-width: 768px) {
	#new-product-head {
		margin-bottom: 0
	}
}
#new-product-head .text-box {
	text-align: center;
	color: #fff;
	text-shadow: none
}
@media screen and (min-width: 768px) {
	#new-product-head .text-box {
		padding: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute;
		top: 52%;
		right: 0;
		left: 0;
		text-align: left;
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 48.82117%;
		margin-left: 0%
	}
	#new-product-head .text-box:last-child {
		margin-right: 0
	}
	#new-product-head .text-box h2,
	#new-product-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab #new-product-head .text-box .faq-header {
		white-space: nowrap
	}
}
@media screen and (min-width: 992px) {
	#new-product-head .text-box {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 31.76157%;
		margin-left: 35%
	}
	#new-product-head .text-box:last-child {
		margin-right: 0
	}
}
#new-product-head .text-box h2,
#new-product-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab #new-product-head .text-box .faq-header,
#new-product-head .text-box p,
#new-product-head .text-box .recipe-detail .share,
.recipe-detail #new-product-head .text-box .share {
	color: #000;
	margin: 0
}
#new-product-head .text-box p,
#new-product-head .text-box .recipe-detail .share,
.recipe-detail #new-product-head .text-box .share {
	font-size: 20px;
	letter-spacing: 0.4px;
	line-height: 1.5
}
#new-product-head .text-box h2,
#new-product-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab #new-product-head .text-box .faq-header {
	font-size: 30px;
	line-height: 1.1
}
#new-product-head .container .image-box {
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
	margin: 35px auto
}
@media screen and (min-width: 768px) {
	#new-product-head .container .image-box {
		max-width: 200px;
		left: 0;
		height: 200px;
		top: 30px;
		margin: 0
	}
}
#new-product-head .container .image-box img {
	height: auto;
	width: auto;
	bottom: 10px
}
@media screen and (min-width: 768px) {
	#new-product-head .container .image-box img {
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		height: auto
	}
}
@media screen and (min-width: 768px) {
	#new-product-head .container .image-box {
		height: 350px;
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 23.23176%;
		margin-left: 75%;
		position: absolute;
		top: initial
	}
	#new-product-head .container .image-box:last-child {
		margin-right: 0
	}
}
@media screen and (min-width: 992px) {
	#new-product-head .container .image-box {
		height: 400px
	}
}
.range-image {
	display: none !important
}
@media screen and (min-width: 992px) {
	.range-image {
		display: block !important;
		margin: auto;
		max-width: 320px;
		bottom: 100px;
		position: absolute;
		margin: auto
	}
	.range-image.left {
		left: 0
	}
	.range-image.right {
		right: 0
	}
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
	.range-image {
		max-width: 375px
	}
	.range-image.left {
		left: 90px
	}
	.range-image.right {
		right: 90px
	}
}
.range-logo {
	position: absolute;
	width: 160px;
	left: 50%;
	top: 12%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
@media screen and (min-width: 992px) {
	.range-logo {
		width: 190px;
		top: 5%
	}
}
.favourites-banner .container .text-box .button {
	background-color: #EF94B8;
	padding: 12px 25px;
	border-bottom: 4px solid
}
.favourites-banner .container .text-box .button:hover {
	border-bottom: 4px solid
}
.favourites-banner .cont {
	background-size: cover
}
.signature-collection-banner .container .text-box .button {
	background-color: #541935;
	padding: 12px 25px;
	border-bottom: 4px solid
}
.signature-collection-banner .container .text-box .button:hover {
	border-bottom: 4px solid
}
.signature-collection-banner .cont {
	background-size: cover
}
.christmas-banner .container .text-box .button {
	background-color: #C50000;
	padding: 12px 25px;
	border-bottom: 4px solid
}
.christmas-banner .container .text-box .button:hover {
	border-bottom: 4px solid
}
.christmas-banner .cont {
	background-size: cover
}
.halloween-banner .container .text-box .button {
	background-color: #FA8D42;
	padding: 12px 25px;
	border-bottom: 4px solid
}
.halloween-banner .container .text-box .button:hover {
	border-bottom: 4px solid
}
.halloween-banner .cont {
	background-size: cover
}
.better-for-you-banner .container .text-box .button {
	background-color: #5DBCEB;
	padding: 12px 25px;
	border-bottom: 4px solid
}
.better-for-you-banner .container .text-box .button:hover {
	border-bottom: 4px solid
}
.better-for-you-banner .cont {
	background-size: cover
}
.home-baking-banner .container .text-box .button {
	background-color: #C76793;
	padding: 12px 25px;
	border-bottom: 4px solid
}
.home-baking-banner .container .text-box .button:hover {
	border-bottom: 4px solid
}
.home-baking-banner .cont {
	background-size: cover
}
#range-head {
	height: 370px !important
}
#range-head .text-box {
	padding: 0 20px;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0
}
#range-head .text-box h2,
#range-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab #range-head .text-box .faq-header {
	margin-bottom: 0
}
#range-head .text-box h2,
#range-head .text-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab #range-head .text-box .faq-header,
#range-head .text-box p,
#range-head .text-box .recipe-detail .share,
.recipe-detail #range-head .text-box .share {
	color: #fff;
	text-shadow: none
}
#range-head.product-baseline .text-box {
	bottom: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
@media screen and (min-width: 768px) {
	#range-head.product-baseline .text-box {
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}
#range-head.product-baseline .range-image {
	bottom: 0;
	max-width: 320px;
	max-height: 320px
}
@media screen and (min-width: 1200px) {
	#range-head.product-baseline .range-image {
		max-width: 425px
	}
}
#range-head.product-baseline .range-image.right {
	right: 0
}
#range-head.product-baseline .range-image.left {
	left: 0
}
.page-banner {
	position: relative;
	height: auto;
	width: 100%;
	margin: -1px 0 40px 0;
	overflow: hidden
}
@media screen and (min-width: 768px) {
	.page-banner {
		padding: 0 0 25%;
		height: 0;
		min-height: initial;
		margin-bottom: 50px
	}
}
.page-banner img {
	height: 100%;
	width: initial !important
}
@media screen and (min-width: 992px) {
	.page-banner img {
		width: 100% !important
	}
}
.page-banner .cont {
	background-position: 50% 50%;
	background-size: cover;
	max-width: 68em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 100%;
	text-align: center
}
.page-banner .cont::after {
	clear: both;
	content: "";
	display: table
}
.page-banner .cont:before,
.page-banner .cont:after {
	content: "";
	display: none;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	width: 260px;
	height: 200px
}
.page-banner .cont:before {
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.page-banner .cont:after {
	right: 0;
	-webkit-transform: translateY(-50%) scaleX(-1);
	-ms-transform: translateY(-50%) scaleX(-1);
	transform: translateY(-50%) scaleX(-1)
}
@media screen and (min-width: 768px) {
	.page-banner .cont {
		position: absolute;
		top: -1px;
		left: 0;
		right: 0;
		bottom: 0
	}
}
.page-banner .cont .text-box {
	padding: 40px 0;
	text-align: center;
	color: #fff;
	text-shadow: 0px 1px 2px rgba(78, 78, 78, 0.8);
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 82.94039%;
	margin-left: 8.5298%;
	float: none
}
.page-banner .cont .text-box:last-child {
	margin-right: 0
}
@media screen and (min-width: 768px) {
	.page-banner .cont .text-box {
		position: absolute;
		top: 52%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0;
		left: 0;
		padding: 0
	}
}
@media screen and (min-width: 992px) {
	.page-banner .cont .text-box {
		display: inline-block;
		width: 60em;
		left: auto;
		right: auto;
		margin-left: -30em
	}
}
.page-banner .cont .text-box * {
	color: #FFF;
	text-shadow: none;
	margin: 0
}
.page-banner .cont .text-box p,
.page-banner .cont .text-box .recipe-detail .share,
.recipe-detail .page-banner .cont .text-box .share {
	font-size: 20px;
	margin-bottom: 20px;
	letter-spacing: 0.6px;
	line-height: 1.25
}
.page-banner .cont .text-box h2,
.page-banner .cont .text-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .page-banner .cont .text-box .faq-header {
	margin-bottom: 25px;
	letter-spacing: 0.8px
}
.page-banner.is-open {
	margin-top: 106px
}
.recipe-detail .banner {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	width: 100%;
	height: 200px
}
.is-navigating .recipe-detail .banner {
	margin-top: 106px
}
@media screen and (min-width: 768px) {
	.recipe-detail .banner {
		height: 350px
	}
}
.recipe-detail h2,
.recipe-detail .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .recipe-detail .faq-header {
	text-transform: uppercase;
	text-align: center
}
@media screen and (min-width: 450px) {
	.recipe-detail h2,
	.recipe-detail .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab .recipe-detail .faq-header {
		text-align: left
	}
}
.recipe-detail h2.title,
.recipe-detail .about-content .accordion .accordion-content .tab .title.faq-header,
.about-content .accordion .accordion-content .tab .recipe-detail .title.faq-header {
	text-align: center;
	font-weight: bold
}
.recipe-detail p,
.recipe-detail .share {
	margin: 30px 0 50px;
	text-align: center
}
.recipe-detail .container {
	padding: 0 30px
}
.recipe-detail .recipe-info {
	position: relative;
	margin-bottom: 50px
}
.recipe-detail .info {
	margin: auto;
	width: 180px
}
@media screen and (min-width: 768px) {
	.recipe-detail .info {
		position: relative;
		width: auto;
		padding: 0;
		text-align: center
	}
}
.recipe-detail .info li {
	display: block;
	position: relative;
	margin-bottom: 20px
}
.recipe-detail .info li span {
	line-height: 1
}
.recipe-detail .info li:before {
	color: #5A1C33;
	font-size: 18px;
	position: absolute;
	top: -20%
}
.ios .recipe-detail .info li:before {
	top: 50%
}
.firefox .recipe-detail .info li:before {
	top: -30%
}
@media screen and (min-width: 768px) {
	.recipe-detail .info li {
		margin-bottom: 50px;
		display: inline-block;
		padding-right: 50px;
		margin-bottom: 0
	}
	.recipe-detail .info li:before {
		font-size: 32px
	}
}
.recipe-detail .info span {
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	color: #5A1C33;
	padding-left: 50px
}
.recipe-detail .info span em {
	display: none
}
@media print {
	.recipe-detail .info span em {
		display: inline-block
	}
}
.recipe-detail .info .unit {
	display: block;
	position: absolute;
	background-color: #DECFA8;
	border-radius: 50%;
	left: 27px;
	top: 3px;
	padding: 0
}
@media screen and (min-width: 768px) {
	.recipe-detail .info .unit {
		left: 19px;
		top: -15px
	}
}
.recipe-detail .recipe-details {
	padding-bottom: 70px
}
@media screen and (min-width: 768px) {
	.recipe-detail .recipe-details h2,
	.recipe-detail .recipe-details .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab .recipe-detail .recipe-details .faq-header {
		font-size: 22px
	}
}
@media screen and (min-width: 992px) {
	.recipe-detail .recipe-details h2,
	.recipe-detail .recipe-details .about-content .accordion .accordion-content .tab .faq-header,
	.about-content .accordion .accordion-content .tab .recipe-detail .recipe-details .faq-header {
		font-size: 30px
	}
}
.recipe-detail .recipe-details .product-col,
.recipe-detail .recipe-details .details {
	display: inline-block
}
.recipe-detail .recipe-details .product-col {
	width: 100%;
	text-align: center;
	margin: 20px 0
}
@media screen and (min-width: 768px) {
	.recipe-detail .recipe-details .product-col {
		display: inline-block;
		float: left;
		width: 20%;
		margin: 0 0 20px 0
	}
}
.recipe-detail .recipe-details .product img {
	max-width: 150px;
	display: block;
	margin: auto
}
@media screen and (min-width: 768px) {
	.recipe-detail .recipe-details .product img {
		max-width: 100%
	}
}
.recipe-detail .recipe-details .product .button {
	display: none
}
@media screen and (min-width: 768px) {
	.recipe-detail .recipe-details .product .button {
		display: inline-block
	}
}
.recipe-detail .recipe-details .product .button {
	background-color: #fff;
	padding: 12px 20px;
	text-align: center;
	margin-top: 15px
}
.recipe-detail .recipe-details .product .button:hover {
	background-color: #e6e6e6
}
.recipe-detail .recipe-details .details {
	position: relative
}
@media screen and (min-width: 768px) {
	.recipe-detail .recipe-details .details {
		width: 80%
	}
	.recipe-detail .recipe-details .details:before {
		content: "";
		position: absolute;
		left: 50%;
		width: 1px;
		height: 100%;
		background-color: rgba(118, 41, 69, 0.25)
	}
}
@media screen and (min-width: 768px) {
	.recipe-detail .recipe-details .details section {
		width: 50%;
		float: left;
		display: inline-block;
		padding: 0 30px
	}
}
@media screen and (min-width: 992px) {
	.recipe-detail .recipe-details .details section {
		padding: 0 60px
	}
}
.recipe-detail .recipe-details .details section p,
.recipe-detail .recipe-details .details section .share {
	font-weight: bold;
	text-align: left;
	margin: 0
}
.recipe-detail .recipe-details ol,
.recipe-detail .recipe-details ul {
	list-style-type: none
}
.recipe-detail .recipe-details ol li,
.recipe-detail .recipe-details ul li {
	padding-bottom: 30px
}
.recipe-detail .recipe-details ol li span,
.recipe-detail .recipe-details ul li span {
	color: #5A1C33;
	font-weight: bold;
	font-size: 16px
}
.recipe-detail .recipe-details ol {
	counter-reset: ol-counter
}
.recipe-detail .recipe-details ol li:before {
	content: counter(ol-counter)".";
	counter-increment: ol-counter;
	color: #5A1C33;
	padding-right: 5px;
	font-weight: bold;
	font-size: 16px
}
.recipe-detail .share {
	text-align: center;
	display: block;
	margin-bottom: 40px
}
.recipe-detail .share a {
	color: #5A1C33;
	margin-bottom: 10px;
	display: block
}
.recipe-detail .share a:before {
	font-size: 18px;
	margin-right: 10px
}
@media screen and (min-width: 450px) {
	.recipe-detail .share a {
		display: inline-block
	}
}
.about-content {
	padding: 30px 0
}
.about-content .container .text-box {
	text-align: center;
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 82.94039%;
	margin-left: 8.5298%
}
.about-content .container .text-box:last-child {
	margin-right: 0
}
.about-content .container .text-box h2,
.about-content .container .text-box .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .container .text-box .faq-header {
	margin-top: 0;
	letter-spacing: 0.8px
}
.about-content .container .text-box p,
.about-content .container .text-box .recipe-detail .share,
.recipe-detail .about-content .container .text-box .share {
	line-height: 1.5
}
@media screen and (min-width: 768px) {
	.about-content .accordion-header li {
		width: 48.5% !important
	}
}
.about-articles {
	padding: 0 0 70px;
	margin-bottom: -11px
}
@media screen and (min-width: 768px) {
	.about-articles {
		padding-top: 70px
	}
}
.about-articles .article {
	position: relative;
	display: inline-block;
	text-align: center
}
@media screen and (min-width: 768px) {
	.about-articles .article {
		margin-bottom: 70px;
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 65.88078%;
		margin-left: 17.05961%
	}
	.about-articles .article:last-child {
		margin-right: 0
	}
}
.about-articles .article img {
	margin: 40px auto;
	text-align: center;
	max-width: 100%
}
@media screen and (min-width: 768px) {
	.about-articles .article img {
		display: block;
		top: calc(50% - 70px);
		width: auto;
		max-width: 22.316%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute
	}
}
.about-articles .article .text-box {
	text-align: left;
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 82.94039%;
	margin-left: 8.5298%
}
.about-articles .article .text-box:last-child {
	margin-right: 0
}
@media screen and (min-width: 768px) {
	.about-articles .article .text-box {
		float: left;
		display: block;
		margin-right: 3.57866%;
		width: 74.10533%;
		margin-left: 0;
		margin-left: 25.89467%
	}
	.about-articles .article .text-box:last-child {
		margin-right: 0
	}
}
.about-articles .article .text-box h2,
.about-articles .article .text-box .about-content .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab .about-articles .article .text-box .faq-header {
	font-size: 20px;
	letter-spacing: 0.4px
}
.about-articles .article .text-box p,
.about-articles .article .text-box .recipe-detail .share,
.recipe-detail .about-articles .article .text-box .share {
	line-height: 1.5;
	letter-spacing: 0.4px;
	margin-bottom: 20px
}
.about-articles .article:last-of-type {
	margin-bottom: 0
}
@media screen and (min-width: 768px) {
	.about-articles .article:nth-of-type(even) img {
		float: left;
		display: block;
		margin-right: 3.57866%;
		width: 22.316%;
		margin-left: 77.684%;
		width: auto;
		max-width: 22.316%
	}
	.about-articles .article:nth-of-type(even) img:last-child {
		margin-right: 0
	}
}
.about-articles .article:nth-of-type(even) .text-box {
	text-align: left
}
@media screen and (min-width: 768px) {
	.about-articles .article:nth-of-type(even) .text-box {
		float: left;
		display: block;
		margin-right: 3.57866%;
		width: 74.10533%;
		margin-left: 0%;
		padding-left: 10px
	}
	.about-articles .article:nth-of-type(even) .text-box:last-child {
		margin-right: 0
	}
}
#new-product-head {
	position: relative
}
.product-details,
.new-product-details,
.about-content {
	padding-bottom: 50px
}
.product-details .accordion,
.new-product-details .accordion,
.about-content .accordion {
	margin: 0 auto;
	max-width: 1280px
}
.product-details .accordion ul.accordion-header,
.new-product-details .accordion ul.accordion-header,
.about-content .accordion ul.accordion-header {
	list-style: none;
	display: inline-block;
	width: 100%;
	padding: 0;
	padding: 0 20px;
	margin: 0 0 20px
}
@media screen and (min-width: 768px) {
	.product-details .accordion ul.accordion-header,
	.new-product-details .accordion ul.accordion-header,
	.about-content .accordion ul.accordion-header {
		border-bottom: 2px solid #5A1C33;
		min-height: 61px
	}
}
@media screen and (min-width: 768px) {
	.product-details .accordion ul.accordion-header li,
	.new-product-details .accordion ul.accordion-header li,
	.about-content .accordion ul.accordion-header li {
		float: left;
		display: block;
		margin-right: 2.84259%;
		width: 22.86806%;
		display: inline-block
	}
	.product-details .accordion ul.accordion-header li:last-child,
	.new-product-details .accordion ul.accordion-header li:last-child,
	.about-content .accordion ul.accordion-header li:last-child {
		margin-right: 0
	}
}
.product-details .accordion ul.accordion-header li:not(.is-active) .title,
.new-product-details .accordion ul.accordion-header li:not(.is-active) .title,
.about-content .accordion ul.accordion-header li:not(.is-active) .title {
	background-color: #812849
}
@media screen and (min-width: 768px) {
	.product-details .accordion ul.accordion-header li.is-active .title,
	.new-product-details .accordion ul.accordion-header li.is-active .title,
	.about-content .accordion ul.accordion-header li.is-active .title {
		min-height: 55px;
		top: 0px
	}
	.product-details .accordion ul.accordion-header li.is-active .title a,
	.new-product-details .accordion ul.accordion-header li.is-active .title a,
	.about-content .accordion ul.accordion-header li.is-active .title a {
		padding: 19px 0;
		max-height: 54px !important
	}
}
@media screen and (min-width: 1200px) {
	.product-details .accordion ul.accordion-header li.is-active .title a,
	.new-product-details .accordion ul.accordion-header li.is-active .title a,
	.about-content .accordion ul.accordion-header li.is-active .title a {
		padding: 16px 0
	}
}
.product-details .accordion ul.accordion-header li.is-active .title .mask,
.new-product-details .accordion ul.accordion-header li.is-active .title .mask,
.about-content .accordion ul.accordion-header li.is-active .title .mask {
	transition: opacity 0.1s ease-in-out;
	opacity: 0
}
.product-details .accordion ul.accordion-header li.is-active .content,
.new-product-details .accordion ul.accordion-header li.is-active .content,
.about-content .accordion ul.accordion-header li.is-active .content {
	display: inline-block
}
@media screen and (min-width: 768px) {
	.product-details .accordion ul.accordion-header li.is-active .content,
	.new-product-details .accordion ul.accordion-header li.is-active .content,
	.about-content .accordion ul.accordion-header li.is-active .content {
		display: none
	}
}
.product-details .accordion ul.accordion-header .title,
.new-product-details .accordion ul.accordion-header .title,
.about-content .accordion ul.accordion-header .title {
	background-color: #5A1C33;
	min-height: 44px;
	text-align: center;
	position: relative;
	margin-top: 5px
}
@media screen and (min-width: 768px) {
	.product-details .accordion ul.accordion-header .title,
	.new-product-details .accordion ul.accordion-header .title,
	.about-content .accordion ul.accordion-header .title {
		transition: min-height 0.1s ease-in-out, top 0.1s ease-in-out;
		top: 11px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px
	}
}
.product-details .accordion ul.accordion-header .title a,
.new-product-details .accordion ul.accordion-header .title a,
.about-content .accordion ul.accordion-header .title a {
	position: absolute;
	transition: max-height 0.1s ease-in-out, padding 0.1s ease-in-out;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 13px 0;
	font-family: "brandon-grotesque";
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	outline: none;
	background-size: cover;
	max-height: 44px
}
@media screen and (min-width: 768px) {
	.product-details .accordion ul.accordion-header .title a,
	.new-product-details .accordion ul.accordion-header .title a,
	.about-content .accordion ul.accordion-header .title a {
		font-size: 12px
	}
}
@media screen and (min-width: 1200px) {
	.product-details .accordion ul.accordion-header .title a,
	.new-product-details .accordion ul.accordion-header .title a,
	.about-content .accordion ul.accordion-header .title a {
		font-size: 14px;
		padding: 11px 0;
		background-size: 100%
	}
}
.product-details .accordion ul.accordion-header .title .mask,
.new-product-details .accordion ul.accordion-header .title .mask,
.about-content .accordion ul.accordion-header .title .mask {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.5);
	pointer-events: none
}
.product-details .accordion .accordion-content,
.new-product-details .accordion .accordion-content,
.about-content .accordion .accordion-content {
	position: relative;
	display: inline-block;
	width: 100%;
	float: none
}
.product-details .accordion .accordion-content ul.product-info,
.new-product-details .accordion .accordion-content ul.product-info,
.about-content .accordion .accordion-content ul.product-info {
	border-bottom: 0;
	list-style: none
}
.product-details .accordion .accordion-content ul.product-info li,
.new-product-details .accordion .accordion-content ul.product-info li,
.about-content .accordion .accordion-content ul.product-info li {
	font-weight: 600;
	display: list-item;
	float: none;
	width: auto
}
.product-details .accordion .accordion-content ul.product-info li:before,
.new-product-details .accordion .accordion-content ul.product-info li:before,
.about-content .accordion .accordion-content ul.product-info li:before {
	content: "•";
	padding-right: 2.5%;
	color: #5A1C33
}
.product-details .accordion .accordion-content .tab,
.new-product-details .accordion .accordion-content .tab,
.about-content .accordion .accordion-content .tab {
	padding: 0 20px;
	height: 0;
	overflow: hidden;
	opacity: 0;
	margin: 0 !important
}
.product-details .accordion .accordion-content .tab.is-active,
.new-product-details .accordion .accordion-content .tab.is-active,
.about-content .accordion .accordion-content .tab.is-active {
	transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
	height: auto;
	opacity: 1;
	min-height: 300px
}
@media screen and (min-width: 992px) {
	.product-details .accordion .accordion-content .tab.ingredients,
	.product-details .accordion .accordion-content .tab.cooking,
	.product-details .accordion .accordion-content .tab.stockists,
	.new-product-details .accordion .accordion-content .tab.ingredients,
	.new-product-details .accordion .accordion-content .tab.cooking,
	.new-product-details .accordion .accordion-content .tab.stockists,
	.about-content .accordion .accordion-content .tab.ingredients,
	.about-content .accordion .accordion-content .tab.cooking,
	.about-content .accordion .accordion-content .tab.stockists {
		padding-left: 60px;
		padding-right: 60px
	}
}
.product-details .accordion .accordion-content .tab p,
.product-details .accordion .accordion-content .tab .recipe-detail .share,
.recipe-detail .product-details .accordion .accordion-content .tab .share,
.new-product-details .accordion .accordion-content .tab p,
.new-product-details .accordion .accordion-content .tab .recipe-detail .share,
.recipe-detail .new-product-details .accordion .accordion-content .tab .share,
.about-content .accordion .accordion-content .tab p,
.about-content .accordion .accordion-content .tab .recipe-detail .share,
.recipe-detail .about-content .accordion .accordion-content .tab .share {
	line-height: 1.5;
	margin: 20px 0;
	letter-spacing: 0.4px
}
.product-details .accordion .accordion-content .tab p span,
.product-details .accordion .accordion-content .tab .recipe-detail .share span,
.recipe-detail .product-details .accordion .accordion-content .tab .share span,
.new-product-details .accordion .accordion-content .tab p span,
.new-product-details .accordion .accordion-content .tab .recipe-detail .share span,
.recipe-detail .new-product-details .accordion .accordion-content .tab .share span,
.about-content .accordion .accordion-content .tab p span,
.about-content .accordion .accordion-content .tab .recipe-detail .share span,
.recipe-detail .about-content .accordion .accordion-content .tab .share span {
	font-weight: 600;
	color: #000
}
.product-details .accordion .accordion-content .tab p.bold,
.product-details .accordion .accordion-content .tab .recipe-detail .bold.share,
.recipe-detail .product-details .accordion .accordion-content .tab .bold.share,
.new-product-details .accordion .accordion-content .tab p.bold,
.new-product-details .accordion .accordion-content .tab .recipe-detail .bold.share,
.recipe-detail .new-product-details .accordion .accordion-content .tab .bold.share,
.about-content .accordion .accordion-content .tab p.bold,
.about-content .accordion .accordion-content .tab .recipe-detail .bold.share,
.recipe-detail .about-content .accordion .accordion-content .tab .bold.share {
	font-weight: 600;
	color: #000
}
.product-details .accordion .accordion-content .tab h2,
.product-details .about-content .accordion .accordion-content .tab .faq-header,
.about-content .product-details .accordion .accordion-content .tab .faq-header,
.new-product-details .accordion .accordion-content .tab h2,
.new-product-details .about-content .accordion .accordion-content .tab .faq-header,
.about-content .new-product-details .accordion .accordion-content .tab .faq-header,
.about-content .accordion .accordion-content .tab h2,
.about-content .accordion .accordion-content .tab .faq-header {
	margin: 25px 0;
	font-size: 20px;
	letter-spacing: 0.4px
}
.product-details .accordion .accordion-content .tab.nutrition,
.new-product-details .accordion .accordion-content .tab.nutrition,
.about-content .accordion .accordion-content .tab.nutrition {
	margin-top: 20px
}
.product-details .accordion .accordion-content .tab.nutrition img,
.new-product-details .accordion .accordion-content .tab.nutrition img,
.about-content .accordion .accordion-content .tab.nutrition img {
	max-height: 100%
}
.product-details .accordion .accordion-content .tab.nutrition h2,
.product-details .about-content .accordion .accordion-content .tab.nutrition .faq-header,
.about-content .product-details .accordion .accordion-content .tab.nutrition .faq-header,
.new-product-details .accordion .accordion-content .tab.nutrition h2,
.new-product-details .about-content .accordion .accordion-content .tab.nutrition .faq-header,
.about-content .new-product-details .accordion .accordion-content .tab.nutrition .faq-header,
.about-content .accordion .accordion-content .tab.nutrition h2,
.about-content .accordion .accordion-content .tab.nutrition .faq-header {
	font-size: 17.5px;
	text-align: center;
	margin-top: 0
}
.product-details .accordion .accordion-content .tab.nutrition table tr,
.new-product-details .accordion .accordion-content .tab.nutrition table tr,
.about-content .accordion .accordion-content .tab.nutrition table tr {
	line-height: 1.74
}
.product-details .accordion .accordion-content .tab.nutrition table tr td,
.new-product-details .accordion .accordion-content .tab.nutrition table tr td,
.about-content .accordion .accordion-content .tab.nutrition table tr td {
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	color: #762945
}
.product-details .accordion .accordion-content .tab.nutrition table tr td:first-of-type,
.new-product-details .accordion .accordion-content .tab.nutrition table tr td:first-of-type,
.about-content .accordion .accordion-content .tab.nutrition table tr td:first-of-type {
	font-weight: 600;
	padding-right: 50px
}
.product-details .accordion .accordion-content .tab.nutrition .column1,
.product-details .accordion .accordion-content .tab.nutrition .column2,
.product-details .accordion .accordion-content .tab.nutrition .column3,
.new-product-details .accordion .accordion-content .tab.nutrition .column1,
.new-product-details .accordion .accordion-content .tab.nutrition .column2,
.new-product-details .accordion .accordion-content .tab.nutrition .column3,
.about-content .accordion .accordion-content .tab.nutrition .column1,
.about-content .accordion .accordion-content .tab.nutrition .column2,
.about-content .accordion .accordion-content .tab.nutrition .column3 {
	margin-bottom: 20px;
	border: none;
	width: 100%
}
@media screen and (min-width: 768px) {
	.product-details .accordion .accordion-content .tab.nutrition .column1,
	.product-details .accordion .accordion-content .tab.nutrition .column2,
	.product-details .accordion .accordion-content .tab.nutrition .column3,
	.new-product-details .accordion .accordion-content .tab.nutrition .column1,
	.new-product-details .accordion .accordion-content .tab.nutrition .column2,
	.new-product-details .accordion .accordion-content .tab.nutrition .column3,
	.about-content .accordion .accordion-content .tab.nutrition .column1,
	.about-content .accordion .accordion-content .tab.nutrition .column2,
	.about-content .accordion .accordion-content .tab.nutrition .column3 {
		float: left;
		padding: 0 20px
	}
}
.product-details .accordion .accordion-content .tab.nutrition .column1 table,
.product-details .accordion .accordion-content .tab.nutrition .column2 table,
.product-details .accordion .accordion-content .tab.nutrition .column3 table,
.new-product-details .accordion .accordion-content .tab.nutrition .column1 table,
.new-product-details .accordion .accordion-content .tab.nutrition .column2 table,
.new-product-details .accordion .accordion-content .tab.nutrition .column3 table,
.about-content .accordion .accordion-content .tab.nutrition .column1 table,
.about-content .accordion .accordion-content .tab.nutrition .column2 table,
.about-content .accordion .accordion-content .tab.nutrition .column3 table {
	width: 100%
}
@media screen and (min-width: 768px) {
	.product-details .accordion .accordion-content .tab.nutrition .column1,
	.new-product-details .accordion .accordion-content .tab.nutrition .column1,
	.about-content .accordion .accordion-content .tab.nutrition .column1 {
		min-height: 304px;
		border-right: 1px solid #006eb7;
		width: 50%
	}
}
@media screen and (min-width: 1200px) {
	.product-details .accordion .accordion-content .tab.nutrition .column1,
	.new-product-details .accordion .accordion-content .tab.nutrition .column1,
	.about-content .accordion .accordion-content .tab.nutrition .column1 {
		width: 33.333%
	}
}
@media screen and (min-width: 768px) {
	.product-details .accordion .accordion-content .tab.nutrition .column2,
	.new-product-details .accordion .accordion-content .tab.nutrition .column2,
	.about-content .accordion .accordion-content .tab.nutrition .column2 {
		min-height: 304px;
		width: 50%
	}
}
@media screen and (min-width: 1200px) {
	.product-details .accordion .accordion-content .tab.nutrition .column2,
	.new-product-details .accordion .accordion-content .tab.nutrition .column2,
	.about-content .accordion .accordion-content .tab.nutrition .column2 {
		width: 33.333%
	}
}
@media screen and (min-width: 768px) {
	.product-details .accordion .accordion-content .tab.nutrition .column3,
	.new-product-details .accordion .accordion-content .tab.nutrition .column3,
	.about-content .accordion .accordion-content .tab.nutrition .column3 {
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 100%
	}
	.product-details .accordion .accordion-content .tab.nutrition .column3 img,
	.new-product-details .accordion .accordion-content .tab.nutrition .column3 img,
	.about-content .accordion .accordion-content .tab.nutrition .column3 img {
		left: 0;
		right: 0
	}
}
@media screen and (min-width: 1200px) {
	.product-details .accordion .accordion-content .tab.nutrition .column3,
	.new-product-details .accordion .accordion-content .tab.nutrition .column3,
	.about-content .accordion .accordion-content .tab.nutrition .column3 {
		text-align: left;
		width: 33.333%
	}
}
.product-details .accordion .accordion-content .tab.cooking,
.new-product-details .accordion .accordion-content .tab.cooking,
.about-content .accordion .accordion-content .tab.cooking {
	margin-top: 20px
}
.product-details .accordion .accordion-content .tab.cooking ol,
.new-product-details .accordion .accordion-content .tab.cooking ol,
.about-content .accordion .accordion-content .tab.cooking ol {
	padding: 0;
	margin: 0
}
.product-details .accordion .accordion-content .tab.cooking ol li,
.new-product-details .accordion .accordion-content .tab.cooking ol li,
.about-content .accordion .accordion-content .tab.cooking ol li {
	list-style: none;
	counter-increment: number;
	padding-bottom: 25px;
	line-height: 1.4;
	letter-spacing: 0.4px
}
.product-details .accordion .accordion-content .tab.cooking ol li::before,
.new-product-details .accordion .accordion-content .tab.cooking ol li::before,
.about-content .accordion .accordion-content .tab.cooking ol li::before {
	content: counter(number)".";
	color: #5A1C33;
	text-align: right;
	padding-right: 0.3em
}
.product-details .accordion .accordion-content .tab.cooking span,
.new-product-details .accordion .accordion-content .tab.cooking span,
.about-content .accordion .accordion-content .tab.cooking span {
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	color: #5A1C33
}
.product-details .accordion .accordion-content .tab.stockists .images,
.new-product-details .accordion .accordion-content .tab.stockists .images,
.about-content .accordion .accordion-content .tab.stockists .images {
	margin: 25px 0 0
}
.product-details .accordion .accordion-content .tab.stockists .images::after,
.new-product-details .accordion .accordion-content .tab.stockists .images::after,
.about-content .accordion .accordion-content .tab.stockists .images::after {
	clear: both;
	content: "";
	display: table
}
.product-details .accordion .accordion-content .tab.stockists .images img:nth-of-type(3),
.new-product-details .accordion .accordion-content .tab.stockists .images img:nth-of-type(3),
.about-content .accordion .accordion-content .tab.stockists .images img:nth-of-type(3) {
	margin-right: 0
}
@media screen and (min-width: 768px) {
	.product-details .accordion .accordion-content .tab.stockists .images,
	.new-product-details .accordion .accordion-content .tab.stockists .images,
	.about-content .accordion .accordion-content .tab.stockists .images {
		display: inline-block
	}
}
.serves,
.heat-level {
	display: inline-block;
	padding-right: 20px
}
.serves span:before,
.serves div:before,
.heat-level span:before,
.heat-level div:before {
	font-size: 22px
}
.serves span:before {
	padding-right: 10px
}
.heat-level div {
	width: 12px;
	opacity: 0.5;
	display: inline-block
}
.heat-level span {
	margin-left: 10px
}
.heat-level.mild div {
	opacity: 1
}
.heat-level.mild div:nth-child(2),
.heat-level.mild div:nth-child(3) {
	opacity: 0.5
}
.heat-level.medium div {
	opacity: 1
}
.heat-level.medium div:nth-child(3) {
	opacity: 0.5
}
.heat-level.hot div {
	opacity: 1
}
.product-image {
	display: none
}
@media screen and (min-width: 768px) {
	.product-image {
		display: block;
		position: absolute;
		top: 150px;
		width: 305px
	}
}
.contact-form .container {
	position: relative;
	padding-top: 82px
}
.contact-form .container>img {
	width: 120px;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto 20px
}
@media screen and (min-width: 992px) {
	.contact-form .container>img {
		position: absolute
	}
	.contact-form .container>img.left {
		left: 9%;
		top: 250px;
		right: inherit
	}
	.contact-form .container>img.right {
		right: 9%;
		top: 570px;
		left: inherit
	}
}
.contact-form .container p,
.contact-form .container .recipe-detail .share,
.recipe-detail .contact-form .container .share {
	width: 100%;
	padding: 0 1em;
	text-align: center;
	margin: 0 auto 30px
}
@media screen and (min-width: 992px) {
	.contact-form .container p,
	.contact-form .container .recipe-detail .share,
	.recipe-detail .contact-form .container .share {
		width: 50%
	}
}
.fir .per-portion {
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-weight: 900;
	font-style: normal
}
.fir-indication {
	display: inline-block;
	padding: 0
}
.fir-indication::after {
	clear: both;
	content: "";
	display: table
}
.fir-indication li {
	background-color: #fff;
	font-size: 0.9em;
	list-style: none;
	border: 2px solid #5A1C33;
	display: block;
	width: 20%;
	max-width: 75px;
	min-width: 55px;
	height: 125px;
	border-radius: 15px;
	overflow: hidden;
	margin-left: -2px;
	float: left
}
@media screen and (min-width: 768px) {
	.fir-indication li {
		width: 75px
	}
}
.fir-indication li:first-of-type {
	margin-left: 0
}
.fir-indication h5 {
	margin: 0 0 28px 0;
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	font-size: 0.6em;
	text-transform: uppercase
}
.fir-indication .value {
	font-weight: bold
}
.fir-indication-detail,
.fir-indication-percent {
	text-align: center;
	width: 100%;
	display: block
}
.fir-indication-detail {
	height: 66.66666%;
	padding-top: 0.55em
}
.energy .fir-indication-detail h5 {
	margin: 0 0 6px 0
}
.fir-indication-percent {
	height: 33.33333%;
	border-top: 2px solid #5A1C33;
	font-weight: 800;
	padding-top: 0.45em;
	font-weight: bold;
	color: #fff
}
.energy .fir-indication-percent {
	color: #5A1C33
}
.red .fir-indication-percent {
	background: #C33722
}
.orange .fir-indication-percent {
	background: #EDB400
}
.green .fir-indication-percent {
	background: #7AB33F
}
.store-finder-list {
	list-style: none;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 0 0 30px 0
}
@media screen and (min-width: 992px) {
	.store-finder-list {
		padding-right: 30px;
		padding-top: 15px
	}
}
@-webkit-keyframes pulse-pin {
	0% {
		-webkit-transform: translate(-50%, -100%) scale(0.8)
	}
	60% {
		-webkit-transform: translate(-50%, -100%) scale(1.2)
	}
	100% {
		-webkit-transform: translate(-50%, -100%) scale(1)
	}
}
@keyframes pulse-pin {
	0% {
		-webkit-transform: translate(-50%, -100%) scale(0.8);
		-ms-transform: translate(-50%, -100%) scale(0.8);
		transform: translate(-50%, -100%) scale(0.8)
	}
	60% {
		-webkit-transform: translate(-50%, -100%) scale(1.2);
		-ms-transform: translate(-50%, -100%) scale(1.2);
		transform: translate(-50%, -100%) scale(1.2)
	}
	100% {
		-webkit-transform: translate(-50%, -100%) scale(1);
		-ms-transform: translate(-50%, -100%) scale(1);
		transform: translate(-50%, -100%) scale(1)
	}
}
.map-pin {
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	position: absolute;
	width: 24px;
	height: 30px;
	background-image: url("/MrKiplingUK/media/images/assets/pin.svg");
	background-size: cover;
	background-repeat: no-repeat
}
.map-pin.is-active {
	-webkit-animation: pulse-pin 0.3s 2;
	animation: pulse-pin 0.3s 2
}
.store-finder-map {
	position: relative;
	display: inline-block;
	margin-top: 50px;
	overflow: hidden
}
.store-finder-map .wrapper {
	padding: 1.5em 0
}
@media screen and (min-width: 992px) {
	.store-finder-map .sticky.is-stuck {
		width: 100%;
		position: fixed;
		max-width: 840px
	}
}
.store-finder-map img {
	width: 100%;
	max-width: 840px;
	margin: auto
}
.store-finder-map img.placeholder {
	-webkit-transform: scale(50%);
	-ms-transform: scale(50%);
	transform: scale(50%)
}
@-webkit-keyframes pulse-li {
	0% {
		-webkit-transform: scale(0.98)
	}
	60% {
		-webkit-transform: scale(1.02)
	}
	100% {
		-webkit-transform: scale(1)
	}
}
@keyframes pulse-li {
	0% {
		-webkit-transform: scale(0.98);
		-ms-transform: scale(0.98);
		transform: scale(0.98)
	}
	60% {
		-webkit-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02)
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}
.store-finder-list-item {
	border: 1px solid #006eb7;
	background: url("/MrKiplingUK/media/images/assets/range1-texture.png");
	margin-bottom: 15px;
	padding: 15px 15px 15px 80px;
	position: relative
}
.store-finder-list-item header {
	border: none
}
.store-finder-list-item:nth-of-type(2n) {
	background: url("/MrKiplingUK/media/images/assets/range2-texture.png")
}
.store-finder-list-item:nth-of-type(3n) {
	background: url("/MrKiplingUK/media/images/assets/range3-texture.png")
}
@media screen and (min-width: 768px) {
	.store-finder-list-item {
		padding-left: 140px
	}
}
@media screen and (min-width: 992px) {
	.store-finder-list-item {
		padding-left: 80px
	}
	.store-finder-list-item:before {
		font-size: 50px;
		top: 15px;
		left: 15px
	}
}
.store-finder-list-item .google-button {
	cursor: pointer;
	background: transparent;
	color: #5A1C33;
	padding: 0
}
.store-finder-list-item:before {
	content: "";
	width: 51px;
	height: 65px;
	position: absolute;
	font-size: 50px;
	top: 15px;
	left: 15px;
	background: url("/MrKiplingUK/media/images/assets/pin.svg") no-repeat;
	background-size: cover
}
.winff .store-finder-list-item:before {
	top: 45px
}
@media screen and (min-width: 768px) {
	.store-finder-list-item:before {
		font-size: 75px;
		top: 30px;
		left: 30px
	}
}
@media screen and (min-width: 992px) {
	.store-finder-list-item:before {
		font-size: 50px;
		top: 15px;
		left: 15px
	}
}
.store-finder-list-item header {
	margin-bottom: 15px
}
.store-finder-list-item a {
	pointer-events: none;
	color: #5A1C33
}
.store-finder-list-item a:hover {
	text-decoration: underline
}
.store-finder-list-item.is-active {
	-webkit-animation: pulse-li 0.3s;
	animation: pulse-li 0.3s
}
.store-finder-list-item.is-active a {
	pointer-events: auto
}
.store-finder-list-item h3,
.store-finder-list-item h4 {
	font-size: 1em;
	margin: 0;
	font-weight: bold
}
.store-finder-list-item .highlight {
	margin-left: 1em
}
.faqs {
	text-align: left
}
.faqs .faq-header {
	padding: 10px 30px 10px 0;
	cursor: pointer;
	position: relative;
	font-weight: bold
}
.faqs .faq-header:before {
	content: "Q. "
}
.faqs .faq-header:after {
	content: "";
	background: url("/MrKiplingUK/media/images/assets/down-arrow-purple.svg") no-repeat center;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out
}
.faqs .faq-header.is-active:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
	.faqs .faq-header.is-active + .faq-content {
		height: auto;
		overflow: auto;
		overflow-y: hidden;
	}
.faqs .faq-content {
	height: 0;
	padding-right: 30px;
	overflow: hidden;
	transition: height 0.5s ease-in-out, overflow 0.5s ease-in-out
}
.faqs .faq-content p,
.faqs .faq-content .recipe-detail .share,
.recipe-detail .faqs .faq-content .share {
	padding-left: 22px;
	position: relative
}
.faqs .faq-content p:first-child,
.faqs .faq-content .recipe-detail .share:first-child,
.recipe-detail .faqs .faq-content .share:first-child {
	margin-top: 0 !important
}
.faqs .faq-content p:first-child:before,
.faqs .faq-content .recipe-detail .share:first-child:before,
.recipe-detail .faqs .faq-content .share:first-child:before {
	content: "A. ";
	font-weight: bold;
	position: absolute;
	left: 0;
	display: inline-block
}
	.faqs .faq-content table p:before {
		content: '' !important;
	}

.store-finder .list-column {
	display: inline-block;
	vertical-align: top
}
@media screen and (min-width: 992px) {
	.store-locator-intro,
	.store-finder-list {
		width: 33.333%
	}
	.store-locator-intro {
		width: 100%
	}
}
@media screen and (min-width: 992px) and (min-width: 992px) {
	.store-locator-intro p,
	.store-locator-intro .recipe-detail .share,
	.recipe-detail .store-locator-intro .share {
		max-width: 90%
	}
}
@media screen and (min-width: 992px) {
	.map-column {
		float: right;
		width: 66.666%
	}
}
.store-finder {
	margin-bottom: 50px;
	margin-top: 33.333px;
	padding: 0 3%;
	min-height: 100px
}
.store-finder::after {
	clear: both;
	content: "";
	display: table
}
.store-finder .user-location {
	width: 100%;
	margin-top: 1em;
	margin-right: 0
}
@media screen and (min-width: 768px) {
	.store-finder .user-location {
		width: auto
	}
}
.store-finder .location-button {
	width: 50%;
	margin: 0
}
@media screen and (min-width: 768px) {
	.store-finder .location-button {
		width: auto;
		margin-right: 1em;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important
	}
}
.store-finder header {
	border: none
}
@media screen and (min-width: 992px) {
	.store-finder .list-column {
		padding-right: 30px
	}
}
@media screen and (min-width: 992px) {
	.store-finder .map-column {
		padding-left: 30px
	}
}
.store-finder .map-column header {
	margin-bottom: 30px
}
.store-finder .map-column header input {
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	padding: 7px 15px;
	color: #5A1C33;
	border-right: none;
	border: 1px solid #FAFAFA;
	height: 47px;
	width: 50%;
	box-shadow: inset 1px 1px 4px 0px #ddd
}
@media screen and (min-width: 768px) {
	.store-finder .map-column header input {
		width: 61%
	}
}
@media screen and (min-width: 992px) {
	.store-finder .map-column header input {
		width: 53%;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px
	}
}
@media screen and (min-width: 1200px) {
	.store-finder .map-column header input {
		width: 65%
	}
}
.store-finder .map-column header input::-webkit-input-placeholder {
	color: #ddd
}
.store-finder .map-column header input::-moz-placeholder {
	color: #ddd
}
.store-finder .map-column header input:-moz-placeholder {
	color: #ddd
}
.store-finder .map-column header input:-ms-input-placeholder {
	color: #ddd
}
.store-finder button {
	font-family: "brandon-grotesque", "Montserrat", sans-serif;
	font-style: normal;
	background-color: #5A1C33;
	border-radius: 3px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding: 0.5em;
	color: #fff;
	margin-right: 1em;
	height: 44px;
	outline: none;
	position: relative
}
@media screen and (min-width: 992px) {
	.store-finder button {
		border-radius: 3px
	}
}
.store-finder button:before {
	position: absolute;
	top: 29%
}
.ios .store-finder button:before {
	top: 50.8%
}
.store-finder button span {
	padding-left: 1.5em
}
.store-finder .highlight {
	color: #5A1C33
}
.ie9 .slick-slide .container {
	width: 100% !important
}
.ie9 #new-product-head .container {
	width: 100%
}
.ie9 .accordion-header .mask {
	display: none !important
}
.ie9 html {
	overflow: hidden
}
@media screen and (min-width: 768px) {
	.ie9 #recipes-carousel .slick-slide {
		margin-right: 20px
	}
}