@charset "UTF-8";

/* CSS Document */

html, body {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 28px;
	color: #524D48;
	background-color: #FBF9F1;
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	text-rendering: optimizeLegibility;
	/*min-width: 994px;*/
}

strong,
b{
	font-weight: 700;
}

a{
	text-decoration: none;
	color: #524D48;
	cursor: pointer;
}

@media (max-device-width:667px){
	
	html, body {
		font-size: 54px;
		line-height: 70px;
	}
	
}

/* CLASSI PER CARATTERI */

.t_cgb{
	font-family: 'Cormorant Garamond', serif;
	font-weight: 700;
}

.t_cgi{
	font-family: 'Cormorant Garamond', serif;
	font-style: italic;
}

.t_q{
	font-family: 'Questrial', sans-serif;
	font-weight: 400;
}


/* CLASSI COLORE */

/* COLORE BACKGROUND */

.c_bg_mar{
	background-color: #524D48;
}

.c_bg_mar_trasp{
	background-color: rgba(82, 77, 72, 0.2);
}

.c_bg_chia{
	background-color: #FAF9F6;
}

.c_bg_med{
	background-color: #E8DFD0;
}

.c_bg_beige{
	background-color: #FBF9F1;
}

.c_bg_rosso{
	background-color: #A2312B;
}

.c_bg_verde{
	background-color: #D7D44F;
}

.c_bg_righine{
	background-image: url(../img_static/html/sf_righine.jpg);

}

/* COLORE TESTO */

.c_t_mar,
.c_t_mar a{
	color: #524D48;
}

.c_t_beige,
.c_t_beige a{
	color: #FBF9F1;
}

.c_t_bianco,
.c_t_bianco a{
	color: #FFFFFF;
}

/* COLORE BORDO */

.c_bor_mar{
	border-color: #524D48 !important;
}

.c_bor_beige{
	border-color: #FBF9F1 !important;
}

/* OMBRA */

.omb{
	box-shadow:0px 2px 5px rgba(0, 0, 0, 0.15);
}


/* CLASSI PER ANIMAZIONE */

.animatoveloce{
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}

.animato{
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.animatolento{
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.animatolentissimo{
	-webkit-transition: all .9s ease-in-out;
	-moz-transition: all .9s ease-in-out;
	-o-transition: all .9s ease-in-out;
	transition: all .9s ease-in-out;
}

.animatoinfondo{
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}


/* DISABLE SELECT */

.disable-select {
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}




/* GENERALI LAYOUT */

#header{
	height:100px;
	width:100%;
	z-index: 30;
	position: fixed;
	background-color: rgba(251, 249, 241, 0.9);
	box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow:0px 2px 5px rgba(0, 0, 0, 0.15);
	opacity: 0;
}

#footer{
	width:100%;
	z-index: 15;
	position: absolute;
	top: 20000px;
	overflow: hidden;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
	opacity: 0;
}

#contenitore{
	width:100%;
	min-width: 994px;
	z-index: 10;
	position: relative;
	top:0px;
	opacity: 0;
}

.centrato{
	width: 994px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.centertext{
	text-align: center !important;
}

.tuttalarghezza{
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.tuttaltezza{
	height: 2000px;
}

.spaziatosopra80{
	margin-top: 80px;
}

.spaziatosopra60{
	margin-top: 60px;
}

.spaziatosopra40{
	margin-top: 40px;
}

.spaziatosopra20{
	margin-top: 20px;
}

.spacer80{
	display: block;
	position: relative;
	width: 100%;
	height: 80px;
}

.spacer60{
	display: block;
	position: relative;
	width: 100%;
	height: 60px;
}

.spacer40{
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
}

.spacer20{
	display: block;
	position: relative;
	width: 100%;
	height: 20px;
}

.spacer160{
	display: block;
	position: relative;
	width: 100%;
	height: 160px;
}

.spacer120{
	display: block;
	position: relative;
	width: 100%;
	height: 120px;
}

.spacerfooter{
	display: block;
	position: relative;
	width: 100%;
	height: 120px;
}

@media (max-device-width:667px){
	
	#header{
		height:150px;
	}
	
	#contenitore{
		min-width: 0px;
	}
	
	.centrato{
		width: 100%;
	}
	
	.spaziatosopra80{
		margin-top: 160px;
	}
	
	.spaziatosopra60{
		margin-top: 120px;
	}
	
	.spaziatosopra40{
		margin-top: 80px;
	}
	
	.spaziatosopra20{
		margin-top: 40px;
	}
	
	.spacer80{
		height: 160px;
	}
	
	.spacer60{
		height: 120px;
	}
	
	.spacer40{
		height: 80px;
	}
	
	.spacer20{
		height: 40px;
	}
	
	.spacer160{
		height: 320px;
	}
	
	.spacer120{
		height: 240px;
	}
	
	.spacerfooter{
		height: 240px;
	}
	
}

