/*	--------------------------------------------------
Reveal Modals
-------------------------------------------------- */

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;

	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -275px;
	width: 550px;
	padding: 0 40px;
	background: #fff url(modal-gloss.png) no-repeat -200px -80px;
	position: absolute;
	z-index: 101;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal h3{text-align: center;margin-left: -20px;}
.reveal-modal img{width: 70px;}
.reveal-modal input{width: 100%;height: 33px;border: 1px solid #ccc;margin: 10px 0;padding-left: 5px;}
.reveal-modal textarea{width: 100%;border: 1px solid #ccc;padding: 5px ;height: 80px;}

.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;}
.Verification_Code{width: 20%;}
.myModal_btn{
width: 100%;
height: 35px;
background-color: #bd4e00;
border: none;
color: #fff;
margin-bottom: 20px;
font-size: 16px;}
.x{wwidth: 50px;height: 50px;background: #fff;border-radius: 50%;position: absolute;top: -25px;right: -25px;cursor: pointer;}
.x img{width: 15px;margin: 17px 14px 15px 17px;}

@media all and (max-width:768px){
	.reveal-modal {
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -220px;
    width: 450px;

}
}

@media all and (max-width:550px){
	.reveal-modal {
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -185px;
    width: 350px;
}
}
@media all and (max-width:400px){
	.reveal-modal {
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -135px;
    width: 270px;
    padding: 0 10px;
    background: #fff url(modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
}
}