@font-face {
	font-family: 'Open_Sans', sans-serif;
	src: url('../fonts/Open_Sans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/Open_Sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Open_Sans/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Open_Sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/Open_Sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Open_Sans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
	// src: url('../fonts/Open_Sans/OpenSans-Regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'gentium_basicregular';
    src: url('../fonts/Gentium-Basic/flavorserifr-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	// font-style: normal;
	// font-weight: normal;
	// font-variant: normal;
	// text-transform: none;
}
html{
}

body, html {
	background-color: #fff;
	color: #000;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	position: relative;
	overflow-x: hidden !important;
}


/* Universal */
body {
	font: 18px "gentium_basicregular",serif;
	background-color: #fff;
	position:relative;
	font-weight: 300;
}

a,a:link{
	color: #062139;
	/*color: #192A39;*/
}
a:hover, a:focus{
	color: #192A39;
}

a:hover {

}
input[type="text"]{
	padding: 15px;
	border-radius: 3px;
	outline: none;
	border:1px solid rgba(0,0,0,0.35);
	margin-bottom: 10px;
}

@media(max-width: 960px){
	li{
		margin-bottom: 20px;
	}
}
h1{
	font-family: 'gentium_basicregular';
	font-weight: 600;
	color:#192A39;
}
h2{
	font-family: 'gentium_basicregular';
	color:#192A39;
	font-weight: 600;
}

.micro-upper{
	font-size: 18px;
	line-height: -60px;
	vertical-align: top;
}

.dev{
	border:1px dashed #f00;
}

.dev-blue{
	border:1px dashed #00f;
}

.dev-yellow{
	border:1px dashed #fc0;
}

.dev-green{
	border:1px dashed #0f0;
}

.mobile-list-chevron{
	float: right;
	width: 10px;
	margin-top: -7px;
	transform: rotate(90deg);
	transition:all 0.2s ease-in-out;
	display: none;
}
.mobile-list-chevron.rotate{
	transform: rotate(0deg);
}

/* padding */
.pad-none{
	padding: 0px;
}
@media(max-width: 960px){
	.mobile-list-chevron{
		display: block;
	}
	.pad-none__mobile{
		padding: 0px;
	}
}

.pointer{
	cursor: pointer;
}
.inline{
	display: inline;
}
.inline-block{
	display: inline-block;
}
.rowspan-2{

}
.fill-width{
	width: 100%;
}

.table{
	display: table;
}
.table-fill{
	display: table;
	width: 100%;
	height: 100%;
}
.tr{
	display: table-row;
}
.td{
	display: table-cell;
	height: 100%;
	vertical-align: top;
}

.width-auto{
	width: auto;
}
.vertical-top{
	vertical-align: top;
}
.vertical-middle{
	vertical-align: middle;
}
.vertical-bottom{
	vertical-align: bottom;
}
.btn{
	text-transform: uppercase;
	cursor: pointer;
	border: 1px solid #9C6F1C;
	border-radius: 3px;
	background:transparent;
	padding: 15px;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
	font-weight: 600;
	outline: none;
	outline-color: #9C6F1C !important;
	font-family: 'Open_Sans',sans-serif;
}
.btn:focus{
	outline: none;
}
.btn:active{
	outline: none;
}
.border-right__light{
	border-right: 1px solid rgba(0,0,0,0.35);
}
.border-right__xlight{
	border-right: 1px solid #E2E2E2;
}
.border-left__xlight{
	border-left: 1px solid #E2E2E2;
}
.border-bottom__light{
	border-bottom:1px solid #E2E2E2;
}
.border-top__light{
	border-top:1px solid #E2E2E2;
}
.border-left__light{
	border-left:1px solid rgba(0,0,0,0.35);
}
.max-960{
	max-width:960px;
}
.max-768{
	max-width:768px;
}
.max-640{
	max-width:640px;
}

/*--- typography ---*/
.text-white{
	color:#fff;
}
.text-blue{
	color:#0a3b50;
}
.text-grey__light{
	color:#646466;
}
.text-gold{
	color: #9C6F1C !important;
}
.text-blue__dark{
	color:#192A39;
}


.error-message{
	padding:20px;
}

.text-small{
	font-size: 0.7em;
}
.text-medium{
	font-size: 1em;
}
.text-large{
	font-size: 2em;
}
.text-xlarge{
	font-size: 48px;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.italic{
	font-style: italic;
}
.gentium{
	font-family: 'gentium_basicregular', serif;
}

.hide-desktop{
	display: none !important;
}

.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.button {
	background-color: #062139;
	padding: 10px 15px;
	border: 2px solid;
    border-radius: 6px;
}

.button a {
	color: #fff !important;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
}

.main-wrapper{
	padding: 0px;
	position: relative;
}
.inner-wrapper{
	padding: 50px;
	position: relative;
}
.clearfix{
	clear: both;
	float: none;
}
.section-full{
	padding:0px;
	width: 100%;
}
.section-padded{
	position: relative;
}
/* Navigation */
.nav-mobile{
	position: absolute;
	z-index:99999999 !important;
	right:0px;
	top:0px;
}
#mobileNavBtn {
width: 25px;
height: 15px;
position: relative;
/*margin: 50px auto;*/
margin-top:20px;
margin-right: 20px;
// float: right;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

#mobileNavBtn span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #9C6F1C;
border-radius: 0px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
/* mobileNavBtn */

#mobileNavBtn span:nth-child(1) {
top: 0px;
}

#mobileNavBtn span:nth-child(2),#mobileNavBtn span:nth-child(3) {
top: 5px;
}

#mobileNavBtn span:nth-child(4) {
top: 10px;
}

#mobileNavBtn.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}

#mobileNavBtn.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

#mobileNavBtn.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#mobileNavBtn.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}


.primary-nav {
	position:absolute;
	z-index:999;
	top:16px;
	left:0px;
	background-color: #fff;
	width: calc(100% - 32px);
	height: 70px;
	text-align: left;
	text-transform: uppercase;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 16px;
	margin-right: 0px;
	transition: all 0.2s ease-in-out;
}
.primary-nav.active{
	top:0px;
	left:0px;
}
.primary-nav-mobile{
	// display: none;
	position: fixed;
	z-index: 9999 !important;
	top:0px;
	left: 100%;
	width: 100%;
	height: 100vh;
	background: #fff;
	transition: left 0.2s ease-in-out;
	border-left: 35px solid rgba(226,226,226,1);
}
@media(max-width:960px){
	.primary-nav {
		// right:-100%;
	}
}

.branding{
	padding: 15px;
	padding-left: 55px;
	float:left;
}
.branding>img{
	cursor: pointer;
}
@media(max-width: 960px){
	.branding{
		padding: 15px;
		padding-left: 15px;
	}
}
nav div {
	//float: left;
	// display: inline-block;
}

nav .divider {
	width: 4px;
	background: #9e8137; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f1e1af, #9c8038); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f1e1af, #9c8038); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f1e1af, #9c8038); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f1e1af, #9c8038); /* Standard syntax */
    /* https://www.w3schools.com/css/css3_gradients.asp */
}

nav ul {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 16px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    float: right;
    padding-top: 15px;
}

nav ul li {
	color: #062139;
	display: inline;
}
nav ul li a{
	text-decoration-color: #9C6F1C;
	text-decoration: underline;
}
nav{
	/*background-color: transparent;
	background:transparent;*/
}
.hamburger-btn{
	background:url(../img/hamburger.png) no-repeat center center;
	width:50px;
	height: 50px;
	border:none;
	outline: none;
	cursor: pointer;
	margin-top: 8px;
	margin-right: 8px;
}

.nav-mobile{
	display: none;
}

@media(max-width:876px){
	.nav-mobile{
		display: block;
		float:right;
	}
}

.footer-wrapper{
	min-height:70px;
	padding: 0px;
	padding-left:39px;
	padding-right:39px;
	width: 100%;
	display: table;
	padding-top: 40px;
}
@media(max-width: 960px){
	.footer-wrapper{
		padding-top: 0px;
		padding-left:0px;
		padding-right:0px;

	}
}

footer{
	background: #fff;
	padding: 32px;
	padding-top: 0px;
}

.footer-section>ul{
	list-style: none;
	color:#9C6F1C;
	text-transform: uppercase;
}
@media(max-width:960px){
	.footer-section>ul{
		margin-left:18px;
	}
}
.footer-section>ul>li>a{
	color:#9C6F1C;
	text-decoration:none;
	text-decoration-color: #9C6F1C;
	font-family:"OpenSans-Bold", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 23px;
}
.footer-section h3{
	font-family: 'gentium_basicregular';
	font-weight: 600;
	font-size: 18px;
	margin-top:0px;
	margin-bottom:0px;
}
.footer-section input{

}

.footer-section a>.link-icon{
	margin-left: 10px;
	width: 32px;
}

.signup-form{
    position:relative;
    height: 68px;
    width: 100%;
    max-width: 300px;
}


.validation-msg{
	color:#900;
	font-family: 'Open Sans';
	font-size: 10px;
	display: none;
	position: absolute;
	bottom: 10px;
	padding-left: 15px;
}

.signup-form .validation-msg{
	bottom: 0px;
}
.signup-form>input{
    position:absolute;
    font-family: 'gentium_basicregular';
	letter-spacing: 0;

	font-size: 14px;
	color: #AAAAAA;
	letter-spacing: 0;

    margin-top: 5px;
	padding: 15px;
	border-radius: 3px;
	outline: none;
	border:1px solid;
	border-color: #AAAAAA;
	width: 100%;
	max-width: 300px;
}
.signup-form>input.fail:focus{
	border-color:#900 !important;
}
.signup-form>input:focus{
	color: #434243;
}



.signup-form>a{
    position:absolute;
    right:10px;
    top:12px;
}
.signup-form>a>img{
	width: 30px;
	height: 30px;
	margin-top: 3px;
	margin-right: 5px;
}

@media(max-width:960px){
	.signup-form{
		margin-top:10px;
		margin-bottom: 30px;
	}
}
.footer-inner{
	display: table-row;
}
.footer-section{
	display: table-cell;
	width: 33.3%;
}
.footer-section h3{
	line-height: 24px;
	font-family: 'gentium_basicregular';
	font-weight: 600;
	font-size: 18px;
	color: #192A39;
	line-height: 24px;
}
.footer-section>ul>li:last-child{
	margin-top: 4px;
}
.legal{
	font-size: 10px;
	// font-family: 'Open Sans';
	font-family: 'Open Sans';
	color: #646466;
	width: 100%;
	display: inline-block;
	letter-spacing: 0.83px;
    line-height: 14px;
    text-align: left;
    padding-left: 39px;
}
@media(max-width:960px){
	.legal{
	    padding-left: 18px;
	}
}
.legal a{
	text-transform: uppercase;
	font-size: 10px;
	margin-left: 0px;
	margin-right:14px;
	font-size: 10px;
	// font-family: 'Open Sans';
	font-family: 'Open Sans';
	color: #646466;
	// width: 100%;
	// display: inline-block;
	// letter-spacing: 0.83px;
    line-height: 14px;
    text-align: left;
}
.legal-block{
    margin-left: 14px;
    text-transform: uppercase;
}
@media(max-width:960px){
	.legal-block{
		display: block;
		margin-left: 0px;
	}
}
.get-it-now{
	color: #062139;
	font-family: 'gentium_basicregular';
	font-style: italic;
	font-weight: 600;
}
.get-it-now:hover{
	color: #9C6F1C;
	text-decoration: none;
}


.primary-nav__list{
	float:right;
	text-align: right;
	width: 100%;
	margin-right: 30px;
	margin-top: 10px;
	display: block !important;
}
.primary-nav__list li{
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3 ease-in-out;
}
.primary-nav__list li span:hover{
	border-bottom: 1px solid #9C6F1C;
}
.primary-nav__list li span.active{
	border-bottom: 1px solid #9C6F1C;
	white-space: pre-wrap;
	color: #9C6F1C;
}

.primary-nav__list li.active a:hover, .primary-nav__list li.active a:focus{
	color: #9C6F1C !important;
}
.primary-nav__list li span:hover, .primary-nav__list li span:focus{
	color: #9C6F1C !important;
}

@media(max-width:876px){
	.primary-nav__list{
		display: none !important;
	}
}





.primary-nav__options{
	float:right;
	text-align: right;
	width: 100%;
	margin-right: 30px;
	margin-top: 10px;
}
.primary-nav__options>li{
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3 ease-in-out;
}
.primary-nav__options>li>a:hover{
	border-bottom: 1px solid #9C6F1C;
}
.primary-nav__options>li>a.active{
	border-bottom: 1px solid #9C6F1C;
}
.primary-nav__options>li>a.active{
	white-space: pre-wrap;
	color: #9C6F1C;
}

.primary-nav__options>li.active a:hover, .primary-nav__options>li.active a:focus{
	color: #9C6F1C !important;
}
.primary-nav__options>li a:hover, .primary-nav__options>li a:focus{
	color: #9C6F1C !important;
}


.primary-nav__options>li>img{
		position: absolute;
		right:0px;
		width: 10px;
		height: auto;
		margin-right: 10px;
		transition: all 0.3 ease-in-out;
		display: none;
	}
.nav-item{
	margin-right: 20px;
	font-family: 'Open Sans';
	font-size: 12px;
	color: #062139;
	letter-spacing: 1px;
}
.nav-item>a{
	text-decoration: none;
}

/*--- banners ---*/
/*.primary-banner{
	position: relative;
	width: 100%;
	height:100%;
	height: 100vh;
	max-height: 600px;
	background: url(../img/hero-image.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}*/
.product-banner{
	width: 100%;
	height:100%;
	height: 100vh;
	height: 695px;
	// background: url(../img/product-banner.jpg) no-repeat center center;
	background-repeat: no-repeat;
	background-position: center -130px;
	-webkit-background-size: auto 130%;
	-moz-background-size: auto 130%;
	-o-background-size: auto 130%;
	background-size: auto 130%;
	overflow: hidden;
	position: relative;
	// opacity: 0.0;
	// display: none;
}
#bottlesContainer{
	position: absolute;
	z-index: 0;
	width:97%;
	height: 100%;
	padding:55px;
	padding-top: 100px;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	margin: auto;
}
.bottle-block{

	width:auto;//60px;
	height:148px;
	display: inline-block;
}
@media(max-width: 1200px){
	.product-banner{
		width: 100%;
		height:100%;
		height: 600px;
		max-height: 600px;
		// background: url(../img/product-banner.jpg) no-repeat center center;
		background-repeat: no-repeat;
		background-position: center -60px;
		-webkit-background-size: auto 112%;
		-moz-background-size: auto 112%;
		-o-background-size: auto 112%;
		background-size: auto 112%;
		overflow: hidden;
		position: relative;
	}
	.bottle-block{
		width:auto;//60px;
		height:100px;
		display: inline-block;
	}
	#bottlesContainer{
		padding: 60px;
		padding-top: 100px;
	}
}
@media(max-width: 1024px){
	.product-banner{
		width: 100%;
		height:100%;
		height: 600px;
		max-height: 600px;
		// background: url(../img/product-banner.jpg) no-repeat center center;
		background-repeat: no-repeat;
		background-position: center -60px;
		-webkit-background-size: auto 112%;
		-moz-background-size: auto 112%;
		-o-background-size: auto 112%;
		background-size: auto 112%;
		overflow: hidden;
		position: relative;
	}
	.bottle-block{
		width:auto;//60px;
		height:100px;
		display: inline-block;
	}
	#bottlesContainer{
		padding: 40px;
		padding-top: 100px;
	}
}
@media(max-width: 960px){
	.product-banner{
		width: 100%;
		height:100%;
		height: 600px;
		max-height: 600px;
		// background: url(../img/product-banner.jpg) no-repeat center center;
		background-repeat: no-repeat;
		background-position: center -60px;
		-webkit-background-size: auto 112%;
		-moz-background-size: auto 112%;
		-o-background-size: auto 112%;
		background-size: auto 112%;
		overflow: hidden;
		position: relative;
	}
	.bottle-block{
		width:auto;//60px;
		height:100px;
		display: inline-block;
	}
	#bottlesContainer{
		padding: 15px;
		padding-top: 100px;
	}
}
@media(max-width: 768px){
	.product-banner{
		width: 100%;
		height:100%;
		height: 620px;
		max-height: 620px;
		// background: url(../img/product-banner.jpg) no-repeat center center;
		background-repeat: no-repeat;
		background-position: center -60px;
		-webkit-background-size: auto 112%;
		-moz-background-size: auto 112%;
		-o-background-size: auto 112%;
		background-size: auto 112%;
		overflow: hidden;
		position: relative;
	}
	.bottle-block{
		width:auto;//60px;
		height:104px;
		display: inline-block;
	}
	#bottlesContainer{
		padding: 15px;
		padding-top: 100px;
	}
}
@media(max-width: 768px) and (orientation:landscape){
	.product-banner{
		height: 350px !important;
	}
	#bottlesContainer{
		padding: 20px;
		padding-top: 80px;
	}
	.bottle-block{
		width:auto;//60px;
		height:90px;
		display: inline-block;
	}
}
@media(max-width: 736px) and (orientation:landscape){
	.product-banner{
		height: 390px !important;
	}
	#bottlesContainer{
		padding: 12px;
		padding-top: 80px;
	}
	.bottle-block{
		width:auto;//60px;
		height:90px;
		display: inline-block;
	}
}
@media(max-width: 690px) and (orientation:landscape){

	.product-banner{
		width: 100%;
		height:100%;
		height: 620px;
		max-height: 620px;
		// background: url(../img/product-banner.jpg) no-repeat center center;
		background-repeat: no-repeat;
		background-position: center -60px;
		-webkit-background-size: auto 112%;
		-moz-background-size: auto 112%;
		-o-background-size: auto 112%;
		background-size: auto 112%;
		overflow: hidden;
		position: relative;
	}

}
@media(max-width: 640px){
	.product-banner{
		width: 100%;
		height:100%;
		height: 660px;
		max-height: 660px;
		// background: url(../img/product-banner.jpg) no-repeat center center;
		background-repeat: no-repeat;
		background-position: center -40px;
		-webkit-background-size: auto 111%;
		-moz-background-size: auto 111%;
		-o-background-size: auto 111%;
		background-size: auto 111%;
		overflow: hidden;
		position: relative;
		padding-left: 5px;
	}
	.bottle-block{
		width:auto;//60px;
		height:94px;
		display: inline-block;
	}
}
@media(max-width: 640px) and (orientation:landscape){
	.product-banner{
		width: 100%;
		height:100%;
		height: 640px;
		max-height: 640px;
		// background: url(../img/product-banner.jpg) no-repeat center center;
		background-repeat: no-repeat;
		background-position: center -40px;
		-webkit-background-size: auto 111%;
		-moz-background-size: auto 111%;
		-o-background-size: auto 111%;
		background-size: auto 111%;
		overflow: hidden;
		position: relative;
	}
	// .product-banner{
	// 	max-height: 350px !important;
	// }
	#bottlesContainer{
		padding: 0px;
		padding-top: 90px;
	}
	.bottle-block{
		width:auto;//60px;
		height:60px;
		display: inline-block;
	}
	.branding{
		// padding-top: 0px;
	}
	.container-circle{
		top:100px !important;
		// width: 200px !important;
		// height: 200px !important;
		// background-size: 200px auto;
	}
}
@media(max-width: 420px){
	.product-banner{
		width: 100%;
		height:100%;
		height: 100vh;
		max-height: 400px;
		// background: url(../img/product-banner.jpg) no-repeat center center;
		background-repeat: no-repeat;
		background-position: center -40px;
		-webkit-background-size: auto 111%;
		-moz-background-size: auto 111%;
		-o-background-size: auto 111%;
		background-size: auto 111%;
		overflow: hidden;
		position: relative;
		padding-left: 22px;
	}
	#bottlesContainer{
		padding: 15px;
		padding-top: 80px;
	}
	.bottle-block{
		width:auto;//60px;
		height:80px;
		display: inline-block;
	}
}
@media(max-width: 400px){
	.product-banner{
		width: 100%;
		height:100%;
		height: 100vh;
		max-height: 435px;
		// background: url(../img/product-banner.jpg) no-repeat center center;
		background-repeat: no-repeat;
		background-position: center -40px;
		-webkit-background-size: auto 111%;
		-moz-background-size: auto 111%;
		-o-background-size: auto 111%;
		background-size: auto 111%;
		overflow: hidden;
		position: relative;
		padding-left: 22px;
	}
	#bottlesContainer{
		padding: 20px;
		padding-top: 85px;
	}
	.bottle-block{
		width:auto;//60px;
		height:70px;
		display: inline-block;
	}
}
@media(max-width: 360px){
	.product-banner{
		width: 100%;
		height:100%;
		height: 100vh;
		max-height: 403px;
		// background: url(../img/product-banner.jpg) no-repeat center center;
		background-repeat: no-repeat;
		background-position: center -40px;
		-webkit-background-size: auto 111%;
		-moz-background-size: auto 111%;
		-o-background-size: auto 111%;
		background-size: auto 111%;
		overflow: hidden;
		position: relative;
		padding-left: 22px;
	}
	#bottlesContainer{
		padding: 20px;
		padding-top: 80px;
	}
	.bottle-block{
		width:auto;//60px;
		height:65px;
		display: inline-block;
	}
}
@media(max-width: 320px){
	.product-banner{
		width: 100%;
		height:100%;
		height: 100vh;
		max-height: 505px;
		// background: url(../img/product-banner.jpg) no-repeat center center;
		background-repeat: no-repeat;
		background-position: center -40px;
		-webkit-background-size: auto 111%;
		-moz-background-size: auto 111%;
		-o-background-size: auto 111%;
		background-size: auto 111%;
		overflow: hidden;
		position: relative;
		padding-left: 10px;
	}
	#bottlesContainer{
		padding: 20px;
		padding-top: 85px;
	}
	.bottle-block{
		width:auto;//60px;
		height:70px;
		display: inline-block;
	}
}
@media(max-width: 320px) and (orientation:landscape){
	// .product-banner{
	// 	width: 100%;
	// 	height:100%;
	// 	height: 100vh;
	// 	max-height: 500px;
	// 	// background: url(../img/product-banner.jpg) no-repeat center center;
	// 	background-repeat: no-repeat;
	// 	background-position: center -40px;
	// 	-webkit-background-size: auto 111%;
	// 	-moz-background-size: auto 111%;
	// 	-o-background-size: auto 111%;
	// 	background-size: auto 111%;
	// 	overflow: hidden;
	// 	position: relative;
	// 	padding-left: 10px;
	// }
	// #bottlesContainer{
	// 	padding: 25px;
	// 	padding-top: 80px;
	// }
	// .bottle-block{
	// 	width:auto;//60px;
	// 	height:70px;
	// 	display: inline-block;
	// }
}

