@charset "utf-8";
/* CSS Document */
form.register {
	width: 100%;
	background: linear-gradient(-45deg, #8C3D25, #A17715, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
border:5px ;
border-radius:10px;
padding-top:15px;
padding-left:15px;
padding-bottom:15px;
padding-right:15px;
}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
form .hide1
{
	display:none !important;
}

 form.register input[type="reset"],form.register input[type="submit"] {
	width: 35%;
	background: linear-gradient(-45deg, #6B8E23, #808000);
	
	color: #fff;
	padding: 10px 20px;
	
}

.textbox  { 
    background: #f5f5f5; 
	     width: 100%;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
    border: none; 
    padding: 13px 10px; 
    width:100%; 
    margin-bottom: 20px; 
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 ); 
    clear: both; 
} 
 .textbox:focus { 
    background: #fff; 
    box-shadow: 0px 0px 0px 3px green, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 ); 
    outline: none;    
} 

@media screen and (max-width: 600px) {
 form.register input[type="reset"],form.register input[type="submit"] {
	width: 49%;
	background: linear-gradient(-45deg, #6B8E23, #808000);
	
	color: #fff;
	padding: 10px 20px;
	
}
}