:root {
  /* --white: 247, 247, 244; */
  --white: 255, 255, 255;
  --black: 20, 20, 5;
  --lightGrey: 238, 238, 234;
  --fontSans: 'FTAktual';
  --fontSizeNormal: 1em; /* p */
  --fontSizeBig1: 3.5em; /* h1 */
  --fontSizeBig2b: 1.88em; /* h2 intro progetto */
  --fontSizeBig2: 1.4em; /* titoli footer */
  --fontSizeBig3: 1.7em; /* titoli news */
  --fontSizeBig2rem: 1.4rem; /* paginazione */
  --fontSizeBigValues: 3em;
  --fontSizeSmall: 0.8em;
  --fontSizeNormalPlus: 1.2em; /* menu */
  --lineHeightNormal: 1.6em;
  --separator: 5.55vw;
  --separatorMedium: 3.5vw;
  --separatorSmall: 2vw;
  --separatorSmall2: 2.5vw;
  --swiper-pagination-bullet-inactive-opacity: 0;
  --swiper-pagination-bullet-size: .35em;
  --swiper-pagination-color: rgb(20,20,5);
}

@font-face {
  font-family: 'FTAktual';
  src: url('../fonts/FTAktual-Regular.woff') format('woff');
  font-weight:  normal;
  font-style:   normal;
  font-stretch: normal;
  text-rendering: optimizeLegibility;
}


html {
  /* font-size: 1.111vw;      20px  */
  font-size: 1.042vw;
  line-height: 1.597em; 
}
body.thun2024 {
  position: relative;
  font-family: var(--fontSans);
  color: rgb(var(--black));
  background-color: rgb(var(--white));
  font-size: 0.9em;
  line-height: var(--lineHeightNormal);;
  letter-spacing: 0.02em;
  font-weight: normal;
}

.modal-thun,
.modal-thun h3,
.modal-thun h4 {
  font-family: var(--fontSans);
}
.modal-thun .modal-thun-content {
  background: rgb(var(--white));
}

body.thun2024 footer {
  /* background: rgb(var(--lightGrey)); */
  background: rgb(var(--white));
  border-top: 0.09em solid rgb(var(--black));
  padding-top: var(--separator);
  padding-bottom: var(--separator);
  display: flex;
  flex-wrap: wrap;
}
body.thun2024 .footer-col {
  width: calc(18.07*var(--vw));
  margin-left: calc(5.55*var(--vw));
  font-family: var(--fontSans);
}

body.thun2024 .footer-col .span {
  font-size: var(--fontSizeBig2);
  font-family: var(--fontSans);
}

body.thun2024 footer a {
  /* text-decoration: underline; */
}
body.thun2024 .logo-social-footer img {
  width: 2em;
}

strong, b {
  font-family: var(--fontSans);
  font-weight: normal;
}

.uppercase,
.thun2024 #project-title h1.h1,
.project-details-title {
  text-transform: uppercase;
}

.text-small {
  font-size: var(--fontSizeSmall);
}

.link-underline a {
  text-decoration: underline;
}

.separator {
  width: 100%;
  height: var(--separator);
  clear: both;
}
.separator-small {
  width: 100%;
  height: var(--separatorSmall);
  clear: both;
}

.thun2024 .pagination {
  margin: 0;
  padding: 0;
}
.thun2024 .pagination,
.thun2024 .pagination li,
.thun2024 #archive-title .pagination a {
  font-size: var(--fontSizeBig2rem);
  line-height: var(--lineHeightNormal);
}

.arr {
  height: 1em;
  width: 1em;
  margin: 0 0 calc(calc(var(--lineHeightNormal) - 1em) / 2);
  vertical-align: middle;
  display: inline-block;
}
.arr.arr-big,
#archive-title .open_search_parameters img.bottom-med.arr-big {
  height: 1.2em;
  width: 1.2em;
}

.thun2024 .navbar_bg {
  background: rgb(var(--white));
}
.thun2024.project .with-bg .navbar_bg, 
.thun2024.homepage .with-bg .navbar_bg {
  opacity: 1;
}

.animated-thumb {
  -webkit-transition: opacity 1s ease-out, transform 1s ease-out;
  -moz-transition: opacity 1s ease-out, transform 1s ease-out;
  -o-transition: opacity 1s ease-out, transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.thun2024 .navbar-nav li a {
  line-height: 1.25em;
}

.thun2024 .nav li > a span {
  display:inline-block;
  /* padding: 0.2em 0; */
  padding: 0;
  border-bottom: 0.09em solid transparent;
  transition: border-color .3s ease;
}
.thun2024 .nav li ul li > a span {
  padding: 0.2em 0 0;
  border-bottom: 0.11em solid transparent;
  margin-bottom: 0.5em;
  transition: border-color .3s ease;
}
.thun2024 .nav li.active > a,
.thun2024 .nav li > a:hover, 
.thun2024 .nav li > a:focus,
.thun2024 .nav li > a:active {
  text-decoration: none !important;
}
.thun2024 .nav li.active > a > span,
.thun2024 .nav li > a:hover > span, 
.thun2024 .nav li > a:focus > span,
.thun2024 .nav li > a:active > span {
  border-bottom: 0.09em solid rgb(var(--black));
}
.thun2024 .nav li ul li.active > a > span,
.thun2024 .nav li ul li > a:hover > span, 
.thun2024 .nav li ul li > a:focus > span,
.thun2024 .nav li ul li > a:active > span {
  border-bottom: 0.11em solid rgb(var(--black));
}
.thun2024.header-inverse nav:not(.with-bg) .nav li.active > a > span,
.thun2024.header-inverse nav:not(.with-bg) .nav li > a:hover > span, 
.thun2024.header-inverse nav:not(.with-bg) .nav li > a:focus > span,
.thun2024.header-inverse nav:not(.with-bg) .nav li ul li.active > a > span,
.thun2024.header-inverse nav:not(.with-bg) .nav li ul li > a:hover > span, 
.thun2024.header-inverse nav:not(.with-bg) .nav li ul li > a:focus > span {
  border-color: rgb(var(--white));
}


.thun2024.project #change-menu, 
.thun2024.homepage #change-menu,
.thun2024.about-page #change-menu,
.thun2024.values-page #change-menu {
  top: calc(2*var(--vw));
}

.thun2024.header-inverse nav.with-bg .nav-container {
  border: none;
}
/* .thun2024 .with-bg .navbar_bg {
  opacity: 0;
}
.thun2024 .with-bg:hover .navbar_bg {
  opacity: 1;
} */

.thun2024 .nav-container {
  border-bottom: none;
}

.thun2024 .navbar-brand, 
.thun2024 .navbar-nav > li > a {
  font-size: var(--fontSizeNormalPlus);
}
.thun2024 .navbar-brand {
  padding-top: 29px;
}

.thun2024 nav ul > li ul {
  font-size: var(--fontSizeNormal);
}

.thun2024 #navbar .navbar-nav > li:last-child {
  margin-left: 2.55vw;
}

.thun2024 #navbar .navbar-nav > li > a,
.thun2024 #navbar .navbar-nav > li ul li a {
  padding-left: 1.5vw;
  padding-right: 1.5vw;
}

.thun2024 #navbar .navbar-nav > li:last-child > a,
.thun2024 #navbar .navbar-nav > li:last-child ul li a {
  padding-right: 0;
}

.thun2024 #archive-title{
  margin-bottom: 0;
}

.thun2024 #archive-title .h1,
.thun2024 #project-title .h1,
.thun2024 .h1,
.thun2024 h1
{
  font-size: var(--fontSizeBig1);
  font-family: var(--fontSans);
  line-height: 1.1em;
  margin-top: 0;
  margin-bottom: 0.8rem;
  letter-spacing: -0.005em;
  font-weight: normal;
}
.thun2024.projects #archive-title .h1 {
  margin-bottom: 0;
}

.thun2024 .h2,
.thun2024 h2 {
  font-size: var(--fontSizeBig2);
  font-family: var(--fontSans);
  line-height: 1.3em;
  margin:0;
}
.thun2024 #about-press .h2 {
  font-size: var(--fontSizeBig2);
  font-family: var(--fontSans);
  font-weight: normal;
}




