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; }

/*** COLORI  ***/
/*** COLORI MOSTRA ***/
/*** COLORI SOCIAL ***/
/* Lista delle famiglie di font, per ogni famiglia inserisco la variabile e la sua posizione */
@font-face { font-family: "Candara-Bold"; src: url("../font/Candara-Bold.eot"); src: url("../font/Candara-Bold.ttf") format("truetype"), url("../font/Candara-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Candara-Bold.otf"), url("../font/Candara-Bold.svg#Candara-Bold") format("svg"), url("../font/Candara-Bold.woff") format("woff"); }
@font-face { font-family: "Candara-BoldItalic"; src: url("../font/Candara-BoldItalic.eot"); src: url("../font/Candara-BoldItalic.ttf") format("truetype"), url("../font/Candara-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/Candara-BoldItalic.otf"), url("../font/Candara-BoldItalic.svg#Candara-BoldItalic") format("svg"), url("../font/Candara-BoldItalic.woff") format("woff"); }
@font-face { font-family: "Candara-Light"; src: url("../font/Candara-Light.eot"); src: url("../font/Candara-Light.ttf") format("truetype"), url("../font/Candara-Light.eot?#iefix") format("embedded-opentype"), url("../font/Candara-Light.otf"), url("../font/Candara-Light.svg#Candara-Light") format("svg"), url("../font/Candara-Light.woff") format("woff"); }
@font-face { font-family: "Candara-LightItalic"; src: url("../font/Candara-LightItalic.eot"); src: url("../font/Candara-LightItalic.ttf") format("truetype"), url("../font/Candara-LightItalic.eot?#iefix") format("embedded-opentype"), url("../font/Candara-LightItalic.otf"), url("../font/Candara-LightItalic.svg#Candara-LightItalic") format("svg"), url("../font/Candara-LightItalic.woff") format("woff"); }
@font-face { font-family: "Candara-Regular"; src: url("../font/Candara-Regular.eot"); src: url("../font/Candara-Regular.ttf") format("truetype"), url("../font/Candara-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Candara-Regular.otf"), url("../font/Candara-Regular.svg#Candara-Regular") format("svg"), url("../font/Candara-Regular.woff") format("woff"); }
@font-face { font-family: "Candara-Italic"; src: url("../font/Candara-Italic.eot"); src: url("../font/Candara-Italic.ttf") format("truetype"), url("../font/Candara-Italic.eot?#iefix") format("embedded-opentype"), url("../font/Candara-Italic.otf"), url("../font/Candara-Italic.svg#Candara-Italic") format("svg"), url("../font/Candara-Italic.woff") format("woff"); }
@font-face { font-family: "Hanoded-Heavy"; src: url("../font/Hanoded-Heavy.eot"); src: url("../font/Hanoded-Heavy.ttf") format("truetype"), url("../font/Hanoded-Heavy.eot?#iefix") format("embedded-opentype"), url("../font/Hanoded-Heavy.otf"), url("../font/Hanoded-Heavy.svg#Hanoded-Heavy") format("svg"), url("../font/Hanoded-Heavy.woff") format("woff"); }
* { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; transition: opacity 0.5s; }

::-webkit-scrollbar { width: 5px; }

::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.5); }

::-webkit-scrollbar-thumb { background: #634e42; }

html { display: block; width: 100%; }
html body { display: block; width: 100%; -webkit-text-size-adjust: none; font-family: "Candara-Regular"; /* SASS GENERICI */ }
html body #wrapper { display: block; position: absolute; width: 100%; height: 100%; background-image: url("../layout/bg.jpg"); background-size: cover; background-position: top center; background-attachment: fixed; }
html body #wrapper #container { display: block; position: relative; width: 80%; max-width: 1200px; height: calc(100% - 100px); padding: 50px 10%; margin: 0 auto; overflow-y: auto; }
html body #languages { display: block; margin: 0 auto 30px; text-align: center; }
html body #languages select { padding: 5px; color: #fff; background-color: transparent; border-color: transparent; appearance: initial; background-color: rgba(99, 78, 66, 0.7); border-radius: 20px; text-align: center; }
html body #title { display: block; width: 100%; margin-bottom: 30px; }
html body #title h1 { color: #634e42; font-family: "Hanoded-Heavy"; font-size: 3em; text-align: center; text-shadow: 0 0 30px #fff, 0 0 30px #fff, 0 0 30px #fff; }
html body #content { display: block; width: 100%; }
html body #content p { color: #634e42; line-height: 1.5em; }
html body #content img, html body #content video { display: block; width: 100%; max-width: 800px; margin: 30px auto; }
html body #content .gallery { display: block; position: relative; width: 100%; aspect-ratio: 4/3; margin: 30px 0; z-index: 9; }
html body #content .gallery .gallery-window { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; -webkit-transition: opacity 750ms ease; -moz-transition: opacity 750ms ease; -o-transition: opacity 750ms ease; -ms-transition: opacity 750ms ease; transition: opacity 750ms ease; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
html body #content .gallery .gallery-window::-webkit-scrollbar { width: 0; height: 0; }
html body #content .gallery .gallery-window .gallery-elements { display: inline-block; width: 100%; height: 100%; white-space: nowrap; scroll-snap-type: x mandatory; scroll-snap-align: start; }
html body #content .gallery .gallery-window .gallery-elements .item { display: inline-block; position: relative; width: 100%; height: 100%; scroll-snap-align: start; scroll-snap-stop: normal; justify-content: center; align-items: center; }
html body #content .gallery .gallery-window .gallery-elements .item img { display: block; width: 100%; height: 100%; max-width: none; margin: auto; object-fit: cover; object-position: center; }
html body #content .gallery ul.gallery-list { display: block; position: absolute; bottom: -50px; width: 100%; height: 6px; margin: 20px 0; text-align: center; }
html body #content .gallery ul.gallery-list li { display: inline-block; width: 6px; height: 6px; margin: 0 3px; background-color: #fff; transition: all 0.5s ease; }
html body #content .gallery ul.gallery-list li.selected { background-color: #634e42; }
html body #content .gallery ul.arrow-gallery { display: none; }
html body .btn { display: table; transition: all 0.5s ease; }
html body .btn.hidden { opacity: 0; pointer-events: none; }
html body .btn:active, html body .btn:focus { box-shadow: none; }
html body .btn a { display: block; width: 100%; height: 100%; }
html body .btn.menu { width: 55px; height: 30px; background-position: center; background-size: cover; background-repeat: no-repeat; }
html body .btn.goto { margin: 20px auto; border: 3px solid transparent; }
html body .btn.goto a { width: calc(100% - 60px); height: calc(100% - 20px); padding: 10px 30px; }
html body .btn.goto a h3 { text-transform: uppercase; }
html body .btn.goto.white { border-color: #fff; }
html body .btn.goto.white a { color: #fff; }
@media screen and (min-width: 1024px) { html body .btn.goto a h3 { font-size: 21px; } }
@media screen and (min-width: 1366px) { html body .btn.goto a h3 { font-size: 24px; } }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

sup { font-size: 0.7em; line-height: 1em; vertical-align: top; }

i, em { font-style: italic; }

b, strong { font-weight: "Candara-Bold"; }