/* Master*/
html, body {
	padding: 0;
	margin: 0;
}

body {
	color: #1a1a1a;
	font-family: Roboto, sans-serif;
	font-size: 25px;
	font-weight: 400;
}

main {
	overflow: hidden;
}

a, a:focus, input:focus, select:focus, textarea:focus, button:focus {
	outline: none
}

sup {
	top: -0.2em;
}

.hide {
	display: none;
}

.product-faq-title {
	text-align: center;
}

.offers sup {
	font-size: 80%;
}

a sup {
	vertical-align: 6px;
}

.nowrap {
	white-space: nowrap;
}

.img-responsive {
	max-width: 100%;
	height: auto;
	display: block;
}

.header {
	position: fixed;
	padding: 23px 2% 0;
	align-items: flex-start;
	justify-content: space-between;
	background: url(/media/1612/bg-header.png) left top repeat;
	height: 165px;
	z-index: 14;
}

body.frontpage .header:not(.header--fixed) .nav-link {
	color: #1a1a1a;
	border-bottom: 24px solid transparent;
	display: block;
	margin: 60px 0 0;
	font-family: 'Roboto', sans-serif;
	font-size: 27px;
	font-weight: 700;
	padding: 0 5px 21px;
	white-space: nowrap;
	letter-spacing: 0;
}

body.frontpage .header:not(.header--fixed) .hamburger span,
body.frontpage .header:not(.header--fixed) .hamburger span::after,
body.frontpage .header:not(.header--fixed) .hamburger span::before {
	background-color: #997d43;
}

body.frontpage .header:not(.header--fixed) .nav-link--active,
body.frontpage .header:not(.header--fixed) .nav-link:hover {
	border-bottom: 24px solid #997d43;
}

.nav-bar {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 71px
}

.nav-link--home {
	margin-right: 0;
}

.mobile-top {
	color: #000;
	padding: 10px 15px;
	display: none;
	width: 100%;
	text-align: right;
}

	.mobile-top a {
		color: #000;
		text-decoration: none;
		margin-left: 5%;
	}

.mobile-nav {
	z-index: -1;
	padding-top: 100px;
}

	.mobile-nav.zindex {
		z-index: 10;
	}

.main-header {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.logo {
	padding: 0;
	width: 22%;
}

.logo-image {
	width: 100%;
	max-width: 284px;
	max-height: 131px;
	margin-bottom: 24px;
	margin-left: 0;
}
/*.right-header {width:58%;} with offers link*/
.right-header {
	width: 50%;
}

.nav-bar a {
	display: block;
	height: 50px;
}

.soc-search {
	justify-content: flex-end;
	display: flex;
	height: 51px;
}

.social-head a {
	padding: 5px;
}

	.social-head a:hover {
		opacity: 0.7;
	}

.social-mobile {
	display: none;
}

.mobile-search {
	display: none;
}

#SiteSearchTerm, .search-head input {
	background: url(/media/1613/bg-search.png) left top no-repeat;
	width: 311px;
	height: 46px;
	text-transform: uppercase;
	margin-left: 10px;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0 30px;
}

footer {
	background-color: #1a1a1a;
	padding: 50px 30px 60px;
}

	footer .col-md-12 {
		display: flex;
		justify-content: space-between;
	}

.follow-us {
	color: #dcc675;
	margin: 0 0 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 500;
}

.social-footer a {
	padding: 0 10px 0 0;
}

	.social-footer a.first {
		padding-left: 0;
	}

	.social-footer a:hover {
		opacity: 0.7;
	}

footer .flexfooter {
	display: flex;
	justify-content: space-between;
}

footer .nav-link, .footer .nav-link:active {
	color: #dcc675;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
}

footer .lower {
	margin-top: 30px;
	color: #898989;
	display: flex;
	justify-content: flex-end;
}

	footer .lower a, footer .lower div a span {
		color: #fff;
		margin: 0 4%;
		text-decoration: none;
		font-size: 28px;
		font-weight: 500;
		white-space: nowrap;
	}

.evidon-consent-link-image {
	vertical-align: baseline !important;
}

#_evidon-message a {
	color: #f0f8ff;
}

#evidon-navigation-wrapper-element {
	font-size: 16px;
}

footer .lower div {
	margin: 0 5%;
}

	footer .lower a:last-child, footer .lower div:last-child {
		margin-right: 0;
	}

footer .lower span:not(._evidon-link-text) {
	display: inline-block;
	margin: 0 15px;
}

footer .legal {
	color: #fff;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 15px;
	padding: 0;
}

	footer .legal p {
		margin: 0;
	}

footer .links {
	width: 75%;
}

footer .upper {
	display: flex;
	justify-content: space-between;
}

footer .upper .nav-link {
		margin: 0;
		white-space: nowrap;
}

@media (max-width:1090px) {
	.right-header {
		width: 58%;
	}
	/*no offer link*/
}

@media (max-width:992px) {
	.header .nav-bar {
		display: flex;
		flex-direction: row;
	}
}

@media (max-width:950px) {
	.right-header {
		width: 70%;
	}
}

@media only screen and (min-width:768px) and (max-width:1540px) {
	body.frontpage .header:not(.header--fixed) .nav-link {
		font-size: calc(16px + 12 * ((100vw - 768px) / 772));
	}
	/* 16 28*/
	footer .lower a {
		font-size: calc(15px + 13 * ((100vw - 768px) / 772)); /*28 15*/
	}

	footer .upper .nav-link {
		font-size: calc(14px + 14 * ((100vw - 768px) / 772)); /*28 14*/
	}
}

