.CL_ACTIVE_PAGE_TMENU
{
	color: #62A83D !important;
	font-size:102%;
}
.CL_ACTIVE_PAGE_FMENU
{
	color: #c8ffaa !important;
	font-size:102%;
}

 #loading-message {
            position: fixed;
            bottom: 20px;
            right: 20px;
            padding: 10px;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border-radius: 5px;
            font-family: Arial, sans-serif;
            font-size: 14px;
            display: none;
        }
        
.CL_ALL_BRANDS_LAYER
{
	text-align: center !important;
}

.CL_BANNER_IMG_TEXT h4
{
	padding: 8px 12px;
}



@media (max-width: 600px) 
{
	.CL_BRAND_CAROUSEL_IMAGE 
	{
		width: 60px;
		height: 60px;
	}

	.CL_BRAND_CAROUSEL_CONTAINER 
	{
		right: 60px;
	}


}

.CL_BRAND_BACKGROUND_IMAGE 
{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}


.CL_BRAND_IMAGE_DIV :before {
    content: '';
    position: absolute;
    bottom: 0; 
    right: 0;
    border-top: 180px solid white;
    width: 0;
}


.CL_BRAND_CAROUSEL_CONTAINER 
{
    position: absolute;
    bottom: 10px;
    right: 120px;
    display: flex;
    justify-content: right;
    align-items: right;
}

.CL_BRAND_CAROUSEL_IMAGE 
{
    width: 120px;
    height: 120px;
    object-fit: cover;
    display: none;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.CL_BRAND_CAROUSEL_IMAGE.active 
{
    display: block;
    opacity: 1;
}



.CL_BRAND_IMAGE
{
	width: 80%; 
	height: auto; 
	border: 1px solid grey
}

.CL_BRAND_IMAGE:hover
{
	border: 2px solid grey
}



.btn_common.blue::after, .btn_common.white_border::after 
{
	background: #3d6926 !important;
}  

.CL_BANNER_LOGO
{
	display: none;
}

.CL_BANNER_IMG_CONTAINER 
{
	width: 100%;
	position: relative;
	display: inline-block; /* Adjust based on your layout needs */
}


.CL_BANNER_IMG_TEXT 
{
	position: absolute;
	top: 80%; /* Adjust based on where you want the text */
	left: 50%;
	transform: translate(-50%, -50%);
	color: white; /* Or any color that suits your design */
	font-size: 24px; /* Adjust based on your design */
	padding: 10px; /* Optional: adds padding around the text */
/*
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); 
	background-color: rgba(0, 0, 0, 0.5);
*/
	border-radius: 5px; /* Optional: rounds the corners of the background */
	
	float: left;
}

.CL_BANNER_IMG_TEXT h4
{
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Optional: adds a shadow to the text */
	background-color: rgba(0, 0, 0, 0.5); /* Optional: adds a semi-transparent background */
}


@media (min-width: 601px) 
{
  .CL_BANNER_SMALL_SCREEN { display: none;  }
  .CL_BANNER_LARGE_SCREEN { display: block;  }
}
@media (max-width: 600px) 
{
  .CL_BANNER_SMALL_SCREEN { display: block;  }
  .CL_BANNER_LARGE_SCREEN { display: none;  }
  
  
	.navbar
	{
		background: #fdfffc !important;
	}  
			  
  
}




@media screen and (min-width: 0px) and (max-width: 576px) 
{
}

@media screen and (min-width: 577px) and (max-width: 768px) 
{
}

@media screen and (min-width: 767px) and (max-width: 992px) 
{
}

@media screen and (min-width: 993px)  and (max-width: 1200px) 
{
}

@media screen and (min-width: 1201px) 
{
	.no-background #navbar-menu ul li a
	{
/*		 text-shadow: 1px 1px 2px black, 0 0 5px grey, 0 0 6px #f2f2f2;
		 text-shadow: 1px 1px 2px black, 0 0 3px grey, 0 0 4px #f2f2f2;
		 text-shadow: 1px 1px 2px black, 0 0 2px grey, 0 0 2px #f2f2f2;
		 text-shadow: 0px 0px 3px black, 0 0 1px black, 0 0 1px black;
*/ 
		 
		 text-shadow: 0px 0px 2px black, 0 0 2px black, 0 0 2px black;
	}
}