/* \- OPTIONS */
form#optionsBox{
	color: #222;
	/*border:2px solid white;
	background:whitesmoke;
	display:block;*/
	font-size:5vw;
	/*border-bottom-left-radius: 1vw;
	border-bottom-right-radius: 1vw;*/
	/*box-shadow: 0 1px 4px #BBBBBB;*/
	margin:14vw 2vw 30vw 2vw;
	padding:0vw 5vw 0vw 5vw;
	text-align:center;
}

	input.optionsUser,
	input.optionsMail,
	input.optionsPass,
	input.optionsName,
	input.optionsFB,
	input.optionsTwitter,
	input.optionsTiktok,
	input.optionsIG,
	input.optionsBereal,
	input.optionsLocation,
	input.optionsBirth,
	select.optionsType,
	select.optionsGender,
	input.optionsMotto,
	select.optionsCivilStatus,
	input.optionsTattoo,
	input.optionsPiercings,
	input.optionsHeight,
	input.optionsColor,
	input.optionsDrink,
	input.optionsFood,
	input.optionsFruit,
	input.optionsSport,
	input.optionsTopic,
	input.optionsCrush
	{
		background-color:white;
		background-image:url('../-img/options/user.png');
		background-size: 6vw;
		background-repeat: no-repeat;
		background-position: 1vw;
		text-align:left;
		border: 1px solid #bbb;
		border-radius: 1vw;
		font-size:4.5vw;
		padding:2vw 2vw 2vw 9vw;
		width: 60vw;
		display:block;
		margin:3vw auto;
		color: #aaa;
		font-family:verdana;
		transition: border-color 0.3s, background-color 0.3s, color 0.3s;
		color:#333;
	}
	input.optionsBirth{
		width:60vw;
	}
	input.optionsUser:disabled, input.optionsMail:disabled{
		color:#999;
		cursor: not-allowed;
	}
	input.optionsPass{
		background-image:url('../-img/options/key.png');
		/*width:10vw;*/
	}
	optionsPassShow{
		display:block;
		background-image:url('../-img/options/eye.png');
		width: 6vw;
		height: 6vw;
		margin-left: 70vw;
		margin-top:2vw;
		position:absolute;
		background-size: 6vw;
		cursor:pointer;
	}

	input.optionsMail{
		background-image:url('../-img/options/mail.png');
	}
	input.optionsName{
		background-image:url('../-img/options/name.png');
	}
	input.optionsLocation{
		background-image:url('../-img/options/location.png');
	}
	input.optionsBirth{
		background-image:url('../-img/options/birth.png');
		width: 59vw;
	}
	input.optionsMotto{
		background-image:url('../-img/options/lema.png');
	}
	input.optionsFB{
		background-image:url('../-img/options/fb.png');
	}
	input.optionsTwitter{
		background-image:url('../-img/options/twitter.png');
	}
	input.optionsTiktok{
		background-image:url('../-img/options/tiktok.png');
	}
	input.optionsIG{
		background-image:url('../-img/options/ig2.png');
	}
	input.optionsBereal{
		background-image:url('../-img/options/bereal2.png');
	}
	input.optionsTattoo{
		background-image:url('../-img/options/tattoo.png');
	}
	input.optionsPiercings{
		background-image:url('../-img/options/piercings.png');
	}
	input.optionsHeight{
		background-image:url('../-img/options/height.png');
	}
	input.optionsColor{
		background-image:url('../-img/options/color.png');
	}
	input.optionsDrink{
		background-image:url('../-img/options/drink.png');
	}
	input.optionsFood{
		background-image:url('../-img/options/food.png');
	}
	input.optionsFruit{
		background-image:url('../-img/options/fruit.png');
	}
	input.optionsSport{
		background-image:url('../-img/options/sport.png');
	}
	input.optionsTopic{
		background-image:url('../-img/options/topic.png');
	}
	input.optionsCrush{
		background-image:url('../-img/options/crush.png');
	}
	input.optionsCheck{
		cursor:pointer;
	}
	select.optionsType,select.optionsGender, select.optionsCivilStatus{
		background-image:url('../-img/options/padlock.png');
		text-align:left;
		padding: 2vw 8vw 2vw 9vw;
		width:71vw;
		/*height:30px;*/
		/*color:darkgreen;*/
	}
	select.optionsCivilStatus{
		background-image:url('../-img/options/civil_status.png');
	}
	select.optionsGender{
		background-image:url('../-img/options/gender.png');
	}
		input.optionsUser:focus,
		input.optionsPass:focus,
		input.optionsMail:focus,
		input.optionsFB:focus,
		input.optionsTwitter:focus,
		input.optionsIG:focus,
		input.optionsTiktok:focus,
		input.optionsName:focus,
		input.optionsLocation:focus,
		input.optionsBirth:focus,
		input.optionsMotto:focus,
		select.optionsCivilStatus:focus,
		input.optionsTattoo:focus,
		input.optionsPiercings:focus,
		input.optionsHeight:focus,
		input.optionsColor:focus,
		input.optionsDrink:focus,
		input.optionsFood:focus,
		input.optionsFruit:focus,
		input.optionsSport:focus,
		input.optionsTopic:focus,
		input.optionsCrush:focus{
			border-color:gray;
			background-color:whitesmoke;
			color: black;
		}
		input.optionsUser:invalid,
		input.optionsPass:invalid,
		input.optionsMail:invalid,
		select.optionsType:invalid,
		select.optionsGender:invalid,
		input.optionsFB:invalid,
		input.optionsTwitter:invalid,
		input.optionsIG:invalid,
		input.optionsTiktok:invalid,
		input.optionsName:invalid,
		input.optionsLocation:invalid,
		input.optionsBirth:invalid,
		input.optionsMotto:invalid,
		input.optionsCheck:invalid,
		select.optionsCivilStatus:invalid,
		input.optionsTattoo:invalid,
		input.optionsPiercings:invalid,
		input.optionsHeight:invalid,
		input.optionsColor:invalid,
		input.optionsDrink:invalid,
		input.optionsFood:invalid,
		input.optionsFruit:invalid,
		input.optionsSport:invalid,
		input.optionsTopic:invalid,
		input.optionsCrush:invalid
		{
			box-shadow:none;
		}
		input.optionsUser:valid,
		input.optionsPass:valid,
		input.optionsFB:valid,
		input.optionsTwitter:valid,
		input.optionsIG:valid,
		input.optionsTiktok:valid,
		input.optionsMail:valid,
		input.optionsName:valid,
		input.optionsLocation:valid,
		input.optionsBirth:valid,
		input.optionsMotto:valid,
		input.optionsCheck:valid,
		select.optionsCivilStatus:valid,
		input.optionsTattoo:valid,
		input.optionsPiercings:valid,
		input.optionsHeight:valid,
		input.optionsColor:valid,
		input.optionsDrink:valid,
		input.optionsFood:valid,
		input.optionsFruit:valid,
		input.optionsSport:valid,
		input.optionsTopic:valid,
		input.optionsCrush:valid{
			/*color:darkgreen;*/
		}
	input.optionsSubmit{
		font-style: normal;
		display:block;
		font-size:5vw;
		border-radius: 1vw;
		background: royalblue;
		text-align:center;
		color:white;
		padding:3vw 5vw;
		border:1px solid white;
		text-decoration:none;
		text-shadow: none;
		transition: text-shadow 0.3s, border-color 0.3s;
		margin: 7vw auto;
		cursor:pointer;
	}
		input.optionsSubmit:hover{
			text-shadow: 0 1px 1px #fff;
			border-color:powderblue;
		}
	optionsNotify{
		display:block;
		color:#333;
		margin-bottom: 20px;
		font-size:4vw;
	}
	
