@import url('https://fonts.googleapis.com/css?family=Poppins:400,700');
.miniFormBtm {
	display: none;
}

#signUpForm {
	width: 100% !important;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	border: none;
	padding: 0;
	appearance: none;
}

#signUpForm label {
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-align: left !important;
	text-shadow: none;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	margin-left: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
}

@media (max-width: 767px) {
	#signUpForm label {
		font-size: 17px;
	}
}

#signUpForm input {
	background: transparent;
}

#signUpForm input[type='submit'],
#signUpForm input[type='submit']:focus,
#signUpForm input[type='submit']:active {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	width: 100%;
	height: 3.5em;
	padding: 3px 5px 5px 5px;
	margin: 2em auto;
	color: #fafafa;
 background: rgba(61, 153, 164, 1);
 background: -moz-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(61, 153, 164, 1)), color-stop(51%, rgba(216, 60, 76, 1)), color-stop(100%, rgba(127, 209, 232, 1)));
 background: -webkit-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
 background: -o-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
 background: -ms-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
 background: linear-gradient(135deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d99a4', endColorstr='#7fd1e8', GradientType=1);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition-duration: 0.25s;
}

#signUpForm input[type='submit']:hover {
	border: none;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
 background: rgba(61, 153, 164, 1);
 background: -moz-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(61, 153, 164, 1)), color-stop(51%, rgba(216, 60, 76, 1)), color-stop(100%, rgba(127, 209, 232, 1)));
 background: -webkit-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
 background: -o-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
 background: -ms-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
 background: linear-gradient(135deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d99a4', endColorstr='#7fd1e8', GradientType=1);
}

@media (max-width: 1024px) {
	#signUpForm input[type='submit']:hover,
	#signUpForm input[type='submit']:focus,
	#signUpForm input[type='submit']:active,
	#signUpForm input[type='submit']:visited {
		color: #fafafa;
		 background: rgba(61, 153, 164, 1);
		 background: -moz-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
		 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(61, 153, 164, 1)), color-stop(51%, rgba(216, 60, 76, 1)), color-stop(100%, rgba(127, 209, 232, 1)));
		 background: -webkit-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
		 background: -o-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
		 background: -ms-linear-gradient(-45deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
		 background: linear-gradient(135deg, rgba(61, 153, 164, 1) 0%, rgba(216, 60, 76, 1) 51%, rgba(127, 209, 232, 1) 100%);
		 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d99a4', endColorstr='#7fd1e8', GradientType=1);
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
}

#signUpForm #seeking {
	width: 100% !important;
}

#signUpForm #dobSelects {
	width: 100%;
}

#signUpForm input[type="text"] {
	font-size: 18px;
	padding: 0 0 0 5px;
	width: 100%;
	height: 27px;
	border-radius: 0 !important;
	border-bottom: 1px solid #000;
	margin: 0px 0 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	position: relative;
	left: 0px;
}

#signUpForm #seeking {
	width: 100% !important;
	margin: 0px 0px 0px 0px;
}

#signUpForm #gender {
	width: 100% !important;
	margin: 0px 0px 0px 0px;
}

#signUpForm #dob_day {
	margin-left: 0px;
}

.miniFormTop {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
}

/** NEW STYLING **/

#signUpForm label {
	font-family: 'Poppins', sans-serif;
	font-weight: normal !important;
}

input,
select,
select option {
	font-family: 'Poppins', sans-serif;
	font-weight: normal !important;
	color: #000;
	text-align: center;
	text-align-last: center;
	padding: 0;
}

input[value="Continue"] {
	color: #fff !important;
}

#signUpForm select {
	font-size: 18px;
	width: 32%;
	height: 30px;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	margin: 0px 0px 0px 0px;
	color: #000;
	background: transparent;
	position: relative;
	left: 0px;
	margin-left: 3px;
	border: 0;
	border-bottom: 1px solid #000;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	text-indent: 1px;
	text-overflow: '';
	text-align: center;
	text-align-last: center;
}

#signUpForm select::-ms-expand {
	display: none;
}

input {
	transition-duration: 1s;
}

input:focus,
select:focus {
	border-bottom: 1px solid #21374B;
	box-shadow: 0 2px 0 0 #21374B;
	background: transparent;
}

#signUpForm .arrowUp {
	background: url(img/arrowUp.png) no-repeat right !important;
}

#signUpForm .arrowDown {
	background: url(img/arrow.png) no-repeat right !important;
}

*:focus {
	outline: none;
}

* {
	box-sizing: border-box;
}

select {
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}