/* 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%;
}

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;
}
div.tbody {
	position: relative;
	width: 100%;
	display: block;
	background-color: #454545;
}
h2 {
	font-family: 'MiloPro-Xbold';
}

.slide-out-div {
	padding: 20px 20px 20px 20px;
    width: 250px;
    background-color: #e1efd8;
    border: 1px solid #dddddd;
    z-index: 99999;
    color: #000000;
    top: 200px !important;
    cursor: pointer;
}
.slide-out-div a.handle {
	margin-top: -1px;
	background: url('../images/navigation-tab.png') no-repeat !important;
	width: 43px !important;
	height: 165px !important;
}
.slide-out-div a.navlinks {
	font-family: 'MiloPro';
	font-size: 18px;
	line-height: 30px;
	color: #6cb33e;
}
.slide-out-div a.navlinks:hover {
	text-decoration: underline;
}
.slide-out-div a.navlinks:focus {
	text-decoration: underline;
}

/* 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;
}
.wow {
  visibility: hidden;
}

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

/*---------------------------------------
   SECTION:  Header
-----------------------------------------*/
header .menu-container {
	background-color: #ffffff;
    position: fixed !important;
    z-index: 99999;
}
header .menu-container .navbar-toggle {
	float: right;
	background-color: #6cb33e;
	border-color: #6cb33e;
	border-radius: 0;
	margin-right: 30px;
	margin-left: 0;
	padding-bottom: 6px;
}
header .menu-container .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
header .menu-container .navbar-toggle .menutitle {
	color: #ffffff;
	font-family: 'MiloPro';
	font-size: 9px;
	line-height: 14.2857px;
	text-align: center;
}
header .menu-container nav.navbar .navbar-collapse {
	background-color: transparent;
	border: none;
	min-width: 250px;
	float: none;
	padding-right: 0;
	padding-left: 0;
}
header .menu-container .navbar {
	margin-bottom: 0;
	min-height: 0;
	border: none;
	background-color: transparent;
}
header .menu-container .navbar-nav {
	float: right;
	padding-right: 20px;
}
header .menu-container .navbar-nav > li > a {
	padding: 15px 15px 15px 15px;
	font-family: 'MiloPro-Medi';
	font-size: 18px;
}
header .menu-container .navbar-nav > li > a.bakery {
	color: #b41f75;
}
header .menu-container .navbar-nav > li > a.bakery:hover {
	text-decoration: underline;
}
header .menu-container .navbar-nav > li > a.dairy {
	color: #0b9ad3;
}
header .menu-container .navbar-nav > li > a.dairy:hover {
	text-decoration: underline;
}
header .menu-container .navbar-nav > li > a.beverage {
	color: #9093ce;
}
header .menu-container .navbar-nav > li > a.beverage:hover {
	text-decoration: underline;
}
header .menu-container .navbar-nav > li > a.savory {
	color: #f47b20;
}
header .menu-container .navbar-nav > li > a.savory:hover {
	text-decoration: underline;
}
header .menu-container .navbar-nav > li > a.confectionery {
	color: #c5aa2e;
}
header .menu-container .navbar-nav > li > a.confectionery:hover {
	text-decoration: underline;
}
header .menu-container .navbar-nav > li > img {
	width: 13px;
	height: 13px;
	margin-top: 18px;
}
header .menu-container .navbar-default .navbar-nav > .active > a {
	background-color: transparent;
}
header .menu-container .navbar-nav ul li {
	list-style-type: none;
	text-align: left;
}


/*---------------------------------------
   SECTION:  Welcome
-----------------------------------------*/
section.welcome img.AngelFoodCake {
	width: 100%;
	height: auto;
	margin-top: 29%;
}
section.welcome img.YogurtDip {
	width: 59%;
	height: auto;
}
section.welcome img.pizza {
	width: 53%;
	height: auto;
}
section.welcome img.headline {
	width: 70.333%;
	height: auto;
	margin-top: -15%;
}
section.welcome h1.subtitle {
	font-family: 'MiloPro-Medi';
	font-size: 30px;
	color: #6cb33f;
	margin-left: 15px;
	margin-right: 15px;
}
section.welcome h1.subtitle span {
	color: #ffffff;
}
section.welcome .bottomRow {
	margin-top: 20px;
}
section.welcome .bottomRow img.StrawberrySmoothie {
	width: 69%;
	height: auto;
	margin-right: 5%;
}
section.welcome .bottomRow img.logoAnimation {
	width: 52%;
	height: auto;
	margin-left: 8%;
}
section.welcome img.lollipop {
	width: 81%;
	height: auto;
}


