.footer {
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 5;
	 height: 0;
	 display: none;
}

 [data-page=main] .footer__main {
	 display: block;
}
 @media (max-width: 767px) {
	 [data-page=main] .footer__main {
		 display: none;
	}
}
 .footer__inner {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 height: 100%;
}
 [data-page=main] .footer__inner {
	 display: none;
}
 @media (max-width: 767px) {
	 [data-page=main] .footer__inner {
		 display: flex;
	}
}
 @media (max-width: 1023px) {
	 .footer__inner {
		 flex-direction: column;
		 margin: 0 auto;
		 max-width: 80%;
		 background-color: #fff;
	}
}
 .footer__info {
	 position: absolute;
	 left: 0.8235294118vh;
	 bottom: 1.5294117647vh;
	 padding: 1.1764705882vh;
	 padding-top: 3.5294117647vh;
	 width: 4.4705882353vh;
	 height: 6.8235294118vh;
}
 .footer__info svg {
	 display: block;
	 width: 2.3529411765vh;
	 height: 2.3529411765vh;
	 transition: opacity 0.3s, visibility 0.3s;
}
 .footer__info:focus .footer__hidden, .footer__info:hover .footer__hidden {
	 opacity: 1;
	 visibility: visible;
}
 .footer__info:focus svg, .footer__info:hover svg {
	 opacity: 0;
	 visibility: hidden;
}
 .footer__hidden {
	 position: absolute;
	 left: 1.7647058824vh;
	 bottom: 0;
	 width: 70.5882352941vh;
	 font-family: "Roboto", sans-serif;
	 font-weight: 400;
	 font-size: 1.5294117647vh;
	 line-height: 2.2352941176vh;
	 text-shadow: 0 0.2352941176vh 2.7058823529vh #000;
	 color: #fff;
	 opacity: 0;
	 visibility: hidden;
	 transition: opacity 0.3s, visibility 0.3s;
}
 .footer__hidden:focus, .footer__hidden:hover {
	 opacity: 1;
	 visibility: visible;
}
 .footer__social {
	 position: absolute;
	 right: 1.6470588235vh;
	 bottom: 1.6470588235vh;
}
 .footer__text {
	 width: 39.9305555556vw;
	 font-family: "Roboto", sans-serif;
	 font-weight: 300;
	 font-size: 0.9027777778vw;
	 line-height: 1.3194444444vw;
	 color: #000;
	 display: none;
}
 @media (max-width: 1023px) {
	 .footer__text {
		 width: auto;
		 font-weight: 400;
		 font-size: 2.2666666667vmin;
		 line-height: 3.2vmin;
		 text-align: center;
	}
}
 @media (max-width: 767px) {
	 .footer__text {
		 font-size: 4.5333333333vmin;
		 line-height: 6.4vmin;
	}
}
 .footer__copy {
	 font-family: "Roboto", sans-serif;
	 font-weight: 300;
	 font-size: 0.9027777778vw;
	 line-height: 1.3194444444vw;
	 color: #000;
}
 @media (max-width: 1023px) {
	 .footer__copy {
		 margin-top: 3.4666666667vmin;
		 font-weight: 700;
		 font-size: 2.2666666667vmin;
		 line-height: 3.2vmin;
		 text-align: center;
	}
}
 @media (max-width: 767px) {
	 .footer__copy {
		 margin-top: 6.9333333333vmin;
		 font-size: 4.5333333333vmin;
		 line-height: 6.4vmin;
	}
}
 [data-page=article] .footer {
	 border-top: 1px dashed rgba(0, 0, 0, 0.27);
	 padding-right: 2.7777777778vw;
	 padding-left: 2.6388888889vw;
	 height: 8.5416666667vw;
}
 @media (max-width: 1023px) {
	 [data-page=article] .footer {
		 border-top: 0;
		 padding: 4vmin 0 5.3333333333vmin;
		 height: auto;
	}
}
 @media (max-width: 767px) {
	 [data-page=article] .footer {
		 padding: 8vmin 0 10.6666666667vmin;
	}
}
 @media (max-width: 1023px) {
	 .footer {
		 position: relative;
	}
}
 @media (max-width: 767px) {
	 .footer {
		 position: relative;
		 border-top: 1px dashed #979797;
		 padding: 8vmin 0 10.6666666667vmin;
		 height: auto;
		 background-color: #fff;
	}
}