html, body{margin:0px;padding:0px;height:100%;overflow-x: hidden; overflow-y:;background:#000;}
.scrollv { overflow-y: auto !important; }

body {font-size:62.5%; font-family:Arial, verdana, sans serif;color:#f4f4f4;}
h1, h2, h3, h4{font-size:2.4em;margin:0px;padding:0px;color:#fadf45;}
h2{font-size:2.3em;}
h3{font-size:1.8em;}
h4{font-size:1em;}
p{margin:1.5em 2em;padding:0px;font-size:1.8em;line-height:1.6em;}
.fontallerta{font-family:'Allerta Stencil', Arial, verdana, sans serif;}
.first-title{color:#fadf45;display:block;line-height:1.6;height:auto;width:auto;font-size:3.5em;text-align:left;margin:25px 0px 0px 0px;padding:0% 0 0% 4%;vertical-align:baseline;}
.first-title:first-letter{font-size:1.3em;}
.first-title:before{content:url("images/e-title.png");position: absolute;left: calc(4% - 15px);top: 40px;}
ul, ol{list-style-type:none;margin:0px;padding:0px;}
ul li{margin:0px;}
a, .color-a, a.anchornote{text-decoration:none;color:#fadf45;outline:none;}
a:hover, a.active, .color-b, a.anchornote:hover{text-decoration:none;color:#ff7213;}
a.invert, .color-b{color:#ff7213;} a:hover.invert, a:hover sup.color-b{color:#fadf45;}
p>a, .titoletto a, p>a:hover, .titoletto a:hover, .note a, .link li a{text-decoration:underline;}
figure{margin:0px;}
img.flexitem.bordo, .flexcontainerhome figure {
	flex:1 1 0;
	width:100%;
}
@font-face {font-family: 'typewrite';src: url('typewrite.ttf');}



#container, #container-gallery, #container-page, #container-video, #page-slider{margin:0px auto;width:100%;height:auto;background:#000;}
#container-gallery, #container-page, #container-video, #page-slider{background:url("images/bk-home-star.jpg") no-repeat fixed center center #000;background-size: cover;}
#page-slider{position:relative;overflow: hidden; width: 100%;max-width:100vw;}
.homeclaim{color:#ff7213;font-size:2rem;font-weight: normal;text-align-last: justify;}
.bk-gallery{background:url("images/bk-home.jpg") no-repeat center center;}
.wrap, .wrap-home{width:100%;height:auto;min-height:calc(100vh - 25px);margin:0px;padding:0px;overflow:auto;position:relative;}
.wrap-home{height:100vh;}
.wrap-courtesy {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
footer {height: 25px;}
.flexhome{flex:33.3%;padding:200px 0px 0px 15px;}
.update, .counter{flex:70%;text-align:center;padding:10px 0px;}
.counter .visit {padding: 0px 5px;}
.courtesyfont, .courtesyfont span, .menufont{font-family:'typewrite', Courier, serif;font-size:2.5rem;padding-top:30px;text-align:center;font-weight: normal;}
.courtesyfont span{font-size:1.2rem;}
.menufont{text-align:left;padding-top:0px;}
.column, .column2, .column-logo, .column3{float:left;width:35%;height:auto;margin:0px;padding:0px;position:relative;}
.column-logo{width:30%;}
.column2{width:50%;height:100%;}
.column3{width:33.33%;height:100%;}
.column-up, .flexcontainer{
	display:flex;
	flex-wrap: wrap;
	width:auto;
	height:auto;
	margin:0;
	position:relative;
	margin:2% 4% 0px 4%;
	padding:0px;
	justify-content: space-between;
	gap: 50px;}
.flexcontainerhome{margin:2% 0px;}	
.flexitem{flex:0 0 30%;}
.itembiblio{
	width: auto;
	height: auto;
	max-height: 9rem;
	margin: 0px 15px 15px 0px;}	
.copertina{border: 2px solid #fadf45;margin:10px auto;}
.contentleft, .videowrap{margin:0px;}
#container-planisfero{
	width:auto;
	height: auto;
	overflow: hidden;
	margin: 0px auto 15px auto;
	}
.bgimage{
	width:7680px;
	height:576px;
	margin:0;
	padding:0;
	background:url("images/planisfero parma.jpg") repeat;
	background-size:contain;}
#my-video{margin:2% 0 4% 0;}
#my-video,#container-planisfero{border:2px solid #fadf45;}
.videowrap, .contentleft{max-width:768px;word-wrap: break-word;}

/* Popup box BEGIN */
.hover_boxbkgr{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    left:0;
    width:100%;
    z-index:10000;
}
.hover_boxbkgr .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_boxbkgr > div {
    position: absolute;
    width:calc(100% - 40px);
    max-width:720px;  
    border-radius: 8px;
    top: 50%;
	left: 50%;
	box-shadow: 10px 10px 60px #555;
	transform: translate(-50%, -50%);
}
.popupCloseButton {
	color:#fadf45;
    background-color: #000;
    border: 3px solid #fadf45;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #fadf45;
	color: #000;
	border-color: #000;
}
.trigger_popup {
    cursor: pointer;
}
video{width: 100%;max-width:720px;max-height: 90vh;}
/* Popup box END */

.playbutton {
  border: 0;
  background: transparent;
  box-sizing: border-box;
  width: 0;
  height: 1rem;
  border-color: transparent transparent transparent #fadf45;
  transition: 300ms all ease;
  cursor: pointer;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  display: inline-block;
  margin: 0px;
  position: absolute;
  top: 50%;
  left: 2.2rem;
  transform: translate(0, -50%);
}
.activetrack .playbutton {
  border-style: double;
  border-width: 0px 0 0px 10px;
}
.playbutton:hover, .activetrack .playbutton  {
  border-color: transparent transparent transparent #fadf45;
}
.flexvideogallery a .playbutton {
	position: absolute;
	left: calc(50% - 15px);
	height: 2rem;
	border-width: 15px 0 15px 20px;
	z-index:150;
}
.flexvideogallery a:hover .playbutton {
	border-color: transparent transparent transparent #fadf45;
}
.playbutton::before {
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	line-height: 80px;
	border: 5px solid #fadf45;
	border-radius: 50%;
	background: transparent;
	position: absolute;
	left: calc(50% - 45px);
	top: calc(50% - 31px);
}
.overlay{position:absolute;bottom:10px;}
.btn a{font-size:1rem;line-height:1rem;font-weight:bold;padding:0.8rem 1.5rem;border:2px solid #fadf45;width: auto;
display: inline-block;background: var(--bg-color);text-transform:uppercase;}
.btn a:hover {
	color: #fff;
	background: #000;
	border-color: #fadf45;
}
.flexboxgallery{display:flex;flex-wrap:wrap;margin: 0;justify-content: space-between;gap: 100px;}
.flexvideogallery{flex:1 1 300px;margin:0;}
.flexvideogallery a{position: relative;display: block;opacity: 80%;background-color:transparent;}
.flexvideogallery a:hover{opacity: 100%;}
.flexvideogallery img {width:100%;max-width:100%;border:2px solid #fadf45;}

.dida{margin:0px;font-weight: bold;}
.logo{max-width:160px;display:block;margin:0px;}
.middle{margin:0px;width:100%;height:auto;margin-top: calc((100vh - 300px) / 2);}
.clear{clear:both;}
a.flag-ita, a.flag-eng{width:100px;height:50px;margin:0px 0px 0px auto;background:url("images/flag-ita.png") no-repeat top right;display:block;}
a.flag-eng{margin:auto 0px 0px 0px ;background:url("images/flag-eng.png") no-repeat top left;}
a:hover.flag-ita{background-position:bottom right;}
 a:hover.flag-eng{background-position:bottom left;}
.text-page{margin:3% 4% 2% 4%;text-align:justify;word-wrap: break-word;}
.text-page p, .text-page h2,.mail-add, .numlist li{margin:2% 0px;}
.text-float{padding:0 0 0 1%;}
.float{display:inline;float:left;margin:0 2% 0 0;}
.nofloat{clear:both;}
.mail-add, .mail-add a{font-weight:bold;font-size:1.8em;line-height:1.3em;}
.domanda{margin-left:70px;}
.text-page p.note{margin:0px;line-height:1em;font-size: 1.5em;}
.centra{margin:0px auto;display:block;text-align:center;}
.cerchiata, .cerchiatabig, .bio, .bio2{margin:3% 2%;padding:0px 0px 0px 1em;list-style:circle;font-size:1.8em;line-height: 1.3;}
.cerchiatabig{font-size:2.2em;}
.bio2{padding:0px;display:block;clear:both;float:none;margin:0px;}
.cerchiata li,.cerchiatabig li, .bio li, .bio2 li{margin:1% 0px 0px 0px;position:relative;}
.bio, .bio2{list-style:none;width:auto;}
.bio li{margin:0px 0px 0px 1.5em;}
.numlist{font-size:1.8em;line-height: 1.6em;list-style-type:decimal;list-style-position: inside;}
.numlist > li::marker {font-weight: bold;}
.link li a, .link a, .pdflink  li a {display:inline-block;width:calc(100% / 4);}
.link li a::after, .link a::after, .pdflink  li a::after{content:'';position:absolute;display:inline-block;width:30px;height:12px;background:url("images/pdficon.png") top right no-repeat;left: calc(100% / 4);top:25%;}
.link li a:hover::after, .link a:hover::after, .pdflink a:hover::after{background-position:bottom right;}
.pdflink  li a {width:auto;text-decoration: underline;}
.pdflink  li a::after{position:relative;top:0;left:0;}
.bold.biostart {margin: 5px 0px 15px 30px;}
.bordo{border:2px solid #fadf45;}
p.copyright{margin:0px;padding:0px;text-align:center;font-size:12px;position: relative; width: 100%;}
.copyright-img{position:relative;width:20%;text-align:left;margin: 0% 0% 0% 0%;float:left;}
.dati-img{position:relative;min-width:400px;text-align:left;margin:0px;}
.titoletto{margin:0;font-size:1.4rem;line-height:1.8rem;font-weight:bold;color: #fff;}
.dati{font-size:1.6em;}
.dati li{margin:2% 0px;padding:0px;}
.bold{font-weight:bold;}
.firma{float:none;clear:both;}
.fadehover{position:relative;margin:0 0.5%;height:auto;display:inline-block;max-width: 368px;}
.fadehover img{filter:grayscale(100%) brightness(75%);transition:filter 0.6s ease-in;}
.fadehover img:hover{filter:grayscale(0%);transition:filter 0.6s ease-out;}
img.a {position:absolute;left:0;top:0;z-index:10;} 
img.b {position:absolute;left:0;top:0;}
.column2 img.main-title{float:right;margin:5% 0px 0px 0px;}
.pdflink-menu{background: url("images/pdficon2.png") no-repeat top right;height:30px;padding:0 1.5em 0 0;}
a:hover.pdflink,a:hover.pdflink-menu{background-position:bottom right;}
a.backto-r, a.backto-l{margin:20% 0 0 -40px;position: absolute;bottom:0;display:block;width:30px;height:80px;background:url("images/back-l.png")no-repeat top right;}
a.backto-r{margin: 0 -40px 0 0;right:0;background:url("images/back-r.png")no-repeat top right;}
a:hover.backto-r, a:hover.backto-l{background-position:bottom right;}
.biblio li {font-size: 1rem;line-height:1.3rem;}
.biblio li a {text-decoration:underline;}
.biblio li span {font-weight:bold;}
.bibliotitolo {font-style:italic;color:#fadf45;}

#menu{margin:0px;padding:0px;text-align:left;max-width:300px;}
#menu ul{list-style-type:none;margin:0px auto;padding:0px;}
#menu ul li {margin:1% 0px 0px 0px;padding:0px;width:auto;}
#menu ul li a{margin:0px;font-size:2.2em;}
#menu ul li a span{text-align:right;font-style:italic;color:#000;font-size:0.8em;}
#menu ul li a:hover span{color:#f85e1e;}

ul.emoticon {text-align:;}
ul.emoticon li{display:inline-block; text-align:center;}
ul.emoticon img{margin:0px 0px 1em 0px;}
ul.emoticon figcaption{font-size:2em;border:2px solid #fadf45;padding:5px;margin: 5px;text-transform:uppercase;}



/*Media query*/
@media screen and (min-width: 1921px) {
#container-page, #container-video, .wrap, .first-title{margin: 0px auto;width: auto;max-width:1920px;}
.first-title{margin-top:25px;}
.column-up > .text-page{padding-left:883px;max-width:883px;}
.column-down > .text-page{max-width:1764px;}
}


@media screen and (max-width: 1200px) {
.copyright-img {position:relative;text-align:center;width:100%;margin:0;}
}

@media screen and (max-width: 1180px) {
p, .numlist{font-size:1.4em;}
.text-page p.note{font-size: 1.3em;}
.biblio li {font-size: 0.9rem;line-height:1.1rem;}
.cerchiata{font-size:1.4em;}
#container, #container-gallery, .wrap{text-align:center;height:100vh;overflow:auto;}
img{max-width:100%;}
#container-gallery{min-height:100%;}
.home,.home-ita, .home-eng{overflow-y: scroll;}
.column, .column2, .column-logo{position:relative;width:100%;height:auto;}
.column2{border-bottom:1px dashed #fffcd6;}
.column-up{display:block;}
.first-title{width:auto;line-height: 1.2em;padding: 0 30px;margin:10px 0;}
.first-title:before{left: 15px;top: 7px;}
.middle{margin-top: calc((100vh - 500px) / 2);}
#menu{text-align:center;margin:15% auto;display:block;float:none;padding:0px 3.5%;}
img.float{float:none;margin:2% auto;display:block;}
.fadehover{margin:0px auto;width:auto;position:relative;}
.dati-img, .copyright-img {position:relative;text-align:center;min-width:100%;margin:15% 0 0 0;}
#gallery-page{margin:2% auto;float:none;}
.text-page{margin:3%;}
.text-page img{margin:0px auto;}
div.slideshow img {max-width:100%;}
img.a {position:absolute;left:25%;top:0;z-index:10;margin:0;} 
img.b {position:absolute;left:25%;top:0;}
div.controls{margin:0px auto;float:none;}
div.image-desc{position:relative;width:100%;top:-100px;left:0px;}
div.image-desc p.center{margin:0px;}
div.navigation p{position:relative;width:100%;text-align:center;}
div.photo-index{left:50%;}
.videowrap, .contentleft{width:auto;margin:0px auto;float:none;}
.column-up{margin:2% 0px;}
.flexcontainer{display:block;}
.flexcontainer.flexcontainerhome{display:flex;}
.cerchiatabig {font-size: 1.8em;}
.link li a, .link a{width: calc(100% / 3)}
.link li a::after, .link a::after{left: calc(100% / 3);}
a.backto-r, a.backto-l{bottom:-10%;margin:0px;}
a.backto-l{left:0;}
.book {margin-left:0;}
.book img{width:100%;}
.homeclaim{font-size:1.7rem;text-align-last: auto;}
.itembiblio{max-height:5rem;margin:0px 10px 10px 0px!important;}
}
@media screen and (max-width: 830px) {
.contentleft{max-width:100%;margin:3%;}
.bgimage{width:1000vw;height:calc((100vw  / 4) * 3);}
.copertina{max-width: 96%;};
}
@media screen and (max-width: 773px) {
.videowrap{width:98%;}
#my-video{width:100%;margin:0px auto;}
.domanda {margin:0;display:block;font-size:0.8em;}
.link li a, .link a, .pdflink li a{width: auto}
.link li a::after, .link a::after{top:15%;left: calc(100% - 30px);}
.flexhome{padding:100px 0px 0px 0px;}
.courtesyfont{padding-top: 30px;}
}

@media screen and (max-width: 610px) {
#gallery, #gallery > img{width:100%;margin:0px auto;}
div.slideshow img {max-width:95%;}
}

@media screen and (max-width: 520px) {
img.a {left:0;top:0;z-index:10;} 
img.b {left:0;top:0;}
div.image-desc{top:-120px;}
.flexcontainer.flexcontainerhome{display:block;}
img.flexitem.bordo, .flexcontainerhome figure {width:100%;}
.flexvideogallery{flex:100%;margin:0 auto;}
.flexvideogallery img {max-width: 100%; width: calc(100% - 4px);}
.flexhome{flex:25%;}
.first-title{font-size:2.2rem;}
.first-title::first-letter {font-size: 3.3rem;}
}