.authorization{
	box-sizing:border-box;
	color:rgba(1,1,1,1);
	display:block;
	height:100%;
	width:300px;

	position:relative;
	margin:auto;
	padding:0 2% 10px 2%;

	overflow:hidden;

	-webkit-user-select:none;
	 -khtml-user-select:none;
	   -moz-user-select:none;
			-ms-user-select:none;
			 -o-user-select:none;
					user-select:none;

	-webkit-transition:opacity .5s ease-in-out,z-index 0s ease-in-out .5s;
		 -moz-transition:opacity .5s ease-in-out,z-index 0s ease-in-out .5s;
			-ms-transition:opacity .5s ease-in-out,z-index 0s ease-in-out .5s;
			 -o-transition:opacity .5s ease-in-out,z-index 0s ease-in-out .5s;
					transition:opacity .5s ease-in-out,z-index 0s ease-in-out .5s;
}

.wrap{
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
	white-space:nowrap;
}

.wrap > a{
	border-bottom:1px solid rgb(81,81,81);
	box-sizing:border-box;
	color:rgb(81, 81, 81);
	font-size:20px;
	font-weight:bold;
	height:34px;
	line-height:36px;
	text-decoration:none;

	-webkit-transition:border .3s ease-in-out,color .3s ease-in-out,text-shadow .3s ease-in-out;
	-moz-transition:border .3s ease-in-out,color .3s ease-in-out,text-shadow .3s ease-in-out;
	-ms-transition:border .3s ease-in-out,color .3s ease-in-out,text-shadow .3s ease-in-out;
	-o-transition:border .3s ease-in-out,color .3s ease-in-out,text-shadow .3s ease-in-out;
	transition:border .3s ease-in-out,color .3s ease-in-out,text-shadow .3s ease-in-out;
}

.wrap > .active{
	border-bottom:1px solid rgba(81,81,81,0);
	color:rgb(28, 138, 182);
}

.wrap > a:hover{
	border-bottom:1px solid rgba(81,81,81,0);
	color:rgba(0,0,0,1);
}

.wrap > a:active{
	color:rgba(240,240,240,1);

	text-shadow: 0 0 3px rgba(240,240,240,1),
							 0 0 3px rgba(240,240,240,1),
							 0 0 3px rgba(240,240,240,1),
							 0 0 3px rgba(240,240,240,1);

	-webkit-transition:color 0s ease-in-out,text-shadow 0s ease-in-out;
		 -moz-transition:color 0s ease-in-out,text-shadow 0s ease-in-out;
			-ms-transition:color 0s ease-in-out,text-shadow 0s ease-in-out;
			 -o-transition:color 0s ease-in-out,text-shadow 0s ease-in-out;
					transition:color 0s ease-in-out,text-shadow 0s ease-in-out;
}

.sign-forms{
	box-sizing:border-box;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:60px;
	width:94%;
	left:3%;
}

.sign-forms li{
	margin-bottom:10px;
}

.sign-forms .division{
	/* background-color: rgb(111, 111, 111); */
	height:2px;
}

.sign-forms li.recovery {
	color:rgba(51,151,151,1);
	text-align:right;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
}

.sign-forms .notice{
	color:rgba(51,51,51,1);
	text-align: center;
}

.sign-forms:not(:target){
	opacity:0;
	z-index:-1;

	-webkit-transition:opacity .4s ease-in-out,z-index 0s ease-in-out .4s;
		 -moz-transition:opacity .4s ease-in-out,z-index 0s ease-in-out .4s;
			-ms-transition:opacity .4s ease-in-out,z-index 0s ease-in-out .4s;
			 -o-transition:opacity .4s ease-in-out,z-index 0s ease-in-out .4s;
					transition:opacity .4s ease-in-out,z-index 0s ease-in-out .4s;
}

.sign-forms:target{
	opacity:1;
	z-index:1;

	-webkit-transition:opacity .4s ease-in-out .4s,z-index 0s ease-in-out 0s;
		 -moz-transition:opacity .4s ease-in-out .4s,z-index 0s ease-in-out 0s;
			-ms-transition:opacity .4s ease-in-out .4s,z-index 0s ease-in-out 0s;
			 -o-transition:opacity .4s ease-in-out .4s,z-index 0s ease-in-out 0s;
					transition:opacity .4s ease-in-out .4s,z-index 0s ease-in-out 0s;
}

