/***********************************************************************************************************************************/
/* LANDING.CSS *********************************************************************************************************************/
/***********************************************************************************************************************************/

body{
	background-color:#e1ddae;
}
div.body-background{
	background: none;
}
.nopub div.body-background-left,
.nopub div.body-background-right{
	top: 0;
}
.landing .body-background,
.log-in .body-background{
	background: url(/media/equideo/image/background/body/default/body-background-landing.jpg) no-repeat center top;
}
.password .body-background {
	background: url(/media/equideo/image/background/body/inscription/background-inscription.jpg) no-repeat center top;
}
#global::before{
	background: none;
}

/***********************************************************************************************************************************/
/* LANDING-MAIN ********************************************************************************************************************/
/***********************************************************************************************************************************/

.landing-main{
	min-height: 1000px;
	padding:10px 0 0;
}

/***********************************************************************************************************************************/
/* LANDING-LOGIN *******************************************************************************************************************/
/***********************************************************************************************************************************/

.landing-login{
	position:absolute;
	background-color: #fdfff0;
	top: -130px;
	border-radius :8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	z-index: 1;
	right: 0;
	width: 270px;
	padding:10px;
}
.landing-login h2{
	font-size: 18px;
	color: #3d251b;
}

/** fieldErrorText ****************************************************************************************************************/
body.landing .fieldErrorText,
body.log-in .fieldErrorText{
	background-image: url(/media/equideo/image/components/fields/error.png);
	background-repeat: no-repeat;
	min-height: 20px;
}
body.landing .fieldErrorText{
	background-position: left center;
	padding-left:30px;
}
body.log-in .fieldErrorText{
	background-color: #fff;
	background-position: 10px center;
	border-radius: 5px;
	border: 2px solid #f83030;
	font-weight: normal;
	margin: 10px 0;
	padding: 10px 10px 10px 40px;
	color: #f83030;
}
body.log-in .fieldErrorText a{
	font-weight: bold;
	color: #f83030;
	text-decoration: underline;
	display: block;
}

/** landing-login-separator ********************************************************************************************************/

body.landing .landing-login-separator span,
body.log-in .landing-login-separator span{
	color:#3d251b;
}


/***********************************************************************************************************************************/
/* LANDING-MORE ********************************************************************************************************************/
/***********************************************************************************************************************************/

.landing-more{
	background:rgba(0, 0, 0, 0.4);
	position: sticky;
	top: 780px;
	left: 49%;
	display:block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	z-index: 100;
}
.landing-more::after,
.landing-more::before{
	content: "";
	display: block;
}
.landing-more::before{
	background:rgba(255, 255, 255, 0.1);
	position:absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transition:all .1s ease-in-out;
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-ms-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
}
.landing-more:hover::before{
	transform:scale(1);
}
.landing-more::after{
	background: url(/media/equideo/image/marketing/landing/interface/landing-more.png) no-repeat center 25px;
	position: relative;
	z-index: 1;
	width: 100%;
	height:100%;
	animation: bounce 500ms linear alternate infinite;
	-ms-animation: bounce 500ms linear alternate infinite;
	-moz-animation: bounce 500ms linear alternate infinite;
	-webkit-animation: bounce 500ms linear alternate infinite;
}
.landing-more.reverse{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
}

/** landing-more animation ********************************************************************************************************/
@keyframes bounce {
	100%{
		transform:translate(0,5px);
	}
}
@-ms-keyframes bounce {
	100%{
		-ms-transform:translate(0,5px);
	}
}
@-moz-keyframes bounce {
	100%{
		-moz-transform:translate(0,5px);
	}
}
@-webkit-keyframes bounce {
	100%{
		-webkit-transform:translate(0,5px);
	}
}

/** landing-more hover *************************************************************************************************************/
.landing-more:hover::after{
	animation: bounce 200ms linear alternate infinite;
	-o-animation: bounce 200ms linear alternate infinite;
	-ms-animation: bounce 200ms linear alternate infinite;
	-moz-animation: bounce 200ms linear alternate infinite;
	-webkit-animation: bounce 200ms linear alternate infinite;
}


/***********************************************************************************************************************************/
/* LANDING-TEXTS *******************************************************************************************************************/
/***********************************************************************************************************************************/

