/**
* Cookie Law Generator
* @author ninathecoder
*/
#cookie_law_notification {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    transition: all .5s;
    padding: 15px;
    -webkit-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .5);
    -o-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .5);
    line-height: 1.5;
    box-sizing: border-box;
}
#cookie_law_notification blockquote {
    padding: 0;
    margin: 0 0 15px;
}
#cookie_accept_button {
    cursor: pointer;
}
#cookie_law_notification.cookielaw1 {
    font-size: 13px;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #262626;
    z-index: 9999999;

}
#cookie_law_notification a {
    color: #f67000;
}
.cookielaw1 #cookie_message {
    width: calc(100% - 130px);
    color: #D9D9D9;
    font-size: 15px;
    text-align: justify;
}
.cookielaw1 #cookie_accept_button {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    width: 100px;
    line-height: 36px;
    height: 36px;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -18px;
    border-radius: 4px;
    color: #000;
    font-weight: bold;
    text-align: center;

}

#cookie_law_notification.cookielaw2 {
    bottom: 20px;
    position: fixed;
    left: 20px;
    width: 400px;
    background-color: #262626;
    z-index: 9999999;
    padding: 25px;
}


.cookielaw2 #cookie_message {
    width: 100%;
    color: #D9D9D9;
    font-size: 15px;
    padding-bottom: 25px;
    display: block;
    text-align: justify;
}
.cookielaw2 #cookie_accept_button {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    width: calc(100% - 40px);
    margin: auto;
    line-height: 36px;
    height: 36px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 4px;
    color: #000;
    font-weight: bold;
    text-align: center;
    display: block;
}

#cookie_law_notification.cookielaw3 {
    transition: all .5s;
    position: fixed;
    width: 400px;
    background-color: #fff;
    border-radius: 4px;
    bottom: 20px;
    right: 20px;
    z-index: 9999999;
    padding: 25px;
}
.cookielaw3 #cookie_message {
    width: 100%;
    color: #000;
    font-size: 15px;
    padding: 0;
    display: block;
    padding-bottom: 25px;
}
.cookielaw3 #cookie_accept_button {
    background-color: #f67000;
    border-color: #FFFFFF;
    float: right;
    padding: 0 15px;
    margin-right: 15px;
    line-height: 36px;
    height: 36px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: block;
}

#cookie_law_notification.cookielaw4 {
    font-size: 13px;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #c64444;
    z-index: 9999999;

}
#cookie_law_notification.cookielaw4 a {
    color: #fff;
    text-decoration: underline;
}
.cookielaw4 #cookie_message {
    width: calc(100% - 140px);
    color: #fff;
    font-size: 15px;
    text-align: justify;
}
.cookielaw4 #cookie_accept_button {
    background-color: #fff;
    border-color: #c64444;
    width: 110px;
    line-height: 36px;
    height: 36px;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -18px;
    color: #c64444;
    font-weight: bold;
    text-align: center;

}
#cookie_law_notification.cookielaw5 {
    font-size: 13px;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #237AFC;
    z-index: 9999999;

}
#cookie_law_notification.cookielaw5 a {
    color: #fff;
    
}
.cookielaw5 #cookie_message {
    width: calc(100% - 140px);
    color: #fff;
    font-size: 15px;
    text-align: justify;
}
.cookielaw5 #cookie_accept_button {
    border: 2px solid #fff;
    width: 110px;
    line-height: 36px;
    height: 36px;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -18px;
    color: #fff;
    font-weight: bold;
    text-align: center;

}
.cookie_bottom_left {
    bottom: 20px !important;
    left: 20px !important;
    right: auto !important;
    top: auto !important;
}
.cookie_bottom_right {
    bottom: 20px !important;
    right: 20px !important;
    left: auto !important;
    top: auto !important;
}

.cookie_top_left {
    top: 20px !important;
    left: 20px !important;
    bottom: auto !important;
    right: auto !important;
}
.cookie_top_right {
    top: 20px !important;
    right: 20px !important;
    bottom: auto !important;
    left: auto !important;
}
.cookie_top {
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
}
.cookie_bottom {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}


/** Animation */
/* shake */

#cookie_law_notification.shake {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
#cookie_law_notification.shake2 {
    animation: shake2 0.5s;
}

