@keyframes pump {
	0% { transform: translateY(0); }
	25% { transform: translateY(-5px); }
	75% { transform: translateY(5px); }
	100% { transform: translateY(0); }
}

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
.back-blk {
	min-height: 100%;
	margin:0;
	padding:0;
	background:#fff url('/back.jpg') no-repeat 100% center;
	background-size: 400px auto;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
}
* { box-sizing: border-box; }
.c1 {
	position: absolute;
	padding: 30px 130px 30px 100px;
	border: 2px solid #d7d7d7;
	border-radius: 3px;
	background-color: #f9f9f9;
	color: #000;
	text-align: left;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0, -50%);
	max-width: 90%;
	width: 700px;
	margin: auto;
}
.c2 {
	left:25px;
	width:60px;
	height:45px;
	background:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU0IiB2aWV3Qm94PSIwIDAgNzIgNTQiIHdpZHRoPSI3MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im00IDE2Ljk5OTloNjR2MzFjMCAxLjE0My0uODU3IDItMiAyaC02MGMtMS4xNDMgMC0yLS44NTctMi0yem0yLTEzaDYwYzEuMTQzIDAgMiAuODU3IDIgMnY3aC02NHYtN2MwLTEuMTQzLjg1Ny0yIDItMnoiIGZpbGw9IiNmZmYiLz48ZyBmaWxsPSIjYzJjMmMyIj48cGF0aCBkPSJtNCAxNi45OTk5aDY0djMxYzAgMS4xNDMtLjg1NyAyLTIgMmgtNjBjLTEuMTQzIDAtMi0uODU3LTItMnptMTkuNS0xMWMtMS4zODEgMC0yLjUgMS4xMi0yLjUgMi41IDAgMS4zODEgMS4xMTkgMi41IDIuNSAyLjVzMi41LTEuMTE5IDIuNS0yLjVjMC0xLjM4LTEuMTE5LTIuNS0yLjUtMi41em0tNyAwYy0xLjM4MSAwLTIuNSAxLjEyLTIuNSAyLjUgMCAxLjM4MSAxLjExOSAyLjUgMi41IDIuNXMyLjUtMS4xMTkgMi41LTIuNWMwLTEuMzgtMS4xMTktMi41LTIuNS0yLjV6bS03IDBjLTEuMzgxIDAtMi41IDEuMTItMi41IDIuNSAwIDEuMzgxIDEuMTE5IDIuNSAyLjUgMi41czIuNS0xLjExOSAyLjUtMi41YzAtMS4zOC0xLjExOS0yLjUtMi41LTIuNXptLTMuNS0yaDYwYzEuMTQzIDAgMiAuODU3IDIgMnY3aC02NHYtN2MwLTEuMTQzLjg1Ny0yIDItMnptMC00Yy0zLjI5IDAtNiAyLjcxMS02IDZ2NDJjMCAzLjI5IDIuNzEgNiA2IDZoNjBjMy4yODkgMCA2LTIuNzEgNi02di00MmMwLTMuMjg5LTIuNzExLTYtNi02eiIvPjxwYXRoIGQ9Im0yNC4yMjU4MzEgMjkuMjMwMTEyLTIuMDU0OTMzMSAyLjA2MDk2MDRjLS4xOTgwNTAyLjE5ODYxMDMtLjUyMjA5MzIuMTk4NjEwMy0uNzE5OTI3NyAwbC0zLjExNDIyMTQtMy4xMjI4MTE1djExLjE5NTUxOTJjMCAuMjgwODIzNy0uMjI4OTAxMi41MTA1ODg2LS41MDg5MzMuNTEwNTg4NmgtMi45MDY0NjI4Yy0uMjgwMjQ3NSAwLS41MDkzNjQ1LS4yMjk3NjQ5LS41MDkzNjQ1LS41MTA1ODg2di0xMS4xOTU1MTkybC0zLjExMzc4OTkgMy4xMjI4MTE1Yy0uMTk4MjY2LjE5ODYxMDMtLjUyMjMwOS4xOTg2MTAzLS43MjAxNDM1IDBsLTIuMDU1MTQ4NzUtMi4wNjA5NjA0Yy0uMTk4MDUwMjQtLjE5ODYxMDMtLjE5ODA1MDI0LS41MjM1Njk2IDAtLjcyMTk2MzVsNy40NjUyODU5NS03LjQ4NjYxMjdjLjEwNTkyODgtLjEwNjAxMjEuMjQ3MDIzNC0uMTUzNjA5My4zODYxNzY0LS4xNDY0Njk3LjEzOTE1MjktLjAwNzEzOTYuMjgwNDYzMy4wNDA0NTc2LjM4NjE3NjQuMTQ2NDY5N2w3LjQ2NTI4NTkgNy40ODYzOTYzYy4xOTgwNTAyLjE5ODYxMDMuMTk4MDUwMi41MjM1Njk2IDAgLjcyMjE3OTkiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxMDY3OCAtLjcwNzEwNjc4IC43MDcxMDY3OCAuNzA3MTA2NzggLTE2LjY4MTk4MSAyMC40NzQ4NzQpIi8+PC9nPjwvZz48L3N2Zz4=) 50%/100% 100%;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.c2-title {
	margin-bottom:5px;
	font-size:24px;
	font-weight:700;
}
.c2-text { color:#676767; }
.c2-text span { font-weight:700; }
.c3 {
	right:20px;
	width:81px;
	height:90px;
	background:url('/re_captcha.png') 50%/100% 100%;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

@media (max-width:520px) {
	.back-blk {
		background-position: center 280px;
		background-size: contain;
	}
	.c1 {
		padding: 140px 20px 20px!important;
		text-align: center!important;
		-webkit-transform: none;
		transform: none;
		top: 3%;
	}
	.c2 {
		display: none!important;
	}
	.c3 {
		top: 72px!important;
		left: 38%!important;
	}
}

.layout {
	display: block;
	background: rgba(0, 0, 0, .1);
	color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1100;
}

.layout__arrow {
	display: block;
	background: url('/arrow.png') no-repeat 0 0;
	height: 135px;
	width: 114px;
	margin: 0 auto 50px;
	animation: pump .75s ease-out 0s infinite;
}

.layout__text {
	display: block;
	font-family: sans-serif;
	font-size: 24px;
	text-align: center;
	position: absolute;
	top: 165px;
	left: 165px;
	max-width: 350px;
	transform: translateX(-50%);
}

.Chrome {
	top: 160px;
    left: 320px;
}

.Firefox {
	top: 140px;
	left: 460px;
}

.Opera {
	top: 160px;
	left: 320px;
}

.Yandex {
    top: 220px;
    left: auto;
    right: 200px;
}

.Edge {
	top: 160px;
    left: auto;
    right: 260px;
}

html[lang="ru"] .Chrome,
html[lang="es"] .Chrome,
html[lang="fr"] .Chrome,
html[lang="de"] .Chrome {
	left: 246px;
}

@media (max-width: 767px) {
	.layout__arrow {
		display: none;
	}
}