.product-banner__overlay{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}



.container-circle{
	background: url(../img/product-banner-circle.png);
	border-radius:121px;
	width:242px;
	height:242px;
	position: absolute;
	z-index: 1;
	top: 70px;
	left: 0;
	bottom: 0;
	right: 0;
	font-family: 'gentium_basicregular';
	margin:auto;
}
@media(max-width: 960px){
	.container-circle{
		background: url(../img/product-banner-circle.png);
		border-radius:121px;
		width:242px;
		height:242px;
		position: absolute;
		top: 70;
		left: 0;
		bottom: 0;
		right: 0;
		margin:auto;
	}
}
@media(max-width: 640px){
	.container-circle{
		background: url(../img/product-banner-circle.png);
		border-radius:121px;
		width:242px;
		height:242px;
		margin:auto;
		position: absolute;
		top: 14%;
		left: 0;
		bottom: 0;
		right: 0;
	}
}

.product-banner__overlay p{
	color:646466;
	font-size: 14px;
	font-family: 'gentium_basicregular', serif;
}
.product-banner__headline{
	color:#192A39;
	font-size: 36px;
	font-family: 'gentium_basicregular', serif;
}
@media(max-width:960px){
	.product-banner__headline{
		margin-top: -10px;
		margin-bottom: 0px;
	}
}




