/* content --------------------------------------------------------------------------*/

span.head {
    font-family: 'museo_sans_rounded100';
	color: #293439;
	font-size: 60px;
	float: left;
}

p.text {
	color: #6f7679;
	font-size: 16px;
	line-height: 24px;
	float: left;
	width: 100%;
}

p.text strong {
	font-family: 'museo_sans_rounded700';
	color: #293439;
}

div.lead {
	float: left;
	width: 100%;
	background: #f6f6f6 url('../images/diet/1.png') no-repeat left top;
}

div.lead div.bg {
	float: left;
	width: 100%;
	background: url('../images/diet/2.png') no-repeat right top;
}

div.lead div.box1 {
	padding: 90px 0;
	float: left;
	width: 100%;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.12);
}

div.lead div.box1 div.slogan {
	float: left;
	width: 100%;
}

div.lead div.box1 img.bg {
	display: none;
}

div.lead div.box1 div.slogan h1 {
	font-size: 53px;
	line-height: 58px;
	color: #293439;
	font-family: 'museo_sans_rounded100';
	float: left;
	width: 100%;
}

div.lead div.box1 div.slogan h1 span {
	color: #ea2929;
}

div.lead div.box1 span.small {
	color: #45545b;
	font-size: 20px;
	font-family: 'museo_sans_rounded300';
	float: left;
	width: 100%;
	line-height: 58px;
}

div.lead div.box2 {
	float: left;
	width: 100%;
	padding: 80px 0 0 0;
}

div.lead div.box2 div.bg2 {
	background: url('../images/diet/3.png') no-repeat left bottom;
	float: left;
	position: relative;
}

div.lead div.box2 span.head {
	float: left;
	width: 100%;
}

div.lead div.box2 ul {
	color: #415159;
	font-size: 15px;
	line-height: 24px;
	font-family: 'museo_sans_rounded700';
	background: url('../images/diet/4.png') no-repeat center left;
	float: right;
	width: 774px;
	background-size: 774px;
	margin: 60px 0 0 0;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	padding: 35px 60px 40px 110px;
	margin: 40px 0 30px 0;
}

