body {

	font-family: 'Swiss_721 W07 Rom', "Helvetica Neue", Helvetica, Arial, sans-serif;

	line-height: normal;

	margin: 0;

	background-color: #F7F7F5;

}



.hhhhhh {

	width: 100%;

	height: 60px;

}



/* Font Library */

.fontSizeThirteen {

	font-size: 13px !important;

}



.fontSizeSixteen {

	font-size: 16px;

}



.fontSizeSeventeen {

	font-size: 17px !important;

}



.VagRoundedLight {

	font-family: 'VAG Rounded W01 Light';

}



.VagRoundedThin {

	font-family: 'VAG Rounded W01 Thin';

}



.VagRoundedBold {

	font-family: 'VAG Rounded LT W01 Bold';

}



.SwissBTBold {

	font-family: 'Swiss_721 W01 Bold';

}



.SwissBTRegularItalic {

	font-family: 'Swiss_721 W01 Italic';

}



.SwissBTLight {

	font-family: 'Swiss_721 W01 Light';

}



.SwissBTRegular {

	font-family: 'Swiss_721 W07 Rom';

}



.SwissBTBoldItalic {

	font-family: 'Swiss721W01-BoldItalic';

}



@font-face {

	font-family: 'gagalinregular';

	src: url('fonts/gagalin-regular-webfont.woff2') format('woff2'),

		url('fonts/gagalin-regular-webfont.woff') format('woff');

	font-weight: normal;

	font-style: normal;

}



.gagalin-font {

	font-family: 'gagalinregular';

}



.page-wrap {

	width: 100%;

	margin: 0 auto;

}



.mid-body-wrap {

	margin: 0 auto 0;

}



.floatR {

	float: right;

}



.floatLeft {

	float: left;

}



.clearfix {

	clear: both;

}



.textLower {

	text-transform: inherit !important;

}



.full-width-header {

	padding: 0;

	margin-bottom: 80px;

}



.paddingTop20 {

	padding-top: 20px;

}



.padding20 {

	padding: 20px;

}



.center {

	text-align: center;

}



.align-bottom {

	vertical-align: bottom;

}



/*Standard headings and paragraph*/





h1,

h2,

h3,

h4,

h5,

h6 {

	margin: 0;

}



h1 {

	font-family: 'VAG Rounded W01 Light';

	font-size: 66px;

	font-weight: 300;

	line-height: 64px;

	color: #fff;

}



h2 {

	font-family: 'VAG Rounded W01 Light';

	color: #003964;

	font-size: 48px;

	font-weight: 300;

	line-height: 59px;

}



h3 {

	color: #003964;

	font-family: 'VAG Rounded W01 Light';

	font-size: 36px;

	font-weight: 300;

	line-height: 42px;

}



h4 {

	color: #003964;

	font-family: 'Swiss_721 W01 Bold';

	font-size: 24px;

	line-height: 36px;

}



h5 {

	color: #003964;

	font-family: 'Swiss_721 W01 Bold';

	font-size: 18px;

	line-height: 21px;

}



h6 {

	color: #003964;

	font-family: 'Swiss_721 W01 Bold';

	font-size: 16px;

	line-height: 19px;

}



p,

ol li {

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 24px;

	line-height: 36px;

}



.has-error {

	color: #ff0000;

}



.has-error span {

	color: #a94442;

}



@media (max-width: 767px) {

	h1 {

		font-size: 44px;

		line-height: 48px;

		text-align: center;

	}



	h2 {

		font-size: 24px;

		line-height: 30px;

	}



	h3 {

		font-size: 22px;

		font-weight: 300;

		line-height: 30px;

	}



	h4 {

		font-size: 18px;

		line-height: 22px;

	}



	p,

	ol li {

		font-size: 16px;

		line-height: 25px;

	}



	.full-width-header {

		margin-bottom: 30px;

	}



	.hhhhhh {

		height: 30px;

	}



	.slider-disclaimer {

		width: 100%;

	}



	.jianjiem {

		padding: 0 15px;

	}

}



@media (min-width: 768px) and (max-width: 1200px) {

	h1 {

		font-size: 48px;

	}

}



/*Common styles for text color starts*/



.text-white {

	color: #fff;

}



/*Common styles for text color ends*/



/*common styles for spacing starts*/

.top-spacing-80 {

	margin-top: 80px;

}



.side-spacing-60 {

	padding-left: 60px;

	padding-right: 60px;

}



.bottom-space-20 {

	margin-bottom: 20px;

}



h3.h3Padding {

	padding: 0px 10px;

}



@media (max-width: 767px) {

	.top-spacing-80 {

		margin-top: 40px;

	}



	.side-spacing-60 {

		padding-left: 30px;

		padding-right: 30px;

	}

}



/*common styles for spacing Ends*/



.text-gray-bold {

	color: #686868;

	font-family: 'Swiss_721 W01 Bold';

	font-size: 20px;

}



.link-orange {

	color: #E35205;

	cursor: pointer;

}



.link-orange:hover {

	color: #E35205;

	text-decoration: underline;

}



/* Logo */

.logo-container {

	float: left;

	width: 250px;

}



.logo-container img {

	width: auto;

}



/* Navigation */

.topnav {

	overflow: hidden;

	background-color: #f7f7f5;

}



.topnav a {

	float: left;

	display: block;

	color: #10446c;

	text-align: left;

	padding: 10px 16px;

	text-decoration: none;

	font-size: 14px;

	border-bottom: solid 2px #edece6;

}



.topnav a:hover {

	color: #fff;

	background-color: #003964;

}



.topnav a>img {

	width: 60%;

}



.topnav .icon {

	display: none;

}



/* desktop Navigation */

.nav {

	display: block;

	font: 13px Helvetica, Tahoma, serif;

	margin: 0;

	padding-top: 0;

}



.nav li {

	display: inline-block;

	list-style: none;

}



.nav .button-dropdown,

.corp-nav .button-dropdown {

	position: relative;

}



.nav li a {

	display: block;

	color: #0A3B61;

	padding: 10px 13px;

	text-decoration: none;

	font-size: 18px;

	font-weight: 500;

	line-height: 19px;

	font-family: "VAG Rounded W01 Light";

}



.nav li a span {

	display: inline-block;

	margin-left: 5px;

	font-size: 10px;

	color: #999;

}



.nav li a:hover,

.nav li a.dropdown-toggle.active,

.nav li a.current-nav-section {

	background-color: #fff;

}



.nav li a:hover span,

.nav li a.dropdown-toggle.active span {

	color: #fff;

}



.nav li .dropdown-menu {

	display: none;

	position: absolute;

	margin: 0;

	margin-top: 31px;

	text-align: left;

	border: none;

	border-radius: 0;

	box-shadow: none;

	padding: 0;

	white-space: nowrap;

	left: 50%;

	transform: translateX(-50%);

	-ms-transform: translateX(-50%);

}



.corp-nav li .dropdown-menu {

	display: none;

	position: absolute;

	margin: 0;

	padding: 5px 5px;

}



.nav li ul.dropdown-menu>li {

	vertical-align: top;

	padding: 10px 5px;

}



.nav li .dropdown-menu.active,

.corp-nav li .dropdown-menu.active {

	display: block;

}



.nav li .dropdown-menu .heading-navigation {

	font-weight: bold;

	font-size: 14px;

	cursor: default;

	pointer-events: none;

	background: none;

}





.nav li .dropdown-menu .heading-navigation:hover {

	font-weight: bold;

	font-size: 14px;

	cursor: default;

	pointer-events: none;

	background: none;

}



.nav li .dropdown-menu a {

	font-size: 14px;

	color: #003964;

	font-family: "Swiss_721 W01 Medium";

}



.nav li .dropdown-menu li.single-column {

	width: 100%;

}



.nav li .dropdown-menu li.multiple-column a {

	padding-right: 35px;

}



.nav li .dropdown-menu a:hover {

	background-color: #f7f7f5;

}



.nav .open>a,

.nav .open>a:hover,

.nav .open>a:focus {

	background: none;

}



.dropdown-bar {

	clear: both;

	background-color: #f0efea;

	padding: 15px 0;

}



.dropdown-bar .orange-btn {

	width: 175px;

	margin: 0 auto;

}



.dropdown-menu .dropdown-bar .orange-btn>a,

.dropdown-menu .dropdown-bar .orange-btn>a:hover {

	background-color: transparent;

	color: #fff;

	padding: 0;

}



.dropdown-menu {

	border-radius: 0;

	border: none;

}



.main-links {

	float: left;

	padding-top: 8px;

}



.nav-links {

	padding: 10px;

	background-color: transparent;

	color: #003964;

	font-size: 18px;

	display: inline-block;

}



.nav-links:hover {

	background-image: -webkit-linear-gradient(270deg, #fff, #fff);

	background-image: linear-gradient(180deg, #fff, #fff);

	text-decoration: none;

}



.main-minbar {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	height: 45px;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: start;

	-webkit-align-items: flex-start;

	-ms-flex-align: start;

	align-items: flex-start;

	background-color: #f7f7f5;

	padding: 0;

}



.mn-croplinks {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	width: 100%;

	height: 45px;

	padding: 0;

	position: relative;

}



.worldwide .button-dropdown {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	width: 260px;

	height: 45px;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-webkit-flex-direction: row;

	-ms-flex-direction: row;

	flex-direction: row;

	-webkit-box-align: start;

	-webkit-align-items: flex-start;

	-ms-flex-align: start;

	align-items: flex-start;

	text-align: left;

}



@media (max-width: 860px) {

	.worldwide .button-dropdown {

		width: 230px;

	}

}



.worldwide .button-dropdown>a {

	display: block;

	padding: 15px 14px 16px;

	height: 100%;

	max-height: 45px;

	color: #003964;

	text-decoration: none;

	background: url('../images/worldwide-site-icon.png') no-repeat 12px 15px;

}



.worldwide .button-dropdown {

	position: relative;

}



.worldwide .dropdown-menu {

	margin: 0;

	position: absolute;

	padding: 5px 5px;

}



.worldwide .dropdown-menu li a {

	text-transform: none;

	color: #003964;

	padding: 10px 15px;

	font-family: "Swiss_721 W01 Medium";

	font-size: 13px;

	font-weight: normal;

}



.worldwide .button-dropdown>a:hover,

.worldwide .button-dropdown>a:focus,

.worldwide .button-dropdown>a:active {

	color: #fff;

	font-size: 12px;

	letter-spacing: 1px;

	text-decoration: none;

	background: #003964 url('../images/worldwide-site-icon-white.png') no-repeat 12px 15px;

}



.worldwide .button-dropdown li a.dropdown-toggle.active {

	background-color: #fff;

	color: #003964;

}



.corp-links {

	width: 1000px;

	padding: 0;

	text-align: right;

	margin-right: 40px;

}



.corp-linktext {

	font-size: 12px;

	letter-spacing: 1px;

	font-weight: bold;

	margin-left: 21px;

	font-family: "Swiss_721 W01 Medium";

	line-height: 19px;

}



.corp-nav {

	margin-left: 0;

	padding: 0;

}



.corp-nav>li {

	padding: 0;

	margin: 0;

	list-style: none;

	display: inline-block;

	position: relative;

}



.corp-nav>li>a {

	display: inline-block;

	padding: 15px 15px;

	height: 100%;

	max-height: 45px;

	background-color: transparent;

	background-image: -webkit-linear-gradient(270deg, transparent, transparent);

	background-image: linear-gradient(180deg, transparent, transparent);

	color: #003964;

	font-size: 12px;

	letter-spacing: 1px;

	text-transform: uppercase;

	font-family: "Swiss_721 W01 Medium";

	text-decoration: none;

}



@media (max-width: 860px) {

	.corp-nav>li>a {

		padding: 15px 10px;

	}

}



.corp-nav>li>a:hover,

.corp-nav li a.dropdown-toggle.active,

.corp-nav li a.current-nav-section {

	background-color: #003964;

	color: #f7f7f5;

}



.corp-nav>li:active {

	background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));

	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));

}



