/* Font Declarations */

@font-face {
  font-family: 'MiloPro-Medi';
  src: url('../fonts/MiloPro-Medi.eot?#iefix') format('embedded-opentype'),  url('../fonts/MiloPro-Medi.otf')  format('opentype'),
         url('../fonts/MiloPro-Medi.woff') format('woff'), url('../fonts/MiloPro-Medi.ttf')  format('truetype'), url('../fonts/MiloPro-Medi.svg#MiloPro-Medi') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MiloPro';
  src: url('../fonts/MiloPro.eot?#iefix') format('embedded-opentype'),  url('../fonts/MiloPro.otf')  format('opentype'),
         url('../fonts/MiloPro.woff') format('woff'), url('../fonts/MiloPro.ttf')  format('truetype'), url('../fonts/MiloPro.svg#MiloPro') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MiloPro-Xbold';
  src: url('../fonts/MiloPro-Xbold.eot?#iefix') format('embedded-opentype'),  url('../fonts/MiloPro-Xbold.otf')  format('opentype'),
       url('../fonts/MiloPro-Xbold.woff') format('woff'), url('../fonts/MiloPro-Xbold.ttf')  format('truetype'), url('../fonts/MiloPro-Xbold.svg#MiloPro-Xbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
    font-size: 100%;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto; /* iOS position:fixed; elements fix (not 100%) */
    min-height:100%;
    overflow-x:hidden;
}

body {
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #666668;
    background-color: #454545;
    line-height: 18px;
    text-align: left;
    overflow-x: hidden !important;
    margin: auto !important;
}

/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

a {
    -webkit-transition: all ease 3s;
            transition: all ease 3s;
            text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}


/* Other fixes*/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#animate2 {
	opacity: 0;
	right: -8.75vw;
}
a.findOutMoreButton .findOutMoreContainer {
	display: block;
	position: fixed;
	top: 2vw;
	right: 8.75vw;
	left: auto;
	background-color: #56b145;
	text-align: center;
	border-radius: 50%;
	transition: all ease .5s;
	cursor: pointer;
}
a.findOutMoreButton .findOutMoreContainer:hover {
	background-color: #ffffff;
	transition: all ease .5s;
}
a.findOutMoreButton .findOutMoreContainer h3 {
	font-family: 'MiloPro', sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	margin: 0;
	padding: 23px 10px 21px 10px;
	transition: all ease .5s;
}
a.findOutMoreButton .findOutMoreContainer h3:hover {
	color: #56b145;
	transition: all ease .5s;
}


#animate2mobile {
	opacity: 0;
	bottom: -10vh;
}
div.findOutMoreButtonContainerMobile {
	display: inline-block;
	position: fixed;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
}
a.findOutMoreButtonMobile .findOutMoreContainerMobile {
	width: 100%;
	background-color: #56b145;
	text-align: center;
	transition: all ease .5s;
	cursor: pointer;
}
a.findOutMoreButtonMobile .findOutMoreContainerMobile:hover {
	background-color: #ffffff;
	transition: all ease .5s;
}
a.findOutMoreButtonMobile .findOutMoreContainerMobile h3 {
	font-family: 'MiloPro', sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
	margin: 0;
	padding: 8px 0 8px 0;
	transition: all ease .5s;
}
a.findOutMoreButtonMobile .findOutMoreContainerMobile h3:hover {
	color: #56b145;
	transition: all ease .5s;
}




/*---------------------------------------
=========================================
 **   SECTION STYLES                
=========================================
-----------------------------------------*/

