:root {
		  --autumn-day: #ffce80;
		  --autumn-day-alt1: #ffce8050;
		  --autumn-day-alt2: #ffc46650;
		  
		  --autumn-cloudy: #ffc466;
		  --autumn-cloudy-alt1: #ffc46650;
		  --autumn-cloudy-alt2: #ffbb4d50;
		  
		  --autumn-rainy: #e5b06a;
		  --autumn-rainy-alt1: #e5b06a50;
		  --autumn-rainy-alt2: #e4ae6750;
		  
		  --summer-day: #46bbf6;
		  --summer-day-alt1: #46bbf650;
		  --summer-day-alt2: #3cb8f650;
		  
		  --summer-night: #a57dff;
		  --summer-night-alt1: #a57dff50;
		  --summer-night-alt2: #9466ff50;
		  
		  --spring-day: #39fed6;
		  --spring-day-alt1: #39fed650;
		  --spring-day-alt2: #34fed650;
		}
		
/*AUTUMN*/
	/*DAY*/
		body.autumn-day {		  
		  --main-color: var(--autumn-day);
		  --main-color-alt1: var(--autumn-day-alt1);
		  --main-color-alt2: var(--autumn-day-alt2);
			background-image: url(bg_autumn_leaves.gif);
		}
		.autumn-day .sb_header_img
		{
			content: url("sb_header_bg_autumn_day.gif");
		}
		.autumn-day .sb_btn
		{		  
		  --bs-btn-border-color: var(--autumn-day) !important;
		  --bs-btn-bg: var(--autumn-day) !important;
		  
		  --bs-btn-hover-bg: var(--autumn-day-alt1) !important;
		  --bs-btn-hover-border-color: var(--autumn-day-alt1) !important;
		}
		.autumn-day .sb_header_txt
		{
			top: 11vw;
			left: calc(50% - 1vw);
		}
	/*CLOUDY*/
		body.autumn-cloudy {		  
		  --main-color: var(--autumn-cloudy);
		  --main-color-alt1: var(--autumn-cloudy-alt1);
		  --main-color-alt2: var(--autumn-cloudy-alt2);
			background-image: url(bg_autumn_leaves.gif);
		}
		.autumn-cloudy .sb_header_img
		{
			content: url("sb_header_bg_autumn_cloudy.gif");
		}
		.autumn-cloudy .sb_btn
		{		  
		  --bs-btn-border-color: var(--autumn-cloudy) !important;
		  --bs-btn-bg: var(--autumn-cloudy) !important;
		  
		  --bs-btn-hover-bg: var(--autumn-cloudy-alt1) !important;
		  --bs-btn-hover-border-color: var(--autumn-cloudy-alt1) !important;
		}
		.autumn-cloudy .sb_header_txt
		{
			top: 11vw;
			left: calc(50% - 1vw);
		}
	/*RAINY*/
		body.autumn-rainy {		  
		  --main-color: var(--autumn-rainy);
		  --main-color-alt1: var(--autumn-rainy-alt1);
		  --main-color-alt2: var(--autumn-rainy-alt2);
			background-image: url(bg_autumn_leaves.gif);
		}
		.autumn-rainy .sb_header_img
		{
			content: url("sb_header_bg_autumn_rainy.gif");
		}
		.autumn-rainy .sb_btn
		{		  
		  --bs-btn-border-color: var(--autumn-rainy) !important;
		  --bs-btn-bg: var(--autumn-rainy) !important;
		  
		  --bs-btn-hover-bg: var(--autumn-rainy-alt1) !important;
		  --bs-btn-hover-border-color: var(--autumn-rainy-alt1) !important;
		}
		.autumn-rainy .sb_header_txt
		{
			top: 11vw;
			left: calc(50% - 1vw);
		}
		
		
		