@media only screen and (min-width:320px) and (max-width:767px) {
	footer .lower a {
		font-size: calc(14px + 12 * ((100vw - 320px) / 447));
	}
	/* 24 12*/
	footer .flexfooter {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media only screen and (width:768px) {
	.header {
		height: 150px;
	}

	body.frontpage .header:not(.header--fixed) .nav-link {
		margin-top: 30px;
	}
}

@media only screen and (max-width:767px) {
	body {
		font-size: 16px;
	}

	.header {
		padding: 2px 0;
		display: initial;
		height: 92px;
	}
	/*.header {padding: 2px 0;display:initial;}  header relative position */

	/*.right-header {width:45%;} */
	.search-head {
		width: 100%;
		display: none;
	}

	.logo {
		width: 29%;
		margin: 1%;
	}

	.logo-image {
		width: 100%;
		height: auto;
		margin-bottom: 0;
		margin-left: 10px;
	}

	.mobile-nav .nav-link {
		margin: 20px 0;
		font-size: 25px;
	}

	.nav-link--home {
		margin: 0;
	}

	#SearchTerm {
		width: 85%;
		margin-left: 20px;
	}

	.mobile-nav-handler {
		margin: 10px;
		width: 9%;
		height: auto;
	}

	.hamburger {
	}

	.mobile-top {
		display: block;
		padding: 0 15px 3px;
	}

		.mobile-top a {
			font-size: 14px;
		}

	.main-header {
		color: #1a1a1a;
	}
	/*.hidden-xs {display:none;} */
	.mobile-nav {
		width: 100vw;
		height: 100%;
		margin-top: 92px;
		justify-content: flex-start;
		align-items: flex-start;
		background: url(/media/1696/mobile-nav-bg.png) left top repeat;
	}

	body.frontpage .header:not(.header--fixed) .hamburger span {
		background-color: #313c4d;
	}

	#toggle-nav {
		width: 100%;
		height: 100%;
		margin: 0 10px 0 0;
	}

		#toggle-nav img {
			max-width: 100%;
			display: block;
			height: auto;
		}

		#toggle-nav.active {
			display: block;
			top: 10px;
			text-align: right;
		}

		#toggle-nav span.hideMenu {
			display: none;
		}

	.nav-bar {
		display: block;
		margin: 0 auto 0;
		text-align: center;
	}

		.nav-bar a {
			color: #fff;
			height: auto;
		}

	.header .nav-bar {
		display: none;
	}

	.social-mobile {
		display: block;
	}

		.social-mobile a {
			display: inline-block;
			margin: 0 5% 0 15px;
		}

	footer {
		padding: 20px 2%;
	}

		footer .row > div {
			display: block;
		}

		footer .links {
			width: 100%;
		}

		footer .nav-link {
			margin: 10px 40px 10px 0;
			letter-spacing: normal;
			display: inline-block;
			font-size: 18px;
			line-height: 1.8;
		}

		footer .upper {
			margin-top: 30px;
			flex-wrap: wrap;
			justify-content: flex-start;
		}

			footer .upper .nav-link {
				margin-right: 8%;
			}

				footer .upper .nav-link:first-child {
					margin-left: 0;
				}

		footer .lower, footer .legal {
			justify-content: space-between;
			text-align: left;
		}

			footer .lower a {
				margin: 0 4% 0 0;
			}

				footer .lower a:last-child {
					margin: 0;
				}

	body {
		font-size: 23px;
	}

	.mobile-search {
		display: inline-block;
	}

	.social-head {
		width: 100%;
		text-align: right;
		padding-top: 2%;
	}

		.social-head a {
			width: 20%;
			height: auto;
			display: inline-block;
		}

			.social-head a img {
				max-width: 100%;
				height: auto;
				display: block;
			}

			.social-head a.img-youtube {
				width: 22%;
				height: auto;
			}

		.social-head .img-search {
			width: 15%;
			height: auto;
		}

	.search-head {
		width: 70%;
		min-width: 175px;
		padding-top: 4px;
	}

	.soc-search {
		height: auto;
		width: 100%;
	}

		.soc-search #SiteSearchTerm {
			background-color: #313c4d;
			color: #fff;
			margin-top: 6px;
			padding-left: 5px /*border:1px solid #313c4d;*/
		}

			.soc-search #SiteSearchTerm::placeholder {
				color: #fff;
				opacity: 1;
			}

			.soc-search #SiteSearchTerm::-webkit-input-placeholder {
				color: #fff;
				opacity: 1;
			}

			.soc-search #SiteSearchTerm::-moz-placeholder {
				color: #fff;
				opacity: 1;
			}

			.soc-search #SiteSearchTerm:-ms-input-placeholder {
				color: #fff;
				opacity: 1;
			}

			.soc-search #SiteSearchTerm:-moz-placeholder {
				color: #fff;
				opacity: 1;
			}

	.mobile-search-container {
		position: absolute;
		width: 100vw;
		height: 100vh;
		background: url(/media/1696/mobile-nav-bg.png) left top repeat;
		z-index: 10;
		display: block;
	}

	#SiteSearchTerm {
		background-image: none;
		border: 1px solid #000;
		background-color: #fff;
		width: 90%;
		margin: 150px auto 20px;
		display: block;
	}
}

@media only screen and (min-width:768px) {
	.hidden-xs {
		display: block;
	}

	.mobile-nav-handler {
		display: none;
	}
}

@media only screen and (min-width:601px) and (max-width:767px) {
	.header {
		height: 80px;
	}

	.mobile-nav {
		margin-top: 80px;
	}
}

@media only screen and (min-width:410px) and (max-width:600px) {
	.header {
		height: 66px;
	}

	.mobile-nav {
		margin-top: 66px;
	}
}

@media only screen and (min-width:320px) and (max-width:409px) {
	.header {
		height: 52px;
	}

	.mobile-nav {
		margin-top: 52px;
	}
}

/* Global*/
.section {
	position: relative;
	padding: 20px;
}

.section__hero-content {
	position: absolute;
}

