body {
font-size:10px;
color:#000;
max-width: 1920px;
margin: 0 auto;
}
a {
color:#000;
}
/* UTILS
   ===============*/
.lh_small{
	line-height:1.18em;
	line-height:1;
}
.lh_medium{
	line-height:1.125em;
}
.lh_large{
	line-height:1.375em;
}
.lh_xlarge{
	line-height:1.6em;
}
.lh_xxlarge{
	line-height:2em;
}
.fs_ex_small{
	font-size:0.75em;
	font-size:1.2em;
}
.fs_small{
	font-size:0.812em;
	font-size:1.6em;
}
.fs_medium{
	font-size:0.875em;
	font-size:1.8em;
}
.fs_regular{
	font-size:2em;
}
.fs_big{
	font-size:2.4em;
}
.fs_xbig{
	font-size:3.6em;
}
.fs_xxbig{
	font-size:4.8em;
}
.font-w800 {
	font-weight:800;
}
.p_t_b_130 {
	padding-top:130px;
	padding-bottom:130px;
}
.p_t_b_150 {
	padding-top:150px;
	padding-bottom:150px;
}
.font-w800 {
font-weight:800;
}
.img-responsive-full {
width:100%;
}
.absolute-center {
position:absolute;
top:50%;
left:50%;
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
a.more,
span.more {
font-size:2.1em;
font-weight:600;
text-decoration:underline;
}
a.more-alt {
text-transform:uppercase;
text-decoration:none;
font-weight:700;
letter-spacing:3px;
display:inline-block;
color:inherit;
}
a.more-alt:after {
	content:'';
	display:block;
	height:0;
	width:70px;
	border:1px solid;
	margin-top:.6em;
	letter-spacing:0;
}
a.more-alt .double {
	font-size:2em;
	line-height:1.1;
	display:block;
	margin-bottom:5px;
	text-transform:none;
}
.more-block {
position:absolute;
top:0;
left:0;
z-index:11;
width:100%;
height:100%;
display:block;
color:#fff;
}
.more-block:after {
content:attr(data-text);
display:block;
position:absolute;
color:#fff;
font-size: 2.1em;
font-weight: 400;
text-decoration: underline;
}
.link-video {
display:inline-block;
height:46px;
line-height:46px;
padding-left:55px;
margin:25px 0;
font-weight:600;
color:inherit;
background:url('/media/images/ico_play.png') no-repeat 0 50%;
color:#d65da1;
}

.full-wrap {
padding-left:80px;
padding-right:80px;
box-sizing:border-box;
}
.no-content {
	min-height:20vh;
	margin-bottom:70px;
	position:relative;
}

.button, input[type='button']
/*, input[type='submit']*/{
	height: 52px;
	line-height: 50px;
	padding: 0px 30px;
	display: inline-block;
	border:solid 2px;
	font-weight: 600 !important;
	font-size: 14px;
	background-color: transparent;
}
.button.full-width{
	width: 100%;
	text-align: center;
	padding: 0px;
}
.title-decor:after {
content:"";
display:block;
height:0;
border-top:3px solid;
}

h1,
.h1 {
	font-size: 36px;
}
h2,
.h2 {
	font-size: 30px;
	font-size:28px;
}
h3,
.h3 {
	font-size: 24px;
}
h4,
.h4 {
	font-size: 20px;
}
h5,
.h5 {
	font-size: 16px;
}
h6,
.h6 {
	font-size: 14px;
}

.flex {
-webkit-flex-direction:row;
flex-direction:row;
-webkit-align-items:stretch;
align-items:stretch;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
display:-webkit-flex;
display:flex;
}
.flex-bottom {
-webkit-flex-direction:row;
flex-direction:row;
-webkit-align-items:flex-end;
align-items:flex-end;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
display:-webkit-flex;
display:flex;
}
.flex-top {
-webkit-flex-direction:row;
flex-direction:row;
-webkit-align-items:flex-start;
align-items:flex-start;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
display:-webkit-flex;
display:flex;
}
.flex > div,
.flex-bottom > div,
.flex-top > div {
float:none;
}
.Francy-cnt .caption{
text-align:center;
font-size:1.6em;
width:100%;
} 

#addsearch-results {
min-height:20vh!important;
}

/* BOOTSTRAP OVERWRITE
   ==========================*/
.close {
	opacity:1;
}
.navbar-nav > li > a {
padding-top:0;
padding-bottom:0;
}
.nav > li > a:hover,
.nav > li > a:focus {
background:transparent;
}
.btn.btn-default {
	font-weight:700;
	letter-spacing:1px;
	padding-top:2px;
	padding-bottom:3px;
}
.alternate-box-wrap > .box:nth-child(even) {
	background:#f7f8f9;
}
.alternate-box-wrap .label {
	padding:.4em 1.8em;
	margin-bottom:15px;
	display:inline-block;
	margin-right:10px;
}
.alternate-box-wrap h3 {
margin-top:5px;
}
/* PAGINAZIONE
==============*/
.pager {
margin:0 auto;
}
.pager li {
font-size:1.7em;
line-height:30px;
font-weight:400;
}
.pager .first {
margin-right:40px;
}
.pager .last {
margin-left:40px;
}
.pager li a,
.pager li span {
border:0;
color:#8b8d97;
color:#000;
font-weight:700;
width:30px;
height:30px;
text-align:center;
display:inline-block;
padding:0;
}
.pager .active span{
background:#e8b437;
color:#fff;
border-radius:50%;
font-weight:600;
}
.pager .previous a,
.pager .next a {
	background-position:0 0;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	/*
	   width:16px;
	   margin-top:7px;*/
}
.pager .previous a:hover,
.pager .next a:hover {
	background-color:transparent;
	background-color:#eee;
}
.pager .previous a:before {
	content:'\f060';
	font-family:"FontAwesome";
	/*background-image:url('/media/images/arrow_left.png');*/
}
.pager .next a:before {
	content:'\f061';
	font-family:"FontAwesome";
	/*background-image:url('/media/images/arrow_right.png');*/
}
/* NAVIGATION
   =====================*/
#site-header {
padding:35px 0 0;
}
#site-header > .header-wrap {
position:relative;
}
#site-header.affix {
width:100%;
background:#fff;
z-index:1000;
}
#main-nav {
margin-bottom:0;
}
#extra-nav {
font-size:1.6em;
margin-right:20px;
}
#extra-nav > li > .social {
margin-left:15px;
margin-right:0;
padding:0;
}
#site-header .btn.btn-default {
	margin-right:15px;
	padding-right:15px;
	padding-left:15px;
	text-transform:uppercase;
}
#site-header .btn.btn-default.btn-search{
font-size:.65em;
}
#site-header .menu-button .btn.btn-default {
margin:0 0 0 20px;
padding:0 20px;
position:relative;
bottom:-7px;
}
#site-header .btn.btn-default:hover,
#site-header .btn.btn-default.bg-warm2:focus {
background:#e8b437;
}
#site-header .btn.btn-default:focus {
background:#9498a2;
}
#site-header .btn.btn-default.bg-warm2:hover {
background:#000;
}
#extra-nav .fa {
font-size:1.2em;
line-height:1.4;
}
#nav-langs{
font-size:1.8em;
line-height:1;
margin-top:2px;
}
#nav-langs .active a {
font-weight:700;
color:#e8b437;
}
#site-header .navbar-nav > li > a {
padding:0;
}

#primary-menu {
font-size:2.4em;
font-weight:700;
}
/*
#primary-menu > li > a {
padding:10px 30px;
}
*/
#primary-menu .active a {
color:#e8b437;
}
#primary-menu  .menu-button {
display:none;
}
#secondary-menu {
font-size:1.6em;
line-height:1.8;
}
#secondary-menu > li {
display:block;
float:none;
clear:both;
}
.navbar-toggler {
display:block;
font-size:1.6em;
text-align:center;
float:right;
margin-top:-7px;
}
.navbar-toggler.bar[aria-expanded="true"] {
display:none;
}

/* FOOTER
   ==========*/
footer {
padding-bottom:200px;
background:url('/media/images/bg_footer.svg') repeat-x 0 100%;
background-size:auto 200px;
border-top:1px solid #f7f8f9;
}

.footer-links {
padding-top:80px;
padding-bottom:50px;
}
.footer-col {
font-size:1.5em;
}

