/************* GENERAL STYLES ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline; }

:focus { outline: 0; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
	line-height: normal;
	color: #222; }

body.navOpen { overflow: hidden; }

ul, ol { 
	padding: 0 0 0 2em;
	margin: 1.2rem 0; }

	ul li, ol li { margin: 0 0 10px; }

ol ol { list-style: lower-roman; }

main ol { 
	list-style: none;
	counter-reset: numCount; }

	main ol > li { counter-increment: numCount; }

	main ol > li:before {
		content: counter(numCount)". ";
		width: 2em;
		float: left;
		margin-left: -2em;
		color: #f7931e;
		font-weight: bold; }

		main ol ol > li:before { content: counter(numCount, lower-roman)"."; }

main ol.color-default > li:before { color: #222; }

main ul { list-style: none; }

	main ul li:before {
		content: "\2022";
		width: 2em;
		float: left;
		margin-left: -2em;
		color: #f7931e;
		font-weight: bold; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td {
	text-align: left;
	font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; }

blockquote, q { quotes: "" ""; }

img {
    max-width: 100%;
    height: auto; }

.align-right {
	max-width: 100%;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1.2rem;
	margin-left: 1.5rem; }

.align-left {
	max-width: 100%;
	float: left;
	margin-top: 0;
	margin-right: 1.5rem;
	margin-bottom: 1.2rem;
	margin-left: 0; }

.align-center {
	display: block;
	margin-top: 1.2rem;
	margin-right: auto;
	margin-bottom: 1.2rem;
	margin-left: auto; }

.signature {
	display: inline-block;
	margin: 1.2rem 1.5rem 1.2rem 0; }

	.signature figure { margin: 0; }

.w-full { width: 100%; }

/*** FONT STYLES ***/
h1, .h1 { 
	color: #f7931e;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 2rem 0 1.2rem; }

h2, .h2 { 
	font-size: 1.5rem;
	font-weight: 700;
	margin: 2rem 0 1.2rem; }

h3, .h3 { 
	font-size: 1.125rem;
	font-weight: 700;
	margin: 2rem 0 1.2rem; }

h4 { 
	font-size: 1rem;
	font-weight: 700;
	margin: 2rem 0 1.2rem; }

ul li h4:first-child, ol li h4:first-child { margin-top: 0; }

a { 
	color: #f7931e;
	text-decoration: none; }
	
a:hover { text-decoration: underline; }

.btn-orange,
.wp-block-button__link {
	display: inline-block !important;
	padding: 12px 29px 12px 30px !important;
	margin: 1.2rem 0;
	background-color: rgba(247,147,30,0.9) !important;
	color: #fff;
	font-size: 18px !important;
	font-weight: 300;
	letter-spacing: 1px;
	text-shadow: none; }

.btn-orange.m,
.size-m .wp-block-button__link {
	padding: 10px 18px !important;
	font-size: 16px !important;
	font-weight: 600 !important; }

.btn-orange.sm,
.size-sm .wp-block-button__link {
	padding: 10px 18px !important;
	font-size: 13px !important;
	font-weight: 600 !important; }

.btn-orange:hover,
.wp-block-button__link:hover { 
	background: rgba(247,147,30) !important;
	text-decoration: none; }

.btn-green.sm,
.green .wp-block-button__link {
	display: inline-block;
	padding: 10px 18px;
	margin: 1.2rem 0;
	background: #99ca3c;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: 600; }

.btn-green:hover,
.green .wp-block-button__link:hover { 
	background: #80b123;
	text-decoration: none; }

p,
.mar-default,
.wp-block-buttons { margin: 1.2rem 0; }

main h1:first-child, main h2:first-child, p:first-child { margin-top: 0; }

b, strong { font-weight: 700; }

em { font-style: italic; }

sup, sub { 
	font-size: 75%;
	line-height: 0;
	position: relative; }

sup { top: -0.5em; }
sub { bottom: -0.25em; }

.color-orange { color: #f7931e; }

.txt_center { text-align: center; }

.dp-inlineBlock { display: inline-block; }

.text-default {
	margin: 1.2rem 0;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	color: #222; }

.text-hidden {
	visibility: hidden;
	margin: 0;
	font-size: 0; }

/************* STRUCTURE STYLES ***/
.wrapper {
	width: 1180px;
	max-width: 100%;
	padding: 0 40px;
	margin: 0 auto; }

.wrapper2 {
	width: 840px;
	max-width: 100%;
	margin: 0 auto; }

.wrapper3 { width: 1320px; }

section {
	width: 100%;
	float: left;
	padding: 60px 0; }

main {
	width: 100%;
	max-width: 100%;
	margin: 0 auto; }

main.w-full { width: 100%; }

main.wAside {
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 273px 1fr;
	grid-template-columns: 273px 1fr; }

	main.wAside article { padding-left: 30px; }
	
	main.wAside aside { -ms-grid-column: 1; }
	
	main.wAside article { -ms-grid-column: 2; }

.content-imgLeft .img {
	max-width: 50%;
	float: left;
	margin-right: 32px; }

.content-imgLeft .content { overflow: hidden; }


/*** COLS ***/
.col_row {
	margin-right: -12px;
	margin-left: -12px; }

.col_row.mx-sm {
	margin-right: -3px;
	margin-left: -3px; }

.col_row:after { 
	content: "";
	display: block;
	clear: both; }

.col {
	float: left;
	padding-right: 12px;
	padding-left: 12px; }

.col_row.mx-sm .col {
	padding-right: 3px;
	padding-left: 3px; }

.col_12 { width: 100%; }
.col_9 { width: 75%; }
.col_8 { width: 66.6666%; }
.col_6 { width: 50%; }
.col_4 { width: 33.3333%; }
.col_3 { width: 25%; }
.col_2 { width: 20%; }


/*** MARGIN ***/
.mt-0 { margin-top: 0; }
.mr-0 { margin-right: 0; }
.mb-0 { margin-bottom: 0; }
.ml-0 { margin-left: 0; }

.wp-block-image.mb-0,
.wp-block-image.mb-0 figure { margin-bottom: 0; }


/*** STYLED SELECT ***/
.styledSelect {
	display: inline-block;
	position: relative; }

	.styledSelect.full { width: 100%; }

	.styledSelect select {
		height: 40px;
		display: block;
		padding: 10px 30px 10px 10px;
		margin: 0;
		background: #58595b;
		border: none;
		border-radius: 4px;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font: inherit;
		font-family: 'Nunito Sans', sans-serif;
		font-size: 13px;
		color: #fff; }

		.styledSelect.full select { width: 100%; }

	.styledSelect select::-ms-expand { display: none; }

	.styledSelect .arr {
		width: 30px;
		position: absolute;
		top: 1px;
		right: 1px;
		bottom: 1px;
		z-index: 10;
		pointer-events: none; }

		.styledSelect .arr:before {
			content: '';
			position: absolute;
			top: 50%;
			right: 10px;
			margin-top: -2px;
			border-top: 6px solid #f7931e;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			pointer-events: none; }

	.styledSelect select option { 
		background: #fff;
		color: #222; }

	#banner .styledSelect select { background: #3e3f41; }


/*** RESPONSIVE VIDEOS ***/
.videoWrap {
	max-width: 100%;
	height: 0;
	position: relative;
	padding-bottom: 56.25%; }

.videoWrap.size-m { width: 390px; }

	.videoWrap iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0; }

/*** HEADER ***/
header#header {
	width: 100%;
	height: 122px;
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #f7931e;
	color: #fff; }

.admin-bar header#header,
.admin-bar nav#mobileNav { top: 32px; }

	header#header .logo {
		width: 196px;
		float: left;
		padding: 23px 0 0; }

		header#header .logo img { display: block; }

	/* header#header nav {} */

		header#header nav .menu-top-container { display: inline; }

		header#header nav ul {
			padding: 0;
			margin: 0;
			list-style: none; }

			header#header nav ul li {
				display: inline-block;
				margin: 0 0 0 15px; }

			header#header nav ul li:first-child { margin-left: 0; }

		header#header nav a { 
			display: block;
			opacity: 0.75;
			color: #fff; }

		header#header nav a:hover { 
			opacity: 1;
			text-decoration: none; }

		header#header nav .top { font-size: 17px; }

			header#header nav .top .wrap { 
				float: right;
				padding: 15px 17px 12px;
				background: #58595b; }

			header#header nav .top ul { 
				float: left;
				margin-top: 3px; }

			header#header nav .top .icon { 
				width: 27px;
				float: right;
				margin: 0 0 0 15px;
				opacity: 1; }

				header#header nav .top .icon img { display: block; }

		header#header nav .bottom {
			font-size: 19px;
			font-weight: 700; }

			header#header nav .bottom ul { 
				float: right;
				margin-top: 20px; }

	header#header .mobileNav { 
		width: 30px;
		float: right;
		display: none;
		margin: 33px 0 0; }

		header#header .mobileNav span {
			height: 3px;
			display: block;
			margin: 0 0 7px;
			background: #fff; }

		header#header .mobileNav span:last-child { margin: 0; }


/*** MOBILE NAV ***/
nav#mobileNav {
	width: 320px;
	max-width: 100%;
	display: none;
	position: fixed;
	top: 0;
	right: -330px;
	bottom: 0;
	z-index: 2000;
	background: #58595b;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	        box-shadow: 0 0 10px rgba(0,0,0,0.5);
	overflow-y: auto;
	-webkit-transition: 0.5s ease all;
	-o-transition: 0.5s ease all;
	transition: 0.5s ease all; }

nav#mobileNav.open { right: 0; }

	nav#mobileNav .top {
		width: 100%;
		height: 61px;
		float: left;
		border-bottom: 1px solid #3d4142; }

	nav#mobileNav .top .icon { 
		width: 30px;
		float: left;
		margin: 15px 0 0 24px; }

	nav#mobileNav .close {
		width: 28px;
		height: 28px;
		float: right;
		position: relative;
		margin: 15px 24px 0 0;
		text-align: center; }

		nav#mobileNav .close span {
			width: 100%;
			height: 3px;
			display: block;
			position: absolute;
			top: 50%;
			left: 0;
			background: #fff;
			border-radius: 4px; }

		nav#mobileNav .close span:first-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
		nav#mobileNav .close span:last-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

	nav#mobileNav a { 
		color: #fff;
		font-weight: bold; }

	nav#mobileNav a:hover { text-decoration: none; }

	nav#mobileNav ul {
		width: 100%;
		float: left;
		padding: 0;
		margin: 0 0 50px;
		list-style: none; }

		nav#mobileNav ul li {
			width: 100%;
			float: left;
			margin: 0; }

			nav#mobileNav ul li a {
				display: block;
				position: relative;
				padding: 15px 30px;
				border-bottom: 1px solid #3e3f41; }