.container {
	max-width: 1540px;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

.container1323 {
	max-width: 1323px;
	margin: 0 auto;
	width: 100%;
}

.container1410 {
	max-width: 1410px;
	margin: 0 auto;
	width: 100%;
}

h1 {
	text-transform: uppercase;
	width: 100%;
	font-size: 63px;
	line-height: 1;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

h2 {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	margin: 50px 0;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
	font-size: 63px;
}

h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 60px;
	margin: 0;
	line-height: 1;
}

/* https://css-tricks.com/snippets/css/fluid-typography/ font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */
@media only screen and (min-width:320px) and (max-width:1540px) {
	/*h1 {font-size: calc(18px + 45 * ((100vw - 320px) / 1220));} */ /* 63 18*/
	h2 {
		font-size: calc(18px + 45 * ((100vw - 320px) / 1220));
	}
	/* 80 18*/
}

@media only screen and (min-width:768px) and (max-width:1540px) {
	h1 {
		font-size: calc(28px + 35 * ((100vw - 768px) / 772));
	}
	/* 63 28*/
}

@media only screen and (min-width:320px) and (max-width:767px) {
	h1 {
		font-size: calc(18px + 10 * ((100vw - 320px) / 447));
	}
	/* 28 18*/
}

.hero {
	background-repeat: no-repeat;
	background-size: cover;
}

.section__hero-content {
	text-align: left;
	max-width: 1340px;
	color: #fafbfb;
}

.section__description {
	margin: 15px 0 25px;
	color: #1a1a1a;
	font-family: Robato, sans-serif;
	font-size: 28px;
	line-height: 1.7;
}

.button {
	text-indent: -9999px;
	direction: ltr;
	text-decoration: none;
	border: none;
	outline: none;
}

.gradient {
	background: url(/media/1615/bg-texture.png) right bottom no-repeat, linear-gradient(#ffffff, #bbcc91);
}

	.gradient.repeat-texture {
		background: url(/media/1615/bg-texture.png) right bottom repeat-y, linear-gradient(#ffffff, #bbcc91);
	}

.get-cooking {
	width: 100%;
	max-width: 1323px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 2%;
}

	.get-cooking:before, .get-cooking:after {
		display: none;
	}

	.get-cooking .gc-item {
		max-width: 421px;
		width: 31%;
		margin: 0 0 75px;
	}

	.get-cooking .gc-img {
		position: relative;
	}

.gc-link-upper {
	display: block;
	text-decoration: none;
	width: 80%;
	height: 26%;
	position: absolute;
	top: 0;
	left: 0;
}

.gc-link-lower {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 74%;
	position: absolute;
	top: 26%;
	left: 0;
}

.pin {
	position: absolute;
	top: 4%;
	right: 2%;
}

.get-cooking p {
	color: #997d43;
	height: 106px;
	font-size: 27px;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 25px;
	position: relative;
}

.see-recipe {
	color: #313c4d;
	text-decoration: none;
	font-size: 23px;
	font-weight: 700;
	margin-top: 15px;
	display: block;
	text-transform: uppercase;
}

	.see-recipe:hover {
		text-decoration: underline;
	}

	.see-recipe img {
		display: inline-block;
		margin-left: 10px;
		width: 13px;
		height: 17px;
		margin-bottom: 1px;
	}
/*.view-all {width:323px; margin:0 auto;} */
.view-all {
	width: 43%;
	height: auto;
	max-width: 323px;
	max-height: 63px;
	margin: 0 auto 40px;
}
	/*.btn-view-all {background:url(/media/1623/btn-view-all-recipes.png) left top no-repeat; width:323px; height:63px;  display:inline-block;} */
	.view-all a {
		padding: 0;
	}

	.view-all img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: 100%;
	}

.field-validation-error, .field-validation-valid {
	color: red;
	font-size: 16px;
}


@media only screen and (min-width:320px) and (max-width:767px) {
	.section__description {
		font-size: calc(10px + 14 * ((100vw - 320px) / 447));
		line-height: 1.2;
		margin-bottom: 10px;
	}
	/*24 10*/
	.top-recipes h2 {
		font-size: calc(30px + 33 * ((100vw - 320px) / 447)); /*63 30*/
		margin: 30px 0;
	}

	.get-cooking p {
		font-size: calc(20px + 7 * ((100vw - 320px) / 447));
	}
	/*27 20*/
}

@media only screen and (min-width:768px) and (max-width:1540px) {
	.section__description {
		font-size: calc(13px + 15 * ((100vw - 768px) / 772));
	}
	/*28 13*/
	.get-cooking p {
		font-size: calc(20px + 7 * ((100vw - 768px) / 772));
	}
	/*27 20*/
	.see-recipe {
		position: absolute;
		bottom: 0;
	}
}

@media only screen and (max-width:767px) {
	.section {
		padding: 0 10px;
	}

	.get-cooking p {
		margin-top: 15px;
		margin-bottom: 30px;
	}

	.get-cooking .gc-item {
		width: 100%;
		float: none;
		margin: 0 auto;
	}

	.see-recipe {
		margin-top: 10px;
	}
}

/*Home*/
.hero.home {
	padding: 0 0 74%;
	position: relative;
}

.home1 {
	position: absolute;
	bottom: 0;
	width: 100%;
}

	.home1:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		height: 48%;
		width: 100%;
		display: block;
		background: white;
		opacity: 90%;
	}

.hero.home .container {
	position: relative;
	z-index: 5;
}

.home1 h1 {
	margin-top: 62%;
}

.home-bottles {
	margin-bottom: 20px;
}

.button-div {
	width: 27%;
	height: auto;
	max-width: 237px;
	max-height: 63px;
	margin-bottom: 15px;
}

	.button-div a {
		padding: 0;
	}

.btn-learn a {
	padding: 0;
}

.btn-learn img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
}

.hero.home2 {
	padding: 4% 0 103%;
	position: relative;
}

	.hero.home2 .section__hero-content {
		width: 100%;
	}

	.hero.home2 h1 {
		background: url(/media/1630/txt-eight.png) left top no-repeat;
		background-size: contain;
		color: #dcc675;
		text-shadow: 2px 2px 8px #000;
		padding: 10% 0 2% 4%;
	}

.history {
	background: white;
	opacity: 90%;
	width: 90%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 13% 7%;
}

	.history .section__description {
		text-align: center;
		max-width: 84%;
		margin: 0 auto;
	}

.discover-button-div {
	width: 41%;
	height: auto;
	max-width: 303px;
	max-height: 63px;
	margin: 9% auto 0;
}
	/*.btn-discover {background:url(/media/1621/btn-discover-more.png) left top no-repeat; width:303px; height:63px; margin:115px auto 0; display:block;}*/
	.discover-button-div a, .btn-discover a {
		padding: 0;
	}

.btn-discover img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
}

@media only screen and (min-width:320px) and (max-width:767px) {
	/*.home h1 {font-size: calc(20px + 20 * ((100vw - 320px) / 447));} */ /* */
}

@media only screen and (min-width:768px) and (max-width:1540px) {
	.button-div {
		width: 36%;
		height: auto;
	}

	.discover-button-div {
		width: 36%;
		height: auto;
	}

	.btn-learn, .btn-discover, .btn-view {
		width: 100%;
		display: block;
	}
}

@media only screen and (max-width:767px) {
	.section__description {
		margin: 10px 0;
	}

	.home h1 {
		margin-top: -5%;
	}

	.hero.home {
		padding: 0 0 101%;
	}

		.hero.home .container {
			padding-left: 10px;
			padding-right: 10px;
		}

	.hero.home2 .container {
		padding-left: 0;
	}
	/*.btn-learn {background:url(/media/1671/btn-learn-more-mobile-2x.png) left top no-repeat; background-size:83px 16px;
			width:165px; height:32px;} */
	.button-div {
		margin-bottom: 5px;
	}

	.discover-button-div {
		margin: 3% auto 0;
	}

	.btn-discover {
		margin: 5px auto 0;
	}

	.history {
		padding: 1% 7%;
	}

		.history h2 {
			margin: 20px 0;
		}

		.history .section__description {
			max-width: 100%;
		}
}


