footer{
	background: url($img_dir + 'footer.jpg') no-repeat center bottom;
	background-size: cover;
	.members{
		display: flex;
		justify-content: center;
		align-items: stretch;
		flex-wrap: wrap;
		.title{
			width: 30%;
			background: rgba(255,255,255,.75);
			display: flex;
			align-items: center;
			justify-content: flex-end;
			padding-right: 8rem;
			font: 42px/1 $HL;
			color: #000000;
			text-align: right;
			@media screen and (max-width: 1250px){
				width: 290px;
				padding: 0 1rem;
				text-align: center;
				justify-content: center;
			}
			@include br2{
				width: 100%;
				padding: 4.7rem 1rem;
			}
		}
		.imgs{
			width: 70%;
			background: rgba(232,232,232,.75);
			padding: 25px 25px;
			@media screen and (max-width: 1250px){
				width: calc(100% - 290px);
			}
			@include br2{
				width: 100%;
				text-align: center;
				padding: 20px 25px;
			}
			img{
				margin: 0 25px;
				@include br2{
					margin: 5px 15px;
				}
			}
		}
	}
	.footer-bottom{
		padding: 3rem 0;
		@include br1{
			padding: 3rem;
		}
		.wrapper{
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			@include br3{
				text-align: center;
			}
			.footer-block{
				width: calc(80%/3);
				padding: 0 5px;
				@include br1{
					width: 50%;
					margin-bottom: 2rem;	
				}
				@include br3{
					width: 100%;
				}
				ul{
					margin-top: 35px;
					font-size: 14px;
					line-height: 25px;
					li{
						display: block;
						a{
							color: #8d8d4d;
							&:hover{
								color: #e6e645;
								text-decoration: none;
							}
						}
					}
				}
				&:nth-child(1){
					width: 20%;
					@include br1{
						width: 50%;
					}
					@include br3{
					width: 100%;
				}
				}
				&:nth-child(2){
					ul{
						columns: 2;
						@media screen and (max-width: 400px){
							columns: 1;
						}
					}
				}
				&:nth-child(3){
					ul{
						li{
							color: #fff;
							&:nth-child(1), &:nth-child(2){
								a{
									color: #fff;
									&:hover{
										text-decoration: underline;
									}
								}
							}
						}
					}
				}
				&:nth-child(4){
					ul{
						li{
							display: inline-block;
							margin-right: 3rem;
							&:last-child{
								margin-right: 0;
							}
							a{
								i{
									color: #fff;
									font-size: 2rem;
								}
								&:hover{
									i{
										color: #e6e645;
									}
								}
							}
						}
					}

				}
			}
		}
		.footer-title{
			font: 32px/1 $HL;
			color: #fefdfc;
		}
		.logo{
			background: #e6e6e6;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			box-shadow: 0px 0px 4px 0px rgba(23,23,23,0.27);
			width: 168px;
			height: 93px;
			text-align: center;
			@include br3{
				text-align: center;
				margin: 0 auto;
			}
			.phone{
				font: 15px/1 $HB;
				color: #1b2f44;
				margin-top: 10px;
				&:hover{
					text-decoration: none;
				}
			}
		}
	}
	.bottom{
		text-align: center;
		font-size: 12px;
		color: rgba(255,255,255,.2);
		padding: 3rem 0;
		border-top: 1px solid rgba(255,255,255,.1);
	}
}