@charset "UTF-8";
/* Corrects `block` display not defined in IE6/7/8/9 & FF3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  /*outline: thin dotted;*/
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: "";
  content: none;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  /* 2 */
  image-rendering: -webkit-optimize-contrast;
}

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
dfn, em, .em {
  font-style: italic;
}

small, .small {
  font-size: 80%;
}

dd {
  margin: 0;
}

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}

/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

/*********************
TOOLS
*********************/
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

a {
  outline: 0;
}

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
  outline: none;
}

/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('library/fonts/font-name.eot');
    	src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./../../images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: black;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* =============================================================================== */
/*  ******************************   Base styles   ******************************  */
/* =============================================================================== */
html {
  font-family: "sofia-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #414042;
}
html a {
  color: #414042;
}

.inner, .inner-top {
  float: none;
  margin: 0 auto;
  width: 92%;
  max-width: 960px;
}
.inner p, .inner h4, .inner-top p, .inner-top h4 {
  padding: 0 10%;
  margin-bottom: 20px;
}

.inner-smalll {
  float: none;
  margin: 0 auto;
  max-width: 685px;
}

strong {
  font-weight: 700;
}

h2 {
  text-align: center;
  font-size: 56px;
  margin-top: 20px;
}

h3 {
  font-size: 25px;
  font-weight: 700;
  margin: 0.6em 0 0.2em;
}
h3.cooking-at-home {
  color: #f07d00;
}
h3.food-service {
  color: #58595b;
}
h3.food-manufacturing {
  color: #414042;
}

h4 {
  font-size: 22px;
  font-weight: 700;
  margin: 0.4em 0 0.4em;
}

h5 {
  font-size: 20px;
  font-weight: 700;
  margin: 0.4em 0 0.4em;
}

.orange {
  color: #f07d00;
}

/* ==================================================================================== */
/*  ******************************   Main Page Styles   ******************************  */
/* ==================================================================================== */
#content {
  float: left;
  width: 100%;
  padding: 40px 0;
}
#content .inner, #content .inner-top {
  max-width: 900px;
  text-align: center;
  background: #fff;
}
#content .inner ol, #content .inner ul, #content .inner-top ol, #content .inner-top ul {
  padding: 0 0 0 18px;
}
#content .inner ol li, #content .inner ul li, #content .inner-top ol li, #content .inner-top ul li {
  margin-bottom: 6px;
}
#content .inner-top {
  text-align: left;
  background: #f6f6f6;
}
#content table td {
  padding: 4px 9px 9px 0;
}
#content img {
  max-width: 100%;
  height: auto;
}
#content .col-left {
  float: left;
  width: 36.1596009975%;
}
#content .col-left p {
  padding: 0;
}
#content .col-right {
  float: right;
  width: 61.0972568579%;
  text-align: left;
  font-size: 17px;
  font-weight: 300;
}
#content .col-right p {
  padding: 0;
}
#content .pagesection {
  float: left;
  width: 100%;
  font-size: 16px;
  margin-bottom: 34px;
  padding-bottom: 20px;
}
#content .pagesection.lightgrey {
  background: #f6f6f6;
}
#content .pagesection.lightorange {
  background: #fff2e5;
}
#content .homepagesection {
  float: left;
  width: 100%;
  margin-bottom: 24px;
  padding-bottom: 20px;
}
#content .homepagesection .inner {
  background: transparent;
}
#content .homepagesection.lightgrey {
  background: #f6f6f6;
  margin-top: 24px;
}
#content .homepagesection.lightorange {
  background: #fff2e5;
}
#content .homepagesection.video {
  background-image: url(../../images/bg-videos.jpg);
  background-size: cover;
  background-position: center center;
}

#contentwhite {
  float: left;
  width: 100%;
}
#contentwhite img {
  max-width: 100%;
  height: auto;
}

.aligncenter {
  border: 40px solid #eeeeed;
  max-width: 100%;
  height: auto;
  margin-bottom: 40px;
}

/* ================================================================================= */
/*  ******************************   Header Styles   ******************************  */
/* ================================================================================= */
header {
  float: left;
  width: 100%;
  background: #fff;
  border-bottom: 3px solid #f6f6f6;
  padding-top: 55px;
}
header ul, header ol {
  padding: 0;
  list-style-type: none;
}

h1 {
  float: left;
  width: 202px;
  height: 70px;
  display: block;
  position: relative;
  margin: 0;
}
h1 a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../../images/Kikkoman.svg) no-repeat;
}

.menu-main-menu-container {
  float: left;
  width: 100%;
  padding: 50px 0 25px;
}
.menu-main-menu-container ul {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 666px) {
  .menu-main-menu-container ul {
    display: none;
  }
}
.menu-main-menu-container ul a {
  text-decoration: none;
  padding: 8px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  -transition: all, 0.3s;
  transition: all, 0.3s;
}
.menu-main-menu-container ul a:hover {
  color: #f07d00;
}
.menu-main-menu-container ul .current-menu-item a {
  color: #f07d00;
}

#searchform {
  float: right;
  font-size: 0;
}
#searchform input {
  border: 0;
  background: #f6f6f6;
  font-size: 11px;
  height: 37px;
  padding: 6px;
}
#searchform input::placeholder {
  font-weight: 300;
}
#searchform input#searchsubmit {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 44px;
  background-image: url(../../images/magnify.png);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0;
}

