/* === MAILFORM ========================== */
.fh {  }

.fh fieldset { border:0; background:#ffffff; display:block; margin:0 0 .5em 0; padding:1em; border-radius: 7px; position: relative }
.fh fieldset *,
.fh * { color: #333333 } 
.fh fieldset + fieldset { margin-top: 1em; }

.wrap > .Tx-Formhandler { margin-top: -1em }

.fh legend 	{ padding: .2em 1em; background: #ffffff; text-transform: uppercase; font-weight: 600;  }
.fh .frow 	{ padding: 0 0 1em 0; position: relative; } 

.fh.dark { background: transparent; }
.fh.dark fieldset{ background:#ffb973; margin:0; padding:1em; }


@media(min-width: 768px){
	.fh .frow label, 
	.fh .frow .label { float: left; width:30%; padding: .3em 0; }
	.fh .frow > div { float: left; width:70%; }
	
	.fh .input--small label, 
	.fh .input--small .label { float: left; width:70%; padding: .3em 0;}
	.fh .input--small > div { float: left; width:30%; }
	.fh .input--small { }
	
}


.fh .t input, .fh select, .fh textarea { color: #222; } 

.fh .t input, 
.fh select,
.fh textarea { border: 1px solid #ddd; padding: .3em; width: 100%; border-radius: 4px; }

.fh textarea { min-height:6em; }

/*
.fh input[type=submit] { background: #eee; color: #333; font-weight: 400; border: 0; display: inline-block; width: auto; margin-top: 1em; padding: 0.5em 1em;  }
.fh input[type=submit]:hover { text-decoration: none; background: #aaa; }
.fh.label input[type=submit] { margin-left: auto; width: 75%; margin-top: 0.5em; }

.fh input[type=submit] { border-radius: 7px; }
.fh input[type=submit] { -webkit-transition: background .5s; transition: background .5s; }
*/

.fh input[type=submit] { background: transparent; border: 0; }

#canvas .fh .btn-small { display: block; text-align: center; width: 100%; padding: .3em; border-radius: 4px; margin: 0; background: #eee; }

.fh select { padding: 4px 0; width: 100%;  /*-webkit-appearance:none;*/  }

.fh .check label { float: none; width: auto; display: block; padding-right: 0; margin-right: 0;  }
.fh .check label input { margin-right: 0.5em; }

.fh .check.checkboxes label { display: inline-block; white-space: nowrap; }

.fh .check.input--small label { padding-right: 35%; position: relative; }
.fh .check.input--small input { position: absolute; left: 70%; }



/* DARK BG */
.fh.dark .t input, 
.fh.dark textarea { border: 0; }

.fh.dark input[type=submit] { background: #eee; border: 0; display: block; width: 100%; margin-top: 1em; padding: 0.5em 1em; }
.fh.dark input[type=submit]:hover { text-decoration: none; }

/* LABEL ABOVE */
.fh.label-above .frow label { float: none; width:auto; padding: 0; }
.fh.label-above .frow > div { float: none; width:auto; }


.fh#wrb .frow.n label { float: left; width:75%; padding: .3em 0; }
.fh#wrb .frow.n > div { float: left; width:25%; }

/* == FEEDBACK ================= */
.fh.success,
.fh .success { padding: 2em; margin-bottom: 0; background: transparent; }

.fh .artRow { padding: 2px 0; position: relative; }
.fh .artRow .cb { float:none; width: 30px; position: absolute; top: 15px; left: 0;   }
.fh .artRow .cb + div { padding-left: 30px;  }


/* ==================== */
.fh table 	{ width: 100%; }
.fh table.autowidth 	{ width: auto; }
.fh td 		{ vertical-align: middle; text-align: left; padding: 10px 20px 0 0;  }
.fh td input[type=text] { margin:0; }

.fh .cb {  }

/*input:required:valid { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII='); background-position: right  center; background-repeat: no-repeat; }*/

.fh .has-error { /*background: #F7D5D9*/ }
.fh .has-error input[type=text], 
.fh .has-error select, 
.fh .has-error textarea, 
.fh .has-error.pp  { border: 1px solid #F7D5D9; }

.fh .has-error.pp  { padding: 1em;  border-radius: 4px; }
.fh .has-error.pp label { position: relative; }

.fh .error { color: #cc0000; display: block; line-height: 1.1; }


::-webkit-input-placeholder{ color:#666; font-weight: 400; }
    :-ms-input-placeholder { color:#666; font-weight: 400; }
        ::-moz-placeholder { color:#666; font-weight: 400; }
         :-moz-placeholder { color:#666; font-weight: 400; }

.row_tasty { display: none; }

.fh label span, .fh .label span { display: block; font-size: 80%; line-height: 1.1; }