/* ==========================================================================
   Blocco "Contattaci" (trapianto da desk-video)
   Tutte le regole sono con scope .dv-contattaci per non interferire
   con Astra / Elementor. I percorsi url() sono relativi a questo file.
   ========================================================================== */

/* --- Font Awesome 4.7 (solo icone usate: map-marker, mobile, envelope-o).
       Famiglia rinominata per non scontrarsi con il Font Awesome di Elementor --- */
@font-face {
  font-family: 'DVFontAwesome';
  src: url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
       url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.dv-contattaci .fa {
  display: inline-block;
  font: normal normal normal 14px/1 DVFontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dv-contattaci .fa-envelope-o:before { content: "\f003"; }
.dv-contattaci .fa-map-marker:before { content: "\f041"; }
.dv-contattaci .fa-mobile:before     { content: "\f10b"; }

/* --- Wrapper e base --- */
.dv-contattaci {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  isolation: isolate;      /* tiene lo sfondo z-index:-2 dentro al blocco */
  overflow: hidden;
  font-family: 'Open Sans', 'Poppins', sans-serif;
  letter-spacing: -.2px;
  text-align: left;
}
.dv-contattaci *,
.dv-contattaci *:before,
.dv-contattaci *:after { box-sizing: border-box; }
.dv-contattaci h2,
.dv-contattaci h4 {
  font-family: 'Poppins', sans-serif;
  color: #2e2e2d;
  letter-spacing: -.5px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
}
.dv-contattaci ul,
.dv-contattaci li { list-style: none; }
.dv-contattaci a { color: inherit; text-decoration: none; }
.dv-contattaci a:hover,
.dv-contattaci a:focus { text-decoration: none; outline: none; }
.dv-contattaci .text-center { text-align: center; }

/* --- Griglia (estratto da Bootstrap 4: container, row, col-*) --- */
.dv-contattaci .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px)  { .dv-contattaci .container { max-width: 540px; } }
@media (min-width: 768px)  { .dv-contattaci .container { max-width: 720px; } }
@media (min-width: 992px)  { .dv-contattaci .container { max-width: 960px; } }
@media (min-width: 1200px) { .dv-contattaci .container { max-width: 1140px; } }
@media (max-width: 980px)  { .dv-contattaci .container { max-width: 100%; } }

.dv-contattaci .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.dv-contattaci .col-md-12, .dv-contattaci .col-sm-12, .dv-contattaci .col-lg-12,
.dv-contattaci .col-md-4,  .dv-contattaci .col-sm-6,  .dv-contattaci .col-lg-4 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .dv-contattaci .col-sm-6  { -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%; }
  .dv-contattaci .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px) {
  .dv-contattaci .col-md-4  { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .dv-contattaci .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 992px) {
  .dv-contattaci .col-lg-4  { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .dv-contattaci .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

/* --- .spacing / .fixed-bg --- */
.dv-contattaci .spacing {
  float: left;
  padding: 110px 0;
  position: relative;
  width: 100%;
}
.dv-contattaci .fixed-bg {
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  height: 100%;
  width: 100%;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}
.dv-contattaci .dv-bg-parlx3 { background-image: url('../images/parlx3.jpg'); }
.dv-contattaci .dv-bg-ptrn3  { background-image: url('../images/ptrn3.jpg'); }
@media (max-width: 1445px) {
  .dv-contattaci .fixed-bg {
    background-attachment: scroll !important;
    background-size: auto !important;
  }
}

/* --- Particelle (il canvas copre l'area, il testo resta sopra e cliccabile) --- */
.dv-contattaci .particle-bx {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.dv-contattaci .hdfc-cnt-wrp { position: relative; }

/* --- Titolo sezione (.sec-tl2) --- */
.dv-contattaci .sec-tl2 {
  float: left;
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
  width: 100%;
}
.dv-contattaci .sec-tl2 > h2 {
  font-size: 35px;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  color: #fff;
}
.dv-contattaci .sec-tl2 > h2.no-bf:before { display: none; }
@media (max-width: 480px) {
  .dv-contattaci .sec-tl2 > h2 { font-size: 33px; line-height: 38px; }
}

/* --- Box contatti --- */
.dv-contattaci .cnt-inf-wrp {
  float: left;
  width: 100%;
  margin-top: 50px;
  padding: 70px 60px 45px;
}
.dv-contattaci .cnt-inf-wrp.style2 {
  background-size: cover;
  background-position: center;
  margin-top: 0;
  padding-bottom: 75px;
}
@media (max-width: 1370px) {
  .dv-contattaci .cnt-inf-wrp.style2 { max-width: 100%; min-width: 100%; margin-left: 0; }
}
@media (max-width: 420px) {
  .dv-contattaci .cnt-inf-wrp { padding: 50px 30px; }
}

.dv-contattaci .cnt-inf-car2 {
  float: left;
  position: relative;
  z-index: 2;
  display: block;          /* niente owl-carousel: c'è una sola slide */
  width: 100%;
}
.dv-contattaci .cnt-inf-itm-wrp {
  float: left;
  width: 100%;
}
@media (max-width: 1024px) {
  .dv-contattaci .cnt-inf-itm-wrp { margin-bottom: -30px; }
  .dv-contattaci .cnt-inf-itm-wrp .cnt-inf-itm { margin-bottom: 30px; }
}

.dv-contattaci .cnt-inf-itm {
  float: left;
  position: relative;
  width: 100%;
}
.dv-contattaci .cnt-inf-wrp.style2 .cnt-inf-itm { padding: 0 30px; }
.dv-contattaci .cnt-inf-wrp.style2 .cnt-inf-itm:before {
  content: "";
  height: 135px;
  width: 1px;
  background-color: rgba(255,255,255,.25);
  right: 0;
  position: absolute;
  top: 50%;
  margin-top: -67.5px;
}
.dv-contattaci .cnt-inf-wrp.style2 .cnt-inf-itm-wrp > .row > div:last-child .cnt-inf-itm:before { display: none; }

.dv-contattaci .cnt-inf-itm > h4 {
  margin-bottom: 18px;
  font-size: 25px;
  letter-spacing: -.4px;
  font-weight: 600;
}
.dv-contattaci .cnt-inf-wrp.style2 .cnt-inf-itm > h4 {
  font-size: 20px;
  color: #fff;
  border-bottom: 2px solid;
  display: inline-block;
}

.dv-contattaci .cnt-inf-lst {
  float: left;
  padding-left: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}
.dv-contattaci .cnt-inf-lst > li {
  float: left;
  width: 100%;
  position: relative;
  padding-left: 25px;
  font-family: 'Open Sans', 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .2px;
  font-weight: 600;
  margin-top: 13px;
  margin-bottom: 0;
}
.dv-contattaci .cnt-inf-wrp.style2 .cnt-inf-itm > .cnt-inf-lst > li { color: #fff; }
.dv-contattaci .cnt-inf-lst > li i {
  position: absolute;
  left: 0;
  line-height: 20px;
  font-size: 16px;
  color: #fff;
}
.dv-contattaci .cnt-inf-lst > li a:hover,
.dv-contattaci .cnt-inf-lst > li a:focus { color: #000; }

/* --- Logo bianco --- */
.dv-contattaci .logobianco {
  float: left;
  width: 100%;
  text-align: center;
  margin: 10px 0 30px;
}
.dv-contattaci .logobianco img {
  display: inline-block;
  max-width: 200px;
  width: 100%;
  height: auto;
  margin: auto;
}