﻿select,
input,
textarea	{	appearance:			none; 
				-webkit-appearance:	none;
				-moz-appearance: 	none; }	
						
form			{	flex: 1 1 100.0%; padding: 0; }
.form			{	width: 100.00%; margin-top: 2.40rem; padding: 1.20rem; display: flex; flex-flow: row wrap; justify-content: center; }
.form div		{	flex: 1 1 40.00%; margin: 1.20rem; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: space-between; align-items: space-between; }
.form div div	{	margin: 0;  }

	textarea	{	display: block; width: calc(100.0% - 2.40rem); resize: vertical; min-height: 154px; padding: 0.90rem 1.20rem; border-radius: 0; }
	
	input		{	display: block; width: calc(100.0% - 2.40rem); height: 48px; padding: 0 1.20rem; border-radius: 0; }
	
	div + p		{	margin-top: 0.72rem; }

	input + input,
	input + textarea,
	input + p,
	input + a,
	label + input,
	a + input,
	p + input	{	margin-top: 1.20rem; }
	
	input + p	{	margin-top: 2.40rem; }
	
	input.first	{	margin-top: 0; }
							
	input[type=submit]			{	width: 100.0%; height: 50px; padding: 0 1.20rem; letter-spacing: 0.12em; text-transform: uppercase; }
	input[type=submit]:hover	{	text-decoration: none; cursor: pointer; }

input[type=radio], input[type=checkbox]		{	display: none; }
		label.blank  						{	position: relative; min-width: 60px; margin-top: 1.20rem; margin-right: 10px; padding: 3px 0 0 40px; cursor: pointer; }
		input + label.blank:before 			{	position: absolute; content: ""; display: block; top: 0; left: 0; width: 30px;  height: 30px; border-radius: 100.0%; background: #ffffff; box-shadow: inset 0 0 0 2px rgba(0,0,0,0.32); }
		input:checked + label.blank:before  {	background: #000000; box-shadow: inset 0 0 0 2px rgba(0,0,0,0.32), inset 0 0 0 8px #ffffff; }

.gender			{	width: 100.0%; height: 50px; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: stretch; align-items: stretch; }
.gender	label	{	flex: 1 1 100px; height: 100.0%; margin: 0; display: flex; flex-flow: row wrap; justify-content: center; align-content: center; align-items: center; }
.gender	label:first-child		{	margin-right: 0.60rem; }
.gender	label:last-child		{	margin-left:  0.60rem; }
.gender	input:checked + label	{	 }

/* --- Form blank --- */

.form.blank			{	padding: 0; margin-top: 0; }
.form.blank div		{	margin: 0.30rem 0; }

/* --- Form Newsletter --- */

/*	=================================
		END
	================================= */