/*** BANNER ***/
#banner {
	height: 440px;
	position: relative;
	padding: 0;
	margin-top: 122px;
	background-color: #f0f0f0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; }

#banner.home { height: 550px; }

#banner.ourStory {
	background: url(../images/banner_ourStory.jpg) center no-repeat;
	background-size: cover; }

#banner.coffeeExcellence {
	background: url(../images/banner_coffee4.jpg) center no-repeat;
	background-size: cover; }

#banner.teaExcellence {
	background: url(../images/banner_tea.jpg) center no-repeat;
	background-size: cover; }

#banner.foodService {
	background: url(../images/banner_foodService.jpg) center no-repeat;
	background-size: cover; }

#banner.brands {
	background: url(../images/banner_brands.jpg) center no-repeat;
	background-size: cover; }

#banner.sustainability1 {
	background: url(../images/banner_sustainability1.jpg) center no-repeat;
	background-size: cover; }

#banner.sustainability2 {
	background: url(../images/banner_sustainability2.jpg) center no-repeat;
	background-size: cover; }

#banner.sustainability3 {
	background: url(../images/banner_sustainability3.jpg) center no-repeat;
	background-size: cover; }

#banner.sustainability4 {
	background: url(../images/banner_sustainability4.jpg) center no-repeat;
	background-size: cover; }

#banner.news {
	background: url(../images/banner_news.jpg) center no-repeat;
	background-size: cover; }

#banner.careers {
	background: url(../images/banner_careers2.jpg) center no-repeat;
	background-size: cover; }

#banner.contact {
	background: url(../images/banner_contact.jpg) center no-repeat;
	background-size: cover; }

#banner.privacy {
	background: url(../images/banner_privacy.jpg) center no-repeat;
	background-size: cover; }

	#banner.home .carousel {
		width: 100%;
		height: 100%;
		float: left;
		color: #fff;
		font-size: 22px; }

		#banner.home .carousel .slick-list,
		#banner.home .carousel .slick-track { height: 100%; }

		#banner.home .carousel .slick-dots {
			position: absolute;
			right: 0;
			bottom: 40px;
			left: 0;
			padding: 0;
			margin: 0;
			list-style: none;
			text-align: center; }

			#banner.home .carousel .slick-dots li { 
				display: inline-block;
				margin: 0 4px; }

			#banner.home .carousel .slick-dots button {
				width: 16px;
				height: 16px;
				padding: 0;
				background: transparent;
				border: 2px solid #fff;
				border-radius: 50%;
				font-size: 0; }

			#banner.home .carousel .slick-dots li.slick-active button { background: #f79929; }

		#banner.home .carousel .slick-slide { 
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover; }

		/* #banner.home .carousel .slide-1 {
			background: url(../images/banner_home5.jpg) center no-repeat;
			background-size: cover; }

		#banner.home .carousel .slide-2 {
			background: url(../images/banner_home6.jpg) center no-repeat;
			background-size: cover; } */

		#banner.home .carousel .wrapper { height: 100%; }

		#banner.home .carousel .relative { 
			height: 100%;
			position: relative;
			right: -200px;
			opacity: 0;
			-webkit-transition: 1s 0.4s ease all;
			-o-transition: 1s 0.4s ease all;
			transition: 1s 0.4s ease all; }

		#banner.home .carousel .init .relative {
			right: -200px;
			opacity: 0;
			-webkit-transition: none;
			-o-transition: none;
			transition: none; }

		#banner.home .carousel .slick-active .relative { 
			right: 0;
			opacity: 1; }

		#banner.home .carousel .content {
			width: 42%;
			position: absolute;
			top: 50%;
			padding-bottom: 15px;
			text-shadow: 0 0 20px rgba(0,0,0,0.5);
			-webkit-transform: translateY(-50%);
			    -ms-transform: translateY(-50%);
					transform: translateY(-50%); }
					
		#banner.home .carousel .content.wide { width: 100%; }

		#banner.home .carousel .txt_right { text-align: right; }

		#banner.home .carousel .title {
			margin: 0 0 15px -5px;
			color: #fff;
			font-size: 74px;
			font-weight: 700;
			line-height: 0.9; }

		#banner.home .carousel .subHead { 
			text-transform: uppercase;
			color: #f7931e;
			font-weight: 700; }

		#banner.home .carousel p { margin: 5px 0; }

	#banner .headingWrap {
		height: 90px;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1000; }

	#banner .heading {
		height: 90px;
		position: static;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1000;
		background: rgba(88,89,91,0.9);
		line-height: 90px;
		-webkit-transition: 0.2s ease all;
		-o-transition: 0.2s ease all;
		transition: 0.2s ease all; }

	#banner .heading.sticky {
		height: 60px;
		position: fixed;
		top: 122px;
		background: rgb(88,89,91);
		line-height: 60px; }

	.admin-bar #banner .heading.sticky { top: 154px; }

	#banner .heading.center { text-align: center; }

		#banner .heading .title { 
			margin: 0;
			color: #f7931e;
			text-transform: uppercase;
			line-height: 90px; }

		#banner .heading.sticky .title { line-height: 60px; }

		#banner .heading.wNav .title { float: left; }

		#banner .heading.landing .title span { 
			display: inline-block;
			vertical-align: middle;
			line-height: 1; }

		#banner .heading .title h1 { 
			margin: 0;
			line-height: inherit; }

		#banner .heading.wNav nav { 
			float: right;
			color: #fff;
			font-size: 17px; }

			#banner .heading.wNav nav ul {
				padding: 0;
				margin: 0;
				list-style: none; }

			#banner .heading.wNav nav li { 
				display: inline-block;
				position: relative;
				margin: 0 0 0 7px; }

			#banner .heading.wNav nav li:first-child { margin: 0; }

			#banner .heading.wNav nav li:before {
				content: "|";
				display: inline-block;
				margin: 0 11px 0 0; }

			#banner .heading.wNav nav li:first-child:before { display: none; }

			#banner .heading.wNav nav a { color: #fff; }
			#banner .heading.wNav nav a.active { color: #f7931e; }
			
				#banner .heading.wNav .dropdown {
				position: absolute;
				top: 100%;
				right: 0;
				margin-top: -4px; }

			#banner .heading.wNav .dropdown-wrap {
				width: 110px;
				max-height: 0;
				overflow: hidden;
				transition: 0.7s ease all; }

			#banner .heading.wNav .dropdown.is-visible .dropdown-wrap { max-height: 150px; }

				#banner .heading.wNav .dropdown ul {
					padding: 8px 0;
					background: #fff;
					border: 1px solid #ddd;
					border-top: 4px solid #f7931e;
					font-size: 15px;
					line-height: normal; }

				#banner .heading.wNav .dropdown li {
					display: block;
					margin: 0; }

				#banner .heading.wNav .dropdown li:before { display: none; }

				#banner .heading.wNav .dropdown a { 
					display: block;
					padding: 6px 16px;
					color: #222; }

				#banner .heading.wNav .dropdown a:hover { 
					background-color: #f0f0f0;
					text-decoration: none; }
			
		#banner .heading .subMenu { 
			display: none;
			margin: 0;
			line-height: normal; }


/*** HOME - DISCOVER ***/
#homePage { padding: 35px 0 0; }

#home-discover {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 1.125rem; }

	#home-discover figure {
		position: relative;
		padding: 0;
		margin: 0 0 20px;
		/*-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
		box-shadow: 0 10px 20px rgba(0,0,0,0.2);*/ }

		#home-discover figure img { 
			width: 100%;
			display: block; }

		#home-discover figure .buttons {
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 0 22px 32px;
			text-align: left; }

			#home-discover figure .buttons .btn-orange { 
				width: 150px;
				float: left;
				padding-right: 11px !important;
				padding-left: 12px !important;
				margin-bottom: 0;
				text-align: center; }

			#home-discover figure .buttons.multiple .btn-orange { max-width: 49%; }

			#home-discover figure .buttons.multiple .btn-orange:last-child { margin-left: 2%; }

	#home-discover .title {
		font-size: 1.1em;
		font-weight: 900; }