@keyframes shake2 {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@media (max-width: 767px) {
    #cookie_law_notification {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }
    #cookie_law_notification.cookielaw2, #cookie_law_notification.cookielaw3 {
        left: 15px !important;
        right: 15px !important;
        width: auto !important;
    }
}

#cookie_law_notification {
   visibility: visible !important;
}




<div id="ht-preloader">
  <div class="loader clear-loader">
    <div class="loader-text">Loading</div>
    <div class="loader-dots"> <span></span>
      <span></span>
      <span></span>
      <span></span>
    </div>
  </div>
</div>
<!-- preloader end -->
<!--header start-->
<header id="site-header" class="header">
  <div id="header-wrap">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <!-- Navbar -->
          <nav class="navbar navbar-expand-lg">
            <a class="navbar-brand logo" href="index.html">
              <img id="logo-img" class="img-center" src="images/logo.png" alt="">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span></span>
              <span></span>
              <span></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
              <ul class="navbar-nav ml-auto mr-auto">
                <!-- Home -->
                <li class="nav-item dropdown" data-toggle="hover"> <a class="nav-link active" href="index.html" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home</a>
                </li>
                <li class="nav-item" data-toggle="hover"> <a class="nav-link" href="chi-siamo.html" role="button" aria-haspopup="true" >Chi siamo</a></li>
                <li class="nav-item dropdown" data-toggle="hover"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Luce</a>
                  <div class="dropdown-menu">
                    <ul class="list-unstyled">
                      <li><a href="Offerte-Luce.html">Soluzioni Luce</a></li>
                      <li><a href="Risparmia-Bolletta-Luce.html">Come risparmiare</a></li>
                      <li><a href="Leggere-Bolletta-Luce.html">Come leggere la bolletta</a></li>
                    </ul>
                  </div>
                </li>
                <li class="nav-item dropdown" data-toggle="hover"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Gas</a>
                  <div class="dropdown-menu">
                    <ul class="list-unstyled">
                      <li><a href="Offerte-Gas.html">Soluzioni Gas</a> </li>
                      <li><a href="Risparmia-Bolletta-Gas.html">Come risparmiare</a></li>
                      <li><a href="Leggere-Bolletta-Gas.html">Come leggere la bolletta</a></li>
                      </ul>
                  </div>
                </li>
                <li class="nav-item" data-toggle="hover"> <a class="nav-link" href="lavora-con-noi.html" role="button"  aria-haspopup="true" aria-expanded="false">Lavora con noi</a></li>
                <li class="nav-item" data-toggle="hover"> <a class="nav-link" href="contatti.html" role="button"  aria-haspopup="true" aria-expanded="false">Contatti</a></li>
              </ul>
              <div class="social-icons social-border circle social-hover mt-5">
                <ul class="list-inline">
                <li class="social-facebook"><a href="https://www.facebook.com/astrocompara/" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
                </li>
                <li class="social-linkedin"><a href="#"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
                </li>
              </ul>
              </div>
              <div class="right-nav">
                <a class="btn-white btn-sm"  href="login.html"><img src="images/Astro_numero_verde.png"></a>
            </div>
          </nav>
        </div>
      </div>
    </div>
  </div>
</header>
<nav id="ht-main-nav"> <a href="#" class="ht-nav-toggle active"><span></span></a>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <img class="img-fluid side-logo mb-3" src="images/logo.png" alt="">
        <p class="mb-2">Fatti richiamare da un nostro consulente.</p>
        <form id="contact-form" class="row" method="post" action="" novalidate="true">
          <div class="messages"></div>
          <div class="form-group col-md-12">
            <input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Telefono*" required="required" data-error="Telefono è un campo obbligatorio">
            <div class="help-block with-errors"></div>
          </div>
          <div class="form-group col-md-12">
            <textarea id="form_message" name="message" class="form-control" placeholder="Messaggio" rows="4" required="required" data-error="Lasciaci un messaggio."></textarea>
            <div class="help-block with-errors"></div>
          </div>
          <div class="col-md-12">
            <button class="btn btn-theme btn-radius"><span>Invia</span>
            </button>
          </div>
        </form>
        <div class="form-info">
          <ul class="contact-infofast list-unstyled mt-4">
            <li class="mb-4">
              <span>Ai sensi del Regolamento UE 679/2016 - “GDPR” autorizzo Astro s.r.l. a contattarmi per ricevere informazioni sulle offerte commerciali e ricevere assistenza.
                    <a href="PolicyPrivacy.html">clicca qui</a> per consultare l'informativa Privacy di Astro S.r.l.</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</nav>
