#footer{
	display:block;
	width:100%;
	min-height:100px;
	background: var( --first_color ); 
	color: var(--white_color);
	margin: 0;
	padding:0;
	 
}

#footer,
#footer p,
#footer a{ 
	font-size: 16px 
} 

#footer ul.footer-menu {
  list-style: none;
  margin-bottom:40px;
  padding-left:17px 
}

#footer h4{
	font-size: 35px; 
	margin-bottom:0;
	padding-bottom:0;
	color:#fff
}

#footer ul.footer-menu li a{
	color:#fff;
	font-family: var(--font_2);
	font-size: 20px; 
	text-transform: capitalize;
	display: inline-block; 
	margin-bottom:3px;
	position:relative
}

#footer ul.footer-menu li::before {
  content: "\2022";
  color:#fff;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em
}
/*
#footer ul.footer-menu li.active::before,
#footer ul.footer-menu li.active a{
	color: var( --white_color )
}
 */
#footer ul.footer-menu li.active a::after{
	content:'';
	background:#fff;
	display:block;
	width:100%;
	height:2px;
	position:absolute;
	left:0;
	bottom:0
}
/* ---------------------------------------------------------------------------- footer-contacts */

#footer .footer-contacts p span{
	display:inline-block;
	margin-left:10px 
}

#footer .footer-contacts p i{ 
	color:#fff
}

/* ---------------------------------------------------------------------------- copyright */
#copyright{
	background-color: var( --secondary_color ); 
	border-top:solid 2px #fff
}
/*
#copyright,
#copyright p,
#copyright a{
	 color: var( --body_color )
} */
.socials{ 
}

#footer .socials a{
	justify-content: center;
	background:#fff;
	font-size:22px;
	line-height:1;
	text-align:center;
	width: 34px;
	height:34px;
	margin-right:12px;
	border:solid 2px #fff;
	border-radius:50% 
}

#footer .socials a,
#footer .footer-contacts .socials a i{ 
	color: var( --first_color )
}

#footer .socials a:hover{
	background: var( --first_color )
}

#footer .footer-contacts .socials a:hover > i{ 
	color: var( --white_color )
}