*{ padding:0; margin:0; }
html,body{ font-size:14px; overflow-x:hidden; }
h1,h2,h3,h4,h5,h6,p,a,span{ font-family:'Raleway',sans-serif; }
h2.heading-section{ font-size:38px; font-weight:600; color:#444; text-align:center; text-transform:uppercase; margin:0 0 40px; }
h2.heading-section:after{ content:'\f141'; font-family:"Font Awesome 5 Free"; font-weight:900; color:#363b68; display:block; margin:-3px auto; }
p{ font-size:14px; font-weight:500; color:#666; line-height:24px; letter-spacing:.7px; }
ul li{ list-style:none; }
a{ text-decoration:none; }
img{ max-width:100%; }
button.btn{
  color:#fff !important; position:relative; letter-spacing:2px; text-transform:uppercase;
  overflow:hidden; margin-top:20px; padding:1em 2em; border:1px solid #ffffff; border-radius:5px;
  background:none; vertical-align:middle; z-index:99; cursor:pointer;
}
button.btn::before{
  content:''; position:absolute; top:0; left:0; width:150%; height:100%; background:#ee664b; z-index:-1;
  transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0); transform-origin:0% 100%;
  transition:transform .3s, opacity .3s, background-color .3s;
}
button.btn:hover{ color:#fff; border-color:#ee664b; }
button.btn:hover::before{ opacity:1; background-color:#ee664b; transform:rotate3d(0,0,1,0deg); transition-timing-function:cubic-bezier(.2,1,.3,1); }
/* ---- Slider / Hero ---- */
.slider{
  position:relative; width:100%; height:100vh; min-height:750px; max-height:1000px;
  background-image:url('https://newelettric.com/assets/image/bgSlider/01.jpg');
  background-position:center; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; overflow:hidden;
}
.slider .header-content{ position:relative; top:50px; padding-top:50px; }
.slider .header-content h1.myname{
  font-size:53px; font-weight:700; color:#fff; letter-spacing:2px; margin:0;
  text-shadow:6px 6px 12px #000;
}
.slider .header-content h3{ font-size:27px; font-weight:700; color:#fff; letter-spacing:2px; text-shadow:6px 6px 12px #000; }
.slider .header-content h3.text-1{ font-size:38px; font-weight:700; color:#f6a158; }
.slider .header-content h3.typed-text .cursor{ color:#ee664b; }
/* ---- Navbar (menu circolare originale) : .container > .row > .navbar (full width) + .col-md-6.header-content ---- */
.slider .navbar{ position:relative; }
.slider .navbar .brand img{ max-width:300px; margin-top:15px; }
.slider .navbar #toggle{
  display:block; width:60px; height:60px; margin:30px 0 10px auto; position:relative; z-index:9999;
  background:#ee664b; border-radius:50%; float:right; cursor:pointer;
}
.slider .navbar #toggle span,
.slider .navbar #toggle span:after,
.slider .navbar #toggle span:before{
  width:16px; height:2px; background-color:#fff; transition:all .3s; backface-visibility:hidden;
}
.slider .navbar #toggle span{ position:relative; display:block; margin:30px auto; }
.slider .navbar #toggle span:after,
.slider .navbar #toggle span:before{ content:""; position:absolute; left:0; top:-6px; }
.slider .navbar #toggle span:after{ top:6px; }
.slider .navbar #toggle.on span{ background-color:transparent; }
.slider .navbar #toggle.on span:before{ transform:rotate(45deg) translate(5px,5px); }
.slider .navbar #toggle.on span:after{ transform:rotate(-45deg) translate(7px,-8px); }
.slider .navbar #toggle.on + #menu{ opacity:1; visibility:visible; z-index:99; }
.slider .navbar #menu{
  position:absolute; right:15px; top:30px; color:#999; width:60px; padding:10px; padding-top:70px;
  margin:auto; text-align:center; border-radius:30px; background:#3d3d6e;
  box-shadow:0 1px 8px rgba(0,0,0,.05); opacity:0; visibility:hidden; transition:opacity .7s;
}
.slider .navbar #menu ul li{ list-style:none; }
.slider .navbar #menu li a{ color:#fff; padding:5px; display:block; text-shadow:2px 2px 8px #000; }
.slider .navbar #menu ul span{
  position:relative; left:-48px; top:-26px; float:right; width:150px; text-align:right;
  padding-right:12px; transition:.5s;
}
.slider .navbar #menu ul span a{ color:#fff; transition:.5s; }
.slider .navbar #menu ul .item:hover .menu-item{ padding-right:14px; transition:.5s; }
/* ---- About ---- */
.about{ padding:80px 0 80px; }
.about .img-text{ background:#363b68; padding:80px 0 75px; border-radius:10px 0 10px 70px; }
.about .img-text img{ width:250px; height:250px; border:3px solid #fff; border-radius:50%; margin: 0 55px; box-shadow:6px 6px 35px #000; }
.about .content{ padding-left:50px; }
.about .content span{ font-size:18px; font-weight:bold; line-height:27px; }
.about .content p{ padding-top:30px; }
/* ---- Services ---- */
.section-services{
  background-image:url('https://newelettric.com/assets/image/bg/03.jpg');
  background-position:center center; background-attachment:fixed; background-size:cover; position:relative;
}
.section-services .overlay-parallax{ padding:80px 0 80px; background:none; }
.section-services h2.heading-section{ color:#fff; }
.section-services h2.heading-section:after{ color:#fff; }
.section-services .services-row{ margin-top:100px; }
.section-services .block-service{ background:#f6a158; padding:25px; margin-top:1px; }
.section-services .border1{ border-radius:70px 0 0; }
.section-services .border2{ border-radius:0 0 0 70px; }
.section-services .border3{ border-radius:0 70px 0 0; }
.section-services .border4{ border-radius:0 0 70px 0; }
.section-services .block-service p,
.section-services .block-service h4{ color:#fff; }
.section-services .block-service h4{ color:#363b68 !important; transition:all .2s ease-out; }
.section-services .block-service:hover h4{ color:#fff !important; }
.section-services .block-service p{ line-height:18px; }
.section-services .icon i{
  font-size:55px; color:#fff; line-height:115px; text-align:center; display:block; border-radius:50%; margin:0 auto;
}
/* ---- Testimonials / "Veloce · Sicura · Innovativa" (sezione mancata nella prima versione) ---- */
.section-Testimonials{
  background-image:url('https://newelettric.com/assets/image/bg/02.jpg');
  background-position:center center; background-attachment:fixed; background-size:cover; position:relative; padding:80px 0 80px;
}
.section-Testimonials .Testimonials-carousel{ margin-top:30px; }
.clint .clint-text{ padding-left:60px; padding-top:75px; }
.clint .clint-text p{ color:#fff; letter-spacing:1px; font-size:80px; text-align:center; padding-left:30px; }
.clint .clint-text i{ color:#efefef; }
.clint .clint-text .icon-left{ text-align:left; }
.clint .clint-text .icon-right{ text-align:right; }
.owl-dots{ text-align:center; margin-top:50px; }
.owl-carousel .owl-dot{
  width:13px; height:13px; background:#fff; display:inline-block; margin:3px;
  border:3px solid #fff; text-align:center; border-radius:50%; cursor:pointer;
}
.owl-carousel .owl-dot.active{ background:#ff2b42; }
@media (max-width:768px){
  .clint .clint-text p{ font-size:40px; }
}
/* ---- To top (freccia in basso a destra, come sul sito reale) ---- */
.to_top{
  position:fixed; right:20px; bottom:24px; width:35px; height:35px; background:#111;
  text-align:center; line-height:35px; cursor:pointer; z-index:99999; display:none;
  transition:bottom .5s ease-in-out; border-radius:3px;
}
.to_top i{ color:#fff; }
.to_top:hover{ bottom:30px; }
/* ---- Contact ---- */
.section-contact{
  background-image:url('https://newelettric.com/assets/image/bg/01.jpg');
  background-position:center center; background-attachment:fixed; background-size:cover; position:relative;
}
.section-contact .overlay-parallax{ padding:80px 0 80px; background:rgba(0,0,0,0.8); }
.section-contact .overlay-parallax h2,
.section-contact .overlay-parallax h4,
.section-contact .overlay-parallax p{ color:#fff; }
.section-contact .overlay-parallax p.text{ font-size:16px; text-align:left; margin-top:55px; margin-bottom:20px; }
.section-contact .data p{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.section-contact .data p i{
  font-size:18px; text-align:center; line-height:50px; width:50px; height:50px; border:1px solid #ee664b;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(238,102,75);
}
.section-contact .contact-form form{ position:relative; top:15px; padding-top:15px; }
.section-contact .contact-form .form-control{
  color:#fff; height:50px; border-radius:0; background-color:transparent; border-color:#ee664b; resize:vertical; margin-bottom:20px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(238,102,75);
}
.section-contact .contact-form textarea.form-control{ height:60px; }
.section-contact .contact-form .form-control::placeholder{ color:#fff; }
.section-contact .contact-form .buttonForm{
  background:#ee664b; color:#fff; border-radius:5px; border:none; padding:15px; margin-top:15px; width:100%; font-weight:700; letter-spacing:1px; text-transform:uppercase;
}
.modal-header{ padding:15px; border-bottom:1px solid #363b68; background-color:#363b68; }
.modal-header h5{ color:#fff; font-size:24px; }
.modal-footer{ border-top:1px solid #363b68; }
/* ---- Footer (IDENTICO all'originale) ---- */
footer{ background:#111; padding:20px 0 20px 0; }
footer p{ margin:0; color:#888; font-size:13px; line-height:22px; }
footer p a{ color:#ee664b; transition:color .3s ease-in-out; }
footer p a:hover{ color:#fff; }
.credits_link{ color:#38B5E6 !important; font-weight:700; font-family:sans-serif; }
.credits_link:before{
  content:""; vertical-align:middle; width:16px; height:16px; display:inline-block; margin-right:5px; margin-left:5px;
  background-image:url('https://www.clion.it/favicon-96x96.png'); background-repeat:no-repeat; background-size:contain;
  background-position:center center; transition:all 450ms ease;
}
.credits_link:hover{ color:#fff !important; }
.credits_link:hover:before{ transform:rotateZ(360deg) rotateY(360deg); }
/* =========================================================
   ELEMENTI AGGIUNTI PER LA PAGINA TARGET SEO
   (non presenti sul sito live — innesti richiesti dalla skill)
   ========================================================= */
.om-media-strip{ background:#111; overflow:hidden; padding:14px 0; position:relative; z-index:40; }
.ticker-track{ display:flex; white-space:nowrap; animation:ticker 32s linear infinite; width:max-content; }
.om-media-strip:hover .ticker-track{ animation-play-state:paused; }
.ticker-track span{ color:rgba(255,255,255,.75); font-size:13px; font-weight:600; letter-spacing:.5px; padding:0 16px; text-transform:uppercase; }
.ticker-track span.sep{ color:#f6a158; }
@keyframes ticker{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } }
.om-seo-content{ background:#f6f6f8; padding:80px 0; }
.placeholder-tag{ display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#fff; background:#363b68; padding:5px 12px; border-radius:999px; margin-bottom:16px; }
.seo-img-placeholder{border-radius:14px; min-height:280px; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:14px; background:#fff; color:#9a9aa8; font-size:13px; font-weight:600; text-align:center; padding:20px;
}
.seo-tags-block{ text-align:center; margin-top:60px; }
.seo-tags{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:20px; }
.seo-tag{ border:1.5px solid #d8d8e2; background:#fff; color:#333; font-size:13px; font-weight:600; padding:9px 18px; border-radius:999px; transition:all .25s ease; }
.seo-tag:hover{ background:#ee664b; border-color:#ee664b; color:#fff; }
.seo-map-block{ margin-top:60px; text-align:center; }
.seo-map-wrap{ position:relative; border-radius:14px; overflow:hidden; height:400px; box-shadow:0 20px 50px rgba(17,17,17,.1); margin-top:20px; }
.seo-map-wrap iframe{ width:100%; height:100%; border:0; }
.map-badge{ position:absolute; top:16px; left:16px; z-index:10; background:#fff; padding:10px 18px; border-radius:10px; box-shadow:0 10px 24px rgba(17,17,17,.12); font-weight:700; font-size:13px; color:#363b68; }
.fab-stack{ position:fixed; right:20px; bottom:24px; z-index:998; display:flex; flex-direction:column; gap:12px; }
.fab{ width:54px; height:54px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-size:22px; box-shadow:0 10px 24px rgba(17,17,17,.25); color:#fff; }
.fab-phone{ background:#ee664b; }
.fab-whatsapp{ background:#25D366; }
@media (max-width:768px){
  .about .content{ padding-left:15px; padding-top:30px; }
  .section-services .services-row{ margin-top:20px; }
  .seo-map-wrap{ height:280px; }
}