body{margin:0; padding: 0; font-size: 14px; color: #ffffff; background-color: #000000; font-family: 'Poppins', sans-serif; overflow-x: hidden}
.bg-slot-promo{background-image: url("../images/bg-slot-promo.png"); background-repeat: no-repeat; background-position: center top}
#main-container{width: 428px; margin: 0 auto}
header{width: 100%; float: left}
section{width: 100%; float: left}
#logo{width: 100%; float: left; text-align: center; margin:62px 0 40px}
#logo img{width: 140px; margin: 0; padding: 0}
.headline{width: 100%; float: left; text-align: center; margin:0 0 0px}
.headline img{width: 290px; margin:0}
.subhead{width: 100%; float: left; text-align: center; margin:0 0 20px}
#timer-wrapper{width: 100%; float: left; margin-bottom: 20px}
.timer-wrapper{ width: 400px; margin: 0 auto; text-align: center}
.time {
display: inline-block;
line-height: 1;
padding:15px; margin: 0 2px
}
#timer span {
display: block;
font-size: 12px; margin: 5px 0 0;
color: white; text-align: center
}
#days {
font-size: 32px;
color: white; text-align: center;
}
#hours {
font-size: 32px;
color: white; text-align: center
}
#minutes {
font-size: 32px;
color: white; text-align: center
}
#seconds {
font-size: 32px;
color: white; text-align: center
}
.timer-box{background-color:rgba(0,0,0,0.70); -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; box-shadow: 0px 0px 15px 1px rgba(255,255,255,0.35);
-webkit-box-shadow: 0px 0px 15px 1px rgba(255,255,255,0.35);
-moz-box-shadow: 0px 0px 15px 1px rgba(255,255,255,0.35);}

.timer-countdown-headline {
    width: 80%;
    text-align: center;
    background-color: rgba(0,0,0,0.30);
    border-radius: 10px;
    margin: 0px auto 0px;
    padding: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #ccc;
}

.timer-countdown-headline h3 {
    padding: 5px 5px 0; margin: 0;
    color: #fff; font-weight: 400; font-size: 14px;
}
.timer-countdown-headline .count {
    padding: 5px;
}
.timer-countdown-headline #timer{
    padding: 5px;
    color: white;
    background-color: #1C1C1E;
	border-radius: 2px; font-size: 28px; font-weight: 600}

.limit-info{width: 100%; float: left; text-align: center; margin-bottom: 32px}
.limit-info span{color:#FF0E0E}
.limit-info a{color:#FF0E0E; text-decoration: none}
.cta{width: 80%; margin: 0 auto 10px}
.myButton {
  width: 100%; text-align: center;
  box-shadow:inset 0px 1px 0px 0px #fff6af;
  background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
  background-color:#ffec64;
  border-radius:6px;
  border:1px solid #ffaa22;
  display:inline-block;
  cursor:pointer;
  color:#000;
  font-family:Arial;
  font-size:18px;
  font-weight:bold;
  padding:15px 0;
  text-decoration:none;
  text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
  background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
  background-color:#ffab23;
}
.myButton:active {
  position:relative;
  top:1px;
}
.news-container
{
	width: 80%; 
	margin: 0 auto!important;
	margin: 30px 0;
	overflow: hidden; position: relsative; 
}
.news-container ul li{display: list-item; float: left; margin-bottom: 5px!important; width: 96%; padding: 2%!important; height: auto!important; background: rgba(0,0,0,0.80); color: #fff; font-size: 12px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.news-img{width:18%; float: left; margin-right: 2%}
.news-img img{width:48px; float: left}
.news-desc{width:80%; float: left}
.news-desc1{width:100%; float: left; margin-bottom: 3px; font-size: 14px}
.news-desc1 span{color: #53FF5A}
.news-desc2{width:100%; float: left; color: #8E8E93}
.content-lisitng{width:80%; margin: 40px auto 0; padding: 0 0 30px}
.list-wrapper{width:100%; float: left; margin-bottom: 30px}
.list-title{width:100%; float: left; font-size: 21px; font-weight: 700; color: #FFDE50; margin-bottom: 20px}
.list-icon{width:10%; float: left; font-size: 21px; color: #FFDE50; text-align: right}
.list-scroll{ width:100%; float: left}
	.slider {
        width: 100%;
        margin: 0 auto;
    }
    .slick-slide {
      margin: 0px 5px 0; background-color: #1C1C1E; color: #fff; text-align: center; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    }
	.slick-slide h4 {font-size: 10px; text-align: left; margin: 0; padding: 8px 8px 0px}
	.slick-slide h5 {font-size: 10px; font-weight: 400; text-align: left; margin: 0; padding: 0 8px 8px}
    .slick-slide img {
      width: 100%;
    }
    .slick-prev:before,
    .slick-next:before {
      color: black;
    }
    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    .slick-active {
      opacity: 1;
    }
    .slick-current {
      opacity: 1;
    }

.footer-cta{ width:100%; text-align: center; float: left; background-image:url(../images/bg-cta.jpg); background-position: center top; background-repeat: no-repeat }
.footer-cta-wrapper{width:428px; margin: 0 auto; padding: 40px 0}
.footer-cta img{ width:290px;}

.footer{width:414px; margin: 40px auto; color: #999999; font-size: 12px; text-align: center}
.footer-header{width:100%; float: left; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #2E2E31}
.footer-logo{width:70%; float: left}
.footer-logo img{width:120px; margin-bottom: 10px; float: left}
.footer-logo span{width:100%; float: left; text-align: left}
.footer-age{width: 30%; float: left; text-align: right}
.footer-age img{width: 42px}
.footer-intro{width:100%; float: left; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #2E2E31}
.footer-license{width:100%; float: left; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #2E2E31}
.bg-footer{background-color: #1C1C1E}

.alert-wrapper{ width:100%; float: left; text-align: center}
.alert-img{ width:100%; float: left; margin-top: 15px}
.alert-title{ width:100%; float: left; margin-top: 0px}
.alert-title span{ color:red; font-weight: bolder}
.alert-btn{ width:100%; float: left}

.clearfix{clear:left; margin:0; padding:0;}

/******** POP UP ********/
@media only screen and (max-width : 414px) {
	.bg-slot-promo{ background-image: url("../images/bg-slot-promo-mobile.png");}
	#main-container{width: 360px; margin: 0 auto}
	#logo{margin:40px 0 30px}
	.timer-wrapper{ width: 360px}
	.news-container ul li{background: #1C1C1E;}
	.footer{width:260px}
	.footer-cta-wrapper{width:360px}
}