@media (max-device-width:667px) and (orientation : landscape){
	
	
	
}

/* HEADER */

#logo{
	display: block;
	position: relative;
	float: left;
	height: auto;
	width: auto;
}

#logo img{
	display: block;
	position: relative;
	float: left;
	width: 318px;
	height: auto;
}

#veg_head{
	display: block;
	position: relative;
	float: left;
	height: auto;
	width: auto;
	margin-left: 20px;
}

#veg_head img{
	display: block;
	position: relative;
	float: left;
	width: auto;
	height: 60px;
	margin-top: 20px;
}

#bio_head{
	display: block;
	position: relative;
	float: left;
	height: auto;
	width: auto;
	margin-left: 20px;
}

#bio_head img{
	display: block;
	position: relative;
	float: left;
	width: auto;
	height: 36px;
	margin-top: 31px;
}

#contlen_dt{
	display: block;
	position: relative;
	float: right;
	height: 16px;
	margin-top: 15px;
}

#contlen_dt a{
	display: block;
	position: relative;
	float: left;
	height: 16px;
	font-size: 17px;
	line-height: 16px;
}

#contlen_dt a:hover{
	opacity: .6;
}

.seplen{
	display: block;
	position: relative;
	float: left;
	height: 3px;
	width: 3px;
	background-image: url(../img_static/html/tondino_dark.png);
	background-size: 3px 3px;
	margin: 7px;
}

#pulsantemenumob{
	display: none;
}

#contmenu_dt{
	display: block;
	position: relative;
	float: right;
	width: auto;
	height: 18px;
	clear: both;
	margin-top: -39px;
}

#contmenu_dt a{
	display: block;
	position: relative;
	float: left;
	width: auto;
	height: 18px;
}

#contmenu_dt a span{
	display: block;
	position: relative;
	float: left;
	width: auto;
	padding-left: 21px;
	padding-right: 21px;
	font-size: 20px;
	height: 18px;
	line-height: 18px;
}

#contmenu_dt a:last-child span{
	border: none;
	padding-right: 0px;
}

#contmenu_dt a:hover,
#contmenu_dt a.active{
	opacity: .6;
}