div.lead div.box2 ul li {
	background: url('../images/diet/yes.png') no-repeat left center;
	float: left;
	width: 100%;
	padding: 12px 0 12px 55px;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

div.lead div.box2 div.tape {
	width: 217px;
	height: 245px;
	background: url('../images/diet/5.png') no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	margin: 60px -40px 0 0;
}

div.content1 {
	float: left;
	width: 100%;
	padding: 80px 0;
}

div.content1 span.head {
	width: 100%;
}

div.content1 span.head span.red {
	color: #ea2929;
}

div.content1 ul {
	background: url('../images/diet/6.png') no-repeat right center;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	padding: 60px 50% 0 0;
	color: #415159;
	font-size: 15px;
	line-height: 24px;
	font-family: 'museo_sans_rounded700';
}

div.content1 ul li {
	background: url('../images/diet/no.png') no-repeat left center;
	float: left;
	width: 100%;
	padding: 12px 0 12px 55px;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

div.content2 {
	background: #f6f9f7 url('../images/diet/7.png') no-repeat center center;
	background-size: cover;
	float: left;
	width: 100%;
	padding: 80px 0;
}

div.content2 div.web {
	padding-left: 400px;
}

div.content2 span.head {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	padding: 0 0 50px 0;
}

div.content2 div.effect1 {
	background: url('../images/diet/8.png') no-repeat center left;
	float: left;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	padding: 0 0 0 35%;
	color: #415159;
	font-size: 15px;
	line-height: 24px;
	font-family: 'museo_sans_rounded700';
	min-height: 90px;
	padding: 0 4% 0 120px;
	width: 48%;
}

div.content2 div.effect2 {
	background: url('../images/diet/9.png') no-repeat center left;
	float: left;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	color: #415159;
	font-size: 15px;
	line-height: 24px;
	font-family: 'museo_sans_rounded700';
	min-height: 90px;
	padding: 0 0 0 120px;
	width: 48%;
}

div.content3 {
	float: left;
	width: 100%;
}

div.content3 span.head {
	width: 100%;
	padding: 0 0 50px 0;
}

div.content3 p.text {
	float: left;
	width: 50%;
}

div.content3 div.bg {
	float: left;
	width: 100%;
	background: url('../images/diet/10.gif') no-repeat right center;
	padding: 80px 0;
}

div.content4 {
	background: url('../images/diet/11.png') no-repeat center top;
	background-size: cover;
	float: left;
	width: 100%;
	padding: 80px 0;
}

div.content4 div.web {
	max-width: 1040px;
}

div.content4 span.head {
	color: #fff;
	text-align: center;
	width: 100%;
}

div.content4 span.head span.orange {
	color: #ff7815;
}

div.content4 p.big {
	color: #fff;
	font-size: 25px;
	line-height: 32px;
	float: left;
	width: 100%;
	text-align: center;
	padding: 50px 0;
}

div.content4 p.text {
	color: #fff;
	font-size: 17px;
	line-height: 24px;
	float: left;
	width: 100%;
	text-align: center;
}

div.content4 p.text span {
	color: #ff7815;
	text-decoration: underline;
	font-family: 'museo_sans_rounded700';
}

div.content5 {
	padding: 80px 0;
	float: left;
	width: 100%;
}

div.content5 span.head {
	width: 100%;
	text-align: center;
	padding: 0 0 50px 0;
}

div.content5 p.text {
	text-align: center;
	padding: 0 0 50px 0;
}

div.content5 div.meal {
	width: calc(33.333333333333333% - 20px);
	float: left;
	margin: 0 30px 30px 0;
	position: relative;
	padding: 0;
	max-height: 235px;
}

div.content5 div.meal img {
	width: 100%;
	height: auto;
}

div.content5 div.meal:nth-child(3n+2) {
	margin: 0 0 30px 0;
}

div.content5 div.meal span.name {
	width: 100%;
	height: 100%;
	display: none;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	float: left;
	position: absolute;
	padding: 0;
	background: #78b42e;
}

div.content5 div.meal span.name span {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	width: 100%;
	border: none;
	left: 0;
	background: none;
	padding: 0 20px;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	cursor: default;
}

div.content5 div.meal:hover span.name, div.content5 div.meal:hover span.name span  {
	display: initial;
}

div.content6 {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0 0 -25px 0;
}

div.content6 div.allowed {
	background: #78b42e;
	color: #fff;
	font-size: 60px;
	float: left;
	width: 100%;
	padding: 70px 0;
	text-align: center;
	font-family: 'museo_sans_rounded100';
	line-height: 70px;
}

div.content6 div.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 25px 0 25px;
	border-color: #78b42e transparent transparent transparent;
	-webkit-transform:rotate(360deg);
	display: inline-block;
}

div.content7 {
	float: left;
	width: 100%;
	padding: 80px 0 0 0;
}

div.content7 span.head {
	text-align: center;
	padding: 0 0 50px 0;
	width: 100%;
}

div.content7 p.text {
	padding: 0 0 50px 0;
	text-align: center;
}

div.content7 div.list {
	float: left;
	width: 100%;
	text-align: center;
}

div.content7 div.list div.product {
	display: inline-block;
	width: 154px;
	height: 154px;
	margin: 7px 5px;
}

div.content7 div.list div.product span.name {
	width: 154px;
	height: 154px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: none;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	float: left;
	position: absolute;
	padding: 0;
}

div.content7 div.list div.product span.name span {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	width: 100%;
	border: none;
	left: 0;
	background: none;
	padding: 0 15px;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	cursor: default;
}

div.content7 div.list div.product:hover span.name, div.content7 div.list div.product:hover span.name span  {
	display: initial;
}

div.content7 div.list div.product img {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

div.meat {
	background: url('../images/diet/12.png') no-repeat left 50px;
}

div.meat div.product img {
	border: 2px solid #d98358;
}

div.meat div.product span {
	background: #d98358;
	border: 2px solid #d98358;
}

div.dairy {
	background: url('../images/diet/13.png') no-repeat right 80px;
}

div.dairy div.product img {
	border: 2px solid #dcd2af;
}

div.dairy div.product span {
	border: 2px solid #bcb083;
	background: #bcb083;
}

div.vegetables {
	background: transparent url('../images/diet/16.png') no-repeat left 50px;
}

div.vegetables div.bg {
	background: transparent url('../images/diet/14.png') no-repeat right 350px;
	float: left;
	width: 100%;
}

div.vegetables div.bg2 {
	background: transparent url('../images/diet/15.png') no-repeat right 850px;
	float: left;
	width: 100%;
}

div.vegetables div.product img {
	border: 2px solid #79b42f;
}

div.vegetables div.product span {
	border: 2px solid #79b42f;
	background: #79b42f;
}

div.oil {
	background: transparent url('../images/diet/17.png') no-repeat right 50px;
}

div.oil div.product img {
	border: 2px solid #f1d46e;
}

div.oil div.product span {
	border: 2px solid #a08836;
	background: #a08836;
}

div.nuts {
	background: transparent url('../images/diet/18.png') no-repeat left 150px;
}

div.nuts div.product img {
	border: 2px solid #f9b067;
}

div.nuts div.product span {
	border: 2px solid #ad763e;
	background: #ad763e;
}

div.drinks {
	
}

div.drinks div.product img {
	border: 2px solid #4bcdff;
}

div.drinks div.product span {
	border: 2px solid #4bcdff;
	background: #4bcdff;
}

div.alcohol {
	
}

div.alcohol div.product img {
	border: 2px solid #c5ca71;
}


div.alcohol div.product span {
	border: 2px solid #707340;
	background: #707340;
}

div.bulion {
	padding: 80px 0;
}

div.bulion div.product img {
	border: 2px solid #d6bc4c;
}


div.bulion div.product span {
	border: 2px solid #ab9534;
	background: #ab9534;
}

div.content8 {
	background: url('../images/diet/19.png') no-repeat center top;
	background-size: cover;
	float: left;
	width: 100%;
	padding: 80px 0;
}

div.content8 span.head {
	text-align: right;
	color: #fff;
	float: right;
	width: 100%;
	padding: 0 0 50px 0;
}

div.content8 p.text {
	text-align: right;
	color: #fff;
	float: right;
	width: 100%;
	font-size: 17px;
}

div.content8 p.text span {
	color: #ff7815;
	text-decoration: underline;
	font-family: 'museo_sans_rounded700';
}

div.content9 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 80px 0 55px 0;
}

div.content9 div.disallowed {
	background: #ea2929;
	color: #fff;
	font-size: 60px;
	float: left;
	width: 100%;
	padding: 70px 0;
	text-align: center;
	font-family: 'museo_sans_rounded100';
	line-height: 70px;
}

div.content9 div.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 25px 0 25px;
	border-color: #ea2929 transparent transparent transparent;
	-webkit-transform:rotate(360deg);
	display: inline-block;
}