/*SUMMER*/
	/*DAY*/
		body.summer-day {		  
		  --main-color: var(--summer-day);
		  --main-color-alt1: var(--summer-day-alt1);
		  --main-color-alt2: var(--summer-day-alt2);
			background-image: url(bg_summer_fish.gif);
		}
		.summer-day .sb_header_img
		{
			content: url("sb_header_bg_summer_day.gif");
		}
		.summer-day .sb_btn
		{		  
		  --bs-btn-border-color: var(--summer-day) !important;
		  --bs-btn-bg: var(--summer-day) !important;
		  
		  --bs-btn-hover-bg: var(--summer-day-alt1) !important;
		  --bs-btn-hover-border-color: var(--summer-day-alt1) !important;
		}
		.summer-day .sb_header_txt
		{
			top: 9.7vw;
			left: calc(50% - 2vw);
		}
	/*NIGHT*/
		body.summer-night {		  
		  --main-color: var(--summer-night);
		  --main-color-alt1: var(--summer-night-alt1);
		  --main-color-alt2: var(--summer-night-alt2);
			background-image: url(bg_summer_fish.gif);
		}
		.summer-night .sb_header_img
		{
			content: url("sb_header_bg_summer_night.gif");
		}
		.summer-night .sb_btn
		{		  
		  --bs-btn-border-color: var(--summer-night) !important;
		  --bs-btn-bg: var(--summer-night) !important;
		  
		  --bs-btn-hover-bg: var(--summer-night-alt1) !important;
		  --bs-btn-hover-border-color: var(--summer-night-alt1) !important;
		}
		.summer-night .sb_header_txt
		{
			top: 9.7vw;
			left: calc(50% - 2vw);
		}



/*SPRING*/
	/*DAY*/
		body.spring-day {		  
		  --main-color: var(--spring-day);
		  --main-color-alt1: var(--spring-day-alt1);
		  --main-color-alt2: var(--spring-day-alt2);
			background-image: url(bg_spring_pipes.gif);
		}
		.spring-day .sb_header_img
		{
			content: url("sb_header_bg_spring_day.gif");
		}
		.spring-day .sb_btn
		{		  
		  --bs-btn-border-color: var(--spring-day) !important;
		  --bs-btn-bg: var(--spring-day) !important;
		  
		  --bs-btn-hover-bg: var(--spring-day-alt1) !important;
		  --bs-btn-hover-border-color: var(--spring-day-alt1) !important;
		}
		.spring-day .sb_header_txt
		{
			top: 13.1vw;
			left: calc(50% - 0vw);
		}
		
		
	

	
/*MAIN*/
		.sb_btn
		{		  
		  color: #1d0e10 !important;
		}
		
		.paypal-btn
		{
		    -webkit-filter: grayscale(100%) brightness(.3);
		}
		
		@font-face {
			font-family: tats_digital;
			src: url(DS-Digital.woff);
		}

		body{
			background-repeat: repeat;
			color: var(--main-color);
		}
		.sb_header_container
		{
			display:flex;
			width:100%;
			
		}
		.sb_header
		{
			/*background-image: url(sidibennour_header_tats.gif);*/
			/*background-image: url(home_header_bg_day_english.gif);*/
			/*background-size:cover;*/
			/*background-repeat: no-repeat;*/
			width:100%;
			display:flex;
			align-content: center;
			align-items: center;
			flex-direction: column;
			flex-wrap: wrap;
		}		
		.sb_header_img
		{
			/*visibility: hidden;*/
			/*height:60vh;*/
			width:100%;
		}
		.sb_header_txt
		{
			font-family: tats_digital;
			position: absolute;
			transform: translate(-50%, -50%);
			width: fit-content;
			font-size: 3vw;
			
			-webkit-animation: flicker 5s infinite, glow 1s ease-in-out infinite alternate;
		}
		
		@-webkit-keyframes glow {
			from {
				text-shadow: 0 0 5px var(--main-color-alt1), 0 0 10px var(--main-color-alt1), 0 0 15px var(--main-color-alt1), 0 0 20px var(--main-color-alt1), 0 0 25px var(--main-color-alt1), 0 0 30px var(--main-color-alt1), 0 0 35px var(--main-color-alt1);
			}
			to {
				text-shadow: 0 0 10px var(--main-color-alt2), 0 0 15px var(--main-color-alt2), 0 0 20px var(--main-color-alt2), 0 0 25px var(--main-color-alt2), 0 0 30px var(--main-color-alt2), 0 0 35px var(--main-color-alt2), 0 0 40px var(--main-color-alt2);
			}
		}

		@-webkit-keyframes flicker
		{
			0% {opacity:0;}
			1% {opacity:0;}
			2% {opacity:.5;}
			5% {opacity:0;}
			7% {opacity:.5;}
			9% {opacity:1;}
			
			59% {opacity:1;}
			60% {opacity:0;}
			61% {opacity:0;}
			62% {opacity:.5;}
			65% {opacity:0;}
			67% {opacity:.5;}
			69% {opacity:1;}
			70% {opacity:0;}
			71% {opacity:0;}
			72% {opacity:.5;}
			75% {opacity:0;}
			77% {opacity:.5;}
			79% {opacity:1;}
			100% {opacity:1;}
		}