.footer-col a {
color:#000;
}
.footer-col p {
line-height:1.65em;
}
.footer-col li > strong {
display:inline-block;
margin-bottom:.5em;
}
.footer-col strong + p,
.footer-col strong + ul {
padding-top:26px;
}
.footer-col li,
.footer-col p {
margin-bottom:.3em;
}

footer .social {
padding-left:10px;
}
.copy {
font-size:1.3em;
color:#666;
padding-top:20px;
padding-bottom:15px;
}

/* GRID GENERAL
 ===============*/
.grid {
overflow:hidden;
position:relative;
}
.grid figure{
	height: 100%;
}
.grid figure img{
width:100%;
height: 100%;
}

.grid figcaption {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.grid .grid-label {
color:#fff;
font-size:1.5em;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
padding:3px 15px;
display:inline-block;
}

.grid .wrap {
width:68.125%;
color:#fff;
text-align:center;
}
.grid .wrap p {
font-size:2.4em;
font-weight:700;
}
.grid .wrap h2 {
font-size:5.5em;
font-weight:700;
}
.grid.liv:after,
.grid.liv:before {
opacity:0;
-o-transition:opacity .5s ease;
-ms-transition:opacity .5s ease;
-webkit-transition:opacity .5s ease;
transition:opacity .5s ease;
}

.grid.liv:after {
content:"";
display:block;
position:absolute;
z-index:2;
top:0;
left:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-size:contain;
background-position:50% 50%;
-o-transition-delay:.1s;
-ms-transition-delay:.1s;
-webkit-transition-delay:.1s;
transition-delay:.1s;
}

.grid.liv:before {
content:"";
display:block;
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:100%;
background-color:inherit;
}

.liv1 .grid.liv:after,
.grid.liv1.liv:after {
background-image:url('/media/images/liv1.svg');
background-position:50% 100%;
background-size:auto 100%;
}
.liv2 .grid.liv:after,
.grid.liv2.liv:after {
background-image:url('/media/images/liv2.svg');
background-position:50% 100%;
background-size:auto 70%;
}
.liv3 .grid.liv:after,
.grid.liv3.liv:after {
background-image:url('/media/images/liv3.svg');
background-position:90% 90%;
background-size:auto 58%;
}
.liv4 .grid.liv:after,
.grid.liv4.liv:after {
background-image:url('/media/images/liv4.svg');
background-position:50% 100%;
background-size:auto 100%;
}
.liv5 .grid.liv:after,
.grid.liv5.liv:after {
background-image:url('/media/images/liv5.svg');
background-position:100% 100%;
background-size:auto 75%;
}
.liv6 .grid.liv:after,
.grid.liv6.liv:after {
background-image:url('/media/images/liv6.svg');
background-position:100% 100%;
background-size:auto 100%;
}
.liv7 .grid.liv:after,
.grid.liv7.liv:after {
background-image:url('/media/images/liv7.svg');
background-position:95% 100%;
background-size:auto 70%;
}
.livao .grid.liv:after,
.grid.livao.liv:after {
background-image:url('/media/images/livao.svg');
background-position:95% 100%;
background-size:auto 100%;
}
.path12 .grid.liv:after {
background-image:url('/media/images/path_12.svg');
background-position:95% 100%;
background-size:auto 100%;
}
.path3 .grid.liv:after {
background-image:url('/media/images/liv3.svg');
background-position:95% 100%;
background-size:auto 100%;
}
.path4 .grid.liv:after {
background-image:url('/media/images/liv4.svg');
background-position:95% 100%;
background-size:auto 100%;
}
.path567 .grid.liv:after {
background-image:url('/media/images/path_567.svg');
background-position:95% 100%;
background-size:auto 100%;
}
.pathao .grid.liv:after {
background-image:url('/media/images/livao.svg');
background-position:95% 100%;
background-size:auto 100%;
}
.liveventi .grid.liv:after,
.grid.liveventi.liv:after {
background-image:url('/media/images/liveventi.svg');
background-position:50% 100%;
background-size:auto 100%;
}
.livnews .grid.liv:after,
.grid.livnews.liv:after {
background-image:url('/media/images/livnews.svg');
background-position:100% 100%;
background-size:auto 100%;
}
.livspazi .grid.liv:after,
.grid.livspazi.liv:after {
	background-image:url('/media/images/livspazi.svg');
	background-position:100% 100%;
	background-size:auto 100%;
}
.livworkshop .grid.liv:after,
.grid.livworkshop.liv:after {
	background-image: url('/media/images/whorkshop_hbg.svg');
	background-position:100% 100%;
	background-size:70% auto;
}
.livtraining .grid.liv:after,
.grid.livtraining.liv:after {
	background-image: url('/media/images/training_hbg.svg');
	background-position:100% 100%;
	background-size:100% auto;
}
.livspecialp .grid.liv:after,
.grid.livspecialp.liv:after {
	background-image: url('/media/images/specialp_hbg.svg');
	background-position:100% 100%;
	background-size:100% auto;
}
.grid .more-block:after {
top:50%;
left:50%;
transform:translate(-50%,-50%);
display:none;
}
.grid:hover .more-block:after {
display:block;
}

/* INFO fondo interne didattica/servizi */
.info-reservation {
	color:#a09f9f;
}
.dida-wrap + .info-reservation {
	background-color:#f7f8f9;
}
.info-reservation a {
	color:inherit;
}
.info-reservation h2 {
	font-size:6em;
	margin-bottom:20px;
}
.info-reservation h3 {
	margin-bottom:20px;
}
.info-reservation .text {
	padding-bottom:15px;
}
.info-reservation .text p {
	margin-bottom:30px;
}
.info-reservation .text p:last-child {
	margin-bottom:0;
}
/* HOME
 ===============*/

.grid-home.liv:hover:before {
opacity:.97;
}
.grid-home.liv:hover:after {
opacity:.70;
}
.grid.grid-home figure:before{
content: "";
display: block;
width: 100%;
height: 100%;
background: #000;
opacity: .5;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.tickets {
/*
background:#2c2c2c url('/media/images/scala.svg') no-repeat 0 0;
background-size:auto 100%;
*/
background-color: #605370;
}
.tickets .wrap {
text-align:center;
padding:3em 0 3em 0px;
width:100%;
}
.tickets .grid-label,
.tickets .more {
color:#e8b437;
padding:0;
display:inline-block;
}
.tickets .more:hover {
color:#fff;
}
.tickets .grid-label {
padding-bottom:10px;

}
.tickets .more {
margin-top:10px;
}
.tickets h2 {margin:0;}
/*
.tickets h2:first-of-type{
color:#e3202d;
}
*/
.hilight-home > div {
height:11.25vw;
}
.hilight-home h2 {
font-size:3.6em;
color:#fff;
font-weight:700;
margin:0;
width:100%;
text-align:center;
}
.hilight-home .multimedia{
background:url('/media/images/bg_mm_foto.svg') #89317b no-repeat 0 0;
background-size: auto 100%;
opacity: .83;
}
.hilight-home .mag{
background:url('/media/images/mag-simbolo.svg') #009cd6 no-repeat 100% 100%;
background-size: auto 100%;
/* opacity: .83; */
}
.hilight-home .visite{
background:url('/media/images/bg_mm_visita.svg') #53a423 no-repeat 50% 100%;
background-size: 90% auto;
}
.hilight-home .ostello{
background:url('/media/images/bg_mm_ostello.svg') #f4be11 no-repeat 10px -10px;
background-size: auto 100%;
}
.hilight-home .sostieni{
background:url('/media/images/bg_mm_sostieni.svg') #ef6a20 no-repeat 50% 60%;
background-size: 100% auto;
}
.grid.social {
text-align:center;
}
.grid.social > div {
width:100%;
}
.grid.social .ico {
font-size:1.75em;
display:block;
padding-bottom:10px;
}
.grid.social h2 {
color:#fff;
font-size:2.7em;
font-weight:700;
margin:0;
/*margin:40px 0;*/
}
#info-main {
color:#b4b3b3;
}
#info-main .row {
padding:75px 0 60px;
}
#info-main h2,
#info-main h3,
#info-main h4 {
color:#000;
font-weight:700;
}
#info-main h2 {
font-size:7.2em;
font-weight:700;
margin-top:0;
margin-bottom:20px;
}
#info-main h3 {
font-size:2.4em;
}
#info-main h4 {
font-size:1.8em;
}
#info-main .more-alt {
color:#000;
}
#info-main .more-alt:hover {
color:#e8b437;
}
#info-main .btn.btn-default,
#info-main .btn.btn-default:focus {
font-size:1.6em;
margin-bottom:20px;
}
#info-main .btn.btn-default:hover {
background-color:#000;
}
#special-tickets h2 {
font-size:2.4em;
font-weight:700;
color:#000;
margin-bottom:40px;
}
.tickets-box {
height:145px;
}
.tickets-box h3 {
font-size:3.4em;
font-weight:700;
line-height:1;
text-align:center;
color:#fff;
width:60%;
margin:0;
padding:0;
width:100%;
}
.tickets-box > div {
overflow:hidden;
height:100%;
}
.tickets-box {
margin-bottom:30px;
}
.tickets-box.museum .title {
background:#99509c;
}
.tickets-box.acrp-pass .title {
background:#a1a232;
}
.tickets-box.acrp-pass-plus .title {
background:#007c68;
}
.tickets-box.sdms-pp .title {
background:#cd020f;
}