.corp-nav>li>a {

	color: #003964;

	font-size: 13px;

	font-weight: normal;



}



.corp-nav li.open li a {

	text-transform: none;

	color: #003964;

	padding: 10px 15px;

	font-family: "Swiss_721 W01 Medium";

	font-size: 13px;

	font-weight: normal;

}



.nav-wrap {

	padding: 35px 0 0;

	margin: 0 auto;

}



.hhhhhh {

	height: 45px;

}



.main-nav {

	height: 113px;

	z-index: 2;

	background-color: rgba(247, 247, 245, 0.9);

	position: absolute;

	width: 100%;



}



.fixed-nav {

	width: 100%;

	top: 0 !important;

	position: fixed;

	opacity: 1;

	background-color: #F7F7F5;

}



#mine {

	display: none;

}



.main-nav-wrap {

	float: right;

	padding-top: 0;

	margin: 0;

}



.hero-bg {

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	height: 100%;

	display: -webkit-flex;

	display: flex;

	-webkit-align-items: flex-start;

	align-items: flex-start;

	-webkit-flex-direction: column;

	flex-direction: column;

	-webkit-justify-content: center;

	justify-content: center;

}



/* menu drop down css*/

.dropdown {

	float: left;

	overflow: hidden;

}



.dropdown .dropbtn {

	font-size: 16px;

	border: none;

	outline: none;

	color: white;

	padding: 14px 16px;

	background-color: inherit;

}



.dropdown-content {

	display: none;

	position: absolute;

	background-color: #f9f9f9;

	min-width: 160px;

	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

	z-index: 1;

}



.dropdown-content a {

	float: none;

	color: black;

	padding: 12px 16px;

	text-decoration: none;

	display: block;

	text-align: left;

}



.dropdown-content a:hover {

	background-color: #ddd;

}



.dropdown:hover .dropdown-content {

	display: block;

}



/* Button */

.btn {

	padding: 10px 20px;

	border-radius: 4px;

	text-transform: capitalize;

	width: auto;

	font-family: 'VAG Rounded LT W01 Bold';

	line-height: 16px;

	letter-spacing: 0.75px;



}



.btn-orange {

	background-color: #e35205;

	color: #fff;

}



.btn-orange:hover,

.btn-orange:focus {

	background-color: #D55A1A;

	color: #fff;

}



.btn-primary {

	background-color: #fff;

	color: #E35205;

	border: 1px solid #DBD9D6;

	outline: none;



}



.btn-primary:hover,

.btn-primary:focus {

	background-color: #D55A1A;

	border: 1px solid #D55A1A;

	color: #fff;

	outline: none;

}



.btn.txt-transform {

	text-transform: initial;

}



.nav li .dropdown-menu a.view-product {

	display: inline-block;

	padding: 10px 20px;

	color: #fff;

	line-height: 16px;

	font-weight: bold;



}



.nav li .dropdown-menu a.view-product:hover,

.nav li .dropdown-menu a.view-product:focus {

	background-color: #D55A1A;

	color: #fff;

	font-weight: bold;

}



.request-btn {

	border-radius: 0;

	border-bottom: none;

	padding: 0px 0;

	cursor: pointer;

}



.request-btn .btn {

	width: 100%;

	border-radius: 0px;

}



.dl-menuwrapper div.request-btn>a {

	border: none;

	color: #fff;

	padding: 15px 0px;

}



.dl-menuwrapper li.dl-back>a:hover {

	color: #fff;

	background-color: #003964;

}



.requestBtnMargin {

	margin-left: 34px;

	margin-top: 7px;

}



.look-closer {

	margin-top: 20px;

}





/* Common slider styles starts */

.home-slider {

	padding: 0;

	position: relative;

}



.home-slider .item>div.img-wrap {

	height: 100%;

	background-size: cover;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-align-items: flex-start;

	align-items: flex-start;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	background-repeat: no-repeat;

	background-position: center;

}



.carousel-inner,

.carousel-inner>.item {

	height: 100%;

}



.slider-content {

	font-family: 'VAG Rounded W01 Light';

	color: #fff;

	width: 1170px;

	margin: 0 auto;

	position: relative;

}



.content-wrapper {

	width: 550px;

}



.slider-content .smaller-font h1 {

	font-size: 50px;

}



.slider-content .puff-slider h1 {

	line-height: 70px;

}



.slider-content h3 {

	font-family: 'Swiss_721 W07 Rom';

	font-size: 24px;

	font-weight: 500;

	color: #fff;

	line-height: 30px;

	margin-top: 5px;

}



.slider-content p {

	font-size: 18px;

	line-height: 26px;

}



.slider-content a {



	margin-top: 10px;

	display: inline-block;



}



.slide-bullet {

	width: 1170px;

	margin: 0 auto;

	position: relative;

}





.home-slider .slide-bullet>.carousel-indicators {

	left: 0;

	margin-left: 0;

	bottom: 10px;

}



.smallBlock,

.largeBlock {

	float: left;

	margin-right: 10px;

}



.smallBlock {

	width: 275px;

}



.largeBlock {

	width: 560px;

}



.home-slider .carousel {

	z-index: 1;

	position: relative;

	height: 80vh;

	max-height: 640px;

}



.home-slider .carousel-indicators {

	width: 150px;

	margin-left: 0;

	position: absolute;

	text-align: left;

	clear: both;

	z-index: 999;

	margin-top: -30px;

	left: 78px;



}



.home-slider .carousel-indicators li,

.home-slider .carousel-indicators .active {

	background: url('../images/inactive-slide.png') no-repeat;

	border: none;

	border-radius: 0px;

	height: 22px;

	margin: 1px;

	text-indent: -999px;

	width: 26px;

}



.home-slider .carousel-indicators .active {

	background: url('../images/active-slide.png') no-repeat;

}



/*Common slider styles ends*/



/* Product grid */

.product-img-wrap {

	height: 40vh;

	max-height: 400px;

	min-height: 300px;

	margin-bottom: 15px;

}



.productGrid {

	position: relative;

	width: 100%;

	height: 100%;

	background-size: cover;

	background-position: center center;

}



div.productGrid>.displayInfo {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	text-align: center;

	background-color: rgba(255, 255, 255, 0.9);

	color: #314A6F;

	height: 100%;

	z-index: 0;

	width: 100%;

	cursor: pointer;

}



div.productGrid>.displayInfo>div {

	display: flex;

	display: -webkit-flex;

	height: 100%;

	-webkit-flex-direction: column;

	flex-direction: column;

	-webkit-align-content: center;

	align-content: center;

	-webkit-justify-content: center;

	justify-content: center;

}



div.productGrid:hover>.displayInfo {

	display: block;

}



.content-card h3 {

	margin-bottom: 20px;

}



.row {

	margin-left: 0;

	margin-right: 0;

}



.explore-products {

	min-height: 665px !important;

	display: block;

}



.explore-products h2 {

	margin: 40px 0;

}



.explore-products h2 .icon-1 {

	vertical-align: super;

	margin-right: 10px;

}



.explore-products h2 .icon-2 {

	vertical-align: bottom;

	margin: 0 10px;

}



.explore-products h2 .icon-3 {

	margin-top: 40px;

	margin-left: 5px;

}



.explore-products-grid {

	padding: 0 15px;

}





.all-products-bar {

	background-color: #f0efea;

	padding: 30px 15px;

	margin: 0 15px;

}



@media (max-width: 767px) {

	.explore-products h2 {

		margin-top: 0;

	}



	.explore-products h2 .icon-1 {

		vertical-align: super;

		width: 20px;

		margin-right: 0;

	}



	.explore-products h2 .icon-2 {

		margin: 0;

		width: 50px;

	}



	.explore-products h2 .icon-3 {

		margin-top: 10px;

		margin-left: 0;

		width: 30px;

	}

}



/* What to know */

.page-bottom {

	background: no-repeat top center;

	height: 700px;

	background-size: cover;

}



.page-bottom-content {

	color: #003964;

	margin: 150px auto 0;

}



.page-bottom-content h2 {

	font-family: "VAG Rounded W01 Thin";

	font-size: 72px;

	font-weight: 100;

	line-height: 73px;



}



.page-bottom-content p {

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 20px;

	line-height: 30px;

	width: 60%;

}



.page-bottom-content a {

	color: #E35205;

	font-size: 18px;

	padding-bottom: 8px;

	line-height: 35px;

}



.page-bottom-content a.btn {

	color: #fff;

	padding: 10px 20px;

	font-size: 14px;

	line-height: 16px;

}



.page-bottom-content a.btn:hover {

	color: #fff;



}



.page-bottom-content a:hover {

	color: #E35205;

}



/*Trace my fries bottom Section - Common*/

.full-width-bottom {

	height: 100vh;

	max-height: 900px;

	margin-top: 50px;

}



.bottom-wrapper {

	height: 100%;

	background-size: cover;

	background-position: bottom center;

	background-repeat: no-repeat;

	position: relative;

	padding-top: 30px;

}



.bottom-wrapper .content {

	height: 100%;



}



.bottom-wrapper .content h2 {

	font-family: "Swiss_721 W07 Rom";

	font-size: 36px;

	line-height: 42px;

	width: 65%;

}