/*---------------------------------------
   SECTION:  Header
-----------------------------------------*/
header.header {
	background: url('../images/beans-background2.jpg') 0 0 no-repeat;
	background-size: cover;
	min-height: 100vh;
}
@keyframes topBarSlideDown {
  0% {
    transform: translate(0px,-100%);
  }
  100% {
    transform: translate(0px,0px);
  }
}
@-webkit-keyframes topBarSlideDown {
  0% {
    transform: translate(0px,-100%);
  }
  100% {
    transform: translate(0px,0px);
  }
}
@-moz-keyframes topBarSlideDown {
  0% {
    transform: translate(0px,-100%);
  }
  100% {
    transform: translate(0px,0px);
  }
}
@-o-keyframes topBarSlideDown {
  0% {
    transform: translate(0px,-100%);
  }
  100% {
    transform: translate(0px,0px);
  }
}
@-ms-keyframes topBarSlideDown {
  0% {
    transform: translate(0px,-100%);
  }
  100% {
    transform: translate(0px,0px);
  }
}
header.header .topBar {
	background-color: #ffffff;
	transform: translate(0px,0px);
	-webkit-transform: translate(0px,0px);
	-moz-transform: translate(0px,0px);
	-o-transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
	animation: topBarSlideDown 1.25s;
	-webkit-animation: topBarSlideDown 1.25s;
	-moz-animation: topBarSlideDown 1.25s;
	-o-animation: topBarSlideDown 1.25s;
	-ms-animation: topBarSlideDown 1.25s;
}
header.header .topBar img.ingredionLogo {
	width: 7.75%;
	height: auto;
	margin-left: 30vw;
	padding-top: 0.8333333333333333vw;
	padding-bottom: 0.8333333333333333vw;
}
#animate1 {
	transform: translate(0vw,0vw);
}
@keyframes bubbleSlideIn {
  0% {
  	opacity: 0;
    transform: translate(50vw,0px);
  }
  40% {
  	opacity: 0;
    transform: translate(50vw,0px);
  }
  100% {
  	opacity: 1;
    transform: translate(0px,0px);
  }
}
@-webkit-keyframes bubbleSlideIn {
  0% {
  	opacity: 0;
    transform: translate(50vw,0px);
  }
  40% {
  	opacity: 0;
    transform: translate(50vw,0px);
  }
  100% {
  	opacity: 1;
    transform: translate(0px,0px);
  }
}
@-moz-keyframes bubbleSlideIn {
  0% {
  	opacity: 0;
    transform: translate(50vw,0px);
  }
  40% {
  	opacity: 0;
    transform: translate(50vw,0px);
  }
  100% {
  	opacity: 1;
    transform: translate(0px,0px);
  }
}
@-o-keyframes bubbleSlideIn {
  0% {
  	opacity: 0;
    transform: translate(50vw,0px);
  }
  40% {
  	opacity: 0;
    transform: translate(50vw,0px);
  }
  100% {
  	opacity: 1;
    transform: translate(0px,0px);
  }
}
@-ms-keyframes bubbleSlideIn {
  0% {
  	opacity: 0;
    transform: translate(50vw,0px);
  }
  40% {
  	opacity: 0;
    transform: translate(50vw,0px);
  }
  100% {
  	opacity: 1;
    transform: translate(0px,0px);
  }
}
header.header .bubbleContainer {
	background: url('../images/bubble.png') 0 0 no-repeat;
	background-size: 100% 100%;
	padding: 5vw 2.25vw 6vw 2.25vw;
	margin-top: 15vh;
	opacity: 1;
	transform: translate(0px,0px);
	-webkit-transform: translate(0px,0px);
	-moz-transform: translate(0px,0px);
	-o-transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
	animation: bubbleSlideIn 2s;
	-webkit-animation: bubbleSlideIn 2s;
	-moz-animation: bubbleSlideIn 2s;
	-o-animation: bubbleSlideIn 2s;
	-ms-animation: bubbleSlideIn 2s;
}
header.header .bubbleContainer h1 {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 4.805vw;
	color: #55b045;
}
header.header .bubbleContainer h2 {
	font-family: 'MiloPro', sans-serif;
	font-size: 2.333333333333333vw;
	color: #58585b;
}
header.header .bubbleContainer img.ideaLabsLogo {
	width: 81.5%;
	height: auto;
}
header.header .bounceContainer {
	margin-top: 8vh;
}
header.header .bounce {
	position: relative;
	bottom:0;
	margin-top:-25px;
	width: 100%;
	height: auto;
	-webkit-animation:bounce 1s infinite;
}
@-webkit-keyframes bounce {
  0%       { bottom:5px; }
  25%, 75% { bottom:15px; }
  50%      { bottom:20px; }
  100%     {bottom:0;}
}
@keyframes exploreFadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes exploreFadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes exploreFadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes exploreFadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes exploreFadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
header.header img.exploreButton {
	width: 45%;
	max-width: 90px;
	height: auto;
	opacity: 1;
	animation: exploreFadeIn 2.5s;
	-webkit-animation: exploreFadeIn 2.5s;
	-moz-animation: exploreFadeIn 2.5s;
	-o-animation: exploreFadeIn 2.5s;
	-ms-animation: exploreFadeIn 2.5s;
}

