@font-face { font-family: Rubik;  src: url(/css/fonts/Rubik/RubikDoodleShadow-Regular.ttf); }
@font-face { font-family: Raleway;  src: url(/css/fonts/Raleway/Raleway-VariableFont_wght.ttf); }

:root
{
	--master-background-color: #4B8AF3;

	--main-background-color: #99BFFF;
	--main-color: #4B8AF3;
	--main-active-color: #4B8AF3;
	--main-sub-color: #D2E8E3;
	--main-dark-text: #121212;
	--popin-background-color: #FFFFFF;
}

*
{
	font-size: 20px;
	line-height: 24px;
	color: #000000;
	box-sizing: border-box;
}
*
,input[type=text]
,select
{
	font-family: Raleway, Calibri, Arial;
}

.C_BUTTON23
{
	cursor: pointer;
	padding: 12px 24px 12px 24px;
	background-color: var(--main-active-color);
	border: 0px;
	border-radius: 32px;
	color: #FFFFFF !important;
	font-weight: 900;
	font-size: 24px;
	white-space: nowrap;
	text-decoration: none;
}
.C_BUTTON23.C_RED	{	background-color: #BB0000; }
.C_BUTTON23.C_GRAY	{	background-color: #BBBBBB; }
.C_BUTTON23 > i.fa
{
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}
.C_BUTTON23 > font
{
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}
@media screen and (max-width: 640px)
{
	.C_BUTTON23
	{
		padding: 12px 24px 12px 24px;
		border-radius: 8vw;
		font-size: 6vw;
		line-height: 6vw;
	}
}
@media screen and (max-width: 360px)
{
	.C_BUTTON23
	{
		padding: 3.3vw 6.6vw 3.3vw 6.6vw;
	}
}


.C_INPUT
{
	display: block;
	width: 100%;
	border: 1px solid #777777;
	padding: 4px 8px 4px 8px;
	border-radius: 8px;
}
.C_INPUT[readonly]
{
	background-color: #CCCCCC;
}
.C_INPUT > option[marked="1"]
{
	background-color: #EEEEF5;
}