/*** HOME - ABOUT ***/
#home-about {
	width: 100%;
	min-height: 434px;
	float: left;
	position: relative;
	margin-top: 0px;
	font-size: 1.25rem; }

	#home-about .coffee {
		width: 512px;
		position: absolute;
		top: 0;
		left: -100px;
		z-index: 10; }

	#home-about .content { 
		padding-left: 200px;
		margin-top: 80px; }

	#home-about .content > div {
		position: relative;
		z-index: 1;
		padding: 50px 60px 24px 240px;
		background: rgb(88,88,91);
		background: -moz-radial-gradient(center, ellipse cover,  rgba(88,88,91,1) 25%, rgba(62,62,64,1) 100%);
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(88,88,91,1) 25%,rgba(62,62,64,1) 100%);
		background: radial-gradient(ellipse at center,  rgba(88,88,91,1) 25%,rgba(62,62,64,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58585b', endColorstr='#3e3e40',GradientType=1 );
		background-position: center;
		background-size: 100% 150%; }

	/* #home-about .content > div:before {
		content: "";
		width: 200px;
		position: absolute;
		top: 0;
		right: 100%;
		bottom: 0;
		z-index: -1;
		background: #58595b; } */

	#home-about h2 { 
		margin-top: 0;
		color: #fff; }

	#home-about .btn-orange { margin-top: 10px; }

.greyBox {
	width: 100%;
	position: relative;
	padding: 40px 40px 40px 290px;
	margin-bottom: 65px;
	background: #58595b;
	border-radius: 4px; }

	.greyBox .coffee {
		width: 345px;
		position: absolute;
		top: 50%;
		left: -88px;
		margin-top: -128px;
		z-index: 1; }

	.greyBox h1 {
		margin: 0;
		color: #f7931e; }


/*** FOOTER ***/
footer {
	width: 100%;
	float: left;
	padding: 40px 0;
	background: #58595b;
	border-top: 23px solid #f7931e;
	color: #fff;
	font-size: 14px; }

	footer .wrapper > div { position: relative; }

	footer .linkedin {
		width: 50px;
		position: absolute;
		top: 7px;
		right: 0; }

	footer .subscribe {
		width: 100%;
		float: left;
		margin-bottom: 40px;
		padding: 0 60px; }

		footer .subscribe h2 { 
			margin-top: 0;
			text-align: center;
			color: #fff;
			font-size: 1.5rem;
			font-weight: normal; }

		footer .subscribe .form {
			width: 400px;
			max-width: 100%;
			height: 50px;
			position: relative;
			padding-right: 90px;
			margin: 25px auto 0;
			background: #3e3f41;
			border-radius: 10px;
			overflow: hidden; }

			footer .subscribe .form form { height: 100%; }

			footer .subscribe .form input[type="email"] {
				width: 100%;
				height: 100%;
				padding: 0 20px;
				background: none;
				border: 0;
				color: #fff;
				font: inherit; }

			footer .subscribe .form button {
				width: 90px;
				height: 100%;
				position: absolute;
				top: 0;
				right: 0;
				padding: 0;
				background: #f7931e;
				border: 0;
				border-radius: 0;
				color: #fff;
				font: inherit;
				font-weight: 600;
				cursor: pointer; }

	footer .bottom { 
		width: 100%;
		float: left;
		color: #bbb; }

		footer .bottom a { color: #bbb; }

		footer .bottom a:hover { color: #fff; }

		footer .bottom .left { float: left; }

			footer .bottom .left span { margin: 0 5px; }

		footer .bottom .right { float: right; }

	footer .nav {
		width: 100%;
		float: left;
		margin-bottom: 40px;
		color: #bbb; }

		footer .nav h4 { 
			margin-top: 0;
			color: #fff; }

		footer .nav ul {
			padding-left: 0;
			list-style: none; }

		footer .nav a { color: #bbb; }

		footer .nav a:hover { color: #fff; }

	footer .menu-footer-container {
		margin-right: -12px;
		margin-left: -12px; }
		
		footer .menu-footer-container #menu-footer { margin: 0; }
		
		footer .menu-footer-container #menu-footer > li {
			width: 20%;
			float: left;
			padding: 0 12px; }
			
			footer .menu-footer-container #menu-footer > li > a {
				color: #fff;
				font-size: 1rem;
				font-weight: 700; }
				
			footer .menu-footer-container #menu-footer > li > a:hover { text-decoration: none; }
			
		footer .menu-footer-container #menu-footer .sub-menu { margin: 1.2rem 0; }
		
	footer .nav2 {
		width: 100%;
		float: left;
		padding: 24px 0;
		margin-top: 20px;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb; }
		
		footer .nav2 #menu-footer-mid { margin: 0; }
		
			footer .nav2 #menu-footer-mid li { 
				display: inline-block;
				margin: 0; }
				
				footer .nav2 #menu-footer-mid li:after {
					content: "|";
					margin: 0 8px; }
					
				footer .nav2 #menu-footer-mid li:last-child:after { display: none; }

	footer #menu-footer-bottom {
		padding: 0;
		margin: 0;
		list-style: none; }
		
		footer #menu-footer-bottom li {
			display: inline-block;
			margin: 0; }
			
			footer #menu-footer-bottom li:after {
				content: "|";
				margin: 0 8px; }
				
			footer #menu-footer-bottom li:last-child:after { display: none; }


/*** SECTION BOXES ***/
.sectionBoxes { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	margin: 0 -10px; }

.sectionBoxes.v2 { display: block; }

main + .sectionBoxes { margin-top: 50px; }

	.sectionBoxes.v1 .box {
		width: 25%;
		float: left;
		padding: 0 10px; }

	.sectionBoxes.v2 .box {
		width: 33.3333%;
		float: left;
		padding: 0 10px; }

		.sectionBoxes .box > div {
			height: 100%;
			position: relative;
			background: #fff;
			-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
			        box-shadow: 0 10px 20px rgba(0,0,0,0.1); }

		.sectionBoxes .box figure {
			padding: 0;
			margin: 0; }

			.sectionBoxes .box figure img {
				width: 100%;
				display: block; }

		.sectionBoxes .box .content {
			padding: 7px 15px 12px;
			font-size: 13px; }

		.sectionBoxes .box .title {
			font-size: 15px;
			font-weight: 600; }

		.sectionBoxes .box .title,
		.sectionBoxes .box p { margin: 1em 0; }

		.sectionBoxes.v2 .box .overlay {
			position: absolute;
			right: 0;
			bottom: 0;
			left: 0;
			padding: 5px;
			background: rgba(247,147,30,0.9);
			text-align: center;
			color: #fff; }

		.sectionBoxes.v2 .box a { 
			display: block;
			color: #fff; }

.sectionBoxes.v3 {
	width: 100%;
	float: left;
	display: block;
	margin: 40px 0 0;
	text-align: center;
	font-size: 17px; }

	.sectionBoxes.v3 figure {
		padding: 0;
		margin: 0 0 20px;
		/*-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
		box-shadow: 0 10px 20px rgba(0,0,0,0.2);*/ }

		.sectionBoxes.v3 figure img { 
			width: 100%;
			display: block; }

	.sectionBoxes.v3 .title {
		font-size: 19px;
		font-weight: 900; }


/*** OUR STORY - VALUES ***/
#ourStory-values {
	max-width: 790px;
	margin: 0 auto; }

#ourStory-values:after {
	content: "";
	display: block;
	clear: both; }

	#ourStory-values ul {
		padding: 0;
		margin: 0 -15px;
		list-style: none;
		text-align: center;
		letter-spacing: 1px; }

	#ourStory-values li {
		width: 33.3333%;
		float: left;
		padding: 15px;
		margin: 0; }

	#ourStory-values li:before { display: none; }

	#ourStory-values .card {
		width: 100%;
		height: 190px;
		position: relative;
		/*-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
		box-shadow: 0 4px 8px rgba(0,0,0,0.2);*/
		color: #fff;
		-webkit-perspective: 1000px;
		perspective: 1000px;
		-webkit-transition: -webkit-transform 0.6s;
		transition: -webkit-transform 0.6s;
		-o-transition: transform 0.6s;
		transition: transform 0.6s;
		transition: transform 0.6s, -webkit-transform 0.6s;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d; }

	#ourStory-values li:hover .card { 
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg); }

	#ourStory-values li:hover .card-front { z-index: -1; }

	#ourStory-values .card-front,
	#ourStory-values .card-back {
		width: 100%;
		height: 100%;
		position: absolute;
		/*border-radius: 4px;*/
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden; }

	#ourStory-values .card-front { background: #f7931e; }

	#ourStory-values .card-back {
		padding: 17px 10px;
		background: #58595b;
		font-size: 13px;
		line-height: 1.2;
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg); }

		#ourStory-values .card figure {
			height: 117px;
			position: relative;
			padding: 0;
			margin: 0;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover; }

		#ourStory-values .card figure.value1 { background-image: url(../images/img_values1.jpg); }
		#ourStory-values .card figure.value2 { background-image: url(../images/img_values2.jpg); }
		#ourStory-values .card figure.value3 { background-image: url(../images/img_values3.jpg); }
		#ourStory-values .card figure.value4 { background-image: url(../images/img_values4.jpg); }
		#ourStory-values .card figure.value5 { background-image: url(../images/img_values5.jpg); }
		#ourStory-values .card figure.value6 { background-image: url(../images/img_values6.jpg); }
		#ourStory-values .card figure.value7 { background-image: url(../images/img_values7.jpg); }
		#ourStory-values .card figure.value8 { background-image: url(../images/img_values8.jpg); }

		#ourStory-values .card .front-content { 
			position: relative;
			padding: 22px 10px; }

		#ourStory-values .card .label { font-size: 20px; }

		#ourStory-values .card-back .label { 
			margin-bottom: 10px;
			color: #f7931e; }

		#ourStory-values .card figure:after { 
			content: "";
			width: 24px;
			height: 29px;
			position: absolute;
			right: 15px;
			top: 15px;
			background: url(../images/icon_flip.svg) no-repeat center;
			background-size: cover; }

		#ourStory-values .card-back p { margin: 0; }

/*** TIMELINE ***/
.timeline { 
	width: 100%;
	float: left;
	position: relative;
	padding: 0 45px;
	margin: 1.5rem 0; }

.timeline:before,
.timeline:after {
	content: "";
	width: 40px;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 20;
	pointer-events: none; }

.timeline.more-prev:before {
	left: 45px;
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }

.timeline.more-next:after {
	right: 45px;
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

	.timeline button.arrow {
		width: 32px;
		height: 32px;
		position: absolute;
		bottom: 5px;
		z-index: 30;
		padding: 0;
		background: none;
		border: 0;
		opacity: 0.25;
		cursor: pointer;
		-webkit-transition: 0.2s ease opacity;
		-o-transition: 0.2s ease opacity;
		transition: 0.2s ease opacity; }

	.timeline button.arrow:hover { opacity: 1; }

	.timeline button.arrow.hidden { 
		opacity: 0.1;
		cursor: default; }

	.timeline button.timeline-prev { 
		left: 0;
		background: url(../images/arrow_prev.svg) center no-repeat; }

	.timeline button.timeline-next { 
		right: 0;
		background: url(../images/arrow_next.svg) center no-repeat; }

	.timeline .wrap { 
		padding-bottom: 20px;
		overflow: hidden;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none; }

	.timeline .wrap:hover { cursor: -webkit-grab; cursor: grab; }

	.timeline .wrap.active { cursor: -webkit-grabbing; cursor: grabbing; }

	.timeline .events { 
		float: left;
		white-space: nowrap; }

	.timeline .list { 
		padding: 0 20px;
		font-size: 0; }

	.timeline .event {
		width: 60px;
		display: inline-block;
		position: relative;
		padding-bottom: 15px;
		text-align: center;
		font-size: 13px; }

	.timeline .event .dot {
		content: "";
		width: 24px;
		height: 24px;
		position: absolute;
		bottom: -17px;
		left: 50%;
		z-index: 10;
		margin-left: -12px; }

		.timeline .event .dot i {
			width: 12px;
			height: 12px;
			display: inline-block;
			background: #fff;
			border: 2px solid #d1d1d1;
			border-radius: 50%;
			-webkit-transition: 0.5s ease all;
			-o-transition: 0.5s ease all;
			transition: 0.5s ease all; }

	.timeline .event.highlight .dot i { border-color: #f7931e; }

	.timeline .event.active .dot i,
	.timeline .event .dot:hover i {
		background: #f7931e;
		border-color: #f7931e; }

	.timeline .bar {
		width: 100%;
		height: 2px;
		float: left;
		background: #d1d1d1; }

		.timeline .bar .progress {
			width: 50px;
			height: 100%;
			background: #f7931e;
			-webkit-transition: 0.5s ease width;
			-o-transition: 0.5s ease width;
			transition: 0.5s ease width; }

.timeline-content {
	width: 100%;
	float: left;
	font-size: 0.9375rem; }

	.timeline-content .tab-content { 
		display: none;
		position: relative;
		padding: 42px 45px 0 45px;
		text-shadow: 0 0 6px #fff; }

	.timeline-content .tab-content.active { display: block; }

	.timeline-content .date {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		color: #F7931E;
		opacity: 0.2;
		font-size: 90px;
		font-weight: 900; }

.timeline2 { 
	width: 100%;
	float: left;
	margin-top: 2rem;
	text-align: center; }

	.timeline2 .slider-nav { 
		color: #bbb;
		font-size: 24px; }

	.timeline2 .slider-nav:before,
	.timeline2 .slider-nav:after {
		content: "";
		width: 60px;
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 20;
		pointer-events: none; }

	.timeline2 .slider-nav:before {
		left: 0;
		background: -webkit-gradient(linear,  left top, right top,  from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
		background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }

	.timeline2 .slider-nav:after {
		right: 0;
		background: -webkit-gradient(linear,  left top, right top,  from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
		background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

		.timeline2 .slider-nav .slide { padding-bottom: 20px; }

		.timeline2 .slider-nav .date {
			height: 70px;
			position: relative;
			border-bottom: 2px solid #d1d1d1; }

		.timeline2 .slider-nav .date:after {
			content: "";
			width: 10px;
			height: 10px;
			display: block;
			position: absolute;
			right: 0;
			bottom: -8px;
			left: 0;
			margin: 0 auto;
			background: #fff;
			border: 2px solid #d1d1d1;
			border-radius: 50%; }

			.timeline2 .slider-nav .date span { 
				position: absolute;
				right: 0;
				bottom: 15px;
				left: 0;
				-webkit-transition: 0.5s ease font-size;
				-o-transition: 0.5s ease font-size;
				transition: 0.5s ease font-size; }

		.timeline2 .slider-nav .slick-current .date { 
			color: #222;
			font-size: 40px;
			font-weight: bold; }

		.timeline2 .slider-nav .slick-current .date:after {
			background: #F7931E;
			border-color: #F7931E; }

	.timeline2 .slider-for { padding: 24px 18% 0; }

		.timeline2 .slider-for button {
			width: 18%;
			height: 80px;
			padding: 0;
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			background: none;
			border: 0;
			opacity: 0.15;
			font-size: 0;
			-webkit-transition: 0.2s ease opacity;
			-o-transition: 0.2s ease opacity;
			transition: 0.2s ease opacity; }

		.timeline2 .slider-for button.slick-prev { 
			left: 0;
			background: url(../images/arrow_prev2.svg) center no-repeat; }

		.timeline2 .slider-for button.slick-next { 
			right: 0;
			background: url(../images/arrow_next2.svg) center no-repeat; }

		.timeline2 .slider-for button:hover { opacity: 1; }

		.timeline2 .slider-for .slick-track { 
			display: -webkit-box !important; 
			display: -ms-flexbox !important; 
			display: flex !important;
			-webkit-box-align: stretch;
			-ms-flex-align: stretch;
			align-items: stretch; }

		.timeline2 .slider-for .slick-slide { 
			height: inherit !important;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center; }


/*** OUR STORY - OUR PEOPLE ***/
#ourPeople-masterRoaster,
#ourPeople-featured {
	width: 100%;
	float: left;
	margin-bottom: 30px; }

#ourPeople-featured {
	position: relative;
	padding: 20px;
	border: 1px solid #404041; }

	#ourPeople-featured .slide {
		width: 100%;
		float: left; }

	#ourPeople-masterRoaster figure,
	#ourPeople-featured figure {
		width: 286px;
		max-width: 40%;
		float: left;
		margin: 10px 40px 0 0;
		font-size: 14px; }

		#ourPeople-masterRoaster figure img,
		#ourPeople-featured figure img {
			display: block;
			margin: 0 auto 12px; }

	#ourPeople-masterRoaster figcaption .name,
	#ourPeople-featured figcaption .name { 
		margin: 0 0 3px;
		color: #f7931e;
		font-size: 15px;
		font-weight: 600; }

	#ourPeople-masterRoaster .content,
	#ourPeople-featured .content { 
		margin-bottom: 60px;
		overflow: hidden; }

		#ourPeople-featured .content h2 {
			margin: 1.2rem 0;
			color: #f7931e;
			font-size: 1.875rem;
			font-weight: 700;
			line-height: 1.2; }

	#ourPeople-featured .ourPeople-controls {
		position: absolute;
		bottom: 20px;
		right: 20px;
		text-align: center; }

		#ourPeople-featured .ourPeople-controls .slick-arrow {
			padding: 0;
			background: none;
			border: 0;
			color: #f7931e; }

		#ourPeople-featured .ourPeople-controls .slick-next { 
			padding-left: 8px;
			margin-left: 8px;
			border-left: 1px solid #f7931e; }

		#ourPeople-featured .ourPeople-controls .slick-prev:before,
		#ourPeople-featured .ourPeople-controls .slick-next:after {
			content: "";
			width: 0;
			height: 0;
			display: inline-block;
			vertical-align: middle;
			margin-top: -3px;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; }

		#ourPeople-featured .ourPeople-controls .slick-prev:before {
			margin-right: 8px;
			border-right: 15px solid #f7931e; }

		#ourPeople-featured .ourPeople-controls .slick-next:after {
			margin-left: 8px;
			border-left: 15px solid #f7931e; }

		#ourPeople-featured .ourPeople-controls-dots { margin-bottom: 12px; }

		#ourPeople-featured .ourPeople-controls .slick-dots { 
			padding: 0;
			margin: 0;
			list-style: none; }

			#ourPeople-featured .ourPeople-controls .slick-dots li { 
				display: inline-block;
				margin: 0 4px; }

			#ourPeople-featured .ourPeople-controls .slick-dots li:before { display: none; }

			#ourPeople-featured .ourPeople-controls .slick-dots li button {
				width: 16px;
				height: 16px;
				background-color: #fff;
				border: 1px solid #404041;
				border-radius: 50%;
				font-size: 0; }

			#ourPeople-featured .ourPeople-controls .slick-dots .slick-active button { background-color: #f7931e; }

#ourPeople-list { 
	position: relative;
	font-size: 14px; }

	#ourPeople-list ul {
		padding: 0;
		margin: 0 -12px;
		list-style: none; }

	#ourPeople-list li { 
		width: 33.3%;
		float: left;
		padding: 0 12px;
		margin: 0; }

	#ourPeople-list li:before { display: none; }

	#ourPeople-list li:nth-child(3n+1) { clear: both; }

	/*#ourPeople-list .dotsNav { 
		margin: 10px 0 30px;
		text-align: center; }

	#ourPeople-list .dotsNav-wrap {
		display: inline-block;
		position: relative;
		margin: 0 auto; }

	#ourPeople-list .carousel { margin: 0 -12px; }

	#ourPeople-list .slide { padding: 0 12px; }*/

	#ourPeople-list figure { margin: 0 0 30px; max-width: 255px; }

		#ourPeople-list figure img {
			display: block;
			margin: 0 auto 12px; }

	#ourPeople-list figcaption .name { 
		margin: 0 0 3px;
		color: #f7931e;
		font-size: 15px;
		font-weight: 600; }

	/*#ourPeople-list .slick-arrow {
		width: 32px;
		height: 32px;
		position: absolute;
		top: 30%;
		z-index: 30;
		padding: 0;
		background: none;
		border: 0;
		opacity: 0.25;
		cursor: pointer;
		transition: 0.2s ease opacity;
		font-size: 0; }

	#ourPeople-list .slick-arrow:hover { opacity: 1; }

	#ourPeople-list .slick-prev { 
		left: -50px;
		background: url(../images/arrow_prev.svg) center no-repeat; }

	#ourPeople-list .slick-next { 
		right: -50px;
		background: url(../images/arrow_next.svg) center no-repeat; }

	#ourPeople-list .slick-dots {
		padding: 0;
		margin: 0;
		list-style: none; }

		#ourPeople-list .slick-dots li { 
			display: inline-block;
			margin: 0 4px; }

		#ourPeople-list .slick-dots li:before { display: none; }

		#ourPeople-list .slick-dots button {
			width: 16px;
			height: 16px;
			padding: 0;
			background: #fff;
			border: 2px solid #58595b;
			border-radius: 50%;
			font-size: 0; }

		#ourPeople-list .slick-dots .slick-active button { background: #f79929; }*/


