/* Fonts */
@font-face {
    font-family: 'BrixSlab';
    src: url('../fonts/BrixSlab-Regular.eot');
    src: local('../fonts/Brix Slab Regular'), local('BrixSlab-Regular'), url('../fonts/BrixSlab-Regular.woff2') format('woff2'), url('../fonts/BrixSlab-Regular.woff') format('woff'), url('../fonts/BrixSlab-Regular.ttf') format('truetype'), url('../fonts/BrixSlab-Regular.svg#BrixSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BrixSlab';
    src: url('../fonts/BrixSlab-ExtraLight.eot');
    src: local('../fonts/Brix Slab Extra Light'), local('BrixSlab-ExtraLight'), url('../fonts/BrixSlab-ExtraLight.woff2') format('woff2'), url('../fonts/BrixSlab-ExtraLight.woff') format('woff'), url('../fonts/BrixSlab-ExtraLight.ttf') format('truetype'), url('../fonts/BrixSlab-ExtraLight.svg#BrixSlab-ExtraLight') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
	font-family: 'BrixSlab';
    src: url('../fonts/BrixSlab-Light.eot');
    src: local('../fonts/Brix Slab Light'), local('BrixSlab-Light'), url('../fonts/BrixSlab-Light.woff2') format('woff2'), url('../fonts/BrixSlab-Light.woff') format('woff'), url('../fonts/BrixSlab-Light.ttf') format('truetype'), url('../fonts/BrixSlab-Light.svg#BrixSlab-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'BrixSlab';
    src: url('../fonts/BrixSlab-Bold.eot');
    src: local('../fonts/Brix Slab Bold'), local('BrixSlab-Bold'), url('../fonts/BrixSlab-Bold.woff2') format('woff2'), url('../fonts/BrixSlab-Bold.woff') format('woff'), url('../fonts/BrixSlab-Bold.ttf') format('truetype'), url('../fonts/BrixSlab-Bold.svg#BrixSlab-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
	font-family: 'Festival';
		src: url('../fonts/SummerFestival-Regular.eot');
		src: url('../fonts/SummerFestival-Regulard41d.eot?#iefix') format('embedded-opentype'),
			url('../fonts/SummerFestival-Regular.woff') format('woff'),
			url('../fonts/SummerFestival-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'InkBlossoms';
		src: url('../fonts/InkBlossoms.html');
		src: url('../fonts/InkBlossomsd41d.html?#iefix') format('embedded-opentype'),
			url('../fonts/InkBlossoms.woff') format('woff'),
			url('../fonts/InkBlossoms.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Light';
		src: url('../fonts/Gotham-Light.eot');
		src: url('../fonts/Gotham-Lightd41d.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Gotham-Light.woff') format('woff'),
			url('../fonts/Gotham-Light.ttf') format('truetype'),
			url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham';
		src: url('../fonts/Gotham-Book.eot');
		src: url('../fonts/Gotham-Bookd41d.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Gotham-Book.woff') format('woff'),
			url('../fonts/Gotham-Book.ttf') format('truetype'),
			url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Medium';
		src: url('../fonts/Gotham-Medium.eot');
		src: url('../fonts/Gotham-Mediumd41d.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Gotham-Medium.woff') format('woff'),
			url('../fonts/Gotham-Medium.ttf') format('truetype'),
			url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Bold';
		src: url('../fonts/Gotham-Bold.eot');
		src: url('../fonts/Gotham-Boldd41d.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Gotham-Bold.woff') format('woff'),
			url('../fonts/Gotham-Bold.ttf') format('truetype'),
			url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Css reset start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	line-height: 1em;
}
img {
	display: block;
	max-width: 100%;
}
a img, :link img, :visited img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
}
a, p, input[type=text], textarea, label, div {
	color: inherit;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 1.5em;
	text-decoration: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: none;
}
/* meyerweb css reset end */

em {font-style: italic;}
strong {font-weight: bold;}
h1, h3, h5 {
	font-family: 'BrixSlab', sans-serif;
	font-weight: bold;
}
h2, h4, h6 {
	font-family: 'BrixSlab', sans-serif;
}
h1{font-size: 60px}
h2{font-size: 42px}
h3{font-size: 28px}
h4{font-size: 20px}
h5{font-size: 15px}
h6{font-size: 13px}

h2 .festival {
    font-size: 1.5em;
}

/* For HTML5 to be rendered correctly in old browsers */
article,aside,figcaption,figure,footer,header,hgroup,nav,section,time {
	display: block;
}

.before-last {
    margin-right: 0 !important;
}
.festival {
	font-family: 'Festival', sans-serif;
}

.padding-bottom-row {
    padding-bottom: 50px;
}

.padding-top-row {
    padding-top: 50px;
}


/* Fixes */
.left {
	float: left;
}
.right {
	float: right;
}
.disabled {
	display: none !important;
}
.none {
    display: none;
}

ul, ol {
    margin-left: 30px;
}
ins {
    text-decoration: none;
}

/*Swiper*/
.swiper-button-next {
    background-image: url(../images/icon-arrow-right.png);
    opacity: 0.95;
}

.swiper-button-prev {
    background-image: url(../images/icon-arrow-left.png);
    opacity: 0.95;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    opacity: 1;
}

.swiper-pagination-bullet {
    background: #fff;
    width: 12px;
    height: 12px;
    opacity: 0.8;
    margin: 0 8px !important;
}
.swiper-pagination-bullet-active {
    background: #000;
}

/* Button */
.button-angled {
    background: #fee000;
    display: inline-block;
    color: #000;
    -webkit-transform: skew(-5deg);
    -moz-transform: skew(-5deg);
    -o-transform: skew(-5deg);
    -ms-transform: skew(-5deg);
}
.button-angled:hover {
    background: #000000;
    color: #fee000;
}
.button {
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	/*-webkit-transform: skew(5deg);
    -moz-transform: skew(5deg);
    -o-transform: skew(5deg);
    -ms-transform: skew(5deg);*/
	text-align: center;
}

.yellow {
	color: #fdde4b;
}


/* Inputs, Selects fixes */
.select-wrapper .el-input__inner {
	border: 2px solid #fdde4b;
	padding: 0px 30px 0 5px;
}
.select-wrapper .el-select-dropdown__item.selected {
    color: #000000;
}
.select-wrapper .el-input__suffix {
    border-left: 2px solid #fdde4b;
    padding-left: 5px;
}
.select-wrapper .el-select .el-input .el-select__caret {
    color: #000000;
}

.select-wrapper .el-select:hover .el-input__inner {
    border-color: #fdde4b;
}
.select-wrapper .el-select .el-input__inner:focus {
    border-color: #fdde4b;
}

/* Breadcrumb */
.breadcrumb-custom {
    position: relative;
    background-color: transparent;
    list-style: none;
    margin: 0px auto;
    padding: 20px;
    max-width: 1600px;
    z-index: 11;
}

    .breadcrumb-custom li {
        display: inline-block;
        font-family: 'Gotham', sans-serif;
        font-size: 18px;
        line-height: 1.5em;
    }
        .breadcrumb-custom li a {
            font-family: 'Gotham', sans-serif;
            font-size: 18px;
            line-height: 1.5em;
            color: #f4b015;
        }
            .breadcrumb-custom li a:hover, .breadcrumb-custom li a.active {
                color: #000000;
            }

/* Section */
.page-content {
	background-color: #ffffff;
}
.page-content-holder {
    max-width: 1920px;
    margin: 0px auto;
}
header {
    
    width: 100%;
    padding: 20px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    border-top: 4px solid #fdde4b;
}
		.page-content-holder .logo-mccain {
			position: relative;
			max-width: 150px;
		}
			.page-content-holder .logo-mccain img {
				position: relative;
				z-index: 1;
			}
		.page-content-holder .social-icons {
			margin-left: auto;
		}
			.page-content-holder .social-icons a {
				position: relative;
				display: inline-block;
				width: 31px;
				height: 26px;
				padding: 5px;
				background-repeat: no-repeat;
				background-position: center;
				
			}
					.page-content-holder .social-icons a:first-child {
						padding-left: 0px;
					}
					.page-content-holder .social-icons a:last-child {
						padding-right: 0px;
					}
				.page-content-holder .social-icons .facebook {
					background-image: url(../images/social-icons/icon-facebook.png);
				}
            .page-content-holder .social-icons .twitter {
                background-image: url(../images/social-icons/icon-twitter.png);
            }
            .page-content-holder .social-icons .instagram {
                background-image: url(../images/social-icons/icon-instagram.png);
            }
            .page-content-holder .social-icons .linkedin {
                background-image: url(../images/social-icons/icon-linkedin.png);
            }
            .page-content-holder .social-icons .youtube {
                background-image: url(../images/social-icons/icon-youtube.png);
            }
            .page-content-holder .social-icons .pinterest {
                background-image: url(../images/social-icons/icon-pinterest.png);
            }

		.mobile-menu-holder {
			display: none;
		}
		
		.mobile-menu-holder	.logo-mccain {
			max-width: 120px;
			position: absolute;
			top: 20px;
			left: 10px;
		}


.banners-holder {
	display: block;
	background-color: #ffffff;
	border-bottom: 30px solid #fdde4b;
}
        .banners-holder .banner-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 90%;
            z-index: 10;
            text-align: center;
            color: #fff;
		}
            .banners-holder .banner-content .main-title {
                text-shadow: -1px 0 8px rgba(0,0,0,1);
                font-size: 5vw;
            }

			.banners-holder .banner-image img {
				width: 100%;
			}





			.menu {
				position: relative;
				margin-left: auto;
				width: 60%;
			}
		.menu-holder {
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: stretch;
			align-content: center;
		}
            .menu-holder .menu-item.level-first {
                display: inline-block;
            }

			.menu-holder a {
				display: inline-block;
				font-size: 20px;
				font-weight: bold;
				text-transform: capitalize;
				text-decoration: none;
				color: #000000;
				padding: 0px 15px;
				border-bottom: 4px solid transparent;
				cursor: pointer;
			}
                .menu-holder a.active {
                    border-bottom: 4px solid #fdde4b;
                    color: #000000;
                }
                .menu-holder a:hover {
                    border-bottom: 4px solid #fdde4b;
                    color: #000000;
                    text-decoration: none;
                }
				.menu-holder a span {
					color: #000000;
					font-weight: bold;
					font-family: 'Gotham', sans-serif;
				}




                /**NEW MENU*/

            .menu-holder .menu-item {
                display: inline-block;
            }

                .menu-holder .menu-item.level-first {
                    position: relative;
                }

                    .menu-holder .menu-item.level-first a.active {
                        border-bottom: 3px solid #fee000;
                    }

                .menu-holder .menu-item.level-second {
                    display: none;
                    position: absolute;
                    top: 30px;
                    left: 10px;
                    padding: 25px 5px 5px 5px;
                    z-index: 12;
                }

                .menu-holder .menu-item.level-first:hover .menu-item.level-second {
                    display: inline-block;
                }

                .menu-holder .menu-item.level-second:before {
                    margin-left: 20px;
                    content: '';
                    position: absolute;
                    top: 10px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 0 14px 19px 14px;
                    border-color: transparent transparent #000000 transparent;
                }


                .menu-holder .menu-item.level-first a {
                    font-size: 1.5vw;
                    font-weight: 600;
                    margin: 0px 15px;
                }

                .menu-holder .menu-item.level-second a {
                    display: block;
                    width: 100%;
                    white-space: nowrap;
                    color: #ffffff;
                    background-color: #000;
					font-size: 16px;
                    font-family: 'BrixSlab-Bold', sans-serif;
                    border-bottom: 1px solid #3d3d3d;
                    box-sizing: border-box;
                    padding: 7px 15px 5px 15px;
                    margin: 0;
                    font-weight: normal;
                }

                .menu-holder .menu-item.level-second > a:last-child {
                    border-bottom: none;
                }

                .menu-holder .menu-item.level-second a:hover, .menu-holder .menu-item.level-third a:hover {
                    color: #fee000;
                }


                .menu-holder .menu-item.level-first > a:hover, .menu-holder .menu-item.level-first > a.active {
                    color: #464643;
                }

                .menu-holder .menu-item.level-second a.mobile {
                    display: none;
                }

                /*END*/





	.section {
		display: table;
		width: 100%;
		box-sizing: border-box;
	}
		.section-content {
			position: relative;
		}
			.section-content .content-holder {
			}
				.section-content .content-holder .title {
				}
					.section-content .content-holder .title img {
					}
				.content-text {
					font-family: 'Gotham', sans-serif;
					line-height: 1.5em;
					margin-bottom: 20px;
				}
					.our-ingridients .content-text {
						font-size: 14px;
					}
			.section-content .ingridients-image {
			}
				.section-content .ingridients-image img {
					max-width: 100%;
				}
			
		.button-to-the-top {
			position: fixed;
			bottom: 10px;
			right: 30px;
			display: block;
			width: 50px;
			height: 50px;
			background: url(../images/icon-arrow-up-round-light.png) no-repeat;
			background-size: cover;
			z-index: 999;
		}
			.blog-article-content-holder .button-to-the-top, .general-content .button-to-the-top {
				background-image: url(../images/icon-arrow-up-round-dark.png);
			}
	.section.our-ingridients {
		position: relative;
		background: url(../images/background-01.html) no-repeat;
		background-size: cover;
	}
		.text-title {
			position: relative;
			display: table;
			margin-bottom: 50px;
		}
			.text-title .orange {
				font-family: 'InkBlossoms', sans-serif;
				font-size: 44px;
				color: #efb816;
			}
			.text-title .black {
				font-family: 'InkBlossoms', sans-serif;
				font-size: 100px;
				color: #000000;
			}
				.text-title .black:before {
					content: '';
					position: absolute;
					bottom: -20px;
					right: 0px;
					display: block;
					border-top: 4px solid #000000;
					width: 40px;
				}
				.text-title .black:after {
					content: '';
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					right: -40px;
					display: block;
					width: 34px;
					height: 39px;
					background: url(../images/title-end-black.html) no-repeat;
				}
			.text-title .white {
				font-family: 'InkBlossoms', sans-serif;
				font-size: 100px;
				color: #ffffff;
			}
				.text-title .white:before {
					content: '';
					position: absolute;
					bottom: -20px;
					right: 0px;
					display: block;
					border-top: 4px solid #ffffff;
					width: 40px;
				}
				.text-title .white:after {
					content: '';
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					right: -40px;
					display: block;
					width: 34px;
					height: 39px;
					background: url(../images/title-end-white.html) no-repeat;
				}
		/*.section.our-ingridients .title:after {
			content: '';
			display: block;
			width: 50px;
			float: right;
			border-bottom: 4px solid #000000;
		}*/
			.section.our-ingridients .content-holder {
				padding: 200px 100px;
				width: 55%;
				box-sizing: border-box;
			}
			.section.our-ingridients .ingridients-image {
				display: inline-block;
				width: 100%;
			}
				.section.our-ingridients .ingridients-image img {
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					right: 0px;
					width: 45%;
				}
	.section.speak-to-the-chefs {
		position: relative;
		background: url(../images/background-02.html) no-repeat;
		background-size: cover;
		padding: 200px 100px;
	}
		.contact-holder-header {
			position: relative;
			top: -170px;
			float: right;
			margin-bottom: 10px;
		}
			.contact-holder-header .phone {
				display: inline-block;
				font-family: 'Gotham', sans-serif;
				color: #ffffff;
				font-weight: bold;
				margin-right: 50px;
				margin-bottom: 10px;
			}
				.contact-holder-header .phone:before {
					content: '';
					display: inline-block;
					width: 28px;
					height: 27px;
					background: url(../images/icon-phone.png) no-repeat;
					background-size: cover;
					vertical-align: middle;
					margin-right: 10px;
				}
			.contact-holder-header .email {
				display: inline-block;
				font-family: 'Gotham', sans-serif;
				color: #ffffff;
				font-weight: bold;
			}
				.contact-holder-header .email:before {
					content: '';
					display: inline-block;
					width: 40px;
					height: 30px;
					background: url(../images/icon-email.png) no-repeat;
					background-size: cover;
					vertical-align: middle;
					margin-right: 10px;
				}
		.section.speak-to-the-chefs .title {
			margin-bottom: 30px;
			max-width: 600px;
		}
		.contact-message {
			font-family: 'Gotham', sans-serif;
			color: #ffffff;
		}
			.contact-message a {
				display: inline-block;
				margin-top: 5px;
				font-weight: bold;
				text-decoration: underline;
			}
	.section.whats-on-the-menu {
		position: relative;
		background: url(../images/background-03.html) no-repeat;
		background-size: cover;
		padding: 100px;
	}
	.section.whats-on-the-menu-content {
		position: relative;
		background: url(../images/background-light.html) no-repeat;
		background-size: cover;
	}
		.section .menu-images {
			display: inline-block;
			width: 49.5%;
			vertical-align: middle;
		}
			.section .menu-images img {
			}
		.menu-content {
			display: inline-block;
			width: 49.5%;
			vertical-align: middle;
			padding: 50px;
			box-sizing: border-box;
		}
			.menu-content .menu-content-title {
				font-family: 'Gotham', sans-serif;
				font-size: 36px;
			}
				.menu-content .menu-content-title:before {
					content: '';
					position: relative;
					display: block;
					top: -30px;
					border-top: 4px solid #000000;
					width: 40px;
				}
			.menu-content .menu-content-content {
				font-family: 'Gotham', sans-serif;
				margin: 30px 0px;
				line-height: 1.5em;
				max-width: 465px;
			}
			.menu-content .menu-content-button {
				display: block;
			}
				.menu-content .menu-content-button a {
					display: table;
					font-family: 'Gotham', sans-serif;
					text-transform: uppercase;
					padding: 30px 50px 28px 50px;
					background-color: #f4b015;
					color: #ffffff;
				}
	.section.blog {
		position: relative;
		background: url(../images/background-dark.html) no-repeat;
		background-size: cover;
		padding: 100px;
	}
		.section.blog.white-bg {
			background: #ffffff;
		}
		.section.blog .section-content {
		}
			.section.blog .section-content .title {
				margin-bottom: 30px;
			}
		
		.section.blog .button-more {
		}
#blogs-app {
	margin: 0 15px;
}

.page-content-inner {
	/*min-height: calc(70vh + 11px);*/
	padding: 20px 0px 50px 0px;
}
	.footer {
		position: relative;
		background-color: #399eb6;
		box-sizing: border-box;
	}
		.footer .link {
			display: inline-block;
			padding: 2vw;
			margin-left: -5px;
			font-size: 1.4vw;
			color: #ffffff;
			text-decoration: none;
		}
				.footer .link:hover {
				}
				.footer .link:after {
					content: '|';
					padding-left: 40px;
					text-decoration: none;
				}
					.footer .link:last-child:after {
						display: none;
					}
			.footer .link.ligh-grey {
				display: none;
				color: #ffffff;
				background-color: #252528;
			}
			.footer .link.dark {
				color: #ffffff;
				background-color: #232326;
			}
			.footer .link-to-the-top {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 50px;
				display: block;
				width: 40px;
				height: 40px;
				background: url(../images/icon-arrow-up-round-white.png) no-repeat;
				background-size: cover;
			}
		.footer .link.not-active {
			pointer-events: none;
			cursor: default;
			background-color: #dcdcdc;
			color: #969696;
		}

/* Foodservice Black BG */
	.foodservice {
 		color: #ffffff;
	}
        .foodservice .blog-article-content-holder {
            color: #fff;
            background-color: #2c2e35;
        }
		.foodservice .blog-article-content-holder a {
			color: #f4b015;
		}
	.foodservice .address-holder .address-item .address-row a {
		color: #f4b015;
	}
	.foodservice .contact-us-content, .foodservice .mccain-gcf .gcf-form .gcf-section-title p {
		color: #000000;
	}
	.page-content.foodservice {
		background-color: #2c2e35;
	}
	.foodservice .menu-holder a, .foodservice .back-button-holder a, .foodservice .article-card, .foodservice a.article-card:hover, .foodservice h1.title, .foodservice .recipes-content h2.title, .foodservice .products-content h2.title, .foodservice .text-holder p, .foodservice .recipes-content p span, .foodservice .general-content h1, .foodservice .general-content p {
 		color: #ffffff;
	}
		.foodservice .menu-holder .menu-item.level-first > a:hover, .foodservice .menu-holder .menu-item.level-first > a.active {
			color: #cccccc;
		}
		.foodservice .article-card.grey, .foodservice .content-holder p {
			color: #000000;
		}
	.foodservice .breadcrumb-custom li span {
		color: #ffffff;
	}
		.foodservice .breadcrumb-custom li a span {
			color: #f4b015;
		}
			.foodservice .breadcrumb-custom li a:hover {
				color: #ffffff;
			}
	.foodservice .category-cards .card-holder .card-item .card-button-holder {
		background-color: #2c2e35;
		color: #ffffff;
	}
		.foodservice .page-content-holder .social-icons .twitter {
			background-image: url('../images/social-icons/icon-twitter-white.png');
		}
		.foodservice .page-content-holder .social-icons .facebook {
			background-image: url('../images/social-icons/icon-facebook-white.png');
		}
		.foodservice .page-content-holder .social-icons .instagram {
			background-image: url('../images/social-icons/icon-instagram-white.png');
		}
		.foodservice .page-content-holder .social-icons .pinterest {
			background-image: url('../images/social-icons/icon-pinterest-white.png');
		}
		.foodservice .page-content-holder .social-icons .youtube {
			background-image: url('../images/social-icons/icon-youtube-white.png');
		}
		.foodservice .page-content-holder .social-icons .linkedin {
			background-image: url('../images/social-icons/icon-linkedin-white.png');
		}

        .foodservice .page-content-holder .social-icons.mobile .twitter {
            background-image: url('../images/social-icons/icon-twitter.png');
        }

.foodservice .page-content-holder .social-icons.mobile .facebook {
    background-image: url('../images/social-icons/icon-facebook.png');
}

.foodservice .page-content-holder .social-icons.mobile .instagram {
    background-image: url('../images/social-icons/icon-instagram.png');
}

.foodservice .page-content-holder .social-icons.mobile .pinterest {
    background-image: url('../images/social-icons/icon-pinterest.png');
}

.foodservice .page-content-holder .social-icons.mobile .youtube {
    background-image: url('../images/social-icons/icon-youtube.png');
}

.foodservice .page-content-holder .social-icons.mobile .linkedin {
    background-image: url('../images/social-icons/icon-linkedin.png');
}

	.foodservice .product-info .info-item, .foodservice .cooking-holder .text, .foodservice .nutrition-holder table tr:nth-child(-n+3), a.link-button {
		color: #000000;
	}
	.foodservice .product-page-wrapper h1, .foodservice .product-page-wrapper h2, .foodservice .product-page-wrapper h3 {
		color: #000000;
	}
.foodservice .category-cards .card-holder .card-item .card-button-holder:after {
    background: url(../images/button-article-dark2.png) no-repeat;
    background-size: contain;
}
.foodservice .recipe-page {
    background-color: #2c2e35;
}
    .foodservice .recipe-page .ingredients-direction-holder .ingredients-holder {
        color: #000;
    }
.foodservice .article-holder .article-half-triangle .content-holder .title {
    color: #000;
}

.foodservice .gcf-form {
    max-width: 1000px;
    margin: 0 auto;
}
.foodservice a.link-button:hover {
    background-color: #f4b015;
    color: #000;
}
/* 404 */
.empty-page img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
}
	.empty-page img {
		margin: 0px auto;
	}


/* Blog Section */
.section.latest-articles {
	position: relative;
	padding: 50px;
	box-sizing: border-box;
	background: #ffffff;
}
	.section.latest-articles.dark-bg {
		background: #292c2e;
	}
	.article-items-holder {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: 30px auto;
  	}
		.article-items-holder .article-item {
			margin: 10px 20px;
			flex-grow: 0;
			flex-shrink: 1;
			flex-basis: 31%;
		}
			.article-items-holder .article-item .image {
			}
				.article-items-holder .article-item .image img {
					display: block;
					width: 100%;
					margin: 0px auto;
				}
			.article-items-holder .article-item .article-content {
			}
				.article-items-holder .article-item .article-content .title {
					font-family: 'InkBlossoms', sans-serif;
					font-weight: bold;
					font-size: 38px;
					color: #f4b015;
					text-transform: uppercase;
					margin: 30px 0px 20px 0px;
					line-height: 1.2em;
				}
					.dark-bg .article-items-holder .article-item .article-content .title {
						color: #ffffff;
					}
					.article-items-holder .article-item .article-content .title:before {
						content: '';
						display: block;
						width: 30px;
						border-bottom: 4px solid #000000;
						margin-bottom: 30px;
					}
						.dark-bg .article-items-holder .article-item .article-content .title:before {
							border-bottom: 4px solid #ffffff;
						}
						.article-items-holder .article-item:hover .article-content .title:before {
							border-bottom: 4px solid #f4b015;
						}
				.article-items-holder .article-item .article-content .description {
					font-family: 'Gotham', sans-serif;
					line-height: 1.2em;
					max-height: 3.6em;
					overflow: hidden;
				}
					.dark-bg .article-items-holder .article-item .article-content .description {
						color: #ffffff;
					}
				.article-items-holder .article-item .article-content a {
					display: block;
					font-family: 'Gotham', sans-serif;
					text-transform: uppercase;
					margin-top: 30px;
				}
					.dark-bg .article-items-holder .article-item .article-content a {
						color: #f4b015;
					}
	.blog-article-content-holder {
		box-sizing: border-box;
		background: #ffffff;
	}
		.blog-article-content-holder .main-title {
			font-family: 'BrixSlab', sans-serif;
			font-weight: bold;
			font-size: 55px;
			margin: 0px 0px 30px 0px;
			overflow-wrap: break-word;
			word-wrap: break-word;
			-ms-word-break: break-all;
			word-break: break-all;
			word-break: break-word;
			-ms-hyphens: auto;
			-moz-hyphens: auto;
			-webkit-hyphens: auto;
			hyphens: auto;			
		}
			.blog-article-content-holder .title {
				font-family: 'Gotham', sans-serif;
				font-size: 28px;
				margin: 20px 0px;
				flex: 0 1 100%;
			}
			.blog-article-content-holder .article-header {
				margin: 30px 0px 0px 0px;
			}
				.blog-article-content-holder .article-header .title {
					font-weight: bold;
				}
				.blog-article-content-holder .article-header p {
					margin: 0px !important;
				}
			.blog-article-content-holder .subtitle {
				font-family: 'Gotham', sans-serif;
				font-size: 26px;
			}
			.blog-article-content-holder .person-details {
				margin-top: 20px;
			}
				.blog-article-content-holder .person-details p {
					display: inline-block;
					font-weight: bold;
				}
					.blog-article-content-holder .person-details p:last-child {
						margin-left: 20px !important;
					}
			.blog-article-content-holder .separator {
				border-bottom: 1px solid #000000;
			}
		.blog-article-content-holder .blog-article-content {
            padding-bottom: 50px;
		}
			.blog-article-content-holder .blog-article-content p {
				font-family: 'Gotham', sans-serif;
				font-size: 18px;
				margin: 30px 0px 30px 0px;
			}
			.blog-article-content-holder .blog-article-content .image-holder {
				position: relative;
				display: block;
				margin: 35px auto 100px auto;
			}
					.blog-article-content-holder.make-it-yours .blog-article-content .image-holder:before {
						display: none;
					}
				.blog-article-content-holder .blog-article-content .image-holder a {
				}
					.blog-article-content-holder .blog-article-content .image-holder a:after {
						content: '';
						position: relative;
						display: block;
						top: 85px;
						border-top: 4px solid #efb816;
						width: 30px;
					}
				.blog-article-content-holder .blog-article-content .image-holder img {
					display: block;
					margin: 0px auto;
				}
				.blog-article-content-holder .blog-article-content .title-holder {
					display: block;
					margin: 50px 0px 30px 0px;
				}
			.blog-article-content-holder .blog-article-content .person-holder-text {
			}
			.blog-article-content-holder.make-it-yours .blog-article-content .quotes-holder {
				margin: 100px auto;
			}
				.blog-article-content-holder.make-it-yours .blog-article-content .quotes-holder {
					position: absolute;
					bottom: 80px;
					left: 50%;
					transform: translateX(-50%);
					width: 100%;
					margin: 0px;
				}
			.blog-article-content-holder .blog-article-content .quotes-holder .quote {
				position: relative;
				font-family: 'Festival', sans-serif;
				text-align: center;
				font-size: 90px;
				display: table;
				margin: 0px auto;
				padding: 0px 15px;
			}
                .blog-article-content-holder .blog-article-content .quotes-holder .quote p,
                .blog-article-content-holder .blog-article-content .quotes-holder .quote span {
                    font-size: 90px;
                    font-family: 'Festival', sans-serif;
                }
				.blog-article-content-holder .blog-article-content .quotes-holder .quote:before {
					content: '"';
					position: absolute;
					top: 0px;
					left: 0px;
					font-family: 'Festival', sans-serif;
					font-size: 120px;
					color: #fdde4b;
				}
				.blog-article-content-holder .blog-article-content .quotes-holder .quote:after {
					content: '"';
					position: absolute;
					bottom: 0px;
					right: 0px;
					font-family: 'Festival', sans-serif;
					font-size: 120px;
					color: #fdde4b;
				}
	.blog-article-content-holder .two-columns {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;     
  		width: 100%;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		.blog-article-content-holder .column-holder {
			position: relative;
			flex: 0 1 calc(50% - 50px);
			box-sizing: border-box;
			margin: 25px;
			flex-grow: 0;
			flex-shrink: 1;
			flex-basis: calc(50% - 50px);
		}
	.blog-article-content-holder .person-holder {
		padding-bottom: 250px;
	}

        .blog-article-content-holder .container {
            max-width: 100%;
            padding: 0;
        }


/* Recipe Overview */
.recipe-overview {
	background-color: #ffffff;
}
	.recipe-overview .text-title {
		margin: 0px;
		padding: 70px 0px 50px 0px;
	}
	.recipe-overview .recipe-overview-holder {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: left;
		align-items: stretch;
		align-content: center;
		max-width: 1400px;
		margin: 0px auto;
		padding-bottom: 70px;
	}
		.recipe-overview .recipe-item {
			width: 50%;
			padding: 0px 30px 100px 30px;
			box-sizing: border-box;
		}
			.recipe-overview .recipe-item:nth-child(even) {
				padding-left: 0px;
			}
			.recipe-overview .recipe-item:nth-child(odd) {
				padding-right: 0px;
			}
			.recipe-overview .recipe-item img {
				max-width: 100%;
			}
			.recipe-overview .recipe-item .recipe-title {
				display: block;
				font-family: 'Gotham', sans-serif;
				font-weight: 600;
				font-size: 38px;
				margin-top: 50px;
			}


/* Recipe Page */
.recipe-page {
	background-color: #ffffff;
}
	.recipe-page .recipe-header {
		margin: 0px auto;
		padding: 20px 0px 0 0;
	}
		.recipe-page .recipe-header .main-title {
			font-family: 'BrixSlab', sans-serif;
			font-size: 54px;
			font-weight: bold;
			margin-bottom: 20px;
		}
		.recipe-page .recipe-header .main-description {
			margin-bottom: 20px;
		}
		.recipe-page .recipe-header .main-image {
			margin-bottom: 30px;
		}
			.share-icons {
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: flex-end;
				align-items: center;
				align-content: center;
				margin: 10px 0 50px 0;
			}
					.share-icons img {
						max-width: 40px;
						margin: 0px 5px;
                        border-radius: 50%;
					}
				.share-icons .facebook {
				}
				.share-icons .email {
				}
                .share-icons .email:before {
                    content: none;
                }

				.share-icons .print {
				}
			.recipe-page .recipe-header .main-image img {
				width: 100%;
			}
	.recipe-ingredients {
		max-width: 1400px;
		margin: 0px auto;
		padding-bottom: 70px;
	}
		.recipe-ingredients .title {
			font-family: 'InkBlossoms', sans-serif;
			font-size: 68px;
			margin-bottom: 30px;
		}
		.recipe-ingredients .ingredients-points {
			display: inline-block;
			width: 60%;
			vertical-align: top;
		}
			.recipe-ingredients .ingredients-points ul {
			}
				.recipe-ingredients .ingredients-points ul li {
					font-family: 'Gotham', sans-serif;
					font-size: 32px;
					line-height: 1.5em;
				}
		.recipe-ingredients .recipe-recommendation {
			display: inline-block;
			width: 39%;
			vertical-align: top;
		}
			.recipe-ingredients .recipe-recommendation img {
			}
		
	.recipe-method {
		max-width: 1400px;
		margin: 0px auto;
		padding-bottom: 70px;
	}
		.recipe-method .title {
			font-family: 'InkBlossoms', sans-serif;
			font-size: 68px;
			margin-bottom: 30px;
		}
		.recipe-method .method-points {
		}
			.recipe-method .method-points ul {
				list-style: decimal;
			}
				.recipe-method .method-points ul li {
					font-family: 'Gotham', sans-serif;
					font-size: 24px;
					line-height: 1.3em;
				}
.relative-products {
    display: none;
    /*display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;*/
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
    align-content: center;
    border: 10px solid #fbdd4b;
    padding: 50px;
    margin-top: 20px;
}
		.relative-products .relative-item {
			max-width: 30%;
			text-decoration: none;
			padding: 5px;
		}
			.relative-products .relative-item .image-holder {
				margin-bottom: 30px;
			}
				.relative-products .relative-item .image-holder img {
				}
			.relative-products .relative-item .button-holder {
				background-color: #fcdd4b;
				transform: skew(-20deg);
			}
				.relative-products .relative-item .button-holder p {
					position: relative;
					display: block;
					padding: 10px 45px 10px 20px;
					transform: skew(20deg);
					font-size: 24px;
					color: #000000;
					text-align: center;
				}
					.relative-products .relative-item .button-holder p:after {
						content: '';
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
						right: 20px;
						width: 20px;
						height: 20px;
						background: url('../images/icon-arrow-right.png') no-repeat;
						background-size: contain;
					}
	.ingredients-direction-holder {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		align-content: center;
		margin: 50px 0px;
	}
		.ingredients-direction-holder .ingredients-holder {
			width: 49%;
			border: none;
			margin: 0px;
			background-color: #eae9e8;
			padding: 20px;
		}
		.ingredients-direction-holder .direction-holder {
			width: 49%;
			padding: 20px;
		}
			.ingredients-direction-holder .direction-holder img {
				width: 100% !important;
				height: auto !important;
				margin: 20px 0px;
			}
		.ingredients-direction-holder h3.title {
            margin: 20px 0;
		}
            .ingredients-direction-holder h3.title:first-of-type {
                margin-top: 0;
            }
            .ingredients-direction-holder h4 {
				margin: 20px 0px;
				font-weight: bold;
			}
			.ingredients-direction-holder .direction-holder h3.title {
				margin: 20px 0;
			}

                .ingredients-direction-holder .direction-holder h3.title:first-of-type {
                    margin-top: 0;
                }
            
			.ingredients-direction-holder .direction-holder ul {
				list-style: decimal;
			}
				.ingredients-direction-holder .direction-holder ul li {
					margin-bottom: 20px;
				}


/* Policy */
.banners-holder.policy {
	position: relative;
}
	.policy-product {
		position: absolute;
		left: 10%;
		bottom: -15%;
		width: 25%;
	}
		.policy-product img {
		}
.page-holder.general-content {
	margin-bottom: 50px;
}
	.general-content h1 {
		margin-bottom: 30px;
	}
		.general-content.global-privacy-policy h1:before {
			content: '';
			position: relative;
			display: block;
			top: -10px;
			border-top: 4px solid #000000;
			width: 130px;
		}
	.general-content h2 {
		margin: 20px 0px;
	}
	.general-content .text-section {
		margin: 30px auto;
	}
		.general-content .text-section strong {
			font-size: 18px;
		}
	.button-policy-back {
		display: inline-block;
	}
.general-content.terms-and-conditions {
	font-size: 18px;
}
	.general-content.terms-and-conditions h1 {
		color: #94c120;
		text-align: center;
		margin-bottom: 20px;
	}
	.general-content.terms-and-conditions h2 {
		font-family: 'Gotham-Light', san-serif;
		text-align: center;
		margin-bottom: 50px;
	}
	.general-content.terms-and-conditions ul {
		font-family: 'Gotham', sans-serif;
		line-height: 1.5em;
		list-style-type: decimal;
	}
		.general-content.terms-and-conditions ul li {
			line-height: 1.5em;
			margin-bottom: 20px;
		}
			.general-content.terms-and-conditions ul ul {
				list-style-type: lower-alpha;
			}


/* Redesign */
.article-holder {
}
a.article-holder:hover {
    text-decoration: none;
    color: #000;
}
	.article-holder .article-half {
		position: relative;
		padding: 50px 0px;
	}
		.article-holder .article-half .title {
			font-family: 'BrixSlab', sans-serif;
			font-weight: bold;
			text-align: center;
			max-width: 850px;
			margin: 0px auto 30px auto;
		}
		.article-holder .article-half .content-holder {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: stretch;
			align-content: center;
		}
			.article-holder .article-half .content-holder .images-holder {
				position: relative;
				max-width: 45%;
				overflow: hidden;
				height: fit-content;
			}
				.image-triange:before {
					content: '';
					position: absolute;
					top: 0px;
					left: 0px;
					width: 80px;
					height: 100%;
					background: url(../images/icon-triangle.png) no-repeat;
					background-size: contain;
				}
				.article-holder .article-half .content-holder .images-holder img {
					width: auto;
					max-width: initial;
					max-height: 50vh;
					height: 100%;
				}
			.article-holder .article-half .content-holder .text-holder {
				max-width: 53%;
			}
				.article-holder .article-half .content-holder .text-holder p {
					margin-bottom: 25px;
				}
					.article-holder .article-half .content-holder .text-holder p:last-child {
						margin-bottom: 0px;
					}
                .article-holder.no-image .article-half .content-holder .text-holder {
                    max-width: 100%;
                }

	.article-holder .article-half-triangle {
		position: relative;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		align-content: center;
		margin: 0px 0px 50px 0px;
	}
        .article-holder .article-half-triangle .content-holder {
            background-color: #fdde4b;
            padding: 20px 50px;
            width: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
            align-content: center;
        }
			.article-holder .article-half-triangle .content-holder .title {
				font-family: 'BrixSlab', sans-serif;
				font-weight: bold;
				margin: 20px 0;
			}
			.article-holder .article-half-triangle .content-holder .sub-title {
				font-family: 'Open Sans', sans-serif;
				margin-bottom: 20px;
				text-transform: uppercase;
			}
		.article-holder .article-half-triangle .images-holder {
			position: relative;
			max-width: 45%;
			width: 100%;
			overflow: hidden;
            min-height: 360px;
		}
				.article-holder .article-half-triangle .images-holder:before {
					content: '';
					position: absolute;
					top: 0px;
					left: 0px;
					width: 80px;
					height: 100%;
					background: url(../images/icon-triangle.png) no-repeat;
					background-size: contain;
					z-index: 100;
				}
			.article-holder .article-half-triangle .images-holder img {
				position: absolute;
				top: 50%;
				right: 0px;
				transform: translateY(-50%);
				width: 100%;
				max-width: initial;
                height: auto;
			}
			.article-holder.flat .article-half-triangle .images-holder img {
				height: 100%;
			}

		.article-holder .article-half-triangle .article-button {
			position: absolute;
			bottom: 30px;
			right: 0px;
		}

		.article-holder.flat .article-half-triangle .images-holder:before {
			content: none;
		}

	.contact-us {
		background-color: #e6e7e8;
		margin: 0 auto;
		padding: 30px;
	}
		.contact-us .header {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
			align-content: center;
		}
			.contact-us .header h2 {
				font-weight: bold;
				width: 60%;
				color: #000000;
			}
			.contact-us .header .phones-holder {
				width: 22%;
				white-space: nowrap;
			}
				.contact-us .header .phones-holder a {
					position: relative;
					padding: 0px 30px;
					white-space: normal;
					font-size: 26px;
					font-weight: 500;
					text-decoration: none;
					color: #000000;
				}
				.phone {
                    position: relative;
				}
					.phone:before {
						content: '';
						position: absolute;
						top: 5px;
						left: 0px;
						width: 20px;
						height: 20px;
						background: url(../images/icon-phone.png) no-repeat;
						background-size: contain;
					}
                    .phone a {
                        padding-left: 30px;
                        font-size: 18px;
                    }
                .email {
                    position: relative;
                }
					.email:before {
						content: '';
						position: absolute;
						top: 4px;
						left: 0px;
						width: 20px;
						height: 20px;
						background: url(../images/icon-envelope.png) no-repeat;
						background-size: contain;
					}
                    .email a {
                        padding-left: 30px;
                        font-size: 18px;
                    }
		.contact-holder {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: normal;
			align-content: center;
		}
			.contact-holder .contact-item {
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				justify-content: space-between;
				align-items: normal;
				align-content: initial;
				width: 50%;
				padding: 50px 0px;
				box-sizing: border-box;
			}
				.contact-holder .contact-item .title {
					font-family: 'Open-Sans', sans-serif;
					color: #000000;
					font-size: 24px;
					font-weight: bold;
				}
                .contact-holder .contact-item .location {
                    font-family: 'Open-Sans', sans-serif;
                    font-size: 22px;
                    color: #f1bc14;
                    margin-bottom: 10px;
                }
				.contact-holder .contact-item .phone {
					font-family: 'Open-Sans', sans-serif;
					font-weight: bold;
					color: #ffffff;
					font-size: 28px;
					margin-bottom: 10px;
				}
				.contact-holder .contact-item .address {
					font-family: 'Open-Sans', sans-serif;
					color: #000000;
					line-height: 1.5em;
					font-size: 20px;
					margin-bottom: auto;
				}
				.contact-holder .contact-item .timing {
					display: block;
					font-family: 'Gotham', sans-serif;
					font-size: 28px;
					margin-top: 30px;
				}
					.contact-holder .contact-item .timing:before {
						content: '';
						display: inline-block;
						width: 45px;
						height: 45px;
						background: url(../images/icon-clock.png) no-repeat;
						background-size: cover;
						vertical-align: middle;
						margin-right: 10px;
					}
.page-holder {
	margin: 0px auto;
    max-width: 1600px;
	padding: 0px 20px;
}
.page-holder li {
    line-height: 1.5em;
}
	.back-button-holder {
		margin: 5px 0px;
	}
		.back-button-holder a {
			position: relative;
			width: 100%;
			text-decoration: none;
			color: #000000;
		}
			.back-button-holder a:before {
				content: '';
				display: inline-block;
				width: 32px;
				height: 32px;
				background: url(../images/button-back.png) no-repeat;
				background-size: contain;
				vertical-align: middle;
				margin: -4px 10px 0px 0px;
			}
.recipes-content {
    
}
	.recipes-content h2.title {
		font-size: 70px;
		font-weight: bold;
	}
		.recipes-content h2.title .festival {
			font-size: 1.3em;
			font-weight: normal;
		}
	.recipes-content .title {
		margin-bottom: 20px;
	}
	.recipes-content .text-holder {
		margin-bottom: 20px;
	}
		.recipes-content .text-holder p {
		}
	.recipes-content .recipes-filters {
		margin-bottom: 20px;
	}
	.recipes-filters {
	}
		.recipes-filters .filters-holder {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
			align-content: center;
		}
			.filters-holder .filter-item {
			}
				.filters-holder .filter-item .filter-icon {
					display: inline-block;
					vertical-align: middle;
				}
				.filters-holder .filter-item .filter-title {
					font-size: 20px;
					display: inline-block;
					vertical-align: middle;
					font-weight: bold;
					padding: 0px 5px;
				}
				.filters-holder .filter-item .filter-form {
					display: inline-block;
					vertical-align: middle;
				}
		.recipes-filters .search-button {
			float: right;
			clear: both;
			margin: 30px 0px 50px 0px;
		}
	.recipes-holder {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: left;
		align-items: center;
		align-content: center;
		margin-bottom: 50px;
		clear: both;
	}
		.recipes-holder .recipes-item {
			position: relative;
			width: calc(25% - 40px);
			margin: 20px;
		}
			.recipes-holder .recipes-item.new:before {
				content: '';
				position: absolute;
				top: 0px;
				left: 0px;
				width: 66px;
				height: 53px;
				background: url('../images/icon-new.png') no-repeat;
				background-size: contain;
			}
		.recipes-holder .recipes-item .title {
			position: absolute;
			bottom: 0px;
			width: 100%;
			padding: 10px;
			margin: 0px;
			color: #ffe03e;
			background-color: #000000;
			box-sizing: border-box;
			text-align: center;
				opacity: 0;
				transition: 0.5s;
		}
			.recipes-holder .recipes-item:hover .title {
				opacity: 1;
			}
		.recipes-holder .recipes-item .recipe-logo {
			position: absolute;
			bottom: 10px;
			right: 10px;
			max-width: 50px;
		}
		.recipes-holder .recipes-item .image-holder {
		}
			.recipes-holder .recipes-item .image-holder img {
				width: 100%;
			}



/* Product Landing */
.products-content {
    
}
	.products-content h2.title {
		font-size: 70px;
		font-weight: bold;
	}
		.products-content h2.title .festival {
			font-size: 1.3em;
			font-weight: normal;
		}
.products-content .text-holder {
    margin: 20px 0 0 0;
}
.products-filters {

}

.products-filters .filters-holder  {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
    margin: 20px 0;
    text-align: center;
}
	.products-filters .filters-holder .filter-item {
		width: calc(100% * 1/2 - 20px);
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		margin: 10px;
	}
		.recipes-content .products-filters .filters-holder .filter-item {
			width: calc(100% * 1/4 - 20px);
		}
		.products-filters .filters-holder .filter-item input {
			text-align: center;
		}
.products-filters .filters-holder .filter-item .select-wrapper {
    display: inline-block;
	width: 55%;
}
	.recipes-content .products-filters .filters-holder .filter-item .select-wrapper {
		width: 50%;
	}

.products-holder {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: center;
    margin-bottom: 50px;
    clear: both;
}
    .products-holder .product-item {
        position: relative;
        width: calc(25% - 30px);
        margin-bottom: 40px;
        margin: 10px 10px 40px 10px;
        text-align: center;
    }
    .products-holder .product-item .button {
		font-weight: 500;
		line-height: 1.2em;
	}
	.products-holder .product-item:hover .button-angled {
		background: #000000;
		color: #fee000;
	}
		.products-holder .product-item .button-angled:after {
			content: '';
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 5px;
			width: 9px;
			height: 13px;
			background: url('../images/icon-arrow-right-black.png') no-repeat;
			background-size: cover;
			background-position: left;
		}
			.products-holder .product-item:hover .button-angled:after {
				content: '';
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 5px;
				width: 9px;
				height: 13px;
				background: url('../images/icon-arrow-right-white.png') no-repeat;
				background-size: cover;
				background-position: left;
			}

    .products-holder .product-item.new .image-holder:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 66px;
        height: 53px;
        background: url('../images/icon-new.png') no-repeat;
        background-size: contain;
    }

    .products-holder .product-item .title {
        position: absolute;
        bottom: 0px;
        width: 100%;
        padding: 10px;
        margin: 0px;
        color: #ffe03e;
        background-color: #000000;
        box-sizing: border-box;
        text-align: center;
    }

    .products-holder .product-item .image-holder {
		height: 250px;
    }
        .products-holder .product-item .image-holder img {
            max-width: 100%;
            max-height: 250px;
            margin: 0 auto;
        }

    .products-holder .product-item .button-angled {
        margin: 10px 0 0 0;
    }

/* Product Page */
.product-page {
    margin-bottom: 30px;
	
}
	.product-page h2.title {
		margin-bottom: 30px;
		font-weight: bold;
	}
    .product-page-details-row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: center;
        margin: 30px 0;
    }
		
	.product-page-header {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: end;
		align-content: center;
		max-width: 1170px;
		margin: 0px auto 30px auto;
	}

    .image-tips-holder {
        width: 55%;
    }

    .product-page-details-row .ingredients-holder {
        width: 45%;
    }

    .images-1 .image-tips-holder {
        width: 25%;
    }

    .product-page-details-row.images-1 .ingredients-holder {
        width: 75%;
    }

    .layout-foodservice .image-tips-holder {
        width: 50%;
    }

    .layout-foodservice .product-info {
        width: 50%;
    }

    .product-page .image-tips-holder {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: center;
    }
	.product-page .images-2 .image-tips-holder .image-holder {
        width: 50%;
	}
    .product-page .image-tips-holder .image-holder img {
        padding: 0 20px 0 0;
    }
	
	.product-page .image-tips-holder .tips-holder {
		width: 50%;
	}
        .product-page .image-tips-holder .tips-holder img {
            width: 100%;
            padding: 0 20px 0 0;
        }
	.ingredients-holder {
        margin: 20px 0;
	}
	.ingredients-holder, .nutrition-holder, .storage-holder, .cooking-holder, .product-info {
		border: 2px solid #fbdf4b;
	}
        .ingredients-holder .ingredients-header, .nutrition-holder .nutrition-header,
        .storage-holder .storage-header, .cooking-holder .cooking-header,
        .product-info .product-info-header {
            background-color: #fbdf4b;
            padding: 20px;
        }
        .ingredients-holder .ingredients-item {
            padding: 20px;            
        }
