.login {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 400;
  font-family: Rubik;
}
.login__banner {
  height: 90vh;
  max-height: 944px;
  padding: 40px 40px 20px;
  background: linear-gradient(180deg, rgba(0, 7, 30, 0.33) 8.47%, rgba(0, 7, 30, 0) 27.07%, rgba(0, 7, 30, 0) 76.17%, rgba(0, 7, 30, 0.66) 100%), url("../img/photo.jpg") center center/cover no-repeat;
}
.login__logo {
  border: 0;
}
.login__client {
  font-weight: 600;
  border-radius: 0.3rem;
  text-transform: uppercase;
  color: #FFF;
  background: #143CC8;
  padding: 0.5rem;
  display: inline-block;
}
.login__providers{
	padding:0 0 20px 0
}

.login__providers-wrapper {
	border:2px solid #143CC8;
	border-radius: 10px;
	padding:10px;
	text-align:center;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
	margin:1rem 0;
}

.login__providers-list {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	list-style-type:none;
	margin:0;
	padding:0;
}

.login__providers-item {
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	color:#143CC8;
	padding:0 10px;
}

.login__providers-item:not(:first-child):before {
	content:"|";
	position:absolute;
	left:-2px;
	font-size:1.5rem;
	font-weight:300;
}

.login__social {
	position:relative;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	text-decoration:none;
	font-size:14px;
	margin:0 10px;
}