div.content10 {
	float: left;
	width: 100%;
}

div.content10 span.head {
	text-align: center;
	width: 100%;
	padding: 0 0 50px 0;
}

div.content10 p.text {
	text-align: center;
	padding: 0 0 50px 0;
}

div.content10 div.list {
	
}

div.content10 div.list div.not1 {
	height: 683px;
	background: url('../images/diet/not1_big.png') no-repeat center center;
	float: left;
	width: 100%;
	margin: 0 0 80px 0;
	text-align: center;
}

div.content10 div.list div.not1 div.not {

}

div.content10 div.list div.not1 div.not img {
	-webkit-border-radius: 340px;
	-moz-border-radius: 340px;
	border-radius: 340px;
	width: 340px;
	height: 340px;
	border: 2px solid #989898;
	margin: 170px 0 0 0;
	position: relative;
}

div.content10 div.list div.not1 div.not span.name {
	width: 344px;
	height: 344px;
	-webkit-border-radius: 340px;
	-moz-border-radius: 340px;
	border-radius: 340px;
	display: none;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	float: left;
	position: absolute;
	padding: 0;
	background: #989898;
	margin: 170px 0 0 0;
	z-index: 99999;
}

div.content10 div.list div.not1 div.not span.name span {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	width: 100%;
	border: none;
	left: 0;
	background: none;
	padding: 0 30px;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	cursor: default;
}