.product-info {
    
}
        .product-info .info-item {
            padding: 20px;
            width: 50%;
        }
    .product-info .product-info-text {
        padding: 20px;
        
    }
    .product-info .product-info-holder {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: center;
        background-color: #d1d3d4;
    }
			.ingredients-holder .ingredients-item:after {
				content: '';
				display: block;
				border-bottom: 2px solid #fbdf4b;
				padding-top: 20px;
			}
				.ingredients-holder .ingredients-item:last-child:after {
					display: none;
				}
		.nutrition-holder {
			width: 100%;
            margin: 30px 0;
		}
			.nutrition-holder table {
				width: 100%;
                margin-bottom: 0;
			}
				.nutrition-holder table td {
					width: auto;
				}
				.nutrition-holder table tr:nth-child(-n+3) {
					background-color: #fbdf4b;
				}
					.nutrition-holder table tr:nth-child(-n+3) td {
						padding: 5px;
					}
					.nutrition-holder table tr:nth-child(n+4) td {
						padding-left: 10px;
					}
					.nutrition-holder table tr:nth-child(n+4) td strong {
						font-weight: normal;
					}
		.nutrition-holder .nutrition-header {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			align-content: center;
		}
			.nutrition-holder .nutrition-header .title {
				margin-bottom: 10px;
			}
				.nutrition-holder .nutrition-header .title-holder {
					width: 50%;
				}
				.nutrition-holder .nutrition-header .weight {
					width: 15%;
				}
				.nutrition-holder .nutrition-header .serving {
					width: 15%;
				}
				.nutrition-holder .nutrition-header .nrv {
					width: 15%;
				}
		.nutrition-holder .nutrition-info {
		}
			.nutrition-holder .nutrition-info .nutrition-line {
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: space-between;
				align-items: center;
				align-content: center;
				padding: 10px 20px;
			}
				.nutrition-holder .nutrition-info .nutrition-line .title-holder {
					width: 50%;
				}
				.nutrition-holder .nutrition-info .nutrition-line .weight {
					width: 15%;
				}
				.nutrition-holder .nutrition-info .nutrition-line .serving {
					width: 15%;
				}
				.nutrition-holder .nutrition-info .nutrition-line .nrv {
					width: 15%;
				}
		.nutrition-holder .nutrition-text {
			padding: 30px 20px;
		}
	.storage-holder {
		width: 100%;
        margin: 30px 0;
	}
		
		.storage-holder .storage-title {
			padding: 20px;
			background-color: #d1d3d4;
		}
			.storage-holder .storage-text {
				padding: 20px;
				background-color: #d1d3d4;
			}
	.cooking-holder {
		margin: 30px 0;
	}
	.cooking-holder .cooking-header .title {
		margin-bottom: 20px;
	}
		.cooking-holder .cooking-item {
			padding: 20px;
		}
			.cooking-holder .cooking-item:after {
				content: '';
				display: block;
				border-bottom: 2px solid #fbdf4b;
				padding-top: 20px;
			}
				.cooking-holder .cooking-item:last-of-type:after {
					display: none;
				}
		.cooking-holder .text {
		}
		.cooking-holder .cooking-content {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			align-content: center;
		}
			.cooking-content .icon-holder {
				width: 10%;
				max-width: 200px;
				max-height: 200px;
				margin: 0px auto;
			}
				.cooking-content .icon-holder img {
					margin: 0px auto;
				}
				.cooking-content .icon-holder .title {
					margin-top: 10px;
					text-align: center;
				}
			.cooking-content .instruction-holder {
				width: 80%;
			}
				.cooking-content .instruction-holder ul {
					list-style: decimal;
				}
				.cooking-content .instruction-holder table {
					border: 1px solid #fbdf4b;
				}
					.cooking-content .instruction-holder table td {
						border: 1px solid #fbdf4b;
						padding: 5px;
					}
		.cooking-timing {
			border: 2px solid #fbdf4b;
		}
			.cooking-timing .row {
				border-bottom: 2px solid #fbdf4b;
			}
				.cooking-timing .row:last-child {
					border-bottom: none;
				}
			.cooking-timing .row div {
				display: inline-block;
				padding: 10px;
				box-sizing: border-box;
				width: 48%;
				text-align: center;
			}
				.cooking-timing .row div:first-child {
					border-right: 2px solid #fbdf4b;
				}
		.cooking-holder .cooking-text {
			padding: 20px;
		}