@media (max-device-width:667px){
	
	#logo img{
		width: auto;
		height: 150px;
	}
	
	#veg_head{
		margin-left: 40px;
	}
	
	#veg_head img{
		height: 100px;
		margin-top: 25px;
	}
	
	#bio_head{
		margin-left: 40px;
	}
	
	#bio_head img{
		height: 70px;
		margin-top: 40px;
	}
	
	#contlen_dt{
		position: fixed;
		height: 150px;
		margin-top: 150px;
		padding: 50px;
		padding-left: 2%;
		padding-right: 4%;
		width: 100%;
		box-sizing: border-box;
		background-color: #524D48;
		right:100%;
	}
	
	#contlen_dt.aperto{
		right: 0px;
	}
	
	#contlen_dt a{
		display: block;
		position: relative;
		float: right;
		height: 80px;
		font-size: 58px;
		line-height: 70px;
		margin-right: 40px;
	}
	
	#contlen_dt a:first-child{
		margin-right: 0px;	
	}
	
	#contlen_dt a span{
		color: #FBF9F1;
	}
	
	#contlen_dt a:hover{
		opacity: 1;
	}
	
	.seplen{
		float: right;
		height: 12px;
		width: 12px;
		background-image: none;
		border-radius: 50%;
		background-color: #FBF9F1;
		margin-right: 40px;
		margin-top: 30px;
	}
	
	#contmenu_dt{
		position: fixed;
		height: auto;
		margin-top: 300px;
		padding: 50px;
		padding-left: 2%;
		padding-right: 4%;
		width: 100%;
		box-sizing: border-box;
		background-color: #524D48;
		right:100%;
	}
	
	#contmenu_dt.aperto{
		right: 0px;
	}
	
	#contmenu_dt a{
		display: block;
		position: relative;
		float: right;
		height: 80px;
		font-size: 58px;
		line-height: 70px;
		margin-right: 0px;
		width: 100%;
		margin-bottom: 60px;
		
	}
	
	#contmenu_dt a span{
		display: block;
		position: relative;
		float: right;
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		font-size: 58px;
		height: auto;
		line-height: 70px;
		color: #FBF9F1;
		text-align: right;
	}
	
	#contmenu_dt a:last-child span{
		border: none;
		padding-right: 0px;
	}
	
	#contmenu_dt a:hover{
		opacity: 1;
	}
	
	#contmenu_dt a.active{
		opacity: .6;
	}
	
	#pulsantemenumob{
		display: block;
		position: absolute;
		right: 4%;
		width: 100px;
		height: 80px;
		top:35px;
		z-index: 400;
	}
	
	#pulsantemenumob span{
		display: block;
		position: absolute;
		height: 14px;
		width: 100px;
	}
	
	#pulsantemenumob span:nth-child(1){
		top:0px;
	}
	
	#pulsantemenumob span:nth-child(2){
		top:28px;
	}
	
	#pulsantemenumob span:nth-child(3){
		top:56px;
	}
	
	#pulsantemenumob.chiudimob span{
		top: 0px;
	}
}

/* FOOTER */

#footertop{
	padding-top: 30px;
	padding-bottom: 30px;
}

#footermid{
	padding-top: 18px;
	padding-bottom: 18px;
}

#footerbot{
	padding-top: 15px;
	padding-bottom: 15px;
}

#footerfin{
	padding-top: 20px;
	padding-bottom: 20px;
}

.colfooter{
	display: block;
	position: relative;
	float: left;
	padding:10px 30px;
	min-height: 110px;
}

.colfooter:first-child{
	border-right: 5px solid;
	padding:10px 30px 10px 0px;
	width: 240px;
}

.colfooter:first-child img{
	display: block;
	position: relative;
	float: left;
	width: 240px;
	margin-bottom: 30px;
}

.colfooter:first-child span{
	display: block;
	clear: both;
}

.colfooter:first-child a:hover{
	opacity: .6;
}

#vlft{
	display: block;
	position: relative;
	float: left;
	height: 80px;
	width: auto;
	margin-top: 20px;
}

#blft{
	display: block;
	position: relative;
	float: left;
	height: 60px;
	width: auto;
	margin-left: 30px;
	margin-top: 30px;
}

.colfooter:last-child{
	border-left: 5px solid;
	padding:10px 0px 10px 30px;
	float: right;
}

#gotop{
	display: block;
	position: relative;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	border: 2px solid;
	box-sizing: border-box;
	line-height: 80px;
	text-align: center;
	font-size: 21px;
	cursor: pointer;
	margin-top: 20px;
}

#gotop:hover{
	background-color: #FBF9F1;
	color: #524D48;
}

#cfmid,
#cffin{
	text-align: center;	
}

#footermid span,
#footermid a,
#footermid .seplen{
	display: inline-block;
	position: relative;
	font-size: 17px;
	line-height: 18px;
	float: none;
	vertical-align: middle;
}

#footermid a:hover{
	opacity: .6;
}

#footerbot p{
	text-align: center;
	font-size: 17px;
}

#footerfin span{
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
	font-size: 13px;
	vertical-align: middle;
}

#footerfin img{
	display: block;
	height: 28px;
}

