:root { --dino-green1: #006633; --dino-green2: #2a9c2c; --dino-green3: #dedc00; --dino-green4: #90c896; --paleozoico1: #f15a24; --paleozoico2: #b5431b; --mesozoico1: #004696; --mesozoico2: #06376e; --cenozoico1: #7333a3; --cenozoico2: #4d226e; --neozoico1: #009e4b; --neozoico2: #00612e; --dino-brown1: #42210b; --dino-brown2: #754c24; }

.bg-parallax { --parallax-shift: 200px; }

@media (min-width: 768px) { .order-sm-1 { order: 1 !important; }
  .order-sm-2 { order: 2 !important; } }
.preistoric-header { position: relative; background: #feffdb; background: -webkit-linear-gradient(left, #FE9C17 0%, #FCCC31 50%, #FFE100 100%); background: -o-linear-gradient(left, #FE9C17 0%, #FCCC31 50%, #FFE100 100%); background: linear-gradient(to right, #FE9C17 0%, #FCCC31 50%, #FFE100 100%); text-align: center; padding: 1rem 0; }
@media (min-width: 768px) { .preistoric-header { padding: 1rem 1rem 4rem; background: -webkit-linear-gradient(left, #FEFFDB 0%, #FFE53D 10%, #FE9C17 35%, #FFE100 55%, #FCCC31 75%, #F9EBB9 88%, #FCAE46 100%); background: -o-linear-gradient(left, #FEFFDB 0%, #FFE53D 10%, #FE9C17 35%, #FFE100 55%, #FCCC31 75%, #F9EBB9 88%, #FCAE46 100%); background: linear-gradient(to right, #FEFFDB 0%, #FFE53D 10%, #FE9C17 35%, #FFE100 55%, #FCCC31 75%, #F9EBB9 88%, #FCAE46 100%); } }
.preistoric-header .internalbreadcrumbs { position: relative; margin-bottom: 2rem; z-index: 1; }
.preistoric-header .internalbreadcrumbs li { background-color: transparent; padding: 0; }
.preistoric-header .internalbreadcrumbs li a, .preistoric-header .internalbreadcrumbs li span { display: block; padding: .5rem; border-radius: .5rem; color: white; }
.preistoric-header .internalbreadcrumbs li a { background-color: var(--dino-green1); }
.preistoric-header .internalbreadcrumbs li a:hover { background-color: var(--dino-green2); }
.preistoric-header .internalbreadcrumbs li span { background-color: var(--dino-green2); }
.preistoric-header h1 { line-height: 1; position: relative; z-index: 2; }
@media (min-width: 768px) { .preistoric-header h1 { font-size: 3rem; line-height: .8; margin-bottom: 3rem; } }
.preistoric-header h1 strong { display: block; margin-bottom: -1rem; text-transform: uppercase; letter-spacing: -2px; color: var(--dino-brown1); text-shadow: rgba(255, 255, 255, 0.3) 3px 0px 0px, rgba(255, 255, 255, 0.3) 2.83487px 0.981584px 0px, rgba(255, 255, 255, 0.3) 2.35766px 1.85511px 0px, rgba(255, 255, 255, 0.3) 1.62091px 2.52441px 0px, rgba(255, 255, 255, 0.3) 0.705713px 2.91581px 0px, rgba(255, 255, 255, 0.3) -0.287171px 2.98622px 0px, rgba(255, 255, 255, 0.3) -1.24844px 2.72789px 0px, rgba(255, 255, 255, 0.3) -2.07227px 2.16926px 0px, rgba(255, 255, 255, 0.3) -2.66798px 1.37182px 0px, rgba(255, 255, 255, 0.3) -2.96998px 0.42336px 0px, rgba(255, 255, 255, 0.3) -2.94502px -0.571704px 0px, rgba(255, 255, 255, 0.3) -2.59586px -1.50383px 0px, rgba(255, 255, 255, 0.3) -1.96093px -2.27041px 0px, rgba(255, 255, 255, 0.3) -1.11013px -2.78704px 0px, rgba(255, 255, 255, 0.3) -0.137119px -2.99686px 0px, rgba(255, 255, 255, 0.3) 0.850987px -2.87677px 0px, rgba(255, 255, 255, 0.3) 1.74541px -2.43999px 0px, rgba(255, 255, 255, 0.3) 2.44769px -1.73459px 0px, rgba(255, 255, 255, 0.3) 2.88051px -0.838247px 0px; }
.preistoric-header h1 small { display: inline-block; font-size: 1rem; font-weight: bold; color: var(--dino-brown1); }
.preistoric-header::after { content: ""; display: block; position: absolute; inset: 0; pointer-events: none; top: -1rem; z-index: 0; mix-blend-mode: overlay; background: url(../img/stelline_loop.png); background-image: -webkit-image-set(url("../img/stelline_loop.avif") 1x, url("../img/stelline_loop.webp") 1x, url("../img/stelline_loop.png") 1x); background-image: image-set(url("../img/stelline_loop.avif") 1x, url("../img/stelline_loop.webp") 1x, url("../img/stelline_loop.png") 1x); --parallax-shift: 200px; background-position-y: calc(var(--parallax_units, 0) * var(--parallax-shift)); will-change: background-position; }

nav.preistoric-nav-ere { display: flex; justify-content: center; max-width: 720px; margin-left: auto; margin-right: auto; position: sticky; top: 66px; z-index: 20; }
@media (min-width: 768px) { nav.preistoric-nav-ere { gap: .5rem; margin-top: -190px; margin-bottom: 60px; top: .5rem; } }
nav.preistoric-nav-ere a { display: block; flex: 1; box-shadow: 0 1rem 1rem -1rem black; text-align: center; }
@media (min-width: 768px) { nav.preistoric-nav-ere a { border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 1rem; }
  nav.preistoric-nav-ere a:hover, nav.preistoric-nav-ere a.active { margin-top: -4px; filter: brightness(1.1); } }
nav.preistoric-nav-ere a.active { border-bottom: 2px solid; border-color: white; }
nav.preistoric-nav-ere a span { display: block; padding: .5rem; color: white; line-height: 1; }
@media (min-width: 768px) { nav.preistoric-nav-ere a span { position: relative; padding: 1rem; border-radius: 1rem; } }
nav.preistoric-nav-ere a span.big { font-size: .9rem; font-weight: bold; }
@media (min-width: 768px) { nav.preistoric-nav-ere a span.big { font-size: 1.5rem; z-index: 1; } }
nav.preistoric-nav-ere a span.small { font-size: .7rem; font-style: italic; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; overflow: hidden; max-height: 65px; }
@media (min-width: 768px) { nav.preistoric-nav-ere a span.small { font-size: 1rem; } }
nav.preistoric-nav-ere a span.small small { display: block; font-size: .6rem; font-style: normal; padding-top: .2rem; }
@media (min-width: 768px) { nav.preistoric-nav-ere a span.small small { font-size: .8rem; } }
nav.preistoric-nav-ere a.btn-paleozoico { background-color: var(--paleozoico2); }
nav.preistoric-nav-ere a.btn-paleozoico .big { background-color: var(--paleozoico1); }
nav.preistoric-nav-ere a.btn-mesozoico { background-color: var(--mesozoico2); }
nav.preistoric-nav-ere a.btn-mesozoico .big { background-color: var(--mesozoico1); }
nav.preistoric-nav-ere a.btn-cenozoico { background-color: var(--cenozoico2); }
nav.preistoric-nav-ere a.btn-cenozoico .big { background-color: var(--cenozoico1); }
nav.preistoric-nav-ere a.btn-neozoico { background-color: var(--neozoico2); }
nav.preistoric-nav-ere a.btn-neozoico .big { background-color: var(--neozoico1); }
nav.preistoric-nav-ere.is-stuck a span.small { height: 0; padding: 0; }
nav.preistoric-nav-ere.is-stuck a.active { margin-top: 0; }

.pagearea { padding: 0; background: #006633; background: -webkit-linear-gradient(#006633 0%, #2a9c2c 50%, #dedc00 100%); background: -o-linear-gradient(#006633 0%, #2a9c2c 50%, #dedc00 100%); background: linear-gradient(#006633 0%, #2a9c2c 50%, #dedc00 100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.pagearea:before, .pagearea:after { content: ''; display: block; background: url(https://etnaland.eu/et_materials/images/parco-dinosauri/restyling4/skyline-preistoria.png) repeat-x center top; width: 100%; height: 150px; position: absolute; left: 0; z-index: 0; }
.pagearea:before { top: -145px; }
@media (max-width: 767px) { .pagearea:before { display: none; } }
.pagearea:after { bottom: 44px; box-shadow: 0 50px 0 #166b2c; }

.pagearea-watermark { padding: 3rem 0 5rem; }
@media (min-width: 768px) { .pagearea-watermark { padding: 9rem 0; background-image: url("https://etnaland.eu/et_materials/images/parco-dinosauri/restyling4/bg_preistoria.png"); background-repeat: repeat-y; background-size: contain; } }

.preistoric-container { position: relative; }

.img4bg, .preistoric-hero .bg-img, .preistoric-intro-home-box .bg-img, .preistoric-ere-home-box .bg-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
.img4bg img, .preistoric-hero .bg-img img, .preistoric-intro-home-box .bg-img img, .preistoric-ere-home-box .bg-img img { width: 100%; height: 100%; object-fit: cover; }

.preistoric-hero { position: relative; padding: 64px 2rem 80px; text-align: center; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
@media (min-width: 768px) { .preistoric-hero { padding: 64px 2rem 128px; } }
.preistoric-hero:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4rem; border-left: 5px solid var(--dino-green4); border-right: 5px solid var(--dino-green4); background: linear-gradient(0deg, var(--dino-green1) 2rem, rgba(0, 102, 51, 0) 100%); z-index: 1; }
.preistoric-hero .bg-img { border-radius: 20rem 20rem 3rem 3rem; border: 5px solid var(--dino-green4); border-bottom: none; }
.preistoric-hero .preistoric-dino { opacity: 0; min-width: 260px; max-width: 340px; position: absolute; left: 50%; top: 0rem; -moz-transform: translateX(-50%) scale(0.5); -webkit-transform: translateX(-50%) scale(0.5); -o-transform: translateX(-50%) scale(0.5); -ms-transform: translateX(-50%) scale(0.5); transform: translateX(-50%) scale(0.5); z-index: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.preistoric-hero .preistoric-logo { max-width: 260px; margin: 0 auto; position: relative; z-index: 1; }

@media (max-width: 767px) { body:not(.preistoria-intro) nav.preistoric-nav-ere { margin-top: -60px; margin-bottom: 30px; } }
body:not(.preistoria-intro) .pagearea[data-preisto-tab="intro"] .pagearea-watermark { padding: 5rem 0; }
@media (min-width: 768px) { body:not(.preistoria-intro) .pagearea[data-preisto-tab="intro"] .pagearea-watermark { padding: 9rem 0; } }
@media (max-width: 767px) { body:not(.preistoria-intro) .pagearea[data-preisto-tab="intro"] nav.preistoric-nav-ere { margin-top: -90px; margin-bottom: 60px; } }
body:not(.preistoria-intro) .pagearea[data-preisto-tab="intro"] .preistoric-hero { padding: 130px 2rem 80px; }
@media (min-width: 768px) { body:not(.preistoria-intro) .pagearea[data-preisto-tab="intro"] .preistoric-hero { padding: 176px 2rem 100px; } }
body:not(.preistoria-intro) .pagearea[data-preisto-tab="intro"] .preistoric-hero .preistoric-dino { -moz-transform: translateX(-50%) scale(1); -webkit-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1; top: -2rem; }
body:not(.preistoria-intro) .pagearea[data-preisto-tab="intro"] .preisto-back-intro { display: none !important; }
body:not(.preistoria-intro) .pagearea.preisto-era-paleozoico .preistoric-hero .preistoric-dino { margin-top: -1rem; }
@media (min-width: 768px) { body:not(.preistoria-intro) .pagearea.preisto-era-cenozoico .preistoric-hero .preistoric-dino { margin-left: 3rem; margin-top: -1rem; } }

.dinobox-navigation { position: relative; margin: 0 auto -50px; transform: translateY(-70px); z-index: 999; }
@media (min-width: 768px) { .dinobox-navigation { position: sticky; margin-bottom: -30px; top: .5rem; } }
.dinobox-navigation .dinosaurs-menu { display: flex; justify-content: center; gap: .5rem; position: relative; max-width: 460px; margin: 0 auto; z-index: 10; }
@media (min-width: 768px) { .dinobox-navigation .dinosaurs-menu { gap: 1rem; } }
.dinobox-navigation .dinosaurs-menu .preisto-back-intro, .dinobox-navigation .dinosaurs-menu .dropdown-toggle { display: flex; align-items: center; padding: .5rem; background-color: var(--dino-brown1); border-radius: 10rem; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5), 0 1rem 1rem -1rem black; color: white; font-size: .9rem; font-weight: bold; text-align: center; line-height: 1.2; }
@media (min-width: 768px) { .dinobox-navigation .dinosaurs-menu .preisto-back-intro, .dinobox-navigation .dinosaurs-menu .dropdown-toggle { padding: 1rem; font-size: 1.2rem; } }
.dinobox-navigation .dinosaurs-menu .preisto-back-intro .caret { transform: rotate(90deg); margin-right: .5rem; }
.dinobox-navigation .dinosaurs-menu .dropdown-menu { width: 100%; top: calc(100% + 1rem); padding: 1rem; border-radius: 2rem; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5), 0 0 1rem var(--dino-brown1), 0 1rem 1rem -1rem black; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; max-height: 0; display: block; overflow-y: auto; opacity: 0; }
.dinobox-navigation .dinosaurs-menu .dropdown-menu .item a { display: flex; gap: 1rem; padding: 3px 0; }
.dinobox-navigation .dinosaurs-menu .dropdown-menu .item a img { width: 60px; border-radius: .5rem; }
.dinobox-navigation .dinosaurs-menu .dropdown-menu .item a b { display: block; width: calc(100% - 60px - 1rem); line-height: 1.2; border-bottom: 1px solid var(--dino-brown1); }
@media (min-width: 768px) { .dinobox-navigation .dinosaurs-menu .dropdown-menu .item a b { display: flex; align-items: center; gap: .5rem; } }
.dinobox-navigation .dinosaurs-menu .dropdown-menu .item a b small { display: block; white-space: break-spaces; }
.dinobox-navigation .dinosaurs-menu .dropdown-menu .item.active a { background-color: transparent; color: var(--dino-green1); }
.dinobox-navigation .dinosaurs-menu.open .dropdown-menu { max-height: 600px; opacity: 1; }

.pages.tab-content { background-color: var(--dino-green1); color: white; border: 5px solid var(--dino-green4); border-top: none; border-radius: 0 0 4rem 4rem; position: relative; position: relative; padding: 1rem; z-index: 2; }
@media (min-width: 768px) { .pages.tab-content { border-radius: 0 0 3rem 3rem; } }
@media (min-width: 768px) { .pages.tab-content { padding: 0rem 3rem 3rem 3rem; } }
.pages.tab-content .item:not(.intro) h2.intro-title { font-size: 1.8rem; }
@media (min-width: 768px) { .pages.tab-content .item:not(.intro) h2.intro-title { font-size: 3rem; } }
.pages.tab-content h2.intro-title { text-align: center; margin-bottom: 2rem; }
@media (max-width: 767px) { .pages.tab-content h2.intro-title { font-size: 1.4rem; } }
.pages.tab-content h2.intro-title small { display: block; color: white; }

.box-info { background-color: var(--dino-green2); margin-bottom: 2rem; padding: 1.3rem 1.3rem 2rem; border-radius: 2rem; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5), 0 1rem 1rem -1rem black; color: white; }
@media (min-width: 768px) { .box-info { padding: 2rem; font-size: 1.1rem; } }
.box-info p:last-child { margin-bottom: 0; }
.box-info .columns-intro > div:first-child { padding-bottom: 1.3rem; }
@media (min-width: 768px) { .box-info .columns-intro > div:first-child { padding-bottom: 0; padding-right: 1.5rem; } }
.box-info .columns-intro > div:last-child { padding-top: 1.3rem; }
@media (min-width: 768px) { .box-info .columns-intro > div:last-child { padding-top: 0; padding-left: 1.5rem; } }
.box-info .dino-cover-link { display: block; aspect-ratio: 4 / 3; border: 2px solid rgba(255, 255, 255, 0.5); background: white url("../img/loading.gif") no-repeat center/60px; border-radius: 1.3rem; overflow: hidden; }
.box-info .dino-cover-link .dino-cover { width: 100%; height: 100%; object-fit: cover; }
.box-info ul { padding-left: 1.15rem; }
.box-info ul li { list-style: square; margin-bottom: 1rem; }
.box-info.info-intro { margin-bottom: 3rem; }

.periods.list-inline { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin: -1rem auto 2rem; }
.periods.list-inline li { font-weight: bold; text-align: center; }

.box-tech { position: relative; background-color: white; border-radius: 2rem; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5), 0 1rem 1rem -1rem black; margin-bottom: 2rem; color: var(--dino-brown1); }
.box-tech:last-child { margin-bottom: 0; }
.box-tech .intro-species { font-size: 1.2rem; padding: 1rem; }
@media (min-width: 768px) { .box-tech .intro-species { font-size: 1.4rem; } }
.box-tech .dino-curiosity { position: absolute; left: 50%; top: -2.2rem; transform: translate(-50%, -50%); min-width: 230px; max-width: 280px; border-radius: 1rem; box-shadow: .1rem .1rem 0 white; z-index: 10; }
@media (min-width: 768px) { .box-tech .dino-curiosity { top: -2rem; transform: translate(-120%, -50%); box-shadow: .5rem .5rem 0 white; } }
.box-tech .dino-curiosity span { display: block; position: relative; background-color: #D54416; padding: .5rem; border-radius: 1rem; color: white; line-height: 1.1; font-size: .8rem; z-index: 1; }
@media (min-width: 768px) { .box-tech .dino-curiosity span { padding: 1rem; font-size: 1rem; } }
.box-tech .dino-curiosity:after { content: ''; display: block; width: 2rem; height: 2rem; background-color: #D54416; position: absolute; right: 1.5rem; bottom: 0; transform: rotate(48deg) skew(53deg, 0deg); border-radius: .3rem; box-shadow: .2rem .1rem 0 white; z-index: 0; }
@media (min-width: 768px) { .box-tech .dino-curiosity:after { box-shadow: .5rem .1rem 0 white; } }
.box-tech .slider-gallery { height: 100%; border-radius: 2rem 2rem 0 0; overflow: hidden; }
@media (min-width: 768px) { .box-tech .slider-gallery { border-radius: 2rem 0 0 2rem; } }
.box-tech .slider-gallery .splide { height: 100%; }
.box-tech .slider-gallery .splide .slider-gallery, .box-tech .slider-gallery .splide .splide__track, .box-tech .slider-gallery .splide .splide__list { height: 100%; }
.box-tech .slider-gallery .splide__slide { display: flex; }
.box-tech .slider-gallery .splide__slide a { display: block; min-height: 280px; }
.box-tech .slider-gallery .splide__slide a img { width: 100%; height: 100%; object-fit: cover; }
.box-tech .detail-area { position: relative; }
@media (max-width: 769px) { .box-tech .detail-area { padding: 0 1rem 1rem; } }
@media (min-width: 768px) { .box-tech .detail-area { padding-bottom: 30px; }
  .box-tech .detail-area.to-left { padding-left: 30px; }
  .box-tech .detail-area.to-right { padding-right: 30px; } }
.box-tech .detail-area p:last-child { margin-bottom: 0; }
.box-tech .detail-area h2.title-data { width: calc(100% + 2rem); margin-left: -1rem; padding: 1rem; background-color: var(--dino-green2); text-align: center; color: white; }
@media (min-width: 768px) { .box-tech .detail-area h2.title-data { width: calc(100% + 60px); }
  .box-tech .detail-area h2.title-data.to-left { margin-left: -30px; border-radius: 2rem 0 0 0; }
  .box-tech .detail-area h2.title-data.to-right { margin-left: -30px; border-radius: 0 2rem 0 0; } }
.box-tech .detail-area h2.title-data small { display: block; color: white; }
.box-tech .detail-area .dino-datasheet ul { column-count: 2; color: var(--dino-green1); margin-bottom: 1rem; padding: 0; }
.box-tech .detail-area .dino-datasheet ul li { list-style: none; }
.box-tech .detail-area .preistoric-measure { background-color: var(--dino-green2); padding: 1rem; border-radius: .5rem; text-align: center; }
.box-tech .bothanic-image { display: flex; height: 100%; border-radius: 2rem 2rem 0 0; overflow: hidden; }
@media (min-width: 768px) { .box-tech .bothanic-image { border-radius: 0 2rem 2rem 0; } }
.box-tech .bothanic-image a { display: flex; background: white url("../img/loading.gif") no-repeat center/60px; }
.box-tech .bothanic-image a img { width: 100%; height: 100%; object-fit: cover; }

.column-border { border-bottom: 1px solid white; }
@media (min-width: 768px) { .column-border { border: none; border-right: 1px solid white; } }

.preistoric-btn { display: block; width: fit-content; padding: .5rem 2rem; background: var(--dino-green1); background: radial-gradient(circle, var(--dino-green2) 0%, var(--dino-green1) 100%); border: 2px solid white; border-radius: 10rem; box-shadow: 0 1rem 1rem -1rem black; text-align: center; font-size: 1.2rem; font-weight: bold; color: white !important; }
@media (min-width: 768px) { .preistoric-btn { font-size: 1.4rem; } }
.preistoric-btn:hover { background: radial-gradient(circle, var(--dino-green1) 0%, var(--dino-brown1) 100%); }

/*HOME*/
body.preistoria-intro { overflow-x: hidden; }

.preistoric-header.home { min-height: 20rem; }

.preistoric-intro-home-box { position: relative; margin: -15rem -15px 6rem; padding: 1rem; }
@media (min-width: 768px) { .preistoric-intro-home-box { margin: -20rem auto 4rem; } }
.preistoric-intro-home-box .wrap-content { position: relative; position: relative; top: -4rem; z-index: 1; }
.preistoric-intro-home-box .preistoric-logo { max-width: 240px; margin: 0 auto 7rem; }
@media (min-width: 768px) { .preistoric-intro-home-box .preistoric-logo { max-width: 260px; margin: 0 auto 2rem; } }
.preistoric-intro-home-box .box-main-info { max-width: 460px; background-color: rgba(255, 255, 255, 0.7); margin: 0 auto 3rem; padding: 2rem; border: 5px solid rgba(255, 255, 255, 0.5); border-radius: 2rem; backdrop-filter: blur(5px); box-shadow: 0 1rem 1rem -1rem black; text-align: center; color: black; }
.preistoric-intro-home-box .box-main-info h2 { font-size: 1.3rem; font-weight: 600; }
.preistoric-intro-home-box .box-main-info .fascia { background-color: var(--dino-brown1); background: radial-gradient(circle, var(--dino-brown2) 0%, var(--dino-brown1) 100%); border-radius: 2rem; color: white; padding: 1rem; line-height: 1.2; font-size: 1rem; }
.preistoric-intro-home-box .box-main-info .fascia .big { margin-bottom: 1rem; font-size: 1.1rem; }
.preistoric-intro-home-box .box-main-info .preistoric-btn { margin: 1rem auto -3.8rem; }
.preistoric-intro-home-box .not-text { text-align: center; color: white; }
.preistoric-intro-home-box .dino-intro_01, .preistoric-intro-home-box .dino-intro_02 { position: absolute; top: 3rem; left: 50%; min-width: 400px; z-index: 1; }
@media (min-width: 768px) { .preistoric-intro-home-box .dino-intro_01, .preistoric-intro-home-box .dino-intro_02 { top: auto; bottom: 3rem; } }
.preistoric-intro-home-box .dino-intro_01 { transform: translateX(calc(-50% - 180px)); }
@media (min-width: 768px) { .preistoric-intro-home-box .dino-intro_01 { transform: translateX(calc(-50% - 480px)); } }
.preistoric-intro-home-box .dino-intro_02 { display: none; }
@media (min-width: 768px) { .preistoric-intro-home-box .dino-intro_02 { display: block; transform: translateX(calc(-50% + 480px)); } }
@media (min-width: 768px) { .preistoric-intro-home-box .bg-img { border-radius: 10rem; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5), 0 1rem 1rem -1rem black; } }

.preistoric-ere-home-box { background-color: #076C2B; border-radius: 20rem 20rem 5rem 5rem; box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5), 0 1rem 1rem -1rem black; padding: 4rem 1rem 1rem; color: white; }
@media (min-width: 768px) { .preistoric-ere-home-box { border-radius: 20rem 20rem 3rem 3rem; margin-bottom: 6rem; padding: 5rem 4rem 6rem; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5), 0 1rem 1rem -1rem black; } }
.preistoric-ere-home-box .dino-ere_01, .preistoric-ere-home-box .dino-ere_02 { position: absolute; left: 40%; z-index: 1; }
.preistoric-ere-home-box .dino-ere_01 { transform: translate(-100%, -7rem); min-width: 250px; }
.preistoric-ere-home-box .wrap-content { position: relative; z-index: 1; }
.preistoric-ere-home-box .wrap-content .row > div:first-child { text-align: center; }
@media (min-width: 768px) { .preistoric-ere-home-box .wrap-content .row > div:first-child { text-align: left; padding-right: 3rem; } }
.preistoric-ere-home-box .preistoric-logo { width: 240px; margin: 0 auto 2rem; }
@media (min-width: 768px) { .preistoric-ere-home-box .preistoric-logo { margin-bottom: 4rem; } }
.preistoric-ere-home-box .box-dots-list { position: relative; background-color: var(--dino-green1); padding: 1rem; border: 3px solid rgba(255, 255, 255, 0.5); border-radius: 2rem; }
@media (min-width: 768px) { .preistoric-ere-home-box .box-dots-list { padding: 2rem; } }
.preistoric-ere-home-box .box-dots-list .dino-ere_02 { display: none; }
@media (min-width: 768px) { .preistoric-ere-home-box .box-dots-list .dino-ere_02 { display: block; width: 500px; max-width: 500px; bottom: 65%; left: 40%; } }
.preistoric-ere-home-box .box-dots-list ul { margin-bottom: 0; }
@media (max-width: 767px) { .preistoric-ere-home-box .box-dots-list ul { padding-left: 1rem; } }
.preistoric-ere-home-box nav.preistoric-nav-ere { margin-bottom: 0; position: absolute; width: 100vw; max-width: 720px; top: auto; left: 50%; bottom: calc(100% + 4rem); transform: translateX(-50%); }
@media (min-width: 768px) { .preistoric-ere-home-box nav.preistoric-nav-ere { width: 100%; bottom: -4rem; } }
.preistoric-ere-home-box .bg-img { border-radius: 20rem 20rem 5rem 5rem; overflow: hidden; }
@media (min-width: 768px) { .preistoric-ere-home-box .bg-img { border-radius: 20rem 20rem 3rem 3rem; } }

.wrap-nanner-papertoys { max-width: 734px; margin: 0 auto 3rem; }

/**/
.modal-dialog { background: url(https://etnaland.eu/et_materials/images/parco-dinosauri/restyling4/hero-intro-home.avif) no-repeat center/cover; }
.modal-dialog .modal-content { background-color: color-mix(in srgb, var(--dino-green1), transparent 30%); backdrop-filter: blur(5px); }
.modal-dialog .modal-content .modal-header { background-color: rgba(255, 255, 255, 0.1); }
.modal-dialog .modal-content .modal-header h2 { color: white; }
.modal-dialog .modal-content .modal-body { color: white; padding: 1rem; }
.modal-dialog .modal-content .modal-body h3 { font-size: 1.2rem; }
.modal-dialog .modal-content .modal-body hr { border-color: rgba(255, 255, 255, 0.2); }

/*# sourceMappingURL=preistoria.css.map */