/*Products Flavors*/
.hero.products {
	position: relative;
	background-size: 100%;
	background-color: #bbcc91;
}

	.hero.products .section__hero-content {
		top: 33%;
		left: 0;
		padding: 4.5%;
		background: white;
		opacity: 90%;
		width: 70%;
	}

		.hero.products .section__hero-content h1 {
			color: #1a1a1a;
		}

	.hero.products .section__description {
		width: 80%;
	}

.products-slider {
	width: 89%;
	margin: 80% auto 60px;
}

	.products-slider .item-content {
		display: none;
		background-image: radial-gradient(circle closest-side,#fff,transparent );
		width: 70%;
	}

		.products-slider .item-content:hover {
			background-image: radial-gradient(circle closest-side,#fff 40%,transparent );
		}

	.products-slider.slick-initialized .item-content {
		display: block;
		text-align: center;
	}

.slick-slide a {
	text-decoration: none;
}

.slick-slide img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.slick-slide p {
	text-align: center;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 700;
	color: #1a1a1a;
	margin: 10px auto 15px;
	width: 82%;
}

	.slick-slide p sup {
		top: 2px;
	}

.slick-slide .item-content {
	margin: 0 10%;
}

.slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 43px;
	height: 78px;
	cursor: pointer;
	border: none;
	outline: none;
	font-size: 0;
	line-height: 0;
}

.slick-prev {
	background: url(/media/1642/prev-nak.png) left top no-repeat;
	left: -7%;
}

.slick-next {
	background: url(/media/1640/next-nak.png) left top no-repeat;
	right: -7%;
}

	.slick-prev::before, .slick-next::before {
		content: '';
	}

.slick-dots {
	position: absolute;
	bottom: -40px;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

	.slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 10px;
		padding: 0;
	}

		.slick-dots li button {
			font-size: 0;
			line-height: 0;
			display: block;
			width: 20px;
			height: 20px;
			padding: 5px;
			border: none;
			border-radius: 50%;
			outline: none;
			background-color: #fff;
		}

		.slick-dots li.slick-active button, .slick-dots li:hover button {
			background-color: #997d43;
			opacity: 0.7;
		}

.product-info {
	background: url(/media/1615/bg-texture.png) right bottom no-repeat, linear-gradient(#bbcc91, #ffffff);
}

	.product-info .container {
		background: white;
		opacity: 90%;
		padding: 6% 6% 0;
		width: 90%;
		box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.2);
	}

	.product-info span {
		font-family: 'Nanum Myeongjo', serif;
		font-size: 49px;
		display: block;
	}

		.product-info span.piTitle {
			text-transform: uppercase;
		}

	.product-info p {
		margin: 0 0 8%;
		font-size: 30px;
	}

	.product-info sup {
		top: -0.8em;
		font-size: 50%;
	}

.section.product.gradient {
	background: linear-gradient(#bbcc91, #fff);
}

.product-faq-title {
	text-align: center;
	font-size: 33px;
}

@media only screen and (max-width:1100px) {
	.hero.products .section__hero-content {
		top: 25%;
	}
}

@media only screen and (max-width:768px) {
	.products-slider {
		margin: 93% auto 60px;
	}

	.slick-slide img {
		max-width: 80%;
	}

	.product-info .container {
		width: 100%;
	}

	.slick-prev, .slick-next {
		background-size: cover;
		width: 20px;
		height: 36px;
	}
}

@media only screen and (min-width:320px) and (max-width:1540px) {
	.product-info span {
		font-size: calc(14px + 35 * ((100vw - 320px) / 1220));
	}
	/* 49 14*/
	.product-info p {
		font-size: calc(12px + 18 * ((100vw - 320px) / 1220));
	}
	/* 30 12*/
}

@media only screen and (min-width:768px) and (max-width:1540px) {
	.slick-slide p {
		font-size: calc(13px + 6 * ((100vw - 768px) / 772));
	}
	/*19  13 */
}

@media only screen and (min-width:320px) and (max-width:767px) {
	.slick-slide p {
		font-size: calc(8px + 11 * ((100vw - 320px) / 447));
	}
	/*19 8*/
}

@media only screen and (max-width:600px) {
	.hero.products .section__description {
		width: 100%;
	}

	.slick-slide img {
		max-width: 100%;
	}
}

@media only screen and (max-width:480px) {
	.hero.products .section__hero-content {
		width: 77%;
		padding: 4.5% 4.5% 1%;
	}
}

@media only screen and (max-width:414px) {
	.hero.products .section__hero-content {
		width: 83%;
		top: 21%;
	}
}

@media only screen and (max-width:375px) {
	.hero.products .section__hero-content {
		width: 89%;
	}
}

/*Breadcrumbs*/
.breadcrumb-section, section.section.breadcrumb-section {
	padding-bottom: 0;
}

#breadcrumbs, ul#breadcrumbs.recipe-container {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-transform: uppercase;
}

	#breadcrumbs li {
		display: inline;
		font-size: 18px;
	}

		#breadcrumbs li a {
			color: #1a1a1a;
			text-decoration: none;
		}

		#breadcrumbs li span {
			padding: 0 2px;
		}

		#breadcrumbs li:last-child span {
			display: none;
		}

@media only screen and (min-width:320px) and (max-width:767px) {
	#breadcrumbs li {
		font-size: 10px;
	}
}

/*Product Detail*/
.hero.product-hero {
	position: relative;
	padding: 0 0 42%;
}

.product .container {
	overflow: visible;
}

.product-image-container {
	padding-top: 20px;
	position: relative;
	z-index: 2;
}

.product h1 {
	font-size: 62px;
	margin-bottom: 10px;
}

.prod-info {
	background: white;
	opacity: 90%;
	padding: 70px 70px 70px 9%;
	width: 80%;
	margin-left: -10%;
	margin-top: 8%;
	box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.2);
}

.prod-description {
	margin: 20px 0 20px;
	font-size: 28px;
}

