body {
  position: relative;
  background: #232323 url("bg_detail.png") repeat scroll 0 0;
  font-family: 'Open Sans', sans-serif, Arial;
  margin: 0;
  padding: 0;
}
textarea:focus, input:focus{
    outline: none!important;
}
a {
  text-decoration: none;
}



/* Absolute Center Spinner */
.loading {
  position: absolute;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay 
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
*/

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255,.75) 1.5em 0 0 0, rgba(255,255,255,.75) 1.1em 1.1em 0 0, rgba(255,255,255,.75) 0 1.5em 0 0, rgba(255,255,255,.75) -1.1em 1.1em 0 0, rgba(255,255,255,.5) -1.5em 0 0 0, rgba(255,255,255,.5) -1.1em -1.1em 0 0, rgba(255,255,255,.75) 0 -1.5em 0 0, rgba(255,255,255,.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255,.75) 1.5em 0 0 0, rgba(255,255,255,.75) 1.1em 1.1em 0 0, rgba(255,255,255,.75) 0 1.5em 0 0, rgba(255,255,255,.75) -1.1em 1.1em 0 0, rgba(255,255,255,.75) -1.5em 0 0 0, rgba(255,255,255,.75) -1.1em -1.1em 0 0, rgba(255,255,255,.75) 0 -1.5em 0 0, rgba(255,255,255,.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#loading_wheel {
	display: none;
}





#btn_load_enter{
	display: none;
	position:relative;
	width:14px;
	height:17px;
	margin:auto;
}
#btn_load_register{
	display: none;
	position:relative;
	width:14px;
	height:17px;
	margin:auto;
}

.blockG{
	position:absolute;
	background-color:rgb(255,255,255);
	width:2px;
	height:5px;
	border-radius:2px 2px 0 0;
		-o-border-radius:2px 2px 0 0;
		-ms-border-radius:2px 2px 0 0;
		-webkit-border-radius:2px 2px 0 0;
		-moz-border-radius:2px 2px 0 0;
	transform:scale(0.4);
		-o-transform:scale(0.4);
		-ms-transform:scale(0.4);
		-webkit-transform:scale(0.4);
		-moz-transform:scale(0.4);
	animation-name:fadeG;
		-o-animation-name:fadeG;
		-ms-animation-name:fadeG;
		-webkit-animation-name:fadeG;
		-moz-animation-name:fadeG;
	animation-duration:0.732s;
		-o-animation-duration:0.732s;
		-ms-animation-duration:0.732s;
		-webkit-animation-duration:0.732s;
		-moz-animation-duration:0.732s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#rotateG_01{
	left:0;
	top:6px;
	animation-delay:0.2695s;
		-o-animation-delay:0.2695s;
		-ms-animation-delay:0.2695s;
		-webkit-animation-delay:0.2695s;
		-moz-animation-delay:0.2695s;
	transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
}

#rotateG_02{
	left:2px;
	top:2px;
	animation-delay:0.366s;
		-o-animation-delay:0.366s;
		-ms-animation-delay:0.366s;
		-webkit-animation-delay:0.366s;
		-moz-animation-delay:0.366s;
	transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
}

#rotateG_03{
	left:6px;
	top:1px;
	animation-delay:0.4525s;
		-o-animation-delay:0.4525s;
		-ms-animation-delay:0.4525s;
		-webkit-animation-delay:0.4525s;
		-moz-animation-delay:0.4525s;
	transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
}

#rotateG_04{
	right:2px;
	top:2px;
	animation-delay:0.549s;
		-o-animation-delay:0.549s;
		-ms-animation-delay:0.549s;
		-webkit-animation-delay:0.549s;
		-moz-animation-delay:0.549s;
	transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
}

#rotateG_05{
	right:0;
	top:6px;
	animation-delay:0.6355s;
		-o-animation-delay:0.6355s;
		-ms-animation-delay:0.6355s;
		-webkit-animation-delay:0.6355s;
		-moz-animation-delay:0.6355s;
	transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
}

#rotateG_06{
	right:2px;
	bottom:2px;
	animation-delay:0.732s;
		-o-animation-delay:0.732s;
		-ms-animation-delay:0.732s;
		-webkit-animation-delay:0.732s;
		-moz-animation-delay:0.732s;
	transform:rotate(135deg);
		-o-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
}

#rotateG_07{
	bottom:0;
	left:6px;
	animation-delay:0.8185s;
		-o-animation-delay:0.8185s;
		-ms-animation-delay:0.8185s;
		-webkit-animation-delay:0.8185s;
		-moz-animation-delay:0.8185s;
	transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
}

#rotateG_08{
	left:2px;
	bottom:2px;
	animation-delay:0.905s;
		-o-animation-delay:0.905s;
		-ms-animation-delay:0.905s;
		-webkit-animation-delay:0.905s;
		-moz-animation-delay:0.905s;
	transform:rotate(-135deg);
		-o-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
		-moz-transform:rotate(-135deg);
}



@keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}




.header {
	background: #404040;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.header .logo_item {
  display: inline-block;
  background: url("logo_n3.png") no-repeat left center;
  width: 220px;
  height: 50px;
}
.content_wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	font-family: 'Open Sans', sans-serif, Arial;
}
.parent {
   position: relative;
   margin: 0;
   padding: 0;
}

.main_block {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0px ;
  margin-top:30%;
  margin-left: 40px;
  text-align: center;
  -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 2s;
  transition: width 0.5s, height 0.5s, transform 2s;
}
@media (min-width: 1600px) {
	.main_block {
		margin-top:40%;
	}
}
@media (max-width: 1000px) {
	.main_block {
		margin-top:20%;
	}
}
.form {
	position: relative;
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif, Arial;
}
.form_content {
	-webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.form fhead {
  display: none;
  background: rgba(238,238,238, 0.5);
  font-size: 14px;
  line-height: 31px;
  padding: 0 20px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
}
.form fbody {
  display: block;
  position: relative;
  padding: 20px;
}
.form fbody .body_content {
  background: rgba(249,249,249, 0.4);
/*  height: 450px;*/  
  width: 220px;
  padding: 40px 48px;
}
.form fbody .body_content .row {
  margin-top: 10px;
  padding-bottom: 10px;
}
.form fbody .body_content .row:first-child {
    margin-top: 0;
}
.form fbody .body_content .row .annotation {
  text-align:left;
  padding-left:10px;
}
.form fbody .body_content .row .annotation .text {
  font-size:10px;
  color:red;
  text-transform: uppercase;
}
.form fbody .body_content .row .login_button{
  display: block;
  cursor: pointer;
  width: 100%;
  background: #79B539;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
  transition: background 0.5s;
}
.form fbody .body_content .row .login_button:hover{
  background: #A7DB70;
}
.form fbody .body_content .row .login_button.blue{
  background: #8bc7dc;
}
.form fbody .body_content .row .login_button.blue:hover{
  background: #57c3e9;
}
.form fbody .body_content input{
  border: 1px solid #e9e9e9;
  background: #fff;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  box-sizing: border-box;
}
.input_container {
  display: inline-block;
  margin-top: 80px;
}
.input_container .name{
  cursor: pointer;
  padding: 0 0 3px 0;
  font-size: 13px;
  line-height: 18px;
  font-weight: 200;
  color: #333;
  text-align: left;
}
.input {
  width: 350px;
	padding: 5px 5px 5px 10px;
	border: solid 1px #bbb;
	border-radius: 3px;
  background: #fff;
	font-family: 'Open Sans', sans-serif, Arial;
	font-size: 16px;
	font-weight: 500;
	-webkit-box-shadow: inset 0px 12px 6px -12px rgba(186,186,186,1);
	-moz-box-shadow: inset 0px 12px 6px -12px rgba(186,186,186,1);
	box-shadow: inset 0px 12px 6px -12px rgba(186,186,186,1);
  color: #222;
}
.input:focus {
	background: #F7F7F7;
}
.input_captcha {
	width: 100%;
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 12px;
	padding-left: 0;
}
.input_next {
  margin-top: 10px;
}
.note_container {
	margin: 0 0 10px 20px;
	text-align: left;
}
.note {
	font-size: 12px;
	text-align: left;
	color: red;
}
.control_container {
  position: relative;
  margin: 0 auto;
  margin-top: 50px;
  width: 350px;
}
.register_link_container {
  position: absolute;
  cursor: pointer;
  line-height: 25px;
  left: 0;
}
.enter_button_container {
  position: absolute;
  right: 0;
}
.captcha {
	display: inline-block;
	margin: 0 auto;
	margin-top: 15px;
}
.captcha_img {
	border: 1px #ddd solid;
}
.captcha_new {
  cursor: pointer;
  color: #2a85e8;
  font-size: 12px;
}
.buttons_container {
	margin: 30px 0 0 0;
	text-align: center;
}
.button.submit {
}
.register_container {
	position: absolute;
	cursor: pointer;
	right: 15px;
	bottom: 15px;
	font-family: 'Open Sans', sans-serif, Arial;
	font-weight: 200;
	text-align: right;
	
}
.reg_link_register {
  margin-left: 23px;
  color: #2a85e8;
  font-size: 12px;
}
.reg_link {
  margin-left: 23px;
  color: #2a85e8;
  font-size: 16px;
}
.reg_link:before {
	content: " ";
  position: absolute;
  width: 18px;
  height: 18px;
  margin: 3px 0 0 -23px;
  background:url("userpic.png") no-repeat
}
.reg_link:hover {
	text-decoration: underline;
}

.banner_contaner {
	display: flex;
	flex-direction: column;
	align-content: space-around;
  text-align: left;
}
.banner {
	margin: 10px 0 10px 60px;
}