/* Start CSS */
body { color: #333; background:#cccccc; font-size:13px; padding:0px; }
a { -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 { text-decoration:underline; outline:none; }
.clearfix10 { display:block; clear:both; height:10px; }
.clearfix20 { display:block; clear:both; height:20px; }
.clearfix30 { display:block; clear:both; height:30px; }
.text-red { color:#e43b2c; }
.text-normal { font-size:14px; font-weight:normal; }
.img-responsive { margin:0px auto; }
.img-full { width:100%; }
.is--normal { font-weight:normal; }
.is--bold { font-weight:bold; }
.is--font18 { font-size:18px; }
.is--black { color:#000 !important; }
.text-center { text-align:center !important; }
.text-left { text-align:left !important; }
.main { display: block; padding:40px 0; text-align: center; margin-bottom: 60px;}
.main__content { background:#fff; padding: 30px; }
.main__title { color:#e43b2c; font-size: 50px; line-height: 50px; margin: 0; padding: 0; }
.main__info { display: block; font-size: 22px; padding: 10px 0; }
.countdown-wrap { margin: 30px 0; }
.countdown__info { display: block; font-size: 32px; }
.countdown { display: block; list-style: none; margin: 0; padding: 20px 0; }
.countdown__box { background: #C41229; display: inline-block; padding: 10px; text-align: center; color: #FFF; border-radius: 5px; border: 2px solid rgba(0,0,0,0.2); font-size: 47px; font-weight: 700; margin: 0 5px; width: 100px; position: relative; }
.countdown__box span { color: rgba(0,0,0,0.4); font-size: 14px; font-weight: 700; position: absolute; left: 0; top: calc(100% + 10px); width: 100%; }
.unlock-wrap { display: none; margin: 30px 0; }
.footer { background: #000; border-bottom: 5px solid #000; color: #fff; display:block; padding-top: 125px;
    padding-bottom: 15px; text-align:center; }

.footer__logo { display: block; margin: 0 auto; max-width: 200px; }
.footer__links { color: #fff; display:block; margin: 10px 0 0 0; padding:0px; }
.footer__links a { color: #fff; display:inline-block; margin: 0 5px; }

/* =============== Start Tablet & Phone Device CSS =============== */
@media (min-width:1200px){
	.container{max-width:906px}
}
@media (max-width: 1199px) { 
	.container{max-width:906px}
}
@media (max-width: 991px) {
	.main__title { font-size: 40px; line-height: 40px; }
	.main__info { font-size: 18px; }
}
@media (max-width: 767px) { 
	.main { padding:15px 0; }
	.main__title { font-size: 32px; line-height: 32px; }
	.main__content { padding: 15px; }
	.main__info { font-size: 16px; }
	.countdown__info { font-size: 26px; }
}
@media (max-width: 575px) { 
	.main__title { font-size: 22px; line-height: 22px; }
	.unlock-wrap { margin: 15px 0; }
	
}
@media (max-width: 467px) { 
	.main__title { font-size: 18px; line-height: 18px; }
	.main__info { font-size: 10.1px; }
	.countdown__info { font-size: 20px; }
	.countdown__box { font-size: 30px; width: 70px; }
	.col-xxs-12 { width: 100% !important; }
}
/* =============== End Tablet & Phone Device CSS =============== */