@import url("/archivi/fidas/styles/klaro.css");

:root {
    --color-a:#E52533;
    --color-b:#0DABE1;
    --color-c:#F6BC53;
    --color-e:#E6E6E6;
    --color-f:#0D0C0D;
    --color-g:#1D1D1B;
    --color-h:#F2F2F2;
    --color-i:#342F30;
    --color-date-slide:#666666;
    --color-footer:#333333;
    --max-size-container-1: 1368px; /* max-width standard */
    --max-size-container-2: 1648px; /* max-width standard */
    --max-size-container-3: 1506px; /* max-width swiper gallery */
    --max-size-1: 1368;
    --max-size-2: 1648;
    --max-size-3: 1506;
    --max-size: 1520;
    --box-shadow-right:3px 3px 5px rgba(0, 0, 0, 0.25);
    --box-shadow-left:-3px 3px 5px rgba(0, 0, 0, 0.25);
    --text-generic: normal normal 400 max(16px, min(22px, calc((22 * 100vw) / var(--max-size-1)))) / max(22px, min(26px, calc((26 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;    
    --text-generic2: normal normal 400 max(16px, min(18px, calc((18 * 100vw) / var(--max-size-1)))) / max(18px, min(20px, calc((20 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;    
    --text-subtitle: normal normal 300 max(36px, min(50px, calc((50* 100vw) / var(--max-size-1)))) / max(36px, min(50px, calc((50* 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;
    --text-title: normal normal 700 max(32px, min(48px, calc((48 * 100vw) / var(--max-size-1)))) / max(41px, min(57px, calc((57 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;    
}
img{border:0 none}
*, ::after, ::before {
    box-sizing: border-box;
}
.container{margin:0 auto;max-width:1368px;padding:0 15px}
.container-2{max-width:var(--max-size-container-2)}
.container-3{max-width:var(--max-size-container-3)}

/**/
span.blue{color: var(--color-b);}

body{font-family: 'Roboto Condensed', sans-serif;background: #fff;color: var(--color-i);font-size:16px;font-weight: 400;line-height: 1.45;}
input,textarea,select{font-family: 'Roboto Condensed', sans-serif;}
/* .dropdown-item.active, .dropdown-item:active{color: #000 !important ;background: #fff !important ;text-decoration: none !important ;} */
.dropdown-item:hover{background: transparent;text-decoration: underline;}
.dropdown-item.active, .dropdown-item:active{background: transparent !important;text-decoration: underline !important;}

a{transition: all .2s linear;}
a,a:link,a:visited{color:var(--color-a);text-decoration:none;}
a:hover{color:var(--color-a);text-decoration:underline}


div.debug,
.dvdebug,
.TDNGR_DEBUG,
.TBL_DEBUG,
[name="ctl01$txtServerTime"],
[name="ctl01$btnSession"]
{display: none !important;}

.btn:focus,.btn:active {outline: none;box-shadow: none;}
.navbar-toggler:focus{box-shadow: none;}
*:focus{outline: 0 none;}

.ftco-animate {
    opacity: 0;
    visibility: hidden;
}

.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.line-clamp.l4{-webkit-line-clamp:4 !important;}
.line-clamp.l3{-webkit-line-clamp:3 !important;}
.line-clamp.l2{-webkit-line-clamp:2 !important;}
.line-clamp.l1{-webkit-line-clamp:1 !important;}

.swiper-container{overflow: hidden;}
.swiper-button-next,
.swiper-button-prev{opacity: 0.5;} 

.red{color: var(--color-a);}
.blue{color: var(--color-b);}

.btn{display:inline-flex;flex:auto;align-items: center;justify-content: flex-start;color: #fff;gap: 15px;font-size: 24px;font-weight: 700;
    text-transform: uppercase;padding: 10px;text-decoration: none;transition: all .2s linear;width:auto}
.btn:hover{border-top-left-radius: 15px;border-bottom-right-radius: 15px;}

.btn.center{justify-content:center;}
.btn-icon img{width: 40px;filter: invert();}

.btn-red{background: var(--color-a)!important;color: #fff!important;}
.btn-red:hover{background: var(--color-a)!important;color: #fff!important;}

.btn-blue{background: var(--color-b)!important;color: #fff!important;}
.btn-blue:hover{background: var(--color-b)!important;color: #fff!important;}


.btn-white{color:#FFF!important}
.btn-white:hover{color:#FFF!important;}

.img-fluid {
    max-width: 100%; /* Ensures the image never overflows its container */
    height: auto;    /* Maintains aspect ratio */
}


h1.page-title {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
}

.alert{
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font:var(--text-generic2)
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert ul,.alert ul li{list-style-type:none;margin:0;padding:0;}
.alert ul,.alert ul li:before{content:"- ";}
.alert p{font-weight:500;}
.alert .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
    opacity: .75;
    text-decoration:none!important
}
.alert .close:hover{
    color: #000;
    text-decoration:none!important
}
/* 
====
LOGO
====
*/

.logo{display: flex;align-items: flex-start;color:#FFF;text-decoration:none!important;font-size:34px;line-height:32px;letter-spacing:-2.3px;}
.logo:hover{color:#FFF!important}
.logo img{max-width:110px;width:110px;margin-right:15px}
.logo .logo-text{white-space:nowrap;display:flex;flex-direction:column;font-weight:300;text-transform: uppercase;color:var(--color-g);}
.logo.white .logo-text{color:#FFF;}
.logo .logo-text > div{flex-wrap:nowrap;}
.logo .logo-text .blue{font-weight: 700;}


.logo-mobile {
    display: none;
}

@media (max-width: 768px) {
    .logo-desktop,
    .logo .logo-text {
        display: none!important;
    }
    .logo-mobile {
        max-width:60px!important;
        display: block;
    }
}

/*
======
LOADER
======
*/
.loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 8px solid #ffffff;
    animation:
      l20-1 0.8s infinite linear alternate,
      l20-2 1.6s infinite linear;
  }
  @keyframes l20-1{
     0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
     12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
     25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
     50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
     62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
     75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
     100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
  }
  @keyframes l20-2{ 
    0%    {transform:scaleY(1)  rotate(0deg)}
    49.99%{transform:scaleY(1)  rotate(135deg)}
    50%   {transform:scaleY(-1) rotate(0deg)}
    100%  {transform:scaleY(-1) rotate(-135deg)}
  }

/* 
======
HEADER
======
*/
header{position:relative;width:100%;z-index: 999;}
.navbar-fidas{display:block;box-shadow:var(--box-shadow-right);z-index: 999;padding:27px 0;background:#FFF}
.navbar-fidas .container{display:flex;width:100%;flex-wrap:wrap;justify-content:flex-start;}
.navbar-fidas .site-search{display: flex;align-items: center;gap: 10px;margin:0 20px 0 auto}
.navbar-fidas .site-search > div{display: flex;align-items: center;border-bottom: 1px solid #000;padding-bottom: 5px;gap: 10px;}
.navbar-fidas .site-search input{border: 0;outline: 0;padding-left: 5px;font-size:18px;}
.navbar-fidas .site-search input::placeholder{}
.navbar-fidas .site-search button[type='submit'],
.navbar-fidas .site-search button[type='button']
{padding:0;margin:0;border:0 none;height:30px;width:30px;background-size:30px;cursor:pointer;}
.navbar-fidas .site-search button[type='submit']{background: url("data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M464 428 339.92 303.9a160.48 160.48 0 0 0 30.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0 0 94.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 1 1 110.37-110.37 110.5 110.5 0 0 1-110.37 110.37z'%3E%3C/path%3E%3C/svg%3E");}
.navbar-fidas .site-search button[type='button']{background: url("data:image/svg+xml,%3Csvg stroke='%23FFF' fill='%23FFF' stroke-width='0' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M464 428 339.92 303.9a160.48 160.48 0 0 0 30.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0 0 94.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 1 1 110.37-110.37 110.5 110.5 0 0 1-110.37 110.37z'%3E%3C/path%3E%3C/svg%3E");}
.navbar-fidas .site-search button[type="reset"],
.navbar-fidas .site-search label,
.navbar-fidas .site-search button[type='submit'] span,
.navbar-fidas .site-search button[type='button'] span
{display:none}

.navbar-fidas .nav-item-search .site-search{margin:0}
.navbar-fidas .nav-item-search .site-search > div{border:0 none;;border-bottom:1px solid #FFF}
.navbar-fidas .nav-item-search .site-search input{border:0 none;background:transparent;color:#FFF;}
.navbar-fidas .nav-item-search .site-search input::placeholder{color:#FFF;font-style:normal;opacity:1;}

.navbar-fidas .nav-item-search .site-search button{color:#FFF}

/* toggler */
.navbar-fidas .navbar-toggler{background:transparent}
.navbar-fidas .navbar-toggler{border: 0 none !important;z-index: 10;padding-right: 0;cursor:pointer;}
.navbar-fidas .navbar-toggler-icon-bar{display: block;background: #000;height: 2px;margin-bottom: 8px;width: 30px;transition: all 0.2s linear;}
.navbar-fidas .navbar-toggler .bottom-bar{margin-bottom:0!important;}
.navbar-open .navbar-toggler .top-bar{transform: rotate(45deg) translate(9px, 9px);transform-origin: center;}
.navbar-open .navbar-toggler .mid-bar{opacity: 0;}
.navbar-open .navbar-toggler .bottom-bar{transform: rotate(-45deg) translate(5px, -5px);transform-origin: center}

/* navbar-collapse */
:root{
    --navbar-font-size: 30;
}
.navbar-fidas .navbar-collapse{}
.navbar-fidas .navbar-collapse{display:none;box-shadow:var(--box-shadow-left);z-index:-1;position:absolute;top:150px;max-height:calc(100vh - 150px);right:0;background:var(--color-a);border-bottom-left-radius:30px}
.navbar-fidas .navbar-collapse.sliding{overflow:hidden;}
.navbar-fidas .navbar-collapse.shown{overflow-y:auto;}
.navbar-fidas ul,.navbar-fidas ul li{list-style-type:none;margin:0;padding:0;}
.navbar-fidas .navbar-nav{font-size:30px;padding:calc(24 / var(--navbar-font-size) * 1em) calc((100vw - var(--max-size-container-1)) / 2) calc(28 / var(--navbar-font-size) * 1em) calc(48 / var(--navbar-font-size) * 1em);}
.navbar-fidas .navbar-nav .nav-item{border-bottom:1px solid #FFF;padding:calc(19 / var(--navbar-font-size) * 1em) calc(55 / var(--navbar-font-size) * 1em) calc(19 / var(--navbar-font-size) * 1em) calc(55 / var(--navbar-font-size) * 1em)}
.navbar-fidas .navbar-nav a{transition:all .2s linear; white-space:nowrap;color:#FFF;text-transform:uppercase;font-size:calc(30 / var(--navbar-font-size) * 1em);line-height:calc(30 / var(--navbar-font-size) * 1em);text-decoration:none;}
.navbar-fidas .navbar-nav .nav-item-reserve{border-bottom:0 none!important;}
.navbar-fidas .navbar-nav .nav-item-reserve img{width:calc(30 / var(--navbar-font-size) * 1em);filter: invert();margin-right:calc(15 / var(--navbar-font-size) * 1em);vertical-align:middle;}
.navbar-fidas .navbar-nav .nav-item-reserve a{font-weight:bold;font-size:calc(20 / var(--navbar-font-size) * 1em);text-transform:none;}
.navbar-fidas .navbar-nav .nav-item-search{display:none} 
.navbar-fidas .navbar-nav .nav-item a:hover{text-decoration:underline;}
.navbar-fidas .navbar-nav .nav-item a.active
{font-weight:700;}
.navbar-scrolling .site-wrapper{}
.navbar-scrolling header{position:fixed;top:0;left:0;width:100%}


@media only screen and (min-width:768px) and (max-width:991px){
    .navbar-fidas{padding:12px 0}
    .navbar-fidas .logo img{width:72px}
    .navbar-fidas .logo .logo-text{font-size:20px;line-height:22px;letter-spacing:0;}
    .navbar-fidas .navbar-collapse{top:90px;max-height:calc(100vh - 90px);}
}

@media only screen and (max-width:991px){
.navbar-fidas .navbar-nav{font-size:max(18px, min(30px, calc((30 * 100vw) / 991)));}
}

@media only screen and (max-width: 768px) {
    .navbar-fidas{padding:6px 0;}
    .navbar-fidas .navbar-collapse{top:80px;max-height:calc(100vh - 80px);}
}

@media only screen and (max-width: 575px) {
    .navbar-fidas .container{justify-content:space-between;}
    .navbar-fidas .site-search{display:none!important}
    .navbar-fidas .nav-item-search .site-search{display:block!important}
    .navbar-fidas .navbar-nav .nav-item-search{display:block!important}
    .navbar-fidas .navbar-collapse{top:80px;max-height:calc(100vh - 80px);}
}

.navbar-scrolling .navbar-fidas{padding:6px 0}
.navbar-scrolling .navbar-fidas .logo .logo-desktop,
.navbar-scrolling .navbar-fidas .logo .logo-text
{display:none!important}
.navbar-scrolling .navbar-fidas .logo .logo-mobile{display:block!important;max-width:60px!important;}
.navbar-scrolling .navbar-fidas .navbar-collapse{top:80px;max-height:calc(100vh - 80px)}



/* 
======
FOOTER
======
*/
:root{
    --footer-font-size: 22;
}
footer{background:var(--color-footer);font-weight:400;padding-top:60px;padding-bottom:30px;font-size:calc(var(--footer-font-size) * 1px);line-height:calc(26 / var(--footer-font-size) * 1em);}
footer .row-1{display:grid;  grid-template-columns: 1fr 1fr 1fr;color:#fff;margin-bottom:15px;}
footer .row-1 .column{flex-grow:1}
footer .row-1 .logo{font-size:calc(22 / var(--footer-font-size) * 1em);line-height:calc(24 / var(--footer-font-size) * 1em);letter-spacing:0;}
footer .row-1 .logo img{width: calc(80 / var(--footer-font-size) * 1em);}

/* footer .row-1 .logo{display: flex;align-items: flex-start;color:#FFF;text-decoration:none!important;width:calc(340 / var(--footer-font-size) * 1em)}
footer .row-1 .logo:hover{color:#FFF!important}
footer .row-1 .logo .logo img{width: 100%;}
footer .row-1 .logo .logo-text{display: flex;flex-direction: column;font-weight: 400;text-transform: uppercase;padding-left:25px}
footer .row-1 .logo .logo-text > div{flex-wrap:nowrap;}
footer .row-1 .logo .logo-text .blue{font-weight: 700;} */
footer .row-1 a{color:var(--color-b);text-decoration:none}
footer .row-1 a:hover{color:var(--color-b);text-decoration:underline}

footer .row-2{border-top: 1px solid #fff;padding-top: 15px;}
footer .row-2 ul{list-style: none;display: flex;justify-content: center;margin:0;padding:0;}
footer .row-2 ul li{padding: 0px 20px;}
footer .row-2 ul li:first-child{padding-left: 0;}
footer .row-2 ul li:last-child{padding-right: 0;}
footer .row-2 ul li:not(:last-child){border-right: 1px solid var(--color-b);}
footer .row-2 ul li a{text-transform: uppercase;color: var(--color-b);text-decoration: none;}
footer .row-2 ul li a:hover{text-decoration:underline;}

/* @media only screen and (max-width: 991px){ 
    footer{font-size:max(16px, min(22px, calc((22 * 100vw) / 991)));}
} */

@media only screen and (max-width: 1099px){
    footer .row-1 {gap:20px}
    footer .row-1{grid-template-columns: calc(80 / var(--footer-font-size) * 1em) 1fr 1fr;color:#fff;margin-bottom:15px;}
    footer .row-1 .logo{width:auto;}
    footer .row-1 .logo-mobile{display:block!important}
    footer .row-1 .logo-desktop{display:none!important}

    footer .row-1 .logo img{width:100%}
    footer .row-1 .logo-text{display:none!important}

}

@media only screen and (min-width: 0) and (max-width: 768px){
    footer{padding-top:30px;padding-bottom:30px;font-size:16px}
    footer .row-1{display:flex;flex-direction: column;gap: 20px;text-align: center;align-items: center;}
    footer .row-1 .logo img{width: calc(80 / var(--footer-font-size) * 1em);margin:0}
    footer .row-2 ul{flex-direction: column;gap: 10px;text-align: center;}
    footer .row-2 ul li{border-right: 0 !important;padding: 0;}
}





/* 
=============
SECTION START
=============
*/
:root{
    --section-start-font-size: 22;
}
.section-start{position: relative;z-index: 1;background:#F6BC53;box-shadow: var(--box-shadow-right);}
.section-start .container{max-width: 1520px;padding:0 70px;box-sizing:border-box}
/* .section-start .image{height: 100%;width: 100%;position: absolute;z-index:-1;display:flex;align-items:flex-end;justify-content: flex-end;padding-right:20px}
.section-start .image img{max-width:814px;width:60vw;} */
.section-start .image img{max-width:814px;width:100%;display:block} 
.section-start .content .section-title{color: var(--color-a);font-weight: 700;font-size: max(30px, min(60px, calc((60 * 100vw) / var(--max-size-1))));line-height:max(30px, min(60px, calc((60 * 100vw) / var(--max-size-1))));text-transform: uppercase;padding:30px 0 max(15px, min(30px, calc((30 * 100vw) / var(--max-size-1)))) 0;}
.section-start .content .section-description{font-weight: 400;font-size: max(18px, min(22px, calc((22 * 100vw) / var(--max-size-1))));line-height:max(21px, min(25px, calc((25 * 100vw) / var(--max-size-1))));padding-bottom:30px}
.section-start .content .section-description  a:not(.btn){color: var(--color-a);font-weight: 700;font-size: 22px;}


.section-start .section-title {
    grid-area: section-start-title;
    }
.section-start .section-description {
    grid-area: section-start-text;
} 
.section-start  .image {
    grid-area: section-start-image;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding-top:30px;
    align-items: end;
}
.section-start .content{display:grid;
    grid-template-columns: max(500px,calc(500px + (1560px - 120vw))) 1fr; /* Text and image */
    grid-template-rows: auto auto; /* Image stays at the bottom */
    grid-template-areas:
        "section-start-title section-start-image"
        "section-start-text section-start-image";
    gap: 10px;
}

@media only screen and (max-width: 1200px){
    .section-start .content{display:grid;
        grid-template-columns: 40vw auto; /* Text and image */
        grid-template-areas:
            "section-start-title section-start-title"
            "section-start-text section-start-image";
    }
}
@media only screen and (max-width: 991px){
    .section-start .content{display:grid;
        grid-template-columns: 50% 50%; /* Text and image */
        grid-template-areas:
            "section-start-title section-start-title"
            "section-start-text section-start-image";
    }
}
@media only screen and (max-width: 768px){
    .section-start .container{position:relative;padding:0 15px}
    .section-start .content{display:grid;
        grid-template-columns: auto; /* Text and image */
        grid-template-areas:
            "section-start-title"
            "section-start-text"
            "section-start-image";
    }
    .section-start .container .image{position:absolute;bottom:0;right:20px}
    .section-start  .image {align-items:center;justify-content:center;padding:0;}
    .section-start  .image img{max-width:200px;}
}
@media only screen and (max-width: 630px){
    .section-start  .image{display:none!important}
}


/* 
===============
SECTION SQUARES
===============
*/
:root{
    --section-squares-font-size: 30;
}
.section-squares{margin: 40px 0;padding:0 15px;height: auto;position: relative;}
.section-squares ul,.section-squares ul li{list-style-type:none;margin:0;padding:0;}
.section-squares ul li{font-size:calc(var(--section-squares-font-size) * 1px);display:block;flex: 1;width:calc(290 / var(--section-squares-font-size) * 1em);max-width:calc(290 / var(--section-squares-font-size) * 1em);}
.section-squares .list-squares{display: flex;justify-content:center;flex-wrap:wrap;gap:12px}
.section-squares .list-squares > li:nth-child(2n + 1) > a{background:var(--color-a);}
.section-squares .list-squares > li:nth-child(2n + 2) > a{background: var(--color-b);}
.section-squares .list-squares > li > a{box-sizing:border-box;width:auto;height:100%;min-height:calc(320 / var(--section-squares-font-size) * 1em);position: relative;border-radius: calc(30 / var(--section-squares-font-size) * 1em);border-top-left-radius: 0 !important;box-shadow:var(--box-shadow-right);padding: calc(90 / var(--section-squares-font-size) * 1em) calc(15 / var(--section-squares-font-size) * 1em) calc(30 / var(--section-squares-font-size) * 1em) calc(15 / var(--section-squares-font-size) * 1em);text-align: center;
    display: flex;flex: 1;align-items: stretch;flex-direction: column; justify-content: flex-start;align-items: center;overflow: hidden;transition: all .2s linear;display: block;}
    .section-squares .list-squares > li a{text-decoration:none;display:flex;flex-direction:column;}
    .section-squares .list-squares > li a:hover{border-radius: 0;}
.section-squares .list-squares > li a h4.title,
.section-squares .list-squares > li a .subtitle{text-transform:uppercase;font-weight:700;font-size:inherit;line-height:calc(36 / var(--section-squares-font-size) * 1em);color:#fff;margin:0}
.section-squares .list-squares > li a .title u{text-decoration:underline;font-size: calc(35 / var(--section-squares-font-size) * 1em);}
.section-squares .list-squares > li a .subtitle{text-transform: lowercase;color:#FFF}
.section-squares .list-squares > li a .read{flex-grow:1;display:flex;align-items:flex-end; font-size:calc(20 / var(--section-squares-font-size) * 1em);font-weight: 700;text-transform: uppercase;color: #fff;text-decoration: none;transition: all .2s linear;}
.section-squares .list-squares > li a .icon{width: calc(150 / var(--section-squares-font-size) * 1em);aspect-ratio: 1/1;border-radius: 50%;position: absolute;left: calc(-75 / var(--section-squares-font-size) * 1em);top: calc(-75 / var(--section-squares-font-size) * 1em);display: flex;align-items: center;justify-content: center;background: #fff;}
.section-squares .list-squares > li a .icon img{width: calc(40 / var(--section-squares-font-size) * 1em);position: absolute;bottom: calc(20 / var(--section-squares-font-size) * 1em);right: calc(30 / var(--section-squares-font-size) * 1em);}

@media only screen and (max-width: 1535px){ 
    .section-squares ul li{font-size:max(20px, min(30px, calc((30 * 100vw) / 1530)));}
}  

@media only screen and (min-width: 0) and (max-width: 991px) {
    .section-squares ul li{width:290px;flex:auto}
} 

/* 
==================
SECTION INTERVIEWS
==================
*/
:root{
    --section-interviews-font-size: 30;
}
.section-interviews{font-size:calc(var(--section-interviews-font-size) * 1px)}
.section-interviews{background: var(--color-e);position: relative;padding: 88px 0;margin: 70px 0 0 0;}
.section-interviews::before{
    content:"";
    position:absolute;
    top:0; 
    left:50%;
    margin-left:-70px;
    max-width: 140px;overflow:hidden;width:100%;aspect-ratio:  140 / 70;
    clip-path: ellipse(50% 100% at 50% 0%);
    background:url("../images/svg/donation.svg") #fff no-repeat top center;
    background-size:min(45%, 75px);display: flex;
    align-items:center;
    justify-content: center;}



.section-interviews .icon-div{width: 100%;display: flex;justify-content: center;}
.section-interviews .icon{position: absolute;top: -50px;margin: auto;background: #fff;width: 100px;aspect-ratio: 1/1;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.section-interviews .icon img{transform: scale(.7);}
.section-interviews .container{}
.section-interviews .section-title{color: var(--color-b);text-align: center;font-size: calc(48 / var(--section-interviews-font-size) * 1em);text-transform: uppercase;font-weight: 700;margin-top: 10px;}
.section-interviews .section-description{text-align: center;font-size: calc(22 / var(--section-interviews-font-size) * 1em);line-height: 25px;}
.section-interviews div[data-youtube-rss] .loader{margin:100px auto;}
.section-interviews .swiper-interviews{display: flex;justify-content:center; padding:30px 15px 50px 15px;flex-wrap:wrap;gap:20px}
.section-interviews .swiper-interviews .swiper-slide{display:flex;align-items:flex-end;;}
.section-interviews .swiper-interviews .interview{margin:0 auto;max-width:500px;width:100%}
.section-interviews .swiper-interviews .interview:nth-child(1){max-width:520px;}
.section-interviews .swiper-interviews .interview a{display:block;position: relative;text-decoration:none!important}
.section-interviews .swiper-interviews .interview a .title{width:80%;display:inline-block;background: var(--color-a);color: #fff;border-radius:12px;
    font-size:calc(25 / var(--section-interviews-font-size) * 1em);line-height:calc(30 / var(--section-interviews-font-size) * 1em);font-weight:700;padding:10px 20px 28px 20px;box-sizing:border-box}
.section-interviews .swiper-interviews .interview a .image{margin-top:-24px;padding-left:20px;overflow:hidden}
.section-interviews .swiper-interviews .interview a .image img{aspect-ratio: 30 / 17; display:block;max-width:480px;width: 100%;height: 100%;object-fit: cover;border-radius:12px; box-shadow:var(--box-shadow-right)}
.section-interviews .swiper-interviews .interview:first-child a .title{padding-left:40px}
.section-interviews .swiper-interviews .interview:first-child a .image{padding-left:40px}
.section-interviews .faq{width: 250px;margin: auto;}
.section-interviews .faq a{width:100%}

.section-interviews .swiper-interviews .swiper-button-prev,
.section-interviews .swiper-interviews .swiper-button-next{display:none!important}

@media only screen and (max-width: 1535px){ 
    .section-interviews{font-size:max(24px, min(30px, calc((30 * 100vw) / 1530)));}
}  
@media only screen and (max-width: 991px){ 
}

/* 
===============
SECTION NUMBERS
===============
*/
:root{
    --section-numbers-font-size: 30;
}
.section-numbers{background: var(--color-a);padding: 40px 0;font-size:calc(var(--section-squares-font-size) * 1px)}
.section-numbers .list-numbers{display: flex;align-items: center;justify-content: center;gap: calc(20 / var(--section-numbers-font-size) * 1em);flex-wrap:wrap;}
.section-numbers .section-description{color: #fff;font-size: calc(36 / var(--section-numbers-font-size) * 1em);text-align: center;font-weight: 300;}
.section-numbers .list-numbers{padding:0 calc(15 / var(--section-numbers-font-size) * 1em)}
.section-numbers .list-numbers li{display: flex;align-items: center;}
.section-numbers .list-numbers li:before{content:"";width:55px;height:19px;background:url("../images/svg/infinito_simbolo.svg") no-repeat center center;margin:0 calc(30 / var(--section-numbers-font-size) * 1em);white-space:nowrap;}
.section-numbers .list-numbers li .number{font-weight: 700;font-size: calc(100 / var(--section-numbers-font-size) * 1em);color: #fff;display: block;align-items: center;}
.section-numbers .list-numbers li .number::first-letter{color: var(--color-b);}
.section-numbers .list-numbers li .words{font-size:calc(30 / var(--section-numbers-font-size) * 1em);line-height:calc(36 / var(--section-numbers-font-size) * 1em);font-weight: 400;text-transform: uppercase;color: #fff;max-width: 150px;margin-left:calc(20 / var(--section-numbers-font-size) * 1em)}
.section-numbers .list-numbers li .text:last-child .words{max-width: calc(200 / var(--section-numbers-font-size) * 1em);}
.section-numbers .list-numbers li .image{width: 60px;}
.section-numbers .list-numbers li  img{width: 100%;}
.section-numbers .list-numbers li:first-child:before{display:none!important}
.section-numbers .list-numbers li:nth-child(3) .words{max-width: calc(200 / var(--section-numbers-font-size) * 1em)}

/* @media only screen and (min-width: 991px) and (max-width: 1280px){ 
    .section-numbers .list-numbers{flex-direction:column;}
    .section-numbers .list-numbers li{display:block;text-align:center;}
    .section-numbers .list-numbers li:before{display:block!important;margin:30px auto 0 auto}
} */

@media only screen and (max-width: 768px){ 
    .section-numbers .list-numbers{display:block;text-align:center;}
    .section-numbers .list-numbers li:nth-child(1):before {display:none!important}
    .section-numbers .list-numbers li{display:block}
    .section-numbers .list-numbers li .number::first-letter{color: var(--color-b);}

    .section-numbers .list-numbers li.number{display:block;text-align:center;}
    .section-numbers .list-numbers li:before{display:block!important;margin:30px auto 0 auto}
    .section-numbers .list-numbers li .words{display:block;text-align:center;margin:0 auto}
}

@media only screen and (max-width: 1535px){ 
    .section-numbers{font-size:max(15px, min(30px, calc((30 * 100vw) / 1530)));}
}  

/* 
===========
IN EVIDENZA
===========
*/
.section-evidence{margin: 40px 0;padding: 20px 0;}
.section-evidence .section-title{font-size: 48px;font-weight: 700;text-align: center;}
.section-evidence .swiper-evidence{padding: 20px 0;}
.section-evidence .swiper-evidence .swiper-container{}
.section-evidence .swiper-evidence .swiper-slide{height:auto;padding: 10px;}

/* .section-evidence .swiper-evidence .swiper-slide .content .brochure .read-more > a{width: 250px;height: 100%;background: var(--color-a);text-transform: uppercase;text-decoration: none;
    text-align: center;color: #fff;font-size: 24px;font-weight: 700;display: flex;align-items: center;justify-content: center;transition: all .2s linear;}
.section-evidence .swiper-evidence .swiper-slide .content .brochure .read-more > a:hover{background: var(--color-footer);border-top-left-radius: 15px;border-bottom-right-radius: 15px;}
   */
.section-evidence .swiper-evidence .swiper-button-next,
.section-evidence .swiper-evidence .swiper-button-prev{display:none!important}
.section-evidence .swiper-evidence .swiper-button-next:after,
.section-evidence .swiper-evidence .swiper-button-prev:after{color: var(--color-a);}


/* 
=============
SECTION ALBUM
=============
*/
.section-album{font-size:calc(var(--section-squares-font-size) * 1px)}
.section-album{background: var(--color-e);position: relative;padding:88px 0;margin: 70px 0 0 0;}
.section-album::before{
    content:"";
    position:absolute;
    top:0; 
    left:50%;
    margin-left:-70px;
    max-width: 140px;overflow:hidden;width:100%;aspect-ratio:  140 / 70;
    clip-path: ellipse(50% 100% at 50% 0%);
    background:url("../images/svg/heart_camera.svg") #fff no-repeat center center;
    background-size:min(45%, 45px);display: flex;
    align-items:center;
    justify-content: center;}

.section-album .section-title{color: var(--color-b);text-align: center;font-size: calc(48 / var(--section-interviews-font-size) * 1em);text-transform: uppercase;font-weight: 700;margin-top: 10px;}
.section-album .section-description{text-align: center;font-size: calc(22 / var(--section-interviews-font-size) * 1em);line-height: 25px;padding-bottom:30px;}

.section-album .swiper-slide{width:100%;max-width:400px;height:auto}
.section-album .swiper-slide a{display:block;height:100%}

.section-album .swiper-slide a{position:relative;display:block;}
.section-album .swiper-slide img{display:block;border-radius:36px;}
.section-album .swiper-slide figure{display:block}
.section-album .swiper-slide figure .image{aspect-ratio: 4 / 3;overflow:hidden;}
.section-album .swiper-slide figure img{object-fit:cover;display:block;overflow:hidden;height:100%;width:100%}

.section-album .swiper-slide figure figcaption{display:block;padding:10px;}

.section-album .swiper-slide a{font-size:18px;font-weight:300;color:var(--color-f);text-decoration:none}
.section-album .swiper-slide a:hover{color:var(--color-f);text-decoration:none;}

.section-album .discover{padding:20px 0;text-align:center;}

.section-album .swiper-button-prev,.section-album .swiper-button-next{display:none!important;}


@media only screen and (max-width: 1535px){ 
}  
@media only screen and (max-width: 991px){ 
}


/*
=============
SWIPER STYLES
=============
*/
.swiper .swiper-pagination{position: static;padding:20px 0}
.swiper .swiper-pagination .swiper-pagination-bullet{height: 22px;width: 22px;;background: var(--color-a);}
.swiper .swiper-pagination-a .swiper-pagination-bullet {
    height: 22px;
    width: 22px;
    background: var(--color-a);
}

/*
===============
SECTION-HEADING
===============
*/
.section-heading{position:relative;min-height:114px;margin-bottom:30px}
.section-heading .section-title{box-shadow:var(--box-shadow-left);
    font:normal normal 700 max(26px, min(48px, calc((48 * 100vw) / var(--max-size-1)))) / max(26px, min(48px, calc((48 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;
    color: var(--color-a);margin:0;
    color:#FFF;text-transform:uppercase;font-weight:bold;
    border-bottom-right-radius:30px;
    position:absolute;z-index:11;
    min-width: max(395px, calc(((100vw - var(--max-size-container-1)) / 2) + 395px));;
    background:var(--color-b);padding:33px 40px 33px max(15px, calc(((100vw - var(--max-size-container-1)) / 2) + 10px));}
    .section-heading .container-2{box-shadow:var(--box-shadow-left);}
    .section-heading .container{width:100%;display:flex;justify-content:flex-end;flex-direction:row;background:var(--color-a);border-bottom-right-radius:30px;}
.section-heading .container a{display:flex;flex:none;text-transform:none;
    font:normal normal 700 max(14px, min(18px, calc((18 * 100vw) / var(--max-size-1)))) / max(16px, min(18px, calc((18 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;
    line-height:20px;padding-right:0}
.section-heading .container a span{width:100px;text-align:right;gap:10px;}
.section-heading .container a img{z-index:10;}

@media only screen and (max-width: 575px) {
    .section-heading .container a{visibility:hidden}
    .section-heading .section-title{min-width: 0;}
}

/*
======================
SECTION-ALBUM-EVIDENCE
======================
*/
.section-album-evidence{background:var(--color-h);position:relative;padding:88px 0}
.section-album-evidence::before{
    content:"";
    position:absolute;
    top:0; 
    left:50%;
    margin-left:-70px;
    max-width: 140px;overflow:hidden;width:100%;aspect-ratio:  140 / 70;
    clip-path: ellipse(50% 100% at 50% 0%);
    background:url("../images/svg/infinito-colorato.svg") #fff no-repeat center center;
    background-size:min(45%, 45px);display: flex;
    align-items:center;
    justify-content: center;}


.section-album-evidence .list-items {display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-bottom:30px}

@media only screen and (max-width: 768px) {
    .section-album-evidence .list-items {display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}
}

@media only screen and (max-width: 575px) {
    .section-album-evidence .list-items {display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:30px}
}

/*
====================
SECTION-BANNER-ALBUM
====================
*/
.section-banner-album{margin-bottom:80px}
.section-banner-album .container{width:auto;display:block;max-width:none;margin:0;padding:0;}

/* .section-banner-album .columns{display:grid;grid-template-columns: max(395px, calc(((100vw - var(--max-size-container-1)) / 2) + 395px)), 200px;} */

.section-banner-album h3.section-title{
    font:normal normal 700 max(26px, min(48px, calc((48 * 100vw) / var(--max-size-1)))) / max(26px, min(48px, calc((48 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;
    padding:33px 0;
}

.section-banner-album h4.subtitle{font:var(--text-subtitle);margin-bottom:30px;}


.section-banner-album .column-1 {
    grid-area: areaAlbum1;
  }
  .section-banner-album .column-2{
    grid-area: areaAlbum2;
  }

.section-banner-album .column-2{
    width:100%;
padding-right:calc(((var(--max-size-2) - var(--max-size-1) + 30) / 2) * 1px);
display:flex; justify-content:flex-end;
flex-direction:row;background:var(--color-a);
border-bottom-right-radius:30px;
box-shadow:var(--box-shadow-left);
}

  .section-banner-album a{display:flex;flex:none;text-transform:none;
    font:normal normal 700 max(14px, min(18px, calc((18 * 100vw) / var(--max-size-1)))) / max(16px, min(18px, calc((18 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;
    line-height:20px;padding-right:0}
 .section-banner-album .container a span{width:100px;text-align:right;gap:10px;}
 .section-banner-album .container a img{z-index:10;}

  .section-banner-album .column-3{
    grid-area: areaAlbum3;
  }
  
.section-banner-album .columns{display:grid;gap:0;
    width:calc(100% - ((100% - var(--max-size-container-2)) / 2));
    grid-template-columns: 45% 55%;
    grid-template-rows: 60px auto;
    grid-template-areas: 
      "areaAlbum1 areaAlbum2"
      "areaAlbum1 areaAlbum3";

}

.section-banner-album .column-1
{box-shadow:var(--box-shadow-left);
    font:normal normal 700 max(26px, min(48px, calc((48 * 100vw) / var(--max-size-1)))) / max(26px, min(48px, calc((48 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;
    color: var(--color-a);margin:0;
    color:#FFF;text-transform:uppercase;font-weight:bold;
    border-bottom-right-radius:30px;
    background:var(--color-b);
    padding:0 40px 33px max(15px, calc(((100vw - var(--max-size-container-1)) / 2) + 10px));
} 

.section-banner-album .column-3 .loader{display:none}
.section-banner-album .column-3{padding-right:25px}
.section-banner-album .column-3.loading{position:relative;display:flex;align-items:center;justify-content:center;}
.section-banner-album .column-3.loading .swiper-banner-album{visibility:hidden;}
.section-banner-album .column-3.loading .loader{display:block;border-color:var(--color-a);width:10%;position:absolute;top:50%;left:50%;margin-top:-5%;margin-left:-5%}

    
.section-banner-album .column-3{background:#FFF;}
.section-banner-album .column-3 img{display:none;height:auto;max-width:100%;}
.section-banner-album .column-3 img:nth-of-type(1){display:block}
    
.section-banner-album .column-1{font-size:22px;font-weight:700;text-transform:uppercase;}
.section-banner-album .column-1 .intro
    {font-weight:300;color:#FFF;font-size:18px;line-height:21px;text-transform:none;padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #FFF}


.section-banner-album .column-1 button[type='reset']{display:none!important}

.section-banner-album .column-1 .search{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.section-banner-album .column-1 .search .title{width:100%;margin-bottom:20px;}
.section-banner-album .column-1 .search label{width:100px;;font-size:18px;}
.section-banner-album .column-1 .search input[type='text']{width:calc(100% - 100px);margin-bottom:20px;background:40px;border-radius:12px;padding:10px;background:#FFF;border:0 none!important}

.section-banner-album .column-1 button[type='submit'] {
    border:0 none!important;
    background:transparent;
    color:#FFF;
    font-size:22px;
    font-weight:bold;
    text-transform:lowercase;
    background: url("data:image/svg+xml,%3Csvg stroke='%23FFF' fill='%23FFF' stroke-width='0' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M464 428 339.92 303.9a160.48 160.48 0 0 0 30.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0 0 94.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 1 1 110.37-110.37 110.5 110.5 0 0 1-110.37 110.37z'%3E%3C/path%3E%3C/svg%3E") no-repeat center left;
    padding-left:35px;
    cursor:pointer;
}

.section-banner-album .column-1 button span:before{content:"";width:24px;height:24px;}
.section-banner-album .column-3 img{aspect-ratio: 3 / 2;}
.section-banner-album .column-3 img.horizontal{object-fit:cover}
.section-banner-album .column-3 img.vertical{object-fit:contain}
.section-banner-album .column-3 .swiper-slide{height:auto}
.section-banner-album .column-3 .swiper-slide img{width:100%;height:100%;}
.section-banner-album .column-3 .swiper-pagination{position:static;padding:20px 20px 10px 20px;text-align:left;}
.section-banner-album .column-3 .swiper-pagination .swiper-pagination-bullet{height:15px;width:15px}

.section-banner-album .column-3 .swiper-button-prev,.section-banner-album .column-3 .swiper-button-next{display:none!important}

@media only screen and (max-width: 1665px) {
    .section-banner-album .columns{width:100%;}
    .section-banner-album .column-2{padding-right:calc((100vw - var(--max-size-container-1)) / 2);}
}

@media only screen and (max-width: 1430px) {
    .section-banner-album .column-2{padding-right:30px}
}

@media only screen and (max-width: 768px) {
    .section-banner-album .column-2{padding:20px}
    /* .section-banner-album .column-2{display:none} */
    .section-banner-album .columns{
    width:100%;
    grid-template-columns: 100%;
    grid-template-rows: 60px auto  auto;
    grid-template-areas: 
      "areaAlbum2"
      "areaAlbum3"
      "areaAlbum1";
    }
}

/*
==============
SECTION-BLOCKS
==============
*/
.section-blocks .section-title{font:normal normal 400 max(20px, min(24px, calc((24 * 100vw) / var(--max-size-1)))) / max(20px, min(24px, calc((24 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;color: var(--color-b);text-transform: uppercase;margin-bottom:20px}
.section-blocks .description{font:var(--text-generic);margin-bottom:50px}
.section-blocks .list-blocks{display:grid;grid-template-columns: repeat(3, minmax(200px, 1fr));column-gap:20px;row-gap:40px;margin-bottom:40px;}
.section-blocks .list-blocks .block a{background:var(--color-h);position: relative;display: flex;gap: 20px;align-items:center;justify-content: center;
    margin-bottom:10px;padding:30px;border-radius: 30px;border-top-left-radius:10px;box-shadow:var(--box-shadow-right);
    font:normal normal 700 max(26px, min(32px, calc((32 * 100vw) / var(--max-size-1)))) / max(26px, min(32px, calc((32 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;
    min-height:215px;
    text-transform:uppercase;
    color:var(--color-a);
    text-decoration:none;
    word-break: break-word; 
    overflow-wrap: break-word; 
    white-space: normal;  
    text-align:center;
}
.section-blocks .list-blocks .block a:hover{color:var(--color-b);border-radius:0;}
.section-blocks .list-blocks .block a:before{content:"";width: 70px;aspect-ratio: 1/1;border-bottom-right-radius: 100%;left: 0;background:url("../images/svg/infinito_colorato.svg") #FFF no-repeat 30% center;background-size:60%;position: absolute;top: 0px;left:0;display: flex;z-index: 1;box-shadow: rgba(255, 255, 255, 1) 0px 3px 8px;}
.section-blocks .list-blocks .block a span{width:100%}
.section-blocks .list-blocks .block a img{max-width:115px;width:40%;max-height:115px;}
.section-blocks .list-blocks .block .extra{padding:10px 20px 0px 20px;text-align:center;font:var(--text-generic);font-weight:bold}
.section-blocks .list-blocks .block .extra .block-title{text-transform:uppercase;font:normal normal 700 max(24px, min(32px, calc((32 * 100vw) / var(--max-size-1)))) / max(24px, min(32px, calc((32 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;}
.section-blocks .list-blocks .block .extra .block-subtitle{text-transform:uppercase;font:normal normal 400 max(20px, min(24px, calc((24 * 100vw) / var(--max-size-1)))) / max(24px, min(28px, calc((28 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;}

@media only screen and (max-width: 768px) {
    .section-blocks .list-blocks{display:grid;grid-template-columns: repeat(2, minmax(200px, 1fr))}
}

@media only screen and (max-width: 575px) {
    .section-blocks .list-blocks{display:block;text-align:center}
    .section-blocks .list-blocks .block{margin-bottom:40px}
}

/*
===========
SECTION FAQ
===========
*/
.section-faq{background:var(--color-h);padding:10px 0 30px 0}
.section-faq .section-title{font:var(--text-title);color:var(--color-a);margin-bottom:30px}

.accordion .accordion-item{border-bottom:1px solid #000;padding:25px 0}
.accordion .accordion-item h2{}
.accordion .accordion-item h2 a{text-decoration:none;color:#000;text-transform:uppercase;font:normal normal 700 max(24px, min(28px, calc((28 * 100vw) / var(--max-size-1)))) / max(24px, min(28px, calc((28 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;}
.accordion .accordion-item h2 a:hover{color:#000;text-decoration:underline;}
.accordion .accordion-item h2 a:before{margin-right:10px;content:"";aspect-ratio:3 / 1;width:42px;display:inline-block;background:url("../images/svg/infinito_colorato.svg") transparent no-repeat center center;background-size:100%;}
.accordion .accordion-item h2 a:after{transition:all .2s linear;margin-left:10px;content:"";aspect-ratio:3 / 1;width:42px;display:inline-block;background:url("../images/svg/arrow_right_red.svg") transparent no-repeat center center;background-size:100%;}
.accordion .accordion-item h2 a.open:after{transform:rotate(90deg);}
.accordion .accordion-collapse{display:none;font:normal normal 400 max(24px, min(28px, calc((28 * 100vw) / var(--max-size-1)))) / max(28px, min(32px, calc((32 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;}
.accordion .accordion-collapse > div{padding:20px;}

/*
============
SECTION DATA
============
*/
.section-data{background:var(--color-h);position: relative;display: flex;gap: 20px;align-items: flex-start;justify-content: space-between;margin-bottom: 20px;
    padding: 30px 90px;border-radius: 30px;border-top-left-radius: 10px;
    box-shadow:var(--box-shadow-right);font:var(--text-generic)}

    .section-data:has(.column-1:empty) {
        display: none!important;
    }

.section-data:before{content:"";width: 70px;aspect-ratio: 1/1;border-bottom-right-radius: 100%;left: 0;background:url("../images/svg/infinito_colorato.svg") #FFF no-repeat 30% center;background-size:60%;position: absolute;top: 0px;left:0;display: flex;z-index: 1;box-shadow: rgba(255, 255, 255, 1) 0px 3px 8px;}

.section-data > div{flex:1}

.section-data .columns-2{}

.section-data > .column-1,
.section-data > .column-2{}
.section-data .label .red{color: var(--color-a);text-transform: uppercase;}
.section-data  a{color: #000;}

@media only screen and (max-width: 768px) {
    .section-data {flex-direction:column;}
    .section-data > div{width:100%;}
}

/*
===================
SECTION DETAIL INFO
===================
*/
.section-detail-info{margin:0 0 60px 0;}
.section-detail-info .section-title{font:normal normal 400 max(20px, min(24px, calc((24 * 100vw) / var(--max-size-1)))) / max(20px, min(24px, calc((24 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;color: var(--color-b);text-transform: uppercase;margin-bottom:20px}
.section-detail-info .intro{font:normal normal 700 max(28px, min(48px, calc((48 * 100vw) / var(--max-size-1)))) / max(30px, min(50px, calc((50 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;color: var(--color-a);margin-top: 10px;}
.section-detail-info > .container > .columns{display: flex;align-items: flex-start;gap: 20px;margin-top: 50px;}


.section-detail-info > .container > .columns > .column-1{flex: 1;}
.section-detail-info > .container > .columns > .column-1 .image{flex: 445px;display:none!important}
.section-detail-info > .container > .columns > .column-1 .image:first-of-type{display:block!important}

.section-detail-info > .container > .columns > .column-1 .image img{width: 100%;height: 100%;}
.section-detail-info > .container > .columns > .column-2{flex: 2;}
.section-detail-info .description{flex: 2;font-size: 22px;font-weight: 400;font:var(--text-generic)}
.section-detail-info .description strong{color:var(--color-b);}

@media only screen and (max-width: 991px) {
    .section-detail-info{margin: 15px 0;}
}
@media only screen and (max-width: 768px) {
    .section-detail-info > .container > .columns{display:block;margin-top:30px}
    .section-detail-info > .container > .columns > .column-1{float:left;width:30%;margin:0 20px 20px 0}
}
@media only screen and (max-width: 575px) {
    .section-detail-info > .container > .columns > .column-1{float:none;margin:0 0 20px 0;width:100%}
}



/*
================
SECTION CONTACTS
================
*/
.contacts{}
.contacts .row{display:flex;gap:20px;margin:30px 0;width:88%;padding:30px 30px 30px 22%;background:var(--color-h);margin-left:auto;;position:relative;border-radius:30px;}
.contacts .row:nth-child(2n + 2) .promo{background:var(--color-b)}

.contacts .row .promo{
    border-radius:30px;
    border-top-left-radius:10px;
    padding:20px 20px 20px 80px;
    width:36%;max-width:440px;display:table-cell;vertical-align:middle;text-align:center;
    position:absolute;top:0;left:-14%;
    background:var(--color-a);color:#FFF;box-shadow:var(--box-shadow-right);
    font:normal normal 400 max(24px, min(32px, calc((32 * 100vw) / var(--max-size-1)))) / max(30px, min(38px, calc((38 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;
}
.contacts .row .promo:before{content:"";width: 70px;aspect-ratio: 1/1;border-bottom-right-radius: 100%;left: 0;background:url("../images/svg/infinito_colorato.svg") #FFF no-repeat 30% center;background-size:60%;position: absolute;top:0;left:0;display: flex;z-index: 1;box-shadow: rgba(255, 255, 255, 1) 0px 3px 8px;}
.contacts .row .action{
    flex:1;
    display:table-cell;
    text-align:center;
    font:var(--text-generic)}


.contacts .row .action strong{font:normal normal 700 max(24px, min(32px, calc((32 * 100vw) / var(--max-size-1)))) / max(30px, min(38px, calc((38 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;}
.contacts .row .action strong:nth-of-type(2){font:var(--text-generic);font-weight:bold}
.contacts .row .action img{width:60px;display:block;margin:0 auto 20px auto}

.contacts .btn{max-width:250px;width:100%;justify-content:center;}

.section-form-info{position:relative;background:var(--color-h);padding-top:90px}
.section-form-info .container:before{content:"";
    position:absolute;
    top:0; 
    left:50%;
    margin-left:-70px;
    max-width: 140px;overflow:hidden;width:100%;aspect-ratio:  140 / 70;
    clip-path: ellipse(50% 100% at 50% 0%);
    background:url("../images/svg/pencil.svg") #fff no-repeat center center;
    background-size:min(45%, 45px);display: flex;
    align-items:center;
    justify-content: center;}

.section-form-info .section-description{padding:10px 0 30px 0;text-align:center;text-transform:uppercase;font:normal normal 700 max(24px, min(30px, calc((30 * 100vw) / var(--max-size-1)))) / max(24px, min(30px, calc((30 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;}

.section-form-info .form{text-align:center;padding-bottom: 60px;}

.section-form-info .form .btn{max-width:250px;width:100%;justify-content:center}

.section-form-info input,
.section-form-info textarea{padding:9px;border-radius:10px;border:0 none;font-size:18px;}

.section-form-info input::placeholder,
.section-form-info textarea::placeholder {
    color: #000;
    font-style: normal;
    opacity: 1; /* Adjust if placeholder is too light */
  }

.section-form-info .txt-name{grid-area: a;}
.section-form-info .txt-surname{grid-area: b;}
.section-form-info .txt-mail{grid-area: c;}
.section-form-info .txt-msg{grid-area: d;}
.section-form-info .mod-item-prv{grid-area: e;}
.section-form-info .form-fields div:nth-of-type(2){grid-area: f;}
.section-form-info .form-fields div:nth-of-type(3){grid-area: g;}


.section-form-info .form-fields{display:grid;
    grid-template-columns: 1fr 1fr;
    gap:20px;
    grid-template-rows: auto;
    grid-template-areas: 
      "a d"
      "b d"
      "c d"
      "e e"
      "f f"
      "g g";
      padding-bottom:30px;
  }
  .section-form-info .form-fields:has(.form-response) {
    display:block;
    text-align:center;
    font:var(--text-generic)
}

  .section-form-info .form .field-error{border:1px solid #f5c6cb;} 
  .section-form-info .form .mod-item-prv,
  .section-form-info .form .mod-item-cons{font:var(--text-generic2)}
  .section-form-info .form button[type="reset"]{display:none}
  .section-form-info .form button[type="submit"]{background:var(--color-a);color:#FFF;border:0 none!important;
    font-size: 24px;font-weight: 700;text-transform: uppercase;padding: 10px;
  }
  .section-form-info .form button[type="submit"]:hover{border-top-left-radius: 15px;border-bottom-right-radius: 15px;cursor:pointer}

@media only screen and (max-width: 991px) {
    .contacts .row{display:flex;flex-wrap:wrap;width:100%;padding:30px 30px 0 30px;gap:0}
    .contacts .row > div{margin-bottom:60px;}
    .contacts .row .promo{flex:none;position:relative;height:auto;width:100%;margin-top:-30px;margin-left:-30px;left:0;max-width:80%;}
    .contacts .row .action{width:50%;flex:none;}
}


@media only screen and (max-width: 768px) {
    .contacts .row .promo{max-width:90%;}
    .contacts .row .action{width:100%;flex:none;}
    .section-form-info .form-fields{display:grid;
        grid-template-columns: 1fr;
        gap:20px;
        grid-template-rows: auto;
        grid-template-areas: 
          "a"
          "b"
          "c"
          "d"
          "e"
          "f"
          "g";
          padding-bottom:30px;
      }
}


/*
============================
SECTION DOCUMENT ATTACHMENTS
============================
*/
.section-document-attachments{margin: 50px 0;background: var(--color-e);position: relative;padding:0 0 30px 0;}
.section-document-attachments .container{display:flex;flex-wrap:wrap;}
.section-document-attachments .container:before{content:"";display:block;max-width: 140px;overflow:hidden;width:100%;aspect-ratio:  140 / 70;clip-path: ellipse(50% 100% at 50% 0%);background:url("../images/svg/graffetta.svg") #fff no-repeat center center;background-size:min(45%, 45px);display: flex;align-items:center;justify-content: center;}
.section-document-attachments .section-title{padding:20px 0 0 20px;font-size: 30px;line-height:30px;font-weight: 700;color: var(--color-a);flex-grow:1;text-transform: uppercase;}
.section-document-attachments .list-documents{margin-top: 30px;width:100%;font:var(--text-generic)}
.section-document-attachments .list-documents ul{margin-bottom: 0;}
.section-document-attachments .list-documents .document a{color: #000;font-size: 22px;font-weight: 400;text-decoration: none;}
.section-document-attachments .list-documents .document a:before{content:"";width:5px;height:5px;margin-right:15px;background:#000;border-radius:50%;display:inline-block;vertical-align:middle;}
.section-document-attachments .list-documents .document a:hover{text-decoration:underline;}

@media only screen and (min-width: 0px) and (max-width:768px) {
    .section-document-attachments .container:before{max-width: 80px;height:40px;flex:none}
    /* .section-document-attachments .title{font-size: 30px;padding-left: 90px;} */
}
@media only screen and (min-width: 0px) and (max-width: 575px) {
    .section-document-attachments .title{font-size: 25px;}
}

/*
===============
SECTION GALLERY
===============
*/
.section-gallery{margin:50px 0;}
.section-gallery .container-3{max-width:var(--max-size-container-3)}
.section-gallery .section-title{font-size:24px;line-height:24px;font-weight:700;margin-bottom:20px;text-transform:uppercase;}
.section-gallery .swiper-gallery{padding-bottom: 20px;}
.section-gallery .swiper-gallery .swiper-slide a{display:block}
.section-gallery .swiper-gallery .swiper-slide a img{width: 100%;max-width:100%;}

/*
======
ITEM-A
======
*/
.item-a .content{display: flex;flex-direction: column;align-items:flex-start;gap:0;height:100%;width:100%}
.item-a .content .date{min-height:24px;font:normal normal 300 max(20px, min(24px, calc((24 * 100vw) / var(--max-size-1)))) / max(20px, min(24px, calc((24 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;width:100%;text-align: center;color: var(--color-date-slide);text-transform:uppercase;}
.item-a .content .brochure{margin-top:10px;position: relative;width:100%;flex-grow:1;box-shadow:var(--box-shadow-left), var(--box-shadow-right);display: flex;flex-direction: column;gap: 10px;justify-content:flex-start;padding:0 0 20px 0}
.item-a .content .brochure .image{width: 100%;}
.item-a .content .brochure .image a{display:block;border:0 none!important;height:100%}
.item-a .content .brochure .image img{width: 100%;height: 100%;object-fit: cover;border:0 none!important;aspect-ratio:1 / 1;display:block}
.item-a .content .brochure .image img{object-position:center center;display:block}
.item-a.bulletin  .content .brochure .image img{object-position:top center;}
.item-a .content .brochure .title{font:normal normal 700 max(26px, min(26px, calc((26 * 100vw) / var(--max-size-1)))) / max(26px, min(31px, calc((31 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;padding: 0 10px;}
.item-a .content .brochure .description{font:normal normal 300 max(18px, min(22px, calc((22 * 100vw) / var(--max-size-1)))) / max(22px, min(26px, calc((26 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;padding: 0 10px;}
.item-a .content .brochure .read-more{width:100%;display:block;text-align:center;margin-top:auto;}

/*
======
ITEM-B
======
*/
.item-b a{position:relative;display:block;overflow:hidden;border-radius:36px;height:100%}
.item-b img{max-width:100%;height:auto;display:block;}
.item-b figure{display:flex;height:100%}
.item-b figure img{object-fit:cover;aspect-ratio: 4 / 3;}
.item-b figure figcaption{position:absolute;top:0;left:0;right:0;bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#FFF;
    font:var(--text-generic);
    font-weight:bold;
    text-transform:uppercase;
    opacity:0;
    transition: all 0.3s ease-out;
    width:100%;
    height:100%;
    text-align:center;
    padding:20px;
}
.item-b .type{color:#FFF;display:block;font-weight:400;text-transform:none;font-size:16px}
.item-b a:hover figure figcaption{background:rgb(229, 37, 51, .6);opacity:1;}
.item-b a:hover{border-radius:0}

/*
=======
LYT-DTG
=======
*/
.lyt-dtg{}
.lyt-dtg .viewer{padding:20px 0}
.lyt-dtg .viewer iframe{
    margin:0;
    display:block;
    width: 100%;
    height: 500px;
    border: 0 none;
}

.lyt-dtg .description{font:var(--text-generic)}

/*
===============
LYT-DTG-SECTION
===============
*/
.bdy-lyt-gen-31 .lyt-dtg-section{}
.bdy-lyt-gen-31 .lyt-dtg-section .section-detail-info > .container > .columns > div{display:none!important}

/*
=============
LYT-DTG-ALBUM
=============
*/

.lyt-dtg-album{}

.lyt-dtg-album .section-detail-info .type{font:normal normal 400 max(20px, min(24px, calc((24 * 100vw) / var(--max-size-1)))) / max(20px, min(24px, calc((24 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;color: var(--color-b);text-transform: uppercase;margin-bottom:20px}
.lyt-dtg-album .section-detail-info h1.page-title
{font:normal normal 300 max(36px, min(50px, calc((50 * 100vw) / var(--max-size-1)))) / max(36px, min(50px, calc((50 * 100vw) / var(--max-size-1)))) 'Roboto Condensed', sans-serif;
color:var(--color-b);text-transform:uppercase;text-align:left;margin-bottom: 20px!important;}

.lyt-dtg-album .section-detail-info{}
.lyt-dtg-album .section-detail-info > .container > .columns > div{width:50%;flex:1}
.lyt-dtg-album .section-detail-info > .container > .columns > .columns-1{}
.lyt-dtg-album .section-detail-info > .container > .columns > .columns-2{}

.lyt-dtg-album .section-detail-info dl{margin:30px 0;display:grid;grid-template-columns: auto 1fr;font:var(--text-generic)}
.lyt-dtg-album .section-detail-info dl dt,
.lyt-dtg-album .section-detail-info dl dd{border-top:1px solid var(--color-i);padding:15px 10px}
.lyt-dtg-album .section-detail-info dl dt:first-of-type{border-top:0 none!important}
.lyt-dtg-album .section-detail-info dl dd:first-of-type{border-top:0 none!important}

.lyt-dtg-album .section-detail-info dl dt{font-weight:bold;text-transform:uppercase;color:var(--color-i)}

.lyt-dtg-album .section-detail-info a[data-glightbox]{display:block;position:relative;}
.lyt-dtg-album .section-detail-info a[data-glightbox]::before
{ transition: background-size 0.3s ease;content:"";position:absolute;top:0;left:0;width:100%;height:100%;position:absolute;background:url("../images/svg/zoom_in.svg") no-repeat center center;background-size:60px 60px}

.lyt-dtg-album .section-detail-info a[data-glightbox]:hover::before{background-size:80px 80px}

@media only screen and (min-width: 0px) and (max-width:768px) {
    .lyt-dtg-album .section-detail-info > .container > .columns > div{width:100%;flex:1}
    /* .section-document-attachments .title{font-size: 30px;padding-left: 90px;} */
}
@media only screen and (min-width: 0px) and (max-width: 575px) {
    .section-document-attachments .title{font-size: 25px;}
}

/*
====================================================
LYT-LIST-EVENTS - LYT-LIST-BULLETIN - LYT-LIST-ALBUM
====================================================
*/
.lyt-list-events .list-items,
.lyt-list-bulletins .list-items,
.lyt-list-album .list-items
{display:grid;grid-template-columns: 1fr 1fr 1fr;margin-bottom:15px;column-gap:20px;row-gap:40px}

.lyt-list-events .nrec,
.lyt-list-bulletins .nrec,
.lyt-list-album .nrec
{padding:0 0 40px 0;font:var(--text-generic)}

@media only screen and (max-width: 991px)  {
    .lyt-list-events .list-items,
    .lyt-list-bulletins .list-items,
    .lyt-list-album .list-items
    {display:grid;grid-template-columns:1fr 1fr;margin-bottom:15px;column-gap:20px;row-gap:40px}
}

@media only screen and (max-width: 575px)  {
    .lyt-list-events .list-items,
    .lyt-list-bulletins .list-items,
    .lyt-list-album .list-items
    {display:grid;grid-template-columns:1fr;margin-bottom:15px;column-gap:20px;row-gap:40px}
}

/*
=============
LYT-LIST-META
=============
*/
.lyt-list-meta{margin-bottom:30px;}
.lyt-list-meta ul,
.lyt-list-meta .list-items ul li{list-style-type:none;margin:0;padding:0;}
.lyt-list-meta .list-items ul li{border-bottom:1px solid #0D0C0D;padding:15px 0}
.lyt-list-meta .list-items ul li a{font-weight:500}
.lyt-list-meta .list-pager{padding-top:30px}

/*
============
LYT-LIST-SEZ
============
*/
.lyt-list-sez .list-blocks .block a{min-height:175px;}
.lyt-list-sez .list-blocks .block a:before{content:"";width: 70px;aspect-ratio: 1/1;border-bottom-right-radius: 100%;left: 0;background:url("../images/svg/position.svg") #FFF no-repeat 30% center;background-size:60%;position: absolute;top: 0px;left:0;display: flex;z-index: 1;box-shadow: rgba(255, 255, 255, 1) 0px 3px 8px;}

@media only screen and (min-width: 769px)  {
    .lyt-list-sez .list-blocks > div:nth-child(3n + 1) a,
    .lyt-list-sez .list-blocks > div:nth-child(3n + 2) a,
    .lyt-list-sez .list-blocks > div:nth-child(3n + 3) a {
      color:var(--color-a);
    }
    .lyt-list-sez .list-blocks > div:nth-child(3n + 1) a:hover,
    .lyt-list-sez .list-blocks > div:nth-child(3n + 2) a:hover,
    .lyt-list-sez .list-blocks > div:nth-child(3n + 3) a:hover {
      color:var(--color-b);
    }

    .lyt-list-sez .list-blocks > div:nth-child(6n + 4) a,
    .lyt-list-sez .list-blocks > div:nth-child(6n + 5) a,
    .lyt-list-sez .list-blocks > div:nth-child(6n + 6) a {
        color:var(--color-b);
    }
    .lyt-list-sez .list-blocks > div:nth-child(6n + 4) a:hover,
    .lyt-list-sez .list-blocks > div:nth-child(6n + 5) a:hover,
    .lyt-list-sez .list-blocks > div:nth-child(6n + 6) a:hover {
        color:var(--color-a);
    }
}

@media only screen and (min-width: 0px) and (max-width:768px) {
    .lyt-list-sez .list-blocks > div:nth-child(2n + 1) a,
    .lyt-list-sez .list-blocks > div:nth-child(2n + 2) a {
      color:var(--color-a);
    }
    .lyt-list-sez .list-blocks > div:nth-child(2n + 1) a:hover,
    .lyt-list-sez .list-blocks > div:nth-child(2n + 2) a:hover {
      color:var(--color-b);
    }
    /**/
    .lyt-list-sez .list-blocks > div:nth-child(4n + 3) a,
    .lyt-list-sez .list-blocks > div:nth-child(4n + 4) a {
        color:var(--color-b);
    }
    .lyt-list-sez .list-blocks > div:nth-child(4n + 3) a:hover,
    .lyt-list-sez .list-blocks > div:nth-child(4n + 4) a:hover {
        color:var(--color-a);
    }
}
@media only screen and (min-width: 0px) and (max-width: 575px) {
    .lyt-list-sez .list-blocks > div:nth-child(2n + 1) a {
        color:var(--color-a);
    }
    .lyt-list-sez .list-blocks > div:nth-child(2n + 1) a:hover {
        color:var(--color-b);
    }
    .lyt-list-sez .list-blocks > div:nth-child(2n + 2) a {
        color:var(--color-b);
    }
    .lyt-list-sez .list-blocks > div:nth-child(2n + 2) a:hover {
        color:var(--color-a);
    }
}

/* 
=====
PAGER
=====
*/
/* .load-more-ctrl{background: var(--color-b);width: 270px;height: 45px;display: flex;justify-content: center;margin: 50px auto 0 auto;transition: all .2s linear;}
.load-more-ctrl a{display: flex;align-items: center;justify-content: center;text-decoration: none;height: 100%;width: 100%;text-transform: uppercase;transition: all .1s linear;color: var(--color-c)}
.load-more-ctrl a span{text-align: center;font-weight: 700;margin-right: 10px;transition: all .2s linear;}
.load-more-ctrl a i{font-size: 20px;transition: all .2s linear;}
.load-more-ctrl:hover{background: var(--color-c);}
.load-more-ctrl:hover a{color: var(--color-b)}

.load-more-ctrl a .fa-spinner{display: none;}
.load-more-ctrl a.loading .fa-spinner{display: inline-block;}
.load-more-ctrl a.loading .fa-arrow-right{display: none;} */


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:focus,.pager li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,.pager .next>span {
    float: right
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}


.pager{display:block;margin:40px 0;text-align:left}
.pager a{color:var(--color-f);text-decoration:none!important;}
.pager li{display:inline-block!important;vertical-align:top;border-radius:0;margin-right:2px}
.pager li.disabled a,.pager li.disabled span,.pager li.disabled a:hover,.pager li.disabled span:hover{color:#CCC;background:#F0F0F0;}
.pager li a,.pager li span{border-radius:0}
.pager li.status span{border:0 none;}
.pager li.page.active span{background:var(--color-a);color:#FFF }
.pager li.page a:hover{background:#F0F0F0;text-decoration:none;}

/* SM */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.pager li span,.pager li a{padding-left:8px;padding-right:8px}
}

/* XS */
@media only screen and (min-width: 0) and (max-width: 767px) {
	.pager .page{display:none!important;}
	.pager .page.active{display:inline-block!important;}
}




/*
=========================
PAGINA DI DETTAGLIO [GEN]
=========================
*/

.section-start-gen{position: relative;}
/* .section-start-gen > .container{position: absolute;top: 0;z-index: 2;margin: auto;} */
/* .section-start-gen .content{display: flex;align-items: center;justify-content: space-between;background: transparent;height: 145px;}
.section-start-gen .content .column-1{width: 17%;}
.section-start-gen .content .section-title{font-size: 30px;font-weight: 700;text-transform: uppercase;margin-bottom: 0;}
.section-start-gen .content .column-2{width: 83%;display: flex;justify-content: space-between;align-items: center;position: relative;}
.section-start-gen .content .column-2 .submenu{padding-left: 15px;}
.section-start-gen .content .column-2 ul{display: flex;align-items: center;gap: 50px;list-style: none;padding-left: 0;margin-bottom: 0;}
.section-start-gen .content .column-2 ul li a{text-decoration: none;color: #fff;font-size: 20px;font-weight: 700;text-transform: capitalize;}
.section-start-gen .content .column-2 hr.menu-divisor{margin: 0;background: #fff;height: 1px;border: 0;opacity: 1;position: absolute;left: 0;width: 80%;}
.section-start-gen .content .column-2 .calendar{display: flex;flex-direction: column;gap: 15px;align-items: center;width: 100px;}
.section-start-gen .content .column-2 .calendar .image{width: 40px;}
.section-start-gen .content .column-2 .calendar .image img{width: 100%;height: 100%;filter: invert();}
.section-start-gen .content .column-2 .calendar .text{text-transform: lowercase;font-size: 18px;text-align: center;font-weight: 700;color: #fff;line-height: 18px;}
.section-start-gen .colorful-background{display: flex;align-items: flex-start;justify-content: space-between;position: absolute;top: 0;width: 100%;z-index: -1;}
.section-start-gen .colorful-background .blue{background: var(--color-b);width: 25%;height: 163px;border-top-right-radius: 30px;border-bottom-right-radius: 30px}
.section-start-gen .colorful-background .red{background: var(--color-a);height: 135px;position: absolute;width: 100%;z-index: -2;} */

.section-start-gen-2{background: linear-gradient(90deg, rgba(13,171,225,1) 0%, rgba(13,171,225,1) 19%, rgba(229,37,51,1) 19%, rgba(229,37,51,1) 100%);overflow: hidden;}
.section-start-gen-2 .container{position: relative;}
.section-start-gen-2 .white{height: 22px;width: 100vw;position: absolute;left: 20px;bottom: -2px;background: #fff;z-index: 1;}
.section-start-gen-2 .content{display: flex;align-items: center;justify-content: space-between;height: 163px;}
.section-start-gen-2 .content .column-1{background: var(--color-b);width: 25%;height: 100%;display: flex;align-items: center;border-top-right-radius: 50px;border-bottom-right-radius: 50px;position: relative;z-index: 1;}
.section-start-gen-2 .content .column-1 .section-title{font-size: 30px;font-weight: 700;text-transform: uppercase;margin-bottom: 0;color: #fff;}
.section-start-gen-2 .content .column-2.column-2.full-screen{display: flex;justify-content: space-between;align-items: center;position: relative;background: var(--color-a);width: 75%;height: 100%;}
.section-start-gen-2 .content .column-2.column-2.full-screen .submenu{padding-left: 15px;}
.section-start-gen-2 .content .column-2.column-2.full-screen ul{display: flex;align-items: center;gap: 50px;list-style: none;padding-left: 0;margin-bottom: 0;}
.section-start-gen-2 .content .column-2.column-2.full-screen ul li a{text-decoration: none;color: #fff;font-size: 20px;font-weight: 700;text-transform: capitalize;}
.section-start-gen-2 .content .column-2.column-2.full-screen hr.menu-divisor{margin: 0;background: #fff;height: 1px;border: 0;opacity: 1;position: absolute;left: 0;width: 80%;}
.section-start-gen-2 .content .column-2 .calendar a{display: flex;flex-direction: column;gap: 10px;align-items: center;width: 100px;text-decoration: none;}
.section-start-gen-2 .content .column-2 .calendar .image{width: 40px;}
.section-start-gen-2 .content .column-2 .calendar .image img{width: 100%;height: 100%;filter: invert();}
.section-start-gen-2 .content .column-2 .calendar .text{text-transform: lowercase;font-size: 18px;text-align: center;font-weight: 700;color: #fff;line-height: 18px;}

@media only screen and (min-width: 1240px) and (max-width: 1389px) {
    .section-start-gen-2 .content .column-2.full-screen hr.menu-divisor{width: 85%;}
}
@media only screen and (min-width: 0px) and (max-width: 1250px) {
    .section-start-gen-2{background: #fff}
    .section-start-gen-2 .container{padding: 0;}
    .section-start-gen-2 .content{flex-direction:column;height: auto;position: relative;}
    .section-start-gen-2 .content .column-1{height: 135px;width: 100%;border-radius: 0;padding: 0 12px;align-items: flex-start;padding-top: 30px;}
    .section-start-gen-2 .content .column-2.full-screen{height: 163px !important;width: 100% !important;padding: 0 12px;border-top-left-radius: 40px;border-top-right-radius: 40px;margin-top: -40px;z-index: 5;}
    .section-start-gen-2 .content .column-2.full-screen hr.menu-divisor{width: 80%;}
    .section-start-gen-2 .white{display: none;}
}
@media only screen and (min-width: 1001px) {
    .section-start-gen-2 .content .column-2.mobile-mode{display: none !important;}
}
@media only screen and (min-width: 0px) and (max-width: 1000px) {
    .submenu-open .section-start-gen-2{box-shadow: 0px 10px 20px 0px #7D7D7D;}
    .section-start-gen-2 .content .column-1{display: flex;align-items: flex-start;justify-content: space-between;}
    .section-start-gen-2 .content .column-2.full-screen{display: none !important;}
    .section-start-gen-2 .content .column-2.mobile-mode{height: 0 !important;width: 100% !important;padding: 0 12px;border-top-left-radius: 40px;border-top-right-radius: 40px;margin-top: -40px;z-index: 5;background: var(--color-a);
        transition: height .2s linear;}
    .submenu-open .section-start-gen-2 .content .column-2.mobile-mode{height: 510px !important;}
    .section-start-gen-2 .navbar-toggler{border: 0 none !important;z-index: 10;}
    .section-start-gen-2 .navbar-toggler-icon-bar{display: block;background: #000;height: 2px;margin-bottom: 8px;width: 30px;transition: all 0.2s linear;}
    .submenu-open .section-start-gen-2 .navbar-toggler .top-bar{transform: rotate(45deg);transform-origin: 10% 10%;}
    .submenu-open .section-start-gen-2 .navbar-toggler .mid-bar{opacity: 0;}
    .submenu-open .section-start-gen-2 .navbar-toggler .bottom-bar{transform: rotate(-45deg);transform-origin: 10% 90%;}
    .section-start-gen-2 .content .column-2.mobile-mode .submenu{padding: 25px 0;display: flex;flex-direction: column;gap: 20px;}
    .section-start-gen-2 .content .column-2.mobile-mode .submenu ul{list-style: none;padding-left: 0;margin-bottom: 0;display: flex;flex-direction: column;gap: 0px;}
    .section-start-gen-2 .content .column-2.mobile-mode .submenu ul li{border-bottom: 1px solid #fff;padding: 10px 0;}
    .section-start-gen-2 .content .column-2.mobile-mode .submenu ul li a{text-decoration: none;color: #fff;}
    .section-start-gen-2 .content .column-2.mobile-mode .submenu .calendar{margin: auto;}
}
@media only screen and (min-width: 0px) and (max-width: 550px) {
    .section-start-gen-2 .content .column-1{height: 120px;}
    .section-start-gen-2 .content .column-1 .section-title{font-size: 25px;}
}

/* section-content */



/* SEZIONI */
.section-sezioni{background: transparent;position: relative;}
.section-sezioni .bg-column-1{position: absolute;left: 0;top: 0;width: 25%;height: 55%;background: var(--color-b);border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.section-sezioni .bg-column-2{position: absolute;right: 0;top: 0;width: 72%;height: 100%;background: var(--color-a);border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
.section-sezioni .container{position: static;}
.section-sezioni .multi-column{column-count: 3;column-gap: 50px;display: block !important;row-gap: 0 !important;padding: 10px 0;}
.section-sezioni .multi-column li{break-inside: avoid;padding: 5px 0;margin: 0;padding: 0;}
.section-sezioni .multi-column li a{font-weight: 300 !important;}
.section-sezioni .multi-column li a.active{font-weight: 700 !important;}
/* .section-sezioni .white{left: 0;width: 30%;height: 150px;} */
.section-sezioni .white{display: none;}
.section-sezioni .content{height: 300px;align-items: flex-start !important;}
.section-sezioni .content .column-1{height: 55%;}
.section-sezioni .content .column-2{border-top-left-radius: 50px;border-bottom-left-radius: 50px;}

@media only screen and (min-width: 1251px) and (max-width: 1700px) {
    .section-sezioni .content .column-1{width: 30%;}
}
@media only screen and (min-width: 1001px) and (max-width: 1250px) {
    .section-sezioni .content{height: 360px;}
    .section-sezioni .content .column-2.full-screen{height: 100% !important;margin-top: 0px;}
}
@media only screen and (min-width: 0px) and (max-width: 1000px) {
    .section-sezioni .content{height: auto;}
    .section-sezioni .content .column-1{min-height: 130px}
    .section-sezioni .content .column-2{border-bottom-left-radius: 0;}
    .section-sezioni .content .column-2.full-screen{height: 100% !important;margin-top: 0px;}
}
@media only screen and (min-width: 0px) and (max-width: 650px) {
    .section-sezioni .multi-column{column-count: 2;}
}

/* sezioni - gallery */
.section-sezioni-content{margin: 30px 0 0 0;}

.section-sezioni-content .columns .column-2 .info{background:var(--color-h);position: relative;display: flex;gap: 20px;align-items: flex-start;justify-content: space-between;margin-bottom: 20px;padding: 30px 90px;border-radius: 30px;border-top-left-radius: 10px;
    box-shadow: 8px 10px 15px -7px #939393;}
.section-sezioni-content .columns .column-2 .info > .column-1,
.section-sezioni-content .columns .column-2 .info > .column-2{display: flex;flex-direction: column;gap: 10px;font-size: 22px;flex: 1}
.section-sezioni-content .columns .column-2 .info .label .red{color: var(--color-a);text-transform: uppercase;}
.section-sezioni-content .columns .column-2 .info .label .ruolo{font-style: italic;}
.section-sezioni-content .columns .column-2 .info .label a{color: #000;}
.section-sezioni-content .columns .column-2 .info .circle{width: 70px;aspect-ratio: 1/1;border-bottom-right-radius: 100%;left: 0;background: #fff;position: absolute;top: 0px;display: flex;align-items: center;justify-content: center;z-index: 1;box-shadow: rgba(255, 255, 255, 1) 0px 3px 8px;}
.section-sezioni-content .columns .column-2 .info .circle > img{width: 70%;margin-right: 10px;margin-bottom: 10px;}
.section-sezioni-content .columns .column-2 .leggi-di-piu{display: flex;margin-top: 10px;justify-content: flex-end;}
.section-sezioni-content .columns .column-2 .leggi-di-piu a{display: flex;align-items: center;justify-content: center;background: var(--color-a);color: #fff;gap: 15px;font-size: 27px;font-weight: 700;
    text-transform: uppercase;padding: 10px 55px;text-decoration: none;transition: all .2s linear;}
.section-sezioni-content .columns .column-2 .leggi-di-piu a:hover{background: var(--color-footer);border-top-left-radius: 15px;border-bottom-right-radius: 15px;}
.section-sezioni-content .section-gallery{background:var(--color-h);margin: 0;padding: 20px 0 50px 0;margin-top: 30px;position: relative;}
.section-sezioni-content .section-gallery .circle{width: 140px;aspect-ratio: 1/1;border-radius: 50%;background: #fff;position: absolute;top: -70px;display: flex;align-items: flex-end;justify-content: center;}
.section-sezioni-content .section-gallery .circle > img{width: 40%;margin-bottom: 20px;}
.section-sezioni-content .section-gallery .title{font-size: 30px;font-weight: 700;color: var(--color-a);padding-left: 150px;text-transform: uppercase;}
.section-sezioni-content .section-gallery .swiper-gallery{margin-top: 40px;}

@media only screen and (min-width: 1001px) and (max-width: 1250px) {
    .section-sezioni-content .columns .column-2 .info{padding-right: 20px;}
    .section-sezioni-content .columns .column-2 .info > .column-1,
    .section-sezioni-content .columns .column-2 .info > .column-2{font-size: 20px;flex: 1}
}
@media only screen and (min-width: 0px) and (max-width: 1000px) {
    .section-sezioni-content .columns{flex-direction: column;gap: 20px;}
    .section-sezioni-content .columns .column-2{display: flex;flex-direction: column;gap: 20px;}
    .section-sezioni-content .columns .column-2 .info{padding-right: 20px;}
    .section-sezioni-content .columns .column-2 .info > .column-1,
    .section-sezioni-content .columns .column-2 .info > .column-2{font-size: 20px;flex: 1}
    .section-sezioni-content .columns .column-2 .leggi-di-piu a{font-size: 22px;}
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
    .section-sezioni-content .section-gallery .circle{width: 80px;aspect-ratio: 1/1;top: -40px;}
    .section-sezioni-content .section-gallery .circle > img{width: 60%;}
    .section-sezioni-content .section-gallery .title{font-size: 30px;padding-left: 90px;}
}
@media only screen and (min-width: 0px) and (max-width: 630px) {
    .section-sezioni-content .columns .column-2 .info{flex-direction: column;}
}
@media only screen and (min-width: 0px) and (max-width: 550px) {
    .section-sezioni-content .columns .column-2 .leggi-di-piu a{font-size: 19px;}
    .section-sezioni-content .section-gallery .circle{width: 60px;aspect-ratio: 1/1;top: -30px;}
    .section-sezioni-content .section-gallery .circle > img{margin-bottom: 10px;}
    .section-sezioni-content .section-gallery .title{font-size: 25px;padding-left: 60px;}
}