/*---------------------------------------
   SECTION:  backbone
-----------------------------------------*/
section.backbone .mainRow {
	margin-top: -3%;
}
section.backbone img.tomatoSoup {
	width: 83.33%;
	height: auto;
}
section.backbone img.thickens {
	width: 38%;
	height: auto;
	margin-top: -50%;
	margin-right: -20%;
}
section.backbone img.emulsifies {
	width: 43%;
	height: auto;
}
section.backbone img.improvesTexture {
	width: 47%;
	height: auto;
}
section.backbone h2 {
	text-align: center;
	font-size: 79px;
	color: #ffffff;
	line-height: 72px;
}
section.backbone h2 span {
	color: #6cb33f;
}
section.backbone h3 {
	font-family: 'MiloPro-Medi';
	text-align: center;
	font-size: 30px;
	color: #ffffff;"
}
section.backbone img.gels {
	width: 63.11%;
	height: auto;
	margin-top: 36%;
	margin-left: -25%;
}
section.backbone img.stabilizes {
	width: 60%;
	height: auto;
	margin-top: 20%;
}
section.backbone img.glazes {
	width: 45.33%;
	height: auto;
	margin-top: 10%;
}
section.backbone img.expands {
	width: 43.11%;
	height: auto;
}
section.backbone img.pie {
	width: 47.44%;
	height: auto;
	margin-top: -13%;
}


/*---------------------------------------
   SECTION:  enlivens
-----------------------------------------*/
section.enlivens .replacesFatContainer {
	position: relative;
	float: left;
	width: 6.4056939%;
}
section.enlivens .replacesFatContainer img {
	width: 100%;
	height: auto;
}
section.enlivens .threeWordContainer {
	position: relative;
	float: left;
	width: 72.24199%;
}
section.enlivens .threeWordContainer div {
	position: relative;
	width: 100%;
}
section.enlivens .threeWordContainer div img {
	width: 100%;
	height: auto;
}
section.enlivens .shelfLifeContainer {
	position: relative;
	float: left;
	width: 21.35213%;
}
section.enlivens .shelfLifeContainer img {
	width: 100%;
	height: auto;
}
section.enlivens {
	margin-top: -10.25%;
}
section.enlivens img.enlivensMouthFeel {
	width: 46.833%;
	height: auto;
}
section.enlivens img.chickenMarsala {
	width: 36.66%;
	height: auto;
	margin-top: -8%;
}


/*---------------------------------------
   SECTION:  naturallySourced
-----------------------------------------*/
section.naturallySourced {
	margin-top: -20%;
}
section.naturallySourced img.shreddedCheese {
	width: 18.9166%;
	height: auto;
}
section.naturallySourced .headlineContainer {
	margin-top: -8%;
}
section.naturallySourced h2 {
	font-size: 56px;
	color: #ffffff;
}
section.naturallySourced h2 span {
	color: #6cb33f;
}
section.naturallySourced .sketchRow {
	margin-top: 15px;
}
section.naturallySourced .sketchRow .sketchSubRow {
	margin-left: -8%;
}
section.naturallySourced .sketchRow .sketchSubRow img.potato {
	width: 50.3999%;
	height: auto;
}
section.naturallySourced .sketchRow .sketchSubRow img.corn {
	width: 53.999%;
	height: auto;
	margin-right: 15%;
}
section.naturallySourced .sketchRow .sketchSubRow img.tapioca {
	width: 89.999%;
	height: auto;
}
section.naturallySourced .sketchRow .sketchSubRow img.rice {
	width: 77.399%;
	height: auto;
	margin-left: 25%;
}
section.naturallySourced .sketchRow .sketchSubRow img.sago {
	width: 72.4%;
	height: auto;
}
section.naturallySourced .sketchRow .textRow {
	margin-top: 30px;
}
section.naturallySourced .sketchRow .textRow h4 {
	font-family: 'MiloPro-Xbold';
	font-size: 15px;
	color: #ffffff;
}
section.naturallySourced .sketchRow .textRow .potatoText {
	padding-right: 9%;
}
section.naturallySourced .sketchRow .textRow .cornText {
	padding-right: 9%;
}
section.naturallySourced .sketchRow .textRow .tapiocaText {
	padding-right: 7%;
}
section.naturallySourced .sketchRow .textRow .riceText {
	padding-right: 2%;
}
section.naturallySourced .sketchRow .textRow .sagoText {
	padding-left: 5%;
}
section.naturallySourced .sketchRow h5 {
	font-family: 'MiloPro-Xbold';
	font-size: 15px;
	color: #6cb33f;
	margin: 0 0 0 -55%;
	padding: 0;
	line-height: 17px;
}
section.naturallySourced .sketchRow img.pretzels {
	width: 81.2%;
	height: auto;
	margin-top: 12%;
	margin-right: -15%;
}


