/*------------------------------------------------
Slideshow hero styles 
-------------------------------------------------*/
#plant-protein {
    height: 800px;
    position: relative;
    font-size: 0;
    margin-top: -96px !important;
    overflow: hidden;
}
.hero-slide {
    height: 800px;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center center;
}
.arrow {
    background:url('../media/img/layout/white-arrows.png') no-repeat;
    width: 45px;
    height: 89px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -44px;
    z-index: 999;
    cursor: pointer;
}
.arrow-right {
    right: 20px;
    background-position: right center;
}

.arrow-left {
    left: 20px;
    background-position: left center;
}
.cycle-pager { 
    text-align: center; 
    width: 100%; 
    z-index: 500; 
    position: absolute; 
    bottom: 60px; 
    /*overflow: hidden;*/
}
.cycle-pager span { 
    font-family: arial; 
    font-size: 40px; 
    width: 16px; 
    height: 16px; 
    display: inline-block; 
    color: #fff; 
    cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { 
	color: #bd3737;
}
.cycle-pager > * {
	cursor: pointer;
}


/*------------------------------------------------
Slides 
-------------------------------------------------*/


/* ---- Wallmart ----*/
#walmart_type {
	width: 450px;
	padding: 290px 0 0 50px;
}
#walmart_type img {
	width: 450px;
}
.walmart_btn {
	display: block;
	text-align: center;
	margin: 20px 0 0 0;
}



/* ---- Frozen Meals ----*/
#frozen_type {
	width: 450px;
	padding: 310px 0 0 50px;
	text-align: center;
}
#frozen_type img {
	width: 450px;
}
.frozen_btn {
	text-align: center;
	margin: 20px 0 0 0;
	background-color: #483a2a;
}


/* ---- FOP ----*/
#fop {
	text-align: center;
    padding: 350px 0 0 0;
}
#fop .button {
    font-size: 35px;
    margin: 120px 0 0 0;
}
#fop p {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin: 20px 250px 0 250px;
    padding: 15px 15px 15px 15px;
    background-color: rgba(0, 0, 0, 0.5);
}



/* ---- BeyondBurger ----*/
#beyondburger_content {
	width: 930px;
	height: 704px; 
    margin-top: 96px;
    padding: 0;
    text-align: center;
}

#beyondburger_leftcol {
	float: left;
	text-align: center;
	width: 600px;
	padding: 195px 0 0 0;
	
}

#beyondburger_leftcol img {
	width: 600px;
}

#beyondburger_btn {
    border: none;
}

#beyondburger_btn img {
    width: 200px;
    padding: 0 100px 0 0;
}

#beyondburger_rightcol {
	float: right;
	text-align: left;
	width: 300px;
	padding: 270px 0 0 0;
}

#beyondburger_rightcol img {
	width: 235px;
	margin: 0 0 20px 0;
}

#beyondburger_form button {
	font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 15px;
	color: #FFF;
	height: 30px;
	background-color: #22b04c;
	padding: 6px 20px 8px 20px;
	margin: 0 0 10px 0;
	float: left;
}

#beyondburger_form input[type="text"] {
    width: 237px;
    height: 30px;
    border: none;
    padding: 0 10px 0 10px;
    margin: 0 10px 10px 0;
    float: left;
    font-size: 16px;
    
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#beyondburger_form input[type="text"]#zipentry {
	width: 155px;
}

#beyondburger_form input[type="text"][disabled] {
    background: lightgray;
}

#beyondburger_form button[disabled] {
    background: gray;
}
#beyondburger_form button[disabled].success {
    background: #1a863a;
}

#beyondburger_form .error {
    display: block;
    color: #FFF;
    font-size: 16px;
    clear: both;
}

.hero_chevron {
	text-align: center; 
    width: 100%; 
    z-index: 501; 
    position: absolute; 
    bottom: 0px; 
}

.hero_chevron img {
	width: 64px;
}

#provid {
	background-color: #fff;
	background:url('../media/videos/beyond_burger_short_preview.jpg') no-repeat center;
}

#provid video {
	width: 100%;
    min-width: 1600px;
    position: absolute;
    top: 0;
    left: 0;
    z-index:-1;
    background:url('../media/videos/beyond_burger_short_preview.jpg') no-repeat center;
    background-color: #fff;
}


#vid_box {
	width: 950px;
	height: 438px;
	margin: 0 auto;
}

.mfp-bg {
	background: #000 !important;
	opacity: 0.8 !important;
	filter: alpha(opacity=80) !important;
}

.mfp-close {
	z-index: 9999 !important;
}


/* ---- Peas ----*/
#peas_content {
	width:100%;
	height: 704px; 
    margin-top: 96px;
    text-align: center;
}

