/*
#9A371F colore logo
#595856 testo body
#AFAFAF pulsanti social
#D7D7D7 bordi menu
#A0A0A0 font menu
#C2C1C0 footer bg
#FFFFFF testo bianco
#999999 testo footer

1320px
1280px
1124px
1024px
1020px
860px
800px
640px

*/

body{
	font-family: 'open_sansregular';
	font-size: 15px;
	line-height: 22px;
	color: #595856;
}

header{
	position: relative;
	width: 1280px;
	text-align: center;
	margin: 0 auto;
}

header h1{
	margin: 50px auto 35px auto;
	display: block;
	height: 128px;
	width: 204px;
	background: url(../images/logo.png) 0 0 no-repeat;
	background-size: 204px 128px;
	text-indent: -9999px;
	overflow: hidden;
}

header h1:hover{ cursor: pointer; } 

header p{ display: none; }

header ul.social{
	position: absolute;
	top: 72px;
	right: 0;
}

footer ul.social li,
header ul.social li{
	display: inline;
	padding: 0 6px;
}

footer a.top_page,
footer ul.social li a,
header ul.social li a{
	display: inline-block;
	width: 32px;
	height: 32px;
	background-color: #AFAFAF;
	border: none;
	border-radius: 100%;
	color: #fff;
	line-height: 32px;
	vertical-align: middle;
	font-size: 18px;
	-webkit-transition: background 0.2s; /* Safari */
    transition: background 0.2s;
}

footer a.top_page,
footer ul.social li a:hover,
header ul.social li a:hover{
	background-color: #9A371F;
}

header nav{
	border-top: 2px solid #D7D7D7;
	border-bottom: 2px solid #D7D7D7;
}

header nav ul li{
	padding: 0 18px;
	display: inline;
}

header nav ul li.mobile{ display: none; }

header nav ul li a{
	display: inline-block;
	padding: 14px 0;
	text-transform: uppercase;
	color: #A0A0A0;
	font-size: 18px;
	-webkit-transition: color 0.2s; /* Safari */
    transition: color 0.2s;
}

header nav ul li a:hover{
	text-decoration: none;
	color: #9A371F;
}

header nav ul li a.active{
	color: #A0A0A0;
	border-bottom: 4px solid #9A371F;
	padding-bottom: 11px;
}

footer .upper{
	background-color: #C2C1C0;
	color: #FFFFFF;
}

footer .container{
	position: relative;
	padding-top: 50px;
	margin: 0 auto;
	width: 1280px;
	background: url(../images/logo_w.png) 0 30px no-repeat;
	background-size: 158px 100px;
}

footer ul.social{
	position: relative;
	text-align: center;
}

footer a.top_page,
footer ul.social li a{
	color: #C2C1C0;
	background-color: #FFFFFF;
	border: none;
	line-height: 32px;
}

footer a.top_page{
	position: absolute;
	top: 30px;
	right: 0;
	text-align: center;
	font-size: 20px !important;
	color: #FFFFFF;
	background-color: #C2C1C0;
	line-height: 28px;
	vertical-align: top;
	border: 1px solid #FFFFFF;
	-webkit-transition: border,color 0.2s; /* Safari */
    transition: border,color 0.2s;
}

footer a.top_page:hover{
	color: #9A371F;
	border-color: #9A371F;
}

footer ul.menu{
	text-align: center;
	padding: 35px 0;
}

footer ul.contact li,
footer ul.menu li{
	display: inline-block;
	padding: 0 6px;
}

footer ul.menu li a{
	text-transform: uppercase;
	color: #FFFFFF;
	-webkit-transition: color 0.2s; /* Safari */
    transition: color 0.2s;
}

footer ul.menu li a:hover{
	color: #9A371F;
}

footer ul.contact{
	text-align: center;
	padding: 25px 0;
}

footer ul.contact li{
	padding: 10px 15px;
	color: #999999;
	border-right: 1px solid #D7D7D7;
}

footer ul.contact li:last-child{ border: none; }

footer ul.contact li a{
	color: #999999;
	-webkit-transition: color 0.2s; /* Safari */
    transition: color 0.2s;
}