<!--header end-->
<!--hero section start-->
<section class="fullscreen-banner banner banner-3 p-0 o-hidden grediant-overlay" data-overlay="9">
  <div class="insideText">Astro</div>
  <div class="owl-carousel owl-theme no-pb" data-items="1" data-dots="false" data-autoplay="true">
    <div class="item">
      <div class="align-center p-0">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-5 col-md-12 order-lg-12">
              <div class="mouse-parallax info-img">
                <img class="img-center animated zoomIn delay-2 duration-2" src="images/banner/02-1.png" alt="">
              </div>
            </div>
            <div class="col-lg-7 col-md-12 order-lg-1 md-mt-5">
              <h1 class="mb-4 text-black animated bounce delay-2 duration-4">Scopri le <span class="font-w-6 text-yellow">migliori offerte di luce</span> per la tua casa</h1>
              <p class="lead text-black animated fadeInUp delay-3 duration-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
              <div class="animated fadeInUp delay-3 duration-4">
                <a class="btn btn-white" href="Offerte-Luce.html"><span>Scopri di piu'</span></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="item">
      <div class="align-center p-0">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-5 col-md-12 order-lg-12">
              <div class="mouse-parallax info-img">
                <img class="img-center animated zoomIn delay-2 duration-2" src="images/banner/02-2.png" alt="">
              </div>
            </div>
            <div class="col-lg-7 col-md-12 order-lg-1 md-mt-5">
              <h1 class="mb-4 text-black animated bounce delay-2 duration-4">Scopri le  <span class="font-w-6 text-blue">migliori offerte di gas</span> per la tua casa</h1>
              <p class="lead text-black animated fadeInUp delay-3 duration-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
              <div class="animated fadeInUp delay-3 duration-4">
                <a class="btn btn-white" href="Offerte-Gas.html"><span>Scopri di piu'</span></a>
              </div>
             </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--hero section end-->
