/*Cognizant Updated Dec 22*/

@font-face {
	font-family: manustrial-regular;
	src: url(../fonts/MNS_TRIAL.ttf), url(../fonts/MNS_TRIAL.otf), url(../fonts/MNS_TRIAL.eot)
}

/*@font-face {
	font-family: QuakerRegular;
	src: url(../fonts/Quaker-Regular.otf)
}*/

@font-face {
	font-family: MemoStdRegular;
	src: url(../fonts/MemoStd-Regular.ttf), url(../fonts/MemoStd-Regular.eot), url(../fonts/MemoStd-Regular.otf)
}

@font-face {
	font-family: MemoStdMedium;
	src: url(../fonts/MemoStd-Medium.otf)
}

@font-face {
	font-family: TradeGothic;
	src: url(../fonts/TradeGothicLT-Bold/TradeGothicLTStd.otf)
}

/*@font-face {
    font-family: 'apercu-bold';
    src: url("//db.onlinewebfonts.com/t/53dfbbcf0e4d38cc847ccd1e8fa25c53.eot"); src: url("//db.onlinewebfonts.com/t/53dfbbcf0e4d38cc847ccd1e8fa25c53.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/53dfbbcf0e4d38cc847ccd1e8fa25c53.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/53dfbbcf0e4d38cc847ccd1e8fa25c53.woff") format("woff"), url("//db.onlinewebfonts.com/t/53dfbbcf0e4d38cc847ccd1e8fa25c53.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/53dfbbcf0e4d38cc847ccd1e8fa25c53.svg#Apercu") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'apercu-regular'; 
src: url("//db.onlinewebfonts.com/t/0a086e32e41c5e5960b26626757f07f3.eot"); src: url("//db.onlinewebfonts.com/t/0a086e32e41c5e5960b26626757f07f3.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0a086e32e41c5e5960b26626757f07f3.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0a086e32e41c5e5960b26626757f07f3.woff") format("woff"), url("//db.onlinewebfonts.com/t/0a086e32e41c5e5960b26626757f07f3.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0a086e32e41c5e5960b26626757f07f3.svg#Apercu") format("svg"); 
font-weight: normal;
font-style: normal;
}*/