.recipes-links {
}
	.recipes-links .title {
	}
	.recipes-links a {
		display: block;
		color: #23408f;
		text-decoration: underline;
	}

/*Contact Form*/
.contact-us-content {
}

    .contact-us-content h1 {
        font-family: 'BrixSlab', sans-serif;
    }

.contact-form {
    background-color: #e7e7e8;
    padding: 20px 40px;
    margin: 30px auto !important;
	max-width: 100% !important;
}

    .contact-form .el-form-item__label {
        font-size: 18px;
    }

    .contact-form .el-select .el-input__inner {
        background-color: #fbdb5b !important;
        border: 2px solid #fbdb5b !important;
        color: #000000;
    }

    .contact-form .el-input__inner {
        border: 2px solid #d1d2d4 !important;
    }

    .contact-form input[type=text] {
        font-size: 18px;
    }

    .contact-form textarea {
        min-height: 100px !important;
		border: 2px solid #d1d2d4 !important;
    }

    .contact-form button {
        background: #fee000;
        display: inline-block;
        color: #000;
    }

        .contact-form button:hover {
            background: #000000;
            color: #fee000;
        }

        .contact-form button span {
            text-transform: uppercase;
            -webkit-transform: skew(0deg);
            -moz-transform: skew(0deg);
            -o-transform: skew(0deg);
            -ms-transform: skew(0deg);
			transform: skew(0deg);
        }