#peas_content h1 {
   font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 90px;
	color: #FFF;
    text-transform: uppercase;
    padding: 260px 100px 0px 100px;
    line-height: 90%;
    letter-spacing: .2px;
    margin: 0;
}

#peas_content p {
    font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 35px;
	color: #FFF;
    text-transform: uppercase;
    padding: 10px 100px 50px 100px;
    line-height: 90%;
    letter-spacing: .2px;
    margin: 0;
}
}


#peas-btn {
    font-size: 25px;
}

#provid2 {
	background-color: #fff;
	background:url('../media/videos/plantpowerpreview.jpg') no-repeat center;
}

#provid2 video {
	width: 100%;
    min-width: 1600px;
    position: absolute;
    top: 0;
    left: 0;
    z-index:-1;
    background:url('../media/videos/plantpowerpreview.jpg') no-repeat center;
    background-color: #fff;
}


#vid_box2 {
	width: 950px;
	height: 438px;
	margin: 0 auto;
}



/*------------------------------------------------
What is meat panel 
-------------------------------------------------*/
#what-is-meat, #products-and-recipes, #store-locator, #in-the-news, #try-beyond-meat {
    padding: 60px 0; 
}

#what-is-meat {
	text-align: center;
}

#what-is-meat h1 {
	font-family: 'Knockout 68 A', 'Knockout 68 B'; font-weight: 400; font-style: normal;
    font-size: 60px;
    text-transform: uppercase;
	color: #000;
	margin: 0;
	padding: 0 0 7px 0;
}

.col {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.col-left {
    text-align: left;
}
.col-left img {
    width: 500px;
    padding: 10px 0 15px 50px;
}

.col-right {
    text-align: right;
}
.col-right img {
    width: 500px;
    padding: 30px 0 15px 0;
}

#talking-cow {
	width: 450px;
	height: 165px;
	padding: 20px 180px 0 0;
}

/*------------------------------------------------
Mission panel 
-------------------------------------------------*/
#mission-image {
    height: 794px;
}
#mission {
    padding: 60px 0; 
    text-align: center;
}
#mission-text {
	margin: 20px 120px 20px 120px;
	
}

#mission p {
    font-size: 25px;
	margin: 0;
	padding: 0;
}

#mission h2 {
    font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 60px;
    text-transform: uppercase;
	color: #000;
	margin: 0;
	padding: 10px 0 10px 0;
}

#mission h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    color: #868686;
    margin: 0;
	padding: 0;
    font-weight: 100;
}

#mission img {
   width: 200px;
}

/*------------------------------------------------
Weigh-in panel 
-------------------------------------------------*/
#weighin-image {
    height: 794px;
}
#weighin {
    text-align: center;
}
#weighin-chart {
	width: 100%;
	height: 600px;
	background:url('../media/img/home/weigh-in.jpg') no-repeat center;
	background-size: 1000px 410px;
}


/*------------------------------------------------
Values panel 
-------------------------------------------------*/
#values-image {
    height: 794px;
}
#values {
    padding: 60px 0; 
    text-align: center;
}

#values-intro {
	width: 100%;
}
#values-intro h1 {
	font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal;
    font-size: 48px;
    text-transform: uppercase;
	color: #000;
	margin: 0;
	padding: 10px 0 0 0;
}

#values-images {
	width: 100%;
	display: inline-block;
	margin: 20px 0 30px 0;
}

#values-images img {
	width: 220px;
	height: 329px;
	margin: 0 40px 0 0;
}
#values-images img:last-child {
	margin: 0;
}

#values-sub {
	width: 100%;
	background:url('../media/svg/home/values_border_horizontal.svg') no-repeat center;
	background-size: 993px 3px;
	margin: 0 0 20px 0;
}

#values-sub h2 {
	font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal;
    font-size: 25px;
    text-transform: uppercase;
	color: #868686;
	margin: 0;
	padding: 10px 0 10px 0;
}

#values-data {
	width: 100%;
}

.values-col {
	width: 25%;
	height: 200px;
	text-align: left;
	float: left;
	background:url('../media/svg/home/values_border_vert.svg') no-repeat right 10px;
	background-size: 3px 198px;
	margin: 0 0 50px 0;
}

.values-col:last-of-type {
	width: calc(25% - 55px);
	margin: 0 55px 0 0;
}
.values-col:first-of-type {
	width: calc(25% - 55px);
	background:url('../media/svg/home/values_border_vert.svg') no-repeat right 10px, url('../media/svg/home/values_border_vert.svg') no-repeat left 10px;
	background-size: 3px 198px;
	margin: 0 0 0 55px;
}