div.content10 div.list div.not1 div.not:hover span.name, div.content10 div.list div.not1 div.not:hover span.name span  {
	display: initial;
}

div.content10 div.list div.not2 {
	height: 683px;
	background: url('../images/diet/not2_big.png') no-repeat center center;
	float: left;
	width: 100%;
	margin: 0 0 80px 0;
	text-align: center;
}

div.content10 div.list div.not2 div.not img {
	-webkit-border-radius: 340px;
	-moz-border-radius: 340px;
	border-radius: 340px;
	width: 340px;
	height: 340px;
	border: 2px solid #b07a4b;
	margin: 170px 0 0 0;
	position: relative;
}

div.content10 div.list div.not2 div.not span.name {
	width: 344px;
	height: 344px;
	-webkit-border-radius: 340px;
	-moz-border-radius: 340px;
	border-radius: 340px;
	display: none;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	float: left;
	position: absolute;
	padding: 0;
	background: #b07a4b;
	margin: 170px 0 0 0;
	z-index: 99999;
}

div.content10 div.list div.not2 div.not span.name span {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	width: 100%;
	border: none;
	left: 0;
	background: none;
	padding: 0 30px;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	cursor: default;
}

div.content10 div.list div.not2 div.not:hover span.name, div.content10 div.list div.not2 div.not:hover span.name span  {
	display: initial;
}












div.content10 div.list div.product {
	
}

div.content10 div.list div.product span {
	
}

div.content10 div.list div.product img {
	
}

div.sugar {
	
}

div.starch {
	
}

div.content11 {
	float: left;
	width: 100%;
	padding: 80px 0;
	background: #f5f5f5 url('../images/diet/20.png') no-repeat bottom right;
	background-size: contain;
	margin: 30px 0 0 0;
}

div.content11 span.head {
	width: 100%;
	padding: 0 0 50px 0;
}

div.content11 p.text {
	float: left;
	width: 85%;
}

div.content12 {
	float: left;
	width: 100%;
	padding: 80px 0 0 0;
}

div.content12 div.bg {
	background: url('../images/diet/21.png') no-repeat right bottom;
	padding: 0 0 30px 0;
	float: left;
	position: relative;
}

div.content12 span.head {
	width: 100%;
	padding: 0 0 50px 0;
}

div.content12 p.text {
	width: 55%;
	padding: 0 0 50px 0;
}

div.content13 {
	float: left;
	width: 100%;
}

div.content13 div.bg {
	background: #78b42e;
	color: #fff;
	font-size: 60px;
	float: left;
	width: 100%;
	padding: 70px 30px;
	text-align: center;
	font-family: 'museo_sans_rounded100';
	line-height: 70px;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	text-align: center;
}

div.content13 span.head {
	width: 100%;
	color: #fff;
	text-align: center;
}

div.content13 p.text {
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
}

div.content13 a.contact {
	border: 2px solid #fff;
	font-size: 16px;
	font-family: 'museo_sans_rounded500';
	color: #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	padding: 15px 50px;
	line-height: 80px;
}

div.content13 a.contact:hover {
	background: #fff;
	color: #78b42e;
}

div.newsletter {
	border-top: none;
	padding: 30px 0;
}

/* rwd --------------------------------------------------------------------------*/

@media (max-width: 1660px) {
	
	div.lead {
		background: #f6f6f6 url('../images/diet/1.png') no-repeat -70px top;
	}
	
	div.dairy {
		background: url('../images/diet/13.png') no-repeat calc(100% + 100px) 80px;
	}
	
	div.content11 p.text {
		width: 60%;
	}
	
	
}

