body{
	width:100%;
	margin:0;
	padding:0;
	font-family: 'Cormorant Garamond', serif;
}

@font-face {
    font-family: 'goldoni';
    src: url('font/goldoni_demo-webfont.woff2') format('woff2'),
         url('font/goldoni_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.stop{ clear:both; }

#menu{
	width:100%;
	box-sizing: border-box;
	padding:15px 0;
	background-color:#FFF;
	position:fixed;
	z-index:100;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}
#menu-back{
	width:100%;
	height:55px;
}

#menu .nome{
	width:100%;
	font-family:"goldoni";
	font-size:25px;
	line-height:1;
	text-align:center;
	position:relative;
	z-index:100;
}

#menu .m{
	width:90%;
	height:0;
	padding:0 5%;
	margin:35px 0 0 0;
	list-style:none;
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	background-color:#FFF;
	overflow:hidden;
	transition:all 1s;
	-webkit-transition:all 1s;
	box-shadow:0 2px 2px rgba(0,0,0,0.3);
}
#menu .m li{
	display:block;
	text-align:center;
	margin-bottom:10px;
}
#menu .m li a{
	width:100%;
	font-size:32px;
	font-weight:400;
	color:#000;
	text-decoration:none;
}


#openMenuMob{
	position:fixed;
	z-index:101;
	top:12px;
	right:10px;
	cursor:pointer;
}
#openMenuMob .icon{
	font-size:30px;
}
#openMenuMob .c{
	display:none;
}

.open .m{
	height:390px !important;
	padding-top:40px !important;
}
.open #openMenuMob .c{ display:block; }
.open #openMenuMob .o{ display:none; }



#block-top{
	background-color:#F00;
	height:300px;
	position:relative;
}
.less{
	height:200px !important;
}
#block-top .video {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	overflow:hidden;
	opacity:0.7;
	text-align:center;
}
#block-top .video .v{
	height:100%;
	min-height:400px;
}



#block-top .books{
	max-width:calc(100% - 10%);
	margin:auto;
	padding:80px 5% 0;
	left:50%;
	transform:translateX(-50%);
	position:absolute;
	z-index:3;
	overflow:hidden;
}
#block-top .books .swiper-slide{
	width:fit-content;
}

#block-top .books .book{
	width:220px;
	text-align:center;
}
#block-top .books img{
	width:100%;
	margin-bottom:15px;
}
#block-top .books .tit{
	font-family: "goldoni";
  	font-size: 20px;
  	margin-bottom:15px;
}
#block-top .books .descr{
	width:95%;
  	font-size: 12px;
  	margin:auto;
}
#block-top .books a {
  font-size: 14px;
  font-weight: 600;
  border-radius: 2px;
  display: inline-block;
  padding: 8px 14px;
  color: rgb(0, 0, 0);
  text-decoration: none;
  border: 1px solid rgb(0, 0, 0);
  margin-top: 20px;
}



#block-top .book-full{
	width:230px;
	bottom:-30px;
	position:relative;
	z-index:3;
	margin:auto;
}
#block-top .book-full img{
	width:100%;
}


#block-top .info{
	width:90%;
	margin:auto;
	position:relative;
	z-index:3;
	color:#FFF;
	text-align:center;
	padding-top:40px;
}

#block-top .info .t{
	font-size:40px;
	font-family:"goldoni";
	margin-bottom:20px;
	color:#FFF;
}
#block-top .info .d{
	font-size:18px;
	font-weight:400;
	font-style:italic;
	line-height:1.2;
	margin-bottom:30px;
	color:#FFF;
}

#block-top .info .descr{
	font-size:32px;
	margin-top:0;
}
#block-top .info .a a{
	font-size:14px;
	font-weight:600;
	border-radius:2px;
	display:inline-block;
	padding:8px 10px;
	color:#FFF;
	text-decoration:none;
	border:1px solid #FFF;
}

#block-top .page{
	width:100%;
	font-size:40px;
	font-family:"goldoni";
	text-align:center;
	position:relative;
	z-index:3;
	color:#FFF;
	padding-top:60px;
}
#block-top .page .sub{
	font-size:12px;
	font-family: 'Cormorant Garamond', serif;
	text-transform:uppercase;
}

#home-descr{
	width:90%;
	margin:360px 5% 10px;
	font-size:24px;
	line-height:1.2;
	text-align:center;
}