.contact-form .el-form-item__label {
    float: none;
}
input[type="file"].el-upload__input {
    display: none;
}
.contact-form .el-select {
    width: 100%;
}
.contact-form .input-with-select .el-select {
    width: 100px;
    margin: 0 -20px;
}
.contact-form .separator {
    width: 100%;
    border-top: 4px solid #fdde4b;
    margin: 10px 0 30px 0;
}
.contact-form .section-title {
    margin-bottom: 30px;
}
	.contact-form .section-title p {
		color: #606266;
	}
.contact-form .section-title h3 {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.contact-form .el-date-editor .el-input__suffix {
    border-left: none !important;
}
.contact-form .el-date-editor.el-input {
    width: 100%;
}
.contact-form .button-holder-submit {
    margin: 20px 0;
    text-align: right;
}
.el-button.generic-button {
	background: #fee000;
	border-color: #fee000;
	color: #000;
	/*-webkit-transform: skew(-5deg);
    -moz-transform: skew(-5deg);
    -o-transform: skew(-5deg);
    -ms-transform: skew(-5deg);*/
}

.contact-form .el-form-item .el-textarea__inner {
    border: 2px solid #d1d2d4;
}
.el-select-dropdown__wrap {
    max-height: 350px;
}

/* Redesign 2020 */

.bottom-content {
    margin-bottom: 30px;
}

/*I would like to know*/
.i-would-like-to-know {
}

.i-would-like-to-know .section-title {
    font-family: 'Festival', sans-serif;
    font-size: 70px;
    text-align: center;
    margin: 20px 0px;
    padding: 0px 20px;
    line-height: 1em;
}

.i-would-like-to-know .card-holder {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
}

.i-would-like-to-know a {
    background-color: #3d3d3e;
    width: calc(100% * 1/5 - 5px);
	padding: 20px;
}

.i-would-like-to-know.c5 a {

}

    .i-would-like-to-know.c4 a {
        width: 25%;
    }

    .i-would-like-to-know.c3 a {
        width: 33%;
    }

    .i-would-like-to-know.c2 a {
        width: 50%;
    }

.i-would-like-to-know.c1 a {
    width: 100%;
}

.i-would-like-to-know .icon-holder {
    margin-bottom: 20px;
}

.i-would-like-to-know .icon-holder img {
    margin: 0px auto;
    display: block;
}
.button-holder-narrow {
	position: relative;
	background-color: #fcdb5b;
	text-align: center;
		-webkit-transform: skew(-5deg);
		-ms-transform: skew(-5deg);
	transform: skew(-5deg);
	max-width: 90%;
	margin: 0px auto;
}
.button-holder-narrow:after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	width: 10px;
	height: 21px;
	background: url(../images/icon-arrow-right-thin.png) no-repeat;
}
.button-holder-narrow div {
	font-family: 'BrixSlab', sans-serif;
	font-weight: bold;
		-webkit-transform: skew(5deg);
		-ms-transform: skew(5deg);
	transform: skew(5deg);
}
/*end I would like to know*/