@media (max-width: 1600px) {
	
	div.lead {
		background: #f6f6f6 url('../images/diet/1.png') no-repeat -100px top;
	}
	
	div.lead div.bg {
		background: url('../images/diet/2.png') no-repeat calc(100% + 100px) top;
	}
	
	div.meat {
		background: url('../images/diet/12.png') no-repeat calc(0% - 100px) 50px;
	}
	
	div.dairy {
		background: url('../images/diet/13.png') no-repeat calc(100% + 140px) 120px;
	}
	
	div.vegetables {
		background: transparent url('../images/diet/16.png') no-repeat calc(0% - 100px) 50px;
	}

	div.vegetables div.bg {
		background: transparent url('../images/diet/14.png') no-repeat calc(100% + 100px) 350px;
	}

	div.vegetables div.bg2 {
		background: transparent url('../images/diet/15.png') no-repeat calc(100% + 100px) 850px;
	}
	
	div.oil {
		background: transparent url('../images/diet/17.png') no-repeat calc(100% + 100px) 50px;
	}
	
	div.nuts {
		background: transparent url('../images/diet/18.png') no-repeat left 190px;
	}
	
}

@media (max-width: 1450px) {
	
	div.lead {
		background: #f6f6f6 url('../images/diet/1.png') no-repeat -150px top;
	}
	
	div.lead div.bg {
		background: url('../images/diet/2.png') no-repeat calc(100% + 200px) top;
	}
	
	div.meat {
		background: none;
	}
	
	div.dairy {
		background: none;
	}
	
	div.vegetables {
		background: none;
	}

	div.vegetables div.bg {
		background: none;
	}

	div.vegetables div.bg2 {
		background: none;
	}
	
	div.oil {
		background: none;
	}
	
	div.nuts {
		background: none;
	}
	
}

@media (max-width: 1360px) {
	
	div.lead {
		background: #f6f6f6;
	}
	
}

@media (max-width: 1260px) {
	
	div.lead div.box2 div.tape {
		display: none;
	}
	
}

@media (max-width: 1200px) {
	
	span.head {
		font-size: 40px;
		line-height: 46px;
	}

	p.text {
		font-size: 14px;
		line-height: 22px;
	}
		
	div.lead div.bg {
		background: url('../images/diet/2.png') no-repeat calc(100% + 300px) top;
	}
	
	div.lead div.box1 {
		padding: 50px 0;
	}
	
	div.lead div.box2 {
		padding: 50px 0 0 0;
	}
	
	div.content1 {
		padding: 50px 0;
	}
	
	div.content1 ul {
		padding: 40px 60% 0 0;
	}
	
	div.content2 {
		padding: 50px 0;
		background: #f6f9f7 url('../images/diet/7.png') no-repeat calc(0% - 360px) center;
	}
	
	div.content3 div.bg {
		padding: 50px 0;
		background-size: 40%;
	}
	
	div.content3 span.head {
		padding: 0 0 30px 0;
	}
	
	div.content4 {
		padding: 50px 0;
	}

	div.content4 p.big {
		font-size: 20px;
		line-height: 24px;
		padding: 30px 0;
	}

	div.content4 p.text {
		font-size: 15px;
		line-height: 22px;
	}
	
	div.content5 {
		padding: 50px 0 20px 0;
	}

	div.content5 span.head {
		padding: 0 0 30px 0;
	}

	div.content5 p.text {
		padding: 0 0 30px 0;
	}
	
	div.content6 div.allowed {
		font-size: 40px;
		padding: 50px 0;
		line-height: 50px;
	}
	
	div.content7 {
		padding: 50px 0 0 0;
	}
	
	div.bulion {
		padding: 50px 0;
	}

	div.content7 span.head {
		padding: 0 0 30px 0;
	}

	div.content7 p.text {
		padding: 0 0 30px 0;;
	}
	
	div.content8 {
		padding: 50px 0;
	}

	div.content8 span.head {
		padding: 0 0 30px 0;
	}
	
	div.content8 p.text {
		font-size: 15px;
		line-height: 22px;
	}
	
	div.content9 {
		padding: 50px 0 25px;
	}

	div.content9 div.disallowed {
		font-size: 40px;
		padding: 50px 0;
		line-height: 50px;
	}
	
	div.content10 span.head {
		padding: 0 0 30px 0;
	}

	div.content10 p.text {
		padding: 0 0 30px 0;
	}	

	div.content11 {
		padding: 50px 0;
		margin: 30px 0 0 0;
	}

	div.content11 span.head {
		padding: 0 0 30px 0;
	}
	
	div.content11 p.text {
		width: 60%;
	}		

	div.content12 {
		padding: 50px 0 0 0;
	}
	
	div.content12 span.head {
		padding: 0 0 30px 0;
	}

	div.content12 p.text {
		padding: 0 0 30px 0;
	}
	
	div.content12 div.bg {
		background: url('../images/diet/21.png') no-repeat right bottom;
		background-size: 40%;
	}	
	
	div.content13 div.bg {
		font-size: 50px;
		padding: 40px 30px;
		line-height: 50px;
	}
	
	div.content13 p.text {
		font-size: 16px;
		line-height: 22px;
		padding: 15px 0;
	}
	
	div.content10 div.list div.not1 {
		margin: 0 0 50px 0;
	}

	div.content10 div.list div.not2 {
		margin: 0 0 50px 0;
	}
	
}