.button_container {
  position: absolute;
  top: 35px;
  right: 4%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: all, 0.2s;
  -ms-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  -transition: all, 0.2s;
  transition: all, 0.2s;
  display: none;
}
@media all and (max-width: 666px) {
  .button_container {
    display: block;
  }
}
.button_container:hover {
  opacity: 0.7;
}
.button_container.active .top {
  transform: translateY(11px) translateX(0) rotate(45deg);
  background: #fff;
}
.button_container.active .middle {
  opacity: 0;
  background: #fff;
}
.button_container.active .bottom {
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #fff;
}
.button_container.has_scrolled {
  top: 26px;
}
.button_container span {
  background: #f07d00;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background: #f07d00;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
  z-index: 99;
}
@media all and (min-width: 666px) {
  .overlay {
    display: none;
  }
}
.overlay.open {
  opacity: 0.9;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  animation: fadeInRight 0.5s ease forwards;
  animation-delay: 0.35s;
  text-align: right;
}
.overlay.open li:nth-of-type(2) {
  animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
  animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
  animation-delay: 0.5s;
}
.overlay.open li:nth-of-type(5) {
  animation-delay: 0.55s;
}
.overlay.open li:nth-of-type(6) {
  animation-delay: 0.6s;
}
.overlay.open li:nth-of-type(7) {
  animation-delay: 0.65s;
}
.overlay.open li:nth-of-type(8) {
  animation-delay: 0.7s;
}
.overlay.open li:nth-of-type(9) {
  animation-delay: 0.75s;
}
.overlay.open li:nth-of-type(10) {
  animation-delay: 0.8s;
}
.overlay.open li:nth-of-type(11) {
  animation-delay: 0.85s;
}
.overlay.open li:nth-of-type(12) {
  animation-delay: 0.9s;
}
.overlay.open li:nth-of-type(13) {
  animation-delay: 0.95s;
}
.overlay.open li:nth-of-type(14) {
  animation-delay: 1s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 30px;
  font-size: 30px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
}
@media all and (max-width: 600px) {
  .overlay nav {
    font-size: 20px;
  }
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 960px;
}
.overlay ul li {
  display: block;
  height: calc(100% / 12);
  min-height: 50px;
  position: relative;
  opacity: 0;
}
@media all and (max-width: 600px) {
  .overlay ul li {
    height: calc(100% / 14);
  }
}
.overlay ul li a {
  display: block;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  color: #fff;
  font-size: 20px;
  padding: 8px 27px;
  -webkit-transition: all, 0.2s;
  -ms-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  -transition: all, 0.2s;
  transition: all, 0.2s;
}
.overlay ul li a:hover {
  color: #fff;
  text-decoration: underline;
}
.overlay ul li.current-menu-item a {
  color: #fff;
  text-decoration: underline;
}
.overlay ul li ul {
  position: relative;
  top: 30px;
}
.overlay ul li ul li {
  font-size: 22px;
  height: calc(100% / 14);
}
@media all and (max-width: 600px) {
  .overlay ul li ul li {
    font-size: 15px;
    height: calc(100% / 16);
  }
}

/* ================================================================================= */
/*  ******************************   Slider Styles   ******************************  */
/* ================================================================================= */
.slides {
  float: left;
  width: 100%;
  top: -40px;
}
.slides .slide {
  width: 100%;
  display: block;
  background-size: cover;
}
.slides .slide .slideinner {
  float: left;
  width: 100%;
  height: 0;
  padding-bottom: 25.1666666667%;
}

.slick-dots {
  bottom: 18px;
}
.slick-dots li button:before {
  content: "";
  background: #fff;
  opacity: 0.7;
  border-radius: 10px;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
}

/* =============================================================================== */
/*  ******************************   Home Styles   ******************************  */
/* =============================================================================== */
.home-recipes {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
}
.home-recipes h4 {
  font-size: 30px;
  line-height: 32px;
  font-weight: 200;
  margin: 12px 0;
}
.home-recipes h4 strong {
  font-weight: 700;
}
.home-recipes p {
  padding: 0;
}
.home-recipes .featured-recipe {
  float: left;
  width: 100%;
  background: #f07d00;
  color: #fff;
  font-size: 14px;
  display: flex;
  margin: 0 0 3.5%;
}
@media all and (max-width: 700px) {
  .home-recipes .featured-recipe {
    flex-wrap: wrap;
  }
}
.home-recipes .featured-recipe strong {
  font-size: 20px;
}
.home-recipes .featured-recipe h4 {
  margin: 0 0 40px;
}
.home-recipes .featured-recipe h4 strong {
  font-size: 30px;
}
.home-recipes .featured-recipe img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.35s ease;
}
.home-recipes .featured-recipe .details {
  width: 31%;
  padding: 22px 22px 32px;
  position: relative;
}
@media all and (max-width: 700px) {
  .home-recipes .featured-recipe .details {
    width: 100%;
  }
}
.home-recipes .featured-recipe .details a {
  color: #fff;
}
.home-recipes .featured-recipe .details span {
  float: right;
  padding-top: 18px;
  text-align: center;
  background: url(../../images/timer.png) center top no-repeat;
  font-size: 11px;
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.home-recipes .featured-recipe > a {
  overflow: hidden;
}
.home-recipes .featured-recipe > a:hover img {
  transform: scale(1.1);
}
.home-recipes .featured-recipe a {
  width: 69%;
  background-size: cover;
  background-position: center center;
}
@media all and (max-width: 700px) {
  .home-recipes .featured-recipe a {
    width: 100%;
  }
}
.home-recipes .single-recipe {
  width: 31%;
  margin: 0 0 3.5%;
  background: #58595b;
  overflow: hidden;
}
@media all and (max-width: 700px) {
  .home-recipes .single-recipe {
    width: 48%;
  }
}
@media all and (max-width: 440px) {
  .home-recipes .single-recipe {
    width: 100%;
  }
}
.home-recipes .single-recipe img {
  float: left;
  width: 100%;
  transform: scale(1);
  transition: all 0.35s ease;
}
.home-recipes .single-recipe > a:hover img {
  transform: scale(1.1);
}
.home-recipes .single-recipe #searchform {
  float: left;
}
.home-recipes .single-recipe .details {
  float: left;
  width: 100%;
  background: #58595b;
  color: #fff;
  font-size: 14px;
  text-align: left;
  padding: 10px;
  position: relative;
  min-height: 40px;
}
.home-recipes .single-recipe .details a {
  text-decoration: none;
  float: left;
  color: #fff;
  padding-right: 40px;
}
.home-recipes .single-recipe .details span {
  float: right;
  padding-top: 17px;
  text-align: center;
  background: url(../../images/timer.png) center top no-repeat;
  font-size: 11px;
  position: absolute;
  right: 8px;
  top: 5px;
}
.home-recipes .single-recipe.first {
  background: #8f8f8c;
  color: #fff;
  padding: 22px;
}

