/**********
 **
 ** Ext: Powermail
 ** ID: .tx-powermail
 ** Partial: .powermail_form_1
 ** 
 ****************************************/
 
	/* General */
	.tx-powermail { margin-bottom: 20px; display: block; overflow: hidden; }
	.tx-powermail legend,
	.tx-powermail h3 { display: none; }
	.tx-powermail fieldset { width: 100%; overflow: hidden; }
	.tx-powermail label { width: 100%; margin-bottom: 5px; display: block; }
	.tx-powermail .mandatory { color: #b38404; }
	.tx-powermail input[type=text],
	.tx-powermail input[type=email],
	.tx-powermail input[type=tel],
	.tx-powermail select,
	.tx-powermail textarea {
		width: 100%;
		height: 59px;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #dfe5e3;
		padding: 0px 22px;
		background-color: #FFFFFF;
		margin-bottom: 10px;
		transition-property: border;
		transition-duration: 0.2s;
		transition-timing-function: linear;		
	}
	.tx-powermail input[type=text]:hover,
	.tx-powermail input[type=text]:focus,
	.tx-powermail input[type=email]:hover,
	.tx-powermail input[type=email]:focus,
	.tx-powermail input[type=tel]:hover,
	.tx-powermail input[type=tel]:focus,
	.tx-powermail select:hover,
	.tx-powermail select:focus,		
	.tx-powermail textarea:hover,
	.tx-powermail textarea:focus { border: 1px solid #5d9100; outline-color: #FFFFFF; }
	.tx-powermail textarea { height: 100px; padding: 6px 10px; }
	.tx-powermail input[type=checkbox] {}
	.tx-powermail input[type=submit] {
		width: 100%;
		height: 59px;
		text-align: center;
		color: #FFFFFF;
		font-weight: 700;
		cursor: pointer;
		text-transform: uppercase;
		background-color: #5d9100;
		font-size: 13px;
		transition-property: opacity;
		transition-duration: 0.2s;
		transition-timing-function: linear;			
	}
	.tx-powermail input[type=submit]:hover { opacity: 0.75; }
	.tx-powermail .powermail_fieldwrap_select { position: relative; }
	.tx-powermail .powermail_fieldwrap_select select {
		position: relative;
		z-index: 2;
		background-color: transparent;
	}
	.tx-powermail .powermail_fieldwrap_select:before {
		font-family: FontAwesome;
		content: "\f107";
		-webkit-font-smoothing: antialiased;
		text-rendering: auto;
		-moz-osx-font-smoothing: grayscale;    
		vertical-align: -2px;
		font-size: 20px;
		color: #5d9100;
		position: absolute;
		bottom: 7px;
		right: 15px;
		z-index: 1;
	}
	.tx-powermail .powermail_fieldwrap_html { margin-top: 15px; }
	.tx-powermail ul { margin: 0px; }
	.tx-powermail li.parsley-required,
	.tx-powermail li.parsley-custom-error-message { color: #fc4242; margin: 0px 0px 10px 0px; }
	.tx-powermail input[type=text].parsley-error ,
	.tx-powermail input[type=email].parsley-error ,
	.tx-powermail input[type=tel].parsley-error ,
	.tx-powermail textarea.parsley-error  { border: 1px solid #fc4242; }	
	
	/* Form "contact" */
	.tx-powermail .powermail_form_1 input[type=submit] { max-width: 125px; }
	
	/* Form "Meubelwensen" */
	.tx-powermail .powermail_form_2 label { display: none; }
	.tx-powermail .powermail_form_2 ul { display: none; }
	#form h2 { font-size: 20px; }
	@media( min-width: 711px ){
		#form h2 { text-align: center; }
		.tx-powermail .powermail_form_2 fieldset > div {
			float: left;
			width: calc(50% - 5px);
			width: -webkit-calc(50% - 5px);
			width: -moz-calc(50% - 5px);
			width: -o-calc(50% - 5px);
			margin-right: 10px;
		}
		.tx-powermail .powermail_form_2 fieldset > div:nth-child(2n+1) { margin-right: 0px; }
	}
	@media( min-width: 1280px ){
		.tx-powermail .powermail_form_2 fieldset > div {
			width: calc(30% - 7.5px);
			width: -webkit-calc(30% - 7.5px);
			width: -moz-calc(30% - 7.5px);
			width: -o-calc(30% - 7.5px);
			margin-right: 10px;
		}
		.tx-powermail .powermail_form_2 fieldset > div:nth-child(2n+1) { margin-right: 7.5px; }
		.tx-powermail .powermail_form_2 fieldset > div:last-child {
			margin-right: 0px;
			width: calc(10% - 7.5px);
			width: -webkit-calc(10% - 7.5px);
			width: -moz-calc(10% - 7.5px);
			width: -o-calc(10% - 7.5px);
		}
	}