.landing-title,
.landing-players{
	font-weight:normal;
	color:#fff;
}
.landing-title{
	text-shadow: 0 0 20px rgba(0,0,0,.35);
}
.landing-players{
	text-shadow:0 0 15px rgba(0,0,0,.35);
}

/** landing *************************************************************************************************************************/
body.landing .landing-title{
	text-align: center;
}
body.landing .landing-register{
	text-align: center;
}

/** logIn ***************************************************************************************************************************/
body.log-in #header{
	height: inherit;
}
body.log-in .landing-title{
	margin-bottom: 15px;
}

/***********************************************************************************************************************************/
/* LANDING BUTTONS *****************************************************************************************************************/
/***********************************************************************************************************************************/

body.landing .button-style-20,
body.log-in .button-style-20{
	min-width: 200px;
}
/***********************************************************************************************************************************/
/* SUBMENU-STYLE-1 *****************************************************************************************************************/
/***********************************************************************************************************************************/

.header-login .submenu-style-1,
.landing-version .submenu-style-1{
	background: #FDFFF0;
	top: 50px;
	border-radius :8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}
.header-login .submenu-style-1:after,
.landing-version .submenu-style-1:after {
	background: #FDFFF0;
}
/***********************************************************************************************************************************/
/* LANDING-MOBILE-LINKS ************************************************************************************************************/
/***********************************************************************************************************************************/
.landing-mobile-links{
	right: 30px;
	top: 345px;
	width: 174px;
	height: 450px;
	background: url(/media/equideo/image/marketing/landing/interface/app-mobile.png) no-repeat left bottom;
}
.landing-mobile-links,
.landing-mobile-links h2{
	color:#fff;
}
.landing-mobile-links h2{
	font-size:30px;
	font-weight: normal;
}
.landing-mobile-links p{
	font-size:15px;
}
.landing-mobile-links u{
	text-decoration: none;
	font-weight: bold;
}
[class^="landing-mobile-button"]{
	background-repeat:no-repeat;
	background-position:0 0;
	position: relative;
	display:block;
	width: 110px;
	height: 34px;
	margin-left: 30px;
	text-indent:-999em;
	overflow:hidden;
	background:rgba(0, 0, 0, 0.5);
	border-radius: 4px;
}
.landing-mobile-button-ios{
	background-image: url(/media/equideo/image/marketing/home/app-store.png);
}
.landing-mobile-button-android{
	background-image: url(/media/equideo/image/marketing/home/google-play.png);
}
.landing-mobile-links img{
	position:relative;
	margin-left:-150px;
	margin-bottom:-100px;
	right: 75px;
}
[class^="landing-mobile-button"]::after{
	content:"";
	width: 100%;
	height: 120px;
	display: block;
	position: absolute;
	z-index: -1;
	left:0;
	top:-30px;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transition:all 0.15s ease-in-out;
	-webkit-transition:all 0.15s ease-in-out;
	-moz-transition:all 0.15s ease-in-out;
	-ms-transition:all 0.15s ease-in-out;
	-o-transition:all 0.15s ease-in-out;
	border-radius: 50%;
}
[class^="landing-mobile-button"]:hover::after,
[class^="landing-mobile-button"]:focus::after{
	transform:scale(1);
	border-radius: 33%;
}
[class^="landing-mobile-button"]:hover::after{
	background:rgba(0, 0, 0, 0.5);
}
[class^="landing-mobile-button"]:focus::after{
	background:rgba(0, 0, 0, 0.5);
}

/***********************************************************************************************************************************/
/* LANDING-VERSION *****************************************************************************************************************/
/***********************************************************************************************************************************/

