/*//////////////////////////////////////////*/
/* Template login */
/*//////////////////////////////////////////*/

.page_login .form{
	display:inline-block;
	background:#ffffff;
	width:330px;
	max-width:100%;
}
.page_login .form .error{
	padding:20px;
	color:#ffffff;
	background: #dd4b39;
	word-break: break-word;
}
.page_login .form .error i{
	display: inline-block;
	padding-right: 3px;
	opacity: 0.8;
}
.page_login .form .fields{
	padding:40px;
}
.page_login .form .fields strong{
	display:block;
	margin-bottom:40px;
	font-weight:700;
}
.page_login .form .fields .lbl_fld{
	margin-bottom:20px;
}
.page_login .form .fields .lbl_fld .fld.password{
	-webkit-text-security: disc;
}
.page_login .form .fields .link{
	display:inline-block;
	font-size:12px;
	line-height:14px;
	margin-top:13px;
}
.page_login .form .services{
	border-top: 1px solid #dae1e6;
	position:relative;
	padding:30px 15px 20px;
	font-size:0;
}
.page_login .form .services span{
	display:block;
	width:100%;
	height:20px;
	position:absolute;
	top:-11px;
	left:0;
}
.page_login .form .services span em{
	display:inline-block;
	border: 1px solid #dae1e6;
	background:#ffffff;
	height:22px;
	line-height:20px;
	padding:0 10px;
	font-size:12px;
}
.page_login .form .services li{
	display:inline-block;
	padding:10px 5px 0;
	width:50%;
}
.page_login .form .services li a{
	display:block;
	height:40px;
	line-height:38px;
	font-size:14px;
	font-weight:700;
	letter-spacing:0.5px;
	position:relative;
	padding-left:40px;
	border: 1px solid #dae1e6;
	background-repeat:no-repeat;
	background-size:50% 50%;
	background-position:-20px center;
}
.page_login .form .services li a:hover{
	border: 1px solid #98a8b2;
}
.page_login .form .services li a.fb{
	background-image:url('../graphics/logos/facebook.svg');
}
.page_login .form .services li a.vk{
	background-image:url('../graphics/logos/vkontakte.svg');
}
.page_login .form .services li a.gg{
	background-image:url('../graphics/logos/google.svg');
}
.page_login .form .services li a.ya{
	background-image:url('../graphics/logos/yandex.svg');
}
.page_login .form .info{
	padding:40px;
}
.page_login .form .info .avatar_user{
	width:150px;
	height:150px;
	margin:0 auto 20px;
}
.page_login .form .info .name{
	font-weight:700;
}
.page_login .form .info .redirecting{
	display:inline-block;
	margin-top:40px;
	position:relative;
	padding-left:25px;
}
.page_login .form .info .redirecting:before{
	content:'';
	display:block;
	width:18px;
	height:18px;
	border-top: 2px solid #039ae4;
	border-left: 2px solid #039ae4;
	border-radius:50%;
	position:absolute;
	top:0;
	left:0;

	-webkit-animation: loading 600ms linear infinite;
	-moz-animation: loading 600ms linear infinite;
	animation: loading 600ms linear infinite;
}
.page_login .form .pass_prompt{
	display: none;
	margin-bottom:20px;
	position: relative;
	padding:10px;
	color:#ffffff;
	background: #dd4b39;
}
.page_login .form .pass_prompt:before{
	content:'';
	position: absolute;
	left:10px;
	top: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
	border-color: transparent transparent #dd4b39 transparent;
}
.page_login .form .backlink{
	border-top: 1px solid #dae1e6;
	padding:20px;
}
.page_login .form .backlink a{
	font-size:14px;
	font-weight: 700;
	text-transform: uppercase;
}
.page_login .form .backlink a:hover{
	color:#039ae4;
}
.page_login .form .backlink a i{
	display: inline-block;
	padding-right: 3px;
}
.page_login .page_bg div{
	background-image: url('../graphics/images/login.jpg');
}
/*//////////////////////////////////////////*/
/* Page wide */
/*//////////////////////////////////////////*/

.page_wide{
	padding:120px 0;
	min-height:100vh;
	position:relative;
}
.page_wide .page_bg{
	position:absolute;
	background: #232323;
	z-index: 5;
}
.page_wide .page_bg div{
	position:absolute;
	opacity:0.8;
}