/*---------------------------------------
   SECTION:  welcome
-----------------------------------------*/
section.welcome {
	background: url('../images/wood-background.jpg');
	background-attachment: fixed;
	padding-bottom: 50vh;
}
section.welcome p {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 2.5vw;
	line-height: 2.75vw;
	color: #55b045;
}
section.welcome p span {
	color: #ffffff;
}
#animate4 {
	opacity: 0;
}
section.welcome p.pGraph1 {
	margin-top: 13vw;
}
section.welcome div.cleanAndSimpleContainer {
	display: block;
	width: 100%;
}
#animate6 {
	opacity: 0;
	transform: scale(0,0);
}
section.welcome img.cleanAndSimple {
	width: 60.5%;
	height: auto;
}
#animate15 {
	opacity: 0;
}
section.welcome p.pGraph2 {
	margin-top: 31.66666666666667vw;
}
section.welcome div.healthAndNutritionContainer {
	display: block;
	width: 100%;
}
#animate16 {
	opacity: 0;
	transform: scale(0,0);
}
section.welcome img.healthAndNutrition {
	width: 75.75%;
	height: auto;
}
#animate3 {
	transform: translate(-50vw,0vw);
}
section.welcome img.beansOnPlatter {
	width: 94%;
	height: auto;
}
#animate5 {
	transform: translate(35vw,0vw) rotate(-300deg);
}
section.welcome img.beansInBowl1 {
	width: 51%;
	height: auto;
	margin-top: 12.83333333333333vw;
	margin-right: 17.5%;
}
#animate7 {
	transform: translate(-35vw,0vw) rotate(300deg);
}
section.welcome img.beansInBowl2 {
	width: 52%;
	height: auto;
	margin-top: 5.666666666666667vw;
	margin-left: 3.5%;
}
#animate8 {
	transform: translate(35vw,0vw);
}
section.welcome img.beansInSpoon {
	width: 52%;
	height: auto;
	margin-top: 10vw;
}
#animate9 {
	opacity: 0;
}
section.welcome img.beansInBowl3 {
	width: 47.5%;
	height: auto;
	margin-top: 0.4166666666666667vw;
	margin-left: 44%;
}
#animate10 {
	opacity: 0;
}
section.welcome img.beansInBowl4 {
	width: 52.5%;
	height: auto;
	margin-top: 3.333333333333333vw;
	margin-right: 41.5%;
}
#animate11 {
	transform: translate(-35vw,0vw) rotate(300deg);
}
section.welcome img.beansInBowl5 {
	width: 48.75%;
	height: auto;
	margin-top: 2.5vw;
	margin-left: 3.5%;
}
#animate12 {
	transform: translate(35vw,0vw);
}
section.welcome img.beansInSpoon2 {
	width: 84%;
	height: auto;
	margin-top: 5.5vw;
}
#animate13 {
	transform: translate(-35vw,0vw);
}
section.welcome img.beansInSpoon3 {
	width: 79.75%;
	height: auto;
	margin-top: 0.5vw;
}
#animate14 {
	transform: translate(35vw,0vw);
}
section.welcome img.beansInBowl6 {
	width: 37%;
	height: auto;
	margin-top: 2.333333333333333vw;
}
#animate17 {
	transform: translate(-35vw,0vw) rotate(359deg);
}
section.welcome img.beansInBowl7 {
	width: 42.25%;
	height: auto;
	margin-top: 0.8333333333333333vw;
	margin-left: 35%;
}
#animate18 {
	transform: translate(35vw,0vw) rotate(-359deg);
}
section.welcome img.beansInBowl8 {
	width: 46%;
	height: auto;
	margin-top: 1.666666666666667vw;
	margin-right: 40%;
}

