/*GLOBAL NAVIGATION -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 2024*/

.body-no-scroll {
    overflow: hidden;
    width: 100%;       /* Ensure the width remains consistent */
}

.menu_wrapper {
/**/position: absolute;
/**/width:100%;
/**/height:0vh; /* initial - JS - toggleMenu() / .active_menu */
/**/overflow-y: scroll; 
/**/opacity: 0; /* initial - JS - toggleMenu() / .active_menu */
/**/background-color: #000;
/**/transition: height 0.5s ease-out;
/**display: none; /* initial - JS - toggleMenu() / .active_menu */
/**/z-index: 1000;
/**/}
	
.menu_wrapper h2 {
  padding: 0;
  color: #FFF;
}

.menu_wrapper p {
  padding: 0;
  color: #FFF;
}

.nav_background{background-color:rgba(209, 211, 212, 0.5); border-radius:5px;}

.image {border: 0px; padding:0; margin:0; text-align:center; }

 /* ------------------------------------------   ACCORDIAN - DROP MENU (USED)  ------------------------------------------------------------------------------ */
  
.accordion-content {
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
	width: 100%;
	text-align:center;
}
/* ------------------------------------------   ACCORDIAN  (USED)  ------------------------------------------------------------------------------ */
.accordion-header {
    background-color: transparent;
    cursor: pointer;
    padding: 10px;
    outline: none;
    transition: background-color 0.3s;
	width: 100%;
    text-align: center;
}

.accordion-header:hover {
    /**background-color: #ccc;/**/ 
}

/* Optional: Add styles for active class */
.accordion-header.active {
    /**background-color: #ccc;/**/ 
}
/* ------------------------------------------   breadcrumbs  (USED)  ------------------------------------------------------------------------------ */
.breadcrumbs{
    cursor: pointer;
    padding: 10px;
	color:#F90;
	width:100%;
	text-align:center;
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
    color: #FFF;
}

.breadcrumbs a:hover,
.breadcrumbs a:active {
    color: #F90;
}








#Div-related {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#030303; left:50%; margin-left:-450px; bottom:15px; width:100px; z-index:10}

#Div-related_drop {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#2D2D2D; left:50%; margin-left:-340px; bottom:15px; width:550px; z-index:10; visibility:hidden; }

.related_pages  {font-family: Arial, Helvetica, sans-serif; font-size:14px; height:20px; background-color:#FFF; border:#424242 thin solid; padding-left:5px; }

.related_dropdown  {font-family: Arial, Helvetica, sans-serif; font-size:14px; height:20px; background-color:#FFF; border:#424242 thin solid; text-align:center}





.box_dropdown {font-family: Tahoma, Geneva, sans-serif; font-size:14px; height:25px; background-color: #F90; border:#424242 thin solid; padding-left:5px; }


#Div-home {position:absolute; left:50%; top:170px; width:110px; margin-left:-450px; z-index:5; visibility:hidden; }

#Div-products {position:absolute; left:50%; top:170px; width:120px; margin-left:-340px; z-index:5; visibility:hidden; }

#Div-purchase {position:absolute; left:50%; top:170px; width:120px; margin-left:-220px; z-index:5; visibility:hidden; }

#Div-clients {position:absolute; left:50%; top:170px; width:110px; margin-left:120px; z-index:5;visibility:hidden; }

#Div-contact {position:absolute; left:50%; top:170px; width:110px; margin-left:340px; z-index:5; visibility:hidden; }


#Div-connect60 {position:absolute; left:50%; top:170px; width:120px; margin-left:-340px; z-index:5; visibility:hidden; }

#Div-connect120 {position:absolute; left:50%; top:170px; width:120px; margin-left:-220px; z-index:5; visibility:hidden; }

#Div-lighting {position:absolute; left:50%; top:170px; width:110px; margin-left:-100px; z-index:5; visibility:hidden; }

#Div-rental {position:absolute; left:50%; top:170px; width:110px; margin-left:10px; z-index:5; visibility:hidden; }

#Div-info {position:absolute; left:50%; top:170px; width:110px; margin-left:230px; z-index:5; visibility:hidden; }