<!--body content start-->
<div class="page-content">
<!--feature start-->
<section class="pos-r text-center" style="padding-top:0px">
  <div class="banner-3">
    <img class="img-fluid rotateme" src="images/banner/03.png" alt="">
  </div>
  <div class="container-fluid">
    <div class="row align-items-center">
      <div class="col-lg-6 col-md-12 order-lg-12">
        <img class="img-fluid topBottom" src="images/shapeimg/gifhome.gif" alt="">
      </div>
      <div class="col-lg-6 col-md-12 order-lg-1 md-mt-5">
        <div class="row">
    <div class="col-lg-10 col-md-12" style="text-align:left">
        <div class="section-title">
            <h6>Chi siamo</h6>
          <h2>Consulenza <span class="font-w-6 text-blue">gratuita</span> e su misura per ogni tua esigenza..</h2>
        </div>
        <p class="text-black">Proponiamo soluzioni personalizzate per la fornitura di luce e gas, a clienti privati e business su tutto il territorio nazionale.</p>
        <p class="text-black">Per attivare la migliore tariffa di luce e gas per la casa <strong><a href="contatti.html">RICHIEDI UNA CONSULENZA GRATUITA</a></strong> ai nostri esperti.</p>
         <a class="btn btn-theme" href="chi-siamo.html"><span>Sopri di più</span></a>
      </div>
        <p style="margin-bottom:60px"></p>
          <div class="col-lg-6 col-md-6">
            <div class="featured-item text-center style-2 radius-3">
              <div class="featured-icon">
                <img class="img-center" src="images/icone/04.png" alt="Astro soluzioni per la casa">
              </div>
              <div class="featured-title">
                <h5>Soluzioni per la casa</h5>
              </div>
              <div class="featured-desc">
                <p>Per attivare la migliore tariffa di luce e gas per la casa <strong><a href="contatti.html">RICHIEDI UNA CONSULENZA GRATUITA</a></strong> ai nostri esperti.</p>
              </div>
            </div>
          </div>
          <p style="margin-bottom:360px"></p>
          <div class="col-lg-6 col-md-6">
            <div class="featured-item text-center style-2 radius-3">
              <div class="featured-icon">
                <img class="img-center" src="images/icone/05.png" alt="Astro soluzioni business">
              </div>
              <div class="featured-title">
                <h5>Soluzioni business</h5>
              </div>
              <div class="featured-desc">
                <p>Per valutare la migliore proposta luce e gas per le aziende <strong><a href="contatti.html">RICHIEDI UNA CONSULENZA GRATUITA</a></strong> ai nostri esperti.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="text-center pos-r pt-0" data-bg-img="images/banner/02.png">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 col-md-10 ml-auto mr-auto">
        <div class="section-title">
          <h6>Astro</h6>
          <h2 class="title">La tua luce <br>in un mare di offerte</h2>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-12">
        <div class="work-process">
          <div class="work-process-inner">
            <div class="work-img">
              <img class="img-center" src="images/Astro_compara.gif" alt="">
              <span class="step-num">01</span>
            </div>
            <h4>Compara</h4>
            <p class="mb-0">Leverage agile frameworks to provide a robust synopsis for high level</p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-12 md-mt-5">
        <div class="work-process">
          <div class="work-process-inner">
            <div class="work-img">
              <img class="img-center" src="images/Astro_illumina.gif" alt="">
              <span class="step-num">02</span>
            </div>
            <h4>Illumina</h4>
            <p class="mb-0">Leverage agile frameworks to provide a robust synopsis for high level</p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-12 md-mt-5">
        <div class="work-process">
          <div class="work-process-inner">
            <div class="work-img">
              <img class="img-center" src="images/Astro_risparmia.gif" alt="">
              <span class="step-num">03</span>
            </div>
            <h4>Risparmia</h4>
            <p class="mb-0">Leverage agile frameworks to provide a robust synopsis for high level</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="grey-bg">
  <div class="container">
    <div class="row">
      <div class="col-lg-4 col-md-3 col-sm-6 xs-mt-5">
      <div class="counter style-2">
      <div class="col-lg-4 col-md-3 col-sm-6 xs-mt-5" style="float:left">
        <img class="img-center" src="images/counter/01.png" alt=""></div>
        <div class="col-lg-8 col-md-3 col-sm-6 xs-mt-5" style="float:left"><h5>Risparmi fino al</h5><span class="count-number" data-to="50" data-speed="1000">50</span><span>%</span>
          <h5>di energia</h5></div>
          </div>
        </div>
        <div class="col-lg-4 col-md-3 col-sm-6 xs-mt-5">
        <div class="counter style-2">
        <div class="col-lg-4 col-md-3 col-sm-6 xs-mt-5" style="float:left">
          <img class="img-center" src="images/counter/02.png" alt=""></div>
          <div class="col-lg-8 col-md-3 col-sm-6 xs-mt-5" style="float:left"><h5>Clienti sodisfatti</h5><span class="count-number" data-to="85" data-speed="1000">85</span><span>%</span></div>
            </div>
          </div>
          <div class="col-lg-4 col-md-3 col-sm-6 xs-mt-5">
          <div class="counter style-2">
          <div class="col-lg-4 col-md-3 col-sm-6 xs-mt-5" style="float:left">
            <img class="img-center" src="images/counter/03.png" alt=""></div>
            <div class="col-lg-8 col-md-3 col-sm-6 xs-mt-5" style="float:left"><h5>Contratti conclusi</h5><span class="count-number" data-to="95" data-speed="1000">95</span><span>%</span>
              <h5>con successo</h5></div>
              </div>
            </div>
    </div>
  </div>
</section>
<p style="margin-bottom:60px"></p>
<!--about start-->
<section class="pos-r">
  <div class="container">
    <div class="row">
      <div class="col-lg-4 image-column bg-contain bg-pos-l" data-bg-img="images/banner/07.png">
        <div class="round-animation">
         <img class="img-fluid" src="images/banner/01.png" alt="">
        </div>
      </div>
      <div class="col-lg-7 col-md-12 ml-auto md-mt-5">
        <div class="section-title mb-4">
          <h6>OFFERTA</h6>
          <h2 class="title">La nostra <span class="font-w-6 text-blue">esperienza nel settore</span> ci consente di consigliarti le soluzioni migliori</h2>
        </div>
        <p>Per ottimizzare i consumi di energia elettrica e gas per risparmiare considerevolmente sulla bolletta.</p>
         <a class="btn btn-theme" href="contatti.html"><span>Richiedi consulenza gratuita</span></a>
      </div>
    </div>
  </div>
