.loading {
	background-image: url("../img/loading.gif");
	background-position: 88% 5px;
	background-repeat: no-repeat;
}
label {
	/*color: #000;*/
}
/* input {
	margin-bottom: 20px !important;
} */

.error{
	border: 1px solid #FF6657 !important;
	box-shadow: 0 0 5px #FF6657 !important;
}


.close {
	opacity: 1.0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.modal-row {
	position: relative;
	
}
.modal-offcenter {
	position: relative;
	margin-top: 84px;
	min-height: 500px;
	overflow: hidden;
}
.modal {
	background: #000;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2e2e2e), to(#1e1e1e));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#2e2e2e), to(#1e1e1e));
	background: -moz-linear-gradient(center top, #2e2e2e, #1e1e1e);
	background: linear-gradient(#2e2e2e, #1e1e1e);
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.5);
	/*-webkit-backface-visibility: hidden;*/
}
.modal-body {
	max-height: 440px !important;
	overflow: hidden;
}
.modal-body hr {
	margin-top: 0px !important;
	margin-bottom: 10px !important;
	border-top: 1px solid rgba(255,255,255,0.13);
}
.modal a.btn, input.btn {
	margin: 10px 0;
}

/* contact
-------------------------------------------------- */
#modal-contact.modal {
	position: absolute;
	left: auto;
	right: 0px;
	width: auto;
	border: 1px solid rgba(255, 255, 255, 0.1);
}
#modal-contact.modal::after {
	content: '';
	display: block;
	position: absolute;
	top: -20px;
	left: auto;
	right: 55px;
	width: 0;
	height: 0;
	border-color: transparent transparent #000 transparent;
	border-style: solid;
	border-width: 10px;
}
#modal-contact.modal.fade {
	-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
	     -o-transition: opacity 0.3s linear, top 0.3s ease-out;
		transition: opacity 0.3s linear, top 0.3s ease-out;
	top: -500px;
}
.container #modal-contact.modal.fade.in {
	top: 16px;
}
/*---------------------max-width: 979px----------------------------- */
@media (max-width: 979px) {
#modal-contact.modal {
	position: fixed;
	top: 10%;
	left: 50%;
	width: 300px;
	margin-left: -150px;
}
#modal-contact.modal::after {
	content: '';
	display: none;
}
.container #modal-contact.modal.fade.in {
	top: 10px;
}
form textarea {
	width: 240px;
}
}
/*---------------------max-width: 320px----------------------------- */
@media (max-width: 320px) {
.modal-backdrop,
.modal-backdrop.fade.in {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#modal-contact.modal {
	width: 280px;
	margin-left: -140px;

}
}