@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

* { -moz-transition: all 0.0s; transition: all 0.0s; -webkit-tap-highlight-color: transparent; }

@font-face { font-family: Slabo; font-weight: normal; font-style: normal; src: url("../font/Slabo13px-Regular.eot"); src: url("../font/Slabo13px-Regular.ttf") format("truetype"), url("../font/Slabo13px-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Slabo13px-Regular.svg#Slabo13px-Regular") format("svg"), url("../font/Slabo13px-Regular.woff") format("woff"); }
@font-face { font-family: Slabo; font-weight: bold; font-style: normal; src: url("../font/Slabo27px-Regular.eot"); src: url("../font/Slabo27px-Regular.ttf") format("truetype"), url("../font/Slabo27px-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Slabo27px-Regular.svg#Slabo27px-Regular") format("svg"), url("../font/Slabo27px-Regular.woff") format("woff"); }
/*-------------RALEWAY--------------------------*/
@font-face { font-family: Raleway; font-weight: 200; font-style: normal; src: url("../font/Raleway-Light.eot"); src: url("../font/Raleway-Light.ttf") format("truetype"), url("../font/Raleway-Light.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-Light.svg#Raleway-Light") format("svg"), url("../font/Raleway-Light.woff") format("woff"); }
@font-face { font-family: Raleway; font-weight: 200; font-style: italic; src: url("../font/Raleway-LightItalic.eot"); src: url("../font/Raleway-LightItalic.ttf") format("truetype"), url("../font/Raleway-LightItalic.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-LightItalic.svg#Raleway-LightItalic") format("svg"), url("../font/Raleway-LightItalic.woff") format("woff"); }
@font-face { font-family: Raleway; font-weight: normal; font-style: normal; src: url("../font/Raleway-Regular.eot"); src: url("../font/Raleway-Regular.ttf") format("truetype"), url("../font/Raleway-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-Regular.svg#Raleway-Regular") format("svg"), url("../font/Raleway-Regular.woff") format("woff"); }
@font-face { font-family: Raleway; font-weight: normal; font-style: italic; src: url("../font/Raleway-Italic.eot"); src: url("../font/Raleway-Italic.ttf") format("truetype"), url("../font/Raleway-Italic.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-Italic.svg#Raleway-Italic") format("svg"), url("../font/Raleway-Italic.woff") format("woff"); }
@font-face { font-family: Raleway; font-weight: 500; font-style: normal; src: url("../font/Raleway-Medium.eot"); src: url("../font/Raleway-Medium.ttf") format("truetype"), url("../font/Raleway-Medium.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-Medium.svg#Raleway-Medium") format("svg"), url("../font/Raleway-Medium.woff") format("woff"); }
@font-face { font-family: Raleway; font-weight: 500; font-style: italic; src: url("../font/Raleway-MediumItalic.eot"); src: url("../font/Raleway-MediumItalic.ttf") format("truetype"), url("../font/Raleway-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-MediumItalic.svg#Raleway-MediumItalic") format("svg"), url("../font/Raleway-MediumItalic.woff") format("woff"); }
@font-face { font-family: Raleway; font-weight: bold; font-style: normal; src: url("../font/Raleway-Bold.eot"); src: url("../font/Raleway-Bold.ttf") format("truetype"), url("../font/Raleway-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-Bold.svg#Raleway-Bold") format("svg"), url("../font/Raleway-Bold.woff") format("woff"); }
@font-face { font-family: Raleway; font-weight: bold; font-style: italic; src: url("../font/Raleway-BoldItalic.eot"); src: url("../font/Raleway-BoldItalic.ttf") format("truetype"), url("../font/Raleway-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-BoldItalic.svg#Raleway-BoldItalic") format("svg"), url("../font/Raleway-BoldItalic.woff") format("woff"); }
/******************** COLOR In questo file inserire tutte le variabili SASS che verranno utilizzate nella palette colore del progetto cercando di utilizzare la nomenclatura standard
********************/
/******************** Colori base
********************/
/******************** Colori Il nome del colore ´┐¢ composto dal prefisso, dal nome del modulo e dal tag dell'oggetto interessato.  Il prefisso puo' essere: bg:	colore di background del modulo; txt:	colore del testo del modulo; brd:	colore del bordo del modulo; Nel caso i bordi hanno colori differenti, ad esempio il bordo sinistro ´┐¢ azzurro e gli altri grigio, indicare anche il lato; sh:	colore dell'ombra.  Es:  $bg_nomemodulo; $txt_nomemodulo; $brd_nomemodulo; $bg_nomemodulo_ul; $brd_bottom_nomemodulo_ul; $txt_nomemodulo_ul_a; $sh_nomemodulo;
********************/
/* COLORI MOBARTECH */
/*BACKGROUND GRADIENTE LINEAR*/
/*BACKGROUND GRADIENTE RADIAL*/
/*CENTER CONTENT INTO PAGE*/
/******************** LAYOUT In questo file inserire i tag di base dello stile del progetto, come html e body, e da qui importare, a cascata, i moduli
********************/
/*$iphoneland:	680px;
$desktop:	1200px;
$cinema:	1600px;*/
html > body { font-size: 15px; font-weight: normal; font-family: Raleway, Arial; color: #444444; line-height: 1.5em; position: relative; overflow: auto; background-color: #FFFFFF; /*@include min-screen($iphoneLand){ overflow:hidden;
}
@include min-screen($TabletPort){ overflow:auto;
}
@include min-screen($TabletLand){ overflow:hidden;
}
@include min-screen($smallTabletPort){ overflow:auto;
}
@include min-screen($smallTabletLand){ overflow:hidden;
}*/ }
html > body header { display: block; height: 10vh; position: relative; }
html > body header .logo { display: inline-block; width: calc(80% - 80px); height: 10vh; position: absolute; left: 0; right: 0; margin: auto; }
html > body header .logo img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
html > body main { height: 90vh; background: #753d48; background: linear-gradient(180deg, rgba(117, 61, 72, 0) 60%, #753d48 100%); }
html > body main #splash { display: block; position: fixed; top: 0; width: 100vw; height: 100vh; opacity: 0; pointer-events: none; z-index: -1; transition: all 0.5s ease; }
html > body main #splash.active { opacity: 1; pointer-events: all; z-index: 99; }
html > body main #splash img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
html > body main .content-main { position: relative; padding: 5vh 2vh 0; height: 85vh; overflow: hidden; }
html > body main .content-main .main-title { text-align: center; margin-bottom: 2vh; }
html > body main .content-main .main-title h1 { text-align: center; color: #753d48; font-weight: bold; text-transform: uppercase; font-size: 6vw; }
html > body main .content-main .login-list { text-align: center; margin-top: 3vh; padding: 2vh; }
html > body main .content-main .login-list h2 { font-weight: bold; }
html > body main .content-main .login-list ul li { margin-top: 3vh; }
html > body main .content-main .login-list ul li:first-child { margin-top: 0; }
html > body main .content-main .login-list ul li h2 { margin-bottom: 1vh; }
html > body main .content-main .login-list ul li input { width: 100%; height: 5vh; background-color: #e8e8e8; border: none; padding: 5%; }
html > body main .content-main .login-list .btn { border-radius: 100px; margin-bottom: 5vh; margin-top: 5vh; }
html > body main .content-main .login-list .btn.psw { margin: 1vh; }
html > body main .content-main .login-list .btn.psw a { display: block; padding: 0; text-decoration: underline; }
html > body main .content-main .login-list .btn.psw a h3 { color: #000000; text-transform: initial; font-style: italic; text-decoration: underline; }
html > body main .content-main .login-list .btn.enter { margin-top: 15vh; background-color: #753d48; }
html > body main .content-main .login-list .btn.register a { color: #000000; text-decoration: underline; }
html > body main .content-main .login-list .btn a { text-decoration: none; color: #FFFFFF; text-transform: uppercase; padding: 5%; }
html > body main .content-main .login-list .remenber-me { display: table; margin: 2vh auto; }
html > body main .content-main .login-list .forgot-password, html > body main .content-main .login-list .sign-in { display: table; margin: 2vh auto; }
html > body main { height: 90vh; background: transparent; }
html > body main .content-main { position: relative; padding: 5vh 2vh 0; height: 85vh; overflow: hidden; }
html > body main .content-main .main-title h2.hidden { opacity: 0; }
html > body main .content-main .profile-list { text-align: center; padding: 0 2vh; }
html > body main .content-main .profile-list ul li { margin-top: 1.5vh; }
html > body main .content-main .profile-list ul li:first-child { margin-top: 0; }
html > body main .content-main .profile-list ul li h2 { margin-bottom: 0.5vh; font-weight: bold; }
html > body main .content-main .profile-list ul li select, html > body main .content-main .profile-list ul li input { width: 100%; height: 5vh; background-color: #e8e8e8; border: 1px solid #e8e8e8; }
html > body main .content-main .profile-list ul li select option, html > body main .content-main .profile-list ul li input option { max-width: 90%; }
html > body main .content-main .profile-list ul li input { padding: 5%; }
html > body main .content-main .profile-list .btn { border-radius: 100px; margin-top: 5vh; }
html > body main .content-main .profile-list .btn.save { background-color: #753d48; }
html > body main .content-main .profile-list .btn a { text-decoration: none; color: #FFFFFF; text-transform: uppercase; padding: 5%; font-weight: bold; }
html > body.menu-page { /*@include min-screen($TabletPort){ margin:5%; background:$grigio;
}*/ }
html > body.menu-page h1 { padding-left: 36px; font-size: 12px; font-weight: 700; text-transform: uppercase; width: auto; height: 10%; color: transparent; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; position: absolute; top: 0; left: 0; right: 0; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 2000; background-color: #e8e8e8; background-image: url("../layout/logo.png"); background-position: center; background-repeat: no-repeat; background-size: 50%; }
html > body.menu-page h1 span { display: block; font-weight: 500; font-size: 12px; text-transform: initial; }
@media screen and (min-width: 600px) { html > body.menu-page h1 { font-size: 22.5px; }
  html > body.menu-page h1 span { size: 19.5px; } }
html > body.menu-page .btn-menu { display: block; position: absolute; left: 18px; z-index: 3000; top: 0; height: 10%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
html > body.menu-page .btn-menu img { width: auto; height: 60%; }
html > body.menu-page .btn-menu img.menu-icon { display: block; }
html > body.menu-page .btn-menu img.close-icon { display: none; }
html > body.menu-page .btn-menu.selected .menu-icon { display: none; }
html > body.menu-page .btn-menu.selected .close-icon { display: block; }
html > body.menu-page .btn-logout { display: block; position: absolute; right: 18px; z-index: 3000; top: 0; height: 10%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; opacity: 0.2; pointer-events: none; }
html > body.menu-page .btn-logout img { width: auto; height: 60%; }
html > body.menu-page .btn-logout img.menu-icon { display: block; }
html > body.menu-page .btn-logout.active { opacity: 1; pointer-events: all; }
html > body.menu-page #menu { display: none; position: fixed; top: 10%; left: 0; right: 0; bottom: 0; z-index: 3000; background-color: #5a2c35; }
html > body.menu-page #menu .personal-area { padding: 18px; margin-top: 2vh; }
html > body.menu-page #menu .personal-area h2 { color: #FFFFFF; font-size: 21px; margin-bottom: 20px; }
html > body.menu-page #menu .personal-area h2 span { font-style: italic; font-weight: bold; }
html > body.menu-page #menu .personal-area ul { padding: 0; margin-top: 1vh; }
html > body.menu-page #menu .personal-area ul li { display: inline-block; width: calc(50% - 20px); border: none; text-align: center; }
html > body.menu-page #menu .personal-area ul li a { display: block; text-transform: uppercase; padding: 10.5px 3px; margin: 3px 0; color: #FFFFFF; font-weight: 700; border-radius: 25px; text-decoration: none; text-transform: initial; }
html > body.menu-page #menu .personal-area ul li.edit { margin-right: 25px; }
html > body.menu-page #menu .personal-area ul li.edit a { background-color: #505050; }
html > body.menu-page #menu .personal-area ul li.logout a { background-color: #ba2427; }
html > body.menu-page #menu ul.main-menu { padding: 18px; }
html > body.menu-page #menu ul.main-menu li { border-bottom: 1px dotted #F0F0F0; background-repeat: no-repeat; background-position: left 5px; background-size: 45px; margin: 10px 0; padding-bottom: 10px; }
html > body.menu-page #menu ul.main-menu li:nth-child(1) { background-image: url("../layout/menu-1.png"); }
html > body.menu-page #menu ul.main-menu li:nth-child(2) { background-image: url("../layout/menu-2.png"); }
html > body.menu-page #menu ul.main-menu li:nth-child(3) { background-image: url("../layout/menu-3.png"); }
html > body.menu-page #menu ul.main-menu li:nth-child(4) { background-image: url("../layout/menu-4.png"); }
html > body.menu-page #menu ul.main-menu li a { display: block; text-transform: uppercase; padding: 15px 3px; margin: 3px 0; color: #FFFFFF; font-weight: 700; margin-left: 55px; }
html > body.menu-page #menu ul.main-menu li a:active { background: #FFFFFF; color: #753d48; }
@media screen and (min-width: 600px) { html > body.menu-page #menu ul li a { font-size: 21px !important; padding: 30px 3px; } }
html > body.menu-page #contenuto { display: block; position: absolute; left: 0; right: 0; height: 90%; top: 10%; z-index: 1500; }
@media screen and (min-width: 480px) { html > body.menu-page #contenuto { top: 0; height: 100%; z-index: 10000; } }
@media screen and (min-width: 760px) { html > body.menu-page #contenuto { height: 90%; top: 10%; z-index: 1500; } }
@media screen and (min-width: 900px) { html > body.menu-page #contenuto { top: 0; height: 100%; z-index: 10000; } }
@media screen and (min-width: 600px) { html > body.menu-page #contenuto { height: 90%; top: 10%; z-index: 1500; } }
@media screen and (min-width: 800px) { html > body.menu-page #contenuto { top: 0; height: 100%; z-index: 10000; } }
html > body div.scheda-sala h1 { font-size: 18px; font-weight: 700; padding: 16.5px 18px; text-transform: uppercase; width: auto; color: #F0F0F0; text-align: center; background-color: #505050; }
html > body div.scheda-sala h1 a { display: block; color: #FFFFFF; text-decoration: none; background: url('../layout/back.png') no-repeat left center; background-size: auto 30px; padding: 1.5px 50px; }
html > body div.scheda-sala h1 span { display: block; font-weight: 500; font-size: 12px; text-transform: initial; }
@media screen and (min-width: 600px) { html > body div.scheda-sala h1 { padding: 27px; font-size: 24px; }
  html > body div.scheda-sala h1 span { size: 19.5px; } }
html > body div.scheda-sala #video { width: 100%; min-height: 250px; height: auto; background: #000000; z-index: 1000; }
@media screen and (min-width: 480px) { html > body div.scheda-sala #video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } }
@media screen and (min-width: 760px) { html > body div.scheda-sala #video { position: relative; min-height: 375px; } }
@media screen and (min-width: 900px) { html > body div.scheda-sala #video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } }
@media screen and (min-width: 600px) { html > body div.scheda-sala #video { position: relative; min-height: 375px; } }
@media screen and (min-width: 800px) { html > body div.scheda-sala #video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } }
html > body div.scheda-sala #descrizione { position: relative; padding: 18px 18px 50px 18px; line-height: 22.5px; margin-bottom: 15px; }
html > body div.scheda-sala #descrizione #aprichiudi { position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white, white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), white, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), white, white); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff, #ffffff); /* Standard syntax (must be last) */ }
html > body div.scheda-sala #descrizione #aprichiudi a { display: block; position: absolute; bottom: 0; left: 18px; right: 18px; height: 40px; text-align: left; color: transparent; background: url('../layout/minus.png') no-repeat center center; background-size: auto 70%; }
html > body div.scheda-sala #descrizione #aprichiudi a.apri { background: url('../layout/plus.png') no-repeat center center; background-size: auto 70%; }
html > body div.scheda-sala #descrizione.chiusa { height: 110px; overflow: hidden; }
@media screen and (min-width: 600px) { html > body div.scheda-sala #descrizione { font-size: 18px; line-height: 33px; padding: 27px 27px 80px 27px; }
  html > body div.scheda-sala #descrizione.chiusa { height: 140px; } }
html > body div.scheda-sala #descrizione.approfondimento { border: 1px dotted #753d48; margin: 18px; padding: 9px 18px 80px 18px; color: #753d48; }
html > body div.scheda-sala #descrizione.approfondimento.chiusa { height: 10px; }
html > body div.scheda-sala h2 { padding: 18px 18px 0 18px; border-top: 1px dotted #CDCDCD; text-align: center; font-size: 15px; font-weight: 700; text-transform: uppercase; width: auto; }
@media screen and (min-width: 600px) { html > body div.scheda-sala h2 { padding: 27px 27px 0 27px; font-size: 19.5px; } }
html > body div.scheda-sala .approfondimento h2 { border: 0; padding: 0 0 9px 0; color: #753d48; }
html > body div.scheda-sala .swiper-container { width: 100%; height: 250px; position: relative; z-index: 100; }
html > body div.scheda-sala .swiper-container .swiper-slide { text-align: center; background: -webkit-linear-gradient(top, #cdcdcd, #333333); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, #cdcdcd, #333333); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, #cdcdcd, #333333); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, #cdcdcd, #333333); /* Standard syntax (must be last) */ }
html > body div.scheda-sala .swiper-container .swiper-slide img { display: inline-table; height: 100%; }
html > body div.scheda-sala .swiper-container .swiper-slide span.didascalia { font-size: 13.5px; background: #000000; color: #FFFFFF; opacity: 0.6; /* Center slide text vertically */ position: absolute; padding: 5px 15px 30px 15px; bottom: 0; left: 0px; right: 0px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; visibility: hidden; }
html > body div.scheda-sala .swiper-container .swiper-pagination { z-index: 500; bottom: 0; padding: 10px 0; }
@media screen and (min-width: 480px) { html > body div.scheda-sala .swiper-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: 800; }
  html > body div.scheda-sala .swiper-container .swiper-slide span.didascalia { visibility: visible; } }
@media screen and (min-width: 760px) { html > body div.scheda-sala .swiper-container { position: relative; z-index: 100; height: 375px; }
  html > body div.scheda-sala .swiper-container .swiper-slide span.didascalia { visibility: hidden; } }
@media screen and (min-width: 900px) { html > body div.scheda-sala .swiper-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: 800; }
  html > body div.scheda-sala .swiper-container .swiper-slide span.didascalia { visibility: visible; } }
@media screen and (min-width: 600px) { html > body div.scheda-sala .swiper-container { position: relative; z-index: 800; height: 375px; }
  html > body div.scheda-sala .swiper-container .swiper-slide span.didascalia { font-size: 18px; visibility: hidden; } }
@media screen and (min-width: 800px) { html > body div.scheda-sala .swiper-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: 800; }
  html > body div.scheda-sala .swiper-container .swiper-slide span.didascalia { visibility: visible; } }
html > body div.scheda-sala .discover { display: block; position: fixed; bottom: 5vh; width: 80%; background-color: #753d48; left: 10%; border-radius: 50px; padding-bottom: 0; z-index: 9999; }
html > body div.scheda-sala .discover a { display: block; width: 100%; padding: 5% 0; text-align: center; text-transform: uppercase; color: #FFFFFF; text-decoration: none; font-weight: bold; }
@media screen and (min-width: 480px) { html > body div.scheda-sala h1, html > body div.scheda-sala #descrizione, html > body div.scheda-sala h2 { display: none; } }
@media screen and (min-width: 760px) { html > body div.scheda-sala h1, html > body div.scheda-sala #descrizione, html > body div.scheda-sala h2, html > body div.scheda-sala #reperti { display: block; } }
@media screen and (min-width: 900px) { html > body div.scheda-sala h1, html > body div.scheda-sala #descrizione, html > body div.scheda-sala h2, html > body div.scheda-sala #reperti { display: none; } }
@media screen and (min-width: 600px) { html > body div.scheda-sala h1, html > body div.scheda-sala #descrizione, html > body div.scheda-sala h2, html > body div.scheda-sala #reperti { display: block; } }
@media screen and (min-width: 800px) { html > body div.scheda-sala h1, html > body div.scheda-sala #descrizione, html > body div.scheda-sala h2, html > body div.scheda-sala #reperti { display: none; } }
html > body div.scheda-sala #reperti { margin: 18px; font-size: 13.5px; }
html > body div.scheda-sala #reperti li { border-radius: 50px; border: 1px solid #F0F0F0; margin-bottom: 5%; overflow: hidden; background: #FFFFFF; }
html > body div.scheda-sala #reperti li:last-child { margin-bottom: 0; }
html > body div.scheda-sala #reperti li:nth-child(odd) { background: #F0F0F0; }
html > body div.scheda-sala #reperti li a { display: block; padding: 5% 45px 5% 5%; color: #753d48; font-weight: 500; text-decoration: none; text-transform: uppercase; }
html > body div.scheda-sala #reperti li a:active { background: #753d48; color: #FFFFFF; }
@media screen and (min-width: 600px) { html > body div.scheda-sala #reperti { font-size: 19.5px; margin: 27px; }
  html > body div.scheda-sala #reperti span { font-size: 15px; } }
html > body div.scheda-sala #mappa { width: 100%; height: calc(100vh - (58px + 0px)); background-color: #e8e8e8; padding-bottom: 0; }
html > body div.scheda-reperto { /* Rounded sliders */ }
html > body div.scheda-reperto h1 { font-size: 18px; font-weight: 700; padding: 16.5px 18px; text-transform: uppercase; width: auto; color: #F0F0F0; text-align: center; background-color: #505050; }
html > body div.scheda-reperto h1 a { display: block; color: #FFFFFF; text-decoration: none; background: url('../layout/back.png') no-repeat left center; background-size: auto 30px; padding: 1.5px 50px; }
html > body div.scheda-reperto h1 span { display: block; font-weight: 500; font-size: 12px; text-transform: initial; }
@media screen and (min-width: 600px) { html > body div.scheda-reperto h1 { padding: 27px; font-size: 24px; }
  html > body div.scheda-reperto h1 span { size: 19.5px; } }
html > body div.scheda-reperto #introduzione { position: relative; padding: 18px; line-height: 22.5px; margin-bottom: 15px; }
@media screen and (min-width: 600px) { html > body div.scheda-reperto #introduzione { font-size: 18px; line-height: 33px; padding: 27px; } }
html > body div.scheda-reperto #descrizione { position: relative; padding: 18px 18px 50px 18px; line-height: 22.5px; margin-bottom: 15px; }
html > body div.scheda-reperto #descrizione #aprichiudi { position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white, white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), white, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), white, white); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff, #ffffff); /* Standard syntax (must be last) */ }
html > body div.scheda-reperto #descrizione #aprichiudi a { display: block; position: absolute; bottom: 0; left: 18px; right: 18px; height: 40px; text-align: left; color: transparent; background: url('../layout/minus.png') no-repeat center center; background-size: auto 70%; }
html > body div.scheda-reperto #descrizione #aprichiudi a.apri { background: url('../layout/plus.png') no-repeat center center; background-size: auto 70%; }
html > body div.scheda-reperto #descrizione.chiusa { height: 110px; overflow: hidden; }
@media screen and (min-width: 600px) { html > body div.scheda-reperto #descrizione { font-size: 18px; line-height: 33px; padding: 27px 27px 80px 27px; }
  html > body div.scheda-reperto #descrizione.chiusa { height: 140px; } }
html > body div.scheda-reperto #descrizione.approfondimento { border: 1px dotted #753d48; margin: 18px; padding: 9px 18px 80px 18px; color: #753d48; }
html > body div.scheda-reperto #descrizione.approfondimento.chiusa { height: 10px; }
html > body div.scheda-reperto h2 { padding: 18px 18px 0 18px; border-top: 1px dotted #CDCDCD; text-align: center; font-size: 15px; font-weight: 700; text-transform: uppercase; width: auto; }
@media screen and (min-width: 600px) { html > body div.scheda-reperto h2 { padding: 27px 27px 0 27px; font-size: 19.5px; } }
html > body div.scheda-reperto .approfondimento h2 { border: 0; padding: 0 0 9px 0; color: #753d48; }
html > body div.scheda-reperto audio { width: 92%; padding: 0 4%; }
html > body div.scheda-reperto .audiojs { height: 10%; background: #ba2427; overflow: hidden; font-size: 15px !important; /******/ position: fixed; /*bottom:$font-size*0.5;
left:$font-size*0.5;
right:$font-size*0.5;
border-radius: 5px;*/ bottom: 0; left: 0; right: 0; z-index: 500; border-top: 5px solid #FFFFFF; box-shadow: 0px 0px 45px #FFFFFF; /******/ /*.error { background: url("$1") -2px -61px no-repeat; }*/ }
html > body div.scheda-reperto .audiojs audio { position: absolute; left: -1px; }
html > body div.scheda-reperto .audiojs .play-pause { width: 15%; height: 100%; padding: 0; margin: 0; overflow: hidden; display: inline-block; position: absolute; top: 0; left: 0; }
html > body div.scheda-reperto .audiojs .play-pause p { background-size: 50% auto; }
html > body div.scheda-reperto .audiojs p { display: none; width: 100%; height: 100%; margin: 0px; cursor: pointer; }
html > body div.scheda-reperto .audiojs .play { display: block; }
html > body div.scheda-reperto .audiojs .scrubber { position: absolute; left: 15%; width: 60%; background: #d9383c; height: 100%; margin: 0px; border: 0; overflow: hidden; }
html > body div.scheda-reperto .audiojs .progress { position: absolute; top: 0px; left: 0px; height: 100%; width: 0px; background: #F0F0F0; z-index: 1; }
html > body div.scheda-reperto .audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 100%; width: 0px; background: #CDCDCD; }
html > body div.scheda-reperto .audiojs .time { position: absolute; right: 0; top: 0; bottom: 0; width: 25%; line-height: 36px; color: #F0F0F0; top: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 12px; }
html > body div.scheda-reperto .audiojs .time em { padding: 0px 2px 0px 0px; color: #fff; font-style: normal; }
html > body div.scheda-reperto .audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
html > body div.scheda-reperto .audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
html > body div.scheda-reperto .audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
html > body div.scheda-reperto .audiojs .play { background: url('../layout/play.png') no-repeat center center; }
html > body div.scheda-reperto .audiojs .loading { background: url('../layout/loader.gif') no-repeat center center; }
html > body div.scheda-reperto .audiojs .pause { background: url('../layout/pausa.png') no-repeat center center; }
html > body div.scheda-reperto .playing .play, html > body div.scheda-reperto .playing .loading, html > body div.scheda-reperto .playing .error { display: none; }
html > body div.scheda-reperto .playing .pause { display: block; }
html > body div.scheda-reperto .loading .play, html > body div.scheda-reperto .loading .pause, html > body div.scheda-reperto .loading .error { display: none; }
html > body div.scheda-reperto .loading .loading { display: block; }
html > body div.scheda-reperto .error .time, html > body div.scheda-reperto .error .play, html > body div.scheda-reperto .error .pause, html > body div.scheda-reperto .error .scrubber, html > body div.scheda-reperto .error .loading { display: none; }
html > body div.scheda-reperto .error .error { display: block; }
html > body div.scheda-reperto .error .play-pause p { cursor: auto; }
html > body div.scheda-reperto .error .error-message { display: block; }
html > body div.scheda-reperto .swiper-container { width: 100%; height: 250px; position: relative; z-index: 100; }
html > body div.scheda-reperto .swiper-container .swiper-slide { text-align: center; background: -webkit-linear-gradient(top, #cdcdcd, #333333); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, #cdcdcd, #333333); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, #cdcdcd, #333333); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, #cdcdcd, #333333); /* Standard syntax (must be last) */ }
html > body div.scheda-reperto .swiper-container .swiper-slide img { display: inline-table; height: 100%; }
html > body div.scheda-reperto .swiper-container .swiper-slide span.didascalia { font-size: 13.5px; background: #000000; color: #FFFFFF; opacity: 0.6; /* Center slide text vertically */ position: absolute; padding: 5px 15px 30px 15px; bottom: 0; left: 0px; right: 0px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; visibility: hidden; }
html > body div.scheda-reperto .swiper-container .swiper-pagination { z-index: 500; bottom: 0; padding: 10px 0; }
@media screen and (min-width: 480px) { html > body div.scheda-reperto .swiper-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: 800; }
  html > body div.scheda-reperto .swiper-container .swiper-slide span.didascalia { visibility: visible; } }
@media screen and (min-width: 760px) { html > body div.scheda-reperto .swiper-container { position: relative; z-index: 100; height: 375px; }
  html > body div.scheda-reperto .swiper-container .swiper-slide span.didascalia { visibility: hidden; } }
@media screen and (min-width: 900px) { html > body div.scheda-reperto .swiper-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: 800; }
  html > body div.scheda-reperto .swiper-container .swiper-slide span.didascalia { visibility: visible; } }
@media screen and (min-width: 600px) { html > body div.scheda-reperto .swiper-container { position: relative; z-index: 800; height: 375px; }
  html > body div.scheda-reperto .swiper-container .swiper-slide span.didascalia { font-size: 18px; visibility: hidden; } }
@media screen and (min-width: 800px) { html > body div.scheda-reperto .swiper-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: 800; }
  html > body div.scheda-reperto .swiper-container .swiper-slide span.didascalia { visibility: visible; } }
html > body div.scheda-reperto .btn.enter { display: block; position: relative; margin: 5vh 10%; width: 80%; background-color: #753d48; border-radius: 50px; padding-bottom: 0; z-index: 9999; }
html > body div.scheda-reperto .btn.enter a { display: block; width: 100%; padding: 5% 0; text-align: center; text-transform: uppercase; color: #FFFFFF; text-decoration: none; font-weight: bold; }
html > body div.scheda-reperto .switch { position: relative; display: inline-block; width: 60px; height: 34px; left: calc(50% - 30px); margin-top: 5%; }
html > body div.scheda-reperto .switch input { opacity: 0; width: 0; height: 0; }
html > body div.scheda-reperto .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
html > body div.scheda-reperto .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
html > body div.scheda-reperto input:checked + .slider { background-color: #2196F3; }
html > body div.scheda-reperto input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
html > body div.scheda-reperto input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
html > body div.scheda-reperto .slider.round { border-radius: 34px; }
html > body div.scheda-reperto .slider.round:before { border-radius: 50%; }
html > body div.scheda-reperto ul.loghi-partner { margin-top: 5%; }
html > body div.scheda-reperto ul.loghi-partner li { display: block; width: 90%; height: 40px; margin: 0 auto 5%; }
html > body div.scheda-reperto ul.loghi-partner li img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
html > body div.scheda-reperto #alert { display: block; position: fixed; top: 0; width: 100%; height: 100vh; opacity: 1; pointer-events: all; z-index: 9; transition: all 0.5s ease; }
html > body div.scheda-reperto #alert::after { display: block; position: absolute; top: 0; content: ""; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); z-index: -1; }
html > body div.scheda-reperto #alert.hidden { opacity: 0; pointer-events: none; z-index: -1; }
html > body div.scheda-reperto #alert .alert-container { display: block; position: relative; background-color: #FFFFFF; width: 80%; height: 30vh; margin: 35vh auto; text-align: center; }
html > body div.scheda-reperto #alert .alert-container h3 { padding: 5px 0; background-color: #e8e8e8; }
html > body div.scheda-reperto #alert .alert-container .btn.exit { display: table; position: absolute; width: 50%; left: 0; right: 0; bottom: 30px; margin: auto; }
html > body div.scheda-reperto #alert .alert-container .btn.exit a { display: block; text-transform: uppercase; padding: 10.5px 3px; color: #FFFFFF; font-weight: bold; border-radius: 25px; text-decoration: none; text-transform: initial; background-color: #ba2427; }
html > body div.scheda-reperto #discovered { display: block; position: fixed; top: 0; width: 100%; height: 100vh; opacity: 1; pointer-events: all; z-index: 9; transition: all 0.5s ease; }
html > body div.scheda-reperto #discovered::after { display: block; position: absolute; top: 0; content: ""; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); z-index: -1; }
html > body div.scheda-reperto #discovered.hidden { opacity: 0; pointer-events: none; z-index: -1; }
html > body div.scheda-reperto #discovered .discovered-container { display: block; position: relative; background-color: #FFFFFF; width: 80%; height: 30vh; margin: 35vh auto; text-align: center; }
html > body div.scheda-reperto #discovered .discovered-container h2 { text-transform: initial; }
html > body div.scheda-reperto #discovered .discovered-container h2 span { color: #753d48; text-transform: uppercase; }
html > body div.scheda-reperto #discovered .discovered-container .btn.goto { display: table; position: absolute; width: 50%; left: 0; right: 0; bottom: 30px; margin: auto; }
html > body div.scheda-reperto #discovered .discovered-container .btn.goto a { display: block; text-transform: uppercase; padding: 10.5px 3px; color: #FFFFFF; font-weight: bold; border-radius: 25px; text-decoration: none; text-transform: initial; background-color: #753d48; }
@media screen and (min-width: 480px) { html > body div.scheda-reperto h1, html > body div.scheda-reperto #introduzione, html > body div.scheda-reperto #descrizione, html > body div.scheda-reperto h2, html > body div.scheda-reperto #sale { display: none; } }
@media screen and (min-width: 760px) { html > body div.scheda-reperto h1, html > body div.scheda-reperto #introduzione, html > body div.scheda-reperto #descrizione, html > body div.scheda-reperto h2, html > body div.scheda-reperto #sale { display: block; } }
@media screen and (min-width: 900px) { html > body div.scheda-reperto h1, html > body div.scheda-reperto #introduzione, html > body div.scheda-reperto #descrizione, html > body div.scheda-reperto h2, html > body div.scheda-reperto #sale { display: none; } }
@media screen and (min-width: 600px) { html > body div.scheda-reperto h1, html > body div.scheda-reperto #introduzione, html > body div.scheda-reperto #descrizione, html > body div.scheda-reperto h2, html > body div.scheda-reperto #sale { display: block; } }
@media screen and (min-width: 800px) { html > body div.scheda-reperto h1, html > body div.scheda-reperto #introduzione, html > body div.scheda-reperto #descrizione, html > body div.scheda-reperto h2, html > body div.scheda-reperto #sale { display: none; } }
html > body div.scheda-reperto #sale { margin: 18px; font-size: 15px; height: calc(100vh - (36px + 58px)); }
html > body div.scheda-reperto #sale.cities li { margin-bottom: 5%; }
html > body div.scheda-reperto #sale.cities li a { display: block; padding: 5%; color: #FFFFFF; font-weight: 500; text-decoration: none; text-transform: uppercase; text-align: center; background: transparent; font-weight: 700; }
html > body div.scheda-reperto #sale.cities li a span { display: block; font-weight: 500; font-size: 12px; text-transform: initial; }
html > body div.scheda-reperto #sale.cities li a:active { background: rgba(255, 255, 255, 0.2); color: #FFFFFF; }
html > body div.scheda-reperto #sale.cities li a:active span { color: #FFFFFF; }
html > body div.scheda-reperto #sale.cities li a img { width: 150px; height: 150px; object-fit: cover; object-position: center; background-color: #e8e8e8; border: 5px solid #e8e8e8; border-radius: 100%; }
html > body div.scheda-reperto #sale.cities li a h2 { color: #753d48; background-color: #e8e8e8; padding: 5%; border-radius: 35px; margin-top: -15px; }
html > body div.scheda-reperto #sale.itineraries li { background-color: #753d48; border-radius: 35px; }
html > body div.scheda-reperto #sale.itineraries li:nth-child(1) { background-color: #753d48; }
html > body div.scheda-reperto #sale.itineraries li:nth-child(2) { background-color: #9c4751; }
html > body div.scheda-reperto #sale.itineraries li:nth-child(3) { background-color: #5a2c35; }
html > body div.scheda-reperto #sale li { margin-bottom: 5%; }
html > body div.scheda-reperto #sale li a { display: block; padding: 5%; color: #FFFFFF; font-weight: 500; text-decoration: none; text-transform: uppercase; text-align: center; background: transparent; font-weight: 700; }
html > body div.scheda-reperto #sale li a span { display: block; font-weight: 500; font-size: 12px; text-transform: initial; }
html > body div.scheda-reperto #sale li a:active { background: rgba(255, 255, 255, 0.2); color: #FFFFFF; }
html > body div.scheda-reperto #sale li a:active span { color: #FFFFFF; }
html > body div.scheda-reperto #sale li a img { background-color: #CDCDCD; border: 5px solid #753d48; border-radius: 100%; }
html > body div.scheda-reperto #sale li a h2 { background-color: #753d48; padding: 5%; border-radius: 35px; margin-top: -15px; }
@media screen and (min-width: 600px) { html > body div.scheda-reperto #sale { font-size: 19.5px; margin: 27px; }
  html > body div.scheda-reperto #sale span { font-size: 15px; } }
html > body div.elenco-sale h1 { font-size: 18px; font-weight: 700; padding: 16.5px 18px; text-transform: uppercase; width: auto; color: #F0F0F0; text-align: center; background-color: #505050; }
html > body div.elenco-sale h1 a { display: block; color: #FFFFFF; text-decoration: none; background: url('../layout/back.png') no-repeat left center; background-size: auto 30px; padding: 1.5px 50px; }
html > body div.elenco-sale h1 span { display: block; font-weight: 500; font-size: 12px; text-transform: initial; }
@media screen and (min-width: 600px) { html > body div.elenco-sale h1 { padding: 27px; font-size: 24px; }
  html > body div.elenco-sale h1 span { size: 19.5px; } }
html > body div.elenco-sale #sale { margin: 18px; font-size: 15px; height: calc(100vh - (36px + 58px)); }
html > body div.elenco-sale #sale.cities li { margin-bottom: 5%; }
html > body div.elenco-sale #sale.cities li a { display: block; padding: 5%; color: #FFFFFF; font-weight: 500; text-decoration: none; text-transform: uppercase; text-align: center; background: transparent; font-weight: 700; }
html > body div.elenco-sale #sale.cities li a span { display: block; font-weight: 500; font-size: 12px; text-transform: initial; }
html > body div.elenco-sale #sale.cities li a:active { background: rgba(255, 255, 255, 0.2); color: #FFFFFF; }
html > body div.elenco-sale #sale.cities li a:active span { color: #FFFFFF; }
html > body div.elenco-sale #sale.cities li a img { width: 150px; height: 150px; object-fit: cover; object-position: center; background-color: #e8e8e8; border: 5px solid #e8e8e8; border-radius: 100%; }
html > body div.elenco-sale #sale.cities li a h2 { color: #753d48; background-color: #e8e8e8; padding: 5%; border-radius: 35px; margin-top: -15px; }
html > body div.elenco-sale #sale.itineraries li { background-color: #753d48; border-radius: 35px; }
html > body div.elenco-sale #sale.itineraries li:nth-child(1) { background-color: #753d48; }
html > body div.elenco-sale #sale.itineraries li:nth-child(2) { background-color: #9c4751; }
html > body div.elenco-sale #sale.itineraries li:nth-child(3) { background-color: #5a2c35; }
html > body div.elenco-sale #sale li { margin-bottom: 5%; }
html > body div.elenco-sale #sale li a { display: block; padding: 5%; color: #FFFFFF; font-weight: 500; text-decoration: none; text-transform: uppercase; text-align: center; background: transparent; font-weight: 700; }
html > body div.elenco-sale #sale li a span { display: block; font-weight: 500; font-size: 12px; text-transform: initial; }
html > body div.elenco-sale #sale li a:active { background: rgba(255, 255, 255, 0.2); color: #FFFFFF; }
html > body div.elenco-sale #sale li a:active span { color: #FFFFFF; }
html > body div.elenco-sale #sale li a img { background-color: #CDCDCD; border: 5px solid #753d48; border-radius: 100%; }
html > body div.elenco-sale #sale li a h2 { background-color: #753d48; padding: 5%; border-radius: 35px; margin-top: -15px; }
@media screen and (min-width: 600px) { html > body div.elenco-sale #sale { font-size: 19.5px; margin: 27px; }
  html > body div.elenco-sale #sale span { font-size: 15px; } }
html > body div.elenco-reperti h1 { font-size: 18px; font-weight: 700; padding: 16.5px 18px; text-transform: uppercase; width: auto; color: #F0F0F0; text-align: center; background-color: #505050; }
html > body div.elenco-reperti h1 a { display: block; color: #FFFFFF; text-decoration: none; background: url('../layout/back.png') no-repeat left center; background-size: auto 30px; padding: 1.5px 50px; }
html > body div.elenco-reperti h1 span { display: block; font-weight: 500; font-size: 12px; text-transform: initial; }
@media screen and (min-width: 600px) { html > body div.elenco-reperti h1 { padding: 27px; font-size: 24px; }
  html > body div.elenco-reperti h1 span { size: 19.5px; } }
html > body div.elenco-reperti #reperti { margin: 18px; font-size: 13.5px; }
html > body div.elenco-reperti #reperti li { border-radius: 50px; border: 1px solid #F0F0F0; margin-bottom: 5%; overflow: hidden; background: #FFFFFF; }
html > body div.elenco-reperti #reperti li:last-child { margin-bottom: 0; }
html > body div.elenco-reperti #reperti li:nth-child(odd) { background: #F0F0F0; }
html > body div.elenco-reperti #reperti li a { display: block; padding: 5% 45px 5% 5%; color: #753d48; font-weight: 500; text-decoration: none; text-transform: uppercase; }
html > body div.elenco-reperti #reperti li a:active { background: #753d48; color: #FFFFFF; }
@media screen and (min-width: 600px) { html > body div.elenco-reperti #reperti { font-size: 19.5px; margin: 27px; }
  html > body div.elenco-reperti #reperti span { font-size: 15px; } }

* { /* Questo codice serve a togliere gli effetti di highlight e select al tap su dispositivo mobile */ /*faccio in modo che il testo non venga selezionato*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; /*kiosk*/ -khtml-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; /*cursor: none;*/ }