/* HOME */

body.thun2024.homepage section {
  background: rgb(var(--white));
}

.home-full-slide,
.home-full-slide .swiper-wrapper,
.home-full-slide .swiper-slide,
.home-full-slide .swiper-slide > div {
  width: 100%;
  /* height: calc(100vh - 7vw); */
  height: calc(100vh - 6vw);
}
.home-full-slide a.swiper-slide {
  position:relative;
}
.home-full-slide .swiper-slide > div {
  /* height: 102vh; */
  /* height: 100vh; */
  background-position: center center;
  background-size: cover;
  position: relative;
}
.home-full-slide .swiper-slide > div {
  transition: transform 20s ease-out;
  /* transform: scale(1.1); */
  transform: scale(1);
}
.home-full-slide .swiper-slide.swiper-slide-active > div,
.home-full-slide .swiper-slide.swiper-slide-prev > div {
  transform: scale(1);
  transition: transform 6s cubic-bezier(0,0,.16,1);
}
/* .home-full-slide .swiper-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%);
  pointer-events: none;
} */
.home-full-slide .slide-label {
  display: block;
  text-decoration: none;
  color: rgb(var(--white));
  font-size: var(--fontSizeSmall);
  position:fixed;
  top: 50%;
  left: 50%;
  width: 14em;
  line-height: 1.2em;
  padding: 2em 0 0;
}

.follow_mouse {
  opacity: 0;
  transition: opacity .4s linear;
  pointer-events: none;
}
.follow_mouse.follow_mouse_visible {
  opacity: 1;
}
.follow_mouse::after {
  content: "";
  display: block;
  width: 2em;
  height: 1em;
  margin-top: 0.5em;
  background-image: url('../img/arr/dx-white.svg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

#contact-homepage {
  position: absolute; 
  bottom: var(--separatorSmall);
  right: calc(5.55*var(--vw));
  color: rgb(var(--white));
  z-index: 10;
  text-align: right;
}
#contact-homepage,
#contact-homepage a {
  color: rgb(var(--white));
}
#contact-homepage > * {
  display: inline-block;
  margin-left: 2em;
}
#contact-homepage > *:first-child {
  margin-left: 0;
}
.dida-homepage {
  width: 100%;
  background: rgb(var(--white));
  /* padding: calc(2*var(--vw)) 0; */
  padding: calc(1.5*var(--vw)) 0;
  overflow: hidden;
}
.ticker-text {
  white-space:nowrap;
  display:inline-block;
}
.dida-homepage .h1 {
  margin: 0;
}
.dida-homepage .h1 span {
  padding-right: 1em;
}




/* VALUES */ 

.values-intro > div {
  display: flex;
  flex-wrap: wrap;
}

.values-intro-sx {
  width: calc(47*var(--vw));
}
.values-intro-dx {
  width: calc(35*var(--vw));
  /* display: flex; 
  flex-direction: column; 
  justify-content: center; */
}
.values-intro ol {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.values-intro ol a {
  padding: 0.2em 0;
  display: flex;
  width: 100%;
  font-size: var(--fontSizeBig1);
  line-height: var(--fontSizeNormal);
  /* border-top: 2px solid rgb(var(--black)); */
  border-top: 0.09em solid rgb(var(--black));
  text-decoration: none !important;
}
.values-intro ol a:hover {
  text-decoration: none;
  background: rgb(var(--black));
  color: rgb(var(--white));
  border-radius: 10em;
  border-color:transparent;
}
.values-intro ol li:hover + li a {
  border-top-color:transparent;
}
.values-intro ol li:last-child a {
  /* border-bottom: 2px solid rgb(var(--black)); */
  border-bottom: 0.09em solid rgb(var(--black));
}
.values-intro .value-index {
  /* width: calc(6*var(--vw)); 
  padding-left: calc(1.5*var(--vw));*/
  width: 6.7%;
  padding-left: 1.6%;
  display: block;
  transition: color .3s ease;
}
/* .values-intro a:hover .value-index {
  padding-left: 0.6em;
} */
.values-intro .value-name {
  display: block;
  /* width: calc(82.88*var(--vw)); */
  width: 94%;
  transition: all .5s ease;
  /* padding-right: calc(1.5*var(--vw)); */
  padding-right: 1.6%;
}
/* .values-intro a:hover .value-name {
  padding-left: 0.3em;
} */
.values-intro a .value-name .arr {
  margin: 0.15em 0 0;
  height: auto;
  width: 0.9em;
}
.values-intro a .value-name .arr path {
  /* stroke: rgb(var(--black)); */
  fill: rgb(var(--black));
}
.values-intro a:hover .value-name .arr path {
  /* stroke: rgb(var(--white)); */
  fill: rgb(var(--white));
}

.value-detail {
  display: flex; 
  flex-wrap: wrap;
  /* color:rgb(var(--white)); */
  padding-top: var(--separator);
  padding-bottom: var(--separatorSmall);
}
.values-intro > div {
  padding-bottom: var(--separatorSmall);
}
.value-box {
  /* width: 57.7vw;
  height: 35vw; */
  width: calc(57.7*var(--vw));
  height: calc(35*var(--vw));
  position: relative;
}
.value-title {
  /* position: absolute; 
  bottom: 0;
  left: 0;
  width: 73%;
  z-index: 2;
  pointer-events: none;
  padding: 3vw;
  z-index:3; */
  width: 100%;
}
.value-h2 {
  font-size: 3em;
  line-height: 1.1em;
  margin: 0 0 0.2em;
}
.value-image {
  height: 100%;
  overflow:hidden;
}
/* .value-image::after,
.value-projects article figure::after {
  position:absolute;
  z-index:2;
  content:"";
  display:block; 
  top:0;
  bottom:0;
  left:0;
  right:0;
  background: linear-gradient(190deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
  pointer-events: none;
} */
.value-image > div {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index:1;
}
.value-projects,
.value-projects figure {
  /* width: 19vw; */
  width: calc(19*var(--vw));
}
.value-projects {
  /* margin-left: 5.55vw; */
  margin-left: calc(5.55*var(--vw));
}
.value-projects article {
  margin-bottom: calc(2.6*var(--vw));
  position: relative;
}
.value-projects article:last-child {
  margin-bottom: 0;
}
.value-projects figure {
  height: calc(11.6*var(--vw));
}
.value-projects .project-name {
  /* position: absolute;
  color:rgb(var(--white));
  z-index:3;
  bottom:0;
  left:0;
  padding: 1em;
  font-size:0.7em;
  line-height: 1.3em; */
  padding: 1em 0;
  font-size: var(--fontSizeNormal);
  line-height: 1.3em;
}

.full-video-play a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.full-video-play svg {
  width: 4em;
  height: 4em;
  transition: all .5s ease-out;
  opacity:0.6;
}
.full-video-play a:hover svg {
  width: 4.5em;
  height: 4.5em;
  opacity:1;
}



body.withsticky main {
  overflow: visible;
  position: relative;
  width: 100%;
}

#thunScrollspy {
  /* float: right; */
  float: left;
  position: sticky;
  top: 0;
  height: 100vh;
  width: calc(6*var(--vw));
  margin-left: calc(5.55*var(--vw));
  opacity: 1;
  transition: margin 0.3s, opacity 1.5s;
  transition-timing-function: ease;
}
#thunScrollspy ul {
  height: 100%; 
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#thunScrollspy ul li {
  padding-left: calc(1.5*var(--vw));
}
#thunScrollspy ul a {
  transition: all .3s ease;
  /* text-align: right; */
  width: 100%;
  padding: 1.5vh 0;
  font-size: var(--fontSizeBig2);
  width: 1.8em;
  border-radius: 4em;
  text-align: center;
}
#thunScrollspy.scrollspy-initial {
  margin-right:0;
  opacity: 0;
}
#thunScrollspy .active a,
#thunScrollspy a:hover {
  /* font-size: var(--fontSizeBigValues);
  text-decoration: none; */
  font-size: var(--fontSizeBig3);
  text-decoration: none;
  color: rgb(var(--white));
  background: rgb(var(--black));
  display: inline-block;
  padding: 0;
  line-height: 1.5em;
  width: 1.5em;
}
#thunScrollspy a:focus {
  text-decoration: none;
}
.values-sections {
  width: 82.8%;
  margin-left: calc(11.55*var(--vw));
}




