PageSourceSearch

https://www.nationalgeographic.it/storia-e-civilta

html nationalgeographic.it collected 2026-10-01 10:36:35 UTC 235,989 bytes, 6,500 lines download raw bytes

1<!doctype html>
2<html lang="it" class="">
3<head>
4    <meta charset="utf-8"> 
5    <meta http-equiv="content-language" content="it">
6    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7    <meta name="theme-color" content="#FC0">
8    <meta name="msapplication-tap-highlight" content="no">
9    <meta name="robots" content="index, follow, max-image-preview:large">
10    <meta http-equiv="X-Content-Type-Options" content="nosniff">
11    <meta name="referrer" content="strict-origin-when-cross-origin">
12    <meta name="google-site-verification" content="r-f3rqv9gi5uwQPDaSBBbSX8yShiclUhV2WqVeDqQ2c" />
13        
14<script>
vendor: 408 bytes, lines 14-23
14
15!function(f,b,e,v,n,t,s)
16{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
17n.callMethod.apply(n,arguments):n.queue.push(arguments)};
18if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
19n.queue=[];t=b.createElement(e);t.async=!0;
20t.src=v;s=b.getElementsByTagName(e)[0];
21s.parentNode.insertBefore(t,s)}(window, document,'script',
22'https://connect.facebook.net/en_US/fbevents.js');
23fbq('init', '
239020125211369249
vendor: 32 bytes, lines 23-24
23');
24fbq('track', 'PageView');
25</script>
25
26<noscript><img height="1" width="1" style="display:none"
27src="https://www.facebook.com/tr?id=9020125211369249&ev=PageView&noscript=1"
28/></noscript>
29
30<title>Storia e civilt&agrave; | National Geographic</title>
31<meta property="article:content_plan" content="free"><meta property="og:site_name" content="National Geographic" />
32<meta property="og:title" content="Storia e civilt&agrave;" />
33<meta property="og:description" content="" />
34<meta property="og:image" content="https://www.nationalgeographic.it/upload/ngi-hero/" />
35<meta property="og:image:type" content="image/jpeg" />
36<meta property="og:image:url" content="https://www.nationalgeographic.it/upload/ngi-hero/" />
37<meta property="og:image:secure_url" content="https://www.nationalgeographic.it/upload/ngi-hero/" />
38<meta property="og:image:alt" content="Storia e civilt&agrave;" />
39<meta property="og:url" content="https://www.nationalgeographic.it" />
40<meta property="og:type" content="website" />
41<meta name="twitter:card" content="summary_large_image">
42<meta name="twitter:site" content="@natgeoitaly">
43<meta name="twitter:title" content="Storia e civilt&agrave;">
44<meta name="twitter:description" content="">
45<meta name="twitter:image" content="https://www.nationalgeographic.it/upload/ngi-hero/">
46<meta name="twitter:url" content="https://www.nationalgeographic.it">
47<meta name="sezione" content="storia e civilt&agrave;">
48<meta name="type" content="storia-e-civilta">
49<meta name="tags" content="">
50
51
52
53
54<script>console.log('logOut GEDI OK' );</script>
54
55
56      
56<script type="application/ld+json">
57      {
58            "@context": "https://schema.org",
59            "@type": "WebPage",
60            "name": "Storia",
61            "description": "",
62            "url": "https://www.nationalgeographic.it/storia-e-civilta",
63            "publisher": {
64                  "@type": "Organization",
65                  "name": "National Geographic",
66                  "url": "https://www.nationalgeographic.it/"
67            }
68      }
69      </script>
69
70
71
72                <meta name="robots" content="index, follow" content="max-image-preview:large">
73        <meta name="googlebot" content="index, follow">
74                <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
75          rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi"
76          crossorigin="anonymous">
77        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
78        <link rel="preconnect" href="https://fonts.googleapis.com">
79        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
80        <link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400;600&display=swap" rel="stylesheet">
81
82        <link  rel="icon" type="image/x-icon" href="https://www.nationalgeographic.it/favicon.ico" />
83        <link  rel="shortcut icon" type="image/x-icon" href="https://www.nationalgeographic.it/favicon.ico" />
84
85        <!--  -->
86        
86<script async="" src=https://www.repstatic.it/minify/sites/natgeo/2023-v1/config.cache.php?name=accounts_js></script>
86
87        
87<script type="text/javascript" src=https://scripts.gedidigital.it/newsletter_wdgts/newsletter_wdgts.js?pageurl=https%3A%2F%2Fwww.nationalgeographic.it async=""></script>
87
88        
88<script async="" src=https://www.kataweb.it/minify/sites/common/modular/2018-v1/config.cache.php?name=jquery_js></script>
88
89
90        <!--  -->
91
92
93<script src="https://tlh.gedidigital.it/alternative_config.js"></script>
vendor: 2 bytes, line 93
93
94<script>
95var pageHref = window.location.href.toString().split("?")[0];
96var pageType = "homepage_sezione";
97</script>
vendor: 2 bytes, line 97
97
98<script async onload="try { kw_tlh_ready(); } catch(e) {}" onerror="try { asr_error() } catch(e) {}" src="https://tlh.gedidigital.it/tlh.js"></script>
98
99<link href="//tlh.gedidigital.it" rel="preconnect">
100
101
102<script defer data-project="6668540a154a0d23bff5f46c" src="https://cdn.jsdelivr.net/gh/litlyx/litlyx-js/browser/litlyx.js"></script>
102
103</head>
104<div id="adv-Position3"></div>
105<div id="adv-Top"></div>
106
107<style>
108/* ******************************************************************
109*******************************************************************
110************************GENERAL DPLACE CMS*************************
111*******************************************************************
112******************************************************************* */
113
114/************** 
115 - MOD CONTAINER -
116***************/
117
118
119
120@media (min-width: 992px) and (max-width: 1539.98px) {
121    .container-lg{
122        max-width: 996px;
123    }
124}
125
126@media (min-width: 1540px){
127    .container-lg{
128        max-width: 1260px;
129    }
130}
131
132@media (min-width: 992px) {
133    .gutter-custom-prima{
134        --bs-gutter-x: 3rem;
135
136    }
137    .gutter-custom-seconda{
138        --bs-gutter-x: 1.5rem;
139    }
140
141}
142
143@media (min-width: 1540px){
144
145    .gutter-custom-prima{
146        --bs-gutter-x: 1.5rem;
147    }
148    .gutter-custom-seconda{
149        --bs-gutter-x: 1.5rem;
150    }
151  
152}
153
154/************** 
155 - FINE MOD CONTAINER -
156***************/
157
158/***************** 
159
160    ADV RULES 
161
162******************/
163
164
165@media screen and (min-width:1540px){
166
167    body.has_domination{background-size:2370px!important}
168    
169    /* body.has_domination #adv-Top{padding-bottom:15px} */
170    
171    #adv-TopLeft{max-width:1260px}
172    
173    #wrapper-adv{max-width:1260px!important;width:auto!important}
174    
175}
176
177/***************** 
178
179    FINE ADV RULES 
180
181******************/
182
183/***************** 
184
185    PAGINA CATEGORIA
186
187******************/
188
189body:not(.body-18):not(.body-1):not(.body-2427) section.cta-banner-container .container-lg,
190body:not(.body-18) section.article-list-container .container-lg{
191    padding-top: 0!important;
192    padding-bottom: 0!important;
193}
194
195
196/***************** 
197
198    FINE PAGINA CATEGORIA
199
200******************/
201
202
203
204ul,li{
205  list-style: none;
206}
207
208ul{
209    padding-left: 0;
210}
211
212img,svg{
213  max-width: 100%;
214  height: auto;
215}
216
217/* TINY SLIDER */
218
219
220.thumbnails .tns-nav-active {
221    background: none;
222    border-color: #000;
223  }
224
225.tns-nav {
226    text-align: center;
227    margin: 10px 0;
228}
229.tns-nav > [aria-controls] {
230    width: 9px;
231    height: 9px;
232    padding: 0;
233    margin: 0 5px;
234    border-radius: 50%;
235    background: #ddd;
236    border: 0;
237}
238
239.tns-nav > .tns-nav-active {
240    background: #999;
241}
242
243/* FINE TINY SLIDER */
244
245/* SECTIONS */
246  
247section.section .box {
248    position: relative;
249    overflow: hidden;
250}
251    
252section.section .box1 {
253    padding-bottom: 50%;
254}
255
256section.section .box1_no_gap {
257    padding-bottom: 50%;
258}
259
260section.section .box8 {
261    padding-bottom: 66.8%;
262}
263
264section.section .box10 {
265    padding-bottom: 50%;
266}
267
268section.section .box11 {
269    padding-bottom: 100%;
270}
271
272
273section.section .box6 {
274    padding-bottom: 75%;
275}
276
277section.section .box0 {
278    padding-bottom: 100%;
279    }
280
281section.section .box3 {
282    padding-bottom: 100%;
283}
284
285section.section .box5 {
286    padding-bottom: 125%;
287}
288
289section.section .box2 {
290    padding-bottom: 147%;
291}
292
293section.section .box4 {
294    padding-bottom: 200%;
295}
296
297section.section .box7 {
298    padding-bottom: 100%;
299}
300
301
302
303section.section .box img{
304    position:absolute;
305    top: 50%;
306    left: 50%;
307    transform: translate(-50%, -50%);
308    object-fit: cover;
309    width: 100%;
310    height: 100%;
311}
312
313section.section .box .text-container,
314section.section .box .picture-container{
315    position:absolute;
316    top: 50%;
317    left: 50%;
318    transform: translate(-50%, -50%);
319}
320
321section.section .box .picture-container{
322    width: 100%;
323    height: 100%;
324}
325
326section .date-display{
327    font-size: .85rem;
328}
329
330section.section nav.carousel-pagination-nav {
331    text-align: center;
332    margin: 10px 0;
333}
334
335section.section nav.carousel-pagination-nav > [aria-controls] {
336    width: 9px;
337    height: 9px;
338    padding: 0;
339    margin: 0 5px;
340    border-radius: 50%;
341    background: #ddd;
342    border: 0;
343}
344
345section.section nav.carousel-pagination-nav > .carousel-pagination-nav-active {
346    background: #999;
347}
348
349section.section [aria-controls] {
350    cursor: pointer;
351}
352
353@media (max-width: 575.98px) {
354    .breadcrumb {
355        font-size: 14px;
356    }
357
358    section.section .box1 {
359        padding-bottom: 100%;
360    }
361
362    section.section .box1_no_gap {
363        padding-bottom: 100%;
364    }
365}
366
367@media (min-width: 768px) {
368  
369    section.section .box1 {
370        padding-bottom: calc(50% - 0.5rem);
371    }
372
373    section.section .box3 {
374        padding-bottom: 70%;
375    }
376
377    section.section .box4 {
378        padding-bottom: 258.5%;
379    }
380
381    section.section .box11 {
382        padding-bottom: calc(50% - 0.75rem);
383    }
384
385}
386
387@media (min-width: 992px) {
388
389    section.section .box4 {
390        padding-bottom: 252.5%;
391    }
392
393    section.section .box7 {
394        padding-bottom: 43.75%;
395    }
396
397}
398
399
400@media (min-width: 1540px) {
401    /* .header-notice,
402    .footer-container,
403    .nav-container{
404        padding-left:8% !important;
405        padding-right:8% !important;
406    } */
407  
408    section.section .box4 {
409      padding-bottom: 250%;
410    }
411    
412}
413
414/* ******************************************************************
415*******************************************************************
416************************END GENERAL DPLACE CMS**********************
417*******************************************************************
418******************************************************************* */
419</style><style>
420
421#account-data-container-mobile a button{
422    width: max-content;
423    min-width: 150px;
424}
425
426.nav-item.newsletter {
427    color: #FFF;
428    border: 1px solid #FFF;
429    padding: 8px 12px;
430}
431.nav-item.newsletter a {
432    color: #FFF;
433    text-transform: none;
434}
435.offcanvas-header .btn-close {
436    padding: 0 !important;
437    margin: 0 !important;
438    margin-top: 8px !important;
439    margin-right: 18px !important;
440} 
441
442header{
443    .anchor-menu{
444        .masterclass-menu{
445            padding-left:25px;
446            padding-right:10px ;
447            .tns-inner{
448                display: flex;
449            }
450            a.nav-link{
451                font-size: 13px;
452                @media (min-width: 576px) and (max-width: 599.98px) {
453                    font-size: 12px;
454                }
455                @media (min-width: 768px) {
456                    font-size: 13px;
457                }
458                @media (min-width: 992px) {
459                    font-size: 14px;
460                }
461                @media (min-width: 1200px) {
462                    font-size: 12px;
463                }
464                @media (min-width: 1400px) and (max-width: 1539.98px) {
465                    font-size: 10px;
466                }
467                
468                @media (min-width: 1540px) {
469                    font-size: 14px;
470                }
471                @media (max-width: 369.98px) {
472                    font-size: 12px;
473                }
474            }
475            ul{
476                &:not(.position-absolute){
477                    width: calc(100% - 135px);
478                    @media (min-width: 1400px){
479                        width: calc(100% - 150px);
480                    }
481                    @media (max-width: 575.98px) {
482                        width: calc(100% - 119px);
483                    }
484
485                }
486                &.position-absolute{
487                    right: 30px;
488                    top: 50%;
489                    transform: translateY(-50%);
490                    box-shadow: -30px 0px 15px -3px rgba(255,255,255,0.75);
491                }
492            }
493        }
494
495
496    }
497}
498
499header #gedidigit .ngi-app{
500    color: var(--bs-black);
501    text-decoration-color: var(--bs-primary);
502    text-decoration-thickness: 2px;
503}
504
505header .social a{
506    transition: color .15s ease-in-out;
507}
508
509header .social .facebook a{
510    color:#1877F2;
511}
512
513header .social .linkedin a{
514    color:#007BB5;
515    display: inline-block;
516    width: 24px;
517    height: 24px;
518}
519
520header .social .linkedin a:hover{
521    color:#095bae;
522}
523
524header .social .facebook a:hover{
525    color:#135fc1;
526}
527
528header .social .instagram a{
529    color:#E4405F;
530}
531
532header .social .instagram a:hover{
533    color:#b6334c;
534}
535
536header .social .twitter a{
537    color:#1DA1F2;
538}
539
540header .social .twitter a:hover{
541    color:#1780c1;
542}
543
544header .social .whatsapp a{
545    color:#25D366;
546}
547
548header .social .whatsapp a:hover{
549    color:#1da851;
550}
551
552header .header-notice.fest-header .img-container{
553
554    width: 200px;
555    margin: 10px 0;
556
557}
558
559body.body-1776 nav.navbar,
560body.body-1776 #gedidigit{
561    display: none;
562}
563
564
565
566@media (min-width: 1200px) {
567    header ul.navbar-nav .hide-item{
568        display: none!important;
569    }
570}
571
572
573header .announcement-bar{
574    height: 40px;
575}
576
577header .offcanvas{
578    --bs-offcanvas-width:100%;
579    --bs-offcanvas-zindex: 9999999;
580}
581
582header .navbar-toggler {
583    border: 0;
584}
585
586#account-data-container{
587    display: inline-block;
588    details{
589        min-height: 38px;
590        @media (max-width: 1199.98px) {
591            min-width: 43px;
592        }
593        summary{
594            transform: translateY(2px);
595        }
596    }
597    a.btn-primary{
598        svg{
599            transform: translateY(-2px);
600        }
601        span{
602            transform: translateX(2px);
603            display: inline-block;
604        }
605    }
606}
607
608#iscriviti_alla_newsletter{
609
610        background-image: linear-gradient(120deg, var(--bs-primary), var(--bs-primary));
611        background-position: 0 100%;
612        background-repeat: no-repeat;
613        background-size: 100% 0;
614        border-bottom: 2px solid var(--bs-primary);
615        color: var(--bs-black);
616        text-decoration: none;
617        transition: background-size .15s ease-in-out;
618        font-size: 18px;
619    
620}
621#iscriviti_alla_newsletter_container{
622    padding: 10px 28px;
623}
624#iscriviti_alla_newsletter:hover{
625    background-size: 100% 100%;
626    color: var(--bs-black);
627}
628
629</style>
630<style>
631/******************************************************************
632*******************************************************************
633**************GENERAL STYLE BOOTSTRAP VARIABLE NAIMA***************
634*******************************************************************
635*******************************************************************
636*/
637
638/* 
639<link rel="stylesheet" href="https://use.typekit.net/aaj8agi.css">
640
641
642font-family: proxima-nova,sans-serif;
643font-weight: 700;
644font-style: normal;
645
646font-family: proxima-nova,sans-serif;
647font-weight: 400;
648font-style: normal;
649
650font-family: proxima-nova,sans-serif;
651font-weight: 300;
652font-style: normal;
653*/
654
655/* ROOT VARIABLE */
656
657:root {
658    --bs-blue: #0d6efd;
659    --bs-indigo: #6610f2;
660    --bs-purple: #6f42c1;
661    --bs-pink: #d63384;
662    --bs-red: #dc3545;
663    --bs-orange: #fd7e14;
664    --bs-yellow: #ffc107;
665    --bs-green: #198754;
666    --bs-teal: #20c997;
667    --bs-cyan: #0dcaf0;
668    --bs-black: #000;
669    --bs-white: #fff;  
670
671    --bs-gray: #6c757d;
672    --bs-gray-dark: #343a40;
673    --bs-gray-100: #f8f9fa;
674    --bs-gray-200: #e9ecef;
675    --bs-gray-300: #dee2e6;
676    --bs-gray-400: #ced4da;
677    --bs-gray-500: #adb5bd;
678    --bs-gray-600: #6c757d;
679    --bs-gray-700: #495057;
680    --bs-gray-800: #343a40;
681    --bs-gray-900: #212529;
682
683    --bs-primary:#fc0;/* MOD */
684    --bs-secondary:var(--bs-black:);  /* MOD */
685    --bs-success:var( --bs-white);
686    --bs-info: #555; /* MOD */
687    --bs-warning: #ffc107;
688    --bs-danger: #dc3545;
689    --bs-light: #f2f2f2;/* MOD */
690    --bs-dark: #595B66;  /* MOD */
691
692    --bs-primary-rgb: 255,204,0; /* MOD */
693    --bs-secondary-rgb: 0, 0, 0; /* MOD */
694    --bs-success-rgb: 255, 255, 255;
695    --bs-info-rgb: 81, 162, 166; /* MOD */
696    --bs-warning-rgb: 255, 193, 7;
697    --bs-danger-rgb: 220, 53, 69;
698    --bs-light-rgb: 242, 242, 242;/* MOD */
699    --bs-dark-rgb:89,91,102; /* MOD */
700
701    --bs-white-rgb: 255,255,255; 
702    --bs-black-rgb: 0, 0, 0;
703    --bs-body-color-rgb:89,91,102;  /* MOD */
704    --bs-body-bg-rgb: 38,47,57;  /* MOD */
705    --bs-font-sans-serif: 'Jost', sans-serif;
706
707    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
708    --bs-gradient: linear-gradient(180deg, rgba(255,255,255, 0.15), rgba(255,255,255, 0)); 
709    --bs-body-font-family: var(--bs-font-sans-serif);
710    --bs-body-font-size: 1rem;
711    --bs-body-font-weight: 400;
712    --bs-body-line-height: 1.5;
713    --bs-body-color:var(--bs-black);  /* MOD */
714    --bs-body-bg:var(--bs-light);  /* MOD */
715    --bs-border-width: 1px;
716    --bs-border-style: solid;
717    --bs-border-color: #dee2e6;
718    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
719    --bs-border-radius: 0.375rem;
720    --bs-border-radius-sm: 0.25rem;
721    --bs-border-radius-lg: 0.5rem;
722    --bs-border-radius-xl: 1rem;
723    --bs-border-radius-2xl: 2rem;
724
725    --bs-border-radius-max: 999px; /* MOD (CUSTOM) */
726
727    --bs-border-radius-pill: 50rem;
728    --bs-link-color:var(--bs-dark);
729    --bs-link-hover-color:var(--bs-black);
730    --bs-code-color: #d63384;
731    --bs-highlight-bg: #fff3cd;
732
733
734    --bs-nav-link-font-size-mobile:1.25rem; /* MOD (CUSTOM)*/
735
736    --bs-btn-active-border-color:transparent;
737    
738
739  }
740
741/* END ROOT VARIABLE */
742
743/* BTN LG SIZE*/
744
745.btn-group-lg>.btn, .btn-lg {
746    --bs-btn-font-size: 1.1rem;
747}
748
749/* END BTN LG SIZE*/
750
751
752/* BTN VARIABLE */
753
754.btn-primary {
755    --bs-btn-color:var(--bs-black);
756    --bs-btn-bg:var(--bs-primary);
757    --bs-btn-border-color:var(--bs-primary);
758    --bs-btn-hover-color:var(--bs-primary);
759    --bs-btn-hover-bg:var(--bs-black);;
760    --bs-btn-hover-border-color:var(--bs-black);;
761    --bs-btn-focus-shadow-rgb: 213,84,72;
762    --bs-btn-active-color:var(--bs-black);
763    --bs-btn-active-bg:#bfa119;
764    --bs-btn-active-border-color:#bfa119;
765    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
766    --bs-btn-disabled-color:var(--bs-black);
767    --bs-btn-disabled-bg:var(--bs-primary);
768    --bs-btn-disabled-border-color:var(--bs-primary);
769}
770
771.btn-outline-primary {
772    --bs-btn-color:var(--bs-white);
773    --bs-btn-border-color:var(--bs-primary);
774    --bs-btn-hover-color:var(--bs-black);
775    --bs-btn-hover-bg:var(--bs-primary);
776    --bs-btn-hover-border-color:var(--bs-primary);
777    --bs-btn-focus-shadow-rgb: 213,84,72;
778    --bs-btn-active-color:var(--bs-black);
779    --bs-btn-active-bg:var(--bs-primary);
780    --bs-btn-active-border-color:var(--bs-primary);
781    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
782    --bs-btn-disabled-color:var(--bs-primary);
783    --bs-btn-disabled-bg: transparent;
784    --bs-btn-disabled-border-color:var(--bs-primary);
785    --bs-gradient: none;
786}
787
788.btn-secondary {
789    --bs-btn-color:var(--bs-black);
790    --bs-btn-bg:var(--bs-white);/* MOD */
791    --bs-btn-border-color:var(--bs-white);/* MOD */
792    --bs-btn-hover-color:var(--bs-white);
793    --bs-btn-hover-bg:var(--bs-black);
794    --bs-btn-hover-border-color:var(--bs-black);
795    --bs-btn-focus-shadow-rgb: 130,138,145;
796    --bs-btn-active-color: #fff;
797    --bs-btn-active-bg:var(--bs-black);
798    --bs-btn-active-border-color: var(--bs-black);
799    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
800    --bs-btn-disabled-color: #fff;
801    --bs-btn-disabled-bg:var(--bs-secondary); /* MOD */
802    --bs-btn-disabled-border-color:var(--bs-secondary); /* MOD */
803}
804
805.btn-outline-secondary {
806    --bs-btn-color:var(--bs-white); /* MOD */
807    --bs-btn-border-color:var(--bs-white); /* MOD */
808    --bs-btn-hover-color:var(--bs-black);
809    --bs-btn-hover-bg:var(--bs-white); /* MOD */
810    --bs-btn-hover-border-color:var(--bs-white); /* MOD */
811    --bs-btn-focus-shadow-rgb: 108,117,125;
812    --bs-btn-active-color:var(--bs-black);
813    --bs-btn-active-bg:var(--bs-white); /* MOD */
814    --bs-btn-active-border-color:var(--bs-white); /* MOD */
815    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
816    --bs-btn-disabled-color:var(--bs-white); /* MOD */
817    --bs-btn-disabled-bg: transparent;
818    --bs-btn-disabled-border-color:var(--bs-white); /* MOD */
819    --bs-gradient: none;
820}
821
822.btn-light {
823    --bs-btn-color: var(--bs-dark);
824    --bs-btn-bg:var(--bs-light);
825    --bs-btn-border-color:var(--bs-light);
826    --bs-btn-hover-color: var(--bs-dark);
827    --bs-btn-hover-bg: #e7e7e7;
828    --bs-btn-hover-border-color:#e7e7e7;
829    --bs-btn-focus-shadow-rgb: 213,84,72;
830    --bs-btn-active-color: var(--bs-dark);
831    --bs-btn-active-bg: #e7e7e7;
832    --bs-btn-active-border-color: #e7e7e7;
833    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
834    --bs-btn-disabled-color: var(--bs-dark);
835    --bs-btn-disabled-bg:var(--bs-light);
836    --bs-btn-disabled-border-color:var(--bs-light);
837}
838
839.btn-outline-light {
840    --bs-btn-color:var(--bs-light);
841    --bs-btn-border-color:var(--bs-light);
842    --bs-btn-hover-color: var(--bs-dark);
843    --bs-btn-hover-bg:var(--bs-light);
844    --bs-btn-hover-border-color:var(--bs-light);
845    --bs-btn-focus-shadow-rgb: 213,84,72;
846    --bs-btn-active-color: var(--bs-dark);
847    --bs-btn-active-bg:var(--bs-light);
848    --bs-btn-active-border-color:var(--bs-light);
849    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
850    --bs-btn-disabled-color:var(--bs-light);
851    --bs-btn-disabled-bg: transparent;
852    --bs-btn-disabled-border-color:var(--bs-light);
853    --bs-gradient: none;
854}
855
856.btn-dark {
857    --bs-btn-color:var(--bs-white);
858    --bs-btn-bg: var(--bs-black);
859    --bs-btn-border-color: var(--bs-black);
860    --bs-btn-hover-color:var(--bs-white);
861    --bs-btn-hover-bg: #424649;
862    --bs-btn-hover-border-color: #373b3e;
863    --bs-btn-focus-shadow-rgb: 66,70,73;
864    --bs-btn-active-color:var(--bs-white);
865    --bs-btn-active-bg: #4d5154;
866    --bs-btn-active-border-color: #373b3e;
867    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
868    --bs-btn-disabled-color:var(--bs-white);
869    --bs-btn-disabled-bg: var(--bs-black);
870    --bs-btn-disabled-border-color: var(--bs-black);
871}
872
873.btn-outline-dark {
874    --bs-btn-color: var(--bs-black);
875    --bs-btn-border-color: var(--bs-black);
876    --bs-btn-hover-color:var(--bs-white);
877    --bs-btn-hover-bg: var(--bs-black);
878    --bs-btn-hover-border-color: var(--bs-black);
879    --bs-btn-focus-shadow-rgb: 33,37,41;
880    --bs-btn-active-color:var(--bs-white);
881    --bs-btn-active-bg: var(--bs-black);
882    --bs-btn-active-border-color: var(--bs-black);
883    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
884    --bs-btn-disabled-color: var(--bs-black);
885    --bs-btn-disabled-bg: transparent;
886    --bs-btn-disabled-border-color: var(--bs-black);
887    --bs-gradient: none;
888}
889
890/* END BTN VARIABLE */
891
892/* PAGINATION */
893
894.pagination {
895    --bs-pagination-padding-x: 0.75rem;
896    --bs-pagination-padding-y: 0.375rem;
897    --bs-pagination-font-size: 1rem;
898    --bs-pagination-color: var(--bs-link-color);
899    --bs-pagination-bg: #fff;
900    --bs-pagination-border-width: 1px;
901    --bs-pagination-border-color: #dee2e6;
902    --bs-pagination-border-radius: 0;
903    --bs-pagination-hover-color: var(--bs-link-hover-color);
904    --bs-pagination-hover-bg: #e9ecef;
905    --bs-pagination-hover-border-color: #dee2e6;
906    --bs-pagination-focus-color: var(--bs-link-hover-color);
907    --bs-pagination-focus-bg: #e9ecef;
908    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
909    --bs-pagination-active-color: #fff;
910    --bs-pagination-active-bg: var(--bs-primary);
911    --bs-pagination-active-border-color: var(--bs-primary);
912    --bs-pagination-disabled-color: #6c757d;
913    --bs-pagination-disabled-bg: #fff;
914    --bs-pagination-disabled-border-color: #dee2e6;
915    display: flex;
916    padding-left: 0;
917    list-style: none;
918}
919
920/* DROPDOWN */
921
922
923
924/* FINE DROPDOWN */
925
926/* BUTTON OVERWRITE STYLE */
927
928/* .btn-light{
929    color:var(--bs-white);
930    background-color:var(--bs-orange)  ;
931    border-color:var(--bs-orange);
932}
933
934.btn-light:hover{
935    color:var(--bs-light);
936    background-color: var(--bs-yellow);
937    border-color: var(--bs-yellow);
938}
939
940.btn-light:active{
941    color:var(--bs-light)!important;
942    background-color: var(--bs-yellow)!important;
943    border-color: var(--bs-yellow)!important;
944}
945
946.btn-outline-light{
947    color:var(--bs-orange);
948    border-color:var(--bs-orange);
949}
950
951.btn-outline-light:hover{
952    color:var(--bs-light);
953    background-color: var(--bs-yellow);
954    border-color: var(--bs-yellow);
955}
956
957.btn-outline-light:active{
958    color:var(--bs-light)!important;
959    background-color: var(--bs-yellow)!important;
960    border-color: var(--bs-yellow)!important;
961}
962
963*/
964
965/* END BUTTON OVERWRITE STYLE */
966
967
968
969/* LIST GROUND VARIABLE */
970
971.list-group {
972    --bs-list-group-color:var(--bs-dark); /* MOD */
973    --bs-list-group-bg: #fff;
974    --bs-list-group-border-color:var(--bs-dark); /* MOD */
975    --bs-list-group-border-width: 0; /* MOD */
976    --bs-list-group-border-radius: 0; /* MOD */
977    --bs-list-group-item-padding-x: 1rem;
978    --bs-list-group-item-padding-y: 0.5rem;
979    --bs-list-group-action-color: #495057;
980    --bs-list-group-action-hover-color: #495057;
981    --bs-list-group-action-hover-bg: #f8f9fa;
982    --bs-list-group-action-active-color:var(--bs-dark); /* MOD */
983    --bs-list-group-action-active-bg: #e9ecef;
984    --bs-list-group-disabled-color: #6c757d;
985    --bs-list-group-disabled-bg: #fff;
986    --bs-list-group-active-color: #fff;
987    --bs-list-group-active-bg: #0d6efd;
988    --bs-list-group-active-border-color: #0d6efd;
989}
990
991/* END LIST GROUND VARIABLE */
992
993/* CARD VARIABLE */
994
995.card {
996    --bs-card-spacer-y: 1rem;
997    --bs-card-spacer-x: 1rem;
998    --bs-card-title-spacer-y: 0.5rem;
999    --bs-card-border-width: 0; /* MOD */
1000    --bs-card-border-color: var(--bs-border-color-translucent);
1001    --bs-card-border-radius: 0; /* MOD */
1002    --bs-card-box-shadow: ;
1003    --bs-card-inner-border-radius:0; /* MOD */
1004    --bs-card-cap-padding-y: 0.5rem;
1005    --bs-card-cap-padding-x: 1rem;
1006    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
1007    --bs-card-cap-color: ;
1008    --bs-card-height: ;
1009    --bs-card-color: ;
1010    --bs-card-bg: #fff;
1011    --bs-card-img-overlay-padding: 1rem;
1012    --bs-card-group-margin: 0.75rem;
1013}
1014
1015
1016
1017
1018/* TAXONOMY */
1019
1020ul.taxonomy-container{
1021    display: none;
1022}
1023
1024
1025
1026/* END CARD VARIABLE */
1027
1028/* NAVBAR VARIABLE */
1029
1030.navbar {
1031
1032    --bs-navbar-color:var(--bs-black);
1033    --bs-navbar-active-color:var(--bs-black);
1034    --bs-navbar-nav-link-padding-x: 0.5rem;
1035
1036
1037   
1038}
1039
1040@media (min-width: 1540px) {
1041    .navbar {
1042        --bs-navbar-nav-link-padding-x: 0.75rem;
1043    }
1044}
1045
1046
1047
1048
1049
1050/* FINE NAVBAR VARIABLE */
1051
1052/* BODY AND FONT STYLE */
1053
1054
1055
1056/* h1,h2,h3,h4,h5{
1057    font-family: 'Jost', sans-serif;
1058} */
1059
1060/* body{
1061    background-image: url('/upload/media-gallery/audi_bg_sx.jpg'), url('/upload/media-gallery/audi_bg_dx.jpg'), url('/upload/media-gallery/audi_bg_top.jpg');
1062    background-attachment: fixed;
1063    background-position: left top, right top, center top;
1064    background-repeat: no-repeat;
1065    background-size: contain;
1066} */
1067
1068
1069
1070
1071/* @media (min-width: 1600px) and (max-width: 1899.98px) {
1072    body{
1073        background-size: auto;
1074    }
1075    
1076} */
1077
1078
1079/* END BODY AND FONT STYLE */
1080
1081/* PAGINAZIONE PAGINE CATEGORIA */
1082@media (max-width: 767.98px) {
1083
1084    nav[aria-label=navigazione] ul.pagination{
1085        display: block;
1086        text-align: center;
1087    }
1088    
1089    nav[aria-label=navigazione] li{
1090        display: inline-block;
1091    }
1092    
1093    nav[aria-label=navigazione] li a{
1094        display: inline-block;
1095    }
1096}
1097
1098
1099/* BUTTON */
1100
1101a.btn,
1102button.btn{
1103    border-radius: 0;
1104    text-transform: uppercase;
1105    font-weight: 600;
1106    letter-spacing: 3px;
1107    font-size: 13px;
1108}
1109
1110
1111
1112/* END BUTTON */
1113
1114/* ADV */
1115
1116/* #adv-BoxP{
1117    background: 0 0!important;
1118    position: relative;
1119    text-align: center;
1120}
1121
1122#adv-BoxP img{
1123    
1124    width: 300px;
1125    height: 250px;
1126} */
1127
1128#adv-Middle1-hr{
1129    padding-bottom: 3rem;
1130}
1131
1132@media screen and (min-width: 768px) and (max-width: 1539px){
1133    #adv-Piede,
1134    #adv-TopLeft,
1135    #editorial-TopLeft, .block__layout-audio, .breaking-news, .gd-row, .page-header {
1136        max-width: 996px;
1137    }
1138}
1139
1140
1141@media (min-width: 768px){
1142    body:not(.native) #adv-TopLeft {
1143        /* min-height: 284px; */
1144       /*  background-color: #f7f7f7; */
1145        padding: 0 0 12px;
1146        display: flex;
1147        justify-content: center;
1148        flex-wrap: wrap;
1149        background-position: center;
1150        background-repeat: no-repeat;
1151    }
1152}
1153
1154
1155/* #adv-BoxP:before{
1156    content: "adv";
1157    display: block;
1158    font-size: 11px;
1159    line-height: 22px;
1160    color: #999;
1161    text-align: center;
1162} */
1163
1164/* FORM INPUT */
1165
1166.form-check-input:checked {
1167    background-color:var(--bs-dark);
1168    border-color:var(--bs-dark);
1169}
1170
1171.form-check-input:focus {
1172    border-color:  var(--bs-secondary);
1173    box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 0.25);
1174}
1175
1176.form-control:focus {
1177    border-color:  var(--bs-secondary);
1178    box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 0.25);
1179    
1180}
1181
1182.form-control{
1183    border-radius: 0;
1184}
1185
1186/* END FORM INPUT */
1187
1188/* SECTION */
1189
1190section.section .featured-article a[type=button]{
1191    width: 60%;
1192}
1193
1194
1195/* END SECTION */
1196
1197/* HEADER */
1198
1199/* @media (min-width: 1200px) {
1200    header{
1201        margin-top: 115px;
1202    }
1203} */
1204
1205/* **************
1206
1207Altezza header 
1208
12090>1199.98 = 178
12101200>1539.98 = 168
12111540>Infinito = 198
1212
1213******************/
1214
1215/* **********HANDLE LOGO in HEADER *************/
1216
1217
1218
1219header .offcanvas-body .navbar-brand-container{
1220    width: 230px;
1221}
1222
1223header .offcanvas-body form{
1224    width: 230px;
1225}
1226
1227@media (max-width: 575.98px) {
1228    header .nav-container{
1229        padding-left:0 ;
1230        padding-right:0 ;
1231    }
1232}
1233
1234@media (max-width: 1199.98px){
1235    header button[type=submit]{
1236    color: var(--bs-white);
1237    }
1238}
1239
1240
1241
1242@media (min-width: 992px) and (max-width: 1539.98px) {
1243    header .offcanvas-body .navbar-brand-container{
1244        width: 175px;
1245    }
1246    header .offcanvas-body .navbar-brand-container .navbar-brand{
1247        max-width: 175px;
1248    }
1249    header .offcanvas-body .navbar-brand-container .navbar-brand img{
1250        width: 175px;
1251    }
1252    header .offcanvas-body form{
1253        width: 175px;
1254    }
1255}
1256
1257@media (min-width: 1540px) {
1258    header .offcanvas-body .navbar-brand-container{
1259        width: 230px;
1260    }
1261    header .offcanvas-body .navbar-brand-container .navbar-brand{
1262        max-width: 230px;
1263    }
1264    header .offcanvas-body .navbar-brand-container .navbar-brand img{
1265        width: 230px;
1266    }
1267    header .offcanvas-body form{
1268        width: 230px;
1269    }
1270}
1271
1272header .nav-container >.navbar-brand,
1273header .nav-container >.navbar-brand img,
1274header .offcanvas-title{
1275width: 150px;
1276}
1277
1278/* *********END HANDLE LOGO in HEADER *********/
1279
1280header .nav-link{
1281    font-weight: 600;
1282    letter-spacing: 3px;
1283}
1284
1285/* @media (min-width: 1200px) and (max-width: 1899.98px) {
1286    header .nav-link{
1287       font-size: 14px;
1288    }
1289} */
1290
1291header .navbar {
1292    --bs-navbar-padding-x: 1rem;
1293    --bs-navbar-padding-y: 3rem;
1294}
1295
1296.offcanvas{
1297  
1298    --bs-offcanvas-padding-x: 2.5rem;
1299    --bs-offcanvas-padding-y: 3rem;
1300   
1301}
1302
1303
1304
1305/* header form .form-control{
1306    font-weight: 600;
1307    font-size: 0.8em;
1308    letter-spacing: 3px;
1309} */
1310
1311header form .btn{
1312    color:var(--bs-white);
1313}
1314
1315header form .btn:hover,
1316header form .btn:active {
1317    color:var(--bs-light);
1318}
1319
1320header .offcanvas-body{
1321    display: flex;
1322    flex-direction: column;
1323}
1324
1325@media (min-width: 1200px) {
1326
1327    header {
1328        .offcanvas-body{
1329            flex-direction: row;
1330            padding-left:20px!important;
1331            padding-right:20px!important;
1332            
1333        }
1334        &.photomaster{
1335            .offcanvas-body{
1336                flex-direction: column;
1337                padding-left:0!important;
1338                padding-right:0!important;
1339            }  
1340        }
1341    }
1342    
1343    header form .btn{
1344        color:var(--bs-black);
1345            
1346    }
1347
1348    header form .btn:hover,
1349    header form .btn:active {
1350        color:var(--bs-dark)!important;
1351        
1352    }
1353
1354}
1355
1356/* IN ATTESA DEL CERCA DEL SITO */
1357
1358/* header form{
1359    visibility:hidden;
1360} */
1361
1362/* FINE IN ATTESA DEL CERCA DEL SITO */
1363
1364header .form-control{
1365    border:0; 
1366    border-bottom:1px solid var(--bs-black);
1367    background-color: transparent;
1368    border-radius: 0;
1369    color: var(--bs-white);
1370}
1371
1372header .form-control:focus {
1373    background-color: transparent;
1374    color: var(--bs-white);
1375}
1376
1377@media (min-width: 1200px) {
1378    header .form-control{
1379        color: var(--bs-black);
1380    }
1381
1382    header .form-control:focus {
1383        color: var(--bs-black);
1384    }
1385}
1386
1387
1388
1389
1390header .btn-close {
1391    opacity: 1;
1392}
1393
1394/* 
1395
1396.navbar {
1397    --bs-navbar-padding-x: 0;
1398    --bs-navbar-padding-y: 0.5rem;
1399    --bs-navbar-color: rgba(0, 0, 0, 0.55);
1400    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
1401    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
1402    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
1403    --bs-navbar-brand-padding-y: 0.3125rem;
1404    --bs-navbar-brand-margin-end: 1rem;
1405    --bs-navbar-brand-font-size: 1.25rem;
1406    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
1407    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
1408    --bs-navbar-nav-link-padding-x: 0.5rem;
1409    --bs-navbar-toggler-padding-y: 0.25rem;
1410    --bs-navbar-toggler-padding-x: 0.75rem;
1411    --bs-navbar-toggler-font-size: 1.25rem;
1412                    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
1413
1414    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
1415    --bs-navbar-toggler-border-radius: 0.375rem;
1416    --bs-navbar-toggler-focus-width: 0.25rem;
1417    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
1418    position: relative;
1419    display: flex;
1420    flex-wrap: wrap;
1421    align-items: center;
1422    justify-content: space-between;
1423    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
1424}*/
1425
1426header{
1427    &.all-pages{
1428        .header-notice{
1429            .left-element{
1430                a.navbar-brand{
1431                    display: inline-block;
1432                    width: 150px;
1433                }
1434            }
1435            @media (max-width: 1199.98px) {
1436                display: none!important;
1437            }
1438        }
1439        .navbar{
1440            --bs-navbar-padding-y: .5rem;
1441            @media (max-width: 1199.98px) {
1442                background-color: var(--bs-black)!important;
1443                --bs-navbar-padding-y: 1rem;
1444         
1445            }
1446            
1447            .navbar-toggler{
1448                color: #fff;
1449                &:focus{
1450                    box-shadow: none;
1451                }
1452                .navbar-toggler-icon{
1453                    background-image:url('/upload/logo/list.svg') ;
1454                }
1455            }
1456            .navbar-nav{
1457                li.nav-item{
1458                    display: flex;
1459                    justify-content: center;
1460                    align-items: center;
1461                }
1462            }
1463        }
1464
1465    }
1466    .header-notice{
1467        height: 100%;
1468    }
1469}
1470
1471header .header-notice{
1472    padding-left:28px ;
1473    padding-right:28px ;
1474}
1475
1476@media (max-width: 575.98px) {
1477    header .header-notice{
1478        padding-left:1rem ;
1479        padding-right:1rem ;
1480    }
1481}
1482
1483@media (max-width: 359.98px) {
1484    header .header-notice{
1485        flex-direction: column;
1486    }
1487}
1488
1489@media (max-width: 479.98px) {
1490
1491    header .header-notice button,
1492    header .header-notice a{
1493        font-size: 11px;
1494    }
1495
1496    header .header-notice button{
1497       margin: .5rem 0;
1498    }
1499
1500}
1501
1502header .header-notice{
1503    background-color: var(--bs-black );
1504}
1505
1506/* header .header-notice a{
1507    --bs-text-opacity: 1;
1508      color: rgba(var(--bs-light-rgb),var(--bs-text-opacity));
1509}
1510
1511header .header-notice a:hover{
1512    --bs-text-opacity:1;
1513    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity));
1514} */
1515
1516header .dropdown-menu.show {
1517    position: absolute!important;
1518}
1519
1520header .nav-link{
1521    text-decoration: underline solid rgba(255,204,0,0) 3px;
1522    transition: text-decoration-color .15s ease-in-out, color .15s ease-in-out;
1523}
1524
1525header .nav-link:focus,
1526header .nav-link:hover,
1527header .nav-link.active{
1528    text-decoration: underline solid rgba(255,204,0,1) 3px;
1529    /* transition: text-decoration-color .15s ease-in-out, color .15s ease-in-out; */
1530}
1531
1532header.photomaster{
1533    .nav-link.active:hover{
1534        text-decoration-color: rgba(255,204,0,1);
1535        text-decoration-line: underline;
1536        text-decoration-thickness: 3px;
1537        /* transition: text-decoration-color .15s ease-in-out, color .15s ease-in-out; */
1538    }
1539}
1540
1541header:not(.photomaster) {
1542    .nav-link.active:hover{
1543        color: rgba(0, 0, 0, 0.7);
1544    }
1545}
1546
1547@media (max-width: 1199.98px) {
1548
1549    header:not(.photomaster) {
1550        .nav-link.active:hover{
1551            color: rgba(255, 255, 255, 0.7);
1552        }
1553    }
1554
1555    header .form-control,
1556    header .form-control:focus{
1557        border-bottom-color: var(--bs-light);
1558    }
1559
1560    header .navbar {
1561        --bs-navbar-color: var(--bs-white); 
1562        --bs-navbar-hover-color: var(--bs-white); 
1563        --bs-navbar-active-color: rgba(244, 244, 244, 0.75);
1564    }
1565
1566    header .nav-link {
1567        font-size: var(--bs-nav-link-font-size-mobile); /* MOD CUSTOM */
1568        
1569    }
1570
1571}
1572
1573@media (max-width: 1399.98px) {
1574    header {
1575        &.photomaster{
1576            .navbar {
1577                --bs-navbar-color: var(--bs-white); 
1578                --bs-navbar-hover-color: var(--bs-white); 
1579                --bs-navbar-active-color: rgba(244, 244, 244, 0.75);
1580            }
1581        }
1582    }
1583}
1584
1585@media (min-width: 1200px) and (max-width: 1539.98px) {
1586    header .nav-link{
1587        font-size: 14px;
1588    }
1589}
1590
1591
1592/* END HEADER */
1593/* 
1594#leggiAbbonatiButton{
1595    display: none!important;
1596}
1597header{
1598    a[href="https://ng.gedidigital.it/plus/edicola/edicola.jsp"]{
1599        display: none!important;
1600    }
1601} */
1602/* FOOTER */
1603
1604footer{
1605    padding-left: 48px;
1606    padding-right: 48px;
1607}
1608
1609footer h5{
1610    font-size: 1em;
1611    font-weight: 600;
1612    letter-spacing: 3px;
1613    text-transform: uppercase;
1614}
1615
1616footer ul.privacy-container li{
1617  display: block;
1618}
1619
1620@media (min-width: 768px) {
1621    footer ul.privacy-container li{
1622  
1623        display: inline-block;
1624      }
1625}
1626
1627footer ul.privacy-container li:not(:last-child){
1628    margin-right: 10px;
1629}
1630
1631footer ul.privacy-container a{
1632    text-decoration: none;
1633    font-size: .75rem;
1634}
1635
1636footer .copy-container p{
1637    font-size: 0.75em;
1638    letter-spacing: 2px;
1639    text-transform: uppercase;
1640}
1641
1642footer ul.social-container a{
1643   display: flex;
1644   width: 20px;
1645   height: 20px;
1646}
1647
1648footer .nav-link{
1649    font-size: 0.8em;
1650    letter-spacing: 1px;
1651}
1652
1653footer .nav-link,
1654footer a{
1655    color:var(--bs-white);
1656
1657}
1658
1659footer .nav-link:hover,
1660footer .nav-link:focus,
1661footer a:hover,
1662footer a:focus{
1663    color:var(--bs-primary);
1664}
1665
1666footer .logo-footer img{
1667    width: 150px;
1668}
1669
1670/* FINE FOOTER */
1671
1672/* IMAGE SECTION  */
1673
1674/* PHOTO GALLERY */
1675
1676@media (max-width: 575.98px) {
1677    section.photo-gallery-container .caption p{
1678        font-size: 12px;
1679    }
1680}
1681
1682
1683@media (min-width: 992px) and (max-width: 1899.98px) {
1684    section.photo-gallery-container .caption p{
1685        font-size: 12px;
1686    }
1687}
1688
1689
1690section.photo-gallery-container .caption p{
1691    background-image: linear-gradient(120deg,var(--bs-primary),var(--bs-primary));
1692    background-position: 0 100%;
1693    background-repeat: no-repeat;
1694    background-size: 100% 0;
1695    border-bottom: 2px solid var(--bs-primary);
1696    color: #fff;
1697    text-decoration: none;
1698    transition: background-size .15s ease-in-out;
1699}
1700
1701section.photo-gallery-container .caption p:hover{
1702    background-size: 100% 100%;
1703    color: var(--bs-black);
1704}
1705
1706
1707
1708
1709
1710section.photo-gallery-container h2{
1711    font-weight: 600;
1712    letter-spacing: 6px;
1713}
1714
1715section.photo-gallery-container a{
1716    color:var(--bs-white);
1717    transition: color .15s ease-in-out;
1718
1719}
1720
1721section.photo-gallery-container a:hover,
1722section.photo-gallery-container a:focus{
1723    color:var(--bs-light);
1724}
1725/* FINE PHOTO GALLERY */
1726
1727/* 
1728*****BRANDED ARTICLE****
1729*****CTA BANNER*********
1730*/
1731
1732/* section.branded-article-container a h2,
1733section.branded-article-container a p, */
1734section.cta-banner-container a h3{
1735    color:rgba(255, 255, 255, 1);
1736}
1737
1738/* section.branded-article-container a:hover h2, */
1739section.cta-banner-container a:hover h3{
1740    color:rgba(255, 255, 255, 0.9);
1741}
1742
1743/* 
1744*****FINE BRANDED ARTICLE****
1745**********CTA BANNER*********
1746*/
1747
1748
1749/* PAGE BANNER */
1750
1751section.page-banner-container{
1752    color:var(--bs-white);
1753}
1754
1755@media (max-width: 575.98px) {
1756    section.page-banner-container .lead{
1757   font-size: 1rem;
1758    }
1759}
1760
1761
1762
1763
1764
1765/* FINE PAGE BANNER */
1766
1767section.title-section-container.title-section-page1-blocco2,
1768section.title-section-container.title-section-page1-blocco12{
1769    display: none;
1770}
1771
1772section.parallax-section-container.parallax-dx-section-page1-blocco10178 .container-lg,
1773section.cta-banner-container.cta-banner-page1-blocco3 .container-lg{
1774    padding-top: 3rem!important;
1775}
1776
1777
1778
1779/* CTA BANNER */
1780
1781section.cta-banner-container p.article-tag{
1782    text-transform: uppercase;
1783}
1784
1785section.cta-banner-container h3{
1786    font-weight: 600;
1787}
1788
1789
1790section.cta-banner-container a{
1791    color:var(--bs-white);
1792
1793}
1794
1795
1796section.cta-banner-container:hover,
1797section.cta-banner-container:focus{
1798    color:var(--bs-white);
1799}
1800
1801section.cta-banner-container picture:after{
1802    content: '';
1803    position:absolute;
1804    top: 50%;
1805    left: 50%;
1806    width: 100%;
1807    height: 100%;
1808    transform: translate(-50%, -50%);
1809    background: rgb(0,0,0);
1810    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
1811}
1812
1813section.cta-banner-container h3{
1814    font-size: 2.5em;
1815    text-shadow: 0px 0px 5px #000000;
1816}
1817
1818section.cta-banner-container .card-text.article-tag{
1819    text-shadow: 0px 0px 5px #000000;
1820}
1821
1822section.cta-banner-container .article-tag:before {
1823    box-shadow: 0px 0px 5px #000000;
1824    margin-right: 13px !important;
1825}
1826
1827@media (max-width: 575.98px) {
1828    section.cta-banner-container h3{
1829        font-size: 1.5em;
1830    }
1831}
1832
1833/* FINE CTA BANNER */
1834
1835/* MODAL */
1836
1837/* FINE MODAL */
1838/* .modal#natgeo {
1839    background-color:var(--bs-primary) ;
1840}
1841
1842.modal#natgeo .modal-fullscreen{
1843    background-color:var(--bs-primary) ;
1844} */
1845
1846.modal#natgeo .modal-fullscreen .modal-content{
1847    background-color:var(--bs-primary) ;
1848    background-image:url('/upload/modal-section/fullscreen_adv.jpg') ;
1849
1850    background-repeat: no-repeat;
1851    background-position: center center;
1852    background-size: contain;
1853}
1854
1855/* TITLE SECTION */
1856
1857section.title-section-container{
1858    text-align: center;
1859}
1860
1861section.title-section-container h2{
1862    text-transform: uppercase;
1863    font-size: 4.5em;
1864    font-weight: 600;
1865    color: #dadada;
1866    letter-spacing: 8px;
1867}
1868
1869@media (max-width: 575.98px) {
1870    section.title-section-container h2{
1871       
1872        font-size: 2.5em;
1873       
1874    }
1875    
1876}
1877
1878/* END TITLE SECTION */
1879
1880/* ARTICLE TAG && SUB CATEGORYSTYLE */
1881
1882section.section .article-tag:before {
1883    background-color: var(--bs-primary);
1884    content: " ";
1885    display: inline-block;
1886    height: 14px;
1887    margin: 0 5px -1px 0px;
1888    width: 3px;
1889}
1890/* ARTICLE LIST  */
1891section.section .article-tag .tappa-article-list{
1892    display: block;
1893    position: relative;
1894    transform: translateY(-7px);
1895}
1896
1897section.section .article-tag .tappa-article-list>span{
1898    margin-left: 9px;
1899    letter-spacing: 1px!important;
1900}
1901
1902section.section .article-tag .tappa-article-list:before{
1903    background-color: var(--bs-primary);
1904    content: " ";
1905    display: inline-block;
1906    height: 23px;
1907    margin: 0 5px -1px 0px;
1908    width: 3px;
1909}
1910
1911
1912/* ARTICLE LIST  */
1913
1914/* Articoli CAT 14 (Out of eden walk) */
1915
1916section.section .intestazione-container{
1917    display: flex;
1918    justify-content: space-between;
1919    align-items: center;
1920}
1921
1922section.section .intestazione-container  span.tappa-oew,
1923section.section .intestazione-container  span.tappa-oew >span{
1924    display: inline-block;
1925    position: relative;
1926}
1927
1928section.section .intestazione-container  span.tappa-oew >span{
1929    margin-left: 3px;
1930    text-transform: uppercase;
1931    letter-spacing: 1px;
1932    font-weight: 600;
1933    font-size: 14px;
1934    color:var(--bs-dark);
1935}
1936
1937section.section .intestazione-container  span.tappa-oew:before{
1938    background-color: var(--bs-primary);
1939    content: " ";
1940    display: inline-block;
1941    height: 14px;
1942    margin: 0 5px -1px 0px;
1943    width: 3px;
1944}
1945
1946/* Articoli CAT 14 (Out of eden walk) */
1947
1948
1949section.section .article-tag.titolo:before {
1950  
1951    height: 40px;
1952    margin: 0 5px -26px 0px;
1953  
1954}
1955
1956section.section p.article-tag {
1957    text-transform: uppercase;
1958    letter-spacing: 3px;
1959    font-weight: 600;
1960    font-size: 14px;
1961}
1962
1963@media (min-width: 992px) and (max-width: 1539.98px) {
1964    section.section p.article-tag {
1965        letter-spacing: 2px;
1966    }
1967}
1968
1969section.cta-banner-container .card-text:last-child {
1970    margin-bottom: 1rem;
1971}
1972
1973section.cta-banner-container.cta-banner-page1-blocco26725{
1974    .handle-position{     
1975        margin-bottom:15% ;
1976    }
1977    
1978}
1979
1980section.section .sub-category{
1981    font-weight: 600;
1982    letter-spacing: 3px;
1983    font-size: 10px;
1984    display: inline-block;
1985    background-color:var(--bs-primary) ;
1986    color: var(--bs-black);
1987    padding: 4px 10px;
1988    transform: translateY(-3px);
1989    text-transform: uppercase;
1990}
1991
1992section.section .sub-category.inside-article{
1993    display: block;
1994    background-color:transparent ;
1995    transform: translateY(0px);
1996    color: var(--bs-dark);
1997    margin-left: 6px;
1998    text-transform: capitalize;
1999    font-size: 14px;
2000}
2001section.section .sub-category.inside-article.tappa-oew{
2002    letter-spacing: 1px;
2003    text-transform: uppercase;
2004}
2005
2006section.section .sub-category.hover-img{
2007    position: absolute;
2008    bottom: 0;
2009    right: 0;
2010    margin: 0;
2011    transform: translateY(0px);
2012}
2013
2014/* FINE ARTICLE TAG STYLE */
2015
2016/* PROMO-CONTDOWN */
2017
2018section.promo-countdown-container{
2019    background-color:rgba(40, 153, 167, 0.6)
2020}
2021
2022section.promo-countdown-expired{
2023    background-color: rgba(73,80,87, 0.8);
2024}
2025
2026section.promo-countdown-container{
2027    text-transform: uppercase;
2028}
2029
2030/* FINE PROMO-CONTDOWN */
2031
2032/* PROMO-CAROUSEL */
2033
2034section.promo-carousel-container .box .text-container span{
2035    font-size: .9rem;
2036 }
2037
2038 section.promo-carousel-container .box .text-container{
2039    color: var( --bs-light);
2040}
2041 
2042 section.promo-carousel-container .card.bg-state-3 .box .text-container{
2043     background-color: var( --bs-primary);
2044 }
2045
2046 section.promo-carousel-container .card.bg-state-3 .box:before{
2047    background-color: rgba(73,80,87, 0.8);
2048}
2049 
2050 section.promo-carousel-container .card.bg-state-2 .box .text-container{
2051    background-color: var(--bs-secondary);
2052 }
2053 
2054 section.promo-carousel-container .card.bg-state-1 .box .text-container{
2055     background-color: #009997
2056 }
2057
2058 section.promo-carousel-container .card.bg-state-4 .box .text-container{
2059    display: none;
2060}
2061
2062 /* FINE PROMO-CAROUSEL */
2063
2064/* CTA BANNER */
2065
2066
2067
2068/* FINE CTA BANNER */
2069
2070/* STORE LOCATOR */
2071
2072/* section.store-locator-container .form-container{
2073    width: 320px;
2074}
2075
2076section.store-locator-container .form-control{
2077    border-radius: var(--bs-border-radius-max);
2078  } */
2079  
2080section.store-locator-container button{
2081    margin-left: -34px;
2082    padding: 0;
2083}
2084
2085/* section.store-locator-container .btn{
2086    border-radius:var(--bs-border-radius-max);
2087} */
2088
2089/* END STORE LOCATOR */
2090
2091/* GRID BANNER E SQUARE BANNER*/
2092
2093section.grid-banner-container button{
2094    font-weight: 600;
2095    letter-spacing: 3px;
2096    font-size: 1.6em;
2097}
2098
2099@media (min-width: 992px) and (max-width: 1899.98px) {
2100    section.grid-banner-container button{
2101       
2102        font-size: 1.4em;
2103    }
2104}
2105
2106section.square-banner-container a{
2107    color: var(--bs-primary);
2108    background-color:var(--bs-black);
2109    width: 60px;
2110    border-radius: 999px;
2111}
2112
2113
2114
2115section.grid-banner-container .box .text-container,
2116section.square-banner-container .box .text-container
2117 {
2118    z-index: 1;
2119}
2120
2121
2122section.grid-banner-container .box:before,
2123section.square-banner-container .box:before {
2124    content: '';
2125    position: absolute;
2126    top: 50%;
2127    left: 50%;
2128    transform: translate(-50%, -50%);
2129    background-color: rgba(0, 0, 0, .3);
2130    width: 100%;
2131    height: 100%;
2132    z-index: 1;
2133}
2134
2135/* FINE GRID BANNER E SQUARE BANNER */
2136
2137/* STORE CAROUSEL */
2138
2139section.store-carousel-container .icon-container .icon-items{
2140    border-width: 1px;
2141}
2142
2143/* END STORE CAROUSEL */
2144
2145/* STORE DETAILS */
2146
2147section.store-details-container .icon-container .icon-items{
2148    border-width: 1px;
2149}
2150
2151/* END STORE DETAILS */
2152
2153/* STORE LIST */
2154section.store-list-container .icon-container .icon-items{
2155    border-width: 1px;
2156}
2157/* FINE STORE LIST */
2158
2159/* PARALLAX-SECTION */
2160section.parallax-section-container .row-cols-1 > .col{
2161   min-height: 478px;
2162     
2163}
2164
2165@media (min-width: 1540px) {
2166    section.parallax-section-container .row-cols-1 > .col{
2167        min-height: 520px;
2168          
2169     }
2170}
2171
2172section.parallax-section-container .card{
2173    height: 100%;
2174      
2175 }
2176
2177section.parallax-section-container .card-body{
2178    display: flex;
2179    justify-content: space-between;
2180    align-items: start;
2181   flex-direction: column;
2182}
2183
2184@media (min-width: 992px) {
2185    section.parallax-section-container .sticky-container{
2186       top: 248px ;
2187        
2188    }
2189}
2190
2191/* END PARALLAX-SECTION */
2192
2193/* FORM-CONTACT */
2194
2195section.form-contact-container .icon-container .icon-items{
2196    border-width: 1px;
2197}
2198
2199/* END FORM-CONTACT */
2200
2201/* HERO SLIDER */
2202
2203section.hero-slider-container .carousel-item .carousel-caption h2,
2204section.hero-slider-container .carousel-caption p,
2205section.hero-slider-container .carousel-caption button{
2206    opacity: 0; /* ANIMATION */
2207}
2208
2209/* FINE HERO SLIDER */
2210
2211/* RICERCA 0 RISULTATI */
2212
2213/* RICERCA 0 RISULTATI */
2214
2215body.body-1283 section.article-list-container .totale_0{
2216    width: 100%;
2217}
2218
2219/* section.button-section-container.button-section-page1-blocco20069{
2220    display: none;
2221} */
2222
2223section.text-carousel-container.text-carousel-page1-blocco19886{
2224    display: none;
2225}
2226
2227section.button-section-container.button-section-page1-blocco20069 .container-lg{
2228    padding-top: 3rem;
2229}
2230
2231/* HOME PAGE 29 04 2024 */
2232/* section.text-carousel-container.text-carousel-page1-blocco19886{
2233    display:none;
2234} */
2235
2236/* NATIVE PAGES 1669*/
2237
2238body.body-1493 .ngi-content-container em,
2239body.body-1536 .ngi-content-container em,
2240body.body-1620 .ngi-content-container em,
2241body.body-1647 .ngi-content-container em,
2242body.body-1658 .ngi-content-container em,
2243body.body-1669 .ngi-content-container em,
2244body.body-1722 .ngi-content-container em,
2245body.body-1757 .ngi-content-container em,
2246body.body-1765 .ngi-content-container em,
2247body.body-1771 .ngi-content-container em{
2248    font-style: normal!important;
2249    font-size: 13.6px;
2250}
2251
2252body.body-1493 .sponsor-section-container + style + .ngi-content-container .container-lg,
2253body.body-1536 .sponsor-section-container + style + .ngi-content-container .container-lg,
2254body.body-1620 .sponsor-section-container + style + .ngi-content-container .container-lg,
2255body.body-1647 .sponsor-section-container + style + .ngi-content-container .container-lg,
2256body.body-1658 .sponsor-section-container + style + .ngi-content-container .container-lg,
2257body.body-1669 .sponsor-section-container + style + .ngi-content-container .container-lg,
2258body.body-1722 .sponsor-section-container + style + .ngi-content-container .container-lg,
2259body.body-1738 .sponsor-section-container + style + .ngi-content-container .container-lg,
2260body.body-1757 .sponsor-section-container + style + .ngi-content-container .container-lg,
2261body.body-1765 .sponsor-section-container + style + .ngi-content-container .container-lg,
2262body.body-1771 .sponsor-section-container + style + .ngi-content-container .container-lg{
2263    padding-bottom: 0!important;
2264    padding-top: 3rem;
2265}
2266
2267body.body-1738 .sponsor-section-container + style + .ngi-content-container em{
2268    font-style: normal!important;
2269    font-size: 13.6px;
2270}
2271
2272body.body-1493 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1),
2273body.body-1536 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1),
2274body.body-1620 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1),
2275body.body-1647 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1),
2276body.body-1658 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1),
2277body.body-1669 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1),
2278body.body-1722 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1),
2279body.body-1738 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1),
2280body.body-1757 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1),
2281body.body-1765 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1),
2282body.body-1771 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(1){
2283    font-weight: 400;
2284    font-size: 1rem!important;
2285}
2286
2287body.body-1493 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2),
2288body.body-1536 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2),
2289body.body-1620 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2),
2290body.body-1647 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2),
2291body.body-1658 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2),
2292body.body-1669 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2),
2293body.body-1722 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2),
2294body.body-1738 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2),
2295body.body-1757 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2),
2296body.body-1765 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2),
2297body.body-1771 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(2){
2298   margin-bottom: 0!important;
2299   font-weight: 400;
2300   font-size: 1rem!important;
2301}
2302
2303body.body-1536 .sponsor-section-container,
2304body.body-1547 .sponsor-section-container.sponsor-section-page1547-blocco11484{
2305    display: none;
2306}
2307
2308
2309/* body.body-1493 .sponsor-section-container + style + .ngi-content-container .container-lg p:nth-of-type(3){
2310   display: none;
2311 } */
2312
2313
2314/* *********************************************
2315************************************************
2316        CUSTOM STYLE SECTIONS STAGE
2317************************************************
2318********************************************* */
2319
2320section.featured-post-container.featured-post-page1-blocco12076,
2321section.title-section-container.title-section-page1-blocco12075{
2322    display: none;
2323}
2324
2325section.title-section-container.title-section-page49-blocco245 .container-lg{
2326    padding-top: 0!important;
2327    padding-bottom: 0!important;
2328}
2329
2330section.parallax-section-container.parallax-section-page49-blocco248 .container-lg{
2331    padding-top: 0!important;
2332    
2333}
2334
2335section.article-list-container.article-list-page49-blocco242 .container-lg{
2336    padding-top: 0!important;
2337    padding-bottom: 0!important;
2338}
2339
2340body.body-49 .newsletter-form-container .container-lg{
2341    padding-top: 0!important;
2342    
2343}
2344
2345body.body-1284 section.text-section-container.text-section-page1284-blocco10251 h2{
2346    margin-bottom: 2rem;
2347    font-size: calc(1.725rem + .9vw);
2348    text-transform: uppercase;
2349  
2350}
2351
2352@media (min-width: 1200px) {
2353    body.body-1284 section.text-section-container.text-section-page1284-blocco10251 h2{
2354        font-size: 2.5rem;
2355    }
2356}
2357
2358
2359/******************************
2360********** OEW ***************
2361*******************************/
2362
2363
2364section.text-section-container.text-section-page2242-blocco19148{
2365    text-align: center;
2366}
2367
2368@media (min-width: 992px) {
2369    section.text-section-container.text-section-page2242-blocco19148 .col-12.col-lg-8{  
2370        width: 100%;
2371    }
2372}
2373
2374
2375
2376
2377/******************************
2378********** FINE OEW ***************
2379*******************************/
2380
2381
2382
2383/******************************
2384********** FEST ***************
2385*******************************/
2386
2387/* PAGINA /FEST */
2388
2389
2390/* body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2 {
2391    line-height: .75;
2392} */
2393
2394body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{
2395    font-size: 2.2rem;
2396   
2397}
2398
2399@media (min-width: 576px) {
2400    body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{
2401        font-size: 2.6rem;
2402    }
2403}
2404
2405@media (min-width: 768px) {
2406    body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{
2407        font-size: 1.7rem;
2408    }
2409}
2410
2411@media (min-width: 992px) {
2412    body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{
2413        font-size: 2.3rem;
2414    }
2415}
2416
2417@media (min-width: 1200px) {
2418    body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{
2419        font-size: 2.3rem;
2420    }
2421}
2422
2423@media (min-width: 1400px) {
2424    body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{
2425        font-size: 2.3rem;
2426    }
2427}
2428
2429@media (min-width: 1540px) {
2430    body.body-1994 section.title-section-container.title-section-page1994-blocco16906 h2{
2431        font-size: 3.3rem;
2432    }
2433}
2434
2435/* FINE PAGINA /FEST */
2436
2437/* temp in attesa di articoli */
2438
2439/* section.ngi-live-stream-fest-container{
2440    display: none;
2441} */
2442
2443body.body-1 section.article-carousel-container.article-carousel-page1-blocco16999 h5.card-title + p{
2444    display: none;
2445}
2446
2447body.body-1776 section.article-carousel-container.article-carousel-page1776-blocco16874 h5.card-title + p{
2448    display: none;
2449}
2450
2451body.body-1776 section.article-row-container.article-row-page1776-blocco16331 h5.card-title ~ p{
2452    display: none;
2453}
2454
2455body.body-1776 section.ngi-live-stream-fest-container .container-lg{
2456    padding-bottom: 0!important;
2457}
2458
2459
2460body.body-1776 section.title-section-container.title-section-page1776-blocco16678 .container-lg{
2461    padding-top: 0!important;
2462}
2463
2464body.body-1776 section.title-section-container.title-section-page1776-blocco16343 p.description,
2465body.body-1776 section.article-four-container.article-four-page1776-blocco16598,
2466body.body-1776 section.button-section-container.button-section-page1776-blocco16613{
2467    display: none;
2468}
2469
2470/* section.image-section-container.image-section-page1-blocco16720 {
2471    display: none;
2472} */
2473section.image-section-container.image-section-page1-blocco29763 {
2474    .container-lg{
2475        padding-top: 0!important;
2476    }
2477}
2478
2479/* temp in attesa di articoli */
2480
2481/* TITOLO PAGINA */
2482body.body-1776 section.title-section-container.title-section-page1776-blocco16652{
2483    display: none;
2484}
2485
2486body.body-1776 section.ngi-gallery-container{
2487    display: none;
2488}
2489
2490body.body-1776 section.article-carousel-container.article-carousel-page1776-blocco16874{
2491    display: none;
2492}
2493
2494
2495body.body-1776 section.title-section-container.title-section-page1776-blocco16678 .container-lg{
2496   padding-bottom: 0!important;
2497}
2498
2499body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 {
2500    line-height: .75;
2501}
2502
2503body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{
2504    font-size: .7em;
2505   
2506}
2507
2508@media (min-width: 576px) {
2509    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{
2510        font-size: .49em;
2511    }
2512}
2513
2514@media (min-width: 768px) {
2515    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{
2516        font-size: .49em;
2517    }
2518}
2519
2520@media (min-width: 992px) {
2521    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{
2522        font-size: .53em;
2523    }
2524}
2525
2526@media (min-width: 1200px) {
2527    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{
2528        font-size: .53em;
2529    }
2530}
2531
2532@media (min-width: 1400px) {
2533    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{
2534        font-size: .53em;
2535    }
2536}
2537
2538@media (min-width: 1540px) {
2539    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:first-of-type{
2540        font-size: .7em;
2541    }
2542}
2543
2544
2545
2546
2547
2548
2549body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{
2550    font-size: .5em;
2551   
2552}
2553
2554@media (min-width: 576px) {
2555    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{
2556        font-size: .3em;
2557    }
2558}
2559
2560@media (min-width: 768px) {
2561    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{
2562        font-size: .3em;
2563    }
2564}
2565
2566@media (min-width: 992px) {
2567    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{
2568        font-size: .45em;
2569    }
2570}
2571
2572@media (min-width: 1200px) {
2573    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{
2574        font-size: .45em;
2575    }
2576}
2577
2578@media (min-width: 1400px) {
2579    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{
2580        font-size: .45em;
2581    }
2582}
2583
2584@media (min-width: 1540px) {
2585    body.body-1776 section.title-section-container.title-section-page1776-blocco16678 h2 span:last-of-type{
2586        font-size: .45em;
2587    }
2588}
2589
2590
2591
2592/* TITOLO PAGINA */
2593
2594body.body-1776 section.title-section-container.title-section-page1776-blocco16343 .container-lg{
2595    padding-bottom: 0!important;
2596}
2597
2598
2599body.body-1776 section.title-section-container.title-section-page1776-blocco16347 .container-lg{
2600    background-color:rgba(var(--bs-black-rgb))!important;
2601    padding-bottom: 0!important;
2602}
2603
2604body.body-1776 section.title-section-container.title-section-page1776-blocco16347 .container-lg .description{
2605    display: none;
2606}
2607
2608
2609body.body-1776 section.title-section-container .container-lg .description{
2610    text-transform: uppercase;
2611    font-size: 2rem;
2612    font-weight: 600;
2613    letter-spacing: 1px;
2614    margin-bottom: 0;
2615}
2616
2617body.body-1776 section.text-section-container.text-section-page1776-blocco16346 .container-lg{
2618    background-color:rgba(var(--bs-black-rgb))!important;
2619    padding-top: 0!important;
2620}
2621
2622body.body-1776 section.text-section-container.text-section-page1776-blocco16346 .container-lg p{
2623
2624    color:var(--bs-white);
2625    font-weight:300 ;
2626    text-align: center;
2627    font-size: 1.25rem;
2628
2629}
2630
2631
2632
2633body.body-1776 section.text-section-container.text-section-page1776-blocco16345{
2634    text-align: center;
2635}
2636
2637body.body-1776 section.text-section-container.text-section-page1776-blocco16345 h3{
2638    font-size: 2rem;
2639    font-weight: 600;
2640    letter-spacing: 1px;
2641    margin-bottom: 1.5rem;
2642}
2643
2644body.body-1776 section.text-section-container.text-section-page1776-blocco16345 p{
2645    font-weight: 300;
2646    font-size: 1.25rem;
2647}
2648
2649/* @media (min-width: 768px) {
2650
2651    body.body-1776 section.button-section-container.button-section-page1776-blocco16344 .row .col-12:first-of-type{
2652        display: flex;
2653        justify-content: end;
2654    }
2655        
2656    body.body-1776 section.button-section-container.button-section-page1776-blocco16344 .row .col-12:last-of-type{
2657        display: flex;
2658        justify-content: start;
2659    }
2660    
2661} */
2662
2663
2664
2665
2666
2667body.body-1776 section.button-section-container.button-section-page1776-blocco16357 .container-lg,
2668body.body-1776 section.button-section-container.button-section-page1776-blocco16358 .container-lg{
2669    background-color:rgba(var(--bs-black-rgb))!important;
2670}
2671
2672body.body-1776 section.button-section-container.button-section-page1776-blocco16357 .container-lg a,
2673body.body-1776 section.button-section-container.button-section-page1776-blocco16358 .container-lg a{
2674    zoom:1.2;
2675}
2676
2677body.body-1776 section.article-carousel-container.article-carousel-page1776-blocco16874 h5 + p{
2678    display: none;
2679}
2680
2681/* FEST */
2682
2683/* MASTER CLASS */
2684body.body-2427{
2685
2686/*     #adv-Position3,
2687    #adv-Top{
2688        display: none;
2689    } */
2690    section.reg-area-riservata-container{
2691        .container-lg{
2692            padding-top: 0!important;
2693        }
2694    }
2695    /* section.title-section-container{
2696        @media (max-width: 575.98px) {
2697            h2 {
2698                font-size: 2.1em;
2699            }
2700        }
2701    } */
2702
2703/*     section.double-banner-container{
2704        &.double-banner-page2427-blocco21215{
2705            .card{
2706                min-height: 400px;
2707            }
2708        }
2709    } */
2710    
2711    section.text-section-container.text-section-page2427-blocco21196,
2712    section.text-section-container.text-section-page2427-blocco21212{
2713        text-align: center;
2714        h2{
2715            font-size: 2rem;
2716            font-weight: 600;
2717            letter-spacing: 1px;
2718            margin-bottom: 1.5rem;
2719        }
2720        p{
2721            font-weight: 300;
2722            font-size: 1.25rem;
2723        }
2724    }
2725    section.text-section-container.text-section-page2427-blocco21212{
2726        .container-lg{
2727            padding-top: 0!important;
2728            h2{
2729                display: none;
2730            }
2731        }
2732        
2733    }
2734    section.text-section-container.text-section-page2427-blocco21196{
2735        a{
2736            color:var(--bs-primary);
2737            &:hover{
2738                color:var(--bs-black);
2739            }
2740        }
2741    }
2742    section.title-section-container{
2743        .container-lg{
2744            h2{
2745                color:var(--bs-black);
2746                position: relative;
2747
2748                &:after{
2749                    content: '';
2750                    width: 180px;
2751                    height: 2px;
2752                    background-color: var(--bs-primary);
2753                    position: absolute;
2754                    bottom:-10px;
2755                    left:50%;
2756                    transform: translateX(-50%);
2757                }
2758            }
2759            @media (max-width: 575.98px) {
2760                h2 {
2761                    font-size: 2.2em;
2762                }
2763            }
2764        }
2765        &.title-section-page2427-blocco21198,
2766        &.title-section-page2427-blocco21201,
2767        &.title-section-page2427-blocco21202,
2768        &.title-section-page2427-blocco21393,
2769        &.title-section-page2427-blocco21394{
2770            .container-lg{
2771                background-color: var(--bs-black)!important;
2772                h2{
2773                    color:var(--bs-white);
2774                }
2775                p.description{
2776                    margin-top: 40px;
2777                    color:var(--bs-white);
2778                    font-weight: 300;
2779                    font-size: 1.25rem;
2780                }
2781            }
2782
2783        }
2784        &.title-section-page2427-blocco21394{
2785            .container-lg{
2786                padding-bottom: 0!important;
2787            }
2788            
2789        }
2790        &.title-section-page2427-blocco21204{
2791            p.description{
2792                font-size: 32px;
2793                font-weight: 600;
2794                position: relative;
2795                top:17px;
2796                @media (max-width: 575.98px){
2797                    font-size: 21px;
2798                }
2799            }
2800        }
2801        &.title-section-page2427-blocco21395{
2802            a{
2803                @media (max-width: 575.98px){
2804                    font-size: 15px;
2805                }
2806            }
2807            h2{
2808                display: none;
2809                
2810            }
2811            h6{
2812                font-size: 32px;
2813                font-weight: 600;
2814                @media (max-width: 575.98px){
2815                    font-size: 21px;
2816                }
2817            }
2818            p.description{
2819                font-weight: 300;
2820                font-size: 1.25rem;
2821            }
2822        }
2823        /* nascondo i migliori scatti */
2824        &.title-section-page2427-blocco21203{
2825            display: none;
2826        }
2827        &.title-section-page2427-blocco21393,
2828        &.title-section-page2427-blocco21201{
2829            .container-lg{
2830                @media (max-width: 991.98px){
2831                    padding-bottom: 0!important;
2832                }
2833            }
2834        }
2835        /* &.title-section-page2427-blocco22341{
2836            display: none;
2837        } */
2838        
2839    }
2840    section.cta-banner-container{
2841        &.cta-banner-page2427-blocco22876{
2842            .container-lg{
2843                padding-top: 0!important;
2844            }
2845        }
2846    }
2847/*     section.gallery-carousel-container.gallery-carousel-page2427-blocco21206{
2848        display: none;
2849    } */
2850    section.featured-post-container{
2851        &.featured-post-page2427-blocco21332,
2852        &.featured-post-page2427-blocco21359,
2853        &.featured-post-page2427-blocco21360{
2854            h2{
2855                letter-spacing: 3px;
2856            }
2857            p.sottotitolo{
2858                color:var(--bs-primary);
2859            }
2860            .p-container{
2861                p{
2862                    span{
2863                        color:var(--bs-primary);
2864                    }
2865                }
2866            }
2867            .overlay-image {
2868                background-color: rgba(0, 0, 0, 0.2);
2869                position: absolute;
2870                top: 50%;
2871                left: 50%;
2872                transform: translate(-50%, -50%);
2873                width: 100%;
2874                height: 100%;
2875                .text-container {
2876                    height: 70%;
2877                    width: 80%;
2878                    background: linear-gradient(var(--bs-primary), var(--bs-primary)) top left, linear-gradient(var(--bs-primary), var(--bs-primary)) top left, linear-gradient(var(--bs-primary), var(--bs-primary)) top right, linear-gradient(var(--bs-primary), var(--bs-primary)) top right, linear-gradient(var(--bs-primary), var(--bs-primary)) bottom left, linear-gradient(var(--bs-primary), var(--bs-primary)) bottom left, linear-gradient(var(--bs-primary), var(--bs-primary)) bottom right, linear-gradient(var(--bs-primary), var(--bs-primary)) bottom right;
2879                    background-size: 5px 70px, 70px 5px;
2880                    background-repeat: no-repeat;
2881                }
2882            }
2883        }
2884        &.featured-post-page2427-blocco21209,
2885        &.featured-post-page2427-blocco21392{
2886            a{
2887                color:var(--bs-primary);
2888                &:hover{
2889                    color:var(--bs-white);
2890                }
2891            }
2892            .p-container{
2893                p{
2894                    font-weight: 300;
2895                    line-height: 2;
2896                }
2897            }
2898        }
2899        &.featured-post-page2427-blocco21392{
2900            .container-lg{
2901                @media (max-width: 991.98px){
2902                  padding-top: 0!important;
2903                 }
2904                .p-container{
2905                    .img-container{
2906                        width: 80px;
2907                        margin-bottom: 60px;
2908                        @media (max-width: 991.98px){
2909                        width: 65px;
2910                           margin-left: auto;
2911                           margin-right: auto;
2912                           margin-bottom: 20px;
2913                        }
2914                    }
2915                }
2916            }
2917
2918        }
2919        &.featured-post-page2427-blocco21209{
2920            .container-lg{
2921                @media (max-width: 991.98px){
2922                    padding-top: 0!important;
2923                }
2924            }
2925        }
2926    }
2927    section.button-section-container.button-section-page2427-blocco21207{
2928        .container-lg{
2929            background-color: var(--bs-black)!important;
2930        }
2931    }
2932    section.button-section-container.button-section-page2427-blocco21208{
2933        .container-lg{
2934            padding-top: 3rem;
2935        }
2936    }
2937/*     section.button-section-container.button-section-page2427-blocco21197{
2938        .col-12{
2939            display: flex;
2940            justify-content: center;
2941            @media (min-width: 768px){
2942                &:first-of-type{
2943                    justify-content: flex-end;
2944                }
2945                &:last-of-type{
2946                    justify-content: flex-start;
2947                }
2948            }
2949
2950        }
2951    } */
2952
2953    /* SECTION IN TITLE SECTION */
2954    section.come-iscriversi-container{
2955        a{
2956            color:var(--bs-white);
2957            &:hover{
2958                color:var(--bs-primary);
2959            }
2960        }
2961        ul.come-iscriversi-list{
2962            text-align: center;
2963            @media (min-width: 992px){
2964                text-align: start;
2965            }
2966            .come-iscriversi-list-item{
2967            
2968                .icon-container{
2969                    width: 50px;
2970                    position: relative;
2971                    margin-bottom:15px;
2972                    @media (max-width: 991.98px){
2973                        margin-left: auto;
2974                        margin-right: auto;
2975                    }
2976                    
2977
2978                    &:before{
2979                        content:'';
2980                        width: 80%;
2981                        height: 1px;
2982                        background-color: var(--bs-white);
2983                        position: absolute;
2984                        bottom:-9px;
2985                        left:9px;
2986                        
2987                    }
2988                    @media (max-width: 991.98px){
2989                        &:before{
2990                            width: 100%;
2991                            left:0;
2992                            
2993                        }
2994                    }
2995                }
2996                .text-container{
2997                    p.number{
2998                        font-weight: 600;
2999                        color: var(--bs-primary);
3000                    }
3001                }
3002                
3003                p{
3004                    margin-bottom: 0;
3005                }
3006            }
3007        }
3008
3009    }
3010    section.il-calendario-container{
3011        hr {
3012            
3013            color: var(--bs-primary);
3014           
3015            opacity: 1;
3016        }
3017        .il-calendario-list-item{
3018            h3{
3019                font-weight: 600;
3020            }
3021            p{
3022                font-size: 24px;
3023                color:var(--bs-primary);
3024                @media (max-width: 1199.98px) {
3025                    font-size: 20px;
3026                }
3027                span{
3028                    color:var(--bs-white);
3029                    @media (max-width: 575.98px) {
3030                        display: block;
3031                    }
3032                }
3033            }
3034        }
3035
3036    }
3037    /* SECTION IN TITLE SECTION */
3038    .modal.lightbox{
3039        .carousel-control-next-icon {
3040            background-image: url('/upload/article-carousel/next_white.svg');
3041        }
3042        .carousel-control-prev-icon {
3043            background-image: url('/upload/article-carousel/prev_white.svg');
3044        }
3045
3046    }
3047    .modal.lightbox p.lightbox-caption{
3048        background-color:var(--bs-black);
3049        text-align:left!important ;
3050        font-size: 0.9375rem;
3051        color:var(--bs-link-color);
3052        min-height: 160px;
3053        display: flex;
3054        justify-content: start;
3055        align-items: center;
3056        padding-left: 1rem!important ;
3057        padding-right:1rem!important ;
3058    }
3059    @media (min-width: 992px) {
3060        .modal.lightbox p.lightbox-caption{
3061        min-height: 100px;
3062        }
3063    }
3064    .modal.lightbox p.lightbox-caption span.text-uppercase{
3065        display: inline-block;
3066        margin-top: 5px;
3067    }
3068    
3069    .modal.lightbox p.lightbox-caption a{
3070        color:rgba(255, 255, 255, 1);
3071        text-decoration-color:var(--bs-primary);
3072        text-decoration-thickness: 2px;
3073    }
3074    
3075    .modal.lightbox p.lightbox-caption a:hover{
3076        color:rgba(255, 255, 255, .85)
3077    }
3078    
3079    .modal.lightbox p.lightbox-caption em{
3080        font-style: normal!important;
3081    }
3082    
3083}
3084
3085/* FINE MASTER CLASS */
3086
3087/*************** ARTICOLI PHOTOCLUB *************/
3088
3089section.ngi-image-container.ngi-image-page2862-blocco26127,
3090section.ngi-image-container.ngi-image-page2861-blocco26125,
3091section.ngi-image-container.ngi-image-page2860-blocco26123,
3092section.ngi-image-container.ngi-image-page2859-blocco26122{
3093    .caption-meta.text-uppercase{
3094        display:none;
3095    }
3096}
3097
3098/*************** FINE ARTICOLI PHOTOCLUB *************/
3099
3100/*******************************
3101PAGINE PHOTO-CLUB 
3102********************************/
3103
3104body.photo-club{
3105    /* overflow-x: hidden!important; */
3106
3107    .modal.lightbox{
3108        .lightbox-caption{
3109            background-color: #000;
3110        }
3111    }
3112    h2{
3113        position: relative;
3114        /* margin-bottom: 60px; */
3115        text-transform: uppercase;
3116        text-align: center;
3117        font-size: calc(1.375rem + 1.5vw);
3118        font-weight:500;
3119        @media (max-width: 459px) {
3120            font-size: 22px;
3121        }
3122        @media (min-width: 1200px) {
3123                font-size: 2.5rem;
3124        }
3125        /* &:after{
3126            content: '';
3127            width: 180px;
3128            height: 2px;
3129            background-color: var(--bs-primary);
3130            position: absolute;
3131            bottom:-30px;
3132            left:50%;
3133            transform: translateX(-50%);
3134        } */
3135    }
3136    section.text-section-container{
3137        text-align: center;
3138        p{
3139            font-weight: 300;
3140            font-size: 1.25rem;
3141        }
3142        &.text-section-page2893-blocco26496{
3143            display: none;
3144            .container-lg{
3145                background-color:#000!important;
3146                color:#fff;
3147            }
3148        }
3149        &.text-section-page2893-blocco26481{
3150            .container-lg{
3151                background-color:#1E1E1E!important;
3152                color:#fff;
3153                h2{
3154                    display: none;
3155                }
3156            }
3157        }
3158        &.text-section-page2893-blocco26494{
3159            .container-lg{
3160                padding-top: 0!important;
3161            }
3162        }
3163        &.text-section-page2893-blocco26492{
3164            .container-lg{
3165                padding-top: 0!important;
3166            }
3167        }
3168        &.text-section-page2893-blocco26498{
3169            display: none;
3170        }
3171    }
3172
3173    section.fotografi-merch-container{
3174        &.fotografi-merch-page2893-blocco26497{
3175            display: none;
3176            .container-lg{
3177                background-color:#000!important;
3178                a{
3179                    color: rgba(255, 255, 255, 1);
3180                    &:hover{
3181                        color: rgba(255, 255, 255, 0.9);
3182                    }
3183                }
3184            }
3185        }
3186        &.fotografi-merch-page2893-blocco26499{
3187            display:none;
3188        }
3189    } 
3190    
3191    section.ngi-adv-container.advertising-page2893-blocco26482{
3192        .container-lg{
3193            padding-top: 3rem!important;
3194            padding-bottom: 3rem!important;
3195            img{
3196                width: calc(100% - 24px);
3197            }
3198        }
3199    }
3200    section.cta-banner-container{
3201        p{
3202            font-weight: 300;
3203            font-size: 1.25rem;
3204        }
3205        button:not(.button-search){
3206            font-weight: 600;
3207            letter-spacing: 3px;
3208            font-size: 1.6em;
3209        }
3210        &.cta-banner-page2893-blocco26480{
3211            h1{
3212                font-size: 3rem;
3213                @media (min-width: 576px) {
3214                font-size: 4rem;
3215                }
3216            }
3217            p{
3218                font-weight: 400;
3219                font-size: 1.50rem;
3220            }
3221            .handle-position{
3222              /*   @media (min-width: 992px) { */
3223                margin-bottom:15% ;
3224               /*  } */
3225                
3226            }
3227        }
3228    }
3229/*     section.button-section-container{
3230        button{
3231            font-weight: 600;
3232            letter-spacing: 3px;
3233            font-size: 1.6em;
3234        }
3235    } */
3236    
3237}
3238
3239/* *********************************************
3240************************************************
3241        CUSTOM STYLE SECTIONS STAGE
3242************************************************
3243********************************************* */
3244
3245/* *********************************************
3246************************************************
3247            CUSTOM STYLE SECTIONS
3248************************************************
3249********************************************* */
3250
3251/* ITALIA IN BICICLETTA */
3252
3253section.text-section-container.text-section-page7-blocco38 {
3254    text-align: center;
3255}
3256
3257section.text-section-container.text-section-page7-blocco38 .container-lg{
3258    padding-top: 0!important;
3259}
3260
3261/* CAMMINI E SENTIERI */
3262
3263section.text-section-container.text-section-page8-blocco43 .container-lg{
3264    padding-top: 0!important;
3265    padding-bottom: 0!important;
3266    text-align: center;
3267}
3268
3269section.title-section-container.title-section-page8-blocco44 .container-lg{
3270    
3271    padding-bottom: 0!important;
3272}
3273
3274section.image-section-container.image-section-page8-blocco45 .container-lg{
3275    padding-top: 0!important;
3276    padding-bottom: 0!important;
3277}
3278
3279/* IN EDICOLA */
3280
3281section.image-section-container.image-section-page1265-blocco10169 .container-lg{
3282    padding-bottom: 8px!important;
3283}
3284
3285section.text-section-container.text-section-page1265-blocco10170 .container-lg{
3286    padding-top: 0!important;
3287}
3288
3289section.text-section-container.text-section-page1265-blocco10170 .container-lg p{
3290    font-size:.85rem;
3291    border-left:1px solid var(--bs-black);
3292    color:var(--bs-link-color);
3293    padding-left:20px;
3294}
3295
3296section.text-section-container.text-section-page1265-blocco10170 .container-lg h2{
3297   display: none;
3298}
3299
3300section.text-section-container.text-section-page1265-blocco10172 .container-lg{
3301    padding-top: 0!important;
3302}
3303
3304section.text-section-container.text-section-page1265-blocco10172 h2,
3305section.text-section-container.text-section-page1265-blocco10172 p:first-of-type{
3306    text-align: center;
3307}
3308
3309section.text-section-container.text-section-page1265-blocco10172 p:not(:first-of-type){
3310    font-weight: 300;
3311}
3312
3313section.text-section-container.text-section-page1265-blocco10172 h2{
3314    font-weight: 400;
3315    font-size: 2.625rem;
3316    letter-spacing: 0.3px;
3317    line-height: 1.143;
3318}
3319
3320section.featured-post-container.featured-post-page1265-blocco10173 .container-lg{
3321    padding-top: 0!important;
3322}
3323
3324/* PAGINA OMAN */
3325
3326section.text-section-container.text-section-page3206-blocco30345{
3327    text-align: center;
3328    .container-lg{
3329        padding-top: 0!important;
3330        padding-bottom: 0!important;
3331    }
3332}
3333
3334section.title-section-container.title-section-page3206-blocco30350{
3335    .container-lg{
3336        padding-bottom: 0!important;
3337    }
3338}
3339
3340body.body-3206{
3341    section.ngi-cta-container{
3342        text-align: center;
3343    }
3344}
3345
3346
3347
3348/* LA MIA FOTO */
3349
3350section.image-section-container.image-section-page9-blocco47 .container-lg{
3351    padding-bottom: 0!important;
3352}
3353
3354section.title-section-container.title-section-page9-blocco50 .container-lg{
3355    padding-top: 0!important;
3356    padding-bottom: 0!important;
3357}
3358
3359section.text-section-container.text-section-page9-blocco48 .container-lg{
3360   text-align: center;
3361}
3362
3363/* PARALLAX STAGE */
3364
3365section.parallax-section-container.parallax-section-page18-blocco215 .container-lg{
3366    padding-top: 0!important;
3367}
3368
3369/* FINE PARALLAX STAGE*/
3370
3371section.parallax-section-container.parallax-section-page1-blocco13 .container-lg{
3372    padding-bottom: 0!important;
3373    padding-top: 0!important;
3374}
3375
3376
3377
3378/* STAGE */
3379
3380section.branded-article-container.branded-article-page18-blocco231 .container-lg{
3381    padding-top: 0!important;
3382}
3383
3384section.cta-banner-container.cta-banner-page1-blocco3 {
3385    .container-lg{
3386        @media (min-width: 1200px){
3387            padding-top: 0!important;
3388        }
3389
3390    }
3391}
3392
3393/* FINESTAGE */
3394
3395/* PROD */
3396
3397section.branded-article-container.branded-article-page1-blocco5 .container-lg{
3398    padding-bottom: 3rem!important;
3399    padding-top: 3rem!important;
3400}
3401
3402@media (min-width: 992px){
3403
3404    section.cta-banner-container.text-light.cta-banner-page1-blocco3 .box7 {
3405        padding-bottom: 60%;
3406    }
3407
3408}
3409
3410/* FINE PROD */
3411
3412section.cta-banner-container.cta-banner-page18-blocco234 {
3413    display: none;
3414}
3415
3416section.cta-banner-container.cta-banner-page18-blocco234 .container-lg{
3417    padding-top: 0!important;
3418}
3419
3420/* CTA BANNER IN HOME */
3421
3422section.cta-banner-container .card-body{
3423    align-items: flex-end;
3424}
3425
3426/* articolo in evidenza */
3427
3428
3429
3430/* explorer */
3431
3432section.cta-banner-container.cta-banner-page18-blocco234 .card-body{
3433    align-items: center;
3434}
3435
3436section.cta-banner-container.cta-banner-page18-blocco234 .card-text span{
3437    border-bottom: 2px solid var(--bs-primary);
3438}
3439
3440section.cta-banner-container.cta-banner-page18-blocco234 .article-tag:before{
3441    content: none;
3442}
3443
3444section.cta-banner-container.cta-banner-page18-blocco234 h3{
3445    text-transform: uppercase;
3446    font-weight: 600;
3447    letter-spacing: 3px;
3448}
3449
3450@media (max-width: 479.98px) {
3451    section.cta-banner-container.cta-banner-page18-blocco234 button{
3452        font-size: 14px;
3453    }
3454}
3455
3456
3457
3458/* PAGE BANNER in HOME*/
3459
3460/* STAGE */
3461
3462section.page-banner-container.page-banner-page18-blocco233 nav{
3463    display: none;
3464}
3465
3466@media (max-width: 575.98px) {
3467    section.page-banner-container.page-banner-page18-blocco233 p.lead{
3468        font-size:1rem;
3469    }
3470}
3471
3472section.page-banner-container.page-banner-page18-blocco233 .logo-container{
3473    max-width: 200px;
3474}
3475
3476@media (min-width: 768px) {
3477    section.page-banner-container.page-banner-page18-blocco233 .logo-container{
3478        max-width: 250px;
3479    }
3480}
3481
3482@media (min-width: 992px) {
3483    section.page-banner-container.page-banner-page18-blocco233 .logo-container{
3484        max-width: 300px;
3485    }
3486}
3487
3488@media (min-width: 1400px) {
3489    section.page-banner-container.page-banner-page18-blocco233 .logo-container{
3490        max-width: 350px;
3491    }
3492}
3493
3494
3495
3496section.page-banner-container.page-banner-page18-blocco233 h2{
3497    text-transform: uppercase;
3498    font-weight: 600;
3499    letter-spacing: 3px;
3500}
3501
3502/* FINE STAGE */
3503
3504/* PROD */
3505
3506
3507section.page-banner-container.page-banner-page1-blocco25358{
3508    p.card-text.lead{
3509        font-weight: 400;
3510        max-width: 300px;
3511    }
3512    button {
3513        font-weight: 600;
3514        letter-spacing: 3px;
3515        font-size: 1.6em;
3516    }
3517    @media (max-width: 767.98px) {
3518      .card-img-overlay{
3519        display: flex;
3520        align-items: flex-end;
3521        padding-bottom: 1rem !important;
3522      }
3523    }
3524}
3525
3526section.page-banner-container.page-banner-page1-blocco11{
3527    display: none;
3528}
3529
3530section.page-banner-container.page-banner-page1-blocco11 nav{
3531    display: none;
3532}
3533
3534@media (max-width: 575.98px) {
3535    section.page-banner-container.page-banner-page1-blocco11 p.lead{
3536        font-size:1rem;
3537    }
3538}
3539
3540section.page-banner-container.page-banner-page1-blocco11 .logo-container{
3541    max-width: 200px;
3542}
3543
3544@media (min-width: 768px) {
3545    section.page-banner-container.page-banner-page1-blocco11 .logo-container{
3546        max-width: 250px;
3547    }
3548}
3549
3550@media (min-width: 992px) {
3551    section.page-banner-container.page-banner-page1-blocco11 .logo-container{
3552        max-width: 300px;
3553    }
3554}
3555
3556@media (min-width: 1400px) {
3557    section.page-banner-container.page-banner-page1-blocco11 .logo-container{
3558        max-width: 350px;
3559    }
3560}
3561
3562section.page-banner-container.page-banner-page1-blocco11 h2{
3563    text-transform: uppercase;
3564  /*   font-weight: 600;
3565    letter-spacing: 3px; */
3566}
3567
3568@media (max-width: 767.98px) {
3569    section.title-section-container.title-section-page1-blocco15 h2{
3570        font-size: 3rem;
3571    }
3572}
3573
3574@media (max-width: 575.98px) {
3575    section.title-section-container.title-section-page1-blocco15 h2{
3576        font-size: 1.5rem;
3577    }
3578}
3579
3580/* FINE PROD */
3581
3582/* FINE PAGE BANNER in HOME*/
3583
3584section.title-section-container.title-section-page18-blocco222 .container-lg{
3585    background-color: var(--bs-black)!important;
3586    padding-top: 0!important;
3587    padding-bottom: 0!important;
3588}
3589
3590section.article-carousel-container .container-lg{
3591    padding-bottom: 0!important;
3592}
3593
3594section.image-section-container.image-section-page32-blocco223 .container-lg{
3595    padding-top: 0!important;
3596}
3597
3598section.title-section-container.title-section-page46-blocco241 .container-lg{
3599    padding-bottom: 0!important;
3600    padding-top: 0!important;
3601}
3602
3603section.title-section-container.title-section-page18-blocco29  .container-lg{
3604    padding-bottom: 0!important;
3605    padding-top: 0!important;
3606}
3607
3608section.title-section-container.title-section-page18-blocco226 .container-lg{
3609    padding-bottom: 0!important;
3610    
3611}
3612
3613section.title-section-container.title-section-page18-blocco236 .container-lg{
3614    background-color: var(--bs-black)!important;
3615    padding-top: 0!important;
3616    padding-bottom: 0!important;
3617}
3618
3619/* STAGE */
3620section.title-section-container.title-section-page18-blocco224 .container-lg{
3621    background-color: var(--bs-black)!important;
3622    padding-bottom: 0!important;
3623}
3624/* FINE STAGE */
3625
3626/* PROD */
3627
3628section.ngi-adv-container.advertising-page1-blocco23295 .container-lg{
3629    padding-bottom: 3rem!important;
3630}
3631
3632section.parallax-section-container.parallax-section-page1-blocco4 .container-lg{
3633    padding-top: 0!important;
3634    padding-bottom: 0!important;
3635}
3636
3637section.title-section-container.title-section-page1-blocco15 .container-lg{
3638    background-color: var(--bs-black)!important;
3639    padding-bottom: 0!important;
3640}
3641
3642section.title-section-container.title-section-page1-blocco8 .container-lg{
3643    padding-bottom: 0!important;
3644}
3645/* FINE PROD */
3646
3647section.title-section-container.title-section-page18-blocco38 .container-lg{
3648    padding-bottom: 0!important;
3649    
3650}
3651section.parallax-section-container.parallax-section-page46-blocco244 .container-lg{
3652    padding-top: 0!important;
3653}
3654
3655@media (max-width: 575.98px) {
3656    section.title-section-container.title-section-page18-blocco222 h2:after {
3657        height: 20px;
3658        margin: 0 10px -1px;
3659    }
3660}
3661
3662img[src='/upload/media-gallery/payWall_mod_3.png']{
3663    transform: translateY(-110px);
3664}
3665
3666section.featured-post-container.featured-post-page18-blocco232 h6{
3667    font-weight: 600;
3668    /* letter-spacing: 3px; */
3669}
3670
3671section.featured-post-container.featured-post-page18-blocco218 {
3672    display: none;
3673}
3674
3675section.photo-gallery-container.photo-gallery-page18-blocco235 .container-lg{
3676   
3677    padding-top: 0!important;
3678  
3679}
3680
3681
3682section.image-section-container.image-section-page18-blocco225 .container-lg{
3683   
3684    padding-top: 0!important;
3685  
3686}
3687
3688section.title-section-container.title-section-page32-blocco239 .container-lg{
3689    padding-top: 0!important;
3690    padding-bottom: 0!important;
3691}
3692
3693section.article-list-container.article-list-page46-blocco245 .container-lg{
3694    padding-top: 0!important;
3695}
3696
3697/* MODIFICHE NELL'ARTICOLO IN STAGE PER OUTBRAIN */
3698
3699section.title-section-container.title-section-page32-blocco239 h2{
3700    text-transform: uppercase;
3701    font-size: 2.5em;
3702    font-weight: 600;
3703    color: #dadada;
3704    letter-spacing: 4px;
3705}
3706
3707section.article-carousel-container.article-carousel-page32-blocco238 .card-body p,
3708section.article-carousel-container.article-carousel-page32-blocco238 #customize-controls{
3709    display: none;
3710}
3711
3712section.article-carousel-container.article-carousel-page32-blocco238 .container-lg{
3713    padding-top: 0!important;
3714}
3715
3716section.ngi-hero-container + style + .ngi-image-container{
3717    display: none;
3718}
3719
3720
3721/* section.title-section-container.title-section-page1-blocco12075{
3722    display:none;
3723}
3724
3725section.featured-post-container.featured-post-page1-blocco12076{
3726    display:none;
3727} */
3728
3729/* *********************************************
3730************************************************
3731           FINE CUSTOM STYLE SECTIONS
3732************************************************
3733********************************************* */
3734
3735/* *** FINE UTILITIES CLASS FOR TEMPORARY DYNAMIC SITE *** */
3736
3737
3738
3739section.page-banner-container .breadcrumb-item a{
3740    --bs-text-opacity: 1;
3741      color: rgba(var(--bs-light-rgb),var(--bs-text-opacity));
3742  }
3743  
3744section.page-banner-container .breadcrumb-item a:hover{
3745    --bs-text-opacity:1;
3746    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity));
3747}
3748
3749section.page-banner-container .breadcrumb-item.active{
3750    --bs-text-opacity:1;
3751    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity));
3752
3753    
3754}
3755
3756/* END PAGE BANNER */
3757
3758/* ANIMATION */
3759
3760section.hero-slider-container .carousel-item.active .carousel-caption h2 {
3761    animation: 1s anim-lineUp-001 ease-out;
3762    animation-fill-mode: both;
3763    
3764}
3765
3766
3767section.hero-slider-container .carousel-item.active .carousel-caption p {
3768    animation: 1s anim-lineUp-002 ease-out;
3769    animation-fill-mode: both;
3770    
3771}
3772
3773section.hero-slider-container .carousel-item.active .carousel-caption button {
3774    animation: 1s anim-lineUp-003 ease-out;
3775    animation-fill-mode: both;
3776    
3777}
3778
3779@keyframes anim-lineUp-001 {
3780    0% {
3781      opacity: 0;
3782      transform: translateY(-80%);
3783    }
3784    20% {
3785      opacity: 0;
3786    }
3787    50% {
3788      opacity: 1;
3789      transform: translateY(0%);
3790    }
3791    100% {
3792      opacity: 1;
3793      transform: translateY(0%);
3794    }
3795}
3796
3797@keyframes anim-lineUp-002 {
3798    0% {
3799      opacity: 0;
3800      transform: translateY(-120%);
3801    }
3802    20% {
3803      opacity: 0;
3804    }
3805    50% {
3806      opacity: 1;
3807      transform: translateY(0%);
3808    }
3809    100% {
3810      opacity: 1;
3811      transform: translateY(0%);
3812    }
3813}
3814
3815@keyframes anim-lineUp-003 {
3816    0% {
3817      opacity: 0;
3818      transform: translateY(120%);
3819    }
3820    20% {
3821      opacity: 0;
3822    }
3823    50% {
3824      opacity: 1;
3825      transform: translateY(0%);
3826    }
3827    100% {
3828      opacity: 1;
3829      transform: translateY(0%);
3830    }
3831}
3832
3833/* FINE ANIMATION */
3834
3835/* ******************************************************************
3836******************************END**********************************
3837**************GENERAL STYLE BOOTSTRAP VARIABLE NAIMA***************
3838******************************END**********************************
3839******************************END********************************** */
3840</style><!-- STILE nuovo piccolo -->
3841<style>
3842    @media (max-width: 575.98px) {
3843        header.photomaster{
3844            a.ngi-logo{
3845                width: 80%;
3846            }
3847        } 
3848    }
3849
3850    @media (min-width: 1200px) {
3851
3852        header .offcanvas-body{
3853            flex-direction: row;
3854            padding-left:20px!important;
3855            padding-right:20px!important;
3856        }
3857
3858        header form .btn{
3859            color:var(--bs-black);
3860
3861        }
3862
3863        header form .btn:hover,
3864        header form .btn:active {
3865            color:var(--bs-dark)!important;
3866
3867        }
3868
3869        header .offcanvas-body .nav-link{
3870            font-size:14px;
3871        }
3872
3873    }
3874
3875    .navbar {
3876        --bs-navbar-color:var(--bs-black);
3877        --bs-navbar-active-color:var(--bs-black);
3878        --bs-navbar-nav-link-padding-x: 0.5rem;
3879    }
3880
3881    @media (min-width: 992px) and (max-width: 1539.98px) {
3882        .navbar {
3883            --bs-navbar-nav-link-padding-x: 0.3rem;
3884        }
3885        header .offcanvas-body{
3886            padding-left:20px!important;
3887            padding-right:20px!important;
3888        }
3889        header .offcanvas-body .navbar-brand-container{
3890            width: 120px;
3891        }
3892        header .offcanvas-body .navbar-brand-container .navbar-brand{
3893            max-width: 120px;
3894        }
3895        header .offcanvas-body .navbar-brand-container .navbar-brand img{
3896            width: 120px;
3897        }
3898        header .offcanvas-body form{
3899            width: 120px;
3900        }
3901        header .offcanvas-body .nav-link{
3902            font-size:12px;
3903        }
3904
3905    }
3906    @media (min-width: 1400px) and (max-width: 1539.98px) {
3907        header {
3908            &.photomaster{
3909                .offcanvas-body .nav-link{
3910                    font-size:10px;
3911                }
3912            }
3913            
3914        }
3915    }
3916
3917    @media (min-width: 1540px) {
3918        .navbar {
3919            --bs-navbar-nav-link-padding-x: 0.5rem;
3920        }
3921        header .offcanvas-body .navbar-brand-container{
3922            width: 200px;
3923        }
3924        header .offcanvas-body .navbar-brand-container .navbar-brand{
3925            max-width: 200px;
3926        }
3927        header .offcanvas-body .navbar-brand-container .navbar-brand img{
3928            width: 200px;
3929        }
3930        header .offcanvas-body form{
3931            width: 200px;
3932        }
3933    }
3934
3935
3936</style>
3937
3938<script
3939    src="https://code.jquery.com/jquery-3.6.3.slim.min.js"
3940    integrity="sha256-ZwqZIVdD3iXNyGHbSYdsmWP//UBokj2FHAxKuSBKDSo="
3941    crossorigin="anonymous">
3942</script>
3942
3943
3944 <!-- TUTTE LE PAGINE -->
3945
3946<header class="sticky-top all-pages">
3947    <div class="container-lg p-0">
3948
3949        <div class="header-notice py-3 text-center d-flex flex-column flex-md-row justify-content-between align-items-center">
3950
3951            <div class="left-element mb-3 mb-md-0">
3952
3953                <a class="navbar-brand m-0 p-0" href="/">
3954                    <img src="/upload/logo/logo_ng_ita_w.svg" alt="Logo">
3955                </a>
3956
3957            </div>
3958
3959            <div class="right-element ms-2">
3960                <div class="d-flex gap-2 justify-content-center align-items-center">
3961
3962                    <a class="text-decoration-none" href="https://ng.gedidigital.it/plus/edicola/edicola.jsp" target="_blank">
3963                        <button type="button" class="btn btn-primary btn-lg px-2 px-sm-3 px-xxl-4">Leggi ora</button>
3964                    </a>
3965
3966                                            <a class="text-decoration-none" href="https://shop.ng.gedidigital.it/natgeo/abbonati/all/snodo/ATP_SNODO/all" target="_blank">
3967                            <button type="button" class="btn btn-primary btn-lg px-2 px-sm-3 px-xxl-4">Abbonati</button>
3968                        </a>
3969                           
3970                    <div id="account-data-container">
3971                        <a class="text-decoration-none">
3972                            <button type="button" class="btn btn-primary btn-lg px-2 px-sm-3 px-xxl-4">
3973                                <span class="accedi-icon">
3974                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person" viewBox="0 0 16 16">
3975                                        <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/>
3976                                    </svg>
3977                                </span>
3978                                <span>Accedi</span>
3979                            </button>
3980                        </a>
3981                    </div>
3982
3983                </div>
3984            </div>
3985        </div>
3986
3987        <nav class="navbar navbar-expand-xl bg-success" aria-label="Offcanvas navbar large">
3988
3989            <div class="nav-container container-lg">
3990
3991                <a class="navbar-brand d-block d-xl-none" href="/">
3992                    <img src="/upload/logo/logo_ng_ita_w.svg" alt="Logo">
3993                </a>
3994
3995                <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar2" aria-controls="offcanvasNavbar2">
3996                    <span class="navbar-toggler-icon"></span>
3997                </button>
3998
3999                <div class="offcanvas bg-secondary offcanvas-end" tabindex="-1" id="offcanvasNavbar2" aria-labelledby="offcanvasNavbar2Label">
4000                    <!-- Header -->
4001                    <div class="offcanvas-header p-3">
4002                        <h5 class="offcanvas-title" id="offcanvasNavbar2Label">
4003                            <img src="/upload/logo/logo_ng_ita_w.svg" alt="Logo">
4004                        </h5>
4005                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
4006                    </div>
4007                    <!-- Body -->
4008                    <div class="offcanvas-body px-0 pt-0 pb-5 pb-xl-0 text-uppercase align-items-center text-center">
4009
4010                        <ul class="navbar-nav justify-content-center flex-grow-1 d-xl-none">
4011
4012                            <li class="nav-item hide-item">
4013                                <a class="text-decoration-none nav-link" href="https://ng.gedidigital.it/plus/edicola/edicola.jsp" target="_blank">
4014                                    <button
4015                                    type="button"
4016                                    class="btn btn-primary btn-lg px-2 px-sm-3 px-xxl-4"
4017                                    style="width: max-content; min-width: 150px;">
4018                                        Leggi ora
4019                                    </button>
4020                                </a>
4021                            </li>
4022                                                            <li class="nav-item hide-item">
4023                                    <a class="text-decoration-none nav-link" href="https://shop.ng.gedidigital.it/natgeo/abbonati/
4023all/snodo/ATP_SNODO/all" target="_blank">
4024                                        <button
4025                                        type="button"
4026                                        class="btn btn-primary btn-lg px-2 px-sm-3 px-xxl-4"
4027                                        style="width: max-content; min-width: 150px;">
4028                                            Abbonati
4029                                        </button>
4030                                    </a>
4031                                </li>
4032                            
4033                            <!-- Accedi -->
4034                            <li id="account-data-container-mobile" class="nav-item hide-item my-2"></li>
4035
4036                        </ul>   
4037                        <ul class="navbar-nav justify-content-center flex-grow-1">
4038
4039                            <li class="nav-item photoclub-logo-primary">
4040                                <div class="svg-container me-2" style="width:20px;">
4041                                        <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4042                                        viewBox="0 0 20 28.7" style="enable-background:new 0 0 20 28.7;" xml:space="preserve">
4043                                            <style type="text/css">
4044                                                .st0{fill:#FFD500;}
4045                                            </style>
4046                                        <path class="st0" d="M17.1,25.8V2.9H2.9v22.9H17.1z M0,28.7V0h20v28.7H0z"/>
4047                                        </svg>
4048                                </div>
4049                                
4050                                <a class="nav-link" href="/photoclub">
4051                                    Photo club
4052                                </a>
4053                            </li>
4054
4055                            <li class="nav-item">
4056                                <a class="nav-link" href="/scienza">Scienza</a>
4057                            </li>
4058
4059                            <li class="nav-item">
4060                                <a class="nav-link" href="/storia-e-civilta">Storia</a>
4061                            </li>
4062
4063                            <li class="nav-item">
4064                                <a class="nav-link " href="/wildlife">Wildlife</a>
4065                            </li>
4066
4067                            <li class="nav-item">
4068                                <a class="nav-link" href="/viaggi">Viaggi</a>
4069                            </li>
4070
4071                            <li class="nav-item">
4072                                <a class="nav-link" href="/ambiente">Ambiente</a>
4073                            </li>
4074
4075                            <li class="nav-item hide-item">
4076                                <a class="nav-link" href="/spazio">Spazio</a>
4077                            </li>
4078
4079                            <li class="nav-item">
4080                                <a class="nav-link" href="/serie-e-film">Serie e Film</a>
4081                            </li>
4082
4083                            <li class="nav-item">
4084                                <a class="nav-link" href="javascript:void(0)">
4085                                    <button class="btn" type="submit" onclick="gotosearch()">
4086                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
4087                                            <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path>
4088                                        </svg>
4089                                    </button>
4090                                </a>
4091                            </li>
4092
4093                            <li class="nav-item newsletter my-3 d-xl-none" style="border: 1px solid #FFF;">
4094                                <a class="text-decoration-none" href="https://login.gedi.it/clp/accounts/sites/natgeo/www/newsletter.php?ref=FHFT" target="_blank">
4095                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-bell-fill" viewBox="0 0 16 16">
4096                                        <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2m.995-14.901a1 1 0 1 0-1.99 0A5 5 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901"/>
4097                                    </svg>
4098                                    <span>Iscriviti alla newsletter</span>
4099                                </a>
4100                            </li>
4101
4102                            <li class="nav-item hide-item">
4103                                <a class="nav-link d-inline-block" style="font-size:12px;" href="https://apps.apple.com/it/app/national-geographic-italia/id518580714"
4104                                    target="_self"
4105                                    rel="undefined
4106                                    noopener
4107                                    noreferrer
4108                                    nofollow"
4109                                    data-layer-click-event="{&quot;event&quot;:&quot;Click-Out Tracking&quot;,&quot;location&quot;:&quot;Footer - Subscribe&quot;,&quot;outclick&quot;:&quot;https://apps.apple.com/it/app/national-geographic-italia/id518580714&quot;}"
4110                                    class="nav-link p-0">
4111                                        App iOS
4112                                </a>
4113                            </li>
4114
4115                            <li class="nav-item hide-item">
4116                                <a class="nav-link d-inline-block" style="font-size:12px;" href="https://play.google.com/store/apps/details?id=it.nationalgeographic.ngm.android&amp;hl=it&amp;gl=US"
4117                                    target="_self"
4118                                    rel="undefined
4119                                    noopener
4120                                    noreferrer
4121                                    nofollow"
4122                                    data-layer-click-event="{&quot;event&quot;:&quot;Click-Out Tracking&quot;,&quot;location&quot;:&quot;Footer - Subscribe&quot;,&quot;outclick&quot;:&quot;https://play.google.com/store/apps/details?id=it.nationalgeographic.ngm.android&amp;hl=it&amp;gl=US&quot;}"
4123                                    class="nav-link p-0">
4124                                        App Android
4125                                </a>
4126                            </li>
4127
4128                        </ul>
4129
4130                    </div>
4131                </div>
4132
4133            </div>
4134        </nav>
4135
4136    </div>
4137
4138</header>
4139
4140
4141<script>
4142
4143    const media_0_LG = window.matchMedia('(max-width: 1199.98px)')
4144    const media992 = window.matchMedia('(min-width: 992px)')
4145    const mediaLG = window.matchMedia('(min-width: 1200px)')
4146    let device = '';
4147
4148    if (media_0_LG.matches) {
4149        device = '0_LG';
4150    }
4151
4152    if (media992.matches) {
4153        device = 'deviceUp992';
4154    }
4155
4156    if (mediaLG.matches) {
4157        device = 'LG';
4158    }
4159
4160    $(".navbar-nav .nav-link").click(function() {
4161        $(".navbar-nav .nav-link").removeClass('active');
4162        $(this).addClass('active');
4163    });
4164    $(function($) {
4165        let url = window.location.href;
4166        $('.navbar-nav .nav-item .nav-link').each(function() {
4167            if (this.href === url) {
4168            $(this).addClass('active');
4169            }
4170        });
4171    });
4172
4173    if(device == '0_LG'){
4174        var accedi = $('#account-data-container').detach();
4175        $("#account-data-container-mobile").append(accedi);
4176    }
4177
4178</script>
4178
4179
4180<script>
4181
4182function searchNGI(){
4183        var search;
4184    search = $("#searchNGI").val();
4185    if($("#searchNGI").val()===""){
4186        $("header .form-control").attr("style", "border-bottom: 1px solid #990000!important;");
4187    }else{
4188        window.location.href = "/cerca?term=" + search;
4189    }
4190}
4191
4192function gotosearch(){
4193    window.location.href = "/cerca-su-national-geographic-italia";
4194}
4195
4196</script>
4196
4197
4198<style>
4199/* Video Pop-up */
4200#ultimoVideoPopup .brid-share-control.brid-control.brid-button  {
4201    display: none !important;
4202}
4203
4204div.brid {
4205    border-radius: 0 !important;
4206}
4207#ultimoVideoPopup {
4208    width: 100%;
4209
4210    position: fixed;
4211    bottom: 16px;
4212    left: 16px;
4213    z-index: 1050;
4214    max-width: calc(100vw - 32px);
4215    background: #000;
4216    overflow: hidden;
4217    box-shadow: 0 8px 32px rgba(0,0,0,0.45);
4218    display: none;
4219    transition: opacity 0.3s ease, transform 0.3s ease;
4220    opacity: 0;
4221    transform: translateY(12px);
4222}
4223
4224.video-popup--close {
4225  position: absolute;
4226  top: 8px;
4227  left: 8px;
4228  z-index: 10;
4229  background: rgba(0,0,0,0.6);
4230  border: none;
4231  border-radius: 50%;
4232  width: 28px;
4233  height: 28px;
4234  display: flex;
4235  align-items: center;
4236  justify-content: center;
4237  cursor: pointer;
4238  color: #fff;
4239  font-size: 14px;
4240  line-height: 1;
4241  padding: 0;
4242}
4243@media screen and (min-width: 540px) {
4244    #ultimoVideoPopup {
4245        width: 50%;
4246    }
4247}
4248@media screen and (min-width: 992px) {
4249    #ultimoVideoPopup {
4250        width: 400px;
4251    }
4252}
4253@media screen and (min-width: 1200px) {
4254    #ultimoVideoPopup {
4255        width: 500px;
4256    }
4257}
4258
4259</style>
4260    <div id="ultimoVideoPopup" class="no-streaming-live">
4261        <button class="video-popup--close"
4262            id="ultimoVideoClose"
4263            type="button"
4264            aria-label="Chiudi video"
4265            >
4266            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16">
4267            <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/>
4268            </svg>
4269        </button>
4270
4271        <!-- Video wrapper — 16:9 ratio -->
4272        <div style="position: relative; width: 100%; aspect-ratio: 16/9; background: #000; overflow: hidden; border-radius: 0;">
4273            <div id="Brid_76389825" class="brid" style="width:100%; height:100%; border-radius: 0;"></div>
4274        </div>
4275    </div>
4276
4277    <!-- Brid.tv player script — load once -->
4278    
4278<script type="text/javascript" src="https://services.brid.tv/player/build/brid.min.js"></script>
4278
4279
4280    
4280<script>
4281        (function () {
4282            const popup    = document.getElementById('ultimoVideoPopup');
4283            const closeBtn = document.getElementById('ultimoVideoClose');
4284            const STORAGE_KEY = 'ultimoVideoPopupClosed';
4285            const LAYER_ID = Brid_76389825;  // ← store it once in JS
4286
4287            let playerReady = false;
4288
4289            function showPopup() {
4290                popup.style.display = 'block';
4291                requestAnimationFrame(() => {
4292                    requestAnimationFrame(() => {
4293                        popup.style.opacity = '1';
4294                        popup.style.transform = 'translateY(0)';
4295                    });
4296                });
4297            }
4298
4299            function hidePopup() {
4300                popup.style.opacity = '0';
4301                popup.style.transform = 'translateY(12px)';
4302                setTimeout(() => { popup.style.display = 'none'; }, 300);
4303            }
4304
4305            function destroyPopupPlayer() {
4306                $bp(LAYER_ID).destroy();  // ← scoped to popup layer only
4307            }
4308
4309            function initPlayer() {
4310                if (playerReady) return;
4311                playerReady = true;
4312
4313                $bp(LAYER_ID, {
4314                    "id": "38862",
4315                    "width": "640",
4316                    "height": "360",
4317                    "video": "1237633",
4318                    "autoplay": false,
4319                    "muted": true
4320                }, function () {
4321                    this.autoplay(false);
4322                    this.muted(true);
4323                    this.volume(0);
4324
4325                    $bp(LAYER_ID).on('ended', function() {  // ← scoped
4326                        hidePopup();
4327                        destroyPopupPlayer();
4328                    });
4329                });
4330            }
4331
4332            function maybeShow() {
4333                if (sessionStorage.getItem(STORAGE_KEY)) return;
4334                setTimeout(() => {
4335                    showPopup();
4336                    initPlayer();
4337                }, 1500);
4338            }
4339
4340            closeBtn.addEventListener('click', function () {
4341                hidePopup();
4342                destroyPopupPlayer();
4343                sessionStorage.setItem(STORAGE_KEY, '1');
4344            });
4345
4346            document.addEventListener('DOMContentLoaded', maybeShow);
4347
4348        })();
4349    </script>
4349
4350<body class='body-3'><div id="adv-Position3"></div><div id="adv-Top"></div><section class="section text-center ngi-adv-container ">
4351    <div class="container-lg px-3 px-sm-5 bg-success">
4352        <div class="ngi-adv">
4353            <div class="row justify-content-center g-0">
4354                <div class="col-12">
4355                  <div id="adv-TopLeft"></div>
4356                </div>
4357            </div>
4358        </div>
4359    </div>
4360</section>
4361
4362
4363<style>
4364  section.title-section-container h1 {
4365    text-transform: uppercase;
4366    font-size: 4.5em;
4367    font-weight: 600;
4368    color: #dadada;
4369    letter-spacing: 8px;
4370  }
4371</style>
4372<section class="section title-section-container title-section-page3-blocco21">
4373    <div class="container-lg bg-success py-5 px-3 px-sm-5">
4374      <div class="title-section">
4375        <div class="row g-0">
4376          <div class="col">
4377            <h6 class="text-uppercase"></h6>
4378            <h1 class="h2 posizione-1">storia e civiltà</h1>            <p class="description"></p>
4379          </div>
4380        </div>
4381      </div>
4382    </div>
4383</section>
4384
4385
4386<style>
4387section.cta-banner-container{
4388    picture{
4389        position: relative;
4390        width: 100%;
4391        height: 100%;
4392        display: block;
4393        
4394    }
4395    #search{
4396        border-right: 0 !important;
4397    }
4398    .input-group{
4399        input::placeholder {
4400        font-size: 14px; /* O la dimensione che preferisci */
4401       
4402        }
4403
4404        /* Per Internet Explorer 10 e 11 */
4405        input:-ms-input-placeholder {
4406        font-size: 14px;
4407      
4408        }
4409
4410        /* Per versioni più vecchie di Firefox */
4411        input::-moz-placeholder {
4412        font-size: 14px;
4413        }
4414        .input-group-text {
4415        
4416            background-color: #fff;
4417            border-radius:0!important;
4418            border-left: 0 !important;
4419            &.button:hover{
4420                background-color:var(--bs-primary);
4421            }
4422        }
4423    }
4424    
4425        
4426    
4427}
4428
4429/* section.cta-banner-container picture:after{
4430    content: '';
4431    position:absolute;
4432    top: 50%;
4433    left: 50%;
4434    width: 100%;
4435    height: 100%;
4436    transform: translate(-50%, -50%);
4437    background-color: rgba(0,0,0, 0.5);
4438} */
4439section.cta-banner-container h1 {
4440    font-size: 2.5em;
4441    text-shadow: 0px 0px 5px #000000;
4442    font-weight: 600;
4443}
4444
4445@media (max-width: 575.98px) {
4446    section.cta-banner-container h1,
4447    section.cta-banner-container h3{
4448        font-size: 1.2rem;
4449    }
4450}
4451
4452
4453
4454
4455</style>
4456<section class="section cta-banner-container text-light cta-banner-page3-blocco22">
4457  <div class="container-lg py-5 px-3 px-sm-5 bg-success">
4458    <div class="cta-banner">
4459      <div class="row g-0">
4460        <div class="col">
4461          <a href="/tombe-inviolate-chimu-storia-rivali-impero-inca">
4462            <div class="card box box7">
4463              <div class="picture-container">
4464                <picture class="resp-img-cntr landscape css-vean54">
4465                    <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=320&amp;h=180" type="image/webp">
4466                    <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=360&amp;h=203" type="image/webp">
4467                    <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=430&amp;h=242" type="image/webp">
4468                    <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=500&amp;h=282" type="image/webp">
4469                    <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=768&amp;h=432" type="image/webp">
4470                    <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=900&amp;h=507" type="image/webp">
4471                    <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1024&amp;h=576" type="image/webp">
4472                    <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1150&amp;h=647" type="image/webp">
4473                    <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.
4473jpeg?w=1280&amp;h=720" type="image/webp">
4474                    <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1450&amp;h=816" type="image/webp">
4475                    <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1600&amp;h=900" type="image/webp">
4476                    <source srcset="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1600&amp;h=900"
4477                    width="1600"
4478                    height="900"
4479                    alt="<p>Cosa rivelano le tombe inviolate dei&nbsp;Chim&uacute;: i segreti dei pi&ugrave; grandi rivali dell&rsquo;Impero Inca</p>
4480"
4481                    title="<p>Cosa rivelano le tombe inviolate dei&nbsp;Chim&uacute;: i segreti dei pi&ugrave; grandi rivali dell&rsquo;Impero Inca</p>
4482">
4483                    <img src="/upload/ngi-hero/cover-1790004902865-Tombe.jpeg?w=1600&amp;h=900"
4484                    width="1600"
4485                    height="900"
4486                    alt="<p>Cosa rivelano le tombe inviolate dei&nbsp;Chim&uacute;: i segreti dei pi&ugrave; grandi rivali dell&rsquo;Impero Inca</p>
4487"
4488                    title="<p>Cosa rivelano le tombe inviolate dei&nbsp;Chim&uacute;: i segreti dei pi&ugrave; grandi rivali dell&rsquo;Impero Inca</p>
4489" loading="eager">
4490                </picture>
4491              </div>
4492              <div class="card-img-overlay">
4493                <div class="card-body p-0 p-sm-3 d-flex h-100">
4494                    <div class="handle-position">
4495                      
4496                      <h3 class="mb-1  posizione-2" style="text-shadow: 0px 0px 5px #000000;">Cosa rivelano le tombe inviolate dei&nbsp;Chim&uacute;: i segreti dei pi&ugrave; grandi rivali dell&rsquo;Impero Inca
4497</h3>                      
4498                    </div>
4499                </div>
4500              </div>
4501            </div>
4502          </a>
4503        </div>
4504      </div>
4505    </div>
4506  </div>
4507</section>
4508
4509<style>
4510
4511@media (max-width: 991.98px) {
4512    section.parallax-section-container a.custom-link-parallax img{
4513        width: 50%!important;
4514        margin: 0 auto!important;
4515    }
4516}
4517
4518
4519section.parallax-section-container span.btn{
4520    position:absolute;
4521    bottom: 0;
4522    left: 0;
4523    border-radius: 0;
4524    text-transform: uppercase;
4525    font-weight: 600;
4526    letter-spacing: 3px;
4527    font-size: 13px;
4528 
4529 }
4530
4531section.parallax-section-container .taxonomy-container li{
4532   display: inline-block;
4533}
4534
4535section.parallax-section-container .taxonomy-container a{
4536    font-size: 0.75rem;
4537    text-transform: uppercase;
4538    display: inline-block;
4539    background-image: linear-gradient(120deg,var(--bs-primary),var(--bs-primary));
4540    background-position: 0 100%;
4541    background-repeat: no-repeat;
4542    background-size: 100% 0;
4543    border-bottom: 2px solid var(--bs-primary);
4544    color:var(--bs-dark);
4545    text-decoration: none;
4546    transition: background-size .15s ease-in-out;
4547    padding: 0 5px;
4548}
4549section.parallax-section-container .taxonomy-container a:hover{
4550    background-size: 100% 100%;
4551    color: var(--bs-white);
4552}
4553
4554section.parallax-section-container .card-img-overlay{
4555    top:50%;
4556    bottom: auto;
4557    transform: translateY(-50%);
4558}
4559@media (min-width: 992px) {
4560    section.parallax-section-container .sticky-container{
4561        display: flex;
4562        position: sticky;
4563        max-height: 100vh;
4564        margin-bottom: auto;
4565    }
4566    
4567    section.parallax-section-container .sticky-container .card{
4568        max-height: 100%;
4569        overflow: hidden;
4570    }
4571
4572    section.parallax-section-container .sticky-card-container{
4573        min-height: 960px;
4574    }
4575}
4576
4577@media (min-width: 992px) and (max-width: 1539.98px) {
4578    section.parallax-section-container .card-body {
4579        padding-left: 4px;
4580        padding-right: 4px;
4581    }
4582}
4583
4584
4585</style><section class="section parallax-section-container parallax-section-page3-blocco23">
4586    <div class="container-lg bg-success py-5 px-3 px-sm-5">
4587        <div class="parallax-section">
4588            <div class="row gutter-custom-prima">
4589
4590              <!-- BLOCCO MANZONI -->
4591              <div class="col-12 col-lg-4">
4592                  <div class="sticky-container mb-5 mb-lg-0 pe-0 text-light">
4593
4594                            <div id="adv-Middle1"></div>
4595                  </div>
4596              </div>
4597              <!-- FINE BLOCCO MANZONI -->
4598
4599            <div class="col-12 col-lg-8 sticky-card-container">
4600                <div class="row row-cols-1 row-cols-md-2 gutter-custom-seconda">
4601
4602                    <!-- SE TI SERVE INIZIO LOOP -->
4603                                        <div class="col">
4604                        <div class="card bg-transparent">
4605                            <a href="/scoperte-ossa-denisoviani-grotta-yunnan-cina" class="text-decoration-none">
4606                                <div class="box box6">
4607                                    <div class="picture-container">
4608                                        <picture>
4609                                            <img src="/upload/ngi-hero/cover-1789034830456-social.jpg?w=1600&amp;h=900"
4610                                            width="1600"
4611                                            height="900"
4612                                                alt="Scoperte rare ossa dei Denisoviani e altri reperti in una grotta dello Yunnan, in Cina
4613" title="Scoperte rare ossa dei Denisoviani e altri reperti in una grotta dello Yunnan, in Cina
4614">
4615                                        </picture>
4616                                    </div>
4617
4618                                    
4619                                    
4620
4621
4622
4623
4624                                </div>
4625                            </a>
4626                            <div class="card-body">
4627                                <div class="text-container">
4628
4629                                
4630
4631
4632
4633
4634
4635
4636
4637
4638                                    <a href="/scoperte-ossa-denisoviani-grotta-yunnan-cina" class="text-decoration-none">
4639                                        <h5 style="font-weight: 600;" class="card-title"><p>Scoperte rare ossa dei Denisoviani e altri reperti in una grotta dello Yunnan, in Cina</p>
4640</h5>
4641                                        <!-- <p class="card-text pb-3"> -->
4642                                            <p>Un insieme di ossa, denti e oltre 1.300 utensili in pietra rinvenuti da un team di ricercatori nella grotta di Bianfu offre uno sguardo dettagliato su come questi antichi e sfuggenti esseri umani ormai estinti vivevano, si procuravano il cibo e utilizzavano gli strumenti nella vita quotidiana.</p>
4643                                        <!-- </p> -->
4644                                    </a>
4645                                    <ul class="taxonomy-container">
4646                                                                            </ul>
4647                                </div>
4648                            </div>
4649                        </div>
4650                    </div>
4651                    <!-- FINE INIZIO LOOP -->
4652                                    <div class="col">
4653                        <div class="card bg-transparent">
4654                            <a href="/eta-dell-oro-della-paleontologia" class="text-decoration-none">
4655                                <div class="box box6">
4656                                    <div class="picture-container">
4657                                        <picture>
4658                                            <img src="/upload/ngi-hero/cover-1676388640258-144 ngi-eta-oro.jpg?w=1600&amp;h=900"
4659                                            width="1600"
4660                                            height="900"
4661                                                alt="Alla scoperta dell&#39;et&agrave; dell&#39;oro della paleontologia
4662" title="Alla scoperta dell&#39;et&agrave; dell&#39;oro della paleontologia
4663">
4664                                        </picture>
4665                                    </div>
4666
4667                                                                            <sp
4667an class="btn text-uppercase btn-primary">
4668                                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="currentColor" class="bi bi-caret-right-fill" viewBox="0 0 16 16">
4669                                            <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
4670                                        </svg>
4671                                        </span>
4672                                    
4673                                    
4674
4675
4676
4677
4678                                </div>
4679                            </a>
4680                            <div class="card-body">
4681                                <div class="text-container">
4682
4683                                
4684                                                                            <!--a href="/scienza" class="text-decoration-none">
4685                                            <p class="article-tag text-uppercase">
4686                                                <span>Scienza</span>
4687                                            </p>
4688                                        </a-->
4689
4690                                        <a href="/scienza" class="text-decoration-none">
4691                                            <p class="article-tag text-uppercase">
4692                                                <span>
4693                                                    Scienza                                                                                                    </span>
4694                                            </p>
4695                                        </a>
4696
4697                                                                        
4698                                
4699
4700
4701
4702
4703
4704
4705
4706
4707                                    <a href="/eta-dell-oro-della-paleontologia" class="text-decoration-none">
4708                                        <h5 style="font-weight: 600;" class="card-title"><p>Alla scoperta dell&#39;et&agrave; dell&#39;oro della paleontologia</p>
4709</h5>
4710                                        <!-- <p class="card-text pb-3"> -->
4711                                            <p>Grazie all&#39;innovazione tecnologica e all&#39;accesso ad aree una volta considerate irraggiungibili, il campo della paleontologia sta vivendo un&#39;epoca d&#39;oro di scoperte.</p>
4712                                        <!-- </p> -->
4713                                    </a>
4714                                    <ul class="taxonomy-container">
4715                                                                            </ul>
4716                                </div>
4717                            </div>
4718                        </div>
4719                    </div>
4720                    <!-- FINE INIZIO LOOP -->
4721                                    <div class="col">
4722                        <div class="card bg-transparent">
4723                            <a href="/fossili-tesori-nascosti-da-scoprire" class="text-decoration-none">
4724                                <div class="box box6">
4725                                    <div class="picture-container">
4726                                        <picture>
4727                                            <img src="/upload/ngi-hero/cover-1676389944120-154 ngi-fossili.jpg?w=1600&amp;h=900"
4728                                            width="1600"
4729                                            height="900"
4730                                                alt="Fossili: tesori nascosti da scoprire
4731" title="Fossili: tesori nascosti da scoprire
4732">
4733                                        </picture>
4734                                    </div>
4735
4736                                                                            <span class="btn text-uppercase btn-primary">
4737                                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="currentColor" class="bi bi-caret-right-fill" viewBox="0 0 16 16">
4738                                            <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
4739                                        </svg>
4740                                        </span>
4741                                    
4742                                    
4743
4744
4745
4746
4747                                </div>
4748                            </a>
4749                            <div class="card-body">
4750                                <div class="text-container">
4751
4752                                
4753                                                                            <!--a href="/scienza" class="text-decoration-none">
4754                                            <p class="article-tag text-uppercase">
4755                                                <span>Scienza</span>
4756                                            </p>
4757                                        </a-->
4758
4759                                        <a href="/scienza" class="text-decoration-none">
4760                                            <p class="article-tag text-uppercase">
4761                                                <span>
4762                                                    Scienza                                                                                                    </span>
4763                                            </p>
4764                                        </a>
4765
4766                                                                        
4767                                
4768
4769
4770
4771
4772
4773
4774
4775
4776                                    <a href="/fossili-tesori-nascosti-da-scoprire" class="text-decoration-none">
4777                                        <h5 style="font-weight: 600;" class="card-title"><p>Fossili: tesori nascosti da scoprire</p>
4778</h5>
4779                                        <!-- <p class="card-text pb-3"> -->
4780                                            <p>Come un tesoro sepolto, i fossili giacciono nascosti alla vista, echi di un passato antico, sussurrano segreti e raccontano storie una volta perse nel tempo.</p>
4781                                        <!-- </p> -->
4782                                    </a>
4783                                    <ul class="taxonomy-container">
4784                                                                            </ul>
4785                                </div>
4786                            </div>
4787                        </div>
4788                    </div>
4789                    <!-- FINE INIZIO LOOP -->
4790                                    <div class="col">
4791                        <div class="card bg-transparent">
4792                            <a href="/cosa-sappiamo-antico-abito-egizio-ricostruito" class="text-decoration-none">
4793                                <div class="box box6">
4794                                    <div class="picture-container">
4795                                        <picture>
4796                                            <img src="/upload/ngi-hero/cover-1787236667649-Hero.jpeg?w=1600&amp;h=900"
4797                                            width="1600"
4798                                            height="900"
4799                                                alt="Cosa sappiamo sull&rsquo;antico abito egizio che &egrave; stato ricostruito a un secolo dalla sua scoperta
4800" title="Cosa sappiamo sull&rsquo;antico abito egizio che &egrave; stato ricostruito a un secolo dalla sua scoperta
4801">
4802                                        </picture>
4803                                    </div>
4804
4805                                    
4806                                    
4807
4808
4809
4810
4811                                </div>
4812                            </a>
4813                            <div class="card-body">
4814                                <div class="text-container">
4815
4816                                
4817
4818
4819
4820
4821
4822
4823
4824
4825                                    <a href="/cosa-sappiamo-antico-abito-egizio-ricostruito" class="text-decoration-none">
4826                                        <h5 style="font-weight: 600;" class="card-title"><p>Cosa sappiamo sull&rsquo;antico abito egizio che &egrave; stato ricostruito a un secolo dalla sua scoperta</p>
4827</h5>
4828                                        <!-- <p class="card-text pb-3"> -->
4829                                            <p>Frammenti di un abito di 4.500 anni fa sono rimasti conservati nel seminterrato di un museo per decenni finch&eacute; una ricercatrice non li ha ricomposti alla ricerca di risposte sul misterioso manufatto.</p>
4830                                        <!-- </p> -->
4831                                    </a>
4832                                    <ul class="taxonomy-container">
4833                                                                            </ul>
4834                                </div>
4835                            </div>
4836                        </div>
4837                    </div>
4838                    <!-- FINE INIZIO LOOP -->
4839                
4840
4841                </div>
4842            </div>
4843
4844
4845            </div>
4846        </div>
4847    </div>
4848</section>
4849<style>
4850
4851section.article-list-container span.btn{
4852    position:absolute;
4853    bottom: 0;
4854    left: 0;
4855    border-radius: 0;
4856    text-transform: uppercase;
4857    font-weight: 600;
4858    letter-spacing: 3px;
4859    font-size: 13px;
4860}
4861
4862section.article-list-container .taxonomy-container {
4863    margin-left: -5px;
4864 }
4865
4866section.article-list-container .taxonomy-container li{
4867    display: inline-block;
4868 }
4869 
4870 section.article-list-container .taxonomy-container a{
4871     font-size: 0.75rem;
4872     text-transform: uppercase;
4873     display: inline-block;
4874     background-image: linear-gradient(120deg,var(--bs-primary),var(--bs-primary));
4875     background-position: 0 100%;
4876     background-repeat: no-repeat;
4877     background-size: 100% 0;
4878     border-bottom: 2px solid var(--bs-primary);
4879     color:var(--bs-dark);
4880     text-decoration: none;
4881     transition: background-size .15s ease-in-out;
4882     margin: 0 5px;
4883    
4884 }
4885 section.article-list-container .taxonomy-container a:hover{
4886     background-size: 100% 100%;
4887     color: var(--bs-white);
4888 }
4889 </style>	<style>
4890
4891.pagination li {
4892	box-sizing: border-box;
4893	padding-right: 10px;
4894}
4895.pagination li a {
4896	box-sizing: border-box;
4897	background-color: #e2e6e6;
4898	padding: 8px;
4899	text-decoration: none;
4900	font-size: 12px;
4901	font-weight: bold;
4902	color: #616872;
4903	border-radius: 4px;
4904      padding-left: 12px;
4905    padding-right: 12px;
4906}
4907.pagination li a:hover {
4908	background-color: #d4dada;
4909}
4910.pagination .next a, .pagination .prev a {
4911	text-transform: uppercase;
4912	font-size: 12px;
4913}
4914.pagination .currentpage a {
4915	background-color: #f0cd48;
4916	color: #000;
4917}
4918.pagination .currentpage a:hover {
4919	background-color: #518acb;
4920}
4921span.contenuto-sponsorizzato{
4922    letter-spacing:1px;
4923}
4924span..contenuto-sponsorizzato:first-letter{
4925    letter-spacing:3px;
4926}
4927	</style>
4928<section class="section article-list-container article-list-page3-blocco24">
4929    <div class="container-lg py-5 px-3 px-sm-5 bg-success">
4930        <div class="article-list ">
4931            <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 g-2">
4932
4933                
4933<script>console.log("CAT URL: 3 ");</script>
4933<script>console.log("LIMIT: 36 - PASSO: 570 ");</script>
4933
4934                <!-- LOOP ARTICOLI -->
4935
4936                <div class="col">
4937                    <div class="card bg-transparent h-100">
4938                        <a href="/storia-profumo-origini-rituali-ricerca-fragranza-perfetta" class="text-decoration-none d-block">
4939                            <div class="box box0">
4940                                <div class="picture-container">
4941                                    <picture class="resp-img-cntr landscape css-vean54">
4942                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=320&amp;h=180">
4943                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=360&amp;h=203">
4944                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=430&amp;h=242">
4945                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=500&amp;h=282">
4946                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=768&amp;h=432">
4947                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=900&amp;h=507">
4948                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1024&amp;h=576">
4949                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1150&amp;h=647">
4950                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1280&amp;h=720">
4951                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1450&amp;h=816">
4952                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1600&amp;h=900">
4953                                        <source srcset="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1600&amp;h=900"
4954                                        width="1600"
4955                                        height="900"
4956                                        alt="L&#39;inebriante storia del profumo: dalle origini rituali alla ricerca della fragranza perfetta
4957"
4958                                        title="L&#39;inebriante storia del profumo: dalle origini rituali alla ricerca della fragranza perfetta
4959">
4960                                        <img src="/upload/ngi-hero/cover-1790585402927-SOCIAL.jpg?w=1600&amp;h=900"
4961                                        width="1600"
4962                                        height="900"
4963                                        alt="L&#39;inebriante storia del profumo: dalle origini rituali alla ricerca della fragranza perfetta
4964"
4965                                        title="L&#39;inebriante storia del profumo: dalle origini rituali alla ricerca della fragranza perfetta
4966" loading="lazy">
4967                                    </picture>
4968                                </div>
4969
4970                                    
4971                                    
4972                            </div>
4973                        </a>
4974                        <div class="card-body">
4975
4976                          
4977                            <a href="/storia-profumo-origini-rituali-ricerca-fragranza-perfetta" class="text-decoration-none d-block">
4978                                <h5 style="font-weight: 600;" class="card-title">
4979                                    <p>L&#39;inebriante storia del profumo: dalle origini rituali alla ricerca della fragranza perfetta</p>
4980                                </h5>
4981                                                                <p class="card-text">
4982
4983                                    <p>Nato nell&rsquo;antichit&agrave; per accompagnare rituali, cerimonie e pratiche religiose, il profumo ha attraversato epoche e culture evolvendo insieme alle societ&agrave; in un simbolo di status, uno strumento di seduzione e, oggi, perfino una forma di espressione personale.&nbsp;Sauvage Extrait di Dior, il primo estratto da uomo della Maison, ne racconta l&rsquo;evoluzione pi&ugrave; contemporanea, dalle antiche tecniche di lavorazione alla ricerca di materie prime pregiate provenienti da ogni parte del mondo.</p>
4984
4985                                </p>
4986                            </a>
4987                            <ul class="taxonomy-container">
4988                                <li> <a href="/argomenti/temi/storia-e-civilta/storia-moderna"> Storia Moderna </a> </li>                            </ul>
4989                        </div>
4990                        </a>
4991                    </div>
4992                </div>
4993
4994                <!-- FINE LOOP ARTICOLI -->
4995
4996                
4997                <!-- LOOP ARTICOLI -->
4998
4999                <div class="col">
5000                    <div class="card bg-transparent h-100">
5001                        <a href="/spitfire-pr-aereo-ricognizione-seconda-guerra-mondiale" class="text-decoration-none d-block">
5002                            <div class="box box0">
5003                                <div class="picture-container">
5004                                    <picture class="resp-img-cntr landscape css-vean54">
5005                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=320&amp;h=180">
5006                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=360&amp;h=203">
5007                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=430&amp;h=242">
5008                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=500&amp;h=282">
5009                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=768&amp;h=432">
5010                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=900&amp;h=507">
5011                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1024&amp;h=576">
5012                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1150&amp;h=647">
5013                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1280&amp;h=720">
5014                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1450&amp;h=816">
5015                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1600&amp;h=900">
5016                                        <source srcset="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1600&amp;h=900"
5017                                        width="1600"
5018                                        height="900"
5019                                        alt="Spitfire PR, l&rsquo;aereo da ricognizione decisivo per la vittoria nella Seconda guerra mondiale
5020"
5021                                        title="Spitfire PR, l&rsquo;aereo da ricognizione decisivo per la vittoria nella Seconda guerra mondiale
5022">
5023                                        <img src="/upload/ngi-hero/cover-1790609633416-Cover.jpeg?w=1600&amp;h=900"
5024                                        width="1600"
5025                                        height="900"
5026                                        alt="Spitfire PR, l&rsquo;aereo da ricognizione decisivo per la vittoria nella Seconda guerra mondiale
5027"
5028                                        title="Spitfire PR, l&rsquo;aereo da ricognizione decisivo per la vittoria nella Seconda guerra mondiale
5029" loading="lazy">
5030                                    </picture>
5031                                </div>
5032
5033                                    
5034                                    
5035                            </div>
5036                        </a>
5037                        <div class="card-body">
5038
5039                          
5040                            <a href="/spitfire-pr-aereo-ricognizione-seconda-guerra-mondiale" class="text-decoration-none d-block">
5041                                <h5 style="font-weight: 600;" class="card-title">
5042                                    <p>Spitfire PR, l&rsquo;aereo da ricognizione decisivo per la vittoria nella Seconda guerra mondiale</p>
5043                                </h5>
5044                                                                <p class="card-text">
5045
5046                                    <p>Agili e veloci, i ricognitori Spitfire PR svolsero missioni fotografiche fondamentali per gli Alleati.</p>
5047
5048                                </p>
5049                            </a>
5050                            <ul class="taxonomy-container">
5051                                                            </ul>
5052                        </div>
5053                        </a>
5054                    </div>
5055                </div>
5056
5057                <!-- FINE LOOP ARTICOLI -->
5058
5059                
5060                <!-- LOOP ARTICOLI -->
5061
5062                <div class="col">
5063                    <div class="card bg-transparent h-100">
5064                        <a href="/tesori-archeologici-turchia-laghi-prosciugati-siccita" class="text-decoration-none d-block">
5065                            <div class="box box0">
5066                                <div class="picture-container">
5067                                    <picture class="resp-img-cntr landscape css-vean54">
5068                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=320&amp;h=180">
5069                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=360&amp;h=203">
5070                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=430&amp;h=242">
5071                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=500&amp;h=282">
5072                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=768&amp;h=432">
5073                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=900&amp;h=507">
5074                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1024&amp;h=576">
5075                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1150&amp;h=647">
5076                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1280&amp;h=720">
5077                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1450&amp;h=816">
5078                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1600&amp;h=900">
5079                                        <source srcset="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1600&amp;h=900"
5080                                        width="1600"
5081                                        height="900"
5082                                        alt="I tesori archeologici della Turchia riemergono dai laghi prosciugati dalla siccit&agrave;
5083"
5084                                        title="I tesori archeologici della Turchia riemergono dai laghi prosciugati dalla siccit&agrave;
5085">
5086                                        <img src="/upload/ngi-hero/cover-1790605140849-Cover.jpeg?w=1600&amp;h=900"
5087                                        width="1600"
5088                                        height="900"
5089                                        alt="I tesori archeologici della Turchia riemergono dai laghi prosciugati dalla siccit&agrave;
5090"
5091                                        title="I tesori archeologici della Turchia riemergono dai laghi prosciugati dalla siccit&agrave;
5092" loading="lazy">
5093                                    </picture>
5094                                </div>
5095
5096                                    
5097                                    
5098                            </div>
5099                        </a>
5100                        <div class="card-body">
5101
5102                          
5103                            <a href="/tesori-archeologici-turchia-laghi-prosciugati-siccita" class="text-decoration-none d-block">
5104                                <h5 style="font-weight: 600;" class="card-title">
5105                                    <p>I tesori archeologici della Turchia riemergono dai laghi prosciugati dalla siccit&agrave;</p>
5106                                </h5>
5107                                                                <p class="card-text">
5108
5109                                    <p>Il cambiamento climatico sta riportando alla luce chiese, castelli e petroglifi un tempo sommer
5109si. Ma questa riscoperta, in alcuni casi, pu&ograve; trasformarsi in una minaccia per la loro conservazione.</p>
5110
5111                                </p>
5112                            </a>
5113                            <ul class="taxonomy-container">
5114                                                            </ul>
5115                        </div>
5116                        </a>
5117                    </div>
5118                </div>
5119
5120                <!-- FINE LOOP ARTICOLI -->
5121
5122                
5123                <!-- LOOP ARTICOLI -->
5124
5125                <div class="col">
5126                    <div class="card bg-transparent h-100">
5127                        <a href="/anello-erode-apparteneva-ponzio-pilato" class="text-decoration-none d-block">
5128                            <div class="box box0">
5129                                <div class="picture-container">
5130                                    <picture class="resp-img-cntr landscape css-vean54">
5131                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=320&amp;h=180">
5132                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=360&amp;h=203">
5133                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=430&amp;h=242">
5134                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=500&amp;h=282">
5135                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=768&amp;h=432">
5136                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=900&amp;h=507">
5137                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1024&amp;h=576">
5138                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1150&amp;h=647">
5139                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1280&amp;h=720">
5140                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1450&amp;h=816">
5141                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1600&amp;h=900">
5142                                        <source srcset="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1600&amp;h=900"
5143                                        width="1600"
5144                                        height="900"
5145                                        alt="Un anello rinvenuto nel palazzo di Erode apparteneva davvero a Ponzio Pilato?
5146"
5147                                        title="Un anello rinvenuto nel palazzo di Erode apparteneva davvero a Ponzio Pilato?
5148">
5149                                        <img src="/upload/ngi-hero/cover-1789998858063-Anello.jpeg?w=1600&amp;h=900"
5150                                        width="1600"
5151                                        height="900"
5152                                        alt="Un anello rinvenuto nel palazzo di Erode apparteneva davvero a Ponzio Pilato?
5153"
5154                                        title="Un anello rinvenuto nel palazzo di Erode apparteneva davvero a Ponzio Pilato?
5155" loading="lazy">
5156                                    </picture>
5157                                </div>
5158
5159                                    
5160                                    
5161                            </div>
5162                        </a>
5163                        <div class="card-body">
5164
5165                          
5166                            <a href="/anello-erode-apparteneva-ponzio-pilato" class="text-decoration-none d-block">
5167                                <h5 style="font-weight: 600;" class="card-title">
5168                                    <p>Un anello rinvenuto nel palazzo di Erode apparteneva davvero a Ponzio Pilato?</p>
5169                                </h5>
5170                                                                <p class="card-text">
5171
5172                                    <p>Da anni gli studiosi sono divisi sull&rsquo;effettiva appartenenza a Ponzio Pilato di un anello con inciso il nome &ldquo;Pilato&rdquo;. Una nuova teoria potrebbe porre fine al dibattito.</p>
5173
5174                                </p>
5175                            </a>
5176                            <ul class="taxonomy-container">
5177                                                            </ul>
5178                        </div>
5179                        </a>
5180                    </div>
5181                </div>
5182
5183                <!-- FINE LOOP ARTICOLI -->
5184
5185                
5186                <!-- LOOP ARTICOLI -->
5187
5188                <div class="col">
5189                    <div class="card bg-transparent h-100">
5190                        <a href="/la-vera-storia-figli-cleopatra-marco-antonio" class="text-decoration-none d-block">
5191                            <div class="box box0">
5192                                <div class="picture-container">
5193                                    <picture class="resp-img-cntr landscape css-vean54">
5194                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=320&amp;h=180">
5195                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=360&amp;h=203">
5196                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=430&amp;h=242">
5197                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=500&amp;h=282">
5198                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=768&amp;h=432">
5199                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=900&amp;h=507">
5200                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1024&amp;h=576">
5201                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1150&amp;h=647">
5202                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1280&amp;h=720">
5203                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1450&amp;h=816">
5204                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1600&amp;h=900">
5205                                        <source srcset="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1600&amp;h=900"
5206                                        width="1600"
5207                                        height="900"
5208                                        alt="Che cosa &egrave; successo davvero ai figli di Cleopatra e Marco Antonio?
5209"
5210                                        title="Che cosa &egrave; successo davvero ai figli di Cleopatra e Marco Antonio?
5211">
5212                                        <img src="/upload/ngi-hero/cover-1789721399627-Cleopatra.jpeg?w=1600&amp;h=900"
5213                                        width="1600"
5214                                        height="900"
5215                                        alt="Che cosa &egrave; successo davvero ai figli di Cleopatra e Marco Antonio?
5216"
5217                                        title="Che cosa &egrave; successo davvero ai figli di Cleopatra e Marco Antonio?
5218" loading="lazy">
5219                                    </picture>
5220                                </div>
5221
5222                                    
5223                                    
5224                            </div>
5225                        </a>
5226                        <div class="card-body">
5227
5228                          
5229                            <a href="/la-vera-storia-figli-cleopatra-marco-antonio" class="text-decoration-none d-block">
5230                                <h5 style="font-weight: 600;" class="card-title">
5231                                    <p>Che cosa &egrave; successo davvero ai figli di Cleopatra e Marco Antonio?</p>
5232                                </h5>
5233                                                                <p class="card-text">
5234
5235                                    <p>Dopo la morte dei genitori, i gemelli furono fatti prigionieri e portati a Roma, dove crebbero sotto il 
5235controllo di Ottaviano. Nonostante ci&ograve;, entrambi ebbero un ruolo importante nella storia romana.</p>
5236
5237                                </p>
5238                            </a>
5239                            <ul class="taxonomy-container">
5240                                                            </ul>
5241                        </div>
5242                        </a>
5243                    </div>
5244                </div>
5245
5246                <!-- FINE LOOP ARTICOLI -->
5247
5248                
5249                <!-- LOOP ARTICOLI -->
5250
5251                <div class="col">
5252                    <div class="card bg-transparent h-100">
5253                        <a href="/esistenza-di-stanze-nascoste-nella-tomba-di-tutankhamon" class="text-decoration-none d-block">
5254                            <div class="box box0">
5255                                <div class="picture-container">
5256                                    <picture class="resp-img-cntr landscape css-vean54">
5257                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=320&amp;h=180">
5258                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=360&amp;h=203">
5259                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=430&amp;h=242">
5260                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=500&amp;h=282">
5261                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=768&amp;h=432">
5262                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=900&amp;h=507">
5263                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1024&amp;h=576">
5264                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1150&amp;h=647">
5265                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1280&amp;h=720">
5266                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1450&amp;h=816">
5267                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1600&amp;h=900">
5268                                        <source srcset="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1600&amp;h=900"
5269                                        width="1600"
5270                                        height="900"
5271                                        alt="Nuovi studi alimentano&nbsp;l&rsquo;ipotesi dell&#39;esistenza di stanze nascoste nella tomba di Tutankhamon
5272"
5273                                        title="Nuovi studi alimentano&nbsp;l&rsquo;ipotesi dell&#39;esistenza di stanze nascoste nella tomba di Tutankhamon
5274">
5275                                        <img src="/upload/ngi-hero/cover-1789807425868-Tomba.jpeg?w=1600&amp;h=900"
5276                                        width="1600"
5277                                        height="900"
5278                                        alt="Nuovi studi alimentano&nbsp;l&rsquo;ipotesi dell&#39;esistenza di stanze nascoste nella tomba di Tutankhamon
5279"
5280                                        title="Nuovi studi alimentano&nbsp;l&rsquo;ipotesi dell&#39;esistenza di stanze nascoste nella tomba di Tutankhamon
5281" loading="lazy">
5282                                    </picture>
5283                                </div>
5284
5285                                    
5286                                    
5287                            </div>
5288                        </a>
5289                        <div class="card-body">
5290
5291                          
5292                            <a href="/esistenza-di-stanze-nascoste-nella-tomba-di-tutankhamon" class="text-decoration-none d-block">
5293                                <h5 style="font-weight: 600;" class="card-title">
5294                                    <p>Nuovi studi alimentano&nbsp;l&rsquo;ipotesi dell&#39;esistenza di stanze nascoste nella tomba di Tutankhamon</p>
5295                                </h5>
5296                                                                <p class="card-text">
5297
5298                                    <p>A distanza di undici anni dalla pubblicazione del primo studio, un recente articolo, a firma dell&rsquo;egittologo Nicholas Reeves, dell&rsquo;ex ministro egiziano delle Antichit&agrave; Mamdouh Eldamaty e dell&rsquo;ingegnere George Ballard, rilancia l&rsquo;ipotesi dell&rsquo;esistenza della sepoltura della regina Nefertiti dietro le pareti della camera funeraria del giovane faraone.&nbsp;</p>
5299
5300                                </p>
5301                            </a>
5302                            <ul class="taxonomy-container">
5303                                                            </ul>
5304                        </div>
5305                        </a>
5306                    </div>
5307                </div>
5308
5309                <!-- FINE LOOP ARTICOLI -->
5310
5311                
5312                <!-- LOOP ARTICOLI -->
5313
5314                <div class="col">
5315                    <div class="card bg-transparent h-100">
5316                        <a href="/l-antica-principessa-che-sconfiggeva-i-nemici-con-la-sua-lingua-tagliente" class="text-decoration-none d-block">
5317                            <div class="box box0">
5318                                <div class="picture-container">
5319                                    <picture class="resp-img-cntr landscape css-vean54">
5320                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=320&amp;h=180">
5321                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=360&amp;h=203">
5322                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=430&amp;h=242">
5323                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=
5323500&amp;h=282">
5324                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=768&amp;h=432">
5325                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=900&amp;h=507">
5326                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1024&amp;h=576">
5327                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1150&amp;h=647">
5328                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1280&amp;h=720">
5329                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1450&amp;h=816">
5330                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1600&amp;h=900">
5331                                        <source srcset="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1600&amp;h=900"
5332                                        width="1600"
5333                                        height="900"
5334                                        alt="L&#39;antica principessa che sconfiggeva i nemici con la sua lingua tagliente
5335"
5336                                        title="L&#39;antica principessa che sconfiggeva i nemici con la sua lingua tagliente
5337">
5338                                        <img src="/upload/ngi-hero/cover-1789036817343-social.jpg?w=1600&amp;h=900"
5339                                        width="1600"
5340                                        height="900"
5341                                        alt="L&#39;antica principessa che sconfiggeva i nemici con la sua lingua tagliente
5342"
5343                                        title="L&#39;antica principessa che sconfiggeva i nemici con la sua lingua tagliente
5344" loading="lazy">
5345                                    </picture>
5346                                </div>
5347
5348                                    
5349                                    
5350                            </div>
5351                        </a>
5352                        <div class="card-body">
5353
5354                          
5355                            <a href="/l-antica-principessa-che-sconfiggeva-i-nemici-con-la-sua-lingua-tagliente" class="text-decoration-none d-block">
5356                                <h5 style="font-weight: 600;" class="card-title">
5357                                    <p>L&#39;antica principessa che sconfiggeva i nemici con la sua lingua tagliente</p>
5358                                </h5>
5359                                                                <p class="card-text">
5360
5361                                    <p>Sacerdotessa del dio della luna e figlia di Sargon il Grande, l&rsquo;accadica Enheduanna ha accumulato potere politico e condotto guerre a colpi di parole affilate oltre 4.000 anni fa.</p>
5362
5363                                </p>
5364                            </a>
5365                            <ul class="taxonomy-container">
5366                                <li> <a href="/storia-e-civilta"> Storia e civiltà </a> </li>                            </ul>
5367                        </div>
5368                        </a>
5369                    </div>
5370                </div>
5371
5372                <!-- FINE LOOP ARTICOLI -->
5373
5374                
5375                <!-- LOOP ARTICOLI -->
5376
5377                <div class="col">
5378                    <div class="card bg-transparent h-100">
5379                        <a href="/ricostruito-il-volto-di-un-uomo-vissuto-in-inghilterra-durante-la-conquista-normanna" class="text-decoration-none d-block">
5380                            <div class="box box0">
5381                                <div class="picture-container">
5382                                    <picture class="resp-img-cntr landscape css-vean54">
5383                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=320&amp;h=180">
5384                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=360&amp;h=203">
5385                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=430&amp;h=242">
5386                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=500&amp;h=282">
5387                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=768&amp;h=432">
5388                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=900&amp;h=507">
5389                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1024&amp;h=576">
5390                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1150&amp;h=647">
5391                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1280&amp;h=720">
5392                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1450&amp;h=816">
5393                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1600&amp;h=900">
5394                                        <source srcset="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1600&amp;h=900"
5395                                        width="1600"
5396                                        height="900"
5397                                        alt="Ricostruito il volto di un uomo vissuto in Inghilterra durante la conquista normanna
5398"
5399                                        title="Ricostruito il volto di un uomo vissuto in Inghilterra durante la conquista normanna
5400">
5401                                        <img src="/upload/ngi-hero/cover-1788850926628-foto-1.jpeg?w=1600&amp;h=900"
5402                                        width="1600"
5403                                        height="900"
5404                                        alt="Ricostruito il volto di un uomo vissuto in Inghilterra durante la conquista normanna
5405"
5406                                        title="Ricostruito il volto di un uomo vissuto in Inghilterra durante la conquista normanna
5407" loading="lazy">
5408                                    </picture>
5409                                </div>
5410
5411                                    
5412                                    
5413                            </div>
5414                        </a>
5415                        <div class="card-body">
5416
5417                          
5418                            <a href="/ricostruito-il-volto-di-un-uomo-vissuto-in-inghilterra-durante-la-conquista-normanna" class="text-decoration-none d-block">
5419                                <h5 style="font-weight: 600;" class="card-title">
5420                                    <p>Ricostruito il volto di un uomo vissuto in Inghilterra durante la conquista normanna</p>
5421                                </h5>
5422                                                                <p class="card-text">
5423
5424                                    <p>I ricercatori hanno dato un volto all&#39;individuo sepolto in una chiesa del Lincolnshire intorno al 1079, dopo l&rsquo;arrivo dei Normanni. Alcuni indizi suggeriscono che potesse provenire dalla Scandinavia.</p>
5425
5426                                </p>
5427                            </a>
5428                            <ul class="taxonomy-container">
5429                                <li> <a href="/storia-e-civilta"> Storia e civiltà </a> </li>                            </ul>
5430                        </div>
5431                        </a>
5432                    </div>
5433                </div>
5434
5435                <!-- FINE LOOP ARTICOLI -->
5436
5437                
5438                <!-- LOOP ARTICOLI -->
5439
5440                <div class="col">
5441                    <div class="card bg-transparent h-100">
5442                        <a href="/museo-spagna-rubato-tesoro-villena-eta-bronzo" class="text-decoration-none d-block">
5443                            <div class="box box0">
5444                                <div class="picture-container">
5445                                    <picture class="resp-img-cntr landscape css-vean54">
5446                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=320&amp;h=180">
5447                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=360&amp;h=203">
5448                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=430&amp;h=242">
5449                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=500&amp;h=282">
5450                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=768&amp;h=432">
5451                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=900&amp;h=507">
5452                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1024&amp;h=576">
5453                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1150&amp;h=647">
5454                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1280&amp;h=720">
5455                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1450&amp;h=816">
5456                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1600&amp;h=900">
5457                                        <source srcset="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1600&amp;h=900"
5458                                        width="1600"
5459                                        height="900"
5460                                        alt="Tesoro di Villena: rubato in Spagna uno dei pi&ugrave; preziosi tesori dell&rsquo;Et&agrave; del bronzo
5461"
5462                                        title="Tesoro di Villena: rubato in Spagna uno dei pi&ugrave; preziosi tesori dell&rsquo;Et&agrave; del bronzo
5463">
5464                                        <img src="/upload/ngi-hero/cover-1788449037241-Spagna.jpeg?w=1600&amp;h=900"
5465                                        width="1600"
5466                                        height="900"
5467                                        alt="Tesoro di Villena: rubato in Spagna uno dei pi&ugrave; preziosi tesori dell&rsquo;Et&agrave; del bronzo
5468"
5469                                        title="Tesoro di Villena: rubato in Spagna uno dei pi&ugrave; preziosi tesori dell&rsquo;Et&agrave; del bronzo
5470" loading="lazy">
5471                                    </picture>
5472                                </div>
5473
5474                                    
5475                                    
5476                            </div>
5477                        </a>
5478                        <div class="card-body">
5479
5480                          
5481                            <a href="/museo-spagna-rubato-tesoro-villena-eta-bronzo" class="text-decoration-none d-block">
5482                                <h5 style="font-weight: 600;" class="card-title">
5483                                    <p>Tesoro di Villena: rubato in Spagna uno dei pi&ugrave; preziosi tesori dell&rsquo;Et&agrave; del bronzo</p>
5484                                </h5>
5485                                                                <p class="card-text">
5486
5487                                    <p>I ladri hanno preso di mira una delle collezioni archeologiche pi&ugrave; straordinarie della Spagna. Ecco perch&eacute; il Tesoro di Villena ha un valore inestimabile che va ben oltre l&rsquo;oro di cui &egrave; composto.</p>
5488
5489                                </p>
5490                            </a>
5491                            <ul class="taxonomy-container">
5492                                                            </ul>
5493                        </div>
5494                        </a>
5495                    </div>
5496                </div>
5497
5498                <!-- FINE LOOP ARTICOLI -->
5499
5500                
5501                <!-- LOOP ARTICOLI -->
5502
5503                <div class="col">
5504                    <div class="card bg-transparent h-100">
5505                        <a href="/la-vera-storia-heinrich-schliemann-scoperta-di-troia" class="text-decoration-none d-block">
5506                            <div class="box box0">
5507                                <div class="picture-container">
5508                                    <picture class="resp-img-cntr landscape css-vean54">
5509                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=320&amp;h=180">
5510                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=360&amp;h=203">
5511                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=430&amp;h=242">
5512                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=500&amp;h=282">
5513                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=768&amp;h=432">
5514                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=900&amp;h=507">
5515                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1024&amp;h=576">
5516                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1150&amp;h=647">
5517                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1280&amp;h=720">
5518                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1450&amp;h=816">
5519                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1600&amp;h=900">
5520                                        <source srcset="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1600&amp;h=900"
5521                                        width="1600"
5522                                        height="900"
5523                                        alt="La vera storia di Heinrich Schliemann: l&rsquo;uomo che scopr&igrave; Troia e rischi&ograve; di distruggerla
5524"
5525                                        title="La vera storia di Heinrich Schliemann: l&rsquo;uomo che scopr&igrave; Troia e rischi&ograve; di distruggerla
5526">
5527                                        <img src="/upload/ngi-hero/cover-1786722569745-Schliemann.jpeg?w=1600&amp;h=900"
5528                                        width="1600"
5529                                        height="900"
5530                                        alt="La vera storia di Heinrich Schliemann: l&rsquo;uomo che scopr&igrave; Troia e rischi&ograve; di distruggerla
5531"
5532                                        title="La vera storia di Heinrich Schliemann: l&rsquo;uomo che scopr&igrave; Troia e rischi&ograve; di distruggerla
5533" loading="lazy">
5534                                    </picture>
5535                                </div>
5536
5537                                    
5538                                    
5539                            </div>
5540                        </a>
5541                        <div class="card-body">
5542
5543                          
5544                            <a href="/la-vera-storia-heinrich-schliemann-scoperta
5544-di-troia" class="text-decoration-none d-block">
5545                                <h5 style="font-weight: 600;" class="card-title">
5546                                    <p>La vera storia di Heinrich Schliemann: l&rsquo;uomo che scopr&igrave; Troia e rischi&ograve; di distruggerla</p>
5547                                </h5>
5548                                                                <p class="card-text">
5549
5550                                    <p>L&rsquo;imprenditore tedesco era ossessionato da Omero e determinato a trovare la citt&agrave; del re Priamo. Ma poi cominci&ograve; a scavare in cerca di oro e la sua avventatezza si rivel&ograve; pericolosa.</p>
5551
5552                                </p>
5553                            </a>
5554                            <ul class="taxonomy-container">
5555                                                            </ul>
5556                        </div>
5557                        </a>
5558                    </div>
5559                </div>
5560
5561                <!-- FINE LOOP ARTICOLI -->
5562
5563                
5564                <!-- LOOP ARTICOLI -->
5565
5566                <div class="col">
5567                    <div class="card bg-transparent h-100">
5568                        <a href="/il-tesoro-sommerso-di-re-carlo-i-stuart-e-stato-davvero-ritrovato" class="text-decoration-none d-block">
5569                            <div class="box box0">
5570                                <div class="picture-container">
5571                                    <picture class="resp-img-cntr landscape css-vean54">
5572                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=320&amp;h=180">
5573                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=360&amp;h=203">
5574                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=430&amp;h=242">
5575                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=500&amp;h=282">
5576                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=768&amp;h=432">
5577                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=900&amp;h=507">
5578                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1024&amp;h=576">
5579                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1150&amp;h=647">
5580                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1280&amp;h=720">
5581                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1450&amp;h=816">
5582                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1600&amp;h=900">
5583                                        <source srcset="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1600&amp;h=900"
5584                                        width="1600"
5585                                        height="900"
5586                                        alt="Il tesoro sommerso di re Carlo I Stuart &egrave; stato davvero ritrovato?
5587"
5588                                        title="Il tesoro sommerso di re Carlo I Stuart &egrave; stato davvero ritrovato?
5589">
5590                                        <img src="/upload/ngi-hero/cover-1788166345404-Tesoro.jpeg?w=1600&amp;h=900"
5591                                        width="1600"
5592                                        height="900"
5593                                        alt="Il tesoro sommerso di re Carlo I Stuart &egrave; stato davvero ritrovato?
5594"
5595                                        title="Il tesoro sommerso di re Carlo I Stuart &egrave; stato davvero ritrovato?
5596" loading="lazy">
5597                                    </picture>
5598                                </div>
5599
5600                                    
5601                                    
5602                            </div>
5603                        </a>
5604                        <div class="card-body">
5605
5606                          
5607                            <a href="/il-tesoro-sommerso-di-re-carlo-i-stuart-e-stato-davvero-ritrovato" class="text-decoration-none d-block">
5608                                <h5 style="font-weight: 600;" class="card-title">
5609                                    <p>Il tesoro sommerso di re Carlo I Stuart &egrave; stato davvero ritrovato?</p>
5610                                </h5>
5611                                                                <p class="card-text">
5612
5613                                    <p>Nel 1633, la Blessing of Burntisland trasportava manufatti, oro e argento della corona inglese dal valore di milioni di dollari. Per 400 anni, il leggendario cargo &egrave;
5613 sfuggito ai cacciatori di tesori.</p>
5614
5615                                </p>
5616                            </a>
5617                            <ul class="taxonomy-container">
5618                                <li> <a href="/storia-e-civilta"> Storia e civiltà </a> </li>                            </ul>
5619                        </div>
5620                        </a>
5621                    </div>
5622                </div>
5623
5624                <!-- FINE LOOP ARTICOLI -->
5625
5626                
5627                <!-- LOOP ARTICOLI -->
5628
5629                <div class="col">
5630                    <div class="card bg-transparent h-100">
5631                        <a href="/una-tomba-egizia-ha-svelato-i-resti-di-una-misteriosa-cantatrice" class="text-decoration-none d-block">
5632                            <div class="box box0">
5633                                <div class="picture-container">
5634                                    <picture class="resp-img-cntr landscape css-vean54">
5635                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=320&amp;h=180">
5636                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=360&amp;h=203">
5637                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=430&amp;h=242">
5638                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=500&amp;h=282">
5639                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=768&amp;h=432">
5640                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=900&amp;h=507">
5641                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1024&amp;h=576">
5642                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1150&amp;h=647">
5643                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1280&amp;h=720">
5644                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1450&amp;h=816">
5645                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1600&amp;h=900">
5646                                        <source srcset="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1600&amp;h=900"
5647                                        width="1600"
5648                                        height="900"
5649                                        alt="Una tomba egizia ha svelato i resti di una misteriosa cantatrice che invocava gli dei
5650"
5651                                        title="Una tomba egizia ha svelato i resti di una misteriosa cantatrice che invocava gli dei
5652">
5653                                        <img src="/upload/ngi-hero/cover-1788172407159-Egitto.jpeg?w=1600&amp;h=900"
5654                                        width="1600"
5655                                        height="900"
5656                                        alt="Una tomba egizia ha svelato i resti di una misteriosa cantatrice che invocava gli dei
5657"
5658                                        title="Una tomba egizia ha svelato i resti di una misteriosa cantatrice che invocava gli dei
5659" loading="lazy">
5660                                    </picture>
5661                                </div>
5662
5663                                    
5664                                    
5665                            </div>
5666                        </a>
5667                        <div class="card-body">
5668
5669                          
5670                            <a href="/una-tomba-egizia-ha-svelato-i-resti-di-una-misteriosa-cantatrice" class="text-decoration-none d-block">
5671                                <h5 style="font-weight: 600;" class="card-title">
5672                                    <p>Una tomba egizia ha svelato i resti di una misteriosa cantatrice che invocava gli dei</p>
5673                                </h5>
5674                                                                <p class="card-text">
5675
5676                                    <p>La scoperta rivela un periodo importante della storia dell&rsquo;antico Egitto, in cui una regina-faraone trasform&ograve; il ruolo di cantatrice in una professione prestigiosa riservata alle donne dell&rsquo;&eacute;lite.</p>
5677
5678                                </p>
5679                            </a>
5680                            <ul class="taxonomy-container">
5681                                                            </ul>
5682                        </div>
5683                        </a>
5684                    </div>
5685                </div>
5686
5687                <!-- FINE LOOP ARTICOLI -->
5688
5689                
5690                <!-- LOOP ARTICOLI -->
5691
5692                <div class="col">
5693                    <div class="card bg-transparent h-100">
5694                        <a href="/vita-quotidiana-legionari-romani-recenti-scoperte-confini-impero" class="text-decoration-none d-block">
5695                            <div class="box box0">
5696                                <div class="picture-container">
5697                                    <picture class="resp-img-cntr landscape css-vean54">
5698                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=320&amp;h=180">
5699                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=360&amp;h=203">
5700                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=430&amp;h=242">
5701                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=500&amp;h=282">
5702                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=768&amp;h=432">
5703                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=900&amp;h=507">
5704                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1024&amp;h=576">
5705                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1150&amp;h=647">
5706                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1280&amp;h=720">
5707                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1450&amp;h=816">
5708                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1600&amp;h=900">
5709                                        <source srcset="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1600&amp;h=900"
5710                                        width="1600"
5711                                        height="900"
5712                                        alt="La vita quotidiana dei legionari romani nelle pi&ugrave; recenti scoperte ai confini dell&rsquo;Impero
5713"
5714                                        title="La vita quotidiana dei legionari romani nelle pi&ugrave; recenti scoperte ai confini dell&rsquo;Impero
5715">
5716                                        <img src="/upload/ngi-hero/cover-1787826747773-Cover.jpeg?w=1600&amp;h=900"
5717                                        width="1600"
5718                                        height="900"
5719                                        alt="La vita quotidiana dei legionari romani nelle pi&ugrave; recenti scoperte ai confini dell&rsquo;Impero
5720"
5721                                        title="La vita quotidiana dei legionari romani nelle pi&ugrave; recenti scoperte ai confini dell&rsquo;Impero
5722" loading="lazy">
5723                                    </picture>
5724                                </div>
5725
5726                                    
5727                                    
5728                            </div>
5729                        </a>
5730                        <div class="card-body">
5731
5732                          
5733                            <a href="/vita-quotidiana-legionari-romani-recenti-scoperte-confini-impero" class="text-decoration-none d-block">
5734                                <h5 style="font-weight: 600;" class="card-title">
5735                                    <p>La vita quotidiana dei legionari romani nelle pi&ugrave; recenti scoperte ai confini dell&rsquo;Impero</p>
5736                                </h5>
5737                                                                <p class="card-text">
5738
5739                                    <p>Dal Vallo di Adriano ai Pirenei, nuovi ritrovamenti archeologici raccontano la capillare presenza militare di Roma sui territori conquistati, l&rsquo;organizzazione e le imprese militari.</p>
5740
5741                                </p>
5742                            </a>
5743                            <ul class="taxonomy-container">
5744                                                            </ul>
5745                        </div>
5746                        </a>
5747                    </div>
5748                </div>
5749
5750                <!-- FINE LOOP ARTICOLI -->
5751
5752                
5753                <!-- LOOP ARTICOLI -->
5754
5755                <div class="col">
5756                    <div class="card bg-transparent h-100">
5757                        <a href="/mistero-lunga-pausa-polinesiani-perche-di-nuovo-nel-pacifico" class="text-decoration-none d-block">
5758                            <div class="box box0">
5759                                <div class="picture-container">
5760                                    <picture class="resp-img-cntr landscape css-vean54">
5761                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=320&amp;h=180">
5762                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=360&amp;h=203">
5763                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=430&amp;h=242">
5764                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=500&amp;h=282">
5765                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=768&amp;h=432">
5766                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=900&amp;h=507">
5767                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1024&amp;h=576">
5768                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1150&amp;h=647">
5769                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1280&amp;h=720">
5770                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1450&amp;h=816">
5771                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1600&amp;h=900">
5772                                        <source srcset="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1600&amp;h=900"
5773                                        width="1600"
5774                                        height="900"
5775                                        alt="I Polinesiani smisero di navigare per 1.700 anni: cosa li spinse a tornare nel Pacifico?
5776"
5777                                        title="I Polinesiani smisero di navigare per 1.700 anni: cosa li spinse a tornare nel Pacifico?
5778">
5779                                        <img src="/upload/ngi-hero/cover-1787650104250-Team.jpeg?w=1600&amp;h=900"
5780                                        width="1600"
5781                                        height="900"
5782                                        alt="I Polinesiani smisero di navigare per 1.700 anni: cosa li spinse a tornare nel Pacifico?
5783"
5784                                        title="I Polinesiani smisero di navigare per 1.700 anni: cosa li spinse a tornare nel Pacifico?
5785" loading="lazy">
5786                                    </picture>
5787                                </div>
5788
5789                                    
5790                                    
5791                            </div>
5792                        </a>
5793                        <div class="card-body">
5794
5795                          
5796                            <a href="/mistero-lunga-pausa-polinesiani-perche-di-nuovo-nel-pacifico" class="text-decoration-none d-block">
5797                                <h5 style="font-weight: 600;" class="card-title">
5798                                    <p>I Polinesiani smisero di navigare per 1.700 anni: cosa li spinse a tornare nel Pacifico?</p>
5799                                </h5>
5800                                                                <p class="card-text">
5801
5802                                    <p>I ricercatori hanno a lungo discusso sul perch&egrave; i navigatori pi&ugrave; abili del Pacifico abbiano ripreso improvvisamente la via dell&rsquo;oceano dopo una &ldquo;lunga pausa&rdquo;. Un recente studio offre un indizio.</p>
5803
5804                                </p>
5805                            </a>
5806                            <ul class="taxonomy-container">
5807                                                            </ul>
5808                        </div>
5809                        </a>
5810                    </div>
5811                </div>
5812
5813                <!-- FINE LOOP ARTICOLI -->
5814
5815                
5816                <!-- LOOP ARTICOLI -->
5817
5818                <div class="col">
5819                    <div class="card bg-transparent h-100">
5820                        <a href="/cerchi-di-pietre-cultura-nomade-perduta-nel-deserto-del-sahara" class="text-decoration-none d-block">
5821                            <div class="box box0">
5822                                <div class="picture-container">
5823                                    <picture class="resp-img-cntr landscape css-vean54">
5824                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=320&amp;h=180">
5825                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=360&amp;h=203">
5826                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=430&amp;h=242">
5827                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=500&amp;h=282">
5828                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=768&amp;h=432">
5829                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=900&amp;h=507">
5830                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1024&amp;h=576">
5831                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1150&amp;h=647">
5832                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1280&amp;h=720">
5833                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1450&amp;h=816">
5834                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1600&amp;h=900">
5835                                        <sour
5835ce srcset="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1600&amp;h=900"
5836                                        width="1600"
5837                                        height="900"
5838                                        alt="Strani cerchi di pietre svelano una cultura nomade perduta nel deserto del Sahara
5839"
5840                                        title="Strani cerchi di pietre svelano una cultura nomade perduta nel deserto del Sahara
5841">
5842                                        <img src="/upload/ngi-hero/cover-1786641198555-Archeologi.jpeg?w=1600&amp;h=900"
5843                                        width="1600"
5844                                        height="900"
5845                                        alt="Strani cerchi di pietre svelano una cultura nomade perduta nel deserto del Sahara
5846"
5847                                        title="Strani cerchi di pietre svelano una cultura nomade perduta nel deserto del Sahara
5848" loading="lazy">
5849                                    </picture>
5850                                </div>
5851
5852                                    
5853                                    
5854                            </div>
5855                        </a>
5856                        <div class="card-body">
5857
5858                          
5859                            <a href="/cerchi-di-pietre-cultura-nomade-perduta-nel-deserto-del-sahara" class="text-decoration-none d-block">
5860                                <h5 style="font-weight: 600;" class="card-title">
5861                                    <p>Strani cerchi di pietre svelano una cultura nomade perduta nel deserto del Sahara</p>
5862                                </h5>
5863                                                                <p class="card-text">
5864
5865                                    <p>A lungo oscurato dalle piramidi e dalle miniere d&rsquo;oro dell&rsquo;Egitto, l&rsquo;aspro deserto dell&rsquo;Atbai sta finalmente portando alla luce indizi sulla civilt&agrave; nomade che solcava le sue dune.</p>
5866
5867                                </p>
5868                            </a>
5869                            <ul class="taxonomy-container">
5870                                                            </ul>
5871                        </div>
5872                        </a>
5873                    </div>
5874                </div>
5875
5876                <!-- FINE LOOP ARTICOLI -->
5877
5878                
5879                <!-- LOOP ARTICOLI -->
5880
5881                <div class="col">
5882                    <div class="card bg-transparent h-100">
5883                        <a href="/cosa-sappiamo-sulla-gigantesca-giara-ritrovata-in-laos-con-i-resti-di-37-persone" class="text-decoration-none d-block">
5884                            <div class="box box0">
5885                                <div class="picture-container">
5886                                    <picture class="resp-img-cntr landscape css-vean54">
5887                                        <source media="(max-width: 320px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=320&amp;h=180">
5888                                        <source media="(max-width: 360px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=360&amp;h=203">
5889                                        <source media="(max-width: 430px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=430&amp;h=242">
5890                                        <source media="(max-width: 500px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=500&amp;h=282">
5891                                        <source media="(max-width: 767px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=768&amp;h=432">
5892                                        <source media="(max-width: 900px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=900&amp;h=507">
5893                                        <source media="(max-width: 1023px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1024&amp;h=576">
5894                                        <source media="(max-width: 1150px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1150&amp;h=647">
5895                                        <source media="(max-width: 1279px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1280&amp;h=720">
5896                                        <source media="(max-width: 1450px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1450&amp;h=816">
5897                                        <source media="(max-width: 1599px)" srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1600&amp;h=900">
5898                                        <source srcset="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1600&amp;h=900"
5899                                        width="1600"
5900                                        height="900"
5901                                        alt="Tutto quello che sappiamo sulla gigantesca giara ritrovata in Laos con i resti di 37 persone
5902"
5903                                        title="Tutto quello che sappiamo sulla gigantesca giara ritrovata in Laos con i resti di 37 persone
5904">
5905                                        <img src="/upload/ngi-hero/cover-1785771896391-Ricerche.jpeg?w=1600&amp;h=900"
5906                                        width="1600"
5907                                        height="900"
5908                                        alt="Tutto quello che sappiamo sulla gigantesca giara ritrovata in Laos con i resti di 37 persone
5909"
5910                                        title="Tutto quello che sappiamo sulla gigantesca giara ritrovata in Laos con i resti di 37 persone
5911" loading="lazy">
5912                                    </picture>
5913                                </div>
5914
5915                                    
5916                                    
5917                            </div>
5918                        </a>
5919                        <div class="card-body">
5920
5921                          
5922                            <a href="/cosa-sappiamo-sulla-gigantesca-giara-ritrovata-in-laos-con-i-resti-di-37-persone" class="text-decoration-none d-block">
5923                                <h5 style="font-weight: 600;" class="card-title">
5924                                    <p>Tutto quello che sappiamo sulla gigantesca giara ritrovata in Laos con i resti di 37 persone</p>
5925                                </h5>
5926                                                                <p class="card-text">
5927
5928                                    <p>Un enorme contenitore di pietra, recentemente portato alla luce in Laos e c
5928ontenente resti scheletrici, potrebbe contribuire a risolvere il mistero della cosiddetta &ldquo;Piana delle Giare&rdquo;.</p>
5929
5930                                </p>
5931                            </a>
5932                            <ul class="taxonomy-container">
5933                                                            </ul>
5934                        </div>
5935                        </a>
5936                    </div>
5937                </div>
5938
5939                <!-- FINE LOOP ARTICOLI -->
5940
5941                
5942            </div><!-- row -->
5943            <div class="row">
5944                <div class="col">
5945                <nav class="d-flex justify-content-center" aria-label="navigazione" style="padding-top: 30px;padding-bottom: 30px;">
5946
5947
5948                                                  <ul class="pagination">
5949                        	
5950                        	
5951                        	                        	
5952                        	<li class="currentpage"><a href="?p=1">1</a></li>
5953
5954                        	<li class="page"><a href="?p=2">2</a></li>                        	<li class="page"><a href="?p=3">3</a></li>
5955                        	                        	<li class="dots">...</li>
5956                        	<li class="end"><a href="?p=35">35</a></li>
5957                        	
5958                        	                        	<!--li class="next"><a href="?p=2">Next</a></li-->
5959                        	                        </ul>
5960                                                </nav>
5961
5962                </div>
5963            </div>
5964        </div>
5965    </div>
5966</section>
5967
5968
5969
5970<style>
5971#leggiAbbonatiButton{
5972    position: fixed;
5973    z-index: 1;
5974    left: 0;
5975    bottom: 0;
5976    .leggiAbbonatiButton{
5977        display: flex;
5978        position: relative;
5979        border-top: 2px solid rgba(0,0,0,1);
5980        &:after{
5981            content: '';
5982            position: absolute;
5983            top: 50%;
5984            left:  50%;
5985            width: 2px;
5986            height: 100%;
5987            transform: translate(-50%, -50%);
5988            background-color: rgba(0,0,0,1);
5989            z-index: 1;
5990        }
5991    }
5992}
5993.footer-container footer .logo-footer{
5994    max-width: 150px;
5995}
5996#newsletterModal .img-container{
5997    background-size: cover;
5998    background-repeat: no-repeat;
5999}
6000
6001@media (max-width: 991.98px){
6002    #newsletterModal .modal-body{
6003        height:355px;
6004    }
6005}
6006
6007
6008
6009@media (max-width: 575.98px) {
6010    #newsletterModal .modal-body{
6011        height:240px;
6012    }
6013
6014    #newsletterModal .text-container p{
6015        font-size: 14px;
6016    }
6017}
6018
6019@media (max-width: 499.98px) {
6020    #newsletterModal .modal-body{
6021        height:300px;
6022    }
6023
6024    #newsletterModal button{
6025        font-size:10px;
6026    }
6027}
6028
6029@media (min-width: 576px) {
6030    #newsletterModal .text-container p{
6031        font-size: 21px;
6032    }
6033}
6034
6035@media (min-width: 992px) {
6036    #newsletterModal .modal-body{
6037        height:450px;
6038    }
6039}
6040
6041@media (max-width: 991.98px){
6042
6043    #newsletterModal .modal-dialog {
6044        max-width: 90%;
6045        margin-right: auto;
6046        margin-left: auto;
6047    }
6048}
6049
6050@media (max-width: 767.98px) {
6051
6052    .footer-container{
6053        text-align: center!important;
6054    }
6055
6056    .footer-container .logo-footer{
6057        margin: 0 auto;
6058    }
6059
6060}
6061
6062@media (min-width: 1200px) {
6063    .footer-container a.logo-footer + p{
6064        margin-right: 200px;
6065    }
6066}
6067
6068</style>
6069
6070<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
6070
6071<div id="leggiAbbonatiButton" class="w-100 text-center"></div>
6072<div class="footer-container text-white g-5">
6073  <div class="container-lg p-0 bg-secondary">
6074    <footer class="pt-5">
6075        <div class="row">
6076            <div class="col-12 d-flex align-items-center align-items-lg-start flex-column justify-content-center justify-content-lg-start col-lg-3 mb-3">
6077                <a href="/" class="d-flex align-items-center mb-2 logo-footer link-dark text-decoration-none">
6078                    <img src="/upload/logo/logo_ng_ita_w.svg" alt="Logo">
6079                </a>
6080                <div id="gedidigit" class="text-center" style="padding-top: 4px;">
6081                    <span style="font-size:12px">Parte del gruppo</span>
6082                    <img src="/upload/logo/gedi_w.svg" style="width:25px">
6083                    <span style="font-size:12px">e</span>
6084                    <img src="/upload/logo/La_Repubblica.svg" style="width:70px">
6085                </div>
6086            </div>
6087            <div class="col-12 d-flex text-center text-lg-start flex-column col-md-4 col-lg-3 mb-3">
6088                <h5>Scopri nat geo</h5>
6089                <ul class="nav flex-column">
6090                    <li class="nav-item mb-2">
6091                        <a href="/scienza" class="nav-link p-0">Scienza</a>
6092                    </li>
6093                    <li class="nav-item mb-2">
6094                        <a href="/storia-e-civilta" class="nav-link p-0">Storia</a>
6095                    </li>
6096                    <li class="nav-item mb-2">
6097                        <a href="/wildlife" class="nav-link p-0">Wildlife</a>
6098                    </li>
6099                    <li class="nav-item mb-2">
6100                        <a href="/viaggi" class="nav-link p-0">Viaggi</a>
6101                    </li>
6102                    <li class="nav-item mb-2">
6103                        <a href="/ambiente" class="nav-link p-0">Ambiente</a>
6104                    </li>
6105                    <li class="nav-item mb-2">
6106                        <a href="/fotografia" class="nav-link p-0">Fotografia</a>
6107                    </li>
6108                    <li class="nav-item mb-2">
6109                        <a href="/spazio" class="nav-link p-0">Spazio</a>
6110                    </li>
6111                    <li class="nav-item mb-2">
6112                        <a href="/ultime-notizie" class="nav-link p-0">Ultime notizie</a>
6113                    </li>
6114                    <li class="nav-item mb-2">
6115                        <a href="/tutti-i-video" class="nav-link p-0">Tutti i video</a>
6116                    </li>
6117                    <li class="nav-item mb-2">
6118                        <a href="/corporate/tdm/gps" class="nav-link p-0">Riserva TDM</a>
6119                    </li>
6120                    
6121                </ul>
6122            </div>
6123            <div class="col-12 d-flex text-center text-lg-start flex-column col-md-4 col-lg-3 mb-3">
6124                <h5>Chi siamo</h5>
6125                <ul class="nav flex-column">
6126                    <li class="nav-item mb-2">
6127                        <a href="/national-geographic-italia" class="nav-link p-0">National Geographic Italia</a>
6128                    </li>
6129                    <li class="nav-item mb-2">
6130                        <a href="https://www.nationalgeographicpartners.com/" target="_blank" class="nav-link p-0">National Geographic Partners</a>
6131                    </li>
6132                    <li class="nav-item mb-2">
6133                        <a href="https://www.nationalgeographic.org/" target="_blank" class="nav-link p-0">National Geographic Society</a>
6134                    </li>
6135                    <li class="nav-item mb-2">
6136                        <a href="https://www.nationalgeographic.com/expeditions/" target="_blank" class="nav-link p-0">National Geographic Expeditions</a>
6137                    </li>
6138
6139                </ul>
6140            </div>
6141            <div class="col-12 d-flex text-center justify-content-between text-lg-start flex-column col-md-4 col-lg-3 mb-3">
6142
6143                <div class="top-position">
6144                    <h5>Abbonamenti</h5>
6145                    <ul class="nav flex-column">
6146                        <li class="nav-item mb-2">
6147                            <a href="https://shop.ng.gedidigital.it/natgeo/abbonati/
6147all/snodo/ATP_SNODO/all" class="nav-link p-0" target="_blank">Abbonati ai Magazine</a>
6148                        </li>
6149                        <li class="nav-item mb-2">
6150                            <a href="https://apps.apple.com/it/app/national-geographic-italia/id518580714"
6151                                target="_self"
6152                                rel="undefined
6153                                noopener
6154                                noreferrer
6155                                nofollow"
6156                                data-layer-click-event="{&quot;event&quot;:&quot;Click-Out Tracking&quot;,&quot;location&quot;:&quot;Footer - Subscribe&quot;,&quot;outclick&quot;:&quot;https://apps.apple.com/it/app/national-geographic-italia/id518580714&quot;}"
6157                                class="nav-link p-0">
6158                            App NatGeo Italia (iOS)
6159                            </a>
6160                        </li>
6161                        <li class="nav-item mb-2">
6162                            <a href="https://play.google.com/store/apps/details?id=it.nationalgeographic.ngm.android&amp;hl=it&amp;gl=US"
6163                            target="_self"
6164                            rel="undefined
6165                            noopener
6166                            noreferrer
6167                            nofollow"
6168                            data-layer-click-event="{&quot;event&quot;:&quot;Click-Out Tracking&quot;,&quot;location&quot;:&quot;Footer - Subscribe&quot;,&quot;outclick&quot;:&quot;https://play.google.com/store/apps/details?id=it.nationalgeographic.ngm.android&amp;hl=it&amp;gl=US&quot;}"
6169                            class="nav-link p-0">
6170                            App NatGeo Italia (Android)
6171                            </a>
6172                        </li>
6173                        <!-- <li class="nav-item mb-2">
6174                            <a href="#showNewsletter" class="nav-link p-0">Iscriviti</a>
6175                        </li> -->
6176                        <!--li class="nav-item mb-2">
6177                            <a href="https://disneyplus.com?cid=DTCI-Synergy-NatGeoPartners-Site-Acquisition-ITSustain-IT-DisneyPlus-DisneyPlus-IT-NavFooter-NationalGeographic.it_sustain_navfooter-NA" class="nav-link p-0">Disney+</a>
6178                        </li-->
6179
6180                    </ul>
6181                </div>
6182                <div class="botton-position">
6183                    <h5>Seguici</h5>
6184                    <ul class="d-flex social-container justify-content-center justify-content-lg-start">
6185                        <li class="me-2">
6186                            <a href="https://www.facebook.com/natgeotvitalia/" target="_blank">
6187                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
6188                                    <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
6189                                </svg>
6190                            </a>
6191                        </li>
6192                        <li class="mx-2">
6193                            <a href="https://www.instagram.com/natgeo_italia/" target="_blank">
6194                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
6195                                    <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.
6195008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
6196                                </svg>
6197                            </a>
6198                        </li>
6199                    </ul>
6200                    <ul class="d-flex social-container justify-content-center justify-content-lg-start">
6201                        <li class="p-2" style="border: 1px solid #FFF;">
6202                            <a class="w-100 text-decoration-none" href="https://login.gedi.it/clp/accounts/sites/natgeo/www/newsletter.php?ref=FHFT" target="_blank">
6203                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-bell-fill" viewBox="0 0 16 16">
6204                                    <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2m.995-14.901a1 1 0 1 0-1.99 0A5 5 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901"/>
6205                                </svg>
6206                                <span>Iscriviti alla newsletter</span>
6207                            </a>
6208                        </li>
6209                    </ul>
6210                </div>
6211
6212            </div>
6213        </div>
6214        <ul class="privacy-container pt-4 text-center">
6215            <li>
6216                <a href="javascript:void" id="kw-cookie-policy-link">Cookie Policy</a>
6217            </li>
6218            <li>
6219                <a href="javascript:void" id="kw-privacy-link">Privacy</a>
6220            </li>
6221            <li>
6222                <a href="javascript:void" id="kw-cookie-link">CMP</a>
6223            </li>
6224            <li>
6225                <a href="https://ng.gedidigital.it/plus/edicola/condizioni.jsp?testata=natgeo" target="_blank">Condizioni di servizio</a>
6226            </li>
6227            <li>
6228                <a href="https://scripts.gedidigital.it/corporate/dichiarazione-accessibilita/natgeo/" target="_blank">Dichiarazione di accessibilità</a>
6229            </li>
6230            
6231        </ul>
6232        <div class="d-flex flex-column copy-container text-center flex-lg-row justify-content-center py-4 border-top">
6233            <p>
6234                        Copyright © 2023-2026 GEDI Periodici e Servizi S.p.a. Tutti i diritti sono riservati - Via Ernesto Lugaro, 15 - 10126 TORINO P.IVA 12546800017<br>
6235            Su licenza di NATIONAL GEOGRAPHIC PARTNERS, LLC. TUTTI I DIRITTI RISERVATI.
6236            </p>
6237        </div>
6238    </footer>
6239  </div>
6240</div>
6241
6242
6243
6244<div id="disneyModal" class="modal" tabindex="-1">
6245    <div class="modal-dialog modal-dialog-centered">
6246        <div class="modal-content" style="background-image: url(/upload/modal-section/modal.jpg);background-size: cover;height: 250px;">
6247            <div class="modal-header" style="border-bottom:none;">
6248                <p style="text-align: center;color:#fff;margin-bottom:0;">Stai per lasciare www.nationalgeographic.it</p>
6249                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
6250            </div>
6251            <div class="modal-body" style="color: #FFF;letter-spacing: 1px;">
6252                <p>La pagina su cui stai per essere reindirizzato/a non è sotto il controllo di GEDI PERIODICI E SERVIZI S.P.A. Saranno applicate le condizioni di utilizzo e la normativa sulla privacy del titolare del sito. <br>
6253                    <br>
6254                </p>
6255                <p style="text-align: center;">
6256                    <a href="https://www.disneyplus.com/it-it" target="_blank">
6257                        <button type="button" class="btn btn-primary">CONTINUA</button>
6258                    </a>
6259                </p>
6260            </div>
6261        </div>
6262    </div>
6263</div>
6264
6265<!-- <div id="newsletterModal" class="modal" tabindex="-1">
6266    <div class="modal-dialog modal-lg modal-dialog-centered">
6267        <div class="modal-content bg-black">
6268
6269            <div class="modal-body p-0 d-flex justify-content-center align-items-center" style="color: #FFF;letter-spacing: 1px;">
6270                <div class="modal-container h-100">
6271                    <div class="row h-100 g-0">
6272                        <div class="col-6 h-100">
6273                            <div class="img-container w-100 h-100" style="background-image: url('/upload/modal-section/ne
6273w_newsletter_bg_mongolfiera.jpg');"></div>
6274                        </div>
6275                        <div class="col-6">
6276                            <div class="modal-header d-flex justify-content-end" style="border-bottom:none;">
6277                                <span style="color:#7e7e7e;display:inline-block;" class="me-2">chiudi</span>
6278                                <button type="button" class="btn-close btn-close ms-0 btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
6279                            </div>
6280                            <div class="text-container p-3 pt-1 pt-md-5">
6281                                <p style="line-height: 1.2;" class="mb-0">
6282                                Iscriviti ora alla nuova newsletter di National Geographic Italia per rimanere sempre aggiornato sulle ultime notizie                                    <br>
6283                                    <br>
6284                                </p>
6285                                <p style="text-align: left;">
6286                                    <a href="https://login.gedi.it/clp/accounts/sites/natgeo/www/newsletter.php?ref=FHFT" target="_blank">
6287                                        <button type="button" class="btn btn-primary text-uppercase">Iscriviti alla newsletter</button>
6288                                    </a>
6289                                </p>
6290                            </div>
6291
6292
6293                        </div>
6294                    </div>
6295                </div>
6296            </div>
6297        </div>
6298    </div>
6299</div> -->
6300
6301
6302<div id="exitModal" class="modal" tabindex="-1">
6303    <div class="modal-dialog modal-dialog-centered">
6304        <div class="modal-content" style="background-image: url(/upload/modal-section/modal.jpg);background-size: cover;height: 250px;">
6305            <div class="modal-header" style="border-bottom:none;">
6306                <p style="text-align: center;color:#fff;margin-bottom:0;">Stai per lasciare www.nationalgeographic.it</p>
6307                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
6308            </div>
6309            <div class="modal-body" style="color: #FFF;letter-spacing: 1px;">
6310                <p>La pagina su cui stai per essere reindirizzato/a non è sotto il controllo di GEDI PERIODICI E SERVIZI S.P.A. Saranno applicate le condizioni di utilizzo e la normativa sulla privacy del titolare del sito. <br>
6311                    <br>
6312                </p>
6313                <p style="text-align: center;">
6314                    <a id="exitLink" href="#" target="_blank">
6315                        <button type="button" class="btn btn-primary">CONTINUA</button>
6316                    </a>
6317                </p>
6318            </div>
6319        </div>
6320    </div>
6321</div>
6322
6323
6324<script>
6325
6326/* window.addEventListener('load', function() {
6327    const elements = document.querySelectorAll('summary.ng-collapse__toggle .ng-collapse__toggle-inner > span');
6328    elements.forEach(function(element) {
6329        element.style.display = 'none';
6330    });
6331});
6332
6333$('summary.ng-collapse__toggle .ng-collapse__toggle-inner > span').hide(); */
6334
6335function gotodisney(){
6336$('#disneyModal').modal('show');
6337}
6338
6339function gotodisneynew(position){
6340
6341    if(position=='HEADER'){
6342      window.open('https://disneyplus.bn5x.net/c/2044947/1134090/9358?SharedId=Disney+_NatGeo_IT_HOMEPAGEBUTTON');
6343    } else if (position=='STICKY'){
6344      window.open('https://disneyplus.bn5x.net/c/2044947/1134090/9358?SharedId=Disney+_NatGeo_IT_ARTICLE_BUTTON');
6345    }
6346    //window.open('https://www.disneyplus.com/it-it');
6347    return;
6348    $('#disneyModal').modal('show');
6349     var idpagina = '3';
6350     var dataString = 'idpagina=' + encodeURIComponent(idpagina) + '&position=' + encodeURIComponent(position);
6351     $.ajax({
6352      type: "POST",
6353      cache: false,
6354      url: "layout/footer/footer-ajax.php" + "?timestamp=" + new Date().getTime(),
6355      data: dataString,
6356      dataType: "json",
6357      success: function(response){
6358
6359          if(response[0]=='OK'){
6360            console.log( 'OK' );
6361          }else if(response[0]=='KO'){
6362            console.log( 'KO' );
6363          }
6364
6365
6366      },
6367      error: function(response){
6368          console.log( response );
6369      }
6370      });
6371
6372}
6373</script>
vendor: 2 bytes, line 6373
6373
6374<script>
6375
6376
6377
6378/*
6379$(document).ready(function() {
6380  $('a').click(function(e) {
6381
6382    if ($(this).attr('target') == '_blank') {
6383          e.preventDefault();
6384          $('#exitModal').modal('show');
6385          var href = $(this).attr("href");
6386          $('#exitLink').attr('href',href);
6387          $('#exitLink').unbind('click');
6388       }else{
6389         $(this).unbind('click');
6390       }
6391
6392
6393  });
6394});
6395*/
6396</script>
vendor: 2 bytes, line 6396
6396
6397<script>console.log('C: 3' );</script>
vendor: 2 bytes, line 6397
6397
6398<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
6399integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
6400crossorigin="anonymous">
6401</script>
vendor: 2 bytes, line 6401
6401
6402<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.bundle.min.js"></script>
6402
6403
6404<script>
6405
6406	var isLoggedIn=  '0';
6407	//console.error('isLoggedIn: ' + isLoggedIn);
6408
6409	window.addEventListener('load', function() {
6410		const elements = document.querySelectorAll('summary.ng-collapse__toggle .ng-collapse__toggle-inner > span');
6411		elements.forEach(function(element) {
6412			element.style.display = 'none';
6413		});
6414	});
6415
6416	$('summary.ng-collapse__toggle .ng-collapse__toggle-inner > span').hide();
6417	/* GESTIONE BOTTONE LEGGI/ABBONATI */
6418
6419	var leggiAbbonatiButton = `
6420		<style>
6421			#leggiAbbonatiButton{
6422				.leggiAbbonatiButton{
6423					&:after{
6424						content: none;
6425					}
6426				}
6427			}
6428		</style>
6429		<div class="leggiAbbonatiButton">
6430			<a href="https://ng.gedidigital.it/plus/edicola/edicola.jsp" class="w-100" target="_blank">
6431				<button type="button" class="btn btn-lg btn-primary w-100 py-3">
6432					Leggi ora
6433				</button>
6434			</a>
6435			<!-- Il bottone "Abbonati" viene aggiunto via JS se non loggato -->
6436		</div>
6437	`;
6438
6439	if (isLoggedIn == '0') {
6440		leggiAbbonatiButton = `
6441			<div class="leggiAbbonatiButton">
6442				<a href="https://ng.gedidigital.it/plus/edicola/edicola.jsp" class="w-100" target="_blank">
6443					<button type="button" class="btn btn-lg btn-primary w-100 py-3">
6444						Leggi ora
6445					</button>
6446				</a>
6447				<a href="https://shop.ng.gedidigital.it/natgeo/abbonati/all/paywall/PWL/all" target="_blank" class="w-100">
6448					<button type="button" class="btn btn-lg btn-primary w-100 py-3">
6449						Abbonati
6450					</button>
6451				</a>
6452			</div>
6453		`;
6454	}
6455
6456	const leggiAbbonatiContainerBody = document.getElementById('leggiAbbonatiButton');
6457	if(device == '0_LG' || device == 'deviceUp992'){
6458		leggiAbbonatiContainerBody.innerHTML = leggiAbbonatiButton;
6459		console.log(device);
6460		function checkScroll() {
6461			const scrollPixels = window.scrollY;
6462			if (scrollPixels >= 300 && !checkScroll.triggeredAbove) {
6463				//console.log('lo scroll è dopo i 300 pixel');
6464				checkScroll.triggeredAbove = true;
6465				checkScroll.triggeredBelow = false;
6466				if (leggiAbbonatiContainerBody.innerHTML !== '') {
6467					leggiAbbonatiContainerBody.innerHTML = '';
6468				}
6469			} else if (scrollPixels < 300 && !checkScroll.triggeredBelow) {
6470				//console.log('lo scroll è prima dei 300 pixel');
6471				if (leggiAbbonatiContainerBody.innerHTML === '') {
6472					leggiAbbonatiContainerBody.innerHTML = leggiAbbonatiButton;
6473				}
6474				checkScroll.triggeredBelow = true;
6475				checkScroll.triggeredAbove = false;
6476			}
6477		}
6478		checkScroll.triggeredAbove = false;
6479		checkScroll.triggeredBelow = false;
6480		window.addEventListener('scroll', checkScroll);
6481	}
6482
6483</script>
vendor: 2 bytes, line 6483
6483
6484<script>
6485$(document).ready(function(){
6486
6487    if($('body').hasClass('articolo-photo-club') || $('body').hasClass('articolo-riservato')){
6488        console.log('articolo-photo-club');
6489        $('section[id*="pos_"]').not('#pos_1, #pos_2').hide();
6490    }
6491
6492});
6493</script>
6493
6494
6495<div id="ngi-lightbox">
6496	<span class="ngi-lightbox-close">&times;</span>
6497	<img id="ngi-lightbox-image" src="" alt="">
6498</div>
6499</body>
6500</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.