.nutrition-info {
	width: 100%;
	padding: 10px 0;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 33px;
	border-bottom: solid 2px #1a1a1a;
	margin-bottom: 10px;
}

	.nutrition-info img {
		float: right;
		margin-top: 10px;
		display: block;
	}

		.nutrition-info img.rotate {
			transform: rotate(180deg);
		}

.ingredient-detail p {
	margin: 0 0 15px;
	font-size: 28px;
}

.collapse {
	display: none;
	width: 100%;
}

	.collapse p {
		margin: 0 0 15px;
		font-size: 28px;
	}

		.collapse p.collapse-title {
			text-transform: uppercase;
			font-size: 31px;
			border-bottom: solid 2px #1a1a1a;
			padding: 50px 0 10px;
		}

.collapse-title + p {
	line-height: 1.7;
}

.mikmak-discover {
	color: #313c4d;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 14px;
	display: block;
	text-transform: uppercase;
	background: #cca847;
}

@media (max-width:787px) {
	.mikmak-discover {
		width: 100%;
		font-size: 23px;
	}
}

@media only screen and (min-width:320px) and (max-width:1080px) {
	.product h1 {
		font-size: calc(21px + 41 * ((100vw - 320px) / 760));
	}
	/*62 21*/
	.prod-description, .ingredient-detail p, .collapse p {
		font-size: calc(14px + 14 * ((100vw - 320px) / 760));
	}
		/*28 14*/
		.nutrition-info, .collapse p.collapse-title {
			font-size: calc(17px + 16 * ((100vw - 320px) / 760));
		}
	/*33 17*/
}

@media only screen and (min-width:320px) and (max-width:767px) {
	.product h1 {
		margin-bottom: 10px;
	}

	.prod-info {
		padding: 7% 3% 3% 9%;
	}

	.nutrition-info {
		padding: 0;
	}

		.nutrition-info img {
			width: 15px;
			height: 10px;
			margin-top: 4px;
		}

	.collapse p.collapse-title {
		margin-top: 25px;
	}
}

/*Story*/
.hero.story {
	padding: 0 0 125%;
}

	.hero.story .section__hero-content {
		width: 100%;
		margin-top: 15%;
	}

	.hero.story h1 {
		background: url(/media/1630/txt-eight.png) left top no-repeat;
		background-size: contain;
		color: #dcc675;
		text-shadow: 2px 2px 8px #000;
		padding: 10% 0 2% 4%;
	}

	.hero.story .story-history {
		position: absolute;
		bottom: 0;
		width: 90%;
		background: white;
		opacity: 90%;
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
		padding: 10% 7% 8%;
	}

.story-history {
	font-size: 33px;
	letter-spacing: 1px;
}

.story-info {
	font-family: 'Nanum Myeongjo', serif;
	font-size: 60px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
}

@media only screen and (min-width:320px) and (max-width:1540px) {
	.story-info {
		font-size: calc(18px + 42 * ((100vw - 320px) / 1220));
	}
	/* 60 18*/
	.story-history {
		font-size: calc(9px + 24 * ((100vw - 320px) / 1220));
	}
	/* 33 9*/
}

@media only screen and (max-width:767px) {
	.hero.story .story-history {
		padding: 3%;
	}
}

/*Recipes*/
.hero.recipes {
	padding: 0 6% 56%;
}

	.hero.recipes .section__hero-content {
		top: 72%;
		left: 5%;
	}

		.hero.recipes .section__hero-content h1 {
			font-size: 79px;
		}

		.hero.recipes .section__hero-content .section__description {
			color: #fff;
			width: 70%;
		}

.search-header {
	background: white;
	opacity: 90%;
}

.search-inputs-wrapper {
	background: white;
	opacity: 90%;
	box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.2);
	margin-bottom: 40px;
}

.search-inputs {
	padding-bottom: 20px;
}

#SearchTerm {
	background-image: url(/media/1612/bg-header.png),url(/media/1703/icon-search-recipes.png);
	background-position: left top, 95% center;
	background-repeat: repeat, no-repeat;
	background-size: 100% 100%, 37px 37px;
	background-color: transparent;
	padding: 0 50px 0 20px;
	border: 2px solid #1a1a1a;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 60px;
	width: 100%;
	text-transform: uppercase;
}

#Products {
	border: 2px solid #1a1a1a;
	height: 60px;
	background: url(/media/1612/bg-header.png) left top repeat transparent;
	width: 66%;
	padding-left: 20px;
	text-transform: uppercase;
}

#recipeSearchForm #submit-button {
	height: 0;
	line-height: 0;
	font-size: 0;
	border: none;
	padding: 0;
	margin: 0;
}

.show-recipes {
	text-transform: uppercase;
}

.recipe-categories {
	padding: 20px 0;
	display: flex;
	justify-content: center;
	max-width: 1323px;
	margin: 0 auto;
}

	.recipe-categories a {
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 700;
		white-space: nowrap;
		font-size: 31px;
		color: #000;
		line-height: 1.4;
	}

		.recipe-categories a.active, .recipe-categories a:hover {
			color: #997d43;
		}

		.recipe-categories a > span {
			display: none;
		}

.pipe {
	font-size: 32px;
	line-height: 1;
	padding: 0.3% 2%;
}

.pager {
	text-align: center;
	margin: 40px 0;
}

	.pager button {
		border: none;
		background-color: #fff;
		color: transparent;
		margin: 0 5px;
		width: 17px;
		height: 17px;
		border-radius: 50%;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

		.pager button.current {
			background-color: #997d43;
		}

		.pager button.pager-next {
			background-color: transparent;
			width: 21px;
			height: 33px;
		}

		.pager button.pager-prev {
			background-color: transparent;
			width: 21px;
			height: 33px;
		}

		.pager button.pager-last {
			color: #fff;
			width: 30px;
			height: 33px;
			background-color: transparent;
		}

		.pager button.pager-first {
			color: #fff;
			width: 30px;
			height: 33px;
			background-color: transparent;
		}

#recipe-search-results p.no-results {
	margin: 0;
	padding: 100px;
	text-align: center;
	font-weight: 700;
	font-size: 30px;
}

@media only screen and (min-width:320px) and (max-width:1540px) {
	.hero.recipes .section__hero-content h1 {
		font-size: calc(18px + 61 * ((100vw - 320px) / 1220));
	}
	/* 79 18*/
	.recipe-categories a {
		font-size: calc(10px + 21 * ((100vw - 320px) / 1220));
	}
	/* 31 10*/
	.pipe {
		font-size: calc(10px + 22 * ((100vw - 320px) / 1220));
	}
	/* 32 10*/
}

