/*----------------------
 START FAIR 
------------------------*/
#pressDiv {
	width: 100%;
	text-align: center;
	margin-bottom: 1em;
}
ul.centerPress {
	margin: 0 auto;
}
.centerPress li {
	display: inline-block;
	text-align: center;
	margin-right: 1em;
	overflow: hidden;
}
.centerPress li.lastli {
	display: inline-block;
	text-align: center;
	margin-right: 0;
	overflow: hidden;
}
.list-press {
	display: block;
	height: 40px;
	background: url(../img/press-sprite-new.png) top left no-repeat;
}
.list-cocomama {
	background-position: 0 0;
	width: 159px;
}

.list-bon-appetit {
	background-position: -159px 0;
	width: 195px;
}

.list-wsj {
	background-position: -354px 0;
	width: 273px;
}
.list-r-hosp {
	background-position: -627px 0;
	width: 134px;
}
.list-food-wine {
	background-position: -761px 0;
	width: 246px;
}
.list-mnn {
	background-position: -1008px 0;
	width: 103px;
}
h2.fair-announce {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 16px;
	line-height: 1;
	white-space: nowrap;
	padding: 0 0 0 0px;
	font-size: 1.3em;
	letter-spacing: 0.03em;
}
.fair-announce span{
	line-height: 1;
	font-size: 0.4em;
	margin: -6px 0 0;
	vertical-align: middle;
	display: inline-block;
	padding: 0 3px;
}
@media only screen and (min-width: 568px){
	h2.fair-announce {
		font-size: 2.4em;
	}
	.fair-announce span {
		margin: -10px 0 0;
	}
}
@media only screen and (min-width: 768px){
	h2.fair-announce {
		font-size: 2.8em;
		letter-spacing: 0.05em;
	}
	.fair-announce span {
		margin: -13px 0 0;
	}
}
@media only screen and (min-width: 1024px){
	h2.fair-announce {
		font-size: 2.8em;
	}
}
#how-to-use h2, #awards h2, #bellechasseline h2 {
	  color: #999;
	  font-size: 24px;
	  font-size: 1.5em;
	  font-weight: 400;
	  text-align: left;
	  line-height:3;
	  margin-bottom: 0;
}
#medals {
	background: #fff;
	padding: 18px;
}
#medals li {
	font-size:0.8em;
}
#medals img {
	display: block;
	margin: 0 auto 20px;
}
.list-steps {
	display: block;
	width: 230px;
	height: 120px;
	background: url(../img/steps.jpg) top left no-repeat;
}
.list-step-one {
	background-position: 0 0;
}
.list-step-two {
	background-position: -233px 0;
}
.list-step-three {
	background-position: -463px 0;
}	
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 286px;
	max-width: 478px;
	max-height: 360px;
	width: 48%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: .25em .25em .25em .25em;
	-moz-border-radius: .25em .25em .25em .25em;
	border-radius: .25em .25em .25em .25em;
}
.grid figure img {
	position: relative;
	display: block;
	width:100%;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
	-webkit-border-radius: .25em .25em .25em .25em;
	-moz-border-radius: .25em .25em .25em .25em;
	border-radius: .25em .25em .25em .25em;
}
.grid figure figcaption {
	padding: 1.5em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before, .grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}
.grid figure h2 span {
	font-weight: 800;
}
.grid figure h2, .grid figure p {
	margin: 0;
}
.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.fx {
	z-index: auto;
	overflow: visible;
	background: #000;
}
figure.fx:before, figure.fx h2:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #000;
	content: '';
	-webkit-transition: opacity 0.35s;
	-moz-transition: opacity 0.35s;
	-o-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.fx:before {
	box-shadow: 0 3px 30px rgba(0,0,0,0.8);
	opacity: 0;
}
figure.fx figcaption {
	z-index: 1;
}
figure.fx img {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.35s;
	-moz-transition: -moz-transform 0.35s;
	-o-transition: -moz-transform 0.35s;
	-ms-transition: -ms-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: perspective(1000px) translate3d(0,0,0);
	-moz-transform: perspective(1000px) translate3d(0,0,0);
	-o-tranform:perspective(1000px) translate3d(0,0,0);
	-ms-transform:perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
}
figure.fx h2, figure.fx p {
	background: #fff;
	color: #333;
}
figure.fx h2 {
	position: relative;
	margin-top: 18%;
	padding: 0.25em;
	white-space: nowrap;
	font-size:2rem;
}
figure.fx h2:before {
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}
figure.fx p {
	margin: 1em auto;
	padding: 0.5em;
	font-weight: 800;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(0.9,0.9,1);
	-moz-transform: scale3d(0.9,0.9,1);
	-ms-transform: scale3d(0.9,0.9,1);
	-o-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
}
figure.fx:hover:before {
	opacity: 1;
}
figure.fx:hover img {
	-webkit-transform: perspective(1000px) translate3d(0,0,21px);
	-moz-transform:perspective(1000px) translate3d(0,0,21px);
	-ms-transform: perspective(1000px) translate3d(0,0,21px);
	-o-transform: perspective(1000px) translate3d(0,0,21px);
	transform: perspective(1000px) translate3d(0,0,21px);
}
figure.fx:hover h2:before {
	opacity: 0;
}
figure.fx:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	-moz-transform: scale3d(1,1,1);
	-ms-transform: scale3d(1,1,1);
	-o-transform:scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
