@charset "utf-8";
/* CSS Document BootStrap 5 - 2023 / 2024*/
/*=============================================================================*/
button.cssREDbutton {
		cursor:pointer;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		width: 100%;
		height: 75px;
		padding: 10px;
		background-image: linear-gradient(to right, #851515, #9a1415, #b01114, #c50e11, #db090d, #dc080b, #dc070a, #dd0608, #c9090b, #b60b0d, #a30d0e, #900e0e);
		border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border: 2px solid #F80202;
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		-webkit-box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0),
			0px 1px 0px rgba(255,255,255,0);
}

button.cssREDbutton:hover {
		cursor:pointer;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		width: 100%;
		height: 75px;
		padding: 10px;
		background-image: linear-gradient(to right, #bd0a0a, #b80b0b, #b30b0b, #ae0c0c, #a90c0c, #aa0b0c, #ac0b0b, #ad0a0b, #b50809, #bd0607, #c50304, #cd0101);
		border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border: 2px solid #E55050;
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		-webkit-box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0),
			0px 1px 0px rgba(255,255,255,0);
}


/* ---------------------------   */



button.cssBLUEbutton {
		cursor:pointer;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		width: 100%;
		height: 75px;
		padding: 10px;
		 background-image: linear-gradient(to right, #185e8d, #1176a6, #038fbd, #00a9d4, #00c3e8, #00c3e8, #00c3e8, #00c3e8, #00a9d4, #038fbd, #1176a6, #185e8d);
		border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border: 2px solid #0B81F1;
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		-webkit-box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0),
			0px 1px 0px rgba(255,255,255,0);
}

button.cssBLUEbutton:hover {
		cursor:pointer;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		width: 100%;
		height: 75px;
		padding: 10px;
		background-image: linear-gradient(to right, #01e7ff, #00ccee, #00b1db, #0097c5, #037eae, #037eae, #037eae, #037eae, #0097c5, #00b1db, #00ccee, #01e7ff);
		border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border: 2px solid #00B5F8;
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		-webkit-box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0),
			0px 1px 0px rgba(255,255,255,0);
}


/* ---------------------------   */



button.cssGREENbutton {
		cursor:pointer;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		width: 100%;
		height: 75px;
		padding: 10px;
		 background-image: linear-gradient(to right, #076a0d, #1f7e1a, #319327, #43a933, #54bf40, #54bf41, #54c042, #54c043, #43ab39, #32962f, #218125, #0d6d1b);
		border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border: 2px solid #1B922C;
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		-webkit-box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0),
			0px 1px 0px rgba(255,255,255,0);
}

button.cssGREENbutton:hover {
		cursor:pointer;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		width: 100%;
		height: 75px;
		padding: 10px;
		background-image: linear-gradient(to right, #6cdd51, #5ac747, #49b23c, #389d32, #278828, #278828, #278828, #278828, #389d32, #49b23c, #5ac747, #6cdd51);
		border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border: 2px solid #6CDD51;
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		-webkit-box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.7),
			inset 0px 0px 3px rgba(0,0,0,0.6);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0),
			0px 1px 0px rgba(255,255,255,0);
}


/* ---------------------------   */



	/* Small devices (landscape phones, 576px and up)*/
	@media (max-width: 576px){
		.BOXLogoClick3W{
			position: relative;
			width: 70%;
		}
		.BOXSolu{
			position: relative;
			width: 60%;
		}

	}
	/* Medium devices (tablets, 768px and up)*/
	@media (min-width: 577px) and (max-width: 768px){
		.BOXLogoClick3W{
			position: relative;
			width: 60%;
		}
		.BOXSolu{
			position: relative;
			width: 50%;
		}
	
	}
	/* Large devices (desktops, 992px and up)*/
	@media (min-width: 769px) and (max-width: 992px){
		.BOXLogoClick3W{
			position: relative;
			width: 250px;
		}
		.BOXSolu{
			position: relative;
			width: 200px;
		}
	
	}
	/* X-Large devices (large desktops, 1200px and up)*/
	@media (min-width: 993px) and (max-width: 1200px){
		.BOXLogoClick3W{
			position: relative;
			width: 250px;
		}
		.BOXSolu{
			position: relative;
			width: 200px;
		}

	}
	/* XX-Large devices (larger desktops, 1400px and up)*/
	@media (min-width: 1201px) and (max-width: 1400px){
		.BOXLogoClick3W{
			position: relative;
			width: 250px;
		}
		.BOXSolu{
			position: relative;
			width: 200px;
		}

	}
	/* XX-Large devices (larger desktops, 1400px and up)*/
	@media (min-width: 1401px){
		.BOXLogoClick3W{
			position: relative;
			width: 250px;
		}
		.BOXSolu{
			position: relative;
			width: 200px;
		}
	
	}
	/*------------------------------------------------------------------------*/