/*three-card-layout start*/

.three-card-layout {
    margin: 10px 0;
}

.three-card-layout .card-holder {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
}

.three-card-layout .card-holder .card-holder-inner {
    width: 50%;
}

.three-card-layout .card-holder .card-holder-inner .article-card {
    height: 550px;
}

.three-card-layout .card-holder .card-holder-inner .article-card.size2 {
    height: 270px;
}

.three-card-layout .card-holder .card-holder-inner .article-card.size2:first-child {
    margin-bottom: 10px;
}


.three-card-layout.columns2 .card-holder-inner:first-child {
    margin: 0 5px 0 0;
}

.three-card-layout.columns2 .card-holder-inner:last-child {
    margin: 0 0px 0 5px;
}

.article-card {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    color: #000;
    position: relative;
    overflow: hidden;
}

a.article-card:hover {
    text-decoration: none;
    color: inherit;
}

a.article-card::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 0 rgba(231,231,231,1);
    transition: box-shadow 0s ease;
    z-index: 999;
}

    a.article-card:hover::after {
        box-shadow: inset 0 0 0 10px rgba(252,222,75,1);
        z-index: 999;
    }
    a.article-card.yellow:hover::after {
        box-shadow: inset 0 0 0 10px rgba(231,231,231,1);
        z-index: 999;
    }


    .article-card.yellow {
    }

    .article-card.grey {
    }

    .article-card.black {
    }

    .article-card.white {
        
    }

a.article-card.white:after, a.article-card.darkgrey:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 10px rgba(209,211,212,1);
    transition: box-shadow 0s ease;
    z-index: 999;
}