/*** ACCORDION ***/
.accordion { margin: 1.5rem 0; }

	.accordion-group {
		width: 100%;
		float: left;
		margin-bottom: 15px; }

	.accordion-btn {
		display: block;
		position: relative;
		padding: 17px 50px 17px 20px;
		background: rgb(255,255,255);
		background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,1)),to(rgba(239,239,239,1)));
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
		border: 1px solid #e8e8e8;
		border-bottom: 3px solid #f7931e;
		color: #222;
		font-weight: bold; }

	.accordion-btn:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -3px;
		border-top: 6px solid #222;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		-webkit-transition: 0.2s ease all;
		-o-transition: 0.2s ease all;
		transition: 0.2s ease all;
		-webkit-transform: rotate(180deg); 
		-ms-transform: rotate(180deg); 
		transform: rotate(180deg); }

	.accordion-btn:hover {
		text-decoration: none;
		color: #f7931e; }

	.accordion-btn.active:after { 
		-webkit-transform: rotate(0deg); 
		-ms-transform: rotate(0deg); 
		transform: rotate(0deg); }

	.accordion-content {
		/*display: none;*/
		padding-bottom: 10px; }


/*** OUR STORY - NEWS ***/
#ourStory-news {
	width: 100%;
	float: left; }

	#ourStory-news .newsItem {
		width: 100%;
		float: left;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 130px 1fr;
		grid-template-columns: 130px 1fr;
		padding: 40px 0;
		border-bottom: 1px solid #e0e0e0; }

	#ourStory-news .newsItem:last-child { border-bottom: 0; }

	#ourStory-news .catIcon { 
		text-align: center;
		-ms-grid-column: 1; }

		#ourStory-news .catIcon img { 
			display: block;
			margin: 0 auto; }

	#ourStory-news .content { 
		padding-left: 10px;
		-ms-grid-column: 2; }

		#ourStory-news .content .title {
			margin-bottom: 1.2rem;
			font-size: 24px;
			font-weight: 700; }

		#ourStory-news .content .exerpt { margin-bottom: 1.5rem; }

		#ourStory-news .content .foot .btn-orange { margin: 0; }

		#ourStory-news .content .foot .date { 
			display: inline-block;
			margin-left: 10px;
			color: #999;
			font-size: 13px; }


/*** COFFEE EXCELLENCE - PRIVATE LABEL ***/
.privateLabel-chart {
	width: 100%;
	float: left;
	margin-bottom: 1.5rem;
	font-size: 15px; }

	.privateLabel-chart .row {
		width: 100%;
		float: left;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 100px 1fr;
		grid-template-columns: 100px 1fr;
		padding: 15px 0;
		border-bottom: 1px solid #f7941d; }

	.privateLabel-chart .row:last-child { border: 0; }

	.privateLabel-chart .label { 
		font-weight: bold;
		-ms-grid-column: 1; }

	.privateLabel-chart .types { 
		display: -ms-grid; 
		display: grid;
		-ms-grid-column: 2;
		text-align: center; }

	.privateLabel-chart .grid-center { 
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center; }

		.privateLabel-chart .grid-center span { display: block; }

		.privateLabel-chart .types .grid-center span { padding: 0 20px; }

	.privateLabel-chart .option { padding: 0 2px; }
	
	.privateLabel-chart .option:nth-child(1) { -ms-grid-column: 1; }
	.privateLabel-chart .option:nth-child(2) { -ms-grid-column: 2; }
	.privateLabel-chart .option:nth-child(3) { -ms-grid-column: 3; }
	.privateLabel-chart .option:nth-child(4) { -ms-grid-column: 4; }
	.privateLabel-chart .option:nth-child(5) { -ms-grid-column: 5; }
	.privateLabel-chart .option:nth-child(6) { -ms-grid-column: 6; }

	.privateLabel-chart .row1 .types { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
	
	.privateLabel-chart .row2 .types,
	.privateLabel-chart .tea-row3 .types { 
		-ms-grid-columns: 1fr; 
		grid-template-columns: 1fr; }
		
		.privateLabel-chart .row2 .types .option:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; }
		.privateLabel-chart .row2 .types .option:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; }
		.privateLabel-chart .row2 .types .option:nth-child(3) { -ms-grid-column: 3; -ms-grid-row: 1; }
		.privateLabel-chart .row2 .types .option:nth-child(4) { -ms-grid-column: 4; -ms-grid-row: 1; }
		.privateLabel-chart .row2 .types .option:nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 2; }
		.privateLabel-chart .row2 .types .option:nth-child(6) { -ms-grid-column: 2; -ms-grid-row: 2; }
		.privateLabel-chart .row2 .types .option:nth-child(7) { -ms-grid-column: 3; -ms-grid-row: 2; }

	.privateLabel-chart .row2 .types .group1 { 
		display: -ms-grid; 
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		-ms-grid-column: 1;
		-ms-grid-row: 1; }

	.privateLabel-chart .row2 .types .group2 { 
		display: -ms-grid; 
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		padding: 0 5%;
		margin-top: 15px; }

	.privateLabel-chart .row3 .types { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; }
	/*.privateLabel-chart .row3 .types { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }*/
	.privateLabel-chart .row4 .types { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; }
	/*.privateLabel-chart .row4 .types { -ms-grid-columns: 1fr 1fr auto 1fr 1fr; grid-template-columns: 1fr 1fr auto 1fr 1fr; }*/

	.privateLabel-chart .row5 { text-align: left; }
	
	.privateLabel-chart .row5 .label + div { -ms-grid-column: 2; }

	.privateLabel-chart img { 
		display: block;
		margin: 0 auto; }

	.privateLabel-chart .row5 img { 
		display: inline-block;
		margin: 0 10px 0 0;
		vertical-align: middle; }

	.privateLabel-chart .row5 .btn-green { 
		margin: 0;
		vertical-align: middle;
		font-size: 16px; }

	.privateLabel-chart .tea-row2 .types { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; }

	.privateLabel-chart .tea-row3 .types .group1 { 
		display: -ms-grid; 
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-column: 1;
		-ms-grid-row: 1; }

	.privateLabel-chart .tea-row3 .types .group2 { 
		display: -ms-grid; 
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		padding: 0 5%;
		margin-top: 15px; }

		.privateLabel-chart .tea-row3 .types img { max-height: 107px; }

	.privateLabel-chart .tea-row4 .types { display: block; }

		.privateLabel-chart .tea-row4 .types .option { 
			display: inline-block;
			margin: 7px 5px; }


/*** COFFEE EXCELLENCE - CAPABILITIES ***/
.cardBoxes {
	width: 100%;
	float: left;
	margin: 10px 0; }

.cardBoxes.cols3 { padding: 0 10px; }

.cardBoxes ul {
	padding: 0;
	margin: 0 -12px;
	list-style: none;
	text-align: center;
	font-size: 0; }

.cardBoxes li { 
	display: inline-block;
	vertical-align: top;
	padding: 0 12px 24px;
	margin: 0; }

.cardBoxes li:before { display: none; }

.cardBoxes .card {
	width: 179px;
	height: 100%;
	background: #f7931e;
	/*border-radius: 4px;
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);*/
	color: #fff;
	font-size: 14px;
	overflow: hidden; }

	.cardBoxes .card figure {
		width: 100%;
		height: 89px;
		padding: 0;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover; }

	.cardBoxes .card figure.capabilities1 { background-image: url(../images/coffee_capabilities_box1.jpg); }
	.cardBoxes .card figure.capabilities2 { background-image: url(../images/coffee_capabilities_box2.jpg); }
	.cardBoxes .card figure.capabilities3 { background-image: url(../images/coffee_capabilities_box3.jpg); }
	.cardBoxes .card figure.capabilities4 { background-image: url(../images/coffee_capabilities_box4.jpg); }
	.cardBoxes .card figure.capabilities5 { background-image: url(../images/coffee_capabilities_box5.jpg); }
	.cardBoxes .card figure.capabilities6 { background-image: url(../images/coffee_capabilities_box6.jpg); }
	.cardBoxes .card figure.capabilities7 { background-image: url(../images/coffee_capabilities_box7.jpg); }
	.cardBoxes .card figure.capabilities8 { background-image: url(../images/coffee_capabilities_box8.jpg); }
	.cardBoxes .card figure.capabilities9 { background-image: url(../images/coffee_capabilities_box9.jpg); }

	.cardBoxes .card .content { padding: 10px; }

	.cardBoxes.supplyChain .card .content { height: 115px; }

.coffee-capabilities-priceComp .group {
	width: 100%;
	float: left;
	margin-bottom: 1.2rem; }

.coffee-capabilities-priceComp .icon {
	width: 115px;
	float: left;
	text-align: center; }

	.coffee-capabilities-priceComp .icon img {
		width: 70px;
		display: block;
		margin: 0 auto; }

.coffee-capabilities-priceComp .content { overflow: hidden; }