.values-col h1 {
	font-family: 'Knockout 68 A', 'Knockout 68 B'; font-weight: 400; font-style: normal;
    font-size: 58px;
    line-height: 56px;
    text-transform: uppercase;
	margin: 0;
	padding: 0 25px 0 25px;
}

.values-col p {
	font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 16px;
    text-transform: uppercase;
	margin: 0;
	padding: 0 25px 20px 25px;
}

.value-red {
	color: #EE2D26;
}
.value-blue {
	color: #0F5052;
}
.value-teal {
	color: #92D3CA;
}
.value-orange {
	color: #F19F59;
}

#values-footnote {
	width: 100%;
	clear: both;
	margin: 20px 55px 40px 55px;
}

#values-footnote p {
	font-size: 12px;
	display: inline;
}


/*------------------------------------------------
Products and recipes panel 
-------------------------------------------------*/
#product-shot {
    height: 794px;
}
#products-and-recipes {
    text-align: center;
}
#products-and-recipes .panel {
}
#products {}

#products > div {
    width: 210px;
    height: 227px;
    display: inline-block;
    vertical-align: top;
}
.product1 {
    background-image: url('../media/img/home/product1.jpg');
}
.product2 {
    background-image: url('../media/img/home/product2.jpg');
}
.product3 {
    background-image: url('../media/img/home/product3.jpg');
    margin: 0 10px 0 0;
}
.product4 {
    background-image: url('../media/img/home/product4.jpg');
    margin: 0 10px 0 0;
}
.product5 {
    background-image: url('../media/img/home/product5.jpg');
}

#products-and-recipes a.button {
    margin: 0 15px;
}

#product_icon_1 {
	width: 611px;
	margin: 0 15px 75px 10px;
}
#product_icon_2 {
	width: 184px;
	margin: 0 0 75px 20px;
}
#product_icon_3 {
	width: 212px;
	margin: 0 0 75px 15px;
}


/*------------------------------------------------
Store locator panel 
-------------------------------------------------*/
#stores {
    height: 794px;
}


#store_icon_frozen, #store_icon_fridge {
	width: 147px;
	height: 40px;
	margin: 3px 0 0 10px;
	padding: 0;
	float: right;
}


/*------------------------------------------------
News panel 
-------------------------------------------------*/
#news {
    height: 794px;
}
#in-the-news  {
    text-align: center;
}

#in-the-news h2 {
    margin-bottom: 30px;
}
#in-the-news .testimonial {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url('../media/img/home/fortune.jpg') no-repeat;
    width: 225px;
    padding: 250px 10px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
#in-the-news .testimonial.wired {
    background-image: url('../media/img/home/wired.jpg');
}
#in-the-news .testimonial.nyt {
    background-image: url('../media/img/home/new-york-times.jpg');
}
#in-the-news .testimonial.today {
    background-image: url('../media/img/home/today.jpg');
}
#in-the-news .testimonial.washingtonpost {
    background-image: url('../media/img/home/washington-post.jpg');
}
#in-the-news .testimonial.cnn {
    background-image: url('../media/img/home/cnn-money.jpg');
}
#in-the-news .testimonial.mensjournal {
    background-image: url('../media/img/home/mens-journal.jpg');
}
#in-the-news .testimonial.eater {
    background-image: url('../media/img/home/eater.jpg');
}
#in-the-news .testimonial.buzzfeed {
    background-image: url('../media/img/home/buzzfeed.jpg');
}
#in-the-news .testimonial.fastco {
    background-image: url('../media/img/home/fastco.jpg');
}
#in-the-news .testimonial.newhope {
    background-image: url('../media/img/home/new-hope.jpg');
}
#in-the-news .testimonial p.small {
    font-size: 16px;
}
#in-the-news .testimonial span.red {
    color: #bd3737;
}


/*------------------------------------------------
Coupon panel 
-------------------------------------------------*/
#try {
    height: 794px;
}


