#footer
{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: var(--global_header_height);
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9000;
	padding-left: var(--global_padding);
	padding-right: var(--global_padding);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
				height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, /* ... 0.2s */
				box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
				background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
				border 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	background-color: var(--root_color_white);
	display: flex;
}

#footer_contener
{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: var(--global_size_footer);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#footer .logos
{
	grid-template-columns: repeat(3, 1fr);
}

#footer .logos > * svg
{
	width: 60%;
}

#footer .logo_2 svg
{
	margin-left: auto;
	margin-right: auto;
}

#footer .logo_1 svg
{
	width: 50%;
}

#footer .logo_3 svg
{
	margin-left: auto;
	margin-right: 0;
	width: 70%;
}

#footer .logo_4
{
	display: none;
}

:root.is_global_contrast #footer .text path
{
	fill: #ffffff;
}

/**********************************************************************************/

@media screen and (max-width: 1680px)
{
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
}

@media screen and (max-width: 1366px)
{
}

@media screen and (max-width: 1300px)
{
}

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

@media screen and (max-width: 1024px)
{
	#footer .logos > * svg
	{
		width: 70%;
	}

	#footer .logo_1 svg
	{
		width: 60%;
	}

	#footer .logo_3 svg
	{
		width: 80%;
	}
}

@media screen and (max-width: 800px)
{
	#footer
	{
		height: auto;
		padding-top: var(--global_size_40);
		padding-bottom: var(--global_size_40);
	}
	
	#footer_contener
	{
		justify-content: center;
	}

	#footer .logos
	{
		grid-template-columns: 100%;
	}

	#footer .logo_3
	{
		display: none;
	}

	#footer .logo_4
	{
		display: block;
	}

	#footer .logos > * svg
	{
		max-width: 220px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}