.partner-boxes {
  display: flex; 
  flex-wrap: wrap; 
  justify-content: flex-start;
  /* margin: 0 calc(-1.45*var(--vw)) calc(-2.9*var(--vw)); */
  margin: 0 -1.5% -2.9vw;
}
.partner-box {
  display: block; 
  position: relative;
  margin: 0 1.5% 2.9vw;
  width: 22%;
}
.partner-dx .partner-box {
  width: 80%;
}
.partner-box:nth-child(3n+5) {
  margin-left: 26.5%;
}
.partner-box figure {
  /* width: calc(20*var(--vw));
  height: calc(20*var(--vw)); */
  width: 100%;
  z-index:1;
  position: relative;
}
.about-collaborators .partner-boxes {
  margin: 0;
}
.about-collaborators .swiper {
  width: calc(88.89*var(--vw));
  /* height: calc(calc(30.3*var(--vw)) + 30px); */
  height: calc(calc(calc(calc(88.89*var(--vw)) - 150px) / 3) + 30px);
  box-sizing: content-box;
  padding-bottom: calc(3*var(--vw));
}
.about-collaborators .collaborators-top .swiper {
  height: calc(calc(calc(88.89*var(--vw)) - 150px) / 6);
  padding-bottom: 30px;
}
.thun2024 .swiper-horizontal > .swiper-pagination-bullets, 
.thun2024 .swiper-pagination-bullets.swiper-pagination-horizontal {
  display: flex;
  justify-content: space-between;
  width: 20%;
  left: 40%;
}
.thun2024 .swiper-horizontal > .swiper-pagination-bullets::after, 
.thun2024 .swiper-pagination-bullets.swiper-pagination-horizontal::after {
  content:"";
  display: block;
  position: absolute;
  z-index:0;
  left: 0;
  right: 0;
  top: calc(50% - 0.045em);
  height: 0.09em;
  width: 100%;
  background: rgb(var(--black));
}
.thun2024 .swiper-pagination-bullet {
  position: relative;
  z-index:2;
  margin: 0 !important;
}
.thun2024 .swiper-pagination-bullet:hover {
  opacity:1;
}
.about-collaborators .partner-box {
  margin: 0;
  width: 100%;
} 
.about-collaborators .partner-box figure {
  width: 100%;
  height: auto;
  padding: 0 0 100%;
  z-index:1;
  position: relative;
}
.about-collaborators .partner-box figure > div {
  background-size: cover;
  background-position: center-center;
  background-repeat: no-repeat;
  position: absolute; 
  top:0;
  bottom:0;
  left:0;
  right:0;
}
.partner-box figure > * {
  width: 100%;
  height: 100%;
}
.partner-box-name {
  position: absolute; 
  z-index:2;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,0.7);
  color:rgb(var(--white));
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em;
  text-align: center;
  transition: all .3s ease;
  opacity: 0;
}
.partner-box-name > * {
  width: 100%;
  margin-top:1em;
  transition: all .3s ease;
}
.partner-box:hover .partner-box-name {
  opacity: 1;
}
.partner-box:hover .partner-box-name > * {
  margin-top:0;
}


.about-page #archive-title {
  width:100%;
  padding-bottom: calc(2*var(--vw));
}
.contact-boxes {
  display:flex;
  flex-wrap:wrap;
}
.contact-box-image {
  width:33.33%;
  padding: calc(33.33*var(--vw)) 0 0;
  background-size:cover;
  background-position: center center;
  position:relative;
}
.contact-box-text {
  width:33.33%;
  padding: 0 calc(2*var(--vw)) calc(2*var(--vw)) calc(5.55*var(--vw));
  position:relative;
}
.contact-box-image a {
  color:rgb(var(--white));
}
.contact-box-image > * {
  position: relative;
  z-index:2;
}
/* .contact-box-image::after {
  content:"";
  display:block;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.6) 100%)
} */
.contact-box-press,
.contact-box-text-2 {
  width: 37.33%;
  padding-right: 0;
}
.contact-box-text-3 {
  padding-left: calc(2.55*var(--vw));
  width: 29.33%;
}
.contact-box-press {
  padding: calc(2*var(--vw)) 0 calc(2*var(--vw)) calc(5.55*var(--vw));
}
.contact-box-newbusiness {
  padding: calc(2*var(--vw)) calc(2*var(--vw)) calc(2*var(--vw)) calc(1.55*var(--vw));
}
.contact-press {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.contact-press > div {
  width: 50%;
}

.join-text {
  margin-left: 23.66%;
}


.thegroup-intro,
.about-clients-list .project-details-title,
.about-awards-list .project-details-title {
  font-size: var(--fontSizeBig2);
  line-height: 1.4em;
}


.items-table-row {
  display: flex; 
  flex-wrap: wrap; 
  width: 100%; 
  border-bottom: 0.09em solid rgb(var(--black));
}
.items-table-row > * {
  padding: 0.75em 1em 0.75em 0;
}
.items-table-row-award {
  width: 40%;
}
.items-table-row-year {
  width: 20%;
}
.items-table-row-project {
  width: 40%;
  padding-right: 0;
}



.press-year-items.collapse {
  display:none;
}
.press-year-items, .press-year-items.collapse.in {
  display: flex;
  flex-wrap: wrap;
}
.press-year-items .press-item {
  height:auto !important;
}
.press-image {
  position:relative; background-size:cover; background-position:center center; margin-bottom:12px;
}
.press-image,
.press-text,
.press-download {
  width:100%;
  max-width:350px;
}
.press-image-holder {
  width:100%; height:auto;
}
.press-image-logo {
  position:absolute; height:21%; width:auto; max-width:95%; right:3%; bottom:6%;
}


#info-awards .press-image,
#info-clients .press-image,
.about-awards-list .press-image {
  background-size: contain;
  background-repeat: no-repeat;
}
.thun2024 #info-awards .press-items .press-item,
.thun2024 #info-clients .press-items .press-item {
  width: calc((100% - (5.55% * 6)) / 5);
  margin-left: 5.55%;
}

.thun2024 .about-awards-list {
  margin-top: 1.3em;
}
.thun2024 .about-awards-list .press-items .press-item {
  width: 28%;
  margin-left:0;
  margin-right: 8%;
  margin-bottom: 8%;
}
.thun2024 .about-awards-list .press-items .press-item:nth-child(3n) {
  margin-right: 0;
}
.thun2024 .about-awards-list .press-items .press-item article {
  display: flex;
  align-items: center;
}
.thun2024 .about-awards-list .press-image {
  margin-bottom:0;
}


body.thun2024.project #project-title, 
body.thun2024.project #project-details, 
body.thun2024.project #project-gallery, 
body.thun2024.project #project-related-contents, 
body.thun2024.project #search-our-world {
  background: rgb(var(--white));
}
.thun2024 #project-details p, 
.thun2024 .page-text p {
  font-family: var(--fontSans);
  font-size: var(--fontSizeNormal);
  line-height: var(--lineHeightNormal);
}





/* NEWS */