</section>
<!--about end class="animatedBackground" data-bg-img="images/pattern/05.png"-->
<section class="pos-r" >
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-5 col-md-12">
          <div class="section-title mb-0">
          <h6>CONSIGLI UTILI</h6>
          <h2 class="title">Trucchi per risparmiare sulle bollette di luce e gas</h2>
          </div>
          <div class="col-sm-12">
          <div id="accordion" class="accordion style-1">
            <div class="card">
              <div class="card-header">
                <h6 class="mb-0">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="false" class="collapsed"><span></span>LIMITA LA FUNZIONE STAND-BY</a>
                </h6>
              </div>
              <div id="collapse4" class="collapse" data-parent="#accordion" style="">
                <div class="card-body">Gli elettrodomestici spenti consumano in media 450 Kwh all’anno per ogni abitazione. Un’antenna satellitare che consuma 22 watt quando la televisione è accesa, ne consuma ben 14 quando il sistema a riposo, mentre un lettore di CD, a cui servono 15 watt quando è in funzione, ne utilizza 11 quando è in stand-by. Questo spreco può essere evitato spegnendo l’elettrodomestico completamente, piuttosto che lasciandolo in “stand-by”, oppure staccando la spina.
                </div>
              </div>
            </div>
            <div class="card">
              <div class="card-header">
                <h6 class="mb-0">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="false" class="collapsed"><span></span>EVITA GLI SPRECHI DI GAS</a>
                </h6>
              </div>
              <div id="collapse1" class="collapse" data-parent="#accordion" style="">
                <div class="card-body">Per poter risparmiare sul gas in casa è necessario adottare delle piccole accortezze. Per quanto riguarda il riscaldamento, se durante il giorno non c'è nessuno in casa o le temperature in un determinato momento si alzano, sarebbe bene spegnere l'impianto, inoltre è consigliabile non superare i 24 gradi all'interno della propria abitazione, per poter diminuire i costi relativi al consumo. Si può risparmiare sul gas anche durante la doccia, spegnendo l'erogatore nei momenti in cui bisogna insaponarsi.</div>
              </div>
            </div>
            <div class="card">
              <div class="card-header">
                <h6 class="mb-0">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse2" class="collapsed" aria-expanded="false"><span></span>SCEGLI L'OFFERTA GIUSTA PER TE</a>
                </h6>
              </div>
              <div id="collapse2" class="collapse" data-parent="#accordion" style="">
                <div class="card-body">Per risparmiare diverse centinaia di euro all'anno sulla bolletta della luce e del gas, un passo molto importante è quello di scegliere il fornitore giusto, valutando per le proprie abitudini di consumo quale è l’offerta più conveniente. Il cambio è semplice, l'unica cosa che devi fare è rivolgerti al nuovo fornitore, comunicando la tua volontà. Quest'ultimo compirà tutte le operazioni tecniche necessarie per soddisfare la tua richiesta.</div>
              </div>
            </div>
            <div class="card">
              <div class="card-header">
                <h6 class="mb-0">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse3" class="collapsed" aria-expanded="false"><span></span>Dettaglio letture</a>
                </h6>
              </div>
              <div id="collapse3" class="collapse" data-parent="#accordion">
                <div class="card-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodas temporo incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrd exercitation ullamco laboris nisi ut aliquip ex comodo consequat. Duis aute dolor in reprehenderit.</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-7 col-md-12 md-mt-5">
        <div class="owl-carousel owl-theme" data-items="1">
          <div class="item">
            <div class="testimonial">
              <div class="testimonial-img">
                <img class="img-center" src="images/thumbnail/01.png" alt="">
              </div>
              <div class="testimonial-content">
                <p>IL SERVIZIO DI MAGGIOR TUTELA <br><br>Il Servizio di Maggior Tutela è rivolto esclusivamente ai clienti domestici e alle piccole imprese.Le condizioni contrattuali sono regolate dall'Autorità
                    per l'energia e il gas. Il prezzo del chilowattora della materia energia è quindi stabilito dall'Autorità e cambia ogni tre mesi in base al prezzo del mercato all'ingrosso.</p>
              </div>
              <div class="testimonial-quote"><i class="flaticon-quotation"></i>
              </div>
            </div>
          </div>
          <div class="item">
            <div class="testimonial">
              <div class="testimonial-img">
                <img class="img-center" src="images/thumbnail/01.png" alt="">
              </div>
              <div class="testimonial-content">
                <p>Professional recommended and great experience, Nam pulvinar vitae neque et porttitor, Praesent sed nisi eleifend, Consectetur adipisicing elit, sed do eiusmodas temporo incididunt</p>
                <div class="testimonial-caption">
                  <h5>Lana Roadse</h5>
                  <label>CEO of Loptus</label>
                </div>
              </div>
              <div class="testimonial-quote"><i class="flaticon-quotation"></i>
              </div>
            </div>
          </div>
          <div class="item">
            <div class="testimonial">
              <div class="testimonial-img">
                <img class="img-center" src="images/thumbnail/01.png" alt="">
              </div>
              <div class="testimonial-content">
                <p>Professional recommended and great experience, Nam pulvinar vitae neque et porttitor, Praesent sed nisi eleifend, Consectetur adipisicing elit, sed do eiusmodas temporo incididunt</p>
                <div class="testimonial-caption">
                  <h5>Lana Roadse</h5>
                  <label>CEO of Loptus</label>
                </div>
              </div>
              <div class="testimonial-quote"><i class="flaticon-quotation"></i>
              </div>
            </div>
          </div>
          <div class="item">
            <div class="testimonial">
              <div class="testimonial-img">
                <img class="img-center" src="images/thumbnail/01.png" alt="">
              </div>
              <div class="testimonial-content">
                <p>Professional recommended and great experience, Nam pulvinar vitae neque et porttitor, Praesent sed nisi eleifend, Consectetur adipisicing elit, sed do eiusmodas temporo incididunt</p>
                <div class="testimonial-caption">
                  <h5>Lana Roadse</h5>
                  <label>CEO of Loptus</label>
                </div>
              </div>
              <div class="testimonial-quote"><i class="flaticon-quotation"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