/*---------------------------------------
   SECTION:  whatArePulses
-----------------------------------------*/
section.whatArePulses {
	background: url('../images/burger.jpg') top center no-repeat;
	background-size: 150% auto;
	background-attachment: fixed;
	padding-bottom: 50vh;
	min-height: 100vh;
}
section.whatArePulses .act3scene1 h2 {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 6.5vw;
	line-height: 6.625vw;
	color: #55b045;
	/*margin-top: 15vw;*/
}
section.whatArePulses .act3scene1 h2 span {
	color: #ffffff;
}
section.whatArePulses .act3scene2 {
	margin-top: 100vh;
}
section.whatArePulses .act3scene2 .whiteBox div.mobilePercentProtein {
	display: block;
	width: 100%;
	text-align: center;
}
section.whatArePulses .act3scene2 .whiteBox .mobilePercentProtein img {
	width: 40%;
	height: auto;
	padding-top: 5vw;
}
section.whatArePulses .act3scene2 .whiteBox {
	background-color: rgba(255, 255, 255, .8);
	border-radius: 20px;
}
section.whatArePulses .act3scene2 .whiteBox p {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 2.333333333333333vw;
	line-height: 2.625vw;
	color: #58585b;
	padding: 5vw 4.166666666666667vw 5vw 4.166666666666667vw;
}
section.whatArePulses .act3scene2 .whiteBox p span {
	color: #55b045;
}
#animate19 {
	position: fixed;
	top: 12vw;
	left: 50vw;
	width: 50vw;
	opacity: 0;
	transform: translate(60vw,0vw);
}
#animate19 img.upTo25PercentProtein {
	width: 26.83333333333333%;
	height: auto;
	margin-left: 6.666666666666667%;
}
section.whatArePulses .act3scene3 {
	margin-top: 50vh;
}
#animate20 {
	position: fixed;
	top: 15vw;
	left: auto;
	right: 50vw;
	width: 50vw;
	opacity: 0;
	transform: translate(-60vw,0vw);
}
#animate20 img.percentGrowth {
	width: 32.66666666666667%;
	height: auto;
	margin-left: 41.5%;
}
#animate21 {
	position: fixed;
	top: 20vw;
	left: auto;
	right: 50vw;
	width: 50vw;
	opacity: 0;
	transform: scale(0,0);
}
#animate21 img.homecraft {
	width: 50%;
	height: auto;
	margin-left: 32%;
}
#animate21 img.vitessence {
	width: 50%;
	height: auto;
	margin-left: 32%;
	margin-top: 4vw;
}
section.whatArePulses .act3scene3 .whiteBox h2 {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 4vw;
	color: #58585b;
	padding: 5vw 4.166666666666667vw 0 4.166666666666667vw;
	margin-bottom: 3vw;
}
section.whatArePulses .act3scene3 .whiteBox h2 span {
	color: #55b045;
}
section.whatArePulses .act3scene3 .whiteBox {
	background-color: rgba(255, 255, 255, .8);
	border-radius: 20px;
}
section.whatArePulses .act3scene3 .whiteBox p {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 2vw;
	line-height: 2.25vw;
	color: #58585b;
	padding: 0 4.166666666666667vw 3vw 4.166666666666667vw;
}
section.whatArePulses .act3scene3 .whiteBox p span {
	color: #55b045;
}