/*---------------------------------------
   SECTION:  benefits
-----------------------------------------*/
section.benefits {
	margin-top: 250px;
}
section.benefits img.potatoes {
	width: 26%;
	/*width: 95%;*/
	height: auto;
	margin-right: 5%;
	margin-top: -3%;
	/*margin-top: -25%;*/
}
section.benefits .headingContainer {
	padding-left: 5%;
}
section.benefits .headingContainer h2 {
	font-size: 56px;
	color: #ffffff;
}
section.benefits .headingContainer h2 span {
	color: #6cb33f;
}
section.benefits .headingContainer h3 {
	font-family: 'MiloPro-Medi';
	font-size: 27px;
	color: #ffffff;
	margin-right: 10%;
}
section.benefits .headingContainer h3.bp {
	font-family: 'MiloPro-Medi';
	font-size: 24px;
	line-height: 28px;
	color: #ffffff;
	margin-right: 0;
	margin-top: -3%;
}
section.benefits .headingContainer h3 span {
	color: #6cb33f;
}
section.benefits img.pinkSmoothie {
	width: 70.333%;
	height: auto;
	margin-top: -60%;
}
section.benefits img.brownShake {
	width: 95%;
	/*width: 21.333%;*/
	height: auto;
	margin-top: -25%;
	/*margin-right: 10%;*/
	/*margin-top: -3%;*/
}


/*---------------------------------------
   SECTION:  types
-----------------------------------------*/
section.types {
	margin-top: 150px;
}
section.types img.chips {
	width: 50.666%;
	height: auto;
	margin-left: 6.666%;
}
section.types img.noodleSoup {
	width: 47.166%;
	height: auto;
}
section.types .headlineContainer {
	margin-top: -120px;
}
section.types .headlineContainer h2 {
	font-size: 56px;
	color: #ffffff;
}
section.types .headlineContainer h2 span {
	color: #6cb33f;
}
section.types .accordionsContainer {
	margin-top: -90px;
	z-index: 9999;
}
section.types .accordionsContainer .panel-group {
	margin-bottom: 10px;
}
section.types .accordionsContainer .panel-group .panel {
	background-color: #6cb33f;
	border: 0;
	border-radius: 0;
	margin-right: 25%;
}
section.types .accordionsContainer #accordion2 .panel {
	background-color: #ffffff !important;
}
section.types .accordionsContainer #accordion .panel .panel-heading a:hover, section.types .accordionsContainer #accordion2 .panel .panel-heading a:hover, section.types .accordionsContainer #accordion3 .panel .panel-heading a:hover {
	text-decoration: underline;
}
section.types .accordionsContainer #accordion .panel .panel-heading a:focus, section.types .accordionsContainer #accordion2 .panel .panel-heading a:focus, section.types .accordionsContainer #accordion3 .panel .panel-heading a:focus {
	text-decoration: none;
}
section.types .accordionsContainer #accordion .panel .panel-heading a, section.types .accordionsContainer #accordion3 .panel .panel-heading a {
	color: #ffffff;
}
section.types .accordionsContainer #accordion2 .panel .panel-heading a {
	color: #6cb33f;
}
section.types .accordionsContainer #accordion .panel .panel-heading a h3, section.types .accordionsContainer #accordion3 .panel .panel-heading a h3 {
	font-family: 'MiloPro-Xbold';
	font-size: 20.5px;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none;
}
section.types .accordionsContainer #accordion .panel .panel-heading a h3 span, section.types .accordionsContainer #accordion3 .panel .panel-heading a h3 span {
	font-size: 40px;
	font-family: 'MiloPro-Medi';
	float: right;
	margin-top: -12px;
}
section.types .accordionsContainer .panel .panel-body {
	background-color: #454545;
}
section.types .accordionsContainer .panel .panel-body p {
	font-family: 'MiloPro-Medi';
	font-size: 17px;
	line-height: 21px;
	color: #ffffff;
}
section.types .accordionsContainer #accordion2 .panel .panel-heading a h3 {
	font-family: 'MiloPro-Xbold';
	font-size: 20.5px;
	color: #6cb33f;
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none;
}
section.types .accordionsContainer #accordion2 .panel .panel-heading a h3 span {
	font-size: 40px;
	font-family: 'MiloPro-Medi';
	float: right;
	margin-top: -12px;
}
section.types .panel-default {
	box-shadow: none;
}
section.types .panel-heading {
	background-color: transparent;
}
section.types .panel-group .panel-heading+.panel-collapse .panel-body {
	border-top: none;
}
section.types img.tapiocaPudding {
	width: 75.5%;
	height: auto;
	margin-top: -8%;
}
section.types img.brownies {
	width: 53.666%;
	height: auto;
	margin-left: 10px;
	margin-top: -30%;
}
section.types img.pinkDrink {
	width: 35%;
	height: auto;
}