.didYouKnow { 
	width: 100%;
	float: left;
	margin: 60px 0;
	position: relative; }

	.didYouKnow img { position: absolute; }

	/* .didYouKnow.greenSourcing img {
		left: -30px;
		bottom: -25px; } */

	.didYouKnow.blendDev img {
		left: -20px;
		bottom: -35px; }

	.didYouKnow .grey {
		padding: 20px;
		background: #58595b;
		color: #fff; }

	/* .didYouKnow.greenSourcing .grey { padding-left: 300px; } */
	.didYouKnow.blendDev .grey { padding-left: 350px; }

	.didYouKnow .grey h3,
	.didYouKnow .content h3.h1 { margin: 0; }

	.didYouKnow .grey p { margin: 10px 0 0; }

	.didYouKnow.teaExcellence img {
		left: -65px;
		bottom: -35px; }

	.didYouKnow.teaExcellence .grey { padding: 40px 12% 40px 400px; }

		.didYouKnow.teaExcellence .grey h1 { margin-top: 0; }

	.didYouKnow.teaExcellence.privateLabel { margin-top: 100px; }

	.didYouKnow.greenSourcing { 
		min-height: 198px;
		display: grid;
		grid-template-columns: 37% minmax(0, 1fr);
		grid-template-rows: auto;
		margin: 8px 0 0;
		background: rgb(88,88,91);
		background: -moz-radial-gradient(center, ellipse cover,  rgba(88,88,91,1) 25%, rgba(62,62,64,1) 100%);
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(88,88,91,1) 25%,rgba(62,62,64,1) 100%);
		background: radial-gradient(ellipse at center,  rgba(88,88,91,1) 25%,rgba(62,62,64,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58585b', endColorstr='#3e3e40',GradientType=1 );
		background-position: center;
		background-size: 100% 150%;
		color: #fff; }

		.didYouKnow.greenSourcing .img {
			background: url(../images/img_farmer2.jpg) center no-repeat;
			background-size: cover; }

		.didYouKnow.greenSourcing .content {
			padding: 44px 24px; }

.greyBox-imgL {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	margin-bottom: 1.5rem;
	background: #58595b;
	color: #f7931e;
	font-size: 22px;
	font-weight: 600; }

	.greyBox-imgL .half { width: 50%; }

	.greyBox-imgL figure {
		padding: 0;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover; }

	/* .greyBox-imgL figure.capabilities-blendDev { background-image: url(../images/img_blend.jpg); } */
	.greyBox-imgL figure.capabilities-productDevelopment { background-image: url(../images/img_productDevelopment.jpg); }
	.greyBox-imgL figure.capabilities-roasting { background-image: url(../images/img_roasting.jpg); }
	.greyBox-imgL figure.capabilities-teaSourcing { background-image: url(../images/img_teaSourcing.jpg); }
	.greyBox-imgL figure.capabilities-teaBlendDev { background-image: url(../images/img_teaBlendDev.jpg); }

	.greyBox-imgL .content { padding: 50px 35px; }

		.greyBox-imgL .content > *:last-child { margin-bottom: 0; }

.roasting-smallImages {
	width: 100%;
	float: left;
	margin-bottom: 1.2rem; }

	.roasting-smallImages img { width: 100%; }


/*** BOXES - DISCOVER ***/
.boxes-discover {
	width: 100%;
	float: left;
	margin-top: 40px;
	text-align: center;
	font-size: 1.125rem; }

.foodServiceLanding .boxes-discover { margin-top: 20px; }

	.boxes-discover figure {
		position: relative;
		padding: 0;
		margin: 0 0 20px; }

		.boxes-discover figure img { 
			width: 100%;
			display: block; }

		.boxes-discover figure .buttons {
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 0 22px 32px;
			text-align: left; }

			.boxes-discover figure .buttons .btn-orange { 
				width: 150px;
				float: left;
				padding-right: 11px !important;
				padding-left: 12px !important;
				margin-bottom: 0;
				text-align: center; }

			.boxes-discover figure .buttons.small .btn-orange {
				width: 115px;
				padding-top: 10px !important;
				padding-bottom: 10px !important;
				font-size: 13px !important; }

			.boxes-discover figure .buttons.multiple .btn-orange { max-width: 49%; }

			.boxes-discover figure .buttons.multiple .btn-orange:last-child { margin-left: 2%; }


/*** BOXES - FULL SIZE IMAGE ***/
.boxes-fullImg .box {
	width: 100%;
	height: 198px;
	padding: 20px;
	margin-bottom: 6px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #f0f0f0;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
	text-shadow: 0 0 12px rgba(0,0,0,0.6); }

/* .coffeeGlobalFacts .box1 { background-image: url(../images/coffee_capabilities_hectares.jpg); }
.coffeeGlobalFacts .box2 { background-image: url(../images/coffee_capabilities_consumers.jpg); }
.coffeeGlobalFacts .box3 { background-image: url(../images/coffee_capabilities_farmers.jpg); }
.coffeeGlobalFacts .box4 { background-image: url(../images/coffee_capabilities_cupsAnnually.jpg); } */


/*** BOXES - HALF SIZE IMAGE ***/
.boxes-halfImg.teaExperts { 
	max-width: 840px;
	margin: 0 auto; }

.boxes-halfImg .box {
	width: 100%;
	height: 196px;
	margin-bottom: 6px; }

.boxes-halfImg .box.center {
	display: flex;
	align-items: center;
	justify-content: center; }

.boxes-halfImg .img {
	width: 50%;
	height: 100%;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; }

.boxes-halfImg .content {
	width: 50%;
	height: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background-color: #f7931e;
	color: #fff;
	font-weight: bold;
	font-size: 14px; }

.boxes-halfImg.font-16 .content { font-size: 16px; }

.coffeeSupplyChain .box1 .img { background-image: url(../images/coffee_capabilities_chain1.jpg); }
.coffeeSupplyChain .box2 .img { background-image: url(../images/coffee_capabilities_chain2.jpg); }
.coffeeSupplyChain .box3 .img { background-image: url(../images/coffee_capabilities_chain3.jpg); }
.coffeeSupplyChain .box4 .img { background-image: url(../images/coffee_capabilities_chain4.jpg); }

.teaExperts .box1 .img { background-image: url(../images/img_teaExperts1.jpg); }
.teaExperts .box2 .img { background-image: url(../images/img_teaExperts2.jpg); }
.teaExperts .box3 .img { background-image: url(../images/img_teaExperts3.jpg); }
.teaExperts .box4 .img { background-image: url(../images/img_teaExperts4.jpg); }
.teaExperts .box5 .img { background-image: url(../images/img_teaExperts5.jpg); }


/*** TEA EXCELLENCE ***/
.cardBoxes.teaExcellence .card { width: 237px; }

	.cardBoxes.teaExcellence .card figure { height: 117px; }

	/* .cardBoxes.teaExcellence .card figure.tea1 { background-image: url(../images/img_teaExperts1.jpg); }
	.cardBoxes.teaExcellence .card figure.tea2 { background-image: url(../images/img_teaExperts2.jpg); }
	.cardBoxes.teaExcellence .card figure.tea3 { background-image: url(../images/img_teaExperts3.jpg); }
	.cardBoxes.teaExcellence .card figure.tea4 { background-image: url(../images/img_teaExperts4.jpg); }
	.cardBoxes.teaExcellence .card figure.tea5 { background-image: url(../images/img_teaExperts5.jpg); } */

.cardBoxes.teaExcellence ul { 
	max-width: 783px;
	margin-right: auto;
	margin-left: auto; }

.cardBoxes.teaExcellence li:last-child img { margin: 35px 0; }

.teaSourcing-options .group {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 125px auto;
	grid-template-columns: 125px auto; }

.teaSourcing-options .group .img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center; }

.teaSourcing-options h3 { 
	margin-top: 0;
	margin-bottom: 0;
	color: #f7931e; }

.teaSourcing-options h3 + p { margin-top: 0; }


/*** FOOD SERVICE - TURN KEY ***/
.foodService_turnKey_solutions .col_6 { margin-bottom: 30px; }

.foodService_turnKey_solutions .col_6:nth-child(2n+1) { clear: both; }

.foodService_turnKey_solutions h2 { 
	margin-top: 10px;
	margin-bottom: 0; }

.foodService_turnKey_solutions h2 + p { margin-top: 5px; }


/*** FOOD SERVICE - OUR BRANDS ***/
#brandsBox {
	width: 100%;
	float: left;
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	        box-shadow: 0 10px 20px rgba(0,0,0,0.2); }

	#brandsBox .tabContent {
		width: 100%;
		float: left;
		display: none;
		font-size: 13px; }

	#brandsBox .tabContent.is-active { display: block; }

		#brandsBox .tabContent h3 {
			margin-top: 0;
			font-size: 15px; }

		#brandsBox .tabContent .btn-orange { margin-top: 10px; }

		#brandsBox .tabContent .img { text-align: center; }

	#brandsBox .tabs {
		width: 100%;
		float: left;
		position: relative;
		padding: 15px 40px 0;
		margin-top: 15px;
		border-top: 1px solid #b5babd;
		text-align: center; }

		#brandsBox .tabs .arr {
			width: 32px;
			height: 32px;
			position: absolute;
			top: 50%;
			z-index: 100;
			padding: 0;
			margin-top: -16px;
			background: none;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			border: 0;
			opacity: 0.15;
			-webkit-transition: 0.2s ease opacity;
			-o-transition: 0.2s ease opacity;
			transition: 0.2s ease opacity; }

		#brandsBox .tabs .arr-prev { 
			left: 0;
			background-image: url(../images/arrow_prev2.svg); }

		#brandsBox .tabs .arr-next { 
			right: 0;
			background-image: url(../images/arrow_next2.svg); }

		#brandsBox .tabs .arr:hover { opacity: 1; }

		#brandsBox .tabs ul {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: auto auto auto auto auto auto;
			grid-template-columns: auto auto auto auto auto auto;
			padding: 0;
			margin: 0;
			list-style: none; }

		#brandsBox .tabs li { 
			display: -webkit-box; 
			display: -ms-flexbox; 
			display: flex;
			-webkit-box-align: stretch;
			-ms-flex-align: stretch;
			align-items: stretch;
			padding: 0 5px;
			margin: 0; }

		#brandsBox .tabs li:before { display: none; }

		#brandsBox .tabs a { 
			width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			position: relative;
			padding-bottom: 15px;
			opacity: 0.3; }

		#brandsBox .tabs a:after {
			content: "";
			height: 3px;
			position: absolute;
			right: 5px;
			bottom: 0;
			left: 5px; }

		#brandsBox .tabs a:hover:after { background: #b5babd; }

		#brandsBox .tabs a.is-active:after { background: #f7931e; }

		#brandsBox .tabs a.is-active,
		#brandsBox .tabs a:hover { opacity: 1; }

		#brandsBox .tabs img { margin: 0 auto; }


/*** SUSTAINABILITY ***/
#sustainability-section1 { margin-top: 50px; }

	#sustainability-section1 img {
		display: block;
		margin: 0 auto 15px; }

	#sustainability-section1 .title {
		text-align: center;
		text-transform: uppercase;
		font-size: 17px;
		font-weight: 700; }

#sustainability-quote {
	padding: 50px 0;
	background: url(../images/bg_sustainability_quote.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
	font-size: 24px; }

	#sustainability-quote main > :last-child { margin-bottom: 0; }

	#sustainability-quote i { font-weight: 300; }

#sustainability-partners { text-align: center; }

	#sustainability-partners img { margin: 12px; }


/*** SUSTAINABILITY - CERTIFICATION PARTNERSHIPS ***/
#sustainability_certification .group {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto 179px;
	grid-template-columns: auto 179px;
	margin-bottom: 20px; }

	#sustainability_certification .group .content { padding-right: 30px; }

	#sustainability_certification .group .logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 40px; }

		#sustainability_certification .group .logo img { margin: 0 auto; }


/*** INSIGHTS & INDUSTRY NEWS ***/
#newsPage .catTitle {
	height: 88px;
	padding-left: 103px;
	margin: 0 0 10px;
	line-height: 88px; }