@media only screen and (min-width:768px) and (max-width:1540px) {
	.show-recipes, #SearchTerm, #Products {
		font-size: calc(12px + 13 * ((100vw - 768px) / 772));
	}
	/*25  12 */
}

@media only screen and (width:768px) {
	#SearchTerm, #Products {
		height: 40px;
	}

	#SearchTerm {
		background-size: 100% 100%, 27px 27px;
	}
}

@media only screen and (max-width:767px) {
	#recipeSearchForm #SearchTerm {
		margin-bottom: 20px;
	}

	.show-recipes {
		width: 100%;
		text-align: center;
		display: block;
	}

	#SearchTerm, #Products {
		margin-left: 0;
		width: 100%;
	}

	#SearchTerm, #Products, .show-recipes {
		font-size: 16px;
	}
}


/*Recipe Details*/

.hero.recipe-detail {
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
	padding: 165px 6% 0;
	width:100% !important;
}

.hero.recipe-detail .recipe-image {
	width: 64%;
}
.hero.recipe-detail .recipe-image img {
	width:100%;
}
.hero.recipe-detail .recipe-product {
	width: 36%;
	display: inherit;
	flex-wrap: wrap;
	justify-content:center;
	align-items: center;
}
.hero.recipe-detail .recipe-product .recipe-product-image {
	width:100%;
	text-align: center;
}
.hero.recipe-detail .recipe-product .recipe-product-image img {
	width:25%;
}
.hero.recipe-detail {
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
	padding: 165px 6% 0;
	width:100% !important;
}

.hero.recipe-detail .recipe-image {
	width: 64%;
}
.hero.recipe-detail .recipe-image img {
	width:100%;
}
.hero.recipe-detail .recipe-product {
	width: 36%;
	display: inherit;
	flex-wrap: wrap;
	justify-content:center;
	align-items: center;
}
.hero.recipe-detail .recipe-product .recipe-product-image {
	width:100%;
	text-align:center;
}
.hero.recipe-detail .recipe-product .recipe-product-image img {
	width:25%;
}
@media (max-width: 1024px) {
	.hero.recipe-detail .recipe-image, 
	.hero.recipe-detail .recipe-product {
		width: 100%;
	}
	.hero.recipe-detail .recipe-product .recipe-product-image img {
		width:15%
	}
}

.recipe .container {
	padding: 4.5% 7% 2%;
}

	.recipe .container h1 {
		letter-spacing: 2px;
		line-height: 1.2;
	}

.recipe-info {
	margin: 60px 0;
	text-transform: uppercase;
	font-size: 32px;
}

	.recipe-info .pipe {
		padding: 0 10px;
	}

.tip {
	width: 100%;
	background: white;
	opacity: 90%;
	box-shadow: 3px 10px 13px -7px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
}

.tips {
	padding: 15px 100px;
	font-size: 32px;
	margin: 0;
	text-align: center;
}

	.tips span:first-child {
		font-family: 'Nanum Myeongjo', serif;
		font-size: 49px;
		text-transform: uppercase;
	}

	.tips sup {
		top: -0.3em;
	}

.ingredients h3, .directions h3 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 44px;
	margin-top: 30px;
}

.ingredients-container p.group-title {
	font-weight: 700;
	font-size: 30px;
	letter-spacing: 1px;
	margin: 10px 0;
}

.ingredients-container ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0 0 30px;
}

	.ingredients-container ul li {
		font-size: 30px;
		letter-spacing: 1px;
		padding-bottom: 10px;
	}

.ingredients-container sup {
	top: -0.2em;
}

.directions ol {
	padding-left: 35px;
	margin: 10px 0 60px;
}

	.directions ol li {
		font-size: 30px;
		letter-spacing: 1px;
		padding-bottom: 10px;
	}

.ingredients a, .directions a, .tips a {
	color: #1a1a1a;
	text-decoration: none;
	border-bottom: 2px solid #1a1a1a;
}

	.ingredients a:hover, .directions a:hover, .tips a:hover {
		border-bottom: none;
	}

.share-this {
	text-align: center;
	text-transform: uppercase;
	font-size: 35px;
	font-weight: 500;
	color: #997d43;
	margin: 0 0 0;
}

	.share-this a {
		border: none;
	}

	.share-this img {
		padding-top: 3px;
		margin-left: 10px;
		height: 37px;
		width: auto;
		vertical-align: middle;
	}

	.share-this span {
		display: inline-block;
	}

.at-style-responsive .at-share-btn.at-svc-facebook {
	display: none;
}

.share-this .at-style-responsive .at-share-btn.at-svc-facebook {
	display: inline-block;
}

.share-this .addthis_inline_share_toolbox {
	display: inline-block;
	vertical-align: middle;
}

.share-this .at-resp-share-element .at-share-btn {
	margin: 0 15px;
	width: 43px;
}

.print {
	cursor: pointer;
}

.at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover {
	transform: none !important;
}

.ingredients a.nak-basketful {
	border: 1px solid #1a1a1a !important;
	padding: 5px 10px;
}

a.nak-basketful:hover {
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #1a1a1a;
}

@media only screen and (min-width:320px) and (max-width:767px) {
	.recipe-info {
		font-size: calc(14px + 18 * ((100vw - 320px) / 447));
		margin: 20px 0;
	}
	/*32 14*/
	.ingredients h3, .directions h3 {
		font-size: calc(19px + 25 * ((100vw - 320px) / 447));
	}
	/*44 19*/
	.ingredients-container p.group-title, .ingredients-container ul li, .directions ol li,
	.tips {
		font-size: calc(16px + 14 * ((100vw - 320px) / 447));
	}
	/*30 16*/
	.tips {
		padding: 15px 5%;
	}

		.tips span:first-child {
			font-size: calc(20px + 28 * ((100vw - 320px) / 447)); /* 48 20*/
		}

	.recipe-info .pipe {
		display: none;
	}

	.ingredients ul, .directions ol {
		margin-bottom: 30px;
	}

	.directions ol {
		padding-left: 20px;
	}

	.share-this {
		margin-top: 50px;
	}

		.share-this > span {
			font-size: 26px;
			margin-bottom: 20px;
		}
}

/*Contact Us*/
.hero.contact {
	padding: 0 6% 43%;
	background-size: cover;
}

	.hero.contact .section__hero-content {
		top: 41%;
		left: 5%;
	}