footer ul.contact li a:hover{
	color: #9A371F;
}

@media (max-width: 1380px) {
	header,
	header .container,
	footer .container{
		width: 100%;
	}

	header ul.social,
	footer a.top_page{
		right: 20px;
	}

	footer .container{ background-position: 20px 30px; }
}

@media (max-width: 1124px) {
	footer ul.menu{
		padding-right: 20px;
	}

	footer ul.menu li{
		font-size: 13px;
		padding: 0 4px;
	}
}

@media (max-width: 1024px) {
	header nav ul li{
		padding: 0 14px;
	}

	header nav ul li a{
		font-size: 16px;
	}

	header ul.social,
	footer a.top_page{
		right: 20px;
	}

	footer ul.contact li{
		display: block;
		text-align: center;
		padding: 2px;
		border: none;
	}

	footer .container{
		background-position: center 30px;
		padding-top: 160px;
	}

	footer ul.menu{
		text-align: center;
		padding-right: 0;
	}
}

@media (max-width: 800px) {
	header ul.social{
		position: relative;
		top: 0;
		right: 0;
		padding-bottom: 35px;
	}

	header nav ul li{ display: none; }
	header nav ul li.mobile{ display: block; }
	header nav ul li a{
		font-size: 16px;
		display: block;
	}

	header nav ul li a i{ font-size: 18px !important; }

	header nav.openMobile ul li{
		display: block;
		padding: 0;
	}

	header nav.openMobile ul li.mobile{ display: none; }
	
	header nav.openMobile ul li a{ border-bottom: 1px solid #D7D7D7; font-size: 15px; }
	header nav.openMobile ul li:nth-child(7) a{ border-bottom: none !important; }
	header nav.openMobile ul li a.active{ color: #9A371F; font-family: "open_sanssemibold"; }

	footer .container{
		background-position: center 30px;
		padding-top: 160px;
	}

	footer ul.menu{
		text-align: center;
		padding-right: 0;
	}
}

@media (max-width: 640px) {
	footer .container{ text-align: center; }
	
	footer a.top_page{
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 35px;
	}

	footer ul.menu li{
		font-size: 14px;
		display: block;
		border-bottom: 1px solid #D7D7D7;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	footer ul.menu li:first-child{
		border-top: 1px solid #D7D7D7;
	}

	footer ul.contact li{
		display: block !important;
		border: none !important;
		
	}
}

section{
	padding-top: 65px;
	padding-bottom: 105px;
	min-height: 800px;
	font-size: 16px;
}

section div.headerPage{
	position: relative;
	text-align: center;
	width: 100%;
	height: 700px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

section div.headerPage #map,
section div.headerPage img,
section div.headerPage video{ width: 100%; }

@media (max-width: 1920px) {
	section div.headerPage{ height: 600px; }
	section div.headerPage img{
		position: relative;
		width: 140%;
		left: -20%;
	}
}
@media (max-width: 1280px) {
	section div.headerPage{ height: 600px; }
	section div.headerPage img{
		position: relative;
		width: 150%;
		left: -25%;
	}
}
@media (max-width: 1024px) {
	section div.headerPage{ height: 500px; }
	section div.headerPage img{
		position: relative;
		width: 200%;
		left: -50%;
	}
}
@media (max-width: 800px) {
	section div.headerPage{ height: 400px; }
}
@media (max-width: 640px) {
	section div.headerPage{ height: 300px; }
	section div.headerPage img{
		position: relative;
		width: 300%;
		left: -25%;
	}
}
@media (max-width: 480px) {
	section div.headerPage{ height: 300px; }
	section div.headerPage img{
		position: relative;
		width: 400%;
		left: -25%;
	}
}

section div.headerPage #map{
	position: absolute;
	top: 0;
	left: 0;
	height: 99.3%;
}

section div.color{
	background-color: #C1C1C1;
	color: #FFFFFF;
}

section div.colsL div.img_cols{
	float: right;
	width: 50%;
	height: 360px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

section div.colsR div.img_cols{
	float: left;
	width: 50%;
	height: 360px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

section div.colsL h1,
section div.colsR h1{
	text-transform: uppercase;
	font-size: 38px;
	line-height: 40px;
	padding-top: 70px;
	padding-bottom: 35px;
    font-family: 'open_sanssemibold';
}

section div.colsL h1,
section div.colsL p{
	float: left;
	width: 50%;
	padding-right: 60px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

section div.colsR h1,
section div.colsR p{
	float: right;
	width: 50%;
	padding-left: 60px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

section div.colsR .container,
section div.colsL .container{
	margin: 0 auto;
	width: 1280px;
}

section .img_cols img{
	width: 100%;
	display: block;
}

@media (max-width: 1320px) {
	section div.colsL h1,
	section div.colsL p{
		padding-left: 60px;
	}
	section div.colsR h1,
	section div.colsR p{
		padding-right: 60px;
	}
	section div.colsR .container,
	section div.colsL .container{
		width: 100%;
	}

	section div.colsL h1,
	section div.colsR h1{
		padding-top: 40px;
		padding-bottom: 20px;
	}
}

@media (max-width: 1280px) {
	section div.colsL h1,
	section div.colsL p{
		padding-left: 40px;
		padding-right: 40px;
	}
	section div.colsR h1,
	section div.colsR p{
		padding-right: 40px;
		padding-left: 40px;
	}

	.cheese_factory .p5 .img_cols img{
		position: relative;
		top: -50%;
		width: 150%;
	}
}

@media (max-width: 1024px) {
	section div.colsL h1,
	section div.colsL p,
	section div.colsR h1,
	section div.colsR p{
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media (max-width: 1020px) {
	section div.colsL h1,
	section div.colsL p,
	section div.colsR h1,
	section div.colsR p,
	section div.colsL div.img_cols,
	section div.colsR div.img_cols{
		float: none;
		width: 100%;
	}

	section div.colsL p,
	section div.colsR p{
		padding-bottom: 40px;
	}
}
@media (max-width: 640px) {
	section div.colsL div.img_cols img,
	section div.colsR div.img_cols img{
		width: 200%;
	}

	.cheese_factory .p5 .img_cols img{
		width: 300%;
	}
}

section div.clear{ clear: both !important; float: none !important; width: 100% !important; }

section div.p1,
section div.p2,
section div.p3{
	padding: 50px 0;
}

.production section div.p1,
.products section div.p1,
.contact section div.p1{ padding-bottom: 0 !important; }

.recipe_details section div.p1,
.product_details section div.p1{ padding-top: 0 !important; }


section div.p1 h1 em{
	float: none;
	text-transform: none !important;
	font-size: 28px;
	display: block;
}

.contact section div.p2 h1,
section div.p1 h1{
	text-transform: uppercase;
	font-size: 38px;
	line-height: 40px;
	padding-bottom: 35px;
    font-family: 'open_sanssemibold';
}

section div.p1 p strong{
    font-family: 'open_sanssemibold';
}

.products_c section .p1 h2,
section .p2 h2,
section div.text h2{
	text-transform: uppercase;
	font-size: 28px;
	line-height: 30px;
	padding-bottom: 35px;
    font-family: 'open_sanssemibold';
}
.products_c section .p1 h2{
	padding-top: 35px;
}


section div.color.text h2{
	color: #FFFFFF;
}
	
section div.p1 .container,
section div.p2 .container,
section div.p3 .container,
section div.gallery .container{
	margin: 0 auto;
	width: 1280px;
}

.home section div.headerPage{ height: auto !important; }

.home div.headerPage video{ width: 105%; }

@media (max-width: 1280px) {
	.home section div.headerPage{ height: auto !important; }
}
@media (max-width: 1024px) {
	.home section div.headerPage{ height: auto !important; }
}
@media (max-width: 800px) {
	.home div.headerPage video{ width: 200%; }
}

.home div.p1{
    font-family: 'open_sansitalic';
}

.home div.p1 strong{
    font-family: 'open_sanssemibold_italic';
	margin-bottom: 30px;
	display: block;
	font-size: 20px;
	line-height: 26px;
}

.home div.p1 em{
	text-align: right;
	margin-top: 30px;
	display: block;
}

section div.p3.colsL,
section div.p3.colsR,
section div.p3.colsL .container,
section div.p3.colsR .container{
		padding: 0 !important;
}

@media (max-width: 1320px) {

	section div.p1 .container,
	section div.p2 .container,
	section div.p3 .container,
	section div.gallery .container{
		margin: 0 auto;
		width: 100%;
		padding: 0 40px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

}

@media (max-width: 840px) {
	section{
		min-height: 0;
		font-size: 15px;
	}

	section div.p1 h1 em{ float: none; }
}

section br.separator{ display: none; }

@media (max-width: 1020px) {

	section div.p1 .container,
	section div.p2 .container,
	section div.p3 .container{
		padding: 0 30px;
	}

	section br.separator{ display: block; }
	.home div.p7 img{ width: 40%; }
}

.home div.p5 span{
	margin-top: 35px;
	display: block;
}

.back{
	text-align: center;
	padding-top: 60px;
}

.back a,
.contact .p1 form input:last-child,
.home div.p5 a{
	display: inline-block;
    font-family: 'open_sanssemibold';
	color: #9A371F;
	border: 1px solid #9A371F;
	padding: 12px;
	font-size: 24px;
	line-height: 26px;
	text-transform: uppercase;
	-webkit-transition: border,color 0.2s; /* Safari */
    transition: border,color 0.2s;
}

.back a:hover,
.contact .p1 form input:last-child:hover,
.home div.p5 a:hover{
	background-color: #9A371F;
	color: #FFFFFF;
}

.home div.p6,
.home div.p7{
	text-align: center;
	padding: 35px 0;
}

.home div.p6 img{
	width: 270px;
	height: 130px;
}

.home div.p7{
	padding-bottom: 0;
}

.home div.p7 img{
	padding: 30px 10px 0 10px;
	width: 220px;
	height: 156px;
}

@media (max-width: 640px) {
	.home div.p7 img{
		width: 100%;
		height: auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 30px 30px 0 30px;
	}
}

.home div.p7 p{
	margin: 0 auto;
	padding-top: 35px;
	width: 960px;
	text-align: left;
}

@media (max-width: 980px) {
	.home div.p7 p{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.cheese_factory section{ padding-bottom: 0; }

.gallery.small{ position: relative; }

.gallery .image{
		position: relative;
		width: 33.333333%;
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		cursor: pointer;
}

.gallery .image:nth-child(1),.gallery .image.list1{ padding: 0 20px 0 0; }
.gallery .image:nth-child(2),.gallery .image.list2{ padding: 0 10px; }
.gallery .image:nth-child(3),.gallery .image.list3{ padding: 0 0 0 20px; }

.gallery.small .image:nth-child(1),.gallery.small .image.list1{ padding: 0 0 0 0; }
.gallery.small .image:nth-child(2),.gallery.small .image.list2{ padding: 0 0; }
.gallery.small .image:nth-child(3),.gallery.small .image.list3{ padding: 0 0 0 0; }

.gallery.small .image{ width: 25%; }

.gallery.small .image.list1{ padding-left: 0; padding-right: 24px; }
.gallery.small .image.list2{ padding-left: 12px; padding-right: 12px; }
.gallery.small .image.list3{ padding-left: 12px; padding-right: 12px; }
.gallery.small .image.list4{ padding-left: 24px; padding-right: 0; }

.gallery.small .image.list2{ left: -4px; }
.gallery.small .image.list3{ right: -4px; }

.production .image img.play_icon,
.mediapage .image img.play_icon{
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	-webkit-transition: opacity 0.2s; /* Safari */
    transition: opacity 0.2s;
}

.production .image:hover img.play_icon,
.mediapage .image:hover img.play_icon{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.gallery .image:nth-child(1) img.play_icon,.gallery .image.list1 img.play_icon{ padding: 0 20px 0 0; }
.gallery .image:nth-child(2) img.play_icon,.gallery .image.list2 img.play_icon{ padding: 0 10px; }
.gallery .image:nth-child(3) img.play_icon,.gallery .image.list3 img.play_icon{ padding: 0 0 0 20px; }

@media (min-width: 840px) and (max-width: 1280px) {

	.gallery p{ font-size: 12px; }
}
@media (max-width: 480px) {
	.gallery p{ font-size: 12px; }
}

.gallery .image img{
	position: relative;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.gallery .image p{
	position: relative;
	width: 100%;
	height: 48px;
	font-size: 14px;
}

.gallery .image p .linkBox{
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding: 10px;
	margin: 0;
	background-color: #D7D7D7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background,color,top 0.2s; /* Safari */
    transition: background,color,top 0.2s;
	width: 100%;
}

.gallery .image p a{
	display: none;
	font-size: 10px;
}

.gallery .image:hover p .linkBox{
	background-color: #000000;
	color: #FFFFFF;
	top: -28px;
}

.production .gallery .image:hover p .linkBox,
.mediapage .gallery .image:hover p .linkBox{
	top: 0;
	background-color: #D7D7D7;
	color: #595856;
}

.gallery .image:hover p a{
	padding-top: 6px;
	display: block;
	color: #FFFFFF;
}

.production .gallery  .image:hover p a,
.mediapage .gallery  .image:hover p a{ display: none !important; }

.gallery.list .image{ margin-top: 60px !important; }

@media (max-width: 840px) {

	.gallery .container{ padding-left: 30px !important; padding-right: 30px !important; }

	.gallery .image{
		width: 100%;
		float: none;
	}

	.gallery.list .image{
		width: 50%;
		float: left;
	}
	
	.gallery .image:nth-child(1),
	.gallery .image:nth-child(2){ padding-left: 0; padding-right: 0; margin-bottom: 30px; }
	.gallery .image:nth-child(3){ padding-left: 0; padding-right: 0; }
	
	.gallery.list .image:nth-child(2n+1){ padding-left: 0 !important; padding-right: 15px !important; margin-bottom: 0 !important; }
	.gallery.list .image:nth-child(2n){ padding-left: 15px !important; padding-right: 0 !important; margin-bottom: 0 !important; }
	
	.gallery.small .image:nth-child(1),
	.gallery.small .image:nth-child(2){ padding-left: 0; padding-right: 0; margin-bottom: 0; }
	.gallery.small .image:nth-child(3){ padding-left: 0; padding-right: 0; }
	
	.gallery.list.small .image:nth-child(2n+1){ padding-left: 0 !important; padding-right: 15px !important; margin-bottom: 0 !important; }
	.gallery.list.small .image:nth-child(2n){ padding-left: 15px !important; padding-right: 0 !important; margin-bottom: 0 !important; }
}

@media (max-width: 640px) {

	.gallery.list.small .image,
	.gallery.list .image{
		width: 100%;
		float: none;
	}

	.gallery.list,.gallery.list.small{ margin-top: 60px !important; }
	.gallery.list .image,.gallery.list.small .image{ margin-top: 30px !important; }

	.gallery.list.small .image:nth-child(2n+1),.gallery.list .image:nth-child(2n+1){ padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0 !important; }
	.gallery.list.small .image:nth-child(2n),.gallery.list .image:nth-child(2n){ padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0 !important; }
}

.contact .p1 ul{
	float: left;
	width: 40%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.contact .p1 ul strong{
    font-family: 'open_sanssemibold';
	display: block;
}
.contact .p1 ul li{
	position: relative;
	padding: 0 20px 20px 25px;
}
.contact .p1 ul li i{
	position: absolute;
	top: 2px;
	left: 0;
}

.contact .p1 form{
	float: left;
	width: 60%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.contact .p1 form input,
.contact .p1 form textarea{
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #D7D7D7 !important;
	display: block;
    font-family: 'open_sansregular';
	font-size: 15px;
	line-height: 22px;
	padding: 4px 8px;
	margin-bottom: 20px;
	border-radius: 0 !important;
}

.contact .p1 form input:last-child{
	width: auto;
	float: right;
	background-color: #FFFFFF;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.contact .p1 form input:last-child:hover{
	cursor: pointer;
}

@media (max-width: 840px) {
	.contact .p1 ul,
	.contact .p1 form{
		float: none;
		width: 100%;
	}
	.contact .p1 form{
		text-align: center;
	}

	.contact .p1 ul{ margin-bottom: 40px; }

	.contact .p1 form input:last-child{
		float: none;
	}
}

.contact .p2 h3{
	text-transform: uppercase;
	font-size: 20px;
	line-height: 26px;
	padding-bottom: 15px;
	margin-bottom: 15px;
    font-family: 'open_sanssemibold';
	color: #A0A0A0;
	border-bottom: 2px solid #D7D7D7;
}

.contact .p2 div.distr{
	float: left;
	width: 25%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.contact .p2 div.distr p{
	padding-right: 20px;
}


@media (max-width: 1280px) {
	.contact .p2 div.distr{
		width: 50%;
		margin-bottom: 60px;
	}
}
@media (max-width: 1020px) {
	.contact .p2 div.distr p{
		font-size: 14px;
	}
}

@media (max-width: 840px) {
	.contact .p2 div.distr{
		float: none;
		width: 100%;
	}

	.contact .p2 div.distr:last-child{ margin-bottom: 0; }
}

.product_details .p1 img{
	width: 50%;
	float: left;
	margin-right: 60px;
}

.product_details .p2{ margin-bottom: 60px !important; }

.product_details .p1 ul{
	margin-top: 60px;
}

.product_details .p1 ul li{
	position: relative;
	float: left;
	width: 20%;
	border-right: 1px solid #C2C1C0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.product_details .p1 ul li:last-child{ border-right: none; }

.product_details .p1 ul li span{ display: none; }

.product_details .p1 ul li strong{
	font-family: 'open_sanssemibold';
	display: block;
	color: #FFFFFF;
	background-color: #C2C1C0;
	padding: 5px 10px;
}

.product_details .p1 ul li em{
	padding: 12px 10px 10px 10px;
	display: block;
}

.product_details .p1 ul li span{
	padding: 0 10px 10px 10px;
	font-weight:bold;
	display: block;
}

.product_details .p1 ul li i{
	position: absolute;
	top: 8px;
	right: 8px;
	color: #FFFFFF;
}

/* TEMP */
@media (max-width: 640px) {
	.recipe_details .p1 img{ width: 100%; }

	.product_details .p2 ul{ padding-bottom: 120px; width: 100%; }
}
@media (max-width: 960px) {
	.product_details .p2 ul{
		width: 80%;
	}
	.product_details .p2 ul li:nth-child(2){ border-right: none; }
	
	.product_details .p2 ul li{
		width: 50%;
	}

	.product_details .p1 img{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 60px;
	}
}
@media (max-width: 640px) {
	.recipe_details .p1 img{ width: 100%; }

	.product_details .p2 ul{ width: 100% !important; }
}

.recipe_details .p2{ padding-top: 0 !important; }

.recipe_details .p1 img.image_recipe{
	width: 50%;
	float: left;
	margin-right: 60px;
	margin-bottom: 60px;
}

@media (max-width: 960px) {

	.recipe_details .p1 img.image_recipe{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 60px;
	}
}


.mediapage .headerPage a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background:url(../images/media1_play.png) center center no-repeat;
	background-size: 200px 200px;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	-webkit-transition: opacity 0.2s; /* Safari */
    transition: opacity 0.2s;
	text-indent: -9999px;
	overflow: hidden;
}

.mediapage .headerPage a:hover{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

@media (max-width: 800px) {
	.mediapage .headerPage a{ background-size: 100px 100px; }

	#img001,#img002,#img003,#img004,#img005,#img006,#img007,#img008,#img009,#img010,#img011,#img012{ width: 100% !important; left: 0 !important; top: 0 !important; }
	
	.home .headerPage video{ width: 100% !important; }
}

.p2.separator,
.p2.separator .container{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
.p2.separator .container h2{
	border-bottom: 2px solid #D7D7D7;
}

.p1,.p2,.p3,.p4,.p5,.p6,.p7{ visibility: hidden; }