#newsPage .catTitle.insights { 
	background: url(../images/icon_insights.png) center left no-repeat;
	background-size: 88px; }

#newsPage .catTitle.industry { 
	background: url(../images/icon_industry.png) center left no-repeat;
	background-size: 88px; }

#newsPage .news-item { 
	width: 100%;
	float: left;
	margin-top: 24px; }

	#newsPage .news-item figure {
		width: 88px;
		height: 88px;
		float: left;
		padding: 0;
		margin: 5px 16px 0 0; }

	#newsPage .news-item .content { overflow: hidden; }

	#newsPage .news-item .title h3 { margin: 0 0 15px; }

	#newsPage .news-item .foot { margin-top: 20px; }

		#newsPage .news-item .foot .btn-orange { margin-top: 0; }

		#newsPage .news-item .foot .date { 
			display: inline-block;
			margin-left: 10px;
			color: #999;
			font-size: 13px; }


/*** SINGLE POSTS ***/
.single-post .post-date { color: #999; }


/*** CAREERS ***/
#careers-images {
	width: 100%;
	float: left;
	margin: 0 0 24px; }

	#careers-images ul {
		padding: 0;
		margin: 0 -12px; }

	#careers-images li {
		width: 33.3333%;
		float: left;
		padding: 12px;
		margin: 0; }

	#careers-images li:before { display: none; }

	#careers-images figure { 
		padding: 0;
		margin: 0;
		/*border-radius: 4px;
		-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
		box-shadow: 0 4px 8px rgba(0,0,0,0.2);*/
		overflow: hidden; }

	#careers-images img { 
		width: 100%;
		display: block; }


/*** CONTACT ***/
#contactPage {
	width: 100%;
	float: left;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 260px 1fr;
	grid-template-columns: 260px 1fr;
	font-size: 14px; }

	#contactPage aside h4:first-child { margin-top: 8px; }

	#contactPage .form .col_row {
		margin-right: -5px;
		margin-left: -5px; }

	#contactPage .form .col { padding: 0 5px; }

	#contactPage .form ul {
		padding: 0;
		margin: 0; }

	#contactPage .form li { margin: 0; }

	#contactPage .form li:before { display: none; }

	#contactPage .form .field { margin-bottom: 10px; }

	#contactPage .form .styledSelect select { 
		background-color: #fafafa;
		border: 1px solid #ccc;
		color: #222; }

		#contactPage .form .styledSelect select option:first-child { color: #aaa; }

	#contactPage .form input[type="text"],
	#contactPage .form textarea,
	#contactPage .form .wpcf7-text {
		width: 100%;
		padding: 10px 13px;
		margin: 0;
		background: #fafafa;
		border: 1px solid #ccc;
		border-radius: 4px;
		color: #222;
		font: inherit;
		font-size: 13px; }

	#contactPage .form textarea { height: 200px; }

	#contactPage .form input[type="text"]:focus,
	#contactPage .form textarea:focus,
	#contactPage .form .wpcf7-text:focus { 
		background-color: #fff;
		border-color: #f7931e; }

	#contactPage .form input[type="submit"] {
		display: inline-block;
		padding: 10px 45px;
		margin: 0;
		background: #f7931e;
		border: none;
		border-radius: 4px;
		color: #fff;
		font: inherit;
		font-size: 13px;
		font-weight: 400;
		cursor: pointer; }

	#contactPage .form input[type="submit"]:hover { background: #e77d00; }

	#contactPage .form .checkboxes { padding: 5px 0 0; }

		#contactPage .form .checkboxes .inputs { margin: 10px 0 0; }

			#contactPage .form .checkboxes .inputs label { 
				display: inline-block;
				margin: 0 10px 10px 0; }

			#contactPage .form .checkboxes .inputs .wpcf7-list-item { 
				margin-right: 4px;
				margin-left: 0; }

			#contactPage .form .checkboxes .inputs .wpcf7-list-item input[type="checkbox"] { margin-right: 4px; }

	#contactPage .form .wpcf7-not-valid-tip { 
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px; }

		#contactPage .form .wpcf7-not-valid-tip:before {
			content: "!";
			width: 14px;
			height: 14px;
			display: inline-block;
			margin-right: 4px;
			vertical-align: top;
			border: 1px solid #dc3232;
			border-radius: 50%;
			color: #dc3232;
			text-align: center;
			font-size: 10px;
			font-weight: bold;
			line-height: 12px; }

/*** ACCESSIBILITY ***/
table.accessibility,
.accessibility table { font-size: 13px; }

	table.accessibility tbody,
	.accessibility table tbody { font-style: italic; }

	table.accessibility th, 
	table.accessibility td,
	.accessibility table th,
	.accessibility table td { padding: 5px; }

	table.accessibility th,
	.accessibility table th { 
		font-style: normal;
		font-weight: bold; }
	
	
/*** MEDIA QUERIES ***/

/*** 1440px ***/
@media screen and (max-width: 1440px) {

	#banner.home { height: 450px; }

		#banner.home .carousel { font-size: 18px; }

			#banner.home .carousel .title { font-size: 58px; }

		#banner .heading.wNav .title { font-size: 1.7rem; }

		#banner .heading.wNav nav { font-size: 15px; }

	#home-discover { font-size: 1rem; }

}


/*** 1280px ***/
@media screen and (max-width: 1280px) {

	header#header .logo {
		width: 160px;
		padding: 33px 0; }

	header#header nav .bottom { font-size: 17px; }

	header#header nav ul li { margin: 0 0 0 14px; }

	#banner.home { height: 400px; }

		#banner.home .carousel .title { font-size: 52px; }
	
}


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

	.admin-bar #banner .heading.sticky { top: 122px; }

	header#header { height: 90px; }

		header#header .logo { 
			width: 130px;
			padding: 21px 0 0; }

		header#header nav { display: none; }

		header#header .mobileNav { display: block; }

	nav#mobileNav { display: block; }

	#banner { 
		height: 350px;
		margin-top: 90px; }

	#banner.home { height: 550px; }

		#banner.home .carousel { font-size: 16px; }

			#banner.home .carousel .slick-dots { bottom: 140px; }

			#banner.home .carousel .content { padding-bottom: 140px; }

			#banner.home .carousel .btn-orange { font-size: 18px; }

		#banner .heading:not(.landing) { padding-top: 25px; }

		#banner .heading:not(.landing) .title,
		#banner .heading nav { display: none; }

		#banner .heading.landing .title { font-size: 24px; }

		#banner .heading .subMenu { display: block; }

		#banner .heading.sticky { 
			top: 90px;
			padding-top: 10px; }

		#banner .heading.landing.sticky { padding-top: 0; }

	#homePage { padding-bottom: 20px; }

		#homePage .wrapper { 
			position: relative;
			z-index: 100;
			padding-left: 380px;
			margin-top: -200px;
			overflow: hidden; }

	#home-discover {
		width: 300px;
		margin-left: -340px;
		font-size: 1rem; }

		#home-discover .col { 
			width: 100%;
			margin-bottom: 20px; }

		#home-discover figure { margin-bottom: 0; }

	#home-about { 
		width: auto;
		min-height: auto;
		padding: 0;
		margin: 28px 0 0;
		font-size: 1rem; }

		#home-about .coffee { 
			width: auto;
			max-width: 100%;
			position: static; }

		#home-about .content { 
			padding: 0;
			margin: 0; }

			#home-about .content > div {
				padding: 0;
				background: none; }

			/* #home-about .content > div:before { display: none; } */

		#home-about h2 { color: #f7931e; }

	#ourPeople-list .slick-arrow { top: -1px; }

	.didYouKnow.teaExcellence img { 
		width: 350px;
		left: -30px;
		bottom: -25px; }

	.didYouKnow.teaExcellence .grey { padding: 40px 20px 40px 350px; }

	.didYouKnow.teaExcellence.privateLabel { margin-top: 60px; }

	.boxes-discover .btn-orange { font-size: 16px; }
	
}


/*** 900px ***/
@media screen and (max-width: 900px) {

	main.wAside { -ms-grid-columns: 200px 1fr; grid-template-columns: 200px 1fr; }

	#homePage .wrapper { padding-left: 320px; }

	#home-discover { 
		width: 240px;
		margin-top: 40px;
		margin-left: -280px; }

		#home-discover .title { font-size: 1rem; }

	footer .linkedin { width: 40px; }

	footer .bottom { text-align: center; }

		footer .bottom .left,
		footer .bottom .right { width: 100%; }

		footer .bottom .left { margin: 0 0 20px; }

	.sectionBoxes.v1 .box { 
		width: 50%;
		margin-bottom: 30px; }

	.sectionBoxes.foodServiceLanding .col_3 { width: 50%; }

	.sectionBoxes.foodServiceLanding .col_3:nth-child(2n+1) { clear: both; }

	#ourStory-values .card .label { font-size: 18px; }

	.privateLabel-chart { font-size: 14px; }
	
}


/*** 800px ***/
@media screen and (max-width: 800px) {

	.collapse_800 .col { width: 100%; }

	#newsPage .col.insights { margin-bottom: 40px; }

	.content-imgLeft .img {
		max-width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 2rem; }
	
	.content-imgLeft .content { overflow: visible; }

}


/*** 782px ***/
@media screen and (max-width: 782px) {

	.admin-bar header#header,
	.admin-bar nav#mobileNav { top: 46px; }

	.admin-bar #banner .heading.sticky { top: 136px; }

}