</div>
<!--body content end-->
<!--footer start-->
<footer class="footer white-bg pos-r o-hidden bg-contain" data-bg-img="images/banner/01.png">
  <div class="round-p-animation"></div>
	<div class="primary-footer">
		<div class="container-fluid p-0">
			<div class="row">
				<div class="col-lg-4">
          <div class="ht-theme-info bg-contain bg-pos-r h-100 text-white" data-bg-img="images/bg/02.png" >
          <img class="img-fluid box-shadow radius w-100" src="images/handcontact.jpg">
        </div>
          </div>
          <div class="col-lg-6 col-md-12 order-lg-12">
            <div class="contact-main py-5">
              <div class="section-title">
                <h6>Contattaci</h6>
                <h2>La nostra consulenza al tuo servizio</h2>
              </div>
              <form id="contact-form" class="row" method="post" action="http://themeht.com/loptus/html/php/contact.php" novalidate="true">
                <div class="messages"></div>
                <div class="form-group col-md-6 has-error has-danger">
                  <input id="form_name" type="text" name="name" class="form-control" placeholder="Nome" required="required" data-error="Il campo nome è obbligatorio.">
                </div>
                <div class="form-group col-md-6">
                  <input id="form_email" type="email" name="email" class="form-control" placeholder="Email" required="required" data-error="Inserisci una mail valida.">
                  <div class="help-block with-errors"></div>
                </div>
                <div class="form-group col-md-12">
                  <input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Telefono" required="required" data-error="Il campo telefono è obbligatorio">
                  <div class="help-block with-errors"></div>
                </div>
                <div class="form-group col-md-12">
                  <label for="exampleFormControlSelect1">Come hai conosciuto Astro?</label>
                  <select class="form-control" id="exampleFormControlSelect1">
                    <option>Internet</option>
                    <option>Eventi</option>
                    <option>Social</option>
                    <option>Passaparola</option>
                    <option>Altro</option>
                  </select>
                </div>
                <div class="form-group col-md-12">
                  <textarea id="form_message" name="message" class="form-control" placeholder="Messaggio" rows="4" required="required" data-error="Lasciaci un messaggio"></textarea>
                  <div class="help-block with-errors"></div>
                </div>
                <div class="form-check col-md-12">
                    <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">
                      Letta <a href="PolicyPrivacy.html">l'informativa</a>, acconsento alla comunicazione a al trattamento dei miei dati personali per finalità promozionali, nelle modalità illustrate, di Astro Srl(link informativa estesa EGL).
                    </label>
                  </div>
                <p style="margin-bottom:60px"></p>
                <div class="col-md-12">
                  <button class="btn btn-theme btn-radius"><span>Invia messaggio</span>
                  </button>
                </div>
              </form>
            </div>
        </div>
      </div>
		</div>
	</div>
  <div class="secondary-footer">
  		<div class="container">
        <div class="col-lg-12 py-12 md-px-5">
            <div class="row">
              <div class="col-lg-6 col-md-6 footer-list">
                <h4 class="title">Link di navigazione</h4>
                <div class="row">
                  <div class="col-sm-6">
                    <ul class="list-unstyled">
                      <li><a href="chi-siamo.html">Chi siamo</a>
                      </li>
                      <li><a href="Offerte-Luce.html">Soluzione Luce</a>
                      </li>
                      <li><a href="Offerte-Gas.html">Soluzione Gas</a>
                      </li>
                      <li><a href="lavora-con-noi.html">Lavora con noi</a>
                      </li>
                    </ul>
                  </div>
                  <div class="col-sm-6">
                    <ul class="list-unstyled">
                      <li><a href="contatti.html">Contatti</a>
                      </li>
                      <li><a href="PolicyPrivacy.html">Privacy Policy</a>
                      </li>
                      <li><a href="CookiePolicy.html">Cookie Policy</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="col-lg-5 col-md-6 sm-mt-5">
                <h4 class="title">Contattaci</h4>
                <ul class="media-icon list-unstyled">
                  <li><a href="mailto:info@astrocompara.it">info@astrocompara.it</a>
                  </li>
                  <li><a href="tel:800941210">Numero Verde 800 941 210</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <p style="margin-bottom:60px"></p>
  			<div class="copyright">
  				<div class="row align-items-center">
  					<div class="col-md-6"> <span>Copyright 2021 | All Rights Reserved</span>
  					</div>
  					<div class="col-md-6 text-md-right sm-mt-2"> <span>Astro Srl</span>
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
  </footer>
