.login-wrapper {
	position: relative;
	padding: 110px 20px 80px;
	background-color: #f4f1ed;
}
.login-wrapper:before {
	position: absolute;
    display: block;
	content: '';
	top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(b85adccd_login.jpg) no-repeat center;
	background-size: cover;
}
.fp-center {
	position: relative;
	margin: 0 auto 10px;
	background: #fff;
	padding: 30px 50px 50px 50px;
	box-sizing: border-box;
	max-width: 555px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06);
	z-index: 3;
	border-radius: 15px;
}
#login-form {
	max-width: 320px;
	margin: 0 auto;
}
.button-big {
	margin: 0 auto;
	padding: 0 30px !important;
	width: unset !important;
}
.fp-center:first-child {
	padding-bottom: 20px;
}
.fp-center .v2-button-white {
	max-width: 320px;
	display: block;
	margin: 0 auto;
}
.fp-center h1 {
	margin-bottom: 20px;
    font-size: 40px;
    line-height: 46px;
    color: #2f2f2f;
}
.fp-center p {
	display: block;
	margin-bottom: 20px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #636363;
    font-family: 'gibsonlight';
}
.fp-center p a {
	color: #719500;
	font-family: 'gibsonsemibold';
}
.link-wrapper {
	text-align: center;
	padding-top: 10px;
}
.link-wrapper a {
	display: inline-block;
}
.v2-facebook-button, .v2-google-button {
	display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 320px;
    margin: 0 auto 10px;
    height: 55px;
    line-height: 55px;
    background: #3b5998;
    border-radius: 4px;
    font-size: 18px;
    font-family: 'gibsonregular';
    color: #fff;
}
.v2-google-button {
    background: #4285f4;
}
.or {
	display: table;
    margin: 20px auto 20px;
    color: #636363;
    font-size: 18px;
    line-height: 18px;
}
.login-tomato {
	display: none;
	margin: 0 auto;
	width: 119px;
	height: 128px;
	background: url(../../images/v2/login-tomato.png) no-repeat left center;
	background-size: cover;
}
.forgot-password-tomato {
	display: block;
	margin: 0 auto;
	width: 423px;
	height: 186px;
	margin-top: 20px;
	background: url(../../images/v2/forgot-password-tomato.png) no-repeat left center;
	background-size: cover;
}
.forgot-password-tomato-fr {
	display: block;
	margin: 0 auto;
	width: 423px;
	height: 200px;
	margin-top: 20px;
	background: url(../../images/v2/forgot-password-tomato-fr.png) no-repeat left center;
	background-size: cover;
}

#cookie-message {
	display: none;
    text-align: center;
	border-radius: 15px;
	font-size: 18px;
    padding-top: 10px;
}

.error-message, .success-message {
	width:100%;
	padding:10px;
	padding-top:7.5px;
	padding-bottom:7.5px;
	border-radius: 4px;
	text-align:center;
}
.error-message {
	border:1px solid #b93123;
	background:#b9312315;
	color: #b93123;
	margin-bottom:10px;
}
.success-message {
	border:1px solid #719500;
	background:#71950015;
	color: #719500;
	margin-bottom:20px;
}

@media (max-width: 768px) {
	.login-wrapper {
		padding: 180px 20px 20px;
	}
	.login-wrapper:before {
		height: 200px;
	}
	.login-wrapper:after {
		display: none;
	}
	.fp-center {
		padding: 20px;
		height: auto;
	}
	.fp-center h1 {
		margin-bottom: 15px;
		line-height: 25px;
		font-size: 25px;
	}
	.fp-center p {
		margin-bottom: 20px;
		font-size: 17px;
		line-height: 1.47;
	}
	.link-wrapper {
		padding: 15px 0px 0px;
	}
	.v2-facebook-button,
	.v2-google-button {
		height: 45px;
		line-height: 45px;
	}
	.forgot-password-tomato {
		width: 270px;
		height: 118px;
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	/* Retina-specific stuff here */
	.forgot-password-tomato {
		display:none;
	}
	.login-tomato {
		background: url(../../images/v2/login-tomato@3x.png) no-repeat left center;
		background-size: 119px 128px;
	}
}
