footer {
	 background-color: #383838;
	 transition: all 0.3s ease;
	 padding: 36px 0 49px;
}
footer .footer-wrapper {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
footer .footer-wrapper > .info > .logo {
	 display: block;
	 width: 240px;
	 height: 54px;
	 background: url('../img/logo-white.png') no-repeat center center;
	 background-size: 100%;
	 margin-bottom: 20px;
}
footer .footer-wrapper > .info > p {
	 color: rgba(255, 255, 255, 0.8);
	 font-size: 14px;
	 line-height: 26px;
}
 footer .footer-wrapper > .info > p > span {
	 letter-spacing: 0.04em;
	 color: #ffa800;
}
 footer .footer-wrapper > .info > p > a {
	 font-size: 12px;
	 color: rgba(255, 255, 255, 0.8);
}
footer .footer-wrapper > .menu {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: flex-start;
	 max-width: 640px;
	 width: 100%;
	 margin: 0 10px;
}
footer .footer-wrapper > .menu > .menu-col {
	 flex-basis: 25%;
}
footer .footer-wrapper > .menu > .menu-col > a:not(:last-child) {
	 margin-bottom: 35px;
}
footer .footer-wrapper > .menu a {
	 display: block;
	 font-weight: 300;
	 font-size: 14px;
	 line-height: 16px;
	 color: rgba(255, 255, 255, 0.8);
}
footer .footer-wrapper > .menu a.white {
	 text-transform: uppercase;
	 color: #fff;
	 font-weight: 500;
}
footer .footer-wrapper > .contact > .item {
	 display: flex;
	 align-items: center;
}
footer .footer-wrapper > .contact > .item:not(:last-child) {
	 margin-bottom: 19px;
}
footer .footer-wrapper > .contact > .item > .icon {
	 width: 28px;
	 height: 28px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-shrink: 0;
	 background: #fff;
	 border: 1px solid #fff;
	 border-radius: 50%;
	 margin-right: 20px;
}
footer .footer-wrapper > .contact > .item > .text {
	 font-size: 14px;
	 line-height: 1;
	 letter-spacing: 0.04em;
	 color: #ffa800;
}
footer .footer-wrapper > .contact > .item > .text > span {
	 font-size: 12px;
	 line-height: 1.15;
	 color: #fff;
}
@media (max-width: 1200px) {
	footer .footer-wrapper {
		 flex-wrap: wrap;
		 max-width: 768px;
		 margin: 0 auto;
	}
	footer .footer-wrapper > .menu {
		 margin-top: 40px;
		 max-width: 100%;
		 order: 3;
	}
	footer .footer-wrapper > .contact {
		 order: 2;
	}
}
@media (max-width: 680px) {
	footer .footer-wrapper > .menu {
		 justify-content: space-between;
	}
	footer .footer-wrapper > .menu > .menu-col {
		 flex-basis: 50%;
		 margin-bottom: 30px;
	}
}
@media (max-width: 540px) {
	footer {
		 position: relative;
		 background-color: #fff;
		 z-index: 1;
		 padding-top: 20px;
	}
	footer::before {
		 position: absolute;
		 content: '';
		 width: 100%;
		 height: 200px;
		 background-color: #ffa800;
		 box-shadow: 0 2px 12px 0 rgba(255, 168, 0, 0.4);
		 top: 0;
		 left: 0;
		 z-index: -1;
	}
	footer .footer-wrapper {
		 align-items: center;
		 flex-direction: column;
		 flex-wrap: nowrap;
	}
	footer .footer-wrapper > .info > p {
		 color: #383838;
	}
	footer .footer-wrapper > .info > p > span {
		 color: #fff;
	}
	footer .footer-wrapper > .info > p > a {
		 color: #383838;
	}
	footer .footer-wrapper > .menu {
		 order: 2;
		 margin-top: 60px;
	}
	footer .footer-wrapper > .menu a {
		 color: #383838;
		 font-size: 14px;
	}
	footer .footer-wrapper > .menu a.white {
		 color: #ffa800;
	}
	footer .footer-wrapper > .menu > .menu-col {
		 flex-basis: 45%;
	}
	footer .footer-wrapper > .contact {
		 order: 3;
		 align-self: flex-start;
	}
	footer .footer-wrapper > .contact > .item > .icon {
		 width: 40px;
		 height: 40px;
		 border-color: #ffa800;
	}
	footer .footer-wrapper > .contact > .item > .icon > .icon-svg {
		 width: 20px;
		 height: 20px;
		 filter: invert(1) saturate(0);
	}
	footer .footer-wrapper > .contact > .item > .text {
		 color: #383838;
		 font-size: 18px;
	}
	footer .footer-wrapper > .contact > .item > .text > span {
		 color: #ffa800;
	}
}