.bottom-wrapper .content p {

	color: #686868;

	font-family: "Swiss_721 W07 Rom";

	font-size: 24px;

	line-height: 28px;

	width: 53%;

}



.bottom-wrapper .content .info {

	color: #E1E0D6;

	font-size: 12px;

	line-height: 20px;

	position: absolute;

	bottom: 0;

}



.bottom-wrapper .content a {

	width: auto;

	padding: 10px 20px;

	line-height: 16px;

	margin: 30px 0;

}



@media (max-width: 767px) {

	.full-width-bottom {

		height: auto;

		max-height: none;

		margin-top: 0;

	}



	.full-width-bottom {

		height: auto;

		max-height: none;

	}



	.bottom-wrapper .content .info {

		position: relative;

		color: #C6C6C6;

		margin-top: 20px;

	}



	.full-width-bottom .bottom-wrapper {

		background-image: none !important;

	}



	.bottom-wrapper .content {

		padding: 0 15px;

	}



	.bottom-wrapper .content a {

		width: 290px;

		display: block;

		margin-right: auto;

		margin-left: auto;

	}



	.bottom-wrapper .content h2 {

		font-size: 22px;

		font-weight: bold;

		line-height: 30px;

		width: auto;

	}



	.bottom-wrapper .content p {

		font-size: 16px;

		line-height: 25px;

		width: auto;

	}



	.bottom-wrapper .content img {

		margin: 0 auto 20px auto;

		display: block;

	}



	.bottom-wrapper {

		margin-left: auto;

		margin-right: auto;

		display: block;

	}

}



.whiteBg {

	background-color: #fff;

}



/* Footer */

.footer,

.mobile-footer {

	width: 100%;

	margin: 0 auto;

	background-color: #003964;

}



.contact-row {

	width: 100%;

	height: 97px;

	background-color: #002F52;

}



.footer .contact-msg {

	white-space: nowrap;

	font-weight: bold;

}



.footer .contact-wrap>img {

	float: left;

	padding: 26px 10px 0 0;

}



.footer-menu,

.contact-wrap,

.footer-bottom {

	width: 920px;

	margin: 0 auto;

	padding: 10px 0 0 15px;

}



.footer-menu {

	width: 1110px;

}



.contact-wrap>span {

	color: #FFAF00;

	font-size: 20px;

	line-height: 27px;

	float: left;

	padding-top: 25px;

}



@media (min-width: 900px) {

	.contact-wrap>span {

		font-size: 22px;

	}

}



.contact-wrap a {

	width: initial;

}



.contact-wrap a.btn {

	margin-top: 19px;

}



.footer-menu>ul,

.mobile-footer-menu>div>ul {

	padding: 0;

	text-align: left;

}



.footer-menu>ul {

	margin-top: 30px;

}



.mobile-footer-menu>ul,

.mobile-footer-menu>div>ul>li>ul {

	margin: 0;

	padding: 0;

}



.mobile-footer>div>ul:first-child {

	margin-left: 0;

}



.footer-menu>ul>li:nth-child(1),

.footer-menu>ul>li>ul>li:nth-child(1),

.mobile-footer-menu>div>ul>li:nth-child(1) {

	font-weight: bold;

	text-transform: uppercase;

	padding: 0 0 22px 0;



}



.footer-menu>ul>li,

.footer-menu>ul>li>ul>li,

.mobile-footer-menu>div>ul>li {

	color: #F0EFEA;

	font-family: Lato, sans-serif;

	font-size: 12px;

	font-weight: normal;

	line-height: 15px;

	list-style: none;

	padding: 0 0 18px 0;

	text-transform: none;

}



.footer-menu>ul>li a:hover,

.footer-menu>ul>li>ul>li a:hover,

.mobile-footer-menu>div>ul>li a:hover {

	text-decoration: underline;

}



.footer-bottom,

.mobile-footer-bottom {

	clear: both;

	font-size: 12px;

	color: #E1E0D6;

	padding: 14px 0;

	line-height: 25px;

}



.mobile-footer-menu>div>ul>li:first-child,

.mobile-footer-menu>div>ul>li>ul>li:first-child {

	text-decoration: none;

	padding: 0;

	font-weight: bold;

	text-transform: uppercase;

	padding: 0px 0px 22px;

}



.mobile-footer-menu>div>ul>li,

.mobile-footer-menu>div>ul>li>ul>li {

	color: rgb(240, 239, 234);

	font-family: Lato, sans-serif;

	font-size: 12px;

	font-weight: normal;

	line-height: 15px;

	list-style: none;

	padding: 0px 0px 18px;

}



.footer-bottom>span {

	float: left;

}



.footer-bottom>ul,

.mobile-footer-bottom>div>ul {

	padding: 0 0 15px 0;

	margin: 0;

}



.footer-menu>ul ul {

	padding-left: 20px;

}



.footer-bottom>ul>li,

.mobile-footer-bottom>div>ul>li {

	margin: 0;

	padding: 0;

	display: inline-block;

	list-style: none;

}



.footer-bottom>ul>li>a,

.mobile-footer-bottom>div>ul>li>a {

	float: left;

	margin: 0;

	padding: 0 22px 0 0;

	display: inline-block;

	list-style: none;

	color: #E1E0D6;

	text-decoration: underline;

}



.footer-bottom>div,

.mobile-footer-bottom {

	clear: both;

}



@media (min-width: 768px) and (max-width: 1200px) {

	.footer-menu>ul ul {

		margin-right: 20px;

	}

}


/* Mobile classes */

.mobile-header {

	display: none;

	width: 100%;

	text-align: left;

	padding: 15px;

}



.mobile-header a.logo img {

	width: 100%;

}



/* animation */

.animated {

	-webkit-animation-fill-mode: both;

	-moz-animation-fill-mode: both;

	-ms-animation-fill-mode: both;

	-o-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-duration: 1s;

	-moz-animation-duration: 1s;

	-ms-animation-duration: 1s;

	-o-animation-duration: 1s;

	animation-duration: 1s;

}



@-webkit-keyframes fadeIn {

	0% {

		opacity: 0;

	}



	100% {

		opacity: 1;

	}

}



@-moz-keyframes fadeIn {

	0% {

		opacity: 0;

	}



	100% {

		opacity: 1;

	}

}



@-o-keyframes fadeIn {

	0% {

		opacity: 0;

	}



	100% {

		opacity: 1;

	}

}



@keyframes fadeIn {

	0% {

		opacity: 0;

	}



	100% {

		opacity: 1;

	}

}



.fadeIn {

	-webkit-animation-name: fadeIn;

	-moz-animation-name: fadeIn;

	-o-animation-name: fadeIn;

	animation-name: fadeIn;

}



@-webkit-keyframes fadeInLeft {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-20px);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

	}

}



@-moz-keyframes fadeInLeft {

	0% {

		opacity: 0;

		-moz-transform: translateY(-20px);

	}



	100% {

		opacity: 1;

		-moz-transform: translateY(0);

	}

}



@-o-keyframes fadeInLeft {

	0% {

		opacity: 0;

		-o-transform: translateY(-20px);

	}



	100% {

		opacity: 1;

		-o-transform: translateY(0);

	}

}



@keyframes fadeInLeft {

	0% {

		opacity: 0;

		transform: translateY(-20px);

	}



	100% {

		opacity: 1;

		transform: translateY(0);

	}

}



.fadeInLeft {

	-webkit-animation-name: fadeInLeft;

	-moz-animation-name: fadeInLeft;

	-o-animation-name: fadeInLeft;

	animation-name: fadeInLeft;

}



/* Hamburger icon animation */

#mobile-menu,

#tablet-menu {

	width: 35px;

	position: relative;

	margin: 0 auto;

	-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;

}



#mobile-menu span,

#tablet-menu span {

	display: block;

	position: absolute;

	height: 3px;

	width: 50%;

	background: #003964;

	border-radius: 3px;

	opacity: 1;

	left: 11px;

	top: 15px;

	-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;

}



/* Icon 3 */



#mobile-menu span:nth-child(1),

#tablet-menu span:nth-child(1) {

	top: 18px;

}



#mobile-menu span:nth-child(2),

#mobile-menu span:nth-child(3),

#tablet-menu span:nth-child(2),

#tablet-menu span:nth-child(3) {

	top: 24px;

}



#mobile-menu span:nth-child(4),

#tablet-menu span:nth-child(4) {

	top: 30px;

}



#mobile-menu.open span:nth-child(1),

#tablet-menu.open span:nth-child(1) {

	top: 18px;

	width: 0%;

	left: 50%;

}



#mobile-menu.open span:nth-child(2),

#tablet-menu.open span:nth-child(2) {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

}



#mobile-menu.open span:nth-child(3),

#tablet-menu.open span:nth-child(3) {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



#mobile-menu.open span:nth-child(4),

#tablet-menu.open span:nth-child(4) {

	top: 18px;

	width: 0%;

	left: 50%;

}



/* Search Icon*/

.sb-search {

	position: absolute;

	width: 0%;

	min-width: 60px;

	height: 158px;

	right: 0;

	overflow: hidden;

	-webkit-transition: width 0.3s;

	-moz-transition: width 0.3s;

	transition: width 0.3s;

	-webkit-backface-visibility: hidden;

}



.sb-search-input {

	position: absolute;

	top: 60px;

	right: 0;

	border: none;

	outline: none;

	background: #fff;

	width: 100%;

	height: 113px;

	margin: 0;

	z-index: 10;

	padding: 0;

	font-family: inherit;

	font-size: 20px;

	display: none;

	color: #003964;

	line-height: 24px;

}



.sb-search-input::-webkit-input-placeholder {

	color: #DBD9D6;

}



.sb-search-input:-moz-placeholder {

	color: #DBD9D6;

}



.sb-search-input::-moz-placeholder {

	color: #DBD9D6;

}



.sb-search-input:-ms-input-placeholder {

	color: #DBD9D6;

}



.sb-icon-search,

.sb-search-submit {

	width: 45px;

	height: 45px;

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	padding: 3px 0 0 0;

	margin: 0;

	text-align: center;

	cursor: pointer;

}



.sb-search-submit {

	background: #fff;

	/* IE needs this */

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	/* IE 8 */

	filter: alpha(opacity=0);

	/* IE 5-7 */

	opacity: 0;

	color: transparent;

	border: none;

	outline: none;

	z-index: -1;

}



.sb-icon-search {

	color: #fff;

	z-index: 90;

	font-size: 28px;

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	-webkit-font-smoothing: antialiased;

}



/* Open state */

.search-btn {

	float: right;

	right: 45px;

	position: absolute;

	top: 85px;

	z-index: 11;

	display: none;

}