#home-descr .frase{
	width:100%;
	margin-top:20px;
}

#home-descr .autore{
	width:100%;
	margin-top:40px;
}
#home-descr .autore img{
	width:100%;
}








#book{
	width:90%;
	margin:100px 5% 50px;
}
#book .tit{
	font-family:"goldoni";
	font-size:40px;
	text-align:center;
	font-weight:normal;
	margin:0;
}
#book .genere{
	font-size:14px;
	text-align:center;
}
#book .action{
	text-align:center;
	margin-top:10px;
}
#book .action a{
	font-size:14px;
	font-weight:600;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	color:#000;
	border-radius:2px;
	border:1px solid #000;
	padding:3px 10px;
}

#book .payoff{
	font-size:30px;
	line-height:1;
	font-weight:600;
	text-align:center;
	margin-top:30px;
	color:#8d0003;
}

#book .quarta{
	font-size:22px;
	font-style:italic;
	line-height:1.1;
	padding:20px;
	color:#FFF;
	background-image:url("../img/pattern.png");
	margin-top:30px;
}

#book .book-trailer{
	width:100%;
	box-sizing:border-box;
	text-align:center;
	margin-top:20px;
	font-size:14px;
	color:#CCC;
}
#book .book-trailer .youtube-video{
	width:100%;
}

#book .locandina{
	width:100%;
	box-sizing:border-box;
	text-align:center;
	margin-top:20px;
}
#book .locandina a{
	display:inline-block;
	font-weight:800;
	text-decoration:none;
	color:#000;
	border:1px solid #000;
	padding:10px;
	border-radius:3px;
	font-size:14px;
}

#book .descr{
	font-size:22px;
	line-height:1;
	margin-top:20px;
	margin-bottom:50px;
}

.divider{
	width:100%;
	text-align:center;
	margin-top:50px;
	font-size:10px;
	line-height:1;
}
.divider .strip-small{
	width:100px;
	display:inline-block;
	padding:0px 0;
	border-bottom:1px solid #8d0003;
}
.divider .strip-reg{
	width:200px;
	display:inline-block;
	padding:0px 0;
	border-bottom:1px solid #8d0003;
}

#book .recensioni{
	margin-top:50px;
}

#book .recensioni .titolo{
	font-size:20px;
	font-weight:600;
	text-align:center;
	margin-bottom:30px;
}
#book .recensioni .link{
	color:#666;
	font-size:14px;
	line-height:1;
}


#book .rec{
	width:100%;
	font-size:16px;
	margin-bottom:30px;
}
#book .rec .p{
	font-weight:800;
}
#book .rec .p a{
	color:#000;
}



#book .ric{
	width:100%;
	margin:auto;
}
#book .ric .titolo{
	font-family:"goldoni";
	font-size:20px;
	text-align:center;
}
#book .ric .titolo span{
	font-family: 'Cormorant Garamond', serif;
}
#book .ric .immagine{
	width:100%;
	margin:0 auto 20px;
}
#book .ric .immagine img{
	width:100%;
}
#book .ric .descr{
	font-size:22px;
	line-height:1.2;
}
#book .ric .descr .quote{
	margin-top:16px;
	padding:10px 0 10px 20px;
	border-left:1px solid #CCC;
	font-size:20px;
}


.back{
	width:100%;
	font-size:18px;
	padding:20px 0;
	text-align:center;
	background-color:#8d0003;
	display:inline-block;
	color:#FFF;
	text-decoration:none;
}



.acquista{
	width:0%;
	height:0%;
	position:fixed;
	z-index:10;
	background-color:transparent;
	overflow:hidden;
	transition:all 0.5s;
	display:table;
	top:0;
	opacity:0;
}

.acquista .content{
	display:table-cell;
	vertical-align:middle;
}
.acquista .content .box{
	width:0%;
	box-sizing:border-box;
	background-color:#FFF;
	transition:all 1s;
	margin:auto;
	box-shadow:0 10px 10px rgba(0,0,0,0.5);
	overflow:hidden;
}

.acquista .store{
	width:100%;
	border-bottom:1px solid #F2F2F2;
	padding-bottom:10px;
	margin-bottom:10px;
}
.acquista .store .logo{
	width:35%;
	float:left;
}