/*---------------------------------------
   SECTION:  pulsesClaims
-----------------------------------------*/
section.pulsesClaims {
	background: url('../images/chicken-fingers.jpg') top left no-repeat;
	background-size: 180% auto;
	background-attachment: fixed;
	padding-bottom: 5vw;
	min-height: 100vh;
}
#animate22 {
	transform: translate(-60vw,0vw);
}
section.pulsesClaims .act4scene1 h2 {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 6.5vw;
	line-height: 6.625vw;
	color: #55b045;
	margin-top: 30vh;
}
section.pulsesClaims .act4scene1 h2 span {
	color: #ffffff;
}
section.pulsesClaims .act4scene2 {
	margin-top: 100vh;
}
section.pulsesClaims .act4scene2 .whiteBox div.mobileHighProteinAndFiber {
	display: block;
	width: 100%;
	text-align: center;
}
section.pulsesClaims .act4scene2 .whiteBox .mobileHighProteinAndFiber img {
	width: 40%;
	height: auto;
	padding-top: 5vw;
}
section.pulsesClaims .act4scene2 .whiteBox div.mobileGlutenFreeNonGmoVegan {
	display: block;
	width: 100%;
	text-align: center;
}
section.pulsesClaims .act4scene2 .whiteBox .mobileGlutenFreeNonGmoVegan img {
	width: 40%;
	height: auto;
	margin-bottom: 5vw;
}
section.pulsesClaims .act4scene2 .whiteBox {
	background-color: rgba(255, 255, 255, .8);
	border-radius: 20px;
}
section.pulsesClaims .act4scene2 .whiteBox p {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 2.333333333333333vw;
	line-height: 2.625vw;
	color: #58585b;
	padding: 0 4.166666666666667vw 0 4.166666666666667vw;
}
section.pulsesClaims .act4scene2 .whiteBox p span {
	color: #55b045;
}
section.pulsesClaims .act4scene2 .whiteBox p.pGraph1 {
	padding-top: 5vw;
	padding-bottom: 3vw;
}
section.pulsesClaims .act4scene2 .whiteBox p.pGraph2 {
	padding-bottom: 3vw;
}
#animate23 {
	position: fixed;
	top: 12vw;
	left: 50vw;
	width: 50vw;
	opacity: 0;
	transform: translate(60vw,0vw);
}
#animate23 img.highProteinAndFiber {
	width: 40%;
	height: auto;
	margin-top: 8vw;
	margin-left: 6.666666666666667%;
}
#animate24 {
	position: fixed;
	top: 12vw;
	left: 50vw;
	width: 50vw;
	opacity: 0;
	transform: translate(60vw,0vw);
}
#animate24 img.glutenFreeNonGmoVegan {
	width: 40%;
	height: auto;
	margin-left: 6.666666666666667%;
}
section.pulsesClaims .act4scene3 {
	margin-top: 50vh;
}
section.pulsesClaims .act4scene3 .whiteBox div.mobileApplications {
	display: block;
	width: 100%;
	text-align: center;
}
section.pulsesClaims .act4scene3 .whiteBox .mobileApplications img {
	width: 60%;
	height: auto;
	padding-top: 5vw;
}
#animate25 {
	position: fixed;
	top: 12vw;
	left: auto;
	right: 50vw;
	width: 50vw;
	opacity: 0;
	transform: translate(-60vw,0vw);
}
#animate25 img.applications {
	width: 45%;
	height: auto;
	margin-left: 41.5%;
}
section.pulsesClaims .act4scene3 .whiteBox h2 {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 4vw;
	color: #58585b;
	padding: 5vw 4.166666666666667vw 0 4.166666666666667vw;
	margin-bottom: 3vw;
}
section.pulsesClaims .act4scene3 .whiteBox h2 span {
	color: #55b045;
}
section.pulsesClaims .act4scene3 .whiteBox {
	background-color: rgba(255, 255, 255, .8);
	border-radius: 20px;
}
section.pulsesClaims .act4scene3 .whiteBox p {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 2vw;
	line-height: 2.25vw;
	color: #58585b;
	padding: 0 4.166666666666667vw 3vw 4.166666666666667vw;
}
section.pulsesClaims .act4scene3 .whiteBox p span {
	color: #55b045;
}
section.pulsesClaims .act4scene3 .whiteBox p.pGraphWithList {
	padding-bottom: 1vw;
}
section.pulsesClaims .act4scene3 .whiteBox ol {
	padding: 0 4.166666666666667vw 3vw 4.166666666666667vw;
	margin-left: 1.25vw;
}
section.pulsesClaims .act4scene3 .whiteBox ol li {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 1.5vw;
	line-height: 1.75vw;
	margin-bottom: 1vw;
	color: #58585b;
}

