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:20px 5%;
	background-color:#FFF;
	position:fixed;
	z-index:100;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}
#menu-back{
	width:100%;
	height:75px;
}

#menu .nome{
	font-family:"goldoni";
	font-size:35px;
	line-height:1;
	text-align:left;
	float:left;
}

#menu .m{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
#menu .m li{
	display:inline-block;
	margin:8px 0 0 15px;
}
#menu .m li a{
	font-size:14px;
	font-weight:600;
	color:#000;
	text-decoration:none;
}


#openMenuMob{
	display:none;
}


#block-top{
	background-color:#F00;
	width:100%;
	height:500px;
	position:relative;
}
.less{
	height:380px !important;
}
#block-top .video {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	overflow:hidden;
	opacity:0.7;
}
#block-top .video .v{
	width:100%;
}

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

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



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


#block-top .info{
	width:50%;
	top:100px;
	left:5%;
	position:relative;
	z-index:3;
	color:#FFF;
}

#block-top .info .t{
	font-size:80px;
	font-family:"goldoni";
	margin:0;
	margin-bottom:20px;
	color:#FFF;
	font-weight:normal;
}
#block-top .info .d{
	font-size:20px;
	font-weight:400;
	font-style:italic;
	line-height:1.2;
	margin-bottom:30px;
	color:#FFF;
}
#block-top .info .descr{
	font-size:3.2vw;
	margin-top:0;
}
#block-top .info .a a{
	font-size:18px;
	font-weight:600;
	border-radius:2px;
	display:inline-block;
	padding:10px 20px;
	color:#FFF;
	text-decoration:none;
	border:1px solid #FFF;
	margin-right:10px;
}

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






#home-descr{
	width:90%;
	margin:400px 5% 30px;
	font-size:40px;
	line-height:1.2;
	text-align:center;
}

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

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



#book{
	width:90%;
	margin:120px 5% 50px;
}
#book .tit{
	font-family:"goldoni";
	font-size:80px;
	text-align:center;
	font-weight:normal;
	margin:0;
}
#book .genere{
	font-size:18px;
	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:60px;
	line-height:1;
	font-weight:600;
	text-align:center;
	margin-top:80px;
	color:#8d0003;
}

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

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

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

#book .descr{
	font-size:35px;
	line-height:1.2;
	margin-top:50px;
	margin-bottom:100px;
}

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

#book .recensioni{
	margin-top:100px;
}
#book .recensioni .titolo{
	font-size:45px;
	font-weight:200;
	text-align:center;
	margin-bottom:50px;
}

#book .recensioni .link{
	color:#666;
	font-size:14px;
	line-height:1;
}

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

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


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



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

.popup .content{
	display:table-cell;
	vertical-align:middle;
}
.popup .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;
}

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

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


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




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

#list .b{
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:1px solid #EEE;
}
#list .b .cover{
	width:25%;
}
#list .b .cover img{
	width:100%;
}
#list .b .info{
	padding-top:30px;
}

#list .b .info .tit{
	font-family:"goldoni";
	font-size:50px;
	font-weight:normal;
	margin:0;
}
#list .b .info .genere{
	font-size:18px;
	font-weight:600;
}

#list .b .info .payoff{
	max-width:400px;
	font-weight:800;
	font-size:30px;
	line-height:1;
	color:#8d0003;
	margin-top:20px;
}
#list .b .info .descr{
	max-width:500px;
	font-weight:400;
	font-size:18px;
	line-height:1.1;
	color:#222;
	margin-top:20px;
}
#list .b .info .descr a{
	font-size: 16px;
	font-weight: 600;
	border-radius: 2px;
	display: inline-block;
	padding: 10px 20px;
	color: #000;
	text-decoration: none;
	border: 1px solid #000;
	margin-top: 20px;
}
#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;
}

#list .left .cover{ float:left;}
#list .left .info{ float:right;}

#list .right .cover{ float:right;}
#list .right .info{ float:left;}


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

#autore{
	width:100%;
	box-sizing:border-box;
	padding:50px 5% 50px;
}
#autore .foto img{
	width:400px;
}

#autore .bio{
	font-size:30px;
	line-height:1.2;
	margin-top:50px;
}

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

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



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

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

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

#contatti .amici .tit{
	font-family:"goldoni";
	font-size:40px;
	margin-top:100px;
}

#contatti .amico{
	width:200px;
	margin:80px 50px 0px;
	display:inline-block;
	font-size:18px;
	font-weight:600;
	text-decoration:none;
	color:#000;
}
#contatti .amico img{
	max-width:100%;
	max-height:90px;
	margin-bottom:20px;
}

#contatti .regione{
	font-size:32px;
	margin-top:100px;
	font-weight:800;
	color:#8d0003;
}

#contatti .negozio{
	width:250px;
	margin:40px 10px 0px;
	display:inline-block;
	font-size:18px;
	font-weight:600;
	text-decoration:none;
	color:#000;
	text-align:left;
}

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




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






