.pop{
	width: 100%;
	min-height: 11px;
	display: flex;
	align-items: center;
	justify-content: center
}
#fregister .form-group, #form .form-group{
	position: relative;
	border: 1px;
	border-radius: 5px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	margin: 15px auto;
	padding: 10px 5px 5px 5px;
	width: 280px;
}
@keyframes fget1{
  from { opacity: 0; transform: scale(0.3); border-radius: 0px; }
  to { opacity: 1; transform: scale(1.0); border-radius: 10px 10px 0px 0px; }
}
@keyframes fget2{
  0% { left: 10px; }
  25% { left: 15px; }
  50% { left: 10px; }
  75% { left: 5px; }
  100% { left: 10px; }
}
#fregister .form-group-err{
	border: 1px solid red;	
}
#fregister .form-group-err label{
	animation: fget2 0.4s linear 0s 3 normal none;
	color: red;	
}
#fregister .form-group-err .inpc{
	border: 1px solid red;	
}
#fregister .form-group>label, #form .form-group label{
	display: block;
	top: -12px;
	left: 10px;
	position: absolute;
	background-color: #ffffff;
	padding: 2px 10px 0px 10px;
	border-radius: 5px;
}
#fregister .form-group .inpc, #fregister .form-group select, #form .form-group .inpc{
	width: 260px;
}
#fregister .form-group-reg{
	padding: 7px 0px;
	border-radius: 4px;
}
#fregister .form-group-reg label a{
	color: #003c70;
}
#fregister .form-group-bd{
	width: 272px;
	clear: both;
}
#fregister .form-group-bd>.inpc_bd:nth-child(1){
	float: left;
	width: calc(25% - 11px);
}
#fregister .form-group-bd>.inpc_bd:nth-child(2){
	float: left;
	width: 50%;
	height: 30px;
	margin-top: 0px;
}
#fregister .form-group-bd>.inpc_bd:nth-child(3){
	float: left;
	width: calc(25% - 11px);
}
#fregister .m_error, #fregister .m_ok, #fregister .m_info{
	position: absolute;	
	bottom: calc(100% - 10px);
	left: 0px;
	margin: 0px;
	border: 0px;
	border-radius: 10px 10px 0px 0px;
	width: calc(100% - 46px);
    padding: 15px 10px 15px 36px;
	background-color: #ba0000;
	color: #ffffff;
	animation-name: fget1; 
	animation-duration: 0.5s;
}
#fregister .m_ok{
	background-color: green;	
}
#fregister .m_info{
	background-color: #5da323;	
}
#fregister .inpc-reg-form{
	width: 270px !important;
}
.layerc3 .m_ok, .layerc3 .m_info, .layerc3 .m_error{
	position: static !important;		
}
.layerc4 .m_ok, .layerc4 .m_info, .layerc4 .m_error{
	position: static !important;			
}
.radio{
	float: left;
	margin: 7px 0px 0px 0px;
}
.radio label{
	padding: 7px 5px;
	margin: 0px 5px 0px 5px;
	cursor: pointer;
	border: 1px solid #ffffff;
}
.radio label:before{
	content: " ";
	padding: 5px 15px 5px 0px;
	margin: 0px 5px 0px 5px;
    background-position: -5px 0px;
}
.radio input{
	display: none;
}
.radio .lab-gender-m:before{
	background-image: url( '/img/radio-gender-m.svg' );
}
.radio .lab-gender-f:before{
	background-image: url( '/img/radio-gender-f.svg' );
}
.radio>input:checked + label{
	border: 1px solid #dddddd;
    background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
	border-radius: 3px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);	
}
.radio>input:hover + label{
	border-radius: 3px;
	border: 1px solid #cccccc;
}
.btn_loader{
	border-radius: 5px;
	width: 83px;
	height: 41px;
	position: relative;
}
.btn_loader span{
	position: absolute;
	top: calc(50% - 7px);
	display: block;
	position: absolute;
	border-radius: 15px;
	width:15px;
	height: 15px;
	background-color: #3a7bea;
	opacity: 0;
}
.btn_loader span:nth-child(1){
	left: calc((33% - 16.5%) - 3px);
}
.btn_loader span:nth-child(2){
	left: calc((66% - 16.5%) - 7px);
}
.btn_loader span:nth-child(3){
	left: calc((100% - 16.5%) - 11px);
}
/* Mobile */
@media screen and (max-width: 560px) {
	#fregister .form-group-reg{
		margin: 15px auto;
		padding: 10px 5px 5px 5px;
		width: 280px;
	}
	#fregister .form-group-reg label{
		line-height: 27px;
	}	
	#fregister .form-group-bd>.inpc_bd:nth-child(2){
		float: left;
		width: 50%;
		height: 32px;
	}
}
@media screen and (max-width: 390px) {
	.pop{
		display: flex;
		align-items: center;
		justify-content: center
	}
	#fregister .form-group-reg{
		margin: 15px auto;
		padding: 10px 5px 5px 5px;
		width: 280px;
	}
	#fregister .form-group-reg label{
		line-height: 27px;
	}	
}

@media screen and (max-width: 350px) {
	#fregister .form-group>label span{
		display: none;
	}
	#fregister .form-group{
		width: 230px;
	}	
	#fregister .form-group-reg{
		margin: 15px auto;
		padding: 10px 5px 5px 5px;
		width: 230px;
	}
	#fregister .form-group .inpc{
		width: 220px;		
	}
	#fregister .inpc-reg-form{
		width: 230px !important;
	}
	#fregister .form-group-bd{
		width: 230px;
		clear: both;
	}
}