@charset "UTF-8";
/* CSS Document */



.form li,input[type="submit"],input[type="text"],.sixth-login input[type="submit"],.third-login input[type="submit"]{
		transition: 0.1s all;
		-webkit-transition: 0.1s all;
		-moz-transition: 0.1s all;
		-o-transition: 0.1s all;
}

.form-info {
	  margin: 1em 2em 2em 2em;
}

.registration {
	  /*background: rgba(255, 255, 255, 0.08);*/
	  background: url(../images/bg.jpg) no-repeat -155px 0px;
	  width: 27%;
	  margin: 2% auto 0;
	  padding-bottom: 1%;
}

input.text {
	  outline: none;
	  background-color:rgba(255,255,255,1.00);
	  color: #000;
	  width: 94%;
	  padding: 10px 10px;
	  border: 1px solid#000;
	  font-size: 1em;
	  font-weight: 100;
	  margin-bottom: 1em;
}
input.text:hover {
  background:rgba(164,164,164,1.00);
  color: #3E4E95;
    		transition: 2s all;
		-webkit-transition: 2s all;
		-moz-transition: 2s all;
		-o-transition: 2s all;
}
textarea {
outline: none;
  background-color:rgba(255,255,255,1.00);
  color: #000;
  width: 94%;
  padding: 10px 10px;
  border: 1px solid#000;
  font-size: 1.1em;
  font-weight: 100;
  resize: none;
  height: 120px;
  font-family: 'Open Sans', sans-serif;
}
textarea:hover {
	  background:rgba(164,164,164,1.00);
	  color: #3E4E95;
  		transition: 2s all;
		-webkit-transition: 2s all;
		-moz-transition: 2s all;
		-o-transition: 2s all;
}
input[type="submit"] {
	  outline: none;
	   background-color:rgba(255,255,255,1.00);
	  border: 1px solid#000;
	  color: #000;
	  width: 99%;
	  margin: 1em 0 .5em 0;
	  padding: 12px;
	  font-size: 15px;
	  font-weight: 400;
	  cursor: pointer;
}
input[type="submit"]:hover {
		background: #000;
		color:#3E4E95;  		
		transition: 2s all;
		-webkit-transition: 2s all;
		-moz-transition: 2s all;
		-o-transition: 2s all;
}
.g-recaptcha { 
	
	width: 100%;
	margin: 1em 0 .5em .4em;

}

.succMsg { 
	
	
	font-weight: bold;
	padding-top: 15px;
	font-size:170%;
	margin-bottom:50px;
}


.errMsg { 
	
	
	padding-top: 15px;
	font-size:170%;
	margin-bottom:50px;
}


@media (max-width:1440px)

{
	.registration {
	  width: 31%;
	}
}

@media (max-width:1366px)

{
	
}

@media (max-width:1280px)
{
	.registration {
	  width: 33%;
	}
	
}

@media (max-width:1024px){
	
	.registration {
	  width: 41%;
	    margin: 1% auto 0;
	}
	
	.registration {
	  margin: 2% auto 0;
	}
}

@media (max-width:768px){
	.registration {
	  width: 50%;
	}
	
	input[type="submit"] {
	  width: 100%;
	}
	.registration {
	  margin: 3% auto 0;
	}
	
}

@media (max-width:640px){
	.registration {
	  width: 82%;
	    margin: 3% auto 0;
	}
	
}
@media (max-width:480px){
	.registration {
	  width: 85%;
	}
	
}

@media (max-width:320px){
	
	.registration {
	  width: 92%;
	    margin: 4% auto 0;
	}
	textarea {
	  width: 94%;
	  padding: 7px 6px;
	  height: 100px;
	  font-size: .97em;
	}
	.form-info {
	  margin: 1em 1em 0 1em;
	}
	
	input.text {
	 padding: 10px 6px;
     font-size: .9em;
	}
	
	input[type="submit"] {
	  width: 99%;
	  padding: 8px;
	  font-size: 14px;
	}
	
	.avtar img {
	  height: 7px;
	  width: 100%;
	  float: left;
	  margin-bottom: 20px;
	}
}