@media (max-width: 1100px) {
		
	div.lead div.bg {
		background: url('../images/diet/2.png') no-repeat calc(100% + 400px) top;
	}
	
	div.content11 {
		background-size: auto;
		background: #f5f5f5 url('../images/diet/20.png') no-repeat calc(100% + 200px) bottom;
	}
	
	div.content7 div.list div.product {
		width: 120px;
		height: 120px;
		margin: 5px 3px;
	}
	
	div.content7 div.list div.product img {
		width: 116px;
		height: 116px;
	}

	div.content7 div.list div.product span.name {
		width: 120px;
		height: 120px;
	}

	div.content7 div.list div.product span.name span {
		font-size: 14px;
		line-height: 18px;
	}		
	
}

@media (max-width: 1060px) {
	
	div.lead div.box2 ul {
		font-size: 13px;
		line-height: 20px;
		width: 600px;
		background-size: 774px;
		padding: 35px 60px 40px 110px;
		margin: 20px -20px 30px 0;
	}
	
	div.content1 ul li {
		font-size: 13px;
		line-height: 20px;
}
	
}

@media (max-width: 1000px) {
		
	div.lead div.bg {
		background: url('../images/diet/2.png') no-repeat calc(100% + 500px) top;
	}
	
	div.lead div.box1 div.slogan h1 {
		font-size: 43px;
		line-height: 48px;
	}

	div.lead div.box1 span.small {
		font-size: 18px;
		line-height: 48px;
	}
	
	div.content2 span.head {
		padding: 0 0 30px 0;
	}
		
	div.content2 div.effect1 {
		font-size: 14px;
		line-height: 22px;
		font-family: 'museo_sans_rounded500';
		min-height: auto;
		padding: 20px 0 20px 90px;
		width: 100%;
		background-size: 60px;
	}

	div.content2 div.effect2 {
		font-size: 14px;
		line-height: 22px;
		font-family: 'museo_sans_rounded500';
		min-height: auto;
		padding: 20px 0 20px 90px;
		width: 100%;
		background-size: 60px;
	}

}

@media (max-width: 960px) {
	
div.content1 ul {
	background: url('../images/diet/6.png') no-repeat calc(100% + 100px) center;
}
	
}

@media (max-width: 900px) {
		
	div.lead div.bg {
		background: url('../images/diet/2.png') no-repeat calc(100% + 600px) top;
	}
	
}

@media (max-width: 870px) {
	
	div.lead div.box2 div.bg2 {
		background: none;
	}
	
	div.lead div.box2 ul {
		width: 774px;
		background-size: 774px;
		padding: 35px 60px 40px 110px;
		margin: 20px 0 30px -20px;
		float: left;
	}
	
}