#content .homepagesection.video {
  color: #fff;
  padding-bottom: 50px;
  font-size: 20px;
}
#content .homepagesection.video .inner {
  background: transparent;
}
#content .homepagesection.video h3 {
  font-size: 41px;
  margin: 50px 0;
  font-weight: 300;
}
#content .homepagesection.video a {
  color: #fff;
}

#content .home-videos-list {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#content .home-videos-list .single-video {
  width: 45%;
  margin: 1%;
  background: #fff;
  padding: 5px 16px;
  color: #414042;
  font-size: 14px;
}
@media all and (max-width: 440px) {
  #content .home-videos-list .single-video {
    width: 100%;
  }
}
#content .home-videos-list .single-video img {
  float: left;
  width: 100%;
  transform: scale(1);
  transition: all 0.35s ease;
}
#content .home-videos-list .single-video > a {
  overflow: hidden;
  display: block;
  width: 100%;
}
#content .home-videos-list .single-video > a:hover img {
  transform: scale(1.1);
}
#content .home-videos-list .single-video .details {
  float: left;
  width: 100%;
  text-align: center;
  padding: 6px 30px;
  position: relative;
  min-height: 40px;
}
#content .home-videos-list .single-video .details a {
  text-decoration: none;
  color: #414042;
}
#content .home-videos-list .chef {
  font-size: 16px;
  color: #f07d00;
  padding: 6px;
  font-weight: 700;
  float: left;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.homeboxes {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 40px;
}
.homeboxes .homebox {
  width: 49%;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 2%;
  padding: 30px;
  background: #f6f6f6;
  position: relative;
}
@media all and (max-width: 440px) {
  .homeboxes .homebox {
    width: 100%;
  }
}
.homeboxes .homebox a {
  text-decoration: none;
}
.homeboxes .homebox > a {
  overflow: hidden;
  display: block;
  width: 100%;
}
.homeboxes .homebox > a:hover img {
  transform: scale(1.1);
}
.homeboxes .homebox img {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: all 0.35s ease;
  z-index: 0;
}
.homeboxes .homebox h4 {
  width: 80%;
  float: none;
  margin: 0;
  padding: 12px;
  background: #f07d00;
  color: #fff;
  font-size: 19px;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  left: 10%;
  z-index: 1;
}
@media all and (max-width: 600px) {
  .homeboxes .homebox h4 {
    font-size: 14px;
    width: 70%;
    left: 15%;
  }
}
.homeboxes .homebox p {
  margin-bottom: 0;
}

.homeproductslides {
  float: left;
  width: 100%;
}
.homeproductslides .slick-track {
  height: 250px;
}
.homeproductslides .slick-list {
  padding: 60px !important;
}
.homeproductslides .slick-slide {
  width: 90px;
  -webkit-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  -transition: all, 0.3s;
  transition: all, 0.3s;
}
.homeproductslides .slick-slide .flexy {
  float: left;
  width: 100%;
  display: flex;
}
.homeproductslides .slick-slide img {
  transform: scale(1);
  transition: all 0.35s ease;
}
.homeproductslides .slick-slide p {
  margin: 12px 0;
  padding: 0;
  font-size: 13px;
}
.homeproductslides .slick-slide .slidebutton {
  padding: 9px 18px;
  border: 1px solid #f07d00;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  width: auto;
}
.homeproductslides .slick-slide h4 {
  margin-top: 0;
}
.homeproductslides .slick-slide.slick-center {
  -webkit-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  -transition: all, 0.3s;
  transition: all, 0.3s;
  width: 400px;
  padding: 0 20px;
}
.homeproductslides .slick-slide.slick-center a {
  float: left;
  width: 150px;
}
.homeproductslides .slick-slide.slick-center a.slidebutton {
  width: auto;
}
.homeproductslides .slick-slide.slick-center .flexy > a {
  overflow: hidden;
}
.homeproductslides .slick-slide.slick-center .flexy > a:hover img {
  transform: scale(1.1);
}
.homeproductslides .slick-slide.slick-center .slider-details {
  width: 200px;
  float: left;
  opacity: 1;
}
.homeproductslides .slick-slide .slider-details {
  width: 0;
  overflow: hidden;
  max-height: 243px;
  opacity: 0;
  -webkit-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  -transition: all, 0.3s;
  transition: all, 0.3s;
}
.homeproductslides .slick-next {
  right: 50%;
  transform: translateX(200px);
}
.homeproductslides .slick-prev {
  left: 50%;
  transform: translateX(-200px);
  z-index: 90;
}

.home .slick-dotted.slick-slider {
  margin-bottom: 0;
}

/* ================================================================================= */
/*  ******************************   Product Styles   *****************************  */
/* ================================================================================= */
.page-products #content {
  background: #f6f6f6;
}
.page-products #content .inner {
  max-width: 920px;
  margin-bottom: 48px;
}
.page-products #content .inner .details {
  float: left;
  width: 100%;
  padding: 30px 20px;
}
.page-products #content .inner img {
  float: none;
  margin: 20px auro;
}
.page-products #content .inner span {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 20px;
  margin: 20px 20px;
}
.page-products #content .inner.headerfloat {
  background: transparent;
  text-align: left;
  text-transform: uppercase;
}

.archive.category #content {
  background: #f6f6f6;
}
.archive.category h4 {
  float: left;
  width: 100%;
  text-align: left;
  padding: 0 80px;
  background-image: url(../../images/hexagon.png);
  background-repeat: no-repeat;
  background-position: 50px 7px;
  font-size: 24px;
  font-weight: 400;
  margin: 25px 0 30px;
}

.category-products {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  font-size: 14px;
}
.category-products div {
  width: 240px;
  padding: 20px;
  text-align: center;
}
.category-products div a {
  float: left;
  width: 100%;
  font-weight: 700;
  margin: 16px 0 9px;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  -webkit-transition: all, 0.2s;
  -ms-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  -transition: all, 0.2s;
  transition: all, 0.2s;
}
.category-products div a:hover {
  color: #f07d00;
}
.category-products div a:hover + a {
  color: #f07d00;
}

.filling-empty-space-childs {
  width: 245px;
  height: 0;
}

.categoryheader {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 14px 30px;
  text-align: left;
}
.categoryheader a {
  color: #fff;
  text-decoration: none;
}
.categoryheader.cat-cooking-at-home {
  background: #f07d00;
}
.categoryheader.cat-food-service {
  background: #58595b;
}
.categoryheader.cat-food-manufacturing {
  background: #000;
}