.contact h4 {
	font-family: 'Nanum Myeongjo', serif;
	text-align: center;
	font-size: 63px;
	margin: 0;
	text-transform: uppercase;
}

.contact .subhead {
	margin: 0 auto;
	font-size: 30px;
	text-align: center;
	width: 70%;
}

	.contact .subhead span {
		font-size: 28px;
	}

#contactUs {
	margin-top: 40px;
}

#contact-us-results {
	margin-top: 40px;
	margin-bottom: 200px;
}

.thankyou {
	text-align: center;
	margin: 80px auto 0;
	font-size: 45px;
}

	.thankyou span {
		font-size: 68px;
	}

.contact-group {
	position: relative;
}

.field-validation-error {
	color: red;
	font-size: 14px;
	position: absolute;
	bottom: 15px;
	left: 15px;
}

.contact input[type=text], .contact textarea {
	border: 2px solid #000;
	height: 60px;
	width: 100%;
	margin: 0;
	padding-left: 15px;
	margin-bottom: 34px;
	text-transform: uppercase;
	font-size: 25px;
}

.contact textarea {
	height: 215px;
	padding-top: 10px
}

.telephone {
	text-decoration: none;
	color: #000;
}

.g-recaptcha {
	margin-top: 20px;
}

	.g-recaptcha > div {
		margin: 0 auto;
	}

.checkbox {
	text-align: center;
}

	.checkbox label {
		font-family: 'Oswald', sans-serif;
		font-size: 26px;
		text-transform: none;
		padding-left: 60px;
		position: relative;
	}

	.checkbox input[type="checkbox"] {
		display: none;
	}

	.checkbox label:before {
		border: 2px #002450 solid;
		content: '';
		width: 30px;
		height: 30px;
		position: absolute;
		left: 0;
		top: 5px;
		display: inline-block;
		background-color: #fff;
	}

	.checkbox input[type="checkbox"]:checked + input[type="hidden"] + label:before {
		content: '\2714';
		text-align: center;
		line-height: 26px;
	}

.btn-submit {
	background-color: white;
	margin: 40px auto 0;
	padding: 15px;
	display: block;
	text-align: center;
	border: 1px solid #000;
	color: #000;
	text-indent: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

placeholder {
	color: #000;
	opacity: 1;
	text-transform: uppercase;
}

::-webkit-input-placeholder {
	color: #000;
	opacity: 1;
	text-transform: uppercase;
}

::-moz-placeholder {
	color: #000;
	opacity: 1;
	text-transform: uppercase;
}

:-ms-input-placeholder {
	color: #000;
	opacity: 1;
	text-transform: uppercase;
}

:-moz-placeholder {
	color: #000;
	opacity: 1;
	text-transform: uppercase;
}

@media only screen and (min-width:320px) and (max-width:767px) {
	.contact h4 {
		font-size: calc(35px + 28 * ((100vw - 320px) / 447));
		margin: 20px 0;
	}
	/*63 35*/
	.contact .subhead {
		width: 90%;
		font-size: 22px;
	}
}

/*Store Locator*/
.hero.locator {
	padding: 0 6% 42%;
}
/*.hero.locator .section__hero-content { top:19%; left:9.5%; width:37%;} */
.locations h1 {
	text-align: center;
	margin-top: 80px;
}

.locations p {
	text-align: center;
}

.locations sup {
	top: -0.8em;
	font-size: 50%;
}

.locator-title {
	margin: 57px auto 40px;
	max-width: 1323px;
	font-size: 31px;
}

#NAKsearchForm label {
	text-align: right;
	font-size: 25px;
	display: block;
	text-transform: initial;
	font-weight: normal;
	text-transform: uppercase;
}

#NAKsearchForm .labels {
	padding-right: 15px;
	width: 40%;
	float: left;
	color: #929292;
}

#NAKsearchForm .inputs {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#NAKsearchForm input, #NAKsearchForm select {
	height: 46px;
	width: 53%;
	padding-left: 10px;
	font-size: 21px;
	border: 2px solid #000;
	text-transform: uppercase;
}

#NAKsearchForm input, #NAKsearchForm select {
	margin-bottom: 20px;
}

.soc-search #NAKsearchForm input {
	font-size: 18px;
	height: 42px;
}
/*#NAKsearchForm select {width:50%;} */
.submit-location-button-div {
	max-height: 63px;
	max-width: 263px;
	width: 37%;
}

.btn-location {
	background: transparent;
	border: none;
}

#submit-button {
	margin-top: 40px;
	display: block;
	background-color: transparent;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

	#submit-button:hover {
		opacity: 0.7;
	}

	#submit-button img {
		width: 100%;
		max-width: 100%;
	}

.top-sellers {
	display: flex;
	justify-content: space-between;
	margin-bottom: 75px;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}

	.top-sellers.slick-initialized {
		opacity: 1;
		visibility: visible;
	}

	.top-sellers .item {
		max-width: 222px;
		width: 20%;
		margin: 0 1%;
	}

	.top-sellers a {
		text-decoration: none;
	}

	.top-sellers .item p {
		font-size: 23px;
		text-align: center;
		color: #313c4d;
		text-transform: uppercase;
		line-height: 1.3;
		margin: 30px 0 0;
	}

		.top-sellers .item p span {
			font-size: 17px;
		}

.locations #search-results {
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 80px;
	min-height: 500px;
}

.location-results-title {
	font-size: 24px;
	text-align: center;
	margin-top: 0;
}

.location-grid-head {
	font-size: 15px;
}

.location-grid {
	border-top: solid 1px #313c4d;
	border-bottom: solid 1px #313c4d;
}

.location-grid-head > div {
	padding-left: 0;
}

.location-results {
	padding: 15px 0;
	border-bottom: dotted 1px #313c4d;
	font-size: 12px;
}

	.location-results:last-child {
		border: none;
	}

	.location-results .store {
		font-weight: 500;
	}

	.location-results .col-xs-3 {
		padding-left: 0;
	}

	.location-results a {
		color: #997d43;
		text-decoration: none;
	}

		.location-results a:hover {
			text-decoration: underline;
		}

/*recipe product mikmak updates*/
.hero.recipe-detail {
	width: 70%;
}

.product {
	margin: 40px auto 0;
}

	.product.recipe-product-image {
		text-align: center;
	}

		.product.recipe-product-image img {
			max-width: 37%;
		}
.product-faq-title {
	text-align: center;
	text-transform: uppercase;
}

@media only screen and (max-width: 800px) {
	#NAKsearchForm input, #NAKsearchForm select {
		width: 80%
	}
}

