@import url('//fonts.googleapis.com/css2?family=DM+Sans&family=EB+Garamond&display=swap');


*{z-index: 3;}
  body{
    margin: 0;


    font-family: 'DM Sans', sans-serif;


  }
  a{text-decoration: none;}
  h1, h4, h5, {color: #000; padding-bottom: 20px;}
  h2{color: #484848; margin-bottom: 10px;}
  h3{color: #484848; margin-bottom: 10px; margin-top: 5px; font-size: 30px;}
  p{line-height: 28px; color: #252424; font-weight: 400; font-size: 18px;}
  b{font-weight: bold;color: #4a4a4a;}
  .titolo{font-family: 'EB Garamond', serif; font-size: 40px}
  .lora{font-family: 'EB Garamond', serif;}
  .contenuto{font-family: 'DM Sans', sans-serif;}
  .little{font-size: 18px;}
  .dp-n{display: none;}
.header{}
.cta .button{padding: 18px 28px; background: #e5d389; color:#000; display: inline-block;}
.cta .button:hover{background: #b9ad71; color:#fff;}

.immagine{
  position: absolute;
      text-align: center;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
}
.immagine img{
  width: 100%;
  height: auto;
  display: block;
  margin-top: -90px;
}

.testi-menu{
  display: flex;
  justify-content: space-between;
}

.menu{
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
	width: auto;
	font-weight: bold;
  position: relative;

}
.menu li{display: inline-block;}
.menu li a{color: #fff; padding: 15px; display: block;}
.en{font-size: 15px; font-weight:100;}
.en:hover{color: #f2c71a;}
.spec{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  gap: 20px;
  padding-right: 30px;
  }
  .social-container {
    display: flex;
    gap: 10px;
    text-align: center;
  }
  .social-container :hover{opacity: 0.5;}
.social-container img{max-width: 45px;}
.spec .cta{display: block;}
.hamburger{display: none;}

.hero{

	display: flex;
	width: 100%;
  justify-content: flex-end;
  padding-top: 80px;

}
.loghi{
  max-width: 30vw;
}
.loghi img{
  width: 100%
}
.arco{
  max-width: 280px;
}
.arco img{width: 100%}
.intro{
  background: #fff6d1;
  position: relative;
  padding: 20px;
  text-align: center;
}
.intro h2{  font-size: 27px;color: #484848}
.intro p{  font-size: 18px;margin: 5px;}
.intro img{max-width: 30px;}

/* ! Poster */

.poster{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
  position: relative;
	align-items: center;
	background: #fff;
	justify-content: center;

}
.poster__img{
	width: auto;
	height: 100%;
	padding: 1%;

}
.poster__img img{
	object-fit: cover;
	/*height: 100%;*/
	max-width: 350px;
	width: 100%;
}
.poster__content{
	width: 60%;
padding-left: 10px;
padding-bottom: 10px;}
.poster__content .button{padding: 18px 28px; color:#000; display: inline-block;border: 1px solid #272727;}
.poster__content .button:hover{background: #e0e0e0; color:#fff;}

.bio{

	display: flex;
	flex-wrap: wrap;
  position: relative;
  flex-direction: column;
	background: #fff;
  padding-left: 40px;
  padding-right: 40px;
}
.bio span{
  background: #bfbfbf;
  height: 3px;
  width: 100%;
  display:block;
  margin-bottom: 5px;
}

/* INFO TECNICHE*/
.info-tec{

  display: flex;
  gap:10px;
  background-color: #e0ce84;
  position: relative;
}
.info-tec .button{padding: 18px 28px; color:#000; display: inline-block;border: 1px solid #272727;}
.info-tec .button:hover{background: #bfae6b; color:#fff;}
.info-tec a{color: #252424;}
.info{

  flex-grow: 1;
  padding: 10px;
  width: 100%;
}
.imma{text-align: center;}

.biglietti{

  flex-grow: 1;
  padding: 10px;
  width: 100%;
}
.biglietti ul{font-size: 18px;}
.visite{

  flex-grow: 1;
  padding: 10px;
  width: 100%;
}
.press{

  flex-grow: 1;
  padding: 10px;
  width: 100%;
}
.app-ra{

	display: flex;
  gap: 20px;
  position: relative;
  align-items: stretch;
  background: #e0e0e0;
	justify-content: center;
  margin-top: 50px;
}
.app{

  display: flex;
  flex-grow: 3;
  align-items: center;
}
.app__img{

  width: 100%;
  max-width: 15vw;
	padding: 1%;
  flex-grow: 1;

}
.app__img img{
	object-fit: cover;
	/*height: 100%;*/
	width: 100%;
}
.app__content{

	flex-grow: 4;
  width: 100%;
padding-left: 10px;
padding-bottom: 10px;}

.app__content .button{padding: 18px 28px;  color:#000; display: inline-block;border: 1px solid #272727;}
.app__content .button:hover{background: #c9c9c9; color:#000;}


.ra{

  flex-grow: 1;
  width: 100%;
  margin-right: 10px;
  background: #fff;
  padding-inline: 10px;
}
.ra img{width: 100%;border-radius: 5px;}
.virtuale{
  display: none;
  /*display: flex;*/
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.gallery{
  padding: 20px;
}
/* ! Carousel */
.main-carousel{
	padding: 40px 0;

}
.carousel-cell{
	height: 400px;
	width: 350px;
	/*background: #6adf91;
	border-radius: 100%;*/
	/*line-height: 350px;*/
	text-align: center;
	margin-right: 40px;

}
.carousel-cell img{
	max-height: 300px;
	max-width: 350px;
  border: 5px solid #e0ce84;
}


.mappa{
  margin-top: 10px;
}


/*FOOTER*/
.footer
{

  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  background-color: #2f2f2f;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  align-content: center;
}
.footer p{color: #fff;}
.ft-mega{
  display: flex;
  align-items: center;
  gap:45px;
  flex-wrap: wrap;
  flex-direction: row;
}
.partner{display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  row-gap:10px;
column-gap: 45px;}
.ft-bloc
{

  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.img-logo{
  max-width: 250px;
  height: auto;
}
.logo-civita{max-height: 80px;}
.ft-img{
  display: flex;
  gap:40px;
  flex-wrap: wrap;
  align-items: center;
}

.ft-img img{
  max-height: 50px;
  /*max-width: 125px;*/
}
.ft-img2{
  display: flex;
  gap:40px;
  flex-wrap: wrap;
  align-items: center;
}
.ft-img3{
  display: flex;
  gap:40px;
  flex-wrap: wrap;
  align-items: center;
}
.ft-img3 img{max-height: 80px;}
.media {display: flex; gap:40px;

}
.media img{
  max-height: 50px;
  /*max-width: 125px;*/
}
.rmc{  width: auto;
  max-height: 100px;}
  @media screen
    and (min-device-width: 1200px)
    and (max-device-width: 1600px)
    and (-webkit-min-device-pixel-ratio: 1) {
    .arco{max-width: 150px;}
    .immagine img{margin-top: -20px;}
    .little{font-size: 12px;}

}
@media (max-width:768px) {
  .header{width: 100%;}
  .menu-block{width: 100%; position: fixed; z-index: 40;}
  .cta{}
  .menu{position:absolute; top:0; right: -100%; background: #292929; height: 100vh; padding-top: 80px;}
  .menu li{display: block;}
  .menu li a{padding: 15px 30px; font-size: 20px; color: #fff; }
  .menu--open{right: 0%;}

  .hamburger{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 25px;
    right: 25px;
  }
  .hamburger span{
    background: #fff;
    height: 3px;
    width: 100%;
    display:block;
    margin-bottom: 5px;
  }
  .immagine{max-width: 100vw;}
  .immagine img{margin-top: 0;}
  .spec{display: none;}
  .hero{padding-top: 90px;}
  .poster__content {width: 95%;}
  .loghi{max-width: 50vw;}
    .arco{max-width: 70px;}
    .bio{padding-left: 20px; padding-right: 20px;}
  .info-tec{flex-wrap: wrap;}
  .app-ra{flex-wrap: wrap;}
  .app{flex-wrap: wrap; justify-content: center;}
  .app__img{max-width: 80vw;}
  .virtuale iframe{width: auto; height: auto;}
  .footer{padding: 3px;}
  .img-logo {max-width: 260px; height: auto;}
  .logo-civita {max-height: 60px;}
  .ft-img1 img { height: 100%; width: auto;}
  .ft-img{justify-content: center;}
  .ft-img2{justify-content: center;}
  .ft-img img{max-width: auto; max-height: 60px;}
  .partner{    flex-direction: column;}
  .media{flex-wrap: wrap;
    justify-content: center;
    align-items: center;}
}