/*** 720px ***/
@media screen and (max-width: 720px) {

	.wrapper,
	.wrapper2 { padding: 0 30px; }

	.collapse_720 .col { width: 100%; }

	section { padding: 50px 0; }

	main.wAside { display: block; }

		main.wAside aside { margin-bottom: 30px; }

		main.wAside article { padding-left: 0; }

		.coffee-innovation-capsuleImg { 
			width: 150px;
			display: block;
			margin: 0 auto; }

	#banner { height: 300px; }

	#banner.home { height: 400px; }

		#banner.home .carousel .slick-dots { bottom: 40px; }

		#banner.home .carousel .content { 
			width: 100%;
			padding-bottom: 140px; }

		#banner.home .carousel .title { 
			margin-left: -2px;
			font-size: 44px; }

		#banner.home .carousel .content p { display: none; }

		#banner.home .carousel .btn-orange { font-size: 16px; }

		#banner.home .carousel .relative { 
			bottom: -50px;
			right: auto; }

		#banner.home .carousel .init .relative {
			bottom: -50px;
			right: auto; }

		#banner.home .carousel .slick-active .relative { 
			bottom: 0;
			right: auto; }

	#homePage .wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		padding: 0 30px;
		margin: 0; }

	#home-discover { 
		width: 100%;
		margin: 0; }

		#home-discover .col { width: 50%; }

		#home-discover .col:nth-child(2n+1) { clear: both; }

	#home-about { margin: 0 0 40px; }

		#home-about .coffee { display: none; }

	.greyBox { 
		padding: 0;
		margin-bottom: 1.2rem;
		background: none; }

		.greyBox .coffee { display: none; }

	footer .linkedin { display: none; }

	footer .subscribe { padding: 0; }

	footer .nav .col_2,
	footer .menu-footer-container #menu-footer > li { 
		width: 50%;
		margin-bottom: 16px; }

	footer .nav .col_2:nth-child(odd),
	footer .menu-footer-container #menu-footer > li:nth-child(odd) { clear: both; }

	footer .nav .col_2:last-child,
	footer .menu-footer-container #menu-footer > li:last-child { margin-bottom: 0; }

	#ourPeople-masterRoaster figure,
	#ourPeople-featured figure { margin-right: 30px; }

	#ourPeople-list li { width: 33.3333%; }

	#ourPeople-list li:nth-child(4n+1) { clear: none; }
	#ourPeople-list li:nth-child(3n+1) { clear: both; }

	#ourStory-values li { width: 50%; }

	.cardBoxes.cols3 { padding: 0; }

	.didYouKnow,
	.didYouKnow.teaExcellence.privateLabel { margin-top: 1.2rem; }

	.didYouKnow img { 
		left: 50% !important;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%); }

	.didYouKnow.teaExcellence img { width: 300px; }

	.didYouKnow .grey { padding: 20px 20px 230px !important; }

	.greyBox-imgL .half { width: 100%; }

	.greyBox-imgL { 
		display: block;
		font-size: 20px; }

		.greyBox-imgL figure { height: 200px; }

		.greyBox-imgL .content { padding: 20px; }

	.capabilities-locations .col_4 { width: 50%; }

	.sectionBoxes.v3 { font-size: 1rem; }

		.sectionBoxes.v3 .col_4 { 
			width: 50%;
			margin-bottom: 20px; }

		.sectionBoxes.v3 .col_4:nth-child(2n+1) { clear: both; }

		.sectionBoxes.v3 .title { font-size: 1.1rem; }

	#contactPage { display: block; }

	table.accessibility th { display: none; }

	table.accessibility td { display: block; }

	table.accessibility tr td:nth-child(4) { margin-bottom: 2rem; }

	.timeline2 .slider-nav { font-size: 20px; }

		.timeline2 .slider-nav .slick-current .date { font-size: 36px; }

	.timeline2 .slider-for { padding: 24px 0 0; }

		.timeline2 .slider-for button { display: none !important; }

		.timeline2 .slider-for .slick-track { display: block !important; }

	.boxes-halfImg.font-16 .content { font-size: 14px; }

	.boxes-discover .col { width: 50%; }
	
}


/*** 600px ***/
@media screen and (max-width: 600px) {

	.admin-bar header#header,
	.admin-bar nav#mobileNav { top: 0; }

	.admin-bar #banner .heading.sticky { top: 90px; }

	.collapse_600 .col { width: 100%; }

	figure.align-right,
	.videoWrap { width: 100% !important; }

	#home-discover .col { width: 100%; }

	.sectionBoxes.v1 .box,
	.sectionBoxes.v2 .box { width: 100%; }

	.sectionBoxes.v2 .box { margin-bottom: 30px; }

	.sectionBoxes.v3 { margin-top: 0; }

		.sectionBoxes.v3 .col_4,
		.sectionBoxes.foodServiceLanding .col_3 { width: 100%; }

	#ourPeople-masterRoaster figure,
	#ourPeople-featured figure { 
		width: 100%;
		max-width: 100%;
		margin: 0 0 1.2rem;
		text-align: center; }

	#ourPeople-masterRoaster .content,
	#ourPeople-featured .content { 
		margin-bottom: 24px;
		overflow: visible; }

	#ourPeople-featured .ourPeople-controls { 
		width: 100%;
		position: static; }

	#ourPeople-list li { width: 50%; }

	#ourPeople-list li:nth-child(3n+1) { clear: none; }
	#ourPeople-list li:nth-child(2n+1) { clear: both; }

	#ourStory-news .newsItem { -ms-grid-columns: 70px 1fr; grid-template-columns: 70px 1fr; }

	#ourStory-news .catIcon { text-align: left; }

	#ourStory-news .content .title { font-size: 20px; }

	#ourStory-news .content .foot .btn-orange,
	#ourStory-news .content .foot .date { font-size: 11px; }

	.privateLabel-chart .row { display: block; }

	.privateLabel-chart .label,
	.privateLabel-chart .types { width: 100%; }

	.privateLabel-chart .label { 
		margin-bottom: 20px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center; }

		.privateLabel-chart .label span { display: block; }

	.privateLabel-chart .row2 .types .group2 { padding: 0; }

	.privateLabel-chart .tea-row4 .types .option img { height: 70px; }

	#sustainability_certification .group { display: block; }

	#sustainability-section1 .col_4 { width: 100%; }

	#sustainability-partners img { 
		width: auto;
		height: 80px;
		margin: 6px 12px; }

	#brandsBox .tabContent .col_6 { width: 100%; }

	#brandsBox .tabs { padding: 15px 0 0; }

	#brandsBox .tabs ul { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; }

	#brandsBox .tabs li { margin-top: 24px; }

	#brandsBox .tabs a { padding-bottom: 0; }
	
	#brandsBox .tabs a:after { display: none; }

	#brandsBox .tabs .arr {
		width: 40px;
		height: 40px;
		top: 0;
		margin-top: -20px;
		background-color: #fff;
		background-size: 28px;
		border: 1px solid #b5babd;
		border-radius: 50%;
		opacity: 1; }

	#brandsBox .tabs .arr-prev { 
		right: 50%;
		left: auto;
		margin-right: 8px; }

	#brandsBox .tabs .arr-next { 
		right: auto;
		left: 50%;
		margin-left: 8px; }

	.boxes-fullImg .box { font-size: 18px; }

	.boxes-halfImg .col { width: 100%; }

	.didYouKnow.greenSourcing { display: block; }

		.didYouKnow.greenSourcing .img {
			width: 100%;
			height: 198px; }

	.boxes-discover .col { width: 100%; }
	
}


/*** 480px ***/
@media screen and (max-width: 480px) {

	#banner { height: 250px; }

	footer .subscribe h2 { font-size: 1.2rem; }

	footer .nav .col_2,
	footer .menu-footer-container #menu-footer > li { width: 100%; }

	footer .nav2 a,
	footer .nav2 #menu-footer-mid li { 
		display: block;
		margin-bottom: 10px; }

	footer .nav2 span,
	footer .nav2 #menu-footer-mid li:after { display: none; }

	#ourStory-values li { 
		width: 100%;
		padding: 10px; }

	#ourStory-values li:last-child { padding-bottom: 0; }

	.privateLabel-chart .row1 .types,
	.privateLabel-chart .row2 .types { display: block; }

	.privateLabel-chart .row1 .option { 
		width: 33.3333%;
		float: left; }

	.privateLabel-chart .row1 .option:nth-child(-n+3) { margin-bottom: 20px; }

	.privateLabel-chart .row1 .option:nth-child(3n+1) { clear: both }

	.privateLabel-chart .tea-row2 .types { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }

		.privateLabel-chart .tea-row2 .types .option { margin-bottom: 15px; }

	.privateLabel-chart .tea-row3 .types .group2 { 
		padding: 0;
		margin-top: 0; }

	.privateLabel-chart .tea-row3 .types .option { margin-bottom: 15px; }

	.didYouKnow img,
	.didYouKnow.teaExcellence img { width: 250px; }

	.didYouKnow .grey { padding-bottom: 150px !important; }

	.didYouKnow.teaExcellence .grey { padding-bottom: 170px !important; }

	#newsPage .catTitle { 
		padding-left: 85px;
		background-size: 70px !important;
		font-size: 24px; }

	#newsPage .news-item figure {
		width: 70px;
		height: 70px; }

	#newsPage .news-item .title h2 { font-size: 20px; }

	#careers-images li { width: 50%; }

	#contactPage .form .col { width: 100%; }

	#contactPage .form .checkboxes { margin-bottom: 12px; }

	#contactPage .form .checkboxes .inputs label,
	#contactPage .form .checkboxes .inputs .wpcf7-list-item { 
		display: block;
		margin-right: 0; }

	.teaSourcing-options .group { -ms-grid-columns: auto; grid-template-columns: auto; }

		.teaSourcing-options .group .img { 
			margin-bottom: 16px;
			text-align: center; }

			.teaSourcing-options .group .img img { 
				display: block;
				margin: 0 auto; }

	.timeline2 .slider-nav { font-size: 18px; }

		.timeline2 .slider-nav .slick-current .date { font-size: 28px; }

}


/*** 414px ***/
@media screen and (max-width: 414px) {

	img.align-right { width: 100%; }

	#banner.home .carousel .content { padding-bottom: 180px; }

	#banner.home .carousel .title { font-size: 34px; }

	.capabilities-locations .col_4 { width: 100%; }

	#newsPage .news-item figure { margin: 0 0 20px; }

	#newsPage .news-item .content { 
		width: 100%;
		float: left;
		overflow: visible; }
	
}


/*** 375px ***/
@media screen and (max-width: 375px) {

	#ourStory-news .newsItem { display: block; }

	#ourStory-news .catIcon { margin-bottom: 10px; }

	#ourStory-news .content { 
		padding-left: 0;
		margin-top: 30px; }
	
}


/*** 320px ***/
@media screen and (max-width: 320px) {

	
	
}