@font-face {
    font-family: 'apercu-bold';
    src: url('../apercu/apercu-bold-pro.eot');
    src: url('../apercu/apercu-bold-pro.eot?#iefix') format('embedded-opentype'),
         url('../apercu/apercu-bold-pro.woff') format('woff'),
         url('../apercu/apercu-bold-pro.woff2') format('woff2'),
         url('../apercu/apercu-bold-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'apercu-regular';
    src: url('../apercu/apercu-regular-pro.eot');
    src: url('../apercu/apercu-regular-pro.eot?#iefix') format('embedded-opentype'),
         url('../apercu/apercu-regular-pro.woff') format('woff'),
         url('../apercu/apercu-regular-pro.woff2') format('woff2'),
         url('../apercu/apercu-regular-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'apercu-mono-regular';
	src: url(../fonts/apercu-mono-regular-pro.eot);
	src: url('../fonts/apercu-mono-regular-pro.eot?#iefix') format('embedded-opentype'), url(../fonts/apercu-mono-regular-pro.woff) format('woff'), url(../fonts/apercu-mono-regular-pro.woff2) format('woff2'), url(../fonts/apercu-mono-regular-pro.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

body {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	padding-right: 0!important
}

.Carouselbodyhearthead {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 700;
	font-size: 1.3vw;
	color: #333;
	margin-top: 0;
	letter-spacing: 1px
}

figure {
	position: relative;
	bottom: .5vw
}

.carousel-content-hearty h6 span a {
	color: #cc1f12
}

.Carousel-subhead-energy {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 700;
	font-size: 1.25vw;
	color: #333;
	margin-top: 0;
	letter-spacing: 2px
}

.pad-left {
	margin-left: 2.5vw
}

.content-inner-hearty *,
.Carouselhead-hearty * {
	display: inline-block;
	color: #182c53;
	padding: 0 .2vw
}

.conditions-apply {
	position: absolute;
	color: #a5a7a8;
	font-size: 1vw;
	bottom: 3%;
	font-family: TradeGothic;
	font-weight: 700;
	width: 35%;
	text-align: center;
	left: 8%;
	line-height: 1.25vw
}

.heart-content {
	color: #182c53;
	margin-left: 1vw
}

.content-inner-hearty p,
.Carouselhead-hearty p {
	font-family: MemoStdMedium;
	font-size: 2.75vw;
	font-weight: 500;
	margin: 0
}

.ribbon-content img {
	display: inline-block;
	position: relative;
	width: 52%
}

.ribbon-content p {
	display: inline-block;
	position: absolute;
	font-family: MemoStdRegular;
	font-size: 1.25vw;
	font-weight: 500;
	left: 32%;
	top: 54%;
	color: #fff
}

.carousel-content-hearty h6 {
	display: inline-block;
	font-family: MemoStdRegular;
	font-size: 1vw;
	font-weight: 500;
	margin: .75vw 0 2vw 0
}

.heart-content h3 {
	font-family: MemoStdRegular;
	font-size: 1.7vw;
	font-weight: 400;
	margin: 1vw 0 .5vw 0
}

.heart-content h1 {
	font-family: MemoStdMedium;
	font-size: 5vw;
	font-weight: 500;
	margin: 0 0 .5vw 0;
	line-height: 90%;
	color: #172c52
}

.carousel-content-hearty {
	position: absolute;
	top: 14%;
	right: 1.5%;
	width: 61vw;
	padding-bottom: 2%;
	text-align: center
}

.Carouselsubhead-ono {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 800;
	font-size: 1.3vw;
	color: #333;
	margin-top: 0;
	letter-spacing: 2px
}

.home-body {
	width: 70%;
	text-align: center;
	float: none;
	margin: 0 auto;
	padding: 2vw 0
}

.Carouselhead-holiday {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	font-size: 4.5vw;
	color: #fff;
	margin-top: 1%;
	letter-spacing: 1px;
	line-height: 4.5vw
}

.Carouselhead-ono {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	font-size: 3.5vw;
	color: #333;
	margin-top: 0%;
	letter-spacing: 1px;
	line-height: 4vw;
	padding: 0 5vw
}

.Carouselhead-chef {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	font-size: 4.5vw;
	color: #333;
	margin-top: 1%;
	letter-spacing: 1px;
	line-height: 4.3vw
}

.carousel-content-cholesterol h2 {
	color: #172b54;
	font-family: 'apercu-bold','Open Sans', sans-serif;
	font-size: 4.5vw;
	text-align: center;
	margin: 0;
	line-height: 4vw
}

.carousel-btn-cholesterol .btn-movie {
	background-color: #172b54;
	border-radius: 5px;
	border: 1px solid #172b54;
	text-transform: capitalize;
	padding: .75vw 4vw;
	font-size: 1.5vw;
	font-family: 'apercu-bold','Open Sans', sans-serif
}

.carousel-btn-cholesterol .btn-movie:active:hover {
	background-color: #172b54;
	border: 1px solid #172b54
}

.Carousel-body-cholesterol {
	margin: 2vw auto;
	font-size: 2.25vw;
	line-height: 2.75vw;
	font-family: 'apercu-regular','PT Sans', sans-serif;
	color: #172b54
}

.carousel-content-cholesterol {
	position: absolute;
	top: 12%;
	left: 4%;
	width: 50vw;
	padding-bottom: 2%;
	text-align: center
}

.carousel-btn-cholesterol {
	margin-top: 10%!important
}

.copyrights-cholesterol {
	font-family: 'apercu-regular','PT Sans', sans-serif;
	color: #6b6b6b;
	font-size: 1.1vw;
	margin: 1vw auto
}

.Carouselbtnheart {
	margin-top: -1%;
	font-size: 1.1vw
}

.Carouselbodyheart {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 500;
	font-size: 1.3vw;
	color: #333;
	margin-top: 1%;
	padding: 0 13vw;
	line-height: 2vw
}

.Carouselbody-ono {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 500;
	font-size: 1.25vw;
	color: #333;
	margin-top: 2%;
	padding: 0 8vw;
	line-height: 1.75vw;
	letter-spacing: 1px
}

.Carousel-body-energy {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 500;
	font-size: 1.5vw;
	color: #333;
	margin-top: 3%;
	padding: 0 7.5vw;
	line-height: 1.75vw
}

.Carouselbody-holiday {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 500;
	font-size: 1.3vw;
	color: #fff;
	margin: 1vw auto 2vw auto;
	padding: 0 4vw 0 4vw;
	line-height: 1.7vw;
	letter-spacing: 1px
}

.Carouselbody-tip {
	font-family: MemoStdRegular;
	font-style: normal;
	font-weight: 500;
	font-size: 2.5vw;
	color: #002855;
	margin: 2vw auto 2vw auto;
	padding: 0 7vw;
	line-height: 3.75vw;
	letter-spacing: 1px;
	text-align: center
}

.Carouselbody-otis {
	font-family: 'apercu-regular','PT Sans', sans-serif;
	font-size: 1.9vw;
	color: #002855;
	margin: 1vw auto 4vw auto;
	padding: 0 5vw;
	line-height: 2.5vw;
	letter-spacing: 1px;
	text-align: center
}

.carousel-content-otis h1 {
	color: #002855;
	font-family: 'apercu-bold','Open Sans', sans-serif;
	font-size: 4vw;
	text-align: center;
	margin: 0
}

.Carouselbody-elm {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	font-size: 1.5vw;
	color: #333;
	margin: 3vw auto 2vw auto;
	padding: 0 3vw;
	line-height: 1.75vw;
	letter-spacing: 0;
	text-align: center
}

.carousel-btn-tip {
	margin-top: 5%!important
}

.Carouselbody-chef {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 500;
	font-size: 1.4vw;
	color: #333;
	margin: 1vw auto 1.5vw auto;
	padding: 0 6vw 0 6vw;
	line-height: 1.7vw;
	letter-spacing: 1px
}

.Carouselheart {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	font-size: 3.9vw;
	color: #333;
	letter-spacing: 1px;
	margin-top: -3%
}

.Carousel-head-energy {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	font-size: 4.4vw;
	color: #333;
	letter-spacing: 1px;
	margin-top: -1%;
	padding: 0 5vw;
	line-height: 4vw
}

.hrleft {
	width: 4%;
	position: relative;
	top: 14px;
	left: -28%;
	margin: 0 auto;
	border-top: 2px solid #333;
	display: block
}

.hrright {
	width: 4%;
	position: relative;
	bottom: 24px;
	left: 28%;
	margin: 0 auto;
	border-top: 2px solid #333;
	display: block
}

.carousel-content-ono .hrleft {
	left: -20%
}

.carousel-content-ono .hrright {
	left: 20%
}

.carousel-content-heart {
	position: absolute;
	top: 25%;
	left: 1.5%;
	width: 50vw;
	padding-bottom: 2%;
	text-align: center
}

.carousel-content-ono {
	position: absolute;
	top: 19%;
	left: 1.5%;
	width: 50vw;
	padding-bottom: 2%;
	text-align: center
}

.carousel-content-energy {
	position: absolute;
	top: 28%;
	left: 1.3%;
	width: 50vw;
	padding-bottom: 2%;
	text-align: center
}

.carousel-content-holiday {
	position: absolute;
	top: 25%;
	left: 6%;
	width: 40vw;
	padding-bottom: 2%;
	text-align: center
}

.carousel-content-tip {
	position: absolute;
	top: 7%;
	left: 0%;
	width: 55vw;
	padding-bottom: 2%;
	text-align: center
}

.carousel-content-otis {
	position: absolute;
	top: 17%;
	right: 1%;
	width: 52vw;
	padding-bottom: 2%;
	text-align: center
}

.carousel-content-elm {
	position: absolute;
	top: 47%;
	left: 1%;
	width: 40vw;
	padding-bottom: 2%;
	text-align: center
}

.carousel-content-tip sup {
	top: -.25em
}

.carousel-content-chef {
	position: absolute;
	top: 24%;
	left: 1%;
	width: 46vw;
	padding-bottom: 2%;
	text-align: center
}

[class*="_save"] {
	position: absolute!important;
	right: 25px;
	top: 25px
}

.white-panel .item {
	margin-top: -20px
}

.home-box {
	position: relative;
	width: 100%
}

.kitchen-divider,
.story-divider {
	float: left;
	margin-top: 2%
}

.mt7 {
	margin-top: 5%!important
}

.home-white-box {
	border-radius: 5px;
	width: 100%;
	float: left;
	background: #fff;
	box-shadow: inset -2px .5px 5px 0 rgba(227, 227, 227, 1);
	-webkit-box-shadow: inset -2px .5px 5px 0 rgba(227, 227, 227, 1)
}

.beige-bkg {
	background: #f8f7f3
}

.kitchen-divider svg,
.story-divider svg,
.yt-play svg,
.footer-section svg {
	width: 100%
}

.carousel-content svg {
	margin-top: 11px;
	margin-bottom: 5px;
	width: 100%
}

.Carouselsubhead {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 700;
	font-size: 1.5vw;
	color: #fff;
	letter-spacing: 2px
}

.Carouselsubhead-peachy {
	font-size: 1.8vw;
	color: #fff;
	font-family: "Archer A", "Archer B";
	font-weight: 700;
	font-style: normal
}

.carousel-content-apple {
	position: absolute;
	top: 32%;
	left: 1%;
	width: 50vw;
	padding-bottom: 2%;
	text-align: center
}

.carousel-content-oat {
	position: absolute;
	top: 17%;
	left: 2%;
	width: 38vw;
	padding-bottom: 2%;
	text-align: center
}

.Carouselbody-oat {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 500;
	font-size: 1.4vw;
	color: #fff;
	padding: 6% 6% 0% 6%;
	letter-spacing: 1px;
	line-height: 2.2vw
}

.img_header {
	width: 60%
}

.Carouselhead-apple {
	font-family: 'manustrial-regular';
	font-size: 4.3vw;
	color: #fff;
	line-height: 3vw;
	margin: 0 0 2vw 0
}

.Carouselbody-apple {
	font-family: 'Archer A', 'Archer B';
	font-style: normal;
	font-weight: 500;
	font-size: 1.35vw;
	color: #fff;
	padding: 0% 10%;
	letter-spacing: 1px;
	line-height: 1.8vw;
	margin-bottom: -5px
}

.Carouselhead-peachy {
	font-family: "Archer A", "Archer B";
	font-size: 4.5vw;
	color: #333;
	line-height: 4.5vw;
	margin: 0 0 2vw 0;
	font-weight: 600;
	font-style: normal
}

.Carouselbody-peachy {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	font-size: 1.25vw;
	color: #333;
	padding: 0% 6%;
	letter-spacing: 1px;
	line-height: 1.6vw;
	margin-bottom: -.5vw;
	margin-top: -1vw
}

.Carouselhead {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 500;
	font-size: 4.6vw;
	color: #fff;
	margin-top: -1%;
	line-height: 4.5vw
}

.Carouselhead-gluten {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 700;
	font-size: 4.6vw;
	color: #fff;
	margin-top: -10%;
	line-height: 4.5vw
}

.Carouselhead-gluten svg {
	width: 100%;
	margin-bottom: 2.5vw
}

.Carouselbody-gluten {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 700;
	font-size: 1.5vw;
	color: #fff;
	margin-top: -7%
}

.Carouselbody {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 700;
	font-size: 1.4vw;
	color: #fff;
	margin-top: 1%
}

.w30 {
	width: 30%;
	height: 2px
}

.carousel-btn-gluten {
	margin-top: 25%;
	letter-spacing: 1px
}

.carousel-content-overnight .Carouselbody {
	margin-top: 3%
}

.home-white-bkg .rectitle {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 500;
	font-size: 2.2vw;
	color: #474747;
	margin-top: 2%;
	line-height: 3vw;
	margin-bottom: 0
}

.home-white-bkg .recCTA {
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 600;
	font-size: .9vw
}

.home-white-bkg .recCTA svg {
	width: .5vw;
	height: .65vw;
	vertical-align: middle
}

.home-white-bkg .recCTA a {
	color: #474747!important
}

.dashed {
	text-align: center;
	font-size: 1.5vw
}

.oct-dashed {
	text-align: center
}

.oct-dashed>span {
	display: inline-block;
	letter-spacing: 2px
}

.dashed>span {
	display: inline-block;
	letter-spacing: 2px
}

.oct-dashed>span:before,
.oct-dashed>span:after {
	border-top: 2px solid #fff;
	display: block;
	height: 1px;
	content: " ";
	width: 4%;
	position: absolute;
	left: 5.4em;
	top: 1.8em
}

.oct-dashed>span:after {
	right: 5.5em;
	left: auto
}

.dashed>span:before,
.dashed>span:after {
	border-top: 2px solid #fff;
	display: block;
	height: 1px;
	content: " ";
	width: 17%;
	position: absolute;
	left: 0;
	top: .7em
}

.dashed>span:after {
	right: 0;
	left: auto
}

.btn-custom {
	box-shadow: 1.5px 2.5px 0 #860e0e;
	-webkit-box-shadow: 1.5px 2.5px 0 #860e0e;
	color: #fff;
	background-color: #dd181c;
	border-color: #cb1519;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	padding: 2% 4%;
	font-size: 1.1vw;
	letter-spacing: 1px
}

.carousel-btn-alexa .btn-custom {
	font-family: 'apercu-bold','Open Sans', sans-serif;
	background-color: #00244b;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 5px;
	letter-spacing: 0;
	padding: 2% 7%;
	font-size: 1.2vw
}

.carousel-btn-alexa .btn-custom:hover {
	background-color: #00244b;
	border: none
}

.btn-alexa .btn-custom {
	padding: 2% 5%
}

.btn-custom-offer {
	box-shadow: 1.5px 2.5px 0 #b11927;
	-webkit-box-shadow: 1.5px 2.5px 0 #b11927;
	color: #fff;
	background-color: #dd181c;
	border-color: #cb1519;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	padding: 2% 8%;
	font-size: 1.2vw;
	letter-spacing: 1px
}

.btn-custom-offer:hover {
	background-color: #cb1519
}

.btn-custom:hover {
	background-color: #cb1519
}

.Carouselbtn {
	margin-top: 1%;
	font-size: 1.1vw
}

.Carouselbtn:hover {
	margin-top: 1%;
	font-size: 1.1vw
}

.new-content {
	background: #fff;
	background-repeat: repeat;
	background-size: 100% 100%;
	background-position: left right;
	display: inline-block;
	padding-left: 0;
	padding-right: 0
}

.content-area {
	position: relative;
	width: 100%
}

#myCarousel .carousel-inner>.item {
	transition: .3s ease-in-out left;
	transform: translate3d(0, 0, 0)!important;
	transition-property: opacity
}

.carousel-indicators li {
	border-radius: 50%;
	height: 12px;
	width: 12px;
	background-color: #fff;
	opacity: .5
}

.carousel-indicators .active {
	margin: 1px;
	opacity: 1
}

.carousel-content {
	background: url(../images/Breakfast_Flats_Grey_Transperency.png);
	opacity: .9;
	color: #fff;
	position: absolute;
	top: 18%;
	left: 0%;
	width: 33%;
	padding-bottom: 2%;
	text-align: center;
	margin-left: 16%
}

.carousel-content-peachy {
	position: absolute;
	top: 25%;
	left: 4%;
	width: 42vw;
	padding-bottom: 2%;
	text-align: center
}

.carousel-content-overnight {
	color: #fff;
	position: absolute;
	top: 29%;
	left: 0%;
	text-align: center;
	margin-left: 12%
}

.carousel-content-gluten {
	color: #fff;
	position: absolute;
	top: 17%;
	left: 31%;
	width: 34%;
	height: 60%;
	text-align: center
}

.content-inner {
	position: absolute;
	left: 10%;
	top: 12%
}

.content-inner-bf {
	margin-top: 5%
}

.ONObtn {
	padding: 1% 2%
}

.w100 {
	width: 100%
}

.mtmb2 {
	margin-top: 2%;
	margin-bottom: 10%
}

.mbmt2 {
	margin-top: 2%;
	margin-bottom: 2%
}

.m5 {
	margin-top: 5%!important;
	margin-bottom: 5%!important;
	margin-left: auto;
	margin-right: auto
}

.mt2mb5 {
	margin-top: 2%;
	margin-bottom: 5%
}

.mtopx5 {
	margin-top: 5px
}

.mtmb {
	margin-top: 2%;
	margin-bottom: 2%
}

.mtmb5 {
	margin-top: 5%;
	margin-bottom: 5%
}

.mt18 {
	margin-top: 18%
}

.p0 {
	padding: 0!important
}

.p10 {
	padding-left: 10%;
	padding-right: 10%
}

.hideit {
	display: none!important
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.img-cntr {
	text-align: center;
	margin: auto auto
}

.mt2 {
	margin-top: 1%
}

.mb2 {
	margin-bottom: 2%
}

.mt5 {
	margin-top: -1%
}

.mt10 {
	margin-top: -10%
}

.ml4 {
	margin-left: -4%
}

.mtop5 {
	margin-top: -5px
}

.content-section {
	opacity: .9;
	background: #fff;
	font-size: 2em;
	text-align: center;
	display: table;
	margin: 12%;
	padding: 8% 5% 5% 10%;
	vertical-align: middle
}

.content-section1 {
	opacity: .9;
	background: #fff;
	font-size: 2em;
	text-align: center;
	display: table;
	margin: 10%;
	padding: 10% 5% 5% 10%;
	vertical-align: middle
}

.content-area-section {
	position: relative;
	background: #dd2530;
	text-align: center;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 800;
	font-size: 1.4vw;
	color: #fff
}

.home-white-bkg p span {
	padding: 2px
}

.white-panel {
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	padding: 15px;
	position: relative
}

.spacing-recipes {
	margin-top: -2%;
	font-size: 1.4vw;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 300;
	line-height: 1.5vw;
	color: #4f4f4f;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.fb {
	color: #6086dc;
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 600;
	margin-top: 5%;
	font-size: .9vw
}

.yt {
	color: #2ca85b;
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 600;
	margin-top: 5%;
	font-size: .9vw
}

.yt-play {
	position: absolute;
	top: 30%;
	margin: 0 auto;
	right: 0;
	text-align: center
}

.pt {
	color: #dd2530;
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 600;
	margin-top: 5%;
	font-size: .9vw
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	width: 54.05%
}

.close-btn {
	float: right;
	position: relative;
	right: -18px;
	top: -34px;
	cursor: pointer
}

.yt-body {
	padding: 0;
	margin-bottom: -5%
}

.modal-content iframe {
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 480px;
	position: relative;
	top: -30px;
	border: 0;
}

.modal-content {
	top: 65px
}

.home-white-bkg {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 15%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 2vw;
	text-align: center;
	width: 70%;
	color: #474747;
	padding: 2%;
	opacity: .9
}

.pinterest {
	position: absolute;
	right: 7%;
	top: 5%
}

.browse-recipe {
	background: url(../images/From_Our_Kitchen_BG.png);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	padding: 5%
}

.browse-recipe-content {
	padding: 7%;
	margin-top: -5%
}

.kitchen-section,
.our-story {
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 300;
	font-size: 2.9vw;
	color: #4f4f4f;
	line-height: 3.4vw;
	margin-bottom: 0%
}

.kitchen-recipe,
.our-story-desc {
	font-size: 1.4vw;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 700;
	margin-top: 3%;
	line-height: 2vw;
	color: #4f4f4f;
	margin-bottom: 4%;
	clear: both;
	float: left
}

.our-story-desc sup {
	top: -.3em!important
}

.our-story-content {
	padding: 10% 7%
}

#newsletter-container {
	background: url(../images/Newsletter_Signup_BG.png);
	background-position: center left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 35px 0 30px 0
}

#newsletter-container h3 {
	font-size: 15pt;
	line-height: 28pt;
	color: #333;
	margin-left: 0%;
	float: left;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	position: relative;
	left: 70px
}

#newsletter-container form {
	float: right
}

#newsletter-container input[type=text] {
	height: 46px;
	width: 73%;
	vertical-align: top;
	margin-right: 5px;
	border-radius: 4px;
	border: 0;
	background: #fff;
	line-height: 28pt;
	padding: 5px 10px 5px 20px;
	color: #333
}

