.overlay{
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  z-index: 10;
		  background-color: rgba(0,0,0,0.5); /*dim the background*/
		}

		.modal {
		    /* some styles to position the modal at the center of the page */
		    position: fixed;
		    top: 50%;
		    left: 50%;
		    width: 700px;
		    height: 400px;
		    margin-left: -350px;
		    margin-top: -200px;
		    background-color: #fff;
		    text-align: center;
		    font-family: 'Raleway', sans-serif;
		    /* needed styles for the overlay */
		    z-index: 10; /* keep on top of other elements on the page */
		    outline: 9999px solid rgba(0,0,0,0.5);
		    background-size: 100% 100%;
		     background-image: url("https://download.unsplash.com/photo-1428263197823-ce6a8620d1e1");
		    
		}		

		.modal-left {
			float:left;
			width:50%;
		}
		.modal-right {
			float:left;
			width:50%;
			height:100%;
			background-color:rgba(255,255,255,0.9);
			padding:40px 20px;
			box-sizing: border-box;
			text-align: center
		}		

		.modal input {
			display:block;
			width:75%;
			padding:8px;
			margin:0 auto;
		}

		.modal .btn {
			width:75%;
			padding: 20px;
		  background: rgb(0, 177, 106);
		  border: 0;
		  text-transform: uppercase;
		  color: #fff;
		  letter-spacing: 2px;			
				} 


		.modal-already-user-link {
			margin-top:20px;
			font-size:12px;
			color:#000;
		}

		.modal-already-user-link a {
			color:#000;
		text-decoration: none
		}

		.modal-close {
			position:absolute;
			right:0;
			top:0;
			padding:7px 10px;
			font-size:18px;
			background:#444;
			color:#fff;
			cursor:pointer;
		}

		.rememberme {
			font-size:13px;
			margin-top:20px;
		}

				#modal h2{
					text-transform: uppercase;
					font-size:13px;
					letter-spacing: 3px;
					margin-bottom:20px;
				}

		.msg {
		  clear: both;
		  background: #F5D76E;
		  padding: 10px 5px;
		  width: 75%;
		  margin: 20px auto;
		    font-size: 12px;
		  text-transform: uppercase;
		  box-sizing: border-box;
		  color: #444;
		  display:none;
		}

		.bd-follow-btn {
			display:none;position:fixed; bottom:20px; right:20px;overflow:hidden;background:#fff;width:200px;border:1px solid #ddd;padding:13px;font-family: 'Raleway', sans-serif;font-size:12px;line-height:150%;-moz-box-shadow: 0 0 3px #ccc;-webkit-box-shadow: 0 0 3px #ccc;box-shadow: 0 0 3px #ccc;z-index:100
		}