@import url("https://fonts.googleapis.com/css?family=Lato");
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 ***/
/* Lista delle famiglie di font, per ogni famiglia inserisco la variabile e la sua posizione */
@font-face { font-family: "Poppins-Light"; src: url("../font/Poppins-Light.eot"); src: url("../font/Poppins-Light.ttf") format("truetype"), url("../font/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../font/Poppins-Light.otf"), url("../font/Poppins-Light.svg#Poppins-Light") format("svg"), url("../font/Poppins-Light.woff") format("woff"); }
@font-face { font-family: "Poppins-LightItalic"; src: url("../font/Poppins-LightItalic.eot"); src: url("../font/Poppins-LightItalic.ttf") format("truetype"), url("../font/Poppins-LightItalic.eot?#iefix") format("embedded-opentype"), url("../font/Poppins-LightItalic.otf"), url("../font/Poppins-LightItalic.svg#Poppins-LightItalic") format("svg"), url("../font/Poppins-LightItalic.woff") format("woff"); }
@font-face { font-family: "Poppins-Regular"; src: url("../font/Poppins-Regular.eot"); src: url("../font/Poppins-Regular.ttf") format("truetype"), url("../font/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Poppins-Regular.otf"), url("../font/Poppins-Regular.svg#Poppins-Regular") format("svg"), url("../font/Poppins-Regular.woff") format("woff"); }
@font-face { font-family: "Poppins-Italic"; src: url("../font/Poppins-Italic.eot"); src: url("../font/Poppins-Italic.ttf") format("truetype"), url("../font/Poppins-Italic.eot?#iefix") format("embedded-opentype"), url("../font/Poppins-Italic.otf"), url("../font/Poppins-Italic.svg#Poppins-Italic") format("svg"), url("../font/Poppins-Italic.woff") format("woff"); }
@font-face { font-family: "Poppins-Bold"; src: url("../font/Poppins-Bold.eot"); src: url("../font/Poppins-Bold.ttf") format("truetype"), url("../font/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Poppins-Bold.otf"), url("../font/Poppins-Bold.svg#Poppins-Bold") format("svg"), url("../font/Poppins-Bold.woff") format("woff"); }
@font-face { font-family: "Poppins-BoldItalic"; src: url("../font/Poppins-BoldItalic.eot"); src: url("../font/Poppins-BoldItalic.ttf") format("truetype"), url("../font/Poppins-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/Poppins-BoldItalic.otf"), url("../font/Poppins-BoldItalic.svg#Poppins-BoldItalic") format("svg"), url("../font/Poppins-BoldItalic.woff") format("woff"); }
* { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; transition: opacity 0.5s; }
*.disable { opacity: 0.2; pointer-events: none; }
*.hidden { display: none; }

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