@media (max-device-width:667px){
	
	#footertop{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#footermid{
		padding-top: 18px;
		padding-bottom: 18px;
	}
	
	#footerbot{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#footerfin{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.colfooter{
		display: block;
		position: relative;
		float: left;
		padding:10px 30px;
		min-height: 110px;
		box-sizing: border-box;
	}
	
	.colfooter:first-child{
		border-right: none;
		padding:20px 2%;
		width: 70%;
		box-sizing: border-box;
	}
	
	.colfooter:first-child img{
		width: 70%;
		margin-bottom: 50px;
	}
	
	.colfooter:first-child a:hover{
		opacity: 1;
	}
	
	#vlft{
		display: none;
	}
	
	#blft{
		display: none;
	}
	
	.colfooter:last-child{
		border-left: none;
		padding:20px 2%;
	}
	
	#gotop{
		height: 210px;
		width: 210px;
		border: 4px solid;
		line-height: 210px;
		font-size: 50px;
		cursor: none;
		margin-top: 0px;
	}
	
	#gotop:hover{
		background-color: #524D48;
		color: #FBF9F1;
	}
	
	#footermid span,
	#footermid a,
	#footermid .seplen{
		font-size: 34px;
		line-height: 50px;
	}
	
	#footermid .seplen{
		display: none;
	}
	
	#footermid a:hover{
		opacity: 1;
	}
	
	#footerbot p{
		font-size: 38px;
	}
	
	#footerfin span{
		margin-left: 8px;
		margin-right: 8px;
		font-size: 28px;
		width: 100%;
		line-height: 36px;
		margin: 0px;
	}
	
	#footerfin img{
		display: inline-block;
		height: 56px;
	}
	
}

/* HOME */

/* SLIDE HOME */

.sh{
	display: block;
	position: relative;
	height: 650px;
}

/*.paysh{
	display: block;
	position: absolute;
	width: 100%;
	z-index: 2222;
	font-size: 63px;
	text-align: center;
	line-height: 90px;
	top:300px;
	background-color: rgba(0, 0, 0, 0.5);
	
}

.paysh:after{
	content: "";
	display: block;
	position: absolute;
	width: 56px;
	height: 21px;
	background-size: 56px;
	background-repeat: no-repeat;
	background-image: url(../img_static/html/grazia_pay.png);
	left: 50%;
	margin-left: -28px;
}*/

.paysh{
	display: block;
	position: relative;
	width: 100%;
	z-index: 2222;
	font-size: 43px;
	text-align: center;
	line-height: 80px;
}

.paysh:after{
	content: "";
	display: block;
	position: absolute;
	width: 56px;
	height: 21px;
	background-size: 40px;
	background-repeat: no-repeat;
	background-image: url(../img_static/html/grazia_pay_dark.png);
	left: 50%;
	margin-left: -20px;
}

/* TESTO MAIN */

.cto{
	display: block;
	position: relative;
	width: 894px;
	padding: 80px 30px;
	margin-top: -50px;
	box-sizing: border-box;
	text-align: center;
	z-index: 38;
}

.cto h1{
	display: inline-block;
	font-size: 36px;
	padding: 20px;
	border: 1px solid;
	line-height: 40px;
}

/* IMMAGINE EMOZIONALE */

.ci{
	margin-top: -137px;
}

.ci img{
	display: block;
	position: relative;
	width: 100%;
	min-width: 1272px;
	z-index: 37;
	left: 50%;
	/*margin-left: -636px;*/
}

/* CONTENITORE PRODOTTI */

.cp{
	display: block;
	position: relative;
	text-align: center;
}

.cp h2{
	display: inline-block;
	font-size: 36px;
	padding: 20px;
	border: 1px solid;
	line-height: 40px;
	float: none;
}

.cp p{
	display: block;
	width: 830px;
}

.cpm{
	background-repeat: repeat-x;
	background-size: 1px 85px;
	background-position: 0px 126px;
	background-image: url(../img_static/html/grad_170.png);
	text-align: center;
}

.thp{
	display: inline-block;
	position: relative;
	width: 150px;
	margin-left: 2px;
	margin-right: 2px;
	cursor: pointer;
}

