/*************************************************************************


                            R E G I S T E R


*************************************************************************/


/*************************************************************************

                             C O M M O N S

*************************************************************************/


div.register-page{
	position: relative;
}

.register-page .body{
	position: relative;
	z-index: 0;
	overflow: hidden;
}



/*************************************************************************

                              H E A D E R

*************************************************************************/

.register-page .header{
	text-align: center;
	padding-top: 60px;
}

@media (max-width: 640px){

.register-page .header{
	padding-top: 25px;
}

}

.register-page .header .logo{
	position:relative;
	display: inline-block;
	width: 118px;
	height: 60px;
	background: url(/assets/img/logo.svg) no-repeat center center/contain;
}



/*************************************************************************

                             C O N T E N T

*************************************************************************/


.register-page .content{
	position: relative;
	max-width: 1030px;
	padding: 0 80px 175px;
	box-sizing: border-box;
	color: #262626;
}

@media (max-width: 640px){

.register-page .content{
	padding: 0 20px 60px;
}

}

.register-page .content:after{
	content: '';
	display: block;
	position: absolute;
	width: 226px;
	height: 341px;
	right: -40px;
	bottom: 60px;
}

/*@media (max-width: 640px){*/
@media (max-width: 1010px){

.register-page .content:after{
	display: none;
}

}



/*************************************************************************

                             C A P T I O N

*************************************************************************/


.register-page .content>.caption{
	font-family: PTSansNarrowBold;
	font-size: 36px;
	margin-top: 30px;
	text-align: center;
}

@media (max-width: 640px){

.register-page .content>.caption{
	font-size: 30px;
	margin-top: 30px;

}

}



/*************************************************************************

                               F O R M

*************************************************************************/


.register-page .content .form{
	margin-top: 40px;
	position: relative;
	z-index: 1;
}

@media (max-width: 750px){

.register-page .content .form{
	margin-top: 25px;
}

}

.register-page .content .form>*{
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: calc(50% - 65px);
	max-width: 305px;
    text-align: left;
}

@media (max-width: 960px){

.register-page .content .form>*{
	width: calc(50% - 30px);
}

}

@media (max-width: 750px){

.register-page .content .form>*{
	display: block;
	position: relative;
	vertical-align: top;
	width: auto;
	max-width: initial;
}

}

.register-page .content .form>*+*{
	margin-left: 130px;
}

@media (max-width: 960px){

.register-page .content .form>*+*{
	margin-left: 60px;
}

}

@media (max-width: 750px){

.register-page .content .form>*+*{
	margin-left: 0;
	margin-top: 20px;
}

}

	.register-page .content .form .caption{
		white-space: nowrap;
		color: #333;
		font-family: PTSansBold;
		font-size: 16px;
		line-height: 25px;
		padding-bottom: 15px;
	}

@media (max-width: 750px){

	.register-page .content .form .caption{
		padding-bottom: 5px;
	}

}

	.register-page .content .form>*>*{
		position: relative;
		z-index: 0;
	}

	.register-page .content .form>*>*+*{
		margin-top: 10px;
	}

.register-page .content .form>*.left{}

	.register-page .content .form>*.left .post{
		z-index: 1;
	}

	.register-page .content .form>*.left .phone-wrapper{
		display: block;
	}

	.register-page .content .form>*.left .phone-wrapper td:nth-child(2){
		padding-left: 6px;
	}

	.register-page .content .form>*.left .phone-wrapper td:nth-child(3){
		padding-left: 10px;
	}

	/*.register-page .content .form>*.left .phone,*/
	.register-page .content .form>*.left .password,
	.register-page .content .form>*.left .confirm-password{
		max-width: 200px;
	}

@media (max-width: 750px){

	.register-page .content .form>*.left .phone,
	.register-page .content .form>*.left .password,
	.register-page .content .form>*.left .confirm-password{
		max-width: initial;
	}

	.register-page .content .form>*.left .confirm-password

}

.register-page .content .form>*.right{}

	.register-page .content .form>*.right .city{
		z-index: 2;
	}

	.register-page .content .form>*.right .personal{
		z-index: 1;
	}

	.register-page .content .form .confirm-password .input.failed,
    .register-page .content .form .password .input.short,
    .register-page .content .form .password .input.number,
    .register-page .content .form .email .input.exists{
		border: 1px solid #c30016;
		color: #c30016;
	}


	.register-page .content .form .confirm-password .input.failed:after{
		content: 'пароли не совпадают';
		display: block;
		position: absolute;
		font-size: 14px;
		left: calc(100% + 10px);
		top: calc(50% - 12px);
		white-space: nowrap;
	}