a.article-card.white:hover::after, a.article-card.darkgrey:hover::after {
    box-shadow: inset 0 0 0 10px rgba(252,222,75,1);
    z-index: 999;
}


.article-card.size2:first-child .left-column {
    width: 56%;
}

.article-card.size2:first-child .right-column {
    width: 44%;
}


    .article-card .right-column .image-article {
        position: relative;
        height: 100%;
    }

        .article-card .right-column .image-article img {
            position: absolute;
            right: 0px;
            width: auto;
            max-width: inherit;
            height: 100%;
        }

    .article-card .left-column {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: center;
        width: 50%;
        padding: 15px 15px 15px 25px;
    }

    .article-card.yellow .left-column {
        background-color: #fcde4b;
    }

    .article-card.grey .left-column {
        background-color: #d1d3d4;
    }

    .article-card.grey .button-holder-narrow {
        max-width: 100%;
        width: 100%;
        padding: 5px 0px;
    }

    .article-card.black .left-column {
        background-color: #000000;
    }

        .article-card.black .left-column .head-title {
            color: #fdde4b;
        }

        .article-card.black .left-column .title {
            color: #ffffff;
        }

        .article-card.black .left-column .sub-title {
            color: #ffffff;
        }

    .article-card.white .left-column {
        background-color: #fff;
    }

    .article-card.white .left-column .head-title {
        color: #000;
    }

    .article-card.white .left-column .title {
        color: #000;
    }

    .article-card.white .left-column .sub-title {
        color: #000;
    }

    .article-card.darkgrey .left-column {
        background-color: #2c2e35;
    }

        .article-card.darkgrey .left-column .head-title {
            color: #fff;
        }

        .article-card.darkgrey .left-column .title {
            color: #fff;
        }

        .article-card.darkgrey .left-column .sub-title {
            color: #fff;
        }


    .article-card.black-card {
        position: relative;
        background-color: #000000;
        margin: 5px;
    }
		.three-card-layout .article-card.black-card {
			margin: 5px 0px;
		}

        .article-card.black-card .one-column {
            padding: 30px 30px;
            width: calc(100% - 150px);
        }

            .article-card.black-card .one-column .content-holder {
                width: 100%;
                text-align: center;
            }

            .article-card.black-card .one-column .image-holder {
            }

                .article-card.black-card .one-column .image-holder img {
                    margin: 0px auto;
                }

            .article-card.black-card .one-column .title {
                color: #fddb2e;
                font-weight: bold;
                font-size: 28px;
            }

            .article-card.black-card .one-column .sub-title {
                color: #ffffff;
                font-size: 18px;
            }




    .article-card a.phone {
        position: relative;
        padding-left: 30px;
    }

    .article-card a.email {
        position: relative;
        padding-left: 30px;
    }

    .article-card .left-column .head-title {
        font-family: 'BrixSlab', sans-serif;
        font-weight: bold;
        font-size: 28px;
    }

.contacts .article-card .left-column .head-title {
    color: #f37021;
}

.article-card .left-column .title {
    font-family: 'BrixSlab', sans-serif;
    font-size: 28px;
    text-transform: uppercase;
}

.article-card .left-column .sub-title, .article-card .left-column .sub-title p {
    font-family: 'BrixSlab', sans-serif;
    font-size: 18px;
}
    .article-card .left-column .sub-title {
        margin-bottom: 20px;
    }

    .article-card .left-column .sub-title a {
        color: #428bca;
        font-size: 18px;
        text-decoration: underline;
    }

.article-card .right-column {
    position: relative;
    width: 50%;
}

    .article-card .right-column:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 80px;
        height: 100%;
        z-index: 1;
    }

.article-card.yellow .right-column:before {
    background: url(../images/icon-triangle.png) no-repeat;
    background-size: contain;
    width: 110px;
}

.article-card.grey .right-column:before {
    background: url(../images/icon-triangle-grey.png) no-repeat;
    background-size: contain;
}

.article-card.black .right-column:before {
    background: url(../images/icon-triangle-black.png) no-repeat;
    background-size: contain;
}

.article-card.white .right-column:before {
    background: url(../images/icon-triangle-white.png) no-repeat;
    background-size: contain;
}
.article-card.darkgrey .right-column:before {
    background: url(../images/icon-triangle-dark-grey.png) no-repeat;
    background-size: contain;
}

.article-card .button-article {
    position: absolute;
    right: 20px;
    bottom: 30px;
    z-index: 1;
}

.article-card .right-column .button-article img {
}

.article-card .right-column .image-article {
    overflow: hidden;
}


/* three-card-layout end */

/* 2 card layout*/
.two-card-layout {
    padding: 20px 0;
}

    .two-card-layout .card-holder {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: center;
    }
    .two-card-layout .card-holder .card-holder-inner {
        width: 50%;
    }
    .two-card-layout .card-holder .card-holder-inner:first-child {
        margin: 0 5px 0 0;
    }
        .two-card-layout .card-holder .card-holder-inner:last-child {
            margin: 0 0px 0 5px
        }

        .two-card-layout .card-holder .card-holder-inner .article-card {
            height: 450px;
        }

/* 2 card layout end*/

/* simple facts start*/

.widget.simple-facts {
    position: relative;
    max-width: 1500px;
    margin: 0px auto;
    padding: 50px;
    box-sizing: border-box;
}

    .widget.simple-facts .title-holder {
    }

        .widget.simple-facts .title-holder .title {
            display: table;
            margin: 0px auto;
            
        }

            .widget.simple-facts .title-holder .title div {
                display: inline;
                font-size: 46px;
                font-weight: bold;
                font-family: 'BrixSlab', sans-serif;
            }

                .widget.simple-facts .title-holder .title div.festival {
                    font-size: 78px;
                    font-weight: normal;
                    font-family: 'Festival',sans-serif;
                }

    .widget.simple-facts .simple-facts-fact-holder {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: stretch;
        align-content: center;
        padding: 20px 40px;
        box-sizing: border-box;
    }

        .widget.simple-facts .simple-facts-fact-holder .fact-item {
            position: relative;
            text-align: center;
            width: 25%;
        }

            .widget.simple-facts .simple-facts-fact-holder .fact-item .title {
                position: absolute;
                top: 40%;
                left: 50%;
                transform: translate(-50%,-50%);
                font-size: 42px;
                font-weight: bold;
                color: transparent;
                background-color: #c5a06a;
                text-shadow: 2px 2px 1px rgba(255,255,255,1);
                -webkit-background-clip: text;
                -moz-background-clip: text;
                background-clip: text;
            }

            .widget.simple-facts .simple-facts-fact-holder .fact-item .image {
            }

                .widget.simple-facts .simple-facts-fact-holder .fact-item .image img {
                    margin: 0px auto;
                    max-width: 295px;
                    width: 100%;
                }

            .widget.simple-facts .simple-facts-fact-holder .fact-item .subtitle {
                font-weight: lighter;
                font-size: 22px;
                text-align: center;
				text-transform: capitalize;
                margin: 0px auto;
                line-height: 1.2em;
                font-family: 'Open Sans',sans-serif;
            }

    .widget.simple-facts .button-holder {
        display: table;
        margin: 0px auto;
    }

/*simple facts end*/

/*
    newsletter form
*/
.two-card-layout.newsletter-form-wrapper {
    background-color: #fcdb2e;
    padding: 10px;
}
.two-card-layout.newsletter-form-wrapper .image-wrapper img {
    margin: 0 auto;
}

    .newsletter {
        background-color: #fcdb2e;
        height: 100%;
        padding: 4%;
        box-sizing: border-box;
        color: #000;
        font-family: 'BrixSlab', sans-serif;
    }
.newsletter .el-alert--success {
    color: #fff;
    background-color: #67c23a;
    margin: 15px 0;
}

.newsletter .el-alert__title {
    font-size: 16px;
}

.newsletter .el-alert .el-alert__description {
    font-size: 16px;
    color: #fff;
}

.newsletter-form .title {
    font-size: 28px;
    font-weight: bold;
    font-family: 'BrixSlab', sans-serif;
}

.newsletter-form .input-holder {
}

    .newsletter-form .input-holder input {
        width: 100%;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #000000;
        border-radius: 0;
        padding: 0 0 10px;
        margin-bottom: 5px;
        font-size: 16px;
        font-family: 'BrixSlab', sans-serif;
        height: auto;
        line-height: 1.5em;
        color: #000;
    }

        .newsletter-form .input-holder input::placeholder {
            color: #000000;
        }

.newsletter-form .select-holder {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .newsletter-form .select-holder .select-title {
        display: block;
        font-size: 16px;
        font-family: 'BrixSlab', sans-serif;
    }

    .newsletter-form .select-holder .select-wrapper {
        display: block;
        width: 100%;
    }

        .newsletter-form .select-holder .select-wrapper select {
            width: 100%;
            padding: 4px;
            border: none;
            font-family: 'BrixSlab', sans-serif;
        }

.newsletter-form .button-holder {
    margin-top: 15px;
}

    .newsletter-form .button-holder .button {
        padding: 8px 15px;
        background-color: #3c3c3b;
        color: #fcdb2e;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-weight: bold;
        text-transform: uppercase;
        border: 0;
        font-size: 16px;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
    }

    .newsletter-form .button-holder .message {
        display: inline-block;
        font-size: 12px;
        font-family: 'BrixSlab', sans-serif;
    }

.newsletter-form .el-form-item__error {
    display: none;
}

.newsletter-form .el-form-item {
    margin-bottom: 0;
}

    .newsletter-form .el-form-item.is-success .el-input__inner {
        border-color: #000;
    }

.newsletter-form .el-textarea__inner {
    border-radius: 0;
}

.newsletter-form .form-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    margin-bottom: 10px;
}

    .newsletter-form .form-row .form-cell {
    }

        .newsletter-form .form-row .form-cell:first-child {
            width: 40%;
        }

        .newsletter-form .form-row .form-cell:last-child {
            width: 60%;
        }

.newsletter-form .form-cell input, .newsletter-form .form-cell select, .newsletter-form .textarea-holder textarea {
    border: 1px solid #231f20;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.newsletter-form .form-row .form-cell .title, .newsletter-form .textarea-holder .textarea-title {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 400;
}


#mwm-newsletter-form-app .button-holder {
    text-align: right;
}

#mwm-newsletter-form-app .message {
    margin-right: 5px;
}


.competition-form-holder {
	background-color: #fcdb2e;
	height: 100%;
	padding: 20px;
	margin-top: 40px;
	box-sizing: border-box;
	color: #000;
	font-family: 'BrixSlab', sans-serif;
}

	.competition-form-holder h2 {
		font-size: 32px;
		font-family: 'BrixSlab', sans-serif;
		font-weight: bold;
		text-align:center;
	}

.competition-form-inner {
	max-width: 1200px;
	margin: 0 auto;
}

.competition-form .el-form-item__label {
	font-size: 18px;
	display: none;
}

.competition-form .upload-demo {
	text-align: center;
}
.competition-form .upload-demo .el-upload {
	margin: 0 auto;
}

.competition-form .privacy-holder {
	text-align: center;
	margin-bottom: 10px;
}

	.competition-form .privacy-holder .el-checkbox__label {
		font-size: 18px;
	}

		.competition-form .privacy-holder .el-checkbox__label a {
			font-size: inherit;
			text-decoration: underline;
			color: #399eb6;
		}
.competition-form .el-input input::placeholder {
	
}

.competition-form .upload-demo {
	max-width: 300px;
	margin: 0 auto;
}

.competition-form .upload-demo .el-button + .el-button {
	margin-left: -8px;
}
.competition-form .upload-demo .el-button {
	border-radius: 0;
}

.competition-form .upload-demo .el-upload-list__item:hover {
	background-color: transparent;
	text-decoration: none;
}

	.competition-form .upload-demo .el-upload-list__item .el-icon-close {
		display: inline-block;
		font-size: 24px;
		color: #000;
		font-weight: bold;
	}

.competition-form .button-holder {
	text-align: center;
}

	.competition-form .button-holder .el-button {
		width: 250px;
		margin: 15px 0;
		background-color: #000;
		color: #fcdb2e;
	}


	.competition-form .el-checkbox__input.is-checked+.el-checkbox__label {
		color: inherit;
	}

