html.show-login-form,
.show-login-form body {
	overflow:hidden;
}
.login-logout [class*=fa-]:before,
.login-register [class*=fa-]:before {
	display:inline-block;
	margin-right:10px;
	font:normal normal normal 14px/1 FontAwesome;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-transform:translate(0, 0);
		-ms-transform:translate(0, 0);
			transform:translate(0, 0);
}

.login-register--mobile {
	position:relative;
	border-bottom:1px solid rgba(0,0,0,.1);
}

.block-onduline-evolutions-header {
	display:inline-block;
	vertical-align:top;
}
.block-onduline-evolutions-header .social-links { display:none; }

.toggle-login-register,
.block-onduline-evolutions-header .logout {
	float:right;
	border:none; padding:4px 20px; margin:0;
	background:none; color:#da323a;
	font-size:12px; line-height:2;
	outline: none;
}
.block-onduline-evolutions-header .logout {
	padding:4px 10px;
}
.block-onduline-evolutions-header .logout span{ color: #666666; }
.toggle-login-register.open {
	background:#da323a; color:white;
}

.site-header .navbar { border-top:none; }

.login-wrapper {
	position:absolute; top:100%; right:0; z-index:8;
	border:1px solid lightgrey;
	border-radius:4px;
	width:100%; height:100vh;
	background-color:white;
	font-size:14px;

	-webkit-transform:translateX(100%);
		-ms-transform:translateX(100%);
			transform:translateX(100%);
	-webkit-transition:-webkit-transform .4s ease-in-out;
			transition:transform .4s ease-in-out;
}
.show-login-form .login-wrapper {
	-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
			transform:translateX(0);
}
.login-form {
	padding:20px 0;
	background:#fff;
}
.login-form label,
.login-form .form-text {
	display:block;
	width:100%;
	color:#666;
}
.login-form label { font-size:18px; }
.login-form .form-text {
	padding:6px; margin-bottom:10px; border:1px solid #e9eaeb;
	border-radius:3px;
	box-shadow:inset -1px 1px 3px rgba(0,0,0,.1);
	font-size:14px; line-height:1;
}
.login-form .item-list ul {
	list-style:none;
	padding:0 0 25px;
	font-size:12px;
}
.login-form .item-list a {
	color:#666;
	font-style:italic;
	text-decoration:underline;
}
.login-form .form-submit {
	display:block;
	padding:10px;
	border:0;
	width:100%;
	background:#dc2f34; color:white;
	font-size:16px;
}
.login-wrapper .register {
	display:block;
	clear:both;
	padding:15px 10px;
	background:#f2f2f2; color:#da323a;
	font-weight:700; font-size:16px;
	text-align:center;
}

.region-top .block-onduline-evolutions-header { display:none; }

.additional-links{
	position: absolute; top: 10px;right: 15px;
	font-size: 13px; font-weight: bold;
}

.additional-links a {
	color: #666666;
}


@media screen and (min-width:960px) {
	html.show-login-form,
	.show-login-form body {
		overflow:auto;
	}
	.block-onduline-evolutions-header .social-links {
		display:inline-block;
		margin:0;
	}
	.region-top .block-onduline-evolutions-header { display:inline-block; }
	.block-onduline-evolutions-header .social-links li:before { display:none; }
	.header-alt-nav .region-top .block-onduline-countrylist .country-menu { min-width:0; }
	.header-alt-nav .customer-type { border:none; }
	.toggle-login-register {padding:3px 10px;}
	.toggle-login-register.open {
		position:relative;
		margin-left:-1px;
		padding-left:11px;
	}

	.block-onduline-evolutions-header .social-links,
	.header-alt-nav .customer-type,
	.block-onduline-countrylist { position:relative; }

	.block-onduline-evolutions-header .social-links:after,
	.header-alt-nav .customer-type:after,
	.block-onduline-countrylist:after {
		position:absolute; right:0; top:6px;
		display:block;
		height:18px; width:1px;
		background:#b4b8bd;
		content:'';
	}
	.region-top .block:last-child:after{
		content: normal;
	}

	.region-expandable .block-onduline-countrylist:after { display:none; }

	.login-wrapper {
		padding:20px 0 0; margin-top:20px;
		width:292px; height:auto;
		text-align:left;
		box-shadow:-2px 2px 5px rgba(0,0,0,.1);

		-webkit-transform:translateX(100vw);
			-ms-transform:translateX(100vw);
				transform:translateX(100vw);
	}

	.login-wrapper:before {
		position:absolute; bottom:100%; left:75%;
		display:block;
		height:14px; width:28px;
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOlJREFUeNq81LEOgjAQBuCCxMQOjZsOvpcPwcrArMb4Xi7qIgNMDBAYGAghjITQ89owGKO2YOOfXJpS0u9uqQUA5J9xdH+0MGLBsodVhIuCEV3bI7CZ53nLOI5PeZ7fsyw7B0Gwxe9zPLa1RxTNfathGsf3/VWappe6rqHrOmjbFsqyhCiKdni+EA2p7pL36WA42VpgTdPAc/q+l2gYhntddDI2Ff0Jm4KqsKsKG4sawd6gh0+oMUwXNYrpoMYxFSpCXdfdJElyM4W9ovgiHdFhAraKopAspZQwxow/1pxzUlUVQVzuHwIMAPgTZxJXYSAFAAAAAElFTkSuQmCC);
		background-repeat:no-repeat;
		content:'';
	}

	.login-wrapper .login-form { padding:0 20px 20px; }

	.login-form label {
		color:black;
		font-size:14px;
	}
	.onduline-evolutions .site-header .navbar-nav{
		margin-top: 30px;
	}
	#block-search-form{
		top: 10px;
	}
	.onduline-evolutions #search-block-form{
		right: 15px;
	}

	.onduline-evolutions #block-search-form input.form-submit{
		border: none;
	}
	.onduline-evolutions .separator{
		margin: 0 5px;
	}

	.onduline-evolutions .brand-logo{
		padding-top: 25px;
	}
	.onduline-evolutions .site-header .navbar-nav > li > a, body .site-header .navbar-nav > li > span.nolink{
		font-size: 15px;
	}

	.onduline-evolutions .navbar-nav{
		float: right;
	}

	.onduline-evolutions .main_menu ul > li a{
		margin-right: 5px;
	}

	.onduline-evolutions .main_menu ul > li:last-child a{
		margin-right: 0;
	}
}