.wrapper.login-sales-flow .container #loginContainer .branding h1,
.wrapper.login-sales-flow .bg.active,
.wrapper.login-sales-flow .promo,
.wrapper .container h3.login-form--title,
.wrapper .container #loginContainer .contentContainer h3.login-form--title,
.wrapper #loginContainer h2.container--fullwidth--sales-flow--title,
.wrapper .container #loginContainer .navigation--back {
	display: none;
}

body div.wrapper.login-sales-flow {
	display: flex;
	flex-direction: row;
}

.wrapper.login-sales-flow .container {
	margin: 0;
	color: #8C8D8E;
	max-width: 100%;
	align-self: flex-start;
}

.wrapper.login-sales-flow .container #loginContainer {
	width: 99vw;
}

.wrapper.login-sales-flow .container .start {
	position: relative;
	left: 0px;
}

.wrapper.login-sales-flow .container #loginContainer .options {
    visibility: hidden;
}

.wrapper.login-sales-flow .container #loginContainer .branding {
	margin-top: 0;
	margin-bottom: 1rem;
}

.wrapper.login-sales-flow .container #loginContainer .navigation--back {
	font-family: 'bloomSpeakBodyRegular';
	width: calc( 100% + 4rem );
    height: 5.9rem;
    background-color: rgba(242,242,242,0.4);
    margin: 0 -2rem;
    padding: 2rem;
    color: #575756;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	border: none;
	outline: none;
	text-decoration: none;
}
.wrapper.login-sales-flow .container #loginContainer .navigation--back:active {
	color: #00807B;
}

.wrapper.login-sales-flow .container #loginContainer .navigation--back .icon-arrow-back {
    background: url(../img/chevron-left.svg);
	background-repeat: no-repeat;
	background-size: 1.6rem 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
}

.wrapper.login-sales-flow .container #loginContainer .navigation--back .navigation--back--text {
	padding-left: .8rem;
}

.container #loginContainer .inputActions .nologin {
	text-align: center;
}

.wrapper.login-sales-flow #loginContainer .branding #logo {
	height: 4.2rem;
	width: 4.2rem;
	background-size: 4.2rem 4.2rem;
}

@media only screen and (max-width: 719px) {
	.container #loginContainer {
		width: 300px !important;
	}
}

@media only screen and (min-width: 720px) {
	.wrapper.login-sales-flow .container #loginContainer {
		position: relative;
		left: 0px;
		width: 99vw;
		margin: 0 auto;
		max-width: 113.2rem;
		box-shadow: none;
		background-color: transparent;
		padding: 0 1rem;
	}

	.wrapper.login-sales-flow .container #loginContainer .contentContainer{
		font-family: 'bloomSpeakBodyRegular';
		position: relative;
		left: 0;
		border-radius: .8rem;
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
		width: 320px;
		margin: 0 auto;
		box-sizing: border-box;
		background: #ffffff;
		padding: 10px 20px 20px;
		min-height: 432px;
		-webkit-transition: all 600ms ease-in-out;
		transition: all 600ms ease-in-out;
	}

	.wrapper.login-sales-flow .container #loginContainer .navigation--back {
		position:absolute;
		top: 2rem;
		left: -5.6rem;
		border-radius: 50%;
		width: 3.2rem;
		height: 3.2rem;
		margin: 0;
		padding: 0;
		justify-content: center;
		background-color: #ffffff;
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
	}

	
	.wrapper.login-sales-flow .container #loginContainer .navigation--back .navigation--back--text {
		display:none;
	}

	.wrapper.login-sales-flow h2.container--fullwidth--sales-flow--title {
		text-align: center;
		display: block;
	}

	.wrapper.login-sales-flow #loginContainer h2.container--fullwidth--sales-flow--title {
		font-family: 'bloomSpeakBodyHeavy';
		color: #575756;
		font-size: 3.2rem;
		line-height: 3.8rem;
		text-transform: none;
		display: block;
		margin-bottom: 3.2rem;
	}

	.wrapper.login-sales-flow h2.container--fullwidth--sales-flow--title{
		display: block;
	}

	.wrapper.login-sales-flow .container #loginContainer .options {
		top: 12px;
	}

	.wrapper.login-sales-flow .container #loginContainer .branding {
		margin-top: 2.4rem;
		margin-bottom: 2.4rem;
	}

	.wrapper.login-sales-flow #loginContainer .branding #logo {
		height: 5.6rem;
		width: 5.6rem;
		background-size: 5.2rem 5.2rem;
	}
}