/*
if larger than 1024 increase the font
*/
@media only screen and (min-width: 1024px) {
	figure.fx h2 {
		margin-top: 20%;
		font-size:3rem;
	}
}
/*----------------------
 END FAIR  
 
 START AQOTANGO
------------------------*/
.project-info img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	display: block;
	border: 0;
	max-width: 320px;
}
#aqotango-grad{
	background: -webkit-linear-gradient(#fdbf5c, #fff3b2 35%);
	background: -moz-linear-gradient(#fdbf5c, #fff3b2 35%);
	background: -o-linear-gradient(#fdbf5c, #fff3b2 35%);
	background: -ms-linear-gradient(#fdbf5c, #fff3b2 35%);
	background: linear-gradient(#fdbf5c, #fff3b2 35%);
}
.trans-white-bg {
	padding:20px;
	background-color:rgba(255,255,255,0.5);
}
.announce .trans-white-bg {
	padding:0;
	margin:20px auto;
}
.trans-white-bg h2{
	margin: 20px;
	font-size: 20px;
	font-size: 2rem;
}
@media only screen and (min-width: 1024px){
	.trans-white-bg h2{
		 font-size: 26px;
		 font-size: 2.6rem;		
	}
}
.cd-container {
	/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
	width: 90%;
	max-width: 1170px;
	margin: 0 auto;
	font-size: 100%;
	font-family: "Roboto", sans-serif;
	line-height: normal;
	margin-bottom: 83px;
}
.cd-container:after {
	content: "";
	display: table;
	clear: both;
}

.cd-img-replace {
	/* replace text with background images */
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.cd-product {
	text-align: center;
}
.cd-product-wrapper {
	display: inline-block;
	position: relative;
	width: 100%;
	max-width: 600px;
}
/* 6 pack size */
.cd-product-wrapper > img {
	display: block;
	max-width: 100%;
}
.cd-single-point {
	position: absolute;
	border-radius: 50%;
}
.cd-single-point > a {
	position: relative;
	z-index: 2;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: inherit;
	background: #FFB50A;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
.cd-single-point > a::after, .cd-single-point > a:before {
	/* rotating plus icon */
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-color: #ffffff;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.cd-single-point > a::after {
	height: 2px;
	width: 12px;
}
.cd-single-point > a::before {
	height: 12px;
	width: 2px;
}
.cd-single-point::after {
	/* this is used to create the pulse animation */
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
	background-color: transparent;
	-webkit-animation: cd-pulse 2s infinite;
	-moz-animation: cd-pulse 2s infinite;
	animation: cd-pulse 2s infinite;
}
/* here is where you set the location of the dots */
.cd-single-point:nth-of-type(1) {
	/* quinoa */
	bottom: 17%;
	right: 22%;
}
.cd-single-point:nth-of-type(2) {
	/* packaging */
	bottom: 29%;
	right: 65%;
}
.cd-single-point:nth-of-type(3) {
	/* quality */
	top: 18%;
	left: 70%;
}
.cd-single-point:nth-of-type(4) {
	/* low gluten */
	top: 34%;
	right: 59%;
}
.cd-single-point.is-open > a {
	background-color: #384886;
}
.cd-single-point.is-open > a::after, .cd-single-point.is-open > a::before {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-o-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.cd-single-point.is-open::after {
	/* remove pulse effect */
	display: none;
}
.cd-single-point.is-open .cd-more-info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}
.cd-single-point.visited > a {
	background-color: #384886;
}
.cd-single-point.visited::after {
	/* pulse effect no more active on visited elements */
	display: none;
}
@media only screen and (min-width: 1024px) {
	.cd-single-point.is-open .cd-more-info.cd-left {
		right: 140%;
	}
	.cd-single-point.is-open .cd-more-info.cd-right {
		left: 140%;
	}
	.cd-single-point.is-open .cd-more-info.cd-top {
		bottom: 140%;
	}
	.cd-single-point.is-open .cd-more-info.cd-bottom {
		top: 140%;
	}
}
@-webkit-keyframes cd-pulse {
	0% {
		-webkit-transform: scale(1);
		box-shadow: inset 0 0 1px 1px rgba(255, 181, 10, 0.8);
	}
	50% {
		box-shadow: inset 0 0 1px 1px rgba(255, 181, 10, 0.8);
	}
	100% {
		-webkit-transform: scale(1.6);
		box-shadow: inset 0 0 1px 1px rgba(255, 181, 10, 0);
	}
}
@-moz-keyframes cd-pulse {
	0% {
		-moz-transform: scale(1);
		box-shadow: inset 0 0 1px 1px rgba(255, 181, 10, 0.8);
	}
	50% {
		box-shadow: inset 0 0 1px 1px rgba(255, 181, 10, 0.8);
	}
	100% {
		-moz-transform: scale(1.6);
		box-shadow: inset 0 0 1px 1px rgba(255, 181, 10, 0);
	}
}
@keyframes cd-pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		box-shadow: inset 0 0 1px 1px rgba(255, 181, 10, 0.8);
	}
	50% {
		box-shadow: inset 0 0 1px 1px rgba(255, 181, 10, 0.8);
	}
	100% {
		-webkit-transform: scale(1.6);
		-moz-transform: scale(1.6);
		-ms-transform: scale(1.6);
		-o-transform: scale(1.6);
		transform: scale(1.6);
		box-shadow: inset 0 0 1px 1px rgba(255, 181, 10, 0);
	}
}
.cd-single-point .cd-more-info {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 7;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	text-align: left;
	line-height: 1.5;
	background-color: rgba(255, 255, 255, 0.95);
	padding: 2em 1em 1em;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}
.cd-single-point .cd-more-info::before {
	/* triangle next to the interest point description - hidden on mobile */
	content: '';
	position: absolute;
	height: 0;
	width: 0;
	display: none;
	border: 8px solid transparent;
}
.cd-single-point .cd-more-info h2 {
	font-size: 22px;
	font-size: 1.375rem;
	margin-bottom: .6em;
}
.cd-single-point .cd-more-info p {
	color: #758eb1;
}
@media only screen and (min-width: 1024px) {
	.cd-single-point .cd-more-info {
		position: absolute;
		width: 220px;
		height: 240px;
		padding: 1em;
		overflow-y: visible;
		line-height: 1.4;
		border-radius: 0.25em;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	}
	.cd-single-point .cd-more-info::before {
		display: block;
	}
	.cd-single-point .cd-more-info.cd-left, .cd-single-point .cd-more-info.cd-right {
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-single-point .cd-more-info.cd-left::before, .cd-single-point .cd-more-info.cd-right::before {
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-single-point .cd-more-info.cd-left {
		right: 160%;
		left: auto;
	}
	.cd-single-point .cd-more-info.cd-left::before {
		border-left-color: rgba(255, 255, 255, 0.95);
		left: 100%;
	}
	.cd-single-point .cd-more-info.cd-right {
		left: 160%;
	}
	.cd-single-point .cd-more-info.cd-right::before {
		border-right-color: rgba(255, 255, 255, 0.95);
		right: 100%;
	}
	.cd-single-point .cd-more-info.cd-top, .cd-single-point .cd-more-info.cd-bottom {
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.cd-single-point .cd-more-info.cd-top::before, .cd-single-point .cd-more-info.cd-bottom::before {
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.cd-single-point .cd-more-info.cd-top {
		bottom: 160%;
		top: auto;
	}
	.cd-single-point .cd-more-info.cd-top::before {
		border-top-color: rgba(255, 255, 255, 0.95);
		top: 100%;
	}
	.cd-single-point .cd-more-info.cd-bottom {
		top: 160%;
	}
	.cd-single-point .cd-more-info.cd-bottom::before {
		border-bottom-color: rgba(255, 255, 255, 0.95);
		bottom: 100%;
	}
	.cd-single-point .cd-more-info h2 {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 0;
	}
	.cd-single-point .cd-more-info p {
		font-size: 11px;
		font-size: 1.1rem;
	}
}
/* close the interest point description - only on mobile */
.cd-close-info {
	position: fixed;
	top: 0px;
	right: 0;
	height: 44px;
	width: 44px;
}
.cd-close-info::after, .cd-close-info:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	background-color: #475f74;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.cd-close-info::after {
	height: 2px;
	width: 16px;
}
.cd-close-info::before {
	height: 16px;
	width: 2px;
}
@media only screen and (min-width: 1024px) {
	.cd-close-info {
		display: none;
	}
}	
hr#burlap-bg{
	background: url('../img/burlap-pattern.jpg') repeat-x;
	/* background-size: cover; */
	border: 0;
	margin: 8px 0 -110px;
	padding: 105px 0 14px 0;
}

/*----------------------
 END AQOTANGO 
 
 START BELLE CHASSE
------------------------*/

.project-info img.bc-logo{
	width: 100%;
	max-width: 465px;
}
.project-info img.bc-made-in-france{
	margin-top: 20px; 
	max-width: 184px;
}
.project-info img.diana{
	zoom: 48%;
}