.sign-forms input {
	border:none;
	border:1px solid rgba(176,176,176,1);
	font-size:20px;
	height:40px;
	padding:0 10px;
	width:100%;
}

.sign-key {
	background-color: rgb(23, 136, 23);
	border:1px solid rgba(176,176,176,1);
	box-sizing:border-box;
	color: rgba(220,220,220,1);
	cursor:pointer;
	font-size:20px;
	font-weight:bold;
	line-height:38px;
	height:40px;
	padding:0 10px;
	text-align:center;
	width:100%;

			transition:text-shadow .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out;
		 -o-transition:text-shadow .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out;
   		-ms-transition:text-shadow .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out;
  	   -moz-transition:text-shadow .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out;
	-webkit-transition:text-shadow .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out;

	-webkit-user-select:none;
	 -khtml-user-select:none;
	   -moz-user-select:none;
		-ms-user-select:none;
		 -o-user-select:none;
			user-select:none;
}

a.sign-key {
	display:block;
	text-decoration:none;
}

.sign-key:hover {
	background-color: rgb(19, 165, 19);
	color: rgba(220,220,220,1);
	/* color: rgba(230,230,230,1); */

	/* text-shadow:0 0 1px rgba(0,0,0,1),
				0 0 1px rgba(0,0,0,1),
				0 0 1px rgba(0,0,0,1),
				0 0 1px rgba(0,0,0,1); */
}

.sign-key:active {
	color: rgba(240,240,240,1);

	text-shadow:0 0 3px rgba(240,240,240,1),
                0 0 3px rgba(240,240,240,1),
                0 0 3px rgba(240,240,240,1),
                0 0 3px rgba(240,240,240,1);

            transition:text-shadow 0s ease-in-out,color 0s ease-in-out,background-color 0s ease-in-out;
         -o-transition:text-shadow 0s ease-in-out,color 0s ease-in-out,background-color 0s ease-in-out;
        -ms-transition:text-shadow 0s ease-in-out,color 0s ease-in-out,background-color 0s ease-in-out;
       -moz-transition:text-shadow 0s ease-in-out,color 0s ease-in-out,background-color 0s ease-in-out;
    -webkit-transition:text-shadow 0s ease-in-out,color 0s ease-in-out,background-color 0s ease-in-out;
}
















.sign {
	/* background-color: rgb(240, 240, 240); */
	/* border:1px solid rgb(176,176,176); */
	box-sizing:border-box;
	margin:50px auto;
	/* height:100%; */
	min-height:500px;
	position:relative;
	width:300px;

	-webkit-transition:max-height .5s ease-in-out .5s,height .5s ease-in-out .5s;
	   -moz-transition:max-height .5s ease-in-out .5s,height .5s ease-in-out .5s;
			-ms-transition:max-height .5s ease-in-out .5s,height .5s ease-in-out .5s;
			 -o-transition:max-height .5s ease-in-out .5s,height .5s ease-in-out .5s;
					transition:max-height .5s ease-in-out .5s,height .5s ease-in-out .5s;
}

.tab-navs{
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
	margin:0 auto 20px;
	white-space:nowrap;

	-webkit-user-select:none;
	 -khtml-user-select:none;
		 -moz-user-select:none;
			-ms-user-select:none;
			 -o-user-select:none;
					user-select:none;
}

.tab-navs span{
	border-bottom:1px solid rgba(243,188,49,.5);
	color:rgb(243,188,49);
	box-sizing:border-box;
	cursor:pointer;
	font-size:20px;
	height:34px;
	line-height:36px;
	text-decoration:none;

	-webkit-transition:border .2s ease-in-out,color .2s ease-in-out,text-shadow .2s ease-in-out;
		 -moz-transition:border .2s ease-in-out,color .2s ease-in-out,text-shadow .2s ease-in-out;
			-ms-transition:border .2s ease-in-out,color .2s ease-in-out,text-shadow .2s ease-in-out;
			 -o-transition:border .2s ease-in-out,color .2s ease-in-out,text-shadow .2s ease-in-out;
					transition:border .2s ease-in-out,color .2s ease-in-out,text-shadow .2s ease-in-out;
}

.tab-navs span:hover{
	border-bottom:1px solid rgba(243,188,49,0);
}