#newsletter-container input[placeholder="Enter email"] {
	font-size: 1.4vw;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	color: #333;
	-moz-box-shadow: inset 2px .5px 5px 0 rgba(227, 227, 227, 1);
	box-shadow: inset 2px .5px 5px 0 rgba(227, 227, 227, 1);
	-webkit-box-shadow: inset 2px .5px 5px 0 rgba(227, 227, 227, 1);
	-webkit-appearance: none
}

#newsletter-container input[placeholder="Enter email"]:focus {
	font-size: 14pt
}

input[placeholder="Enter email"]::-webkit-input-placeholder {
	color: #333;
	opacity: 1
}

input[placeholder="Enter email"]::-ms-input-placeholder {
	color: #333;
	opacity: 1
}

input[placeholder="Enter email"]::-moz-placeholder {
	color: #333;
	opacity: 1
}

#newsletter-container input[type="submit"] {
	color: #d22831;
	border-left: 1px solid #ccc!important;
	font-family: "Archer A", "Archer B";
	font-weight: 700;
	background: #fff;
	font-size: 1.1vw;
	clear: both;
	margin: 8px 9px 9px 0;
	border-radius: 0
}

input,
select,
textarea {
	outline: 0
}

#newsletter-container .btn {
	padding: 5px 10px;
	font-size: 17px;
	line-height: 20px
}

#newsletter-container .btn:focus {
	outline: none;
	border: none
}

.btn-custom-3 {
	color: #fff;
	background-color: #575a59;
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4)
}

.newslettermsg {
	font-family: Verdana;
	font-size: 12px;
	font-weight: 400;
	color: #666;
	padding: 5px 50px
}

.footer-content {
	margin-left: 3%
}

footer-social-icon object {
	pointer-events: none
}

.footer-section {
	background: #062948;
	position: relative;
	margin-bottom: -22px
}

.footer-section ul li a {
	color: #fff;
	font-size: 11pt;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 400
}

.list-heading {
	color: #fff;
	font-size: 11pt;
	margin-top: 5%;
	margin-bottom: 5%;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 700
}

.quaker-logo {
	position: absolute;
	left: 46%
}

.quaker-logo img {
	margin: auto auto;
	display: block
}

.instagram-logo {
	width: 45%
}

ul.social-network {
	list-style: none;
	display: inline;
	margin-left: 17%;
	padding: 0
}

ul.social-circle-offers {
	margin-left: 0!important
}

ul.social-network li {
	display: inline;
	margin: 0 -2%
}

ul.social-circle-offers li {
	margin: 0 1px!important;
	opacity: 1;
	position: relative;
	top: 15px
}

.social-network a.icoRss:hover i,
.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoVimeo:hover i,
.social-network a.icoLinkedin:hover i {
	color: #fff
}

a.socialIcon:hover,
.socialHoverClass {
	color: #44bcdd
}

.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 50px;
	height: 50px;
	font-size: 20px
}

.social-circle-offers li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font-size: 20px
}

.social-circle li i {
	margin: 0;
	line-height: 50px;
	text-align: center;
	vertical-align: 0%!important
}

.social-circle li a:hover i,
.triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s
}

.social-circle i {
	color: #fff;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	-ms-transition: all .8s;
	transition: all .8s
}

.col-md-4 .social-circle a {
	background-color: transparent
}

.follow-us {
	font-size: 15pt;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 600;
	color: #fff;
	position: relative;
	top: -5px;
	right: 10px
}

.copy-rights {
	font-size: 11pt;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 400;
	color: #fff;
	opacity: .9;
	margin-left: 35%;
	margin-top: -3%
}

.mailBoxMdl {
	margin: 0 0 0 7%;
	width: 85%;
	border-radius: 5px
}

.mailBoxTxt {
	width: 60%;
	margin-top: 1%;
	float: left;
	font-family: 'Archer A', 'Archer B';
	font-style: normal;
	font-weight: 600;
	font-size: 1.5vw
}

.mailBoxCntr {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex: 0 0 auto;
	-webkit-flex: ?0?0?auto;
	-ms-flex: ?0?0?auto;
	width: 40%;
	margin-left: -1%;
	height: 46px;
	box-shadow: inset -2px .5px 5px 0 rgba(227, 227, 227, 1);
	-webkit-box-shadow: inset -2px .5px 5px 0 rgba(227, 227, 227, 1);
	border-radius: 5px;
	background: #fff
}

.mailBox {
	flex: 1;
	padding-right: 0;
	padding-left: 10px
}

.mailBoxBtn {
	float: right;
	text-align: center;
	background: transparent
}

#wrapper {
	overflow: hidden
}

.a1,
.a2,
.a3,
.a4,
.a5,
.a6,
.a7,
.a8,
.a9 {
	display: block;
	float: left;
	border: none;
	position: relative
}

.a1 img.img_cls,
.a2 img.img_cls,
.a3 img.img_cls,
.a4 img.img_cls,
.a5 img.img_cls,
.a6 img.img_cls,
.a7 img.img_cls,
.a8 img.img_cls,
.a9 img.img_cls {
	width: 100%;
	max-width: 100%
}

#ctaButtons {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: -5%
}

#ctaButtons a span {
	background-color: #fff;
	opacity: .5;
	margin: 0 .2em;
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 50%
}

#ctaButtons a.selected span {
	opacity: 1
}

#prevbtn,
#nextbtn {
	width: 100px;
	height: 552px;
	display: block;
	position: absolute;
	top: 0
}

#prevbtn {
	left: 0
}

#nextbtn {
	right: 0
}

#prev-arrow,
#next-arrow {
	width: 15px;
	height: 21px;
	display: block;
	background: transparent url(../images/carousel_control.png) no-repeat 0 0;
	position: absolute;
	top: 170px;
	z-index: 1;
	visibility: hidden
}

#prev-arrow {
	background-position: 0 0;
	left: -25px;
	top: 250px
}

#next-arrow {
	background-position: -18px 0;
	right: -25px;
	top: 250px
}

.carousel-content-movie {
	position: absolute;
	top: 15%;
	left: 5%;
	width: 35vw;
	padding-bottom: 2%;
	text-align: center
}

.carousel-content-movie h1 {
	color: #222f53;
	font-weight: 600;
	font-family: "Archer A", "Archer B";
	font-size: 4.5vw;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	line-height: 3.5vw
}

.carousel-content-movie h1 span {
	font-size: 2vw;
	color: #222f53;
	font-weight: 600
}

.Carouselbody-movie {
	margin: 30px auto;
	font-size: 1.4vw;
	line-height: 1.8vw;
	font-family: 'apercu-regular','PT Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #222f53
}

.Carouselbody-movie-small {
	font-size: .9vw;
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 400;
	color: #222f53;
	line-height: 1.2vw
}

.carousel-btn-movie {
	margin-top: 9%!important
}

.btn-movie {
	color: #fff;
	background-color: #f62400;
	font-style: normal;
	font-weight: 800;
	padding: 2% 4%;
	font-size: 1.6vw;
	letter-spacing: 1px;
	border: none;
	border-radius: 0;
	font-family: "Gotham A", "Gotham B"
}

.carousel-content-movie.content-nutrition.content-tip.oatbev {
	top: 30%
}

.carousel-content-movie.content-nutrition.oatbev {
	width: 43vw
}

.carousel-content-movie.content-nutrition.oatbev h2 {
	font-size: 2.75vw;
	color: #002855;
}

.carousel-content-movie.content-nutrition.oatbev .Carouselbody-movie {
	font-family: 'apercu-bold','Open Sans', sans-serif;
}

.carousel-content-movie.content-nutrition.oatbev .Carouselbody-movie a {
	color: #002855;
	text-decoration: underline
}

.carousel-content-cholesterol.oatbev {
	top: 30%;
	left: 0
}

.carousel-content-cholesterol.oatbev h2 {
	font-size: 2.8vw;
	line-height: 3vw
}

.oatbev .Carouselbody-otis {
	font-family: 'apercu-bold','Open Sans', sans-serif;
}

.oatbev .Carouselbody-otis a {
	color: #002855;
	text-decoration: underline
}