.competition-form .photo-upload .el-form-item__error {
	left: 45%;
}

.competition-form  .privacy-holder .el-form-item__error {
	left: 45%;
}

.big .el-checkbox {
	margin-right: 0;
}

.big .el-checkbox__inner {
	width: 24px;
	height: 24px;
}
	.big .el-checkbox__inner::after {
		height: 12px;
		width: 6px;
		left: 8px;
		top: 3px;
		border: 2px solid black;
		border-left: 0;
		border-top: 0;
	}
.big .el-checkbox__input.is-checked .el-checkbox__inner, .big .el-checkbox__input.is-indeterminate .el-checkbox__inner {
	background-color: #fff;
}


/* 2 buttons row */
.two-buttons-holder {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;
	padding: 30px;
}

    .two-buttons-holder a.link-button {
        width: calc(50% - 50px);
    }

    a.link-button {
        width: 100%;
    }

    a.link-button {
        position: relative;
        background-color: #fcdb5b;
        text-align: center;
        -webkit-transform: skew(-5deg);
        -ms-transform: skew(-5deg);
        transform: skew(-5deg);
        padding: 0px 10px;
        display: inline-block;
        
    }
        a.link-button:hover {
            background-color: #000;
            color: #fcdb5b;
        }

         a.link-button:after {
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            width: 10px;
            height: 21px;
            background: url(../images/icon-arrow-right-thin.png) no-repeat;
        }
			a.link-button:hover:after {
			}

        a.link-button span {
            display: block;
            -webkit-transform: skew(5deg);
            -ms-transform: skew(5deg);
            transform: skew(5deg);
            font-family: 'BrixSlab', sans-serif;
            font-weight: bold;
            padding: 5px 10px;
            line-height: 42px;
        }

            a.link-button span img {
                display: inline-block;
                vertical-align: middle;
                max-height: 38px;
                margin: 0 5px;
            }
/* end 2 buttons row */

/* category cards (product ranges) */

.category-cards {
	padding: 30px 0;
}
	.category-cards .card-holder {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		align-content: center;
	}
		.category-cards .card-holder .card-item {
			position: relative;
			width: calc(100% * 1/2);
            margin-bottom: 20px;
		}
            .category-cards .card-holder .card-item .card-button-holder {
                position: absolute;
                left: 30px;
                bottom: 30px;
                text-align: center;
                -webkit-transform: skew(-5deg);
                -ms-transform: skew(-5deg);
                transform: skew(-5deg);
                background-color: #fdde4b;
                font-family: 'BrixSlab', sans-serif;
                font-weight: bold;
                color: #000;
                padding: 10px;
                width: calc(100% - 170px)
            }
				.category-cards .card-holder .card-item .card-button-holder span {
					display: block;
						-webkit-transform: skew(5deg);
						-ms-transform: skew(5deg);
					transform: skew(5deg);
					padding: 5px;
				}
                .category-cards .card-holder .card-item .card-button-holder:after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    right: -100px;
                    -webkit-transform: skew(5deg) translateY(-50%);
                    -ms-transform: skew(5deg) translateY(-50%);
                    transform: skew(5deg) translateY(-50%);
                    width: 80px;
                    height: 50px;
                    background: url(../images/button-article.png) no-repeat;
                    background-size: contain;
                }
			.category-cards .card-holder .card-item .image-holder {
			}
				.category-cards .card-holder .card-item .image-holder img {
					width: 100%;
				}
		.category-cards .card-holder .card-item .two-buttons-holder {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			flex-direction: column;
			width: calc(100% - 42px);
		}
			.category-cards .two-buttons-holder a.button-holder {
				width: 100%;
				margin: 20px 0px;
			}


/*category cards end*/

.distributors-category-page .image-holder {
    margin: 30px 0;
}
.distributors-category-page .address-holder {
    margin: 20px 0;
}


		.address-holder .address-item {
			border-top: 1px solid #000000;
			padding: 10px 0px;
		}
			.address-holder .address-item .city {
				font-size: 20px;
				font-weight: bold;
			}
			.address-holder .address-item .address-row {
				display: inline-block;
				width: 100%;
			}
				.address-holder .address-item .address-row .address {
					float: left;
					font-size: 18px;
				}
				.address-holder .address-item .address-row a {
					float: right;
					font-size: 18px;
					color: #22a2e0;
					font-weight: 500;
				}

/* distributors end*/

.blog-page-document-type .image-holder {
    margin: 30px 0;
}

.el-message-box {
	max-width: 90%;
}




@media (min-width: 768px) {
	.container {
		max-width: inherit;
	}
}

@media only screen and (min-width: 1600px) {
    /*global*/
    .container {
        max-width: 1600px;
        
    }
}


@media (max-width: 1390px) {
	.section.our-ingridients .content-holder .content-text br {
		display: none;
	}
    .article-holder .article-half .content-holder .images-holder img {
        max-height: 65vh;
    }
    .widget.simple-facts .simple-facts-fact-holder .fact-item .title {
        font-size: 46px;
    }
}

@media (max-width: 1360px) {
    .newsletter-form .title {
        font-size: 24px;
    }

    .newsletter-form .input-holder input {
        font-size: 14px;
        padding: 0 0 6px;
    }

    .newsletter-form .select-holder .select-title {
        font-size: 14px;
    }
}


@media (max-width: 1250px) {
	.recipes-content .products-filters .filters-holder .filter-item {
		width: auto;
	}

	.filters-holder .filter-item .filter-title {
		width: 120px;
	}

    .newsletter {
        padding: 0 3%;
    }

    .newsletter-form .title {
        font-size: 18px;
    }

    .newsletter-form .button-holder {
        margin-top: 0;
    }

    .newsletter-form .button-holder .button {
        font-size: 14px;
        padding: 6px 12px;
    }

    .newsletter-form .select-holder {
        margin: 5px 0;
    }
}
@media (max-width: 1200px) {
	
	.section.our-ingridients .content-holder {
		padding: 30px;
	}
	.contact-us .header .phones-holder a {
		font-size: 20px;
	}
	.article-holder .article-half-triangle .images-holder img {
		width: auto;
		height: 100%;
	}

    .article-card .left-column .head-title {
        font-size: 24px;
    }

    .article-card .left-column .title {
        font-size: 24px;
    }

    .widget.simple-facts .simple-facts-fact-holder {
        flex-wrap: wrap;
    }

    .widget.simple-facts .simple-facts-fact-holder .fact-item {
        width: 50%;
        margin: 20px 0px;
    }
	.i-would-like-to-know .card-holder {
		justify-content: center;
	}
		.i-would-like-to-know a {
			width: calc(100% * 1/3 - 5px);
			margin: 0px 3px 5px 2px;
		}
	.menu-holder .menu-item.level-first a {
		font-size: 16px;
	}
}
@media (max-width: 1100px) {
	.contact-holder {
		flex-wrap: wrap;
	}
		.contact-holder .contact-item {
			flex: auto;
			width: 50%;
		}
	#commands {
		/*height: 25px;*/
	}
	.general-content {
		padding: 120px 100px;
	}
	.article-items-holder {
		flex-wrap: wrap;
	}
		.article-items-holder .article-item {
			width: 45%;
			flex-basis: 45%;
		}
}
@media (max-width: 990px) {
	.menu {
		width: calc(100% - 300px);
	}
	.article-items-holder .article-item {
		width: 100%;
		flex-basis: 100%;
	}
	.blog-article-content-holder .two-columns {
		flex-wrap: wrap;
	}
		.blog-article-content-holder .column-holder {
			flex: 0 1 100%;
		}
	.contact-us .header .phones-holder a {
		width: 100%;
		display: block;
		padding: 0px 0px 0px 25px;
	}
	.menu-holder a {
		font-size: 18px;
		padding: 0px 12px;
	}
		.page-content-holder .social-icons a {
			width: 30px;
			height: 30px;
		}
	.article-holder .article-half-triangle .images-holder img {
		height: 100%;
	}
	.page-content-holder .logo-mccain {
	}
	.relative-products .relative-item {
		max-width: 45%;
	}
		.relative-products .relative-item .button-holder p {
			font-size: 18px;
		}
	.menu-holder .menu-item.level-first a {
		margin: 0px 5px;
	}
	.page-content-holder .social-icons {
		max-width: 110px;
	}

    .row .col-md-6:last-child .link-button {
        margin-top: 20px;
    }

    a.link-button span {
        line-height: 1.5em;
    }

    

}

@media (max-width: 900px) {
    /* layout boxes  */
    .three-card-layout .card-holder {
        flex-direction: column;
    }

    .three-card-layout.columns2 .card-holder-inner:first-child {
        margin: 0px 0px 10px 0px;
    }

    .three-card-layout .card-holder .card-holder-inner {
        width: 100%;
        margin: 0px 0px 5px 0px;
    }

    .three-card-layout.columns2 .card-holder-inner:last-child {
        margin: 0px 0px 5px 0px;
    }

    .three-card-layout .card-holder .card-holder-inner .article-card, .three-card-layout .card-holder .card-holder-inner .article-card.size2 {
        height: inherit;
    }

    .article-card .right-column .image-article img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: auto;
    }

    .two-card-layout .card-holder {
        flex-direction: column;
    }

        .two-card-layout .card-holder .card-holder-inner {
            width: 100%;
        }

            .two-card-layout .card-holder .card-holder-inner:first-child {
                margin: 0px 0px 10px 0px;
            }

            .two-card-layout .card-holder .card-holder-inner:last-child {
                margin: 0px;
            }

            .two-card-layout .card-holder .card-holder-inner .article-card {
                height: inherit;
            }

    .article-card.grey .button-holder-narrow {
        margin: 10px auto;
    }

    .card-holder .card-holder-inner .article-card {
        flex-direction: column;
    }

    .article-card .right-column .image-article {
        height: inherit;
    }

        .article-card .right-column .image-article img {
            width: 100%;
            height: auto;
            top: inherit;
            transform: inherit;
        }

    .card-holder .card-holder-inner .article-card .left-column, .card-holder .card-holder-inner .article-card .right-column {
        width: 100%;
    }

    .card-holder .card-holder-inner .article-card .left-column {
        order: 2;
    }

    .card-holder .card-holder-inner .article-card .right-column {
        order: 1;
    }

        .card-holder .card-holder-inner .article-card .right-column:before {
            display: none;
        }


    .category-cards .card-holder .card-item {
        width: 100%;
    }

    .newsletter-form .title {
        font-size: 24px;
    }

	.article-holder .article-half {
		padding: 30px 0px;
	}

	.article-holder .article-half-triangle .content-holder {
		order: 2;
		padding: 30px 20px;
	}

	.article-holder .article-half .content-holder {
		flex-direction: column;
	}

		.article-holder .article-half .content-holder .images-holder {
			max-width: 100%;
			margin-bottom: 20px;
		}

		.article-holder .article-half .content-holder .text-holder {
			max-width: 100%;
		}

		.article-holder .article-half .content-holder .images-holder img {
			max-height: inherit;
			height: auto;
			width: 100%;
		}

	.article-holder .article-half-triangle {
		flex-direction: column;
	}

		.article-holder .article-half-triangle .images-holder {
			order: 1;
			max-width: 100%;
			min-height: 100%;
		}

			.article-holder .article-half-triangle .images-holder img {
				position: relative;
				top: inherit;
				transform: inherit;
				width: 100% !important;
				height: auto !important;
			}

			.article-holder .article-half-triangle .images-holder:before {
				display: none;
			}

	/*Mobile menu*/
	header {
		padding: 15px 20px;
		justify-content: flex-start;
	}

	.page-content-holder .social-icons.desktop {
		display: none;
	}

	.mobile-menu-holder .social-icons.desktop {
		display: block;
		padding: 40px 0px 0px 40px;
		margin-top: 0px;
		border-top: none;
	}

	.menu {
		display: none;
	}

	.mobile-menu-icon {
		display: inline-block;
		position: absolute;
		right: 20px;
		width: 50px;
		height: 50px;
		background-image: url('../images/icon-menu.png');
		background-size: cover;
		background-position: top;
		background-repeat: no-repeat;
		cursor: pointer;
	}

		.mobile-menu-icon.active {
			background-position: bottom;
		}

	.foodservice .mobile-menu-icon {
		background-image: url('../images/icon-menu-white.png');
	}

	.mobile-close {
		position: absolute;
		top: 40px;
		right: 20px;
		width: 30px;
		height: 30px;
		background-image: url('../images/icon-close.png');
		background-size: cover;
		cursor: pointer;
	}

	.mobile-menu-holder.active {
		display: block;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		height: 120%;
		min-height: 1000px;
		background: #fdde4b;
		z-index: 1999;
	}

	.mobile-menu {
		padding: 40px;
	}

		.mobile-menu a.mobile {
			display: none;
		}

		.mobile-menu a {
			display: block;
			color: #ffffff;
			font-size: 22px;
			font-weight: 500;
			text-decoration: none;
			text-transform: capitalize;
			-webkit-transform: skew(0deg);
			-moz-transform: skew(0deg);
			-o-transform: skew(0deg);
			-ms-transform: skew(0deg);
			transform: skew(0deg);
			text-align: left;
			color: #000000;
			padding: 10px 0px;
		}

			.mobile-menu a:after {
				content: '';
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 0px;
				width: 25px;
				height: 25px;
				background: url('../images/icon-arrow-right-black.png') no-repeat;
				background-size: contain;
			}

			.mobile-menu a span {
				display: none;
				font-weight: bold;
			}

	.menu-item.level-second {
		padding-left: 30px;
	}

	.mobile-menu-bottom {
		display: none;
		position: absolute;
		bottom: 0px;
		padding: 0px 10%;
		width: 100%;
		box-sizing: border-box;
	}

	.mobile-menu-holder .contact-holder-header {
		top: inherit;
		float: inherit;
		margin-bottom: inherit;
	}

	.mobile-menu-holder .social-icons {
		width: calc(100% - 170px);
		max-width: 100%;
		margin: 40px 0px 0px 170px;
	}

		.mobile-menu-holder .social-icons .text {
			display: inline-block;
			font-family: 'Gotham', sans-serif;
			color: #747474;
			padding-top: 10px;
		}

		.mobile-menu-holder .social-icons .icons-holder {
			display: inline-block;
			float: right;
		}
}