.tickets-box.mostre-t .title {
background:#004c8d;
}

.tickets-box .title:before {
content:attr(data-title);
color:#fff;
display:block;
position:absolute;
font-size:12em;
font-weight:900;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
opacity:.1;
}
.tickets-box.acrp-pass .title:before,
.tickets-box.sdms-pp .title:before {
opacity:.2;
}
.tickets-box .info  {
background:#fff;
padding:30px 40px;
font-size:1.8em;
color:#b4b3b3;
}
.tickets-box .info .more {
font-size:.92em;
}

/* home board */
#board{
border-bottom:1px solid #f7f8f9;
}
.board-box {
height:25vw;
overflow:hidden;
position:relative;
z-index:0;
}

.board-box:before  {
content:'';
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
z-index:4;
background:#4f3e65;
opacity:0;
-ms-transition:opacity .5s;
-o-transition:opacity .5s;
-webkit-transition:opacity .5s;
transition:opacity .5s;
}
.board-box:hover:before  {
opacity:.83;
}

.board-box .more-block:before  {
content:'';
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
z-index:3;
background:url('/media/images/livnews.svg') no-repeat 110% 0;
background-size:auto 100%;
opacity:0;
-ms-transition:opacity .5s;
-o-transition:opacity .5s;
-webkit-transition:opacity .5s;
transition:opacity .5s;
}
.board-box .more-block:hover:before  {
opacity:.35;
}
.board-box .more-block:after  {
width:100%;
top:50%;
left:0;
z-index:3;
text-align:center;
text-decoration:none;
font-weight:700;
font-size:5em;
opacity:0;
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-ms-transition:opacity .5s;
-o-transition:opacity .5s;
-webkit-transition:opacity .5s;
transition:opacity .5s;
}
.board-box .more-block:hover:after  {
opacity:1;
}
.board-box:not(.img) {
border-width:1px 1px 0 0;
border-style:solid;
border-color: #f7f8f9;
}
.board-box.news {
background:#f7f8f9;
}
.board-box.news:not(.img) {
border-color:#fff;
}
.board-box img {
position:absolute;
z-index:0;
display:block;
}
.board-box.img {
color:#fff;
}

.board-box.img:after {
content:"";
display:block;
width:100%;
height:100%;
background: #000;
opacity:.55;
position:absolute;
top:0;
left:0;
z-index:1;
}
.board-box .wrap {
z-index:3;
width:100%;
padding:0 10%;
text-align:center;
}
.board-box .date {
color:#868686;
font-size:2em;
font-weight:600;
}
.board-box.img .date {
color:#fff;
}
.board-box h2 {
font-size:2.8em;
font-weight:700;
margin-bottom:30px;
}
.board-box .box-label {
font-size:1.6em;
}
.board-box.news .box-label {
color:#868686;
}
.board-box.notice .box-label {
color:#cd020f;
}
.board-box.img .box-label {
color:#fff;
}


/* ESPLORA */
#museum-map  {
color:#000;
margin-bottom:50px;
}

#museum-map .intro {
width:38%;
margin-top:.5m;
}
#museum-map h1 {
font-size:6em;
margin:0 0 1.6em;
line-height:1;
}
#museum-map p {
font-size:2.2em;
}
#museum-map .legend p {
color:#bdbbbb;
font-size:2.4em;
font-weight:700;
}
#museum-map .legend .leg {
color:#000;
display:inline-block;
padding-left:1.4em;
padding-right:.2em;
background-repeat:no-repeat;
background-size:1em auto;
background-position:0 50%;
}
#museum-map .enter{
position:relative;
}
#museum-map .enter:after  {
content:"";
display:inline-block;
position:absolute;
top:100%;
left:0;
width:2em;
height:1em;
background:url('/media/images/ingresso.svg') no-repeat 50% 50%;
background-size:1em auto;
padding-bottom:2em;
}
#museum-map .legend .leg1 {
background-image:url('/media/images/leg1.svg');
}
#museum-map .legend .leg2 {
background-image:url('/media/images/leg2.svg');
}
#museum-map .legend .leg3 {
background-image:url('/media/images/leg3.svg');
}
#museum-map .legend .leg4 {
background-image:url('/media/images/leg4.svg');
}
#museum-map .legend .leg5 {
background-image:url('/media/images/leg5.svg');
}
#museum-map .legend .leg6 {
background-image:url('/media/images/leg6.svg');
}
#museum-map .legend .leg7 {
background-image:url('/media/images/leg7.svg');
}
.map-svg {
width:100%;
margin-top:50px;
}
#museum-paths {
overflow:hidden;
position:relative;
}
#museum-paths .tab {
padding-top:50px;
position:absolute;
overflow:hidden;
top:-100%;
z-index:0;
transition:all 1s;
opacity:0;
}
#museum-paths .tab.visible {
position:relative;
opacity:1;
top:0;
z-index:1;
}
#museum-paths .wrap > div{
margin-bottom:30px;
height:136px;
overflow:hidden;
}
#museum-paths .text{
/*width:60%;*/
padding-left:3%;
}

#museum-paths .cta {
margin:0;
}
#museum-paths h2 {
/*font-size:3.6em;*/
font-weight:700;
margin-bottom:40px;
}
#museum-paths .cta + h2 {
margin-top:0;
}

#museum-paths h3 {
font-size:2.4em;
font-weight:700;
margin:.3em 0 .5em;
}
#museum-paths .lev {
font-size:1.6em;
line-height:1;
font-weight:600;
color:#868686;
}
#museum-paths p {
color:#b4b3b3;
font-size:1.6em;
}
#museum-levels {
color:#fff;
}
#museum-levels > div > div {
height:31.25vw;
background-repeat:no-repeat;
}

#museum-levels .liv:hover {
opacity:.4;
}
#museum-levels .liv:hover .more-block:after {
color:#000;
}
.path12.liv {
background-image:url('/media/images/path_12.svg');
background-size:auto 100%;
background-position:0 100%;
}
.path3.liv {
background-image:url('/media/images/path_3.svg');
background-size:80% auto;
background-position:50% 75%;
}
.path4.liv {
background-image:url('/media/images/path_4.svg');
background-size:auto 100%;
background-position:50% 0%;
}
.path567.liv {
background-image:url('/media/images/path_567.svg');
background-size:auto 100%;
background-position:0 100%;
}
.pathao.liv {
background-image:url('/media/images/path_ao.svg');
background-size:auto 72%;
background-position:20% 100%;
}
#museum-levels h2 {
font-size:8.8em;
line-height:1;
text-align:center;
width:100%;
margin:0;
}
#museum-levels .more-block:after {
top:auto;
bottom:5vw;
text-align:center;
width:100%;}

/* ARCHIVI mostre /eventi 
   =============================*/
.archive-ref {
	color:#fff;
	padding:20px 0;
	-webkit-align-items:center;
	align-items:center;
}
.archive-ref .btn.btn-default {
	background:#fff;
	padding:10px 20px;
}
.archive-ref.mostre .btn.btn-default { 
	color:#004c8d;
}
.archive-ref.eventi .btn.btn-default { 
	color:#8b9f01;
}
.archive-ref .text-wrap {
	padding-right:40px;
}
.archive-ref .archive-icon {
	margin:0 40px 0 auto;
}
.archive-ref h2 {
	font-weight:700;
	font-size:3.6em;
	margin:0 0 5px;
}
.archive-ref h3 {
	font-weight:600;
	font-size:2.4em;
	margin:0;
}