.thun2024 .news-articles {
  font-family: var(--fontSans);
}
.thun2024 .news-articles article {
  font-size: 1em !important;
  margin-bottom: 0;
}
.news-cont-flex {
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news-flex-image,
.news-flex-texts {
  /* width: calc(41.66*var(--vw)); */
  width: 46.87%;
}
.news-flex-texts {
  display: flex;
  align-items: center;
  /* padding-right: calc(11.1*var(--vw)); */
  padding-right: 12%;
}
.thun2024 .news-articles article:nth-child(2n) .news-flex-image {
  order: 2;
}
.thun2024 .news-articles article:nth-child(2n) .news-flex-texts {
  /* padding-left: calc(11.1*var(--vw)); */
  padding-left: 12%;
  padding-right: 0;
}
.thun2024 .news-box-title {
  font-size: var(--fontSizeBig2);
  line-height: 1.3em;
  font-family: var(--fontSans);
  border-bottom: 0.08em solid rgb(var(--black));
  padding-bottom: 0.3em; 
}
.thun2024 .news-box-text {
  margin-top: 1.5em;
}

.thun2024 .news-articles-boxes {
  display: flex; 
  flex-wrap: wrap; 
}
.thun2024 .news-articles-boxes article {
  width: 25.92%;
  margin-left: 5.555%;
}
.thun2024 .news-articles-boxes article.featured_page_1:nth-child(1),
.thun2024 .news-articles-boxes article.featured_page_1:nth-child(2) {
  width: 41.67%;
  margin-left: 5.555%;
}

.thun2024 .news-articles-boxes article.page_1_with_1_featured:last-child,
.thun2024 .news-articles-boxes article.page_1_with_2_featured:last-child {
  display: none !important;
}


.news-articles-boxes .news-flex-image, 
.thun2024 .news-articles.news-articles-boxes article .news-flex-texts,
.thun2024 .news-articles.news-articles-boxes article:nth-child(2n) .news-flex-texts {
  width:100%;
  padding-right: 0;
  padding-left:0;
}

.news-articles-boxes .news-flex-image,
.news-box-image-cont {
  display: block; 
  aspect-ratio: 1300/755;
  background: rgb(var(--lightGrey)) no-repeat center center;
  background-size: cover;
}



.partner-2col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.partner-2col .partner-box {
  margin:0;
}
.partner-sx {
  /* width: 55%; */
  width: 45%;
}
.partner-dx {
  /* width: 35%; */
  width: 45%;
}
.partner-intro .partner-sx {
  order:1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.partner-intro .partner-dx {
  order:2;
}
/* .partner-bio .partner-dx {
  opacity: 0.6;
} */




/*  PROJECTS */

.project-typologies-list a {
  display: inline;
  /* margin-right: 0.5em; */
  color: rgba(var(--black), .75);
}

.thun2024 .project-list-single .h2 {
  /* margin: 1em 0 0.5em; */
  margin: 1em 0 0;
}
.thun2024 .project-list-single a:hover {
  text-decoration: none;
}
.thun2024 .view-grid .project-list-single {
  margin-bottom: calc(4*var(--vw));
}
.thun2024 .view-grid #project-details-table .project-list-single,
.thun2024 .view-grid #project-details-right-table .project-list-single {
  margin-bottom:0;
}
.thun2024 .view-grid .masonry-gallery .project-list-single {
  margin-bottom: 0;
  padding-bottom: calc(5.55*var(--vw));
}
.thun2024 .view-grid .container-preload {
  display: flex; 
  flex-wrap: wrap; 
  justify-content: space-between;
}
.thun2024 .view-grid .container-preload .project-list-single {
  /* width: calc(41.66*var(--vw)); */
  width: 46.87%;
}

.thun2024 .searchpanel {
  font-size: 1em;
}
.thun2024 .panel-search-labels {
  display: flex; 
  flex-wrap: wrap; 
  padding:0;
}
.thun2024 #search-parameters {
  margin-bottom: var(--separatorSmall2);
}
#search-form .open_search_parameters:hover,
#search-form .open_search_parameters:focus {
  text-decoration: none;
}
.thun2024 .panelleft .label {
  font-size: var(--fontSizeNormal);
  line-height: 1.2em;
}
.panelright span {
  color: inherit;
}
.thun2024 a.link_to_projects_sec:hover,
.thun2024 a.link_to_projects_sec:focus,
.thun2024 a.get_full_story:hover,
.thun2024 a.get_full_story:focus {
  text-decoration: none;
}
.thun2024 a.link_to_projects_sec span,
#search-form .open_search_parameters span,
.thun2024 a.get_full_story span {
  /* padding: 0 0 0.1em; */
  line-height: 1.2em;
  display:inline-block;
  /* vertical-align: top; */
}
.panelleft .label:hover, 
.panelright span:hover, 
.panelleft .label.active, 
.panelright span.active,
#search-form .open_search_parameters:hover span,
.thun2024 a.link_to_projects_sec:hover span,
.thun2024 a.get_full_story:hover span {
  text-decoration: none;
  border-bottom: 0.09em solid rgb(var(--black));
}
.thun2024 .panel-search-labels.panelleft .label {
  width: auto;
  margin: 0.2em 2em 0 0;
}
.thun2024 .panel-search-labels.panelleft .label.labelkeyword {
  display: flex; 
  flex-wrap: wrap; 
  cursor: default;
  margin: 0.2em 0 0;
}
.thun2024 .panel-search-labels.panelleft .labelkeyword input {
  width: 10em;
  font-weight: normal;
  font-family: var(--fontSans);
  margin: 0 0 0 0.5em;
  line-height: 0.5em;
  padding: 0;
  border-bottom: 0.09em solid rgb(var(--black));
}
.thun2024 .panel-search-labels.panelleft .labelkeyword input:focus {
  outline: none;
  box-shadow: 0 0.7em 1em -0.5em rgba(0,0,0,0.5);
}
.thun2024 .panelleft .label.labelkeyword.active,
.thun2024 .panelleft .label.labelkeyword:hover {
  text-decoration: none;
}
.thun2024 .panelleft-panelright {
  border-top: none;
  border-bottom: none;
}
.thun2024 #archive-title a {
  font-size: var(--fontSizeNormal);
}
.thun2024 #archive-title a.h2,
.thun2024 .labeltitle {
  font-size: var(--fontSizeBig2);
}
.thun2024 .labeltitle {
  border-top: 1px solid rgb(var(--black));
  margin-top: -1px;
  padding: 1em 0 0.5em;
}
.thun2024 .panelright {
  padding: 1.5em 0 0;
}
/* .thun2024 .panelright ul {
  line-height: 2.2em;
} */
.thun2024 .maintypology > li {
  display: flex !important;
  flex-wrap: nowrap;
  margin-bottom: 0.75em;
  /* padding-bottom: 0.5em; */
  border-bottom: 0.09em solid rgb(var(--black));
  align-items: flex-start;
}
.thun2024 .maintypology > li:last-child {
  border:none;
}
.thun2024 .panelright ul li ul {
  padding-top: 0;
  margin-bottom: 0;
}
.thun2024 .panelright ul li ul li,
.thun2024 .panelright .status ul li,
.thun2024 .panelright .client ul li,
.thun2024 .panelright .place ul li,
.thun2024 .panelright .year ul li {
  width: auto;
  margin: 0 0.75em 0.75em 0;
  display: inline-block;
  float: none;
}
.thun2024 .panelright ul li ul li.lettera,
.thun2024 .panelright .status ul li.lettera,
.thun2024 .panelright .client ul li.lettera,
.thun2024 .panelright .place ul li.lettera {
  height: var(--lineHeightNormal);
  padding: 0.1em 0 0;
}
.thun2024 .panelright .maintypology > li > span {
  /* width: 10em; */
}
.main-tip-cont {
  width: 10em;
  font-style: normal;
}
.thun2024 .panelright .maintypology li > ul {
  width: calc(100% - 10em);
}
.thun2024 .panelright .lettera {
  border-bottom: none;
  padding: 0.3em 0;
  margin-bottom: 0;
  position: relative;
}
.thun2024 .panelright .lettera::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  background-color: rgb(var(--black));
  bottom: 52%;
  left: 1.75em;
  right: 1.25em;
}
.jspVerticalBar {
  right: 0;
}

