.footer {
	padding: 56px 0;
}

.footer__container {
	width: calc(1200px + 16px + 16px);
	max-width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0 auto;
}

.footer__inside {
	display: flex;
	gap: 16px;
}

.footer_branding {
	padding-right: 16px;
	flex: 0 0 280px;
}

.footer_logo img {
	width: 260px;
	height: auto;
	display: block;
}

.footer_logo {
	margin-bottom: 24px;
}

.footer_slogan {
	font-size: 14px;
	line-height: 18px;
}

.footer_columns {
	flex: 1;
	display: flex;
	gap: 16px;
}

.footer_column {
	flex: 0 0 calc(25% - calc(16px * 3 / 4));
}

.footer_column .widget-title {
	margin-bottom: 12px;
	color: #496A89;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	display: block;
}

.footer_column li {
	margin-bottom: 12px;
}

.footer_column li:last-child {
	margin-bottom: 0;
}

.footer_column a {
	line-height: 24px;
	font-size: 16px;
	border: none;
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.footer_column .sub-menu {
	padding-left: 16px;
	margin-top: 12px;
	display: none;
}

.footer_column .active_sub_menu > .sub-menu {
	display: block;
}

.footer .menu-item-has-children > a:after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../images/menu-arrow-down.svg);
}

.menu-item-has-children.active_sub_menu > a:after {
	rotate: 180deg;
}

.site-footer .twitter svg {
	display: none;
}

.site-footer .twitter {
	background-image: url(../images/x-logo.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.site-footer .twitter:hover {
	background-image: url(../images/x-logo-blue.svg);
}

.site-footer .inner {
	padding-bottom: 9px;
}

.site-footer svg {
	fill: #292929;
}

.site-footer {
	border-top: 1px solid #bdbdbd;
}

@media (max-width: 991px) {
	.footer__inside {
		flex-direction: column;
	}

	.footer_branding {
		flex: 1;
	}

	.footer {
		padding: 32px 0;
	}

	.footer_logo img {
		width: 205px;
	}

	.footer_logo {
		margin-bottom: 16px;
	}

	.footer_column {
		flex: 0 0 calc(50% - calc(16px / 2));
	}

	.footer_columns {
		flex-wrap: wrap;
		row-gap: 32px;
	}
}