/* INTERNE
esplora/mostre
==============================*/
.headline  {
	background-repeat:no-repeat;
	background-size:auto 100%;
	color:#fff;
	position:relative;
}
.headline-label {
	background:#fff;
	font-size:1.5em;
	font-weight:600;
	letter-spacing:2px;
	text-transform:uppercase;
	padding:3px 15px;
	display:inline-block;
	position:absolute;
	top:30px;
	left:30px;
}
.headline .lev {
font-size:2.4em;
font-weight:700;
text-transform:uppercase;
letter-spacing:2px;
}
.liv1 .headline {
background-image:url('/media/images/liv_h1.svg');
background-position:90% 50%;
}
.liv2 .headline {
background-image:url('/media/images/liv_h2.svg');
background-position:85% 100%;
}
.liv3 .headline {
background-image:url('/media/images/liv_h3.svg');
background-position:85% 90%;
}
.liv4 .headline {
background-image:url('/media/images/liv_h4.svg');
background-position:85% 100%;
}
.liv5 .headline {
background-image:url('/media/images/liv_h5.svg');
background-position:100% 100%;
}
.liv6 .headline {
background-image:url('/media/images/liv_h6.svg');
background-position:90% 100%;
}
.liv7 .headline {
background-image:url('/media/images/liv_h7.svg');
background-position:85% 100%;
}
.livao .headline {
background-image:url('/media/images/liv_hao.svg');
background-position:95% 50%;
}
.path12 .headline {
background-image:url('/media/images/path_h12.svg');
background-position:100% 100%;
}
.path3 .headline {
background-image:url('/media/images/liv_h3.svg');
background-position:100% 100%;
}
.path4 .headline {
background-image:url('/media/images/liv_h4.svg');
background-position:100% 100%;
}
.path567 .headline {
background-image:url('/media/images/path_h567.svg');
background-position:100% 100%;
}
.pathao .headline {
background-image:url('/media/images/liv_hao.svg');
background-position:100% 100%;
}
.liveventi .headline {
background-image:url('/media/images/liv_heventi.svg');
background-position:95% 50%;
}
.livnews .headline {
	background-image:url('/media/images/liv_hnews.svg');
	background-position:100% 50%;
}
.livspazi .headline {
	background-image:url('/media/images/liv_hspazi.svg');
	background-position:100% 50%;
}
.headline h1 {
font-size:6.4em;
font-weight:800;
}
.headline .text{
font-size:3em;
font-weight:700;
}
.explain {
margin:100px 0 80px;
}
div:not(.about-page).explain h2 {
font-size:3.2em;
font-weight:700;
margin-bottom:65px;
}
div:not(.about-page).explain h2 a {
text-decoration:underline;
color:inherit;
}
div:not(.about-page).explain h2 a:hover {
color:#000;
}
div:not(.about-page).explain .text h3 {
font-size:1em;
font-weight:600;
margin:0 0 1em;
}
.explain p + h3 {
margin-top:3em;
}
.explain .text {
font-size:2.4em;
}
.explain .text p {
margin-bottom:1em;
}
.explain .text a{
font-weight:700;
text-decoration:underline;
color:inherit;
}
.explain .text a:hover{
color:#000;
}
.explain.places div.text {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.expo-author {
padding-bottom:140px;
}
.expo-author h2 {
margin-bottom:1em;
}
.author-link {
font-size:32px;
font-weight:400;
margin-top:.4em;
margin-bottom:1em;
display:inline-block;
}
.expo-author .img {
padding-top:3em;
}

.gallery .more-block:after {
font-size:4.8em;
font-weight:500;
text-decoration:none;
}
.gallery .grid:hover:before {
opacity:.83;
}
.gallery .grid:hover:after {
opacity:.35;
}
/* PLACES
======================*/
.headline.places {
padding:80px 0 140px;
}
.headline.places h1 {
margin-bottom:40px;
}
.headline.places h1:after{
width:70px;
margin-top:40px;
border-width:4px;
}
.gallery {
padding:7px;
}
.gallery .gallery-box {
padding:7px;
}

/* expo / event
===========*/

.headline.expo h1 {
margin-bottom:1.875em;
}
.curator {
font-size:2em;
font-weight:200;
}
.main-img {
padding-top:90px;
}
.expo-info h3:before {
content:"";
display:block;
width:70px;
height:0;
border-top:4px solid;
position:absolute;
top:0;
}
.expo-info h3{
font-size:2.6em;
font-weight:500;
margin:2.6em 0 20px;
}
.expo-info h4{
margin-bottom:.6em;
}
.expo-info p {
margin-bottom:1em;
}
.expo-info .more-alt {
font-size:1.2em;
margin-top:10px;
}
.expo-info .more-alt:hover  {
color:#000;
}
.expo-info .box {
margin-bottom:55px;
}
.expo.gallery .container {
margin-bottom:130px;
}

/* NEWS LIST
============*/
#page-news .box-news {
margin-bottom:60px;
}

/* NEWS include
==================*/
.box-news .image {
position:relative;
}
.box-news .image:before  {
content:'';
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
z-index:4;
background:#4f3e65;
opacity:0;
-ms-transition:opacity .5s;
-o-transition:opacity .5s;
-webkit-transition:opacity .5s;
transition:opacity .5s;
}
.box-news:hover .image:before  {
opacity:.83;
}

.box-news .image:after  {
content:'';
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
z-index:3;
background:url('/media/images/livnews.svg') no-repeat 110% 0;
background-size:auto 100%;
opacity:0;
-ms-transition:opacity .5s;
-o-transition:opacity .5s;
-webkit-transition:opacity .5s;
transition:opacity .5s;
}
.box-news:hover .image:after  {
opacity:.35;
}
.news img {
margin-bottom:30px;
}
.news h2 {
margin-bottom:30px;
}
.news .date {
color:#868686;
font-size:2em;
font-weight:700;
margin-bottom:30px;
display:inline-block;
}
.news p {
font-size:2.8em;
font-weight:700;
}
.news .more {
font-weight:500;
}
.box-news:hover .more {
color:#e8b437;
}
.box-news .more-block:after {
width:100%;
height:100%;
top:8vw;
left:0;
text-align:center;
text-decoration:none;
font-size:4em;
font-weight:700;
opacity:0;
-ms-transition:opacity .5s;
-o-transition:opacity .5s;
-webkit-transition:opacity .5s;
transition:opacity .5s;
}
.box-news:hover .more-block:after {
opacity:1;
}

/* NEW PAGE
============*/
.explain.new .expo-info  {
margin-bottom:5em;
}
.explain.new .expo-info .more-alt:hover {
color:#e8b437;
}
.explain.new .expo-info:last-child  {
margin-bottom:0;
}
.explain.new .text {
color:#a09f9f;
}
/* PAGINE REDAZIONALI INTERNE
================================*/
.headline-red {
background:#f3f3f3;
}
.headline-red h1 {
font-size:6.8em;
font-weight:700;
margin-bottom:40px;
}
.headline-red .text {
color:#656464;
opacity:.8;
}
.headline-red a {
color:#e8b437;
font-weight:500;
}
.headline-red a:hover {
color:#000;
}
/* SERVIZI
==================*/

.spazi-wrap .image {
background:url('/media/images/servizi.jpg') no-repeat 100% 0;
background-size:cover;
}
#spazi.servizi {
color:#fff;
background:#5b4a6f;
}
#spazi.servizi .btn.btn-default{
	background:#fff;
	color:#5b4a6f;
}
#spazi.servizi .btn.btn-default:hover {
	color:#99519d;
}
#spazi.servizi .wrap {
/*padding-left:19%;
padding-right:19%;*/
}
.servizi h2 {
font-size:6em;
font-weight:700;
margin-bottom:.8em;
}

