/*--------- COLORS ----------------------------*/


@media (prefers-color-scheme: light) {


}

@media (prefers-color-scheme: dark) {

	/* img {
		filter: brightness(80%);
	  }
	   */
}



:root {
	color-scheme: dark;

	--color1: #151D2A;
	--color2: #1C2638;
	--color3: #233046;
	--color4: #1b2232;
	--color5: #4E5C7A;
	--color6: #7482A1;
	--color7: #d8e2f7;
	--color8: #ecf2fc;

	--textLight: #fff;
	--textDark: #000;

	--LightSchemeOn: none !important;
	--DarkSchemeOn: flex !important;

	--light: #ffffff;
	--accent0: #cab680;
	--accent1: #a3946a;
	--accent2: #008D9B;
	--accent3: #00B798;
	--accent5: #8ADD82;
	--accent6: #F9F871;
	--accent7: #5473A9;
	--accent8: #6A90D3;

	--gradient1: linear-gradient(2deg, var(--color4), var(--color5)) !important;
	--gradient2: linear-gradient(2deg, var(--color2), var(--color3)) !important;

	--ButtonColor1: var(--accent2);
	--ButtonColor2: var(--color5);

	/*--------- HEADER ----------------------------*/
	--telegramColor: var(--accent8) !important;
	--telegramHover: var(--accent7) !important;
	--WhatsAppColor: var(--accent3) !important;
	--WhatsAppHover: var(--accent2) !important;

	/*--------- NAVIGATION ------------------------*/
	/* --MenuColor: linear-gradient(180deg, var(--MainColor), var(--MainColor) calc(100% - 4px), var(--MainColor) calc(100% - 4px)) !important; */

	--contentWidth: 1152px;

}


.LightTheme {
	--color1: #ffffff;
	--color2: #f9f9f9;
	--color3: #f0f2f4;
	--color4: #fafafa;
	--color5: #b5bed0;
	--color6: #7482A1;
	--color7: #233046;
	--color8: #1b2232;

	--textLight: #151D2A;
	--textDark: #fff;

	--LightSchemeOn: flex !important;
	--DarkSchemeOn: none !important;

	color-scheme: light;
}


.dark-scheme {
	display: var(--DarkSchemeOn);
}

.light-scheme {
	display: var(--LightSchemeOn);
}


.theme-icon-color {
	fill: var(--color7);
}

.theme-icon-color:hover {
	fill: var(--accent1);
}


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

html,
body {
	padding: 0;
	margin: 0;
	min-width: 100%;
	max-width: 100%;
}

html {
	min-height: 100%;
	font-family: 'Muller';
	font-weight: 300;
	scroll-behavior: smooth;
	/* overflow-x: clip; */
}

.pswp__bg {
	background: var(--gradient2);
}


html,
.Copyright {
	background: var(--color1);
}


body {
	height: 100%;
	width: 100%;
	background-color: #f1f1f2;
	color: #233046;
	/* background-color: var(--color8); */
	/* color: var(--textLight);
	color: var(--textDark); */
}

footer {
	color: var(--textLight);
	background: var(--color1);
}



/*--------- MAIN ------------------------------*/
/*--------- HEADER ----------------------------*/
/*--------- NAVIGATION ------------------------*/
/*--------- CONTENT ---------------------------*/
/*--------- INTRO -----------------------------*/
/*--------- TILE ------------------------------*/
/*--------- TABLE -----------------------------*/
/*--------- FOOTER ----------------------------*/
/*--------- DESCRIPTION -----------------------*/



/*----------- DESCTOP ---------------------------------------------------*/
@media screen and (min-width:769px) {

	html,
	body,
	header {
		/* min-width: var(--contentWidth); */
		min-width: calc(80px + var(--contentWidth));
	}


	/*--------- SCROLLBAR -----------------------------*/
	::-webkit-scrollbar-button {
		background-repeat: no-repeat;
		width: 15px;
		height: 0px
	}

	::-webkit-scrollbar-track {
		background-color: var(--color4);
	}

	::-webkit-scrollbar-thumb {
		-webkit-border-radius: 0px;
		border-radius: 0px;
		background: linear-gradient(45deg, var(--color5) 0%, var(--color6) 100%);
		width: 10%
	}

	::-webkit-scrollbar-thumb:hover {
		background: linear-gradient(45deg, var(--color6) 0%, var(--color7) 100%);
	}

	::-webkit-resizer {
		background-repeat: no-repeat;
		width: 15px;
		height: 0px
	}

	::-webkit-scrollbar {
		width: 15px;
	}




	/*--------- HEADER ----------------------------*/
	/*--------- NAVIGATION ------------------------*/
	/*--------- CONTENT ---------------------------*/
	/*--------- INTRO -----------------------------*/
	/*--------- TILE ------------------------------*/
	/*--------- TABLE -----------------------------*/
	/*--------- FOOTER ----------------------------*/
	/*--------- DESCRIPTION -----------------------*/


}



/*----------- MOBILE ----------------------------------------------------*/
@media screen and (max-width:768px) {
	/*--------- MAIN ------------------------------*/
	/*--------- HEADER ----------------------------*/
	/*--------- NAVIGATION ------------------------*/
	/*--------- CONTENT ---------------------------*/
	/*--------- INTRO -----------------------------*/
	/*--------- TILE ------------------------------*/
	/*--------- TABLE -----------------------------*/
	/*--------- FOOTER ----------------------------*/
	/*--------- DESCRIPTION -----------------------*/


}