/* ================================================== */
/* contact form */
/* ================================================== */
	.error {
	padding:20px;
	border:none;
	display: none;
	color: #d9534f;
	border:solid 1px #d9534f;
	font-size: 12px;
	}
	.success {
	padding:20px;
	display: none;
	color: #5cb85c;
	border:solid 1px #5cb85c;
	margin-bottom: 20px;
	}
	.error img {
	vertical-align: top;
	}
	.full {
	width: 98%;
	}

	#contact_form{
	margin-top:20px;
	}

	#contact_form input[type=text],#contact_form textarea,#contact_form input[type=email],#search{
	padding:10px;
	margin-bottom:20px;
	color:#E94600;
	border:solid 1px rgba(0,0,0,.3);
	background:rgba(0,0,0,.2);
	border-radius:0 !important;
	height:auto;
	}

	.de_light #contact_form input[type=text],.de_light #contact_form textarea,.de_light #contact_form input[type=email], .de_light #search
		{
		border:solid 1px #E94600;
		background:#E94600;
		color:#333 !important;
		}




	#contact_form input[placeholder],#contact_form textarea[placeholder]{
	color:#000000;
	}
	#contact_form input[type=submit]{
	background:none;
	}

	#contact_form input[type=submit]:hover{
	color:#fff !important;
	background:#E94600;
	border-color:#E94600;
	}

	#contact_form textarea{
	height:165px;

	}

	.error_input{
	border-color:#D31E2B !important;
	}



	/* preloader */
	/* ================================================== */

	#preloader{
	position:fixed;
	z-index:20000;
	top:0;
	width:100%;
	height:100%;
	background:#222;
	text-align:center;
	}

	.preloader1 {
	   width:40px;
	   height:40px;
	   display:inline-block;
	   padding:0px;
	   border-radius:100%;
	   border:2px solid;
	   border-top-color:rgba(255,255,255, 0.65);
	   border-bottom-color:rgba(255,255,255, 0.15);
	   border-left-color:rgba(255,255,255, 0.15);
	   border-right-color:rgba(255,255,255, 0.15);
	   -webkit-animation: preloader1 0.8s ease-in infinite;
	   animation: preloader1 0.8s ease-in infinite;
	   position:absolute;
	   top:45%;
	   margin-left:-10px;
	}
	@keyframes preloader1 {
	   from {transform: rotate(0deg);}
	   to {transform: rotate(360deg);}
	}
	@-webkit-keyframes preloader1 {
	   from {-webkit-transform: rotate(0deg);}
	   to {-webkit-transform: rotate(360deg);}
	}


	/* progress bar */
	/* ================================================== */

	.de-progress{
	width:100%;
	height:4px;
	background:#ddd;
	margin-top:20px;
	margin-bottom:20px;
	}

	.de-progress .progress-bar{
	background:#333;
	height:4px;
	}

	.de-progress{
	background:rgba(255,255,255,.3);
	}