*{
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover {
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}


.subscriber-area{ width:60%; height:auto; margin:20px auto ; background:#FFF; display:block; border:1px solid #CCC; border-radius:1%; text-align:center; vertical-align:middle;}
.subs-title{ width:100%; text-align:center; font-size:18px; font-weight:bold; display:block; margin-top:20px; color:#000; font-family:Verdana, sans-serif;}
.btn-area{ width:100%; height:auto; text-align:center; line-height:35px; margin-top:2%;}
.sb-now a { padding:5px 10px; background:#01d5fb; color:#FFF; font-weight:bold; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);  }
.sb-now a:hover{ text-decoration:none; background:#0fbedd; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}
.sb-login a { padding:5px 10px; background:#093; color:#FFF; font-weight:bold; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1); }
.sb-login a:hover{ text-decoration:none; background:#F00; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}




.subscribe-area{width:320px; background:#fff; display:block; overflow:hidden; margin:5% 24%; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

.subscribe-area h2{display:block; overflow:hidden; clear:both; background:#f5f5f5; padding:12px 0; text-align:center; font-size:20px; line-height:22px; color:#767676; font-weight:normal;}
.subscribe-area > div{display:block; overflow:hidden; padding:20px; padding-bottom:15px;}

.fb-icon-area{text-align:center; display:block;}
.fb-icon-area a{margin-bottom:8px; clear:both; display:block;}
.fb-icon-area > img{padding:12px 0; display:block;}
.fb-icon-area > p{color:#767676; padding-bottom:15px;}

form.subsc{display:block; overflow:hidden; clear:both;}
form.subsc input[type="text"]{clear:both; margin-bottom:10px; width:100%; border:none; background:#eaedf2 url('../images/login-email-icon.png') no-repeat 10px center; padding:8px 0; color:#464646; text-indent:35px;}
form.subsc input[type="text"].password{background-image:url('../images/login-password-icon.png');}
form.subsc input[type="button"]{padding:6px 0; width:100%; text-align:center; color:#fff; clear:both; margin:3px 0 10px; background:#5aba47; border:none; text-transform:uppercase; font-weight:600; cursor:pointer;}
form.subsc input[type="button"]:hover{background:#3e3e3e;}

.forget-password{color:#767676; text-align:center; display:block; overflow:hidden; clear:both; margin-bottom:10px;}
.forget-password a{color:#3498db;}

.terms{font-size:11px; text-align:center; color:#767676;}
.terms a{color:#4c4c4c;}


@media only screen and (max-width: 800px) {
	
		.subscribe-area{ width:360px; float:none; margin:5% 0 3% 13%;}
		
	}
@media only screen and (max-width: 640px) {
	.subscriber-area{ width:100%; text-align:center;}
		.subscribe-area{ width:360px; float:none; margin:5% 0 3% 23%;}
		.subs-title{ font-size:18px;}
	}

@media only screen and (max-width: 480px) {
	.subscriber-area{ width:100%; text-align:center;}
		.subscribe-area{ width:360px; float:none; margin:5% 0 3% 10%;}
		.subs-title{ font-size:18px;}
	}

@media only screen and (max-width: 360px) {
	.subscriber-area{ width:100%;}
		.subscribe-area{ width:auto; float:none; margin:10px 0 0 0;}
		.subs-title{ font-size:16px;}
	}

	@media only screen and (max-width: 320px) {
		.subscriber-area{ width:100%;}
		.subscribe-area{ width:auto; float:none; margin:10px 0 0 0;}
		.subs-title{ font-size:16px;}

		}