@media (max-width: 800px) {
	.section.speak-to-the-chefs {
		display: block;
		padding: 40px 20px !important;
	}
	.section.speak-to-the-chefs, .section.blog {
		padding: 40px;
	}
	.contact-holder .contact-item {
		padding: 0px 20px 50px 20px;
	}
	.section .menu-images, .menu-content {
		width: 100%;
	}
	.section .button-to-the-top {
		display: none;
	}
	.section.our-ingridients .content-holder {
		width: 100%;
		margin-bottom: 200px;
	}
		.section.our-ingridients .ingridients-image img {
			top: inherit;
			transform: inherit;
			bottom: 0px;
		}
	.general-content {
		padding: 0px 20px;
	}
	.section.speak-to-the-chefs .contact-holder-header {
		top: -15px;
	}

    .widget.simple-facts .simple-facts-fact-holder {
        padding: 0px;
    }

	.contact-us {
		padding: 30px 20px;
	}
}


@media (max-width: 768px) {
	/* Font resize */
	h1 {
		font-size: 42px;
	}
	h2 {
		font-size: 32px;
	}
	.article-half-triangle h2, .contact-us h2 {
		font-size: 34px;
	}
	a, p, input[type=text], textarea, label, div {
		font-size: 18px;
	}
	
	.contact-us .header {
		flex-direction: column;
	}
	.contact-us .header h2, .contact-us .header .phones-holder {
		width: 100%;
		margin-bottom: 20px;
	}
	.contact-holder .contact-item {
		padding: 0px 0px 50px 0px;
		width: 100%;
	}


	.contact-holder {
		display: block;
	}
		.contact-holder .contact-item {
			display: block;
			max-width: 100%;
			width: 100%;
			margin: 0px auto;
			flex: inherit;
		}
	.footer .link-to-the-top {
		right: 0px;
	}
	.section.our-ingridients .content-holder {
		margin-bottom: 100px;
	}
	.menu {
		height: inherit;
		max-height: inherit;
	}
	.menu .bg-image {
		display: none;
	}
		.menu-holder {
			position: relative;
			top: inherit;
			left: inherit;
			transform: inherit;
			width: inherit;
			background: #202023;
		}
			.menu-holder a {
				display: block;
				padding: 20px 0px 20px 20px;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				margin: 0px;
			}
				.menu-holder a span {
					color: #ffffff;
				}
				.menu-holder a:hover {
					border-bottom: 1px solid #ffffff;
				}
  #slider #active{margin:10% 0 0}
  .general-content h1 {
	  font-size: 32px;
  }
  .general-content h2 {
	  font-size: 26px;
  }
  
	.blog-article-content-holder {
		padding: 20px;
	}
	.section.latest-articles {
		padding: 20px;
	}
	.contact-holder .contact-item .title {
		font-size: 28px;
	}
		.contact-holder .contact-item .location {
			font-size: 26px;
		}
		.contact-holder .contact-item .address {
			font-size: 22px;
		}
		.contact-holder .contact-item .timing {
			font-size: 22px;
		}
	.footer .link {
		display: block;
		text-align: center;
		padding: 15px 0px;
		font-size: 20px;
	}
		.footer .link:after {
			display: none;
		}
	.product-page {
		margin: 10px 0px;
	}
	.products-holder .product-item {
		width: calc(50% - 30px);
	}
	.products-filters .filters-holder .filter-item {
		width: calc(100% * 1 - 20px);
	}
		.recipes-holder .recipes-item {
			width: calc(50% - 40px);
		}
		.recipes-holder .recipes-item .title {
			opacity: 1;
		}
	.product-page .image-tips-holder {
		width: 100%;
		margin-bottom: 0px;
        text-align:center;
	}
		.ingredients-holder {
			width: 100% !important;
		}
		.nutrition-holder {
			width: 100%;
			order: 1;
		}
		.storage-holder {
			width: 100%;
			order: 2;
		}
			.storage-holder.desktop {
				display: none;
			}
			.storage-holder.mobile {
				display: block;
				margin-top: 40px;
			}
		.nutrition-holder table tr:nth-child(-n+3) td p ,.nutrition-holder table tr:nth-child(n+4) td p {
			font-size: 14px;
		}
		.cooking-content .icon-holder {
			width: 100%;
			margin: 0px auto 40px auto;
		}
			.cooking-content .instruction-holder {
				width: 100%;
			}
	.ingredients-direction-holder {
		flex-direction: column;
	}
		.ingredients-direction-holder .ingredients-holder, .ingredients-direction-holder .direction-holder {
			width: 100%;
		}
	.general-content.contact-us-content {
		padding: 0;
	}		
		.general-content.contact-us-content button {
			margin-bottom: 10px;
		}
		.contact-form .el-form-item__label {
			text-align: left;
		}
		.contact-form {
			padding: 15px 10px;
		}
	.product-page-wrapper {
		
	}
		.product-page-wrapper .product-page-details-left {
			width: 100%;
			margin-bottom: 40px;
		}
		.product-page-wrapper .product-page-details-right {
			width: 100%;
		}
	.products-holder .product-item .image-holder {
		height: auto;
	}
		.products-holder .product-item .image-holder img {
			height: auto;
		}
	.product-page .images-2 .image-tips-holder .image-holder {
		width: 49%;
		display: inline-block;
	}

    .product-page  .image-tips-holder .image-holder img {
        padding:0;
    }
	.product-page .image-tips-holder .tips-holder img {
		padding: 0;
	}

	.product-page .images-2 .image-tips-holder .tips-holder {
		display: inline-block;
		width: 49%;
	}
    .product-page .product-info {
        margin-top: 20px;
        width: 100%;
    }

    .cooking-content .icon-holder img {
        max-width: 100px;
        max-height: 100px;
    }
	.product-page h2.title {
		font-size: 28px;
        line-height: 1.2em;
	}
    .recipe-page .recipe-header .main-title {
        font-size: 28px;
        line-height: 1.2em;
    }
	.relative-products {
		padding: 20px;
	}
	

    .breadcrumb-custom li, .breadcrumb-custom li a {
        font-size: 16px;
    }
    .recipe-page .recipe-header {
        padding: 0;
    }

    .recipes-content h2.title {
        font-size: 48px;
    }

    .products-content h2.title {
        font-size: 48px;
    }

    .banners-holder {
        border-bottom: 30px solid #fdde4b;
    }

    .blog-article-content-holder .main-title {
        font-size: 40px;
        line-height: 1.2em;
    }

    .blog-article-content-holder .blog-article-content .quotes-holder .quote p, .blog-article-content-holder .blog-article-content .quotes-holder .quote span {
        font-size: 48px;
        line-height: 1.2em;
    }
	.i-would-like-to-know .card-holder {
		justify-content: inherit;
	}
	.i-would-like-to-know a {
		width: calc(100% * 1/2 - 5px);
	}

	.page-holder {
		padding: 0 20px;
	}

	.page-content-inner {
		padding: 10px 0;
	}
	

	.category-cards .card-holder .card-item .card-button-holder {
		font-size: 16px;
		padding: 6px 8px;
		bottom: 20px;
	}

		.category-cards .card-holder .card-item .card-button-holder:after {
			width: 64px;
			height: 40px;
		}

	.i-would-like-to-know .section-title {
		font-size: 54px;
	}
}

@media (max-width: 600px) {
    .widget.simple-facts {
        padding: 40px 0 20px 0;
    }

        .widget.simple-facts .simple-facts-fact-holder {
            padding: 0 20px;
        }

            .widget.simple-facts .simple-facts-fact-holder .fact-item {
                width: 100%;
            }

        .widget.simple-facts .title-holder .title {
            text-align: center;
            display: block;
        }

            .widget.simple-facts .title-holder .title div {
                font-size: 36px;
            }

            .widget.simple-facts .title-holder .title div.festival {
                font-size: 54px;
            }
}

@media (max-width: 500px) {
   
}

@media (max-width: 480px) {
	.mobile-menu-holder.active {
		height: 160%;
	}
	.mobile-menu a {
		font-size: 18px;
	}
	#slider #commands {
		height: 40px;
	}
	#active label {
		margin: 0px 2px;
	}
	.general-content {
		padding: 50px 20px;
	}
	.recipes-holder .recipes-item {
		width: calc(100% - 40px);
	}
	.relative-products {
		flex-direction: column;
		align-items: center;
		padding: 10px;
	}
		.relative-products .relative-item {
			max-width: 95%;
		}

    .widget.simple-facts .simple-facts-fact-holder .fact-item .title {
        font-size: 38px;
    }

    .widget.simple-facts .simple-facts-fact-holder .fact-item .subtitle {
        font-size: 20px;
    }
	.mobile-menu-holder .social-icons {
		max-width: 110px;
		margin: 15px 0px 0px 170px;
	}
	.mobile-menu {
		padding: 20px;
	}
	.i-would-like-to-know a {
		width: 100%;
		margin: 0px 0px 5px 0px;
	}
}
@media (max-width: 400px) {
	.page-content-holder .logo-mccain {
	}
	#slider #active {
		margin: 25px auto 0px auto;
	}
	.footer .link-to-the-top {
		width: 40px;
		height: 40px;
		background-size: cover;
	}
	.footer .link {
		padding: 10px 20px;
	}
	.mobile-menu-holder .social-icons .text {
		display: block;
		text-align: center;
		margin: 0px 0px 20px 0px;
	}
		.mobile-menu-holder .social-icons .icons-holder {
			display: table;
			float: none;
			margin: 0px auto;
		}
}

/* IE fixes */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .widget.simple-facts .simple-facts-fact-holder .fact-item .title {
        color: #ffffff;
        background: transparent;
        text-shadow: 2px 2px 3px rgba(197,160,106,1);
    }
}