@import url(https://fonts.googleapis.com/css?family=Roboto|Quicksand:400,300);

.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: 'Quicksand', 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: #D83546;

	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: #3C4059 ;
}

@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: #3C4059;
		border-radius: 5px ;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
}

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

#signUpForm #dobSelects { width:100%;}

#signUpForm input[type="text"], #signUpForm input[type="password"] {
	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 #lookingForGender {
    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: 'Quicksand', sans-serif;
 	font-weight: normal !important;
}

input,select, select option {
	font-family: 'Quicksand', 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 #0442be;
	box-shadow: 0 2px 0 0 #0442be;
	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: '';
}

#signUpForm #country {
    width: 100%;
}