<!--footer end-->
</div>
<!-- page wrapper end -->
<!--back-to-top start-->
<div class="scroll-top"><a class="ht-nav-toggle" href="#"><i class="flaticon-call"></i> Voglio essere contattato</a></div>
<!--back-to-top end-->
<!-- inject js start -->
<!--== jquery -->
<script src="js/jquery.min.js"></script>
<script src="http://html.xpeedstudio.com/agmycoo/assets/js/jquery.parallax.js"></script>
<!--== popper -->
<script src="js/popper.min.js"></script>
<!--== bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!--== appear -->
<script src="js/jquery.appear.js"></script>
<!--== modernizr -->
<script src="js/modernizr.js"></script>
<!--== audioplayer -->
<script src="js/audioplayer/plyr.min.js"></script>
<!--== magnific-popup -->
<script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>
<!--== owl-carousel -->
<script src="js/owl-carousel/owl.carousel.min.js"></script>
<!--== counter -->
<script src="js/counter/counter.js"></script>
<!--== countdown -->
<script src="js/countdown/jquery.countdown.min.js"></script>
<!--== isotope -->
<script src="js/isotope/isotope.pkgd.min.js"></script>
<!--== mouse-parallax -->
<script src="js/mouse-parallax/tweenmax.min.js"></script>
<script src="js/mouse-parallax/jquery-parallax.js"></script>
<!--== contact-form -->
<script src="js/contact-form/contact-form.js"></script>
<!--== wow -->
<script src="js/wow.min.js"></script>
<!--== theme-script -->
<script src="js/theme-script.js"></script>
<!-- inject js end -->
</body>
</html>