.reveal-modal-bg { position: fixed; height: 100%;width: 100%;background: #000;background: url(../images/bg-black.png) repeat; z-index: 9998;display: none;top: 0;left: 0; }
.reveal-modal {visibility: hidden; top: 50px; left: 50%; margin-left: -150px; position: absolute; z-index: 9999; background: #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:300px; padding:18px 18px 21px; box-shadow: 0 0 7px 0 #B9B9B9; -moz-box-shadow: 0 0 7px 0 #B9B9B9; -webkit-box-shadow: 0 0 7px 0 #B9B9B9;}
.reveal-modal.small {width: 200px; margin-left: -140px;}
.reveal-modal.medium {width: 400px; margin-left: -240px;}
.reveal-modal.large {width: 600px; margin-left: -340px;}
.reveal-modal.xlarge {width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {position: absolute; top: 0; right: 3px; cursor: pointer; background: url(../images/close.png) no-repeat; width: 24px; height: 24px;} 
.reveal-modal .close-reveal-modal:hover {opacity:0.9;}

/*Ð¤Ð¾Ñ€Ð¼Ð° Ð·Ð°ÐºÐ°Ð·Ð°Ñ‚ÑŒ Ð·Ð²Ð¾Ð½Ð¾Ðº*/
.modal-form-call {text-align:center;}
.modal-form-call h2 {font: 22px 'NeoSansProBold'; margin:0 0 15px 0; line-height:22px; text-align:center;}
.modal-form-call h2 span {font: 400 17px 'NeoSansProMedium';}
.modal-form-call img {margin:0 0 10px 0; border: 3px solid #CDB19A; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.modal-form-call form {padding:0 20px;}
.modal-form-call input[type=text]{width:89%; height:40px; color:#a0a0a0; font: 14px 'NeoSansProRegular'; border: 1px solid #CBCBCB; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 0 10px 0; padding:0 12px;}
.modal-form-call input[type=text]:focus {border: 1px solid #7DCA2B;}
.modal-form-call button {width: 100%; background: #6C4131; color:#fff; font: 18px 'NeoSansProBold'; display: table; padding: 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: solid #4D2415; border-width:0 0 3px 0; outline:0; margin: 0 auto; position: relative; cursor: pointer;}
.modal-form-call button:hover {opacity:0.9;}
.modal-form-call button:active {border-width:0 0 1px 0; margin:2px auto 0 auto;}



#thanks {}
#thanks img {border:0 !important;}
#thanks p {color: #393939; font: 15px 'NeoSansProRegular';}


/*
	
NOTES

Close button entity is &#215;

Example markup

<div id="myModal" class="reveal-modal">
	<h2>Awesome. I have it.</h2>
	<p class="lead">Your couch.  I it's mine.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
	<a class="close-reveal-modal">&#215;</a>
</div>

*/
