/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html.no-touch header ul.top-level li a:hover,
html.no-touch header ul.top-level li a.hovered {
  background: #7faa60;/*#7faa60;*/
  color: #ffffff;
}
html.no-touch .row .content-box a.bordered-cta:hover,
html.no-touch .row .form-group a.bordered-cta:hover,
html.no-touch .row.slider a.bordered-cta:hover {
  color: #ffffff;
  background-color: #7faa60;
}
html.no-touch .row .recipe-print a.bordered-cta.full:hover {
  color: #7faa60;
  background-color: #ffffff;
}
/**
*
* Ricordarsi di eliminare #COMPONENTS prima di consegnare build definitivo
*
*/
/*--------------------
   Colors Variables
----------------------*/
/*--------------------------
   Common styles rules
----------------------------*/
/* Images Path */
.hide {
  display: none;
}
.show {
  display: block;
}
.box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mobile-only {
  display: none!important;
}
.desktop-only {
  display: block!important;
}
b,
strong {
  font-weight: bold;
}
a {
  color: #7faa60;
  text-decoration: none;
}
sup {
  font-size: 12px;
}
ol {
  color: #7faa60;
}
ol span {
  color: #777777;
}
/*--------------------------
   Common structure styles
----------------------------*/
body {
  font-family: Georgia, serif;
  font-size: 100%;
  line-height: 1.375;
}
.content-wrapper {
  *zoom: 1;
  max-width: 1280px;
  margin: 0 auto;
}
.content-wrapper:before,
.content-wrapper:after {
  content: "";
  display: table;
}
.content-wrapper:after {
  clear: both;
}
header {
  width: 100%;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  text-transform: uppercase;
  /*border-top: 3px solid red;*/
  /*.menu-collapse {
		display: none;
		width: 31px;
		height: 25px;
		background: url('images/menu-collapse.png') no-repeat scroll center center;
		background-size: cover;
	}*/
}
header .aspetto_header {
	background: none repeat scroll 0 0 #f5f5f5;
    display: block;
    height: auto;
    margin: auto auto 30px;
    position: relative;
    text-align: center;
    width: 100%;
}
header .aspetto_header a{ font-size: 15px; color: #144e9e; height: 57px; line-height: 57px; }
header .aspetto_header img{vertical-align: middle; padding-left: 10px;}

header .aspetto_menu {position: relative;}
header .main-menu {
  *zoom: 1;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
header .main-menu:before,
header .main-menu:after {
  content: "";
  display: table;
}
header .main-menu:after {
  clear: both;
}
header .main-menu div.logo {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: auto;
  right: auto;
  width: 128px;
  height: 121px;
  background: url('images/logo-danacol.png?v=1.0') no-repeat scroll center center;
  z-index: 2;
}
header .main-menu div.logo span {
  display: none;
}
header .main-menu div.logo a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
header .main-menu div.logo img {
	display: block;
}
header .main-menu div.mobile-logo {
  display: none;
}
header .main-menu ul.top-level {
  float: right;
}
header .main-menu ul.top-level li {
  float: left;
  font-size: 18px;
  line-height: 18px;
}
header .main-menu ul.top-level li a {
  color: #7faa60;
  text-decoration: none;
  display: block;
  padding: 20px 10px;
  transition: 0.2s;
}
header .main-menu ul.top-level li a.active {
  color: #ffffff;
  background: #7faa60;/*#7faa60;*/
}
header .second-level-menu {
  *zoom: 1;
  background: #7faa60;/*#7faa60;*/
  height: 36px;
}
header .second-level-menu:before,
header .second-level-menu:after {
  content: "";
  display: table;
}
header .second-level-menu:after {
  clear: both;
}
header .second-level-menu ul.second-level {
  float: right;
  display: none;
}
header .second-level-menu ul.second-level li {
  text-align: right;
  float: left;
  font-size: 16px;
  line-height: 16px;
}
header .second-level-menu ul.second-level a {
  color: #b9e360;
  text-decoration: none;
  display: block;
  padding: 10px;
}
header .second-level-menu ul.second-level a:hover {
  color: #ffffff;
}
header .second-level-menu ul.second-level a.active {
  color: #ffffff;
}
header .second-level-menu ul.second-level.active {
  display: block;
}
header .menu-collapse {
  display: none;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
header .menu-collapse span,
header .menu-collapse span:before,
header .menu-collapse span:after {
  cursor: pointer;
  border-radius: 1px;
  /* behavior: url('http://appscol.vmlmilano.it/danone/danacol/PIE.htc'); */
  height: 5px;
  width: 35px;
  background: #7faa60;
  position: absolute;
  display: block;
  content: '';
  transition: all 500ms ease-in-out;
}
header .menu-collapse span:before {
  top: -10px;
}
header .menu-collapse span:after {
  bottom: -10px;
}
header .menu-collapse.active span {
  background-color: transparent;
}
header .menu-collapse img{
	position:absolute;
	top: 0;
	left: 0;
}
header .menu-collapse.active img.img-menu-open,
header .menu-collapse img.img-menu-close {
  display:none;
}
header .menu-collapse.active img.img-menu-close,
header .menu-collapse img.img-menu-open {
  display:block;
}
header .menu-collapse.active span:before,
header .menu-collapse.active span:after {
  top: 0;
}
header .menu-collapse.active span:before {
  transform: rotate(45deg);
}
header .menu-collapse.active span:after {
  transform: rotate(-45deg);
}
header .lateral-menu {
  display: none;
}
.main-container .row {
  position: relative;
  color: #777777;
  *zoom: 1;
}
.main-container .row:before,
.main-container .row:after {
  content: "";
  display: table;
}
.main-container .row:after {
  clear: both;
}
.main-container .row.highlight {
  background: #f2f8ef;/*#f2f8ef;*/
}
.main-container .row.result-recipe .content-wrapper{
	padding: 25px 0;
}
.main-container .row .content-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  width: 33.33333333%;
  padding: 25px 2%;
  float: left;
}
.main-container .row .content-box .image-container {
  position: relative;
}
.main-container .row .content-box .image-container img {
  width: 100%;
  display: block;
}
.main-container .row .content-box .image-container a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  background: url('images/rounded-arrow.png') no-repeat right bottom;
}
.main-container .row .content-box .content {
  padding-bottom: 20px;
}
.main-container .row .content-box .content a {
  color: #777777;
}
.main-container .row .content-box .content .content-title > a {
  color: #7faa60;
}
.main-container .row .content-box .content-title, .main-container .row.crosslinks .content-box.horizontal .content .content-title a{
  font: normal 900 28px 'Lato', 'trebuchet ms', 'sans-serif';
  color: #7faa60;
  text-transform: uppercase;
  padding: 10px 0;
}
.main-container .row .content-box .content-title a {
  color: #7faa60;
  text-decoration: none;
}
.main-container .row .content-box p, .main-container .row.crosslinks .content-box.horizontal .content p a {
  font: italic 15px 'Georgia', serif;
  color: #777777;
}
.main-container .row .content-box a.bordered-cta {
  display: inline-block;
  color: #7faa60;
  text-decoration: none;
  border: 1px solid #7faa60;
  padding: 8px 15px;
  border-radius: 20px;
  /* behavior: url('http://appscol.vmlmilano.it/danone/danacol/PIE.htc'); */
  font: 15px/1em 'Lato', 'trebuchet ms', serif;
  transition: 0.2s;
}
.main-container .row .content-box.horizontal .image-container {
  float: left;
  width: 40%;
}
.main-container .row .content-box.horizontal .image-container img, .main-container .row .content-box.horizontal .image-container a {
  width: 80%;
  max-width: 250px;
}
.main-container .row .content-box.horizontal .content {
  float: right;
  width: 58%;
  padding-bottom: 0;
}
.main-container .row .content-box.horizontal .content .content-title, .main-container .row.crosslinks .content-box.horizontal .content .content-title > a {
  font-size: 20px;
  padding: 0 0 10px 0;
}
.main-container .row .content-box.horizontal .content p, .main-container .row.crosslinks .content-box.horizontal .content p > a {
  font-size: 14px;
  padding-bottom: 10px;
}
.main-container .row .content-box.horizontal .content a {
  color: #7faa60;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
.main-container .row .content-box.recipe span.portata {
  color: #7faa60;
  font-style: italic;
}
.main-container .row .content-box.recipe .content {
  padding-bottom: 0;
}
.main-container .row.showcase {
  width: 100%;
  /* overflow: hidden; */
  height: 500px;
  margin-bottom: 50px;
}
.main-container .row.showcase .showcase-scenes {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  height: 100%;
}
.main-container .row.showcase .showcase-scenes .showcase-scene {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  display: none;
  height: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  float: left;
}
.main-container .row.showcase .showcase-scenes .showcase-scene .showcase-scene-content {
  color: #ffffff;
  padding-top: 110px;
}
.main-container .row.showcase .showcase-scenes .showcase-scene .showcase-scene-content .showcase-title {
  font: 900 45px 'Lato', 'trebuchet ms', 'sans-serif';
  text-transform: uppercase;
}
.main-container .row.showcase .showcase-scenes .showcase-scene .showcase-scene-content p {
  font: italic 22px/1.5 'Georgia', serif;
}
.main-container .row.showcase .showcase-scenes .showcase-scene .showcase-scene-content a.bordered-cta {
  display: inline-block;
  color: #ffffff;
  background: #7faa60;
  text-decoration: none;
  margin-top: 20px;
  border: 1px solid #7faa60;
  padding: 8px 15px;
  border-radius: 20px;
  /* behavior: url('http://appscol.vmlmilano.it/danone/danacol/PIE.htc'); */
  font: 15px/1em 'Lato', 'trebuchet ms', serif;
  transition: 0.2s;
}
.main-container .row.showcase .showcase-navigation {
  width: 39px;
  height: 161px;
  margin-top: -80px;
  z-index: 5;
}
.main-container .row.showcase .showcase-navigation.prev {
  position: absolute;
  top: 50%;
  left: 0px;
  bottom: auto;
  right: auto;
  background: url('images/showcase-arrow-prev.png') no-repeat center center;
}
.main-container .row.showcase .showcase-navigation.next {
  position: absolute;
  top: 50%;
  left: auto;
  bottom: auto;
  right: 0;
  background: url('images/showcase-arrow-next.png') no-repeat center center;
}
.main-container .row.showcase .showcase-pager {
  position: absolute;
  top: 70px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
}
.main-container .row.showcase .showcase-pager a {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  background: url('images/pager.png') no-repeat center center;
}
.main-container .row.showcase .showcase-pager a.active {
  background: url('images/pager-active.png') no-repeat center center;
}
.main-container .row.showcase .showcase-pack {
  position: absolute;
  top: auto;
  left: auto;
  bottom: -50px;
  right: 10%;
  height: 286px;
  width: 411px;
}
.main-container .row.showcase .showcase-pack-mobile {
  display: none;
}
.main-container .row.visual {
  height: 0;
  padding-bottom:53.48%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .main-container .row.visual {
    padding-bottom:45%;
  }
}
@media (min-width: 992px) {
  .main-container .row.visual {
    padding-bottom:35%;
  }
}
@media (min-width: 1200px) {
  .main-container .row.visual {
    padding-bottom:30%;
  }
}
@media (min-width: 1600px) {
  .main-container .row.visual {
    padding-bottom:23.4375%;
  }
}

.main-container .row.main-content {
  text-align: center;
  padding: 45px 0;
}
.main-container .row.main-content .content-title {
  font: 40px 'Lato', 'trebuchet ms', 'sans-serif';
  text-transform: uppercase;
  font-weight: 900;
  color: #7faa60;
}
.main-container .row.main-content .content-title + p {
  padding-top: 45px;
}
.main-container .row.main-content p {
  font-style: italic;
  color: #777777;
  padding: 0 10%;
  font-size: 20px;
}
.main-container .row.main-content p span {
  font-size: 16px;
}
.main-container .row.main-content p + p {
  padding-top: 20px;
}
.main-container .row.big-image {
  color: #777777;
  padding: 30px 0;
}
.main-container .row.big-image .image-container {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  width: 50%;
  padding-left: 10%;
  padding-right: 20px;
}
.main-container .row.big-image .image-container img {
  width: 100%;
  display: block;
}
.main-container .row.big-image .text-content {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: right;
  width: 50%;
  padding-right: 10%;
  padding-left: 20px;
}
.main-container .row.wrap-image .text-content {
  float: none;
  width: 100%;
  padding-left: 10%;
}
.main-container .row.big-image .text-content .content-subtitle {
  color: #7faa60;
  text-transform: uppercase;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-weight: 900;
  font-size: 24px;
  padding-bottom: 30px;
}
.main-container .row.big-image .text-content p {
  font-style: italic;
}
.main-container .row.small-image {
  color: #777777;
  padding: 30px 0;
}
.main-container .row.small-image .image-container {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  width: 20%;
  text-align: center;
  padding-left: 10%;
  padding-right: 20px;
}
.main-container .row.small-image .image-container img {
  width: 100%;
}
.main-container .row.small-image .text-content {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  width: 80%;
  padding-right: 10%;
  padding-left: 20px;
}
.main-container .row.small-image .text-content h3 {
  color: #7faa60;
  text-transform: uppercase;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-weight: 900;
  font-size: 24px;
  padding-bottom: 30px;
  line-height: 24px;
}
.main-container .row.small-image .text-content p {
  font-style: italic;
}
.main-container .row.small-image.highlight {
  background: #f6f6f6;
}
.main-container .row.highlight-content {
  color: #777777;
  padding: 30px 0;
}
.main-container .row.highlight-content .image-container {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  width: 33%;
  text-align: center;
  padding-left: 10%;
  padding-right: 20px;
}
.main-container .row.highlight-content .image-container img {
  width: 100%;
}
.main-container .row.highlight-content .text-content {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  width: 67%;
  padding-right: 10%;
  padding-left: 20px;
}
.main-container .row.highlight-content .text-content h3 {
  color: #7faa60;
  text-transform: uppercase;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-weight: 900;
  font-size: 24px;
  padding-bottom: 30px;
}
.main-container .row.highlight-content .text-content p {
  font-style: italic;
}
.main-container .row.highlight-content {
  background: #f2f8ef;
}
.main-container .row.video {
  background: #f6f6f6;
}
.main-container .row.video .video-container {
  position: relative;
  padding-bottom: 45%;
  margin: 30px 10%;
  height: 0;
}
.main-container .row.video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-container .row.video.margin {
  margin-bottom: 30px;
}
.main-container .row.basic {
  padding-bottom: 45px;
}
.main-container .row.basic .content-subtitle {
  color: #7faa60;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-size: 24px;
  line-height: 24px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 10%;
  padding: 35px 0;
}
.main-container .row.basic .content-subtitle span {
  font-family: 'Georgia', serif;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}
.main-container .row.basic p {
  font-style: italic;
  margin: 0 10%;
  padding: 0;
}
.main-container .row.basic ul{
  list-style: initial;
  font-style: italic;
  margin: 0 10%;
  padding: 0;
  padding-left: 20px
}
.main-container .row.basic p + p {
  padding-top: 30px;
}
.main-container .row.basic a {
  color: #7faa60;
  font-family: 'Georgia', serif;
  font-style: italic;
  text-decoration: none;
  font-weight: bold;
}
.main-container .row.basic .text-content {
  padding: 0 10%;
}
.main-container .row.basic img {
  width: 40%;
  float: left;
  margin: 0 40px 20px 10%;
}
.main-container .row.basic img + h3,
.main-container .row.basic img + p {
  padding-top: 0;
}
.main-container .row.basic.fonts {
  background-color: #f2f8ef;
}
.main-container .row.basic.fonts .text-content.fonts ol {
  padding: 45px 45px 0;
}
.main-container .row.instruction {
  background: #f2f8ef;
}
.main-container .row.instruction h4 {
  color: #7faa60;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 10%;
  padding: 20px 0;
  line-height: 30px;
  height: 30px;
  font-size: 22px;
}
.main-container .row.instruction h4 .toggle {
  width: 31px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  background: url('images/arrow-open.png') no-repeat right center;
  padding-right: 10px;
  cursor: pointer;
}
.main-container .row.instruction h4 .toggle.open {
  background-image: url('images/arrow-close.png');
}
.main-container .row.instruction div.hidden-text {
  display: none;
  margin: 0 10%;
  font-style: italic;
  font-size: 14px;
}
.main-container .row.instruction div.hidden-text p {
  padding: 0 0 20px 0;
}
.main-container .row.parent-back {
	background-color: #f6f6f6;
	margin-bottom: 20px;
}
.main-container .row.parent-back .content-wrapper {
	text-align: center;
	padding: 10px 0 10px 0;
	max-width: 1024px;
}
.main-container .row.parent-back .content-wrapper a{
	font-family: 'Lato', 'trebuchet ms', 'sans-serif';
	font-weight: bold;
	text-transform: uppercase;
}
.main-container .row.form-element {
  padding: 24px 0 30px;
}
.main-container .row.form-element.form-element-dark {
  background: #f6f6f6;
}
.main-container .row.form-element form {
  *zoom: 1;
}
.main-container .row.form-element form:before,
.main-container .row.form-element form:after {
  content: "";
  display: table;
}
.main-container .row.form-element form:after {
  clear: both;
}
.main-container .row.form-element .form-group {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  padding: 0 2%;
}
.main-container .row.form-element.form-recipe .content-wrapper{
	padding-left: 13%;
}
.main-container .row.form-element .form-group label,
.main-container .row.form-element .form-group input,
.main-container .row.form-element .form-group select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: none;
  display: block;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  margin: 0;
/*   line-height: 30px; */
}
.main-container .row.form-element .form-group input,
.main-container .row.form-element .form-group select {
  border: 1px solid #e7e7e7;
}
.main-container .row.form-element .form-group label {
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  color: #7faa60;
  font-weight: bold;
}
.main-container .row.form-element .form-group .custom-select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #ffffff url('images/select-arrow.gif') no-repeat right center;
  height: 30px;
  line-height: 26px;
  border: 2px solid #ffffff;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-size: 13px;
  padding-left: 10px;
  border: 1px solid #e7e7e7;
  display: block;
}
.main-container .row.form-element .form-group a.bordered-cta {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  color: #7faa60;
  text-decoration: none;
  border: 1px solid #7faa60;
  padding: 7px 15px;
  border-radius: 20px;
  /* behavior: url('http://appscol.vmlmilano.it/danone/danacol/PIE.htc'); */
  font: 15px/1em 'Lato', 'trebuchet ms', serif;
  transition: 0.2s;
  height: 30px;
}
.main-container .row.form-element .form-group a.bordered-cta.full {
  color: #ffffff;
  background: #7faa60;
}
.main-container .row.form-element .form-group-horizontal input,
.main-container .row.form-element .form-group-horizontal label,
.main-container .row.form-element .form-group-horizontal select {
  display: inline-block;
  width: auto;
}
.main-container .row.form-element .form-group input[type="text"]{
	line-height: 28px;
}
.main-container .row.form-recipe .form-group {
  width: 24%;
}
.main-container .row.form-recipe .form-group.sezione-salute-del-cuore {
  margin-left: 40%;
}
.main-container .row.form-recipe .form-group a.bordered-cta {
  margin-top: 30px;
}
.main-container .row.form-recipe form{
	display: inline;
}
.main-container form.form-ricerca-consigli{
	display: none;
}
.main-container .row.pagination{
	text-align: center;
}
.main-container .row.pagination form{
	display: inline;
}
.main-container .row.pagination .form-group {
	display: inline-block;
	float: none;
}
.main-container .row.pagination .form-group.form-group-horizontal {
	text-align: left;
	vertical-align: top;
}
.main-container .row.pagination .arrow {
  width: 30px;
  height: 30px;
  display: block;
}
.main-container .row.pagination .arrow span {
  display: none;
}
.main-container .row.pagination .arrow.arrow-prev {
  background: url('images/arrow-prev.png') no-repeat center center;
}
.main-container .row.pagination .arrow.arrow-next {
  background: url('images/arrow-next.png') no-repeat center center;
}
.main-container .row.pagination .arrow.arrow-first {
  background: url('images/arrow-first.png') no-repeat center center;
}
.main-container .row.pagination .arrow.arrow-last {
  background: url('images/arrow-last.png') no-repeat center center;
}
.main-container .row.recipe .content-subtitle {
  color: #7faa60;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-size: 24px;
  line-height: 24px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.main-container .row.recipe .content-subtitle span {
  font-family: 'Georgia', serif;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}
.main-container .row.recipe .recipe-main {
  *zoom: 1;
  padding: 0 10%;
}
.main-container .row.recipe .recipe-main:before,
.main-container .row.recipe .recipe-main:after {
  content: "";
  display: table;
}
.main-container .row.recipe .recipe-main:after {
  clear: both;
}
.main-container .row.recipe .recipe-main .image-container {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  float: left;
  padding-right: 15px;
}
.main-container .row.recipe .recipe-main .image-container img {
  width: 100%;
}
.main-container .row.recipe .recipe-main .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.main-container .row.recipe .recipe-main .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-container .row.recipe .recipe-main .video-container img {
  visibility: hidden;
}
.main-container .row.recipe .recipe-main .ingredients {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 15px;
}
.main-container .row.recipe .recipe-main .ingredients ul {
  list-style-type: disc;
  color: #7faa60;
  font-style: italic;
  padding-left: 20px;
}
.main-container .row.recipe .recipe-main .ingredients ul span {
  color: #777777;
}
.main-container .row.recipe .recipe-instruction {
  padding: 0 10% 45px;
}
.main-container .row.recipe .recipe-instruction p {
  font-style: italic;
}
.main-container .row.recipe .recipe-values {
  padding: 0 10%;
  margin-bottom: 45px;
}
.main-container .row.recipe .recipe-values .content-subtitle {
  background-color: #7faa60;
  color: #ffffff;
  font: italic 16px 'Georgia', serif;
  text-transform: none;
  padding: 10px 20px;
}
.main-container .row.recipe .recipe-values .nutritionals {
  *zoom: 1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
}
.main-container .row.recipe .recipe-values .nutritionals:before,
.main-container .row.recipe .recipe-values .nutritionals:after {
  content: "";
  display: table;
}
.main-container .row.recipe .recipe-values .nutritionals:after {
  clear: both;
}
.main-container .row.recipe .recipe-values .nutritionals div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #f6f6f6;
  width: 50%;
  float: left;
  margin-top: 6px;
  padding: 5px 0;
}
.main-container .row.recipe .recipe-values .nutritionals div.odd {
  border-right: 3px solid #ffffff;
}
.main-container .row.recipe .recipe-values .nutritionals div.even {
  border-left: 3px solid #ffffff;
}
.main-container .row.recipe .recipe-values .nutritionals p {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  float: left;
}
.main-container .row.recipe .recipe-values .nutritionals p.name {
  padding-left: 20px;
  color: #7faa60;
  font-weight: bold;
}
.main-container .row.recipe .recipe-print {
  padding: 0 10%;
  margin-bottom: 30px;
}
.main-container .row.recipe .recipe-print a.bordered-cta {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  color: #7faa60;
  text-decoration: none;
  border: 1px solid #7faa60;
  padding: 7px 15px;
  border-radius: 20px;
  /* behavior: url('http://appscol.vmlmilano.it/danone/danacol/PIE.htc'); */
  font: 15px/1em 'Lato', 'trebuchet ms', serif;
  transition: 0.2s;
  height: 30px;
}
.main-container .row.recipe .recipe-print a.bordered-cta.full {
  color: #ffffff;
  background: #7faa60;
}
.main-container .row.result-recipe p.empty {
  text-align: center;
  padding: 50px;
  font-size: 20px;
}

