/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
 /*                                                                                                                                                 */
 /* StudioFabbro Via Manlio Torquato n.23 - 00181 Roma (ITALIA) - phone: (+039) 06.78.34.68.93                                                      */
 /* contabilità generale/analitica - consulenza fiscale/tributaria - corsi formazione                                                               */
 /* home-AA-01 del 16-02-2026                                                                                                                       */
 /*                                                                                                                                                 */
 /* webmaster@studioalessandrafabbro.eu                                                                                                             */
 /*                                                                                                                                                 */
 /*------------------------------------------------------------------------------------------------------------------------------------------------ */

 /* -- index ------------------------------------------------------------------------------------------------------------------------------------- */
 
  body, htm {
  height: 100%;
  margin: 0;
  }
 
 /* -- index preloader --------------------------------------------------------------------------------------------------------------------------- */
 
  #preloader {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #505050;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 9999;
  }

  /* -- Immagini -- */
  .preloader-image {
  width: 1200px;
  height: 400px;
  object-fit: contain;
  margin-bottom: 30px;
  }

  /* -- Barra esterna -- */
  .progress-container {
  width: 300px;
  height: 20px;
  border: 2px solid #ffffff;
  background: transparent;
  }

 /* -- Barra interna -- */
  .progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #707070, #909090);
  }

  /* Percentuale */
  .progress-text {
  color: #ffffff;
  margin-top: 10px;
  font-size: 14px;
  }

  /* -- background -------------------------------------------------------------------------------------------------------------------------------- */

  .background {
	margin:0;
	padding:0;
  position:absolute;
	z-index:1;
	font-family:tahoma, Arial, sans-serif; 
  font-size:16px;
  font-style:normal;
	text-align:justify;
	color:#505050;
  background:#9caac2 url('../img-bg/bk-A04-00.png') fixed;
  }

 /* ---------------------------------------------------------------------------------------------------------------------------------------------  */
                        
  .clear {
  clear:both;
  }
            
 /* -- topbar ------------------------------------------------------------------------------------------------------------------------------------ */

  .topbar {
  position:fixed;
  left:0px;
  top:0px;
  z-index:10;
  overflow:visible;
  width:100%;
  height:214px;
  margin:0px;
  padding:0px;
  border-bottom:1px #505050 solid;
  background:#a6282c;
  }

  .topbar-1 {
  width:1000px;
  height:55px;
  margin:0px auto 0px auto;
  padding:0px;
  }

  .tb1-1 {
  clear:left;
  float:left;
  width:315px;
  height:55px;
  margin:0px;
  padding:0px;
  }

  .tb1-2 {
  float:left;
  width:315px;
  height:55px;
  margin:0px;
  padding:0px;
  }

  .tb1-3 {
  float:left;
  width:360px;
  height:55px;
  margin:0px;
  padding:0px;
  }

  .topbar-2 {
  width:1000px;
  height:80px;
  padding:0px;
  margin:0px auto;
  border-top:1px #fdeade dotted;
  background:#a6282c url('../img-bg/HD-01.png') no-repeat 0px 0px;
  }

  .topbar-3 {
  width: 100%;
  height:65px;
  padding:0px;
  margin:0px auto;
  background:#505050;
  }
  
  .tb3-1 {
  clear: both;
  float:right;
  width:165px;
  height:65px;
  margin:0px 10px 0px 0px;
  padding:0px;
  }

  .topbar-banner {
  width:1000px;
  height:65px;
  margin:0px auto;
  padding:0px 0px;
  }

  .topbar-lng {
  width:20px;
  height:40px;
  margin:0px;
  padding:10px 20px 0px 20px;
	font-size:25px;
	color:#fff;
  border:1px #939393 solid;
  }

 /* -- container --------------------------------------------------------------------------------------------------------------------------------- */

  .container {
	position:relative;
  z-index: 10;
	width:100%;
	top:214px;
	left:0px;
	overflow:auto;
  }

  .body {
  position:fixed;
  /* -- top:10px;
  left:auto; -- */
  width:100%;
  height:auto;
  z-index:10;
  margin:auto;
  padding:50px 0px 0px 0px;
  }

 /* --- footer ----------------------------------------------------------------------------------------------------------------------------------- */

  .footer {
  position:fixed;
  bottom:5px;
  width:100%;
  height:60px;
  z-index:10;
  margin:0px;
  padding:0px;
  }

  .ft-01 {
  width:100%;
  height:50px;
  margin:0px auto;
  padding:0px;
  background:#2b2b2b;
  }

  .footer .p1 {
  color:#939393;
  font-family:tahoma,Arial, Helvetica, sans-serif, Verdana;
  font-size:12px;
  text-align:center;
  margin:0px;
  padding:20px 0px 0px 0px;
  }

 /* -- nav-01 ------------------------------------------------------------------------------------------------------------------------------------ */

  .nav-01 {
  display: flex;        /* li mette affiancati */
  justify-content: center; /* centrati */
  gap: 15px;            /* spazio tra i pulsanti */
  
  margin: 12px 0px 0px 0px;
  padding: 0;
  }

  .nav-01 li {
  list-style: none;
  }

  .nav-01 a {
  display: block;
  padding: 10px 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 16px;

  color: #ccc;
  border: 1px solid #939393;
  border-radius: 4px;
  transition: 0.3s;
  }

  .nav-01 a:hover {
  background: #353535;
  color: #fff;
  }
                        
 /* -- TOOLTIP ----------------------------------------------------------------------------------------------------------------------------------- */
                        
  .tooltip {
  position:relative;
  display:inline-block;
  border-bottom:1px dotted #353535;
  }

  .tooltip .tooltiptext {
  visibility:hidden;
  width:auto;
  background:#353535;
  font-size:10px;
  color: #edeade;
  text-align:center;
  padding:5px 8px;
  position:absolute;
  z-index: 1;
  top:125%;
  left:50%;
  margin-left: -30px;
                        
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  }

  .tooltip .tooltiptext::after {
  content: "";
  position:absolute;
  bottom:100%;
  left:50%;
  margin-left:-5px;
  border-width:5px;
  border-style:solid;
  border-color: transparent transparent #353535 transparent;
  }

  .tooltip:hover .tooltiptext {
  visibility:visible;
  }                        

 /* -- TEXT CAROUSEL ----------------------------------------------------------------------------------------------------------------------------- */

  #slider,  #slider .slide {
  width:1250px;
  height:300px;
  margin:0px auto;
  }

  #slider {
  overflow: hidden;
  margin: 0 auto;
  }

  #slider .container1 {
  position:relative;
  width: 9000px; /* Assign an insanely large width */
  top: 0;
  right: 0;
  animation: slide-animation 25s infinite;
  } 

  #slider .slide {
  position:relative;
  float:left;
  box-sizing: border-box;
  padding: 10px 20px;
  }

  #slider .slide .p1 {
  text-align:center;
  text-transform:uppercase;
  font-size:100px;
  font-family:Verdana;
  color:#999999; 
  }

  #slider .slide .p2 {
  text-align:center;
  text-transform:lowercase;
  font-size:60px;
  font-family:Georgia;
  font-weight:bold;
  color:#336699;
  }

  #slider .slide .p3 {
  text-align:center;
  text-transform:lowercase;
  font-size:20px;
  font-style:oblique;
  font-family:'Times New Roman';
  margin:50px 0px 0px 0px;
  color:#505050;
  }

 /*-- ANIMATION ---------------------------------------------------------------------------------------------------------------------------------- */

   @keyframes slide-animation {
  
    /* Slide 1 */
   0%   { opacity: 0; right: 0; }
   2%   { opacity: 1; right: 0; }   /* fade in */
   18%  { opacity: 1; right: 0; }   /* visibile */
   20%  { opacity: 0; right: 0; }   /* fade out */

   /* Slide 2 */
   22%  { opacity: 0; right: 100%; }
   24%  { opacity: 1; right: 100%; }
   40%  { opacity: 1; right: 100%; }
   42%  { opacity: 0; right: 100%; }

   /* Slide 3 */
   44%  { opacity: 0; right: 200%; }
   46%  { opacity: 1; right: 200%; }
   62%  { opacity: 1; right: 200%; }
   64%  { opacity: 0; right: 200%; }

   /* Slide 4 */
   66%  { opacity: 0; right: 300%; }
   68%  { opacity: 1; right: 300%; }
   84%  { opacity: 1; right: 300%; }
   86%  { opacity: 0; right: 300%; }

   /* Slide 5 */
   88%  { opacity: 0; right: 400%; }
   90%  { opacity: 1; right: 400%; }
   98%  { opacity: 1; right: 400%; }
   100% { opacity: 0; right: 400%; }
   }

 /* -- END --------------------------------------------------------------------------------------------------------------------------------------- */