/*---------------------------------------
   SECTION:  pulsesPerform
-----------------------------------------*/
section.pulsesPerform {
	background: url('../images/pasta-salad.jpg') 0 10% no-repeat;
	background-size: 200%;
	background-attachment: fixed;
	padding-bottom: 5vw;
	min-height: 100vh;
}
#animate26 {
	transform: translate(60vw,0vw);
}
section.pulsesPerform .act5scene1 h2 {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 6.5vw;
	line-height: 6.625vw;
	color: #55b045;
	margin-top: 25vh;
}
section.pulsesPerform .act5scene1 h2 span {
	color: #ffffff;
}
section.pulsesPerform .act5scene2 {
	margin-top: 100vh;
}
section.pulsesPerform .act5scene2 .whiteBox div.mobileEasyToUse {
	display: block;
	width: 100%;
	text-align: center;
}
section.pulsesPerform .act5scene2 .whiteBox .mobileEasyToUse img {
	width: 40%;
	height: auto;
	padding-top: 5vw;
}
section.pulsesPerform .act5scene2 .whiteBox {
	background-color: rgba(255, 255, 255, .8);
	border-radius: 20px;
}
section.pulsesPerform .act5scene2 .whiteBox p {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 2.333333333333333vw;
	line-height: 2.625vw;
	color: #58585b;
	padding: 5vw 4.166666666666667vw 5vw 4.166666666666667vw;
}
section.pulsesPerform .act5scene2 .whiteBox p span {
	color: #55b045;
}
#animate27 {
	position: fixed;
	top: 12vw;
	left: 50vw;
	width: 50vw;
	opacity: 0;
	transform: translate(60vw,0vw);
}
#animate27 img.easyToUse {
	width: 26.83333333333333%;
	height: auto;
	margin-left: 6.666666666666667%;
}
section.pulsesPerform .act5scene3 {
	margin-top: 100vh;
}
section.pulsesPerform .act5scene3 .whiteBox div.mobileGetToMarketFaster {
	display: block;
	width: 100%;
	text-align: center;
}
section.pulsesPerform .act5scene3 .whiteBox .mobileGetToMarketFaster img {
	width: 65%;
	height: auto;
	padding-top: 5vw;
}
section.pulsesPerform .act5scene3 .whiteBox div.mobileDeliciousFormulations {
	display: block;
	width: 100%;
	text-align: center;
}
section.pulsesPerform .act5scene3 .whiteBox .mobileDeliciousFormulations img {
	width: 65%;
	height: auto;
	margin-bottom: 5vw;
}
section.pulsesPerform .act5scene3 .whiteBox div.mobileAddedMoistureHigherProtein {
	display: block;
	width: 100%;
	text-align: center;
}
section.pulsesPerform .act5scene3 .whiteBox .mobileAddedMoistureHigherProtein img {
	width: 50%;
	height: auto;
	margin-bottom: 5vw;
}
section.pulsesPerform .act5scene3 .whiteBox {
	background-color: rgba(255, 255, 255, .8);
	border-radius: 20px;
}
section.pulsesPerform .act5scene3 .whiteBox h2 {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 4vw;
	color: #58585b;
	padding: 5vw 4.166666666666667vw 0 3.75vw;
}
section.pulsesPerform .act5scene3 .whiteBox h2 span {
	color: #55b045;
}
section.pulsesPerform .act5scene3 .whiteBox p {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 2.333333333333333vw;
	line-height: 2.625vw;
	color: #58585b;
	padding: 0 4.166666666666667vw 0 4.166666666666667vw;
}
section.pulsesPerform .act5scene3 .whiteBox p span {
	color: #55b045;
}
section.pulsesPerform .act5scene3 .whiteBox p.pGraph1 {
	padding-top: 3vw;
	padding-bottom: 3vw;
}
section.pulsesPerform .act5scene3 .whiteBox p.pGraph2 {
	padding-bottom: 3vw;
}
#animate28 {
	position: fixed;
	top: 12vw;
	left: 50vw;
	width: 50vw;
	opacity: 0;
	transform: translate(60vw,0vw);
}
#animate28 img.getToMarketFaster {
	width: 40%;
	height: auto;
	margin-left: 6.666666666666667%;
}
#animate29 {
	position: fixed;
	top: 12vw;
	left: 50vw;
	width: 50vw;
	opacity: 0;
	transform: translate(60vw,0vw);
}
#animate29 img.deliciousFormulations {
	width: 40%;
	height: auto;
	margin-left: 6.666666666666667%;
}
#animate30 {
	position: fixed;
	top: 12vw;
	left: 50vw;
	width: 50vw;
	opacity: 0;
	transform: translate(60vw,0vw);
}
#animate30 img.addedMoistureHigherProtein {
	width: 30%;
	height: auto;
	margin-left: 6.666666666666667%;
}