.servizi-wrap .text {
color:#a09f9f;
font-weight:400;
margin-bottom:1.4em;
}
.servizi-wrap .text strong {
color:#000;
}
.servizi-wrap .text .evidence {
color:#5b4a6f;
}
.servizi-wrap .btn.btn-default {
background:#5b4a6f;
color:#fff;
font-size:24px;
height:65px;
line-height:60px;
padding-left:1.5em;
padding-right:1.5em;
}
.servizi-wrap .btn.btn-default:hover { 
background:#000;
}
.servizi p {
margin-bottom:1.8em;
}
.servizi .evidence {
font-weight:600;
}
.downloads-wrap .more-alt:after,
.servizi .more-alt:after {
	content:"\f063";
	font-family:"FontAwesome";
	display:inline-block;
	width:40px;
	height:40px;
	background: #99509c;
	color:#fff;
	border-radius:50%;
	position:absolute;
	/* top:5px; */
	top:auto;
	bottom:10px;
	left:auto;
	right:0;
	text-align:center;
	line-height:40px;
	border:0;
}
.downloads-wrap .more-alt,
.servizi .more-alt {
font-size:12px;
font-weight:700;
margin-bottom:2em;
color:#99509c;
display:inline-block;
padding-right:5em;
padding-bottom:10px;
/*background:url('/media/images/download_purple.png') no-repeat 100% 50%;*/
border-bottom:2px solid #99509c;
width:230px;
position:relative;
}
.servizi .more-alt:hover {
color:#000;
border-color:#000;
}
.servizi .more-alt:hover:after {
background:#000;
}


/* TIROCINI E STAGE 
   =======================*/

.tirocini  {
	color:#a09f9f;
}
.tirocini .title-decor:after {
	width:70px;
	margin-top:35px;
	border-color:#67537e;
	border-width:4px;
}
.tirocini h2 {
	margin:10px 0 .5em;
}
.tirocini .text {
	margin-bottom:15px;
}
.tirocini .text p {
	margin-bottom:1em;
} 
.tirocini .date,
.tirocini .text strong {
	color:#99509c;
}
.tirocini .downloads {
	margin-top:2.5em;
	-webkit-align-items:flex-end;
	align-items:flex-end;
}
.tirocini .downloads .more-alt {
	margin-bottom:15px;
}
.alternate-box-wrap .servizi-wrap .btn.btn-default {
height: 40px;
line-height: 34px;
font-size: 22px;
padding: 0 1em;
}
#form-tirocini .servizi-wrap .btn.btn-default{
	font-size:2em;
}
#form-tirocini .form-check-label {
font-size:1.6em;
font-weight:400;
padding-top:1em;
}
#form-tirocini .form-check-label a {
text-decoration:underline;
}
#form-tirocini .form-check-label input {
margin-right:5px;
display:inline-block;
}
/* SPAZI 
   ======================*/
.grid-home.livspazi:hover:before {
	opacity:.83;
}
/* DIDATTICA
==============*/
.didattica-main-img{
padding-bottom:75px;
}

.didattica h2 {
font-size:6em;
font-weight:700;
margin-top:0;
}
.didattica h3 {
font-size:3.2em;
font-weight:700;
margin-bottom:1.4em;
}
.didattica .text,
.didattica-info .text {
color:#a09f9f;
}

.didattica-info h2 {
font-size:4.2em;
font-weight:700;
margin-bottom:1em;
}
.didattica-info h3 {
margin-bottom:1.6em;
}
.didattica-info .more-alt {
color:#000;
font-size:12px;
}
.didattica-info .more-alt:after {
margin-top:.2em;
}
.didattica-info .row:nth-of-type(1) > div:nth-of-type(1) h3 {
color:#004c8d;
}
.didattica-info .row:nth-of-type(1) > div:nth-of-type(2) h3 {
color:#d55d9b;
}
.didattica-info .row:nth-of-type(2) > div:nth-of-type(1) h3 {
color:#85d2e4;
}
.didattica-info .row:nth-of-type(2) > div:nth-of-type(2) h3 {
color:#99509c;
}
.didattica-info p {
margin-bottom:1.2em;
}
.didattica-info .row {
margin-bottom:70px;
}
.didattica .btn.btn-default {
	color:#fff;
}
.didattica .btn.btn-default:hover {
	background:#000;
}
.school .btn.btn-default {
	background:#8c448e;
}
.child .btn.btn-default {
	background:#69bfd3;
}
.workshop .btn.btn-default {
	background:#eeb816;
}
.training .btn.btn-default {
	background:#5dae30;
}
.special-p .btn.btn-default {
	background:#d40d1a;
}

/* INTERNE 
   ===============*/
.headline-dida {
	margin-bottom:75px;
}
.headline-dida h1 {
	font-weight:700;
	font-size:6.8em;
	color:#fff;
}
/*
   @media screen and (min-width:768px) {
   .box-wrap.mosaic > div  {
   column-count:3;
   column-gap:30px;
   }

   .box-wrap.mosaic  .box {
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid;
   display:inline-block;
   width:100%;
   }
   }
 */