.thp img{
	display: block;
	position: relative;
	height: 224px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.graziathp{
	display: block;
	position: relative;
	height: 10px;
	width: 23px;
	background-size: 23px 10px;
	background-repeat: no-repeat;
	background-image: url(../img_static/html/grazia_double_dark.png);
	margin-left: auto;
	margin-right: auto;
	margin-top: 17px;
	margin-bottom: 17px;
}

.thp h3{
	font-size: 17px;
	line-height: 21px;
}

/* BLOCCHI PRODOTTI */

.bp{
	background-repeat: repeat-x;
	background-size: 1px 80px;
	background-position: 0px 364px;
	background-image: url(../img_static/html/mar_160.png);
	text-align: left;
}

.bp img{
	display: block;
	position: relative;
	float: left;
	height: 470px;
	width: auto;
	margin-left: 40px;
}

.bollinovegbp{
	display: block;
	position: absolute;
	width: 58px;
	height: 80px;
	background-size: 58px 80px;
	background-repeat: no-repeat;
	background-image: url(../img_static/html/vegan_light_ondark.png);
	top: 364px;
	right: 0px;
}

.downsc{
	display: block;
	position: absolute;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	text-align: center;
	top:388px;
	right: 116px;
	padding-left: 80px;
	padding-right: 80px;
}

.downsc:hover{
	color: #524D48;
	background-color: #FBF9F1;
	padding-left: 60px;
	padding-right: 60px;
	right: 136px;
}

.btbp{
	display: block;
	position: relative;
	float: right;
	width: 736px;
	height: auto;
	margin-top: 20px;
}

.colbp{
	display: block;
	position: absolute;
	width: 10px;
	height: 63px;
	top: 0px;
	left: 0px;
}

.btbp h3{
	display: block;
	position: absolute;
	font-size: 36px;
	text-transform: uppercase;
	top: 0px;
	left: 40px;
}

.btbp h4{
	display: block;
	position: absolute;
	font-size: 28px;
	top: 40px;
	left: 40px;
}

.btbp p{
	display: block;
	position: absolute;
	top:103px;
	left: 0px;
	width: 100%;
}

.bp.bpdx img{
	float: right;
	margin-left: 0px;
	margin-right: 40px;
}

.bp.bpdx .bollinovegbp{
	right: auto;
	left: 0px;
}

.bp.bpdx .downsc{
	right: auto;
	left: 116px;
}

.bp.bpdx .downsc:hover{
	right: auto;
	left: 136px;
}

.bp.bpdx .btbp{
	float: left;
}

.bp.bpdx .colbp{
	left: auto;
	right: 0px;
}

.bp.bpdx .btbp h3{
	left: auto;
	right: 40px;
}

.bp.bpdx .btbp h4{
	left: auto;
	right: 40px;
}

.bp.bpdx .btbp p{
	left: auto;
	right: 0px;
	text-align: right;
}

/* FORM CONTATTI */

.cf{
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left center;
	background-image: url(../img_static/html/grazia_contatti.png);
}

.ccf{
	display: block;
	position: relative;
	width: 894px;
	height: auto;
	padding-top: 80px;
	padding-bottom: 120px;
	margin-bottom: 8px;
	margin-top: 8px;
	text-align: center;
}

.ccf h3{
	display: inline-block;
	font-size: 36px;
	padding: 20px;
	border: 1px solid;
	line-height: 40px;
	text-transform: uppercase;
}

.contform{
	display: block;
	position: relative;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.rigaform{
	position: relative;
	display: block;
	height: auto;
	overflow: hidden;
}

.labform{
	display: block;
	position: relative;
	float: left;
	font-size: 16px;
	width: 700px;
	line-height: 24px;
	
}

.inputform{
	display: block;
	position: relative;
	float: left;
	font-size: 18px;
	padding-left: 20px;
	padding-right: 20px;
	width: 660px;
	height: 50px;
	border: none;
	text-decoration: none;
	margin-bottom: 20px;
	outline: none;
	background-color: #d8d7d3;
}

.textareaform{
	display: block;
	position: relative;
	float: left;
	font-size: 18px;
	padding-left: 20px;
	padding-right: 20px;
	width: 660px;
	height: 170px;
	border: 0px;
	outline: 0px;
	padding-top: 10px;
	text-decoration: none;
	resize: none;
	margin-bottom: 20px;
	background-color: #d8d7d3;
}

.invioform{
	display: block;
	position: relative;
	height: 44px;
	line-height: 44px;
	border: 0px;
	outline: 0px;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
	margin-bottom: 0px;
	margin-top: 20px;
	font-size: 21px;
	padding-left: 30px;
	padding-right: 30px;
}

.invioform:hover{
	padding-left: 15px;
	padding-right: 15px;
	color: #524D48;
	background-color: #FBF9F1;
}

#rispostaform{
	position: relative;
	display: block;
	width: 660px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 21px;
	overflow: auto;
	display: none;
}

@media (max-device-width:667px){
	
	/* HOME */
	
	/* SLIDE HOME */
	
	.sh{
		display: block;
		position: relative;
		height: 950px;
	}
	
	.paysh{
		font-size: 80px;
		line-height: 140px;
	}
	
	.paysh:after{
		width: 112px;
		height: 42px;
		background-size: 80px;
		margin-left: -40px;
	}
	
	/* TESTO MAIN */
	
	.cto{
		width: 90%;
		padding: 160px 60px;
		margin-top: -100px;
	}
	
	.cto h1{
		font-size: 80px;
		padding: 40px;
		border: 2px solid;
		line-height: 80px;
	}
	
	/* CONTENITORE PRODOTTI */
	
	.cp h2{
		font-size: 80px;
		padding: 40px;
		border: 2px solid;
		line-height: 80px;
	}
	
	.cp p{
		display: block;
		width: 90%;
	}
	
	.cpm{
		background-image: none;
		padding-top: 80px;
		/*border-top: 8px solid #524D48;
		border-bottom: 8px solid #524D48;*/
		background-color: #524D48;
	}
	
	.thp{
		display: inline-block;
		position: relative;
		width: 28%;
		margin-left: 2%;
		margin-right: 2%;
		cursor: none;
		margin-bottom: 80px;
	}
	
	.thp img{
		height: 400px;
	}
	
	.graziathp{
		height: 20px;
		width: 46px;
		background-size: 46px 20px;
		margin-top: 30px;
		margin-bottom: 30px;
		background-image: url(../img_static/html/grazia_double_light.png);
	}
	
	.thp h3{
		font-size: 38px;
		line-height: 46px;
		color: #FBF9F1;
	}
	
	/* BLOCCHI PRODOTTI */
	
	.bp{
		background-image: none;
		margin-bottom: 40px;
	}
	
	.bp img{
		width: 20%;
		height: auto;
		margin-left: 4%;
	}
	
	.bollinovegbp{
		display: none;
	}
	
	.downsc{
		position: relative;
		height: 80px;
		line-height: 80px;
		font-size: 40px;
		top:auto;
		right: auto;
		padding-left: 80px;
		padding-right: 80px;
		width: 100%;
		box-sizing: border-box;
		float: left;
		margin-top: 60px;
	}
	
	.downsc:hover{
		color: #FBF9F1;
		background-color: #524D48;
		padding-left: 80px;
		padding-right: 80px;
		right: auto;
	}
	
	.btbp{
		width: 72%;
		margin-top: 0px;
		height: auto;
		overflow: hidden;
	}
	
	.colbp{
		width: 20px;
		height: 140px;
	}
	
	.btbp h3{
		position: relative;
		font-size: 72px;
		top: auto;
		left: 60px;
	}
	
	.btbp h4{
		position: relative;
		font-size: 50px;
		top: auto;
		left: 60px;
	}
	
	.btbp p{
		position: relative;
		top:auto;
		left: 0px;
		width: 96%;
		margin-top: 40px;
	}
	
	.bp.bpdx img{
		margin-left: 0px;
		margin-right: 4%;
	}
	
	.bp.bpdx .downsc{
		right: auto;
		left: 0px;
	}
	
	.bp.bpdx .downsc:hover{
		right: auto;
		left: 0px;
	}
	
	.bp.bpdx .btbp{
		float: left;
	}
	
	.bp.bpdx .colbp{
		left: auto;
		right: 0px;
	}
	
	.bp.bpdx .btbp h3{
		left: auto;
		right: 60px;
		text-align: right;
	}
	
	.bp.bpdx .btbp h4{
		left: auto;
		right: 60px;
		text-align: right;
	}
	
	.bp.bpdx .btbp p{
		position: relative;
		top:auto;
		left: 0px;
		width: 96%;
		margin-top: 40px;
		text-align: right;
		float: right;
	}
	
	/* FORM CONTATTI */
	
	.ccf{
		width: 90%;
		padding-top: 160px;
		padding-bottom: 240px;
		margin-bottom: 16px;
		margin-top: 16px;
		
		
	}
	
	.ccf h3{
		font-size: 80px;
		padding: 40px;
		border: 2px solid;
		line-height: 80px;
	}
	
	.contform{
		width: 90%;
	}
	
	.labform{
		font-size: 42px;
		width: 100%;
		line-height: 62px;
		
	}
	
	.inputform{
		font-size: 48px;
		padding-left: 40px;
		padding-right: 40px;
		width: 100%;
		height: 120px;
		margin-bottom: 40px;
	}
	
	.textareaform{
		font-size: 48px;
		padding-left: 40px;
		padding-right: 40px;
		width: 100%;
		height: 360px;
		padding-top: 20px;
		margin-bottom: 40px;
	}
	
	.invioform{
		height: 100px;
		line-height: 100px;
		font-size: 50px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.invioform:hover{
		padding-left: 30px;
		padding-right: 30px;
		color: #FBF9F1;
		background-color: #524D48;
	}
	
	#rispostaform{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 38px;
		line-height: 50px;
	}
	
}

/* PAGINA PRODOTTO */

.csp{
	display: block;
	padding-top: 80px;
	padding-bottom: 80px;
}

.colsxcsp{
	display: block;
	position: relative;
	float: left;
	/*width: 64%;*/
}

.coldxcsp{
	display: block;
	position: relative;
	float: right;
	/*width: 36%;*/
}

.coldxcsp img{
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	width: auto;
}

.bgdtcsp{
	display: block;
	position: relative;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: rgba(251, 249, 241, 0.4);
	background-color: rgba(82, 77, 72, 0.4);
	float: right;
	margin-top: 14px;
}

.dpcsp{
	display: block;
	position: relative;
	float: right;
	width: 627px;
}

.dpcsp h3{
	display: block;
	position: relative;
	font-size: 36px;
	text-transform: uppercase;
	top: 0px;
	left: 40px;
}

.dpcsp h4{
	display: block;
	position: relative;
	font-size: 28px;
	top: 8px;
	left: 40px;
}

.dpcsp p{
	display: block;
	position: relative;
	margin-top:40px;
	left: 0px;
	width: 100%;
}

.sdt{
	display: block;
	position: relative;
	margin-top:80px;
	left: 0px;
	width: 100%;
	font-size: 20px;
}

.contPremi{
	display: block;
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}

.sdp{
	display: block;
	position: relative;
	margin-top:20px !important;
	left: 0px;
	width: 100%;
	font-size: 20px;
	clear: both;
	font-size: 15px;
}

.premio{
	display: block;
	position: relative;
	float: left;
	clear: both;
	margin-top: 6px;
	width: auto;
}

.premiosx{
	display: block;
	position: relative;
	float: left;
	padding: 3px 10px 3px 10px;
	border: 1px solid;
	text-transform: uppercase;
	border-radius: 4px 0 0 4px;
	font-size: 15px;
}

.premiodx{
	display: block;
	position: relative;
	float: right;
	padding: 3px 10px 3px 10px;
	border: 1px solid;
	text-transform: uppercase;
	margin-left: -1px;
	border-radius: 0 4px 4px 0;
	font-size: 15px;
}

.dtcsp{
	display: block;
	position: relative;
	float: right;
	width: 400px;
	margin-right: 227px;
}

.lda{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid;
	font-size: 16px;
	line-height: 26px;
	padding: 8px 30px;
	background-repeat: no-repeat;
	background-image: url(../img_static/html/grazia_dark.png);
	background-image: url(../img_static/html/grazia_light.png);
	background-size: 10px;
	background-position: 10px 15px;
}

.lda:last-child{
	border: none;
}

.dwcsp{
	display: block;
	position: relative;
	float: right;
}

.dwcsp a{
	display: block;
	position: relative;
	float: right;
	width: 627px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	margin-top: 80px;
}

.dwcsp a:hover{
	margin-right: 30px;
	width: 567px;
	color: #524D48;
	background-color: #FBF9F1;
}

@media (max-device-width:667px){
	
	.csp{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.colsxcsp{
		float: left;
		width: 92%;
		position: relative;
		margin-left: 4%;
	}
	
	.coldxcsp{
		position: relative;
		float: left;
		width: 96%;
		margin-bottom: 140px;
		margin-left: 2%;
	}
	
	.coldxcsp img{
		height: 1000px;
	}
	
	.colsxcsp .colbp{
		margin-left: 0px;
		left: 0px;
	}
	
	.bgdtcsp{
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 30px;
	}
	
	.dpcsp{
		width: 100%;
	}
	
	.dpcsp h3{
		font-size: 72px;
		left: 60px;
	}
	
	.dpcsp h4{
		font-size: 50px;
		top: 12px;
		left: 60px;
	}
	
	.dpcsp p{
		margin-top:80px;
		width: 100%;
	}
	
	.sdt{
		margin-top:80px;
		font-size: 48px;
	}
	
	.contPremi{
		display: block;
		float: left;
		position: relative;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.sdp{
		margin-top:40px !important;
		font-size: 36px;
		clear: both;
		width: 100%;
	}
	
	.premio{
		margin-top: 12px;
		margin-bottom: 40px;
		clear: both;
	}
	
	.premiosx{
		padding: 6px 20px 6px 20px;
		border: 2px solid;
		text-transform: uppercase;
		border-radius: 8px 0 0 8px;
		font-size: 36px;
	}
	
	.premiodx{
		padding: 6px 20px 6px 20px;
		border: 2px solid;
		margin-left: -2px;
		border-radius: 0 8px 8px 0;
		font-size: 36px;
	}
	
	.dtcsp{
		float: left;
		width: 100%;
		margin-right: 0px;
	}
	
	.lda{
		width: 96%;
		margin-left: 2%;
		border-bottom: 2px solid;
		font-size: 50px;
		line-height: 60px;
		padding: 20px 60px;
		box-sizing: border-box;
		background-size: 20px;
		background-position: 10px 40px;
	}
	
	.dwcsp{
		display: block;
		position: relative;
		float: right;
		width: 100%;
	}
	
	.dwcsp a{
		width: 100%;
		height: 80px;
		line-height: 80px;
		font-size: 46px;
		margin-top: 140px;
	}
	
	.dwcsp a:hover{
		margin-right: 0px;
		width: 100%;
		color: #FBF9F1;
		background-color: #524D48;
	}
	
}

/* PAGINA PRIVACY */

#contpolicy {
	font-size: 13px;
	line-height: 19px;	
}

#contpolicy h1{
	font-size: 20px;
	line-height: 28px;
	border-bottom: 3px solid #524D48;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#contpolicy h2{
	font-size: 15px;
	line-height: 20px;
	border-bottom: 1px solid #524D48;
	margin-top: 35px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#contpolicy ul{
	margin-top: 20px;
}

#contpolicy li{
	margin-left: 20px;
}