.single-product #content {
  background: #f6f6f6;
}
.single-product #content .inner {
  max-width: 920px;
}
.single-product h2 {
  font-size: 45px;
  text-align: left;
  line-height: 45px;
  margin-top: 0;
  margin-bottom: 18px;
}
.single-product .col-left img {
  width: 100%;
  height: auto;
}

.product-info {
  float: left;
  width: 100%;
  margin-top: 85px;
  padding: 0 60px;
}

.product-details {
  float: left;
  width: 100%;
  margin-top: 15px;
  padding: 0 60px;
}

.othersizes {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.othersizes div {
  width: 90px;
}

.recipes {
  float: left;
  width: 100%;
  background: #58595b;
  margin-top: 20px;
  text-align: center;
  padding: 4% 4% 6%;
}
.recipes h3 {
  color: #fff;
  margin: 0 0 24px;
}
.recipes div div {
  padding: 12px;
  background: #fff;
  font-size: 20px;
  color: #58595b;
  width: 41.25%;
  font-weight: 300;
}
.recipes div div img {
  max-width: 100%;
  height: auto;
}
.recipes div div a {
  color: #58595b;
}

.productslides .slick-list {
  padding: 60px !important;
}
.productslides .slick-slide {
  width: 90px;
  transform: scale(0.8);
  -webkit-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  -transition: all, 0.3s;
  transition: all, 0.3s;
}
.productslides .slick-slide img {
  width: 100%;
}
.productslides .slick-slide.slick-center {
  transform: scale(1.5);
}

/* ================================================================================ */
/*  ******************************   Recipe Styles   *****************************  */
/* ================================================================================ */
.single-recipe #content {
  background: #f6f6f6;
}
.single-recipe #content .inner {
  max-width: 920px;
}
.single-recipe #content .col-left {
  text-align: left;
  width: 47%;
  font-size: 0;
}
.single-recipe #content .col-right {
  width: 47%;
}
.single-recipe #content .col-right img {
  max-width: 100%;
  height: auto;
}
.single-recipe #content .ingredients {
  background: #eeeeed;
  float: left;
  width: 100%;
  padding: 20px;
  font-size: 14px;
}
.single-recipe #content .ingredients h3 {
  margin-top: 0;
}
.single-recipe #content .ingredients ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0 0 24px;
}
.single-recipe #content .ingredients p {
  margin-bottom: 12px;
}
.single-recipe #content .ingredients h3 {
  margin-bottom: 30px;
}
.single-recipe h2 {
  font-size: 40px;
  text-align: left;
  line-height: 45px;
  margin-top: 28px;
  margin-bottom: 18px;
  color: #f07d00;
  float: left;
  width: 100%;
}
.single-recipe .product-info {
  margin: 40px 0;
}
.single-recipe .othersizes {
  text-align: center;
  padding-top: 30px;
}
.single-recipe .othersizes h3 {
  text-align: left;
  float: left;
  width: 100%;
}
.single-recipe .method {
  font-size: 13px;
  border-top: 1px solid #f07d00;
  margin-top: 10px;
  float: left;
  width: 100%;
}
.single-recipe .method strong {
  color: #f07d00;
}
.single-recipe .key-tips {
  border: 3px solid #fdf2e5;
  padding: 20px;
  font-size: 13px;
  float: left;
  width: 100%;
}
.single-recipe .key-tips h3 {
  font-size: 16px;
  color: #f07d00;
  margin-top: 0;
}

.times {
  float: left;
  width: 100%;
}
.times span {
  float: right;
  padding-left: 30px;
  margin-left: 20px;
  font-size: 10px;
  line-height: 11.5px;
  position: relative;
  padding-bottom: 4px;
}
.times span:before {
  position: absolute;
  left: 0;
  content: "";
  width: 22px;
  height: 22px;
  background-image: url(../../images/cook-icons.png);
}
.times span.prep {
  margin-left: 0;
}
.times span.prep:before {
  background-position: 0 0;
}
.times span.cook:before {
  background-position: -22px 0;
}
.times span.serves:before {
  background-position: -44px 0;
}
.times span.total {
  border-bottom: 1px solid #58595b;
}
.times span.total:before {
  background-position: -66px 0;
}

.page-recipes #content, .page-videos #content {
  background: #f6f6f6;
}
.page-recipes #content .inner, .page-videos #content .inner {
  max-width: 920px;
}
.page-recipes #content .inner.headerfloat, .page-videos #content .inner.headerfloat {
  background: transparent;
  text-align: left;
  text-transform: uppercase;
}
.page-recipes #content .inner.headerfloat h2, .page-videos #content .inner.headerfloat h2 {
  text-align: left;
}
.page-recipes #content .col-left, .page-videos #content .col-left {
  text-align: left;
  width: 33%;
}