/*---------------------------------------
   SECTION:  qualitySupply
-----------------------------------------*/
section.qualitySupply {
	background: url('../images/tomato-soup.jpg') left top no-repeat;
	background-size: 180%;
	background-attachment: fixed;
	padding-bottom: 5vw;
	min-height: 100vh;
}
#animate31 {
	transform: translate(-60vw,0vw);
}
section.qualitySupply .act6scene1 h2 {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 6.5vw;
	line-height: 6.625vw;
	color: #55b045;
	margin-top: 25vh;
}
section.qualitySupply .act6scene1 h2 span {
	color: #ffffff;
}
section.qualitySupply .act6scene2 {
	margin-top: 100vh;
}
section.qualitySupply .act6scene2 .whiteBox div.mobileConsistency {
	display: block;
	width: 100%;
	text-align: center;
}
section.qualitySupply .act6scene2 .whiteBox .mobileConsistency img {
	width: 65%;
	height: auto;
	padding-top: 5vw;
}
section.qualitySupply .act6scene2 .whiteBox div.mobileAgt {
	display: block;
	width: 100%;
	text-align: center;
}
section.qualitySupply .act6scene2 .whiteBox .mobileAgt img {
	width: 65%;
	height: auto;
	margin-bottom: 5vw;
}
section.qualitySupply .act6scene2 .whiteBox {
	background-color: rgba(255, 255, 255, .8);
	border-radius: 20px;
}
section.qualitySupply .act6scene2 .whiteBox p {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 2.333333333333333vw;
	line-height: 2.625vw;
	color: #58585b;
	padding: 0 4.166666666666667vw 0 3.75vw;
}
section.qualitySupply .act6scene2 .whiteBox p span {
	color: #55b045;
}
section.qualitySupply .act6scene2 .whiteBox p.pGraph1 {
	padding-top: 3vw;
	padding-bottom: 3vw;
}
section.qualitySupply .act6scene2 .whiteBox p.pGraph2 {
	padding-bottom: 3vw;
}
#animate32 {
	position: fixed;
	top: 12vw;
	left: 50vw;
	width: 50vw;
	opacity: 0;
	transform: translate(60vw,0vw);
}
#animate32 img.consistency {
	width: 40%;
	height: auto;
	margin-left: 6.666666666666667%;
}
#animate33 {
	position: fixed;
	top: 12vw;
	left: 50vw;
	width: 50vw;
	opacity: 0;
	transform: translate(60vw,0vw);
}
#animate33 img.agt {
	width: 40%;
	height: auto;
	margin-left: 6.666666666666667%;
}