.wrapper.login-sales-flow .container #loginContainer .contentContainer h3.login-form--title {
	display: block;
	font-family: 'bloomSpeakBodyHeavy';
	color: #575756;
	font-size: 1.9rem;
	line-height: 2.4rem;
	text-transform: none;
	padding: 1.6rem 0 .8rem;
	text-align: center;
}

.wrapper.login-sales-flow .container #loginContainer .inputContainer .inputField label {
	font-family: 'bloomSpeakBodyRegular';
	font-size: 1.4rem;
	text-transform: uppercase;
	color: #8C8D8E;
}

.wrapper.login-sales-flow .container #loginContainer .inputContainer .inputField input {
	border: 0;
	border-bottom: 1px solid #8C8D8E;
	border-radius: 0;
	background-color: #ffffff;
}

.wrapper.login-sales-flow .container #loginContainer .inputContainer .inputField input[selected] {
	background: #ffffff;
	border-bottom: 1px solid #00807B;
}

.wrapper.login-sales-flow .container #loginContainer .inputContainer .inputField input:focus {
	outline: none;
	border: none;
	border-bottom: 1px solid #00807B;
	box-shadow: none;
}

.wrapper.login-sales-flow .container #loginContainer .inputContainer .inputField .forgot a,
.container #loginContainer .inputActions .nologin a {
	font-family: 'bloomSpeakBodyRegular';
	font-size: 1.2rem;
	color: #00807B;
}

.wrapper.login-sales-flow .container #loginContainer .inputActions .login_btn input[type="submit"] {
	font-family: 'bloomSpeakBodyRegular';
}

.wrapper.login-sales-flow .container .copyright,
.wrapper.login-sales-flow .container .copyright>* {
	padding-left: 0;
	color: #8C8D8E;
	font-family: 'bloomSpeakBodyRegular';
	font-size: 1.2rem;
	margin: 1rem auto;
}

.wrapper.login-sales-flow .Button--logo.button--logo-itsme:before,
.wrapper.login-sales-flow .Button--logo.button--logo-facebook:before,
.wrapper.login-sales-flow .Button--logo.button--logo-google:before {
	background-size: 24px;
}

.wrapper.login-sales-flow .Button--logo {
	height: 4.4rem;
}

.wrapper.login-sales-flow .Button--logo span {
	display: inline-block;
    margin: 14px auto;
    text-align: center;
    width: 100%;
}

.wrapper.login-sales-flow .Button--logo:before {
	position: absolute;
	left: 11px;
	top: 9px;
	width: 24px;
	height: 24px;
}


/* Background Shape Circle */

.background-shape {
	display: none;
}

@media only screen and (min-width: 720px) {

	.wrapper.login-sales-flow .background-shape {
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;

	}

	.wrapper.login-sales-flow .background-shape__circle {
		height: 100%;
		overflow: overlay;
    	position: fixed;
		width: 100%;
		z-index: 0;
	}

	.wrapper.login-sales-flow .background-grey-light-20procent {
		background: rgb(255,255,255);
		background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(242,242,242,1) 80%);
		height: 100%;
	}

	.wrapper.login-sales-flow .background-shape__circle.background-grey-light-20procent:before {
		background-color: rgba(255,255,255,1);
		position: fixed;
	}

	.wrapper.login-sales-flow .background-shape__circle:before {
		content: " ";
		border-radius: 50%;
		height: 600rem;
		left: -300rem;
		width: 600rem;
		margin-left: 50%;
		position: absolute;
		z-index: -1;
	}

	.wrapper.login-sales-flow .background-shape__circle--bottom:before {
		bottom: -580rem; 
		position: fixed;
	}
}

*, :after, :before {
    box-sizing: inherit;
}