#overlay {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(100, 63, 28, 0.65);

	/* Position */
	position: fixed;
	top: 	0;
	left: 	0;
	z-index: 9990;
	}

.modal {
	display: none;
	width: 600px;
	margin: 0 auto;
	background: #ffffff;
	border: 0;
	max-width: 100%;

	/* Position */
	position: fixed;
	top: 	100px;
	right: 	0;
	left: 	0; 
	z-index: 9999;
	}
	.modal .modal-close {
		width: 24px;
		height:24px;
		background: url("/img/icons/control/close-window.png") center center no-repeat;

		text-decoration: none;

		/* Position */
		position: absolute;
		top: 	10px;
		right: 	10px;
		z-index: 10;

		opacity: 0.75;
		}
	.modal .modal-close:hover{
		opacity: 1.0;
		}

	.modal .modal-content {
		padding: 20px;
		background-color: #fbf8f0;
		}
		.modal label {
			margin-bottom: 5px;
			}
		.modal .spinner {
			display: none;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.3) url("/img/spinner.gif") no-repeat scroll center center ;

			/* Position */
			position: absolute;
			z-index: 99;
			}

		.modal .caption {
			margin: 0 0 30px 0;
			padding: 20px 0 25px 0;

			/* Font */
			font-family: 'CharterC';
			font-size: 18px;
			letter-spacing: 2.5px;
			font-weight: normal;
			font-style: normal;
			color: #411f00;

			text-align: center;
			text-transform: uppercase;

			/* Position */
			position: relative;
			}

		.modal .caption::after {
			content: "";

			display: block;
			width: 140px;
			height: 1px;
			margin: 0 auto;

			background-color: #795c35;

			opacity: 0.5;

			/* Positon */
			position: absolute;
			right: 0;
			bottom: 0;
			left: 0;
			}

		.modal form input,
		.modal form textarea,
		.modal form label.upload {
			display: block;
			width: 100%;
			max-width: 100%;
			margin-top: 3px;
			margin-bottom: 10px;
			padding: 8px 10px;
			border: 1px solid #ebe0bd;

			/* Font */
			font-family: 'CharterC';
			font-size: 14px;
			letter-spacing: 1.5px;
			font-weight: normal;
			font-style: normal;
			color: #795c35;

			/* Box sizing */
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			}
		.modal form textarea{
			width: 100%;
			min-width: 100%;
			max-width: 100%;

			height: 	180px;
			min-height: 180px;
			max-height: 180px;
			}

		.modal-controls{
			padding: 10px 0 0 0;
			text-align: center;
			}
		.modal-controls button {
cursor: pointer;
height: 35px;
margin: 10px auto ;
   margin-left: 0px;
text-decoration: none;
border:0px;
background:#b98f41;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 20px 0 20px;
font-family: 'CharterC';
font-size: 11px;
letter-spacing: 1.5px;
font-weight: normal;
font-style: normal;
color: #fff;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
	}

		.modal-errors {
			display:none;
			margin-top: 20px;
			padding: 10px;
			
			background:#cc2516;;

			/* Font */
				font-family: 'CharterC';
			color:white;
			}

		.modal-result {
			display:none;
			margin-top: 20px;
			padding: 10px;
			
			background: #f0f0f0;;

			/* Font */
					font-family: 'CharterC';
			font-weight: bold;
			color: #505050;
			}
.form__input-wrapper, .form__btn-wrapper {display: inline-block;}