@font-face {
	font-family: "ISOCPEUR";
	src: url(./../Шрифт/isocpeur.eot);
	src:
		url(./../Шрифт/isocpeur.ie.eot) format("embedded-opentype"),
		url(./../Шрифт/isocpeur.woff2) format("woff2"),
		url(./../Шрифт/isocpeur.woff) format("woff"),
		url(./../Шрифт/isocpeur.ttf) format("truetype"),
		url(./../Шрифт/isocpeur.svg) format("svg");
}

html, body {
	width: 100%;
	background-color: white;
}

* {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

body {
	height: 100vh;
	/*overflow: scroll;*/
	margin: 0;

	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */

	font-family: 'ISOCPEUR', sans-serif;
	font-size: 0.5in;

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;

	background-color: #cccccc;
	background-image: url(./../Картон.jpg);
}
body.Мобила  {
	font-size: 0.4in;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #e9586480;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #e9586480;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #e9586480;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #e9586480;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #e9586480;
}

::placeholder { /* Most modern browsers support this now. */
   color: #e9586480;
}

#Заголовок {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	font-size: 0.6in;
	padding: 0.1in;
	background-color: rgba(255,255,255,0.2);
}
#Заголовок>div {
	padding-left: 0.1in;
	padding-top: 0in;
	opacity: 0.9;
}
.Мобила #Заголовок {
	font-size: 0.4in;
	padding: 0.05in;
}
.Мобила #Заголовок>div {
	padding-left: 0.1in;
	padding-top: 0.1in;
}

#Логотип {
	width: 0.8in;
	height: 0.8in;
	transition: all 0.5s ease-out 0s;
}
.Мобила #Логотип {
	width: 0.5in;
	height: 0.5in;
}

#Слоган {
	position: fixed;
	left: 0.45in;
	top: 1in;
	font-size: 0.25in;
	opacity: 0.9;
}
.Мобила #Слоган {
	left: 0.4in;
	top: 0.65in;
	font-size: 0.15in;
}

#ПоЦентру {
	position: fixed;
	display: flex;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	margin: auto;
	align-items: center;
	justify-content: center;
}

#ПоЦентру > div {
	display: flex;
	width: 100vw;
	max-width: 8in;
	align-items: center;
	justify-content: flex-start;
}
.Мобила #ПоЦентру > div {
	max-width: 4in;
}

#Форма {
	position: static;
}

#Форма > div {
	position: relative;
}

#ФонФормы {
	width: 100vw;
	max-width: 6in;
}
.Мобила #ФонФормы {
	max-width: 3in;
}

#Смарти {
	position: absolute;
	right: -40%;
	bottom: 0;
	background-image: url(./../Смарти.png);
	width: 60%; /*135%;*/
	height: 60%; /*135%;*/
	z-index: -1;
}

#ПолеВвода1,
#ПолеВвода2,
#Кнопка {
	position: absolute;
	left: 10%;
	width: 80%;
	font-size: 0.3in;
}
.Мобила #ПолеВвода1,
.Мобила #ПолеВвода2,
.Мобила #Кнопка {
	font-size: 0.2in;
}

#ПолеВвода1 {
	top: 10%;
	height: 30%;
}
#ПолеВвода2 {
	top: 35%;
	height: 30%;
}

#ПолеВвода1 > input,
#ПолеВвода2 > input {
	position: absolute;
	left: 0;
	top: 30%;
	height: 40%;
	width: 100%;
	border: 0;
	background: transparent;
	font-family: 'ISOCPEUR', sans-serif;
	font-size: 0.4in;
	text-align: center;
}
.Мобила #ПолеВвода1 > input,
.Мобила #ПолеВвода2 > input {
	font-size: 0.2in !important;
}
#ПолеВвода1 > input:focus,
#ПолеВвода2 > input:focus {
	border: 0;
	outline: none;
}

#Кнопка {
	top: 65%;
	height: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#Кнопка > input {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border: 0;
	background: transparent;
	font-family: 'ISOCPEUR', sans-serif;
	font-size: 0.35in;
	text-align: center;	
	cursor: pointer;
}
.Мобила #Кнопка > input {
	font-size: 0.22in;
	padding-top: 0.05in;
}

input:invalid {
	color: #800000;
}