@media(max-width:767px) {
	.carousel-content-otis h1 {
		padding: 0 0 2vw 0;
		font-size: 6.5vw
	}
	.hrleft {
		top: 3.7vw;
		left: -39%;
		border-top: 2px solid #fff
	}
	.carousel-content-heart {
		top: 18%;
		left: 0%;
		width: 100%
	}
	.carousel-content-elm {
		top: 35%;
		left: 0%;
		width: 100%
	}
	.carousel-content-cholesterol {
		top: 10%;
		left: 0;
		width: 44%;
		padding: 0
	}
	.carousel-content-cholesterol h2 {
		font-size: 6vw;
		margin: 0;
		line-height: 6vw;
		padding: 0 2vw
	}
	.Carousel-body-cholesterol {
		margin: 1vw auto;
		padding: 0 2vw;
		font-size: 3.3vw;
		line-height: 4vw
	}
	.carousel-btn-cholesterol {
		margin-top: 12%!important
	}
	.copyrights-cholesterol {
		font-size: 2.5vw;
		margin: 2vw auto
	}
	.carousel-btn-cholesterol .btn-movie {
		border-radius: 3px;
		padding: 2vw 7vw;
		font-size: 3.1vw
	}
	.Carouselbody-elm {
		font-size: 3.25vw;
		margin: 5vw auto 4vw auto;
		padding: 0 6vw;
		line-height: 3.75vw
	}
	.Carouselbtnheart {
		padding: 2% 5%;
		margin-top: 0%;
		font-size: 2.5vw!important
	}
	.carousel-content-ono {
		top: 13%;
		left: 0%;
		width: 100%
	}
	.carousel-btn-tip.img-cntr {
		position: relative;
		top: 0
	}
	.carousel-content-hearty {
		top: 2%;
		right: 1.5%;
		width: 100%
	}
	.Carouselhead-hearty p {
		font-family: MemoStdMedium;
		font-size: 4.25vw;
		font-weight: 500
	}
	figure {
		width: 5%
	}
	.Carouselhead-hearty * {
		display: inline-block;
		color: #182c53;
		padding: 0 .2vw;
		font-size: 4.25vw
	}
	.Carouselbody-hearty {
		color: #182c53
	}
	.Carouselbody-hearty h1 {
		font-size: 5.5vw;
		position: absolute;
		right: 10%;
		font-weight: 500;
		margin: 0;
		font-family: MemoStdMedium
	}
	.mob-conditions {
		padding: 0 33vw;
		width: 100%;
		margin: 0;
		line-height: 120%;
		position: absolute;
		top: 42vw;
		font-size: 1.6vw;
		left: 25%;
		color: #a5a7a8;
		font-family: TradeGothic;
		font-weight: 500
	}
	.carousel-btn-hearty.img-cntr {
		position: relative;
		top: 38vw
	}
	.Carouselbody-hearty big {
		font-size: 9vw;
		position: relative;
		top: -5px
	}
	.Carouselbody-hearty small {
		font-size: 6vw;
		position: relative;
		top: -12px;
		color: #182c53
	}
	.win {
		font-size: 8vw
	}
	.daily {
		font-size: 4.3vw;
		position: relative;
		top: -8px
	}
	.giveAway {
		font-size: 5.3vw;
		position: relative;
		top: -10px
	}
	.Carouselhead-hearty {
		font-weight: 800
	}
	u {
		color: #cc1f12
	}
	.hrright {
		bottom: 2.8vw;
		left: 39%;
		border-top: 2px solid #fff
	}
	.home-body {
		width: 100%;
		padding: 10vw 0
	}
	.carousel-contentheart {
		left: 50%;
		padding: 3%;
		width: 74%;
		margin-left: -37%;
		top: 15%;
		position: absolute
	}
	.carousel-content-tip {
		position: absolute;
		top: 12vw;
		left: 0;
		width: 55%;
		text-align: center;
		padding: 0
	}
	.carousel-content-otis {
		top: 0;
		left: 0;
		width: 100%;
		padding: 0
	}
	.Carouselhead-tip {
		font-family: QuakerRegular;
		font-style: normal;
		font-weight: 600;
		font-size: 3.5vw;
		color: #002855;
		margin-top: -.75%;
		line-height: 4.5vw
	}
	.Carouselbody-tip {
		font-size: 3vw;
		margin: 0;
		padding: 0;
		line-height: 5vw
	}
	.Carouselbody-otis {
		font-size: 2.6vw;
		margin: 0;
		padding: 0 5vw;
		line-height: 4vw
	}
	.Carouselbody-tip-author {
		font-family: QuakerRegular;
		font-style: normal;
		font-weight: 700;
		color: #002855;
		float: none;
		position: relative;
		top: 34vw;
		font-size: 1.35vw;
		line-height: 1.75vw;
		text-align: center;
		right: 0
	}
	.carousel-content-energy {
		top: 20%;
		left: 0;
		width: 100%
	}
	.Carousel-subhead-energy {
		font-weight: 600;
		font-size: 3vw;
		color: #fff;
		margin-top: 1%
	}
	.Carousel-head-energy {
		font-weight: 600;
		font-size: 9.2vw;
		color: #fff;
		letter-spacing: 0;
		margin-top: -2%;
		padding: 0 5vw;
		line-height: 8vw
	}
	.carousel-content-energy .hrleft {
		top: 3.5vw
	}
	.carousel-content-energy .hrright {
		bottom: 5.1vw
	}
	.carousel-content-ono .hrleft {
		top: 3vw;
		left: -30%;
		width: 6%
	}
	.carousel-content-ono .hrright {
		bottom: 3vw;
		left: 30%;
		width: 6%
	}
	.Carouselsubhead-ono {
		font-size: 3.4vw;
		color: #fff;
		margin-top: 0;
		margin-bottom: 0;
		font-weight: 600
	}
	.Carouselhead-ono {
		font-size: 7vw;
		color: #fff;
		margin-top: 0%;
		line-height: 8vw
	}
	.Carouselbody-ono {
		font-size: 3vw;
		color: #fff;
		margin-top: 2%;
		padding: 0 6vw;
		line-height: 6vw
	}
	.Carousel-body-energy {
		font-size: 3.3vw;
		color: #fff;
		margin-top: 3%;
		margin-bottom: 4%;
		padding: 0 6vw;
		line-height: 6vw;
		letter-spacing: 1px
	}
	.Carouselheartmobile {
		font-family: "Archer A", "Archer B";
		font-style: normal;
		font-weight: 600;
		font-size: 6.5vw;
		color: #fff;
		letter-spacing: 1px;
		text-align: center
	}
	.Carouselbodyheartheadmobile {
		font-family: "Archer A", "Archer B";
		font-style: normal;
		font-weight: 600;
		font-size: 3.5vw;
		color: #fff;
		margin-top: 1%;
		letter-spacing: 1px;
		text-align: center;
		margin-bottom: 0
	}
	.Carouselbodyheartmobile {
		font-family: "Archer A", "Archer B";
		font-style: normal;
		font-weight: 500;
		font-size: 3.8vw;
		color: #fff;
		margin-top: 1%;
		text-align: center;
		padding: 0 15vw;
		margin-bottom: 4%
	}
	.carousel-content-holiday {
		top: 9%;
		left: 0%;
		width: 100%
	}
	.Carouselhead-holiday {
		font-size: 7vw;
		line-height: 9vw;
		padding: 0 14vw 0 14vw
	}
	.Carouselbody-holiday {
		font-size: 3.3vw;
		margin: 2vw auto 3vw auto;
		line-height: 6vw;
		padding: 0 7vw 0 7vw
	}
	.carousel-content-chef {
		top: 22%;
		left: 0;
		width: 100%
	}
	.Carouselhead-chef {
		font-size: 6.3vw;
		color: #fff;
		line-height: 4.3vw;
		padding: 0 4vw 0 4vw
	}
	.Carouselbody-chef {
		font-size: 3.5vw;
		color: #fff;
		margin: 3vw auto 3vw auto;
		padding: 0 7vw 0 7vw;
		line-height: 6vw
	}
	.dashed>span:before {
		left: 10px
	}
	.yt-play {
		top: 27%
	}
	.dashed>span:after {
		right: 10px
	}
	.carousel-content svg {
		margin-top: 5px;
		margin-bottom: 10px;
		width: 95%
	}
	.mt4 {
		margin-top: 4%
	}
	.carousel-content-peachy {
		width: 100%;
		padding-bottom: 2%;
		text-align: center;
		margin: 0 auto;
		top: 10%;
		left: 0
	}
	.Carouselsubhead-peachy {
		font-size: 3vw;
		margin: 0 auto
	}
	.carousel-content-apple {
		position: absolute;
		top: 13%;
		left: 4%;
		width: 73.75%;
		padding-bottom: 2%;
		text-align: left
	}
	.carousel-content-oat {
		top: 6.5%;
		left: 0;
		width: 80%;
		background: url(../images/Breakfast_Flats_Grey_Transperency.png);
		opacity: .9;
		padding-top: 5%;
		margin: 0 10%;
		padding-bottom: 5%
	}
	.Carouselbody-oat {
		font-size: 3.5vw;
		padding: 4% 0% 1% 0%;
		line-height: 5vw
	}
	.Carouselhead-apple {
		font-size: 10vw;
		margin: 0 0 2vw 0;
		line-height: 8vw;
		padding: 0 15% 0 0
	}
	.carousel-content-apple .carousel-btn {
		text-align: left
	}
	.Carouselbody-apple {
		font-size: 3vw;
		padding: 2% 0% 7% 0%;
		line-height: 6vw;
		text-align: left
	}
	.oct-dashed>span:before,
	.oct-dashed>span:after {
		left: 9em;
		top: .5em
	}
	.oct-dashed>span:after {
		right: 9.2em;
		left: auto
	}
	.Carouselhead-peachy {
		font-size: 9vw;
		font-family: "Archer A", "Archer B";
		font-style: normal;
		color: #fff!important;
		margin: 2vw 0 2vw 0;
		line-height: 9vw
	}
	.Carouselbody-peachy {
		font-size: 4vw;
		padding: 0% 7%;
		letter-spacing: 0;
		color: #fff!important;
		line-height: 5.5vw;
		margin-bottom: 2.3vw;
		margin-top: 1vw;
		font-weight: 500
	}
	.mt7 {
		margin-top: 3%!important
	}
	.mt5 {
		margin-top: 0%
	}
	.browsebtn,
	.ourstory {
		text-align: center;
		margin: auto auto;
		width: 50%
	}
	.modal-content iframe {
		height: 250px
	}
	.kitchen-divider svg,
	.story-divider svg {
		width: 75%
	}
	.kitchen-divider,
	.story-divider {
		margin: 0 auto;
		text-align: center;
		float: none
	}
	.home-white-bkg .recCTA svg {
		width: 2.2%;
		height: 2.5vw;
		vertical-align: baseline
	}
	.more-info {
		text-align: right;
		margin-left: -11%
	}
	.modal-content {
		width: 91%
	}
	.modal.in .modal-dialog {
		width: 100%
	}
	.ml5 {
		margin-left: 5%
	}
	.home-white-bkg {
		font-size: 4vw
	}
	.carousel-content-overnight .Carouselbody {
		margin-top: 1%
	}
	.dashed>span {
		display: inline-block;
		letter-spacing: 1px
	}
	.carousel-indicators li {
		height: 8px;
		width: 8px
	}
	.carousel-indicators .active {
		margin: 1px;
		height: 8px;
		width: 8px
	}
	.our-story-content {
		padding: 0%;
		margin: 10% 0%
	}
	.m5 {
		margin-top: 5%;
		margin-bottom: 5%
	}
	.m10 {
		margin-top: 10%;
		margin-bottom: 10%
	}
	.img-cntr {
		text-align: center;
		margin: auto auto
	}
	.content-area-section {
		padding: 0 50px;
		font-size: 4.8vw
	}
	.content-section1,
	.content-section {
		font-size: 1.6em;
		top: 0;
		left: 0;
		position: absolute
	}
	.carousel-content-overnight {
		top: 26%;
		left: 1%;
		margin: 0 auto
	}
	.kitchen-section,
	.our-story {
		font-size: 6.7vw;
		text-align: center;
		line-height: 9vw;
		margin-top: -5%
	}
	.kitchen-recipe,
	.our-story-desc {
		font-size: 5vw;
		text-align: center;
		margin-top: 1%;
		line-height: 6vw
	}
	.mob-btn {
		display: block;
		margin: auto auto;
		text-align: center
	}
	.btn-custom {
		font-size: 10pt
	}
	.carousel-btn-alexa {
		margin-top: 3%!important
	}
	.carousel-btn-alexa .btn-custom {
		padding: 2% 4%;
		font-size: 1.1vw;
		letter-spacing: 1px;
		border-radius: 3px
	}
	.btn-custom:hover {
		font-size: 10pt
	}
	.btn-custom-offer {
		padding: 8% 15%;
		font-size: 3.5vw
	}
	.btn-custom-offer:hover {
		padding: 8% 15%;
		font-size: 3.5vw
	}
	#newsletter-container h3 {
		font-size: 13pt;
		line-height: 26px;
		text-align: center;
		left: 0;
		margin-top: -2%;
		opacity: .5
	}
	#newsletter-container form {
		text-align: center
	}
	#newsletter-container input[type="submit"] {
		font-size: 3.3vw;
		height: 20px;
		margin: 14px 7px 9px 0
	}
	#newsletter-container .btn:focus {
		outline: none;
		border: none
	}
	#newsletter-container .btn {
		line-height: 6px
	}
	#newsletter-container input[type=text] {
		font-size: 4vw;
		margin-left: 0%
	}
	ul.social-circle-offers li {
		margin: 0 .5vw!important
	}
	ul.social-circle-offers {
		margin-left: -3%!important
	}
	ul.social-circle-offers li svg {
		width: 5vw;
		height: 5vw
	}
	svg#Svg8,
	svg#Svg9 {
		width: 6vw;
		height: 5.5vw
	}
	.carousel-indicators {
		bottom: 0!important;
		left: 20%!important;
		margin-left: 0!important
	}
	.carousel-indicators li {
		height: 8px;
		width: 8px
	}
	.home-white-bkg .rectitle {
		font-size: 5.6vw;
		line-height: 6.5vw;
		margin-top: 3%
	}
	.home-white-bkg .recCTA {
		font-size: 3.3vw
	}
	.white-panel {
		margin-top: 5%
	}
	.browse-recipe {
		background: url(../images/mFrmourkitchen_BG.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center 100%
	}
	.Carouselsubhead {
		font-size: 3.5vw
	}
	.Carouselhead {
		font-size: 10vw;
		line-height: 9vw;
		position: relative;
		top: -6px;
		font-weight: 500
	}
	.Carouselbody {
		font-size: 4.2vw;
		line-height: 5vw;
		margin-top: -4%
	}
	.Carouselbtn {
		padding: 2% 5%;
		margin-top: 0%;
		font-size: 3.7vw
	}
	.Carouselbtn:hover {
		padding: 2% 5%;
		margin-top: 0%;
		font-size: 3.7vw
	}
	.spacing-recipes {
		font-size: 4.8vw;
		line-height: 5vw
	}
	.fb,
	.yt,
	.pt {
		font-size: 4vw
	}
	.browse-recipe-content {
		margin-left: 0%;
		margin-top: 0%
	}
	.carousel-content {
		left: 50%;
		padding: 3%;
		width: 74%;
		margin-left: -37%;
		top: 15%
	}
	.Carouselhead-gluten {
		line-height: 9vw
	}
	.Carouselhead-gluten svg {
		margin-bottom: 4vw
	}
	.Carouselbody-gluten {
		font-size: 4.2vw;
		margin-top: -5%;
		font-family: "Archer A", "Archer B";
		font-style: normal;
		font-weight: 500;
		color: #fff
	}
	.gf-whiteline {
		margin-top: 3%;
		display: block;
		margin-left: auto;
		margin-right: auto
	}
	.carousel-content-gluten {
		top: 30%;
		left: 0%;
		width: 100%;
		height: 100%;
		margin-left: 0%
	}
	.pinterest {
		right: 9%;
		top: 7%
	}
	.dashed {
		left: 12%;
		font-size: 3.5vw
	}
	.dashed>span:before,
	.dashed>span:after {
		width: 10%
	}
	.yt-play svg {
		width: 18vw
	}
	.mobfollow {
		text-align: center;
		font-family: "Archer A", "Archer B";
		font-style: normal;
		font-weight: 400;
		color: #fff;
		font-size: 13pt;
		margin-top: 8%
	}
	.mobileFooter {
		background: #062948
	}
	.mobileFooter svg {
		width: 30px;
		height: 30px
	}
	.footer-heading {
		text-align: left;
		font-family: "Archer A", "Archer B";
		font-style: normal;
		font-weight: 600;
		color: #fff;
		font-size: 10pt;
		margin-top: 0%;
		margin-bottom: 5%
	}
	.mob-subSection {
		color: #fff!important;
		margin-top: 5%;
		margin-bottom: 5%
	}
	.mob-subSection h5 {
		color: #fff;
		font-size: 11pt;
		font-family: "Archer A", "Archer B";
		font-style: normal;
		font-weight: 300
	}
	.mob-copyrights {
		font-size: 11pt;
		font-family: "Archer A", "Archer B";
		font-style: normal;
		font-weight: 400;
		text-align: left;
		color: #fff!important;
		margin-top: 5%;
		margin-bottom: 5%;
		padding-left: 5%
	}
	.pad20 {
		padding-left: 20px;
		margin-top: 3%!important;
		margin-bottom: 8%!important
	}
	.yt-body {
		margin-bottom: -11%
	}
	.mailBoxTxt {
		font-size: 5vw;
		text-align: center;
		width: 100%;
		opacity: .5;
		margin-top: -3%
	}
	.mailBoxBtn {
		margin: 9px;
		margin-left: 0;
		padding-left: 20px;
		float: right
	}
	.mailBoxCntr {
		width: 100%;
		margin: 20% 0 0% 0
	}
	.carousel-content-movie {
		top: 18%;
		left: 2%;
		width: 60%
	}
	.carousel-content-movie h1 {
		font-size: 7.5vw;
		line-height: 6vw
	}
	.carousel-content-movie h1 span {
		font-size: 4vw
	}
	.carousel-btn-movie {
		margin-top: 15%!important
	}
	.btn-movie {
		font-size: 3.5vw
	}
	.carousel-content-cholesterol.oatbev {
		top: 0;
		left: 0;
		right: 0;
		width: 100%
	}
	.carousel-content-cholesterol.oatbev .content-inner-bf {
		margin-top: 3%
	}
	.carousel-content-cholesterol.oatbev h2 {
		font-size: 5vw;
		line-height: 6vw
	}
}