.recipes-list {
  float: right;
  width: 66%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.recipes-list .single-recipe {
  width: 30%;
  margin: 1%;
  overflow: hidden;
}
.recipes-list .single-recipe img {
  float: left;
  width: 100%;
  transform: scale(1);
  transition: all 0.35s ease;
}
.recipes-list .single-recipe > a:hover img {
  transform: scale(1.1);
}
.recipes-list .single-recipe .details {
  float: left;
  width: 100%;
  background: #58595b;
  color: #fff;
  font-size: 10px;
  text-align: left;
  padding: 6px;
  position: relative;
  min-height: 40px;
}
.recipes-list .single-recipe .details a {
  text-decoration: none;
  float: left;
  color: #fff;
  padding-right: 40px;
}
.recipes-list .single-recipe .details span {
  float: right;
  padding-top: 18px;
  text-align: center;
  background: url(../../images/timer.png) center top no-repeat;
  font-size: 9px;
  position: absolute;
  right: 6px;
  top: 6px;
}

.recipecategories {
  float: left;
  width: 100%;
  display: flex;
  margin-bottom: 16px;
}
.recipecategories .categoryheader {
  opacity: 0.5;
}
.recipecategories input {
  display: none;
}
.recipecategories .is-checked {
  text-decoration: underline;
  opacity: 1;
}

#filters {
  padding: 0 20px 20px;
  font-size: 12px;
  font-weight: 300;
}
#filters input {
  display: none;
}
#filters label {
  float: left;
  width: 100%;
  padding-left: 26px;
  position: relative;
  font-size: 12px;
  color: #000;
  margin-bottom: 20px;
}
#filters label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  display: block;
  background-image: url(../../images/checkbox.png);
  background-position: right;
}
#filters label.is-checked:before {
  background-position: left;
}
#filters .section {
  padding: 12px 0;
  border-bottom: 2px solid #eeeeed;
  float: left;
  width: 100%;
}
#filters .section.large {
  padding: 22px 0;
  font-weight: 400;
}
#filters .section.large label {
  color: #f07d00;
  padding-left: 0;
  padding-right: 26px;
  font-size: 15px;
  margin: 0;
}
#filters .section.large label:before {
  left: auto;
  right: 0;
}
#filters h5 {
  color: #f07d00;
  font-size: 15px;
  margin-top: 0;
  position: relative;
}
#filters h5.accordion {
  -webkit-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
}
#filters h5.accordion:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  background-image: url(../../images/accordion.png);
  background-position: right;
}
#filters h5.accordion.collapsed {
  margin-bottom: 0;
}
#filters h5.accordion.collapsed:before {
  background-position: left;
}

/* =============================================================================== */
/*  ******************************   Video Styles   *****************************  */
/* =============================================================================== */
.videos-list {
  float: right;
  width: 66%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.videos-list .single-video {
  width: 45%;
  margin: 1%;
  background: #f6f6f6;
  padding: 5px 10px;
}
.videos-list .single-video img {
  float: left;
  width: 100%;
}
.videos-list .single-video .details {
  float: left;
  width: 100%;
  font-size: 10px;
  text-align: center;
  padding: 6px;
  position: relative;
  min-height: 40px;
}
.videos-list .single-video .details a {
  text-decoration: none;
}

.video-holder {
  float: left;
  width: 100%;
  background: #58595b;
  padding: 20px;
  margin-top: 60px;
  color: #fff;
}
.video-holder h3 {
  margin: 0 0 20px;
}
.video-holder p {
  font-size: 0;
  margin: 12px 0 0;
  padding: 0;
}

.fluid-width-video-wrapper {
  border-width: 7px 15px;
  border-color: #fff;
  border-style: solid;
  background: #fff;
}

.single-video #content {
  background: #f6f6f6;
}
.single-video #content .col-left {
  width: 47%;
  font-size: 20px;
}
.single-video #content .col-left img {
  border: 16px solid #eeeeed;
  margin-bottom: 12px;
}
.single-video #content .col-right {
  width: 47%;
}
.single-video #content .col-right h3 {
  float: left;
  width: 100%;
  text-align: center;
}
.single-video .product-info {
  margin-top: 0;
  padding-bottom: 60px;
}
.single-video .video-holder p {
  font-size: 27px;
}
.single-video h2 {
  font-size: 40px;
  color: orange;
  float: none;
  margin: 64px auto;
  max-width: 55%;
  border-bottom: 1px solid #f07d00;
  padding-bottom: 30px;
}

.title-holder {
  float: left;
  width: 100%;
}

/* ================================================================================= */
/*  ******************************   Podcast Styles   *****************************  */
/* ================================================================================= */
.wp-audio-shortcode {
  margin: 40px 0;
}

.podcast-item {
  width: 100%;
  max-width: 880px;
  margin: 22px auto;
  background: #f6f6f6;
  position: relative;
  padding: 36px;
  text-align: center;
}
.podcast-item .podcastinner {
  margin: 0 auto;
  background: #58595b;
  width: 100%;
  max-width: 540px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}
.podcast-item .podcastinner .podcasttitle {
  text-decoration: none;
  color: #fff;
  padding: 8px;
  display: block;
}
.podcast-item .podcastinner img {
  float: left;
  width: 100%;
}
.podcast-item .blogtitle {
  position: absolute;
  align-items: center;
  justify-content: center;
  top: -17px;
  left: 50%;
  width: 220px;
  transform: translateX(-110px);
  padding: 6px 32px;
  text-decoration: none;
  margin: 0 auto;
  background: #f07d00;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 22px;
  color: #fff;
  -webkit-transition: all, 0.2s;
  -ms-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  -transition: all, 0.2s;
  transition: all, 0.2s;
}

/* ============================================================================== */
/*  ******************************   Blog Styles   *****************************  */
/* ============================================================================== */
.blog-items {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#content .blog-item {
  padding: 28px;
  width: 46%;
  background: #414042;
  color: #fff;
  text-align: center;
  margin-bottom: 4%;
}
#content .blog-item img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
#content .blog-item a {
  color: #fff;
  margin-top: 12px;
  -webkit-transition: all, 0.2s;
  -ms-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  -transition: all, 0.2s;
  transition: all, 0.2s;
}
#content .blog-item a:hover {
  color: #f07d00;
}
#content .blog-item a.blogtitle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -20px;
  padding: 6px 12px;
  text-decoration: none;
  margin: 0 auto;
  width: 90%;
  background: #f07d00;
  font-size: 18px;
  min-height: 84px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 22px;
}
#content .blog-item a.blogtitle:hover {
  color: #fff;
  opacity: 0.9;
}
#content .blog-item p {
  padding: 0;
}

.post-type-archive #content h2 {
  color: #f07d00;
}
.post-type-archive #content .inner {
  max-width: 900px;
}

/* ================================================================================= */
/*  ******************************   Feature Styles   *****************************  */
/* ================================================================================= */
.features {
  float: left;
  width: 100%;
  padding: 3.3333333333%;
  padding-bottom: 0;
  color: #fff;
  margin-bottom: 100px;
}
.features.cooking-at-home {
  background: #f07d00;
}
.features.food-service {
  background: #636466;
}
.features.food-manufacturing {
  background: #2d2a2b;
}
.features.orange-items {
  background: #f07d00;
}

