<style type="text/css">
		html, body {padding:0; margin:0px; max-width:100vw; overflow:hidden;}
		body {overflow:hidden;}
		.wrapper {position:relative; background: #2e2a2b;}
		.header {position absolute; top 0; padding:3px; font-size 8px; color:#fff; background: transparent; width:100%;}
		a.close {position:absolute; right:5vw; top:10px;}
		.libro {display:flex; box-sizing:border-box; font-size:16px; align-items:center; height:100vh;}
		.indice {box-sizing:border-box; width:350px; padding:1em 2em 0em; position:absolute; z-index:10000; left:0; top:0; bottom:0; transform:translateX(-350px); transition:transform 0.5s, background 1s;; background:#9c0a2f;}
		.indice section{display:flex; padding-top:1em;}
		.indice div:nth-of-type(2) {width:100%;}
		.indice section div:nth-of-type(1), .indice section div:nth-of-type(2) {flex-basis:50%; box-sixing:border-box;}
		.indice section div:nth-of-type(1) {padding-right:4em;}
		.indice.visible {box-shadow: 2px 5px 11px 2px rgba(0, 0, 0, 0.8); transform:translateX(0px); background: #ece9e2;}
		.bookmark {position:absolute; top:70px; left:350px; color: #7a6c47;  background-color:#9c0a2f; box-shadow: 12px 8px 15px -6px rgba(0, 0, 0, 0.4);}
		.bookmark a{display:block; line-height:60px; margin-right:10px;  font-size:16px; text-align:center; width:110px;  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238b8d8c'%2F%3E%3C%2Fsvg%3E"); background-size: 14px 22px; background-position: center right; background-repeat: no-repeat; color: #fff  !important; font-family: 'helvetica-bd', sans-serif; font-weight:bold; margin-right:10px; letter-spacing:0.15em; }
		.bookmark a {color:#fff;}
		.indice.visible .bookmark {background-color:#ece9e2; transition: background-color:0.5s;}
		.indice.visible .bookmark a{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%239d8f7e'%2F%3E%3C%2Fsvg%3E"); background-position: 10px center; color:#9d8f7e !important; padding-left:20px; margin-right:0px;}
		.indice p {margin:0.75em 0 0 0; font-family: 'helvetica-bd', sans-serif; font-size:0.8em;}
		.indice p span { font-size:1.2em;}
		.indice ul {padding-left:0; margin:0.1em 0;}
		.indice li {list-style:none; padding:0.25rem 0; font-family: 'helvetica-bd', sans-serif;}
		.indice li a {text-transform:uppercase; font-weight:600; font-size: 11px;letter-spacing: 0.15em;  font-family: 'helvetica-bd', sans-serif; letter-spacing:0.15em;}
		.indice.single-prod  ul {margin:1em 0 0 0;}
		.indice.single-prod li { padding:0.50rem 0;}
		.indice.single-prod li a {font-size: 13px;}
		.pagine {width:100%; background:#352f20; padding:10px 0;}
		.slick-slide img {display: block; margin:auto; max-width:100%; max-height:98vh;}
		 a, a:visited, a:active {text-decoration:none;}
		.indice a {color:#9c0a2f;}
		.indice a span {font-family: 'helvetica-bd', sans-serif; color:#826d81; }
		.indice.single-prod a span {font-size:1.5em;}
		.header a {float:left; line-height:auto; color:#fff;}
		.header div {width:100%;  padding:0 0px; text-align:center;}
		.header {width:100%; display:flex;  align-items:center; justify-content:center; font-family: 'Poppins', sans-serif; color:#fff; font-size:11px; text-transform:uppercase; position:absolute; z-index:1000;}
		.header img {height:20px; display:inline;  vertical-align:middle; margin-right:5px;}
		.header a {float:left;  color:#fff;}
		.header span {float:right; line-height:30px;}
		.header div {width:100%; max-width:98%; margin:0 auto; padding:0px;}
		.header p {margin:0 auto;}
		.slick-dots li button { font-size: 18px; line-height: 36px; display: block; width: 36px; height: 36px; padding: 0px; color: #010101;  border: 0; outline: none; background: transparent;}
		.slick-arrow {transition:opacity 0.5s 1.5s;}
		.slick-dots li button::before {display:none;}
		.slick-dots li.active button {background:#d40171; color:#fff;}
		.slick-next {
				right: 10px;
				background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238b8d8c'%2F%3E%3C%2Fsvg%3E") !important;
				-moz-background-size: 27px 44px;
				-webkit-background-size: 27px 44px;
				background-size: 27px 44px !important;
				background-position: center;
				background-repeat: no-repeat;
				height:44px; width:27px;

				}
				
		.slick-prev {
			left: 10px;
			background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238b8d8c'%2F%3E%3C%2Fsvg%3E")!important;
			-moz-background-size: 27px 44px;
			-webkit-background-size: 27px 44px;
			background-size: 27px 44px;
			background-position: center;
			background-repeat: no-repeat;
			z-index: 1000;
			height:44px; width:27px;
		}
		
		.slick-prev::before, .slick-next::before {
			content: '';
		}
		
		.slick-arrow.slick-disabled {opacity:0.1 !important;}
		
		body {margin:0;}
			.slick-slide img.sx {margin:0 0 0 auto; box-shadow:-1px 19px 15px 5px rgba(0,0,0,0.8)}
			.slick-slide img.dx, .slick-slide.active img.dx  {margin:0 auto 0 0px; box-shadow:15px 19px 15px -5px rgba(0,0,0,0.8)}
			.slick-slide:nth-child(even) {box-shadow: -28px 3px 50px -5px rgba(0,0,0,0.4);}
		
		@media all and (max-height: 900px) {
			.sommario, .indice a span {font-size: 13px;}
			.indice {padding-top:0.5;}
			.indice section {padding-top:0;}
			.indice li a {font-size: 10px;}
			.indice li {padding: 0.15rem 0;}
			.indice.single-prod  ul {margin:1em 0 0 0;}
			.indice.single-prod li { padding:0.15rem 0;}
			.indice.single-prod li a {font-size: 11px;}
			.indice.single-prod a span {font-size:1.15em;}
		}

		

		@media all and (max-width: 810px){ 
			.slick-slide img.dx, .slick-slide.active img.dx, .slick-slide img.sx, .slick-slide.active img.sx {
				margin: 0 auto;
				box-shadow: 15px 19px 15px -5px rgba(0,0,0,0.8);
			}
		}
		
		@media all and (max-width: 600px){ 
			.header {height:60px;}
			.indice {width:260px; transform: translateX(-260px); padding:0.5em}
			.indice p, .indice ol {margin:0.35em 0 0 0;}
			.indice img {height: 50px; width: auto;}
			.indice section div:nth-of-type(1) {padding-right: 0.25em;}
			.indice section div:nth-of-type(1), .indice section div:nth-of-type(2) {flex-basis: 100%;}
			.header div {max-width:700px;}
			.bookmark {position:absolute; top:10px; left:260px;  text-align:center; }
			.bookmark a {font-size:13px; width:90px; margin-right:10px;}
		}
	</style>