.mosaic > div {
	display:none;
}
@media screen and (min-width:992px)  {
	.mosaic .desktop {
		display:block;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.mosaic .tablet {
		display:block;
	}
}
@media screen and (max-width:767px)  {
	.mosaic .mobile {
		display:block;
	}
}

.mosaic .box  {
	border:5px solid;
	margin-bottom:30px;
	text-align:center;
}
.mosaic .box .text-wrap {
	padding:25px 20px;
}
.mosaic .box .text {
	margin-bottom:20px;
}
.mosaic h2 {
	font-size:2.6em;
	text-transform:uppercase;
	margin-bottom:15px;
}
.mosaic p.date {
	color:#868686;
	padding-bottom:10px;
}
.mosaic .box-ref {
	text-transform:uppercase;
}
.headline-dida {
	background-repeat:no-repeat;
}
.filter-wrap.filter-dida {
	color:#fff;
}
.filter-wrap.filter-dida .btn.btn-default{
	font-size:1.3em;
	text-transform:uppercase;
	margin-right:12px;
	margin-bottom:15px;
	padding: 10px 22px;
	box-shadow:none;
}

/* alternate - box */
.dida.alternate-box .box .details {
margin-bottom:30px;
}
.dida.alternate-box h2 {
	margin-top:0;
	margin-bottom:25px;
}
.dida.alternate-box .text p {
	margin-bottom:1.2em;
}
.dida.alternate-box .text.title-decor:after {
	width:70px;
	margin-top:30px;
	margin-bottom:40px;
}

.dida.alternate-box .d-label {
	text-transform:uppercase; 
}
.dida.alternate-box li {
	margin-bottom:15px;
}
.dida.alternate-box .more-alt {
	position:relative;
	font-size:1.2em;
}
.dida.alternate-box .more-alt:hover {
color:#000!important;
}
.dida.alternate-box .more-alt:after {
	font-family: "FontAwesome";
	font-size:1.2em;
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #000;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top:0;
	text-align: center;
	line-height: 40px;
	border: 0;
	margin-top:0;
}
.dida.alternate-box .more-alt:hover:after {
background:#000;
}
.dida.alternate-box .gall {
	padding-right:55px;
	height:40px;
	line-height:40px;
	
}
.dida.alternate-box .gall.more-alt:after {
	content:"\f061";
	left:auto;
	right:0;
}
.dida.alternate-box .download {
padding-left:55px;
}
.dida.alternate-box .download.more-alt:after {
	content:"\f061";
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
/* Scuole - solo listing primo livello
   ======================================= */
.school-fg {
	color:#8c448f!important;
}
.school .text strong {
	color:#8c448f;
}
.school .headline-dida {
	background-color:#8c448f;
	background-image: url('/media/images/school_hbg.svg');
	background-position:70% 100%;
	background-size:auto 100%;
	margin-bottom:0;
}
.filter-school {
	background:#7c3d7f;
	padding:100px 0 70px;
}
.filter-school .btn.btn-default {
	background:#99509c;
}
.filter-school .btn.btn-default.active,
.filter-school .btn.btn-default:hover {
	background:#c975cc;
}
.school.alternate-box-wrap {
	color:#a09f9f;
}
.school.alternate-box-wrap .label {
	background:#8c448f;
	border-radius:0;
}
.school.alternate-box-wrap .more-alt:after {
	background-color:#8c448f;
}
/* Bambini - solo listing primo livello
   ======================================= */
.child-fg {
	color:#69bfd3!important;
}
.child .text strong {
	color:#69bfd3;
}
.child .headline-dida {
	background-color:#69bfd3;
	background-image: url('/media/images/child_hbg.svg');
	background-position:70% 0%;
	background-size:auto 80%;
	margin-bottom:0;
}
.filter-child {
	background:#38a;
	padding:100px 0 70px;
}
.filter-child .btn.btn-default {
	background:#4ac;
}
.filter-child .btn.btn-default.active,
.filter-child .btn.btn-default:hover {
	background:#6bd;
}
.child.alternate-box-wrap {
	color:#a09f9f;
}
.child.alternate-box-wrap .label {
	background:#69bfd3;
	border-radius:0;
}
.child.alternate-box-wrap .more-alt:after {
	background-color:#69bfd3;
}
/* Workshops 
   ==================*/
.workshop a {
	color:#eeb816;
}
.workshop .headline-dida,
.livworkshop .headline.expo {
	background-color:#eeb816;
	background-image: url('/media/images/whorkshop_hbg.svg');
	background-position:70% 100%;
	background-size:auto 80%;
}
.workshop .mosaic .box {
	border-color:#eeb816;
}

/* Formazione */
.training a {
	color:#5dae30;
}
.training .headline-dida,
.livtraining .headline.expo {
	background-color:#5dae30;
	background-image: url('/media/images/training_hbg.svg');
	background-position:70% 100%;
	background-size:auto 100%;
}
.training .mosaic .box {
	border-color:#5dae30;
}
/* Progetti speciali */
.special-p a {
	color:#d40d1a;
}
.special-p .headline-dida,
.livspecialp .headline.expo {
	background-color:#d40d1a;
	background-image: url('/media/images/specialp_hbg.svg');
	background-position:100% -3%;
	background-size:auto 98%;
}
.special-p .mosaic .box {
	border-color:#d40d1a;
}
/* CHI SIAMO 
=============*/
.about-page {
color:#a09f9f
}
.about-page .titles {
color:#000;
}
.about-page .titles h1 {
font-size:3.6em;
font-weight:700;
}
.about-page .titles h2 {
font-size:7.2em;
font-weight:900;
margin:0 0 1em;
}
.about-info .box {
padding-bottom:20px;
}
.about-info .box:before {
content:"";
display:block;
width:40px;
height:0;
border-top:2px solid #004c8d;
margin-bottom:30px;
}

.about-info .box:first-of-type:before {
width:70px;
margin-top:30px;
margin-bottom:60px;
border-top-width:4px;
}
.about-info .wrap {
margin-bottom:.8em;
}
.about-info h3 {
font-size:3em;
font-weight:400;
letter-spacing:2px;
margin-bottom:30px;
}
.about-info h2,
.about-info h4 {
color:#004c8d;
}
.about-info h4 {
margin-bottom:20px;
}
.about-info h5 {
color:#000;
margin:0 0 .3em;
}
.about-info .box a {
display:inline-block;
margin-top:.3em;
}
.about-info .box:first-of-type a {
margin-top:.5em;
}
.about-page .downloads-wrap {
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:flex-end;
align-items:flex-end;
}
.about-page .downloads-wrap .more-alt {
color:#004c8d;
border-color:#004c8d;
}

.about-page .downloads-wrap .more-alt:after {
background:#004c8d;
}
.about-page .downloads-wrap .more-alt:hover {
color:#000;
border-color:#000;
}
.about-page .downloads-wrap .more-alt:hover:after {
background:#000;
}
/* info-visit
===========*/
.info-visit .box {
/*margin-bottom:90px;*/
margin-bottom:35px;
}
/*.info-visit .box:last-child {
margin-bottom:0;
}*/
.info-visit h2{
font-size:6em;
margin:-.1em 0 0;
}
.info-visit h3 + p {
margin-top:40px;
}
.info-visit h3{
text-transform:uppercase;
margin:0 0 .2em;
}
.info-visit .text {
color:#b4b3b3;
color:#a09f9f;
font-weight:400;
opacity:1;
}

/* CONTATTI 
=============*/
.contatti1 {
color:#fff;
background:#004c8d;
}
.contatti2 {
background:#f3f3f3;
}
.contatti3 {
color:#fff;
background:#2a6ca4;
}
.contatti1 p,
contatti3 p {
color:#f3f3f3;
}
#contacts-place h2 {
font-size:4.2em;
}
#contacts-special h2 {
font-size:3.2em;
margin:0 0 .2em;
}
#contacts-special h3 {
margin:0 0 .2em;
}

#contacts-special .box {
text-align:center;
padding-top:45px;
padding-bottom:70px;
}
#contacts-special .box img {
margin-bottom:20px;
}
#museum-timing .evidence {
color:#004c8d;
}


/* VISITA 
=========== */

#visita-rif h2 {
font-size:4.2em;
margin-bottom:.2em;
}
#visita-rif h3 {
font-size:3em;
}
#visita-rif p {
font-size:2.2em;
color:#a09f9f;
}

#museum-timing-visit .evidence {
color:#6fb347;	
}
#museum-price .evidence {
color:#f17937;
}
#museum-price h3 +.text {
margin:0;
}
#museum-price .box {
margin-bottom:35px;
}
#museum-price li {
padding-left:15px;
position:relative;
}
#museum-price li:before {
content:"";
display:inline-block;
width:8px;
height:8px;
background:#f17937;
border-radius:50%;
line-height:1em;
vertical-align:middle;
position:absolute;
left:0;
top:10px;
}
.info-visit .text .price {
font-size:1.33em;
line-height:1;
margin-top:.2em;
display:inline-block;
}
.price-box {
border:3px solid #f17937;
padding:40px 20px;
text-align:center;
margin:90px 0 50px;
}
.price-box h3 {
font-size:3em;
}
.price-box p {
margin:0!important;
}
.cta h3 {
font-size:3.2em;
text-transform:none!important;
}
.cta .btn {
font-size:2.7em;
color:#fff;
width:100%;
margin-top:15px;
}
.cta .btn:hover {
background:#000;
}
#museum-routes .evidence {
color:#d65da1;
}
.routes-box {
margin-top:50px;
padding-right:15%;
}
#museum-routes h3 + .text {
margin-top:25px;
}
#museum-routes .box {
margin-bottom:45px;
}

/* MULTIMEDIA */
.head-multimedia.foto .type {
letter-spacing:2px;
}
.head-multimedia.foto .type {
color:#762b69;
}
.head-multimedia.video .type {
color:#312e5e;
}

.head-multimedia .text { 
margin-top:50px;
}
.head-multimedia.foto .text {
color:#9e4590;
}
.head-multimedia.video .text {
color:#1a1f60;
}

.gallery.multimedia .gallery-box {
position:relative;
}
.gallery.multimedia figure {
position:relative;
}
.gallery.multimedia figure img {
width:100%;
}
.gallery.multimedia figcaption {
text-align:center;
color:#fff;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
transition:opacity 1s;
}
.gallery.multimedia figcaption .wrap {
width:90%;
}
.gallery.multimedia.foto .gallery-box:hover figcaption {
background:url('/media/images/bg_mm_foto.svg') #89317b no-repeat 0 0;
background-size:auto 100%;
opacity:.83;
}
.gallery.multimedia.video .gallery-box:hover figcaption {
background:url('/media/images/bg_mm_video.svg') #1a1f60 no-repeat 0 100%;
background-size:100% auto;
opacity:.83;
}
/*.gallery.multimedia.video h2 {
position:absolute;
bottom:60%;
max-height:2.4em;
width:100%;
overflow:hidden;
}
.gallery.multimedia.video .fa {
padding-top:1.2em;
}
*/
.gallery.multimedia.video .fa {
font-size:2em;
}
.gallery.multimedia figcaption .timing {
display:block;
padding:.5em 0 1em;
}
.video-modal {
background:#000;
opacity:9;
padding-right:0;
}
.video-modal .modal-dialog {
width:100%;
}
.video-modal .modal-content {
background:#000;
}
.video-modal .close svg {
display:block;
}
.video-modal .close {
color:#fff;
opacity:1;
position:absolute;
top:0;
left:auto;
right:15px;
-o-transition:transform .2s;
-ms-transition:transform .2s;
-webkit-transition:transform .2s;
transition:transform .2s;
}

.video-modal .close:hover {
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transform-origin:50% 50%;
}



/* PAGINAZIONE ARCHIVI 
   ========================*/
.pagination-wrap {
	padding:30px 15px 25px;
	border-top:3px solid #cdcdcd;
}