.feature-item {
  float: left;
  width: 100%;
  margin-bottom: 3.3333333333%;
  text-align: left;
}
.feature-item img {
  float: left;
  width: 42.2222222222%;
}
.feature-item .details {
  float: left;
  width: 57.7777777778%;
  padding-left: 30px;
  font-size: 14px;
}
.feature-item .featuretitle {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-decoration: none;
  float: left;
  width: 100%;
}
.feature-item .meta {
  font-size: 19px;
  line-height: 32px;
  font-weight: 700;
}
.feature-item p {
  padding: 0;
}
.feature-item a {
  color: #fff;
}

.page-features h3 {
  text-transform: uppercase;
  font-size: 37px;
  margin: 0 0 0.5em;
}

/* ======================================================================================= */
/*  ******************************   Featured Page Styles   *****************************  */
/* ======================================================================================= */
#content .pagesection.lightgrey h2 {
  font-size: 40px;
  color: #f07d00;
}
#content .pagesection.lightgrey .aligncenter {
  border: 0;
  position: relative;
  margin-bottom: 0;
}
#content .pagesection.lightgrey .inner {
  background: #f6f6f6;
  max-width: 880px;
}
#content .pagesection.lightgrey .boxed {
  margin: 0;
  top: -55px;
  position: relative;
}
#content .pagesection.lightgrey .boxed span {
  padding: 38px 60px;
  background: #fff;
  display: inline-block;
}

#content .pagesection.lightorange h2 {
  font-size: 40px;
  color: #414042;
}
#content .pagesection.lightorange .aligncenter {
  border: 0;
  position: relative;
  margin-bottom: 0;
}
#content .pagesection.lightorange .inner {
  background: #fff2e5;
  max-width: 880px;
}
#content .pagesection.lightorange .boxed {
  margin: 0;
  top: -55px;
  position: relative;
}
#content .pagesection.lightorange .boxed span {
  padding: 38px 60px;
  background: #fff;
  display: inline-block;
}

.chef-recipes {
  display: inline-block;
  margin: 0 auto;
  background: #f07d00;
  padding: 45px;
}
.chef-recipes .single-recipe {
  padding: 9px 9px 18px 9px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  display: inline-block;
  margin-bottom: 15px;
}
.chef-recipes .single-recipe .details {
  width: 100%;
  font-size: 20px;
  line-height: 36px;
}
.chef-recipes .single-recipe .details h2, .chef-recipes .single-recipe .details a {
  width: 100%;
  float: left;
  text-align: center;
}
.chef-recipes .single-recipe img {
  margin: 6px;
}

.page-template-template-kikkoman-excellence #content .pagesection.lightgrey h2 {
  margin-bottom: 0;
  color: #414042;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightgrey h5 {
  font-size: 20px;
  font-weight: 200;
  margin: 14px 0;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightgrey .boxed {
  color: #f07d00;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightgrey h3 {
  color: #f07d00;
  margin: 70px 0;
  font-size: 32px;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightgrey h3 span {
  font-weight: 300;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightgrey .blog-item {
  background: #eeeeee;
  padding: 24px 24px 4px;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightgrey .blog-item a.blogtitle {
  font-size: 15px;
  text-transform: none;
  min-height: 55px;
  line-height: 20px;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightorange h5 {
  font-size: 20px;
  font-weight: 200;
  margin: 14px 0;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightorange .boxed {
  color: #f07d00;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightorange h3 {
  color: #414042;
  margin: 70px 0;
  font-size: 32px;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightorange h3 span {
  font-weight: 300;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightorange .blog-item {
  padding: 12px 12px 0px;
  background: transparent;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightorange .blog-item a.blogtitle {
  font-size: 23px;
  text-transform: none;
  min-height: 55px;
  line-height: 20px;
  color: #f07d00;
  background: #fff;
}
.page-template-template-kikkoman-excellence #content .pagesection.lightorange .blog-item .thelink {
  color: #414042;
}
.page-template-template-kikkoman-excellence #content .col-left {
  width: 47%;
  font-size: 20px;
}
.page-template-template-kikkoman-excellence #content .col-left img {
  border: 16px solid #eeeeed;
  margin-bottom: 12px;
}
.page-template-template-kikkoman-excellence #content .col-right {
  width: 47%;
}
.page-template-template-kikkoman-excellence #content .col-right h3 {
  float: left;
  width: 100%;
  text-align: center;
}
.page-template-template-kikkoman-excellence .product-info {
  margin-top: 0;
  padding-bottom: 60px;
}
.page-template-template-kikkoman-excellence .video-holder {
  margin-top: 0;
}
.page-template-template-kikkoman-excellence .video-holder p {
  font-size: 27px;
}
.page-template-template-kikkoman-excellence .title-holder h2 {
  font-size: 40px;
  color: orange;
  float: none;
  margin: 64px auto;
  max-width: 55%;
  border-bottom: 1px solid #f07d00;
  padding-bottom: 30px;
}
.page-template-template-kikkoman-excellence .meta {
  font-size: 19px;
  line-height: 32px;
  font-weight: 700;
  margin-top: 0;
}

/* Top Tips and Tricks */
.page-top-chef-tips-tricks #content .inner {
  max-width: 700px;
}
.page-top-chef-tips-tricks .aligncenterhold {
  position: relative;
  font-size: 0;
}
.page-top-chef-tips-tricks .aligncenterhold:before {
  display: block;
  width: 65px;
  height: 65px;
  content: "";
  background: url(../../images/tip.png);
  background-size: contain;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-32px);
}
.page-top-chef-tips-tricks .aligncenterhold img {
  margin-bottom: 0;
}
.page-top-chef-tips-tricks h3 {
  width: 80%;
  float: none;
  margin: 0 auto;
  padding: 12px;
  background: #f07d00;
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  position: relative;
  top: -70px;
}

.tips {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.tips .tip {
  width: 40%;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 44px;
}
.tips .tip img {
  border: 14px solid #414042;
  width: 100%;
  height: auto;
  margin-bottom: 24px;
}
.tips .tip .tipimghold {
  position: relative;
}
.tips .tip .tipimghold:after {
  display: block;
  width: 65px;
  height: 65px;
  content: "";
  background: url(../../images/tip.png);
  background-size: contain;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-32px);
}
.tips .tip h4 {
  color: #f07d00;
  font-size: 28px;
  line-height: 28px;
}

/* =============================================================================== */
/*  ******************************   Form Styles   ******************************  */
/* =============================================================================== */
.page-get-in-touch #content ul {
  list-style-type: none;
  text-align: left;
  padding: 0;
}
.page-get-in-touch #content ul li {
  float: left;
  width: 100%;
  margin-bottom: 12px;
  background: #fff;
  padding: 14px;
}
.page-get-in-touch #content ul li.hidden_label label {
  display: none;
}
.page-get-in-touch #content .gfield input {
  background: #fff;
  border: 0;
}
.page-get-in-touch #content .gfield textarea {
  width: 100%;
  border: 0;
  resize: vertical;
}
.page-get-in-touch #content .gfield li {
  width: auto;
}
.page-get-in-touch #content .gfield .gfield_label {
  float: left;
}
.page-get-in-touch #content .gfield .ginput_container_radio {
  float: left;
}
.page-get-in-touch #content .gfield .ginput_container_radio ul {
  margin: 0;
}
.page-get-in-touch #content .gfield .ginput_container_radio input {
  display: none;
}
.page-get-in-touch #content .gfield .ginput_container_radio li {
  padding: 0 14px;
  margin-bottom: 0;
}
.page-get-in-touch #content .gfield .ginput_container_radio label {
  padding-left: 26px;
  position: relative;
}
.page-get-in-touch #content .gfield .ginput_container_radio label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  display: block;
  background-image: url(../../images/checkbox.png);
  background-position: right;
}
.page-get-in-touch #content .gfield .ginput_container_radio li.is-checked label:before {
  background-position: left;
}
.page-get-in-touch #content .gfield select {
  margin-left: 14px;
  padding: 4px;
  border: 1px solid #abacad;
}
.page-get-in-touch .gform_body {
  float: left;
  width: 100%;
  padding-top: 30px;
}
.page-get-in-touch .gform_footer {
  float: left;
  width: 100%;
}
.page-get-in-touch .gform_footer .gform_button {
  float: left;
  width: 100%;
  padding: 14px;
  color: #fff;
  background: #f07d00;
  text-transform: uppercase;
  border: 0;
}
.page-get-in-touch .disclaimer {
  float: left;
  width: 100%;
  margin: 40px 0;
  font-size: 10px;
}