.main-container .ratings-container {padding: 10px 0 40px 0;float:left;}
.main-container .ratings {font-size: 1.5em;}

.main-container .ratings.one:after{font-family: "FontAwesome";content: "\f005";color:#7faa60;}
.main-container .ratings.half:after{font-family: "FontAwesome";content: "\f123";color:#7faa60;}
.main-container .ratings.empty:after{font-family: "FontAwesome";content: "\f006";color:#7faa60;}

.main-container .row.advice .content-subtitle {
  color: #7faa60;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-size: 24px;
  line-height: 24px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.main-container .row.advice .content-subtitle span {
  font-family: 'Georgia', serif;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}
.main-container .row.advice .advice-main {
  *zoom: 1;
  padding: 0 10% 30px;
}
.main-container .row.advice .advice-main:before,
.main-container .row.advice .advice-main:after {
  content: "";
  display: table;
}
.main-container .row.advice .advice-main:after {
  clear: both;
}
.main-container .row.advice .advice-main .image-container {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  float: left;
  padding-right: 15px;
}
.main-container .row.advice .advice-main .image-container img {
  width: 100%;
  display: block;
}
.main-container .row.advice .advice-main .main-content {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 15px;
}
.main-container .row.advice .advice-main .main-content p {
  margin-bottom: 15px;
  font-style: italic;
}
.main-container .row.advice .advice-main .main-content ul {
  list-style-type: disc;
  color: #7faa60;
  font-style: italic;
  padding-left: 20px;
}
.main-container .row.advice .advice-main .main-content ul li {
  padding-bottom: 10px;
}
.main-container .row.advice .advice-main .main-content ul span {
  color: #777777;
}
.main-container .row.advice .advice-main .main-content ul b {
  color: #7faa60;
}
.main-container .row.advice .advice-main .main-content ul strong {
  font-weight: bold;
}
.main-container .row.advice .advice-content {
  padding: 0 10% 20px;
}
.main-container .row.advice .advice-content p {
  margin-bottom: 30px;
  font-style: italic;
}
.main-container .row.advice .advice-content ul {
  margin-bottom: 30px;
  list-style-type: disc;
  color: #7faa60;
  font-style: italic;
  padding-left: 20px;
}
.main-container .row.advice .advice-content ul li {
  padding-bottom: 10px;
}
.main-container .row.advice .advice-content ul span {
  color: #777777;
}
.main-container .row.advice .advice-content ul b {
  color: #7faa60;
}
.main-container .row.advice .advice-print {
  padding: 0 10%;
  margin-bottom: 30px;
}
.main-container .row.advice .advice-print a.bordered-cta {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  color: #7faa60;
  text-decoration: none;
  border: 1px solid #7faa60;
  padding: 7px 15px;
  border-radius: 20px;
  /* behavior: url('http://appscol.vmlmilano.it/danone/danacol/PIE.htc'); */
  font: 15px/1em 'Lato', 'trebuchet ms', serif;
  transition: 0.2s;
  height: 30px;
}
.main-container .row.advice .advice-print a.bordered-cta.full {
  color: #ffffff;
  background: #7faa60;
}
.main-container .social.social-full.social-exercise {
  padding-top:5px;
  padding-bottom: 10px;
}
.main-container .row.main-content-exercise{
	padding-bottom:0;
}
.main-container .row.exercise {
  background-color: #f6f6f6;
  margin-bottom: 30px;
}
.main-container .row.exercise .exercise {
  *zoom: 1;
  padding: 20px 10%;
}
.main-container .row.exercise .exercise:before,
.main-container .row.exercise .exercise:after {
  content: "";
  display: table;
}
.main-container .row.exercise .exercise:after {
  clear: both;
}
.main-container .row.exercise .exercise-step {
  *zoom: 1;
  width: 100%;
  float: left;
}
.main-container .row.exercise .exercise-step:before,
.main-container .row.exercise .exercise-step:after {
  content: "";
  display: table;
}
.main-container .row.exercise .exercise-step:after {
  clear: both;
}
.main-container .row.exercise .exercise-step .content-subtitle {
  font: 900 18px 'Lato', 'trebuchet ms', 'sans-serif';
  color: #7faa60;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.main-container .row.exercise .exercise-step img {
  width: 150px;
  float: left;
  margin-right: 15px;
}
.main-container .row.exercise .exercise-step p {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 13px;
  font-style: italic;
  padding-right: 20px;
}
.main-container .row.boxes-group {
  background-color: #f6f6f6;
  margin-bottom: 50px;
}
.main-container .row.boxes-group .boxes-group {
  *zoom: 1;
  padding: 20px 10%;
}
.main-container .row.boxes-group .boxes-group:before,
.main-container .row.boxes-group .boxes-group:after {
  content: "";
  display: table;
}
.main-container .row.boxes-group .boxes-group:after {
  clear: both;
}
.main-container .row.boxes-group .box-single {
  *zoom: 1;
  width: 30.33333333%;
  padding: 0 1.5%;
  float: left;
}
.main-container .row.boxes-group .box-single:before,
.main-container .row.boxes-group .box-single:after {
  content: "";
  display: table;
}
.main-container .row.boxes-group .box-single:after {
  clear: both;
}
.main-container .row.boxes-group .box-single .content-subtitle {
  font: 900 18px 'Lato', 'trebuchet ms', 'sans-serif';
  color: #7faa60;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.main-container .row.boxes-group .box-single img {
  width: 150px;
  float: left;
  margin-right: 15px;
}
.main-container .row.boxes-group .box-single p {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 13px;
  font-style: italic;
  padding-right: 20px;
}
.main-container .row.gusti .gusto {
  position: relative;
  padding: 0 10%;
  margin-bottom: 30px;
}
.main-container .row.gusti .gusto img {
  width: 100%;
  display: block;
}
.main-container .row.gusti .gusto p {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 5px;
  right: 15%;
  color: #ffffff;
  text-transform: uppercase;
  text-align: right;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-weight: 900;
  font-size: 22px;
}
.main-container .row.gusti .gusto p span {
  display: block;
  text-transform: none;
  font-style: italic;
  font-family: 'Georgia', serif;
  font-weight: normal;
  font-size: 14px;
}
.main-container .row.gusti .gusto a {
  position: absolute;
  top: 0;
  left: 10%;
  bottom: 0;
  right: 10%;
  display: block;
  background: url('images/spacer.gif') repeat top left;
}
.main-container .row.nutritional {
  *zoom: 1;
}
.main-container .row.nutritional:before,
.main-container .row.nutritional:after {
  content: "";
  display: table;
}
.main-container .row.nutritional:after {
  clear: both;
}
.main-container .row.nutritional .nutritional-facts {
  padding: 0 10%;
  margin-bottom: 20px;
}
.main-container .row.nutritional .nutritional-facts .content-title {
  color: #7faa60;
  font: 900 30px 'Lato', 'trebuchet ms', 'sans-serif';
  text-transform: uppercase;
  padding: 10px 0;
}
.main-container .row.nutritional .nutritional-facts .nutritionals {
  *zoom: 1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
}
.main-container .row.nutritional .nutritional-facts .nutritionals:before,
.main-container .row.nutritional .nutritional-facts .nutritionals:after {
  content: "";
  display: table;
}
.main-container .row.nutritional .nutritional-facts .nutritionals:after {
  clear: both;
}
.main-container .row.nutritional .nutritional-facts .nutritionals div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  *zoom: 1;
  background-color: #f6f6f6;
  width: 100%;
  margin-top: 6px;
  padding: 5px 0;
}
.main-container .row.nutritional .nutritional-facts .nutritionals div:before,
.main-container .row.nutritional .nutritional-facts .nutritionals div:after {
  content: "";
  display: table;
}
.main-container .row.nutritional .nutritional-facts .nutritionals div:after {
  clear: both;
}
.main-container .row.nutritional .nutritional-facts .nutritionals div.top {
  background-color: #7faa60;/*#a7d14d;*/
  color: #ffffff;
  font: italic 16px 'Georgia', serif;
  text-transform: none;
  padding: 10px 20px;
}
.main-container .row.nutritional .nutritional-facts .nutritionals p {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 33.33333333%;
  float: left;
}
.main-container .row.nutritional .nutritional-facts .nutritionals p.name {
  padding-left: 20px;
  color: #7faa60;
  font-weight: bold;
}
.main-container .row.nutritional .additional-info {
  padding-top: 17px;
  text-align: left;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-size: 14px;
  width: 60%;
  display: inline-block;
}
.main-container .row.faq-wrapper {
  background-color: #f6f6f6;
  margin-bottom: 5px;
}
.main-container .row.faq-wrapper .content-wrapper {
  position: relative;
}
.main-container .row.faq-wrapper h3 {
  color: #7faa60;
  font: 900 18px 'Lato', 'trebuchet ms', 'sans-serif';
  text-transform: uppercase;
  height: 50px;
  line-height: 50px;
  padding-left: 30px;
}
.main-container .row.faq-wrapper .toggle {
  position: absolute;
  top: 10px;
  left: auto;
  bottom: auto;
  right: 20px;
  width: 31px;
  height: 30px;
  display: block;
  background: url('images/arrow-open.png') no-repeat right center;
  cursor: pointer;
}
.main-container .row.faq-wrapper .toggle.open {
  background-image: url('images/arrow-close.png');
}
.main-container .row.faq-wrapper p {
  display: none;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 15px;
}
.main-container .row.faq-wrapper.open {
  background-color: #ffffff;
}
.main-container .row.slider {
  padding: 20px 0;
}
.main-container .row.slider .slider-title {
  padding: 0 10%;
  color: #7faa60;
  font: 900 30px 'Lato', 'trebuchet ms', 'sans-serif';
  text-transform: uppercase;
  margin-bottom: 20px;
}
.main-container .row.slider .slider-container {
  padding: 0 10%;
  position: relative;
}
.main-container .row.slider .slider-container .slider-wrapper {
  *zoom: 1;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.main-container .row.slider .slider-container .slider-wrapper:before,
.main-container .row.slider .slider-container .slider-wrapper:after {
  content: "";
  display: table;
}
.main-container .row.slider .slider-container .slider-wrapper:after {
  clear: both;
}
.main-container .row.slider .slider-container .slider-elements {
  overflow: hidden;
}
.main-container .row.slider .slider-container .slider-element {
  float: left;
  margin-left: 8px;
}
.main-container .row.slider .slider-container .slider-element img {
  width: 100%;
  height: auto;
  display: block;
  float: right;
}
.main-container .row.slider .slider-container .slider-element:first-child {
  margin-left: 0;
}
.main-container .row.slider .slider-container .slider-element .slider-element-content {
  padding-top: 10px;
  width: 100%;
  float: right;
  position: relative;
}
.main-container .row.slider .slider-container .slider-element .slider-element-content .slider-subtitle {
  color: #7faa60;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  text-transform: uppercase;
  font-weight: 900;
  width: 60%;
  height: 40px;
  line-height: 16px;
}
.main-container .row.slider .slider-container .slider-element .slider-element-content p {
  font-style: italic;
  font-size: 12px;
}
.main-container .row.slider .slider-container a.navigation {
  display: block;
  width: 39px;
  height: 187px;
}
.main-container .row.slider .slider-container a.navigation.prev {
  position: absolute;
  top: 0px;
  left: 10%;
  bottom: auto;
  right: auto;
  margin-left: -39px;
  background: url('images/slider-arrow-prev.png') no-repeat center center;
}
.main-container .row.slider .slider-container a.navigation.next {
  position: absolute;
  top: 0px;
  left: auto;
  bottom: auto;
  right: 10%;
  margin-right: -39px;
  background: url('images/slider-arrow-next.png') no-repeat center center;
}
.main-container .row.slider a.bordered-cta {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  top: 10px;
  left: auto;
  bottom: auto;
  right: 5px;
  display: inline-block;
  color: #7faa60;
  text-decoration: none;
  border: 1px solid #7faa60;
  padding: 7px 9px;
  border-radius: 20px;
  /* behavior: url('http://appscol.vmlmilano.it/danone/danacol/PIE.htc'); */
  font: 13px/1em 'Lato', 'trebuchet ms', serif;
  transition: 0.2s;
  height: 30px;
}
.main-container .row.slider a.bordered-cta.full {
  color: #ffffff;
  background: #7faa60;
}
.main-container .row.crosslinks .content-wrapper {
  max-width: 1024px;
}
.main-container .row.crosslinks.highlight .content-wrapper {
  max-width: 1280px;
}
.main-container .row.crosslinks .content-box .image-container a {
  background: url('images/spacer.gif') repeat top left;
}
.main-container .social {
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  color: #7faa60;/*#a7d14d;*/
  padding: 20px 0;
}
.main-container .social a {
  color: #ffffff;
  background: #7faa60;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  /* behavior: url('http://appscol.vmlmilano.it/danone/danacol/PIE.htc'); */
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  text-decoration: none;
}
.main-container .social.social-full {
  padding: 20px 10% 0;
  float: right;
}
.main-container .social.social-recipe {
  float: right;
  padding: 10px 0 40px 0;
}
.main-container .social.social-advice {
  float: right;
}
.main-container .social.social-gusti {
  float: right;
  padding-top: 10px;
  text-align: right;
}
.main-container .row.table .content-wrapper {
  padding: 45px 0;
}
.main-container .row.table .content-wrapper > .content-subtitle {
  color: #7faa60;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
  text-transform: uppercase;
  padding: 0 10% 20px;
}
.main-container .row.table .content-wrapper > .content-subtitle sup {
  font-size: 12px;
}
.main-container .row.table .content-wrapper > p {
  margin: 0 10%;
  font-style: italic;
}
.main-container .row.table .content-wrapper > p.intro {
  padding: 0 30px;
}
.main-container .row.table.highlight {
  background-color: #f6f6f6;
}
.main-container .row.table .graph {
  *zoom: 1;
  margin: 20px 10% 0;
  padding: 30px;
  background: #ffffff;
}
.main-container .row.table .graph:before,
.main-container .row.table .graph:after {
  content: "";
  display: table;
}
.main-container .row.table .graph:after {
  clear: both;
}
.main-container .row.table .graph .text {
  float: left;
  width: 25%;
}
.main-container .row.table .graph .text p {
  font-size: 15px;
  padding-right: 40px;
}
.main-container .row.table .graph img {
  float: left;
  width: 50%;
}
.main-container .row.table .graph .legend {
  float: left;
  width: 25%;
  padding-top: 190px;
}
.main-container .row.table .graph .legend p {
  font-size: 14px;
  padding-bottom: 10px;
}
.main-container .row.table .graph .legend p span {
  display: inline-block;
  vertical-align: top;
  line-height: 15px;
  width: 80%;
  padding-left: 10px;
}
.main-container .row.table .graph .legend p:before {
  content: '';
  width: 15px;
  height: 15px;
  background-color: #ee7114;
  display: inline-block;
}
.main-container .row.table .graph .legend p.danacol:before {
  background-color: #7faa60;
}
.main-container .row.table .graph .content-subtitle {
  color: #7faa60;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  font-size: 20px;
  line-height: 25px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 20px;
}
.main-container .row.table .graph p {
  font-style: italic;
}
.main-container .row.table img.risk {
  margin: 0 10%;
  width: 80%;
}
.main-container .row.table.margin {
  margin-bottom: 30px;
}
.main-container .table-container {
  padding: 0 10%;
  margin-bottom: 45px;
  text-align: left;
}
.main-container .table-container.small {
  margin-bottom: 5px;
}
.main-container .table-container .content-subtitle {
  background-color: #a7d14d;
  color: #ffffff;
  font: italic 16px 'Georgia', serif;
  text-transform: none;
  padding: 10px 20px;
}
.main-container .table-container .table {
  *zoom: 1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
}
.main-container .table-container .table:before,
.main-container .table-container .table:after {
  content: "";
  display: table;
}
.main-container .table-container .table:after {
  clear: both;
}
.main-container .table-container .table div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #f6f6f6;
  width: 50%;
  float: left;
  margin-top: 6px;
  padding: 5px 0;
}
.main-container .table-container .table div.odd {
  border-right: 3px solid #ffffff;
}
.main-container .table-container .table div.even {
  border-left: 3px solid #ffffff;
}
.main-container .table-container .table p {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0;
  font-size: 16px;
  font-style: normal;
}
.main-container .table-container .table p.value {
  padding-top: 0px;
}
.main-container .table-container .table p.name {
  padding-left: 20px;
  color: #a7d14d;
  font-weight: bold;
}
.main-container .table-container .table.full div {
  width: 100%;
}
.main-container .table-container .table.full div.title {
  background-color: #a7d14d;
  color: #ffffff;
}
.main-container .table-container .table.full div.title p.name {
  color: #ffffff;
}
.main-container .table-container .table.small div {
  background-color: #ffffff;
}
.main-container .table-container .table.small div.title {
  background-color: #a7d14d;
  color: #ffffff;
}
.main-container .table-container .table.small div.title p.name {
  color: #ffffff;
}
.main-container .table-container .table.small p {
  width: 25%;
}
.main-container .table-container .table.small p.big {
  width: 75%;
  text-align: center;
}
.main-container .flash-container {
  position: relative;
  padding-bottom: 54%;
  margin: 30px 10%;
  height: 0;
}
.main-container .flash-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-container span.highlighted {
  font-weight: bold;
  color: #7faa60;
}
.main-container .row.main-content p span.highlighted {
	font-size: 20px;
}
.main-container .pagination .custom-selectInner,
.main-container .pagination .customSelectInner {
  width: 50px!important;
}
div.disclaimer {
  color: #818181;
  font-size: 12px;
  text-align: center;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  padding: 30px 20px 10px 20px;
}
footer {
  background: #f6f6f6;
  font-family: 'Lato', 'trebuchet ms', 'sans-serif';
  color: #818181;
  font-size: 14px;
  padding: 20px 0;
}
footer p {
  float: left;
}
footer div.disclaimer p {
  float: none;
  text-align: center; 
}
footer ul.footer-menu {
  *zoom: 1;
  float: right;
  color: #7faa60;
}
footer ul.footer-menu:before,
footer ul.footer-menu:after {
  content: "";
  display: table;
}
footer ul.footer-menu:after {
  clear: both;
}
footer ul.footer-menu li {
  float: left;
  margin-left: 25px;
}
footer ul.footer-menu li + li {
  list-style-type: disc;
}
footer ul.footer-menu li a {
  color: #7faa60;
  text-decoration: none;
}
footer .home-url {
  display: none;
}
.main-container .row.contenuti-correlati {margin-top:20px; padding: 0 10% 10px;}
.main-container .row.contenuti-correlati .content-wrapper {max-width: 1024px;}
.main-container .row.contenuti-correlati .content-wrapper .content .content-title {font-size: 20px;}
.main-container .row.contenuti-correlati .content-wrapper .content-title {color: #7faa60; font-family: "Lato","trebuchet ms","sans-serif"; font-size: 30px; font-weight: 900; line-height: 24px; padding-bottom: 15px; text-transform: uppercase;}
.main-container .row.contenuti-correlati .content-box {padding: 25px 1%;}
.main-container .row.contenuti-correlati .content-box .tipo-correlato{font-style: italic;}
.main-container .row.contenuti-correlati .content-box .cta-container a.bordered-cta{font-size: 12px;}
.main-container .row.contenuti-correlati .content-box .content{width:100%; float:left;padding-bottom:0;}
.main-container .row.contenuti-correlati .content-box .cta-container{float:left; padding-top:10px;}
@media only screen and (max-width: 1400px) {
  .main-container .row.showcase .showcase-scenes .showcase-scene .showcase-scene-content {
    padding-left: 50px;
  }
  .main-container .row.showcase .showcase-pager .content-wrapper a:first-child {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1279px) {
  .main-container .row.slider .slider-container a.navigation {
    display: block;
    width: 30px;
    height: 146px;
  }
  .main-container .row.slider .slider-container a.navigation.prev {
    position: absolute;
    top: 0px;
    left: 10%;
    bottom: auto;
    right: auto;
    margin-left: -30px;
    background: url('images/slider-arrow-prev-small.png') no-repeat center center;
  }
  .main-container .row.slider .slider-container a.navigation.next {
    position: absolute;
    top: 0px;
    left: auto;
    bottom: auto;
    right: 10%;
    margin-right: -30px;
    background: url('images/slider-arrow-next-small.png') no-repeat center center;
  }
  footer p{
  	padding-left: 2%;
  }
  footer ul.footer-menu{
  	padding-right: 2%;
  }
  .main-container .row.boxes-group .box-single p {
  	clear: left;
	padding-top: 10px;
  }
}
@media only screen and (max-width: 1150px) {
  header .second-level-menu ul.second-level li{
    font-size:14px;
  }
}
@media only screen and (max-width: 1023px) {
  .main-container .row .content-box {
    width: 100%;
    padding: 5% 2%;
  }
  
  .main-container .row.faq-wrapper {
    background-color: #f6f6f6;
    margin-bottom: 5px;
  }
  .main-container .row.faq-wrapper .content-wrapper {
    position: relative;
  }
  .main-container .row.faq-wrapper h3 {
    color: #7faa60;
    font: 900 14px 'Lato', 'trebuchet ms', 'sans-serif';
    text-transform: uppercase;
    height: auto;
    line-height: 18px;
    padding: 15px 55px 15px 30px;
  }
  header .main-menu ul.top-level li{
  	font-size:16px;
  }
  header .second-level-menu ul.second-level li{
  	font-size:12px;
  }
}
@media only screen and (max-width: 768px) {
  .lateral-menu,
  .lateral-menu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  html {
    background: #7faa60;
  }
  body {
    background: #ffffff;
  }
  body.lateral-menu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
  }
  body.lateral-menu-push-toleft {
    left: -80%;
  }
  body.lateral-menu-push-toleft header {
    left: -80%;
  }
  header .aspetto_header{ margin-bottom: 0px;}
  header {
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
    z-index: 100;
    border-bottom: 1px solid #7faa60;
  }
  header .main-menu {
    height: 80px;
  }
  header .main-menu div.logo {
    /*position: absolute;
    top: 10px;
    left: 30px;
    bottom: auto;
    right: auto;*/
    display: none;
  }
  header .main-menu div.mobile-logo {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: auto;
    right: auto;
    width: 128px;
    height: 121px;
    background: none;
    background-size: cover;
    z-index: 2;
    display: block;
  }
  header .main-menu div.mobile-logo img{width: 100%;}
  header .main-menu div.mobile-logo span {
    display: none;
  }
  header .main-menu div.mobile-logo a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  header .main-menu div.mobile-logo.visible {
    display: block;
  }
  header ul.top-level,
  header .second-level-menu {
    display: none;
  }
  header .menu-collapse {
    position: absolute;
    top: 28px;
    left: auto;
    bottom: auto;
    right: 30px;
    display: block;
  }
  header .lateral-menu {
    display: block;
    background: #7faa60;/*#7faa60;*/
    position: fixed;
    width: 80%;
    height: 100%;
    top: 0;
    z-index: 1000;
    right: -80%;
    -moz-box-shadow: inset 10px 0 10px -10px #4d7101;
    -webkit-box-shadow: inset 10px 0 10px -10px #4d7101;
    box-shadow: inset 10px 0 10px -10px #4d7101;
    overflow: auto;
  }
  header .lateral-menu.lateral-menu-open {
    right: 0;
  }
  header .lateral-menu ul {
    display: none;
    opacity: 0;
    transition: opacity 1s linear;
  }
  header .lateral-menu ul.active {
    display: block;
    opacity: 1;
  }
  header .lateral-menu ul li {
    border-bottom: 1px solid #ffffff;
  }
  header .lateral-menu ul a {
    display: block;
    color: #b9e360;
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.7em 1em;
  }
  header .lateral-menu ul a.back {
    color: #d2ed9a;
    padding: 0.7em 1em;
  }
  header .lateral-menu ul a .fa-chevron-right {
    font-size: 13px;
    padding-left: 5px;
  }
  header .lateral-menu ul a .fa-chevron-left {
    font-size: 13px;
    padding-right: 5px;
  }
  header .lateral-menu ul.first-level a {
    color: #ffffff;
  }
  header .lateral-menu ul.first-level a.active {
    border-left: 10px solid #ee7114;
    color: #ffffff;
  }
  header .lateral-menu ul.second-level a {
    padding: 0.7em 1.5em;
  }
  header .lateral-menu ul.second-level a.back {
    padding: 0.7em 1em;
  }
  header .lateral-menu ul.second-level a.active {
    border-left: 10px solid #ee7114;
    color: #ffffff;
  }
  header .lateral-menu ul li.section {
    color: #7faa60;
    background: #ffffff;
    -moz-box-shadow: inset 10px 0 10px -10px #d9d9d9;
    -webkit-box-shadow: inset 10px 0 10px -10px #d9d9d9;
    box-shadow: inset 10px 0 10px -10px #d9d9d9;
  }
  /*.main-container{padding-top:137px;}*/
  .main-container{padding-top:80px;}
  .main-container .row .content-box.horizontal .content .content-title {
    font-size: 16px;
  }
  .main-container .row.showcase {
    margin-bottom: 319px;
  }
  .main-container .row.showcase .showcase-scenes .content-wrapper {
    position: absolute;
    top: 268px;
    left: 0px;
    bottom: auto;
    right: auto;
    width: 100%;
  }
  .main-container .row.showcase .showcase-scenes .showcase-scene .showcase-scene-content {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 4%;
    color: #ffffff;
    background: #7faa60;
  }
  .main-container .row.showcase .showcase-scenes .showcase-scene .showcase-scene-content .showcase-title {
    font: 900 25px 'Lato', 'trebuchet ms', 'sans-serif';
    text-transform: uppercase;
    width: 100%;
    padding-bottom: 20px;
  }
  .main-container .row.showcase .showcase-scenes .showcase-scene .showcase-scene-content p {
    font: italic 18px/1.5 'Georgia', serif;
    width: 60%;
  }
  .main-container .row.showcase .showcase-scenes .showcase-scene .showcase-scene-content a.bordered-cta {
    display: inline-block;
    color: #7faa60;
    background: #ffffff;
    text-decoration: none;
    margin-top: 20px;
    border: 1px solid #ffffff;
    padding: 8px 15px;
    border-radius: 20px;
    behavior: url('/PIE.htc');
    font: 15px/1em 'Lato', 'trebuchet ms', serif;
    transition: 0.2s;
  }
  .main-container .row.showcase .showcase-navigation.prev {
    position: absolute;
    top: 50%;
    left: 0px;
    bottom: auto;
    right: auto;
  }
  .main-container .row.showcase .showcase-navigation.next {
    position: absolute;
    top: 50%;
    left: auto;
    bottom: auto;
    right: 0;
  }
  .main-container .row.showcase .showcase-pager,
  .main-container .row.showcase .showcase-pack {
    display: none;
  }
  .main-container .row.showcase .showcase-pack-mobile {
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    bottom: -240px;
    right: 2%;
    height: 185px;
    width: 150px;
    background-size: cover;
  }
  .main-container .row.main-content .content-title {
    font-size: 30px;
  }
  .main-container .row.main-content p {
    padding: 20px 2%;
  }
  .main-container .row.big-image .image-container {
    float: none;
    width: 100%;
    padding: 20px 2%;
  }
  .main-container .row.big-image .text-content {
    float: none;
    width: 100%;
    padding: 20px 2%;
  }
  .main-container .row.highlight .image-container {
    padding: 0 0 0 2%;
  }
  .main-container .row.highlight .image-container img {
    width: 95%;
  }
  .main-container .row.highlight .text-content {
    padding: 0 2%;
  }
  .main-container .row.highlight-content .text-content {
    float: none;
    width: 100%;
  }
  .main-container .row.highlight-content .image-container {
    margin-right: 20px;
  }
  .main-container .row.search-element .search-group {
    width: 100%;
  }
  .main-container .row.search-element .search-group .custom-select {
    width: 100%;
  }
  .main-container .row.video {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .main-container .row.video .video-container {
    padding-bottom: 62%;
    margin: 30px 2% 0px;
  }
  .main-container .row.basic .content-subtitle {
    margin: 0 3%;
  }
  .main-container .row.basic p {
    margin: 0 3%;
  }
  .main-container .row.basic ul {
    margin: 0 3%;
  }
  .main-container .row.basic a {
    word-wrap: break-word;
  }
  .main-container .row.basic img {
    width: 94%;
    float: none;
    margin: 0 3% 20px;
  }
  .main-container .row.instruction h4,
  .main-container .row.instruction div.hidden-text {
    margin: 0 3%;
  }
  .main-container .row.gusti .gusto {
    padding: 0 2%;
  }
  .main-container .row.gusti .gusto a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 2%;
  }
  .main-container .row.nutritional .additional-info {
  	width: 100%;
  	text-align: right;
  }
  .main-container .row.slider .slider-title {
    padding: 0 2%;
  }
  .main-container .row.slider .slider-container {
    padding: 0 2%;
  }
  .main-container .row.slider .slider-container a.navigation {
    display: none;
  }
  .main-container .row.slider .slider-container .slider-element {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .main-container .row.nutritional .nutritional-facts {
    padding: 0 2%;
  }
  .main-container .row.nutritional .nutritional-facts .nutritionals p{
  	padding: 0 2%;
  	width: 31%;
  
  }
  .main-container .row.nutritional .nutritional-facts .nutritionals p:first-child{
  	width: 38%;
  
  }
  .main-container .row.form-recipe .form-group {
    width: 100%;
  }
  .main-container .row.form-recipe .form {
  	display: inline;
  }
  .main-container .row.form-recipe .form-group.sezione-salute-del-cuore {
	margin-left: 0;
  }
  .main-container .row.recipe .recipe-main {
    padding: 0 2%;
  }
  .main-container .row.recipe .recipe-main .image-container,
  .main-container .row.recipe .recipe-main .ingredients {
    *zoom: 1;
    float: none;
    width: 100%;
    padding: 0;
  }
  .main-container .row.recipe .recipe-main .image-container:before,
  .main-container .row.recipe .recipe-main .ingredients:before,
  .main-container .row.recipe .recipe-main .image-container:after,
  .main-container .row.recipe .recipe-main .ingredients:after {
    content: "";
    display: table;
  }
  .main-container .row.recipe .recipe-main .image-container:after,
  .main-container .row.recipe .recipe-main .ingredients:after {
    clear: both;
  }
  .main-container .row.recipe .recipe-instruction {
    padding: 20px 2%;
  }
  .main-container .row.recipe .recipe-values {
    padding: 0 2%;
  }
  .main-container .row.recipe .recipe-values .nutritionals div {
    *zoom: 1;
    width: 100%;
    float: none;
  }
  .main-container .row.recipe .recipe-values .nutritionals div:before,
  .main-container .row.recipe .recipe-values .nutritionals div:after {
    content: "";
    display: table;
  }
  .main-container .row.recipe .recipe-values .nutritionals div:after {
    clear: both;
  }
  .main-container .row.recipe .recipe-values .nutritionals div.odd,
  .main-container .row.recipe .recipe-values .nutritionals div.even {
    border: none;
  }
  
  .main-container .row.recipe .recipe-print {
    display: none;
  }
  .main-container .row.advice .advice-main {
    padding: 0 2%;
  }
  .main-container .row.advice .advice-main .image-container,
  .main-container .row.advice .advice-main .main-content {
    *zoom: 1;
    float: none;
    width: 100%;
    padding: 0;
  }
  .main-container .row.advice .advice-main .image-container:before,
  .main-container .row.advice .advice-main .main-content:before,
  .main-container .row.advice .advice-main .image-container:after,
  .main-container .row.advice .advice-main .main-content:after {
    content: "";
    display: table;
  }
  .main-container .row.advice .advice-main .image-container:after,
  .main-container .row.advice .advice-main .main-content:after {
    clear: both;
  }
  .main-container .row.advice .advice-content {
    padding: 0 2%;
  }
  .main-container .row.advice .advice-content ul,
  .main-container .row.advice .advice-content p {
    margin: 0;
  }
  .main-container .row.advice .advice-content ul {
    padding-bottom: 5px;
  }
  .main-container .row.advice .advice-content p {
    padding-bottom: 15px;
  }
  .main-container .row.advice .advice-main .image-container {
	 padding-bottom: 15px;
  }
  .main-container .row.advice .advice-main .main-content {
	 padding-bottom: 15px;
  }
  .main-container .row.exercise .exercise-step,
  .main-container .row.boxes-group .exercise-step,
  .main-container .row.exercise .box-single,
  .main-container .row.boxes-group .box-single {
    width: 100%;
    margin-bottom: 20px;
  }
  .main-container .row.exercise .exercise-step img,
  .main-container .row.boxes-group .exercise-step img,
  .main-container .row.exercise .box-single img,
  .main-container .row.boxes-group .box-single img {
    margin: 0 20px 16px 0;
  }
  .main-container .row.exercise .exercise-step p,
  .main-container .row.boxes-group .exercise-step p,
  .main-container .row.exercise .box-single p,
  .main-container .row.boxes-group .box-single p {
    float: none;
    width: 100%;
    padding: 0;
    clear:none; 
  }
  .main-container .row.table .content-wrapper > .content-subtitle {
    padding: 0 2% 20px;
  }
  .main-container .row.table .content-wrapper > p.intro {
    padding: 0;
  }
  .main-container .row.table .graph {
    margin: 20px 3%;
  }
  .main-container .row.table .graph .text {
    width: 100%;
  }
  .main-container .row.table .graph img {
    width: 100%;
  }
  .main-container .row.table .graph .legend {
    width: 100%;
    padding-top: 0;
  }
  .main-container .row.table img.risk {
    margin: 0 3%;
    width: 96%;
  }
  .main-container .row.basic.fonts br {
    display: none;
  }
  .main-container .row.basic.fonts a {
    display: block;
    padding-bottom: 15px;
  }
  .main-container .row.small-image {
    color: #777777;
    padding: 30px 0;
  }
  .main-container .row.small-image .image-container {
    padding: 0 0 0 2%;
  }
  .main-container .table-container {
    padding: 0 2%;
  }
  footer p {
    float: none;
    padding-bottom: 10px;
    text-align: center;
  }
  footer ul.footer-menu {
    float: none;
    text-align: center;
  }
  footer ul.footer-menu li {
    margin-left: 7px;
    margin-right: 7px;
    display: inline-block;
    float: none;
  }
  footer ul.footer-menu li + li {
    list-style-type: none;
  }
  .main-container .row.contenuti-correlati {margin-top:20px; padding: 0 2%;}
  .main-container .row.contenuti-correlati .content-wrapper .content-title {padding-bottom: 0;}
  .main-container .row.form-element.form-recipe .content-wrapper{padding-left: 0;}
}

@media only screen and (max-width: 350px) {
	.main-container .ratings-container {padding-bottom: 20px;}
	.main-container .social.social-recipe span {display:none;}
}

.loghibar{ margin: auto; display: block; position: relative; text-align: center; margin: 40px 0px; }
.loghibar img{ vertical-align: middle; padding: 0px; }


/* BREADCRUMS */
.home #breadcrumbs {
  display: none;
}

header {
  position:relative;
}

#breadcrumbs {
  position: relative;
  bottom:0px;
  z-index:6;
  font-size:13px;
  text-transform: none;
  color:#999;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background-color: transparent;
}

#breadcrumbs ol, #breadcrumbs li {
  padding:0;
  margin:0;
  list-style-type: none;
  display: inline-block;
  color:#777777;
}

#breadcrumbs .content{
  max-width: 1280px;
  position: relative;
  margin:0 auto;
  text-align: left;
  padding-left:15px;
}

#breadcrumbs .breadcrumb_last {
  color:#7faa60;
}

#breadcrumbs a {
  color:#999;
  margin-right: 4px;
  margin-left: 4px;
}

@media (min-width: 768px) {
  #breadcrumbs .content{
    padding-left:65px;
  }
}