html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  color: #66615b;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  background-color: #f9fafc;
  margin: 0;}

html,
body {
  height: 100%;
  overflow: hidden; }
  
.app {
  display: flex;
  flex-flow: column;
  height: 100%;
  overflow: hidden; }
  .app__main {
	flex: 1;
	display: flex;
	overflow: auto; }
	@media all and (min-width: 1200px) {
	  .app__main {
		margin-right: -10px; }
		.app__main::-webkit-scrollbar {
		  width: 10px; }
		.app__main::-webkit-scrollbar-track {
		  background: rgba(0, 0, 0, 0); }
		.app__main::-webkit-scrollbar-thumb {
		  background: rgba(0, 0, 0, 0); }
		.app__main:hover::-webkit-scrollbar-track {
		  background: rgba(0, 0, 0, 0.05); }
		.app__main:hover::-webkit-scrollbar-thumb {
		  background: rgba(0, 0, 0, 0.2); } }
.page {
  flex: 1;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  min-height: 100%; }
  .page--wrapper {
	display: block !important;
	width: 100%; }
	.page--wrapper .bz-scrollbar__content--wrapper {
	  display: flex;
	  flex-direction: column; }
	@media only screen and (min-width: 768px) {
	  .page--wrapper {
		display: flex; } }
  @media only screen and (min-width: 768px) {
	.page {
	  display: flex;
	  overflow: hidden;
	  min-height: 100%; } }
  .page .preheader .container {
	max-width: 1200px; }
  .page__container {
	display: grid;
	grid-template-rows: auto auto;
	min-height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column; }
	@media only screen and (min-width: 768px) {
	  .page__container {
		flex: 1;
		grid-template-rows: auto 97px; } }
  .page__substrate-mobile {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: auto;
	min-width: 100%; }
	@media only screen and (min-width: 768px) {
	  .page__substrate-mobile {
		display: none; } }
  .page__substrate-desktop {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0.7; }
	@media only screen and (min-width: 768px) {
	  .page__substrate-desktop {
		display: block; } }
  .page h1,
  .page h2,
  .page h3 {
	font-family: inherit; }
  .page a {
	font-family: inherit; }
	.page a:focus {
	  outline: none; }

.page-content {
  /*overflow: auto;*/
  display: flex;
  align-items: center;
  justify-self: center;
  flex-grow: 1; }
  .page-content__container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	z-index: 0;
	display: grid;
	padding: 25px 25px;
	/*grid-template-columns: minmax(270px, 430px);*/
	justify-content: center; }
	.page-content__container.page-content_one_block {
	  /*grid-template-columns: minmax(280px, 430px);*/
	  grid-column-gap: 0;
	  grid-row-gap: 0; }
	@media only screen and (min-width: 768px) {
	  .page-content__container {
		height: 100%;
		/*grid-template-columns: minmax(280px, 430px);*/
		align-items: center;
		justify-content: center; } }
	@media only screen and (min-width: 992px) {
	  .page-content__container {
		margin: 0 auto;
		padding-top: 25px;
		padding-bottom: 25px; } }
  .page-content__alert {
	background: #cef2db;
	padding: 25px 60px;
	font-size: 14px;
	color: #15bf51;
	margin-bottom: 10px;
	border-radius: 4px; }
	.page-content__alert.error {
	  background: #feedc2;
	  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.15);
	  line-height: 1.3;
	  color: #f3af37; }

.page-footer {
  position: relative;
  z-index: 1; }
  @media only screen and (min-width: 992px) {
	.page-footer__wrapper {
	  height: 100%;
	  max-width: 1200px;
	  margin: 0 auto;
	  padding: 0 25px; } }
  .page-footer__container {
	display: flex;
	align-items: center;
	flex-direction: column;
	border-top: 1px solid rgba(252, 252, 252, 0.2); }
	@media only screen and (min-width: 768px) {
	  .page-footer__container {
		flex-direction: row;
		width: 100%;
		justify-content: space-between; } }
	@media only screen and (min-width: 768px) {
	  .page-footer__container .page-footer-link {
		margin: 0 auto; } }
		
/*
  * Лого в футере
  */
.page-footer-logo {
  grid-area: logo;
  display: block;
  padding: 25px; }
  @media only screen and (min-width: 768px) {
	.page-footer-logo {
	  min-width: 260px; } }
  @media only screen and (min-width: 992px) {
	.page-footer-logo {
	  padding-left: 0; } }
	  
/*
  * Центральный текст в футере
  */
.page-footer-note {
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 19px; }
  
/*
  * Ссылки в футере
  */
.page-footer-link {
  padding: 0 25px; }
  @media only screen and (min-width: 768px) {
	.page-footer-link {
	  padding: 25px 0;
	  margin-left: auto;
	  margin: auto;
	  border-bottom: none; } }
  @media only screen and (min-width: 992px) {
	.page-footer-link {
	  padding-left: 0; } }
  .page-footer-link:nth-of-type(2) {
	grid-area: link-1; }
  .page-footer-link:nth-of-type(3) {
	grid-area: link-2; }
  .page-footer-link:nth-of-type(4) {
	grid-area: link-3; }
  .page-footer-link__title {
	opacity: 0.5;
	font-size: 10px;
	color: #fff;
	font-weight: 400; }
  .page-footer-link__link {
	font-size: 21px;
	font-weight: 700;
	color: #fff;
	line-height: 1; }
	.page-footer-link__link:hover {
	  opacity: 0.8;
	  color: #fff; }

/*
  * Лого LDP
  */
.page-logo-ldp {
  grid-area: logo-ldp;
  display: block;
  padding: 25px;
  text-decoration: none; }
  @media only screen and (min-width: 576px) {
	.page-logo-ldp {
	  border-top: none;
	  min-width: 260px; } }
  @media only screen and (min-width: 768px) {
	.page-logo-ldp {
	  justify-self: end; } }
  @media only screen and (min-width: 992px) {
	.page-logo-ldp {
	  padding-left: 0;
	  padding-right: 0; } }
  .page-logo-ldp__container {
	display: flex; }
  .page-logo-ldp__image {
	margin-right: 13px; }
  .page-logo-ldp__text {
	opacity: 0.5;
	margin-bottom: 5px;
	font-size: 10px;
	color: #fff;
	font-weight: 400; }
			
.msg-text {
	text-align: center; 
	font-size: 35px;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	.msg-text {
		font-size: 30px; }}

.msg-note {
	width: 100%; 
	float: left; 
	color: #555; 
	text-align: center; 
	font-size: 20px;
}

@media only screen and (max-width: 768px) {
	.msg-note {
		font-size: 18px; }}