.thun2024 .criteria {
  background: rgb(var(--black));
  color: rgb(var(--white));
  display: none;
  padding: 1em;
  align-items: center;
  transition: padding .3s ease;
}
.thun2024 .selectedcriteria span {
  padding-right: 0.6em;
}
.thun2024 .selectedyear span.selundefined,
.thun2024 .selectedyear span.sel {
  display:none;
}
.thun2024 .advanced-search-submit {
  padding: 0;
  margin-bottom: 0;
  align-items: center;
  display: flex;
  justify-content: end;
}
.thun2024 #archive-title .advanced-search-submit a,
.thun2024 #archive-title a.noresults-tryagain {
  font-size: var(--fontSizeNormalPlus);
  padding: 0.1em 0.8em;
}
.thun2024 #archive-title .advanced-search-submit a.showresults {
  margin-left: 0.75em;
}
.thun2024 .labelcriteria-cont {
  display: flex;
}
.thun2024 .label-active-criteria {
  margin-right: 1em;
  margin-top: 0;
  white-space: nowrap;
}
.thun2024 .showingresults .advanced-search-submit {
  display: none;
}
.thun2024 .showingresults .criteria {
  background: transparent;
  color: inherit;
  padding: 1em 0;
  border-top: 0.09em solid rgb(var(--black));
  margin-top: 1em;
}
.thun2024 .gutter-sizer { 
  /* width: 5.55vw; */
  width: 6.25%;
}

.thun2024 .view-list article.project-list-single {
  width: 100%;
  border-bottom: 0.09em solid rgb(var(--black));
  display:flex; 
  flex-wrap: wrap;
  padding: 0.5em 0;
  line-height: 1.2em;
  font-size: var(--fontSizeBig2);
}
.thun2024 .view-list .yes-list article.project-list-single {
  padding-top: 0;
  text-transform: uppercase !important;
}
.thun2024 .view-list .project-date,
.thun2024 .view-list .project-name,
.thun2024 .view-list .project-location,
.thun2024 .view-list .project-typology,
.thun2024 .view-list .project-clients {
  float:none;
  /* overflow: hidden; 
  white-space: nowrap;
  text-overflow: ellipsis; */
  padding-right: 1em;
}

/* .thun2024 .view-list article > *:hover,
.thun2024 .view-list .project-name:hover {
  overflow: visible;
  z-index: 99;
  position: relative;
  background:var(--white);
} */

.thun2024 .view-list .project-date {
  width: 10%;
  color:inherit;
}
.thun2024 .view-list .project-title {
  width: 35%;
}
.thun2024 .view-list .project-name {
  width: 100%;
  font-weight:normal;
}
.thun2024 .view-list .project-clients {
  width: 25%;
}
.thun2024 .view-list .project-typology {
  width: 20%;
  color:inherit;
}
.thun2024 .view-list .project-location {
  width: 10%;
  color:inherit;
  padding-right: 0;
}

.thun2024 .view-list .project-typologies-list {
  margin: 0;
}
.thun2024 .view-list article .uppercase {
  text-transform: none;
}
.thun2024 .view-list .project-list-single .h2 {
  margin: 0;
  font-size: inherit;
}

.thun2024 .view-list .pill,
.thun2024 .view-list .pill:hover {
  border: none;
  border-radius:0;
  display: inline;
  padding: 0;
  margin-right: 0;
  color: rgb(var(--black));
  background-color: transparent;
}
.thun2024 .view-list .project-typologies-list span.yes-list:last-of-type {
  display:none !important;
}

@media only screen and (max-width: 1199px) {
  .thun2024 .view-list .yes-list article.project-list-single {
    display: none;
  }
  .thun2024 .view-list .project-date {
    width: 100%;
    opacity: 0.6;
  }
  .thun2024 .view-list .project-title {
    width: 100%;
  }
  .thun2024 .view-list .project-clients {
    width: 100%;
    opacity: 0.6;
  }
  .thun2024 .view-list .project-typology {
    width: 100%;
    opacity: 0.6;
  }
  .thun2024 .view-list .project-location {
    width: 100%;
    opacity: 0.6;
  }
}




/* PRESS */

.thun2024 a.collapse-press,
.thun2024 a.collapse-press:hover,
.thun2024 a.collapse-press:focus {
  text-decoration: none;
}
.thun2024 a.collapse-press:hover .press-anno {
  border-bottom: 0.09em solid rgb(var(--black));
}
.thun2024 .press-year-group h2 {
  margin-top: 1em;
  margin-bottom: 1em;
}
.thun2024 .press-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.thun2024 .press-items::after {
  flex: auto;
  content: "";
}
.thun2024 .press-items .press-item {
  /* width: calc((calc(100*var(--vw)) - (calc(5.55*var(--vw)) * 5)) / 4);
  margin-left: calc(5.55*var(--vw)); */
  width: calc((100% - (5.55% * 5)) / 4);
  margin-left: 5.55%;
}
.thun2024 .press-image, 
.thun2024 .press-text, 
.thun2024 .press-download {
  width: 100%;
  max-width: 600px;
}
.thun2024 #about-press .press-item a,
.thun2024 #about-press .press-item a:hover {
  color: inherit;
  text-decoration: none;
}
.thun2024 .press-text {
  margin: 1em 0 0.2em;
}

.thun2024 .press-down, 
.thun2024 .press-up,
.thun2024 .download::after,
.thun2024 #project-details .get_full_story::after, 
.thun2024 #project-related-contents .projectpress a::after,
.thun2024 .showmorepress::after, 
.thun2024 .showmoreawards::after, 
.thun2024 .showlesspress::after, 
.thun2024 .showlessawards::after,
.thun2024 .selectedcriteria span:after,
.thun2024 .chiudimappa {
  width: 1em;
  height: 1em;
  background-image: url('../img/arr/down.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-bottom: calc(calc(var(--lineHeightNormal) - 1em) / 2);
}
.thun2024 .download::after,
.thun2024 #project-details .get_full_story::after, 
.thun2024 #project-related-contents .projectpress a::after,
.thun2024 .showmorepress::after, 
.thun2024 .showmoreawards::after, 
.thun2024 .showlesspress::after, 
.thun2024 .showlessawards::after {
  width: 1.2em;
  height: 1.2em;
}
.thun2024 .download::after,
.thun2024 #project-details .get_full_story::after, 
.thun2024 #project-related-contents .projectpress a::after {
  background-image: url('../img/arr/dx-down.svg');
}
.thun2024 .press-up,
.thun2024 .showlesspress::after, 
.thun2024 .showlessawards::after {
  background-image: url('../img/arr/up.svg');
}
.thun2024 .selectedcriteria span:after {
  background-image:url('../img/arr/x-white.svg');
}
.thun2024 .chiudimappa {
  width: 2em;
  height: 2em;
  margin-bottom: 1em;
  background-image: url('../img/arr/x.svg');
}

.thun2024 .showmorepress, 
.thun2024 .showmoreawards, 
.thun2024 .showlesspress, 
.thun2024 .showlessawards {
  /* border-color: rgb(var(--black));
  border-width: 0.09em; */
  border:none;
}


/* PROJECT */

.thun2024 #project-full-cover, 
.thun2024 .project-full-cover {
  height: calc(100vh - 8em);
}

.thun2024 #project-title {
  display: flex; 
  flex-wrap: wrap;
}

/* per transizione ingresso */
/* .thun2024 #project-title h1,
.thun2024 #project-title .h2 {
  opacity:0; 
  transform: translateY(20px);
}
.thun2024 #project-title .h2 {
  transform: translateY(30px);
}
.thun2024 #project-details .project-emot-desc {
  opacity:0;
}
.thun2024.single-project header {
  opacity:0;
} */
/* fine per transizione ingresso */

.thun2024 #project-title {
  padding-top: var(--separatorSmall);
  padding-bottom: var(--separatorSmall);
}