/*---------------------------------------
   SECTION:  video
-----------------------------------------*/
section.video {
	margin-top: -90px;
}
section.video .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border: none;
    overflow: hidden;
}
section.video .video-container iframe,
section.video .video-container object,
section.video .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
section.video h2 {
	font-size: 56px;
	color: #ffffff;
	margin: 0 5% 0 60px;
	padding: 0;
}
section.video h2 span {
	color: #6cb33f;
}
section.video h3 {
	font-family: 'MiloPro-Medi';
	font-size: 27px;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 60px;
	padding: 0;
}
section.video h3 span {
	color: #6cb33f;
}
section.video img.pasta {
	width: 27.0833%;
	height: auto;
	margin-top: 3%;
}


/*---------------------------------------
   SECTION:  choosing
-----------------------------------------*/
section.choosing {
	margin-top: -50px;
}
section.choosing h2 {
	font-size: 56px;
	color: #ffffff;
}
section.choosing h2 span {
	color: #6cb33f;
}
section.choosing .circlesContainer {
	margin-top: 30px;
}
section.choosing .circlesContainer img.productProperties {
	width: 67.5%;
	height: auto;
}
section.choosing .circlesContainer img.ingredients {
	width: 67.5%;
	height: auto;
}
section.choosing .circlesContainer img.processParameters {
	width: 67.5%;
	height: auto;
}
section.choosing .downloadContainer {
	margin-top: 30px;
}
section.choosing .downloadContainer h3 a {
	font-family: 'MiloPro-Medi';
	font-size: 27px;
	color: #ffffff;
}
section.choosing .downloadContainer h3 span {
	color: #6cb33f;
}
section.choosing img.chiveDip {
	width: 24%;
	height: auto;
}


/*---------------------------------------
   SECTION:  Footer
-----------------------------------------*/
footer.footer {
	margin-top: -30px;
}
footer.footer h2 {
	font-size: 56px;
	color: #ffffff;
	margin-left: 10px;
	margin-right: 10px;
}
footer.footer h2 span {
	color: #6cb33f;
}
footer.footer .bottomMenuContainer {
	margin-top: 30px;
}
footer.footer .bottomMenuContainer a img:hover {
	outline: 1px solid #ffffff;
	transition: none;
}
footer.footer .bottomMenuContainer img.bakeryBtn {
	width: 76.875%;
	height: auto;
}
footer.footer .bottomMenuContainer img.dairyBtn {
	width: 76.875%;
	height: auto;
}
footer.footer .bottomMenuContainer img.beveragesBtn {
	width: 76.875%;
	height: auto;
}
footer.footer .bottomMenuContainer .btnRow2 {
	margin-top: 30px;
	margin-bottom: 70px;
}
footer.footer .bottomMenuContainer .btnRow2 img.confectioneryBtn {
	width: 76.875%;
	height: auto;
	margin-left: 15px;
}
footer.footer .bottomMenuContainer .btnRow2 img.savoryBtn {
	width: 76.875%;
	height: auto;
	margin-right: 15px;
}
footer.footer .logoRow {
	margin-bottom: 40px;
}
footer.footer .logoRow img.footerLogo {
	width: 19.5833%;
	height: auto;
}
footer.footer .contactRow {
	margin-bottom: 30px;
}
footer.footer .contactRow h3 a {
	font-family: 'MiloPro-Medi';
	font-size: 27px;
	color: #ffffff;
}
footer.footer .contactRow h3 span {
	background-color: #6cb33f;
	padding-left: 8px;
	padding-right: 8px; 
	border-radius: 50%;
}