/* =========================
   refresh immagini complete
   ========================= */

/* page backgrounds - desktop */
.home-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.62) 0%, rgba(5,5,5,.42) 38%, rgba(5,5,5,.34) 100%),
    radial-gradient(circle at 15% 18%, rgba(255,79,79,.10), transparent 25%),
    radial-gradient(circle at 85% 82%, rgba(255,255,255,.08), transparent 18%),
    url("../img/refresh/page-bg/home-desktop.jpg") center center / cover no-repeat;
}

.about-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.66) 0%, rgba(5,5,5,.46) 38%, rgba(5,5,5,.36) 100%),
    radial-gradient(circle at 18% 18%, rgba(255,79,79,.08), transparent 24%),
    radial-gradient(circle at 84% 80%, rgba(255,255,255,.07), transparent 18%),
    url("../img/refresh/page-bg/chi-siamo-desktop.jpg") center 30% / cover no-repeat;
}

.services-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.64) 0%, rgba(5,5,5,.44) 38%, rgba(5,5,5,.34) 100%),
    radial-gradient(circle at 16% 18%, rgba(255,79,79,.10), transparent 25%),
    radial-gradient(circle at 86% 82%, rgba(255,255,255,.06), transparent 18%),
    url("../img/refresh/page-bg/servizi-desktop.jpg") center 34% / cover no-repeat;
}

.gallery-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.62) 0%, rgba(5,5,5,.42) 38%, rgba(5,5,5,.34) 100%),
    radial-gradient(circle at 14% 20%, rgba(255,79,79,.08), transparent 24%),
    radial-gradient(circle at 84% 82%, rgba(255,255,255,.06), transparent 18%),
    url("../img/refresh/page-bg/gallery-desktop.jpg") center center / cover no-repeat;
}

.reviews-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.62) 0%, rgba(5,5,5,.42) 38%, rgba(5,5,5,.34) 100%),
    radial-gradient(circle at 15% 18%, rgba(255,79,79,.08), transparent 24%),
    radial-gradient(circle at 85% 82%, rgba(255,255,255,.07), transparent 18%),
    url("../img/refresh/page-bg/recensioni-desktop.jpg") center center / cover no-repeat;
}

.contacts-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.58) 0%, rgba(5,5,5,.38) 40%, rgba(5,5,5,.30) 100%),
    radial-gradient(circle at 15% 18%, rgba(255,79,79,.07), transparent 24%),
    radial-gradient(circle at 85% 82%, rgba(255,255,255,.06), transparent 18%),
    url("../img/refresh/page-bg/contatti-desktop.jpg") center center / cover no-repeat;
}

.quote-page .site-bg{
  background:
    linear-gradient(90deg, rgba(5,5,5,.64) 0%, rgba(5,5,5,.44) 38%, rgba(5,5,5,.34) 100%),
    radial-gradient(circle at 15% 18%, rgba(255,79,79,.10), transparent 24%),
    radial-gradient(circle at 85% 82%, rgba(255,255,255,.06), transparent 18%),
    url("../img/refresh/page-bg/preventivo-desktop.jpg") center 24% / cover no-repeat;
}