.thun2024 #project-details-table {
  padding-top: var(--separatorMedium);
  padding-bottom: var(--separatorMedium);
}
.thun2024 #project-title h1.h1 {
  margin-bottom: 0;
}
.thun2024 #project-title .h2,
.thun2024 #project-details .get_full_story {
  font-size: var(--fontSizeNormal);
  margin-bottom: 0;
}
.thun2024 #project-title .h2 {
  margin: var(--separatorSmall) 0 0;
}
.thun2024 #project-title .h2 a {
  line-height: 1.6em;
  margin-bottom: 0.4em;
}
.thun2024 #project-title .h2 span {
  margin-left: 0;
  font-family: var(--fontSans);
}
.thun2024 #project-details-table ul {
  border-bottom: none;
  overflow: hidden;
  margin-top: 0;
}
.project-details-title {
  border-bottom: 0.09em solid rgb(var(--black));
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
.thun2024 #project-details-table li,
.thun2024 #project-details-table .awardslist p {
  font-size: var(--fontSizeNormal);
  margin: 0.5em 0;
  display: block;
  color: rgba(var(--black), 1);
}
.thun2024 #project-details-table li strong,
.thun2024 #project-details-table .awardslist p strong {
  color: rgba(var(--black), 1);
}
.thun2024 #project-details-table .awardslist p strong {
  display: inline-block;
  margin-right: 2em;
}
.thun2024 #project-details-table .awardslist li {
  margin: 0;
}
.thun2024 #project-details-table li:after,
.thun2024 #project-details-table .awardslist p::after {
  display: none;
}
.thun2024 #project-details-table li > div {
  line-height: 1.3em;
}
.thun2024 #project-details-table-right {
  margin-top: 0;
}
.thun2024 #project-details-table .h3, 
.thun2024 #project-related-contents .h3, 
.thun2024 #project-related-contents1 .h3 {
  font-size: var(--fontSizeBig2);
  line-height: var(--lineHeightNormal);
  margin-bottom: 1em;
  font-family: var(--fontSans);
}
.project-more-cont,
.thun2024 #projects-list {
  background: rgb(var(--white));
}
.thun2024 #project-related-contents, 
.thun2024 #project-related-contents1 {
  padding-bottom: var(--separator);
}

.project-typologies-list {
  margin-top: 0.5em;
}

#archive-title .open_search_parameters img.bottom-med {
  margin-left: 0.5em;
  margin-right: 0.5em;
  width: 1em;
  height: 1em;
  margin-bottom: 0.2em;
}
#archive-title a.open_search_parameters:hover img.bottom-med.filter-open {
  margin-bottom:2px;
}
#archive-title .open_search_parameters.parameters_open img.bottom-med {
  rotate: 180deg;
}
#archive-title .open_search_parameters.parameters_open img.filter-open {
  display:none;
}
#archive-title .open_search_parameters img.filter-close {
  display:none;
}
#archive-title .open_search_parameters.parameters_open img.filter-close {
  display:inline-block;
}
.thun2024 #map-canvas {
  filter: saturate(170%) sepia(10%) contrast(75%);
}
.thun2024 .map-marker-label {
  position: absolute;
  color: #fff;
  font-size: 14px;
  background: #000;
  /* display: block; */
  display: none !important;
  padding: 3px 12px;
  border-radius: 2em;
  box-shadow: none;
}
body .gm-style-iw-chr .gm-ui-hover-effect > span {
  margin: 12px 0 12px 24px !important;
}
.thun2024 .nomemetro strong {
  font-size:1.2em; 
  line-height: var(--lineHeightNormal);
  text-transform: uppercase;
}
.thun2024 .gm-style .gm-style-iw-c {
  background: rgb(var(--white));
}
.thun2024 #project-related-contents a, 
.thun2024 #project-related-contents1 a {
  font-size: var(--fontSizeNormal);
  font-weight: normal;
}



.thun2024 a.h1.loadmore-btn {
  margin-top: var(--separatorSmall);
  margin-bottom: var(--separator);
}
.loadmore-loading {
  display:none;
  margin-bottom:var(--separator);
  padding-bottom: var(--separator);
}


/* ================= */

/* Loading Screen Styling */

.loading-screen {
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 0;
  /* transform: scaleY(0) skewX(0); */
  transform-origin: top left;
  overflow:hidden;
}
.loading-screen.attached-top {
  bottom:auto;
  top:0;
}

.loading-cover {
  transform: scale(1.1);
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-size: cover;
  background-position: center center;
}

.loading-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 10;
  pointer-events: none;
}

/* Loading Screen Styling Ends */

/* ================= */



/* UPDATE STYLE */

.thun2024 #project-details .h2 {
  font-size: var(--fontSizeBig2b);
}
.thun2024 #project-details .h2.h2-low-gap p {
  line-height: 1.3em;
}

.pill,
a.pill, 
.link-pill a,
.thun2024 #project-title a,
.thun2024 .panelright li span,
a.pill.pill-inverse:hover {
  display: inline-block; 
  white-space: nowrap;
  border: 0.09em solid rgb(var(--black));
  padding: 0 0.7em;
  border-radius: 3em;
  color: rgb(var(--black));
  background-color: rgb(var(--white));
}

footer a.pill {
  background-color: transparent;
  margin: 0.5em 0.5em 0 0;
}

span.pill:hover,
span.pill.active,
a.pill:hover, 
a.pill:focus, 
a.pill:active, 
.link-pill a:hover,
.link-pill a:active,
.thun2024 #project-title a:hover,
.thun2024 #project-title a:active,
.thun2024 .panelright li span:hover,
.thun2024 .panelright li span:active,
.thun2024 .panelright li span.active,
footer a.pill:hover,
footer a.pill:active,
.pill.pill-inverse,
a.pill.pill-inverse {
  text-decoration: none !important;
  color: rgb(var(--white));
  background-color: rgb(var(--black));
}
.thun2024 #project-title .h2 a:hover span {
  text-decoration: none !important;
}

.contact-boxes.link-pill a {
  margin-top: 0.6em;
}

.credits-box {
  display:none;
}




/* 06/2024 */

.navbar-brand img {
  width: 7.5vw;
  /* margin-top: -0.05vw; */
}
.dida-homepage .no-ticker-text .h1 {
  font-size: 2.75vw;
  padding: 0 0 0 0.5em;
}
.dida-homepage .no-ticker-text .h1 span {
  padding:0;
}
.search-typ-links .maintypology {
  display: flex; 
  flex-wrap: wrap;
  margin: 0;
}
.thun2024 .search-typ-links .maintypology > li {
  width: 25%;
  display: block !important;
  border: none;
}
.search-typ-links .maintypology li ul {
  width: 100%;
  list-style:none;
  margin:0;
  padding:0;
  opacity: 0;
}
.search-typ-links .maintypology li ul a {
  padding: 0.7em 0.7em 0;
  display: inline-block;
}
.search-typ-links .maintypology li ul a:hover {
  text-decoration: none;
}
.search-typ-links .maintypology li ul a span {
  border-bottom: 0.09em solid transparent;
}
.search-typ-links .maintypology li ul a:hover span {
  border-bottom: 0.09em solid rgb(var(--black));
}




.thun2024 .boxfreesearch #cercalibera,
.thun2024 .boxfreesearch #cercalibera1,
.thun2024 .boxfreesearch #cercalibera2 {
  background: none;
  text-indent: 0;
  font-size: 1.2em;
  width: 2.7em;
  padding: 0;
  line-height: 1.5em;
  height: 1.5em;
}
.thun2024.header-inverse .boxfreesearch #cercalibera {
  color: rgb(var(--white));
}
.thun2024 .with-bg .boxfreesearch #cercalibera {
  color: rgb(var(--black));
}
.thun2024 .boxfreesearch {
  padding: 12px 0 10px 10px;
  right: 3.3vw;
  border-radius: 0 !important;
}
.thun2024 .boxfreesearch form {
  border-radius: 0 !important;
}
.thun2024 .boxfreesearch #ricercalibera,
.thun2024 .boxfreesearch #ricercalibera1,
.thun2024 .boxfreesearch #ricercalibera2 {
  width: 10em;
  float: left;
  height: 1.6em;
  border-bottom-width: 0.1rem;
  border-radius: 0 !important;
}
.thun2024 input#ricercalibera:focus,
.thun2024 input#ricercalibera1:focus,
.thun2024 input#ricercalibera2:focus {
  outline: none;
}
.thun2024 .tooltiperrore {
  color: #777;
  left: 0;
}