/* DESKTOP VIEW MODIFICATIONS */
@media all and (min-device-width: 640px) and (min-width: 960px) and (orientation: landscape ){
	body{

	}
	/* \- OPTIONS */
form#optionsBox{
	color: #222;
	border:2px solid white;
	background:whitesmoke;
	display:block;
	width: 350px;
	min-height:100px;
	/*border-bottom-left-radius: 1vw;
	border-bottom-right-radius: 1vw;*/
	box-shadow: 0 1px 4px #BBBBBB;
	margin:auto;
	margin-bottom: 25px;
	padding:20px 50px 30px 50px;
	margin-top:60px;
	text-align:center;
	font-size:inherit;
}

	input.optionsUser,
	input.optionsMail,
	input.optionsPass,
	input.optionsName,
	input.optionsLocation,
	input.optionsBirth,
	input.optionsFB,
	input.optionsTwitter,
	input.optionsTiktok,
	input.optionsIG,
	input.optionsBereal,
	select.optionsType,
	select.optionsGender,
	input.optionsMotto,
	select.optionsCivilStatus,
	input.optionsTattoo,
	input.optionsPiercings,
	input.optionsHeight,
	input.optionsColor,
	input.optionsDrink,
	input.optionsFood,
	input.optionsFruit,
	input.optionsSport,
	input.optionsTopic,
	input.optionsCrush{
		background-color:white;
		background-image:url('../-img/options/user.png');
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: 5px;
		text-align:left;
		border: 1px solid #bbb;
		border-radius: 4px;
		font-size:14px;
		height:25px;
		padding:3px 13px 3px 30px;
		width: 250px;
		display:block;
		margin:7px auto;
		color: #333;
		font-family:verdana;
		transition: border-color 0.3s, background-color 0.3s, color 0.3s;
	}
	input.optionsPass{
		background-image:url('../-img/options/key.png');
		width:175px;
	}
	optionsPassShow{
		display:block;
		background-image:url('../-img/options/eye.png');
		width: 20px;
		height: 20px;
		margin-left: 290px;
		margin-top:5px;
		position:absolute;
		background-size: 20px;
		cursor:pointer;
	}
	input.optionsMail{
		background-image:url('../-img/options/mail.png');
	}
	input.optionsName{
		background-image:url('../-img/options/name.png');
	}
	input.optionsLocation{
		background-image:url('../-img/options/location.png');
	}
	input.optionsBirth{
		background-image:url('../-img/options/birth.png');
	}
	input.optionsMotto{
		background-image:url('../-img/options/lema.png');
		height:auto;
	}
	input.optionsFB{
		background-image:url('../-img/options/fb.png');
	}
	input.optionsTwitter{
		background-image:url('../-img/options/twitter.png');
	}
	input.optionsTiktok{
		background-image:url('../-img/options/tiktok.png');
	}
	input.optionsIG{
		background-image:url('../-img/options/ig2.png');
	}
	input.optionsBereal{
		background-image:url('../-img/options/bereal2.png');
	}
	input.optionsTattoo{
		background-image:url('../-img/options/tattoo.png');
	}
	input.optionsPiercings{
		background-image:url('../-img/options/piercings.png');
	}
	input.optionsHeight{
		background-image:url('../-img/options/height.png');
	}
	input.optionsColor{
		background-image:url('../-img/options/color.png');
	}
	input.optionsDrink{
		background-image:url('../-img/options/drink.png');
	}
	input.optionsFood{
		background-image:url('../-img/options/food.png');
	}
	input.optionsFruit{
		background-image:url('../-img/options/fruit.png');
	}
	input.optionsSport{
		background-image:url('../-img/options/sport.png');
	}
	input.optionsTopic{
		background-image:url('../-img/options/topic.png');
	}
	input.optionsCrush{
		background-image:url('../-img/options/crush.png');
	}
	input.optionsCheck{
		cursor:pointer;
	}
	select.optionsType,select.optionsGender,select.optionsCivilStatus{
		background-image:url('../-img/options/padlock.png');
		text-align:left;
		padding: 2px 30px;
		width:295px;
		height:30px;
		/*color:darkgreen;*/
	}
	select.optionsCivilStatus{
		background-image:url('../-img/options/civil_status.png');
	}
	select.optionsGender{
		background-image:url('../-img/options/gender.png');
	}
		input.optionsUser:focus,
		input.optionsPass:focus,
		input.optionsMail:focus,
		input.optionsFB:focus,
		input.optionsTwitter:focus,
		input.optionsIG:focus,
		input.optionsTiktok:focus,
		input.optionsName:focus,
		input.optionsLocation:focus,
		input.optionsBirth:focus,
		input.optionsMotto:focus,
		select.optionsCivilStatus:focus,
		input.optionsTattoo:focus,
		input.optionsPiercings:focus,
		input.optionsHeight:focus,
		input.optionsColor:focus,
		input.optionsDrink:focus,
		input.optionsFood:focus,
		input.optionsFruit:focus,
		input.optionsSport:focus,
		input.optionsTopic:focus,
		input.optionsCrush:focus{
			border-color:gray;
			background-color:whitesmoke;
			color: black;
		}
		input.optionsUser:invalid,
		input.optionsPass:invalid,
		input.optionsMail:invalid,
		select.optionsType:invalid,
		select.optionsGender:invalid,
		input.optionsFB:invalid,
		input.optionsTwitter:invalid,
		input.optionsIG:invalid,
		input.optionsTiktok:invalid,
		input.optionsName:invalid,
		input.optionsLocation:invalid,
		input.optionsBirth:invalid,
		input.optionsMotto:invalid,
		input.optionsCheck:invalid,
		select.optionsCivilStatus:invalid,
		input.optionsTattoo:invalid,
		input.optionsPiercings:invalid,
		input.optionsHeight:invalid,
		input.optionsColor:invalid,
		input.optionsDrink:invalid,
		input.optionsFood:invalid,
		input.optionsFruit:invalid,
		input.optionsSport:invalid,
		input.optionsTopic:invalid,
		input.optionsCrush:invalid{
			box-shadow:none;
		}
		input.optionsUser:valid,
		input.optionsPass:valid,
		input.optionsFB:valid,
		input.optionsTwitter:valid,
		input.optionsIG:valid,
		input.optionsTiktok:valid,
		input.optionsMail:valid,
		input.optionsName:valid,
		input.optionsLocation:valid,
		input.optionsBirth:valid,
		input.optionsMotto:valid,
		input.optionsCheck:valid,
		select.optionsCivilStatus:valid,
		input.optionsTattoo:valid,
		input.optionsPiercings:valid,
		input.optionsHeight:valid,
		input.optionsColor:valid,
		input.optionsDrink:valid,
		input.optionsFood:valid,
		input.optionsFruit:valid,
		input.optionsSport:valid,
		input.optionsTopic:valid,
		input.optionsCrush:valid{
			/*color:darkgreen;*/
			
		}
	input.optionsSubmit{
		font-style: normal;
		display:block;
		font-size:14px;
		border-radius: 4px;
		background: royalblue;
		text-align:center;
		width:180px;
		color:white;
		padding:10px 10px;
		border:1px solid white;
		text-decoration:none;
		text-shadow: none;
		transition: text-shadow 0.3s, border-color 0.3s;
		margin: 25px auto;
		cursor:pointer;
	}
		input.optionsSubmit:hover{
			text-shadow: 0 1px 1px #fff;
			border-color:powderblue;
		}
	optionsNotify{
		display:block;
		color:#333;
		margin-bottom: 20px;
		font-size:inherit;
	}
}
/* \- OPTIONS */