.back-drop {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.15);
	z-index: 4;
}
.login-popup {
	display: none;
	padding: 31px 48px 50px 48px;
	width: 512px;
	height: 512px;
	top: 50%;
	margin-top: -256px;
	left: 50%;
	margin-left: -256px;
	position: fixed;
	z-index: 5;
	background: #fff;
	box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.15);
}
.login-close {position: absolute; right: 14px; top: 14px; width: 16px; cursor: pointer;}
.login-headline {
	font-size: 20px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 32px;
}
.login-field {
	margin-top: 16px;
}
.login-popup input {
	width: 100%;
	height: 48px;
	font-size: 14px;
	border: 1px solid #b4b4b4;
	padding-left: 16px;
	margin-top: 7px;
}
.login-popup input[type="button"] {
	border: transparent;
	background-color: #333;
	text-transform: uppercase;
	letter-spacing: 1.8px;
	color: white;
	margin-top: 24px;
	margin-bottom: 24px;
	padding-left: 0px;
	cursor: pointer;
}
.password-label {display: flex; justify-content: space-between;}
.password-label a {text-decoration: underline;}
.login-submit {
	letter-spacing: 1.8px;
	text-transform: uppercase;
}
.login__soc-nets {text-align: center;}
.soc-nets__pics {
	margin-top: 9px;  
	display: flex;
	justify-content: center;
}
.soc-nets__pics a {
	width: 27px;
	height: 27px;
	cursor: pointer;
	margin-right: 8px;
}
.soc-nets__pics a:last-child {margin-right: 0;}
.login__facebook {background: url(../images/login-facebook.svg) 50% 50% no-repeat;}
.login__google {background: url(../images/login-google.svg) 50% 50% no-repeat;}
.login__vk {background: url(../images/login-vk.svg) 50% 50% no-repeat;}
.login__Rndex {background: url(../images/login-Rndex.svg) 50% 50% no-repeat;}
.login__ok {background: url(../images/login-ok.svg) 50% 50% no-repeat;}

.login__sign-up {text-align: center;}
.login__sign-up a {text-decoration: underline;}



/*----------------------------------MEDIA------------------------------*/


@media (max-width: 550px) {
	.back-drop {display: none;}
	.login-popup {width: auto; height: auto; top: 0; right: 0; left: 0; bottom: 0; margin: 0; padding-top: 25px;}
	.login-close {top: 25px; right: 18px;}
	.login-headline {text-align: left; font-size: 14px;}
	.login-popup label {font-size: 13px;}
	.login-popup input {height: 35px;}
	.login-popup input[type="submit"] {height: 48px;}
}

@media (max-width: 430px) {
	.login-popup {padding-left: 15px; padding-right: 15px;}
}