@charset "utf-8";
/* CSS Document */


body{ font-weight:300; overflow-x:hidden; font-family: 'PoppinsRegular';}

a{outline:none!important;}
.anim{transition:.3s all ease-in-out 0s; -moz-transition:.3s all ease-in-out 0s;-webkit-transition:.3s all ease-in-out 0s; -o-transition:.3s all ease-in-out 0s;}




/* Begin Font  */


@font-face {
    font-family: 'PoppinsBold';
    src: url('../fonts/PoppinsBold.eot');
    src: url('../fonts/PoppinsBold.eot') format('embedded-opentype'),
         url('../fonts/PoppinsBold.woff2') format('woff2'),
         url('../fonts/PoppinsBold.woff') format('woff'),
         url('../fonts/PoppinsBold.ttf') format('truetype'),
         url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg');
}


@font-face {
    font-family: 'PoppinsRegular';
    src: url('../fonts/PoppinsRegular.eot');
    src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'),
         url('../fonts/PoppinsRegular.woff2') format('woff2'),
         url('../fonts/PoppinsRegular.woff') format('woff'),
         url('../fonts/PoppinsRegular.ttf') format('truetype'),
         url('../fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
}




/* End Font  */



html, body { height: 100%;}
#top-image {}



p {  font-size: 16px;  color: #444;  line-height: 28px;}
body{}
.login-icon{background:url(../images/login-icon.png) no-repeat scroll 0 0;    background-size: 100%; width:20px; height:20px;display: inline-flex; margin: 0 5px 0 0px;}
.header { position: absolute;  top: 0;  width: 100%;  z-index: 10; background: rgba(0,0,0,.3); height:70px;}
.login-box { display: flex; justify-content: flex-end;}
.login-box button { background: #25bdec;  border: 2px solid #fff;  border-radius: 50px;  color: #fff;  vertical-align: top;margin: 12px 0 0 0;padding: 3px 15px;
line-height: 33px; font-size: 18px; outline:none;}
.login-box button i{margin:5px 5px 2px 0px; vertical-align: top;}
.logo-box { background: #fff; width: 250px;  text-align: center;  padding: 10px; border-radius: 0 0 10px 10px;  box-shadow: 2px 1px 3px -1px #8a8a8a;}
.carousel-caption h1{font-size:73px;    text-shadow: 0px 1px 1px #4e4d4d;}
.carousel-caption{bottom:50px;}
.forgot-link a{padding:10px 0 0 10px; display:block; color:#333; font-size:14px;}

.draw-section{background:url(../images/pattern.jpg) repeat scroll center center; height:150px; width:100%;}
.draw-row{display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
.draw-row h3 { color: #fff;  margin: 60px 0 0 15px;font-size: 1.6em;}
.draw-row figure { margin: 12px 0 0;}

.lottery-block-top { background: #002f59; padding:45px 0;}
.lottery-block-top h3 {    font-size: 36px;    margin-bottom: 18px;    color: #fff;   font-family: 'PoppinsBold';}
.lottery-block-top p {  font-size: 18px;  color: #e4e3e3;  line-height: 26px;}
.lottery-block-top h4 { font-size: 32px;  color: #00b7f0;  text-shadow: 1px 0px 0px #fff;}
.lottery-block-top a {  color: #38d0ff;  font-size: 16px;  text-transform: uppercase;  font-family: 'PoppinsBold';    margin: 30px 0;  display: block;}
h2.win-no { font-size: 40px;  color: #fd2d2d;  font-family: 'PoppinsBold';  text-shadow: 1px 1px 0px #fff;}

.mobile-app-block{padding:30px 0;}
.android-icon{width:300px; height:90px; background:url(../images/android.png) no-repeat scroll center center;     display: flex;
margin: 0px auto;background-size: 70%;}
.mobile-app-block h2 { color: #05629b; font-size: 50px; font-family: 'PoppinsBold';  text-align: center;  margin: 77px 0 20px;}
.mobile-app-block figure{display: flex; justify-content: flex-end;margin:0 0 -30px;}
.dwn-btn { font-size: 23px;  background: #fdbc0d;  padding: 0;  color: #fff;  letter-spacing: 10px;  margin: 30px auto;   display: flex;   box-shadow: 1px 1px 1px 0px #989898;}

.play-block{background:#9abfe1; padding:30px 0;}
.play-block h2 { font-size: 30px;  font-family: 'PoppinsBold';  color: #fff;  text-shadow: 1px 1px 1px #848484;    margin: 20px 0;}
.play-block ol { margin: 0;  padding: 0 0 0 25px;}
.play-block ol li { color: #f2f8fd;  padding: 10px 5px;}
.play-block {  background: #9abfe1;  padding: 30px 0;}
.play-block figure img {    width: 390px;}
.play-row figure{text-align:center;}

footer {  background: #fbfbfb;  text-align: center;  padding: 30px 0 10px;}
footer figure {  margin: 0 0 20px;}
footer p {  font-size: 14px;}


/*! Scroll to top arrow */
.mbr-arrow-up {bottom: 25px;right: 90px; position: fixed; text-align: right; z-index: 5000;  color: #ffffff;  font-size: 32px; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.mbr-arrow-up a {background: rgba(0, 0, 0, 0.2); border-radius: 3px;  color: #fff; display: inline-block; height: 60px; width: 60px;  outline-style: none !important;
position: relative;text-decoration: none;transition: all .3s ease-in-out; cursor: pointer; text-align: center; }
.mbr-arrow-up a:hover { background-color: rgba(0, 0, 0, 0.4); }
.mbr-arrow-up a i {line-height: 60px; }
.mbr-arrow-up-icon {display: block; color: #fff; }
.mbr-arrow-up-icon::before { content: "\203a"; display: inline-block; font-family: serif; font-size: 32px;line-height: 1;  font-style: normal; position: relative;  top: 6px; left: -4px;
-webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

/* Scroll to top button*/
#scrollToTop a i:before {content: ''; position: absolute; height: 40%;  top: 25%;  background: #fff; width: 2px;  left: calc(50% - 1px);}
#scrollToTop a i:after { content: '';  position: absolute; display: block; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 40%; height: 40%; left: 30%; bottom: 30%;
transform: rotate(135deg);}

footer span { padding: 0 6px;}
footer span:first-child {border-right: 1px solid #c5c2c2;}
.innerLogo{width:110px;}
.innerLogo img{width:100%;}
.privacyBlock{padding:120px 0 0 0;}
.privacyBlock h1 { font-size: 28px; font-family: 'Poppinsbold';  color: #25bdec; margin:0 0 20px;}
.privacyBlock h2 { font-size: 22px; margin: 0 0 20px;  color: #2ca53c;}
.privacyBlock p {font-size: 14px;}
.listH { color: #25bdec;  font-size: 14px;  font-family: 'PoppinsBold';}
.dwn-btn a{color:#fff; text-decoration:none; padding:5px 50px; cursor:pointer;}
.dwn-btn:hover,.dwn-btn:focus{background:#05629b;}



@media (max-width: 1250px) { 


}




@media (max-width: 1199px) { 

.carousel-caption h1{font-size:45px;}
.logo-box{width:200px;}
.logo-box img{width:100%;}
.draw-row h3{font-size:1.2em;}
.lottery-block-top figure img{max-width:100%;}
.mobile-app-block h2{font-size:36px;}
.dwn-btn{padding:5px 25px;}
.play-row figure img{max-width:100%;}
.innerLogo{width:110px;}

 }
 
 @media (max-width: 1000px) {


}

 @media (max-width: 991px) {

.carousel-caption{bottom:20px;}
.carousel-caption h1{font-size:36px;}
.logo-box{width:120px;}
.draw-row h3 {  font-size: 15px;}
.draw-row figure{width:140px;}
.draw-row figure img{max-width:100%;}
.draw-section{height:115px;}
.draw-row h3{margin-top:50px;}
.mobile-app-block h2{margin-top:10px;}
.innerLogo{width:110px;}


 
 }
 
@media (max-width: 767px) { 

.logo-box{width:100px;}
.login-box button{padding:0 10px;}
.draw-row{flex-wrap: nowrap;}
.draw-section{height:105px;}
.draw-row h3{margin-top:30px;}
.draw-row figure {  width: 140px;  align-items: center;   align-self: center;   margin-top: 31px;}
.lottery-block-top h3{font-size:25px;}
.lottery-block-top{padding:20px 0;}
.lottery-block-top p{font-size:13px; line-height:20px;}
.lottery-block-top h4{font-size:21px;}
.lottery-block-top a{margin:18px 0;}
h2.win-no{font-size:24px;}
.mobile-app-block h2{font-size:27px;}
.dwn-btn{font-size:13px;}
.android-icon{height:60px; background-size:59%;}
.play-block figure img{width:200px;}
.play-block h2{font-size:23px;}
.play-block ol li{padding:5px; font-size:13px;}
.play-block .order-2{order:0; margin-top:20px;}
body{overflow-x:hidden;}
.mbr-arrow-up{right:0; left:0; text-align:center;}



 }
 
 @media (max-width: 575px) { 

 
 

 }