@import url("import.css");

html {	height: 100%; }
body {
	font-family: Roboto, sans-serif;
	font-size: 15px;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

a { text-decoration: none; }
a, a:hover { color: unset; }

a[href]:not([type="button"]) {
	color: #ff1d25;
	text-decoration: underline;
	transition: color .25s ease;
}

a[href]:not([type="button"]):hover {
	color: #727278;
}

p { margin-bottom: 0; }

hr { opacity: 1; }

header {
	padding: 32px 48px 48px;
}

header .header-logo {
	text-decoration: none !important;
	color: #000 !important;
	font-family: Playfair Display SC, serif;
}

header .header-logo h1 {
	font-size: calc(.5rem + 2.5vw);
	line-height: .85;
}

header .header-logo h1::first-letter,
.red,
.first-red::first-letter { color: #ff1d25; }

.bdy-lyt-home header .header-logo h1 {
	font-size: 3.5rem;
	/* font-size: calc(1rem + 2.5vw); */
	line-height: .85;
}

@media screen and (max-width: 992px) {
	header .header-logo h1 { font-size:calc((72 * 100vw) / 1440); }
	.bdy-lyt-home header .header-logo h1 { font-size:calc((72 * 100vw) / 1440); }
}

/* @media screen and (min-width: 992px) {
	header .header-logo h1 { font-size: 24px; }
	.bdy-lyt-home header .header-logo h1 { font-size: 24px; }
} */

.col-header-description {
	margin-right: 12px;
	margin-left: 12px;
	padding-left: 24px;
	border-left: 1px solid #000;
	font-family: Noto Sans, sans-serif;
}

.bdy-lyt-home .col-header-description {
	max-width: 768px;
}

@media screen and (max-width: 991px) {
	.col-header-description { display: none; }
}

.container {
	padding: 0 64px;
	max-width: unset;
	width: 100%;
	margin: 0;
}

body > form > .container {
	max-width: unset;
	padding: 0 64px;
}
	
.bdy-lyt-home footer .container,
.bdy-lyt-view_gen footer .container {
	margin: 0;
	padding: 0 64px;
	width: 100%;
	max-width: unset !important;
}

@media screen and (min-width: 1399px) {
	/* .bdy-lyt-home header, */
	.bdy-lyt-home .container,
	.bdy-lyt-view_gen .container {
		padding-left: 256px !important;
		padding-right: 256px !important;
	}
	
	.bdy-lyt-home footer .container,
	.bdy-lyt-view_gen footer .container {
		padding-left: 64px !important;
		padding-right: 64px !important;
	}
}

@media screen and (max-width: 575px) {
	.bdy-lyt-home .container,
	.bdy-lyt-view_gen .container {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}
}

.bdy-lyt-view_gen .description { margin-bottom: 32px; }

.btn-plus,
.btn-minus {
	background: none;
	border: none;
	outline: none;
	border: 1px solid #000;
	border-radius: 100%;
	width: 42px;
	height: 42px;
	display: inline-flex;
	position: relative;
	align-items: center;
	justify-content: center;
}

.btn-plus .bar-hor,
.btn-plus .bar-vert,
.btn-minus .bar-hor {
	position: absolute;
	background: #000;
}

.btn-plus .bar-hor,
.btn-minus .bar-hor {
	width: 32px;
	height: 2px;
}

.btn-plus .bar-vert {
	width: 2px;
	height: 32px;
}



.btn-view-detail {
	margin-right: 8px;
	cursor: pointer;
	color: #ff1d25 !important;
	text-decoration: underline !important;
	transition: color .25s ease !important;
}

.pseudo {color: #888 !important;}

.btn-view-detail:hover { color: #727278 !important; }



.navbar {
	padding: 0;
	position: static;
}

.navbar-nav { width: 100%; }

.navbar .navbar-nav .nav-link { color: #1b1a21; transition: color .25s ease; }
.navbar .navbar-nav .nav-link:hover { color: #727278; }

.navbar-toggler,
.navbar-close {
	padding: 0;
	margin-left: auto;
	font-size: 20px;
	background: none;
	border: none;
	width: 48px;
	height: 48px;
}

.navbar-toggler {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.navbar-toggler .bar-hor,
.navbar-close .bar-close {
	width: 48px;
	min-height: 5px;
	background-color: #1b1a21;
	/* margin: 11px 0; */
}

.navbar-close {
	padding: 16px 0;
}

.navbar-close .bar-close {
	/* height: 2px; */
	background-color: #fff;
	position: absolute;
}

.navbar-close .bar-close:first-of-type { transform: rotate(45deg); }
.navbar-close .bar-close:last-of-type { transform: rotate(-45deg); }

.navbar-toggler:active,
.navbar-toggler:focus { box-shadow: none; }
.navbar-toggler:focus-visible { outline: 2px solid #1b1a21; }

.navbar-collapse {
	position: fixed;
	max-width: 470px;
	top: 0;
	right: 0;
	width: 100%;
	background: #ff1d25;
	overflow-y: auto;
	/* height: 100vh !important; */
	max-height: 100vh !important;
	transform: translateX(100%);
	transition: transform .4s ease, opacity .4s ease;
	opacity: 0;
	z-index: 1001;
	padding: 16px;
	display: flex;
	flex-direction: column;
}

.navbar-collapse hr { display: none; }
.collapse:not(.show) { display: flex; }

.navbar-collapse.collapsing { height: unset; }

.navbar .navbar-nav .nav-link {
	font-family: "Playfair Display SC", serif;
	font-size: 32px;
	line-height: 1;
	text-decoration: none;
	padding: 4px 0;
	line-height:0.95;
}

.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link:hover {
	color: #fff;
}

.navbar .navbar-nav .nav-link:hover {
	text-decoration: underline;
}

.navbar .nav-item.link-mail { margin-top: auto; }
/* .navbar-nav { height: calc(100vh - 64px); } */

.navbar-collapse.collapsing:not([style=""]),
.navbar-collapse.show { transform: translateX(0); opacity: 1; }



.section-header {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

.section-header .section-bar {
	flex: 1 0 auto;
	height: 1px;
	background-color: #000;
}

.section-header .section-title {
	flex: 0 0 auto;
	margin: 0 24px;
	font-size: 25px;
	font-family: Playfair Display, serif;
	font-style: italic;
}

.section-header .section-title.large {
	font-size: 30px;
	font-family: Playfair Display SC, serif;
	font-style: normal;
}



.ricerca-btn {
	margin: 0 0 24px;
	display: flex;
	width: 100%;
	font-family: Playfair Display SC, serif;
	text-align: center;
}

.ricerca-btn h2 {
    font-size: 30px;
	width: auto;
	margin: 0 auto;
}



/* SWIPERJS */
.sff-swiper-container,
.sff-swiper {
	position: relative;
}

.sff-swiper .swiper-wrapper {
	display: flex;
	align-items: center;
}

.sff-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	max-height: 420px;
	margin-bottom: 1rem;
	flex-direction: column;
	text-align: center;
}

.sff-slide-img {
	width: 64px;
	max-height: 420px;
	object-fit: cover;
	margin-top: 16px;
	margin-bottom: 12px;
    filter: brightness(100%);
	transition: filter .5s ease;
}

.sff-slide:hover .sff-slide-img {
    filter: brightness(0);
}

.sff-slide-info {
	position: absolute;
	background-color: #00667CDD;
	color: #fff;
	transition: bottom .25s ease;
	line-height: 1.25rem;
	width: 100%;
	text-align: center;
	bottom: 0;
	left: 0;
	padding: .5rem;
	font-family: "URW Geometric", sans-serif;
}

a.sff-slide-title { font-family: Playfair Display, serif; font-size: 37px; }
h4.sff-slide-title { font-family: Playfair Display, serif; font-size: 37px; }
h5.sff-slide-title { font-family: Playfair Display SC, serif; font-size: 30px; }

.sff-slide-title,
a.ricerca-btn,
.ricerca-btn h2 {
	color: #1b1a21 !important;
	text-decoration: none !important;
}

.sff-slide-title:hover,
.swiper-slide a {
	color: #1b1a21 !important;
	text-decoration: none !important;
}

.sff-slide-type {
	text-transform: uppercase;
	font-size: 16px;
}

.sff-slide-title::first-letter {
	color: #ff1d25 !important;
}

.swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .5rem;
}

.swiper-slide > a { width: 100%; }

.swiper-button-prev::after,
.swiper-button-next::after { content: ""; }

.swiper-button-prev,
.swiper-button-next {
	top: 50%;
	padding: 24px 10px;
	width: auto;
	height: 0;
	display: flex;
	flex-direction: column;
	position: absolute;
	transform: translate(-50%);
	margin: 0;
}

.swiper-button-prev { left: 0; transform: translateY(-50%); }
.swiper-button-next { right: 0; transform: translateY(-50%); }

.swp-btn-bar {
	background-color: #000;
	width: 20px;
	height: 1px;
	transform-origin: center left;
	position: absolute;
	top: 50%;
}

.book-details .sff-swiper .swiper-wrapper {
	align-items: stretch;
}

.book-details .swiper-button-prev,
.book-details .swiper-button-next { padding: 24px; top: 80px; } 

.swiper-button-prev .swp-btn-bar { left: 0; transform-origin: center left; }
.swiper-button-next .swp-btn-bar { right: 0; transform-origin: center right; }

.book-details .swiper-button-prev .swp-btn-bar { left: calc(50% - 5px); transform-origin: center left; }
.book-details .swiper-button-next .swp-btn-bar { right: calc(50% - 5px); transform-origin: center right; }
.swp-btn-bar:first-of-type { transform: rotate(60deg); }
.swp-btn-bar:last-of-type { transform: rotate(-60deg); }

.swiper-button-disabled { display: none; }

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; }

.swiper-pagination-bullet { transition: all .25s ease; }

.swiper-pagination-bullet-active {  
	background: #ff1d25;
}

.swiper-lazy-preloader {
	border-color: transparent #ff1d25 #ff1d25;
	top: 2rem;
	left: unset;
	margin: auto;
}



.action-btns {
	display: flex;
}

.action-btn {
	text-align: center;
	text-transform: uppercase;
	width: 48px;
	white-space: normal;
	font-size: 12px;
}

.action-btn:not(:first-of-type) { margin-left: 8px; }
.action-btn:not(:last-of-type) { margin-right: 8px; }

.action-btn img {
	width: 40px;
	margin-bottom: 4px;
}

.action-btns a[href="/selezionati"] {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
}

.action-btns a[href="/selezionati"] i {
	width: 40px;
	height: 40px;
	font-size: 40px;
	margin-bottom: 4px;
	display: block;
}

.action-btns a[href="/selezionati"] span { text-decoration: underline; }

.clr { width: 12px; height: 12px; margin-right: 8px; display: inline-block; }
.clr.clr-red { background-color: #ff1d25; }
.clr.clr-gray { background-color: #888; }
.clr.clr-black { background-color: #000; }

.col-selected {
	margin-left: auto;
}

@media screen and (max-width: 991px) {
	.col-selected {
		margin-left: 0;
	}

	i.clr.fa.fa-star.ms-4 {
		margin-left: 0 !important;
	}
}

.col-search-form {
	margin-bottom: 24px;
}

.search-param {
	font-size: 25px;
	font-family: Playfair Display, serif;
	display: flex;
	margin-bottom: 16px;
}

.search-param .search-param-field {
	border: none;
	outline: none;
}

.search-param .search-param-value {
	border-radius: 0;
	outline: 0;
	padding: 0px 8px 4px;
	line-height: 1;
	margin-right: 12px;
	border-width: 1px;
	width: auto;
	flex: 0 1 auto;
}

@media screen and (max-width: 575px) {
	.search-param {
		font-size: 18px;
	}

	.search-param .search-param-value {
		min-width: 0;
	}
}

.search-res-item {
	display: flex;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #000;
	width: 100%;
}

.search-res-main,
.search-res-details {
	display: inline-flex;
}

.search-res-main {
	flex-grow: 1;
}

.search-actions {
	display: flex;
	flex-wrap: wrap;
}

.search-actions .btn-remove-field { margin-left: 12px; }

.search-actions .btn-search {
	width: 200px;
	padding: 12px 0 20px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
	color: #fff;
	font-size: 25px;
	font-family: Playfair Display, serif;
	line-height: .8;
	margin: 16px auto 0;
	background: none;
	border: none;
	outline: none;
}

.search-res-order-by,
.search-res-num-records {
	border: none;
	font-size: 18px;
	font-family: Playfair Display, serif;
	outline: none;
	padding: 0;
	line-height: 1;
	margin-bottom: 12px;
}

@media screen and (min-width: 576px) {
	.search-res-order-by {
		margin-left: 64px;
	}	
}



.cover {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	width: 130px;
}

.cover img {
	width: 130px;
}

.book-type {
	text-align: center;
	width: 100%;
	color: #888;
	margin-top: 6px;
	font-style: italic;
	font-family: Playfair Display, serif;
}

.search-res-num {
	font-family: Playfair Display, serif;
	font-weight: 700;
	font-size: 20px;
}

.row-res-info {
	flex-wrap: nowrap;
}

.col-res-info,
.col-res-selected {
	display: flex;
}

.col-res-info {
	align-items: center;
	flex: 1 1 auto;
}

.col-res-num,
.col-res-opere-di,
.col-res-edizioni,
.col-res-recensioni {
	font-family: Noto Sans, sans-serif;
	line-height: 1;
}

.search-res-num { line-height: .8; }

.col-res-opere-di,
.col-res-edizioni,
.col-res-recensioni { margin-left: 24px; }

@media screen and (max-width: 991px) {
	.col-res-info {
		flex-wrap: wrap;
	}

	.col-res-num,
	.col-res-opere-di,
	.col-res-edizioni,
	.col-res-recensioni {
		margin-left: 0;
		width: 100%;
	}

	.col-res-num,
	.col-res-opere-di,
	.col-res-edizioni {
		margin-bottom: .5rem;
	}

	.col-res-selected {
		margin-left: 0 !important;
		flex: 1 1 auto;
	}

	.col-res-selected a { margin-left: auto; white-space: nowrap; }
}

.col-res-num { text-transform: uppercase; line-break: strict; }

.col-checkbox {
	width: calc(64px + 1.5rem);
}




.search-res-checkbox {
	font-family: Playfair Display, serif;
	width: 64px;
	flex: 0 0 auto;
	vertical-align: bottom;
}

.search-res-checkbox span {
	font-size: 22px;
	line-height: 0;
}

.search-res-checkbox button {
	background: none;
	border: 1px solid #000;
	width: 20px;
	height: 20px;
	outline: none;
	padding: 0;
	align-self: flex-start;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 6px;
}

.search-res-checkbox .fav-hand,
.col-res-selected .fav-hand {
	width: 36px;
}

.col-res-selected .fav-hand {
	margin-right: 8px;
}

.action-btns a[href='/selezionati'] {
}

.action-btns a[href='/selezionati'] .fav-hand {
	border: 1px solid #ff1d25;
	width: 40px;
	height: 40px;
	padding: 4px;
	border-radius: 100%;
	margin-bottom: 4px;
}

.action-btns a[href='/selezionati']:hover .fav-hand {
	border-color: #727278;
}

a[href='/selezionati'] > .fav-hand,
a[href='/selezionati'] > .fav-hand > path,
.btn-fav path {
	transition: all .25s !important;
}

a[href='/selezionati'] > .fav-hand > path,
.btn-fav.btn-fav-del path {
	fill: #ff1d25 !important;
}

a[href='/selezionati']:hover > .fav-hand > path,
.btn-fav:hover path { fill: #727278 !important; }



.search-res-details {
	margin-left: 12px;
	margin-right: 12px;
	display: inline-flex;
	flex-direction: column;
	width: 100%;
}

.search-res-details .go-to-scheda {
	color: #ff1d25;
	margin-left: auto;
	margin-top: 8px;
	text-decoration: underline;
}

.sff-swiper .search-res-details .book-title {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
}

a.link {
	color: #ff1d25;
	margin-left: auto;
	margin-top: 8px;
	text-decoration: underline;
}

.search-res-abstract {
	width: 400px;
	margin-left: auto;
	padding-left: 12px;
	border-left: 1px solid #000;
	flex-shrink: 0;
}

@media screen and (max-width: 991px) {
	.search-res-abstract { display: none; }
	.search-res-main { width: 100%; }
	.search-res-details { width: 100%; }

	/* ??? */
}



.btn-back {
	font-size: 18px;
	display: block;
}

#list .btn-back {
	margin-bottom: 16px;
}

.detail-wrapper {
	width: 100%;
	display: flex;
	margin-bottom: 16px;
}

.detail-main {
	flex: 0 1 auto;
}

.detail-main .hidden {
	display: none;
}

.detail-aside {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	width: 200px;
	border-left: 1px solid #000;
	margin-left: 16px;
	padding-left: 16px;
}

.detail-aside .related-title {
	font-size: 18px;
	font-family: Playfair Display, serif;
	margin: 0 auto 16px;
}

.detail-aside .esemplari-title {
	font-size: 15px;
	text-transform: uppercase;
}

.detail-main .book-abstract h3, .detail-main .book-citation h3 {
	font-family: Playfair Display, serif;
	font-size: 20px;
	font-style: italic;
}

.detail-main .btn-fav {
    font-size: 24px;
    width: 24px;
    margin-right: 8px;
}

.book-title,
.detail-main .book-title {
	font-family: Playfair Display, serif;
	font-size: 24px;
}

.bdy-lyt-view_sop .detail-main .book-title {
	display: inline;
}

.detail-title .fav-hand {
	width: 40px;
}

/* Dettaglio  */
.bdy-lyt-view_sop .detail-main { flex-grow: 1; }

.book-details-wrapper {
	display: flex;
}

.book-details-wrapper .book-details {
	margin-left: 16px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.book-details-wrapper .book-details h3 {
	font-family: Playfair Display, serif;
	font-size: 22px;
}

.book-details-tbl * {
	vertical-align: baseline;
}

.book-detail {
	display: flex;
}

.book-detail .book-detail-name {
	width: 150px;
	font-weight: 700;
	flex-shrink: 0;
}

.book-detail .book-detail-value {
	position: relative;
	padding-left: 25px;
}

.book-detail.expandable .book-detail-value > div {
	height: 22.5px;
	overflow-y: hidden;
}

.book-detail.expandable.expanded .book-detail-value > div {
	height: auto;
}

.book-detail .book-detail-value a.btn-expand,
.book-detail .book-detail-value a.btn-reduce {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;

	font-size: 10px;
	border: 1px solid #ff1d25;
	border-radius: 50%;
	margin-top: 3px;

	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;

	transition: border-color .25s ease, color .25s ease;
}

.book-detail .book-detail-value a.btn-expand:hover,
.book-detail .book-detail-value a.btn-reduce:hover {
	border-color: #727278;
}

.book-detail .book-detail-value a.btn-expand i:before,
.book-detail .book-detail-value a.btn-reduce i:before {
	width: 10px;
	height: 10px;
}

.detail-aside .related-cover,
.detail-aside .related-cover .fta {
	width: 100%;
	display: inline-flex;
	flex-direction: column;
}

.detail-aside .related-img {
	margin: 0 auto 12px;
	width: 130px;
	cursor: pointer;
}

.detail-aside .related-desc {
	text-align: center;
	margin-bottom: 16px;
	color: #888;
	font-style: italic;
}

.detail-aside .detail-esemplare { margin-bottom: 12px; }

a.btn-view-list { margin-right: 8px; }


/* override book-detail => book-detail-aut*/
.book-detail-aut1 div .book-detail-name{display:none!important}
.book-detail-aut1,.book-detail-aut2{flex-wrap:wrap;}
/* .book-detail-aut1 .book-detail-aut2{width:calc(100% - 150px);} */
.book-detail-aut1 .aut{width:100%;}
.book-detail-aut2 .aut{width:100%;}
.book-detail-aut1 .aut:empty,.book-detail-aut2 .aut:empty{display:none!important}
.book-detail-aut1 .role,
.book-detail-aut2 .role{padding-right:5px}

.book-detail-aut1 > .aut{width:calc(100% - 150px);}
/* .book-detail-aut2 .aut{width:calc(100% - 150px);} */
.book-detail-aut1 .book-detail-aut2 .aut{width:100%;}
.book-detail-aut1 .book-detail-aut2 .book-detail-value {
	padding-left: 0;
}


@media screen and (max-width: 991px) {
	.detail-wrapper { flex-wrap: wrap; }

	.detail-aside {
		border: none;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.detail-aside { margin-left: 0; }
	.detail-aside .related-title,
	.detail-aside .esemplari-title {
		width: 100%;
		margin: 0 0 12px;
	}

	.detail-aside hr { width: 100%; }
	.detail-aside .related-cover {
		width: 100%;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.detail-aside .related-cover .fta {
		width: auto;
		margin-left: 8px;
		margin-right: 8px;
	}

	.detail-aside .related-img {
		width: auto;
		height: 180px;
	}
}

@media screen and (max-width: 767px) {
	.book-detail {
		flex-wrap: wrap;
	}

	.book-detail:not(.opera) .book-detail-name,
	.book-detail:not(.opera) .book-detail-value {
		width: 100%;
	}

	.book-detail .book-detail-value { padding-left: 0; }
	.book-detail.expandable .book-detail-name { padding-left: 24px;	}

	.book-detail .book-detail-value a.btn-expand,
	.book-detail .book-detail-value a.btn-reduce {
		left: 0;
		top: -20px;
		margin-top: 0;
	}
	.book-detail-aut1,.book-detail-aut2 {width:100%!important;}
	.book-detail-aut1 > .aut{width:100%!important;}
	.book-detail-aut2 > .aut{width:100%!important;}
}



footer {
	width: 100%;
	padding-top: 32px;
	padding-bottom: 16px;
	background-color: #000;
	margin-top: auto;
	color: #fff;
}

footer img { max-width: 100%; }

footer a{color:#FFF!important}

footer .col-footer-ppp-logo img { max-height: 80px; }
footer .col-footer-sff-logo img { width: 100%; }

footer h6.footer-logo {
	font-size: 30px;
	font-family: "Playfair Display SC", serif;
}

footer h6.footer-logo::first-letter {
	color: #ff1d25;
}

footer .container .row.row0 {
	justify-content: space-between;
	align-items: flex-start !important;
}

footer .container .row.row1 {

}
footer .copyright{display:inline;padding-right:5px}
footer .privacy {display:inline}

footer .privacy a[href]:not([type="button"]),
footer .col-footer-sff-logo a[href]:not([type="button"])
{
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

footer .col-footer-sff-logo a[href]:not([type="button"]){
	font-weight: 400;
	text-decoration:underline;
}

footer .row1{}


/*
footer .credits {
	text-align: end;
}

footer .privacy,
footer .credits {
	width: 50%;
}
*/

footer .credits .nav-link {
    padding: 0;
    width: auto;
    display: inline;
}

footer .footer-contacts > a[href]:not([type="button"]) {
	color: #fff;
	margin-bottom: 12px;
	display: inline-block;
}

footer .footer-contacts > a[href]:not([type="button"]):last-of-type {
	margin-bottom: 24px;
}

.debug, #dvAf { display: none; }

@media screen and (max-width: 991px) {
	footer .container .row.row0 {justify-content: center;}
	footer .col-footer-sff-logo img{max-width:300px}
	footer .container .row.row0 div{width:40%}
	footer .footer-privacy{text-align:center;}
	footer .row1 div{text-align:center;}
}

@media screen and (max-width: 768px) {
	footer .container .row.row0 div{width:100%;text-align:center;}
	footer .footer-privacy{text-align:center;}
	footer .row1 div{text-align:center;}
}


/* ### MODAL ### */
.modal .modal-header {
	padding: .6rem 0;
	margin: 0 1rem;
	border-bottom: 1px solid #000;
}

.modal .modal-header span {
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	margin-left: 8px;
}

.modal .modal-header button.close {
	border: none;
    background: none;
    font-size: 18px;
    line-height: 18px;
	padding: 0;
}

.modal .modal-content {
	border-color: #1b1a21;
}

.modal .col-header h1.page-title {
	font-family: Playfair Display, serif;
    font-size: 24px;
	padding-bottom: 8px;
	border-bottom: 1px solid #1b1a21;
}

.modal .modal-content { border-radius: 0; }
.modal .modal-content .lbl { font-weight: bold; }

.modal .col-info .col1 { width: 220px; }
.modal .col-info .col1 .lbl { font-weight: bold; }
.modal .col-info .col2 { width: calc(100% - 220px); }


@media screen and (max-width: 991px) {
	.modal .col-info .col1,
	.modal .col-info .col2 { width: 100%; }
}



/*
=====
PAGER
=====
*/

.pager {
	display: flex;
	text-align: left;
	margin: 20px 0;
	padding: 0;
	align-items: center;
    justify-content: center;
}
.pager li{display:inline-block!important;vertical-align:top;border-radius:0;margin-right:2px}

.pager li.page a,.pager li.page span,
.pager li.first a,.pager li.first span,
.pager li.previous a,.pager li.previous span,
.pager li.next a,.pager li.next span,
.pager li.last a,.pager li.last span
{min-width:30px;line-height:30px;display:inline-block;text-align:center;background:none;border-color:#1b1a21;color:#1b1a21;font-weight:bold;transition:all .2s linear;}

.pager li.disabled a,.pager li.disabled span,.pager li.disabled a:hover,.pager li.disabled span:hover{opacity:.8;}

.pager li.status span{font-size:14px;padding-left:20px}

.pager li a,.pager li span {
	border-radius:0;
	border: 1px solid transparent;
	text-decoration: none !important;
}

.pager li.status span {
	border:0 none;
}

.pager li.page.active span{border:1px solid #ff1d25;background: none; color:#ff1d25;}

.pager li.page a:hover,
.pager li.first a:hover,
.pager li.previous a:hover,
.pager li.next a:hover,
.pager li.last a:hover
{border:1px solid #727278; background: none ;color:#727278;text-decoration:none;}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .pager .page{display:none!important;}
    .pager .page.active{display:inline-block!important;}
    .pager li span,
    .pager li a{padding-left:8px;padding-right:8px}

}

/* XS */
@media only screen and (min-width: 0) and (max-width: 575px) {
    .pager .page{display:none!important;}
    .pager .page.active{display:inline-block!important;}
}



/* RICERCA */
.search-smp {
	display: flex;
	justify-content: center;
	font-family: Playfair Display, serif;
	margin-bottom: 12px;
}

.search-smp input {
    border-radius: 0;
    outline: 0;
    padding: 0px 8px 4px;
    line-height: 1;
    margin-right: 16px;
    border-width: 1px;
    width: auto;
    flex: 0 1 auto;
	font-size: 25px;
}

@media screen and (max-width: 757px)
{
	.search-smp {
		flex-wrap: wrap;
		justify-content: center;
	}

	.search-smp input {
		width: 100%;
		margin-right: 0;
		margin-bottom: 12px;
	}
}

#HB_srch_smp,
#HB_srch_adv,
#HB_srch_adv_reset {
	display: inline-block;
	border: 0;
	background: #1b1a21;
	color: #fff;
	transition: color .25s ease, border-color .25s ease;
	padding: .4rem .6rem;
	max-width: max-content;
	margin: 0 auto;
}

#HB_srch_smp {
	margin: 0;
}

#HB_srch_adv { margin-right: 6px; }
#HB_srch_adv_reset { margin-left: 6px; }

#HL_srch_smp_8,
#DP_F8_6,
#HB_srch_smp_reset { display: none; }

#HL_srch_adv_9 {
	
}

#HB_srch_smp:hover,
#HB_srch_adv:hover {
	border-color: #727278;
	color: #727278;
}

.crl.crl-star::before {
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0a4";
}



/*  */
.lyt-alphabet {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 16px;
}

.lyt-alphabet .ul-alphabet {
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
	max-width: 800px;
	margin-bottom: 0;
}

.lyt-alphabet .ul-alphabet .li-alphabet {
	margin: 0 6px 12px;
	padding: 0;
}

.lyt-alphabet .alphabet-txt {
	font-family: Playfair Display, serif;
    font-style: italic;
	margin-bottom: 20px;
	font-size: 18px;
}

.lyt-alphabet .ul-alphabet .li-alphabet > span,
.lyt-alphabet .ul-alphabet .li-alphabet > a {
	color: #1b1a21;
	padding: 8px;
	font-family: Playfair Display, serif;
	font-size: 32px;
	font-weight: 700;
	width: 48px;
	height: 48px;
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid #1b1a21;
	line-height: 1;
	display: inline-block;
	text-align: center;
	transition: none;
	line-height: .75;
}

.lyt-alphabet .ul-alphabet .li-alphabet > span {
	opacity: .4;
}

.lyt-alphabet .ul-alphabet .li-alphabet > a.active {
	background-color: #ff1d25;
	border-color: #ff1d25;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.lyt-alphabet .ul-alphabet .li-alphabet > span,
	.lyt-alphabet .ul-alphabet .li-alphabet > a {
		width: calc(32px + 2vw);
		height: calc(32px + 2vw);
		font-size: calc((32px + 2vw) * (3 / 4));
		padding: calc((32px + 2vw) * (1 / 8));
	}
}

.row.row-res-info {
	padding-top: 16px;
	padding-bottom: 16px;
	border-top: 1px solid #1b1a21;
	border-bottom: 1px solid #1b1a21;
	margin: 0 0 24px;
}

.items-nom,
.items-loc,
.items-per {
	position: relative;
	width: auto;
	display: flex;
	flex-direction: column;
	margin-top: 16px;
	min-height: 420px;
}

.items-nom .letter-bg,
.items-loc .letter-bg,
.items-per .letter-bg
{
	position: absolute;
    top: 0;
    font-size: 500px;
    line-height: .6;
    color: #EFEEE9;
    letter-spacing: -50px;
    text-align: center;
	z-index: -100;
	font-family: Playfair Display, serif;
    transform: translateX(-30px);
	user-select: none;
    margin: 0 -64px;
    width: 100vw;
    overflow: hidden;
    height: 480px;
}

.items-nom .nom,
.items-loc .loc,
.items-per .per,
.items-nom h3.item-title,
.items-loc h3.item-title,
.items-per h3.item-title {
	width: max-content;
	line-height: 0;
	margin-bottom: 0;
}


.items-nom .nom,
.items-loc .loc,
.items-per .per {
	padding-left: 25%;
	display: flex;
	align-items: baseline;
	margin-bottom: 8px;
}

.items-nom .nom .btn-view-list,
.items-loc .loc .btn-view-list,
.items-per .per .btn-view-list {
	font-size: 16px;
	line-height: 16px;
}

.items-nom .nom .btn-view-detail,
.items-loc .loc .btn-view-detail,
.items-per .per .btn-view-detail {
	font-size: 18px;
	line-height: 20px;
}

.btn-view-detail .modal-subtitle { display: none; }



/* RICERCA AVANZATA */
.search-adv {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 16px;
	font-family: Playfair Display, serif;
}

.search-adv .rpe-group {
	margin: 0 auto 12px;
	width: 100%;
	max-width: 640px;
	position: relative;
	border-bottom: 1px solid #1b1a21;
	padding-bottom: 12px;
}

.search-adv .rpe-group:last-of-type,
.search-adv > .fld:last-of-type {
	margin-bottom: 16px;
	border-bottom: none;
	padding-bottom: 0;
}

.search-adv .rpe-group .rpe-group-title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}
.search-adv .rpe-group:not(.expanded) .rpe-group-title {
	margin-bottom: 0;
}

.search-adv .rpe-group .rpe-group-title h5 {
	font-size: 25px;
	line-height: 20px;
	margin: 0 12px 0 0;
}

.search-adv .rpe-group,
.search-adv .fld,
.search-adv .rpe-group .fld {
	width: 100%;
	max-width: 520px;
}

.search-adv .rpe-group .fld,
.search-adv .fld {
	width: auto;
	margin: auto;
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.search-adv > .fld {
	width: 100%;
	max-width: 520px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #1b1a21;
}

.search-adv .rpe-group.expandable .fld {
	display: none;
}

.search-adv .rpe-group.expandable.expanded .fld {
	display: flex;
}

.search-adv .rpe-group .btn-expand,
.search-adv .rpe-group .btn-reduce {
	border: 1px solid #ff1d25;
	border-radius: 100%;
	width: 24px;
	height: 24px;
	text-align: center;
	transition: color .25s ease, border-color .25s ease !important;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}



/* .rpe-group.expandable {
	height: 26px;
	overflow-y: hidden;
}

.rpe-group.expandable.expanded {
	height: auto;
}

.rpe-group .btn-expand,
.rpe-group .btn-reduce {
	border: 1px solid #ff1d25;
	border-radius: 100%;
	width: 24px;
	height: 24px;
	text-align: center;
	transition: color .25s ease, border-color .25s ease !important;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}

.rpe-group a.btn-expand:hover,
.rpe-group a.btn-reduce:hover {
	border-color: #727278;
} */




.search-adv .rpe-group a.btn-expand:hover,
.search-adv .rpe-group a.btn-reduce:hover {
	border-color: #727278;
}

.search-adv .fld input,
.search-adv .rpe-group .fld select,
.search-adv .rpe-group .fld input,
.search-adv #DP_V10_7,
.search-adv #DP_V11_7 {
	margin-left: auto;
	margin-right: 0;
    border-radius: 0;
    outline: 0;
    padding: 0px 8px 2px;
    line-height: 1;
    border-width: 1px;
    width: auto;
    flex: 0 1 auto;
    font-size: 18px;
	height: 32px;
	max-width: 312px;
	width: 100%;
	background: none;
}

.search-adv .rpe-group .fld select {
	padding-left: 4px;
}

.search-adv .fld label
{
	font-size: 18px;
	margin-right: 12px;
}

.search-adv > .fld > label {
	font-size: 25px;
}

@media screen and (max-width: 757px)
{
	.search-adv .rpe-group,
	.search-adv .fld {
		width: 100%;
		max-width: 312px;
	}

	.search-adv .fld {
		flex-wrap: wrap;
	}

	.search-adv > .fld {
		width: 100%;
	}

	.search-adv .fld label {
		font-size: 18px;
		width: 100%;
	}

	.search-adv > .fld > label {
		font-size: 25px;
	}

	.search-adv .fld select,
	.search-adv .fld input {
		margin-left: 0;
	}
}



/* MODULO PARTECIPA */
.mod {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto 12px;
	border-bottom: 1px solid #1b1a21;
	padding-bottom: 12px;
	max-width: 640px;
	font-family: Playfair Display, serif;
	position: relative;
}

.mod:last-of-type {
	margin-bottom: 16px;
	border-bottom: none;
	padding-bottom: 0;
}

.mod-title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.mod-title h5 {
	font-size: 25px;
	line-height: 20px;
	margin: 0 12px 0 0;
}

.mod .mod-item {
	width: auto;
	margin: auto;
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.mod > .mod-item {
	width: 100%;
	max-width: 520px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #1b1a21;
}

.mod.expandable {
	height: 36px;
	overflow-y: hidden;
}

.mod.expandable.expanded {
	height: auto;
}

.mod .btn-expand,
.mod .btn-reduce {
	border: 1px solid #ff1d25;
	border-radius: 100%;
	width: 24px;
	height: 24px;
	text-align: center;
	transition: color .25s ease, border-color .25s ease !important;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}

.mod a.btn-expand:hover,
.mod a.btn-reduce:hover {
	border-color: #727278;
}

.mod .mod-item input,
.mod .mod-item textarea {
	margin-left: auto;
	margin-right: 0;
    border-radius: 0;
    outline: 0;
    padding: 0px 8px 2px;
    line-height: 1;
    border-width: 1px;
    width: auto;
    flex: 0 1 auto;
    font-size: 18px;
	height: 32px;
	max-width: 312px;
	width: 100%;
	background: none;
}

.mod .mod-item textarea { height: 80px; }

.mod .mod-item .mod-item-check {
	margin: auto;
}

.mod .mod-item input[type="checkbox"] {
	width: auto;
	min-width: unset;
	margin: 0;
	height: auto;
}

.mod .mod-item input[type="checkbox"] ~ label {
	margin-left: 12px;
    margin-right: 0;
	font-size: 15px;
}

.mod .mod-item label {
	font-size: 18px;
	margin-right: 12px;
}

.mod .mod-item label ~ span {
    margin-left: auto;
    margin-right: 0;
    max-width: 312px;
    width: 100%;
}

.mod .mod-item .h-captcha {
	width: 100%;
	display: flex;
	justify-content: center;
}

.mod #HB_partecipa_reset { display: none; }

#HB_partecipa {
	border: 0;
	background: #1b1a21;
	color: #fff;
	transition: color .25s ease, border-color .25s ease;
	padding: .4rem .6rem;
	max-width: max-content;
	margin: 0 auto;
}

#HB_partecipa:hover {
	border-color: #727278;
	color: #727278;
}

@media screen and (max-width: 757px)
{
	.mod,
	.mod .mod-item {
		width: auto;
		max-width: 312px;
	}

	.mod .mod-item {
		flex-wrap: wrap;
	}

	.mod > .mod-item {
		width: 100%;
	}

	.mod .mod-item label {
		font-size: 18px;
		width: 100%;
	}

	.mod .mod-item input[type="checkbox"] ~ label {
		width: auto;
	}

	.mod .mod-item input:not([type="checkbox"]) {
		margin-left: 0;
	}
}



.search-filters ul {
	padding-left: 0;
	list-style: none;
}

.search-filters .srclbl {
    display: inline;
    margin-right: 12px;
	white-space: nowrap;
}

.search-filters .srclbl .btn-search-filter {
	text-decoration: none !important;
}

.search-filters .srclbl .btn-search-filter::before {
	font-family: "Font Awesome 5 Free";
	content: "\f00d";
	font-style: normal;
	font-weight: 900;
	margin-right: 4px;
	color: #ff1d25;
	transition: color .25s ease;
	text-decoration: none !important;
}

.search-filters .srclbl .btn-search-filter:hover::before { color: #727278; }

.search-filters .srclbl:first-of-type:last-of-type .btn-search-filter {
	cursor: default;
	color: #1b1a21;
	transition: none;
}
.search-filters .srclbl:first-of-type:last-of-type .btn-search-filter:hover {
	color: #1b1a21;
}

.search-filters .srclbl:first-of-type:last-of-type .btn-search-filter::before {
	content: "•";
	font-size: 25px;
	text-decoration: none !important;
	color: #1b1a21 !important;
    vertical-align: sub;
}



/* RELATIONS */
.relations-title {
    font-family: Playfair Display, serif;
    font-size: 22px;
	margin-bottom: 10px;
	display: block;
}

.detail-main .sff-swiper-container {
	max-width: calc(100vw - 490px);
}

.detail-main .sff-slide .book-title {
	font-size: 17px;
	display: block;
	margin-top: 12px;
}

.book-detail.opera { align-items: flex-end; }
.book-detail.opera .book-detail-name {
	width: 48px;
	vertical-align: bottom;
}

.book-detail.opera .book-detail-value {
	padding-left: 2px;
	font-size: 18px;
	vertical-align: bottom;
}

.book-detail.opera .book-detail-value span:last-child { display: none; }



/*
=====================
JQUERYUI AUTOCOMPLETE
=====================
*/
.autocomplete-wrapper{position:relative;}
.autocomplete-wrapper .loader{position:absolute;top:7px;right:10px;}
.ui-helper-hidden-accessible{display:none!important}
.ui-state-focus{color:#FFF!important;background-color:#ff1d25;text-decoration:none!important;}
.ui-widget{}
.ui-autocomplete{width:auto;overflow:hidden}
.ui-autocomplete.ui-menu{display:block;float:left;}
ul.ui-widget-content,ul.ui-widget-content li{list-style-type:none;margin:0;padding:0;}
ul.ui-widget-content{border:1px solid #1b1a21;background:#fff;overflow:auto;overflow-x:hidden;max-height:240px;font-family: Playfair Display, serif;}
ul.ui-widget-content li{color:#ff1d25;cursor:pointer;padding:3px;line-height:20px;}
ul.ui-widget-content li:hover{color:#FFF!important;background:#ff1d25;text-decoration:none!important;}
ul.ui-widget-content li.ui-menu-divider{display:none!important}



/*
=====
PRINT
=====
*/
@media print
{
    div {
		float: none !important;
		position: static !important;
		display: block !important; 
		box-sizing: content-box !important;
	}
	.col-header-description,
	.action-btns,
	.btn-back,
	.section-header,
	#dvtools,
	.debug,
	footer,
	.col-header-nav,
	.btn-view-list { display: none !important; }



	/* ### Dettaglio ### */
	.detail-wrapper { flex-wrap: wrap; }

	.detail-aside {
		margin-left: 0;
		padding-left: 0;
		border: none;
		display: block;
		/* flex-direction: row;
		flex-wrap: wrap; */
		width: 100%;
	}

	.detail-aside .related-cover {
		display: inline !important;
		width: auto;
		margin: 0;
		/* flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap; */
	}

	.detail-aside .related-cover .fta {
		width: auto;
		margin-left: 8px;
		margin-right: 8px;
		padding: 0;
		display: inline !important;
	}

	.detail-aside .related-img {
		width: auto;
		margin: 0;
		display: inline !important;
		height: 180px;
	}

	.detail-aside .related-title, .detail-aside .esemplari-title {
		width: 100%;
		margin: 0 0 12px;
	}

	footer .col-footer-ppp-logo,
	footer .col-footer-sff-logo {
		filter: invert();
	}

	footer .col-footer-sff-logo {
		align-self: center !important;
	}

	.book-detail .book-detail-value {
		margin-top: -22px;
   		margin-left: 150px;
	}

	.book-detail .book-detail-value a.btn-expand, .book-detail .book-detail-value a.btn-reduce {
		display: none !important;
	}

	.book-detail.expandable .book-detail-value > div {
		height: auto;
	}

	.book-details-title {
		break-before: auto;
	}

	.container { width: 100%; max-width: none; margin: 0; padding: 0 !important; }
	header { height: auto; padding: 0; }
	header .col-header-logo { margin-bottom: 0 !important; }



	/* ### SELEZIONATI ### */
	#list .row.row-res-info,
	#detail .row.row-res-info {
		display: block !important;
	}

	#list .col-res-info *,
	#detail .col-res-info * {
		display: inline !important;
	}

	#list .col-res-info .clr,
	#detail .col-res-info .clr { display: inline-block !important; }

	#list .col-res-selected,
	#detail .col-res-selected { display: none !important; }
	#list .search-res-checkbox,
	#detail .search-res-checkbox { display: none !important; }

	#list .search-res-item,
	#detail .search-res-item {
		display: block !important;
		page-break-inside: avoid !important;
	}

	#list .search-res-item::after,
	#detail .search-res-item::after {
		content: "."!important;
		color: #0000!important;
		clear: both !important;
		height: 1px!important;
		overflow: hidden!important;
		display: block!important;
		text-indent: -9999px!important;
	}
	
	#list .search-res-main,
	#detail .search-res-main {
		width: 100% !important;
	}
	
	#list .search-res-abstract,
	#detail .search-res-abstract {
		width: 100% !important;
		border: none !important;
	}
	
	#list .search-res-details,
	#detail .search-res-details { margin-left: 145px !important; }
	#list .search-res-abstract,
	#detail .search-res-abstract { margin-left: 145px !important; padding-left: 0 !important; }

	#list .cover,
	#detail .cover {
		float: left !important;
		width: 130px !important;
	}

	#list .go-to-scheda,
	#detail .go-to-scheda { display: none !important; }
}

@page { margin: 20mm 15mm; }


/* @media print
{
    div {
		float: none !important;
		position: static !important;
		display: block !important; 
		box-sizing: content-box !important;
	}

	.col-header-description,
	.action-btns,
	.btn-back,
	.section-header,
	#dvtools,
	.debug,
	footer,
	.col-header-nav,
	.btn-view-list { display: none !important; }

	.detail-wrapper { flex-wrap: wrap; }

	.detail-aside {
		margin-left: 0;
		border: none;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.detail-aside .related-cover {
		width: 100%;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.detail-aside .related-cover .fta {
		width: auto;
		margin-left: 8px;
		margin-right: 8px;
	}

	.detail-aside .related-img {
		width: auto;
		height: 180px;
	}

	.detail-aside .related-title, .detail-aside .esemplari-title {
		width: 100%;
		margin: 0 0 12px;
	}

	footer .col-footer-ppp-logo,
	footer .col-footer-sff-logo {
		filter: invert();
	}

	.book-detail .book-detail-value a.btn-expand, .book-detail .book-detail-value a.btn-reduce {
		display: none !important;
	}

	.book-detail.expandable .book-detail-value > div {
		height: auto;
	}

	.book-details-title {
		break-before: auto;
		background: black;
	}

	.container { width: 100%; max-width: none; margin: 0; padding: 0 !important; }
	header { height: auto; padding: 0; }
	header .col-header-logo { margin-bottom: 0 !important; }
}

@page {
	margin: 20mm 15mm;
} */

/*
==============================================================================
PRIVACY POLICY POPUP
==============================================================================
*/
.sliding-privacy-popup{color:#222;background:#363767;padding:30px 20px;font-size:14px;line-height:24px;box-sizing:border-box;position:fixed;z-index:999999;bottom:0;left:0;width:100%;color:#FFF;}
.sliding-privacy-popup h2{font-size:12px;color:#000;font-weight:bold;text-transform:uppercase;padding:0 0 5px 0}
.sliding-privacy-popup p{margin-bottom:5px}
.sliding-privacy-popup .popup-text{display:inline-block;}
.sliding-privacy-popup .popup-buttons{text-align:right;padding-top:5px;}
.sliding-privacy-popup a.agree-button,.sliding-privacy-popup a.find-more-button{text-shadow: 1px 1px 0 #ffffff;color:#000;border: 1px solid #dcdcdc;font-weight:bold;box-shadow: 0 1px 0 0 #ffffff inset;background:#dfdfdf;padding:2px;font-size:14px;margin-left:5px;font-style:normal;text-decoration:none}
.sliding-privacy-popup a.agree-button:hover,.sliding-privacy-popup a.find-more-button:hover{text-decoration:none}

/*
==============================================================================
MODAL GDPR
==============================================================================
*/
.modal-gdpr{display:block;position:fixed;z-index:999998;left:0;top:0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background:rgba(0,0,0,0.4);}
.modal-gdpr .modal-wrapper{position:relative;}

.modal-gdpr .modal-content {font-size:16px;line-height:21px;background-color:#fefefe;margin: 15% auto;border: 1px solid #888;width:60%;}
.modal-gdpr .modal-text{position:relative;padding: 30px;}
.modal-gdpr .close_gdpr{position:absolute;top:10px;right:15px;font-size:32px;}