.acquista .store .logo img{
	width:100%;
}
.acquista .store .link{
	width:65%;
	float:right;
	text-align:right;
}
.acquista .store .link a{
	text-decoration:none;
	border:1px solid #222;
	color:#222;
	border-radius:2px;
	padding:5px 10px;
	margin-top:0px;
	display:inline-block;
	font-size:12px;
}
.acquista .close{
	text-align:center;
	font-size:18px;
	background-color:#222;
	color:#FFF;
	padding:10px 0;
	cursor:pointer;
}


.acq-open{
	width:100% !important;
	height:100% !important;
	background-color:rgba(0,0,0,0.8);
	opacity:1 !important;
}
.acq-open .box{
	width:75% !important;
	padding:10px;
}



#list{
	width:100%;
	box-sizing:border-box;
	padding:50px 5% 40px;
}

#list .b{
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:1px solid #f2f2f2;
}
#list .b .cover{
	width:100%;
	text-align:center;
}
#list .b .cover img{
	max-height:300px;
}
#list .b .info{
	width:100%;
	padding-top:20px;
	text-align:center;
}

#list .b .info .tit{
	font-family:"goldoni";
	font-size:32px;
}
#list .b .info .genere{
	font-size:16px;
	font-weight:600;
}

#list .b .info .payoff{
	max-width:400px;
	margin:auto;
	font-weight:800;
	font-size:22px;
	line-height:1;
	color:#8d0003;
	margin-top:20px;
}
#list .b .info .descr{
	max-width:400px;
	font-weight:400;
	font-size:14px;
	line-height:1.1;
	color:#222;
	margin-top:20px;
	text-align:left
}
#list .action{
	margin-top:20px;
}
#list .action a{
	font-size:14px;
	font-weight:600;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	color:#000;
	border-radius:2px;
	border:1px solid #000;
	padding:3px 10px;
}
#list .comingsoon a{
	font-size:14px;
	font-weight:400;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	color:#CCC;
	border-radius:2px;
	border:1px solid #CCC;
	padding:3px 10px;
	margin-top:20px;
}




#foto-full{
	width:100%;
	height:300px;
	background-size:cover;
	background-position:top;
	text-align:center;
}

#autore{
	width:100%;
	box-sizing:border-box;
	padding:30px 5% 30px;
}

#autore .bio{
	font-size:18px;
	line-height:1.2;
}

#autore .bio .big{
	font-weight:700;
}

#autore .foto-autore{
	width:100%;
	margin-top:30px;
}
#autore .foto-autore img{
	width:100%;
	margin-bottom:30px;
}


#contatti{
	width:100%;
	box-sizing:border-box;
	padding:30px 5% 30px;
	text-align:center;
}

#contatti .email{
	display:inline-block;
	font-size:16px;
	padding:20px 10px;
	border:1px solid #8d0003;
	text-transform:uppercase;
	margin-top:50px;
	color:#8d0003;
	text-decoration:none;
}

#contatti .fb{
	display:inline-block;
	font-size:20px;
	padding:5px 10px;
	border:1px solid #000;
	margin-top:20px;
	color:#000;
	text-decoration:none;
	opacity:0.8;
}
#contatti .fb img{
	width:16px;
	margin-right:10px;
}

#contatti .amici .tit{
	font-family:"goldoni";
	font-size:30px;
	margin:50px 0 50px;
}
#contatti .amico{
	width:200px;
	margin:0px 0px 50px;
	display:inline-block;
	font-size:18px;
	font-weight:600;
	text-decoration:none;
	color:#000;
	display:inline-block;
}
#contatti .amico img{
	max-width:100%;
	max-height:90px;
	margin-bottom:10px;
}

#contatti .regione{
	font-size:26px;
	margin-top:60px;
	margin-bottom:20px;
	font-weight:600;
	color:#8d0003;
}

#contatti .negozio{
	width:250px;
	margin:20px 0px;
	display:inline-block;
	font-size:18px;
	font-weight:600;
	text-decoration:none;
	color:#000;
	text-align:left;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}

#contatti .negozio .tel{
	font-size:24px;
	margin-top:2px;
}



#footer{
	width:100%;
	box-sizing:border-box;
	padding:20px 10%;
	background-image:url("../img/pattern.png");
	color:#ccc;
	font-size:14px;
	text-align:center;
}
#footer a{
	color:#ccc;
	text-decoration:none;
}