/*------------------------------------------------
Tablet styles 
-------------------------------------------------*/
@media all and (max-width: 800px) { 
    .col-right {
        width: 35%;
    }
    .col-right img {
        max-width: 100%;
        position: relative;
    }
    #plant-protein {
        height: 500px;
    }
    .hero-slide {
    	height: 500px;
    }
    .cycle-pager { 
    	bottom: 30px; 
	}
	 #product-shot, #stores, #news, #try, #mission-image, #weighin-image, #values-image {
        height: 350px;
        background-attachment: scroll;
    }
    #in-the-news .panel {
        text-align: center;
    }
    #in-the-news .testimonial {
        margin: 0 25px;
    }
    .col {
		display: inline-block;
		vertical-align: middle;
		width: 50%;
	}

	.col-left img {
		width: 350px;
		padding: 10px 0 15px 50px;
	}

	.col-right img {
		width: 300px;
		padding: 25px 20px 15px 0;
	}
	
	#talking-cow {
		width: 450px;
		height: 165px;
		padding: 20px 180px 0 0;
	}
	#mission p {
		font-size:18px;
	}

	#mission h3 {
		font-size: 15px;
	}

	#weighin-chart {
		height: 480px;
		background-size: 700px 287px;
	}
	
	#values {
		padding: 45px 0; 
	}
	#values-intro {
		width: 100%;
	}
	#values-intro h1 {
		font-size: 45px;
	}
	#values-images img {
		width: 140px;
		height: 209px;
		margin: 0 20px 0 0;
	}
	#values-sub h2 {
		font-size: 20px;
	}
	.values-col:last-of-type {
		width: calc(25% - 30px);
		margin: 0 30px 0 0;
	}
	.values-col:first-of-type {
		width: calc(25% - 30px);
		margin: 0 0 0 20px;
	}
	.values-col h1 {
		font-size: 40px;
		line-height: 38px;
		padding: 0 20px 0 20px;
	}
	.values-col p {
		font-size: 12px;
		padding: 0 20px 20px 20px;
	}
	#values-footnote {
		width: 90%;
		margin: 20px 35px 40px 35px;
	}
	#values-footnote p {
		font-size: 11px;
	}
	

	#products > div {
		width: 130px;
		height: 150px;
	}
	.product1 {
		background-size: 100%;
	}
	.product2 {
		background-size: 100%;
	}
	.product3 {
		background-size: 100%;
		margin: 0 10px 0 0;
	}
	.product4 {
		background-size: 100%;
		margin: 0 10px 0 0;
	}
	.product5 {
		background-size: 100%;
	}
	
	#product_icon_1 {
		display: none;
	}
	#product_icon_2 {
		display: none;
	}
	#product_icon_3 {
		display: none;
	}

    
    
    /* ---- Chefd ----*/
    #chefd {
		padding:350px 0 0 0;
	}
	.chefd_sub {
		font-size: 16px;
	}
	
	/* ---- Walmart ----*/
    #walmart_type {
    	width: 350px;
    	margin: 0 auto;
		padding: 170px 0 0 0;
	}
	#walmart_type img {
		width: 350px;
		margin: 0;
		padding: 0;
	}
	.walmart_btn {
		font-size: 18px;
		margin: 10px 0 0 0;
	}
	
	/* ---- FOP ----*/
	#fop {
		text-align: center;
		padding: 200px 0 0 0;
	}
	#fop .button {
		font-size: 25px;
		margin: 80px 0 0 0;
	}
	#fop p {
		font-size: 16px;
		margin: 20px 150px 0 150px;
	}
	
	/* ---- ProVid----*/
	#provid video {
		min-width: 1000px;
	}
	
	#providcontent h1 {
		font-size: 60px;
		padding: 120px 20px 0px 20px;
	}
	
	#providcontent p {
		font-size: 20px;
		padding: 10px 20px 30px 20px;
	}
	#providcontent  .button {
		font-size: 25px;
	}
	
	#vid_box, #vid_box video {
		width: 750px;
		height: 346px;
	}
	
	/* ---- Beyond Burger----*/
	#beyondburger_content {
		width: 650px;
		height: 500px; 
	}
	#beyondburger_leftcol {
		width: 400px;
		padding: 100px 0 0 0;
	
	}
	#beyondburger_leftcol img {
		width: 380px;
	}
	#beyondburger_btn img {
		width: 150px;
		padding: 0 70px 0 0;
	}
	
	#beyondburger_rightcol {
		width: 250px;
		padding: 150px 0 0 0;
	}
	
	#beyondburger_rightcol img {
		width: 200px;
	}

	.hero_chevron img {
		width: 40px;
	}
	
	
	
	/* ---- Frozen Meals ----*/
	#frozen_type {
		width: 300px;
		padding: 200px 0 0 100px;
	}
	#frozen_type img {
		width: 300px;
	}
	
	/* ---- Cinco De Mayo ----*/
	#cinco_type {
		width: 300px;
		padding: 180px 0 0 100px;
	}
	#cinco_type img {
		width: 300px;
	}

	/* ---- Wallmart ----*/
	#walmart_type {
		width: 280px;
		padding:180px 0 0 0;
	}
	#walmart_type img {
		width: 280px;
	}
	.walmart_btn {
		font-size: 14px;
		display: block;
		text-align: center;
		margin:10px 0 0 0;
	}




}