/*.pagination-wrap.mostre-pager .next a,
   .pagination-wrap.mostre-pager .previous a{
   color:#004c8d;
   }
   .pagination-wrap.eventi-pager .next a,
   .pagination-wrap.eventi-pager .previous a{
   color:#8b9f01;
   }*/

.pagination-wrap.mostre-pager {
	border-color:#004c8d;
}
.pagination-wrap.mostre-pager .active span {
	background:#004c8d;
}
.pagination-wrap.eventi-pager {
	border-color:#8b9f01;
}
.pagination-wrap.eventi-pager .active span {
	background:#8b9f01;
}

/* MEDIA QUERY
   =====================*/


@media screen and (max-width: 767px) {
	.info-reservation h2 {
		font-size:4.4em;
	}
	.footer-col:last-of-type li {
		display:inline-block;
		margin-right:20px;
	}
	.liv.grid-home .wrap{
		font-size:0.6em!important;
	}
	.tickets .wrap {
		padding:10px 0 10px 0px;
	}
	.tickets .wrap h2{
		font-size:3em;
	}
	.social.grid-home{
		height:33vw;
		font-size:.65m!important;
	}
	.grid.comune {
		height:45vw;
	}
	.hilight-home > div {
		height:35vw!important;
	}
	.tickets-box {
		height:auto;
	}
	.tickets-box > div {
		height:200px;
	}
	#info-main h2 {
		font-size:6.25em;
	}
	#info-main .btn.btn-default {
		font-size:2em!important;
	}
	.board-box {
		height:100vw;
	}
	#museum-map .legend {
		margin-bottom:40px;
	}
	#museum-paths .tab .wrap > div {
		height:auto;
	}
	#museum-levels {
		font-size:.8em;
	}
	#museum-levels .liv {
		height:100vw;
	}
	#museum-levels .more-block::after {
		bottom:10vw;
	}
	#museum-paths .cta {
		font-size:32px;
	}
	#info-main {
		padding-top:0;
	}
	.news > .container > div:last-of-type {
		margin-bottom:0;
	}
	.news h2 {
		margin-bottom:0;
	}
	.expo-author {
		padding-bottom:0;
	}
	.expo-author > .container > div:last-of-type {
		font-size:.85em;
	}
	.headline {
		font-size:.6em;
		padding-top:30px;
		padding-bottom:30px;
	}
	.headline-label {
		top:5px;
	}
	.headline.places {
		background-size:100% auto;
		background-position:100% 0!important;
	}
	.explain {
		margin-top:55px;
		font-size:.86em;
	}
	.explain:not(.new) {
		margin-bottom:0;
	}
	.explain .expo-info {
		font-size:1.2em;
	}
	.expo-gallery {
		margin-bottom:50px;
	}
	.expo.gallery .container {
		margin-bottom:0;
	}
	.expo.gallery .container > div  {
		margin-bottom:30px;
	}
	.news > .container > div {
		margin-bottom:60px;
	}
	.box-news .more-block:after {
		top:25vw;
	}
	.headline-red {
		font-size:.8em;
	}
	.headline-red h1 {
		font-size:4.2rem;
	}
	.servizi h2 {
		font-size:4.4rem;
	}
	.didattica-wrap > div > div > div:nth-of-type(1),
	.didattica-wrap > div > div > div:nth-of-type(2) {
		padding:0 30px;
	}
	.didattica-wrap > div > div > div:nth-of-type(2) {
		padding-bottom:1em;
	}
	.didattica-info > div > div {
		margin-bottom:80px;
	}
	.explain.places div.text {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.about-page .titles {
		font-size:.8em;
	}

	.full-wrap {
		padding-left:0;
		padding-right:0;
	}
	.no-gutter .full-wrap,
	.no-gutter.full-wrap {
		padding-left:15px;
		padding-right:15px;
	}
	.servizi-wrap >  div:nth-of-type(even){
		background:#f7f8f9;
	}
	.servizi-wrap .servizi {
		width:100%;
	}
	.tirocini .downloads .more-alt {  
		margin-bottom:2em;
	}
	.tirocini .downloads > div:last-child .more-alt {  
		margin-bottom:0;
	}
	#museum-timing > div > div {
		margin-bottom:90px;
	}
	#contacts-special > div > div {
		width:100%;
	}
	.info-visit {
		font-size:1em;
	}
	.info-visit .box {
		margin-bottom:40px;
	}
	.info-visit h2 {
		font-size:4.2em;
	}
	#map {
		width:100%;
		height:100vw;
	}
	.gallery.multimedia figcaption {
		font-size:.74em;
	}

	.archive-ref {
		font-size:.86em;
	}
	.archive-ref > div {
		text-align:center;
	}
	.archive-ref .archive-icon {
		margin:0 auto;
		padding:0 38%;
	}
	.archive-ref .text-wrap {
		padding:1.6em 15px 0 15px;	
	}
	.archive-ref .btn.btn-default {
		margin:1em auto 0 auto;
	}
	.headline-dida {
		background-size:contain!important;
	}
	.headline-dida h1 {
		font-size:4.6em;
	}
	.filter-wrap.filter-dida {
		padding:2em 0 1em;
	}
	.filter-wrap.filter-dida .btn.btn-default{
		padding:3px 10px;
	}
	.alternate-box h2 {
		font-size:4.4em;
	}
	.alternate-box-wrap .label {
		padding:.4em 1em;
		font-size:1.4em;
	}

}/*max 767 */

@media screen and (min-width:768px) {
.grid .wrap.w-small p {
font-size:2em;
}
.grid .wrap.w-small h2 {
font-size:3em;
}
.didattica-wrap > div:nth-of-type(odd) > div > div:nth-of-type(2) {
padding:0 3% 0 5%;
float:right;
text-align:right;
}
.didattica-wrap > div:nth-of-type(even) > div > div:nth-of-type(2) {
padding:0 5% 0 3%; 
}
.servizi-wrap >  div:nth-of-type(4n + 2),
.servizi-wrap >  div:nth-of-type(4n + 3){
background:#f7f8f9;
}

}/* min 768 */

@media screen and (min-width:768px) and (max-width: 991px) {
/*#menus .logo-m {
position:absolute;
top:calc(50% - 50px);
transform:translateY(-50%);
}
#primary-menu {
margin-left:35%;
}
#primary-menu,
#secondary-menu {
font-size:2.4em;
width:30%;
}
*/
.tickets.grid-home .wrap {
padding:12px 0 12px 0px;
}
.board-box {
height:50vw;
}
.headline {
font-size:.7em;
}
#museum-levels > div > div {
height:33vw;
}
#museum-levels h2 {
font-size:5.5em;
}
#museum-levels .more-block::after {
bottom:4vw;
}
.didattica-wrap > div > div > div:nth-of-type(1) {
padding:0 15px;
padding-bottom:2em;
}
.full-wrap {
padding-left:15px;
padding-right:15px;
}
.info-visit h2 {
font-size:5.5em;
}
.price-box,
.routes-box {
margin-top:0;
}
.info-visit > .container > div:first-child > div{
margin-bottom:50px;
}
}/*min 768 max 991 */