@media (max-width: 750px){

	.register-page .content .form .confirm-password .input{
		margin-bottom: 20px;
		-webkit-transition: margin-bottom 200ms ease;
		-moz-transition: margin-bottom 200ms ease;
		-ms-transition: margin-bottom 200ms ease;
		transition: margin-bottom 200ms ease;
		will-change: margin-bottom;
	}

	.register-page .content .form .confirm-password .input.failed:after{
		position: absolute;
		top: auto;
		left: 0;
		bottom: -27px;
	}

	.register-page .content .form .confirm-password .input.failed{
		margin-bottom: 40px;
	}

}

	.register-page .content .form .password .input.short:after{
		content: 'минимальная длина \0a 8 символов';
		display: block;
		position: absolute;
		font-size: 14px;
		left: calc(100% + 10px);
		top: calc(50% - 12px);
		white-space: nowrap;
	}
	.register-page .content .form .password .input.number:after{
		content: 'должен содержать цифру';
		display: block;
		position: absolute;
		font-size: 14px;
		left: calc(100% + 10px);
		top: calc(50% - 12px);
		white-space: nowrap;
	}



@media (max-width: 750px){

	.register-page .content .form .password .input{
		margin-bottom: 10px;
		-webkit-transition: margin-bottom 200ms ease;
		-moz-transition: margin-bottom 200ms ease;
		-ms-transition: margin-bottom 200ms ease;
		transition: margin-bottom 200ms ease;
		will-change: margin-bottom;
	}

	.register-page .content .form .password .input.failed:after,
	.register-page .content .form .password .input.short:after{
		position: absolute;
		top: auto;
		left: 0;
		bottom: -27px;
	}

	.register-page .content .form .password .input.failed,
	.register-page .content .form .password .input.short{
		margin-bottom: 30px;
	}

}

/*@media (max-width: 750px){
	
	.register-page .content .form .confirm-password .input.failed:after, .register-page .content .form .password .input.short:after{
		display: none;
	}

}*/

.register-page .content .submit{
	position: relative;
	z-index: 0;
	white-space: nowrap;
	height: 45px;
	margin-top: 35px;
}

@media (max-width: 750px){

.register-page .content .submit{
	white-space: initial;
	height: auto;
}

}

	.register-page .content .submit>*{
		display: inline-block;
		vertical-align: top;
		position: relative;
		white-space: initial;
	}

@media (max-width: 750px){

	.register-page .content .submit>*{
		display: block;
		vertical-align: top;
		position: relative;
	}

}

	.register-page .content .submit .button{
		width: 200px;
	}

	.register-page .content .submit.request .button{
		padding: 0;
	}


@media (max-width: 640px){

	.register-page .content .submit .button{
		width: auto;
		max-width: initial;
	}

}

		.register-page .content .submit .button:before{
			content: 'Сохранить';
		}

		.register-page .content .submit.request .button:before{
			content: 'Оставить заявку';
		}

	.register-page .content .submit .rest{
		max-width: 530px;
		font-size: 16px;
		line-height: 22px;
		color: #333;
		width: calc(100% - 200px);
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		transform: translate(0,-50%);
		top: 50%;
	}

	.register-page .content .submit .rest.hidden{
		display: none;
	}
	
@media (max-width: 750px){

	.register-page .content .submit .rest{
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		top: 0;
		padding-left: 0;
		margin-top: 20px;
		width: auto;
	}

}

		.register-page .content .submit .rest>span{}

		.register-page .content .submit .rest>span.hidden{
			display: none;
		}

			.register-page .content .submit .rest>span:after{
				content: ',';
			}

			.register-page .content .submit .rest>span+span:before{
				content: ' ';
			}

			.register-page .content .submit .rest>span.last:after,
			.register-page .content .submit .rest>span:last-child:after{
				content: '';
			}

.register-page .content p.red {
	color:#c30016;
	text-align: center;
	margin: 40px;
	font-size: 16px;
}