@media only screen and (min-width:568px) and (max-width:767px) and (orientation:landscape) {
	.Carouselbodyhearthead {
		font-family: "Archer A", "Archer B";
		font-style: normal;
		font-weight: 700;
		font-size: 1.4vw;
		color: #333;
		margin-top: 1%
	}
	.Carouselbody-peachy {
		margin-bottom: 0;
		margin-top: 1vw;
		font-size: 4vw;
		padding: 0% 9%
	}
	.Carousel-body-energy {
		padding: 0 10vw
	}
	.Carouselhead-holiday {
		font-size: 7vw;
		line-height: 9vw;
		padding: 0 16vw 0 16vw
	}
	.Carouselbody-holiday {
		margin: 1vw auto 4vw auto;
		padding: 0 9vw 0 9vw
	}
	.Carouselbody-chef {
		margin: 3vw auto 0 auto;
		padding: 0 12vw 0 12vw
	}
	.Carouselbtnheart {
		margin-top: -1%;
		font-size: 1.1vw
	}
	.hrright {
		bottom: 2.8vw;
		left: 35%
	}
	.hrleft {
		top: 3.5vw;
		left: -35%
	}
	.carousel-content-energy .hrright {
		bottom: 3.75vw;
		left: 32%
	}
	.carousel-content-energy .hrleft {
		top: 3.5vw;
		left: -32%
	}
	.Carouselbody-ono {
		font-size: 3.2vw;
		margin-top: 2%;
		padding: 0 8vw;
		margin-bottom: 4%
	}
	.carousel-content-ono .hrleft {
		top: 2.8vw;
		left: -25%
	}
	.carousel-content-ono .hrright {
		bottom: 2.8vw;
		left: 25%
	}
	.Carouselbodyheart {
		font-family: "Archer A", "Archer B";
		font-style: normal;
		font-weight: 500;
		font-size: 1.4vw;
		color: #333;
		margin-top: 1%
	}
	.Carouselheart {
		font-family: "Archer A", "Archer B";
		font-style: normal;
		font-weight: 600;
		font-size: 4.5vw;
		color: #333;
		letter-spacing: 2px;
		margin-top: -1%
	}
	.Carouselbodyheartmobile {
		margin-bottom: 5vw
	}
	.Carouselsubhead {
		font-size: 4.6vw
	}
	.carousel-content svg {
		margin-top: 5px;
		margin-bottom: 16px;
		width: 90%
	}
	.modal-content iframe {
		height: 315px
	}
	.yt-play svg {
		width: 100%
	}
	ul.social-circle-offers li {
		margin: 0 1%!important
	}
	.yt-play {
		top: 35%
	}
	.dashed {
		font-size: 3.5vw
	}
	.carousel-content-overnight {
		top: 28%
	}
	.Carouselhead {
		font-size: 40pt;
		margin-top: 2%;
		line-height: 36pt
	}
	.Carouselbody {
		font-size: 11pt
	}
	.Carouselbtn {
		margin-top: 3%;
		font-size: 12pt
	}
	.Carouselbtn:hover {
		margin-top: 3%;
		font-size: 12pt
	}
	.carousel-content {
		top: 20%
	}
	.carousel-indicators {
		bottom: 20px!important
	}
	.quaker-logo img {
		width: 65%
	}
	.home-white-bkg .rectitle {
		line-height: 35pt
	}
	.browse-recipe-content {
		margin-top: -1%
	}
	.browse-recipe {
		background: url(../images/mFrmourkitchen_BG.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 100% 100%
	}
	#newsletter-container input[type="submit"] {
		font-size: 11pt
	}
	.yt-body {
		margin-bottom: -6%
	}
	.pad20 {
		padding-left: 65px
	}
	.mailBoxMdl {
		margin: 0;
		width: 100%
	}
	.btn-custom-offer {
		font-size: 2.5vw;
		padding: 6% 15%
	}
	.btn-custom-offer:hover {
		font-size: 2.5vw;
		padding: 6% 15%
	}
	.carousel-content-apple {
		width: 72%
	}
	.Carouselbody-apple {
		font-size: 3.5vw
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	.carousel-content-heart {
		top: 23%
	}
	.Carouselbody-otis {
		font-size: 1.7vw;
		padding: 0 4vw
	}
	.carousel-content-movie.content-nutrition {
		left: initial!important;
		top: 10%;
		right: 5.5%;
		width: 40vw
	}
	.Carouselbody-tip {
		padding: 0 6vw
	}
	.carousel-content-tip {
		left: 1%
	}
	.carousel-content-hearty {
		top: 8%
	}
	.hrright {
		bottom: 18px;
		left: 31%;
		border-top: 2px solid #333
	}
	.Carouselbodyheart {
		font-size: 1.6vw;
		margin-bottom: 5%;
		padding: 0 10vw
	}
	.Carouselhead-hearty * {
		display: inline-block;
		color: #172c52;
		padding: 0 .2vw
	}
	.heart-content h3 {
		font-family: MemoStdRegular;
		font-size: 1.7vw;
		font-weight: 400;
		margin: 0 0 .5vw 0
	}
	.ribbon-content img {
		width: 58%
	}
	.ribbon-content p {
		display: inline-block;
		position: absolute;
		font-family: MemoStdRegular;
		font-size: 1.3vw;
		font-weight: 500;
		left: 31%;
		color: #fff
	}
	.carousel-content-hearty h6 {
		font-size: 1.1vw;
		margin: .75vw 0 2vw 0
	}
	.Carouselhead-hearty p {
		font-weight: 500;
		font-size: 2.75vw;
		font-family: MemoStdMedium
	}
	.Carouselheart {
		margin-top: -5%
	}
	.carousel-content-holiday {
		width: 44vw
	}
	.Carousel-subhead-energy {
		font-size: 1.2vw
	}
	.Carousel-body-energy {
		margin-top: 4%;
		margin-bottom: 5%;
		padding: 0 7vw
	}
	.Carouselbody-holiday {
		margin: 1vw auto 2vw auto;
		padding: 0 4vw 0 4vw;
		line-height: 1.7vw
	}
	.carousel-content-chef {
		top: 25%;
		left: 4%;
		width: 46vw
	}
	.Carouselhead-chef {
		font-size: 4vw
	}
	.hrleft {
		top: 8px;
		left: -31%;
		border-top: 2px solid #333
	}
	.home-white-bkg {
		font-size: 16pt
	}
	.carousel-content svg {
		margin-top: 5px;
		margin-bottom: 5px;
		width: 85%
	}
	.Carouselhead-gluten svg {
		margin-bottom: 3vw
	}
	.carousel-content-ono {
		top: 18%
	}
	.carousel-content-ono .hrleft {
		left: -23%
	}
	.carousel-content-ono .hrright {
		left: 23%
	}
	.Carouselsubhead-ono {
		margin-top: 0
	}
	.Carouselhead-ono {
		margin-top: -1%;
		padding: 0 5vw
	}
	.Carouselbody-ono {
		margin-top: 2%;
		margin-bottom: 5%;
		padding: 0 6vw
	}
	.Carouselbody-apple {
		font-size: 1.3vw;
		padding: 0% 6%;
		line-height: 2vw;
		margin-bottom: 10px
	}
	.Carouselbody-oat {
		padding: 8% 0 0 0
	}
	.btn-custom-offer {
		font-size: 1.5vw
	}
	.btn-custom-offer:hover {
		font-size: 1.5vw
	}
	.yt-play svg {
		width: 7vw
	}
	#newsletter-container h3 {
		font-size: 11pt;
		line-height: 22pt;
		left: 5px
	}
	.modal-content iframe {
		height: 315px
	}
	.home-white-bkg .recCTA svg {
		width: 1vw;
		height: 1.2vw
	}
	.mt7 {
		margin-top: 7%!important
	}
	#newsletter-container input[type=text] {
		font-size: 2vw
	}
	.pad0 {
		padding: 15px
	}
	.Carouselbody-peachy {
		font-size: 1.2vw;
		padding: 0 5%;
		line-height: 2vw;
		margin-bottom: 1vw;
		margin-top: -1vw
	}
	.oct-dashed>span:before,
	.oct-dashed>span:after {
		left: 5em;
		top: 1.7em
	}
	.oct-dashed>span:after {
		right: 5.2em;
		left: auto
	}
	.mailBoxCntr {
		width: 45%
	}
	#newsletter-container input[type="submit"] {
		font-size: 1.5vw;
		margin: 8px 9px 9px -11px
	}
	.carousel-heading {
		font-size: 3.2em;
		margin-top: -4%
	}
	.carousel-desc {
		font-size: 1.5em
	}
	.carousel-content-peachy {
		left: 5%;
		width: 42vw
	}
	.our-story-content {
		padding: 7%
	}
	.mt5 {
		margin-top: -7%
	}
	.yt-play {
		top: 25%
	}
	.home-white-bkg .recCTA {
		margin-top: -5%;
		font-size: 9pt
	}
	.carousel-btn {
		margin: auto auto;
		display: block;
		text-align: center;
		letter-spacing: 1px
	}
	.quaker-logo img {
		width: 64%
	}
	.content-area-section {
		font-size: 1.5vw
	}
	.spacing-recipes {
		font-size: 8.5pt
	}
	.kitchen-section,
	.our-story {
		font-size: 20pt;
		margin-top: -2%;
		line-height: 4vw
	}
	.kitchen-recipe,
	.our-story-desc {
		font-size: 13pt;
		margin-top: 2%;
		margin-bottom: 4%;
		line-height: 3vw
	}
	.home-white-bkg .rectitle {
		font-size: 14pt;
		line-height: 20pt
	}
	.carousel-btn-gluten {
		margin-top: 13%
	}
	.Carouselhead-gluten {
		font-size: 30pt;
		line-height: 30pt
	}
	.carousel-content-overnight {
		top: 18%;
		left: -5%
	}
	.Carouselhead {
		font-size: 30pt;
		margin-top: -3%;
		line-height: 40pt
	}
	.carousel-indicators {
		bottom: 0!important
	}
	.carousel-content {
		top: 10%;
		left: -9%;
		width: 42%
	}
	.m5 {
		margin-top: 2%!important;
		margin-bottom: 2%!important;
		margin-left: auto;
		margin-right: auto
	}
	.carousel-content-gluten {
		top: 13%;
		left: 20%;
		width: 42%;
		height: 60%
	}
	.footer-social-icon {
		padding-left: 4%
	}
	.content-inner {
		left: 0%
	}
	.Carouselbody-gluten {
		font-size: 14pt
	}
	.pinterest {
		right: 8%;
		top: 7%
	}
	.mtopx5 {
		margin-top: 0
	}
	.quaker-logo {
		left: 44%
	}
	.yt-body {
		margin-bottom: -8%
	}
	.modal.in .modal-dialog {
		width: 55.05%
	}
	.mailBoxTxt {
		width: 55%;
		margin-top: 2.5%
	}
	.kitchen-divider,
	.story-divider {
		float: none
	}
	.Carouselbody-movie {
		line-height: 2vw;
		margin: 20px auto
	}
	.Carouselbody-movie-small {
		font-size: .8vw
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	.browse-recipe-content {
		padding: 3%
	}
	.carousel-content-movie.content-nutrition {
		left: initial!important;
		top: 10%;
		right: 5.5%;
		width: 40vw
	}
	.carousel-content svg {
		margin-top: 5px;
		margin-bottom: 5px;
		width: 85%
	}
	.carousel-content-holiday {
		left: 5%;
		width: 46vw
	}
	.Carouselbody-tip {
		padding: 0 7vw
	}
	.Carouselbody-ono {
		padding: 0 7vw;
		margin-bottom: 4%
	}
	.Carouselhead-holiday {
		padding: 0 2vw 0 2vw;
		font-size: 4.6vw
	}
	.Carousel-body-energy {
		font-size: 1.5vw;
		margin-top: 3%;
		margin-bottom: 5%;
		padding: 0 7vw
	}
	.carousel-content-peachy {
		width: 45vw
	}
	.Carouselbody-holiday {
		font-size: 1.3vw;
		margin: 1vw auto 2vw auto;
		padding: 0 6vw 0 6vw
	}
	.Carouselbodyheart {
		margin-bottom: 5%
	}
	.Carouselbody-oat {
		padding: 8% 4% 0 4%
	}
	.Carouselbody-apple {
		padding: 0% 8%
	}
	.modal-content iframe {
		height: 315px
	}
	.Carouselhead-hearty * {
		display: inline-block;
		color: #172c52;
		padding: 0 .2vw
	}
	.ribbon-content img {
		width: 58%
	}
	.ribbon-content p {
		display: inline-block;
		position: absolute;
		font-family: MemoStdRegular;
		font-size: 1.3vw;
		font-weight: 500;
		left: 31%;
		top: 60.5%;
		color: #fff
	}
	.Carouselhead-hearty p {
		font-weight: 500;
		font-size: 2.75vw;
		font-family: MemoStdMedium
	}
	.browse-recipe {
		padding: 7%
	}
	.hrleft {
		top: 10px;
		left: -29%
	}
	.hrright {
		bottom: 20px;
		left: 29%
	}
	.Carouselbody-peachy {
		font-size: 1.3vw;
		line-height: 1.6vw
	}
	.mt7 {
		margin-top: 2%!important
	}
	.yt-play svg {
		width: 7vw
	}
	.home-white-bkg .recCTA {
		font-size: 1.4vw
	}
	.our-story-content {
		padding: 6% 5%
	}
	.pad0 {
		padding: 0
	}
	.mt2 {
		margin-top: 2%
	}
	.home-white-bkg .rectitle {
		font-size: 2.6vw
	}
	.yt-play {
		top: 25%
	}
	.carousel-content {
		width: 40%;
		left: -7%;
		top: 15%
	}
	.Carouselhead-gluten {
		font-size: 5.1vw
	}
	.Carouselhead {
		font-size: 5.1vw;
		margin-top: 3%;
		margin-bottom: 4%
	}
	.Carouselbtn {
		margin-top: 5%;
		font-size: 1.5vw
	}
	.Carouselbtn:hover {
		margin-top: 5%;
		font-size: 1.5vw
	}
	.content-inner {
		left: 10%;
		top: 10%
	}
	.carousel-content-overnight {
		top: 26%;
		margin-left: 7%
	}
	.carousel-content-gluten {
		width: 36%;
		left: 30%
	}
	.carousel-btn-gluten {
		margin-top: 10%
	}
	#newsletter-container input[type="submit"] {
		font-size: 10pt
	}
	#newsletter-container input[placeholder="Enter email"] {
		font-size: 1.3vw
	}
	ul.social-network {
		list-style: none;
		display: inline;
		margin-left: 21%;
		padding: 0
	}
	.mar-lft4 {
		margin-left: 4%
	}
	.dashed>span:before,
	.dashed>span:after {
		border-top: 2px solid #fff;
		display: block;
		height: 1px;
		content: " ";
		width: 13%;
		position: absolute;
		left: 0;
		top: .7em
	}
	.dashed>span:after {
		right: 0;
		left: auto
	}
	.modal.in .modal-dialog {
		width: 55.5%
	}
	.yt-body {
		margin-bottom: -6%
	}
	.kitchen-section,
	.our-story {
		font-size: 3.2vw;
		line-height: 3.6vw
	}
	.kitchen-recipe,
	.our-story-desc {
		font-size: 2vw;
		line-height: 2.5vw
	}
	.story-divider {
		margin-left: 0;
		margin-top: 0
	}
	.mailBoxTxt {
		width: 50%;
		margin-top: 1.5%
	}
	.mailBoxCntr {
		margin-left: 2%
	}
	.btn-custom {
		font-size: 1.2vw
	}
	.btn-custom:hover {
		font-size: 1.2vw
	}
	.mailBoxMdl {
		width: 100%
	}
	.btn-custom-offer {
		font-size: 1.5vw
	}
	.btn-custom-offer:hover {
		font-size: 1.5vw
	}
	.quaker-logo img {
		width: 65%
	}
	.home-white-bkg .recCTA svg {
		width: .5vw;
		height: 1.2vw
	}
}