/* ================================================================================= */
/*  ******************************   Footer Styles   ******************************  */
/* ================================================================================= */
.footer {
  float: left;
  width: 100%;
  background: #f07d00;
  color: #fff;
  font-weight: 300;
  font-size: 15px;
}
.footer ul, .footer ol {
  padding: 0;
  list-style-type: none;
}
.footer u {
  text-decoration: none;
}
.footer .inner p {
  padding: 0;
}
.footer .element-invisible {
  display: none;
}
.footer #edit-submitted-email {
  background: #f28b1c;
  color: #fff;
  border: 0;
  font-size: 11px;
  padding: 6px;
  width: 325px;
  height: 25px;
}
.footer #edit-submitted-email::placeholder {
  color: #fff;
}

#webform-client-form-5 {
  float: left;
  position: relative;
}
#webform-client-form-5 .form-actions {
  position: absolute;
  left: 325px;
  top: 57px;
}
#webform-client-form-5 .form-actions input {
  border: 0;
  background: #fff;
  color: #f07d00;
  height: 25px;
  padding: 2px 14px;
  -webkit-transition: all, 0.2s;
  -ms-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  -transition: all, 0.2s;
  transition: all, 0.2s;
}
#webform-client-form-5 .form-actions input:hover {
  background: #f28b1c;
  color: #fff;
}

.menu-social-menu-container {
  float: right;
  margin-top: 33px;
}
.menu-social-menu-container a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 29px;
  height: 29px;
  display: block;
}
.menu-social-menu-container li {
  display: inline-block;
  margin-left: 12px;
}
.menu-social-menu-container .instagram {
  background-image: url(../../images/icon-insta.png);
}
.menu-social-menu-container .facebook {
  background-image: url(../../images/icon-fb.png);
}

.followp {
  float: right;
  margin-top: 54px;
}

footer {
  float: left;
  width: 100%;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 24px 0;
}
footer ul, footer ol {
  padding: 0;
  list-style-type: none;
}
footer a {
  color: #fff;
}
footer .inner p {
  display: inline-block;
  opacity: 0.5;
  padding: 0 0 0 6px;
}

.menu-bottom-links-container {
  display: inline-block;
}
.menu-bottom-links-container li {
  display: inline-block;
}
.menu-bottom-links-container li a {
  font-size: 12px;
  opacity: 0.5;
  padding: 0 8px;
  border-right: 1px solid #fff;
  -webkit-transition: all, 0.2s;
  -ms-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  -transition: all, 0.2s;
  transition: all, 0.2s;
}
.menu-bottom-links-container li a:hover {
  opacity: 1;
}

/* ============================================================================= */
/*  ******************************   Keyframes   ******************************  */
/* ============================================================================= */
@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
/* =============================================================================== */
/*  ******************************   sitemap page  Styles   *****************************  */
/* =============================================================================== */
.page-sitemap#content h2 {
  text-align: left;
  text-transform: uppercase;
}
.page-sitemap#content .inner {
  text-align: left;
}
.page-sitemap#content .inner li {
  margin-left: 15px;
}
.page-sitemap#content .inner li ul {
  margin: 0;
  margin-left: 18px;
}
.page-sitemap#content .inner li ul li {
  margin: 0;
}

/* =============================================================================== */
/*  ******************************   news page Styles   *****************************  */
/* =============================================================================== */
.news-archive .inner-top {
  background: #f6f6f6;
}
.news-archive .inner-top img {
  margin-top: 40px;
}
.news-archive .inner-top p {
  padding: 0;
}
.news-archive .inner-top .news-top {
  background: #ffffff;
  padding: 1px 20px;
  margin: -70px 100px 40px 100px;
  box-sizing: border-box;
  display: block;
  z-index: 1;
  position: relative;
}
.news-archive .inner-top .news-top h2 {
  font-size: 40px;
}
.news-archive .inner h3 {
  font-size: 40px;
  color: #414042;
}
.news-archive .inner .features {
  margin-top: 40px;
}