@media screen and (max-width: 991px) {
.no-scroll {
position:fixed;
}
#site-header {
padding-top:10px;
padding-bottom:0;
margin-bottom:30px;
}
#site-header.affix {
position:relative!important;
}
#main-nav {
margin-top:7px;
}
#top-nav {
position:static;
}
#menus {
position:fixed;
top:0;
left:0;
z-index:1001;
width:100%;
height:100%!important;
background:rgba(231,180,55,.97);
overflow:auto!important;
color:#fff;
padding-top:80px;
display:none!important;
}
.collapseing#menus,
.collapse.in#menus {
opacity:1;
display:block!important;
}
#menus .logo-m {
top:0;
}
#menus a {
color:#fff;
}
#menus #primary-menu,
#menus #secondary-menu {
float:none;
clear:both;
}
#menus #primary-menu > li,
#menus #secondary-menu > li{
display:block;
float:none;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
}
#menus #primary-menu .menu-button {
display:none;
}
#menus #primary-menu .active a,
#menus #secondary-menu .active a{
color:#000;
}
#menus #primary-menu {
font-size:2.2em;
}
#menus .navbar-toggler {
position:absolute;
top:10px;
right:15px;
}
.navbar-toggler {
margin-top:-3px;
}
#extra-nav .btn.btn-default {
font-size:11px!important;
padding:2px 12px;
}
#extra-nav {
margin:0;
display:inline-block;
}
#extra-nav li  {
display:block;
padding:0 5px;
float:left;
}
#extra-nav li:first-child {
padding-left:0;
} 
#extra-nav .btn.btn-default {
margin-right:0;
font-size:13px;
}
#nav-langs li,
#nav-langs li a {
padding:0;
}
/*#primary-menu,
#secondary-menu {
font-size:2em;
margin-top:2em;
}*/
#primary-menu {
margin-bottom:1.8em;
}
#primary-menu > li {
margin-bottom:15px;
}
#primary-menu > li:before {
content:"";
display:inline-block;
width:20px;
height:0;
border-bottom:1px solid #fff;
margin-bottom:15px;
}
#primary-menu > li:first-child:before {
display:none;
}
#secondary-menu {
font-size:1.6em;
font-weight:400;
}
#secondary-menu > li {
margin-bottom:20px;
}
.lang-mobile:before {
content:"";
display:block;
float:none;
clear:both;
width:100%;
height:0;
}
.lang-mobile {
font-size:1.8em;
font-weight:300;
margin:1em auto;
text-align:center;
display:block;
margin-left:9px;
text-transform:uppercase;
}
.lang-mobile li {
display:inline-block;
}
.lang-mobile .active a {
color:#e8b437;
font-weight:700;
}
/*#main-nav{
min-height:100px;
}
header .logo {
position:absolute;
top:auto;
bottom:0;
z-index:0;
}
header .navbar-collapse.collapse {
display:none!important;
}
header .navbar-collapse.collapse.in {
display:block!important;
}
#menus {
padding-top:2em;
z-index:3;
position:relative;
border-top:3px solid #e8b437;
margin:0 -15px;
padding-bottom:50px;
background:#ececec url('/media/images/bg_footer.svg') repeat-x 0 100%;
background-size:auto 50px;
opacity:0;
display;block;
transition:all .5s ease;
}
.collapseing#menus,
.collapse.in#menus {
opacity:1;
}
#menus .navbar-toggler {
top:10px;
right:15px;
}

#primary-menu,
#secondary-menu {
font-weight:700;
padding:0 5%;
}
#primary-menu {
border-right:1px solid #000;
padding-right:5%;
}

	#primary-menu > li {
		display:block;
		clear:both;
		float:none;
		z-index:10;
		width:30%;
		padding:0 5%;
		margin:0 5%;
	}
	#primary-menu > li,
	#secondary-menu > li {
		margin-bottom:1em;
	}
	*/
	.footer-col {
		margin-bottom:30px;
	}
	.tickets-box {
		height:240px;
	}
	.tickets-box > div {
		height:50%;
	}
	.hilight-home > div {
		height:22.50vw;
	}
	.expo-info h3::before {
		position:static;
		margin-bottom:50px;
	}
	.news {
		font-size:.8em;
	}
	.servizi  {
		font-size:.8em;
	}
	.about-info {
		margin-top:70px;
	}
	.servizi-wrap .more-alt {
		width:80%;
	}
	.info-visit > .container > div:first-child {
		margin-bottom:50px;
	}
	.gallery.multimedia.video .fa {
		/*font-size:2em;
		padding-top:2em;*/
	}
	.filter-wrap.filter-dida .btn.btn-default{
		margin-bottom:10px;
	}
}/*max 991 */


@media screen and (min-width: 992px) {
	#site-header {
		padding-bottom:55px;
	}
	#site-header.affix {
		top:0;
		padding-top:10px;
		padding-bottom:15px;
		-webkit-animation: affix-menu-ani .8s ease-out;
		animation: affix-menu-ani .8s ease-out;
	}
	#site-header.affix #top-nav,
	#site-header.affix #secondary-menu {
		opacity:0;
		height:0;
		overflow:hidden;
	}
	#site-header a:not(.btn) {
		color:#000;
	}
	#site-header .logo {
		position:absolute;
		top:auto;
		bottom:0;
		left:15px;
		transform:translateY(15.95%);
	}
	#site-header.affix .logo {
		width:140px;
	}
	#site-header .logo-m {
		display:none;
	}
	#main-nav {
		position:static;
	}
	#site-header .navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}
	#primary-menu {
		position:absolute;
		top:auto;
		bottom:0;
		left:auto;
		right:15px;
		font-size:2.2em;
		transform:all .5s;
	}

	.affix #primary-menu {
		font-size:1.8em;
	}

/*.affix #primary-menu > li > a {
padding-right:18px;
padding-left:18px;
}*/

.affix #primary-menu .menu-button {
display:block;
}
#secondary-menu {
text-align:right;
float:right;
margin-top:-35px;
margin-right:-15px;
padding-bottom:35px;
}
#site-header .navbar-toggler {
display:none;
}
/*header .logo {
padding-top:100px;
}
header .logo-m {
display:none;
}
#main-nav {
position:static;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
#primary-menu {
position:absolute;
top:auto;
bottom:10px;
left:auto;
right:0;
font-size:2.4em;
}
#secondary-menu {
position:absolute;
top:0;
left:auto;
right:0;
text-align:right;
float:right;
}
header .navbar-toggler {
display:none;
}
*/
.footer-col:last-child {
padding-left:0;
}
.info-visit .box:last-child {
margin-bottom:0;
}
}/*min-width:992 */

@media screen and (min-width: 992px) and (max-width: 1199px) {
	#primary-menu > li:not(.menu-button) > a {
		padding:10px 0 0 18px;
	}
	.tickets.grid-home .wrap {
		padding:20px 0 20px 0px;
	}
	#board {
		font-size:.725em;
	}
	.servizi h2 {
		font-size:6.8em;
	}
	.headline {
		font-size:.8em;
	}
	#museum-levels h2 {
		font-size:7em;
	}
	.full-wrap {
		padding-left:30px;
		padding-right:30px;
	}
	footer .social {
		padding-left:5px;
	}
}/*min992 max 1199*/

@media screen and (max-width: 1199px) {
.liv.grid-home .grid-label {
font-size:1.25em;
}
.liv.grid-home .wrap {
font-size:.64em;
}
.social.grid-home {
font-size:.75em;
}
.tickets.grid-home .wrap {
font-size:.7em;
}
.hilight-home h2 { 
font-size:3em;
}
#info-main {
font-size:.9em;
}
#special-tickets {
font-size:.9em;
}
.news .date {
margin-bottom:0;
}
#museum-map {
font-size:.6em;
}
#museum-paths h3 {
font-size:2.1em;
}

.didattica,
.didattica-info {
font-size:.75em
}

}/* max-width : 1199 */

@media screen and (min-width: 1200px) {
#primary-menu > li:not(.menu-button) > a {
padding:10px 0 0 25px;
}
/*header .logo {
padding-top:80px;
}*/
}/* min-width : 1200 */

.btn.btn-default.btn-book{
	  font-size: 18px;
}


@keyframes affix-menu-ani {
    from {
	    transform:translateY(-100%);
    }
    to {
	    transform:translateY(0);
    }
}

@-webkit-keyframes affix-menu-ani {
    from {
	    -webkit-transform:translateY(-100%);
    }
    to {
	    -webkit-transform:translateY(0);
    }
}


/* test prenotazioni */
#sb-container {
margin-top:30px;
}
.sb-screen-l .sb__btn--verify {
padding:0!important;
}
.sb-screen-xs .sb__btn--verify {
line-height:40px!important;
padding:0!important;
}
.sb-screen-l .sb__form-field-weekday, 
.sb-screen-l .sb__form-field-rooms {
color:#868686!important;
}
.sb-screen-xs .sb__form-field--checkin .sb__form-field-input,
.sb-screen-xs .sb__form-field--checkout .sb__form-field-input,
.sb__form-field-input,
.sb__btn,
.sb__guests{
-webkit-border-radius:0!important;
border-radius:0!important;
}
.sb-screen-m .sb__footer-actions {
width:25%!important;
}
.sb__footer-promo-wrapper {
float:none!important;
clear:both!important;
}
.sb__footer-link {
font-size:16px!important;
float:none!important;
clear:both!important;
display:block!important;
margin-top:5px!important;
}
.sb__footer-link:first-child {
margin-top:16px!important;
}
.sb-screen-m .sb__footer-promo::before { 
left:auto!important;
right:16px;
}