@media only screen and (min-width:768px) and (max-width:992px) {
	.home-white-bkg .rectitle {
		font-size: 16pt;
		line-height: 18pt
	}
	.carousel-content-gluten {
		width: 37%;
		left: 30%
	}
	.Carouselhead-gluten {
		font-size: 4.6vw;
		line-height: 36pt
	}
	.Carouselbody-gluten {
		font-size: 12pt
	}
	.carousel-btn-gluten {
		margin-top: 5%
	}
}

@media(min-width:1025px) and (max-width:1199px) {
	.ribbon-content p {
		top: 58%
	}
}

@media(min-width:1600px) {
	.carousel-content-gluten {
		width: 34%;
		margin-left: 1%
	}
	.mailBoxTxt {
		margin-top: 0%
	}
	.hrleft {
		top: 19px
	}
	.hrright {
		bottom: 30px
	}
	.list-heading,
	.footer-section ul li a,
	.copy-rights {
		font-size: 15pt
	}
	.follow-us {
		font-size: 18pt
	}
	ul.social-network {
		margin-left: 39%
	}
}

.carousel-content-movie.content-nutrition {
	left: inherit!important;
	top: 10%;
	right: 5.5%;
	width: 40vw
}

.carousel-content-movie.content-nutrition.nutrition-goal {
	left: initial!important
}