@media only screen and (max-width: 767px) {
	#NAKsearchForm input, #NAKsearchForm select {
		width: 90%
	}
}

@media only screen and (min-width:320px) and (max-width:1540px) {
	/*.locator h1 {font-size: calc(21px + 68 * ((100vw - 320px) / 1220));} */ /* 89 21*/
	/*.locator-title {font-size: calc(12px + 19 * ((100vw - 320px) / 1220));} */ /* 31 12*/
	/*.locator h1 {line-height:1.1;} */
	.locations h1 {
		font-size: calc(17px + 63 * ((100vw - 320px) / 1220));
	}
	/* 80 17*/

}

@media only screen and (min-width:320px) and (max-width:767px) {
	#NAKsearchForm label {
		font-size: calc(11px + 14 * ((100vw - 320px) / 447));
	}
	/* 25 11*/
	#NAKsearchForm input, #NAKsearchForm select {
		font-size: calc(16px + 4 * ((100vw - 320px) / 447));
	}
	/* 20 16*/
	.locations p {
		font-size: calc(11px + 5 * ((100vw - 320px) / 447));
	}
	/*16  11*/
}

@media only screen and (max-width:767px) {
	.locations.container {
		margin: 0;
		padding: 0;
	}

	.locations h1 {
		margin-top: 30px;
	}

	#NAKsearchForm select {
		width: 90%;
	}

	#NAKsearchForm label {
		color: #000;
		padding-top: 7%;
	}

	#ZipCode {
		width: 70%;
		margin-bottom: 20px;
	}

	.hero.locator .section__hero-content {
		left: -3%;
	}

	.locator-title {
		margin-top: 0;
	}

	#NAKsearchForm .labels {
		padding-right: 10px;
	}

	#NAKsearchForm input, #NAKsearchForm select {
		height: 40px;
		padding-left: 0;
	}

	#NAKsearchForm input {
		padding-left: 5px;
	}

	.soc-search #NAKsearchForm input {
		height: 30px;
		padding-left: 10px;
		color: #fff;
		font-size: 16px;
		padding-top: 0;
	}

	.location-results-title {
		margin-top: 40px;
	}

	.location-grid-head {
		font-size: 14px;
	}

	.location-results {
		font-size: 11px;
	}

	#NAKsearchForm .button--border--solid {
		Width: 125px;
		font-size: 23px;
		margin-top: 10px;
		padding: 12px 32px;
		width: auto;
	}

	.locations #search-results {
		margin: 20px 0;
	}

	.view-all {
		margin: 10px auto 30px;
	}

	.locator-title sup {
		font-size: 140%;
		top: 4px;
	}

	.inputs {
		position: relative;
	}

		.inputs .field-validation-valid, .inputs .field-validation-valid {
			position: absolute;
			bottom: 0;
			left: 0;
			font-size: 14px;
		}

	.submit-location-button-div {
		max-height: 63px;
		max-width: 263px;
		width: 60%;
	}
}

@media only screen and (width:320px) {
	#storeLocatorForm .labels {
		padding-right: 2px;
	}
}

/*Offers*/
.hero.offers {
	padding: 0 6% 42%;
}

.offers h1 {
	text-align: center;
	margin: 80px 0;
}

.coupons-container {
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.coupon-group {
	margin: 0 3%;
}

.coupon {
	background: white;
	opacity: 90%;
	box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.2);
	width: 400px;
	height: 260px;
}

.coupon-button-div {
	width: 67%;
	height: auto;
	max-width: 263px;
	max-height: 63px;
	margin: 40px auto;
}

	.coupon-button-div a {
		padding: 0;
	}

.btn-coupon img {
	display: block;
	width: 100%;
	max-width: 100%;
}

.email-signup {
	background: white;
	opacity: 90%;
	padding: 20px 0;
	text-align: center;
}

	.email-signup p {
		margin: 0 0 20px;
	}

	.email-signup input {
		display: inline-block;
		border: 2px solid #000;
		background-color: transparent;
		max-width: 450px;
		padding: 0 10px;
		width: 90%;
		margin: 5px 0 10px;
	}

	.email-signup button {
		display: inline-block;
		border: none;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-color: transparent;
		margin: 20px 0 0;
	}

/*Privacy and Terms */
.hero.privacy {
	padding: 0 6% 42%;
	background-size: cover;
}

.privacy h1 {
	text-align: center;
	margin: 100px 0 40px;
}

.privacy .sub-title {
	font-family: 'Nanum Myeongjo', serif;
	text-transform: uppercase;
}

.terms a, .privacy a {
	color: #000;
}

	.terms a:hover, .privacy a:hover {
		text-decoration: none;
	}

.lowercase {
	text-transform: lowercase;
}

@media only screen and (min-width:320px) and (max-width:767px) {
	.privacy h1 {
		font-size: calc(20px + 43 * ((100vw - 320px) / 447));
		margin: 40px 0 20px;
	}
	/* 63 20*/
	.privacy {
		font-size: 16px;
	}
}


/*Print*/
@media print {
	body {
		font-size: 14px;
	}

	.mobile-nav, .mobile-top, .right-header, .mobile-nav-header, #breadcrumbs, footer, .recipe-container img, .recipe-container iframe, .tip, .print-none, #tags,
	.share-this, .no-print, .hero, .mobile-nav-handler, .section.gradient {
		display: none;
	}

	.header {
		padding: 0;
		box-shadow: none;
		height: 70px;
		position: relative;
	}

	main {
		padding-top: 0;
	}

	.recipe .container {
		padding: 0;
		margin: 0;
	}

	.recipe-container h1 {
		font-size: 25px;
		color: #000;
		padding-left: 0;
		margin-top: 0;
		letter-spacing: normal;
	}

	.recipe-container h3 {
		font-size: 20px;
		margin-bottom: 15px;
		padding-left: 0;
	}

	.recipe-container p {
		font-size: 20px;
		color: #000;
		padding-left: 0;
	}

	.recipe-info, .recipe-info .pipe {
		font-size: 12px;
		color: #000;
	}

	.recipe-info {
		margin: 15px 0;
	}

	.ingredients-container p.group-title {
		font-size: 20px;
	}

	.ingredients-container ul {
		margin-bottom: 20px;
	}

		.ingredients-container ul li, .directions ol li {
			font-size: 16px;
			letter-spacing: normal;
		}
}

.bv_modal_outer_content {
	font-size: initial;
}