@-ms-viewport{
  width: device-width;
}

:root *, :root *::before, :root *::after {
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
	font-family: "Roboto", sans-serif;
	font-size: 62.5%;
	font-weight: 400;
	color: rgb(0,0,0);
	text-align: center;
	background: rgb(255,255,255);
	
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	text-size-adjust: none;
	
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	width: 100vw;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

.svg_icons {
	width: 0px;
	height: 0px;
	display: none;
}

h1, h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	color: rgb(0,57,105);
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 6.8rem;
	line-height: 1.1;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 3.1rem;
}

p {
	margin: 16px 0 0 0;
	font-size: 1.8rem;
	line-height: 1.85;
}

ul, ol {
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 1.8rem;
	line-height: 1.85;
}

a {
	color: rgb(0,57,105);
	text-decoration: none;
	transition: color linear 0.2s;
}
a:hover {
	color: rgb(59,103,140);
}
a p {
	color: rgb(0,0,0);
}
a.context {
	text-decoration: underline;
}
a.special_link_tel {
	color: rgb(0,0,0);
}

a.link_button {
	margin: 32px 0 0 0;
	padding: 11px 20px;
	font-size: 1.8rem;
	color: rgb(255,255,255);
	background: rgb(160,12,28);
	display: inline-block;
}
a.link_button.inline {
	margin-left: 20px;
	display: inline;
}
a.link_button + p {
	margin-top: 32px;
}


.wrap {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 40px;
	text-align: left;
	position: relative;
}

.flexible_row {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
}
.flexible_row.between {
	justify-content: space-between;
}
.flexible_row.around {
	justify-content: space-around;
}
.flexible_row.end {
	justify-content: flex-end;
}
.flexible_row.align_items_center {
	align-items: center;
}
.flexible_row.no_wrap {
	wrap: nowrap;
}

.flex_buffer_row {
	width: 100%;
	z-index: 48;
}
.flex_buffer_row.top-100 {
	margin-top: 100px;
}
.flex_buffer_row.top-64 {
	margin-top: 64px;
}

.sur-title {
	margin: 0 0 9px 0;
	font-size: 1.8rem;
	color: rgb(0,57,105);
	line-height: 1;
}

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

/* -------- */

header {
	width: 100%;
	padding: 24px 0;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}
header .wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.logo {
	width: 181px;
	height: 116px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/*  img[src$=".svg"] {
    width: 100%;
  }*/
	
	.logo {
		width: 181px;
		height: 116px;
	}
}

.tab-nav-menu {
/*	padding: 8px 16px;
	font-size: 1.6rem;
	color: rgb(80,81,83);
	letter-spacing: 0.08em;
	border: 1px rgba(80,81,83,0.8) solid;
	border-radius: 3px;*/
	width: 28px;
	height: 14px;
	align-self: center;
	display: none;
}
.tab-nav-menu svg {
	width: 28px;
	height: 14px;
	fill: rgba(0,57,105,1);
}
.tab-nav-menu.active svg {
	fill: rgba(0,57,105,0.6);
}

