.footer {
	padding: 62px 0 48px;
	background-color: #f5f5f5;
}

.footer .infos .logo {
	margin-bottom: 47px;
}

.footer .infos .logo svg {
	width: 55px;
	height: 40px;
}

.footer .infos .content {
	margin-bottom: 79px;
	font-size: 16px;
	font-weight: 600;
	color: #111111;
}

.footer .infos .content p {
	margin: 0;
	line-height: 1.5em;
}

.footer .infos .content .id {
	margin-bottom: 25px;
}

.footer .social-networks {
	display: flex;
	margin-left: -13.5px;
}

.footer .social-networks .social-network-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	transition: background-color 100ms linear;
}

.footer .social-networks .social-network-icon:hover {
	background-color: #111111;
}

.footer .social-networks .social-network-icon:hover svg {
	fill: #ffffff;
}

.footer .social-networks .social-network-icon svg {
	width: 21px;
	height: 21px;
	fill: #111111;
	transition: fill 100ms linear;
}

.footer .menu-wrapper {
	display: block;
	padding: 0 0 34px;
}

.footer .menu-wrapper ul.menu {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer .menu-wrapper ul.menu .menu-item-has-children {
	margin-bottom: 39px;
}

.footer .menu-wrapper ul.menu .menu-item-has-children > a {
	display: block;
	text-decoration: none;
	font-size: 18px;
	padding-bottom: 6px;
	margin-bottom: 24px;
	border-bottom: 1px solid rgba(17, 17, 17, 0.2);
	color: #111111;
}

.footer .menu-wrapper ul.menu .menu-item-has-children .sub-menu {
	list-style: none;
	padding: 0;
}

.footer .menu-wrapper ul.menu .menu-item-has-children .sub-menu a {
	display: block;
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #111111;
	transition: color 150ms linear;
}

.footer .menu-wrapper ul.menu .menu-item-has-children .sub-menu a:hover {
	color: #820ad1;
}

.footer .menu-wrapper ul.menu .menu-item-has-children .sub-menu .arrow a:after {
	content: '';
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 11px;
	background-size: contain;
	background-image: url('../images/arrow-footer-menu.svg');
	background-repeat: no-repeat;
	transition: 250ms ease-in-out;
}

.footer .menu-wrapper ul.menu .menu-item-has-children .sub-menu .arrow a:hover:after {
	background-image: url('../images/arrow-footer-menu-hover.svg');
	top: -2px;
	right: -2px;
}

.footer .footer__social .footer__social__item svg {
	max-width: 29px;
	max-height: 29px;
}

@media (min-width: 768px) {
	.footer {
		padding: 62px 0 59px;
	}

	.footer .footer-wrap,
	.footer .infos {
		display: flex;
		justify-content: space-between;
	}

	.footer .footer-wrap {
		padding-top: 40px;
	}

	.footer .infos {
		margin-right: 54px;
	}

	.footer .infos .logo,
	.footer .infos .content,
	.footer .infos .content .id {
		margin-bottom: 0;
	}

	.footer .infos .logo {
		margin-right: 44px;
	}

	.footer .social-networks {
		margin-top: -13.5px;
	}

	.footer .menu-wrapper {
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(17, 17, 17, 0.2);
	}

	.footer .menu-wrapper ul.menu {
		display: flex;
		flex-wrap: wrap;
	}

	.footer .menu-wrapper ul.menu .menu-item-has-children {
		width: calc((100% - 32px) / 2);
		margin-right: 32px;
		margin-bottom: 40px;
	}

	.footer .menu-wrapper ul.menu .menu-item-has-children:nth-child(2n) {
		margin-right: 0;
	}
}

@media (min-width: 1200px) {
	.footer {
		padding: 0 0 63px;
	}

	.footer .infos .logo {
		margin-right: 47px;
	}

	.footer .social-networks .social-network-icon {
		margin-left: 5px;
	}

	.footer .menu-wrapper {
		padding: 63px 0 0;
	}

	.footer .menu-wrapper ul.menu .menu-item-has-children {
		width: calc((100% - 96px) / 4);
		margin-bottom: 57px;
	}

	.footer .menu-wrapper ul.menu .menu-item-has-children:nth-child(2) {
		margin-right: 32px;
	}
}