.g-recaptcha {
	margin-bottom: 15px;
	width: 100%;
}

@media (max-width: 380px){
	.g-recaptcha,
	#div_for_keycaptcha {
		transform:scale(0.67);
		-webkit-transform:scale(0.67);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		margin-bottom: 0px;
	}
}

#registration .form-group {
	padding: 30px;
	background-color: #fff;
	margin: 22px 0;
	display: flex;
	border-radius: 18px;
	position: relative;
	justify-content: space-between;
}

#registration .form-group .number {
	position: absolute;
	width: 30px;
	height: 30px;
	background: linear-gradient(0deg, #00C6FF, #3E76DF);
	border-radius: 10px;
	left: 0;
	top: -15px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

#registration #gender-group {
	justify-content: center;
	width: 100%;
	display: flex;
	position: absolute;
	top: 15px;
	right: 0;
}

#registration .form-group label {
	display: flex;
	align-items: center;
}

#registration label {
	font-size: 16px;
	line-height: 16px;
	width: 22%;
}

#registration .input-group {
	width: 100%;
	display: flex;
}

.gender-label {
    background: linear-gradient(0deg, #00c6ff, #3e78fd);
    margin: 5px;
    padding: 15px 20px;
    border-radius: 18px;
    justify-content: center;
    color: #fff;
    opacity: .7;
    transition: .3s;
}

.input-gender:checked + .gender-label {
	opacity: 1;
}

#registration .input-group-addon {
	background: linear-gradient(0deg, #00c6ff, #3e78fd);
    border-radius: 10px 0 0 10px;
    border: none;
    color: #fff;
    width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#registration .input-group input {
	background-color: #d7edfc;
	height: 39px;
    border: none;
    padding: 7px;
    border-radius: 0 10px 10px 0;
    color: #818d98;
}

.g-recaptcha {
	margin: -20px 0;
}

#postbut {
	z-index: 20;
}