.carousel-content-movie.content-nutrition.content-tip {
	left: 3%!important;
	right: inherit!important;
	top: 18%
}

.carousel-content-movie.content-nutrition h2 {
	color: #182c54;
	font-family: 'apercu-bold','Open Sans', sans-serif;
	font-weight: 400;
	font-size: 3.3vw;
	text-align: center;
	margin: 0;
	text-transform: capitalize
}

.carousel-content-movie.content-nutrition .Carouselbody-movie {
	font-size: 1.75vw;
	line-height: 2.3vw
}

.carousel-content-movie.content-nutrition .Carouselbody-movie em {
	font-family: 'apercu-bold','Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.75vw;
	font-style: normal
}

.carousel-content-movie.content-nutrition.content-tip.Carouselbody-movie {
	font-size: 1.7vw
}

.carousel-content-movie.content-nutrition .btn-movie {
	background-color: #172b54;
	border-radius: 5px;
	border: 1px solid #172b54;
	text-transform: capitalize;
	padding: .5vw 4vw;
	font-size: 1.2vw;
	font-family: 'apercu-bold','Open Sans', sans-serif;
}

.carousel-content-movie.content-nutrition .Carouselbody-movie-small {
	font-family: 'apercu-regular','PT Sans', sans-serif;
	font-size: .85vw;
	margin-top: 2vw
}

@media(max-width:767px) {
	.carousel-content-movie.content-nutrition {
		left: initial!important;
		width: 50vw;
		right: 0
	}
	.carousel-content-movie.content-nutrition.nutrition-tip {
		left: 0!important;
		right: inherit!important;
		top: 18%;
		width: 60%
	}
	.carousel-content-movie.content-nutrition h2 {
		font-size: 5vw
	}
	.carousel-content-movie.content-nutrition .Carouselbody-movie {
		font-size: 2.3vw;
		line-height: 2.5vw;
		margin: 15px auto
	}
	.carousel-content-movie.content-nutrition.nutrition-tip .Carouselbody-movie {
		font-size: 2.35vw;
		line-height: 3vw
	}
	.carousel-content-movie.content-nutrition .Carouselbody-movie em {
		font-size: 2.3vw
	}
	.carousel-content-movie.content-nutrition .btn-movie {
		font-size: 2.5vw;
		padding: 1.5vw 6vw;
		font-family: 'apercu-regular','PT Sans', sans-serif;
		border-radius: 3px
	}
	.carousel-content-movie.content-nutrition .carousel-btn-movie {
		margin-top: 10%!important
	}
	.carousel-content-movie.content-nutrition .Carouselbody-movie-small {
		font-family: 'apercu-regular','PT Sans', sans-serif;
		font-size: 1.5vw;
		line-height: 2vw;
		padding: 0 4vw;
		margin-top: 4vw
	}
}

.carousel-btn-alexa.img-cntr.lifebutton {
	margin-top: 43%;
	padding-right: 25%;
}

.carousel-btn-alexa.img-cntr.lifebutton a {
	height: 5.25em;
	min-width: 25em;
	display: block;
}

.lifemobilebtn {
	margin-top: 43%;
	padding-right: 25%;
}

.lifemobilebtn a {
	height: 2em;
	min-width: 10em;
	display: inline-block;
}

.inline-list {
	margin-top: -15px;
}

@media (min-width: 1700px) {
	.carousel-btn-alexa.img-cntr.lifebutton {
		margin-top: 48%;
		padding-right: 15%;
	}
	.inline-list {
		margin-top: -20px;
	}
}

@media (max-width: 767px) {
	.lifemobilebtn {
		margin-top: 50%;
		padding-left: 0;
		text-align: left;
	}
	.lifemobilebtn a {
		height: 2em;
		min-width: 10em;
	}
	.inline-list {
		margin-top: -5px;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	.inline-list {
		margin-top: -25px;
	}
}


/*Code uncommented for hiding carousel 3 and 4
div#ctaButtons a:nth-child(3) {
    display: none;
}
div#ctaButtons a:nth-child(2) {
    display: none;
}
Code uncommented for hiding carousel 3 and 4*/

.subMenu .navBtn {
	border: 0 !important;
	margin-bottom: 0;
}

#ctaButtons {
	width: 50%;
	margin-left: 25%;
}

.carousel-content-movie.content-nutrition.content-tip.oatbev.chewydesk {
	left: inherit !important;
	right: 3% !important;
}

.chewydesk .carousel-btn-alexa.img-cntr.lifebutton {
	padding-right: inherit;
	padding-left: 15%;
	margin-top: 50%;
}

.hots-home-tile img {
	width: 100%;
	height: auto;
}

.hots-home-tile {
	position: relative;
}

.hots-content {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 30%;
	text-align: center;
}

.hots-content h2 {
	font-family: 'apercu-bold','Open Sans', sans-serif;
	font-size: 4.05vw;
	line-height: 4vw;
	color: #002855;
	margin-bottom: 3vw;
	margin-top: 0;
}

.hots-btn,
.hots-btn:hover,
.hots-btn:active,
.hots-btn:focus,
.wins-btn,
.wins-btn:hover,
.wins-btn:active,
.wins-btn:focus {
	text-align: center;
	border: 1px solid #002855;
	background-color: #002855;
	color: #fff;
	text-decoration: none;
	font-family: 'apercu-regular','PT Sans', sans-serif;
	font-size: 1.05vw;
	line-height: 1.5vw;
	padding: 0.85vw 3.75vw;
	border-radius: 5px;
}

.wins-btn,
.wins-btn:hover,
.wins-btn:active,
.wins-btn:focus {
	font-size: 1.85vw;
	line-height: 3vw;
	display: block;
	width: 40%;
	margin: 2vw auto;
}

.wins-content {
	position: absolute;
	width: 100%;
	bottom: 7%;
	text-align: center;
}

.disclaimer {
	font-family: 'apercu-bold','Open Sans', sans-serif;
	margin-bottom: 0;
	font-size: 1.5vw;
	line-height: 1.35vw;
	padding-bottom: 0;
}

.disclaimer span {
	font-family: 'apercu-regular','PT Sans', sans-serif;
	font-size: 1.35vw
}

.wellness-content {
	position: absolute;
	width: 100%;
	height: auto;
	top: 12%;
	padding: 3%;
	color: #fff;
}

.wellness-btn {
	border: 1px solid #fff;
	background: #fff;
	padding: 1.25vw 3vw;
	font-size: 2.75vw;
	line-height: 8vw;
	color: #002855 !important;
	font-family: 'apercu-regular','PT Sans', sans-serif;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 25px -5px rgba(255, 255, 255, 0.7);
	-moz-box-shadow: 0px 0px 25px -5px rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 25px -5px rgba(255, 255, 255, 0.7);
}

.wellness-content h2 {
	font-family: 'apercu-regular','PT Sans', sans-serif;
	font-size: 5.15vw;
	line-height: 5vw;
}

.wellness-content h2 span {
	font-family: 'apercu-bold','Open Sans', sans-serif;
}

.wellness-content h4 {
	font-family: 'apercu-regular','PT Sans', sans-serif;
	font-size: 2.15vw;
	margin-bottom: 2vw;
}

.wellness-content h4 sup {
	font-size: 45%;
}

.wellness-content h5 {
	font-family: 'apercu-regular','PT Sans', sans-serif;
	font-size: 1.1vw;
	margin-bottom: 2vw;
}

.wellness-content h5 span {
	text-transform: uppercase;
	font-family: 'apercu-bold','Open Sans', sans-serif;
}

.maple-apple .wellness-content {
	top: 5%
}

.maple-apple h2,
.maple-apple h4,
.maple-apple h5 {
	text-align: center;
	color: #002855;
	font-family: 'apercu-bold','Open Sans', sans-serif;
}

.maple-apple h5 {
	font-family: 'apercu-regular','PT Sans', sans-serif;
	margin-top: 5vw;
	line-height: 1.5vw;
}

.maple-apple h4 {
	font-size: 2.85vw;
	line-height: 2.85vw;
	margin: 1vw 0 3vw;
}

.maple-apple .wellness-btn {
	background: #002855;
	border-color: #002855;
	color: #fff !important;
	font-size: 1.05vw;
	line-height: 1.5vw;
	padding: 0.85vw 3.75vw;
	border-radius: 5px;
	font-family: 'apercu-bold','Open Sans', sans-serif;
}

.fill-bellies .wellness-content {
	text-align: left;
	color: #002855;
}

.fill-bellies .wellness-content h2 {
	font-family: 'apercu-bold','Open Sans', sans-serif;
	font-size: 4.25vw
}