.viewsearch-mobile {
  padding: 15px 5px;
  font-size: 28px;
  margin-top: 9px;
  line-height: 28px;
}
.thun2024 .boxfreesearch.nodesktop {
  top: 0;
  background: rgb(var(--white));
  color: rgb(var(--black));
  font-size: 28px;
  right: 0;
  padding-left: 3.3vw;
  padding-right: 60px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.thun2024 .boxfreesearch.nodesktop #cercalibera1,
.thun2024.header-inverse .boxfreesearch.nodesktop #cercalibera1,
.thun2024 .with-bg .boxfreesearch.nodesktop #cercalibera1 {
  color: rgb(var(--black));
  font-size: 28px;
  line-height: 28px;
  border: none;
  width: 1.95em;
  height: 1.6em;
}
.thun2024 .boxfreesearch.nodesktop #ricercalibera1,
.thun2024 .header-inverse .boxfreesearch.nodesktop #ricercalibera1 {
  width: 100%;
  float: left;
  height: 1.5em;
  border-color: rgb(var(--black));
}
.thun2024 .boxfreesearch.nodesktop form {
  display: flex;
}

.thun2024 .boxfreesearch.noresults {
  display: block;
  position: relative;
  right: auto;
  font-size: 2em;
  padding:0;
}
.thun2024 .boxfreesearch #cercalibera2 {
  border:none;
  width: 2em;
}


.d-flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.justify-content-between {
   justify-content: space-between;
}
.align-items-center {
  align-items: center;
}



@media screen and (max-width: 1499px) {
  html {
    font-size: calc(1.2*var(--vw));
  }
}


@media screen and (max-width: 1199px) {
  :root {
    --separator: 5.55vw;
    --separatorMedium: 4.5vw;
    --separatorSmall: 3vw;
    --separatorSmall2: 3.3vw;
    --fontSizeBigValues: 2.7em;
  }
  html {
    font-size: 1.8vw;
  }
  .thun2024 .navbar-brand {
    padding-left: 5.55%;
  }
  .thun2024 .navbar-fixed-top .navbar-collapse, 
  .thun2024 .navbar-fixed-bottom .navbar-collapse {
    max-height: 90000px !important;
    bottom: 0;
  }
  .thun2024 .navbar-header.with-bg-mobile,
  .thun2024 .navbar-fixed-top .navbar-collapse, 
  .thun2024 .navbar-fixed-bottom .navbar-collapse {
    background: rgb(var(--white));
  }
  .thun2024 #navbar .navbar-nav > li:last-child {
    margin-left: 0;
  }
  .thun2024 .navbar-nav {
    margin: calc(2*var(--vw)) calc(4.05*var(--vw));
  }
  .thun2024 #navbar .navbar-nav > li > a {
    padding-bottom: 1em;
    padding-top: 1em;
  }
  .thun2024 #navbar .navbar-nav > li ul li a {
    padding: 0.5em 1.5em;
    display: block;
  }

  .contact-box-press {
    width: 68%;
  }
  .contact-box-newbusiness {
    width: 32%;
    padding-right: calc(2*var(--vw));
    padding-left: 0;
  }
  .contact-box-text-2 {
    padding-left: calc(3.4*var(--vw));
    width: 35%;
  }
  .contact-box-text-3 {
    padding-left: 0;
  }

  .contact-press {
    width: 100%;
  }
  .partner-box-name > * {
    font-size: 1em;
    line-height: 1.3em;
  }
  /* .partner-box figure {
    width: calc(27.5*var(--vw));
    height: calc(27.5*var(--vw));
  } */

  /* .value-image::after, 
  .value-projects article figure::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.7) 100%);
  } */

  .thun2024 #info-awards .press-items .press-item,
  .thun2024 #info-clients .press-items .press-item,
  .thun2024 .press-items .press-item {
    /* width: calc((calc(100*var(--vw)) - (calc(5.55*var(--vw)) * 4)) / 3); */
    width: calc((100% - (5.55% * 4)) / 3);
  }

  .thun2024 .news-articles-boxes article,
  .thun2024 .news-articles-boxes article.featured_page_1:nth-child(1),
  .thun2024 .news-articles-boxes article.featured_page_1:nth-child(2) {
    width: 41.665%;
  }

  .news-flex-texts {
    padding-right: 0;
  }
  .thun2024 .news-articles article:nth-child(2n) .news-flex-texts {
    padding-left: 0;
  }

  .thun2024 .panel-search-labels.panelleft .labelkeyword input {
    width: 7em;
  }
  .thun2024 .panelright {
    /* padding: 1em; */
    background-color: rgb(var(--white));
  }
  .thun2024 .panel-search-labels {
    padding: 1.5em 0;
  }
  .panelright ul ul span, .panelright ul {
    font-size: var(--fontSizeNormal);
  }

  body.thun2024 .footer-col {
    width: calc(44*var(--vw));
    margin-bottom: calc(5.55*var(--vw));
    font-size: var(--fontSizeNormal);
  }

  .home-full-slide, 
  .home-full-slide .swiper-wrapper, 
  .home-full-slide .swiper-slide, 
  .home-full-slide .swiper-slide > div {
    height: calc(100vh - 10vw);
  }

  .main-tip-cont {
    /* width: 100%; */
    margin-bottom: 0.75em;
  }

  .values-intro ol a {
    font-size: var(--fontSizeBig3);
    line-height: var(--fontSizeNormal);
  }
  .thun2024 .value-h2.h1 {
    font-size: var(--fontSizeBigValues);
  }
  #thunScrollspy ul li {
    padding-left: 0;
  }
  .navbar-brand img {
    width: 11vw;
  }


  .thun2024 .search-typ-links .maintypology > li {
    width: 100%;
  }
  .search-typ-links .maintypology li ul {
    opacity: 1 !important;
    padding-bottom: 0.7em;
  }
  .search-typ-links .maintypology li ul a,
  .search-typ-links .maintypology li ul a:hover {
    text-decoration: none;
    padding: 0.7em 0.7em 0;
  }
  .search-typ-links .maintypology li ul a span {
    border-bottom: 0.09em solid rgb(var(--black));
  }

  .thun2024 .navbar-brand {
    padding-top: 15px;
  }

}



@media screen and (max-width: 992px) {
  .dida-homepage {
    padding: calc(2*var(--vw)) 0;
  }
  .dida-homepage .no-ticker-text .h1 {
    font-size: 4.7vw;
    padding: 0 0 0 1em;
  }
  .home-full-slide, .home-full-slide .swiper-wrapper, .home-full-slide .swiper-slide, .home-full-slide .swiper-slide > div {
    height: calc(100vh - 21vw);
  }
  a.pill {
    transition:none;
  }
}



