/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.5);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		z-index:9998;
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -215px;
		width: 400px;
		background:#d3d9e1;
		background:linear-gradient(to top, #ffffff, #d3d9e1);
		position: absolute;
		padding: 15px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		-moz-box-shadow: 0 0 20px rgba(0,0,0,.6);
		-webkit-box-shadow: 0 0 20px rgba(0,0,0,.6);
		-box-shadow: 0 0 20px rgba(0,0,0,.6);
		z-index:9999;
		}
	
	.reveal-modal p {
	padding-top: 15px;
    margin: 0;
    font-size: 24px;
	}
	
	.reveal-modal #ok span, .reveal-modal #ok-callback span {
	    display: block;
	    padding: 15px 0;
	}
	
	.reveal-modal .text {
	padding:25px;
	line-height:22px;
	}
	
	.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 {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 20px;
		right: 20px;
		color: #000;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 

#ok-imitation {
    display: none;
}

#reveal-social {
    width: 660px;
    margin-left: -345px;
    text-align: center;
}

#vk_groups, #fb_groups {
    display: inline-block;
    position: relative;
    margin-left: 20px;
}
#fb_groups {
    margin-left: 60px;
}
#vk_groups .logo, #fb_groups .logo {
    width: 44px;
    height: 170px;
    position: absolute;
    top: 25px;
    left: -43px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px 0 0 10px;
}
#vk_groups .logo {
    background-image: url(../img/vkb.png);
}
#fb_groups .logo {
    background-image: url(../img/fbb.png);
}

.reveal-modal input[type="text"] {
    width: 340px;
    margin-bottom: 15px;
    padding: 5px;
}
.reveal-modal .button {
    display: block;
    margin: auto;
    border:0px none;
    padding: 10px 30px;
    color: #FFFFFF;
    background: #c8002d;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}


@media screen and (max-width: 600px) {
    .reveal-modal {
        width: 92%;
        margin-left: -48%;
        text-align: center;
        padding: 2%;
    }
    .reveal-modal input[type="text"] {
        width: 98%;
        padding: 1%;
    }
}