/* -----------------------
 BALANCE BOWL
----------------------- */
#bb {
}
#bb .fold {
  display: block;
  padding: 20px 25px 80px;
  background-color: #138136;
}
.bb-container {
}
#bb .header {
  position: relative;
  display: block;
}
#bb h1, #bb li, #bb .healthy, .diet-copy p, .corporates {
  color: #EEE;
}
.bb-container h1 {
  font-weight: lighter;;
  font-size: 25px;
  margin: 40px 0;
}
#bb ul, #bb li {
  display: inline-block;
}
#bb ul {
  position: relative;
  float: right;
  top: -5px;
}
#bb li {
  border: 1px solid #DDD;
  padding: 8px;
  border-radius: 20px;
}
#bb li {
  cursor: pointer;
}
#bb .hide {
  display: none;
}
#bb .s10 {
  width: 100%;
}
.dietician {
  position: relative;
}
.diet-copy {
  background-color: #FF5630;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
}
.diet-copy p {
  font-size: 20px;
}
.healthy {
  background-color: #958786;
}
.healthy, .corporates {
  padding: 30px 30px 40px;
}
.healthy h1 {
  margin-bottom: 20px;
}
.healthy p, .corporates p {
  font-size: 18px;
  font-weight: lighter;
  margin-bottom: 20px;
}
.corporates {
  padding: 70px 30px 100px;
  background-color: #138136;
}
.bb-email {
  /* padding: 10px;
  background-color: pink; */
}
.corporates label {
  display: block;
  padding: 10px;
  background-color: #DDD;
  font-size: 16px;
  color: #138136;
  border: none;
  border-radius: 5px;
  margin-bottom: 20px;
}
.corporates input {
  /* display: block; */
  width: 100%;
  padding: 5px 0;
  font-size: 16px;
  border: none;
  background-color: #DDD;
  color: #138136;
}
.corporates button {
  width: 100%;
  height: 55px;
  display: block;
  padding: 10px;
  background-color: #1D5826;
  font-size: 20px;
  color: #EEE;
  border: none;
  border-radius: 5px;
  margin-bottom: 20px;
}