nav {
	padding: 91px 0 0 0;
	font-size: 2.1rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

nav a {
	margin: 0 0 0 32px;
	color: rgb(128,128,128);
	text-align: right;
	transition: color linear 0.2s;
}
nav a:hover {
	color: rgb(59,103,140);
}
nav a.active {
	color: rgb(0,57,105);
}

nav a.tab-01 {
	width: 54px;
	margin: 0;
}
nav a.tab-02 {
	width: 60px;
}
nav a.tab-03 {
	width: 121px;
}
nav a.tab-04 {
	width: 114px;
}
nav a.tab-05 {
	width: 128px;
}
nav a.tab-06 {
	width: 96px;
}

/* -------- */

section {
	width: 100%;
}

/* ---- */

section.hero {
	height: 512px;
	color: rgb(255,255,255);
	text-align: left;
	background: rgb(0,57,105);
	position: relative;
}
section.hero.home {
	height: 688px;
}
section.hero.custom_flavors {
	z-index: -4;
}

section.hero .sur-title {
	color: rgb(255,255,255);
}

section.hero h1 {
	margin: 0 0 0 -22px;
	padding: 0 0 0 22px;
	color: rgb(255,255,255);
	position: relative;
	z-index: 4;
}
section.hero h1:before {
	content: "";
	width: 3px;
	height: 86%;
	background: rgb(181,33,39);
	position: absolute;
	left: 0;
	top: 7%;
	z-index: 12;
}
section.hero h1.private_label:before {
	height: 96%;
	top: 5%;
}

section.hero p {
	margin: 16 0 0 0;
	font-size: 2rem;
	line-height: 1.8;
	z-index: 4;
}

section.hero .wrap {
	padding: 64px 40px;
	z-index: 10;
/*	background: rgba(0,57,105,0);*/
}

section.hero .hero_copy {
	max-width: 488px;
}

/* ---- */

section.main {
	padding: 56px 0 56px 0;
	position: relative;
}
section.main.home {
	padding: 65px 0 42px 0;
}
section.main.zero {
	padding: 0;
}
section.main.spices {
	padding: 56px 0 80px 0;
}
section.main.private_label_intro {
	padding-bottom: 80px;
}
section.main.private_label_advantage {
	padding-top: 80px;
}
section.main.contact {
	padding: 64px 40px;
}
section.main.gray {
	background: rgb(236,235,232);
}
section.main.lightgray {
	background: rgb(248,248,246);
}
section.main.home_triple_box {
	padding: 80px 40px 160px 40px;
}

section.main.blockquote {
	overflow: hidden;
}
/* -------- */

.copy_block {
	width: 540px;
}
.copy_block.lead-424 {
	width: 424px;
}
.copy_block.lead-600 {
	width: 600px;
}
.copy_block.lead-744 {
	width: 744px;
}
.copy_block.lead-700 {
	width: 700px;
}
.copy_block.lead-712 {
	width: 712px;
}
.copy_block.lead-full {
	width: 100%;
}

.copy_block.centered {
	margin: 0 auto;
}

/* -------- */

.column_block {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.column_block.white {
	background: rgb(255,255,255);
}
.column_block p {
	word-spacing: -0.06em;
}

/* ---- */

.column_block.home {
	width: 100%;
	padding: 46px 58px;
}
.column_block.home .column {
	width: 276px;
}

/* ---- */

.column_block.about {
	width: 846px;
	padding: 56px 40px;
	flex-wrap: wrap;
}
.column_block.about .column {
	width: 228px;
}
.column_block.about h2 {
	width: 100%;
	margin: 0 0 32px 0;
}
.column_block.about .factoid {
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 8.0rem;
	font-weight: 700;
	color: rgb(0,57,105);
	line-height: 1;
	position: relative;
}
.column_block.about .factoid span {
	width: 100%;
	margin: 8px 0 0 0;
	font-family: "Roboto", sans-serif;
	font-size: 1.8rem;
	display: block;
}
.column_block.about .factoid:after {
	content: "";
	width: 152px;
	height: 3px;
	background: rgb(181,33,39);
	position: absolute;
	left: 0;
	bottom: -24px;
	z-index: 12;
}

/* ---- */

.column_block.spices .column {
	width: 520px;
	padding: 42px;
	background: rgb(255,255,255);
	border-width: 9px 0 0 0;
	border-style: solid;
	border-image-source: linear-gradient(90deg, rgb(191,33,39), rgb(256,147,30));
	border-image-slice: 1;
}
.column_block.spices h3 {
	margin-bottom: 0;
	font-size: 2.4rem;
	color: rgb(160,12,28);
}
.column_block.spices h3 + p {
	margin: 0;
}

/* ---- */

.bg_blend_process {
	background: url("/_img/custom_blend.bg.process_arrows.svg") center 102px no-repeat;
}

.column_block.custom_blend {
	width: 100%;
	margin: 32px 0 24px 0;
}

.column_block.custom_blend .column {
	width: 232px;
	text-align: center;
/*	background: rgb(236,235,232);*/
}
.column_block.custom_blend h3 {
	font-size: 1.8rem;
}

/* ---- */

.the_advantage {
	width: 100%;
	padding: 44px 32px 36px 32px;
	border-width: 9px 0 0 0;
	border-style: solid;
	border-image-source: linear-gradient(90deg, rgb(191,33,39), rgb(256,147,30));
	border-image-slice: 1;
	background: rgb(255,255,255);
}
.the_advantage .column_block {
	margin: 32px 0 0 0;
}
.the_advantage .column {
	width: 468px;
}

.the_advantage ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.the_advantage li {
	padding: 0 0 0 26px;
}
.the_advantage li + li {
	margin-top: 24px;
}
.the_advantage ul h3 {
	margin: 0;
	font-size: 1.8rem;
	color: rgb(160,12,28);
	line-height: 1;
}
.the_advantage ul svg.bullet {
	width: 18px;
	height: 18px;
	margin: 0 8px 0 -26px;
	display: inline;
	position: relative;
	top: 3px;
	
	border-radius: 50%;
}

.the_advantage ul p {
	margin: 8px 0 0 0;
	word-spacing: -0.06em;
}

/* ---- */

.column_block p {
	word-spacing: -0.06em;
}

/* ---- */

.custom_blend_overlap {
	height: 426px;
	margin: 64px 0 0 0;
}
.custom_blend_overlap .overlap_copy {
	width: 554px;
	padding: 48px 40px;
	background: rgb(255,255,255);
	z-index: 4;
}

/* -------- */

.callout_private_label {
	padding: 80px 256px 70px 256px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 3.1rem;
	font-weight: 700;
	color: rgb(255,255,255);
	line-height: 1.44;
	text-align: center;
}

.private_label_overlap {
	margin: 64px 0 0 0;
}
.private_label_overlap .overlap_copy {
	width: 545px;
	padding: 48px 40px;
	background: rgb(255,255,255);
	z-index: 4;
}

/* -------- */

.badge {
	width: 78px;
	height: 78px;
	margin: 0 auto 30px auto;
	padding: 0;
/*	background: rgb(160,12,28);*/
	border-radius: 50%;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.favor_type .badge {
	background: transparent;
/*	border: 2pt rgb(160,12,28) solid;*/
}

.badge svg {
	width: 100%;
	height: 100%;
}

.icon-arrow {
	width: 20px;
	height: 12px;
	margin-left: 8px;
}

/* -------- */

.custom_favors_submenu {
	width: 256px;
	margin: -132px 0 0 40px;
	padding: 47px 32px 29px 32px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 2.1rem;
	line-height: 1;
	background: rgb(255,255,255);
	position: absolute;
	left: 0;
	top: 0;
}
.custom_favors_submenu a {
	margin: 0 0 16px 0;
	color: rgb(128,128,128);
	display: block;
	transition: color linear 0.2s;
}
.custom_favors_submenu a:hover {
	color: rgb(59,103,140);
}

.favor_type {
	width: 84px;
	font-size: 1.8rem;
	color: rgb(160,12,28);
	line-height: 1.3;
	text-align: center;
}

section.favors_corporate {
	padding: 80px 0 0 0;
}
section.favors_wedding {
	padding-top: 80px;
}
section.favors_process {
	padding-top: 108px;
}
.copy_block.favors_process_copy {
	margin-top: 64px 0 0 0;
	padding: 50px;
	background: rgb(255,255,255);
	z-index: 4;
}

.favors_process_copy h2 {
	margin: 0 0 24px 0;
	color: rgb(160,12,28);
}

.favors_process_copy h3 {
	margin: 0;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 2.2rem;
	color: rgb(0,57,105);
}
.favors_process_copy h3 span {
	font-size: 3.1rem;
	color: rgb(160,12,28);
}
.favors_process_copy h3 + p {
	margin: 8px 0 0 0;
}
.favors_process_copy p + h3 {
	margin: 48px 0 0 0;
}

/* -------- */

.contacts_info {
	margin-top: 48px;
}

form {
	width: 600px;
	margin: 0 120px 0 0;
}

label {
	font-family: "Roboto", sans-serif;
	font-size: 1.8rem;
	color: rgb(0,0,0);
	display: block;
}
input.form_field {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 48px;
	margin: 6px 0 0 0;
	padding: 0 8px;
	font-family: "Roboto", sans-serif;
	font-size: 1.8rem;
	color: rgb(0,0,0);
	border: 1px rgb(109,110,113) solid;
	border-radius: 0;
	box-sizing: border-box;
}
input[name="contact_website"] {
	width: 0px;
	height: 0px;
	border: 0;
}
textarea {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 240px;
	margin: 8px 0 0 0;
	padding: 0 8px;
	font-family: "Roboto", sans-serif;
	font-size: 1.8rem;
	color: rgb(0,0,0);
	line-height: 1.85;
	border: 1px rgb(109,110,113) solid;
	border-radius: 0;
	
}
form.contacts_form label + label {
	margin: 32px 0 0 0;
}

input.form_button {
	margin: 32px 0 0 0;
	padding: 11px 20px;
	font-family: "Roboto", sans-serif;
	font-size: 1.8rem;
	color: rgb(255,255,255);
	background: rgb(160,12,28);
	display: inline-block;
	
	border: 0;
	
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	cursor: pointer;
}

.contacts_address {
	width: 232px;
	margin-top: 16px;
}
.contacts_address p:first-child {
	margin: 0;
}

/* ---- Image Styles ---- */

.an_image {
	overflow: hidden;
}

.an_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.an_image.home_001 {
	width: 520px;
	height: 520px;
}
.an_image.home_002 {
	width: 298px;
	height: 320px;
	position: absolute;
	left: -120px;
	top: -160px;
}
.an_image.home_003 {
	width: 320px;
	height: 318px;
	position: absolute;
	right: -120px;
	bottom: -160px;
}

.an_image.about_001 {
	width: 384px;
	height: 248px;
	position: absolute;
	right: -64px;
	z-index: 0;
}
.an_image.about_002 {
	width: 576px;
	height: 489px;
	position: absolute;
	left: -296px;
	top: -30px;
	z-index: 4;
}
.an_image.about_003 {
	width: 720px;
	height: 592px;
	position: absolute;
	right: -160px;
	bottom: -80px; 
	z-index: 0;
}


.an_image.spices_001 {
	width: 562px;
	height: 500px;
	margin-top: 24px;
	position: absolute;
	right: 39px;
	top: -12px;
	z-index: 4;
}
section.spices_bg_003 {
	padding-top: 80px;
	padding-bottom: 560px;
	background-color: rgb(236,235,232);
	background-image: url("/_img/spices.002.bg_ingredients.png");
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	object-fit: cover;
}
@media only screen and (min-width: 1280px) {
	section.spices_bg_003 {
		padding-bottom: 400px;
	}
}
@media only screen and (min-width: 1560px) {
	section.spices_bg_003 {
		padding-bottom: 560px;
	}
}


.an_image.custom_blend_001 {
	width: 320px;
	height: 290px;
	position: absolute;
	right: -40px;
	bottom: -100px;
	z-index: 4;
}
.an_image.custom_blend_002 {
	width: 720px;
	height: 426px;
	position: absolute;
	top: 0;
	left: -104px;
}


.an_image.private_label_001 {
	width: 420px;
	height: 320px;
}
.an_image.private_label_002 {
	width: 515px;
	height: 460px;
}


.an_image.custom_favors_001 {
	 width: 920px;
	 height: 366px;
	 margin: 32px auto 0 auto;
	 display: block;
}
.an_image.custom_favors_002 {
	 width: 432px;
	 height: 492px;
}
.an_image.custom_favors_003 {
	 width: 690px;
	 height: 480px;
	 position: absolute;
	 left: 0;
	 top: -50px;
}


.an_image.hero {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	object-fit: cover;
}
.an_image.hero.home {
	height: 688px;
}
.an_image.bg_blockquote {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	object-fit: cover;
}


section.contact_bg_001 {
	padding-bottom: 640px;
	background-color: rgb(236,235,232);
	background-image: url("/_img/contact.001.bg_spices.png");
	background-size: 48% auto;
	background-position: right -20px;
	background-repeat: no-repeat;
}
@media only screen and (min-width: 1921px) {
	section.contact_bg_001 {
		background-size: 40% auto;
	}
}

/* ---- Z-Index Values ---- */

.z-4 {
	z-index: 4;
}

/* -------- */

footer {
	width: 100%;
	padding: 32px 0 20px 0;
	font-size: 1.46rem;
	line-height: 1.6;
	color: rgb(0,0,0);
}
footer p {
	font-size: 1.46rem;
	line-height: 1.6;
}

footer h3 {
	margin: 0 0 12px 0;
	font-size: 1.46rem;
	font-weight: 700;
	line-height: 1;
}

footer h3 + p {
	margin-top: 0;
}

footer a {
	display: block;
}
footer a.link_tel {
	color: rgb(0,0,0);
}

footer .copyright {
	width: 100%;
	margin: 17px 0 0 0;
	padding: 19px 0 0 0;
	border-top: 1px rgb(236,235,232) solid;
}

footer .wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

/* -------- */

@media only screen and (max-width: 1024px) {

	.wrap {
		max-width: 1024px;
		padding: 0 32px;
	}
	
	
	.logo {
		width: auto;
		height: 84px;
	}
	nav {
		padding: 59px 0 0 0;
	}
	
	
	.column_block.home {
		padding: 40px;
	}
	.column_block.home .column {
		width: 240px;
	}
	.an_image.home_003 {
		right: -40px;
	}
	
	
	.an_image.about_001 {
		width: 384px;
		right: 0;
		overflow-x: hidden;
	}
	.an_image.about_001 img {
		width: 124%;
		height: auto;
		object-fit: auto;
		padding: 0 0 0 96px;
	}
	.an_image.about_002 {
		left: -400px;
		top: -48px;
	}
	.an_image.about_003 {
		width: 620px;
		right: 0px;
		overflow-x: hidden;
	}
	.an_image.about_003 img {
		width: 120%;
		height: auto;
		object-fit: auto;
		padding-left: 80px;
	}
	
	
	section.spices_bg_003 {
		padding-bottom: 320px;
	}
	
	
	.an_image.custom_blend_001 {
		right: 0;
	}
	
	.bg_blend_process {
		background: none;
		background-image: url("/_img/custom_blend.bg.process_arrows.svg");
		background-size: 572px auto;
		background-position: center 102px;
		background-repeat: no-repeat;
	}
	.column_block.custom_blend .column {
		width: 224px;
	}
	
	
	.an_image.private_label_001 {
		width: 396px;
		height: 360px;
	}
	.callout_private_label {
		padding: 54px 200px 56px 200px;
	}
	.private_label_overlap .overlap_copy {
		width: 506px;
	}
	.an_image.private_label_002 {
		width: 454px;
	}
	
	
	.custom_favors_submenu {
		width: 232px;
		margin: -120px 0 0 40px;
		padding: 40px 24px 29px 24px;
	}
	.an_image.custom_favors_002 {
		width: 320px;
		height: 512px;
		overflow-x: hidden;
	}
	.an_image.custom_favors_002 img {
		width: auto;
		margin-left: -32px;
	}
	
	
	form {
		width: 564px;
		margin: 0 64px 0 0;
	}
	
}

/* -------- */

@media only screen and (max-width: 960px) {

	.wrap {
		max-width: 100%;
		padding: 0 24px;
	}
	
	
	header {
		padding: 16px 0;
	}
	header .wrap {
		flex-wrap: wrap;
	}
	.logo {
		width: auto;
		height: 84px;
	}
	nav {
		width: 100%;
		margin: 16px 0 0 0;
		padding: 16px 0 0 0;
		border-top: 1px rgb(236,235,232) solid;
	}
	nav a {
		margin: 0;
	}
	
	
	section.main.home_triple_box {
		padding: 80px 0 160px 0;
	}
	.an_image.home_001 {
		width: 272px;
		height: 400px;
	}
	.column_block.home {
		padding: 32px;
		flex-flow: column;
	}
	.column_block.home .column {
		width: 100%;
		margin: 0 0 48px 0;
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		text-align: left;
	}
	.column_block.home .column:last-of-type {
		margin: 0;
	}
	.column_block.home .column .badge {
		width: 78px;
		height: 78px;
		margin: 0 32px 0 0;
	}
	.column_block.home .column .sur-title {
		margin: 0;
		text-align: left !important;
		flex-grow: 1;
	}
	.column_block.home .column h2 {
		width: 100%;
		margin: -56px 0 0 110px;
		text-align: left !important;
		flex-grow: 1;
	}
	.column_block.home .column p {
		width: 100%;
		margin: -8px 0 0 110px;
		text-align: left !important;
		flex-grow: 1;
	}
	.an_image.home_003 {
		right: 0;
	}
	
	
	.an_image.about_001 {
		display: none;
	}
	.an_image.about_001 img {
		width: 124%;
		height: auto;
		object-fit: auto;
		padding: 0 0 0 96px;
	}
	.column_block.about {
		padding: 40px 32px;
	}
	.column_block.about .column {
		width: 184px;
	}
	.column_block.about .column:nth-of-type(2) {
		width: 210px;
	}
	.an_image.about_002 {
		left: -520px;
		top: -48px;
	}
	.copy_block.about_rooted_in_experience {
		width: 432px;
	}
	.an_image.about_003 {
		width: 512px;
		right: 0px;
		overflow-x: hidden;
	}
	.an_image.about_003 img {
		width: 148%;
		height: auto;
		object-fit: auto;
		padding: 8px 0 0 64px;
	}
	
	
	.spices_copy_001 {
		width: 480px;
		padding-right: 48px;
		z-index: 8;
	}
	.an_image.spices_001 {
		width: 504px;
		height: 480px;
		top: 36px;
		right: 24px;
	}
	.an_image.spices_001 img {
		width: 110%;
		height: auto;
		object-fit: auto;
	}
	section.spices_bg_003 {
		padding-bottom: 240px;
	}
	
	
	.copy_block.lead-700.custom_blend_copy_001 {
		width: 584px;
		z-index: 8;
	}
	.an_image.custom_blend_001 {
		width: 280px;
		right: 0;
	}
	.an_image.custom_blend_001 img {
		width: 148%;
		height: auto;
		object-fit: auto;
		padding: 0 0 0 84px;
	}
	.bg_blend_process {
		background: none;
		background-image: none;
	}
	.column_block.custom_blend {
		flex-direction: column;
	}
	.column_block.custom_blend .column {
		width: 100%;
		margin: 0 0 32px 0;
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		text-align: left;
	}
	.column_block.custom_blend .column:last-of-type {
		margin: 0;
	}
	.column_block.custom_blend .column .badge {
		width: 78px;
		height: 78px;
		margin: 0 32px 0 0;
	}
	.column_block.custom_blend .column h3 {
		margin: 0;
		flex-grow: 1;
	}
	.column_block.custom_blend .column p {
		flex-grow: 1;
		margin: -54px 0 0 110px;
	}
	.an_image.custom_blend_002 {
		width: 584px;
	}
	.custom_blend_overlap .overlap_copy {
		width: 416px;
		padding: 40px 32px;
	}
	
	
	.copy_block.lead.private_label_copy_001 {
		width: 400px;
	}
	.an_image.private_label_001 {
		width: 296px;
		height: 360px;
		margin-top: -12px;
	}
	.an_image.private_label_001 img {
		width: 128%;
		height: auto;
		object-fit: auto;
	}
	.callout_private_label {
		padding: 70px 72px 64px 72px;
	}
	.private_label_overlap .overlap_copy {
		width: 432px;
		padding: 40px 32px;
	}
	.an_image.private_label_002 {
		width: 288px;
	}
	
	
	.custom_favors_submenu {
		width: 232px;
		margin: -120px 0 16px 32px;
		padding: 40px 24px 16px 24px;
	}
	.copy_block.lead-712.custom_favors_after_submenu {
		margin-top: 48px;
	}
	.an_image.custom_favors_001 {
		width: 100%;
		height: auto;
		margin-top: 0;
	}
	.an_image.custom_favors_001 img {
		width: 100%;
		height: auto;
	}
	.copy_block.lead-600.custom_favors_copy_wedding {
		width: 416px;
	}
	.an_image.custom_favors_002 {
		width: 280px;
		height: 420px;
		margin-top: -108px;
		overflow-x: hidden;
	}
	.an_image.custom_favors_002 img {
		width: auto;
		margin-left: -24px;
	}
	.copy_block.lead-700.favors_process_copy {
		width: 560px;
		padding: 32px;
	}
	.an_image.custom_favors_003 {
		width: 480px;
		height: 384px;
	}
	
	
	section.main.contact {
		padding: 64px 0;
	}
	
	form {
		width: 452px;
		margin: 0 32px 0 0;
	}
	.contacts_address {
		width: 216px;
	}
	
}

/* -------- */

@media only screen and (max-width: 680px) {
	
	h1 {
		font-size: 4.8rem;
	}
	h2 {
		font-size: 2.8rem;
	}
	
	a.special_link_tel {
		color: rgb(0,57,105);
		text-decoration: underline;
	}
	
	.wrap {
		max-width: 100%;
		padding: 0 16px;
	}
	
	header {
		max-height: 92px;
	  transition: all 0.3s ease-in-out;
		overflow: hidden;
	}
	header.mobile-active {
		max-height: 480px;
	}
	.logo {
		width: auto;
		height: 64px;
	}
	
	
	.tab-nav-menu {
		display: block;
	}
	
	nav {
		width: 100%;
		margin: 16px 0 0 0;
		padding: 0;
		border-top: 0;
		flex-direction: column;
		display: flex;
	}
	nav a {
		width: 100% !important;
		padding: 12px 0 14px 0;
		margin: 0;
		text-align: left;
		border-top: 1px rgb(236,235,232) solid;
	}
	nav a:nth-of-type(6) {
		padding: 12px 0 0 0;
	}
	
	
	section.hero {
		height: 400px;
		background: rgb(0,57,105);
	}
	section.hero img.hero {
	}
	section.hero.home {
		height: 560px;
	}
	section.hero .wrap {
		height: 400px;
		padding: 40px 32px;
		background: rgba(0,57,105,0.32);
	}
	section.hero.home .wrap {
		height: 560px;
		background: rgba(0,57,105,0.56);
	}
	
	
	section.main {
		padding: 40px 0;
	}
	section.main.home {
		padding: 40px 0 64px 0;
	}
	
	
	.an_image.home_001 {
		display: none;
	}
	.an_image.home_002 {
		top: -144px;
	}
	.column_block.home {
		padding: 24px;
	}
	.column_block.home .column {
		text-align: center;
		flex-direction: column;
	}
	.column_block.home .column .badge {
		margin: 0 auto 24px auto;
	}
	.column_block.home .column .sur-title {
		margin: 0 auto;
	}
	.column_block.home .column h2 {
		margin: 12px auto;
		text-align: center !important;
	}
	.column_block.home .column p {
		margin: 0 auto;
		text-align: center !important;
	}
	.copy_block.lead-424 {
		width: 100%;
	}
	
	
	.an_image.about_002 {
		left: -520px;
		top: -136px;
	}
	.an_image.about_003 {
		width: 328px;
		height: 320px;
		bottom: 280px;
	}
	.an_image.about_003 img {
		width: 120%;
		height: auto;
		padding: 8px 0 0 96px;
		object-fit: cover;
	}
	.column_block.about {
		padding: 32px;
		flex-direction: column;
	}
	.column_block.about .column {
		width: 100% !important;
		margin: 40px 0 0 0;
	}
	.column_block.about .column:nth-of-type(1) {
		margin: 0;
	}
	.copy_block.about_rooted_in_experience {
		width: 100%;
	}
	
	
	.an_image.spices_001 {
		display: none;
	}
	.spices_copy_001 {
		width: 100%;
		padding: 0;
	}
	section.main.spices_bg_003 {
		padding-bottom: 128px;
	}
	.column_block.spices {
		width: 100%;
		flex-direction: column;
	}
	.column_block.spices .column {
		width: 100%;
		padding: 32px 24px;
	}
	.copy_block.lead-700.spices_copy_delivery {
		width: 100%;
	}
	
	section.main.custom_blend_copy_001 {
		padding-bottom: 184px;
	}
	.an_image.custom_blend_001 {
		width: 300px;
		right: 0;
		bottom: -240px;
	}
	.an_image.custom_blend_001 img {
		width: 120%;
		object-fit: cover;
	}
	
	section.main.custom_blend_copy_002 {
		padding: 32px 0;
	}
	.bg_blend_process {
		padding: 0 24px;
		text-align: center;
	}
	.column_block.custom_blend {
		flex-direction: column;
	}
	.column_block.custom_blend .column {
		width: 100%;
		text-align: center;
	}
	.column_block.custom_blend .column .badge {
		margin: 0 auto;
	}
	.column_block.custom_blend .column h3 {
		width: 100%;
		margin: 24px auto 12px auto;
	}
	.column_block.custom_blend .column p {
		width: 100%;
		margin: 0 auto;
	}
	.custom_blend_copy_003 strong + .link_button {
		margin: 12px 0 0 0;
		display: block;
	}
	.the_advantage {
		width: 100%;
		padding: 32px 16px;
	}
	.the_advantage .column_block {
		flex-direction: column;
	}
	.the_advantage .column_block .column {
		width: 100%;
	}
	
	.custom_blend_overlap {
		margin: 48px 0 0 0;
	}
	.an_image.custom_blend_002 {
		width: 100%;
		left: 0;
	}
	
	
	section.main.private_label_intro {
		padding: 40px 0;
	}
	.an_image.private_label_001 {
		width: 100%;
		margin: 32px 0 0 0;
	}
	.an_image.private_label_001 img {
		width: 120%;
		height: 104%;
		padding: 0;
		object-fit: cover;
	}
	.callout_private_label {
		padding: 40px 16px;
		font-size: 2.6rem;
	}
	.an_image.private_label_002 {
		width: 100%;
		height: 240px;
	}
	
	
	.custom_favors_submenu {
		margin: -120px auto 0 auto;
		padding: 24px;
		position: relative;
	}
	.custom_favors_submenu a:hover {
		color: rgb(128,128,128);
	}
	.copy_block.lead-712.custom_favors_after_submenu {
		margin-top: 0;
	}
	section.main.favors_corporate {
		padding: 40px 0 0 0;
	}
	section.main.favors_corporate .copy_block.lead-712 {
		width: 100%;
		padding: 0;
	}
	.favor_type {
		width: 50%;
		margin: 0;
	}
	.favor_type:nth-of-type(n+3) {
		margin: 32px 0 0 0;
	}
	.favor_type:last-of-type {
		margin: 32px auto 0 auto;
	}
	.favor_type .badge {
		margin: 0 auto 16px auto;
	}
	.an_image.custom_favors_001 {
		margin: 24px 0 0 0;
	}
	.an_image.custom_favors_002 {
		display: none;
	}
	.an_image.custom_favors_003 {
		width: 100%;
		margin: 0;
	}
	.copy_block.lead-700.favors_process_copy {
		width: 100%;
		margin: 192px 0 0 0;
	}
	
	
	section.main.contact.contact_bg_001 {
		background-size: 64%;
	}
	.contacts_info {
		flex-direction: column;
	}
	form {
		width: 100%;
	}
	.contacts_address {
		width: 100%;
		margin: 58px 0 0 0;
		padding: 40px 0 0 0;
		border-top: 1px rgb(220,219,216) solid;
	}
	
	/* ---- */
	
	footer .wrap {
		justify-content: flex-end;
	}
	footer .column {
		width: 40%;
	}
	footer .column:nth-of-type(1) {
		width: 60%;
	}
	
	footer .copyright {
		font-size: 1.24rem;
		text-align: center;
	}
	
}

/* -------- */

@media only screen and (max-width: 360px) {
	
/*	h1 {
		font-size: 3.6rem;
	}*/

	section.hero.home .wrap {
		height: 560px;
		padding-right: 8px;
		background: rgba(0,57,105,0.56);
	}
	section.hero.home .wrap p {
		font-size: 1.78rem;
		word-spacing: -0.08em;
	}
}