.multbg-top-to-bottom {
  border-top: 3px solid black;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(transparent));
  background-image: -webkit-linear-gradient(#000, transparent);
  background-image:
      -moz-linear-gradient(#000, transparent),
      -moz-linear-gradient(#000, transparent);
  background-image:
      -o-linear-gradient(#000, transparent),
      -o-linear-gradient(#000, transparent);
  background-image:
      linear-gradient(#000, transparent),
      linear-gradient(#000, transparent);
  -moz-background-size: 3px 100%;
}

.container-circle>.table{
	height: 100%;
}

.product-ingredients__list{
	font-family: 'Open Sans';
	font-size: 10px;
	color:#646466;
	padding-left:15px;
	margin-bottom: 20px;
	line-height: 14px;
	font-size: 10px;
	letter-spacing: 1px;

}

.info-label{
	position: absolute;
	z-index: 1;
	background-color: #fff;
	left:0px;
	padding-left: 15px !important;
	padding-right: 3px;
	font-family: 'Open Sans';

	font-size: 12px;
	color: #646466;
	letter-spacing: 1.5px;
	line-height: 18px;
}



.product-family__item{

}
.product-family__item--title{
	display: block;
	padding: 20px;
	padding-top: 20px;
	font-size:14px;
	font-weight: 700;
	position: relative;
	cursor: pointer;
}
.product-family__item--title>img{
}
.product-family__item--details{
	display: none;
}

/*--- padding ---*/
.pad-top-md{
	padding-top: 15px;
}
.pad-bottom-md{
	padding-bottom: 15px;
}
.pad-sm{
	padding:10px;
}
.pad-md{
	padding:20px;
}
.pad-lg{
	padding:40px;
}
.pad-xl{
	padding:60px;
}
.pad-left-none{
	padding-left: 0px;
}
.pad-right-none{
	padding-right: 0px;
}
.pad-top-none{
	padding-top: 0px;
}
.pad-bottom-none{
	padding-bottom: 0px;
}


/*--- margin ---*/
.margin-right-sm{
	margin-right: 20px;
}

.margin-none{
	margin: 0px;
}
.panel{
	border-radius:0px;
	border:0px;
	box-shadow: none;
}
.panel-default>.panel-heading{
	border:0px;
	background:transparent;
	background-image:none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding:20px;
}
.panel-title{
	background: #ECEEF0;
	border-bottom: 1px solid #ECEEF0;
}
.panel-title .img{
	width: 77px;
	height:155px;
	margin-top:10px;
	margin-bottom:10px;
}
.family-details{
	background: #fff;
	padding-bottom: 5px;
}
.family-details>span{
	font-weight:600;
}

.panel-body{
	border-top:none !important;
	padding-left: 20px;
	padding-right: 20px;
}


.uppercase{
	text-transform: uppercase;
}
.bold{
	font-weight: 700;
}
.collections-detail-banner{
	width: 100%;
	height: 100vh;
	max-height: 600px;
	overflow: hidden;
	position: relative;
}

.collections-detail-banner__overlay{
	position: absolute;
	z-index: 3;
	width: 100%;
	max-width: 400px;
	height: 100%;
	top:40%;
	left:70px;
}

.collections-spotlights{
	padding:0px;
	/*padding-left:53px;*/
	width: 100%;
	/*max-width:965px;*/
	margin:auto;
	margin-top:30px;
	/*height: 206px;*/
	/*display: inline-block;
	overflow-x: auto;
	overflow:hidden; */
}


.collections-spotlights__cell{
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 0px;
}
@media(max-width: 960px){
	.collections-spotlights__cell{
		float: none;
		clear: both;
	}
}


.collections-recipe-slider {
	right: -50px;
}
.collections-recipe-slider .owl-nav{
	margin-top:-126px;
}
.collections-recipe-slider .owl-nav .owl-next>span{
	/*margin-left: -20px !important;*/
}
.collections-recipe-slider .collections-spotlights__cell{
	/*width: 300px !important;
	height: 232px !important;*/
}

.collections-spotlights__cell {
	width: 100%;
}
.collection-tiles{
	padding-left: 52px;
}
.collection-tiles .slider-component-title{
	/*margin-left:-23px;*/
}
.collections-spotlights__item>.gradient{
	width: 100%;
	height: 200px;
	margin:auto;
}
.collections-spotlights__item{
	padding: 0px;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.3s ease-in-out;
	margin-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	width: 100%;
	height: 232px;
	margin:auto;
	position: relative;
	background-size: cover;
}
.collections-spotlights__item label{
	position: absolute;
	z-index: 3;
	color: #fff;
	left:10px;
	bottom: 10px;
}

.collections-spotlights__item:hover{
	opacity: 1.0;
}

.about-kens-banner{
	width: 100%;
	height:100%;
	max-height: 600px;
	background: url(../img/about-kens-banner.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	display: table;
}
.about-kens-banner>.about-kens-banner__inner{
	display: table-cell;
	padding-top: 150px;
	text-align:center;
	vertical-align: middle;
	width: 100%;
}
.about-kens-banner__inner .intro{
	font-family: 'gentium_basicregular';
	font-size: 18px;
	line-height: 26px;
	color:#fff;
	max-width: 960px;
	margin: auto;
	padding:20px;
	font-weight: 300;
}
.about-kens-banner__inner .intro p{
	font-weight: normal !important;

}

.about-kens-banner__inner .intro h1{
	color: #fff;
}
.about-kens-banner p{
	color: #fff;
}
.about-kens-banner .intro{
	text-align: center;
}
.banner-btn.about-banner-btn{
	padding: 15px;
	padding-top: 10px;
}
.about-video{
	float: left;
	margin-bottom: 4px;
	margin:none;
}

@media(max-width: 960px){
	.banner-btn.about-banner-btn{
		font-size:10px;
		padding: 15px;
		padding-top: 10px;
	}
	.about-kens-banner{
		height:456px !important;
	}
	.about-kens-banner>.about-kens-banner__inner{
		padding-top:50px;
	}
	.about-kens-banner .intro{
		text-align: left;
		padding-left:50px;
		padding-right:50px;
	}
	.about-kens-banner__inner .intro h1{
		font-family: 'gentium_basicregular';
		font-weight: 600;
		font-size:24px;
		letter-spacing: 0;
		margin-bottom: 20px;
	}
	.about-kens-banner__inner .intro p{
		font-family: 'gentium_basicregular';
		font-size:14px;
		line-height: 20px;
	}
	.banner-videos__wrapper{
		display:none;
	}
	.about-video{
		float: none;
		clear: both;
		margin:auto !important;
		margin-bottom: 4px !important;
	}
	.about-kens-banner .banner-btn__border-wide{
		margin-left:0px;
	}
}


.banner-videos{
	position: relative;
	margin-top: 100px;
}
.banner-videos img{
	position: absolute;
	z-index: 1;
	cursor: pointer;
	filter: none;
	transition: all 0.3s ease-in-out;
}
.banner-videos img:hover{
	filter: brightness(1.2);
}
.mobile-video__item{
	position: relative;
}
.mobile-video__item{
	background-color: #000;
	width: 300px;
	height: 168px;
	margin: auto;
	margin-bottom: 4px;
}
.mobile-video__item img{
	position: absolute;
	z-index: 1;
	cursor: pointer;
	filter: none;
	transition: all 0.3s ease-in-out;
}



.video-title__overlay{
	position: absolute;
	z-index: 1;
	bottom: 15px;
	left:25px;
	text-align: left;
}
.about-kens-banner h1{
	font-size: 48px;
}
.about-kens-banner p{
	font-size: 20px;
}


.contact-send-btn{
	background:url(/img/icons/button-border.png);
	padding:2px;
	background-repeat: no-repeat;
	width: 148px;
	margin:auto;
	border: none;
	outline: none;
	padding: 10px;
	height: 48px;
	font-family: 'Open Sans';
	font-weight: 600;
	color: #9C6F1C;
	font-size: 12px;
	text-transform: uppercase;
}
.faq-btn{
	background:url(/img/icons/button-border.png);
	padding:2px;
	background-repeat: no-repeat;
	width: 148px;
	margin:auto;
	border: none;
	outline: none;
	padding: 10px;
	height: 48px;
	font-family: 'Open Sans';
	font-weight: 600;
	color: #9C6F1C;
	font-size: 12px;
	text-transform: uppercase;
}
.banner-btn{
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	border:none;
	outline: none !important;
	border-radius: 0px;
	background:transparent;
	// padding: 15px;
	color: #fff;
	font-family: 'Open Sans';
	font-weight: 600;
	text-decoration: none !important;
	text-transform: uppercase;
	min-width: 150px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;
	height: 100%;
}
.banner-btn__border{
	background:url(/img/icons/button-border.png);
	padding:0px;
	background-repeat: no-repeat;
	width: 148px !important;
	height: 48px;
	display: table;
	margin:auto;
}
.banner-btn__border:hover{
	background:url(/img/icons/button-border-hover.png);
	padding:0px;
	background-repeat: no-repeat;
	width: 148px !important;
	height: 48px;
	display: table;
	margin:auto;
	filter:grayscale(100);
}
.banner-btn__border-wide{
	background:url(/img/icons/button-border-wide.png);
	padding:2px;
	background-repeat: no-repeat;
	width: 179px;
	margin:auto;
	text-align: center;
}
.banner-btn__border-wide:hover{
	background:url(/img/icons/button-border-wide-hover.png);
	padding:2px;
	background-repeat: no-repeat;
	width: 179px;
	margin:auto;
	text-align: center;
	filter:grayscale(100);
}



.primary-body>img{

  position: fixed;
  top: 0;
  left: 0;

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;

}

.recipe-slider{
	width: 100%;
	height:540px;
	border:1px solid rgba(255,255,255,0.76);
}
.recipe-slider .container-left{
	float: left;
}
.recipe-slider .container-right{
	float: right;
}

.directions-list__view{
	position: relative;
	display:none;
	clear: both;
	float: none;
	max-width: 1000px;
}
.directions-list__view li{
	clear: both;
	float: none;
	display: block;
	// min-height: 50px;
	// margin-bottom: 30px;

}
@media(max-width: 960px){
	.direction-label{
		// margin-bottom: 0px;
		// height: 15px;
		// position: relative;
	}
	.directions-list__view li{
		// height:auto;
		display: block;
		clear: both;
		float: none;
	}
	.directions-list__view li:before{

	}
}
.directions-entry__images {
	margin-bottom: 40px;
}
.directions-images__view{
}
.directions-toggle{
	display: inline-block;
	cursor: pointer;
	color:#646466;
	font-weight: 300;
	font-family: 'gentium_basicregular', serif;
}
.directions-toggle:hover{
	text-decoration: underline;
}

.directions-toggle.active{
	color: #9C6F1C;
	font-weight: 600;
}

.recipe-detail{
	font-family: 'gentium_basicregular';
	font-size: 14px;
	color: #646466;
	letter-spacing: 0;
	line-height: 20px;
}
.recipe-detail .list-no-decoration{
	display: block;
	list-style: disc !important;
	height: 100%;
}
.recipe-detail .list-no-decoration li{
	// margin: 0px;
		// min-height: auto;
		// display: block;
		// height:auto;
	    padding-left: 19px;
	    // height: auto;
	    // min-height: 20px;
	    display: block;
	    // line-height: 20px;
	    background-repeat: no-repeat;
	    background-position: 0 0;
	    font-family: 'gentium_basicregular', serif;
	    font-size: 18px;
	    color: #646466;
	    font-weight: 300;
	    cursor: pointer;
}

.recipe-detail .pad-sides{
	padding-left: 66px;
	padding-right: 62px;
}
@media(max-width:960px){
	.recipe-detail{
		margin-top: 100px;
	}
	.recipe-detail .pad-sides{
		padding-left: 30px;
		padding-right: 30px;
	}
}
.ingredient-label{
	margin-bottom: 0px;
}
.ingredients-alert{
	/*display none for now until data update*/
	display: none;
	color:#192A39;
	font-style: italic;
	font-weight: 600;
	font-family: 'gentium_basicregular';
	line-height: 16px;
	margin-left: 20px;
	margin-bottom: 0px;
	font-size: 14px;
}
.ingredients-alert img{
	width: 16px;
	margin-top: -3px;
}
.ingredient-blocks{
	margin-top: 20px;
}
.ingredient-blocks h4{
	font-size: 14px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color:#192a39;
	letter-spacing: 1;
	line-height: 17px;
}
.directions-entry__img{
	margin-bottom: 20px;
}
.direction-step__container{
	text-align: right;
}
.relative{
	position: relative;
}
.direction-step__container--overlay{
	position: absolute;
	left:10px;
	bottom: 40px;
	z-index: 1;
}

.directions-step__num{
	width: 48px;
	height: 48px;
	padding-top: 14px;
	font-weight: 600;
	font-family: 'gentium_basicregular';
	font-size: 24px;
	color: #192A39;
	letter-spacing: 0;
	text-align: center;
	background: url(../img/icons/circle.png) no-repeat center center;
	background-color: transparent;
	border-radius: 24px;
	display: block;
}
.directions-text{
	font-family: 'gentium_basicregular';
	font-size: 18px;
	line-height: 18px;
}
.list-no-decoration li input[type=checkbox].css-checkbox + label.css-label{
	font-family: 'gentium_basicregular';
	font-size: 18px;
	line-height: 20px;
	color:#646466;
	display: block;
}
@media(max-width: 960px){
	.directions-step__num{
		color: #fff;
		background-color: rgba(0,0,0,0.30);
	}
	.direction-step__container--overlay{
		position: absolute;
		left:10px;
		bottom: 10px;
		z-index: 1;
	}
}
.directions-step__num--smaller{
	width: 48px;
	height: 48px;
	padding:15px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #0A3C50;
	text-align: center;
	background: url(../img/icons/circle.png) no-repeat center center;
}

.flavor-foundations__section{
	width: 100%;
	height:540px;
	border:1px solid rgba(255,255,255,0.76);
}
.contact-us{
	padding-left: 43px;
	padding-right: 43px;
}
.contact-section{
	width: 100%;
	height:212px;
	border:1px solid rgba(255,255,255,0.76);
	background: #061e33;
	color:#fff;
	padding: 50px;
}
.contact-section__inner{
	border:1px solid rgba(255,255,255,0.76);
	padding: 20px;
}
.contact-section__inner>p{
	float:left;
}
.contact-section__inner>button{
	float:right;
}
.contact-form__mobile{
	display: none;
	transition: all 0.3s ease-in-out;
}
.page{
	background: #fff;
	height: 100%;
	width: 100%;
	padding: 6px;
}




@media(max-width: 960px){
	.page{
		background: #fff;
		height: 100%;
		width: 100%;
		padding: 0px;
	}
}

.page h2{

}
.page .intro{
	margin-top: 150px;
	margin-bottom: 40px;
}
.page.faqs .intro{
	margin-top:95px;
}
.faqs-content{
	max-width: 640px;
}
.faqs .pad-sides{
	padding-left: 65px;
	padding-right: 65px;
}

.faqs ul{
	margin-left:24px;
}
.faqs li{
	font-family: 'gentium_basicregular';
	font-size: 14px;
	color: #192A39;
	line-height: 25px;
	padding-left: 7px;
}
.faqs h1{
	font-size: 38px !important;
}
.faqs .intro{
	margin-bottom: 0px;
}
.faqs-content h2{

	font-family: 'gentium_basicregular';
	/*font-weight: 600;*/
	font-size: 18px;
	color: #192A39;
	line-height: 25px;
}
.faqs-content p{
	font-family: 'gentium_basicregular';
	font-size: 18px;
	color: #192A39;
	line-height: 25px;
}

@media(max-width:960px){
	.faqs{
		padding:35px;
		padding-top: 0px;
	}
	.faqs-intro{
		text-align: left;
		padding-left: 40px;
		padding-top: 40px;
		margin-bottom: 0px !important;
	}
	.faqs-intro h1{
		font-family: 'gentium_basicregular';
		font-weight: 600;
		font-size: 24px;
		letter-spacing: 0;
	}
	.faqs li{
		font-family: 'gentium_basicregular';
		font-size: 14px;
		color: #192A39;
		line-height: 18px;
		padding-left: 7px;
		margin-bottom: 10px;
	}
}

.product-link{
	font-weight:600;
}

.margin-auto{
	margin: auto;
}



/*--- image-tiles ---*/
.image-tiles{
	width: 100%;
}
.image-tiles__item{
	position: relative;
	padding:2px;
	cursor: pointer;
	opacity: 0.9;
	overflow:hidden;
    opacity: 1.0;
    transition: all 0.2s ease-in-out;
    filter: none;

}

.image-tile,
.narrow-item {
	display: none;
}
.image-tile.filtered,
.narrow-item.filtered
{
	display: block;
}
@media(max-width: 640px){
	.image-tiles__item{
		/*float: none;
		clear: both;*/
	}
}
.image-tiles__item:hover{
    opacity: 1.0;
    filter: brightness(1.2);
}
.image-tile__img{
	-webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    transition: all 0.2s ease-in-out;

    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
}
.image-tile__img.zoom{
	background-size: auto 120% !important;
}

.image-tiles__item>label{
	position: absolute;
	z-index:2;
	bottom: 25px;
	left: 10px;
	width:90%;
	color: #fff;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
}

.image-tiles__item .time{
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 2;
	color: #fff;
	font-family: 'Open_Sans';
}
.image-tiles__item .time img{
	padding-top: 3px;
}
/*148x148*/
.image-tiles__item .time-min{
	// font-family: 'gentium_basicregular';
	font-family: 'Open_Sans',sans-serif;
	margin-left: 5px;
	padding-top: 3px !important;
	display: inline-block;
}
.image-tile__img{
	width: 198px;
	height: 198px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.image-tiles__wrapper{

}
@media(max-width:960px){
	.image-tiles__wrapper{
		// padding-left: 15px;
		// max-width:320px;
		// margin: auto;
		/*border:1px dashed #f00;*/
		/*display: inline-block;*/
	}
	.image-tiles{
		margin:auto;
		display: inline-block;
		width: 100%;
		padding:0px;
		// width: 309px;
		// max-width: 309px;
		/*padding-left: 40px;
		padding-right: 40px;*/
	}
	.image-tiles__gradient{
		width: 153px !important;
	}
	.image-tile{

	}
	.image-tile__img{
		/*width: 148px;
		height: 148px;*/
		width: 153px;
		height: 153px;
	}
	.image-tiles #loadMoreBtn{
		margin-right: 30px;
		/*margin-top: 10px;*/
	}
	.back-to-top__outer{
		margin: auto;
		margin-top: 30px;
		margin-right: 0px !important;
		clear: both;
		float: none !important;
	}
	.back-to-top__outer .table{
		max-width: 91px;
	}
	.back-to-top{
		/*margin-right: 40px !important;*/
		display: block;

	}
	.back-to-top__outer img{
		width: 18px;
		height: 18px;
	}
}
@media(max-width:768px){
	.image-tiles__wrapper{
		// padding-left: 15px;
		max-width:650px;
		margin: auto;
		/*border:1px dashed #f00;*/
		/*display: inline-block;*/
	}
	.image-tiles__gradient{
		width: 158px !important;
	}
	.image-tile{

	}
	.image-tile__img{
		/*width: 148px;
		height: 148px;*/
		width: 158px;
		height: 158px;
	}
	.image-tiles__item>label{
		font-size: 0.8em;
	}
	.image-tiles__item .time-min{
		font-size: 0.8em;
	}
}
@media(max-width:768px) and (orientation:landscape){
	.image-tiles__wrapper{
		// padding-left: 15px;
		max-width:610px;
		margin: auto;
		/*border:1px dashed #f00;*/
		/*display: inline-block;*/
	}
	.image-tiles__gradient{
		width: 148px !important;
	}
	.image-tile{

	}
	.image-tile__img{
		/*width: 148px;
		height: 148px;*/
		width: 148px;
		height: 148px;
	}
}
@media(max-width:660px){
	.image-tiles__wrapper{
		// padding-left: 15px;
		max-width:650px;
		margin: auto;
		/*border:1px dashed #f00;*/
		/*display: inline-block;*/
	}
	.image-tiles__gradient{
		width: 158px !important;
	}
	.image-tile{

	}
	.image-tile__img{
		/*width: 148px;
		height: 148px;*/
		width: 158px;
		height: 158px;
	}
	.image-tiles__item>label{
		font-size: 0.8em;
	}
	.image-tiles__item .time-min{
		font-size: 0.8em;
	}
}
@media(max-width:660px) and (orientation:landscape){
	.image-tiles__wrapper{
		// padding-left: 15px;
		max-width:540px;
		margin: auto;
		/*border:1px dashed #f00;*/
		/*display: inline-block;*/
	}
	.image-tiles__gradient{
		width: 128px !important;
	}
	.image-tile{

	}
	.image-tile__img{
		/*width: 148px;
		height: 148px;*/
		width: 128px;
		height: 128px;
	}
	.image-tiles__item>label{
		font-size: 0.8em;
	}
}
@media(max-width:420px){
	.image-tiles__wrapper{
		// padding-left: 15px;
		max-width:270px;
		margin: auto;
		/*border:1px dashed #f00;*/
		/*display: inline-block;*/
	}
	.image-tiles__gradient{
		width: 128px !important;
	}
	.image-tile{

	}
	.image-tile__img{
		/*width: 148px;
		height: 148px;*/
		width: 128px;
		height: 128px;
	}
	.image-tiles__item>label{
		font-size: 0.8em;
	}
	.image-tiles__item .time-min{
		font-size: 0.8em;
	}
}
.image-tiles__gradient{
	position: absolute;
	z-index:1;
	bottom: 2px;
	left: 2px;
	right: 0px;
	width: 98.2%;
	height: 60px;
	min-height: 60px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.93+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.93) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ed000000',GradientType=0 ); /* IE6-9 */
}
.image-tiles__item>img{

}

.gradient{
	position: absolute;
	z-index:1;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 80px;
	min-height: 60px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.93+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.93) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ed000000',GradientType=0 ); /* IE6-9 */
}

.gradient-left__blue{
	position: absolute;
	z-index:1;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 80%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#192a39+0,192a39+100&1+19,0+100 */
	background: -moz-linear-gradient(left, rgba(25,42,57,1) 30%, rgba(25,42,57,1) 19%, rgba(25,42,57,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(25,42,57,1) 30%,rgba(25,42,57,1) 19%,rgba(25,42,57,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(25,42,57,1) 30%,rgba(25,42,57,1) 19%,rgba(25,42,57,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#192a39', endColorstr='#00192a39',GradientType=1 ); /* IE6-9 */
}

.find-store__heading{
	font-family: 'gentium_basicregular';
	font-weight: 600;
	font-size: 36px;
	color: #192A39;
	letter-spacing: 0;
}
.find-in-store-heading{
	padding-left:15px;
}
.columns{
	// float:left;
}
/*--- map ---*/
.map{
	margin: auto;
	overflow:hidden;
	width: 100%;
	height: 900px;
	position: relative;
	display: block;
	display: none;
}
.map-sidebar{
	position: absolute;
	z-index: 2;
	display: inline;
	vertical-align: top;
	left:0px;
	width: 300px;
	max-width: 300px;
	background: #fff;
	height: inherit;

}
.map-sidebar .table{
	margin-bottom: 0px;
}
.map-sidebar ul{
	list-style: none;
}
.location-alert{
	display: table;
	width: 100%;
	padding-left: 13px;
	font-family: 'gentium_basicregular';
	color:#646466;
	font-size: 14px;
	line-height: 20px;
	// border-bottom: 1px solid #E2E2E2;
	padding-bottom: 10px;
}
.map-sidebar ul li{
	border-top: 1px solid #E2E2E2;
	padding:16px;
	padding-top:10px;
	padding-bottom:10px;
	width: 100%;
	min-height: 80px;
}
.map-sidebar ul li:hover{
	cursor: pointer;
	background: rgba(0,0,0,0.05);
}

.map-sidebar .location-details{
	padding-right:10px;
}
.map-sidebar__content img{
	width: 85px !important;
	height: 85px !important;
}
.map-sidebar__content{
	position: relative;
}
.map-sidebar__content .owl-nav{
	width:100%;
	display: none;
}
.map-sidebar__content .owl-prev{
	display: inline-block;
	width: 30px;
}
.map-sidebar__content .owl-next{
	display: inline-block;
	width: 30px;
}
.map-sidebar__content .owl-dots{
	display: none !important;
}
.map-sidebar__page{
}
.location-list{
	// float: left;
}
.pager{
	font-family: 'gentium_basicregular',serif;
	color:#192A39;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	position: absolute;
	bottom: -20px;
	z-index: 2;
	background:#fff;
	width: 100%;
	padding: 20px;
}
.infoWindowContent{
	text-align: left;
	font-family: 'gentium_basicregular';
	font-size: 14px;
	padding:20px;
	color: #646466;
}
.info-window-title{
	color:#192A39;
	font-weight: 600;
}
.pager-total{
	display: inline-block;
	width:90px;
	text-align: center;
	// padding-left: 10px;
}
.pager-next-btn{
	padding-top: 15px !important;
	font-family: 'Open Sans' !important;
	font-weight: 600;
	font-size: 12px;
	color: #9C6F1C;
	letter-spacing: 1px;
	padding-left: 20px;
	padding-right: 20px;
}
.btn.text-gold.pager-next-btn.disabled{
	filter:greyscale(100);
	color: #646466 !important;
	border-color:#646466;
	cursor: default !important;
}
.btn.text-gold.pager-next-btn.disabled:focus,.btn.text-gold.pager-next-btn.disabled:active{
	filter:greyscale(100);
	color: #646466 !important;
	border-color:#646466;
	cursor: default !important;
	outline: none;
	box-shadow: none;
}
.btn.text-gold.pager-back-btn.disabled{
	filter:greyscale(100);
	color: #646466 !important;
	border-color:#646466;
	cursor: default !important;
}
.btn.text-gold.pager-back-btn.disabled:focus,.btn.text-gold.pager-back-btn.disabled:active{
	filter:greyscale(100);
	color: #646466 !important;
	border-color:#646466;
	cursor: default !important;
	outline: none;
	box-shadow: none;
}
.pager-back-btn{
	padding-top: 15px !important;
	font-family: 'Open Sans' !important;
	font-weight: 600;
	font-size: 12px;
	color: #9C6F1C;
	letter-spacing: 1px;
	padding-left: 20px;
	padding-right: 20px;
}
.pager-item{
	height:48px;
	width: 48px;
	text-align:center;
	margin-right: 5px;
	background:#fff;
	border-radius:4px;
	border:1px solid #E2E2E2;
	outline: none;
}
.pager-item:focus{
	outline: none;
}
.pager .btn{
	height:48px;
	padding-top: 12px;
	font-family: 'AkzidenzGroteskBE-Regular';
	margin-left: 5px;
}
.map-container{
	width: calc(100% - 300px);
	height: 100%;
	position: absolute;
	left:300px;
	z-index: 1;
	vertical-align: top;
	overflow:hidden;
}
.map-container>iframe{
	width:100%;
	height:inherit;
}
#map{
	width:100%;
	height:inherit;
}
.location-details{

}
.location-title{
	font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
	font-weight:600;
	font-size:12px;
	line-height: 17px;
	letter-spacing: 1px;
	color: #192A39;
}
.location-address{
	font-family: 'gentium_basicregular';
	font-size:12px;
	color: #646466;
	line-height: 14px;
}
.location-phone{
	font-family: 'gentium_basicregular';
	font-size:12px;
	color: #646466;
	line-height: 14px;
}
.location-distance{
	font-family: 'gentium_basicregular';
	font-size:12px;
	color: #646466;
	line-height: 14px;
}
.locator-form__wrapper{
	margin:auto;
	width: 100%;
	padding:0px;
}
.locator-upper{
	width: auto;
	margin: auto;
	max-width: 90%;
	padding:0px;
}
.no-results{
	text-align: left;
	display: none;
	padding-bottom: 30px;
}
.no-results h5{
	font-weight:bold;
}
.error-alert{
	color: #f00;
	font-size: 10px;
	height:15px;
	opacity:0.0;
}
.default-locator{
	display: none;
}
@media(max-width:960px){
	.pager-next-btn{
		// margin-top: 10px;
	}
	.map{
		height: 1000px;
	}
	.locator-upper{
		max-width: 100%;
	}
	.default-locator{
		border-left:none !important;
	}
}
@media(max-width:320px){
	.pager-next-btn{
		margin-top: 10px;
	}
	.map{
		height: 1050px;
	}
	.locator-upper{
		max-width: 100%;
	}
	.default-locator{
		border-left:none !important;
	}
}
.locator-form__wrapper>div:first-child{
	// border-right:1px solid #E2E2E2;

}
.locator-upper select{
	height:50px;
	border:1px solid #E2E2E2;
	outline: none;
	font-family: 'gentium_basicregular';
	color:#646466;
	box-shadow: none;

	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding:15px;
}
.locator-upper select:focus{
	outline: none !important;
	color:#646466;
	border-color: #E2E2E2;
	box-shadow: none;
}
.locator-upper select option{

}
.locator-form{
	text-align: left;
	// border-right: 1px solid #E2E2E2;
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right: 20px;
}
.locator-error{
	padding: 30px;
	font-family: 'gentium_basicregular';
	font-size: 18px;
	line-height: 18px;
	letter-spacing: normal;
	display: none;
}
@media(max-width:960px){
	.locator-form{
		border-right: none;
		padding-right: 0px;
	}
}


.locator-form .table{
	margin-bottom:7px;
}
.locator-results{
	min-height: 300px;
	padding-left:50px;
	padding-top:30px;
	display: none;
}
.find-store-img{
	max-height:148px;
}
@media(max-width:960px){
	.locator-results{
		padding-left:0px;
		padding-top:30px;
		border-left:none !important;
		min-height: 200px;
	}
	.find-store-img{
		max-height:180px;
	}
}

.locator-label-container{
	width:100px;
	padding-right:10px;
}
.locator-form-within-cell{
	vertical-align: top !important;
}
.locator-form-zip-cell{
	// padding-top: 5px;
}
.locator-form__wrapper .td{
	vertical-align: middle;
}
.locator-form input[type="text"]{
	width: 100%;
	height: 50px;
	padding: 15px;
	border-radius: 3px;
	font-family: 'gentium_basicregular';
	color:#646466;
	border:1px solid #E2E2E2;
	outline: none !important;
}
.results-label{
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	color: #AAAAAA;
}
.locator-form-product-label{
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	color:#192A39;
	display: block;
	font-weight: 600;
	padding-bottom: 10px !important;
}
.locator-form-label{
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	color:#192A39;
	display: block;
	font-weight: 600;
	padding-bottom: 20px !important;
}
.locator-form-footer{
	border-left: 1px solid #E2E2E2;
}
.results-detail{
	font-family: 'gentium_basicregular';
	font-size: 14px;
	font-weight: 600;
	color: #192A39;
}
.search-details{
	margin-bottom: 0px;
}
.search-details .td{
	padding: 10px;
	padding-top: 0px;
}
.search-again-btn{
	text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #9C6F1C;
    border-radius: 3px;
    background: transparent;
    padding: 13px;
    padding-left: 16px;
    padding-right: 16px;
    color: #9C6F1C;
    font-weight: 600;
    outline: none;
    outline-color: #9C6F1C !important;
    max-width: 135px;
    font-family: 'Open_Sans',sans-serif;
}
.buy-online-btn{
	text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #9C6F1C;
    border-radius: 3px;
    background: transparent;
    padding: 13px;
    padding-left: 16px;
    padding-right: 16px;
    color: #9C6F1C;
    font-weight: 600;
    outline: none;
    outline-color: #9C6F1C !important;
    max-width: 135px;
    margin-top: 16px;
    font-family: 'Open_Sans',sans-serif;
}
.locator-form-product.error{
	border:1px solid #f00 !important;
}
.locator-form-distance.error{
	border:1px solid #f00 !important;
}
.search-zip.error{
	border:1px solid #f00 !important;
}
/*--- img-tiles ---*/
.image-tiles__item label{
	font-family: 'gentium_basicregular';
	/*// font-family: 'gotham'; need font*/
}
/*--- narrow-tiles ---*/
.narrow-tiles{
	padding:0px;
	max-width:100%;
}
.narrow-tiles__item{
	position: relative;
	padding:2px;
	cursor: pointer;
	opacity: 0.9;
	transition: all 0.3s ease-in-out;
	overflow:hidden;
	width: 148px;
	height: 228px;
}
.narrow-tiles__item img{
	/*width: 136px;
	height: 189px;*/
	transition: all 0.2s ease-in-out;
}
.narrow-tiles__item.zoom img:hover {
	transform:scale(1.07);
	/*// width: 146px;
	// height: 199px;*/
}
@media(max-width:960px){
	.narrow-tiles__item{
		position: relative;
		padding:2px;
		cursor: pointer;
		opacity: 0.9;
		transition: all 0.3s ease-in-out;
		overflow:hidden;
		width: 50%;
		height: 228px;
	}
}

.narrow-tiles__item--inner{
	background-color: #ecedf0;
	padding: 10px;
	height: 100%;

   	display: -webkit-flex;
   	display: flex;
   	-webkit-flex-direction: column;
   	flex-direction: column;
}
.narrow-tiles__item:hover{
	/*opacity: 1.0;*/
}
.narrow-tiles__item label{
	position: relative;
	text-align: center;
	/*margin-top: 10px;*/
	color:#646466;
	font-family: 'gentium_basicregular';
	font-size:14px;
	line-height: 16px;
	max-width: 90%;
	margin: auto;
	z-index: 3;
    -webkit-flex: 3 0 0;
    flex: 3 0 0;
}
.narrow-tiles__item--img-wrapper{
	position: relative;
	/*height: 80%;*/
	width:100%;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
  	min-height: 70%;
    // display: flex;
    // flex-flow: row nowrap;
    // -webkit-flex: 8 0 0;
    // flex: 8 0 0;
    order: -1;
    transition: all 0.2s ease-in-out;
}

.narrow-tiles__item--img-wrapper:hover {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
@media(max-width:640px){
	.narrow-tiles__item--img-wrapper:hover {
	    -ms-transform: scale(1);
	    -moz-transform: scale(1);
	    -webkit-transform: scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	}
}
.narrow-tiles__item img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	z-index:2;
}

.bottle-shadow{
	position: absolute;
	left:0px;
	right:0px;
	top:-34px;
	margin: auto;
	z-index:1;
	height: 225px;
	background: url(/img/bottle-shadow.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}

/*--- video-tiles ---*/
.video-tiles{
	position: relative;
	padding-left: 60px;
	padding-right:60px;
	width: 100%;
	// max-width: 1012px;
	height: auto;
	// display: inline-block;
	// padding-right:-100px;
	margin:auto;
	margin-bottom: 40px;
	float: none;
	clear: both;
}
.video-tiles a{
	text-decoration: none;
}
.video-tiles__item{
	cursor: pointer;
	margin-right: 0px;
	overflow: hidden;
	font-family: 'gentium_basicregular';
	position: relative;
	border:2px solid #fff;
	// width: 292px;
	height: 169px;
	margin-bottom: 0px;
	// display: inline-block;
	cursor: pointer;
	// float: left;
	background: url();
	background-size: auto 140% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	filter:none;
	transition: all 0.2s ease-in-out;
}
.video-tiles__item .play-btn{
	position: absolute;
	z-index: 1;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin:auto;
	width: 48px;
	height: 48px;
}
.video-tile-details{
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-family: 'gentium_basicregular';
	z-index:900;
}
.video-tile-details .label{
	font-size: 18px;
	line-height: 16px;
	letter-spacing: normal;
	font-weight: 600;
	padding-left: 0px;
	color: #fff;
}
.video-tile-details .time{
	color: rgba(255,255,255,0.5);
	font-size: 14px;
	line-height: 16px;
	letter-spacing: normal;
	font-weight: 600;
}

.video-tiles__item:hover{
	// opacity: 0.76;
	background-size: auto 150% !important;
	filter: brightness(1.2);
}
.video-tiles__item>label{
	position: absolute;
	z-index:2;
	bottom: 10px;
	left: 10px;
	color: #fff;
	display: none;
}
.video-tiles__item>img{
	height: 100%;
	position: absolute;
	z-index:1;
}
.video-tile__item>iframe{
	overflow: hidden;
	width: 100% !important;
	height: 169px;
}

/*--- filters ---*/
.filters{
	width:100%;
	padding-right: 10px;
	font-family: 'gentium_basicregular';
	font-size: 14px;
	color: #646466;
}
.filters-section__heading{
	font-family: 'Open Sans';
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #E2E2E2;
	font-weight: 600;
	padding: 10px;
	color: #192A39;
}

.filters .search-form{
    position:relative;
    height: 48px;
    width: 100%;
    max-width: 300px;
    margin-bottom: 13px;
}

.filters .search-form>input{
    position:absolute;
    margin-top: 5px;
	padding: 15px;
	border-radius: 3px;
	outline: none;
	border:1px solid #E2E2E2;
	width: 100%;
	max-width: 300px;
	padding-left: 50px;
	font-family: 'gentium_basicregular', serif;
	font-weight: 600;
	font-size: 14px;
	color: #646466;
	letter-spacing: 0;
}
.search-icon{
	margin-top: 3px;
}
#searchButton{
	position:absolute;
    left:10px;
    top:14px;
    width: 27px;
	height: 27px;
	cursor: pointer;
}

.filters .search-form>a>img{
	width: 30px;
	height: 30px;
}
.filters-inner{
	display: block;
}
.filters-list{
	width: 100%;
	height:100%;
	min-height: 83px;
	margin-bottom: 32px;
}
.filters .filters-list>li{
	line-height: 14px;
	display: block;
	width: 100%;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	text-align: left;
}
@media (min-width: 961px) {
	.filters .filters-list>li{
		height:29px;
	}
}

.filters .filters-list>li.li-inline{
	display: inline-block;
	width: 47%;
	padding:10px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	text-align: left;
	height:42px;
}

.filters .filters-list>li.checkbox{

}
.filters .filters-list>li:hover{
	opacity:1.0;
	filter:none;
}
.filters .filters-list>li .label{
	padding-left:10px;
	color: #AAAAAA;
	font-size: 12px;
}
.filters .filters-list>li .label:hover{
	padding-left:10px;
	color: #062139;
	font-size: 12px;
}
.filters-list__img{
	width:36px;
	// max-width: 36px;
	// padding-right: 3px;
	height:36px;
	font-family: 'gentium_basicregular';
	font-size: 14px;
	color: #646466;
}
.filters-list__label{
	// width: 100%;
	text-align: left;
}
.filters-list__img input[type=checkbox]{
    display:none;
    cursor: pointer;
}
.filters-list__img input[type=checkbox] + label{
    height: 36px;
    width: 36px;

    // background-position: -1px 0px;
    // opacity:0.50;
    // filter: grayscale(100%);
    cursor: pointer;
	background-size: 34px 34px !important;
	background-position: 0px 0px !important;
	background-repeat: no-repeat !important;
}
.filters-list__img input[type=checkbox] + label:hover{
	background-size: 34px 34px !important;
	background-position: 0px 0px !important;
	background-repeat: no-repeat !important;
}
.filters-list__img input[type=checkbox]:checked + label{
	opacity: 1.0 !important;
	background-size: 34px 34px !important;
	background-position: 0px 0px !important;
	background-repeat: no-repeat !important;
	// filter: grayscale(0%) !important;
}


.active-filters{
	font-family: 'gentium_basicregular', serif;
	font-size: 16px;
	padding: 10px;
	padding-bottom: 4px;
	padding-left: 0px;
	/*height:40px !important;*/
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 15px;
	// max-width: 807px;
	max-width: 100%;
	color: #646466;
}
.filter-total{
	padding-bottom: 4px;
	display: inline-block;
}
.filter-item{
	display: inline-block;
	font-family: 'gentium_basicregular';
	font-weight: 600;
	color: #192A39;
	background: url(../img/icons/cancel.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 13px 13px;
	padding: 3px;
	padding-right: 16px;
	cursor: pointer;
}
.filter-item:hover{
	font-weight: 600;
	display: inline-block;
	background: url(../img/icons/cancel.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 13px 13px;
	padding: 3px;
	padding-right: 16px;
	cursor: pointer;
	color:#9C6F1C;
}
.clear-locator{
	display: inline-block;
	font-family: 'gentium_basicregular';
	font-weight: 600;
	color: #192A39;
	background: url(../img/icons/cancel.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 13px 13px;
	padding: 3px;
	padding-right: 16px;
	cursor: pointer;
}
.clear-locator:hover{
	font-weight: 600;
	display: inline-block;
	background: url(../img/icons/cancel.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 13px 13px;
	padding: 3px;
	padding-right: 16px;
	cursor: pointer;
	color:#9C6F1C;
}
.clear-all-filters{
	float:right;
	text-transform: none;
	font-family: 'gentium_basicregular';
	background: url(../img/icons/cancel.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 13px 13px;
	padding: 3px;
	padding-right: 16px;
	cursor: pointer;
	font-weight: 600;
	display: none;
}
.clear-all-filters:hover{
	color:#9C6F1C;
}
@media(max-width:960px){
	.clear-all-filters{
		margin-top:13px;
	}
}
.filter-item__sep{
	display: inline-block;
}

.courses-list{
	list-style: none;
}
.checkbox-list{
	list-style: none;
}
.flavors-list{
	list-style: none;
}

/*--- range ---*/
.range-ruler{
	width: 100%;
	margin:auto;
	clear: both;
	float: none;
}
section.range-slider {
	position: relative;
	width: 100%;
	height: 18px;
	clear: both;
	float: none;
	text-align: center;
	margin:auto;
}
.range-fill{
	pointer-events: none;
	position: absolute;
	height:5px;
	top:0px;
	left:0px;
	width: 100%;
	background-color: #192A39;
	z-index: 1;
}

.filter-inner iframe{
	width:100%;
	max-width: 300px;
	margin:0px;
	padding:0px;
}
/*@media (min-width: 961px) {
	.range-ruler{
		height: 20px;
	}
}
section.range-slider input[type="range"] {
	pointer-events: none;
	cursor: pointer;
  	position: absolute;
  	-webkit-appearance: none;
  	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	border: none;
	border-radius: 14px;
	background: none;
	/*  box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
	-webkit-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;*/
	/*left: 0;
	top: 0px;
	width: 100%;
	outline: none;
	height: 5px;
	margin: 0;
	padding: 0;
	z-index: 9;
}*/
/*@media \0screen\,screen\9 {
	section.range-slider input[type="range"] {
		pointer-events: all;
	}
}
@media screen and (min-width:0\0) {
	section.range-slider input[type="range"] {
		pointer-events: all;
	}
}*/
/*section.range-slider input[type="range"]::-webkit-slider-thumb,
section.range-slider input[type="range"]::-moz-range-thumb,
section.range-slider input[type="range"]::-ms-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  border-radius: 14px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C6F1C), color-stop(100%, #413F41));
  background-image: -webkit-linear-gradient(top, #9C6F1C 0, #413F41 100%);
  background-image: linear-gradient(to bottom, #9C6F1C 0, #413F41 100%);
  box-shadow: 0px 0px 10px #000;
}
section.range-slider input[type="range"]::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 100;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  border-radius: 14px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C6F1C), color-stop(100%, #413F41));
  background-image: -webkit-linear-gradient(top, #9C6F1C 0, #413F41 100%);
  background-image: linear-gradient(to bottom, #9C6F1C 0, #413F41 100%);
  box-shadow: 0px 0px 10px #000;
}
section.range-slider input[type="range"]::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 100;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  border-radius: 14px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C6F1C), color-stop(100%, #413F41));
  background-image: -webkit-linear-gradient(top, #9C6F1C 0, #413F41 100%);
  background-image: linear-gradient(to bottom, #9C6F1C 0, #413F41 100%);
  box-shadow: 0px 0px 10px #000;
}
section.range-slider input[type="range"]::-ms-thumb {
  pointer-events: all;
  position: relative;
  z-index: 100;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  border-radius: 14px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C6F1C), color-stop(100%, #413F41));
  background-image: -webkit-linear-gradient(top, #9C6F1C 0, #413F41 100%);
  background-image: linear-gradient(to bottom, #9C6F1C 0, #413F41 100%);
  box-shadow: 0px 0px 10px #000;
}*/
input[type=range] {
	pointer-events: none;
	cursor: pointer;
  	position: absolute;
  	-webkit-appearance: none;
  	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	border: none;
	-webkit-appearance: none;
	width: 100%;
	z-index: 9;
	background: transparent;
}
@media \0screen\,screen\9 {
	input[type=range] {
		pointer-events: all;
		margin-top: -44px;
	}
}
@media screen and (min-width:0\0) {
	input[type=range] {
		pointer-events: all;
		margin-top: -44px;
	}
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: none;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	width: 20px;
	height: 20px;
	border: 3px solid #fff;
	border-radius: 14px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C6F1C), color-stop(100%, #413F41));
	background-image: -webkit-linear-gradient(top, #9C6F1C 0, #413F41 100%);
	background-image: linear-gradient(to bottom, #9C6F1C 0, #413F41 100%);
	box-shadow: 0px 0px 10px #000;
	cursor: pointer;
	pointer-events: all;
	-webkit-appearance: none;
	margin-top: -7.6px;
  	z-index: 100;
}
input[type=range]::-moz-range-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	width: 100%;
	z-index: 9;
	background: transparent;
}
input[type=range]::-moz-range-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	width: 20px;
	height: 20px;
	border: 3px solid #fff;
	border-radius: 14px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C6F1C), color-stop(100%, #413F41));
	background-image: -webkit-linear-gradient(top, #9C6F1C 0, #413F41 100%);
	background-image: linear-gradient(to bottom, #9C6F1C 0, #413F41 100%);
	box-shadow: 0px 0px 10px #000;
	cursor: pointer;
	pointer-events: all;
  	z-index: 100;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
	background: transparent;
	border: 0px solid transparent;
	border-radius: 50px;
}
input[type=range]::-ms-fill-upper {
  	background: transparent;
	border: 0px solid transparent;
	border-radius: 50px;
}
input[type=range]::-ms-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	width: 15px;
	height: 15px;
	border: 3px solid #fff;
	border-radius: 14px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C6F1C), color-stop(100%, #413F41));
	background-image: -webkit-linear-gradient(top, #9C6F1C 0, #413F41 100%);
	background-image: linear-gradient(to bottom, #9C6F1C 0, #413F41 100%);
	box-shadow: 0px 0px 10px #000;
	pointer-events: all;
	cursor: pointer;
  	z-index: 100;
}
input[type=range]:focus::-ms-fill-lower {
  	background: transparent;
}
input[type=range]:focus::-ms-fill-upper {
  	background: transparent;
}
section.range-slider input[type=range]::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: black;
  border: 0;
}
section.range-slider input[type=range]:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0;
}
section.range-slider input[type=range]::-moz-focus-outer {
  border: 0;
}

.filters ul{
	list-style: none;
	font-family: 'gentium_basicregular', serif;
	font-weight: 300;
}
.filters ul>li>label{
	font-family: 'gentium_basicregular', serif;
	font-size: 14px;
	color: #646466;
	font-weight: 300;
}
.filters ul>li>input[type=checkbox]:checked{
	background: #9C6F1C;
}
.filters ul>li>input[type=checkbox]:checked + label {

  font-weight: 700;
}

.filters ul li input[type=checkbox]:checked{
	background: #9C6F1C;
}
.filters ul li input[type=checkbox]:checked + label {
  font-weight: 700;
}

/*--- slider-component ---*/
.slider-component{
	width: 100%;
	left:0%;
	scrollLeft:0%;
	right:initial;
}
#featuredCollectionsSlider>.slider-component{

}
.slider-component__narrow--short{
	width: 100%;
	height: 148px;
}
.slider-component__short{
	width: 100%;
	height: 112px;
}
.slider-component__item--short.item{
	border:4px solid #192A39;
}
.slider-component__item--short.item label{
	cursor: pointer;
}

.active-blue__overlay{
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0.35;
	background: #0A3C50;
	position: absolute;
	z-index: 1;
}

.slider-component::-webkit-scrollbar {
    display: none;
}
.slider-component__narrow--short::-webkit-scrollbar {
    display: none;
}

.slider-component__short::-webkit-scrollbar {
    display: none;
}

.slider-component-title{
	padding: 20px;
	margin-left: 30px;
}
.slider-component-title h2{
	display: inline;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: 600;
	letter-spacing: 1px;
	font-weight: normal;
	padding-left: 15px;
}
.slider-component-title.link-thru h2:hover{
	cursor: pointer;
	color: #9C6F1C;
}
.slider-component-title.link-thru {
	text-align: left;
}
.slider-component-title.link-thru a{
	text-decoration: none;
}
.slider-component-title img{
	margin-left: 10px;
	width: 15px;
	height: 15px;
	margin-top:-1px;
}
.slider-component__inner{
	white-space: nowrap;
	scrollLeft:0%;
	height: 100%;
}
.slider-component__inner .icon-fav{
	position: absolute;
	top:0px;
	right: 0px;
}
.icon-fav{
	position: absolute;
	top:1px;
	right: 1px;
}
.icon-fav.is-fav{
	display: block;
}
.icon-fav{
	display: none;
}
.slider-component__item--wrapper{
	background-color: #ecedf0;
}
.slider-component__item{
	width: 300px;
	height: 100%;
	display: inline-block;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    padding: 0px;
    margin:0px;
    cursor: pointer;
}
.slider-component__item>label{
	position: absolute;
	left:10px;
	bottom:10px;
	color: #fff;
}
.slider-component__item--full{
	width: 300px;
	height: 232px;
	display: inline-block;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    padding: 0px;
    margin:0px;
    cursor: pointer;
    opacity: 0.9;
    transition: all 0.3s ease-in-out;
}
.slider-component__item--full:hover{
	opacity: 1.0;
}
.slider-component__item--full>label{
	position: absolute;
	left:10px;
	bottom:10px;
	color: #fff;
}
.slider-component__item--short{
	width: 224px;
	height: 112px;
	display: inline-block;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    padding: 0px;
    margin:0px;
    cursor: pointer;
    opacity: 0.9;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.slider-component__item--short:hover{
	opacity: 1.0;
}
.slider-component__item--short>label{
	position: absolute;
	left:0px;
	bottom:-100px;
	padding: 10px;
	color: #fff;
	z-index: 3;
	width: 87% !important;
	transition: all 0.25s ease-in-out;
}
.slider-component__item--short>label.active{
	bottom:0px;
}

.on-hover{

}
.slider-component__item--narrow {
	width: 100%;
	height: 228px;
   	display: -webkit-flex;
   	display: flex;
   	-webkit-flex-direction: column;
   	flex-direction: column;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    padding: 0px;
    margin:0px;
    margin-bottom: 4px;
    cursor: pointer;
    opacity: 0.9;
    transition: all 0.3s ease-in-out;
    position: relative;
    visibility: visible !important;
}
.slider-component__item--narrow:hover{
	opacity: 1.0;
}
.slider-component__item--narrow .product-image {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    height: 178px;
 //  	display: flex;
 //  	flex-flow: row nowrap;
 //  	min-height: 70%;
	// -webkit-flex: 9 0 0;
 //   	flex: 9 0 0;
	order: -1;
	transition: all 0.2s ease-in-out;
}
.slider-component__item--narrow .product-image:hover {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
@media (max-width: 640px) {
	.slider-component__item--narrow .product-image {
		// -webkit-flex: 6 0 0;
	 //   	flex: 6 0 0;
	}
	.slider-component__item--narrow .product-image:hover {
	    -ms-transform: scale(1);
	    -moz-transform: scale(1);
	    -webkit-transform: scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	}
}
.slider-component__item--narrow img{
	width: auto !important;
	// object-fit: contain;
	position:relative;
 //  	display: flex;
 //  	flex-flow: row nowrap;
	// -webkit-flex: 2 0 0;
 //   	flex: 2 0 0;
	order: -1;
	z-index:1;
	/*left:0;
	right: 0px;
	top:0px;*/
	bottom: 0px;
	margin: auto;
	// flex-shrink: 3;
	/*width: auto;
	height: 189px;
	width: 138px;*/
	// max-height: 189px;
	// max-width: 138px;
	transition: all 0.2s ease-in-out;
}
.slider-component__item--narrow img:hover{
	height: 199px;
	width: 148px;
	max-height: 199px;
	max-width: 148px;
}
.slider-component__item--narrow .product-item.active{
	/*width: 77px !important;*/
	margin: auto;
	margin-top: 3px;
	/*width: auto;*/
	height: 210px;
	max-height: 210px;
	max-width: auto;
	transition: all 0.2s ease-in-out;
}
.slider-component__item--narrow>label{
	font-family: 'gentium_basicregular';
	color:#646466;
	font-size:14px;
	line-height: 16px;
	position: relative;
	z-index: 3;
	// -webkit-flex: 1 0 0;
 //   	flex: 1 0 0;
	/*left:20px;
	right: 20px;
	bottom:5px;*/
	width: 100%;
	padding: 5px 20px;
	margin-bottom: 0;
	/*display: flex;*/
}
@media(max-width:1024px){
	.slider-component__item--narrow>label{
		font-family: 'gentium_basicregular';
		color:#646466;
		font-size:14px;
		line-height: 16px;
		position: relative;
		z-index: 3;
		// -webkit-flex: 1 0 0;
	 //   	flex: 1 0 0;
		/*left:20px;
		right: 20px;
		bottom:5px;*/
		width: 100%;
		padding: 5px 0px;
		margin-bottom: 0;
		/*display: flex;*/
	}
}

@media(max-width:640px){
	.slider-component__item--narrow>label{
		font-family: 'gentium_basicregular';
		color:#646466;
		font-size:14px;
		line-height: 16px;
		position: relative;
		z-index: 3;
		// -webkit-flex: 1 0 0;
	 //   	flex: 1 0 0;
		/*left:20px;
		right: 20px;
		bottom:5px;*/
		width: 100%;
		padding: 5px 10px;
		margin-bottom: 0;
		/*display: flex;*/
	}
}

.slider-component__item--narrow__short{
	width: 117px;
	height: 142px;
	display: inline-block;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    padding: 0px;
    padding-top: 30px;
    margin:0px;
    cursor: pointer;
    opacity: 0.85;
    transition: all 0.3s ease-in-out;
    text-align: center;
    position: relative;
}

.slider-component__item--narrow__short:hover{
	opacity: 1.0;
}

.slider-component__item--narrow__short img{

}

.ingredients-row{
	position: relative;
	width: 100%;
	/*max-width: 909px;*/
	margin-left:20px;
	display: table;
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ingredients-row .item img{
		// top:110px; !important;
	}
 }
.ingredients-row .item{
	width: 110px;
	height: 87px;
	display: table-cell;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    padding: 0px;
    margin:0px;
    cursor: pointer;
    opacity: 0.85;
    transition: all 0.3s ease-in-out;
    text-align: center;
}
.ingredients-row .item img{
	position: absolute;
	display: block;
	width:64px;
	height:64px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	margin-top:0px;
	z-index:0;
	transition:all 0.1s ease-in-out;
}
.ingredients-row .item img.active{
	// width:60px;
	// height:60px;
}
@media(max-width:960px){
	.ingredients-row .item img.active{
		width:64px;
		height:64px;
	}
}

@media(max-width: 960px){
	.ingredients-row{
		// display: block;
		// margin: auto;
		/*padding-left: 20px;*/
		/*margin-left: 20px;*/
	}
	.ingredients-row .item{
		width: 110px;
		height: 90px;
		// padding-right:20px;
	}
}
@media(max-width: 640px){
	.ingredients-row .item img{
		// position: absolute;
		// display: block;
		width:64px;
		height:64px;
	}
	.ingredients-row .item img.active{
		// width:38px;
		// height:38px;
	}
	.ingredients-row{
		padding-left:0px;
		padding-right: 0px;
		// max-width: 300px;
	}
	.ingredients-row .item{
		display: inline-block;
		margin: auto;
		width: 110px;
		height: 90px;
	/*	display: inline-block;
	    word-spacing: normal;
	    letter-spacing: normal;
	    white-space : normal;
	    position: relative;
	    padding: 0px;
	    margin:0px;
	    cursor: pointer;
	    opacity: 0.85;
	    transition: all 0.3s ease-in-out;
	    text-align: center;
	    position: relative;*/
	}
}
.ingredients-row .item:hover{
	opacity: 1.0;
}
.ingredients-slider .owl-item{
    height: 116px !important;
}
.ingredients-row .slide-img {
    display: block;
    width: 64px;
    max-width: 64px !important;
    margin:auto;
    margin-top: 20px;
    margin-bottom: 0px;
}
.ingredients-row .tile-label{
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1;
	margin: auto;
	bottom:0px;
	font-family: 'gentium_basicregular', serif;
	font-size: 14px;
	transition: all 0.1s ease-in-out;
}
.ingredients-row .tile-label.active{
	color:#192A39 !important;
	font-weight: 600 !important;
}

.ingredients-slider .slider-component__item--narrow__short {
    height: 116px !important;
    overflow: hidden;
}

.ingredients-slider .icon-fav {
    display: block;
    width: 100%;
    max-width: 48px !important;
}
.ingredients-slider .owl-prev>span{
	/*color:#192A39;*/
}
.ingredients-slider .owl-next>span{
	/*color:#192A39;*/
}
.ingredients-slider .owl-nav{
	margin-top: -70px !important;
}

.ingredients-slider{
	position: relative;
	right: -50px;
}
@media(max-width: 960px){
	.ingredients-slider{
		position: relative;
		right: -20px;
	}
}
.ingredients-slider .owl-dots{
	margin-right:50px;
}

.dressing-slider{
	position: relative;
	right: -50px;
}
.dressing-slider .owl-dots{
	margin-right:105px;
}

.dressing-slider .owl-prev>span{
	/*color:#192A39;*/
}
.dressing-slider .owl-next>span{
	/*color:#192A39;*/
}
.dressing-slider .owl-nav{
    margin-top: 0 !important;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0;
}

.slider-component__item--narrow__short>.tile-label{
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1;
	margin: auto;
	bottom:0px;
	font-family: 'gentium_basicregular', serif;
	font-size: 14px;
	transition: all 0.3s ease-in-out;
}
.slider-component__item--narrow__short>.tile-label.active{
	color:#192A39 !important;
	font-weight: 600 !important;
}

.slider-component__item--focus{
	width: 224px;
	height: 232px;
	max-height: 232px !important;
	display: inline-block;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    padding: 0px;
    margin:0px;
    overflow: hidden;
    background-size: 30% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.slider-component__item--focus>label{
	position: absolute;
	left:10px;
	bottom: 10px;
	color: #fff;
	z-index:3;
	font-family: 'gentium_basicregular', serif;
	font-size: 14px;
}
.slider-block__list{
	padding-left:5px;
}
.slider-component__item--block{
	width: 224px;
	height: 114px;
	display: block;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    overflow:hidden;
    margin: 0px;
    padding:0px;
    cursor: pointer;
    opacity: 1.0;
    filter: none;
    transition: all 0.3s ease-in-out;

}
.slider-component__item--block:hover{
    opacity: 1.0;
    filter: brightness(1.2);
}



.slider-component__item--block:first-child{
	margin-bottom: 5px;
}
.slider-component__item--block>label{
	position: absolute;
	left:10px;
	bottom:10px;
	color: #fff;
	z-index:3;
	font-family: 'gentium_basicregular', serif;
	font-size: 14px;
}
.slider-component__item--block>img{
	width: 300px;
	height: 150px;
}
.slider-component__item--block .gradient{
	opacity: 0.8;
	transition: all 0.3s ease-in-out;
}
.slider-component__item--block .gradient.active{
	opacity: 1.0;
}



.product-summary{
	position: relative;
	display: block;
	clear: both;
	float: none;
	font-family: 'gentium_basicregular';
	font-size: 14px;
	color: #646466;
	padding: 0px;
	max-height: 228px !important;
}
.product-summary .first{
	float:left;
	text-align:left;
	padding:0px;
	width: 50%;
}
.product-summary .second{
	float:right;
	text-align:left;
	padding:0px;
	width: 50%;
	padding-left: 50px !important;
}
.page.recipe-detail .intro{
	margin-bottom: 0px;
}
.tr .nutrition-column{
	vertical-align: bottom;
	height: 18px;
	line-height: 10px;
	min-width:80px;
	font-weight: 700;
	font-family: 'gentium_basicregular';
	font-size: 14px;
	color: #192A39;
}

.nutrition-spacer.dotted{
	min-width: 50%;
	border-bottom: 1px dotted #333;
}
.nutrition-results{
	width: 50%;
	min-width: 192px;
	padding-left: 5px;
	font-size: 16px;
	// white-space: nowrap !important;
}
.nutrition-spacer .info-label{
	font-family: 'Open Sans';
	text-transform: uppercase;
	font-weight: 500;
	color: #646466;
	font-size: 10px;
	letter-spacing: 0.83px;
	line-height: 18px;
	padding: 5px;
	padding-top:4px;
}
.nutrition-spacer .data-label{
	font-family: "gentium_basicregular";
	font-size: 14px;
	font-weight: 600;
	color: #192A39;
}
.nutrition-label {
	background: url(/img/dotted-spacer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	// background-size: 100% 19px;
	text-transform: uppercase;
}
.product-summary .second{
	float:right;
	text-align:left;
	padding:0px;
	width: 50%;
}
.nutrition-label .info-label{
	position: relative !important;
	padding-left: 0px !important;
	text-transform: uppercase;
	background: #fff;
		padding: 2px;
		// margin-bottom:-2px;
		display: inline-block;
}
.product-summary .second .td{
	padding-bottom: 15px;
	}
@media(max-width:960px){
	.product-summary{
		max-height: 100% !important;
	}
	.product-summary .first{
		float:none;
		clear:both;
		text-align:left;
		padding:0px;
		width: 100%;
	}
	.product-summary .second{
		float:none;
		clear:both;
		text-align:left;
		padding:0px;
		width: 100%;
		padding-left: 0px !important;
	}
	.nutrition-label .info-label{
		position: relative !important;
		padding-left: 0px !important;
	}
	.second .table-fill{
		width: 400px !important;
		max-width: 400px !important;
	}
	// .second .table-fill .tr{
	// 	height: 30px !important;
	// }
	.product-summary .td{
		vertical-align: top;
	}
	.product-summary .nutrition-label{
		text-transform: uppercase;
		vertical-align: top;
		width:200px;
		min-width: 200px;
		max-width: 200px !important;
		line-height: 18px;
		// border-bottom:1px dotted #000;
	}
	.product-summary .info-label{
		background: #fff;
		padding: 2px;
		// margin-bottom:-2px;
		display: inline-block;
		// width:70px !important;
	}
	.product-summary .nutrition-spacer{
		width: 100%;
	}
	.product-summary .nutrition-results{
		vertical-align: top;
		width:100%;
		min-width: auto;
		max-width: 50% !important;
	}
	.page.recipe-detail .intro{
		margin-bottom: 0px;
	}
	.product-summary .nutrition-info{
		padding: 0px;
	}

}
@media(max-width:640px){
	.second .table-fill{
		width: 100% !important;
		max-width: 100% !important;
	}
}
.product-summary__intro{
	padding-left: 15px;
}
.product-detail .pad-sides{
	padding-left: 40px;
	padding-right: 62px;
}
.locator-form-within-cell{
	width: 135px;
}
.locator-form-zip-cell{
	max-width: 94px;
}
.page.locator .intro{
	margin-top:90px;
	// margin-bottom: 0px;
}
@media(max-width:960px){
	.locator .intro{
		margin-top: 100px !important;
		padding-bottom: 40px;
	}
	.collections{
		margin-top: 100px;
	}
}
@media(max-width:960px){
	.product-detail{
		margin-top: 100px;
	}
	.page.locator .pad-sides{
		padding-left: 30px;
		padding-right: 30px;
	}
	.page.locator .intro{
		margin-top:0px;
		margin-bottom: 0px;
	}
	.page.locator{
		margin-top: 50px;
	}
	.product-detail-photo{
		max-height: 150px;
	}
	.page.product-detail{
		margin-top: 100px;
	}
	.page.product-detail .intro{
		margin-top: 0px;
		margin-bottom:0px;
	}
	.product-detail .pad-sides{
		padding-left: 20px;
		padding-right: 20px;
	}
	.find-store-img-cell{
		width: 120px;
	}
	.locator-form-within-cell{
		width: 135px;
		padding-right:4px;
	}
	.locator-form-zip-cell{
		max-width: 94px;
	}
	.locator-product-table{
		padding-bottom: 30px;
	}
	.locator-form-label{
		padding-left:15px;
	}
}
.locator-product-table{
	height:40px;
}
.locator-product-table .td {
         padding-top: 0px;
         vertical-align:middle;
    }
.product-summary h1{
	margin-top:0px;
	font-family: 'gentium_basicregular';
	font-weight: 600;
	font-size: 40px;
	color: #192A39;
	letter-spacing: 0;
}
.product-summary ul{
	list-style: none;
	margin-bottom: 38px;
}
.product-summary__heading{
	font-family: 'Open Sans';
	font-weight: 600;
	color: #192A39;
	font-size: 12px;
	padding-left:15px;
	padding-bottom: 11px;
	border-bottom:1px solid #E2E2E2;
	text-transform: uppercase;
}
.product-summary ul>li>label{
	font-family: 'gentium_basicregular', serif;
	font-weight: 300;
}
.product-summary ul>li>input[type=checkbox]:checked{
	background: #9C6F1C;
}
.product-summary ul>li>input[type=checkbox]:checked + label {
  /*color: #f00;*/
  font-weight: 700;
}

.product-summary-image-wrapper{
	position: relative;
	width: 148px;
	max-width: 148px;
	height:228px;
	/*margin-left: 30px;*/
}
.product-summary-image-wrapper .bottle-shadow{
	position: absolute;
	top:-52px;
	left: -39px;
	margin: auto;
	height:332px;
	z-index: 2;
}
.product-summary-image-wrapper img{
	position: absolute;
	display: block;
	margin-top: auto;
	height:228px;
	left: -2px;
	max-height: 228px;
	z-index: 1;
}
.use-list{
	margin-left: 15px;
}
.diet-list{
	margin-left: 15px;
}

/*--- banner ---*/
.banner-full{
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 440px;
	font-family: 'gentium_basicregular';
	background-color: #192a39;
	transition: all 0.5s ease-in-out;
}
.banner-full-kens{
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 440px;
	font-family: 'gentium_basicregular';
	background-color: #192a39;
	transition: all 0.5s ease-in-out;
}
@media(min-width: 961px){
	.banner-full-kens{
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
	}
}
@media(max-width: 960px){
	.banner-full{
		min-height:300px;
	}
	.banner-full-kens{
		background:url(/img/about-banner-md.jpg) no-repeat;
		background-size: cover;
		background-position: top center;
		min-height:300px;
	}

}
@media(max-width: 768px){
	.banner-full{
		min-height:300px;
	}
	.banner-full-kens{
		background:url(/img/about-banner-sm.jpg) no-repeat;
		background-size: cover;
		background-position: top center;
		min-height:300px;
	}

}
.spotlight-product-image-wrapper{
	position: relative;
	width: 80px;
	max-width: 80px;
	display:table-cell;
	vertical-align:top;
	padding-right: 20px;
}
.banner-full .spotlight-product-image{
	height: 120px;
	margin-left: -10px;
}
.overlay-spotlight__details .spotlight-product{
	margin-top:20px;
}
.banner-full .bottle-shadow{
	height: 150px;
	top: -25px;
	left: 0px;
	z-index: -1;
}
.banner-full .overlay{
	position:absolute;
	z-index:2;
	left:10px;
	bottom:10px;
	width: calc(100% - 20px);
	overflow: hidden;
}

.banner-full .overlay-center{
	position:absolute;
	z-index:2;
	width: 100%;
	height: 100%;
	bottom:0%;
	width: calc(100% - 20px);
	text-align: center;
	overflow: hidden;
}

.banner-full .overlay-spotlight{
	position:absolute;
	z-index:2;
	left:10px;
	top:130px;
	width: 100%;
	overflow: hidden;
	padding-left: 62px;
	padding-bottom: 0px;
}






.banner-full-kens .spotlight-product-image{
	height: 120px;
	margin-left: -10px;
}
.overlay-spotlight__details .spotlight-product{
	margin-top:20px;
}
.banner-full-kens .bottle-shadow{
	height: 150px;
	top: -25px;
	left: 0px;
	z-index: -1;
}
.banner-full-kens .overlay{
	position:absolute;
	z-index:2;
	left:10px;
	bottom:10px;
	width: calc(100% - 20px);
	overflow: hidden;
}

.banner-full-kens .overlay-center{
	position:absolute;
	z-index:2;
	width: 100%;
	height: 100%;
	bottom:0%;
	// width: calc(100% - 20px);
	text-align: center;
	overflow: hidden;
	padding: 40px;
}

.banner-full-kens .overlay-spotlight{
	position:absolute;
	z-index:2;
	left:10px;
	bottom:0px;
	width: 100%;
	overflow: hidden;
	padding-left: 62px;
	padding-bottom: 0px;
}




@media(max-width: 960px){
	.banner-full .overlay-spotlight{
		position:absolute;
		z-index:2;
		left:0px;
		bottom:0px;
		width: 100%;
		overflow: hidden;
		padding:0px;
		padding-bottom: 0px;
	}
	.banner-full-kens .overlay-spotlight{
		position:absolute;
		z-index:2;
		left:0px;
		bottom:0px;
		width: 100%;
		overflow: hidden;
		padding:0px;
		padding-bottom: 0px;
	}
	.overlay-spotlight__details{
		padding-left: 55px;
		padding-right: 55px;
		/*padding-top: 0px;*/
	}
	.overlay-spotlight__details .caption{
		font-size: 24px;
		line-height: 28px;
		font-family: 'gentium_basicregular';
		font-weight: 600;
	}
	.overlay-spotlight__details .subcaption{
		font-size: 16px;
		line-height: 20px;
		font-family: 'gentium_basicregular';
		font-weight: 300;
	}
	.overlay-spotlight__details .spotlight-product{
		font-size: 14px;
		line-height: 20px;
		font-family: 'gentium_basicregular';
		font-weight: 300;
	}
	.overlay-spotlight__details .spotlight-product-details{
		font-size: 14px;
		line-height: 20px;
		font-family: 'gentium_basicregular';
		font-weight: 300;
	}
	.banner-full .gradient-left__blue{
		position: absolute;
		z-index:1;
		bottom: 0px;
		left: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#192a39+0,192a39+100&1+19,0+100 */
		background: -moz-linear-gradient(left, rgba(25,42,57,1) 0%, rgba(25,42,57,1) 0%, rgba(25,42,57,0.65) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(25,42,57,1) 0%,rgba(25,42,57,1) 0%,rgba(25,42,57,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(25,42,57,1) 0%,rgba(25,42,57,1) 0%,rgba(25,42,57,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#192a39', endColorstr='#00192a39',GradientType=1 ); /* IE6-9 */
	}
	.banner-full-kens .gradient-left__blue{
		position: absolute;
		z-index:1;
		bottom: 0px;
		left: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#192a39+0,192a39+100&1+19,0+100 */
		background: -moz-linear-gradient(left, rgba(25,42,57,1) 0%, rgba(25,42,57,1) 0%, rgba(25,42,57,0.65) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(25,42,57,1) 0%,rgba(25,42,57,1) 0%,rgba(25,42,57,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(25,42,57,1) 0%,rgba(25,42,57,1) 0%,rgba(25,42,57,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#192a39', endColorstr='#00192a39',GradientType=1 ); /* IE6-9 */
	}
}
.banner-full .overlay-spotlight__details{
	max-width: 400px;
}
.banner-full .overlay-spotlight__details>h1{
}
.banner-full .overlay-spotlight__details .btn{
	font-family: 'Open_Sans';
	font-weight: 600;
	text-transform: uppercase;
	min-width: 150px;
	color: #fff;
}
.banner-full .overlay-spotlight__details .btn:hover{
	color: #fff;
}
.banner-full .caption{

}









.banner-full-kens .overlay-spotlight__details{
	max-width: 400px;
}
.banner-full-kens .overlay-spotlight__details>h1{
}
.banner-full-kens .overlay-spotlight__details .btn{
	font-family: 'Open_Sans';
	font-weight: 600;
	text-transform: uppercase;
	min-width: 150px;
	color: #fff;
}
.banner-full-kens .overlay-spotlight__details .btn:hover{
	color: #fff;
}
.banner-full-kens .caption{

}

.caption-center{
	width: 100%;
	max-width: 480px !important;
	margin:auto;
	font-family: 'gentium_basicregular';
	font-weight: 600;
}





.banner-full .banner-btn{
	cursor: pointer;
	display: block;
	border:none;
	border-radius: 3px;
	background:transparent;
	padding: 15px;
	color: #fff;
	font-family: 'Open Sans';
	font-weight: 600;
	text-transform: uppercase;
	min-width: 150px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;
}
@media(max-width:960px){
	.banner-btn{
		font-size: 10px;
	}
	.banner-full .caption-center{
		font-size: 32px;
	}
	.banner-full .banner-btn{
		cursor: pointer;
		display: block;
		border-radius: 3px;
		background:transparent;
		padding: 15px;
		color: #fff;
	}
	/*.banner-full .slider-short{}*/
	/*148x112*/
	.banner-full .slider-component__short{
	/*	width: 100%;
		height: 112px;
		margin-left: -50px;*/
	}
	.banner-full .owl-carousel{
		/*width: 100%;
		height: 112px;*/
		/*margin-left: -40px;*/
	}
	.banner-full .slider-component__item--short{
		width: 148px;
		height: 112px;
	}






}
.banner-full .subcaption{
	font-size: 18px;
}


.banner-full .banner-image{

}









.banner-full-kens .banner-btn{
	cursor: pointer;
	display: block;
	border:none;
	outline: none;
	border-radius: 3px;
	background:transparent;
	padding: 15px;
	color: #fff;
	font-family: 'Open Sans';
	font-weight: 600;
	text-transform: uppercase;
	min-width: 150px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;
}
@media(max-width:960px){
	.banner-full-kens .caption-center{
		font-size: 32px;
	}
	.banner-full-kens .banner-btn{
		cursor: pointer;
		display: block;
		border-radius: 3px;
		background:transparent;
		padding: 15px;
		color: #fff;
	}
	/*.banner-full-kens .slider-short{}*/
	/*148x112*/
	.banner-full-kens .slider-component__short{
	/*	width: 100%;
		height: 112px;
		margin-left: -50px;*/
	}
	.banner-full-kens .owl-carousel{
		/*width: 100%;
		height: 112px;*/
		/*margin-left: -40px;*/
	}
	.banner-full-kens .slider-component__item--short{
		width: 148px;
		height: 112px;
	}
}
.banner-full .subcaption{
	font-size: 18px;
}


.banner-full .banner-image{

}
@media(max-width:768px) and (orientation:landscape){

	.banner-full .overlay-spotlight{
		top:0px;
		padding-top: 90px;
	}
	.banner-full .overlay-spotlight .table-fill{
		// top:0px;
		margin-top: 10px !important;
	}
	.banner-btn__border{
		// margin-bottom:5px !important;
	}
	.banner-full .overlay-spotlight__details{
		marign-top:200px;
		max-width: 100%;
	}
	.banner-full .overlay-spotlight__details h1{
		margin-bottom: 0px;
	}
}
@media(max-width:768px) and (orientation:portrait){
	.banner-full{
		max-height: 500px !important;
	}
	.banner-full .overlay-spotlight{
		top:0px;
		padding-top: 110px;
	}
	.banner-full .overlay-spotlight__details{
		marign-top:0px;
		max-width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
}





/*--- icons ---*/
.icon-sm{
	width: 15px;
	height: 15px;
	margin-right: 8px;
}

/*--- forms ---*/

.forms-container{
	min-height: 200px;

}
.contact-label{
	text-align: right;
	font-family: "Open Sans";
	font-weight: 600;
	color: #192A39;
	padding-top:14px;
	text-transform: uppercase;
}
.form-selector{
	margin-top: 100px;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 24px;
}
.form-component__container{
	/*display: none;*/
	transition: all 0.3s ease-in-out;
	max-width: 500px;
	margin: auto;
}
.contact-us .intro{
	text-align: center;
	margin-bottom: 0px;
}
.contact-us .intro h1{
	margin-bottom:30px;
}
.email-validation{
	bottom: 100%;
	position: relative !important;
	margin-top:-10px !important;
	margin-bottom:10px !important;
}
.recaptcha-validation{
	bottom: 100%;
	position: relative !important;
	margin-top:5px !important;
}
#general_email.fail{
	// margin-bottom: 0px;
}

.form-component__container .active{
	display: block;
	transition: all 0.3s ease-in-out;
}
.form-component__container textarea{
	width: 100%;
	max-width: 300px;
	border-radius: 3px;
	border:1px solid #E2E2E2;
	min-height: 200px;
	padding: 15px;
	font-family: 'gentium_basicregular',serif;
	margin-bottom: 20px;
}
.form-component__container input[type="text"]{
	width: 100%;
	/*max-width: 768px;*/
	max-width: 300px;
	margin-bottom: 18px;
	font-family: 'gentium_basicregular',serif;
	border:1px solid #E2E2E2;
}
a.form-selector__button{
	border:0px;
	outline: none;
	text-transform: uppercase;
	cursor: pointer;
	background: transparent;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
	font-size: 12px;
	font-family: 'Open Sans';
	font-weight: 600;
	color: #AAAAAA;
	letter-spacing: 1px;
}
.form-selector__item{
	color: #AAAAAA;
	text-align: center;
}
.form-selector__button:hover{
	opacity: 1.0;
	text-decoration: none;
}
a.form-selector__button.active{
	opacity: 1.0;
	font-weight: bold;
	text-decoration: none;
	color: #192A39;
}
.form-selector__item>img{
	display: none;
}

.not-robot{
	width: 300px;
	max-width: 300px;
	display: block;
	margin-top:12px;
}
.masonry-container{
	width: 100%;
}
.three-col {
       -moz-column-count: 3;
       -moz-column-gap: 10px;
       -webkit-column-count: 3;
       -webkit-column-gap : 10px;
       -moz-column-rule-color:  #ccc;
       -moz-column-rule-style:  solid;
       -moz-column-rule-width:  0px;
       -webkit-column-rule-color:  #ccc;
       -webkit-column-rule-style: solid ;
       -webkit-column-rule-width:  0px;
}
.form-component__container input[type="text"]{
	max-width: 300px !important;
}
.form-component__container textarea{
	max-width: 300px !important;
}

@media(max-width:960px){
	.contact-us{
		padding-left: 0px;
		padding-right: 0px;
		// max-width: 334px !important;
		margin: auto;
	}
	.faq-btn{
		margin:0px;
	}
	.contact-us .intro h1{
		font-family: 'gentium_basicregular';
		font-weight: 600;
		font-size:24px;
		padding-top:40px;
		letter-spacing: 0;
		max-width: 180px;
	}
	.contact-us .intro{
		text-align: left;
		padding-left:40px;
		margin-bottom: 0px !important;
	}
	.forms-container .table{
		margin: 0px;
		padding: 0px;
		// max-width: 300px !important;
	}
	.form-component__container{
		/*display: none;*/
		transition: all 0.3s ease-in-out;
		// width: 300px;
		margin: auto;
	}

	.form-component__container input[type="text"]{
		max-width: 300px !important;
	}
	.form-component__container textarea{
		max-width: 300px !important;
	}
}
@media(max-width:767px){
	.contact-label{
		text-align: left;
		margin-bottom: 10px;
	}
}



/***
* checkboxes
*/


ul.cssList{
	list-style-type: none;
}
.cssList li{
	padding-bottom: 10px;
	margin-bottom: 0px !important;
}
.cssList label{
	font-family: 'gentium_basicregular';
    font-size: 18px;
    line-height: 20px;
    color: #646466;
    display: inline-block;
    font-weight: 300;
}
.cssCheckbox{
	display: inline-block;
}
.cssCheckbox span {
	margin-top:3px;
	margin-right: 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("/img/checkboxes_unchecked.png");
    background-repeat: no-repeat;
}

.cssCheckbox input:checked + span {
    background: url("/img/checkboxes_checked.png");
    background-repeat: no-repeat;
}
.cssCheckbox input{
	display: none;
}
.cssList .table{
	margin-bottom: 0px;
}



input[type=checkbox].css-checkbox {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.clr {
	padding-left:19px;
	height:15px;
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-family: 'gentium_basicregular', serif;
	font-size: 14px;
	color:#AAAAAA;
	font-weight: 300;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.chk {
	background-position: 0 -15px;
	// color: #062139;
	color:#646466;
	// font-weight: 600;
}
input[type=checkbox].css-checkbox + label.css-label:hover{
	// color: #062139;
	color:#646466;
	// font-weight: 600;
}
label.css-label {
background-image:url(../img/checkboxes.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


.directions-checkbox-container{
	min-width: 30px;
}
input[type=checkbox].directions-checkbox {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=checkbox].directions-checkbox + label.directions-label,
input[type=checkbox].directions-checkbox + label.directions-label.clr {
	padding-left:19px;
	height:15px;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-family: 'gentium_basicregular', serif;
	font-size: 18px;
	color:#646466;
	font-weight: 300;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].directions-checkbox:checked + label.directions-label,
input[type=checkbox].directions-checkbox + label.directions-label.chk {
	background-position: 0 -15px;
	// color: #062139;
	// font-weight: 600;
}
input[type=checkbox].directions-checkbox + label.directions-label:hover{
	// color: #062139;
	// font-weight: 600;
}
label.directions-label {
background-image:url(../img/checkboxes.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}




input[type=checkbox].nutrition-checkbox {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=checkbox].nutrition-checkbox + label.nutrition-label,
input[type=checkbox].nutrition-checkbox + label.nutrition-label.clr {
	padding-left:19px;
	height:15px;
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-family: 'gentium_basicregular', serif;
	font-size: 14px;
	color:#AAAAAA;
	font-weight: 300;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].nutrition-checkbox:checked + label.nutrition-label,
input[type=checkbox].nutrition-checkbox + label.nutrition-label.chk {
	background-position: 0 -15px;
	color: #062139;
	font-weight: 600;
}
input[type=checkbox].nutrition-checkbox + label.nutrition-label:hover{
	color: #062139;
	font-weight: 600;
}
label.nutrition-label {
background-image:url(../img/checkboxes.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}




/* lists */
.list-no-decoration{
	list-style: none;
}

.list-no-decoration li>label{
	font-family: 'gentium_basicregular', serif;
	font-weight: 300;
}
// .list-no-decoration li>input[type=checkbox]:checked{
// 	background: #9C6F1C;
// }
.list-no-decoration li>input[type=checkbox]:checked + label {
  // font-weight: 700;
  color:#646466 !important;
}


.overlay-spotlight h1{
	font-size: 40px;
}

/* type */
h1,h2,h3,h4,h5{
	font-family: 'gentium_basicregular', serif;
}
h1{
	font-size: 36px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 18px;
}
h4{
	font-size: 16px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
h5{
	font-size: 14px;
}
h6{
	font-size: 12px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
p.small{
	font-size: 14px;
	font-family: 'gentium_basicregular', serif;
}
p.micro{
	font-size: 12px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}


/*--- bootstrap ---*/
.carousel-indicator_wrapper{

}
.carousel-indicators__list {
    width: 100%;
    height: 12px;
    margin: 0;
    position: absolute;
    z-index: 999;
    left: 0px;
    text-align: right;
    top: -40px;
}
.carousel-indicators__list li {
    width: 12px;
    height: 12px;
    margin: 0;
    opacity: 0.35;
    border:1px solid #9C6F1C;
}

.carousel-indicators__list>li.active {
    width: 13px;
    height: 13px;
    margin: 0;
    background-image: linear-gradient(to bottom, #9C6F1C 0, #413F41 100%);
    opacity: 1.0;
    border:1px solid #fff;
    border-radius: 14px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
}

.carousel-indicators__list li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #9C6F1C;
    border-radius: 10px;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
    height: 100% !important;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
    height: 100% !important;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}

.scroller {

  scroll-snap-type: mandatory;

  /* older spec implementation */
  scroll-snap-destination: 0% 100%;
  scroll-snap-points-x: repeat(100%);
}

.page {
  scroll-snap-align: start;
}

/*-- polysnap ---*/
.container {
  overflow-y: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: mandatory;
  scroll-snap-destination: 0% 100%;
}
.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto
}
.container::-webkit-scrollbar {
	display: none;
}


.helpful-tip{
	font-family: 'gentium_basicregular';
	font-size: 14px;
	color:#646466;
	font-weight: normal;
}

/*-- owl slider ---*/
.owl-theme .owl-nav {
	position: absolute;
	z-index:4;
    margin-top: -110px;
    width: 100% !important;
    transition: all 0.25s ease-in-out;
    opacity: 0.0;
}
.owl-theme .owl-nav.active {
    opacity: 1.0;
}
.owl-theme .owl-nav [class*=owl-]:hover {
	margin-right: 50px;
}
.owl-label{
	position: absolute;
	z-index: 2;
	bottom:10px;
	left:10px;
	text-align: left;
	color:#fff;
	font-family: 'gentium_basicregular';
}
.owl-nav{
	pointer-events: none;
}
.owl-theme .owl-prev {
	float: left;
	pointer-events: auto;

}
.owl-theme .owl-next {
	float: right;
	pointer-events: auto;

}
.owl-theme .owl-nav [class*=owl-]{
	background: transparent;
}
.owl-dots{
	position: absolute;
	top:-30px;
	right:0px;
	z-index: 9999;
	display: inline-block !important;
}
@media(max-width: 960px){
	.owl-dots{
		display: none !important;
	}
}
.owl-theme .owl-dots .owl-dot span{

	background: url(../img/icons/carousel-dot.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	background-color: transparent;
	background-size: 15px auto;
	// background: #fff;
	// border:1px solid #9C6F1C;
	// width: 10px !important;
	// height: 10px !important;
	// opacity: 0.35;

	// background: #fff;
	// border:1px solid #9C6F1C;
	// width: 10px !important;
	// height: 10px !important;
	// opacity: 0.35;
	// margin-top:0px !important;
}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: url(../img/icons/carousel-dot-active.png);
	background-repeat: no-repeat;
	background-position: center center;

	// background: #9C6F1C;
	// border:2px solid #E2E2E2;
	// width: 10px !important;
	// height: 10px !important;
	// opacity: 1.0;
	// margin-top:0px !important;
}

.owl-item__wrapper{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 300px;
	height: 232px;
}
.owl-carousel.owl-theme .owl-item{
	width: 300px;
	height: 232px;
	overflow: hidden;
}


.owl-item__wrapper .gradient{
	width: 100%;
	height: 100%;
}


@media(max-width: 990px){
	.filters-inner{
		display: none;
	}
}


@media(max-width: 960px){
	.primary-nav__options>li {
		font-size:11px;
		text-align: left;
		// margin-left: 30px;
	}
	.primary-nav__options>li {
		display: block;
		padding: 14px;
		font-size: 12px;
		/*color: #192A39;*/
		letter-spacing: 1px;
		font-weight: 700;
		border-bottom: 1px solid  rgba(226,226,226,1);
		background-size: 10px;
		position: relative;
		margin-bottom: 0px;
		cursor: pointer;
	}
	.primary-nav__options>li:hover{
		background-color:rgba(0,0,0,0.05);
	}
	.primary-nav__options>li>img{
		position: absolute;
		right:0px;
		top:14px;
		width: 10px;
		height: auto;
		margin-right: 10px;
		display: block;
		transition: all 0.3 ease-in-out;
	}
	.primary-nav__options>li a{
		color: rgba(226,226,226,1);
	}
	.primary-nav__options>li a:hover{
		color: rgba(154,154,154,1);
	}
	.primary-nav__options {
		text-align: left;
		width: 100%;
		background: #fff;
		padding: 0px;
		padding-right: 25px;
		padding-top: 60px;
		transition: all 0.3s ease-in-out;
		height: 0px;
		/*height: 100vh;*/
		overflow:hidden;
		margin-top: 0px;
		opacity: 0.0;
		position: absolute;
		top: 5px;
		left: 0px;
		z-index:3;
	}
}
@media(max-width: 810px){

}
@media(min-width:769px){
	.contact-form__mobile{
		display: none;
	}
}
@media(max-width: 768px){
	.page .intro{
		margin-top: 70px;
		margin-bottom: 70px;
	}
	.collections-detail-banner{
		height:100%;
		height: 50vh;
	}
	.collections-detail-banner__overlay{
		position: absolute;
		z-index: 3;
		width: 100%;
		max-width: 280px;
		height: 100%;
		top:30%;
		left:16px;
	}
	.collections-spotlights{
		padding: 0px;
		margin-left:0px;
	}
	.collections-spotlights__item{
		padding: 0px;
		cursor: pointer;
		opacity: 0.8;
		transition: all 0.3s ease-in-out;
		margin-bottom: 10px;
		padding-left: 0px;
	}
	.direction-step__container{
		text-align: left;
	}
	.map-sidebar{
		position: absolute;
		z-index: 2;
		display: inline;
		vertical-align: top;
		left:0px;
		width: 100%;
		max-width: 100%;
		background: #fff;
	}

	.footer-section{
		display: block;
		width: 100%;
	}
	.footer-section>ul>li{
		display: inline-block;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	@media(max-width:960px){
		.footer-section>ul>li{
			margin-bottom: 0px;
		}
	}
	.footer-section>ul>li>a{
		font-family:"OpenSans-Bold", Helvetica, Arial, sans-serif;
		font-weight: 600;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 23px;
	}

	.footer-section>ul>li:last-child{
		display: block;
	}
	.footer-section>ul>li:last-child>a{
		margin-right: 7px;
	}
	@media(max-width:960px){
		.footer-section>ul>li:last-child>a{
			margin-right: 0px;
		}
	}
	.hide-mobile{
		display: none;
	}
	.hide-desktop{
		display: block !important;
	}
	.primary-nav{
		position: absolute;
		/*width: calc(100% - 40px);*/
		width: 100%;
		/*height: 100vh;*/
		// margin: 0px;

		background: #fff;
	}
	.nav-margin{
		// position: absolute;
		margin-left:16px;
		margin-right:16px;
		margin-top:16px;
	}
	@media(max-width:960px){
		.primary-nav{
			position: absolute;
			z-index:10;
			width: calc(100% - 32px);
			margin-left:16px;
			margin-right:16px;
			// margin-top:16px;

			// width: 100%;
		}
		.primary-options__wrapper{
			// position: fixed;
			// z-index:10;
			width: 100% !important;
			height: 100vh !important;
			// width: calc(100% - 32px);
			// margin-left:16px;
			// margin-right:16px;
			// margin-top:16px;
			right:-100%;

			// width: 100%;
		}
		.primary-nav.active .primary-options__wrapper{
			// position: fixed;
			// z-index:10;
			// width: calc(100% - 32px);
			// margin-left:16px;
			// margin-right:16px;
			// margin-top:16px;
			right:0px;
			// width: 100%;
		}
	}
	.primary-nav.active{
		width: 100%;
		height: 110vh !important;
		border-left: 35px solid rgba(226,226,226,1);
		// border-bottom:50px solid #fff;
		margin-left:0px;
		margin-right:0px;
		// margin-top:0px;
	}

	.primary-nav.active .nav-mobile{
		left:-50px;
	}
	// nav div.branding{
	// 	float:left;
	// }
	.primary-options__wrapper{
		float: right !important;
		// clear: both;
		width: 356px !important;
		display: inline-block;
		/*border-bottom:20px solid #fff;*/
	}
	// .primary-options__wrapper{
	// 	float: right;
	// 	display: inline-block;
	// 	border:none;
	// 	width: 80%;
	// }
	// .primary-options__crop{
	// 	display: none;
	// }
	.primary-options__wrapper.active{
		/*border-bottom:20px solid #fff;*/
	}
	.primary-options__crop{
		position: fixed;
		left: -35px;
		bottom: 0px;
		z-index: 40;
		width: 100%;
		height: 45px;
		background:#fff;
		display: none;
	}
	.primary-nav__options {
		text-align: left;
		width: 100%;
		background: #fff;
		padding: 0px;
		padding-right: 35px;
		padding-top: 60px;
		transition: all 0.3s ease-in-out;
		height: 0px;
		/*height: 100vh;*/
		overflow:hidden;
		margin-top: 0px;
		opacity: 0.0;
		position: absolute;
		top: 5px;
		left: 0px;
		z-index:3;
	}

	.primary-nav__options>li {
		display: block;
		padding: 14px;
		font-size: 12px;
		/*color: #192A39;*/
		letter-spacing: 1px;
		font-weight: 700;
		border-bottom: 1px solid  rgba(226,226,226,1);
		background-size: 10px;
		position: relative;
		margin-bottom: 0px;
		cursor: pointer;
	}
	.primary-nav__options>li:hover{
		background-color:rgba(0,0,0,0.05);
	}
	.primary-nav__options>li>img{
		position: absolute;
		right:0px;
		top:14px;
		width: 10px;
		height: auto;
		margin-right: 10px;
		display: block;
		transition: all 0.3 ease-in-out;
	}
	.primary-nav__options>li a{
		color: rgba(226,226,226,1);
	}
	.primary-nav__options>li a:hover{
		color: rgba(154,154,154,1);
	}

	.nav-mobile{
		display: block;
		position: absolute;
		right:10px;
		z-index:9999;
		transition: all 0.2s ease-in-out;
	}
	.nav-mobile-left{
		display: block;
		position: absolute;
		left:-48px;
		top:17px;
		z-index:9999;
		transition: all 0.2s ease-in-out;
	}
	.nav-item{
		margin-right: 0px;
	}
	.locator-form__wrapper>div:first-child{
		border-right:0px solid rgba(0,0,0,0.35);
		border-bottom:1px #979797;
	}
	.form-selector__button{
		display: block;
		padding: 10px;
		font-size:14px;
		border-bottom: 1px solid rgba(0,0,0,0.56);
		background-size: 10px;
		position: relative;
	}

	.form-selector__item{
		position: relative;
		padding:0px;
	}
	.form-selector__item>img{
		position: absolute;
		right:0px;
		top:10px;
		width: 10px;
		height: auto;
		margin-right: 10px;
		display: block;
		transition: all 0.3 ease-in-out;
		display: block;
	}
}
@media(max-width: 810px){

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

}

.recipes-slider{
	position: relative;
	right: -50px;
}

.recipes-slider .slider-component__item{
	width: 224px;
	height: 100%;
	display: inline-block;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    padding: 0px;
    margin:0px;
    cursor: pointer;
}
.recipes-slider .owl-item{
	height: 232px !important;
}
.recipes-slider .owl-dots{
	margin-right:105px;
}
.recipes-banner-slider{
	position: relative;
	right: 0px;
}
.recipes-slider .owl-nav{
	margin-top: -130px;
}

.recipes-banner-slider .owl-dots{
	margin-right:50px;
}

.recipes-banner-slider .item{
	opacity: 0.2;
}

.recipes-banner-slider .owl-nav{
	margin-top: -190px;
}
.recipes-banner-slider .owl-dots{
	/*margin-top: -180px;*/
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
   background: none repeat scroll 0 0 #869791;
   border-radius: 20px;
   display: block;
   height: 12px;
   margin: 5px 7px;
   opacity: 0.5;
   width: 12px;
}
.tiles-col{
	margin-left:5px;
	max-width:calc(90% - 220px);
}
.filters-col{
	border-right:1px solid #e2e2e2;
	margin-left: 40px;
	padding-right: 0px;
	max-width: 276px;
}

@media(max-width:960px){
	.tiles-col{
		margin-left:0px;
		max-width: 100%;
	}
	.filters-col{
		margin-left:0px;
		max-width: 100%;
		padding-left:20px;
		padding-right:10px;
	}

}
.protips{
	position: relative;
}
.protips-intro{
	padding-left:66px;
	padding-right:61px;
}
.protips-headline-container{
	// display: inline-block;
	float: left;
	max-width: 50%;
	height: 250px;
}
.protips-title>h1{
		font-family: 'gentium_basicregular';
		font-weight: 600;
		font-size: 38px;
		color: #192A39;
		letter-spacing: 0;
		// height: 322px;
	}
@media(max-width:960px){
	.protips-intro{
		padding-left:30px;
		padding-right:30px;
		margin-bottom: 10px !important;
	}
	.protips-title>h1{
		font-family: 'gentium_basicregular';
		font-weight: 600;
		font-size: 24px;
		color: #192A39;
		letter-spacing: 0;
		// height: 322px;
	}
}
.protips .video-placeholder{
	overflow: hidden;
}
.recipe-video{
	position: relative;
}
.video-placeholder-featured{
	position: relative;
	overflow: hidden;
	padding-right: 0px;
	width: inherit;
	// display: inline-block;
	float: right;
	max-width: 750px;
	height:254px;
	text-align: left;
	background: url(/img/protips/cRzWGuPb4rs.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 150% !important;
	transition:all 0.2s ease-in-out;
}
@media(min-width:1057px){
	.video-placeholder-featured{
		background-size: auto 150% !important;
		height: 454px !important;
	}
	.protips-headline-container{
		// display: inline-block;
		float: left;
		max-width: 50%;
		height: 454px;
	}
}
@media(max-width:1056px){
	.video-placeholder-featured{
		background-size: auto 150% !important;
		height: 500px;
	}
}
@media(max-width:843px){
	.video-placeholder-featured{
		background-size: auto 150% !important;
		height: 400px;
	}
}
@media(max-width:690px){
	.video-placeholder-featured{
		background-size: auto 150% !important;
		height: 300px;
	}
}
@media(max-width:540px){
	.video-placeholder-featured{
		background-size: auto 150% !important;
		height: 254px;
	}
}
.video-placeholder-featured:hover{
	filter: brightness(1.2);
    background-size: auto 180% !important;
}
.video-placeholder-featured .play-btn{
	position: absolute;
	width: 48px;
	height: 48px;
	top:0px;
	bottom:0px;
	left: 0px;
	right: 0px;
	margin:auto;
}
.video-placeholder-featured-details{
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-family: 'gentium_basicregular';
	z-index:40;
}
.video-placeholder-featured-details .label{
	font-size: 18px;
	line-height: 16px;
	letter-spacing: normal;
	font-weight: 600;
	padding-left: 0px;
	color: #fff;
}
.video-placeholder-featured-details .time{
	color: rgba(255,255,255,0.5);
	font-size: 14px;
	line-height: 16px;
	letter-spacing: normal;
	font-weight: 600;
}
@media(max-width:960px){
	.video-placeholder-featured{
		padding:0px;
		max-width: 100%;
	}
	.video-placeholder-featured img{
		width:100%;
	}
	.video-tiles{
		width: 100%;
		padding-left:28px;
		padding-right: 28px;
		margin:auto;
	}
	.video-tiles__item{
		// width: 155px;
	}
	.video-tiles__item img{
		width: 100%;
	}
}
// @media(max-width:960px){
// 	.video-tiles__item{
// 		width: 169px;
// 		height: 169px;
// 		margin-bottom: 2px;
// 		// display: inline-block;
// 		cursor: pointer;
// 		float: left;
// 		background-size: auto 100%;
// 		background-repeat: no-repeat;
// 		background-position: center;
// 	}

// }
.spotlight-video__placeholder{
	position: absolute;
	z-index: 1;
	/*height: 300px;*/
	cursor: pointer;
}
.video-play-btn{
	position: absolute;
	z-index: 2;
	width: 48px;
	height: 48px;
	top:0px;
	left:0px;
	right:0px;
	bottom: 0px;
	margin:auto;
	// margin-left:-10px;
	// margin-top: 27%;
	pointer-events: none;
	/*margin-bottom: 50%;*/
	/*height: 300px;*/
	cursor: pointer;
}
.protips .video-placeholder>img{
	position: absolute;
	z-index: 1;
	height: 300px;
	cursor: pointer;
}
.protip-thumb{
	display: table;
	width: 100%;
	margin-top: 10px;
}
.protip-video{
	display: table-cell;
	vertical-align: middle;
	width: auto;
}
.protip-text{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: #000;
	width: 100%;
	padding-left: 10px;
}
.protip-text h5{
	font-weight: 600;
	margin-bottom: 0px;
}
.protip-text p{
	font-weight: 600;
	font-family: 'gentium_basicregular', serif;
}

.inline-list{
	list-style: none;
}
.inline-list li{
	display: inline-block;
}

.share-panel{
	display: table;
	width: 100%;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	padding-top: 20px;
	padding-bottom: 20px;
}
.share-panel img{
	height: 32px;
	margin-left: 18px;
}
.share-panel h2{
	font-weight: 600;
}
.share-panel .inline-list li:first-child{
	margin-left: -18px;
	margin-top: 4px;
}

.collections-slider .owl-carousel .owl-stage-outer{
}
.collections-slider .owl-nav{
	margin-top:-126px;

}
.collections-slider{
	height: 232px;
	right: -50px;
}
.collections-slider .owl-dots{
	margin-right:105px;
}
.collections-slider .slide-item{
    opacity: 1.0;
    transition: all 0.2s ease-in-out;
    filter: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 123% auto !important;
	// background-size: cover !important;
}

.slide-item label{
	font-size: 16px;
}

.collections-slider .slide-item:hover{
    opacity: 1.0;
    filter: brightness(1.2);
    background-size: 130% auto !important;
    // -ms-transform: scale(1.1);
    // -moz-transform: scale(1.1);
    // -webkit-transform: scale(1.1);
    // -o-transform: scale(1.1);
    // transform: scale(1.1);
}

@media(max-width:768px){
	.collections-slider .slide-item{
		background-position: center top;
		background-size: auto 123% !important;
	}
	.collections-slider .slide-item:hover{
	    opacity: 1.0;
	    filter: brightness(1.2);
	    background-size: auto 130% !important;
	    // -ms-transform: scale(1.1);
	    // -moz-transform: scale(1.1);
	    // -webkit-transform: scale(1.1);
	    // -o-transform: scale(1.1);
	    // transform: scale(1.1);
	}
}

.collections-slider .gradient{
	position: absolute;
	z-index:1;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 80px;
	min-height: 60px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.93+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.93) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ed000000',GradientType=0 ); /* IE6-9 */
}
.collections-slider .owl-item{
	/*width: 300px !important;*/
	height: 232px;
}
.collections-slider .owl-stage,
.dressing-slider .owl-stage,
.recipes-carousel--page .owl-stage,
.collections-recipe-slider .owl-stage {
	padding-left: 0 !important;
}
.recipes-carousel--page .owl-item {
	width: auto;
}


.dressing-slider.owl-carousel.owl-theme .owl-item {
	height: auto;
}

@media(min-width: 641px){
	.dressing-slider.owl-carousel.owl-theme .owl-item > div {
		display: flex;
		flex-direction: row;
	}
	.dressing-slider.owl-carousel.owl-theme .owl-item > div > a {
		width: 50%;
		float: left;
	}
	.dressing-slider.owl-carousel.owl-theme .owl-item > div > a:first-child {
		margin-right: 4px;
	}
}
@media(max-width: 640px){
	.collections-slider,
	.dressing-slider {
		right: -30px;
	}
	.dressing-slider.owl-carousel.owl-theme .owl-item > div {
		display: flex;
		flex-direction: column;
	}
	.dressing-slider.owl-carousel.owl-theme .owl-item > div > a {
		width: 100%;
	}
	.collections-slider .owl-nav .owl-next,
	.dressing-slider .owl-nav .owl-next {
	    margin-right: 40px !important;
	}
}

.collections-recipe-slider .owl-nav{
	margin-top:-126px;
}
.collections-recipe-slider .owl-nav .owl-next>span{
	/*margin-left: -20px !important;*/
}
.collections-recipe-slider .collections-spotlights__cell{

}






.italian-dressing-slider .owl-carousel .owl-stage-outer{
}
.italian-dressing-slider .owl-nav{
	margin-top:-126px;

}
.italian-dressing-slider{
	height: 232px;
	right: -50px;
}
.italian-dressing-slider .owl-dots{
	margin-right:105px;
}
.italian-dressing-slider .slide-item{
    opacity: 1.0;
    transition: all 0.3s ease-in-out;
    filter: none;
     opacity: 1.0;
    transition: all 0.2s ease-in-out;
    filter: none;
	background-repeat: no-repeat;
	background-position: center;
	// background-size: 120% auto !important;
	background-size: auto 128% !important;
	    opacity: 1.0;
    filter: brightness(1.2);

}
.italian-dressing-slider .slide-item:hover{
    opacity: 1.0;
    filter: brightness(1.2);
    background-size: auto 133% !important;
}


// .slide-item{
//     opacity: 1.0;
//     transition: all 0.2s ease-in-out;
//     filter: none;
// 	background-repeat: no-repeat;
// 	background-position: center;
// 	background-size: 120% auto !important;
// }

// .slide-item:hover{
//     opacity: 1.0;
//     filter: brightness(1.2);
//     background-size: 125% auto !important;
// }

.italian-dressing-slider .gradient{
	position: absolute;
	z-index:1;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 80px;
	min-height: 60px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.93+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.93) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ed000000',GradientType=0 ); /* IE6-9 */
}
.italian-dressing-slider .owl-item{
	/*width: 300px !important;*/
	height: 232px;
}



.seasonal-collections-slider .owl-carousel .owl-stage-outer{
}
.seasonal-collections-slider .owl-nav{
	margin-top:-126px;

}
.seasonal-collections-slider{
	height: 232px;
	right: -50px;
}
.seasonal-collections-slider .owl-dots{
	margin-right:105px;
}
.seasonal-collections-slider .slide-item{
    opacity: 1.0;
    transition: all 0.3s ease-in-out;
    filter: none;
}
.seasonal-collections-slider .slide-item:hover{
    opacity: 1.0;
    filter: brightness(1.2);
}
.seasonal-collections-slider .slide-item{
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 120% !important;
}
.seasonal-collections-slider .gradient{
	position: absolute;
	z-index:1;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 80px;
	min-height: 60px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.93+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.93) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ed000000',GradientType=0 ); /* IE6-9 */
}
.seasonal-collections-slider .owl-item{
	width: 300px !important;
	height: 232px;
}





.slide-item{
	width:100%;
	height:100%;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 100% auto !important;
}

.owl-nav .owl-next {
	margin-right: 50px !important;
}
.owl-nav .owl-next>span{
	/*margin-left: -100px !important;*/
}
.owl-nav .owl-prev>span{
	text-shadow: 0px 3px 5px #000;
}
.owl-nav .owl-next>span{
	text-shadow: 0px 3px 5px #000;
}

.back-to-top__outer{
	margin-right: 74px;
}
.back-to-top{
	font-family: 'gentium_basicregular';
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	color: #000;
}
.back-to-top:hover{
	color: #9C6F1C;
	text-decoration: none;
}


.thank-you .intro{
	padding-top: 100px;
	margin:auto;
	max-width: 563px;
	margin-bottom:43px;
}
.thank-you{
	padding-bottom: 200px;
}
@media(max-width:960px){
	.thank-you .intro{
		padding: 20px;
		padding-top: 100px;
		margin:auto;
		max-width: 563px;
		margin-bottom:43px;
	}
}
@media(max-width:480px){
	.recipes-btn{
		margin-bottom: 10px;
	}
	.products-btn{
		margin-bottom: 10px;
	}
}



#primary-banner {
	overflow: hidden;
	width: 100%;
	height:100%;
	height: 100vh;
	max-height: 600px;
	position: relative;
	background:#30baf1;
	/*background: url(../img/hero-image.png) no-repeat center center; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}
.primary-banner-slider__outer{
	display: none;
	position: absolute;
	left:0px;
	top:488px;
	width: 100%;
	height:200px;
	z-index: 4;
}
.primary-banner-overlay{
	position: absolute;
	left:0px;
	top:0px;
	padding-top: 200px;
	display: inline-block;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	color: #fff;
	z-index: 3;
	/*display: none;*/
	opacity: 0.0;
	background:rgba(0,0,0,0.35);
	transition: all 0.3s ease-in-out;
}
@media(max-width:768px) and (orientation:landscape){
	.primary-banner-overlay{
		padding-top: 100px;

	}
}
@media(max-width:768px) and (orientation:portrait){
	.primary-banner-overlay{
		padding-top: 200px;

	}
}
@media(max-width:768px){
	.primary-banner-overlay .heading-lg{
		font-size: 60px;
		line-height: 60px;
	}
}
.primary-banner-overlay.active{
	opacity: 1.0;
}
.primary-banner-overlay .banner-btn__border{
	margin-top: 20px;
}
.cta{
	position: absolute;
	left:0px;
	top:43%;
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	z-index: 3
}
.heading-md{
	font-family: 'gentium_basicregular';
	font-size: 36px;
	line-height: 41px;
	font-weight: bold;
}
.heading-lg{
	font-family: 'gentium_basicregular';
	font-size: 72px;
	line-height: 83px;
	font-weight: bold;
}
.radial {
	-webkit-mask-image: url(/img/banner/radial01.png);
	mask-image: url(/img/banner/radial01.png);

	-webkit-mask-size: .5% auto;
	mask-size: .5% auto;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

}
.videoInsert {
	overflow: hidden;
	position: absolute;
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	margin-right: auto;
	margin: 0 0 auto;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	/*z-index: -100;*/
	z-index: 2;
	transform: translate(-50%, -50%);
}
#bg-image1 {
	background-image: url(/img/occassions/occassion-blockParty.jpg);
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;

	position: absolute;
	margin: 0 0 auto;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	/*z-index: -100;*/
	z-index: 2;
	transform: translate(-50%, -50%);
	opacity:0;
}
#copy01{
	width: 100%;
	height: 100%;
	padding-top: 250px;
	text-align: center;
	color:#fff;
	/*background-image: url('copy01.png');*/
}
#copy02{
	width: 100%;
	height: 100%;
	padding-top: 270px;
	text-align: center;
	color:#fff;
	/*background-image: url('copy02.png');*/
}
#copy03{
	width: 100%;
	height: 100%;
	padding-top: 270px;
	text-align: center;
	color:#fff;
	/*background-image: url('copy03.png');*/
}
#copy01,#copy02,#copy03,#cta {
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	margin: 0 0 auto;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	z-index: 10;
	transform: translate(-50%, -50%);
	opacity:0;
}
#cta {
	cursor: pointer;
    /*background-image: url(cta-UP.png);*/
}
#cta:hover {
    /*background-image: url(cta-OVER.png);*/
}

.locate-ingredient-product{
	cursor: pointer;
	display: block;
	margin-top: 5px;
	padding: 10px;
	padding-left: 0px;
}
.locate-ingredient-product:hover{
	font-weight:700;
}

.unpaged-result{
	display: none !important;
}

/*--- carousels ---*/
.collections-carousel{

	widows: 100%;
	height: 232px;
	margin-bottom: 50px;
}
.collections-carousel__inner{
	// position: relative;
	width: 100%;
	height: 100%;
	// max-width: 1200px;
	margin-left: 50px;
	// float: right;
}
.carousel-item{
	position: relative;
	width: 300px !important;
	height: 232px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 120% auto !important;
    opacity: 1.0;
    transition: all 0.3s ease-in-out;
    filter: none;
    cursor: pointer;
}
.carousel-item:hover{
    opacity: 1.0;
    filter: brightness(1.2);
}

.gradient{
	position: absolute;
	z-index:1;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 80px;
	min-height: 60px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.93+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.93) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.93) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ed000000',GradientType=0 ); /* IE6-9 */
}

/*--- popular recipes ---*/
.recipes-carousel{
	position: relative;
	/*overflow: hidden;
	margin-left: 50px;
	height: 290px;*/
}
.recipes-carousel .owl-carousel {
	right: -50px;
}
@media (max-width: 960px) {
	.recipes-carousel .owl-carousel {
		right: -30px;
	}
	.recipes-carousel .owl-next {
		margin-right: 35px !important;
	}
}
.recipes-carousel .owl-dots {
	right: 105px;
}
.recipes-carousel-slide {
	display: flex;
	flex-direction: row;
}
.recipes-carousel--page{
	display: inline-block;
	max-height: 100% !important;
}
.recipes-carousel--item{
	min-width: 100%;
	display: block;
}
.recipes-carousel--focus-container {
	min-width: 100%;
}
.recipes-carousel--focus{
	width: 100%;
	height: 232px;
	max-height: 232px !important;
	display: inline-block;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    padding: 0px;
    margin:0px;
    overflow: hidden;
    background-size: auto 100% !important;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out;

    opacity: 1.0;
    filter: none;
}

.recipes-carousel--focus:hover{
    opacity: 1.0;
    filter: brightness(1.2);
    background-size: auto 130% !important;
}

.recipes-carousel--focus>label{
	position: absolute;
	left:10px;
	bottom: 10px;
	color: #fff;
	z-index:3;
	font-family: 'gentium_basicregular', serif;
	font-size: 18px;
}
.recipes-block__list{
	padding-left:5px;
	min-width:75%;
	overflow: hidden;
	display: flex;
	flex-direction: row;
}
.recipes-carousel--block {
	width: 100%;
	height: 114px;
	display: block;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    overflow:hidden;
    margin: 0px;
    padding:0px;
    cursor: pointer;
    opacity: 1.0;
    filter: none;
    transition: all 0.3s ease-in-out;
    opacity: 1.0;
    transition: all 0.2s ease-in-out;
    filter: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 110% auto !important;

}
.recipes-carousel--block:hover{
    opacity: 1.0;
    filter: brightness(1.2);
    background-size: 125% auto !important;
}

@media(max-width:768px){
	.recipes-carousel--block {
		background-position: center top;
		background-size: 150% auto !important;
	}
	.recipes-carousel--block:hover{
	    opacity: 1.0;
	    filter: brightness(1.2);
	    background-size: 155% auto !important;
	}
}


.recipes-carousel--block:first-child{
	margin-bottom: 5px;
}
.recipes-carousel--block>label{
	position: absolute;
	left:10px;
	bottom:10px;
	color: #fff;
	z-index:3;
	font-family: 'gentium_basicregular', serif;
	font-size: 16px;
}
.recipes-carousel--block>img{
	width: 300px;
	height: 150px;
}
.recipes-carousel--block .gradient{
	opacity: 0.8;
	transition: all 0.3s ease-in-out;
}
.recipes-carousel--block .gradient.active{
	opacity: 1.0;
}
/*.recipes-carousel--focus{
	width: 224px;
	height: 232px;
	max-height: 232px !important;
	display: inline-block;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    padding: 0px;
    margin:0px;
    overflow: hidden;
    background-size: 30% auto;
    background-position: center center;
    background-repeat: no-repeat;
}*/

.recipes-carousel--focus>label{
	position: absolute;
	left:10px;
	bottom: 10px;
	color: #fff;
	z-index:3;
	font-family: 'gentium_basicregular', serif;
	font-size: 16px;
}
.slider-block__list{
	// max-height: 232px !important;
	overflow-x: scroll;
	overflow-y: hidden;
	max-height: 290px;
	padding-left:5px;
}
/*.recipes-carousel--block{
	width: 224px;
	height: 114px;
	display: block;
    word-spacing: normal;
    letter-spacing: normal;
    white-space : normal;
    position: relative;
    overflow:hidden;
    margin: 0px;
    padding:0px;
    cursor: pointer;
    opacity: 1.0;
    filter: none;
    transition: all 0.3s ease-in-out;

}
.recipes-carousel--block:hover{
    opacity: 1.0;
    filter: brightness(1.2);
}
*/


.recipes-carousel--block:first-child{
	margin-bottom: 5px;
}
.recipes-carousel--block>label{
	position: absolute;
	left:10px;
	bottom:10px;
	color: #fff;
	z-index:3;
	font-family: 'gentium_basicregular', serif;
	font-size: 16px;
}
.recipes-carousel--block>img{
	width: 300px;
	height: 150px;
}
.recipes-carousel--block .gradient{
	opacity: 0.8;
	transition: all 0.3s ease-in-out;
}
.recipes-carousel--block .gradient.active{
	opacity: 1.0;
}



.contact-email.fail{
	border-color:#900 !important;
}
.contact-email.fail:focus{
	border-color:#900 !important;
}
.contact-name.fail{
	border-color:#900 !important;
}
.contact-message.fail{
	border-color:#900 !important;
}
.contact-email:focus{
	color: #434243;
}

.static-label{
	font-weight: 600;
	color: #062139;
}



/*--- html5lightbox --*/
#html5-elem-box{
	background-color: transparent !important;
}
#html5-elem-wrap{
	background-color: transparent !important;
}
#html5-watermark{
	display: none !important;
}
#html5-elem-data-box{
	background-color: transparent !important;
	min-height: 40px;
}
#html5-text{
	color: #fff !important;
	font-family: 'gentium_basicregular';
	// display:none !important;
}

.align-top{
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 9999;
	border: 1px solid #f00;
}
.product-item{

}
.product-item.active{

}
.primary-options__wrapper{
	float: right !important;
	// clear: both;
	width: 80% !important;
	display: inline-block;
	// pointer-events: none;
	/*border-bottom:20px solid #fff;*/
}
.primary-options__wrapper li{
		pointer-events: auto;
		/*border-bottom:20px solid #fff;*/
	}
@media(max-width:1000px){
	.primary-options__wrapper{
		float: right !important;
		// clear: both;
		width: 60% !important;
		display: inline-block;
		pointer-events: none;
		/*border-bottom:20px solid #fff;*/
	}
}
@media(max-width:960px){

	.primary-options__wrapper .primary-nav__options{
		pointer-events: none;
	}
	.primary-options__wrapper.active .primary-nav__options{
		pointer-events: initial;
	}
}
#html5-elem-data-box{
	pointer-events: none !important;
}
.printable{
	display:none;
}
@media print{
	@page{
		margin:0cm;
		margin-top:0.5cm;
		margin-bottom: 0.75cm;
	}

	footer{
		display: none;
	}
	h2, h3 {
	   page-break-after: avoid;
	}
	article {
	   page-break-before: always;
	}
	img {
	   max-width: 100% !important;
	}
	ul, img {
	   page-break-inside: avoid;
	}
	.printable{
		display: block;
	}
	.printable-product-wrapper{
		/* float: left;*/
		display: inline-block;
		max-width:200px;
		max-height:248px;
		margin-top: -50px;
	}
	.second{
		float:none;
		clear: both;
		display: inline-block;
		max-width:400px;
		margin-top:20px;
		padding-top:30px;
	}
	.printable-product{
		height:248px;
		width:auto;
	}
	.product-summary-image-wrapper{
		display: none;
	}
	.recipe-detail .ingredients-item{
		min-height: 0px;
		height: 20px;
		margin:none;
	}
	.page .intro{
		margin-top: 0px !important; /*--- this is treated differently per browser. ---*/
	}
	.recipes-carousel{
		display: none;
	}
	.share-panel{
		display: none;
	}
	.video-full{
		display: none;
	}
	a:link:after, a:visited:after {
    	content: "";
	}
	.ingredients-alert{
		display: none;
		// border: 1px solid #000;
		height:0px;
		margin:0px;
		padding: 0px;
	}
	.ingredients-alert br{
		display: none;
	}
	.locate-ingredient-product{
		display: none;
	}
	.primary-nav{
		display: none;
	}
	.locate-ingredient-product img{
		display: none;
	}
	.ingredients-item{
		margin-bottom: 0px;
	}
	.ingredients-item:before{
		content:'';
	}
	.helpful-tip{
		margin-top:50px;
	}
	.ul{
		list-style-type: circle !important;
	}
	.recipe-directions{
		margin-top: 100px;
	}
	.ingredient-blocks{
		margin-top: 60px !important;
		margin-bottom: 100px !important;
	}
	.list-no-decoration{
		display: block;
		list-style: circle !important;
		height: 100%;
	}
	.recipe-detail .list-no-decoration li{
		// margin: 0px;
		// min-height: auto;
		// display: block;
		// height:auto;
	    padding-left: 19px;
	    // height: auto;
	    // min-height: 20px;
	    display: block;
	    // line-height: 20px;
	    background-repeat: no-repeat;
	    background-position: 0 0;
	    font-family: 'gentium_basicregular', serif;
	    font-size: 18px;
	    color: #646466;
	    font-weight: 300;
	    cursor: pointer;
	}
	.directions-list__view li:before{
		// content:'';
	}
	.ingredients-item .css-label{
		display: none;
	}
	.ingredients-item .css-checkbox{
		display: none;
	}
	.video-full{
		display: none !important;
	}
	.no-print{
		display: none !important;
	}
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance:textfield;
}

/* iPhone8 */
@media only screen
	and (device-width : 375px)
    and (device-height : 667px)
    and (-webkit-device-pixel-ratio : 2) {
    	#bg-image1 {
			background-image: url(/img/occassions/occassion-blockParty.jpg);
			background-position: top center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			overflow: hidden;

			position: absolute;
			margin: 0 0 auto;
			top: 0%;
			left: 0%;
			width: auto;
			height: auto;
			min-width: 100%;
			min-height: 100%;
			/*z-index: -100;*/
			z-index: 2;
			transform: translate(-0%, -0%);
			opacity:0;
		}
}


.error-page{
	width: 100%;
	// height: 100%;
	// height: 50vh;
	padding:20px;
	padding-top: 100px;
	padding-bottom: 200px;
}