.logo-brand
{
	width: 300px;
	background: url(../images/layout/logo.svg) no-repeat, #fff;
    background-position: 50% 50%;
    background-size: 150px;
	height: 65px;
	display: block;
}

.logo-footer
{
	width: 150px;
	background: url(../images/layout/logo-footer.png) no-repeat;
    background-position: 50% 50%;
    background-size: 150px;
	height: 50px;
	display: block;
	margin: 0px;
}

.container.login:before
{
	content: "";
	background: url(../images/layout/logo-footer.png) no-repeat;
	background-position: 50% 50%;
    background-size: 250px;
	width: 300px;
	height: 90px;
	display: block;
	margin: 50px auto 20px;
}

body.auth #app
{
	background: #f5f8fa;
	background-repeat: no-repeat;
	background-size: cover;
}

body:not(.auth) #app
{
	background: #315fa8;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
}

body:not(.auth) #app:after
{
	content: "";
	background: url(../images/layout/bg-form.webp), url(../images/layout/bg-form.jpg);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	mix-blend-mode: luminosity;
	z-index: -1;
}

label.paypal:before
{
	content: "";
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url(../images/layout/paypal-ico.svg) no-repeat;
	background-size: cover;
	position: absolute;
	left: -50px;
	top: -2px;
}

label.wire_transfer:before
{
	content: "";
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url(../images/layout/bank-ico.svg) no-repeat;
	background-size: cover;
	position: absolute;
	left: -50px;
	top: -2px;
}

label.bitcoin:before
{
	content: "";
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url(../images/layout/tether-ico.svg) no-repeat;
	background-size: cover;
	position: absolute;
	left: -50px;
	top: -2px;
}