.tab-navs span.active:hover,
.tab-navs span.active{
	border-bottom:1px solid rgba(130,130,130,0);
	color:rgb(240, 240, 240);
	pointer-events: none;
}

.tab-navs span:active{
	border-bottom:1px solid rgba(243,188,49,0);
	color:rgba(243,188,49,1);

	text-shadow: 0 0 3px rgba(243,188,49,1),
							 0 0 3px rgba(243,188,49,1),
							 0 0 3px rgba(243,188,49,1),
							 0 0 3px rgba(243,188,49,1);

	-webkit-transition:color 0s ease-in-out,text-shadow 0s ease-in-out;
		 -moz-transition:color 0s ease-in-out,text-shadow 0s ease-in-out;
			-ms-transition:color 0s ease-in-out,text-shadow 0s ease-in-out;
			 -o-transition:color 0s ease-in-out,text-shadow 0s ease-in-out;
					transition:color 0s ease-in-out,text-shadow 0s ease-in-out;
}

.tab-wrap {
	position:relative;
}

form .recovery {
	border-bottom:1px solid rgba(16, 104, 163, 1);
	color:rgb(16, 104, 163);
	margin-bottom:10px;
	height:auto;
	line-height:1.4em;

	-webkit-transition:border .2s ease-in-out;
	   -moz-transition:border .2s ease-in-out;
			-ms-transition:border .2s ease-in-out;
			 -o-transition:border .2s ease-in-out;
					transition:border .2s ease-in-out;
}

form .recovery:hover {
	border-bottom:1px solid rgba(16, 104, 163, 0);
	color:rgb(30, 139, 212);
}

form .field.recaptcha {
	max-height:0;
	padding:0;
	margin:0;
	overflow:hidden;

	-webkit-transition:max-height .2s ease-in-out, margin .2s ease-in-out,padding .2s ease-in-out;
	   -moz-transition:max-height .2s ease-in-out, margin .2s ease-in-out,padding .2s ease-in-out;
			-ms-transition:max-height .2s ease-in-out, margin .2s ease-in-out,padding .2s ease-in-out;
			 -o-transition:max-height .2s ease-in-out, margin .2s ease-in-out,padding .2s ease-in-out;
					transition:max-height .2s ease-in-out, margin .2s ease-in-out,padding .2s ease-in-out;
}

form[data-captcha="true"] .field.recaptcha {
	max-height:100px;
}






.g-recaptcha {
	transform:scale3d(0.9, 0.9, 1);
	transform-origin:0 0;

	-webkit-transition:transform .2s ease-in-out;
		 -moz-transition:transform .2s ease-in-out;
			-ms-transition:transform .2s ease-in-out;
			 -o-transition:transform .2s ease-in-out;
					transition:transform .2s ease-in-out;
}

.sign .field.recaptcha{
	display: none;
	height:100%;
	max-height:100px;
	margin-top:10px;
}

.sign.recaptcha .field.recaptcha{
	display: block;
}

.sign .headline.success,
form.success .headline{
	color:rgb(0, 200, 200);
}

body .headline.error {
	color:rgb(214, 0, 0);
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:0 20px;
}

.sign .headline {
	color:rgb(81, 81, 81);
	font-size:20px;
	line-height:1.1em;
	padding:0 0 10px;
	text-align:center;
}

form.success > .headline,
form.success > .fields {
	padding: 0;
}

form.busy .buttons > .busy {
	border-color:rgb(245, 239, 96) !important;
	/* background-color:rgb(151, 236, 216); */
	background-image: url(/source/images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 80%;
	pointer-events:none;
}

form .fields select.no-selected {
	color: rgba(100,100,100,1) !important;
}

#modal > div > div {
	border-radius: 0;
	max-height:600px;
	height:100%;
}

form .notice {
	color:rgb(218, 33, 33,1);
	height: 0;
	overflow:hidden;

	-webkit-user-select:none;
	 -khtml-user-select:none;
	   -moz-user-select:none;
			-ms-user-select:none;
			 -o-user-select:none;
					user-select:none;

  -webkit-transition:height .3s ease-in-out;
     -moz-transition:height .3s ease-in-out;
      -ms-transition:height .3s ease-in-out;
       -o-transition:height .3s ease-in-out;
          transition:height .3s ease-in-out;

}

.temp-hidden {
	display: none;
}