.landing-version{
	position:relative;
	margin: 15px 35px;
}
.landing-version::after{
	content: "";
	display:block;
	clear: both;
}
.landing-version-switch::before{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	margin-top: 3px;
	border-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-left-style: solid;
	border-bottom-style: solid;
	border-width: 2px;
	opacity: 1;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.landing-version .submenu-style-1{
	left:-83px;
	top: 27px;
}
.landing-version:hover .submenu-style-1{
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}
.header-logo [class^="header-account-flag"]{
	display: none;
}


/***********************************************************************************************************************************/
/* LANDING FLAGS OVERIDE ***********************************************************************************************************/
/***********************************************************************************************************************************/

.landing-version .flag-item{
	display: inline-block;
	margin: 2px 6px;
	padding: 5px 9px;
	border-radius: 3px;
}
.landing-version .flag-item:hover{
	background:#79d1ff;
}
[class^="header-account-flag"]{
	margin: 0 10px;
	background-image: url(/media/equideo/image/marketing/landing/interface/sprite-flags.png);
	width: 24px;
	height: 16px;
}


/***********************************************************************************************************************************/
/* LANDING-REGISTER-SOCIAL *********************************************************************************************************/
/***********************************************************************************************************************************/

/** landing ************************************************************************************************************************/
body.landing .landing-register-social{
	margin-top:10px;
	color: #fff;
}
body.landing .landing-facebook{
	display: inline-block;
	margin: 2px 5px 0;
	vertical-align: middle;
}

/** login **************************************************************************************************************************/
body.log-in .landing-register-social{
	color: #fff;
	margin: -2px 0 0 15px;
}
body.log-in .landing-facebook{
	display: inline-block;
	position: relative;
	top: 10px;
	margin-left: 5px;
}

/***********************************************************************************************************************************/
/* LANDING-DESCRIPTION *******************************************************************************************************************/
/***********************************************************************************************************************************/

.landing--description{
	width: 100%;
	height: 2100px;
	margin-top: 600px;
	position: relative;
	background: url(/media/equideo/image/marketing/landing/interface/bg-description.png) no-repeat center top;
}
.landing--description img{
	width: 312px;
	height: 312px;
}
.landing--description__description-1,
.landing--description__description-2,
.landing--description__description-3,
.landing--description__description-4,
.landing--description__description-5,
.landing--description__description-6{
	position: absolute;
	width: 312px;
}
.landing--description__description-1{
	top: -50px;
	left: 0;
}
.landing--description__description-2{
	top: 50px;
	right: 0;
}
.landing--description__description-3{
	top: 535px;
	left: 0;
}
.landing--description__description-4{
	top: 778px;
	right: 0;
}
.landing--description__description-5{
	top: 1243px;
	left: 0;
}
.landing--description__description-6{
	top: 1473px;
	right: 0;
}

/*
.########.....###.....######...######..########.##......##..#######..########..########.
.##.....##...##.##...##....##.##....##.##.......##..##..##.##.....##.##.....##.##.....##
.##.....##..##...##..##.......##.......##.......##..##..##.##.....##.##.....##.##.....##
.########..##.....##..######...######..######...##..##..##.##.....##.########..##.....##
.##........#########.......##.......##.##.......##..##..##.##.....##.##...##...##.....##
.##........##.....##.##....##.##....##.##.......##..##..##.##.....##.##....##..##.....##
.##........##.....##..######...######..########..###..###...#######..##.....##.########.*/

.passwordcontent{
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.60);
	box-shadow: 0px 2px 10px -30px rgba(0, 0, 0, 0.25);
	padding: 20px 20px 40px 20px;
	box-sizing: border-box;
}
.password .form{
	margin: 0 auto;
}
/** password-rules-v5 *****************************************************************************************************/
.password .password-rules-v5 {
	position: absolute;
	right: 60px;
	top: 130px;
	background: #fdfff0;
	border-radius: 8px;
	width: 300px;
	color: #82685b;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.password .password-rules-v5:not(:empty){
	min-height: 42px;
}
.password .password-rules-v5:not(:empty)::before{
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	left: -5px;
	background: #fdfff0;
	top: 17px;
}
.password .password-rules-v5 li{
	position: relative;
	padding: 5px 0px 5px 25px;
}
.password .password-rules-v5 .fieldErrorText{
	font-weight: normal;
	padding: 5px 10px;
	color: #C93A3A;
}
.password .password-rules-v5 .valid{
	color: #849644;
}
.password .password-rules-v5 .error {
	color: #C93A3A;
}
.password .password-rules-v5 .error::before,
.password .password-rules-v5 .valid::before{
	position: absolute;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	left: 7px;
	top: 8px;
}
.password .password-rules-v5 .valid::before{
	background: url(/media/equideo/image/components/fields/text/success.png);
	background-size: cover;
}
.password .password-rules-v5 .error::before {
	background: url(/media/equideo/image/components/fields/text/error.png);
	background-size: cover;
	opacity: .5;
}
.password .input.form__text {
	width: 360px;
}