.sb-search-open .search-btn {

	display: block;

}



.sb-search.sb-search-open,

.no-js .sb-search {

	width: 100%;

	z-index: 999;



}



.sb-search-open>form>input#search {

	top: 45px;

	display: block;

	padding-left: 50px;

}



.sb-search.sb-search-open .sb-icon-search,

.no-js .sb-search .sb-icon-search {

	color: #fff;

	z-index: 11;

}



.sb-search.sb-search-open .sb-search-submit,

.no-js .sb-search .sb-search-submit {

	z-index: 90;

}



.sb-icon-search {

	background: url('../images/search-icon.png') no-repeat 12px 12px;

}



.sb-search-open .sb-icon-search,

.sb-icon-search:hover {

	background: #003964 url('../images/search-white.png') no-repeat 12px 12px;

}



/*--New Styles--*/

sup {

	font-size: 55%;

	top: -0.75em;

}



.noPadding {

	padding: 0px;

}



.leftRightPadding {

	display: block;

}



.leftRightPadding15 {

	display: block;

}



.leftMargin15 {

	margin-left: -15px;

}



.bottomPadding100 {

	padding-bottom: 100px;

}



/*--New Styles ends--*/



/* Media Queries for different breakpoints */

@media (max-width: 767px) {

	.contact-wrap .contact-prompt {

		font-size: 16px;

		padding-top: 12px;

		margin-left: -15px;

	}



	.contact-wrap .contact-msg {

		display: block;

	}



	.contact-wrap a.btn {

		float: right;

	}



	.whattoknow-content {

		margin-left: 0;

		padding: 0 15px;

		width: 100%;

	}



	.mobile-footer {

		display: block;

	}



	.footer {

		display: none;

	}



	.leftRightPadding30 {

		padding-left: 30px;

		padding-right: 30px;

	}



	.leftRightPadding15 {

		padding-left: 15px;

		padding-right: 15px;

	}



	.featuredProductPadding {

		margin-bottom: 20px;

	}

}



@media (max-width: 767px) {



	.page-wrap,

	.mid-body-wrap {

		width: 100%;

	}



	.container {

		padding: 0;

	}



	.nav-mobile-top {

		top: 0;

	}



	.mobile-footer {

		width: 100%;

	}



	.slider-content,

	.slider-content h2,

	.slider-content p,

	.slide-bullet {

		width: 100%;

		padding: 0 15px;

	}



	/* what to know css */

	.whattoknow,

	.whattoknow-content {

		width: 100%;

	}



	.whattoknow-content p,

	.whattoknow-content a {

		font-size: 14px;

		line-height: 23px;

		font-weight: normal;

		font-family: 'Swiss_721 W07 Rom';

	}



	.whattoknow-content h2 {

		font-size: 42px;

		line-height: 59px;

	}



	.look-closer {

		margin-top: 15px;

		margin-bottom: 150px;

	}



	/* css for mobile footer*/

	.contact-row,

	.mobile-footer-menu {

		padding: 0 15px;

	}



	.contact-wrap,

	.footer-menu {

		width: 100%;

	}



	.mobile-footer-menu>div>ul {

		margin: 12px 0 0 0;

		padding: 0;

		list-style: none;

	}



	.mobile-footer-menu {

		padding-top: 15px;

	}



	.mobile-footer-menu>div {

		padding: 0;

	}





	.mobile-footer-menu>div.mobile-footer-bottom {

		width: 100%;

		margin: 0;

		padding: 0;

	}



	.mobile-footer-menu>div.mobile-footer-bottom>ul {

		margin: 30px 0 0 0;

		padding: 0;

		width: 100%;

		float: left;

	}



	.mobile-footer-menu>div.mobile-footer-bottom>ul>li {

		color: rgb(240, 239, 234);

		font-family: Lato, sans-serif;

		font-size: 12px;

		font-weight: normal;

		line-height: 15px;

		list-style: none;

		padding: 0 18px 0 0;

		text-transform: none;

		display: inline-block;

	}



	.mobile-footer-menu>div.mobile-footer-bottom>span {

		display: block;

		width: 100%;

		clear: both;

		padding: 20px 0;

	}



	.footer,

	.footer-bottom,

	.mobile-footer {

		width: 100%;

	}



	.mobile-footer-menu>div>ul {

		margin: 0 0 20px 0;

	}

}



@media (min-width: 768px) {

	.mid-block {

		margin: 0;

		padding: 0;

	}



	.mobile-footer {

		display: none;

	}



	.footer {

		display: block;

	}

}



@media (max-width: 920px) {

	.topnav a {

		display: none;

	}



	.mobile-header a.icon {

		float: right;

		display: block;

		color: #003964;

	}

}



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

	.topnav.responsive {

		position: relative;

		-webkit-transition: all 1s ease-in-out;

		-moz-transition: all 1s ease-in-out;

		-ms-transition: all 1s ease-in-out;

		-o-transition: all 1s ease-in-out;

		transition: all 1s ease-in-out;

	}



	.topnav.responsive .icon {

		position: absolute;

		right: 0;

		top: 0;

	}



	.topnav.responsive a {

		float: none;

		display: block;

		text-align: left;



	}



	.container {

		width: 100%;

	}

}



@media (min-width: 920px) {

	.mobile-footer {

		display: none;

	}

}



@media (max-width: 1170px) and (min-width: 768px) {



	.page-wrap,

	.nav-wrap,

	.footer {

		width: 100%;

	}



	.main-links {

		display: none;

	}



	.tablet-menu {

		display: block;

		padding-right: 10px;

	}



	.mobile-menu {

		display: none;

	}



	.whattoknow-content {

		width: 80%;

		margin-left: auto;

		margin-right: auto;

	}



	.whattoknow-content p {

		width: 100%;

	}



	.footer-menu>ul {

		margin: 30px 0 0 0;

		width: 20%;

	}



	.footer-menu,

	.contact-wrap {

		width: 84%;

	}



	.footer-bottom {

		margin: 0;

		width: 100%;

	}



}



@media (max-width: 1170px) and (min-width: 920px) {

	.main-nav-wrap {

		width: 66%;

		float: left;

	}



	.requestBtnMargin {

		margin-top: 0px;

		z-index: 5;

		position: relative;

	}

}



@media (max-width: 920px) and (min-width: 768px) {

	.main-nav-wrap {

		width: 59%;

		float: left;

		z-index: 1;

		position: relative;

	}



	.requestBtnMargin {

		margin-top: 0px;

	}

}



@media (max-width: 1200px) and (min-width: 768px) {



	.slider-content,

	.slide-bullet {

		width: 85%;

	}



	.home-slider .slide-bullet .carousel-indicators {

		width: 85%;

		left: 0;

	}



	.nav-wrap {

		padding: 40px 15px 0;

	}



	.logo-container,

	.global-link {

		margin-left: 15px;

	}



	.logo-container {

		z-index: 1;

		position: relative;

	}



}



@media (min-width: 1171px) {

	.mobile-menu {

		display: none;

	}



	.tablet-menu {

		display: none;

	}

}



@media (min-width: 1200px) {



	.mid-body-wrap,

	.nav-wrap,

	.main-minbar {

		width: 1170px;

	}



	.main-minbar {

		margin: 0 auto;

	}

}



/*Styles for product landing page*/

.product-landing h2 {

	font-family: "VAG Rounded W01 Thin";

	font-size: 72px;

	font-weight: 100;

	line-height: 73px;

	color: #fff;



}



.product-landing p {

	color: #fff;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 24px;

	font-weight: 500;

	line-height: 30px;

}



.product-landing .row {

	color: #fff;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 24px;

	font-weight: 500;

	line-height: 22px;

}



.product-landing .product-results .empty-results {

	display: none;

	color: #0A3B61;

	text-align: center;

	font-size: 18px;

	margin-bottom: 20px;

}



.carousel-content {

	position: absolute;

	top: 30%;

	left: 5%;

}



/*Styles for side navigation*/

.product-content h3 {

	color: #0A3B61;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 18px;

	line-height: 31px;

	display: inline-block;

}



.sidenav-bar a {

	color: #E35205;

	font-family: "Swiss_721 W07 Rom";

	font-size: 12px;

}



.sidenav-bar-heading {

	height: 55px;

	margin-left: 15px;

}



.product-card {

	margin-bottom: 15px;

}



.product-card .product-img {
	position: relative;
	font-size: 0;
}

.product-card .product-img img {
	width: 100%;
}


.product-card .recipe-img {

	padding-bottom: 64%;

	position: relative;

}



.product-card a:hover,

.product-card a:focus {

	text-decoration: none;

}



.product-card.product-card-recipe {

	padding-left: 15px;

}



.product-details {

	background-color: #F0EFEA;

	padding: 15px 10px;

}