@media (max-width: 800px) {
		
	div.lead div.bg {
		background: url('../images/diet/2.png') no-repeat calc(100% + 700px) top;
	}
	
	div.lead div.box2 ul {
		width: 100%;
		background: none;
		padding: 20px 20px 50px 0;
		margin: 0;
		float: left;
	}
	
	div.content1 ul {
		background-size: 60%;
		padding: 30px 50% 0 0;
	}		
	
	div.content2 {
		background: #f6f9f7 url('../images/diet/7.png') no-repeat calc(0% - 460px) center;
	}

	div.content2 div.web {
		padding-left: 300px;
	}
	
	div.content11 {
		background: #f5f5f5;
	}
	
	div.content11 p.text {
		width: 100%;
	}
			
	div.content12 div.bg {
		background: none;
	}	
	
	div.content12 p.text {
		width: 100%;
	}
	
	div.content10 div.web {
		padding: 0 10px;
	}		

	div.content10 div.list div.not1 {
		height: auto;
		background: url('../images/diet/not1_big.png') no-repeat center top;
		background-size: 100%;
	}

	div.content10 div.list div.not1 div.not img {
		width: 50%;
		height: 50%;
		margin: 22.6% 0;
		position: relative;
	}

	div.content10 div.list div.not1 div.not:hover span.name, div.content10 div.list div.not1 div.not:hover span.name span  {
		display: none;
	}

	div.content10 div.list div.not1 div.not span.name span {
		font-size: 14px;
		line-height: 18px;
		padding: 0 10px;
	}
	
	div.content10 div.list div.not2 {
		height: auto;
		background: url('../images/diet/not2_big.png') no-repeat center top;
		background-size: 100%;
	}

	div.content10 div.list div.not2 div.not img {
		width: 50%;
		height: 50%;
		margin: 22.6% 0;
		position: relative;
	}

	div.content10 div.list div.not2 div.not:hover span.name, div.content10 div.list div.not2 div.not:hover span.name span  {
		display: none;
	}

	div.content10 div.list div.not2 div.not span.name span {
		font-size: 14px;
		line-height: 18px;
		padding: 0 10px;
	}
		
}

@media (max-width: 700px) {
	
	span.head {
		font-size: 28px;
		line-height: 32px;
	}

	p.text {
		font-size: 13px;
		line-height: 20px;
	}
	
	div.lead div.box1 {
		padding: 30px 0;
	}
	
	div.lead div.box2 {
		padding: 30px 0 0 0;
	}
	
	div.content1 {
		padding: 30px 0;
	}
	
	div.content1 ul {
		padding: 20px 60% 0 0;
	}
	
	div.content2 {
		padding: 30px 0;
	}
	
	div.content3 div.bg {
		padding: 30px 0;
	}
	
	div.content3 span.head {
		padding: 0 0 20px 0;
	}
	
	div.content4 {
		padding: 30px 0;
	}

	div.content4 p.big {
		font-size: 18px;
		line-height: 20px;
		padding: 20px 0;
	}

	div.content4 p.text {
		font-size: 13px;
		line-height: 20px;
	}
	
	div.content5 {
		padding: 30px 0 10px 0;
	}

	div.content5 span.head {
		padding: 0 0 20px 0;
	}

	div.content5 p.text {
		padding: 0 0 20px 0;
	}
	
	div.content6 div.allowed {
		font-size: 28px;
		padding: 30px 0;
		line-height: 30px;
	}
	
	div.content7 {
		padding: 30px 0 0 0;
	}
	
	div.bulion {
		padding: 30px 0;
	}

	div.content7 span.head {
		padding: 0 0 20px 0;
	}

	div.content7 p.text {
		padding: 0 0 20px 0;
	}
	
	div.content8 {
		padding: 30px 0;
	}

	div.content8 span.head {
		padding: 0 0 20px 0;
	}
	
	div.content8 p.text {
		font-size: 13px;
		line-height: 20px;
	}
	
	div.content9 {
		padding: 30px 0 5px;
	}

	div.content9 div.disallowed {
		font-size: 28px;
		padding: 30px 0;
		line-height: 30px;
	}
	
	div.content10 span.head {
		padding: 0 0 20px 0;
	}

	div.content10 p.text {
		padding: 0 0 20px 0;
	}	

	div.content11 {
		padding: 30px 0;
		margin: 20px 0 0 0;
	}

	div.content11 span.head {
		padding: 0 0 20px 0;
	}

	div.content12 {
		padding: 30px 0 0 0;
	}
	
	div.content12 span.head {
		padding: 0 0 20px 0;
	}

	div.content12 p.text {
		padding: 0 0 20px 0;
	}
	
	div.content13 div.bg {
		font-size: 30px;
		padding: 20px 10px;
		line-height: 40px;
	}
	
	div.content13 p.text {
		font-size: 14px;
		line-height: 20px;
		padding: 15px 0;
	}
	
	div.content10 div.list div.not1 {
		margin: 0 0 30px 0;
	}

	div.content10 div.list div.not2 {
		margin: 0 0 30px 0;
	}
	
	div.content5 div.meal {
		width: calc(50% - 10px);
		float: left;
		margin: 0 20px 20px 0;
		position: relative;
		padding: 0;
		max-height: auto;
	}

	div.content5 div.meal:nth-child(3n+2) {
		margin: 0 20px 20px 0;
	}

	div.content5 div.meal:nth-child(2n+2) {
		margin: 0 0 20px 0;
	}

	div.content5 div.meal span.name span {
		font-size: 14px;
		line-height: 20px;
	}
	
}