/*---------------------------------------
   SECTION:  Footer
-----------------------------------------*/
footer.footer {
	background: url('../images/wood-background.jpg');
	padding-bottom: 3vw;
	padding-top: 5vw;
	min-height: 100vh;
}
#animate35 {
	transform: translate(-50vw,0vw);
}
footer.footer .act7scene1 img.smoothie {
	width: 65%;
	height: auto;
	margin-top: 5.666666666666667vw;
	margin-left: 14.66666666666667%;
}
#animate37 {
	transform: translate(-50vw,0vw);
}
footer.footer .act7scene1 img.chickenMarsala {
	width: 80%;
	height: auto;
	margin-top: 1vw;
}
#animate38 {
	transform: translate(-50vw,0vw);
}
footer.footer .act7scene1 img.cheesePuffs {
	width: 62.66666666666667%;
	height: auto;
	margin-top: -2vw;
	margin-left: 37%;
}
#animate41 {
	transform: translate(-50vw,0vw);
}
footer.footer .act7scene1 img.pasta {
	width: 90%;
	height: auto;
	margin-top: 4vw;
	margin-left: 10%;
}
footer.footer h2.animate34, footer.footer .act7scene1 p.animate34 {
	opacity: 0;
}
footer.footer h2 {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 5.166666666666667vw;
	color: #55b045;
	margin-top: 8.333333333333333vw;
	margin-bottom: 2vw;
}
footer.footer h2 span {
	color: #ffffff;
}
footer.footer .act7scene1 p {
	font-family: 'MiloPro-Medi', sans-serif;
	font-size: 2.333333333333333vw;
	line-height: 2.625vw;
	color: #55b045;
	padding-bottom: 1vw;
}
footer.footer .act7scene1 p span.thinner {
	font-family: 'MiloPro', sans-serif;
	color: #55b045;
}
footer.footer .act7scene1 p a {
	color: #55b045;
}
footer.footer .act7scene1 p a:hover {
	text-decoration: underline;
}
footer.footer .act7scene1 p span {
	color: #ffffff;
}
footer.footer .act7scene1 p span a {
	color: #ffffff;
}
footer.footer .act7scene1 p span a:hover {
	text-decoration: underline;
}
footer.footer .act7scene1 p.pGraph1 {
	padding-bottom: 12vw;
}
#animate40 {
	opacity: 0;
	transform: scale(0,0);
}
footer.footer .act7scene1 div.bottomLogoContainer {
	display: block;
	width: 100%;
}
footer.footer .act7scene1 .bottomLogoContainer img.bottomLogo {
	width: 28.33333333333333%;
	height: auto;
}
footer.footer .act7scene1 div.bottomCopyContainer {
	display: block;
	width: 100%;
}
footer.footer .act7scene1 p.animate43 {
	opacity: 0;
}
footer.footer .act7scene1 p.pGraph2 {
	font-size: 3.294117647058823vw;
	line-height: 3.625vw;
	padding-top: 3vw;
	margin-right: 2vw;
	margin-left: 2vw;
}
footer.footer .act7scene1 p.pGraph3 {
	font-size: 3.294117647058823vw;
	line-height: 3.625vw;
	margin-right: 0;
	margin-left: 0;
	margin-top: 4vw;
}
footer.footer .act7scene1 div.bottomIdeaLabsLogoContainer {
	display: block;
	width: 100%;
}
footer.footer .act7scene1 .bottomIdeaLabsLogoContainer img.bottomIdeaLabsLogo {
	width: 36%;
	height: auto;
	margin-top: 4vw;
}
#animate36 {
	transform: translate(50vw,0vw);
}
footer.footer .act7scene1 img.fettuccine {
	width: 51%;
	height: auto;
	margin-top: 11.66666666666667vw;
}
#animate39 {
	transform: translate(50vw,0vw);
}
footer.footer .act7scene1 img.hamburger {
	width: 91%;
	height: auto;
	margin-top: 5.416666666666667vw;
}
#animate42 {
	transform: translate(50vw,0vw);
}
footer.footer .act7scene1 img.breadedSnacks {
	width: 90.33333333333333%;
	height: auto;
	margin-top: 18vw;
}
footer.footer .copyrightSection p.copyright {
	font-size: 1vw;
	line-height: 1.25vw;
	color: #ffffff;
	margin-top: 8vw;
}

#contactModal .modal-content {
  background-color: #e1efd8;
  border: 1px solid #dddddd;
  width: 350px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
#contactModal .modal-body {
  padding-top: 0;
}
#contactModal .modal-body .control-label {
  font-family: 'MiloPro', sans-serif;
  font-size: 15px;
  color: #000000;
  line-height: 32px;
}
#contactModal .modal-body .button-submit {
  margin-top: 20px;
}