/* page backgrounds - mobile */
@media (max-width: 640px){
  .home-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.54) 0%, rgba(5,5,5,.66) 38%, rgba(5,5,5,.84) 100%),
      radial-gradient(circle at 15% 18%, rgba(255,79,79,.10), transparent 25%),
      radial-gradient(circle at 85% 82%, rgba(255,255,255,.08), transparent 18%),
      url("../img/refresh/page-bg/home-mobile.jpg") center 18% / cover no-repeat;
  }

  .about-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.56) 0%, rgba(5,5,5,.68) 40%, rgba(5,5,5,.86) 100%),
      radial-gradient(circle at 16% 18%, rgba(255,79,79,.08), transparent 24%),
      radial-gradient(circle at 84% 82%, rgba(255,255,255,.07), transparent 18%),
      url("../img/refresh/page-bg/chi-siamo-mobile.jpg") center 16% / cover no-repeat;
  }

  .services-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.56) 0%, rgba(5,5,5,.68) 40%, rgba(5,5,5,.86) 100%),
      radial-gradient(circle at 16% 18%, rgba(255,79,79,.10), transparent 25%),
      radial-gradient(circle at 86% 82%, rgba(255,255,255,.06), transparent 18%),
      url("../img/refresh/page-bg/servizi-mobile.jpg") center 18% / cover no-repeat;
  }

  .gallery-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.54) 0%, rgba(5,5,5,.66) 38%, rgba(5,5,5,.84) 100%),
      radial-gradient(circle at 14% 20%, rgba(255,79,79,.08), transparent 24%),
      radial-gradient(circle at 84% 82%, rgba(255,255,255,.06), transparent 18%),
      url("../img/refresh/page-bg/gallery-mobile.jpg") center 18% / cover no-repeat;
  }

  .reviews-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.54) 0%, rgba(5,5,5,.66) 38%, rgba(5,5,5,.84) 100%),
      radial-gradient(circle at 15% 18%, rgba(255,79,79,.08), transparent 24%),
      radial-gradient(circle at 85% 82%, rgba(255,255,255,.07), transparent 18%),
      url("../img/refresh/page-bg/recensioni-mobile.jpg") center 18% / cover no-repeat;
  }

  .contacts-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.50) 0%, rgba(5,5,5,.62) 38%, rgba(5,5,5,.80) 100%),
      radial-gradient(circle at 15% 18%, rgba(255,79,79,.07), transparent 24%),
      radial-gradient(circle at 85% 82%, rgba(255,255,255,.06), transparent 18%),
      url("../img/refresh/page-bg/contatti-mobile.jpg") center 22% / cover no-repeat;
  }

  .quote-page .site-bg{
    background:
      linear-gradient(180deg, rgba(5,5,5,.56) 0%, rgba(5,5,5,.68) 40%, rgba(5,5,5,.86) 100%),
      radial-gradient(circle at 15% 18%, rgba(255,79,79,.10), transparent 24%),
      radial-gradient(circle at 85% 82%, rgba(255,255,255,.06), transparent 18%),
      url("../img/refresh/page-bg/preventivo-mobile.jpg") center 16% / cover no-repeat;
  }
}

/* main sections */
.hero-visual{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.04), rgba(10,10,10,.18)),
    url("../img/refresh/sections/hero-main.jpg");
}

.about-visual{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.05), rgba(10,10,10,.18)),
    url("../img/refresh/sections/about-main.jpg");
  background-position:center 34%;
}

.story-visual{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.05), rgba(10,10,10,.18)),
    url("../img/refresh/sections/story-main.jpg");
  background-position:center 32%;
}

/* services */
.service-thumb-1{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.14)),
    url("../img/refresh/services/service-1.jpg");
}
.service-thumb-2{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.14)),
    url("../img/refresh/services/service-2.jpg");
}
.service-thumb-3{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.14)),
    url("../img/refresh/services/service-3.jpg");
}
.service-thumb-4{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.14)),
    url("../img/refresh/services/service-4.jpg");
}
.service-thumb-5{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.14)),
    url("../img/refresh/services/service-5.jpg");
}
.service-thumb-6{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.14)),
    url("../img/refresh/services/service-6.jpg");
}

/* team */
.team-photo.t1{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.12)),
    url("../img/refresh/team/team-1.jpg");
  background-position:center 34%;
}
.team-photo.t2{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.12)),
    url("../img/refresh/team/team-2.jpg");
  background-position:center 26%;
}
.team-photo.t3{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.12)),
    url("../img/refresh/team/team-3.jpg");
  background-position:center 34%;
}

/* gallery */
.g1{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.12)),
    url("../img/refresh/gallery/gallery-1.jpg");
}
.g2{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.12)),
    url("../img/refresh/gallery/gallery-2.jpg");
}
.g3{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.12)),
    url("../img/refresh/gallery/gallery-3.jpg");
}
.g4{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.12)),
    url("../img/refresh/gallery/gallery-4.jpg");
}
.g5{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.12)),
    url("../img/refresh/gallery/gallery-5.jpg");
}
.g6{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.12)),
    url("../img/refresh/gallery/gallery-6.jpg");
}
.g7{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.12)),
    url("../img/refresh/gallery/gallery-7.jpg");
}
.g8{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.03), rgba(10,10,10,.12)),
    url("../img/refresh/gallery/gallery-8.jpg");
}

/* quote side cards */
.quote-page .quote-side .feature-card:nth-child(1)::before{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.02), rgba(10,10,10,.08)),
    url("../img/refresh/quote/quote-1.jpg");
  background-position:center 34%;
}

.quote-page .quote-side .feature-card:nth-child(2)::before{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.02), rgba(10,10,10,.08)),
    url("../img/refresh/quote/quote-2.jpg");
  background-position:center 28%;
}

.quote-page .quote-side .feature-card:nth-child(3)::before{
  background-image:
    linear-gradient(180deg, rgba(10,10,10,.02), rgba(10,10,10,.08)),
    url("../img/refresh/quote/quote-3.jpg");
  background-position:center 32%;
}