@media screen and (max-width: 767px) {
  :root {
    --fontSizeBig1: 2.4em;
    --fontSizeBig2: 1.25em;
    --fontSizeBig2b: 1.25em;
    --separator: 15vw;
    --separatorMedium: 10vw;
    --separatorSmall: 5vw;
    --separatorSmall2: 5.5vw;
  }
  html {
    font-size: 4.5vw;
  }

  .thun2024.menuopen {
    overflow: hidden;
  }

  .thun2024 .navbar-header {
    transition: box-shadow 0.5s ease;
  }
  .thun2024 .navbar-header.with-bg-mobile {
    box-shadow: 0 0 9000px 9000px rgb(var(--white));
  }
  .navbar-brand img {
    width: 120px;
    margin-top: 5px;
  }

  .home-full-slide, 
  .home-full-slide .swiper-wrapper,
  .home-full-slide .swiper-slide, 
  .home-full-slide .swiper-slide > div {
    height: calc(100vh - 16vw);
  }
  /* .dida-homepage {
    right: auto;
    left: 5.55vw;
    width: 89vw;
    text-align: left;
    font-size: var(--fontSizeSmall);
    bottom: 5vw;
  } */

  #contact-homepage > * {
    display: block;
  }

  .thun2024 .view-grid .container-preload .project-list-single {
    width: 100%;
    margin-bottom: calc(8*var(--vw));
  }

  .contact-box-image {
    width: 100%;
    padding:calc(100*var(--vw)) 0 0;
  }
  .contact-box-text,
  .contact-box-press, 
  .contact-box-newbusiness {
    padding: var(--separator) calc(5.55*var(--vw)) 0;
    width: 100%;
  }
  .contact-press > div {
    width: 100%;
  }
  .contact-press > div:first-child {
    margin-bottom: 1em;
  }
  .about-partners {
    margin-top: var(--separator);
  }
  .partner-box {
    margin: 0 2.5% 5.55%;
    width: 45%;
  }
  .partner-dx .partner-box {
    width: 100%;
  }
  .partner-box:nth-child(3n+5) {
    margin-left: 2.5%;
  }
  /* .partner-box figure {
    width: calc(42*var(--vw));
    height: calc(42*var(--vw));
  } */
  .partner-boxes {
    margin: 0 -2.5% -2.9vw;
  }
  .partner-box-name > * {
    font-size: 0.8em;
  }
  .partner-intro .partner-box figure {
    /* width: calc(89*var(--vw));
    height: calc(89*var(--vw)); */
  }
  .about-collaborators .swiper {
    /* height: calc(calc(66*var(--vw)) + 15px); */
    height: calc(calc(calc(calc(88.89*var(--vw)) - 30px) / 3 * 2) + 15px);
    padding-bottom: calc(12*var(--vw));
    /* padding-bottom: 0; */
  }
  .about-collaborators .collaborators-top .swiper {
    height: calc(calc(calc(88.89*var(--vw)) - 30px) / 3);
    padding-bottom: 15px;
  }
  .about-collaborators .swiper-pagination {
    display: none;
  }
  .thun2024 .swiper-horizontal > .swiper-pagination-bullets, .thun2024 .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 70%;
    left: 15%;
  }
  .partner-sx,
  .partner-dx {
    width: 100%;
  }
  .partner-intro .partner-sx {
    order: 2;
  }
  .partner-intro .partner-sx .label:first-child {
    margin-bottom: var(--lineHeightNormal);
  }
  .partner-intro .partner-dx {
    order: 1;
    margin-bottom: var(--separator);
  }
  .partner-bio .partner-sx p:first-child {
    margin-top: 0;
  }

  .thun2024 #projects-list {
    padding-bottom: var(--separator);
  }

  .thun2024 .panelright .maintypology > li > span {
    width: auto;
    line-height: var(--lineHeightNormal);
  }

  .thun2024 .panelright .maintypology li > ul,
  .thun2024 .panelright ul li ul li {
    width: 100%;
  }
  .thun2024 .panel-search-labels {
    display: block;
    overflow-x: scroll;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
  .thun2024 .panel-search-labels.panelleft .label,
  .thun2024 .panel-search-labels.panelleft .label.labelkeyword {
    display: inline-block;
    margin: 0 1.1em 0 0;
  }
  .thun2024 .advanced-search-submit {
    margin-top: 2em;
    margin-bottom: 1em;
  }
  .thun2024 .labelcriteria-cont,
  .thun2024 .criteria {
    flex-wrap: wrap;
  }
  .thun2024 .label-active-criteria {
    width: 100%;
  }
  .thun2024 .maintypology > li {
    flex-wrap: wrap;
  }
  .main-tip-cont {
    width: 100%;
  }

  .thun2024 .only_searched_term .label-active-criteria {
    width: auto;
  }

  .values-intro ol a {
    font-size: var(--fontSizeNormal);
    line-height: var(--fontSizeNormal);
    padding: 0.7em 0;
  }
  .value-detail {
    padding-bottom: var(--separatorMedium);
  }
  .thun2024 .value-title .h2 {
    font-size: var(--fontSizeNormal);
  }
  .values-intro-sx,
  .values-intro-dx {
    width: calc(94.37*var(--vw));
  }
  .values-intro-sx {
    padding-bottom: var(--separator);
  }
  .value-box {
    width: calc(80*var(--vw));
    height: calc(48.5*var(--vw));
  }
  .value-projects {
    width: calc(80*var(--vw));
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .value-projects article,
  .value-projects figure {
    width: calc(38*var(--vw));
  }
  .value-projects article {
    margin: calc(4*var(--vw)) calc(4*var(--vw)) 0 0;
    position: relative;
  }
  .value-projects article:nth-child(2n) {
    margin-right: 0;
  }
  .value-projects figure {
    height: calc(22*var(--vw));
  }
  .value-projects .project-name {
    position: relative;
    color: rgb(var(--black));
    padding: 1em 0 0;
    font-size: 0.8em;
    /* line-height: var(--lineHeightNormal); */
    line-height: 1.3em;
  }
  .value-projects article figure::after {
    display: none;
  }
  .value-title {
    width: 100%;
  }
  #thunScrollspy {
    width: calc(11.1*var(--vw));
    margin-left: 0;
    text-align: center;
  }
  #thunScrollspy ul a {
    padding: 1vh 0;
    font-size: var(--fontSizeNormal);
    width: 1.5em;
    display: inline-block;
  }
  #thunScrollspy .active a, #thunScrollspy a:hover {
    font-size: var(--fontSizeNormal);
    text-decoration: none;
  }
  .thun2024 .value-h2.h1 {
    font-size: var(--fontSizeBig1);
  }

  .thun2024 #info-awards .press-items .press-item,
  .thun2024 #info-clients .press-items .press-item,
  .thun2024 .press-items .press-item {
    width: 88.9%;
  }

  .news-flex-image, 
  .news-flex-texts {
    width: calc(89*var(--vw));
  }
  .news-flex-texts,
  .thun2024 .news-box-text,
  .thun2024 .news-box-title {
    padding-top: 1em;
    margin-top: 0;
    font-size: var(--fontSizeNormal);
  }
  .thun2024 .news-articles article:nth-child(2n) .news-flex-image {
    order: -1;
  }

  .thun2024 .news-articles-boxes .news-box-text,
  .thun2024 .news-articles-boxes .news-box-title {
    padding-top: 0;
  }

  .thun2024 .news-articles-boxes article,
  .thun2024 .news-articles-boxes article.featured_page_1:nth-child(1),
  .thun2024 .news-articles-boxes article.featured_page_1:nth-child(2) {
    width: 88.888%;
  }

  body.thun2024 .footer-col {
    width: calc(88*var(--vw));
    margin-bottom: var(--separator);
  }

  .thun2024 #project-details-table-right {
    margin-top: var(--separatorSmall);
  }

  .thun2024 #project-details .h2.h2-low-gap p {
    line-height: 1.1em;
  }

  .thun2024 .pagination, 
  .thun2024 .pagination li, 
  .thun2024 #archive-title .pagination a {
    font-size: var(--fontSizeNormalPlus);
    line-height: var(--lineHeightNormal);
  }

  .thun2024 #project-full-cover, 
  .thun2024 .project-full-cover {
    height: calc(50vh);
  }

  .dida-homepage {
    padding: calc(3*var(--vw)) 0;
  }
  .home-full-slide, .home-full-slide .swiper-wrapper, .home-full-slide .swiper-slide, .home-full-slide .swiper-slide > div {
    height: calc(100vh - 36vw);
  }

  .thun2024 .navbar-brand {
    padding-bottom: 0;
    height: 0;
  }

  .thun2024 .boxfreesearch.noresults {
    font-size: 1.5em;
  }

  .items-table-row-award {
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
  }
  .items-table-row-year {
    width: 15%;
    padding-right: 0.5em;
    font-size: 0.7em;
  }
  .items-table-row-project {
    width: 85%;
    font-size: 0.7em;
  }

}






@media screen and (min-width: 1200px) {
  .thun2024 .nav-container {
    display: flex;
  }
  .thun2024 #navbar {
    width: 100%;
    margin-top: 1.3em;
  }
  .thun2024 .navbar-nav {
    width: 100%;
    /* justify-content: space-between; */
    justify-content: flex-end;
    display: flex;
  }
  .thun2024 .navbar-nav > li {
    margin: 0 0 0 auto;
  }
  .thun2024 #navbar .navbar-nav > li:last-child {
    margin-right: 0;
    margin-left: 0;
  }
  .thun2024 .navbar-nav::after {
    display: none;
  }
}