@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i");
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; }

* { -webkit-tap-highlight-color: transparent; outline: none; margin: 0; padding: 0; border: 0; vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }
*.hidden { opacity: 0; pointer-events: none; position: fixed !important; }
*.disabled { pointer-events: none; opacity: 0.3; }

a:active, a:hover { /*&:active{ opacity:0.5!important; transform: scale(0.97);
}*/ cursor: pointer; -moz-transition: all 0.5s; transition: all 0.5s; }
a:active.disabled, a:hover.disabled { opacity: 0.3 !important; }

/* FONT BARI GUEST CARD */
/* font cirillico */
/* Lista delle famiglie di font, per ogni famiglia inserisco la variabile e la sua posizione */
@font-face { font-family: "Raleway-Regular"; src: url("../font/Raleway-Regular.eot"); src: url("../font/Raleway-Regular.ttf") format("truetype"), url("../font/Raleway-Regular.otf") format("opentype"), url("../font/Raleway-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-Regular.svg#Raleway-Regular") format("svg"), url("../font/Raleway-Regular.woff") format("woff"), url("../font/Raleway-Regular.woff2") format("woff2"); }
@font-face { font-family: "Raleway-Italic"; src: url("../font/Raleway-Italic.eot"); src: url("../font/Raleway-Italic.ttf") format("truetype"), url("../font/Raleway-Italic.otf") format("opentype"), url("../font/Raleway-Italicd41d.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-Italic.svg#Raleway-Italic") format("svg"), url("../font/Raleway-Italic.woff") format("woff"), url("../font/Raleway-Italic.woff2") format("woff2"); }
@font-face { font-family: "Raleway-Bold"; src: url("../font/Raleway-Bold.eot"); src: url("../font/Raleway-Bold.ttf") format("truetype"), url("../font/Raleway-Bold.otf") format("opentype"), url("../font/Raleway-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-Bold.svg#Raleway-Bold") format("svg"), url("../font/Raleway-Bold.woff") format("woff"), url("../font/Raleway-Bold.woff2") format("woff2"); }
@font-face { font-family: "Raleway-BoldItalic"; src: url("../font/Raleway-BoldItalic.eot"); src: url("../font/Raleway-BoldItalic.ttf") format("truetype"), url("../font/Raleway-BoldItalic.otf") format("opentype"), url("../font/Raleway-BoldItalicd41d.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-BoldItalic.svg#Raleway-BoldItalic") format("svg"), url("../font/Raleway-BoldItalic.woff") format("woff"), url("../font/Raleway-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Raleway-Light"; src: url("../font/Raleway-Light.eot"); src: url("../font/Raleway-Light.ttf") format("truetype"), url("../font/Raleway-Light.otf") format("opentype"), url("../font/Raleway-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-Light.svg#Raleway-Light") format("svg"), url("../font/Raleway-Light.woff") format("woff"), url("../font/Raleway-Light.woff2") format("woff2"); }
@font-face { font-family: "Raleway-LightItalic"; src: url("../font/Raleway-LightItalic.eot"); src: url("../font/Raleway-LightItalic.ttf") format("truetype"), url("../font/Raleway-LightItalic.otf") format("opentype"), url("../font/Raleway-LightItalicd41d.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-LightItalic.svg#Raleway-LightItalic") format("svg"), url("../font/Raleway-LightItalic.woff") format("woff"), url("../font/Raleway-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "TitilliumWeb-Regular"; src: url("../font/TitilliumWeb-Regular.eot"); src: url("../font/TitilliumWeb-Regular.ttf") format("truetype"), url("../font/TitilliumWeb-Regular.html") format("opentype"), url("../font/TitilliumWeb-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb-Regular.svg#TitilliumWeb-Regular") format("svg"), url("../font/TitilliumWeb-Regular.woff") format("woff"), url("../font/TitilliumWeb-Regular.woff2") format("woff2"); }
@font-face { font-family: "TitilliumWeb-Italic"; src: url("../font/TitilliumWeb-Italic.eot"); src: url("../font/TitilliumWeb-Italic.ttf") format("truetype"), url("../font/TitilliumWeb-Italic.html") format("opentype"), url("../font/TitilliumWeb-Italicd41d.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb-Italic.svg#TitilliumWeb-Italic") format("svg"), url("../font/TitilliumWeb-Italic.woff") format("woff"), url("../font/TitilliumWeb-Italic.woff2") format("woff2"); }
@font-face { font-family: "TitilliumWeb-Bold"; src: url("../font/TitilliumWeb-Bold.eot"); src: url("../font/TitilliumWeb-Bold.ttf") format("truetype"), url("../font/TitilliumWeb-Bold.html") format("opentype"), url("../font/TitilliumWeb-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb-Bold.svg#TitilliumWeb-Bold") format("svg"), url("../font/TitilliumWeb-Bold.woff") format("woff"), url("../font/TitilliumWeb-Bold.woff2") format("woff2"); }
@font-face { font-family: "TitilliumWeb-BoldItalic"; src: url("../font/TitilliumWeb-BoldItalic.eot"); src: url("../font/TitilliumWeb-BoldItalic.ttf") format("truetype"), url("../font/TitilliumWeb-BoldItalic.html") format("opentype"), url("../font/TitilliumWeb-BoldItalicd41d.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb-BoldItalic.svg#TitilliumWeb-BoldItalic") format("svg"), url("../font/TitilliumWeb-BoldItalic.woff") format("woff"), url("../font/TitilliumWeb-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "TitilliumWeb-Light"; src: url("../font/TitilliumWeb-Light.eot"); src: url("../font/TitilliumWeb-Light.ttf") format("truetype"), url("../font/TitilliumWeb-Light.html") format("opentype"), url("../font/TitilliumWeb-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb-Light.svg#TitilliumWeb-Light") format("svg"), url("../font/TitilliumWeb-Light.woff") format("woff"), url("../font/TitilliumWeb-Light.woff2") format("woff2"); }
@font-face { font-family: "TitilliumWeb-LightItalic"; src: url("../font/TitilliumWeb-LightItalic.eot"); src: url("../font/TitilliumWeb-LightItalic.ttf") format("truetype"), url("../font/TitilliumWeb-LightItalic.html") format("opentype"), url("../font/TitilliumWeb-LightItalicd41d.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb-LightItalic.svg#TitilliumWeb-LightItalic") format("svg"), url("../font/TitilliumWeb-LightItalic.woff") format("woff"), url("../font/TitilliumWeb-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; src: url("../font/Roboto.eot"); src: url("../font/Roboto.ttf") format("truetype"), url("../font/Roboto.otf") format("opentype"), url("../font/Robotod41d.eot?#iefix") format("embedded-opentype"), url("../font/Roboto.svg#Roboto") format("svg"), url("../font/Roboto.woff") format("woff"), url("../font/Roboto.woff2") format("woff2"); }
/******************** 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
********************/
/*DIMENSIONE  E POSIZIONAMENTO*/
/**/
/* CSS Document */
/******************** 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
********************/
body { overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: 4em auto; min-width: 360px; font-family: "Roboto"; font-size: 16px; min-width: 360px; overflow-y: auto; background-image: url("../layout/lg.rotating-balls-spinner.gif"); /*PERSONALIZZAZIONE GALLERY MAROSTICA*/ }
body #CookielawBanner { top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; }
body #CookielawBanner .container { position: fixed; bottom: 0; left: 0; right: 0; padding: 1em; text-align: center; line-height: 1.2em; font-size: 0.8em; font-weight: 300; background: rgba(0, 0, 0, 0.9); z-index: 999; color: #FFFFFF; }
body #CookielawBanner .container h6 { font-weight: 700; margin-bottom: 1em; text-transform: uppercase; color: #ea244c; }
body #CookielawBanner .container p { display: inline-block; margin: 0 20px; }
body #CookielawBanner .container a { display: inline-block; background: #ea244c; text-decoration: none; font-weight: 700; width: 150px; margin: 1em auto; margin: 1em 1em 0; color: #FFFFFF; padding: 10px; }
body.nero { overflow: hidden; }
body.nero #contenitore { background-color: #000000; }
body.nero #contenitore header { box-shadow: none; border-bottom: 0; background: #FFFFFF; }
body.nero #contenitore main { pointer-events: none; }
body.nero #contenitore::after { display: none; }
body.nero footer { pointer-events: none; z-index: 0; }
body .alert { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: #000000; color: #FFFF00; text-align: center; padding: 3em; line-height: 1.5em; display: none; }
body .alert strong { font-size: 1.5em; text-transform: uppercase; display: block; margin-bottom: 0.5em; }
@media screen and (min-width: 360px) { body .alert { display: none; } }
body header { min-width: 360px; background: transparent; position: fixed; top: 0; left: 0; right: 0; margin: auto; z-index: 50; }
body header #top-bar { background: transparent; text-align: right; overflow: hidden; height: 2.8em; z-index: 1; -moz-transition: all 0.2s; transition: all 0.2s; }
body header #top-bar div { height: 100%; display: inline-block; }
body header #top-bar p { opacity: 0; pointer-events: none; vertical-align: middle; display: none; vertical-align: middle; color: #89142f; font-size: 0.95em; font-weight: 700; line-height: 0; height: auto; }
body header #top-bar.social p, body header #top-bar .social p { margin-right: 0.5em; }
body header #top-bar.social::before, body header #top-bar .social::before { content: ""; display: inline-block; width: 1px; height: 100%; background: transparent; margin: 0; vertical-align: middle; }
body header #top-bar.social ul.social-list, body header #top-bar .social ul.social-list { display: inline-block; vertical-align: middle; }
body header #top-bar.social ul.social-list li, body header #top-bar .social ul.social-list li { display: inline-block; vertical-align: top; margin: 0; }
body header #top-bar.social ul.social-list li a, body header #top-bar .social ul.social-list li a { display: inline-block; width: 1.7em; height: 1.7em; margin-right: 0.5em; border-radius: 5em; background-color: #555555; background-repeat: no-repeat; background-size: auto; background-position: center center; }
body header #top-bar.social ul.social-list li a.facebook, body header #top-bar .social ul.social-list li a.facebook { background-image: url("../layout/fb.svg"); }
body header #top-bar.social ul.social-list li a.twitter, body header #top-bar .social ul.social-list li a.twitter { background-image: url("../layout/tw.svg"); }
body header #top-bar.social ul.social-list li a.instagram, body header #top-bar .social ul.social-list li a.instagram { background-image: url("../layout/in.svg"); }
body header #top-bar.social ul.social-list li a.youtube, body header #top-bar .social ul.social-list li a.youtube { width: 6.9em; background-size: 70%; background-image: url("../layout/yt_large.svg"); }
body header #top-bar.social ul.social-list li.newsletter-li a, body header #top-bar .social ul.social-list li.newsletter-li a { background-color: #ea244c; background-image: url("../layout/newsletter-small.svg"); background-position: 4px center; vertical-align: middle; width: auto; }
body header #top-bar.social ul.social-list li.newsletter-li a::before, body header #top-bar .social ul.social-list li.newsletter-li a::before { content: ""; display: inline-block; width: 1px; height: 100%; background: transparent; margin: 0 0.5em 0 0; vertical-align: middle; }
body header #top-bar.social ul.social-list li.newsletter-li a span, body header #top-bar .social ul.social-list li.newsletter-li a span { color: #FFFFFF; display: inline-block; vertical-align: middle; font-size: 0.7em; font-weight: 900; margin: 0 1em 0 35px; }
body header #top-bar.social ul.social-list li.newsletter-li a span::before, body header #top-bar .social ul.social-list li.newsletter-li a span::before { content: ""; display: inline-block; width: 1px; height: 100%; opacity: 0; vertical-align: middle; }
body header #top-bar.social ul.social-list li.newsletter-li a.privacy, body header #top-bar .social ul.social-list li.newsletter-li a.privacy { width: auto; height: auto; background: transparent; color: #89142f; font-weight: 700; margin: 0; padding: 0; display: inline-block; }
body header #top-bar.social ul.social-list li.newsletter-li #nl-privacy, body header #top-bar .social ul.social-list li.newsletter-li #nl-privacy { display: inline-block; vertical-align: middle; }
@media screen and (min-width: 1050px) { body header #top-bar.social ul.social-list li a, body header #top-bar .social ul.social-list li a { width: 1.9em; height: 1.9em; } }
body header #top-bar div.scelta-lingua { display: none; vertical-align: middle; }
body header #top-bar div.scelta-lingua label { display: none; }
body header #top-bar div.scelta-lingua::before { content: ""; display: inline-block; width: 1px; height: 100%; background: #555555; transform: rotate(45deg); margin: 0 1.5em; }
body header #top-bar div.scelta-lingua select { display: inline-block; vertical-align: top; height: 100%; font-family: "Roboto"; background: transparent; font-weight: 700; font-size: 1em; color: #ea244c; }
body header #top-bar div.scelta-lingua select:hover, body header #top-bar div.scelta-lingua select:focus, body header #top-bar div.scelta-lingua select:active { outline: none; }
@media screen and (min-width: 768px) { body header #top-bar div.scelta-lingua { display: inline-block; } }
body header #top-bar ul.scelta-lingua { margin-top: 3em; }
body header #top-bar ul.scelta-lingua li { display: inline-block; vertical-align: middle; }
body header #top-bar ul.scelta-lingua li a { display: block; width: 3em; height: 3em; border-radius: 5em; line-height: 0; padding: 0; border: 1px solid #FFFFFF; background-repeat: no-repeat; background-size: cover !important; background-position: center !important; }
body header #top-bar ul.scelta-lingua li a.it { background-image: url("../layout/flag-it.svg"); }
body header #top-bar ul.scelta-lingua li a.en { background-image: url("../layout/flag-en.svg"); }
body header #top-bar ul.scelta-lingua li a.es { background-image: url("../layout/flag-es.svg"); }
body header #top-bar ul.scelta-lingua li a.de { background-image: url("../layout/flag-de.svg"); }
body header #top-bar ul.scelta-lingua li a.selected { background-color: transparent; border: 3px solid #FFFFFF; }
@media screen and (min-width: 768px) { body header #top-bar ul.scelta-lingua { display: none; } }
body header #top-bar div.social li { display: none !important; }
body header #top-bar div.social li.newsletter-li { display: inline-block !important; }
@media screen and (min-width: 768px) { body header #top-bar { border: 0; overflow: none; }
  body header #top-bar div.social li { display: inline-block !important; }
  body header #top-bar p { opacity: 1; pointer-events: auto; font-size: 1.05em; display: inline-block; } }
@media screen and (min-width: 1050px) { body header #top-bar { height: 2.8em; } }
body header #main-bar { background: #89142f; position: relative; z-index: 1; height: 3.8em; }
body header #main-bar .destra { position: absolute; width: 28%; right: 0; top: 0; bottom: 0; padding-left: 1em; display: inline-block; vertical-align: middle; text-align: right; background: #ea244c; /* Old browsers */ background: -moz-linear-gradient(-45deg, transparent 23%, transparent 3.2em, #ea244c 3.2em, #ea244c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(23%, transparent), color-stop(3.2em, transparent), color-stop(3.2em, #ea244c), color-stop(100%, #ea244c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, transparent 23%, transparent 3.2em, #ea244c 3.2em, #ea244c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, transparent 23%, transparent 3.2em, #ea244c 3.2em, #ea244c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, transparent 23%, transparent 3.2em, #ea244c 3.2em, #ea244c 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(0, 0, 0, 0) 23%, rgba(0, 0, 0, 0) 3.2em, #ea244c 3.2em, #ea244c 100%); /* W3C */ }
body header #main-bar .sinistra { position: absolute; top: 0; bottom: 0; left: 0; width: 75%; height: 100%; }
@media screen and (min-width: 768px) { body header #main-bar { height: 4.5em; }
  body header #main-bar .destra { width: 49%; }
  body header #main-bar .sinistra { width: 51%; } }
@media screen and (min-width: 900px) { body header #main-bar { height: 5em; } }
@media screen and (min-width: 1050px) { body header #main-bar { height: 6em; } }
body header div.scelta-lingua { display: none; vertical-align: middle; }
body header div.scelta-lingua label { display: none; }
body header div.scelta-lingua::before { content: ""; display: inline-block; width: 1px; height: 100%; background: #555555; transform: rotate(45deg); margin: 0 1.5em; }
body header div.scelta-lingua select { display: inline-block; vertical-align: top; height: 100%; font-family: "Roboto"; background: transparent; font-weight: 700; font-size: 1em; color: #ea244c; }
body header div.scelta-lingua select:hover, body header div.scelta-lingua select:focus, body header div.scelta-lingua select:active { outline: none; }
@media screen and (min-width: 768px) { body header div.scelta-lingua { display: inline-block; } }
body header ul.scelta-lingua { margin-top: 3em; }
body header ul.scelta-lingua li { display: inline-block; vertical-align: middle; }
body header ul.scelta-lingua li a { display: block; width: 3em; height: 3em; border-radius: 5em; line-height: 0; padding: 0; border: 1px solid #FFFFFF; background-repeat: no-repeat; background-size: cover !important; background-position: center !important; }
body header ul.scelta-lingua li a.it { background-image: url("../layout/flag-it.svg"); }
body header ul.scelta-lingua li a.en { background-image: url("../layout/flag-en.svg"); }
body header ul.scelta-lingua li a.es { background-image: url("../layout/flag-es.svg"); }
body header ul.scelta-lingua li a.de { background-image: url("../layout/flag-de.svg"); }
body header ul.scelta-lingua li a.selected { background-color: transparent; border: 3px solid #FFFFFF; }
@media screen and (min-width: 768px) { body header ul.scelta-lingua { display: none; } }
body header h1 { width: 100%; height: 100%; display: inline-block; vertical-align: middle; color: #FFFFFF; position: relative; z-index: 10; }
body header h1 a { position: relative; /*&::before{
	content: "";
	background:{
		image:url(../layout/bandiera-arancione.jpg);
		size:cover;
		color:$bianco;
	} 
	width:2em;
	height:2em;
	position:absolute;
	right:1.5em;
	bottom:4em;
	border-radius:2em;
	border:2px solid $bianco;
	-moz-border-radius:2em;
	-webkit-border-radius:2em;
}*/ }
body header h1 img { padding: 0em 0.4em 0 0.8em; margin: 0 1em; height: 100%; background: #FFFFFF; display: inline-block; vertical-align: bottom; }
body header h1 span { text-transform: uppercase; display: inline-block; vertical-align: bottom; margin-bottom: 0.1em; width: 48%; font-weight: 700; font-size: 1.2em; line-height: 1em; }
body header h1 span span { display: block; width: 100%; font-size: 0.6em; line-height: 1.2em; position: relative; }
body header h1 span strong { weight: 700; }
body header h1 span strong.territorio { color: #73e7a9; }
body header h1 span strong.amare { color: #fcd01e; }
body header h1 span strong.vivere { color: #ffe69b; }
body header h1 span strong.visitare { color: #fa8746; }
@media screen and (min-width: 480px) { body header h1 span { font-size: 1.4em; line-height: 1.2em; }
  body header h1 span span { margin-bottom: 0.8em; left: 1.8em; white-space: nowrap; font-size: 0.55em; line-height: 0.6em; } }
@media screen and (min-width: 768px) { body header h1 img { padding: 0em 0.6em 0 1.1em; margin: 0 1.3em; }
  body header h1 span span { font-size: 0.6em; } }
@media screen and (min-width: 900px) { body header h1 img { padding: 0em 0.7em 0em 1.4em; margin: 0 1.7em; }
  body header h1 span { font-size: 1.55em; }
  body header h1 span span { margin-bottom: 0.8em; left: 1.8em; font-size: 0.65em; } }
@media screen and (min-width: 1050px) { body header h1 span { font-size: 1.7em; }
  body header h1 span span { font-size: 0.7em; } }
@media screen and (min-width: 1366px) { body header h1 img { padding: 0em 0.8em 0em 1.7em; margin: 0 2em; }
  body header h1 span { font-size: 2em; }
  body header h1 span span { margin-bottom: 0.8em; left: 1.8em; font-size: 0.7em; } }
body header .search { text-align: left; vertical-align: bottom; margin-bottom: 0.8em; height: 2em; border: 1px solid red; width: 53%; }
body header .search .container-1 { width: 100%; height: 100%; white-space: nowrap; position: relative; }
body header .search .container-1 input#search { width: 100%; height: 100%; position: relative; background: #FFFFFF; border: none; float: left; padding: 0 5em 0 2em; font-size: 0.9em; font-style: italic; color: #dddddd; }
body header .search .container-1 input#search:hover, body header .search .container-1 input#search:focus, body header .search .container-1 input#search:active { color: #555555; outline: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
body header .search .container-1 .icon { position: absolute; top: 0; right: 0; bottom: 0; width: 2.4em; z-index: 1; color: #4f5b66; background-image: url("../layout/icon-search.svg"); background-repeat: no-repeat; background-size: 55% auto; background-position: center center; background-color: rgba(234, 36, 76, 0.5); }
@media screen and (min-width: 900px) { body header .search { height: 2.4em; }
  body header .search .container-1 .icon { width: 3em; } }
@media screen and (min-width: 1366px) { body header .search { height: 2.7em; margin-bottom: 1em; }
  body header .search .container-1 { font-size: 1em; } }
body header .destra .search { display: none; }
@media screen and (min-width: 768px) { body header .destra .search { display: inline-block; } }
body header nav .search { display: block; width: auto; }
@media screen and (min-width: 768px) { body header nav .search { display: none; } }
body header #bt-menu { display: inline-block; vertical-align: middle; width: 2.3em; height: 100%; margin: 0 0.8em 0 1em; }
body header #bt-menu::before { content: ""; display: block; width: 2.3em; height: 2.3em; position: absolute; bottom: 50%; margin-bottom: -1.12em; background-image: url("../layout/icon-menu.svg"); background-size: auto 100%; background-position: center center; background-repeat: no-repeat; pointer-events: none; }
body header #bt-menu::after { content: ""; width: 0px; height: 100%; display: inline-block; vertical-align: middle; background: transparent; pointer-events: none; }
@media screen and (min-width: 768px) { body header #bt-menu { width: 2.3em; margin: 0 1.5em 0 1.7em; }
  body header #bt-menu::before { width: 2.2em; height: 2.2em; bottom: 0.8em; margin: 0; } }
@media screen and (min-width: 900px) { body header #bt-menu { width: 2.5em; }
  body header #bt-menu::before { width: 2.5em; height: 2.5em; } }
@media screen and (min-width: 1366px) { body header #bt-menu { width: 3em; }
  body header #bt-menu::before { width: 3em; height: 3em; } }
body header #bt-menu.selected::before { background-image: url("../layout/icon-close.svg"); background-color: #555555; border-radius: 5em; }
body header nav { display: none; background: #ea244c; text-transform: uppercase; padding: 1em; color: #FFFFFF; overflow: auto; position: fixed; top: 5em; bottom: 0; left: 0; right: 0; border-top: 1em solid #ea244c; }
body header nav h3 { font-size: 1.1em; font-weight: 700; display: block; margin: 1.2em 0 0.3em 0; padding: 0.3em 0; }
body header nav ul { margin: 1em 0 2em 0; }
body header nav ul li { margin-left: 1em; }
body header nav ul li.plus > ul { display: none; }
body header nav ul li.plus > a { padding-right: 3em; background-image: url("../layout/plus.svg"); background-position: right center; background-repeat: no-repeat; background-size: auto 1.5em; }
body header nav ul li.plus.selected > a { background-image: url("../layout/minus.svg"); background-repeat: no-repeat; }
body header nav ul li.plus.selected > ul { display: block; }
body header nav ul li a { text-decoration: none; display: block; padding: 0.3em 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #FFFFFF; }
body header nav ul li a:active { color: #ea244c; background: rgba(255, 255, 255, 0.85); }
body header nav ul li a.selected { color: #ea244c; background-color: #FFFFFF; padding-left: 0.2em; font-weight: 700; }
body header nav ul.second { margin: auto; }
body header nav ul.footer { margin-top: 2em; padding-top: 1em; }
body header nav ul.footer li { display: inline-block; }
body header nav ul.footer li a { border: 0; position: relative; }
body header nav ul.footer li a::after { content: ""; width: 1px; position: absolute; right: -0.7em; top: 0.5em; bottom: 0.5em; background: #FFFFFF; }
body header nav ul.footer li:last-child a::after { display: none; }
@media screen and (min-width: 768px) { body header nav { overflow: auto; top: 6.7em; margin-left: auto; margin-right: auto; padding: 0; position: relative; top: auto; bottom: auto; }
  body header nav .nero { background: rgba(221, 221, 221, 0.85); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: -1; }
  body header nav section { width: 20%; display: inline-block; margin: 0 0 0 4%; vertical-align: top; }
  body header nav h3 { font-size: 1.2em; margin: 1.2em 0 0.5em 0; }
  body header nav ul li { margin-left: 0.7em; }
  body header nav ul li a { font-size: 0.8em; }
  body header nav ul.footer { border-top: 1px solid #89142f; margin-left: 5%; margin-right: 5%; }
  body header nav ul.footer li { margin: 0 2% 0 0; }
  body header nav ul.footer li a::after { display: none; } }
@media screen and (min-width: 900px) { body header nav ul.first::before { font-size: 1.3em; }
  body header nav ul li a { font-size: 0.9em; } }
@media screen and (min-width: 1050px) { body header nav h3 { font-size: 1.4em; }
  body header nav ul li a { font-size: 1em; } }
body header nav.visibile { display: block; }
body header nav.visibile .nero { display: block; }
@media screen and (min-width: 1366px) { body header { max-width: calc(1366px + 24em); } }
body header.bottom { box-shadow: 0 0 10px #FFFFFF; }
body header.bottom #top-bar { height: 0; overflow: hidden; }
body #contenitore { display: block; position: relative; z-index: 1; color: #555555; margin: auto; background-color: #FFFFFF; line-height: 1.5em; max-width: 1150px; /* IE 6-8 fallback colors */ }
@media screen and (min-width: 360px) { body #contenitore { display: block; } }
body #contenitore a { color: #555555; text-decoration: none; }
body #contenitore a:active { opacity: 0.5; }
@media screen and (min-width: 1366px) { body #contenitore { max-width: 1366px; } }
body #contenitore::after { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: -50em; z-index: 5; pointer-events: none; opacity: 0.4; background: transparent; /* Old browsers */ background: -moz-linear-gradient(-45deg, transparent 35%, transparent 35%, #dddddd 35%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(35%, transparent), color-stop(35%, transparent), color-stop(35%, #ea244c), color-stop(100%, #ea244c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, transparent 35%, transparent 35%, #dddddd 35%, #dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, transparent 35%, transparent 35%, #dddddd 35%, #dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, transparent 35%, transparent 35%, #dddddd 35%, #dddddd 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 35%, #dddddd 35%, #dddddd 100%); /* W3C */ }
@media screen and (min-width: 768px) { body #contenitore::after { background: transparent; /* Old browsers */ background: -moz-linear-gradient(-45deg, transparent 50%, transparent 50%, #dddddd 50%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, transparent), color-stop(50%, transparent), color-stop(50%, #ea244c), color-stop(100%, #ea244c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, transparent 50%, transparent 50%, #dddddd 50%, #dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, transparent 50%, transparent 50%, #dddddd 50%, #dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, transparent 50%, transparent 50%, #dddddd 50%, #dddddd 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, #dddddd 50%, #dddddd 100%); /* W3C */ } }
body #contenitore #share { text-align: right; margin: 0 1em 2em 1em; }
body #contenitore #share span { font-size: 70%; display: inline-block; vertical-align: middle; text-transform: uppercase; font-weight: bold; margin-right: 0.5em; letter-spacing: 1px; line-height: 1em; }
body #contenitore #share ul { display: inline-block; vertical-align: middle; }
body #contenitore #share ul li { display: inline-block; vertical-align: middle; height: 1.5em; width: 1.5em; margin: 0; list-style: none; }
body #contenitore #share ul li a { display: block; height: 100%; background-position: center-center; background-size: 100% auto; }
body #contenitore #share ul li a.facebook-share-button { background-color: #3b5998; background-image: url("../layout/fb.svg"); }
body #contenitore #share ul li a.twitter-share-button { background-color: #1DA1F2; background-image: url("../layout/tw.svg"); }
body #contenitore #share ul li a.whatsapp-share-button { background-color: #25D366; background-image: url("../layout/wa.svg"); }
body #contenitore #share ul li a.telegram-share-button { background-color: #0088cc; background-image: url("../layout/tg.svg"); }
body #contenitore #share ul li a.mail-share-button { background-color: #cccccc; background-image: url("../layout/mail.svg"); }
body #contenitore #share ul li a:hover, body #contenitore #share ul li a:active { opacity: 0.7; }
body #contenitore main { background: #FFFFFF; display: block; position: relative; margin-top: 6em; padding: 1em 0; }
body #contenitore main h1 { margin: auto; text-align: left; background-image: none !important; /*background:{
	color:rgba($grigio,0.5);
	size:cover;
	position:center;
}*/ position: relative; /*&::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.8;
	z-index:0;
}*/ font-weight: 700; line-height: 2em; margin: 1em; }
body #contenitore main h1 span { display: block; margin: 0; padding: 0.3em 0; z-index: 10; position: relative; color: #ea244c; }
body #contenitore main h1 span.sezione { text-transform: uppercase; border-bottom: 0; width: 80%; font-size: 1.7em; line-height: 1em; padding: 0; position: relative; z-index: 10; }
body #contenitore main h1 span.sezione::before { content: ""; position: absolute; left: 2em; top: -0.75em; border-right: 2px solid #dddddd; width: 1px; height: 3em; transform: rotate(45deg); background: transparent; z-index: -1; opacity: 0.7; }
body #contenitore main h1 span.titolo { text-transform: uppercase; font-size: 1.15em; line-height: 1.2em; color: #656565; text-shadow: 0 0 5px #FFFFFF; margin-left: 4em; }
@media screen and (min-width: 768px) { body #contenitore main h1 { margin: 1.3em; }
  body #contenitore main h1 span.sezione { font-size: 2em; width: 50%; }
  body #contenitore main h1 span.titolo { font-size: 1.4em; } }
@media screen and (min-width: 900px) { body #contenitore main h1 { margin: 1.7em; }
  body #contenitore main h1 span.sezione { width: 40%; } }
@media screen and (min-width: 1050px) { body #contenitore main h1 span.sezione { font-size: 2.2em; }
  body #contenitore main h1 span.titolo { font-size: 1.6em; } }
@media screen and (min-width: 1366px) { body #contenitore main h1 { margin: 2em; }
  body #contenitore main h1 span.sezione { font-size: 2.5em; width: 35%; } }
body #contenitore main.territorio h1 span.sezione { color: #23af64; }
body #contenitore main.vivere h1 span.sezione { color: #ffe69b; }
body #contenitore main.amare h1 span.sezione { color: #fcd01e; }
body #contenitore main.visitare h1 span.sezione { color: #fa8746; }
body #contenitore main #breadcrumb { padding: 0.5em 1.2em; margin-bottom: 1em; }
body #contenitore main #breadcrumb li { display: inline; font-size: 0.9em; }
body #contenitore main #breadcrumb li a { color: #ea244c; }
body #contenitore main #breadcrumb li span { font-weight: 700; color: #656565; }
body #contenitore main #breadcrumb li:nth-child(2) { pointer-events: none; }
@media screen and (min-width: 900px) { body #contenitore main #breadcrumb { padding: 0.5em 1.7em; } }
@media screen and (min-width: 1050px) { body #contenitore main #breadcrumb { padding: 0.5em 1.4em; } }
@media screen and (min-width: 1366px) { body #contenitore main #breadcrumb { padding: 0.5em 2em; } }
body #contenitore main section { position: relative; z-index: 10; padding: 1em 0; /*&.data{
				font:{
					family:$raleway-italic;
				}
				color:$rosso;
				position:relative;
				&::before{
					content:"";
					position:absolute;
					width:1.5em;
					height:1.5em;
					top:0;
					left:-2em;
					background:{
						image:url('../layout/bullet-home-text-list.svg');
						size:cover;
						position:center;
						repeat:no-repeat;
					}
					
				}
			}
*/ }
body #contenitore main section p { margin-bottom: 1em; }
body #contenitore main section.box { line-height: 1.4em; padding: 0 1.2em; }
@media screen and (min-width: 900px) { body #contenitore main section.box { line-height: 1.3em; padding: 0 1.7em; } }
@media screen and (min-width: 1050px) { body #contenitore main section.box { line-height: 1.4em; } }
@media screen and (min-width: 1366px) { body #contenitore main section.box { padding: 0 2em; } }
body #contenitore main section.box ul { margin-top: 1em; }
body #contenitore main section.box.territorio ul.graphic-list li { background-image: url("../layout/bg-territorio1.jpg"); }
body #contenitore main section.box.territorio ul.graphic-list li a { background: rgba(35, 175, 100, 0.9); }
body #contenitore main section.box.territorio ul.graphic-list li:last-child { background-image: url("../layout/bg-territorio2.jpg"); }
body #contenitore main section.box.territorio ul.graphic-list li:last-child a { background-color: rgba(53, 142, 122, 0.9); }
body #contenitore main section h2 { text-transform: uppercase; margin: auto; text-align: left; color: #89142f; }
body #contenitore main section.box h2 { padding-bottom: 0.2em; margin: 0.4em auto; font-weight: 700; font-size: 1.3em; line-height: 1.5em; }
@media screen and (min-width: 768px) { body #contenitore main section.box h2 { margin: 0.5em auto; padding-bottom: 0.3em; } }
@media screen and (min-width: 1050px) { body #contenitore main section.box h2 { margin: 0.7em auto 0 auto; padding-bottom: 0.5em; } }
body #contenitore main section.territorio h2 { border-color: #23af64; }
body #contenitore main section.vivere h2 { border-color: #ffe69b; }
body #contenitore main section.amare h2 { border-color: #fcd01e; }
body #contenitore main section.visitare h2 { border-color: #fa8746; }
body #contenitore main section h3 { text-transform: uppercase; margin: auto; text-align: left; margin: 0 auto 0.5em auto; font-weight: 700; font-size: 1.1em; line-height: 1.4em; color: #656565; position: relative; }
@media screen and (min-width: 768px) { body #contenitore main section h3 { font-size: 1.2em; line-height: 1.5em; } }
@media screen and (min-width: 1050px) { body #contenitore main section h3 { margin-bottom: 0.5em; } }
body #contenitore main section h3#risultati { margin: 1em; font-size: 1.1em; text-transform: none; }
body #contenitore main section h3#risultati::first-letter { text-transform: capitalize; }
body #contenitore main section .anchor { display: block; position: relative; top: -5em; visibility: hidden; }
@media screen and (min-width: 768px) { body #contenitore main section .anchor { top: -7.8em; } }
@media screen and (min-width: 900px) { body #contenitore main section .anchor { top: -9.5em; } }
@media screen and (min-width: 1050px) { body #contenitore main section .anchor { top: -10.2em; } }
body #contenitore main section a.pdf { display: block; margin-bottom: 1em; font-weight: bold; color: #ea244c; border-bottom: 1px solid #efefef; padding-bottom: 0.5em; }
body #contenitore main section a.pdf::before { content: ""; display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin-right: 0.5em; background-image: url("../layout/pdf.svg"); background-size: cover; }
@media screen and (min-width: 1050px) { body #contenitore main section a.pdf { display: inline-block; vertical-align: top; border-bottom: 0; margin-right: 3em; } }
body #contenitore main section ul.graphic-list { text-align: center; /*OPZIONE STANDARD*/ }
body #contenitore main section ul.graphic-list li { background-color: #efefef; background-image: url("../layout/bg-territorio1.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; min-height: 13em; overflow: auto; }
body #contenitore main section ul.graphic-list li a { display: block; /*top:2em;
left:2em;
right:2em;
bottom:2em;*/ margin: 2em; padding: 1em 0; color: #FFFFFF; text-align: center; background: #dddddd; word-spacing: -1px; }
body #contenitore main section ul.graphic-list li a span { text-transform: uppercase; display: block; margin: 0.8em; pointer-events: none; font-size: 1.1em; font-weight: 700; }
body #contenitore main section ul.graphic-list li a p { padding: 0 1em; text-align: center; line-height: 1.2em; }
body #contenitore main section ul.graphic-list > li { text-align: left; vertical-align: top; width: 100%; }
@media screen and (min-width: 1px) { body #contenitore main section ul.graphic-list { row-gap: 1rem; display: grid; grid-template-columns: auto; column-gap: 1rem; } }
body #contenitore main section ul.graphic-list.nth0 { display: none; }
@media screen and (min-width: 480px) { body #contenitore main section ul.graphic-list { display: grid; grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem); column-gap: 1rem; }
  body #contenitore main section ul.graphic-list.nth1 { text-align: center; grid-template-columns: auto; }
  body #contenitore main section ul.graphic-list.strutture.nth1 { grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem); } }
@media screen and (min-width: 1050px) { body #contenitore main section ul.graphic-list { grid-template-columns: auto auto; }
  body #contenitore main section ul.graphic-list.strutture { grid-template-columns: calc(33.3% - 0.66rem) calc(33.3% - 0.66rem) calc(33.3% - 0.66rem); }
  body #contenitore main section ul.graphic-list.strutture.nth1 { grid-template-columns: calc(33.3% - 0.66rem) calc(33.3% - 0.66rem) calc(33.3% - 0.66rem); } }
@media screen and (min-width: 768px) { body #contenitore main section ul.graphic-list li a { padding: 1em 2em; } }
@media screen and (min-width: 900px) { body #contenitore main section ul.graphic-list li a span { font-size: 1.2em; } }
@media screen and (min-width: 1050px) { body #contenitore main section ul.graphic-list li a span { font-size: 1.3em; } }
body #contenitore main section ul.text-list { margin-top: 1em; margin-bottom: 1em; /*OPZIONE STANDARD*/ }
body #contenitore main section ul.text-list > li { position: relative; display: inline-block; vertical-align: top; display: inline-block; width: 100%; height: auto; min-height: 8em; top: 0; left: 0; z-index: 0; }
body #contenitore main section ul.text-list > li span { display: block; margin: 0.5em 30px; }
body #contenitore main section ul.text-list > li span.data { font-weight: 700; color: #ea244c; position: relative; }
body #contenitore main section ul.text-list > li span.data::before { content: ""; position: absolute; width: 1.5em; height: 1.5em; top: 0; left: -2em; background-image: url("../layout/bullet-home-text-list.svg"); background-size: cover; background-position: center; background-repeat: no-repeat; }
body #contenitore main section ul.text-list > li span.titolo { text-transform: uppercase; text-align: left; z-index: 90; color: #555555; font-size: 1.1em !important; font-weight: 700; color: #89142f; line-height: 1.3em; }
body #contenitore main section ul.text-list > li { text-align: left; vertical-align: top; width: 100%; }
@media screen and (min-width: 1px) { body #contenitore main section ul.text-list { row-gap: 1rem; display: grid; grid-template-columns: auto; column-gap: 1rem; } }
body #contenitore main section ul.text-list.nth0 { display: none; }
@media screen and (min-width: 480px) { body #contenitore main section ul.text-list { display: grid; grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem); column-gap: 1rem; }
  body #contenitore main section ul.text-list.nth1 { text-align: center; grid-template-columns: auto; }
  body #contenitore main section ul.text-list.strutture.nth1 { grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem); } }
@media screen and (min-width: 1050px) { body #contenitore main section ul.text-list { grid-template-columns: auto auto; }
  body #contenitore main section ul.text-list.strutture { grid-template-columns: calc(33.3% - 0.66rem) calc(33.3% - 0.66rem) calc(33.3% - 0.66rem); }
  body #contenitore main section ul.text-list.strutture.nth1 { grid-template-columns: calc(33.3% - 0.66rem) calc(33.3% - 0.66rem) calc(33.3% - 0.66rem); } }
body #contenitore main section ul.block-list { margin-bottom: 1em; /*OPZIONE STANDARD*/ }
body #contenitore main section ul.block-list li { position: relative; display: inline-block; vertical-align: top; width: 100%; }
body #contenitore main section ul.block-list li a:hover img, body #contenitore main section ul.block-list li a:active img { transform: scale(1.1); transition: all 0.5s; opacity: 0.5; filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ filter: grayscale(1); }
body #contenitore main section ul.block-list li figure { background-color: #dddddd; display: block; width: 100%; height: 12em; overflow: hidden; top: 0; left: 0; z-index: 0; position: relative; }
body #contenitore main section ul.block-list li figure img { height: 100%; width: 100%; object-fit: cover; transition: all 0.5s; }
body #contenitore main section ul.block-list li span.titolo, body #contenitore main section ul.block-list li h2 { text-transform: uppercase; text-align: left; position: absolute; bottom: 8px; left: 8px; right: 8px; z-index: 90; padding: 0.5em; color: #555555; font-weight: 700; line-height: 1.3em; background: rgba(255, 255, 255, 0.9); }
body #contenitore main section ul.block-list li span.testo { display: block; text-align: left; z-index: 90; padding: 1em; color: #555555; }
body #contenitore main section ul.block-list li span.testo p { text-align: left; }
body #contenitore main section ul.block-list li::before { content: ""; background-repeat: no-repeat; background-size: auto 80%; background-position: center; display: none; width: 3em; height: 1.5em; position: absolute; top: -1em; left: 0.5em; z-index: 91; }
body #contenitore main section ul.block-list li.trekking::before { background-image: url(../layout/icon-trekking.svg); background-color: #a26e31; display: block; }
body #contenitore main section ul.block-list li.trekking .titolo { color: #a26e31; }
body #contenitore main section ul.block-list li.facilitato::before { background-image: url(../layout/icon-disabile.svg); background-color: #00a651; display: block; }
body #contenitore main section ul.block-list li.facilitato .titolo { color: #00a651; }
body #contenitore main section ul.block-list li.bike::before, body #contenitore main section ul.block-list li.bicicletta::before { background-image: url(../layout/icon-bike.svg); background-color: #555555; display: block; }
body #contenitore main section ul.block-list li.bike .titolo, body #contenitore main section ul.block-list li.bicicletta .titolo { color: #555555; }
body #contenitore main section ul.block-list > li { text-align: left; vertical-align: top; width: 100%; }
@media screen and (min-width: 1px) { body #contenitore main section ul.block-list { row-gap: 1rem; display: grid; grid-template-columns: auto; column-gap: 1rem; } }
body #contenitore main section ul.block-list.nth0 { display: none; }
@media screen and (min-width: 480px) { body #contenitore main section ul.block-list { display: grid; grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem); column-gap: 1rem; }
  body #contenitore main section ul.block-list.nth1 { text-align: center; grid-template-columns: auto; }
  body #contenitore main section ul.block-list.strutture.nth1 { grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem); } }
@media screen and (min-width: 1050px) { body #contenitore main section ul.block-list { grid-template-columns: auto auto; }
  body #contenitore main section ul.block-list.strutture { grid-template-columns: calc(33.3% - 0.66rem) calc(33.3% - 0.66rem) calc(33.3% - 0.66rem); }
  body #contenitore main section ul.block-list.strutture.nth1 { grid-template-columns: calc(33.3% - 0.66rem) calc(33.3% - 0.66rem) calc(33.3% - 0.66rem); } }
body #contenitore main section ul.block-list.eventi li span.data { position: absolute; top: 8px; left: 8px; z-index: 90; padding: 0.5em; color: #555555; font-size: 0.9em; font-weight: 700; line-height: 1.3em; background: rgba(255, 230, 155, 0.9); }
body #contenitore main section.territorio ul.block-list li figure { background-color: #73e7a9; }
body #contenitore main section.territorio::after { content: ''; position: absolute; bottom: 0em; left: 0em; right: 0em; height: 1em; background-image: url("../layout/texture-righe.png"); z-index: 0; opacity: 0.5; }
body #contenitore main section.vivere { margin-bottom: 1em; }
body #contenitore main section.vivere ul.block-list li figure { background-color: #ffe69b; }
body #contenitore main section.amare ul.block-list li figure { background-color: #fcd01e; }
body #contenitore main section.visitare ul.block-list li figure { background-color: #fa8746; }
body #contenitore main section ul.item-list { margin-bottom: 1em; /*OPZIONE STANDARD*/ }
body #contenitore main section ul.item-list .button { background-color: #ea244c; font-size: 16px; line-height: 20px; color: #FFFFFF; text-transform: uppercase; border: none; padding: 5px 15px; cursor: pointer; display: inline-block; border: 1px solid #FFFFFF; text-align: center; text-decoration: none; vertical-align: top; margin: 1.2rem 1em; position: absolute; bottom: 0; left: 0; }
body #contenitore main section ul.item-list > li { position: relative; display: inline-block; vertical-align: top; background-color: rgba(221, 221, 221, 0.25); display: block; width: 100%; height: auto; overflow: hidden; top: 0; left: 0; z-index: 0; padding: 0.5em 0 4.5rem 0; }
body #contenitore main section ul.item-list > li a { color: #ea244c; }
body #contenitore main section ul.item-list > li span, body #contenitore main section ul.item-list > li p { display: block; margin: 0 1em; }
body #contenitore main section ul.item-list > li span.stelle, body #contenitore main section ul.item-list > li p.stelle { max-width: none; display: block; margin: 0.5em 1em; text-align: left; height: 14px; background-color: transparent; background-image: url(../layout/icon-stelle.svg); background-position: center left; background-size: auto 100%; }
body #contenitore main section ul.item-list > li span.stelle::before, body #contenitore main section ul.item-list > li p.stelle::before { display: none; }
body #contenitore main section ul.item-list > li span.stelle.stelle1, body #contenitore main section ul.item-list > li p.stelle.stelle1 { width: 21px; }
body #contenitore main section ul.item-list > li span.stelle.stelle2, body #contenitore main section ul.item-list > li p.stelle.stelle2 { width: 42px; }
body #contenitore main section ul.item-list > li span.stelle.stelle3, body #contenitore main section ul.item-list > li p.stelle.stelle3 { width: 63px; }
body #contenitore main section ul.item-list > li span.stelle.stelle4, body #contenitore main section ul.item-list > li p.stelle.stelle4 { width: 84px; }
body #contenitore main section ul.item-list > li span.stelle.stelle5, body #contenitore main section ul.item-list > li p.stelle.stelle5 { width: 105px; }
body #contenitore main section ul.item-list > li span p, body #contenitore main section ul.item-list > li p p { display: inline-block; }
body #contenitore main section ul.item-list > li span:first-child, body #contenitore main section ul.item-list > li p:first-child { text-transform: uppercase; }
body #contenitore main section ul.item-list > li span.logo img, body #contenitore main section ul.item-list > li p.logo img { max-width: 70%; max-height: 100px; width: auto; height: auto; }
body #contenitore main section ul.item-list > li span.titolo, body #contenitore main section ul.item-list > li p.titolo { text-transform: uppercase; text-align: left; z-index: 90; color: #555555; font-weight: 700; color: #89142f; line-height: 1.3em; margin: 0.5rem 1rem; }
body #contenitore main section ul.item-list > li span.social, body #contenitore main section ul.item-list > li span.note, body #contenitore main section ul.item-list > li p.social, body #contenitore main section ul.item-list > li p.note { margin-top: 0.5em; padding-top: 0.5em; border-top: 1px dotted #dddddd; }
body #contenitore main section ul.item-list > li .informazioni { margin: 1em 1em 0.5em 1em; /*padding:0.5em;*/ /*border-top:1px dotted $grigio;
border-bottom:1px dotted $grigio;*/ }
body #contenitore main section ul.item-list > li .informazioni p { display: inline-block; vertical-align: top; width: 22%; max-width: 70px; text-align: center; margin: 0; font-weight: 700; background: #FFFFFF; overflow: hidden; text-transform: lowercase; }
body #contenitore main section ul.item-list > li .informazioni p::before { content: ""; background-repeat: no-repeat; background-size: auto cover; background-position: center center; display: block; height: 25px; margin: 5px 0; }
body #contenitore main section ul.item-list > li .informazioni p strong { display: none; }
body #contenitore main section ul.item-list > li .informazioni p.parcheggio:before { background-image: url(../layout/icon-servizi-parcheggio.svg); }
body #contenitore main section ul.item-list > li .informazioni p.numero-coperti:before { background-image: url(../layout/icon-servizi-coperti.svg); }
body #contenitore main section ul.item-list > li .informazioni p.numero-camere:before { background-image: url(../layout/icon-servizi-camere.svg); }
body #contenitore main section ul.item-list > li .informazioni p.numero-letti:before { background-image: url(../layout/icon-servizi-letti.svg); }
body #contenitore main section ul.item-list > li .informazioni p.accompagnamento_disabili:before { background-image: url(../layout/icon-servizi-disabili.svg); }
body #contenitore main section ul.item-list > li { text-align: left; vertical-align: top; width: 100%; }
@media screen and (min-width: 1px) { body #contenitore main section ul.item-list { row-gap: 1rem; display: grid; grid-template-columns: auto; column-gap: 1rem; } }
body #contenitore main section ul.item-list.nth0 { display: none; }
@media screen and (min-width: 480px) { body #contenitore main section ul.item-list { display: grid; grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem); column-gap: 1rem; }
  body #contenitore main section ul.item-list.nth1 { text-align: center; grid-template-columns: auto; }
  body #contenitore main section ul.item-list.strutture.nth1 { grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem); } }
@media screen and (min-width: 1050px) { body #contenitore main section ul.item-list { grid-template-columns: auto auto; }
  body #contenitore main section ul.item-list.strutture { grid-template-columns: calc(33.3% - 0.66rem) calc(33.3% - 0.66rem) calc(33.3% - 0.66rem); }
  body #contenitore main section ul.item-list.strutture.nth1 { grid-template-columns: calc(33.3% - 0.66rem) calc(33.3% - 0.66rem) calc(33.3% - 0.66rem); } }
body #contenitore main section ul.item-list.social p, body #contenitore main section ul.item-list .social p { margin-right: 0.5em; }
body #contenitore main section ul.item-list.social::before, body #contenitore main section ul.item-list .social::before { content: ""; display: inline-block; width: 1px; height: 100%; background: transparent; margin: 0; vertical-align: middle; }
body #contenitore main section ul.item-list.social ul.social-list, body #contenitore main section ul.item-list .social ul.social-list { display: inline-block; vertical-align: middle; }
body #contenitore main section ul.item-list.social ul.social-list li, body #contenitore main section ul.item-list .social ul.social-list li { display: inline-block; vertical-align: top; margin: 0; }
body #contenitore main section ul.item-list.social ul.social-list li a, body #contenitore main section ul.item-list .social ul.social-list li a { display: inline-block; width: 1.7em; height: 1.7em; margin-right: 0.5em; border-radius: 5em; background-color: #555555; background-repeat: no-repeat; background-size: auto; background-position: center center; }
body #contenitore main section ul.item-list.social ul.social-list li a.facebook, body #contenitore main section ul.item-list .social ul.social-list li a.facebook { background-image: url("../layout/fb.svg"); }
body #contenitore main section ul.item-list.social ul.social-list li a.twitter, body #contenitore main section ul.item-list .social ul.social-list li a.twitter { background-image: url("../layout/tw.svg"); }
body #contenitore main section ul.item-list.social ul.social-list li a.instagram, body #contenitore main section ul.item-list .social ul.social-list li a.instagram { background-image: url("../layout/in.svg"); }
body #contenitore main section ul.item-list.social ul.social-list li a.youtube, body #contenitore main section ul.item-list .social ul.social-list li a.youtube { width: 6.9em; background-size: 70%; background-image: url("../layout/yt_large.svg"); }
body #contenitore main section ul.item-list.social ul.social-list li.newsletter-li a, body #contenitore main section ul.item-list .social ul.social-list li.newsletter-li a { background-color: #ea244c; background-image: url("../layout/newsletter-small.svg"); background-position: 4px center; vertical-align: middle; width: auto; }
body #contenitore main section ul.item-list.social ul.social-list li.newsletter-li a::before, body #contenitore main section ul.item-list .social ul.social-list li.newsletter-li a::before { content: ""; display: inline-block; width: 1px; height: 100%; background: transparent; margin: 0 0.5em 0 0; vertical-align: middle; }
body #contenitore main section ul.item-list.social ul.social-list li.newsletter-li a span, body #contenitore main section ul.item-list .social ul.social-list li.newsletter-li a span { color: #FFFFFF; display: inline-block; vertical-align: middle; font-size: 0.7em; font-weight: 900; margin: 0 1em 0 35px; }
body #contenitore main section ul.item-list.social ul.social-list li.newsletter-li a span::before, body #contenitore main section ul.item-list .social ul.social-list li.newsletter-li a span::before { content: ""; display: inline-block; width: 1px; height: 100%; opacity: 0; vertical-align: middle; }
body #contenitore main section ul.item-list.social ul.social-list li.newsletter-li a.privacy, body #contenitore main section ul.item-list .social ul.social-list li.newsletter-li a.privacy { width: auto; height: auto; background: transparent; color: #89142f; font-weight: 700; margin: 0; padding: 0; display: inline-block; }
body #contenitore main section ul.item-list.social ul.social-list li.newsletter-li #nl-privacy, body #contenitore main section ul.item-list .social ul.social-list li.newsletter-li #nl-privacy { display: inline-block; vertical-align: middle; }
@media screen and (min-width: 1050px) { body #contenitore main section ul.item-list.social ul.social-list li a, body #contenitore main section ul.item-list .social ul.social-list li a { width: 1.9em; height: 1.9em; } }
@media screen and (min-width: 900px) { body #contenitore main section ul.item-list > li p.titolo { font-size: 1.05em !important; } }
body #contenitore main section .filter { background: #89142f; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(35%, #ea244c), color-stop(35%, #ea244c), color-stop(35%, #89142f), color-stop(100%, #89142f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* IE10+ */ background: linear-gradient(135deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* W3C */ padding: 0.7em 0; opacity: 0.9; z-index: 100; }
body #contenitore main section .filter h3 { color: #efefef; text-align: left; max-width: none; width: 70%; position: relative; padding-bottom: 0.3em; margin: 0 auto; }
body #contenitore main section .filter::after { display: none; }
body #contenitore main section .filter span { display: block; margin: 0.5em auto; width: 70%; margin: 0 auto; }
body #contenitore main section .filter span input { width: 1.5em; height: 1.5em; margin-right: 0.5em; display: inline-block; vertical-align: middle; }
body #contenitore main section .filter span label { color: #FFFFFF; text-transform: uppercase; display: inline-block; vertical-align: middle; }
body #contenitore main section .filter select { display: block; vertical-align: top; height: 2em; width: 80%; margin: 0.5em auto; background: white; font-weight: 700; font-size: 1em; color: #555555; }
body #contenitore main section .filter select:hover, body #contenitore main section .filter select:focus, body #contenitore main section .filter select:active { outline: none; }
@media screen and (min-width: 480px) { body #contenitore main section .filter h3 { width: 97%; margin-left: 2%; }
  body #contenitore main section .filter span { display: inline-block; width: 45%; margin: 0 2%; }
  body #contenitore main section .filter select { display: inline-block; width: 28%; margin: 0 2%; } }
@media screen and (min-width: 768px) { body #contenitore main section .filter span { width: 31%; margin: 0 0 0 2%; } }
body #contenitore main section.view_mappa .filter { /*position:absolute;
bottom:1em;
left:0em;
width:17em;
z-index:20;
text-align:left;
h3{
	text-align:left;
	margin-bottom:0;
}
span{
	margin:0.5em 0em 0.5em 1em;
}*/ font-size: 0.9em; }
body #contenitore main section.view_lista .filter { /*margin:1em auto;
@include min-screen($TabletPort){
	h3{
		text-align:center;
	}
	text-align:center;
	span{
		display:inline-block;
		vertical-align:middle;
		width:auto;
		margin:0 1em;
		font-size:0.8em;
	}
	select{
		display:inline-block;
		vertical-align:middle;
		width:27%;
		margin:0 1em;
	}
}
@include min-screen($desktop){
	h3{
		display:inline-block;
		vertical-align:middle;
		width:22%;
		margin:0;
		padding:0;
		text-align:left;
	}
	span{
		font-size:0.9em;
	}
	select{
		width:20%;
	}
}*/ font-size: 0.9em; }
body #contenitore main section .error strong { color: #da0000; }
body #contenitore main section .search-summary { margin-top: 2em; }
body #contenitore main section .search-summary strong { color: #89142f; }
body #contenitore main section form { display: none; }
body #contenitore main section .search-results { margin-top: 3em; }
body #contenitore main section .search-results h3 { background-color: transparent; font-size: 1.5em; max-width: none; width: auto; margin-bottom: 1em; text-align: left; padding: 0 0.5em; border-left: 2em solid; }
body #contenitore main section .search-results h3.territorio { color: #73e7a9; }
body #contenitore main section .search-results h3.amare { color: #fcd01e; }
body #contenitore main section .search-results h3.vivere { color: #ffe69b; }
body #contenitore main section .search-results h3.visitare { color: #fa8746; }
body #contenitore main section .search-results h3 span { font-size: 0.7em; color: #656565 !important; display: none; }
body #contenitore main section .search-results ul { margin: 0 0 1em 0; padding-bottom: 1em; }
body #contenitore main section .search-results ul li { /*&:nth-child(even) {
	background-color: $grigio-chiaro;
}*/ border-bottom: 1px dotted #89142f; }
body #contenitore main section .search-results ul li a { text-decoration: underline; color: #89142f; font-size: 1.1em; line-height: 1.4em; font-weight: 700; }
body #contenitore main section .search-results ul li a:hover { text-decoration: underline; }
body #contenitore main section .search-results ul li p { text-align: left !important; margin: 0.7em; }
body #contenitore main section .search-results ul li p .highlighted { font-weight: 700; color: #ea244c; }
body #contenitore main .correlati section h2 { text-transform: uppercase; margin: auto; text-align: center; }
body #contenitore main .correlati section.box h2 { border-bottom: 7px solid; width: 80%; padding-bottom: 0.2em; margin: 0.4em auto; font-weight: 700; font-size: 1.3em; color: #555555; }
@media screen and (min-width: 768px) { body #contenitore main .correlati section.box h2 { font-size: 1.6em; margin: 0.5em auto 0 auto; padding-bottom: 0.3em; } }
@media screen and (min-width: 900px) { body #contenitore main .correlati section.box h2 { max-width: 50%; } }
@media screen and (min-width: 1050px) { body #contenitore main .correlati section.box h2 { border-bottom: 10px solid; font-size: 1.8em; margin: 0.7em auto 0 auto; padding-bottom: 0.5em; } }
body #contenitore main .correlati section.territorio h2 { border-color: #23af64; }
body #contenitore main .correlati section.vivere h2 { border-color: #ffe69b; }
body #contenitore main .correlati section.amare h2 { border-color: #fcd01e; }
body #contenitore main .correlati section.visitare h2 { border-color: #fa8746; }
body #contenitore main .correlati section h3 { text-transform: uppercase; margin: auto; text-align: center; width: 80%; padding-bottom: 0.2em; margin: 0.4em auto; font-weight: 700; font-size: 1.1em; color: #656565; position: relative; }
@media screen and (min-width: 768px) { body #contenitore main .correlati section h3 { font-size: 1.3em; margin: 0.5em auto; padding-bottom: 0.3em; } }
@media screen and (min-width: 900px) { body #contenitore main .correlati section h3 { max-width: 50%; } }
@media screen and (min-width: 1050px) { body #contenitore main .correlati section h3 { margin-bottom: 0.5em; padding-bottom: 0.5em; } }
body #contenitore main .correlati section .anchor { display: block; position: relative; top: -5em; visibility: hidden; }
@media screen and (min-width: 768px) { body #contenitore main .correlati section .anchor { top: -7.8em; } }
@media screen and (min-width: 900px) { body #contenitore main .correlati section .anchor { top: -9.5em; } }
@media screen and (min-width: 1050px) { body #contenitore main .correlati section .anchor { top: -10.2em; } }
body #contenitore main .correlati section .bt-all { display: block; width: 80%; padding: 0.5em 0; margin: 1em auto 1em auto; text-transform: uppercase; text-align: center; font-weight: 700; font-size: 1em; color: #555555; }
@media screen and (min-width: 900px) { body #contenitore main .correlati section .bt-all { max-width: 50%; font-size: 1.3em; } }
body #contenitore main .correlati section.vivere .bt-all { background: #ffe69b; }
body #contenitore main .correlati section.amare .bt-all { background: #fcd01e; }
body #contenitore main .correlati section.visitare .bt-all { background: #fa8746; color: #FFFFFF; }
body #contenitore main .correlati section .bt-all { display: none !important; }
body #contenitore main #colonna-destra { padding: 0 1.2em; }
@media screen and (min-width: 900px) { body #contenitore main #colonna-destra { padding: 0 1.7em; } }
@media screen and (min-width: 1050px) { body #contenitore main #colonna-destra { padding: 0 1.4em; margin-bottom: 0; width: calc(55% - 5.6em); display: inline-block; vertical-align: top; margin-bottom: 5em; } }
@media screen and (min-width: 1366px) { body #contenitore main #colonna-destra { padding: 0 2em; width: calc(50% - 7.5em); } }
@media screen and (min-width: 1050px) { body #contenitore main .reverse { display: flex; flex-direction: row-reverse; } }
body #contenitore main.home section { /*@import "home-graphic-list";
@import "home-text-list";
@import "home-block-list";*/ padding: 1.2em; }
body #contenitore main.home section h2 { text-transform: uppercase; margin: auto; text-align: center; }
body #contenitore main.home section.box h2 { border-bottom: 7px solid; width: 80%; padding-bottom: 0.2em; margin: 0.4em auto; font-weight: 700; font-size: 1.3em; color: #555555; }
@media screen and (min-width: 768px) { body #contenitore main.home section.box h2 { font-size: 1.6em; margin: 0.5em auto 0 auto; padding-bottom: 0.3em; } }
@media screen and (min-width: 900px) { body #contenitore main.home section.box h2 { max-width: 50%; } }
@media screen and (min-width: 1050px) { body #contenitore main.home section.box h2 { border-bottom: 10px solid; font-size: 1.8em; margin: 0.7em auto 0 auto; padding-bottom: 0.5em; } }
body #contenitore main.home section.territorio h2 { border-color: #23af64; }
body #contenitore main.home section.vivere h2 { border-color: #ffe69b; }
body #contenitore main.home section.amare h2 { border-color: #fcd01e; }
body #contenitore main.home section.visitare h2 { border-color: #fa8746; }
body #contenitore main.home section h3 { text-transform: uppercase; margin: auto; text-align: center; width: 80%; padding-bottom: 0.2em; margin: 0.4em auto; font-weight: 700; font-size: 1.1em; color: #656565; position: relative; }
@media screen and (min-width: 768px) { body #contenitore main.home section h3 { font-size: 1.3em; margin: 0.5em auto; padding-bottom: 0.3em; } }
@media screen and (min-width: 900px) { body #contenitore main.home section h3 { max-width: 50%; } }
@media screen and (min-width: 1050px) { body #contenitore main.home section h3 { margin-bottom: 0.5em; padding-bottom: 0.5em; } }
body #contenitore main.home section .anchor { display: block; position: relative; top: -5em; visibility: hidden; }
@media screen and (min-width: 768px) { body #contenitore main.home section .anchor { top: -7.8em; } }
@media screen and (min-width: 900px) { body #contenitore main.home section .anchor { top: -9.5em; } }
@media screen and (min-width: 1050px) { body #contenitore main.home section .anchor { top: -10.2em; } }
body #contenitore main.home section .bt-all { display: block; width: 80%; padding: 0.5em 0; margin: 1em auto 1em auto; text-transform: uppercase; text-align: center; font-weight: 700; font-size: 1em; color: #555555; }
@media screen and (min-width: 900px) { body #contenitore main.home section .bt-all { max-width: 50%; font-size: 1.3em; } }
body #contenitore main.home section.vivere .bt-all { background: #ffe69b; }
body #contenitore main.home section.amare .bt-all { background: #fcd01e; }
body #contenitore main.home section.visitare .bt-all { background: #fa8746; color: #FFFFFF; }
@media screen and (min-width: 900px) { body #contenitore main.home section { padding-top: 1.7em; } }
body #contenitore main.home section.amare { background: #fcd01e; /*@include min-screen($desktop){
	padding:1.7em;
}
@include min-screen($cinema){
	padding:2em;
}*/ }
body #contenitore main.home section.amare h2 { border-color: #FFFFFF; }
body #contenitore main.home section.amare .bt-all { background: #FFFFFF; }
body #contenitore main.interna section { /*&::after{
	content:"";
	margin:auto;
	width:20%;
	height:1px;
	display:block;
	background:$rosso;
	margin-top:2em;
}*/ /*PERSONALIZZAZIONE GALLERY MAROSTICA*/ }
body #contenitore main.interna section.text-main { padding-top: 0; height: auto !important; width: auto !important; }
body #contenitore main.interna section.text-main > div p { margin-bottom: 1em; text-align: justify !important; }
body #contenitore main.interna section.text-main > div div.abstract { color: #555555; }
body #contenitore main.interna section.text-main > div div.approfondimento { color: #656565; }
@media screen and (min-width: 768px) { body #contenitore main.interna section.text-main > div div.approfondimento { column-gap: 2em; } }
@media screen and (min-width: 1050px) { body #contenitore main.interna section.text-main.gallery { width: 45% !important; display: inline-block; } }
@media screen and (min-width: 1366px) { body #contenitore main.interna section.text-main.gallery { width: 50% !important; } }
body #contenitore main.interna section.text-approfondimento { padding-top: 0; color: #656565; }
body #contenitore main.interna section.text-approfondimento a.approfondimento { padding: 1em 0; display: block; text-transform: uppercase; color: #89142f; }
body #contenitore main.interna section.text-approfondimento a.approfondimento::before { content: ""; display: block; width: 2em; height: 2em; background: #89142f; display: inline-block; vertical-align: middle; pointer-events: none; background-image: url("../layout/plus.svg"); background-repeat: no-repeat; background-position: center; background-size: auto 1.5em; }
body #contenitore main.interna section.text-approfondimento a.approfondimento span { padding: 0 1em; pointer-events: none; position: relative; display: inline-block; vertical-align: middle; max-width: 70%; }
body #contenitore main.interna section.text-approfondimento a.approfondimento .more { display: inline-block; vertical-align: middle; }
body #contenitore main.interna section.text-approfondimento a.approfondimento .less { display: none; }
body #contenitore main.interna section.text-approfondimento > div { display: none; }
body #contenitore main.interna section.text-approfondimento.selected a.approfondimento::before { background-image: url("../layout/minus.svg"); }
body #contenitore main.interna section.text-approfondimento.selected a.approfondimento .more { display: none; }
body #contenitore main.interna section.text-approfondimento.selected a.approfondimento .less { display: inline-block; vertical-align: middle; }
body #contenitore main.interna section.text-approfondimento.selected > div { display: block; }
body #contenitore main.interna section.text-approfondimento p { margin-bottom: 1em; text-align: justify !important; }
@media screen and (min-width: 768px) { body #contenitore main.interna section.text-approfondimento { /*column-count: 3;
column-gap: 2em;*/ } }
body #contenitore main.interna section .caratteristiche { border: 1px solid transparent; padding: 0; margin: 0 1em; }
body #contenitore main.interna section .caratteristiche h3 { text-align: left; max-width: none; padding: 1em 0; margin: 0; display: inline-block; width: auto; }
body #contenitore main.interna section .caratteristiche ul { margin: 1em 0; }
body #contenitore main.interna section .caratteristiche ul li { vertical-align: top; display: inline-block; width: calc(100% - 2em); margin: 0 0 0.5 0; padding: 0.5em 0 0.5em 2em; border-bottom: 1px dotted #dddddd; position: relative; }
body #contenitore main.interna section .caratteristiche ul li strong { display: block; color: #ea244c; }
body #contenitore main.interna section .caratteristiche ul li::before { content: ""; position: absolute; width: 1.5em; height: 1.5em; top: 0.5em; left: 0; background-size: auto cover; background-position: center; background-repeat: no-repeat; }
body #contenitore main.interna section .caratteristiche ul li.tempo_percorrenza::before { background-image: url("../layout/icon-tempo.svg"); }
body #contenitore main.interna section .caratteristiche ul li.lunghezza::before { background-image: url("../layout/icon-lunghezza.svg"); }
body #contenitore main.interna section .caratteristiche ul li.dislivello::before { background-image: url("../layout/icon-dislivello.svg"); }
body #contenitore main.interna section .caratteristiche ul li.varianti::before { background-image: url("../layout/icon-variante.svg"); }
body #contenitore main.interna section .caratteristiche ul li.zone_interessate::before { background-image: url("../layout/icon-comune.svg"); }
body #contenitore main.interna section .caratteristiche ul li.collegamenti::before { background-image: url("../layout/icon-collegamenti.svg"); }
body #contenitore main.interna section .caratteristiche ul li.tipo::before { background-image: url("../layout/icon-tipo-percorso.svg"); }
body #contenitore main.interna section .caratteristiche ul li p { margin-bottom: 0; }
body #contenitore main.interna section .caratteristiche ul li a { text-decoration: underline; color: #89142f; }
@media screen and (min-width: 480px) { body #contenitore main.interna section .caratteristiche ul { column-count: 2; column-gap: 3em; } }
@media screen and (min-width: 900px) { body #contenitore main.interna section .caratteristiche { margin-left: 1.7em; margin-right: 1.7em; } }
@media screen and (min-width: 1050px) { body #contenitore main.interna section .caratteristiche { margin: 0 1.4em; }
  body #contenitore main.interna section .caratteristiche ul { column-count: 3; } }
@media screen and (min-width: 1366px) { body #contenitore main.interna section .caratteristiche { margin: 0.5em 2em; } }
body #contenitore main.interna section .caratteristiche.variante { border-top: 1px dotted #656565; }
body #contenitore main.interna section .caratteristiche.variante strong { color: #656565; }
body #contenitore main.interna section .caratteristiche.eventi { margin: 0 0 2em 0; }
body #contenitore main.interna section .caratteristiche.eventi ul { column-count: auto; }
body #contenitore main.interna section .caratteristiche.eventi ul li { padding-left: 0; }
body #contenitore main.interna section .bt-visualizza-itinerario { display: block; border: 5px solid #dddddd; padding: 0.5em 1em; margin: 0 1em 2em 1em; text-transform: uppercase; text-align: center; background-color: #FFFFFF; font-size: 1em; font-weight: 700; background-image: url(../layout/Google_Maps_icon.svg); background-position: 10% center; background-repeat: no-repeat; background-size: auto 60%; color: #555555; }
@media screen and (min-width: 900px) { body #contenitore main.interna section .bt-visualizza-itinerario { margin-left: 1.7em; margin-right: 1.7em; } }
@media screen and (min-width: 1050px) { body #contenitore main.interna section .bt-visualizza-itinerario { margin: 0.5em 1.5em 2em 1.5em; width: 41%; display: inline-block; } }
@media screen and (min-width: 1366px) { body #contenitore main.interna section .bt-visualizza-itinerario { margin: 0.5em 1.8em 2em 1.8em; width: 42%; display: inline-block; } }
body #contenitore main.interna section div.variante h3 { font-size: 1em; }
body #contenitore main.interna section .bt-scarica-itinerario { display: none; border: 5px solid #89142f; padding: 0.5em 1em; margin: 0 1em 2em 1em; text-transform: uppercase; text-align: center; background-color: #ea244c; font-size: 1em; font-weight: 700; background-image: url(../layout/icon-download.svg); background-position: 10% center; background-repeat: no-repeat; background-size: auto 60%; color: #FFFFFF; }
@media screen and (min-width: 900px) { body #contenitore main.interna section .bt-scarica-itinerario { margin-left: 1.7em; margin-right: 1.7em; } }
@media screen and (min-width: 1050px) { body #contenitore main.interna section .bt-scarica-itinerario { margin: 0.5em 1.5em 2em 1.5em; width: 41%; display: inline-block; } }
@media screen and (min-width: 1366px) { body #contenitore main.interna section .bt-scarica-itinerario { margin: 0.5em 1.8em 2em 1.8em; width: 43%; display: inline-block; } }
body #contenitore main.interna section .bt-scarica-itinerario.variante { background-color: #656565 !important; color: #FFFFFF !important; }
body #contenitore main.interna section div.variante h3 { font-size: 1em; }
body #contenitore main.interna section #gallery { background: #dddddd; height: 16em; width: 100%; padding: 0; display: block; position: relative; z-index: 4; }
body #contenitore main.interna section #gallery::after { display: none; }
@media screen and (min-width: 768px) { body #contenitore main.interna section #gallery { height: 30em; } }
@media screen and (min-width: 900px) { body #contenitore main.interna section #gallery { height: 23em; } }
@media screen and (min-width: 1050px) { body #contenitore main.interna section #gallery { height: 30em; } }
@media screen and (min-width: 1366px) { body #contenitore main.interna section #gallery { height: 31em; } }
body #contenitore main.interna section #gallery.small { height: 23em; margin: 0 0 3.5em 0; position: relative; z-index: 10; }
body #contenitore main.interna section #gallery.small figcaption { display: none !important; }
body #contenitore main.interna section #gallery.small .gallery-window .gallery-elements .item img { max-height: 100% !important; }
body #contenitore main.interna section #gallery .arrow-gallery { display: none; }
body #contenitore main.interna section figcaption { z-index: 99; position: absolute; bottom: 0; background-color: rgba(137, 20, 47, 0.6) !important; color: #FFFFFF; padding: 0.5em 4em; display: inline-block; left: 0; right: 0; font-size: 0.95em; font-weight: 700; line-height: 1.2em; white-space: normal; }
body #contenitore main.interna section .home figcaption { background-color: rgba(137, 20, 47, 0.6) !important; text-align: left !important; width: 55% !important; padding: 0.5em 1.5em; }
body #contenitore main.interna section .home figcaption::before { content: ""; display: inline-block; width: 1px; height: 400%; background: #FFFFFF; transform: rotate(40deg); position: absolute; top: -100%; left: 2em; pointer-events: none; opacity: 0.8; word-wrap: break-word; }
@media screen and (min-width: 768px) { body #contenitore main.interna section .home figcaption { bottom: 2em; left: 1.3em; right: auto; padding: 0.5em 4em; width: 35% !important; } }
@media screen and (min-width: 900px) { body #contenitore main.interna section .home figcaption { left: 1.7em; width: 40% !important; font-size: 0.95em; line-height: 1.2em; } }
@media screen and (min-width: 1366px) { body #contenitore main.interna section .home figcaption { left: 2em; } }
body #contenitore main.interna section .gallery-style-dots li.selected { background-color: #89142f !important; }
body #contenitore main.interna section#video { border: 1px solid; background: #555555; height: 20em; margin-bottom: 1em; display: block; position: relative; }
body #contenitore main.interna section#video iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
body #contenitore main.interna section#itinerario_strutture-ricettive, body #contenitore main.interna section#mappa-lista, body #contenitore main.interna section .interna { position: relative; margin: 0 1.2em; }
body #contenitore main.interna section#itinerario_strutture-ricettive #map, body #contenitore main.interna section#mappa-lista #map, body #contenitore main.interna section .interna #map { height: 20em; width: 100%; z-index: 5; background: #efefef; display: block; }
@media screen and (min-width: 768px) { body #contenitore main.interna section#itinerario_strutture-ricettive #map, body #contenitore main.interna section#mappa-lista #map, body #contenitore main.interna section .interna #map { height: 30em; } }
@media screen and (min-width: 900px) { body #contenitore main.interna section#itinerario_strutture-ricettive, body #contenitore main.interna section#mappa-lista, body #contenitore main.interna section .interna { margin: 0 1.7em; }
  body #contenitore main.interna section#itinerario_strutture-ricettive #map, body #contenitore main.interna section#mappa-lista #map, body #contenitore main.interna section .interna #map { height: 30em; } }
@media screen and (min-width: 1050px) { body #contenitore main.interna section#itinerario_strutture-ricettive #map, body #contenitore main.interna section#mappa-lista #map, body #contenitore main.interna section .interna #map { height: 40em !important; z-index: 5; } }
@media screen and (min-width: 1366px) { body #contenitore main.interna section#itinerario_strutture-ricettive, body #contenitore main.interna section#mappa-lista, body #contenitore main.interna section .interna { margin: 0 2em; }
  body #contenitore main.interna section#itinerario_strutture-ricettive #map, body #contenitore main.interna section#mappa-lista #map, body #contenitore main.interna section .interna #map { height: 45em !important; z-index: 5; } }
body #contenitore main.interna section#itinerario_strutture-ricettive .filter, body #contenitore main.interna section#mappa-lista .filter, body #contenitore main.interna section .interna .filter { background: #89142f; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(35%, #ea244c), color-stop(35%, #ea244c), color-stop(35%, #89142f), color-stop(100%, #89142f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* IE10+ */ background: linear-gradient(135deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* W3C */ padding: 0.7em 0; opacity: 0.9; z-index: 100; }
body #contenitore main.interna section#itinerario_strutture-ricettive .filter h3, body #contenitore main.interna section#mappa-lista .filter h3, body #contenitore main.interna section .interna .filter h3 { color: #efefef; text-align: left; max-width: none; width: 70%; position: relative; padding-bottom: 0.3em; margin: 0 auto; }
body #contenitore main.interna section#itinerario_strutture-ricettive .filter::after, body #contenitore main.interna section#mappa-lista .filter::after, body #contenitore main.interna section .interna .filter::after { display: none; }
body #contenitore main.interna section#itinerario_strutture-ricettive .filter span, body #contenitore main.interna section#mappa-lista .filter span, body #contenitore main.interna section .interna .filter span { display: block; margin: 0.5em auto; width: 70%; margin: 0 auto; }
body #contenitore main.interna section#itinerario_strutture-ricettive .filter span input, body #contenitore main.interna section#mappa-lista .filter span input, body #contenitore main.interna section .interna .filter span input { width: 1.5em; height: 1.5em; margin-right: 0.5em; display: inline-block; vertical-align: middle; }
body #contenitore main.interna section#itinerario_strutture-ricettive .filter span label, body #contenitore main.interna section#mappa-lista .filter span label, body #contenitore main.interna section .interna .filter span label { color: #FFFFFF; text-transform: uppercase; display: inline-block; vertical-align: middle; }
body #contenitore main.interna section#itinerario_strutture-ricettive .filter select, body #contenitore main.interna section#mappa-lista .filter select, body #contenitore main.interna section .interna .filter select { display: block; vertical-align: top; height: 2em; width: 80%; margin: 0.5em auto; background: white; font-weight: 700; font-size: 1em; color: #555555; }
body #contenitore main.interna section#itinerario_strutture-ricettive .filter select:hover, body #contenitore main.interna section#itinerario_strutture-ricettive .filter select:focus, body #contenitore main.interna section#itinerario_strutture-ricettive .filter select:active, body #contenitore main.interna section#mappa-lista .filter select:hover, body #contenitore main.interna section#mappa-lista .filter select:focus, body #contenitore main.interna section#mappa-lista .filter select:active, body #contenitore main.interna section .interna .filter select:hover, body #contenitore main.interna section .interna .filter select:focus, body #contenitore main.interna section .interna .filter select:active { outline: none; }
@media screen and (min-width: 480px) { body #contenitore main.interna section#itinerario_strutture-ricettive .filter h3, body #contenitore main.interna section#mappa-lista .filter h3, body #contenitore main.interna section .interna .filter h3 { width: 97%; margin-left: 2%; }
  body #contenitore main.interna section#itinerario_strutture-ricettive .filter span, body #contenitore main.interna section#mappa-lista .filter span, body #contenitore main.interna section .interna .filter span { display: inline-block; width: 45%; margin: 0 2%; }
  body #contenitore main.interna section#itinerario_strutture-ricettive .filter select, body #contenitore main.interna section#mappa-lista .filter select, body #contenitore main.interna section .interna .filter select { display: inline-block; width: 28%; margin: 0 2%; } }
@media screen and (min-width: 768px) { body #contenitore main.interna section#itinerario_strutture-ricettive .filter span, body #contenitore main.interna section#mappa-lista .filter span, body #contenitore main.interna section .interna .filter span { width: 31%; margin: 0 0 0 2%; } }
body #contenitore main.interna section#itinerario_strutture-ricettive.view_mappa .filter, body #contenitore main.interna section#mappa-lista.view_mappa .filter, body #contenitore main.interna section .interna.view_mappa .filter { /*position:absolute;
bottom:1em;
left:0em;
width:17em;
z-index:20;
text-align:left;
h3{
	text-align:left;
	margin-bottom:0;
}
span{
	margin:0.5em 0em 0.5em 1em;
}*/ font-size: 0.9em; }
body #contenitore main.interna section#itinerario_strutture-ricettive.view_lista .filter, body #contenitore main.interna section#mappa-lista.view_lista .filter, body #contenitore main.interna section .interna.view_lista .filter { /*margin:1em auto;
@include min-screen($TabletPort){
	h3{
		text-align:center;
	}
	text-align:center;
	span{
		display:inline-block;
		vertical-align:middle;
		width:auto;
		margin:0 1em;
		font-size:0.8em;
	}
	select{
		display:inline-block;
		vertical-align:middle;
		width:27%;
		margin:0 1em;
	}
}
@include min-screen($desktop){
	h3{
		display:inline-block;
		vertical-align:middle;
		width:22%;
		margin:0;
		padding:0;
		text-align:left;
	}
	span{
		font-size:0.9em;
	}
	select{
		width:20%;
	}
}*/ font-size: 0.9em; }
body #contenitore main.interna section#itinerario_strutture-ricettive.view_mappa .block-list li, body #contenitore main.interna section#itinerario_strutture-ricettive.view_mappa .item-list li, body #contenitore main.interna section#mappa-lista.view_mappa .block-list li, body #contenitore main.interna section#mappa-lista.view_mappa .item-list li, body #contenitore main.interna section .interna.view_mappa .block-list li, body #contenitore main.interna section .interna.view_mappa .item-list li { display: none !important; }
body #contenitore main.interna section#itinerario_strutture-ricettive.view_mappa::after, body #contenitore main.interna section#mappa-lista.view_mappa::after, body #contenitore main.interna section .interna.view_mappa::after { display: none; }
body #contenitore main.interna section#itinerario_strutture-ricettive.view_lista, body #contenitore main.interna section#mappa-lista.view_lista, body #contenitore main.interna section .interna.view_lista { overflow: auto; }
body #contenitore main.interna section#itinerario_strutture-ricettive.view_lista #map, body #contenitore main.interna section#mappa-lista.view_lista #map, body #contenitore main.interna section .interna.view_lista #map { opacity: 0; pointer-events: none; }
body #contenitore main.interna section#itinerario_strutture-ricettive.view_lista .block-list li, body #contenitore main.interna section#itinerario_strutture-ricettive.view_lista .item-list li, body #contenitore main.interna section#mappa-lista.view_lista .block-list li, body #contenitore main.interna section#mappa-lista.view_lista .item-list li, body #contenitore main.interna section .interna.view_lista .block-list li, body #contenitore main.interna section .interna.view_lista .item-list li { display: inline-block !important; }
body #contenitore main.interna section#itinerario_strutture-ricettive ul.view_mappa_lista, body #contenitore main.interna section#mappa-lista ul.view_mappa_lista, body #contenitore main.interna section .interna ul.view_mappa_lista { padding: 0; text-align: center; margin: auto; text-transform: uppercase; z-index: 20; border-bottom: 1px solid #89142f; }
body #contenitore main.interna section#itinerario_strutture-ricettive ul.view_mappa_lista li, body #contenitore main.interna section#mappa-lista ul.view_mappa_lista li, body #contenitore main.interna section .interna ul.view_mappa_lista li { display: inline-block; vertical-align: bottom; margin: 0; padding: 0; }
body #contenitore main.interna section#itinerario_strutture-ricettive ul.view_mappa_lista li a, body #contenitore main.interna section#mappa-lista ul.view_mappa_lista li a, body #contenitore main.interna section .interna ul.view_mappa_lista li a { display: block; padding: 0.5em 1em 0.5em 3.5em; color: #FFFFFF; background-color: rgba(137, 20, 47, 0.7); background-repeat: no-repeat; background-size: auto 1.8em; background-position: 5% 50%; }
body #contenitore main.interna section#itinerario_strutture-ricettive ul.view_mappa_lista li a.view_mappa, body #contenitore main.interna section#mappa-lista ul.view_mappa_lista li a.view_mappa, body #contenitore main.interna section .interna ul.view_mappa_lista li a.view_mappa { background-image: url("../layout/icon_mappa.svg"); }
body #contenitore main.interna section#itinerario_strutture-ricettive ul.view_mappa_lista li a.view_lista, body #contenitore main.interna section#mappa-lista ul.view_mappa_lista li a.view_lista, body #contenitore main.interna section .interna ul.view_mappa_lista li a.view_lista { background-image: url("../layout/icon_lista.svg"); }
body #contenitore main.interna section#itinerario_strutture-ricettive ul.view_mappa_lista li a.selected, body #contenitore main.interna section#mappa-lista ul.view_mappa_lista li a.selected, body #contenitore main.interna section .interna ul.view_mappa_lista li a.selected { background-color: #89142f; pointer-events: none; font-weight: 700; }
@media screen and (min-width: 480px) { body #contenitore main.interna section#itinerario_strutture-ricettive ul.view_mappa_lista, body #contenitore main.interna section#mappa-lista ul.view_mappa_lista, body #contenitore main.interna section .interna ul.view_mappa_lista { padding: 0 2em; text-align: right; } }
body #contenitore main.interna section#eventi { margin: 0 1.2em; }
@media screen and (min-width: 900px) { body #contenitore main.interna section#eventi { margin: 0 1.7em; } }
@media screen and (min-width: 1366px) { body #contenitore main.interna section#eventi { margin: 0 2em; } }
body #contenitore main.interna section#eventi .filter { background: #89142f; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(35%, #ea244c), color-stop(35%, #ea244c), color-stop(35%, #89142f), color-stop(100%, #89142f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* IE10+ */ background: linear-gradient(135deg, #ea244c 35%, #ea244c 35%, #89142f 35%, #89142f 100%); /* W3C */ padding: 0.7em 0; opacity: 0.9; z-index: 100; }
body #contenitore main.interna section#eventi .filter h3 { color: #efefef; text-align: left; max-width: none; width: 70%; position: relative; padding-bottom: 0.3em; margin: 0 auto; }
body #contenitore main.interna section#eventi .filter::after { display: none; }
body #contenitore main.interna section#eventi .filter span { display: block; margin: 0.5em auto; width: 70%; margin: 0 auto; }
body #contenitore main.interna section#eventi .filter span input { width: 1.5em; height: 1.5em; margin-right: 0.5em; display: inline-block; vertical-align: middle; }
body #contenitore main.interna section#eventi .filter span label { color: #FFFFFF; text-transform: uppercase; display: inline-block; vertical-align: middle; }
body #contenitore main.interna section#eventi .filter select { display: block; vertical-align: top; height: 2em; width: 80%; margin: 0.5em auto; background: white; font-weight: 700; font-size: 1em; color: #555555; }
body #contenitore main.interna section#eventi .filter select:hover, body #contenitore main.interna section#eventi .filter select:focus, body #contenitore main.interna section#eventi .filter select:active { outline: none; }
@media screen and (min-width: 480px) { body #contenitore main.interna section#eventi .filter h3 { width: 97%; margin-left: 2%; }
  body #contenitore main.interna section#eventi .filter span { display: inline-block; width: 45%; margin: 0 2%; }
  body #contenitore main.interna section#eventi .filter select { display: inline-block; width: 28%; margin: 0 2%; } }
@media screen and (min-width: 768px) { body #contenitore main.interna section#eventi .filter span { width: 31%; margin: 0 0 0 2%; } }
body #contenitore main.interna section#eventi.view_mappa .filter { /*position:absolute;
bottom:1em;
left:0em;
width:17em;
z-index:20;
text-align:left;
h3{
	text-align:left;
	margin-bottom:0;
}
span{
	margin:0.5em 0em 0.5em 1em;
}*/ font-size: 0.9em; }
body #contenitore main.interna section#eventi.view_lista .filter { /*margin:1em auto;
@include min-screen($TabletPort){
	h3{
		text-align:center;
	}
	text-align:center;
	span{
		display:inline-block;
		vertical-align:middle;
		width:auto;
		margin:0 1em;
		font-size:0.8em;
	}
	select{
		display:inline-block;
		vertical-align:middle;
		width:27%;
		margin:0 1em;
	}
}
@include min-screen($desktop){
	h3{
		display:inline-block;
		vertical-align:middle;
		width:22%;
		margin:0;
		padding:0;
		text-align:left;
	}
	span{
		font-size:0.9em;
	}
	select{
		width:20%;
	}
}*/ font-size: 0.9em; }
body #contenitore main.interna section#struttura-ricettiva { position: relative; margin: 0 1.2em; }
body #contenitore main.interna section#struttura-ricettiva #immagine-principale { background: #dedede; height: 15rem; margin-bottom: 2.8rem; position: relative; }
@media screen and (min-width: 768px) { body #contenitore main.interna section#struttura-ricettiva #immagine-principale { height: 20rem; } }
@media screen and (min-width: 900px) { body #contenitore main.interna section#struttura-ricettiva #immagine-principale { height: 25rem; } }
body #contenitore main.interna section#struttura-ricettiva #immagine-principale::before { content: ''; width: 1px; height: 100%; display: inline-block; vertical-align: bottom; }
body #contenitore main.interna section#struttura-ricettiva #immagine-principale h2 { max-width: calc(100% - 8.2rem); margin: 1rem; padding: 0.5rem 3rem; display: inline-block; vertical-align: bottom; background: rgba(255, 255, 255, 0.85); position: relative; z-index: 10; }
body #contenitore main.interna section#struttura-ricettiva #immagine-principale figure { position: absolute; display: block; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; pointer-events: none; }
body #contenitore main.interna section#struttura-ricettiva #immagine-principale figure img { height: 100%; width: 100%; object-fit: cover; }
@media screen and (min-width: 900px) { body #contenitore main.interna section#struttura-ricettiva #boxes { display: grid; grid-template-columns: calc(50% - 1rem) calc(50% - 1rem); column-gap: 2rem; } }
@media screen and (min-width: 1366px) { body #contenitore main.interna section#struttura-ricettiva #boxes { display: grid; grid-template-columns: calc(55% - 1rem) calc(45% - 1rem); column-gap: 2rem; } }
body #contenitore main.interna section#struttura-ricettiva #boxes .box { padding: 0; margin: 0 0 2.8rem 0; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#dettaglio img { max-width: 15rem; max-height: 12rem; width: auto; height: auto; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#dettaglio #bt-website { display: block; color: #ea244c; font-weight: 700; margin-bottom: 1.5rem; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#dettaglio #bt-prenota { display: inline-block; color: #FFFFFF; background-color: #ea244c; padding: 0.35rem 2.5rem; text-transform: uppercase; font-weight: 700; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .stelle { max-width: none; display: block; margin: 0 1rem 1rem 0; text-align: left; height: 14px; background-color: transparent; background-image: url(../layout/icon-stelle.svg); background-position: center left; background-size: auto 100%; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .stelle::before { display: none; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .stelle.stelle1 { width: 21px; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .stelle.stelle2 { width: 42px; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .stelle.stelle3 { width: 63px; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .stelle.stelle4 { width: 84px; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .stelle.stelle5 { width: 105px; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social p, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social p { margin-right: 0.5em; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social::before, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social::before { content: ""; display: inline-block; width: 1px; height: 100%; background: transparent; margin: 0; vertical-align: middle; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list { display: inline-block; vertical-align: middle; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li { display: inline-block; vertical-align: top; margin: 0; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li a, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li a { display: inline-block; width: 1.7em; height: 1.7em; margin-right: 0.5em; border-radius: 5em; background-color: #555555; background-repeat: no-repeat; background-size: auto; background-position: center center; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li a.facebook, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li a.facebook { background-image: url("../layout/fb.svg"); }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li a.twitter, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li a.twitter { background-image: url("../layout/tw.svg"); }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li a.instagram, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li a.instagram { background-image: url("../layout/in.svg"); }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li a.youtube, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li a.youtube { width: 6.9em; background-size: 70%; background-image: url("../layout/yt_large.svg"); }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li.newsletter-li a, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li.newsletter-li a { background-color: #ea244c; background-image: url("../layout/newsletter-small.svg"); background-position: 4px center; vertical-align: middle; width: auto; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li.newsletter-li a::before, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li.newsletter-li a::before { content: ""; display: inline-block; width: 1px; height: 100%; background: transparent; margin: 0 0.5em 0 0; vertical-align: middle; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li.newsletter-li a span, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li.newsletter-li a span { color: #FFFFFF; display: inline-block; vertical-align: middle; font-size: 0.7em; font-weight: 900; margin: 0 1em 0 35px; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li.newsletter-li a span::before, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li.newsletter-li a span::before { content: ""; display: inline-block; width: 1px; height: 100%; opacity: 0; vertical-align: middle; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li.newsletter-li a.privacy, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li.newsletter-li a.privacy { width: auto; height: auto; background: transparent; color: #89142f; font-weight: 700; margin: 0; padding: 0; display: inline-block; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li.newsletter-li #nl-privacy, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li.newsletter-li #nl-privacy { display: inline-block; vertical-align: middle; }
@media screen and (min-width: 1050px) { body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti.social ul.social-list li a, body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social ul.social-list li a { width: 1.9em; height: 1.9em; } }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti h3 { color: #fa8746 !important; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social { margin-top: 0.5em; padding-top: 0.5em; display: block; margin: 0; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#contatti .social li a { display: block !important; background-color: #fa8746 !important; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box#map.box, body #contenitore main.interna section#struttura-ricettiva #boxes .box#gallery.box { background: #dedede; height: 20rem; margin-bottom: 2.8rem; object-fit: cover; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box #informazioni { margin: 1rem 0; /*padding:0.5em;*/ /*border-top:1px dotted $grigio;
border-bottom:1px dotted $grigio;*/ }
body #contenitore main.interna section#struttura-ricettiva #boxes .box #informazioni h3 { display: none; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box #informazioni p { display: inline-block; vertical-align: top; width: 22%; max-width: 70px; text-align: center; margin: 0; font-weight: 700; background: #FFFFFF; border: 1px solid #dddddd; overflow: hidden; text-transform: lowercase; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box #informazioni p::before { content: ""; background-repeat: no-repeat; background-size: auto cover; background-position: center center; display: block; height: 25px; margin: 5px 0; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box #informazioni p strong { display: none; }
body #contenitore main.interna section#struttura-ricettiva #boxes .box #informazioni p.parcheggio:before { background-image: url(../layout/icon-servizi-parcheggio.svg); }
body #contenitore main.interna section#struttura-ricettiva #boxes .box #informazioni p.numero-coperti:before { background-image: url(../layout/icon-servizi-coperti.svg); }
body #contenitore main.interna section#struttura-ricettiva #boxes .box #informazioni p.numero-camere:before { background-image: url(../layout/icon-servizi-camere.svg); }
body #contenitore main.interna section#struttura-ricettiva #boxes .box #informazioni p.numero-letti:before { background-image: url(../layout/icon-servizi-letti.svg); }
body #contenitore main.interna section#struttura-ricettiva #boxes .box #informazioni p.accompagnamento_disabili:before { background-image: url(../layout/icon-servizi-disabili.svg); }
body #contenitore main div.correlati { position: relative; z-index: 10; margin: 1em; margin-top: 3em !important; margin-bottom: 0 !important; margin-top: 2.5em; padding: 1.2em 0; background: rgba(221, 221, 221, 0.35); border: 0; }
body #contenitore main div.correlati::before { content: ''; position: absolute; top: -1.5em; left: 0em; right: 0em; height: 1em; background-image: url("../layout/texture-righe.png"); z-index: 0; opacity: 0.5; }
body #contenitore main div.correlati li { display: inline-block !important; }
@media screen and (min-width: 768px) { body #contenitore main div.correlati { margin: 1.2em; } }
@media screen and (min-width: 900px) { body #contenitore main div.correlati { margin: 1.7em; padding: 1.7em 0; } }
@media screen and (min-width: 1366px) { body #contenitore main div.correlati { margin: 2em; margin-top: 5em !important; } }
body #contenitore main div.correlati section::after { content: ""; margin: auto; width: 20%; height: 1px; display: block; background: #ea244c; margin-top: 2em; }
body #contenitore main.territorio .correlati { border-color: #23af64; background-color: rgba(115, 231, 169, 0.1); }
body #contenitore main.amare .correlati { border-color: #fcd01e; background-color: rgba(252, 208, 30, 0.1); }
body #contenitore main.vivere .correlati { border-color: #ffe69b; background-color: rgba(255, 230, 155, 0.1); }
body #contenitore main.visitare .correlati { border-color: #fa8746; background-color: rgba(250, 135, 70, 0.1); }
body #contenitore main p { font-size: 0.95em; line-height: 1.5em; }
@media screen and (min-width: 900px) { body #contenitore main p { font-size: 1em; line-height: 1.6em; } }
@media screen and (min-width: 1366px) { body #contenitore main p { font-size: 1.05em; line-height: 1.7em; } }
body #contenitore main p a { text-decoration: underline; }
@media screen and (min-width: 768px) { body #contenitore main { padding: 0.01em 0; }
  body #contenitore main .box { padding: 0 1.3em; } }
@media screen and (min-width: 900px) { body #contenitore main { margin-top: 8.5em; }
  body #contenitore main .box { padding: 0 1.7em; } }
@media screen and (min-width: 1050px) { body #contenitore main { margin-top: 10.2em; } }
@media screen and (min-width: 1366px) { body #contenitore main { margin-left: auto; margin-right: auto; }
  body #contenitore main .box { padding: 0 2em; } }
body #contenitore .leaflet-cluster-anim .leaflet-marker-icon, body #contenitore .leaflet-cluster-anim .leaflet-marker-shadow { -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in; -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in; -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in; transition: transform 0.3s ease-out, opacity 0.3s ease-in; }
body #contenitore .leaflet-cluster-spider-leg { /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */ -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in; -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in; -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in; transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; }
body #contenitore .marker-cluster-small { background-color: rgba(234, 36, 76, 0.5); }
body #contenitore .marker-cluster-small div { background-color: rgba(137, 20, 47, 0.8); }
body #contenitore .marker-cluster-medium { background-color: rgba(234, 36, 76, 0.5); }
body #contenitore .marker-cluster-medium div { background-color: rgba(137, 20, 47, 0.8); }
body #contenitore .marker-cluster-large { background-color: rgba(234, 36, 76, 0.5); }
body #contenitore .marker-cluster-large div { background-color: rgba(137, 20, 47, 0.8); }
body #contenitore .leaflet-oldie .marker-cluster-small { background-color: #b5e28c; }
body #contenitore .leaflet-oldie .marker-cluster-small div { background-color: #6ecc39; }
body #contenitore .leaflet-oldie .marker-cluster-medium { background-color: #f1d357; }
body #contenitore .leaflet-oldie .marker-cluster-medium div { background-color: #f0c20c; }
body #contenitore .leaflet-oldie .marker-cluster-large { background-color: #fd9c73; }
body #contenitore .leaflet-oldie .marker-cluster-large div { background-color: #f18017; }
body #contenitore .marker-cluster { background-clip: padding-box; border-radius: 80px; color: #4f5a70; }
body #contenitore .marker-cluster div { width: 60px; height: 60px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 30px; }
body #contenitore .marker-cluster span { line-height: 60px; font-weight: 700; color: white; }
body #contenitore .leaflet-marker-icon.marker-cluster.marker-cluster-small { width: 70px !important; height: 70px !important; margin-left: -40px !important; margin-top: -40px !important; }
body #contenitore .leaflet-marker-icon.marker-cluster.marker-cluster-medium { width: 70px !important; height: 70px !important; margin-left: -40px !important; margin-top: -40px !important; }
body footer { background: #89142f; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ea244c 50%, #ea244c 50%, #89142f 50%, #89142f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #ea244c), color-stop(50%, #ea244c), color-stop(50%, #89142f), color-stop(100%, #89142f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #ea244c 50%, #ea244c 50%, #89142f 50%, #89142f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #ea244c 50%, #ea244c 50%, #89142f 50%, #89142f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #ea244c 50%, #ea244c 50%, #89142f 50%, #89142f 100%); /* IE10+ */ background: linear-gradient(135deg, #ea244c 50%, #ea244c 50%, #89142f 50%, #89142f 100%); /* W3C */ display: block; position: relative; padding: 1.2em; padding-top: 0 !important; color: #FFFFFF; z-index: 10; }
body footer p { font-size: 0.95em; line-height: 1.5em; }
@media screen and (min-width: 900px) { body footer p { font-size: 1em; line-height: 1.6em; } }
@media screen and (min-width: 1366px) { body footer p { font-size: 1.05em; line-height: 1.7em; } }
body footer p a { text-decoration: underline; }
body footer a { color: #FFFFFF; text-decoration: underline; }
body footer #footer-content { max-width: 1366px; margin: auto; }
body footer section { text-align: left; display: inline-block; vertical-align: top; width: 100%; margin-top: 2em; line-height: 1.5em; }
body footer section h3 { font-weight: 700; font-size: 1.2em; margin-bottom: 1em; }
body footer section.social p, body footer section .social p { margin-right: 0.5em; }
body footer section.social::before, body footer section .social::before { content: ""; display: inline-block; width: 1px; height: 100%; background: transparent; margin: 0; vertical-align: middle; }
body footer section.social ul.social-list, body footer section .social ul.social-list { display: inline-block; vertical-align: middle; }
body footer section.social ul.social-list li, body footer section .social ul.social-list li { display: inline-block; vertical-align: top; margin: 0; }
body footer section.social ul.social-list li a, body footer section .social ul.social-list li a { display: inline-block; width: 1.7em; height: 1.7em; margin-right: 0.5em; border-radius: 5em; background-color: #555555; background-repeat: no-repeat; background-size: auto; background-position: center center; }
body footer section.social ul.social-list li a.facebook, body footer section .social ul.social-list li a.facebook { background-image: url("../layout/fb.svg"); }
body footer section.social ul.social-list li a.twitter, body footer section .social ul.social-list li a.twitter { background-image: url("../layout/tw.svg"); }
body footer section.social ul.social-list li a.instagram, body footer section .social ul.social-list li a.instagram { background-image: url("../layout/in.svg"); }
body footer section.social ul.social-list li a.youtube, body footer section .social ul.social-list li a.youtube { width: 6.9em; background-size: 70%; background-image: url("../layout/yt_large.svg"); }
body footer section.social ul.social-list li.newsletter-li a, body footer section .social ul.social-list li.newsletter-li a { background-color: #ea244c; background-image: url("../layout/newsletter-small.svg"); background-position: 4px center; vertical-align: middle; width: auto; }
body footer section.social ul.social-list li.newsletter-li a::before, body footer section .social ul.social-list li.newsletter-li a::before { content: ""; display: inline-block; width: 1px; height: 100%; background: transparent; margin: 0 0.5em 0 0; vertical-align: middle; }
body footer section.social ul.social-list li.newsletter-li a span, body footer section .social ul.social-list li.newsletter-li a span { color: #FFFFFF; display: inline-block; vertical-align: middle; font-size: 0.7em; font-weight: 900; margin: 0 1em 0 35px; }
body footer section.social ul.social-list li.newsletter-li a span::before, body footer section .social ul.social-list li.newsletter-li a span::before { content: ""; display: inline-block; width: 1px; height: 100%; opacity: 0; vertical-align: middle; }
body footer section.social ul.social-list li.newsletter-li a.privacy, body footer section .social ul.social-list li.newsletter-li a.privacy { width: auto; height: auto; background: transparent; color: #89142f; font-weight: 700; margin: 0; padding: 0; display: inline-block; }
body footer section.social ul.social-list li.newsletter-li #nl-privacy, body footer section .social ul.social-list li.newsletter-li #nl-privacy { display: inline-block; vertical-align: middle; }
@media screen and (min-width: 1050px) { body footer section.social ul.social-list li a, body footer section .social ul.social-list li a { width: 1.9em; height: 1.9em; } }
@media screen and (min-width: 480px) { body footer section { width: 48%; }
  body footer section:nth-child(even) { margin-right: 1%; } }
@media screen and (min-width: 1050px) { body footer section { width: 23%; margin-left: 1%; font-size: 1.05em; line-height: 1.6em; }
  body footer section:first-child { margin-left: 0; }
  body footer section.social li a { margin-bottom: 0.5em; } }
body footer section#newsletter { display: block; width: 100%; padding-bottom: 2em; margin-bottom: 2em; position: relative; min-height: 7.5em; }
body footer section#newsletter::before { content: ''; position: absolute; top: 1.7em; left: 0em; height: 7em; width: 7em; background-image: url(../layout/newsletter.svg); background-repeat: no-repeat; z-index: 0; }
body footer section#newsletter::after { content: ''; position: absolute; bottom: -1em; left: 0em; right: 0em; height: 1em; background-image: url(../layout/texture-righe-bianco.png); z-index: 0; }
body footer section#newsletter h3 { font-size: 1.6em; line-height: 1.3em; margin-bottom: 0.3em; }
body footer section#newsletter h4 { font-size: 1.2em; }
body footer section#newsletter > div { margin-left: 9em; padding: 2em 0 0 0; }
body footer section#newsletter > div .button-nl { background-color: #89142f; font-size: 16px; line-height: 20px; color: #FFFFFF; text-transform: uppercase; border: none; padding: 5px; cursor: pointer; width: calc(100% - 10px); display: inline-block; border: 1px solid #FFFFFF; text-align: center; text-decoration: none; vertical-align: top; }
body footer section#newsletter > div .search-footer__checkbox { position: relative; margin: 1em 0; display: inline-block; vertical-align: top; margin-left: 9em; }
body footer section#newsletter > div .search-footer__checkbox input[type="checkbox"] { position: absolute; left: 0; top: 0; width: 23px; height: 23px; }
body footer section#newsletter > div .search-footer__checkbox input[type="checkbox"] + label { position: relative; padding-left: 35px; cursor: pointer; position: relative; display: inline-block; font-size: 16px; line-height: 23px; margin-bottom: 0.5em; }
@media screen and (min-width: 768px) { body footer section#newsletter > div { padding: 0; display: inline-block; width: 40%; vertical-align: bottom; margin-left: 1%; }
  body footer section#newsletter > div:first-child { margin-left: 9em; padding: 2em 0 0 0; }
  body footer section#newsletter > div:first-child { margin-right: 3%; width: calc(55% - 9em); }
  body footer section#newsletter > div .search-footer__checkbox { margin-left: 0; } }
body footer #fesr-gal { background: #FFFFFF; margin-bottom: 2em; text-align: center; min-height: 120px; }
body footer #fesr-gal li { display: inline-block; vertical-align: middle; margin-bottom: 1em; }
body footer #fesr-gal li:first-child { display: block; }
body footer #fesr-gal li img { max-width: 100%; }
@media screen and (min-width: 900px) { body footer #fesr-gal { text-align: right; overflow: hidden; }
  body footer #fesr-gal li { display: inline-block; margin: 0; vertical-align: middle; }
  body footer #fesr-gal li:first-child { float: left; max-width: 50%; } }
body footer ul.footer { text-align: left; text-transform: uppercase; margin: 2em 0; padding-top: 1em; }
body footer ul.footer li { margin: 0 2em 1em 0; display: inline-block; }
body footer ul.footer li a { border: 0; position: relative; display: block; text-decoration: none; }
@media screen and (min-width: 768px) { body footer { padding: 1.3em; } }
@media screen and (min-width: 900px) { body footer { padding: 1.7em; } }
@media screen and (min-width: 1366px) { body footer { padding: 2em; } }
body .gallery { display: block; position: relative; width: 100%; height: 100%; margin-bottom: 2em; }
body .gallery .gallery-window { -webkit-transition: opacity 750ms ease; -moz-transition: opacity 750ms ease; -o-transition: opacity 750ms ease; -ms-transition: opacity 750ms ease; transition: opacity 750ms ease; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; font-size: 18px; line-height: 30px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
@media screen and (min-width: 1050px) { body .gallery .gallery-window { overflow-x: hidden; } }
body .gallery .gallery-window::-webkit-scrollbar { width: 0; height: 0; }
body .gallery .gallery-window .gallery-elements { height: 100%; width: 100%; white-space: nowrap; display: inline-block; }
body .gallery .gallery-window .gallery-elements .item { width: 100%; height: 100%; position: relative; display: inline-block; margin: 0; float: none; vertical-align: top; text-align: center; }
body .gallery .gallery-window .gallery-elements .item.zoom { width: 100%; position: absolute; }
body .gallery .gallery-window .gallery-elements .item img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
body .gallery .gallery-window .gallery-elements .item:before { content: ""; display: inline-block; height: 100%; width: 0px; opacity: 0; vertical-align: middle; }
body .gallery .gallery-window .gallery-elements .item iframe { height: 100%; width: 100%; object-fit: cover; }
body .gallery .gallery-window .gallery-elements .item > figure { display: none; }
body .gallery .gallery-window .gallery-elements .item figcaption { /*&::before{
	display:none;
}*/ position: absolute; background: rgba(0, 0, 0, 0.85); left: 10px; right: 10px; bottom: 10px; width: auto; text-align: center; }
body .gallery ul.gallery-list { position: absolute; padding: 0; height: 2em; left: 0em; right: 0em; bottom: -3em; text-align: center; z-index: 1000; overflow: hidden; }
body .gallery ul.gallery-list.gallery-style-dots li { width: 0.7em; height: 0.7em; background-color: #FFFFFF; border-radius: 50px; color: transparent; margin: 0.5em; display: inline-block; box-shadow: 0 0 2px #000000; transition: all 0.5s; }
body .gallery ul.gallery-list.gallery-style-dots li.selected { display: inline-block; background-color: #555555; box-shadow: 0 0 2px #FFFFFF; width: 2em; }
body .gallery ul.gallery-list.gallery-style-numbers li { display: none; }
body .gallery ul.gallery-list.gallery-style-numbers li.selected { display: inline-block; }
@media screen and (min-width: 768px) { body .gallery ul.gallery-list { top: auto; } }
body .gallery ul.arrow-gallery { position: absolute; top: 10px; left: 10px; width: 130px; }
body .gallery ul.arrow-gallery li { display: inline-block !important; border: none !important; background-size: contain; width: 50px; height: 50px; margin: 0; margin-right: 10px; padding: 0; background-color: #555555; background-size: 20%; background-position: center center; background-repeat: no-repeat; }
body .gallery ul.arrow-gallery li.left { background-image: url("../layout/icon_freccia-chiara.svg"); }
body .gallery ul.arrow-gallery li.right { background-image: url("../layout/icon_freccia-chiara.svg"); transform: rotate(180deg); }
body .gallery ul.arrow-gallery li.disabled { opacity: 0.2; pointer-events: none; transition: all 0.5s; }
body .gallery.home .item img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
body .gallery.home .item:before { display: none !important; }
body .gallery-zoom { position: fixed; top: 0; left: 0; right: 0; bottom: -2em; opacity: 0; pointer-events: none; z-index: -1; }
body .gallery-zoom.visible { opacity: 1; pointer-events: all; z-index: 9999; }
body .gallery-zoom ul.gallery-list { position: absolute; padding: 0; height: 2em; left: 0em; right: 0em; bottom: -3em; text-align: center; z-index: 1000; overflow: hidden; }
body .gallery-zoom ul.gallery-list.gallery-style-dots li { width: 0.7em; height: 0.7em; background-color: #FFFFFF; border-radius: 50px; color: transparent; margin: 0.5em; display: inline-block; box-shadow: 0 0 2px #000000; transition: all 0.5s; }
body .gallery-zoom ul.gallery-list.gallery-style-dots li.selected { display: inline-block; background-color: #555555; box-shadow: 0 0 2px #FFFFFF; width: 2em; }
body .gallery-zoom ul.gallery-list.gallery-style-numbers li { display: none; }
body .gallery-zoom ul.gallery-list.gallery-style-numbers li.selected { display: inline-block; }
@media screen and (min-width: 768px) { body .gallery-zoom ul.gallery-list { top: auto; } }
body .gallery-zoom .gallery-list { bottom: 0 !important; }
body .gallery-zoom ul.arrow-gallery { position: absolute; top: 10px; left: 10px; width: 130px; }
body .gallery-zoom ul.arrow-gallery li { display: inline-block !important; border: none !important; background-size: contain; width: 50px; height: 50px; margin: 0; margin-right: 10px; padding: 0; background-color: #555555; background-size: 20%; background-position: center center; background-repeat: no-repeat; }
body .gallery-zoom ul.arrow-gallery li.left { background-image: url("../layout/icon_freccia-chiara.svg"); }
body .gallery-zoom ul.arrow-gallery li.right { background-image: url("../layout/icon_freccia-chiara.svg"); transform: rotate(180deg); }
body .gallery-zoom ul.arrow-gallery li.disabled { opacity: 0.2; pointer-events: none; transition: all 0.5s; }
body .gallery-zoom .gallery-window { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; overflow-x: auto; overflow-y: hidden; background-color: rgba(0, 0, 0, 0.95); }
body .gallery-zoom .gallery-window .gallery-elements { height: 100%; width: 100%; white-space: nowrap; display: inline-block; }
body .gallery-zoom .gallery-window .gallery-elements figure.item { position: relative; display: inline-block; float: none; text-align: center; width: 100%; height: calc(100% - 120px); position: relative; margin: 70px auto; }
body .gallery-zoom .gallery-window .gallery-elements figure.item figcaption { /*&::before{
	display:none;
}*/ position: absolute; background: rgba(0, 0, 0, 0.85); left: 10px; right: 10px; bottom: 10px; width: auto; text-align: center; }
body .gallery-zoom .gallery-window .gallery-elements figure.item > figure { display: none; }
body .gallery-zoom .gallery-window .gallery-elements figure.item img { height: 100%; width: 100%; object-fit: contain; touch-action: pinch-zoom; }
body .gallery-zoom .gallery-window .gallery-elements figure.item iframe { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
body .gallery-zoom a.chiudi { position: fixed; top: 10px; right: 10px; background-color: #555555; width: 50px; height: 50px; }
body .gallery-zoom a.chiudi::before { content: ""; display: block; width: 100%; height: 100%; background-image: url("../layout/icon-piu-chiara.svg"); background-size: 45%; background-position: center center; background-repeat: no-repeat; transform: rotate(45deg); }
body #gallery { background: #dddddd; height: 16em; width: 100%; padding: 0; display: block; position: relative; z-index: 4; }
body #gallery::after { display: none; }
@media screen and (min-width: 768px) { body #gallery { height: 30em; } }
@media screen and (min-width: 900px) { body #gallery { height: 23em; } }
@media screen and (min-width: 1050px) { body #gallery { height: 30em; } }
@media screen and (min-width: 1366px) { body #gallery { height: 31em; } }
body #gallery.small { height: 23em; margin: 0 0 3.5em 0; position: relative; z-index: 10; }
body #gallery.small figcaption { display: none !important; }
body #gallery.small .gallery-window .gallery-elements .item img { max-height: 100% !important; }
body #gallery .arrow-gallery { display: none; }
body figcaption { z-index: 99; position: absolute; bottom: 0; background-color: rgba(137, 20, 47, 0.6) !important; color: #FFFFFF; padding: 0.5em 4em; display: inline-block; left: 0; right: 0; font-size: 0.95em; font-weight: 700; line-height: 1.2em; white-space: normal; }
body .home figcaption { background-color: rgba(137, 20, 47, 0.6) !important; text-align: left !important; width: 55% !important; padding: 0.5em 1.5em; }
body .home figcaption::before { content: ""; display: inline-block; width: 1px; height: 400%; background: #FFFFFF; transform: rotate(40deg); position: absolute; top: -100%; left: 2em; pointer-events: none; opacity: 0.8; word-wrap: break-word; }
@media screen and (min-width: 768px) { body .home figcaption { bottom: 2em; left: 1.3em; right: auto; padding: 0.5em 4em; width: 35% !important; } }
@media screen and (min-width: 900px) { body .home figcaption { left: 1.7em; width: 40% !important; font-size: 0.95em; line-height: 1.2em; } }
@media screen and (min-width: 1366px) { body .home figcaption { left: 2em; } }
body .gallery-style-dots li.selected { background-color: #89142f !important; }

* { /* 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*/ /*kiosk*/ -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; /*cursor: none;*/ }

em, i { font-style: italic; }

strong, b { font-weight: bold; }

.ui-autocomplete { z-index: 100003; }

.ui-tooltip { left: 183px; height: 22px; padding: 3px; }

#zoomed-image { cursor: move; }