/*.fill-bellies .wellness-content h4{
	font-family:'apercu-bold','Open Sans', sans-serif;
	padding-bottom:2vw;
}*/

.fill-bellies .wellness-btn,
.latest-recipes.home-page .btn-blue {
	background: #002855;
	border-color: #002855;
	color: #fff !important;
	font-size: 1.05vw;
	line-height: 1.5vw;
	padding: 0.85vw 3.75vw;
	border-radius: 5px;
	font-family: 'apercu-bold','Open Sans', sans-serif;
}

.latest-recipes.home-page {
	padding: 2vw 0;
	text-align: center;
}

.latest-recipes.home-page h2 {
	font-family: 'apercu-bold','Open Sans', sans-serif;
	font-size: 2.5vw;
	margin-bottom: 2.5vw;
	color: #002855;
}

.latest-recipes.home-page .recipe p {
	font-family: 'apercu-regular','PT Sans', sans-serif;
	font-size: 1.5vw;
	text-align: left;
	margin: 1vw 0 0;
	color: #002855;
}

.latest-recipes.home-page .recipe p a {
	color: #002855
}

.latest-recipes.home-page h5 {
	font-family: 'apercu-bold','Open Sans', sans-serif;
	font-size: 1.5vw;
	line-height: 1.75vw;
	margin: 3vw auto 2vw;
	color: #002855;
}


/*Slick Slider */

.latest-recipes.home-page .slick-next:before,
.latest-recipes.home-page .slick-prev:before {
	content: "";
}

.latest-recipes.home-page .slick-next,
.latest-recipes.home-page .slick-prev {
	width: 50px;
	height: 50px;
	background-size: contain;
	transform: inherit !important;
	z-index: 999;
}

.latest-recipes.home-page .slick-prev {
	left: -3vw;
	background: url("../images/TP_Arrow_Left.png") no-repeat center center !important;
}

.latest-recipes.home-page .slick-next {
	right: -3vw;
	background: url("../images/TP_Arrow_Right.png") no-repeat center center !important;
}

.latest-recipes.home-page .recipe-slider .slick-next,
.latest-recipes.home-page .recipe-slider .slick-prev {
	top: 30%;
}

.latest-recipes.home-page .recipe-slider .slick-slide img {
	width: 100%;
	height: auto;
}

.hots-home-tile.covid19 .hots-content {
	top: 42%;
}

.share-warmth .share-warmth-content{
	position:absolute;
	width:93%;
	left:7%;
	bottom:20%;
	text-align:center;
}
.share-warmth-btn{
	background: #f9f5ee;
	border-color: #f9f5ee;
	color: #102437 !important;
	font-size: 1.5vw;
	line-height: 1.5vw;
	padding: 0.5vw 1.5vw;
	border-radius: 5px;
	font-family: "Helvetica","Arial","san-serif";
	font-weight:bold;  
	margin-top:2%;
}
.share-warmth .share-warmth-content .disclaimer{
    font-size: 0.7vw;
    line-height: 1.05vw;
    color: #fff;
    margin: 8% auto;
	font-family: "Helvetica","Arial","san-serif";
}
.sloth-tastic .sloth-tastic-content{
	position: absolute;
    bottom: 23%;
    width: 100%;
	text-align:center; 
}
.sloth-btn{
	background: #002855;
	border-color: #002855;
	color: #fff !important;
	font-size: 1.5vw;
	line-height: 2vw;
	padding: 1vw 3.75vw;
	border-radius: 5px;
	font-family: 'apercu-bold','Open Sans', sans-serif;
}
@media (min-width: 1700px) {
	.chewydesk .carousel-btn-alexa.img-cntr.lifebutton {
		padding-left: 35%;
		margin-top: 53%;
	}
	/*.share-warmth .share-warmth-content .disclaimer{
		padding-right:7%;
	}*/
}

@media (max-width: 767px) {
	.chewymobile .lifemobilebtn {
		margin-top: 55%;
		padding-right: 0;
		text-align: right;
	}
	.hots-content {
		width: 60%;
		left: 0;
	}
	.hots-content h2 {
		font-size: 8vw;
		line-height: 8vw;
		margin-bottom: 4vw;
	}
	.hots-btn,
	.hots-btn:hover,
	.hots-btn:active,
	.hots-btn:focus {
		font-size: 2.5vw;
		line-height: 3vw;
		padding: 2vw 7vw;
		border-radius: 3px;
	}
	.wins-content {
		bottom: 13%;
	}
	.wins-btn,
	.wins-btn:hover,
	.wins-btn:active,
	.wins-btn:focus {
		font-size: 2.65vw;
		line-height: 3vw;
		padding: 1.5vw 2.5vw;
		width: 50%;
	}
	.disclaimer {
		font-size: 2.05vw;
		line-height: 2.5vw;
	}
	.disclaimer span {
		font-size: 1.85vw;
	}
	.wellness-content {
		top: 11%;
	}
	.wellness-content h2 {
		margin-bottom: 0;
	}
	.wellness-content h4 {
		margin-bottom: 1vw;
		margin-top: 2vw;
	}
	.wellness-content h5 {
		font-size: 1.3vw;
	}
	.wellness-btn {
		border-radius: 2px;
	}
	.wellness-content h2 {
		font-size: 5.05vw;
	}
	.maple-apple .wellness-content {
		top: 0;
	}
	.maple-apple h2 {
		font-size: 7.05vw;
		line-height: 7vw;
	}
	.maple-apple h4 {
		font-size: 3.75vw;
		line-height: 4vw;
		margin-bottom: 15vw;
	}
	.maple-apple h5 {
		width: 45%;
		font-size: 2.5vw;
		line-height: 3.5vw;
		margin-top: 6vw;
	}
	.maple-apple .wellness-btn {
		font-size: 2.5vw;
		line-height: 3vw;
		padding: 2vw 7vw;
		border-radius: 3px;
	}
	.maple-cta {
		text-align: left;
		padding: 0 4%
	}
	.fill-bellies .wellness-content {
		top: 0%;
	}
	.fill-bellies .wellness-content h2 {
		font-size: 7.25vw;
		line-height: 8vw;
	}
	.fill-bellies .wellness-content h4 {
		font-size: 4.5vw;
		line-height: 6vw;
		padding: 2vw 0vw;
	}
	.fill-bellies .wellness-btn,
	.latest-recipes.home-page .btn-blue {
		font-size: 2.5vw;
		line-height: 3vw;
		padding: 2vw 7vw;
		border-radius: 3px;
	}
	.latest-recipes.home-page .slick-slide .col-sm-4 {
		padding: 0;
	}
	.latest-recipes.home-page h2 {
		font-size: 7.25vw;
		margin-bottom: 5vw;
	}
	.latest-recipes.home-page .recipe p {
		font-size: 5vw;
		padding-left: 5vw;
	}
	.latest-recipes.home-page h5 {
		font-size: 4.5vw;
		line-height: 5vw;
		margin: 5vw auto;
	}
	.latest-recipes.home-page {
		padding-bottom: 7vw;
	}
	.latest-recipes.home-page .recipe-slider .slick-slide img {
		width: 90%;
		height: auto;
	}
	.share-warmth .share-warmth-content{
		bottom:0%;
		left:5%;
		width:90%;
	}
	.share-warmth-btn{
		font-size: 2.5vw;
		line-height: 3vw;
		padding: 2vw 7vw;
		border-radius: 3px;
		margin-right:0;
	}
	.share-warmth .share-warmth-content .disclaimer{
		font-size: 1.5vw;
		line-height: 1.75vw;
		padding-right: 0;
		margin: 5% auto;
	}
	.sloth-tastic .sloth-tastic-content{
		bottom:15%;
		text-align:right;
	}
	.sloth-btn{
		font-size: 2.5vw;
		line-height: 3vw;
		padding: 2.75vw 7vw;
		border-radius: 3px;
	}
	.share-warmth-content .col-xs-7.col-xs-offset-5{
		padding-left:0;
	}
	.share-warmth .share-warmth-content .disclaimer.bottom{
		width:75%;
	}
}

@media (min-width: 768px) and (max-width:1024px) {
	.carousel-content-cholesterol.oatbev.chewymobile {
		top: 10px;
		left: 50%;
	}
	.chewymobile .lifemobilebtn {
		margin-top: 73%;
		padding-right: 0;
	}
	.lifemobilebtn a {
		display: block;
	}
	.maple-apple .wellness-content {
		top: 0%;
	}
	.maple-apple h2 {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.maple-apple h4 {
		margin-bottom: 2.5vw;
	}
	.sloth-tastic .sloth-tastic-content{
		text-align:center;
		bottom:20%;
	}
	.share-warmth .share-warmth-content{
		left:7.5%;
	}
	.share-warmth .share-warmth-content .disclaimer{
		font-size:0.65vw;
		margin:6% auto;
	}
}
/* Covid Banner Styles */
.hots-home-tile.covid19 .hots-content img {
	width: 5%;
}

@media (max-width: 767px) {
	.hots-home-tile.covid19 .hots-content img {
		width: 12%;
	}
	.hots-home-tile.covid19 .hots-content {
		width: 100%;
		top: 42%;
	}
	.hots-home-tile.covid19 .hots-content h2 {
		font-size: 6.5vw;
		line-height: 7vw;
	}
}


/* Covid Banner Styles */
/* Hot Cereal Banner Styles */
.hot-cereals-content{
	position:absolute;
	width:100%;
	top:30%;
	text-align:center;
}
.hot-cereals-content .whiteBG{
	background:rgba(255,255,255,0.7);
	padding: 2vw 0 4vw;
	position:relative;
}
.hot-cereals-content h2, .hot-cereals-content h1{
	font-family:'apercu-bold','Open Sans', sans-serif;
	font-size:4.75vw;
	line-height:5vw;
	color:#002855;
	margin:0 auto;
	padding-bottom: 0.5vw;
}
.hot-cereals-content p{
	font-family:'apercu-regular','PT Sans', sans-serif;
	font-size: 2.15vw;
	line-height: 2.5vw;
	color:#002855;
	margin-bottom: 0;
}
.hot-btn-wrapper{
	position:absolute;
	width:100%;
	bottom: -1vw;
}
.hot-cereals-btn{
	background: #002855;
	border-color: #002855;
	color: #fff !important;
	font-size: 1.5vw;
	line-height: 2vw;
	padding: 1.25vw 2vw;
	border-radius: 5px;
	font-family: 'apercu-bold','Open Sans', sans-serif;
}
@media (max-width: 767px) {
    .hot-cereals-content .whiteBG{
        width:93%;
        margin:0 auto;
    }
    .hot-cereals-content h2{
        font-size:7.5vw;
        line-height:8vw;
    }
    .hot-cereals-content p{
        font-size:3.75vw;
        line-height:5vw;
    }
    .hot-cereals-content .whiteBG{
        padding:5vw 0 9vw;
    }
    .hot-btn-wrapper{
        bottom:-2vw;
    }
    .hot-cereals-btn{
        font-size:3vw;
        line-height:3.5vw;
        border-radius:2px;
        padding:2vw 3.5vw;
    }    
}
/* Hot Cereal Banner Styles */