.form-row div input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;

} 


.form-clearfix:before,
.form-clearfix:after{
  display: table;
  content: " ";
}
.form-clearfix:after{
  clear: both;
}

.form-headline{
	text-align:left;
}
.form-headline h2{
	font-size: 2em;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	padding: 1em 0 0.3em 0;
}
.form-headline span{
	color: #777;
}
.form-row{
	margin-bottom:1em;
}
.form-row .newline{
	width: 95%; 
	float: left;
	margin-right: 1%;
} 
.form-row div span,
.form-row2 span{
	font-size:0.9em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	display:block;
	//padding:0 0 0.5em;
	padding-top: 0.6em;
	padding-bottom: 1px;
}


.fileUpload {
	width: 100%;
  	width:100%;
	padding:1em;	
	font-family: 'Droid Sans', sans-serif;
	border:1px solid #EEE;
	-webkit-appearance:none;
	outline:none;
	color:#777;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
}



.form-row div #holder { 
	border: 10px dashed #ccc; 
	width: 150px; 
	height: 150px; 
	margin: 20px auto;
}
.form-row div #holder.hover { 
	border: 10px 
	dashed #333; 
}

.tp_msg_result {
	min-height:50px;

} 


.form-row div progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
   appearance: none;

  width: 100%;
  height: 20px;
}

.form-row div p{
	width:93%;
	padding:1em;

	font-family: 'Droid Sans', sans-serif;
	border:1px solid #EEE;
	-webkit-appearance:none;
	outline:none;
	color:#777;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
}



.form-row div input[type="datetime"],
.form-row div input[type="password"],
.form-row div input[type="email"],
.form-row div input[type="text"]{
	width:100%;
	padding:0.7em;	
	font-family: 'Droid Sans', sans-serif;
	border:1px solid #EEE;
	-webkit-appearance:none;
	outline:none;
	color:#777;
	resize:none;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
}


.form-row textarea,
.form-row img,
.form-row video{
	width:100%;
	padding:0.7em;		
	font-family: 'Droid Sans', sans-serif;
	border:1px solid #EEE;
	-webkit-appearance:none;
	outline:none;
	color:#777;
	resize:none;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
}


.tp_label{
	width:100%;
	padding:0.7em;	
	font-family: 'Droid Sans', sans-serif;
	border:1px solid #EEE;
	-webkit-appearance:none;
	outline:none;
	color:#777;
	resize:none;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
}

.form-row div select{
	width:100%;
	padding:0.7em;	
	font-family: 'Droid Sans', sans-serif;
	border:1px solid #EEE;
	-webkit-appearance:none;
	outline:none;
	color:#777;
	overflow: hidden;
   background: url(dropdownarrow.png) no-repeat right ;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
}


.xstyled-select xselect {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }




.height320{
	min-height:320px;
}

.height50{
	min-height:50px;
}

.tp_hide{
	display: none;
}

.form-row div input[type="submit"],
.form-row div input[type="button"],
.form-row input[type="button"]{
	background: #2d50dd;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	outline: none;
	margin-top:0.7em;
	margin-right: 0.7em;
	margin-bottom: 0.7em;
	//border-radius: 3px;
	padding: 0.7em 2em;
	font-size: 1.2em;
	display: inline-block;
	transition: 0.5s all;

	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.form-row div input[type="submit"]:hover,
.form-row div input[type="button"]:hover,
.form-row input[type="button"]:hover{
	background: #000;
}
 
.form-row div input[type="password"]:focus,
.form-row div input[type="datetime"]:focus,
.form-row div input[type="datetime"]:focus,
.form-row div input[type="email"]:focus,
.form-row div input[type="text"]:focus,
.form-row div video:focus,
.form-row div img:focus,
.form-row .label:focus,
.fileUpload:focus,
.form-row div textarea:focus,
.form-row div select:focus{
	outline: none;
	color:#2d50dd;
	border-color:#2d50dd;
}


.form-row div input[type="password"]:hover,
.form-row div input[type="datetime"]:hover,
.form-row div input[type="datetime"]:hover,
.form-row div input[type="email"]:hover,
.form-row div input[type="text"]:hover,
.form-row div img:hover,
.form-row div video:hover,
.form-row .label:hover,
.fileUpload:hover,
.form-row div textarea:hover,
.form-row div select:hover{
	color:#2d50dd;
	border-color:#2d50dd;
}


.form-row div:nth-child(3){
	margin-right:0;
}
.form-row2 {
	margin-top:1em;
}




/* graceful degradation for ie8 */
.form-row div input[type='checkbox'],
.form-row div input[type='radio'] {
	width:100%;
	padding:1em;	
	font-family: 'Droid Sans', sans-serif;
	border:1px solid #EEE;
	-webkit-appearance:none;
	//outline:none;
	color:#777;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;


}

.form-row div input[type='checkbox']:checked,
.form-row div input[type='checkbox']:not(:checked),
.form-row div input[type='radio']:checked,
.form-row div input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

.form-row div input[type='checkbox'] + label,
.form-row div input[type='radio'] + label {
  cursor: pointer;
}



.form-row div input[type='checkbox']:checked + label::before,
.form-row div input[type='checkbox']:not(:checked) + label::before,
.form-row div input[type='radio']:checked + label::before,
.form-row div input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 1em;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

.form-row div input[type=radio]:checked + label::before,
.form-row div input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

.form-row div input[type='checkbox']:hover  + label::before,
.form-row div input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

.form-row div input[type='checkbox']:checked  + label::before,
.form-row div input[type='radio']:checked  + label::before {
  background:#2d50dd;;
  box-shadow: inset 0 0 0 2px white;
}