.product-details h4 {
	margin: 0;
	color: #003964;
	font-family: 'Swiss_721 W01 Bold';
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.product-details p {

	margin: 0;

	padding: 0 15px;

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 14px;

	line-height: 19px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.product-details span {

	margin: 0;

	padding: 10px 15px;

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 12px;

	line-height: 19px;

	display: block;

}



.product-search-desc>p {

	height: 19px;

	overflow: hidden;

}



.recipe-wrap .product-details span {

	color: #E35205;

	padding: 0 15px;

	line-height: 16px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.recipe-wrap .product-details span>label {

	color: #686868;

}



.recipe-wrap .product-details span:last-child {

	padding-bottom: 15px;

}



.recipe-wrap .product-details h4 {

	padding: 20px 15px;

}



.filter-panel {

	margin-top: 5px;

}



.filter-panel h3 {

	margin-top: 20px;

	margin-left: 15px;

	margin-bottom: 5px;

}



.filter-panel .panel-body {

	border-top: 1px solid #E1E0D6;

}



.filter-panel a,

.filter-panel a:hover {

	color: #0A3B61;

	font-family: 'Swiss_721 W01 Bold';

	font-size: 14px;

	line-height: 16px;

	padding: 12px 15px;

	display: block;

	text-decoration: none;

}



.filter-panel a i {

	float: right;

	transition: .2s;

	color: #686868;

	font-size: 18px;

}



.filter-panel a[aria-expanded="true"] i {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	transition: .2s;

}



.filter-panel .panel {

	background-color: #F0EFEA;

	border: 0;

	border-radius: 0;

	position: relative;

}



.filter-list {

	list-style-type: none;

	padding-left: 0;

	margin-bottom: 0;

}



.filterLabel span {

	color: #0A3B61;

	font-size: 12px;

}



.filter-search {

	padding: 0;

	margin-top: 0;

	margin-bottom: 0;

}



.filter-search .input-group {

	width: 100%;

	position: relative;

}



.filter-search .input-group>#searchInput {

	color: #686868;

	font-size: 12px;

}



.filter-search .btn-default {

	position: absolute;

	right: 0;

	height: 42px;

	margin-left: 5px;

	border-radius: 0;

	border-left: 0;

	padding: 10px;

}



.filter-search .form-control {

	border-radius: 0;

	border-right: 0;

	z-index: 0;

	-webkit-box-shadow: none;

	padding-left: 15px;

	padding-right: 50px;

	height: 42px;

	text-overflow: ellipsis;

}



.filter-search .form-control:focus {

	border-color: #ccc;

}



.form-control:focus {

	border-color: transparent;

}



.filter-search .btn-default i {

	font-size: 20px;

	color: #ccc;

}



.results-pagination {

	list-style-type: none;

	float: right;

	margin-bottom: 0;

	padding: 0;

}



.pagination-bottom .results-pagination {

	margin-top: 20px;

	margin-bottom: 10px;

}



.results-pagination li {

	display: inline-block;

	padding-right: 5px;

	color: #0A3B61;

}





.results-pagination .page-count {

	font-size: 14px;

	line-height: 16px;

}



.results-pagination li:last-child {

	padding: 0;

}



.search-pagination .prev,

.search-pagination .next {

	padding: 5px 12px;

	border: 0;

	border-radius: 4px;

	margin-left: 5px;

	color: #ccc;

	vertical-align: middle;

	background-color: transparent;

	background-repeat: no-repeat;

	background-size: auto 10px;

	background-position: center;

	height: 30px;

	width: 30px;

	background-color: #F0EFEA;

	display: inline-block;

}



.search-pagination .prev {

	background-image: url("../images/arrow-icon-grey-prev.png");

}



.search-pagination .next {

	background-image: url("../images/arrow-icon-grey-prev.png");

	transform: rotate(180deg);

}



.results-pagination a {

	color: #E35205;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 14px;

	line-height: 16px;

	padding-right: 10px;

	border-right: 1px solid #0A3B61;

}



.results-pagination a:hover {

	text-decoration: underline;

	color: #E35205;

}



.btn-blue {

	background-color: #003964;

}



.btn-disable {

	background-color: #F0EFEA;

}



.sidenav-bar .btn-primary {

	float: right;

	font-family: 'Swiss_721 W01 Bold';

	border: 1px solid #DBD9D6;

}

.search-pagination .prev:hover,

.search-pagination .next:hover {

	background-color: #003964;

	color: #ccc;

}

/*Filter checkbox design*/

.filter-list label {

	position: relative;

}



.filter-list input[type="checkbox"] {

	opacity: 0;

	position: absolute;

}



.filter-list input[type="checkbox"]+span:before {

	content: '';

	height: 18px;

	width: 18px;

	display: inline-block;

	vertical-align: middle;

	margin-right: 5px;

	background: url("../images/check-box.png")no-repeat;

}



.filter-list input[type="checkbox"]:checked+span:before {

	background: url("../images/check-box-select.png")no-repeat;

}



.next-btn-container {

	display: none;

}



.product-content {

	margin-top: 20px;

}



.results-heading {

	height: 55px;

	padding-left: 0;

}



.toggle-item {

	color: #0A3B61;

	font-family: 'Swiss_721 W01 Bold';

	font-size: 14px;

	line-height: 28px;

	padding: 7px 15px;

	display: block;

	text-decoration: none;

	width: 100%;

	border: 0;

	background-color: #F0EFEA;

	margin-top: 5px;

	text-align: left;

}



.toggle-item:focus {

	outline: none;

}



.toggle-item i {

	float: right;

	font-size: 30px;

}



.search-mobile {

	display: none;

}



/*Styles for recipe slider*/



.recipe-block .item>div.img-wrap {

	flex-direction: row;

	-webkit-flex-direction: row;

	-ms-flex-direction: row;

	-webkit-align-items: flex-end;

	-ms-flex-align: end;

	align-items: flex-end;

}



.recipe-block .item>div.img-wrap .slider-content {

	margin-left: 0;

	margin-right: 0;

}



.recipe-slider-block {

	width: 100%;

	margin: 0 auto 60px;

	padding: 20px;

	position: relative;

	background-color: rgba(255, 255, 255, .8);



}



.recipe-slider-block>div>h2,

.recipe-slider-block>div>p,

.recipe-slider-block>div>span {

	padding: 0 15px;

	margin: 0;

}



.recipe-slider-block>div>h2 {

	font-size: 36px;

}



.recipe-slider-block>div>p {

	font-size: 18px;

	line-height: 26px;

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	width: 55%;

	margin-bottom: 15px;

}



.recipe-slider-block>div>span {

	font-size: 14px;

	line-height: 22px;

	color: #E35205;

	font-family: 'Swiss_721 W07 Rom';

}



.recipe-slider-block>div.btn-wrap {

	position: absolute;

	right: 20px;

	bottom: 20px;

}



.recipe-slider-block>div.btn-wrap a:first-child {

	margin-right: 8px;

}



.new-tag {

	position: absolute;

	top: 0;

	right: 0;

	width: 25%;

}



.patent-pending-tag {

	position: absolute;

	bottom: 3%;

	left: 3%;

	width: 17%;

}



.mobile-header .dl-menuwrapper .mobile-menu {

	display: none;

}



.dl-menuwrapper .tablet-menu {

	display: none;

}



.product-item {

	width: 100%;



}



.product-photo-gallery {

	padding-right: 5px;

}



/*Product page mobile layout*/

@media (max-width: 767px) {

	.slider-content {

		text-align: center;

	}



	.explore-products {

		margin-top: 20px;

	}



	.slide-bullet {

		margin-left: 0;

	}



	.home-slider .carousel-indicators {

		width: 100%;

		text-align: center;

	}



	.slider-content h2 {

		font-size: 50px;

		line-height: 50px;

	}



	.product-landing .carousel-content p {

		font-size: 18px;

		line-height: 18px;

		padding-right: 0;

	}



	.product-landing .carousel-indicators {

		text-align: center;

	}



	.sidenav-bar,

	.results-heading {

		display: none;

	}



	.product-results .row {

		margin-left: -15px;

		margin-right: -15px;

	}



	.next-btn-container {

		display: block;

		margin-bottom: 20px;

	}



	.next-btn-container button {

		width: 290px;

	}



	.search-mobile {

		display: block;

	}



	.search-mobile h3 {

		margin-left: 15px;

	}



	.search-mobile .btn-default {

		width: auto;

	}



	.search-mobile .filter-search {

		margin-top: 10px;

		margin-bottom: 15px;

	}



	.overlay {

		height: 0%;

		width: 100%;

		position: fixed;

		z-index: 1;

		top: 108px;

		left: 0;

		background-color: rgb(0, 0, 0);

		background-color: rgba(0, 0, 0, 0.9);

		overflow-y: hidden;

		transition: 0.5s;

	}



	.overlay a {

		text-decoration: none;

		font-size: 22px;

		color: #003964;

		display: block;

		transition: 0.3s;

		position: absolute;

		right: 0;

		padding: 12px 15px;

		font-weight: bold;

		background: #fff;

	}



	.overlay a:hover,

	.overlay a:focus {

		color: #f1f1f1;

	}



	.toggle-search {

		background-color: #003964;

	}



	.toggle-search i {

		color: #fff;

	}



	/*Styles to handle the main menu in mobile devices*/

	.main-nav,

	.main-minbar {

		display: none;

	}



	.home-slider {

		top: 0;

	}



	.content-wrapper {

		width: 100%;

	}



	.mobile-header {

		display: block;

		height: 55px;

	}



	.mobile-header a.logo {

		width: 180px;

		display: block;

		float: left;

		position: absolute;

		z-index: 1000;

	}



	.mobile-header a:hover.icon {

		background-color: #eff0e7;

	}



	.mobile-header .global-link-mobile {

		width: 25px;

		height: 25px;

		margin-right: 40px;

		display: inline-block;

		float: right;

		padding: 0;

	}



	.mobile-header .global-link-mobile>a {

		position: absolute;

		z-index: 1000;

	}



	.recipe-landing .home-slider .item>div.img-wrap {

		-webkit-align-items: center;

		align-items: center;

	}



	.recipe-slider-block {

		padding: 10px 0 0;

	}



	.recipe-slider-block>div>h2,

	.recipe-slider-block>div>span {

		padding: 0 15px;

		margin: 10px 0;

	}



	.recipe-slider-block>div>h2 {

		font-size: 30px;

		font-weight: 300;

		line-height: 34px;

	}



	.recipe-slider-block>div>p {

		display: none;

	}



	.recipe-slider-block>div.btn-wrap {

		position: relative;

		right: auto;

		bottom: 20px;

		margin-top: 30px;

	}



	.mobile-header .dl-menuwrapper .mobile-menu {

		display: block;

	}



	.slider-content h3 {

		font-size: 18px;

		font-weight: 500;

		line-height: 22px;

	}



	.slider-content p {

		font-size: 16px;

		font-weight: 500;

		line-height: 22px;

	}



	.requestBtnMargin {

		margin-top: 0px;

	}



	.product-photo-gallery {

		padding: 0px;

	}



	.pagination-bottom {

		padding: 0;

		margin-bottom: 20px;

	}



}



/*--Recipe Landing--*/

@media (min-width: 992px) and (max-width: 1199px) {

	.recipe-slider-block>div>p {



		width: 67%;

	}



}



@media (min-width: 768px) and (max-width: 991px) {

	.recipe-slider-block>div>p {



		width: 55%;

	}



	.recipe-slider-block>div>span {



		width: 58%;

		display: inline-block;

	}



}



/*--Recipe Landing ends--*/

@media (min-width: 767px) {

	.product-card {

		padding-left: 0;

	}



	.product-results {

		padding: 0;

	}



	.product-content {

		margin-bottom: 20px;

	}



	.product-landing .slider-content h2 {

		width: 35%;

	}

}



/* The switch - the box around the slider */

.switch {

	position: absolute;

	right: 10px;

	display: inline-block;

	width: 38px;

	height: 20px;

	top: 11px;

	margin: 0;

}



/* Hide default HTML checkbox */

.switch input {

	display: none;

}



/* The slider */

.slider {

	position: absolute;

	cursor: pointer;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #F0EFEA;

	-webkit-transition: .4s;

	transition: .4s;

}



.slider:before {

	position: absolute;

	content: "";

	height: 15px;

	width: 15px;

	left: 3px;

	bottom: 1px;

	background-color: #003964;

	-webkit-transition: .4s;

	transition: .4s;

}



input:checked+.slider {

	background-color: #fff;

}



input:focus+.slider {

	box-shadow: 0 0 1px #ccc;

}



input:checked+.slider:before {

	-webkit-transform: translateX(16px);

	-ms-transform: translateX(16px);

	transform: translateX(16px);

}



/* Rounded sliders */

.slider.round {

	border-radius: 34px;

	border: 1px solid #DBD9D6;

}



.slider.round:before {

	border-radius: 50%;

}



/* Product details styles */

.summary-wrap {

	width: 90%;

}



.item-id {

	color: #686868;

	font-size: 18px;

	line-height: 18px;

}



.summary-wrap h2 {

	color: #003964;

	font-family: 'VAG Rounded W01 Light';

	font-size: 42px;

	font-weight: 300;

	line-height: 47px;

	margin-top: -5px;

}



.summary-wrap h3 {

	color: #686868;

	font-family: 'Swiss_721 W01 Bold';

	font-size: 18px;

	font-weight: bold;

	line-height: 25px;

	margin-bottom: 0;

}



.summary-wrap h4 {

	color: #003964;

	font-family: 'Swiss_721 W01 Bold';

	font-size: 18px;

	line-height: 27px;

	margin-bottom: 0;

}



.summary-wrap p,

.summary-wrap ul li {

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 18px;

	line-height: 27px;

}



.summary-wrap ul {

	padding-left: 17px;

}



.summary-wrap.crispy ul li {

	margin: 5px 0 5px 50px;

}



.summary-wrap.crispy ul li.right {

	margin-left: 80px;

}



.summary-wrap .description {

	margin-top: 20px;

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 18px;

	line-height: 27px;

}



.summary-wrap .international {

	font-family: 'Swiss_721 W01 Bold';

	color: #003964;

	margin-top: 20px;

}



.summary-wrap p {

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 18px;

	line-height: 27px;

}



.summary-wrap .specs {

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 18px;

	line-height: 27px;

}



.productDetails .request-link {

	margin: 5px 0;

}



.productDetails .request-link:nth-child(2) {

	margin-top: 20px;

}



.productDetails .request-link a {

	font-family: 'Swiss_721 W01 Bold';

	font-size: 18px;

	font-weight: bold;

	color: #e35205;

	padding-bottom: 3px;

}



.thumbnails {

	position: static;

	background-color: #F0EFEA;

	width: 100%;

	left: 0;

	margin: 0;

	padding: 0 0 0 10px;

	bottom: 0;

	height: 110px;

	z-index: 0;

}



.carousel-indicators .galleryThumb {

	width: 100px;

	float: left;

	margin: 20px 0 20px 10px;

	height: auto;

}



@media (max-width: 350px) {

	.carousel-indicators .galleryThumb {

		width: 90px;

	}

}



.active .border {

	border: 4px solid #fff;

}



.details-info {

	padding-top: 40px;

	padding-bottom: 40px;

}



.details-info h4 {

	color: #003964;

	font-family: 'VAG Rounded LT W01 Bold';

	font-size: 28px;

	line-height: 24px;

	margin: 20px 0 10px 0;

}



.details-info .nav-tabs>li>a {

	width: 100%;

	text-align: center;

	font-family: 'VAG Rounded LT W01 Bold';

	letter-spacing: 0.5px;

	text-transform: uppercase;

	padding: 20px 0;

	border-radius: 0;

	background-color: #F0EFEA;

	border: 0;

	display: flex;

	display: -webkit-flex;

	-webkit-flex-direction: column;

	flex-direction: column;

	height: 60px;

	-webkit-justify-content: center;

	justify-content: center;

}



.details-info .nav-tabs>li.active>a {

	color: #fff;

	background-color: #003964;

	border: 0;

}



.details-info .nav-tabs {

	border: 0;

	margin-bottom: 30px;

}



.details-info .nav-tabs>li {

	width: 32.5%;

	margin-right: 6px;

}



.details-info .nav-tabs>li:last-child {

	margin-right: 0;

}



.nutrition-facts {

	border-bottom: solid 6px #003964;

	margin-bottom: 20px;

}



.nutrition-facts p {

	font-family: 'VAG Rounded W01 Light';

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	margin-bottom: 20px;

}



.nutrition-facts p .bold {

	font-family: 'VAG Rounded LT W01 Bold';

	font-size: 22px;

	line-height: 25px;

}



.nutrition-facts p .values {

	color: #003964;

	font-size: 24px;

	display: inline-block;

	padding-left: 15px;

}



.nutrition-facts p .blue {

	color: #003964;

}



.nutrition-table>tbody>tr>th,

.nutrition-table>tbody>tr>td {

	border: 0;

	color: #0A3B61;

	font-size: 18px;

	line-height: 39px;

	height: 40px;

	padding: 0 15px;

}



.nutrition-table>tbody>tr.rule {

	border-bottom: solid 4px #003964;

}



.nutrition-table>tbody>tr>th {

	font-family: 'VAG Rounded W01 Light';

	font-size: 22px;

	line-height: 18px;

}



.nutrition-table>tbody>tr>th.bold {

	font-family: 'VAG Rounded LT W01 Bold';

	font-weight: bold;

}



.nutrition-table>tbody>tr>td {

	font-family: 'VAG Rounded W01 Light';

}



.nutrition-table>tbody>tr>td.bold {

	font-family: 'VAG Rounded LT W01 Bold';

	font-weight: bold;

}



.nutrition-table>tbody>tr>td.indent {

	padding-left: 50px;

}



.nutrition-table>tbody>tr>td.indent2 {

	padding-left: 75px;

}



.nutrition-table>tbody>tr>td.right,

.nutrition-table>tbody>tr>th.right {

	text-align: right;

}



@media (max-width: 767px) {



	.nutrition-table>tbody>tr>th,

	.nutrition-table>tbody>tr>td {

		font-size: 16px;

		padding: 5px;

		line-height: 20px;

	}



	.nutrition-table>tbody>tr>td.indent {

		padding-left: 25px;

	}

}



@media (min-width: 600px) {

	.nutrition-table>tbody>tr>th.cm-method {

		min-width: 130px;

	}



	.nutrition-table>tbody>tr>th.cm-time {

		min-width: 130px;

	}

}



.nutrition-table>tbody>tr:nth-of-type(even) {

	background-color: #F0EFEA;

}



.nutrition-table>tbody>tr:nth-of-type(odd) {

	background-color: transparent;

}



.tabpanelMobile {

	display: none;

}



.instructions {

	margin-bottom: 20px;

}



.instructions p {

	color: #686868;

	font-family: 'VAG Rounded W01 Light';

	font-size: 18px;

	line-height: 24px;

	margin-bottom: 0;

}



.print-ingredients {

	display: none;

}



.ingredients {

	display: block;

}



.product-recipe a:hover {

	text-decoration: none;

}



.product-recipe h5 {

	color: #003964;

	font-family: "Swiss_721 W01 Bold";

	font-size: 16px;

	line-height: 19px;

	padding: 0 15px;

	margin-bottom: 0px;

}



.product-recipe p {

	margin: 0;

	padding: 0 15px;

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 14px;

	line-height: 19px;

}



.product-recipe span.item {

	font-family: "Swiss_721 W07 Rom";

	color: #686868;

	font-size: 12px;

	line-height: 19px;

	padding: 10px 15px 0px 15px;

	display: block;

}



.recipe-sec-bottom {

	margin-bottom: -29px;

}



.product-recipe li {

	background-color: #F0EFEA;

	padding-bottom: 12px;

	margin-bottom: 15px;

}



.details-info .btn-container {

	background-color: #F0EFEA;

	padding: 30px 20px;

}



.btn-container.button-top-margin {

	margin-top: 44px;

}



.details-info .img-responsive {

	padding-bottom: 64%;

	background-size: cover;

}



.product-resources-list li {

	background-color: #F0EFEA;

	margin-bottom: 5px;

	padding: 10px;

}



.product-resources-list span {

	display: inline-block;

	color: #686868;

	font-size: 16px;

	line-height: 20px;

	text-transform: capitalize;

	float: left;

}



.ic-pdf {

	width: 60px;

	height: 60px;

	background: url('/assets/shared/images/pdf-icon.png')no-repeat;

}



.pdf-name {

	width: 75%;

	margin-top: 12px;

	margin-left: 5px;

}



.recipe-details .summary-wrap h2 {

	margin-top: 0;

}



.pdf-btn-container {

	background-color: #f0efea;

	padding: 20px 15px;

	margin: 20px 15px;

}



.recipe-ingredients {

	margin-bottom: 56px;

}



.recipe-ingredients ul {

	list-style-type: none;

	padding: 0;

}



.recipe-ingredients ul li,

.recipe-ingredients,

.recipe-ingredients p,

.recipe-directions p,

.recipe-directions ol li,

.yield-wrap p,

.recipe-directions {

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 18px;

	line-height: 27px;

}



.recipe-directions ol li {

	list-style: none;

}



.recipe-ingredients .gridSide {

	display: none;

}



.recipe-ingredients li b {

	color: #003964;

	font-family: 'Swiss_721 W01 Bold';

	font-size: 18px;

	font-weight: bold;

	line-height: 24px;

}



.recipe-ingredients a,

.recipe-ingredients a:hover {

	color: #E35205;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 18px;

	line-height: 27px
}



.recipe-ingredients u,

.recipe-directions u {

	color: #003964;

	font-family: 'Swiss_721 W01 Bold';

	font-size: 18px;

	font-weight: bold;

	line-height: 30px;

	text-decoration: none;

}



.recipe-directions ol,

.recipe-directions ul {

	padding-left: 0px;

}



/*--anchor inside recipe direction-- 403, check 406-ingredient*/

.recipe-directions p a,

.recipe-directions a,

.recipe-directions li a {

	color: #E35205;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 18px;

	line-height: 27px;

}



.recipe-directions p a:hover,

.recipe-directions a:hover,

.recipe-directions li a:hover {

	color: #E35205;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 18px;

	line-height: 27px;

}



.recipe-directions ul li {

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 18px;

	line-height: 27px;

	list-style: none;





}



.recipe-directions ul li b,

.recipe-directions b {

	color: #003964;

	font-family: 'Swiss_721 W01 Bold';

	font-size: 18px;

	font-weight: bold;

	line-height: 30px;

}



.recipe-directions {

	background-color: #F0EFEA;

	padding: 40px 40px 10px 40px;

}



.recipeYield {

	color: #686868;

	font-family: 'Swiss_721 W07 Rom';

	font-size: 18px;

	line-height: 27px;

}



.yield-wrap {

	background-color: #F0EFEA;

	padding: 20px 40px 40px 40px;

}



.yield-wrap h4 {

	margin-top: 0;

	margin-bottom: 0;

}



.featured-products {

	background-color: #F0EFEA;

	padding-bottom: 10px;

	margin-bottom: 15px;

}



.product-recipe h4 {

	margin-bottom: 10px;

}



.product-recipe h5 {

	margin-top: 10px;

}



.carousel-inner .img-bg,

.details-wrap .img-bg {

	background-size: cover;

	background-repeat: no-repeat;

	padding-bottom: 64%;

}



.product-image-container {

	position: relative;

	overflow: hidden;

}



.product-image-container .carousel-inner .item .img-responsive {

	width: 100%;

}



.recipe-image-container {

	position: relative;

	overflow: hidden;

	/*max-width: 430px;*/

}



#nutrition>h4,

#cookingMethods>h4,

#shippingStorage>h4 {

	display: none;

}



/*--Common Banner Image--*/

.img-wrap {

	position: relative;

	height: 80vh;

	max-height: 640px;

	width: 100%;

}



.hero-content {

	color: #fff;

	width: 1170px;

	margin: 0 auto;

}



.hero-content h1 {

	width: 65%;

	margin-bottom: 20px;

}



.hero-content p {

	width: 450px;

	color: #fff;

}



.hero-content a {

	display: inline-block;

	margin-top: 10px;

}



/*--Home Landing Pages-*/

a:hover,

a:focus {

	text-decoration: none;

}



.hero-content.heroContentTop {

	padding-top: 90px;

}



.hero-content.heroContentTop p {

	width: 680px;

}





/*--Slider section ends-*/



.xsNoPadding {

	display: block;

}



.h2Padding {

	padding: 0px 0 40px 0px;

}



/*--Recipe section--*/

.recipeHeader {

	background: #f0efea;

	padding: 20px;

	text-align: left;

}



.noDecoration {

	text-decoration: none;

	margin-bottom: 15px;

}



.noDecoration:hover,

.noDecoration:focus {

	text-decoration: none;

}



.paddingLeftRight10 {

	padding: 0px 10px;

}



.recipeHeader h4 {

	padding-bottom: 20px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.recipeHeader p {

	color: #686868;

	font-size: 18px;

	line-height: 27px;

	margin-bottom: 5px;

}



.recipeHeader span {

	color: #E35205;

	font-size: 18px;

	line-height: 27px;

	margin-bottom: 5px;

}



.itemName {

	width: auto;

	display: inline;

}



.imageFullWidth {

	width: 100%;

}



.bottomPadding {

	padding-bottom: 15px;

	padding-left: 7px;

	padding-right: 7px;

}



/*--Banner Image ends--*/

@media (min-width: 768px) {



	.productDetails,

	.recipeDetails {

		margin-top: 113px;

	}

}



@media (min-width: 768px) and (max-width: 991px) {

	.page-bottom-content {

		padding: 0px 60px;

	}



	.hero-content.heroContentTop h1 {

		width: 100%;

	}

}



@media (max-width: 767px) {



	/*--Banner Image--*/

	.hero-content {

		width: 100%;

		text-align: center;

		padding: 0 15px;

	}



	.hero-content h1 {

		width: auto;

	}



	.hero-content p {

		width: 100%;

		font-size: 20px;

		line-height: 29px;

	}



	/*--Banner Image Ends--*/

	.btn {

		width: 260px;

	}



	.btn.btn-fixed-width {

		width: auto;

	}



	.mob-center-align {

		text-align: center;

	}



	.hero-content.heroContentTop {

		padding-top: 0px;

	}



	/*--Home bottom section--*/

	.page-bottom-content h2 {

		font-size: 42px;

		font-weight: 100;

		line-height: 40px;

	}



	.page-bottom-content p {

		font-size: 14px;

		line-height: 23px;

		width: 100%;

	}



	.page-bottom-content a {

		font-size: 14px;

		line-height: 27px;

	}



	/*--Home bottom section ends--*/

	.productDetails .product-photo-gallery,

	.recipeDetails .recipe-image-container {

		margin: 0 -15px;

	}



	.pdf-btn-container {

		margin: 20px 0;

	}



	.summary-wrap {

		margin-top: 32px;

		width: 100%;

	}



	.summary-wrap h4 {

		margin-top: 20px;

	}



	.details-info {

		padding-top: 10px;

	}



	.details-info h4 {

		font-size: 20px;

		margin-top: 30px;

	}



	.details-info .nav-tabs {

		margin: 0 -20px 40px;

	}



	.details-info .nav-tabs>li {

		width: 100%;

		margin-bottom: 3px;

	}



	.details-info .nav-tabs>li>a {

		width: 100%;

		text-align: left;

		padding-left: 20px;

	}



	.details-info .tab-content {

		margin: 0 -20px;

	}



	.product-recipe ul,

	.details-info .btn-container,

	.product-resources-list {

		margin: 0 -20px;

	}



	.featured-products {

		margin-left: -20px;

		margin-right: -20px;

	}



	.recipe-directions,

	.yield-wrap {

		margin: 0 -30px;

		padding-left: 30px;

		padding-right: 30px;

	}



	.recipe-sec-bottom {

		margin-bottom: 0px;

	}



	.btn-container.button-top-margin {

		margin-top: 0px;

	}

}



/*--Google Search--*/

.searchResultPanel {



	margin-top: 113px;



}



.cse .gsc-control-cse,

.gsc-control-cse {

	background-color: transparent;

	border: 1px solid transparent;

}



/*--Google search ends--*/

.top-margin-space {

	margin-top: 30px;

}



@media (max-width: 767px) {

	.hero-content {

		width: 100%;

		text-align: center;

		padding: 0 15px;

	}



	.hero-content p {

		width: 100%;

		font-size: 20px;

		line-height: 29px;

	}



	.searchResultPanel {

		margin-top: 0px;

	}



	.top-margin-space {

		margin-top: 0px;

	}



	.potato-img {

		width: 250px;

		margin: 0 auto;

	}

}



@media (max-width: 1200px) and (min-width: 768px) {

	.hero-content {

		width: 85%;

	}



	.hero-content h1 {

		line-height: 44px;

	}



	.hero-content p {

		font-size: 22px;

		line-height: 29px;

	}

}



/*--Home Landing Pages--*/

@media (max-width: 767px) {



	.xsNoPadding {

		padding: 0px;

	}



	.slider-content.sliderContentTop {

		padding-top: 0px;

	}



	/*--Slider section ends-*/



	/*--Recipe section--*/

	.h2Padding {

		padding: 0px 0px 30px 0px;

	}



	.recipeHeader {



		padding: 10px;

	}



	.imageFullWidth {

		width: 100%;

	}



	.recipeHeader h4 {

		padding-bottom: 10px;

		margin-top: 0px;

	}



	.recipeHeader p {

		font-size: 14px;

		line-height: 21px;

	}



	.recipeHeader span {

		font-size: 14px;

		line-height: 21px;



	}



	.bottomPadding {



		padding: 0px 10px 10px 10px;

	}



	/*--Home Landing pages ends--*/

}



/* Bootstrap styles override for menu*/

.dropdown-menu>li>a {

	color: #003964;

	padding: 10px 15px;

	font-size: 13px;

	font-family: "Swiss_721 W01 Medium";

}



.detailPageTop30 {

	padding-top: 20px;

}



.detailPageTop30 .item-id {

	margin-bottom: 18px;

	display: block;

}



.scroll {

	max-height: 260px;

	overflow-y: auto;

}



.scroll.collapsing {

	overflow-y: hidden;

}



/* custom scrollbar style */

.scroll::-webkit-scrollbar {

	width: 6px;

}



/* Track */

.scroll::-webkit-scrollbar-track {

	background-color: #E1E0D6;

}



/* Handle */

.scroll::-webkit-scrollbar-thumb {

	-webkit-border-radius: 6px;

	border-radius: 6px;

	background-color: #686868;

}



.scroll::-webkit-scrollbar-thumb:window-inactive {}



.galleryThumb>div.border {

	height: 68px;

}



.galleryThumb>div.border>img {

	width: 100%;

	height: 100%;

}



.slider-disclaimer {

	font-size: 10px;

	line-height: 12px;

	width: 1170px;

	margin: -25px auto 0;

	font-family: 'VAG Rounded W01 Light';

	color: #fff;

	position: relative;

	display: block;

}



.page-bottom {

	height: 100%;

	background-size: cover;

	background-repeat: no-repeat;

	position: relative;

	background-position: center 30px;

}



.sliderButton {

	float: left;

	margin-right: 20px;

	text-align: center;

}



@media (max-width: 767px) {

	.page-bottom {

		background-size: 100%;

		background-position: center bottom;

	}



	.sliderButton {

		float: none;

		margin-right: 0px;

	}

}



/* Bootstrap styles override for responsive table */

.table-responsive {

	border: 0;

}



/* custom scrollbar style for responsive table */

.table-responsive::-webkit-scrollbar {

	width: 4px;

	height: 8px;

}



/* Track */

.table-responsive::-webkit-scrollbar-track {

	background-color: #E1E0D6;

}



/* Handle */

.table-responsive::-webkit-scrollbar-thumb {

	-webkit-border-radius: 6px;

	border-radius: 6px;

	background-color: #686868;

}



.has-error .g-recaptcha iframe {

	border: 1px solid #a94442;

}



.truncate {

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}



.orangeTitle {

	color: #e35205;

	font-family: "Swiss_721 W07 Rom";

	font-size: 24px;

	line-height: 33px;

}



.modal-body {

	color: #686868;

	font-family: "Swiss_721 W07 Rom";

	font-size: 16px;

	line-height: 19px;

}



@media (max-width: 425px) {

	.contact-row {

		min-height: 97px;

		height: auto;

	}



	.contact-wrap {

		overflow: hidden;

		padding-bottom: 20px;

	}

}





/**

*

*   Collage grid system can support up to 16 images arranged in a 

*   4x4 grid.  Use classes "double-column" or "double-row" to make 

*   images that span 2 rows/columns.  It is important to match the 

*   grid-areas for each cell to the proper aligment on the grid for

*   IE11 support using the "grid-a", "grid-b" cell locations.

*

*   See "home.exploreProducts.items" in en-us.json for example, but 

*   essentially just add grid-* and optional double-* classes

*   to the "cssClass" field of each element

* 

*/



.collage-grid-container {
	width: 100%;
}



.collage-grid-container.three-column {

	width: 100%;

	overflow: hidden;

	-ms-grid-columns: minmax(32%, 1fr) minmax(32%, 1fr) minmax(32%, 1fr);

	grid-template-columns: repeat(3, minmax(32%, 1fr));

	grid-template: "a b c"

		"d e f";

}



.collage-grid-container .item {
	overflow: hidden;
	float: left;
	width: 32.666%;
	margin-right: 1%;
	margin-bottom: 12px;
	position: relative;
}



.collage-grid-container .item img {
	width: 100%;
}



.collage-grid-container .item>.overlay-box {
	background-color: #edebe7;
	height: 80px;
	padding: 20px;
	width: 100%;
	cursor: pointer;
}



.collage-grid-container .item>.overlay-box h3 {

	color: #003964;

	font-family: 'VAG Rounded W01 Light';

	font-size: 26px;

	line-height: 30px;

	font-weight: 300;

	text-align: center;

	width: 100%;

}



.collage-grid-container .item>a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 100;

}



.collage-grid-container .item:nth-child(3n) {
	margin-right: 0;
}



.collage-grid-container .double-row {

	-ms-grid-row-span: 2;

	grid-row: span 2;

}





/*

 *

 *  This is a feature support query that only targets IE11

 *  Use the .grid-* classes to target grid placement for IE11 only

 */



@media all and (-ms-high-contrast: none),

(-ms-high-contrast: active) {

	.collage-grid-container .item {

		margin: 5px;

	}



	.collage-grid-container .item.grid-a {

		grid-area: a;

		-ms-grid-row: 1;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-b {

		grid-area: b;

		-ms-grid-row: 1;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.grid-c {

		grid-area: c;

		-ms-grid-row: 1;

		-ms-grid-column: 3;

	}



	.collage-grid-container .item.grid-d {

		grid-area: d;

		-ms-grid-row: 1;

		-ms-grid-column: 4;

	}



	.collage-grid-container .item.grid-e {

		grid-area: e;

		-ms-grid-row: 2;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-f {

		grid-area: f;

		-ms-grid-row: 2;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.grid-g {

		grid-area: g;

		-ms-grid-row: 2;

		-ms-grid-column: 3;

	}



	.collage-grid-container .item.grid-h {

		grid-area: h;

		-ms-grid-row: 2;

		-ms-grid-column: 4;

	}



	.collage-grid-container .item.grid-i {

		grid-area: i;

		-ms-grid-row: 3;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-j {

		grid-area: j;

		-ms-grid-row: 3;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.grid-k {

		grid-area: k;

		-ms-grid-row: 3;

		-ms-grid-column: 3;

	}



	.collage-grid-container .item.grid-l {

		grid-area: l;

		-ms-grid-row: 3;

		-ms-grid-column: 4;

	}



	.collage-grid-container .item.grid-m {

		grid-area: m;

		-ms-grid-row: 4;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-n {

		grid-area: n;

		-ms-grid-row: 4;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.grid-o {

		grid-area: o;

		-ms-grid-row: 4;

		-ms-grid-column: 3;

	}



	.collage-grid-container .item.grid-p {

		grid-area: p;

		-ms-grid-row: 4;

		-ms-grid-column: 4;

	}



	.collage-grid-container.three-column .item.grid-a {

		grid-area: a;

		-ms-grid-row: 1;

		-ms-grid-column: 1;

	}



	.collage-grid-container.three-column .item.grid-b {

		grid-area: b;

		-ms-grid-row: 1;

		-ms-grid-column: 2;

	}



	.collage-grid-container.three-column .item.grid-c {

		grid-area: c;

		-ms-grid-row: 1;

		-ms-grid-column: 3;

	}



	.collage-grid-container.three-column .item.grid-d {

		grid-area: d;

		-ms-grid-row: 2;

		-ms-grid-column: 1;

	}



	.collage-grid-container.three-column .item.grid-e {

		grid-area: e;

		-ms-grid-row: 2;

		-ms-grid-column: 2;

	}



	.collage-grid-container.three-column .item.grid-f {

		grid-area: f;

		-ms-grid-row: 2;

		-ms-grid-column: 3;

	}

}



@media (max-width: 815px) {



	.collage-grid-container,

	.collage-grid-container.three-column {

		-ms-grid-columns: minmax(50%, 1fr) minmax(50%, 1fr);

		grid-template-columns: repeat(2, minmax(50%, 1fr));

		grid-template: "a b"

			"c d"

			"e f"

			"g h"

			"i j"

			"k l"

			"m n"

			"o p";

	}



	.collage-grid-container .item>.overlay-box {

		height: 70px;

		padding: 15px;

	}



	.collage-grid-container .item>.overlay-box h3 {

		font-size: 24px;

		line-height: 26px;

	}

}



/*

 *

 *  This is a feature support query that only targets IE11

 *  

 */

@media (max-width: 815px) and (-ms-high-contrast: none),

(-ms-high-contrast: active) {

	.collage-grid-container .item {

		margin: 5px;

	}



	.collage-grid-container .item.grid-a {

		grid-area: a;

		-ms-grid-row: 1;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-b {

		grid-area: b;

		-ms-grid-row: 1;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.grid-c {

		grid-area: c;

		-ms-grid-row: 2;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-d {

		grid-area: d;

		-ms-grid-row: 2;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.grid-e {

		grid-area: e;

		-ms-grid-row: 3;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-f {

		grid-area: f;

		-ms-grid-row: 3;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.grid-g {

		grid-area: g;

		-ms-grid-row: 4;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-h {

		grid-area: h;

		-ms-grid-row: 4;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.grid-i {

		grid-area: i;

		-ms-grid-row: 5;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-j {

		grid-area: j;

		-ms-grid-row: 5;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.grid-k {

		grid-area: k;

		-ms-grid-row: 6;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-l {

		grid-area: l;

		-ms-grid-row: 6;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.grid-m {

		grid-area: m;

		-ms-grid-row: 7;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-n {

		grid-area: n;

		-ms-grid-row: 7;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.grid-o {

		grid-area: o;

		-ms-grid-row: 8;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.grid-p {

		grid-area: p;

		-ms-grid-row: 8;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.mobile-grid-a {

		grid-area: a;

		-ms-grid-row: 1;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.mobile-grid-b {

		grid-area: b;

		-ms-grid-row: 1;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.mobile-grid-c {

		grid-area: c;

		-ms-grid-row: 2;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.mobile-grid-d {

		grid-area: d;

		-ms-grid-row: 2;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.mobile-grid-e {

		grid-area: e;

		-ms-grid-row: 3;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.mobile-grid-f {

		grid-area: f;

		-ms-grid-row: 3;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.mobile-grid-g {

		grid-area: g;

		-ms-grid-row: 4;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.mobile-grid-h {

		grid-area: h;

		-ms-grid-row: 4;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.mobile-grid-i {

		grid-area: i;

		-ms-grid-row: 5;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.mobile-grid-j {

		grid-area: j;

		-ms-grid-row: 5;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.mobile-grid-k {

		grid-area: k;

		-ms-grid-row: 6;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.mobile-grid-l {

		grid-area: l;

		-ms-grid-row: 6;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.mobile-grid-m {

		grid-area: m;

		-ms-grid-row: 7;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.mobile-grid-n {

		grid-area: n;

		-ms-grid-row: 7;

		-ms-grid-column: 2;

	}



	.collage-grid-container .item.mobile-grid-o {

		grid-area: o;

		-ms-grid-row: 8;

		-ms-grid-column: 1;

	}



	.collage-grid-container .item.mobile-grid-p {

		grid-area: p;

		-ms-grid-row: 8;

		-ms-grid-column: 2;

	}



	.collage-grid-container.three-column .item.mobile-grid-a {

		grid-area: a;

		-ms-grid-row: 1;

		-ms-grid-column: 1;

	}



	.collage-grid-container.three-column .item.mobile-grid-b {

		grid-area: b;

		-ms-grid-row: 1;

		-ms-grid-column: 2;

	}



	.collage-grid-container.three-column .item.mobile-grid-c {

		grid-area: c;

		-ms-grid-row: 2;

		-ms-grid-column: 1;

	}



	.collage-grid-container.three-column .item.mobile-grid-d {

		grid-area: d;

		-ms-grid-row: 2;

		-ms-grid-column: 2;

	}



	.collage-grid-container.three-column .item.mobile-grid-e {

		grid-area: e;

		-ms-grid-row: 3;

		-ms-grid-column: 1;

	}



	.collage-grid-container.three-column .item.mobile-grid-f {

		grid-area: f;

		-ms-grid-row: 3;

		-ms-grid-column: 2;

	}

}



@media (max-width: 450px) {



	.collage-grid-container .item>.overlay-box,

	.collage-grid-container.three-column .item>.overlay-box {

		padding: 10px;

		height: 60px;

	}



	.collage-grid-container .item>.overlay-box h3,

	.collage-grid-container.three-column .item>.overlay-box h3 {

		font-size: 16px;

		line-height: 20px;

	}



	.collage-grid-container .item .overlay-box a,

	.collage-grid-container.three-column .item .overlay-box a {

		font-size: 10px;

		width: auto;

	}

}

.img-wrapimgwrap {
	height: 20vh;
}

/* 食谱详情 */
.recipe-directionsppren {
	padding: 40px;
	margin-top: 25px;
}

.recipe-directionsppren div {
	padding: 0 !important;
}

.recipe-directionsppren img {
	width: 100%;
}

.recipe-directionsppren h2 {
	font-size: 0 !important;
	text-indent: 0 !important;
}

.recipe-directionsppren p {
	font-size: 18px !important;
}

/**/
@media only screen and (max-width:560px) {
	.img-wrapimgwrap {
		height: 5vh;
	}
}

@media (min-width: 451px) and (max-width: 1440px) {



	.collage-grid-container .item>.overlay-box h3,

	.collage-grid-container.three-column .item>.overlay-box h3 {

		font-size: 22px;

		line-height: 24px;

	}

}

/**/
@media only screen and (max-width:1024px) {
	.collage-grid-container .item {
		width: 49.5%;
	}

	.collage-grid-container .item:nth-child(3n) {
		margin-right: 1%;
	}

	.collage-grid-container .item:nth-child(2n) {
		margin-right: 0;
	}

	.recipeDetails {
		padding: 0 15px;
	}
}

/**/
@media only screen and (max-width:960px) {
	.page-bottom-content {
		margin: 50px auto 0;
		padding: 120px 30px;
	}
}

/**/
@media only screen and (max-width:560px) {
	.page-bottom-content {
		padding: 10px;
	}

	.page-bottom {
		padding: 15px 0;
		background-size: cover;
	}

	.recipe-directionsppren p {
		font-size: 16px !important;
	}
}