::-webkit-scrollbar-track { border-radius: 5px; background: #eaeaea; }

::-webkit-scrollbar-thumb { border-radius: 5px; background: #2b2b2b; }

html { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
html body { display: block; position: relative; width: 100%; height: 100%; background-image: url("../layout/bg_body.jpg"); background-size: cover; background-position: center; overflow: hidden; /* LINK UTILITY */ /* LINK PAGINE */ }
html body.screensaver { background-color: #0e405f; }
@keyframes slideBg { 0% { background-image: url(../layout/bg_screensaver.jpg); }
  50% { background-image: url(../layout/bg_screensaver_2.jpg); }
  100% { background-image: url(../layout/bg_screensaver.jpg); } }
html body.screensaver #contenitore { width: 100%; height: 100%; background-image: url(../layout/bg_screensaver.jpg); background-size: cover; animation: slideBg 10s linear infinite 0s; animation-timing-function: ease-in-out; }
html body.screensaver #contenitore a { display: block; width: 100%; height: 100%; }
html body.screensaver #contenitore a .it { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; margin: auto; text-align: center; color: #fff; }
html body.screensaver #contenitore a .it::after { display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 1600px; background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%); }
html body.screensaver #contenitore a .it img { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 70%; max-width: 950px; margin: auto; object-fit: contain; object-position: center; z-index: 99; }
html body.screensaver #contenitore a .it h1 { color: transparent; }
html body.screensaver #contenitore a .it h2 { display: block; position: absolute; bottom: 10%; left: 0; right: 0; width: 40%; margin: auto; color: #fff; font-family: "Poppins-Bold"; font-size: 3rem; z-index: 9; }
html body.home::before { display: block; content: ""; position: absolute; top: 0; right: 0; width: 1080px; height: 1860px; background-color: rgba(109, 88, 159, 0.7); mix-blend-mode: multiply; }
html body.home::after { display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 2120px; height: 1210px; background-color: rgba(181, 166, 209, 0.7); mix-blend-mode: multiply; }
html body.home .list-container { display: block; position: absolute; top: 200px; left: 200px; width: calc(100% - 400px); height: calc(100% - 500px); z-index: 9; }
html body.home .list-container .list-content { display: block; width: 100%; height: 100%; }
html body.home .list-container .list-content ul { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; height: 100%; overflow-y: auto; gap: 100px; }
html body.home .list-container .list-content ul::-webkit-scrollbar { width: 0; }
html body.home .list-container .list-content ul li { display: inline-flex; flex-basis: content; margin-bottom: 100px; }
html body.home .list-container .list-content ul li a { display: block; width: 100%; }
html body.home .list-container .list-content ul li a img { display: block; width: 100%; height: 100%; max-height: 600px; object-fit: contain; object-position: top left; }
html body.home .list-container .list-content ul li a h2 { display: block; margin-top: 20px; color: #2b2b2b; font-family: "Poppins-Bold"; font-size: 24px; }
@media screen and (max-width: 3839px) { html body.home .list-container { top: 5%; left: 5%; width: calc(100% - 10%); height: calc(100% - 150px); }
  html body.home .list-container .list-content ul li { margin-bottom: 0; }
  html body.home .list-container .list-content ul li a h2 { margin-top: 10px; font-size: 1.2em; }
  html body.home .list-container .list-content ul li a img { max-height: 300px; } }
@media screen and (max-width: 1024px) { html body.home .list-container .list-content ul { gap: 20px; }
  html body.home .list-container .list-content ul li { display: block; flex-basis: auto; width: 100%; margin-bottom: 0; }
  html body.home .list-container .list-content ul li a h2 { margin-top: 10px; font-size: 1.2em; text-align: center; }
  html body.home .list-container .list-content ul li a img { object-position: center; max-height: 300px; } }
html body.home .filter-area { display: block; position: absolute; left: 200px; bottom: 100px; width: calc(100% - 550px); height: 100px; z-index: 9; }
html body.home .filter-area .tag-container { display: block; width: calc(100% - 600px); height: 100%; margin-left: 600px; }
html body.home .filter-area .tag-container .tag-content { display: table; height: 100%; }
html body.home .filter-area .tag-container .tag-content h4 { display: table-cell; color: #fff; font-family: "Poppins-Regular"; font-size: 30px; vertical-align: middle; }
html body.home .filter-area .tag-container .tag-content h4 span { font-family: "Poppins-Bold"; }
html body.home .filter-area .tag-container .tag-content ul { display: table-cell; padding: 0 20px; vertical-align: middle; }
html body.home .filter-area .tag-container .tag-content ul li { display: inline-block; position: relative; margin-right: 10px; }
html body.home .filter-area .tag-container .tag-content ul li:last-child { margin-right: 0; }
html body.home .filter-area .tag-container .tag-content ul li h5 { padding: 10px 40px 10px 20px; color: #2b2b2b; font-family: "Poppins-Bold"; font-size: 20px; border-radius: 20px; background-color: #eaeaea; }
html body.home .filter-area .tag-container .tag-content ul li .btn.close { top: 10px; right: 10px; width: 20px; height: 20px; background-image: url("../layout/icon-close_black.svg"); background-color: transparent; }
@media screen and (max-width: 3839px) { html body.home .filter-area { left: 5%; bottom: 2%; width: 300px; height: 60px; }
  html body.home .filter-area .tag-container { height: 100%; margin-left: 250px; }
  html body.home .filter-area .tag-container .tag-content { display: block; width: 900px; height: 100%; }
  html body.home .filter-area .tag-container .tag-content h4 { display: inline-block; color: #6d3624; font-size: 1em; line-height: 60px; }
  html body.home .filter-area .tag-container .tag-content ul { display: inline-block; }
  html body.home .filter-area .tag-container .tag-content ul li { display: inline-flex; }
  html body.home .filter-area .tag-container .tag-content ul li h5 { font-size: 1em; } }
html body.home #filter-popup { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../layout/bg_body.jpg"); background-size: cover; background-position: center; pointer-events: none; opacity: 0; z-index: -1; transition: all 0.5s ease; }
html body.home #filter-popup.active { pointer-events: all; opacity: 1; z-index: 99; }
html body.home #filter-popup.active::before { display: block; content: ""; position: absolute; top: 0; right: 0; width: 1080px; height: 1270px; background-color: #c07e4c; mix-blend-mode: multiply; }
html body.home #filter-popup.active::after { display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 2120px; height: 1210px; background-color: #6d3624; mix-blend-mode: multiply; }
html body.home #filter-popup .filter-popup-container { display: block; position: relative; width: 100%; height: 100%; }
html body.home #filter-popup .filter-popup-container h2 { display: block; position: absolute; left: 200px; bottom: 1198px; color: #6d3624; font-family: "Poppins-Bold"; font-size: 80px; text-transform: uppercase; }
html body.home #filter-popup .filter-popup-container .filter-popup-content { display: block; position: absolute; bottom: 100px; left: 200px; width: calc(2120px - 200px); height: calc(1210px - 100px); z-index: 9; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form { height: auto; margin-top: auto; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul { display: block; width: 100%; height: calc(100% - 250px); padding: 150px 0 0 0; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li { display: inline-block; position: relative; width: calc(50% - 110px); padding: 0; margin-right: 100px; margin-bottom: 100px; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li label { display: block; color: #fff; font-family: "Poppins-Bold"; font-size: 40px; margin-bottom: 20px; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li select { display: block; width: 100%; height: 100px; border-radius: 50px; color: #2b2b2b; font-family: "Poppins-Bold"; font-size: 30px; text-align: center; appearance: none; cursor: pointer !important; background-color: #fff; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li select.disabled-by-choice { background-color: #c07e4c !important; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li select.disabled-by-choice option { opacity: 0; appearance: none; box-shadow: none; border: none; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li select.disabled-no-options { opacity: 0.2; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li select option { display: block; width: 100%; color: #2b2b2b; font-family: "Poppins-Bold"; font-size: 0.5em; appearance: none; cursor: pointer !important; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li span.remove-selection { display: block; position: absolute; top: 10px; right: 0; width: 50px; height: 50px; border-radius: 100%; color: #2b2b2b; font-family: "Poppins-Bold"; font-size: 1.5em; text-align: center; line-height: 50px; background-color: #c7b974; box-shadow: 0 0 10px #2b2b2b; opacity: 1; pointer-events: all; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li span.remove-selection.hidden { opacity: 0; pointer-events: none; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li form { display: block; width: 100%; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li form.accessibility::before { display: inline-block; content: ""; width: 50px; height: 50px; margin-right: 20px; background-image: url("../layout/icon-accessibility_white.svg"); background-size: contain; background-position: center; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li form label { display: inline-block; width: auto; height: 50px; margin-bottom: 0; vertical-align: top; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li form input[type="checkbox"] { display: inline-block; width: 50px; height: 50px; margin-left: 20px; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li label { display: inline-block; width: auto; height: 50px; margin-bottom: 0; vertical-align: top; }
html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li input[type="checkbox"] { display: inline-block; width: 50px; height: 50px; margin-left: 20px; }
@media screen and (max-width: 3839px) { html body.home #filter-popup.active::before { display: none; }
  html body.home #filter-popup.active::after { display: none; }
  html body.home #filter-popup .filter-popup-container h2 { top: 5%; left: 5%; right: auto; font-size: 30px; }
  html body.home #filter-popup .filter-popup-container .filter-popup-content { top: 5%; left: 5%; width: calc(100% - 10%); height: calc(100% - 7%); }
  html body.home #filter-popup .filter-popup-container .filter-popup-content form { height: calc(100% - 180px); margin-top: 100px; }
  html body.home #filter-popup .filter-popup-container .filter-popup-content form ul { height: 100%; margin: 0; padding: 0; overflow-y: auto; }
  html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li { display: block; width: 100%; max-width: 850px; margin-right: 0px; margin-bottom: 50px; }
  html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li label { color: #2b2b2b; font-size: 24px; }
  html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li select { height: 60px; border-radius: 30px; }
  html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li form { display: block; width: 100%; }
  html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li form.accessibility::before { display: inline-block; content: ""; width: 50px; height: 50px; margin-right: 20px; background-image: url("../layout/icon-accessibility_white.svg"); background-size: contain; background-position: center; }
  html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li form label { height: auto; margin-bottom: 10px; }
  html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li form input[type="checkbox"] { width: 30px; height: 30px; }
  html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li label { height: auto; margin-bottom: 10px; }
  html body.home #filter-popup .filter-popup-container .filter-popup-content form ul li input[type="checkbox"] { width: 30px; height: 30px; margin-left: 20px; } }
html body .btn { display: table; cursor: pointer !important; }
html body .btn a { display: block; width: 100%; height: 100%; }
html body .btn.hidden { opacity: 0; pointer-events: none; }
html body .btn.disabled { opacity: 0.2; pointer-events: none; }
html body .btn.long-btn-rounded { width: auto; min-width: 500px; height: 100px; border-radius: 50px; box-shadow: 0 0 20px #2b2b2b; }
html body .btn.long-btn-rounded a { display: table; }
html body .btn.long-btn-rounded a h3 { display: table-cell; color: #fff; font-family: "Poppins-Bold"; font-size: 30px; text-align: center; text-transform: uppercase; vertical-align: middle; }
html body .btn.filter { position: absolute; left: 0px; bottom: 0px; background-color: #6d3624; z-index: 9; }
html body .btn.submit { position: absolute; left: 0px; bottom: 0px; background-color: #c07e4c; z-index: 9; }
html body .btn.more-info { position: absolute; left: 500px; bottom: 100px; background-color: #5e2f5b; opacity: 0; pointer-events: none; z-index: -1; }
html body .btn.more-info.active { opacity: 1; pointer-events: all; z-index: 9; }
html body .btn.small-btn-rounded { width: 100px; height: 100px; border-radius: 50px; box-shadow: 0 0 20px #2b2b2b; }
html body .btn.language { position: absolute; right: 200px; bottom: 100px; border: 5px solid #fff; border-radius: 100%; z-index: 9; }
html body .btn.language.en { background-image: url("../layout/icon-flag_en.svg"); }
html body .btn.language.it { background-image: url("../layout/icon-flag_it.svg"); }
html body .btn.close { position: absolute; right: 200px; bottom: 100px; border-radius: 100%; background-image: url("../layout/icon-close_white.svg"); background-position: center; background-size: contain; background-color: #6d3624; z-index: 9; }
html body .btn.back { position: absolute; left: 200px; bottom: 100px; border-radius: 100%; background-image: url("../layout/icon-back_white.svg"); background-position: center; background-size: contain; background-color: #0e405f; z-index: 9; }
html body .btn.zoom { position: absolute; right: 720px; bottom: 0px; background-image: url("../layout/icon-zoom_gray.svg"); background-position: center; background-size: contain; border: none; box-shadow: none; filter: drop-shadow(0px 0px 10px #2b2b2b); z-index: 9; }
@media screen and (max-width: 3839px) { html body .btn.language { right: 5%; bottom: 2%; width: 50px; height: 50px; }
  html body .btn.back { left: 5%; bottom: 2%; width: 60px; height: 60px; }
  html body .btn.close { right: 5%; bottom: 2%; width: 60px; height: 60px; }
  html body .btn.more-info { left: calc(5% + 60px + 20px); bottom: 2%; height: 60px; min-width: 200px; }
  html body .btn.filter, html body .btn.submit { height: 60px; min-width: 200px; }
  html body .btn.zoom { right: 0; top: 0; bottom: auto; width: 60px; height: 60px; }
  html body .btn.long-btn-rounded a h3 { font-size: 1em; } }
html body.detail::before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 1080px; height: 1270px; background-color: #c07e4c; mix-blend-mode: multiply; }
html body.detail::after { display: block; content: ""; position: absolute; bottom: 0; right: 0; width: 2120px; height: 610px; background-color: #0e405f; mix-blend-mode: multiply; }
html body.detail .detail-container { display: block; position: absolute; top: 0px; left: 200px; width: calc(100% - 400px); height: calc(100% - 300px); z-index: 9; }
html body.detail .detail-container .detail-content { display: block; position: relative; width: 100%; height: 100%; }
html body.detail .detail-container .detail-content .area-img { display: block; position: absolute; top: 0; left: 0; width: 2720px; height: 1860px; background-color: #fff; overflow: hidden; }
html body.detail .detail-container .detail-content .area-img img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
html body.detail .detail-container .detail-content .info-img { display: block; position: absolute; right: 0; width: calc(100% - 2720px - 100px); height: 100%; text-align: right; }
html body.detail .detail-container .detail-content .info-img .image-description { display: block; position: absolute; top: 200px; right: 0; width: 100%; max-height: 500px; padding-right: 20px; overflow-y: auto; }
html body.detail .detail-container .detail-content .info-img .image-description::-webkit-scrollbar { margin-left: 10px; }
html body.detail .detail-container .detail-content .info-img .image-description::-webkit-scrollbar-track { background: #fff; }
html body.detail .detail-container .detail-content .info-img .image-description::-webkit-scrollbar-thumb { background: #0e405f; }
html body.detail .detail-container .detail-content .info-img .image-description p { color: #0e405f; font-size: 28px; line-height: 1.5em; font-family: "Poppins-Regular"; }
html body.detail .detail-container .detail-content .info-img .title { display: block; position: absolute; bottom: 300px; width: 100%; text-transform: uppercase; }
html body.detail .detail-container .detail-content .info-img .title h1 { margin-bottom: 50px; color: #0e405f; font-size: 48px; font-family: "Poppins-Bold"; }
html body.detail .detail-container .detail-content .info-img .title h2 { color: #0e405f; font-size: 60px; font-family: "Poppins-Bold"; }
html body.detail .detail-container .detail-content .info-img .title h2 span { font-family: "Poppins-Regular"; }
html body.detail .detail-container .detail-content .info-img .info-list { display: block; position: absolute; bottom: 0px; width: 100%; }
html body.detail .detail-container .detail-content .info-img .info-list ul li { display: block; margin-bottom: 10px; }
html body.detail .detail-container .detail-content .info-img .info-list ul li:last-child { margin-bottom: 0; }
html body.detail .detail-container .detail-content .info-img .info-list ul li h3 { color: #fff; font-size: 34px; font-family: "Poppins-Regular"; }
html body.detail .detail-container .detail-content .info-img .info-list ul li h3 span { font-family: "Poppins-Bold"; }
@media screen and (min-width: 1920px) { html body.detail .detail-container .detail-content .info-img .image-description { max-height: 200px; } }
@media screen and (min-width: 1200px) { html body.detail .detail-container { top: 0; left: 0; width: calc(100% - 0%); height: calc(100% - 90px); }
  html body.detail .detail-container .detail-content .btn.zoom { left: 5%; right: auto; }
  html body.detail .detail-container .detail-content .area-img { display: block; position: absolute; top: 0; left: 0; width: calc(50% - 5%); height: 100%; margin-left: 5%; }
  html body.detail .detail-container .detail-content .info-img { display: block; position: absolute; top: 0; right: 0; width: calc(50% - 10%); height: 100%; margin-right: 5%; }
  html body.detail .detail-container .detail-content .info-img .title { top: 5%; bottom: auto; }
  html body.detail .detail-container .detail-content .info-img .title h1 { font-size: 1em; margin-bottom: 10px; }
  html body.detail .detail-container .detail-content .info-img .title h2 { font-size: 1.5em; }
  html body.detail .detail-container .detail-content .info-img .info-list { top: 25%; bottom: auto; }
  html body.detail .detail-container .detail-content .info-img .info-list ul li { margin-bottom: 5px; }
  html body.detail .detail-container .detail-content .info-img .info-list ul li h3 { color: #0e405f; font-size: 1em; }
  html body.detail .detail-container .detail-content .info-img .image-description { top: auto; bottom: 0; max-height: 200px; max-height: 50%; }
  html body.detail .detail-container .detail-content .info-img .image-description p { font-size: 1em; } }
@media screen and (max-width: 1199px) { html body.detail .detail-container { top: 0; left: 0; width: calc(100% - 0%); height: calc(100% - 90px); }
  html body.detail .detail-container .detail-content .area-img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 50vh; }
  html body.detail .detail-container .detail-content .info-img { top: 50vh; left: 5%; width: 90%; height: calc(50vh - 80px); text-align: left; }
  html body.detail .detail-container .detail-content .info-img .title { top: 10px; bottom: auto; }
  html body.detail .detail-container .detail-content .info-img .title h1 { font-size: 1em; margin-bottom: 10px; }
  html body.detail .detail-container .detail-content .info-img .title h2 { font-size: 1.5em; }
  html body.detail .detail-container .detail-content .info-img .info-list { top: 100px; bottom: auto; }
  html body.detail .detail-container .detail-content .info-img .info-list ul li { margin-bottom: 5px; }
  html body.detail .detail-container .detail-content .info-img .info-list ul li h3 { color: #0e405f; font-size: 1em; }
  html body.detail .detail-container .detail-content .info-img .image-description { top: auto; bottom: 20px; padding-right: 0; }
  html body.detail .detail-container .detail-content .info-img .image-description p { font-size: 1em; } }
@media screen and (max-width: 1024px) { html body.detail .detail-container .detail-content .info-img .image-description { display: none; } }
@media screen and (min-width: 3840px) { html body.detail .detail-container { display: block; position: absolute; top: 0px; left: 200px; width: calc(100% - 400px); height: calc(100% - 300px); z-index: 9; }
  html body.detail .detail-container .detail-content { display: block; position: relative; width: 100%; height: 100%; }
  html body.detail .detail-container .detail-content .btn.zoom { left: auto; right: 720px; }
  html body.detail .detail-container .detail-content .area-img { display: block; position: absolute; top: 0; left: 0; width: 2720px; height: 1860px; margin-left: 0; background-color: #fff; overflow: hidden; }
  html body.detail .detail-container .detail-content .area-img img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
  html body.detail .detail-container .detail-content .info-img { display: block; position: absolute; right: 0; width: calc(100% - 2720px - 100px); height: 100%; margin-right: 0; text-align: right; }
  html body.detail .detail-container .detail-content .info-img .image-description { display: block; position: absolute; top: 200px; bottom: auto; right: 0; width: 100%; max-height: 500px; padding-right: 20px; overflow-y: auto; }
  html body.detail .detail-container .detail-content .info-img .image-description::-webkit-scrollbar { margin-left: 10px; }
  html body.detail .detail-container .detail-content .info-img .image-description::-webkit-scrollbar-track { background: #fff; }
  html body.detail .detail-container .detail-content .info-img .image-description::-webkit-scrollbar-thumb { background: #0e405f; }
  html body.detail .detail-container .detail-content .info-img .image-description p { color: #0e405f; font-size: 28px; line-height: 1.5em; font-family: "Poppins-Regular"; }
  html body.detail .detail-container .detail-content .info-img .title { display: block; position: absolute; top: auto; bottom: 300px; width: 100%; text-transform: uppercase; }
  html body.detail .detail-container .detail-content .info-img .title h1 { margin-bottom: 50px; color: #0e405f; font-size: 48px; font-family: "Poppins-Bold"; }
  html body.detail .detail-container .detail-content .info-img .title h2 { color: #0e405f; font-size: 60px; font-family: "Poppins-Bold"; }
  html body.detail .detail-container .detail-content .info-img .title h2 span { font-family: "Poppins-Regular"; }
  html body.detail .detail-container .detail-content .info-img .info-list { display: block; position: absolute; top: auto; bottom: 0px; width: 100%; }
  html body.detail .detail-container .detail-content .info-img .info-list ul li { display: block; margin-bottom: 10px; }
  html body.detail .detail-container .detail-content .info-img .info-list ul li:last-child { margin-bottom: 0; }
  html body.detail .detail-container .detail-content .info-img .info-list ul li h3 { color: #fff; font-size: 34px; font-family: "Poppins-Regular"; }
  html body.detail .detail-container .detail-content .info-img .info-list ul li h3 span { font-family: "Poppins-Bold"; } }
html body.detail #more-info-popup { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; z-index: -1; transition: all 0.5s ease; }
html body.detail #more-info-popup.active { pointer-events: all; opacity: 1; z-index: 99; }
html body.detail #more-info-popup::after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(94, 47, 91, 0.9); -webkit-backdrop-filter: saturate(100%) blur(50px); backdrop-filter: saturate(100%) blur(50px); }
html body.detail #more-info-popup .more-info-popup-container { display: block; width: 100%; height: 100%; }
html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content { display: block; position: relative; width: calc(100% - 1100px); height: calc(100% - 600px); margin: 200px 350px 0; padding: 200px; background-image: url("../layout/bg_body.jpg"); background-size: cover; background-position: center; box-shadow: 0 0 20px #2b2b2b; z-index: 9; }
html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container h3 { margin-bottom: 20px; color: #0e405f; font-family: "Poppins-Bold"; font-size: 48px; text-transform: uppercase; }
html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container h4 { color: #0e405f; font-family: "Poppins-Bold"; font-size: 60px; text-transform: uppercase; }
html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container h4 span { font-family: "Poppins-Regular"; }
html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container .text-content { display: block; width: 100%; height: calc(100% - 250px); margin-top: 100px; padding-right: 20px; color: #2b2b2b; font-family: "Poppins-Regular"; overflow-y: auto; }
html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container .text-content::-webkit-scrollbar { width: 10px; }
html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container .text-content::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; }
html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container .text-content::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #0e405f; }
html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container .text-content p { display: block; margin-bottom: 50px; font-size: 34px; line-height: 1.8em; }
html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container .text-content p:last-child { margin-bottom: 0; }
html body.detail #more-info-popup .more-info-popup-container .btn.close { background-image: url(../layout/icon-close_blue.svg); background-color: #fff; }
@media screen and (max-width: 3839px) { html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content { width: calc(90% - 40px); height: calc(100% - 20px); margin: 20px 5% 0; padding: 20px; background-image: none; box-shadow: none; }
  html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container h3 { color: #fff; font-size: 2em; }
  html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container h4 { color: #fff; font-size: 1.2em; }
  html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container .text-content { height: 60vh; color: #fff; margin-top: 50px; }
  html body.detail #more-info-popup .more-info-popup-container .more-info-popup-content .text-container .text-content p { font-size: 1em; } }

@media screen and (max-width: 3839px) { html body.home::before, html body.detail::before { display: none; }
  html body.home::after, html body.detail::after { display: none; } }
a { text-decoration: none; }

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

i, em { font-style: italic; }

b, strong { font-weight: 600; }