@media (max-width: 600px) {
	
	div.lead div.box1 div.slogan h1 {
		font-size: 30px;
		line-height: 32px;
	}

	div.lead div.box1 span.small {
		font-size: 14px;
		line-height: 16px;
		padding: 15px 0;
	}
	
	div.content1 ul {
		background: none;
		padding: 30px 0 0 0;
	}
	
	div.content2 {
		background: #f6f9f7;
	}
	
	div.content2 div.web {
		padding: 0 20px;
	}

	div.content2 span.head {
		padding: 0 0 20px 0;
	}
		
	div.content2 div.effect1 {
		font-size: 13px;
		line-height: 18px;
		min-height: 40px;
		padding: 10px 0 10px 90px;
	}
			
	div.content2 div.effect2 {
		font-size: 13px;
		line-height: 18px;
		min-height: 40px;
		padding: 10px 0 10px 90px;
	}	
	
	div.lead div.box2 ul {
		padding: 20px 0 30px 0;
	}
	
	div.lead div.box2 ul li {
		padding: 10px 0 10px 55px;
		line-height: 17px;
	}
		
	div.content1 ul {
		padding: 20px 0 0 0;
	}

	div.content1 ul li {
		padding: 10px 0 10px 55px;
		line-height: 17px;
	}
	
	div.content4 p.big {
		font-size: 15px;
		line-height: 20px;
	}
	
	div.content6 div.allowed {
		font-size: 24px;
		padding: 20px 15px;
		line-height: 30px;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}
	
	div.content9 div.disallowed {
		font-size: 24px;
		padding: 20px 15px;
		line-height: 30px;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}
		
}

@media (max-width: 500px) {
	
	div.lead div.bg {
		background: none;
	}
	
	div.content7 div.web {
		padding: 0 10px;
	}

	div.content7 div.list div.product {
		width: 85px;
		height: 85px;
		margin: 3px 1px;
	}
	
	div.content7 div.list div.product img {
		width: 81px;
		height: 81px;
	}

	div.content7 div.list div.product span.name {
		width: 85px;
		height: 85px;
	}

	div.content7 div.list div.product span.name span {
		font-size: 11px;
		line-height: 14px;
		text-align: center;
		padding: 0 3px;
	}	
	
	div.content3 p.text {
		width: 100%;
	}
			
	div.content3 div.bg {
		width: 100%;
		background: url('../images/diet/10.gif') no-repeat bottom center;
		background-size: 100%;
		padding-bottom: 73%;
		margin-bottom: 20px;
	}
	
	div.content13 div.bg {
		padding: 30px 20px;
	}

	div.content13 a.contact {
		font-size: 14px;
		padding: 10px 10px;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
		width: 100%;
		float: left;
		line-height: 20px;
	}
	
	div.lead div.box1 img.bg {
		display: initial;
		width: 100%;
		float: left;
	}	
	
	div.lead div.box1 {
		padding-bottom: 0;
	}
	
}

@media (max-width: 400px) {
	
	div.lead div.box1 div.slogan h1 {
		font-size: 26px;
		line-height: 29px;
	}

	div.lead div.box1 span.small {
		padding: 15px 0 5px 0;
	}

	div.content5 div.meal:nth-child(3n+2) {
		margin: 0 0 10px 0;
	}

	div.content5 div.meal:nth-child(2n+2) {
		margin: 0 0 10px 0;
	}
	
	div.content5 div.meal {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	div.content5 div.meal span.name span {
		font-size: 14px;
		line-height: 18px;
	}
	
}