/* =============================================================================== */
/*  ******************************   search page Styles   *****************************  */
/* =============================================================================== */
.search-page h1 {
  font-size: 40px;
  width: 100%;
}
.search-page .inner-top {
  background: transparent;
}
.search-page .search-result-count {
  margin-bottom: 50px;
}
.search-page .screen-reader-text {
  display: none;
}
.search-page .search-list {
  float: left;
  width: 100%;
  padding: 3.3333333333%;
  padding-bottom: 3.33333%;
  padding-bottom: 0;
  color: #414042;
  margin-bottom: 100px;
  background: #f6f6f6;
}
.search-page .search-list .search-item {
  float: left;
  width: 100%;
  margin-bottom: 3.3333333333%;
  text-align: left;
}
.search-page .search-list .search-item img {
  float: left;
  width: 30%;
}
.search-page .search-list .search-item p {
  padding: 0;
}
.search-page .search-list .search-item .details {
  float: left;
  width: 57.7777777778%;
  padding-left: 30px;
  font-size: 14px;
}
.search-page .search-list .search-item .details .featuretitle {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-decoration: none;
  float: left;
  width: 100%;
}

/* =============================================================================== */
/*  ******************************   pagination   *****************************  */
/* =============================================================================== */
.pagination {
  margin-bottom: 40px;
}
.pagination .nav-links > a, .pagination .nav-links > span {
  font-size: 20px;
  margin: 10px;
}
.pagination .nav-links > a.current, .pagination .nav-links > span.current {
  color: #f07d00;
}

/* ============================================================================== */
/*  ******************************   Page item lsit Styles   *****************************  */
/* ============================================================================== */
.page-items {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#content .page-item-col-2, #content .page-item-col-1 {
  padding: 28px 28px 12px 28px;
  background: #f6f6f6;
  color: #fff;
  text-align: center;
  margin-bottom: 4%;
}
#content .page-item-col-2 img, #content .page-item-col-1 img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
#content .page-item-col-2 a, #content .page-item-col-2 ._pagetitle, #content .page-item-col-1 a, #content .page-item-col-1 ._pagetitle {
  color: #fff;
  margin-top: 12px;
  -webkit-transition: all, 0.2s;
  -ms-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  -transition: all, 0.2s;
  transition: all, 0.2s;
}
#content .page-item-col-2 a:hover, #content .page-item-col-2 ._pagetitle:hover, #content .page-item-col-1 a:hover, #content .page-item-col-1 ._pagetitle:hover {
  color: #f07d00;
}
#content .page-item-col-2 .pagetitle, #content .page-item-col-1 .pagetitle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -20px;
  padding: 6px 12px;
  text-decoration: none;
  margin: 0 auto;
  width: 85%;
  background: #f07d00;
  font-size: 18px;
  min-height: 84px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 22px;
}
#content .page-item-col-2 .pagetitle:hover, #content .page-item-col-1 .pagetitle:hover {
  color: #fff;
  opacity: 0.9;
}
#content .page-item-col-2 p, #content .page-item-col-1 p {
  padding: 0;
}

#content .page-item-col-1 {
  width: 100%;
}

#content .page-item-col-2 {
  width: 46%;
}

/* ============================================================================== */
/*  ******************************   Page fact Styles   *****************************  */
/* ============================================================================== */
.page-fact .page-item-col-1 {
  max-width: 683px;
  margin-left: auto;
  margin-right: auto;
}
.page-fact h4, .page-fact h5 {
  color: #f07d00;
}

/* ============================================================================== */
/*  ******************************   Page FAQs Styles   *****************************  */
/* ============================================================================== */
.faq-item + .faq-item {
  margin-top: 40px;
}

.faq-item .icon {
  display: block;
  position: relative;
  width: 65px;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
}
.faq-item .icon.icon-video {
  background: url(../../images/Icon-video.svg);
}
.faq-item .icon.icon-star {
  background: url(../../images/Icon-star.svg);
}
.faq-item .icon.icon-leaf {
  background: url(../../images/Icon-leaf.svg);
}
.faq-item .icon.icon-bean {
  background: url(../../images/Icon-bean.svg);
}
.faq-item .icon.icon-alcohol {
  background: url(../../images/Icon-alcohol.svg);
}
.faq-item .icon.icon-egg {
  background: url(../../images/Icon-egg.svg);
}
.faq-item .icon.icon-additive {
  background: url(../../images/Icon-additive.svg);
}
.faq-item .icon.icon-cart {
  background: url(../../images/Icon-cart.svg);
}
.faq-item .icon.icon-plater {
  background: url(../../images/Icon-plater.svg);
}

/* ============================================================================== */
/*  ******************************   instagram section Styles   *****************************  */
/* ============================================================================== */
#content.hompagecontent {
  padding-bottom: 0;
}
#content .instagramsection {
  margin-bottom: 0;
  padding-top: 44px;
  padding-bottom: 44px;
}
#content .instagramsection .top {
  display: flex;
  align-items: center;
}
#content .instagramsection h5 {
  font-weight: 500;
  margin-bottom: 40px;
}
#content .instagramsection .line-left {
  width: calc(50% - 43px);
  height: 1px;
  background: #414042;
  display: inline-block;
  margin-right: 20px;
}
#content .instagramsection .line-right {
  width: calc(50% - 43px);
  height: 1px;
  background: #414042;
  display: inline-block;
  margin-left: 20px;
}
#content .instagramsection .icon-instagram {
  display: inline-block;
  width: 43px;
  height: 43px;
  background: url(../../images/icon-instagram.svg);
}
#content .instagramsection .instagram-items {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
}
#content .instagramsection .instagram-items .instagram-item {
  width: 31%;
  margin: 0;
  overflow: hidden;
}
#content .instagramsection .instagram-items .instagram-item img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.35s ease;
}
#content .instagramsection .instagram-items .instagram-item p {
  padding: 0;
  text-align: center;
}
#content .instagramsection .instagram-items .instagram-item .instagram-item-image {
  overflow: hidden;
  display: flex;
}
#content .instagramsection .instagram-items .instagram-item > a {
  text-decoration: none;
}
#content .instagramsection .instagram-items .instagram-item > a:hover img {
  transform: scale(1.1);
}