#contpolicy a{
	text-decoration: underline;
	color: #575756;
}

#infocookie{
	display: none;
	position: fixed;
	z-index: 99999999999999999999999;
	width: 96%;
	bottom: 0px;
	padding: 2%;
	padding-bottom: 15px;
	padding-top: 15px;
	background-color: rgba(58, 63, 52, 0.85);
	font-size: 14px;
}

#infocookie p{
	display: inline-block;
	position: relative;
	float: left;
	padding: 5px;
}

#infocookie a{
	display: inline-block;
	position: relative;
	float: right;
	margin-left: 15px;
	padding: 10px;
	border: 1px solid;
	cursor: pointer;
}

#infocookie a:hover{
	background-color: #FBF9F1;
	color: #888b83;
}

@media (max-device-width:667px){
	
	#contpolicy {
		font-size: 35px;
		line-height: 48px;
		width: 96%;
		margin-left: 2%;
	}
	
	#contpolicy h1{
		font-size: 45px;
		line-height: 60px;
		border-bottom: 6px solid #524D48;
		margin-bottom: 40px;
	}
	
	#contpolicy h2{
		font-size: 40px;
		line-height: 54px;
		border-bottom: 2px solid #524D48;
		margin-top: 70px;
		margin-bottom: 20px;
	}
	
	#contpolicy ul{
		margin-top: 40px;
	}
	
	#contpolicy li{
		margin-left: 40px;
	}
	
	#contpolicy a{
		text-decoration: underline;
		color: #575756;
	}
	
	#infocookie{
		padding-bottom: 40px;
		padding-top: 40px;
		font-size: 46px;
		text-align: center;
	}
	
	#infocookie p{
		padding: 15px;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	
	#infocookie a{
		margin-left: 0px;
		padding: 20px;
		border: 2px solid;
		cursor: none;
		float: none;
	}
	
}