/*!
 * http://viralmoneymethod.com
 */
body { color: #333; background:url(../img/bg.png) fixed; font-family:"Open Sans",serif; font-size:14px; padding:0px; }
a { color:#2e2ef0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; cursor:pointer; text-decoration:none; }
a:hover, a:active, a:focus { color:#ff0101; text-decoration:underline; outline:none; }
::-moz-selection { color: #fff; background:#ff0000; }
::selection { color: #fff; background:#ff0000; }
.clearfix10 { display:block; clear:both; height:10px; }
.clearfix20 { display:block; clear:both; height:20px; }
.clearfix30 { display:block; clear:both; height:30px; }
.text-red { color:#ff0000; }
.img-responsive { margin:0px auto; }
.header { background:url(../img/texture-bg.jpg); color:#fff; font-size:48px; padding:20px 0px; text-align:center; }
.main { background:url(../img/pattern-bg.jpg); padding:20px 0px; padding:40px 0px 60px 0px; text-align:center; }
.embed-responsive { border:7px solid #111; border-radius:5px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); }
.main__content { display:block; padding:10px 30px; text-align:center; }
.main__text { font-size:32px; font-weight:bold; }
#countdown:before, #countdown:after { content:""; display:block; clear:both; }
#countdown { display:block; margin:20px auto 0px auto; width:360px; text-align:center; }
.countdown__box { background:#333; border-radius:5px; color:#fff; display:block; float:left; font-size:48px; font-weight:bold; line-height:100px; height:100px; margin:0px 10px; text-align:center; width:100px; }
#countdown span { color: #999; display:block; margin-top:10px; font-size:14px; font-weight:bold; line-height:normal; text-transform:uppercase; }
.main__signup { border-top:1px dashed #333; display:block; margin-top:20px; padding-top:20px; font-size:28px; font-weight:bold; }
.footer { background:#fff; display:block; font-size:12px; padding:30px 0px; text-align:center; -webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.05); }
.footer__links { display:block; margin:10px 0px 20px 0px; padding:0px; list-style:none; }
.footer__links li { border-left:1px solid #333; display:inline-block; padding:0px 10px; }
.footer__links li:first-child { border-left:none; }
.footer__links li a { display:inline; }
.modal-content { background:#c70e0e; padding:10px; text-align:center; font-size: 26px; }
.modal-header { display:block; text-align:center; color:#fff; font-size:46px; font-weight:bold; padding:0px 0px 20px 0px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
.modal-body { background:#fff; padding:20px; }
.modal-title { border-bottom:1px dashed #333; font-size:32px; font-weight:bold; margin-bottom:20px; padding-bottom:20px; }
.register-form { display:block; margin:20px 0px; }
.register-form__input {
  display: block;
  width: 100%;
  height: 50px;
  padding: 14px 30px 14px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #f1f1f1;
  background-image: none;
  border: 3px solid #c1c1c1;
  border-radius: 5px;
  margin-bottom:15px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input--name { background:url(../img/name.png) right center no-repeat #f1f1f1;  }
.input--email { background:url(../img/email.png) right center no-repeat #f1f1f1;  }
.register-form__input:focus { border-color: #42b0e2; outline: 0; }
.register-form__input::-moz-placeholder { color: #666; opacity: 1; }
.register-form__input:-ms-input-placeholder { color: #666; }
.register-form__input::-webkit-input-placeholder { color: #666; }
.register-form__button { background:#c70e0e; border-bottom:5px solid #9f0b0b; color:#fff; display:block; font-size:20px; font-weight:bold; padding:15px 10px; text-align:center; }
.register-form__button:hover, .register-form__button:focus, .register-form__button:active { background:#a10b0b; color:#fff; text-decoration:none; }
.modal-info { display:block; color:#999; font-size: 16px; margin-bottom:10px; }
.modal-logo { max-width:150px; margin:0px auto 20px auto; }
.modal-close { color:#333; background:#fff; border:2px solid #333; width:30px; height:30px; font-size: 18px; line-height:22px; font-weight: bold; text-align:center; position:absolute; right:-10px; top:-10px; z-index:1; border-radius:50%; }
.modal-close:after { content:"x" }
.modal-close:hover, .modal-close:active, .modal-close:focus { color:#ff0000; text-decoration:none; outline:none; }
/* =============== Start Tablet & Phone Device CSS =============== */
@media (min-width: 992px) and (max-width: 1199px) {
	.header { font-size:40px; }
	.main__text { font-size:24px; }
	.main__signup { font-size:22px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.header { font-size:32px; }
}
@media (max-width: 767px) { 
	.header { font-size:24px; }
	.main { padding: 40px 0px; }
	.main__text { font-size:24px; }
	#countdown { display:block; margin:20px auto 0px auto; width:270px; }
	.countdown__box { font-size:38px; line-height:80px; height:80px; width:80px; margin:0px 5px; }
	.main__signup { font-size:22px; }
	.footer__links li { padding:0px 5px; }
	
	.modal-content { font-size: 18px; }
	.modal-header { font-size:32px; }
	.modal-title { font-size:26px; }
	.register-form__button { font-size:16px; }
}
@media (max-width: 479px) { 
	.modal-content { font-size: 16px; }
	.modal-header { font-size:28px; }
	.modal-title { font-size:22px; }
	.register-form__button { font-size:14px; }
}
@media (max-width: 359px) { 
	.main__content { padding: 10px; }
	.main__text { font-size:20px; }
	#countdown { width:210px; }
	.countdown__box { font-size:28px; line-height:60px; height:60px; width:60px; }
}
/* =============== End Tablet & Phone Device CSS =============== */