html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
ul, ol { margin:0; border:0; padding:0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none !important; text-decoration: none !important; }
body { background: url("../images/bg.jpg") no-repeat center top #1fd3fe; font-family: Arial, Helvetica, sans-serif; background-size: cover; }
/*header*/
header .hme-list li:first-child p { font-size: 13px; font-weight: normal; color: #fff; display: block; float: left; line-height: 17px; }
header .hme-list li:first-child p span { font-weight: bold; color: #fffa44; }
header .hme-list li:first-child a { display: block; padding-left: 12px; position: relative; float: left; }
header .hme-list li:first-child a span { display: inline-block; background: #a31b9e; font-size: 13px; color: #fffa44; width: 20px; height: 20px; border-radius: 20px; text-align: center; line-height: 20px; position: absolute; right: -10px; top: -12px; }
header .hme-list li { display: block; float: left; padding: 0 17px; background: url("../images/border-right.jpg") no-repeat right 0; min-height: 34px; }
header .hme-list li:first-child a:hover span { display: inline-block; background: #f2f277; color: #00488c; transition: all 0.3s ease 0s; }
header .hme-list .sign-out a { font-size: 13px; color: #21cdf8; line-height: 33px; }
header .hme-list .sign-out a:hover { color: #fffa44; transition: all 0.3s ease 0s; }
header .hme-list .last-list { background: none !important; }
.welcome { display: block; padding-top: 12px; }
header .bronze-cup img { display: block; float: left; }
header .bronze-cup p { display: block; float: left; font-size: 14px; color: #fff; line-height: 18px; font-weight: bold; padding: 0 0 0 10px; }
header .bronze-cup p span { display: block; }
header .deposit { display: block; }
header .deposit .left { display: block; float: left; }
header .deposit .left p { font-size: 13px; color: #fff; }
header .deposit .left p span { color: #21cdf8; font-size: 16px; line-height: 18px; display: inline-block; padding-left: 10px; }
header .deposit .right { display: block; float: left; padding: 5px 0 0 17px; }
header .deposit .right button { font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; min-width: 90px; min-height: 25px; border: none; background: #ae1fa8; /* Old browsers */ background: -moz-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae1fa8), color-stop(100%, #790e75)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* IE10+ */ background: linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae1fa8', endColorstr='#790e75', GradientType=0 ); /* IE6-9 */
border: solid 1px #dd30d6; border-radius: 3px; }.hme-list { display:none; }.registerbtn { position:relative; top:10px; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0; border: 1px solid #ecbc00; border-radius: 3px; color: #00488c; display: block; font-size: 16px; font-weight: bold; height: 25px; line-height: 22px; margin: 0 auto; text-align: center; width: 90px; margin-right:10px; }.loginbtn {position:relative; top:10px; background: linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #bb1eb5; border-radius: 3px; color: #FFF; display: block; font-size: 16px; font-weight: bold; height: 25px; line-height: 22px; margin: 0 auto; text-align: center; width: 90px;  margin-right:10px;}
.forgotpwbtn { float:right;
position:relative; top:10px; background: #10B8E1; border: 1px solid #116ABE; border-radius: 3px; color: #FFF; display: block; font-size: 16px; font-weight: bold; height: 25px; line-height: 22px; margin: 0 auto; text-align: center; width: 180px; margin-right:10px; 
}

/*header*/

/*middle*/
.middle-block { display: block; padding-top: 13px; position: relative; }
.navbar { min-height: 46px; }
.help { position: absolute; display: block; right: 0; top: 10%; z-index: 999; }
.nav-wrap .navbar-default .navbar-nav > li > a { font-size: 17px; font-weight: bold; color: #fff; }
.nav-wrap .navbar { margin-bottom: 0; }
.nav-wrap .navbar-default { background: #ae1fa8; /* Old browsers */ background: -moz-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae1fa8), color-stop(100%, #790e75)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* IE10+ */ background: linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae1fa8', endColorstr='#790e75', GradientType=0 ); /* IE6-9 */
border: solid 3px #00488c; }
.nav-wrap .navbar-default .navbar-nav li:first-child a { border-left: 0; }
.nav-wrap .navbar-default .navbar-nav li:last-child a { border-right: 0; }
.nav-wrap .navbar-default .navbar-nav li a { border-right: solid 1px #bf25b9; border-left: solid 1px #7b0f77; }
.nav-wrap .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .nav-wrap .navbar-default .navbar-nav > li > a:hover { text-shadow:none; color:#00488C; background: #ecbd03; /* Old browsers */ background: -moz-linear-gradient(top, #ecbd03 0%, #fef974 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecbd03), color-stop(100%, #fef974)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ecbd03 0%, #fef974 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ecbd03 0%, #fef974 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ecbd03 0%, #fef974 100%); /* IE10+ */ background: linear-gradient(to bottom, #ecbd03 0%, #fef974 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecbd03', endColorstr='#fef974', GradientType=0 ); /* IE6-9 */
}
.nav-wrap .navbar-collapse { padding: 0; }
.nav-wrap .container-fluid { padding: 0; }
.nav > li > a { padding: 6px 13.4px; }
.nav-wrap .navbar-default .navbar-nav > li > a { line-height: 29px; }
/*middle*/

/*banner*/
.banner-block { display: block; padding-top: 13px; }
.owl-theme .owl-dots .owl-dot span { width: 19px; height: 19px; background: none repeat scroll 0 0 #fff; border: solid 2px #00488c; margin: 5px 2px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: none repeat scroll 0 0 #f9ea00; transition: all 0.3s ease 0s; }
.banner-contents { display: block; position: absolute; top: 0px; left: 26px; }
.landing-wrap .banner-contents { left:45px; }
.h-page .banner-contents {left: 35px } 
.promo-p .banner-contents {left: 35px;}
.banner-contents .play-button { width: 192px; height: 50px; background: #ae1fa8; /* Old browsers */ background: -moz-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae1fa8), color-stop(100%, #790e75)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* IE10+ */ background: linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae1fa8', endColorstr='#790e75', GradientType=0 ); /* IE6-9 */
border: solid 1px #dd30d6; border-radius: 3px; display: block; text-transform: uppercase; color: #fff; font-size: 30px; text-align: center; font-weight: bold; margin-top: 2px; }

.landing-btn .play-button { width: 100%; max-width:320px; height: 50px; background: #ae1fa8; /* Old browsers */ background: -moz-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae1fa8), color-stop(100%, #790e75)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ae1fa8 0%, #790e75 100%); /* IE10+ */ background: linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae1fa8', endColorstr='#790e75', GradientType=0 ); /* IE6-9 */
border: solid 1px #dd30d6; border-radius: 3px; display: block; text-transform: uppercase; color: #fff; font-size: 30px !important; text-align: center; font-weight: bold; margin:auto; margin-top: 10px; }

.banner-contents .find-out { width: 116px; height: 25px; border: solid 1px #ecbc00; background: #fef974; /* Old browsers */ background: -moz-linear-gradient(top, #fef974 0%, #ecbd03 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fef974), color-stop(100%, #ecbd03)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fef974 0%, #ecbd03 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fef974 0%, #ecbd03 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fef974 0%, #ecbd03 100%); /* IE10+ */ background: linear-gradient(to bottom, #fef974 0%, #ecbd03 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef974', endColorstr='#ecbd03', GradientType=0 ); /* IE6-9 */
border-radius: 3px; margin-top: 10px; text-align: left; }
.banner-contents .find-out p { font-size: 11px; color: #00488c; line-height: 18px; font-weight: bold; display: block; float: left; padding-right: 5px; }
.banner-contents .find-out .ij { text-align: center; width: 18px; height: 18px; color: #fff; border: solid 1px #f9eb01; background: #00488c; border-radius: 20px; display: block; float: left; font-size: 13px; line-height: 15px; }
.owl-carousel-wrap { border: solid 3px #00488c; background: url("../images/test.png") no-repeat left 0; border-radius: 5px 0px 0 5px; }
.h-page .owl-carousel-wrap {margin:0px 0;}
.owl-theme .owl-controls { margin-top: 0 !important; position: absolute; bottom: -18px; right: 10px; height:30px;}
.right-owl .owl-theme .owl-controls { margin-top: 0 !important; position: absolute; bottom: -15px; right: 0; left: 0; }
.bingo-wrap { display: block; background: #00488c; padding: 10px; padding-bottom: 34px; border-radius: 0 5px 5px 0; }
.bingo-wrap .top { display: block; padding-bottom: 15px; }
.bingo-wrap .top h2 { display: block; font-size: 22px; font-weight: normal; color: #fff; display: block; float: left; }
.bingo-wrap .top a { display: block; font-size: 12px; font-weight: normal; color: #10b8e1; display: block; float: right; line-height: 25px; }
.bingo-wrap .middle { display: block; padding-top: 15px; }
.bingo-wrap .middle .block { display: block; padding-top: 15px; }
.bingo-wrap .middle .block .left { display: block; float: left; }
.bingo-wrap .middle .block .left button { display: block; width: 90px; height: 25px; text-align: center; font-size: 16px; line-height: 16px; border: solid 1px #ecbc00; border-radius: 3px; background: linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); color: #00488c; font-weight: bold; }
.bingo-wrap .middle .block .left p { display: block; font-size: 12px; color: #fff; padding-bottom: 4px; }
.bingo-wrap .middle .block .right { display: block; float: right; }
.bingo-wrap .middle .block .right img { display: block; border: solid 2px #0f62b0; border-radius: 3px; }
.banner-block .col-sm-9 { padding: 0; padding-left: 15px; }
.banner-block .col-sm-3 { padding: 0; padding-right: 15px; }
.bingo-wrap .bottom { display: block; padding-top: 15px; }
.bingo-wrap .bottom button { display: block; width: 195px; height: 36px; text-align: center; font-size: 20px; line-height: 20px; background: linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: solid 1px #bb1eb5; border-radius: 3px; color: #fff; font-weight: bold; margin: 0 auto; }
/*banner*/

/*whats-hot*/
.whats-hot { display: block; background: #00488c; margin-top: 0px; padding: 0px 18px; border-radius: 5px; }
.h-page .whats-hot { margin-top: 12px; padding: 20px 18px;}
.whats-top { display: block; padding-bottom: 20px; }
.img-block { display: block; position: relative; }
.whats-hot h2 { display: block; font-size: 22px; color: #fff; font-weight: normal; background: url("../images/hot-img.png") no-repeat left 0; line-height: 26px; padding-left: 35px; }
.whats-hot .new-wrap { border: solid 2px #0f62b0; border-radius: 3px; margin: 0 auto; }
.whats-hot .col-sm-3 img { display: block; }
.whats-hot .new-wrap .wrap-img { width: 100%; height: 100%; display:block;}
.whats-hot .col-sm-3 p { display: block; font-size: 16px; font-weight: bold; color: #fff; padding: 8px 0; }
.whats-hot .col-sm-3 button { background: linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #ecbc00; border-radius: 3px; color: #00488c; display: block; font-size: 16px; font-weight: bold; height: 25px; line-height: 16px; text-align: center; width: 90px; margin: 0 auto; }
.ab { position: absolute; top: 7px; left: 2px; width: 95%; }
.ab span { display: block; float: left; font-size: 12px; line-height: 12px; color: #fff; font-weight: bold; background: #116abe; padding: 5px 10px; border-radius: 0 5px 5px 0; }
.ab .new { background: #a31b9e; border-radius: 0 5px 5px 0; }
.ab img { float: right; }
.jp { position: absolute; top: 105px; width: 100%;}
.jpac {text-align:center;}
.jpa { display:none; margin:0 auto; background:#a91da4; width:auto; position:relative; color:#FFF; padding:5px 10px; border-radius:5px; font-size:14px;}

.whats-hot .whats-top .rowElem label { font-size: 12px; line-height: 18px; color: #10b8e1; display: inline-block; padding-right: 10px; }
.whats-hot .jqTransformSelectWrapper { max-width: 80px !important; }
/*whats-hot*/

/*bingo*/
.bingo-middle { display: block; margin-top: 15px; background: none repeat scroll 0 0 #00488c; border-radius: 5px; padding: 20px 18px; color:#FFF;}
.bingo-middle ul { }
.bingo-middle .top { display: block; padding-bottom: 10px; }
.bingo-middle .top h2, .bingo-middle .top .title-s { display: block; font-size: 22px; color: #fff; font-weight: normal; background: url("../images/bingo-bg.png") no-repeat left 0; line-height: 30px; padding-left: 35px; }
.bingo-middle .see-all ul li { display: block; border-right: solid 1px #116abe; float: left; line-height: 30px; }
.bingo-middle .see-all ul li a { display: block; font-weight: bold; font-size: 12px; padding: 0 10px; }
.bingo-middle .see-all { display: block; float: left; padding-left: 30px; }
.bingo-middle .sel-wrap-mdle { display: block; float: right; }
.bingo-middle .sel-wrap-mdle .jqTransformSelectWrapper div span { line-height: 15px; padding-left: 10px; }
.bingo-middle .sel-wrap-mdle .jqTransformSelectWrapper { width: 95px !important; }
.bingo-middle .sel-wrap-mdle .jqTransformSelectWrapper ul { top: 23px; }
.bingo-middle .bottom .left { display: block; float: left; }
.bingo-middle .bottom .right { display: block; float: left; padding-left: 20px; width: 64%; }
.bingo-middle .bottom { padding-top: 15px; }.bingo-middle .right2 .bottom { padding-top: 0px; }
.bingo-middle .bottom .img-wrap { position: relative; float: left; }
.bingo-middle .bottom .img-wrap img { border: 2px solid #0f62b0; border-radius: 3px; }
.bingo-middle .bottom .img-wrap .ab img { border: none; border-radius: 0; }
.bingo-middle .bottom .right .top { display: block; margin-bottom: 0px; }
.bingo-middle .bottom .right .top { display: block; float:left; width:100%;}
.bingo-middle .bottom .right .top h3 { display: block; font-size: 16px; font-weight: normal; float: left; color: #fff; }
.bingo-middle .bottom .right .top p { display: block; font-size: 14px; font-weight: normal; float: right; padding-left: 20px; background: url("../images/person.png") no-repeat left top; color: #fff; line-height: 16px; }
.bingo-middle .bottom ul li { display: block; float: left; background: #116abe; text-align: center; border-radius: 3px; margin-right: 5px; width:31.9%; }
.bingo-middle .bottom ul li:first-child { background: #10b8e1; }
.bingo-middle .bottom ul .trd-cls { background: #a91da4; margin-bottom: 6px; margin-right: 0; }
.bingo-middle .bottom ul li a { display: block; font-size: 14px; padding: 3px 12px; line-height: 18px; color: #fff; }
.bingo-middle .bottom ul li:last-child { float: left; margin-right: 0; }
.bingo-middle .bottom ul li button { background: linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #ecbc00; border-radius: 3px; color: #00488c; display: block; font-size: 16px; font-weight: bold; height: 25px; line-height: 16px; margin: 0 auto; text-align: center; width: 162px; }

.bingo-content-wrap { display: block; padding-top: 10px; }.bingotitle {vertical-align:middle; margin-left:3px; /*old float:right; display:table-cell; */ display:inline-table; position:relative; top:-6px; left:3px; }.short {height:27px;}.registerbtn {float:right;}.loginbtn {float:right;}
.bingo-g { margin-bottom:10px; }
/*bingo*/
/*bingo info start */.overlay {background:#001a32; opacity:0.8; width:100%; height:100%; display:block; position:fixed; z-index:999999;}.bingo-info {background:#00488c; position: absolute;    width: 650px;    margin: 0px 0 0 -325px;    top: 100px;    left: 50%;z-index:1000000;color:#FFF;}.bingo-info .header {margin:10px;}.bingo-info .header .right {float:right;}.bingo-info .header .left {float:left;}.info-title {font-size:22px;margin-left:5px;margin-top:5px;float:left;}
.bingo-info .pad-in {padding:0 40px 20px;padding-top:10px;float:left; clear:both; width:100%;}
.bingo-info .top-box {background:#00407c;border:1px solid #065aaa;border-radius:7px;float:left;width:100%;}
.bingo-info .top-box-inner {margin:10px 0;float:left; width:100%;}
.top-box-inner.bingo-middle {background:none;padding:10px;}
.top-box-inner.bingo-middle .bottom ul li button {height:45px;min-width:155px;max-width:100%;font-size:27px;}
.top-box-inner.bingo-middle .bottom ul li a {font-size:17px;padding:8px 15px;}
.top-box-inner.bingo-middle .bottom ul li:last-child {height:auto;}
.top-box-inner.bingo-middle .bottom ul li:last-child a{font-size:27px;line-height:27px;}
.top-box-inner .right {float:right;}.top-box-inner .right3 {float:right;clear:both;margin-top:-44px;}
.top-box-inner .left {float:left;}
.top-box-inner .img-wrap {border:2px solid #0f62b0;border-radius:7px;display:block;}
.top-box-inner img {border-radius:7px;display:block;}
.top-box-inner .top {width:100%;}
.top-box-inner .right .top h3 { display: block; font-size: 25px; font-weight: normal; float: left; color: #fff; }
.top-box-inner .right .top p { display: block; font-size: 17px; font-weight: normal; float: right; padding-left: 20px; background: url("../images/person.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); color: #fff; line-height: 16px; }
.top-box-inner  .right {    display: block;    padding-left: 0px;    width: 64%;}
.bingo-info .intro-text {margin:10px 0;}
.bingo-info .game-info {margin:20px 0 0;float:left;}.bingo-info p {padding:6px 0;}.bingo-info strong {font-weight:bold !important;}.no-scroll {/*overflow:hidden;*/}/*bingo info end */
.bingo-c {display:none;}
/*welcome*/
.welcome-block { display: block; margin-top: 15px; border-radius: 5px; padding: 20px 18px 40px; background: url("../images/fish.png") no-repeat 790px 20px #00488c; min-height: 300px; position: relative; }
.welcome-block h2 { display: block; background: url("../images/cup-bg.png") no-repeat scroll left 0 rgba(0, 0, 0, 0); color: #fff; display: block; font-size: 22px; font-weight: normal; line-height: 39px; padding-left: 35px; }
.welcome-cnts { display: block; }
.welcome-cnts h1 { display: block; font-size: 36px; color: #fff; text-align: center; font-weight: bold; }
.welcome-cnts p { display: block; font-size: 16px; color: #fff; padding-top: 30px; line-height: 24px; }
.welcome-cnts p span { font-weight: bold; }
.welcome-block button { background: linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #dd30d6; border-radius: 3px; color: #fff; display: block; font-size: 30px; font-weight: bold; height: 50px; margin-top: 13px; text-align: center; text-transform: uppercase; width: 192px; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -25px; }
/*welcome*/

/*footer*/
.social { display:table; margin:0 auto;}
footer { display: block; padding-top: 122px; background: url("../images/footer-bg.png") no-repeat center top; background-size: cover; margin-top:-30px; }
footer .social ul { margin: 0 auto; }
footer .social ul li { width: 41px; height: 41px; display: inline; float: left; margin-right: 5px; background: url("../images/social.png") no-repeat left top; }
/*footer .social ul li:last-child { margin-right: 0px; }*/
footer .social ul .facebook { background: url("../images/social.png") no-repeat -45px top; }
footer .social ul .youtube { background: url("../images/social.png") no-repeat -91px top; }
footer .social ul .twitter { background: url("../images/social.png") no-repeat -136px top; }
footer .social ul li:hover { width: 41px; height: 41px; display: block; float: left; margin-right: 5px; background: url("../images/social.png") no-repeat left -41px; }
footer .social ul .facebook:hover { background: url("../images/social.png") no-repeat -45px -41px; }
footer .social ul .youtube:hover { background: url("../images/social.png") no-repeat -91px -41px; }
footer .social ul .twitter:hover { background: url("../images/social.png") no-repeat -136px -41px; }
footer .social ul li:hover { cursor: pointer; }
.footer-nav { display: block; margin-top:45px; }
.footer-navigation { display: block; background: #dfaa42; border-radius: 3px; padding: 12px; min-height: 45px; margin-bottom: 18px; margin-top: 12px; }
.footer-nav ul { display: block; text-align:center; margin:0 auto;}
.footer-nav ul li { display: inline-block; }
.footer-nav ul li a { display: block; font-size: 14px; color: #fff; line-height: 18px; border-right: solid 1px #efd7b1; padding: 0 6px; }
.footer-nav ul li:first-child a { padding-left: 0; border-left: 0; }
.footer-nav ul .contact .scratch a { padding-right: 0; border-right: 0; }
.cards { display: inline-block; min-height: 38px; background: #fff; border-radius: 3px; padding: 10px 50px; width: 100%; }
.cards ul { display: block; margin: 0 auto; text-align:center; }
.cards li { display: inline-block; margin-right: 20px; }
.footer-nav ul li a:hover { transition: all 0.3s ease 0s; color: #00488C; }
.cards li:last-child { margin-right: 0; }
.all-right { padding: 18px; display: block; }
.all-right p { font-size: 13px; color: #b7892f; }
/*footer*/

/*inner*/
header .logo-wrap { position: relative; }
.owl-carousel-wrap { position: relative; }
.owl-carousel-wrap .banner-tab { position: absolute; left: -3px; top: -10px; z-index: 9999; }
.logo { display: block; position: absolute; top: 46%; left: 1%; z-index: 99999; }
.head-wrap { display: block; background: #00488c; border-bottom: solid 2px #043a63; min-height: 53px; padding: 4px 0; position: relative; }
.head-ab { background: url("../images/head-ab-img.jpg") repeat-x; position: absolute; left: 0; top: -6px; height: 71px; width: 25%; display: block; }
.small-logo { display: none; }
.login-area { display: block; float: left; }
.login-area label { display: inline-block; color: #fff; font-size: 13px; line-height: 18px; margin-right: 10px; }
.login-area .login-input { display: inline-block; color: #fff; font-size: 13px; line-height: 18px; border-radius: 3px; padding: 0px 10px; border: none; background: #0060ba; min-height: 26px; width: 100px; }
.input-wrap { display: block; float: left; margin-right: 8px; }
.log { background: linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); text-transform: uppercase; text-align: center; color: #fff; font-weight: bold; font-size: 16px; line-height: 16px; display: block; float: left; border: 1px solid #bb1eb5; border-radius: 3px; min-height: 26px; min-width: 93px; }
.join-area { display: block; float: left; }
.join-area ul li { border-left: solid 1px #003c75; border-right: solid 1px #0a5893; color: #fff; padding: 0 5px; background: none; display: block; float: left; }
.join-area ul li:first-child { border-left: solid 0px #003c75; }
.join-area ul li:last-child { border-right: solid 0px #003c75; }
.join-area ul li a { font-size: 13px; line-height: 25px; color: #fff; }
.join-area ul li a span { color: #10b8e1; }
.join-area ul li:first-child a { padding-left: 5px; }
.join-area ul li:last-child a { color: #fcf267; font-weight: bold; }
.amazing-game { display: block; }
.amazing-game img { border-radius:5px; width:100%; max-height:257px;}
.amazing-game h1 { display: block; font-size: 26px; line-height: 30px; color: #fff; font-weight: bold; text-shadow: 2px 2px 0 rgba(0, 72, 55, 0.5); }
.amazing-game h1 span { display: block; font-size: 18px; line-height: 20px; color: #fff; font-weight: bold; }
.banner-block .col-sm-3 { padding: 0 15px; }
.gme-wrap { display: block; padding: 41px 0; }
.bingo-inner { display: block; background: url("../images/gme-wrap-img.png") no-repeat center top #00488c; border: solid 2px #00488c; border-radius: 7px; background-size: cover; }
.bingo-inner .play-button { background: linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #dd30d6; border-radius: 3px; color: #fff; display: block; font-size: 30px; font-weight: bold; height: 50px; margin-top: 10px; text-align: center; text-transform: uppercase; width: 100%; margin: 0 auto; }
.bingo-inner { padding: 10px 10px 10px; }
.bingo-inner-mdle { padding: 20px 20px 30px 20px; }.games2 { float:left; }
.bingo-inner-mdle .sel-wrap-mdle { float: left; display: block; }
.bingo-inner-mdle .see-all { float: right; }
.bingo-inner-mdle .see-all ul .lens { border: none !important; }
.bingo-inner-mdle .sel-wrap-mdle .jqTransformSelectWrapper a.jqTransformSelectOpen { background-color: #0f62b0; border-radius: 3px; }
.bingo-middle .sel-wrap-mdle .jqTransformSelectWrapper div span { height: 31px; line-height: 30px; border-radius: 3px; }
.bingo-inner-mdle .top h2, .bingo-inner-mdle .top .title-s { display: block; float: left; }
.bingo-middle .sel-wrap-mdle-left { display: block; float: right; }
.bingo-inner-mdle .jqTransformSelectWrapper div span { background-color: #0f62b0; }
.bingo-inner-mdle .bottom ul li { margin-right: 5px; }
.bingo-inner-mdle .owl-carousel .owl-item img { width: auto; }
.bingo-inner-mdle .owl-theme .owl-controls { bottom: -45px; left: 0; right: 0; }
.cat-wrap { float: right; display: block; }
.bingo-middle .bottom .right { float: right; }
.banner-block .col-sm-3 { padding-left: 0; }
.bingo-banner .col-sm-9 { padding-right: 15px; }
.bingo-banner .owl-carousel-wrap { border-radius: 5px; }
.bingo-middle .sel-wrap-mdle .jqTransformSelectWrapper ul { right: 0; top: 31px; }
/*inner*/

/*games*/
.games .top h2 { background: url("../images/games.png") no-repeat scroll left 5px rgba(0, 0, 0, 0); }
.select-container-wrap { display: block; float: left; padding-left: 9%; }
.activetrigger { border-radius: 5px 5px 0px 0px !important; }
.select-box-wrap { display: block; float: left; width: 130px; margin-right: 13px; position: relative; }
.right-list { display: block; float: left; }
.right-list ul { display: block; }
.right-list ul li { display: block; float: left; border-right: solid 1px #116abe; padding: 0 15px; min-height: 30px; }
.right-list ul li a { display: block; padding: 7px 0 0; }
.ser-phrase { display: block; float: left; padding-left: 20px; }
.ser-phrase .search-ph-input { border: none; background: #0f62b0; border-radius: 3px; color: #fff; font-size: 14px; line-height: 14px; padding: 6px; display: block; float: left; }
.ser-phrase a { display: block; padding-left: 10px; float: left; padding-top: 3px; }
.games-wrap { display: block; }
.games-wrap ul li { float: none !important; background: none !important; text-align: left !important; }
.games-wrap ul li a { font-size: 16px; font-weight: bold; color: #fff; line-height: 32px; }
.games-wrap .col-sm-4 { border-right: solid 1px #116abe; }
.games-wrap .col-sm-4:last-child { border: none; }
.games-wrap ul li a:hover { transition: all 0.3s ease 0s; color: #0f62b0; }
.games-wrap ul li a { padding: 3px 4px !important; }
.whats-top .select-box-wrap { margin-right: 0; float: right; }
.whats-top .select-box-wrap .trigger { background: url("../images/sel.png") no-repeat scroll 97% center transparent; }
.bingo-middle .select-box-wrap { margin-right: 0; float: right; }
.bingo-middle .select-box-wrap .trigger { background: url("../images/sel.png") no-repeat scroll 97% center transparent; }
.trigger { color: #fff !important; }
/*games*/

/*slots*/
.slots .top h2 { background: url("../images/slots.png") no-repeat scroll left 5px rgba(0, 0, 0, 0); }
/*end slots*/

/*promotions*/
.promotions-wrap { display: block; }
.promo-container .top h2, .promo-container .top .title-s { background: url("../images/promo.png") no-repeat scroll left 5px rgba(0, 0, 0, 0); }
.middle-list { display: block; left: 0; margin: -63px auto; position: relative; right: 0; top: -60px; width: 22%; z-index: 6; }
.middle-list ul li { display: block; float: left; }
.middle-list ul li a { font-size: 14px; color: #10b8e1; border-right: solid 1px #116abe; padding: 0 10px; line-height: 25px; }
.middle-list ul li a:hover { color: #fdf410; transition: all 0.3s ease 0s; }
.middle-list ul li:first-child a { padding: 0 10px 0 0px; }
.middle-list ul li:last-child a { padding: 0 0 0 10px; border: none; }
.promo-container .select-container-wrap { padding-left: 0; margin-left: 20px; }
.promo-container .right-list ul .last-lens { border: none; padding-right: 0; }
.promo-container .right-list ul .last-lens a { padding-right: 0; }
.promo-container .select-box-wrap .trigger { background: url("../images/sel.png") no-repeat scroll 97% center #0f62b0; }
.promo-container .right-list ul li { padding: 0 10px; }
.promo-container .select-box-wrap { width: 100px; }
.promo-container .new-wrap img { width: 100% !important; }
.promo-container .col-sm-3 button { width: 130px; }
.promo-container .whats-hot { margin-top: 0; padding: 0; }
.promo-container .bottom { padding-top: 0; }
.promo-space .col-xs-6 { padding-bottom: 20px; }
/*promotions*/

/*chosen*/
.chosen-container { display: block; }
.chosen-container .play-wrap { display: block; background: #035596; border-radius: 10px; padding: 12px; }
.pl-now { display: block; float: left; width: 100%; }
.pl-now h1 { display: block; padding-bottom: 15px; font-weight: bold; font-size: 36px; line-height: 36px; color: #fff; }
.pl-now p { display: block; font-weight: bold; font-size: 16px; line-height: 30px; color: #fff; }
.pl-now .price { display: block; border: none; min-height: 35px; min-width: 110px; font-size: 20px; line-height: 20px; text-align: center; border-radius: 3px; background: #a91da4; color: #fff; }
.pl-now .play-right button { background: linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #ecbc00; border-radius: 3px; color: #00488c; display: block; font-size: 16px; font-weight: bold; height: 25px; line-height: 16px; margin: 0 auto; text-align: center; width: 90px; }
.play-right { display: block; float: right; }
.terms { display: block; }
.terms p, .promoterms p { display: block; font-size: 16px; line-height: 24px; color: #fff; padding-top: 20px; }
.terms p span { font-weight: bold; }
.terms ul { display: block; padding: 20px 0; }
.terms ul li { width:100% !important; display: list-item !important; list-style:outside; margin-left:15px; background: none !important; float: none !important; color: #fff; text-align: left !important; font-size: 16px; line-height: 25px; }
.terms .sec-child { padding-top: 0; }
.terms a { display: block; font-size: 14px; ; line-height: 20px; color: #10b8e1; background: url("../images/terms-bg.png") no-repeat left top; padding-left: 27px; margin-top: 20px; }
.choco { display: block; }
.choco p, .promochoco p { display: block; font-size: 16px; line-height: 24px; color: #fff; padding-top: 20px; }
.choco p span { font-weight: bold; }
.choco ul { display: block; padding: 20px 0; }
.choco ul li { width:100% !important; display: list-item !important; list-style:outside; margin-left:15px; background: none !important; float: none !important; color: #fff; text-align: left !important; font-size: 16px; line-height: 25px; }
.terms .sec-child { padding-top: 0; }
.terms a { display: block; font-size: 14px; ; line-height: 20px; color: #10b8e1; background: url("../images/terms-bg.png") no-repeat left top; padding-left: 27px; margin-top: 20px; }
/*chosen*/

/*landing*/
.landing-container { padding-top: 12px; }
.landing-container .register-wrap { min-height: 160px; border-radius: 3px; text-align: center; background-color: #00488c; color: #fff; position: relative; }
.reg-contents h1 { display: block; font-size: 29px; line-height: 34px; border-bottom: solid 1px #2683c1; padding: 25px 0 15px; font-weight: bold; }

.reg-ab { display: block; position: absolute; left: -17px; top: -9px; z-index: 999; }
.reg-contents { display: block; padding: 0 10px; }
.reg-contents p { display: block; font-size: 14px; line-height: 24px; text-align: left; padding-top: 20px; }
.reg-contents p span { font-weight: bold; }
.landing-container .reg-head { padding-left: 20%; }
.reg-ab-fish { position: absolute; right: -8px; top: -8px; z-index: 9999; }
.ab-fish { top: -30px !important; }
.owl-carousel-land img { width: 100%; }
.ab-arrow-left { display: block; position: absolute; left: 0; top: 0; }
.ab-arrow-right { display: block; right: -23px; position: absolute; top: 40px; }
.contact-bg { background: #00488c; padding: 20px }
.scratch-bg { background: #00488c; padding: 20px }
.option { float: right }
.option ul li { float: left; margin-left: 15px }
.option ul li a:hover { opacity: 0.4 }
.contact-bg h1 { color: #fff; font-size: 22px; background: url("../images/phone.png") no-repeat; width: 31px; height: 31px; width: 100%; padding: 5px 0 0 45px; margin-top: 15px }
.contact-block { margin: 25px 0 0 0 }
.contact-block p { color:#FFF; line-height:125%; margin: 10px 0; }
.contact-block a {color:#ecbc00}
.contact-block h2 { margin: 0px auto; text-align: center; display: block; font-size: 36px; color: #fff; font-weight: bold }
.contact-block-page ul li { text-align: center; margin: 25px 0 25px 0 }
.contact-block ul li h3 { color: #fff; font-size: 16px; text-align: center; font-weight: bold; padding: 15px 0 10px 0 }
.contact-block ul li p { color: #fff }
.contact-block-page ul li:last-child { text-align: right; padding: 0px }

.contact-block ol, .contact-block ul {margin:10px; color:#FFF;}
.contact-block-page ol li, .contact-block-page ul li {list-style-type:circle;margin-left:20px; line-height: 125%;}

.scratch-bg h1 { color: #fff; font-size: 22px; background: url("../images/games.png") no-repeat; width: 31px; height: 31px; width: 100%; padding: 5px 0 0 45px; margin-top: 15px }
.scratch-block { margin: 25px 0 0 0 }
.scratch-block p { color:#FFF; line-height:125%; margin: 10px 0; }
.scratch-block a {color:#ecbc00}
.scratch-block h2 { margin: 0px auto; text-align: center; display: block; font-size: 36px; color: #fff; font-weight: bold }
.scratch-block-page ul li { text-align: center; margin: 25px 0 25px 0 }
.scratch-block ul li h3 { color: #fff; font-size: 16px; text-align: center; font-weight: bold; padding: 15px 0 10px 0 }
.scratch-block ul li p { color: #fff }
.scratch-block-page ul li:last-child { text-align: right; padding: 0px }

.scratch-block ol, .scratch-block ul {margin:10px; color:#FFF;}
.scratch-block-page ol li, .scratch-block-page ul li {list-style-type:circle;margin-left:20px; line-height: 125%;}

.info-page ol {list-style: decimal; margin:10px 17px; }
.info-page ul {list-style: circle; margin:10px 17px;}

    /*landing*/

/*scratch*/
.scratch-bg { background: #00488c; padding: 20px }
.option { float: right }
.option ul li { float: left; margin-left: 15px }
.option ul li a:hover { opacity: 0.4 }
.scratch-bg h1 { color: #fff; font-size: 22px; background: url("../images/games.png") no-repeat; width: 31px; height: 31px; width: 100%; padding: 5px 0 0 45px; margin-top: 15px }
.scratch-block { margin: 25px 0 0 0 }
.scratch-block h2 { margin: 0px auto; text-align: center; display: block; font-size: 36px; color: #fff; font-weight: bold }
.scratch-block-page ul li { text-align: center; margin: 25px 0 25px 0 }
.scratch-block ul li h3 { color: #fff; font-size: 16px; text-align: center; font-weight: bold; padding: 15px 0 10px 0 }
.scratch-block ul li p { color: #fff }
.scratch-block-page ul li:last-child { text-align: right; padding: 0px }
/*contact*/
.contact-bg { background: #00488c; padding: 20px }
.option { float: right }
.option ul li { float: left; margin-left: 15px }
.option ul li a:hover { opacity: 0.4 }
.contact-bg h1 { color: #fff; font-size: 22px; background: url("../images/phone.png") no-repeat; width: 31px; height: 31px; width: 100%; padding: 5px 0 0 45px; margin-top: 15px }
.contact-block { margin: 25px 0 0 0 }
.contact-block h2 { margin: 0px auto; text-align: center; display: block; font-size: 36px; color: #fff; font-weight: bold }
.contact-block-page ul li { text-align: center; margin: 25px 0 25px 0 }
.contact-block ul li h3 { color: #fff; font-size: 16px; text-align: center; font-weight: bold; padding: 15px 0 10px 0 }
.contact-block ul li p { color: #fff }
.contact-block-page ul li:last-child { text-align: right; padding: 0px }
/*vip*/
.benefits h1 { font-size: 22px; color: #fff; background: url("../images/vip.png") no-repeat; width: 100%; margin-left: 7px; padding: 0 0 0 40px }
.benefits h4 { color: #fff; font-size: #fff; font-size: 18px; font-weight: bold; padding: 35px 0 15px 0 }
.benefits p { color: #fff; font-size: 16px; line-height: 22px }
.points ul li { float: left; width: 33%; text-align: center }
.points ul li img { margin: 12px auto }
.vbadge { width:80px; height:120px; display:block; margin:12px auto; }
.b-bronze .vbadge { background:url("../images/medal-bronze-disabled.png") no-repeat;}
.b-bronze .active.vbadge, .b-bronze:hover .vbadge { background:url("../images/medal-bronze-active.png") no-repeat;}
.b-silver .vbadge { background:url("../images/medal-silver-disabled.png") no-repeat;}
.b-silver .active.vbadge, .b-silver:hover .vbadge { background:url("../images/medal-silver-active.png") no-repeat;}
.b-gold .vbadge { background:url("../images/medal-gold-disabled.png") no-repeat;}
.b-gold .active.vbadge, .b-gold:hover .vbadge { background:url("../images/medal-gold-active.png") no-repeat;}

.points ul li span { color: #10b8e1; width: 100%; display: block; font-weight:bold; }
.points ul li.active span { color: #fdf410; }
.offer-box h3 { color: #fff; font-size: 48px; font-weight: 600; text-align: left; width: 100%; padding: 40px 0 0 0 }
.offer-box h5 { font-size: 36px; color: #fff; line-height:40px; margin-bottom:10px;}
.offer-box i { font-size: 18px; font-weight: 600; color: #fff; padding: 20px 0 20px 0; display: block }
.offer-box ul li:first-child { padding: 5px 10px 10px 0; border: none }
.offer-box ul li { float: left; padding: 5px 10px; border-left: 1px solid #116abe }
.offer-box ul li a { color: #10b8e1; font-size: 14px; font-weight:bold; }
.offer-box ul li a:hover, .offer-box ul li.active a { color: #fdf410; }
.cup-block { background: #035596; width: 100%; border-radius: 10px; padding: 27px; margin: 37px 0 0; }
.cup-block h3 { color: #fff; font-size: 43px; font-weight: bold; text-shadow: 1px 1px #000; padding: 50px 0 0 0 }
.cup-block img { float: left; margin-right: 30px }
.offer-box button { background: linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #ecbc00; border-radius: 3px; color: #00488c; display: block; font-size: 16px; font-weight: bold; height: 25px; line-height: 16px; float: left; margin: 20px 0 0 0; text-align: center; width: 90px; }
.slider-outer { border-right: 1px solid #116abe; }
.benefits-top {border-top:1px solid #116abe; padding-top:20px; }
.bottom-slider { border-top: 1px solid #116abe; width: 100%; margin: 20px 0 0 0; padding: 15px 0 0 0 }
.left-slider { float: left }
.left-slider img { float: left; margin-right: 20px; }
.left-slider h1 { color: #fff; font-size: 22px; background: url("../images/promotions.png") no-repeat; padding-left: 45px; padding-bottom: 25px }
.left-slider h1 a { float: right; font-size: 12px; color: #0296d4; font-weight: 700 }
.left-slider p { color: #fff; font-size: 16px; line-height: 18px; overflow: hidden }
.left-slider p b { font-weight: bold; display: block }
.left-slider button { float: left; display: block; background: linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #ecbc00; border-radius: 3px; color: #00488c; float: left; font-size: 16px; font-weight: bold; height: 25px; line-height: 16px; margin: -18px 0 0; text-align: center; padding: 0 20px 0 20px; width: auto; }
.left-slider .owl-carousel .owl-item img { width: inherit }
.left-slider .owl-theme .owl-controls { bottom: -52px; }
.slider-outer-right .owl-theme .owl-controls { bottom: -35px; }
.slider-outer-right { border: none }
.bottom-slider .left-slider .owl-theme .owl-controls { bottom: -45px; right: 0; left: inherit; }
.it-left { display: block; float: left; }
.it-left button { float: none; margin-top: 20px; }
.it-right { display: block; float: left; width: 52%; }
.mob-nav { display: block; }
.mob-nav ul li { background: none; padding: 0; display: block; float: none; }
.mob-nav ul li a { display: block; float: none !important; font-weight: bold; line-height: 35px; }
.dropdown-menu { background: #63125e; padding: 0; }
.dropdown-menu > li > a { color: #fff; font-weight: bold; float: none !important; }
.mob-nav ul li { border: 1px solid #dd30d6; border-radius: 3px; width: 200px; text-align: center; }
.mob-nav ul li a { color: #fff; padding: 0; line-height: 38px; }
.mob-nav .dropdown-menu { background: #571253; width: 198px; }
.mob-nav .dropdown-menu li { border: none; }
.mob-nav ul li:first-child a { padding: 0; }
.mob-nav ul .dropdown { background: linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
.mob-nav ul .dropdown a { background: url("../images/top-nav.jpg") no-repeat 10px 3px; display: block; font-size: 16px; }
.mob-nav .dropdown-menu li a { border: none; background: url("../images/top-nav.jpg") no-repeat 10px -40px; }
.mob-nav .dropdown-menu .gme-li a { background: url("../images/top-nav.jpg") no-repeat 10px -85px; }
.mob-nav .dropdown-menu .bingo-li a { background: url("../images/top-nav.jpg") no-repeat 10px -132px; }
.mob-nav .dropdown-menu .promo-li a { background: url("../images/top-nav.jpg") no-repeat 10px -175px; }
.mob-nav .dropdown-menu .vip-list a { background: url("../images/top-nav.jpg") no-repeat 10px -220px; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: inherit; }
ul.right-nav { display: block; }
ul.right-nav li.purple { display: block; padding: 12px 18px; font-size: 22px; font-weight: bold; background: #471344; color: #fff; }
ul.right-nav li.purple span { display: block; float: right; font-size: 16px; font-weight: normal; }
ul.right-nav li.purple.light-blue { background: #0160ba; }
ul.right-nav li.purple.dark-blue { background: #002f5b; }
ul.right-nav li.purple.medium-blue { background: #01478c; }
.play-now { width: 100%; background: linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #ecbc00; color: #00488c; display: block; font-size: 26px; font-weight: bold; height: 55px; line-height: 55px; text-align: center; position:absolute; bottom:0px;}
.cbp-spmenu-right { display: none; }
.row-mob { display: none; }
.head-cnts { display: block; }
.bingo-room { display: none; margin-top: 15px; background: #00488C; padding: 20px 18px; border-radius: 5px; }
/*.b-left { display: block; float: left; width: 40%; }*/
.b-left { display: block; float: left; width: 85px; }
.b-left ul { padding-top: 5px; }
.b-left ul li { display: block; float: left; background: none repeat scroll 0 0 #10b8e1; width: 38px; height: 27px; text-align: center; margin-right: 5px; border-radius: 3px; }
.b-left ul li a { font-size: 14px; line-height: 25px; color: #fff; font-weight: bold; }
.b-left ul li:last-child { margin-right: 0; background: url("../images/clock.jpg") no-repeat 5px 4px #1369be; width: 72px; }
.b-left ul li:last-child a { padding-left: 15px; }
.b-left .img-wrap { position: relative; }
.bingo-cnts {}
/*.b-right { display: block; float: left; width: 60%; padding-left: 5px; }*/
.b-right { overflow:hidden; padding-left: 5px; }
.b-right h3, h3.btitle { display: block; font-weight: bold; font-size: 13px; color: #fff; padding-bottom: 10px; overflow:hidden; }
.b-right .bottom ul li { display: block; float: left; margin-right: 10px; margin-bottom: 12px; }
.b-right .bottom ul .trd-cls { background: #aa1ea5; }
.b-right .bottom ul .person { background: url("../images/person.png") no-repeat 5px 5px #116abe; }
.b-right .bottom ul .person { padding-left: 5px; }
.b-right .bottom ul li { background: none repeat scroll 0 0 #116abe; border-radius: 3px; }
.b-right .bottom ul li a { color: #fff; display: block; font-size: 14px; line-height: 18px; padding: 3px 16.5px; }
.b-right .bottom ul li:last-child { display: block; clear: both; }
.b-right .bottom ul li:last-child button { background: linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #ecbc00; border-radius: 3px; color: #00488c; display: block; font-size: 16px; font-weight: bold; /*height: 25px;*/ line-height: 16px; margin: 0 auto; text-align: center; width: 90px; height:42px }
.b-left .img-wrap .b-img { width: 100%; height: 100%; }
.b-right .bottom .trd-cls { margin-right: 0; }
.mob-fish { display: none; }
/* updated styles */
.nav-wrap .navbar-default .navbar-nav > li > a { text-shadow: 0px 2px 1px rgba(8, 67, 0, 1); }
.logo { left: 14px; }
.head-ab { width: 26%; }
.owl-carousel-wrap .banner-tab { left: -3px; }
.welcome-block { background: #00488c url("../images/fish.png") no-repeat scroll 820px 20px; }
.ro-cnts { width: 100%; overflow-x: auto; }
.left-slider h1 { padding-bottom: 15px; }
.vip-wrap .bottom-slider .left-slider .owl-theme .owl-controls { bottom: -45px; }
.vip-wrap .slider-outer-right h1 { background: rgba(0, 0, 0, 0) url("../images/cup-img.png") no-repeat scroll 0 0; }
.vip-wrap .it-right h3 { display: block; color: #fff; font-size: 18px; font-weight: bold; padding-bottom: 10px; line-height: 18px; }
.vip-wrap .it-right p { display: block; color: #fff; font-size: 16px; padding-bottom: 15px; line-height: 16px; }
.middle-nav ul { display: block; }
.middle-nav ul li { display: block; border-right: solid 1px #116abe; float: left; }
.middle-nav ul li a { display: block; font-size: 14px; ; line-height: 14px; color: #10b8e1; padding: 0 10px; }
.middle-nav ul li a:hover { color: #fdf410; transition: all 0.3s ease 0s; }
.middle-nav ul li:last-child a { padding: 0 0 0 10px; }
.middle-nav ul li:last-child { border: none; }
.top-menu { display: block; }
.top-menu-left { display: block; float: left; width: 20%; }
.top-menu-right { display: block; float: left; width: 80%; }
.top-menu-right .middle-nav { display: block; float: left; }
.top-menu-right .select-container-wrap { display: block; float: left; }
.top-menu-right .right-list { float: right; }
.top-menu-right .middle-nav { padding-top: 8px; }
.slide-wrap { display: inline-block; width: 48%; padding-left: 3%; }
/* updated-styles */
.mob-contents .right .nav li .dropdown-toggle { font-weight: bold; font-size: 20px; color: #fff; width: 100%; height: 45px; display: block; float: left; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%) repeat scroll 0 0; border: 1px solid #dd30d6; border-radius: 3px; }
.mob-contents .hme-icon { display: block; float: left; }
.mob-contents .arrow-dwn { display: block; float: left; }
.mob-contents .navbar-nav .open .dropdown-menu { background: #571253; }
.mob-contents .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 15px 70px; }
.mob-contents .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; }
.mob-contents .right .nav { position: relative; }
.mob-contents .right .dropdown-menu { position: absolute; width: 100%; top: 45px; z-index: 99999; padding-top: 10px; }
.mob-contents .spn-left { background: url("../images/hme.jpg") no-repeat center 2px; width: 30px; height: 30px; float: left; background-size: 100%; display: inline-block; }
.mob-contents .spn-arrow { display: inline-block; float: left; background: url("../images/down.png") no-repeat center 5px; width: 30px; height: 30px; float: right; background-size: 100%; }
.mob-contents .spn-hme { display: inline-block; line-height: 10px; float: left; line-height: 30px; width: 80%; margin: 0 auto; text-align: center; }
.dropdown-menu li a { background: url("../images/drop-bg.jpg") no-repeat 10px 5px; font-size: 15px; }
.dropdown-menu .list2 a { background: url("../images/drop-bg.jpg") no-repeat 10px -38px; }
.dropdown-menu .list3 a { background: url("../images/drop-bg.jpg") no-repeat 10px -82px; }
.dropdown-menu .list4 a { background: url("../images/drop-bg.jpg") no-repeat 10px -130px; }
.dropdown-menu .list5 a { background: url("../images/drop-bg.jpg") no-repeat 10px -175px; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: transparent !important; }
.navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: url("../images/drop-bg.jpg"); }
/*.vip-wrap .logo { top: 28%; }*/
/*.vip-wrap .head-ab { top: -7px; }*/
.vip-wrap .row-mob { display: none; }
.landing-wrap .logo { top: 28%; }
.landing-wrap .head-ab { top: -7px; }
.cup-block h3 { display: block; }
/*.bingo-wp .logo { top: 28%; }*/
/*.bingo-wp .head-ab { top: -7px; }*/
.promo-wp .middle-nav ul li a { padding: 0 8px; }
.promo-wp .select-container-wrap { margin-bottom: 10px; }
/*.promo-wp .logo { top: 28%; }*/
/*.promo-wp .head-ab { top: -12%; }*/
.promo-wp .whats-hot .col-md-3 p { color: #fff; display: block; font-size: 16px; font-weight: bold; padding: 8px 0; height:48px;}
.promo-wp .whats-hot .col-md-3 button { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0; border: 1px solid #ecbc00; border-radius: 3px; color: #00488c; display: block; font-size: 16px; font-weight: bold; height: 25px; line-height: 16px; margin: 0 auto; text-align: center; width: 130px; }
.bingo-wp .head-wrap { min-height: 53px; }
/*.bingo-wp .head-ab { top: -14px; }*/
.game-wp .head-wrap { min-height: 53px; }
/*.game-wp .head-ab { top: -14px; }*/
.landing-wrap .head-wrap { min-height: 53px; }
.landing-wrap .head-ab { top: -14px; }
.promo-wp .head-wrap { min-height: 53px; }
/*.promo-wp .head-ab { top: -14px; }*/
.pro-chse .head-wrap { min-height: 53px; }
/*.pro-chse .head-ab { top: -14px; }*/
.vip-wrap .head-wrap { min-height: 53px; }
/*.vip-wrap .head-ab { top: -14px; }*/
.sli-blk { display: inline-block; }
.banner-contents { top: 50%; }
.landing-wrap .land-none { height: 53px; }
.landing-wrap .head-wrap { background: none; border: none; }
.landing-wrap .head-ab { display: none; }
.hot-wrap { display: inline-block; width: 190px; margin-right: 4.8%; padding-bottom: 0px; }
.whats-hot .hot-wrap p { color: #fff; display: block; font-size: 16px; font-weight: bold; padding: 8px 0; text-align: center; }
.whats-hot .hot-wrap button { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0; border: 1px solid #ecbc00; border-radius: 3px; color: #00488c; display: block; font-size: 16px; font-weight: bold; height: 25px; line-height: 16px; margin: 0 auto; text-align: center; width: 90px; }
.hot-wrap1 { margin-right: 0; }
.main-page .hot-cnts { width: 100%; margin: 0 auto; }
.landing-wrap .landing-container { padding-bottom: 72px; }
.main-page .banner-contents { top: 63%; }
.game-wp .banner-contents { top: 60%; }
#showRight { position: fixed; background: none; border: none; right: 15px; top: 20px; z-index: 4; display: none; background: #a51c9e; cursor: pointer; padding: 19px 37px 21px 9px; }
#showRight span, #showRight span:before, #showRight span:after { cursor: pointer; height: 3px; width: 28px; background: #fff; position: absolute; display: block; content: ''; }
#showRight span:before { top: -7px; }
#showRight span:after { bottom: -7px; }
#showRight span, #showRight span:before, #showRight span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#showRight.active span { background-color: transparent; }
#showRight.active span:before, #showRight.active span:after { top: 0; }
#showRight.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#showRight.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }
.push-nav li { background:#561253; }.push-nav li:last-child { background:none; }.push-nav li:last-child img { display:block; margin:0 auto; margin-top:5px;}
.main-page .play-now { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%) repeat scroll 0 0; border: 1px solid #dd30d6; border-left:0px; border-radius: 3px; bottom: 0px; color: #fff; display: block; font-size: 25px; font-weight: bold; height: 50px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 100%; }
.show-desk { display: block; }
.main-page .show-mob { display: none; }
ul.right-nav { padding-top:71px; }
.right3 {float:right;margin-top:-24px;}
.morevip { clear:both; }
.playnowlink {cursor:pointer;}
.vpromoinfo { margin-top:20px;}
.contact-block-page  ul li {list-style:none;}
.stratch-block-page  ul li {list-style:none;}
.bingo-wp .banner-contents { top:63%;}
@media (min-width: 990px) {
.landing-wrap .reg-contents h1 { font-size:26px; padding-right:30px; padding-left:50px;}
.h-page .bingo-middle .bottom ul li button {
width:172px;
}
}
@media (min-width: 990px) and (max-width: 1170px) {
.head-ab { width: 22%; }
.promo-wp .whats-hot .col-md-3 p { height:48px;}
}@media (max-width: 991px) {.right3 {float:left;margin-top:0px;width:100%;} .amazing-game img {max-height:196px;} .bingo-c {display:inline-block; margin-right:2px;} .bingo-c-t {position:relative; top:-7px; left:3px;} .bingo-middle .bottom ul li a { display:inline-block; height:27px;} .started { top:0px;} #Bgamestemplate2 .bingo-c {display:none !important;} #Bgamestemplate2 .bingo-c-t { top:0px; left:30px; float:left;}
.landing-wrap .banner-contents { left:35px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.nav-wrap .navbar-default .navbar-nav > li > a { font-size: 13px; line-height: 29px; }
.nav > li > a { padding: 4px; }
.navbar { min-height: 43px; }
header .hme-list li:first-child p { font-size: 10px; }
header .bronze-cup p { font-size: 10px; }
header .deposit .left p { font-size: 10px; }
header .deposit .left p span { font-size: 10px; }
header .deposit .right button { font-size: 10px; min-width: 60px; }
header .hme-list .sign-out a { font-size: 10px; }
header .hme-list li { padding: 0 13px; }
header .deposit .right { padding: 5px 0 0 10px; }
header .hme-list li:first-child a span { font-size: 10px; }
.head-ab { width: 23%; height: 69px; top: 41px; background:#50CEF6; border-top:2px solid #043a63; }
.logo img { width: 94%; }
.banner-contents .play-button { font-size: 16px; width: 180px; height: 25px; }
.banner-contents .find-out p { font-size: 9px; }
.bingo-wrap .top h2 { font-size: 12px; line-height: 22px; }
.bingo-wrap .top a { font-size: 10px; }
.bingo-wrap .middle .block .left p { font-size: 10px; }
.bingo-wrap .middle .block .left button { width: 70px; font-size: 10px; }
.bingo-wrap .bottom button { width: 150px; font-size: 11px; height: 25px; }
.bingo-wrap .bottom { padding-top: 10px; }
.bingo-wrap .middle .block { padding-top: 5px; }
.bingo-wrap .middle { padding-top: 5px; }
.bingo-wrap .top { padding-bottom: 10px; }
.bingo-wrap { padding: 10px 10px 18px; }
.whats-hot h2 { font-size: 22px; }
.ab span { font-size: 8px; }
.whats-hot .col-sm-3 p { font-size: 10px; }
.whats-hot .col-sm-3 button { font-size: 14px; }
.bingo-middle .bottom .right .top h3 { font-size: 14px; padding-top: 2px; padding-right: 70px; }
.bingo-middle .bottom ul li a { font-size: 12px; }
.bingo-middle .bottom .right .top p { font-size: 12px; }
.bingo-middle .bottom ul li button { font-size: 14px; width: 60px; }
.bingo-middle .bottom .right { padding-left: 0px; }
.bingo-middle .bottom ul li { margin-right: 9px; }
.welcome-cnts h1 { font-size: 20px; }
.welcome-cnts p { padding-top: 20px; font-size: 12px; }
.welcome-block button { font-size: 15px; width: 150px; height: 40px; bottom: -20px; }
.footer-nav ul li a { font-size: 10px; }
.cards { padding: 10px 20px; }
.all-right p { font-size: 10px; }
/*.bingo-middle .top h2 { font-size: 14px; }*/
.welcome-block h2 { font-size: 22px; }
.bingo-middle .bottom .right { width: 100%; }
.bingo-middle .bottom ul li { width: 100%; }
.bingo-middle .bottom ul li button { width: 100%; }
.bingo-inner .play-button { font-size: 18px; }
.amazing-game h1 { font-size: 18px; }
.amazing-game h1 span { font-size: 12px; }
.gme-wrap { padding: 19px 0; }
.login-area label { font-size: 10px; }
.join-area ul li a { font-size: 10px; }
.login-area .login-input { font-size: 10px; }
.log { font-size: 10px; min-width: 46px; }
.login-area .login-input { width: 75px; }
.cards li { margin-right: 13px; }
.reg-contents { padding: 10px 30px; }
.reg-contents h1 { font-size: 14px; padding: 25px 0 0; }
.reg-contents p { font-size: 12px; line-height: 20px; }
.offer-box ul li a { font-size: 13px; }
.offer-box h3 { font-size: 40px; }
.benefits p { padding-bottom: 10px; }
.offer-box i { font-size: 13px; }
.vip-wrap .it-right h3 { padding-top: 10px; }
.it-right { width: 100%; }
.pro-chse .top-menu-left { width: 100%; }
.pro-chse .top-menu-right { width: 100%; }
.main-page .whats-hot .hot-wrap p { font-size: 13px; }
.main-page .hot-wrap { width: 143px; }
.bingo-middle .bottom .left { width: 100%; }
.bingo-middle .bottom .img-wrap { width: 100%; }
.bingo-middle .bottom .img-wrap img { width: 100%; height: 100%; }
.bingo-middle .bottom .ab img { width: auto; height: auto; }
.jp { top: 185px;}
.h-m { margin-bottom:15px;}
.home-bingo-title { max-width:80px; overflow: hidden; white-space: nowrap;}
.nav > li > a { padding: 4px 9.5px;}
.banner-contents {left:19px;}
.promo-p .banner-contents {left:27px;}
.h-page .banner-contents {left: 27px } 
.top-box-inner .right3{ margin-top:10px;}
}
@media (max-width: 767px) {
.hot-wrap {padding-bottom:20px;}
.top-box-inner .right3{ margin-top:10px;}
.cat-wrap { float:none; }
.bingo-middle .bottom .right { padding-left: 0; width: 50%; }
.bingo-middle .bottom ul li { width: 100%; }
.bingo-middle .bottom ul li button { width: 100%; }
.welcome-cnts h1 { font-size: 18px; }
/*.welcome-block h2 { font-size: 12px; }*/
.welcome-cnts p { font-size: 13px; }
.welcome-block button { font-size: 14px; width: 130px; height: 40px; bottom: -20px; }
.cards { padding: 10px; }
.all-right p { font-size: 10px; }
.bingo-middle .bottom .img-wrap { margin-top: 10px; }
.whats-hot .col-sm-3 button { width: 100%; margin-bottom: 10px; }
.banner-block .col-sm-9 { padding-right: 15px; }
.banner-block .col-sm-3 { padding-left: 15px; margin-top: 10px; }
.navbar-toggle { border: none; background: none !important; padding: 9px 0; }
.navbar-toggle .icon-bar { border-radius: 0; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; width: 25px; height: 3px; }
.nav-wrap .navbar-collapse { padding: 0 15px; }
.nav-wrap .container-fluid { padding: 0 15px; }
.navbar-nav { margin-top: 0; margin-bottom: 0; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; }
.nav-wrap .navbar-default .navbar-nav > li > a { font-size: 14px; }
.nav-wrap .navbar-default .navbar-nav > li > a:hover { background: linear-gradient(to bottom, #ecbd03 0%, #fef974 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
header ul li:first-child p { font-size: 10px; }
header .bronze-cup p { font-size: 10px; }
header .deposit .left p { font-size: 10px; }
header .deposit .left p span { font-size: 10px; }
header .deposit .right button { font-size: 10px; min-width: 60px; }
header ul .sign-out a { font-size: 10px; }
.bingo-middle .bottom .left { width: 50%; }
.bingo-middle .bottom .img-wrap { width: 100%; height: 100%; }
.bingo-middle .bottom .img-wrap img { width: 100%; height: 100%; }
.bingo-middle .bottom .img-wrap .ab img { width: auto; }
.bingo-middle .see-all { padding-left: 0; }
.small-logo { display: block; padding-bottom: 10px; }
.small-logo img { display: block; margin: 0 auto; }
.head-ab { display: none; }
.owl-carousel-wrap .banner-tab { display: none; }
.gme-wrap img { width: 100%; }
.bingo-inner .play-button { font-size: 18px; }
.cbp-spmenu-right { display: block; border-left: 1px #dd30d7 solid; }

.main-page .row-desk { display: none; }
.main-page .row-mob { display: block; }
.main-page .row-mob .head-middle .navbar-toggle { display: none; }
.main-page .container { padding: 0; }
.main-page .desk-nav { display: none; }
.main-page .bingo-room { display: block; }
.main-page .right-owl { display: none; }
.main-page .bingo-room { display: blcok; margin-top: 0; }
.main-page .whats-top { background: #023d75; padding: 10px 0; }
.main-page .bingo-room { border-radius: 0; }
.main-page .whats-hot { border-radius: 0; margin-top: 0; }
.main-page .bingo-middle { border-radius: 0; margin-top: 0; width:100%; }
.main-page .welcome-block { border-radius: 0; margin-top: 0; background: #01478c; /* Old browsers */ background: -moz-linear-gradient(top, #01478c 0%, #24d5ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #01478c), color-stop(100%, #24d5ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01478c 0%, #24d5ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01478c 0%, #24d5ff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01478c 0%, #24d5ff 100%); /* IE10+ */ background: linear-gradient(to bottom, #01478c 0%, #24d5ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01478c', endColorstr='#24d5ff', GradientType=0 ); /* IE6-9 */
}
/*.main-page .bingo-middle { display: none; }*/
.main-page .welcome-block { padding: 20px 0px 40px; text-align: left; font-weight: bold; }
.welcome-cnts {padding:0 20px;}
.main-page .welcome-block h2 { background: url("../images/cup-bg.png") no-repeat scroll 20px 5px #023d75; border-top: solid 1px #116abe; border-bottom: solid 1px #116abe; text-align: left; padding: 5px 0 0 60px;}
.main-page .welcome-block h1 { padding-top: 20px; }
.main-page .bingo-room { padding: 20px 0px 40px; }
.main-page .whats-hot { padding: 20px 0px 40px; }
.main-page .bingo-room .whats-top h2 { background: url("../images/bingo-bg.png") no-repeat scroll 0px 0 rgba(0, 0, 0, 0); line-height: 30px; padding: 0 0 0 35px; }
.main-page .whats-top { border-top: solid 1px #116abe; border-bottom: solid 1px #116abe; }
.main-page .whats-hot { padding: 20px 0 0; }
.main-page .row { margin-left: 0; margin-right: 0; }
.main-page .banner-block .col-sm-9 { padding: 0; }
.h-page .owl-carousel-wrap { border-radius: 0; border: none; margin:0; }
.main-page .middle-block { padding-top: 0; }
.main-page .banner-block { padding-top: 0; }
.main-page .whats-hot { padding-top: 0; }
.main-page .owl-theme .owl-controls { top: 10px; }
.main-page .ro-cnts { display: block; padding: 20px 0 10px; }
.main-page .hot-cnts { display: block; padding: 20px 0 0; }
.main-page .logo { left: 0; top: 68%; }
.mob-fish { display: block; }
.main-page .head-wrap { padding: 0; }
.main-page #bs-example-navbar-collapse-1 { height: 0px; }
.main-page .logo { z-index: 9; top: 41%; }
.main-page .mob-nav { padding-top: 10px; }
.main-page #bs-example-navbar-collapse-1 ul { padding-top: 10px; }
.main-page .sb-search-input { height: 53px; }
.main-page .sb-icon-search, .sb-search-submit { height: 53px; }
.mob-fish { display: block; position: absolute; right: 0; top: 0; }
.logo { display: none; }
.vip-wrap .left-slider { float: none; }
.vip-wrap .slider-outer-right { margin-top: 50px; }
.vip-wrap .slider-outer { border: none; }
.top-menu-left { width: 100%; }
.top-menu-right { width: 100%; }
.top-menu-right .promo-container .select-container-wrap { margin-left: 0; }
.vip-wrap .row-mob { display: block; }
.vip-wrap .row-desk { display: none; }
.vip-wrap .it-right h3 { padding-top: 10px; }
.it-right { width: 100%; }
.landing-wrap .reg-contents h1 { padding-left: 0; }
.landing-container .col-sm-4 { margin-bottom: 10px; }
.landing-container .ab-arrow-right { right: -13px; }
.main-page .slide-wrap { width: 34%; }
.vip-wrap .mob-none { display: none; }
.banner-contents .find-out { float: left; display: block; margin-top: 0; }
.landing-wrap .owl-carousel-wrap { height: auto; }
.banner-contents .play-button { font-size: 9px; width: 116px; height: 30px; margin-bottom: 2px; line-height:19px;}
.hot-wrap { display: inline-block; width: 40%; }
.whats-hot .hot-wrap p { color: #fff; display: block; font-size: 16px; font-weight: bold; padding: 8px 0; }
.whats-hot .hot-wrap button { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fef974 0%, #ecbd03 100%) repeat scroll 0 0; border: 1px solid #ecbc00; border-radius: 3px; color: #00488c; display: block; font-size: 16px; font-weight: bold; height: 25px; line-height: 16px; margin: 0 auto; text-align: center; width: 90px; }
.scroller-wrap { width: 100%; overflow-x: auto; white-space: nowrap; }
.main-page .hot-cnts { width: 100%; }
.main-page .b-right .bottom ul li a { font-size: 12px; padding: 3px 5px; }
.main-page .b-left ul li a { font-size: 12px; }
.main-page .b-left ul li:last-child { width: 51%; }
.main-page .b-right .bottom ul li, .main-page .b-left ul li { margin-bottom: 4px; }
.mob-contents .right .nav li .dropdown-toggle { font-size: 15px; }
.mob-contents .spn-hme { width: 80%; }
#showRight { display: block; z-index: 999999 !important; top: 16px; }
.main-page .head-wrap { padding: 5px 0; }
#showRight.active { background: none; }
.show-desk { display: none !important; }
.show-mob { display: block; }
.hot-cnts .hot-wrap { width: 20%; }
.whats-hot .hot-wrap p { font-size: 11px; }
.mob-hide { display: none; }
.bingo-wp .row-mob { display: block; }
.bingo-wp .head-wrap { padding: 5px; }
.contact-wrap .row-mob { display: block; }
.contact-wrap .row-desk { display: none; }
.contact-wrap .head-wrap { padding: 5px; }
.stratch-wrap .row-mob { display: block; }
.stratch-wrap .row-desk { display: none; }
.stratch-wrap .head-wrap { padding: 5px; }
.game-wp .row-mob { display: block; }
.game-wp .head-wrap { padding: 5px; }
.landing-wrap .row-mob { display: block; }
.promo-wp .row-mob { display: block; }
.promo-wp .head-wrap { padding: 5px; }
.pro-chse .row-mob { display: block; }
.pro-chse .head-wrap { padding: 5px; }
.vip-wrap .row-mob { display: block; }
.vip-wrap .head-wrap { padding: 5px; }
.landing-wrap .row-mob { display: block; }
.landing-wrap .head-wrap { background: #00488c none repeat scroll 0 0; border-bottom: 2px solid #043a63; padding: 5px; }
.head-wrap { position: fixed; top: 0; width: 100%; z-index: 9999; }
.banner-block { padding-top: 72px !important; }.bingo-wp .col-sm-6 {padding-left:0px;padding-right:0px;margin-bottom:10px;}.bingo-middle .bottom .left {padding-right:15px;}.help {display:none;}.bingo-middle .bottom .img-wrap {margin-top:0px;}.bingo-middle .bottom .right2 {float:left;width:100%;margin-bottom:5px;}.bingo-middle .bottom {padding-top:0px;}.play-gme { margin-bottom:10px; }.mob-hide {display:none;}.bingo-info {width:100%;left:0px;top:0px;margin:0;}.bingo-info .pad-in {padding:10px 10px;}.top-box-inner.bingo-middle .bottom ul li button {width:100%;}
.b-left ul li, .main-page .b-left ul li:last-child, .b-right .bottom ul li, .b-right .bottom ul li:last-child button { width:100%; }
.b-right .bottom ul .person {padding-left:18px;}
/*.bingo-wp .owl-carousel-wrap, .bingo-wp .right-owl { display:none; }*/
.promo-wp .col-sm-12, .vip-wrap .col-sm-12, .pro-chse .col-sm-12, .contact-wrap .stratch-wrap .col-sm-12 { padding:0; }
.owl-carousel-wrap {border:0; border-radius:0 0 0 5px; border-bottom:1px solid #10B8E1;}
.hot-wrap {margin-left: 4.8%; margin-right:0;}
.hot-wrap:last-child { margin-right:4.8%;}
.slide-wrap:last-child { margin-right:3%;}
#Bgamestemplate2 .bingo-c-t { top:2px;}
.points { float:left; margin-top:20px; width:100%;}
#Bgamestemplate { width:48%; margin-right:10px; float:left; }
#Bgamestemplate:nth-child(odd) { margin-right:0px; }
.bingo-middle .bottom .left, .bingo-middle .bottom .right { width:100%;}
.bingo-middle .bottom .left { padding-right:0px;}
.banner-contents, .promo-p .banner-contents { left:4%; }
.h-page .banner-contents {left: 5%; } 
.banner-contents .play-button {margin-top:2px;}
.bingo-wp .banner-contents { top: 62%; }
.bingo-wp .bingo-inner-mdle { padding:20px 0 30px; }
.promo-space a:nth-child(odd) .p-block { padding-left:0px; padding-right:7px;} 
.promo-space a:nth-child(even) .p-block { padding-left:7px;padding-right:0px;} 
.promo-space div:nth-child(odd).p-block { padding-left:0px; padding-right:7px;} 
.promo-space div:nth-child(even).p-block { padding-left:7px;padding-right:0px;} 
}
@media (min-width: 480px) and (max-width: 640px) {
.mob-contents .spn-hme { width: 72%; }
.promo-wp .whats-hot .col-md-3 p { height:48px;}
.b-left ul li:last-child {background-image:none;}
#Bgamestemplate2 .bingo-c-t {text-align:center; left:15px;}
.b-left ul li:last-child a { padding-left:0px;}
}
@media (max-width: 480px) {
.logo { display: none; position: absolute; top: 46%; left: 1%; z-index: 99999; }
.head-ab { display: none; }
.login-area label { font-size: 10px; display: block; }
.join-area ul li a { font-size: 10px; }
.login-area .login-input { font-size: 10px; }
.log { font-size: 10px; }
.login-area { float: none; }
.join-area { float: none; }
.input-wrap { float: none; padding-bottom: 10px; margin-right: 0; }
.login-area .login-input { width: 100%; }
.ser-phrase { padding-left: 0; width: 100%; }
.ser-phrase .search-ph-input { width: 88%; }
.select-box-wrap { margin-right: 0; width: 100%; margin-bottom: 10px; }
.games-wrap .col-sm-4 { border: none; }
.select-container-wrap { float: none; }
.right-list { margin-bottom: 10px; }
.select-container-wrap { padding-left: 0%; }
.b-left { width: 100%; }
.b-right { width: 100%; padding-left: 0; padding-top: 5px; }
.b-right .bottom ul li { width: 100%; }
.b-right .bottom ul li:last-child button { width: 100%; }
.whats-hot h2 { font-size: 16px; }
.welcome-block h2 { font-size: 16px; }
.whats-hot .col-xs-4 { width: 100%; }
.whats-hot h2 { font-size: 16px; }
.middle-list { width: 66% }
.mob-nav ul li { width: 170px; }
.dropdown-toggle > span { padding-left: 65px; }
.mob-contents .dropdown-toggle > span { padding-left: 0; }
.main-page .banner-contents .spend { font-size: 25px; }
.footer-nav ul li { float: none; }
.footer-nav ul li a { border: none; padding: 0; }
.cards li { margin-right: 5px; }
.landing-container .col-sm-4 { display: block; margin-bottom: 10px; }
.reg-contents h1 { font-size: 20px; line-height: 20px; }
.reg-contents { padding: 0 30px; }
.promo-container .select-container-wrap { margin-left: 0; }
.middle-nav ul li a { font-size: 12px; }
.top-menu-right .middle-nav { padding-bottom: 10px; }
.main-page .slide-wrap { width: 40%; }
.vip-wrap .offer-box h3 { font-size: 25px; }
.vip-wrap .offer-box h5 { font-size: 28px; }
.vip-wrap .offer-box ul {  margin-bottom:10px; }
.vip-wrap .offer-box ul li { float: none; border: 1px solid #FFF; text-align:center; margin-bottom:2px; }
.vip-wrap .offer-box ul li:first-child { padding-left: 10px; }
.cup-block h3 { font-size: 20px; }
.promo-wp .whats-hot .col-md-3 p { font-size: 11px; }
.promo-wp .whats-hot .col-md-3 button { font-size: 14px; width: 100px; }
.banner-contents { left: 4%; }
.h-page .banner-contents {left: 5%; } 
.banner-contents .play-button { margin-top: 0; }
.mob-contents .spn-hme { width: 58%; }
.hot-cnts .hot-wrap { width: 35%; }
.contact-block h2 { font-size: 18px; line-height: 18px; }
.contact-block ul li h3 { font-size: 12px; line-height: 12px; }
.contact-block ul li p { font-size: 12px; line-height: 12px; }
.scratch-block h2 { font-size: 18px; line-height: 18px; }
.scratch-block ul li h3 { font-size: 12px; line-height: 12px; }
.scratch-block ul li p { font-size: 12px; line-height: 12px; }
.banner-contents .play-button { width: 70px; height: 20px; }.bingo-middle .bottom ul li:last-child {margin-bottom:10px;}.top-box-inner .right {width:100%;}.top-box-inner .right3 {margin-top:-5px;}.top-box-inner .img-wrap {margin:10px 0;}
.promo-wp .whats-hot .col-md-3 p { height:38px;}
.cup-block, .cup-block h3 { float:left; }
.banner-contents .find-out {
height:20px;
}
.bingo-middle .bottom .right .top h3 { height:40px; width:100%;}
.landing-wrap .banner-contents { left:15px; }
.landing-wrap .play-button {margin-bottom:5px; font-size:10px; }
.footer-nav ul li { display: inline; }
footer { padding-top:50px; }
.footer-nav { margin-top:0px; }
}

@media (max-width: 320px) {
#Bgamestemplate { width:100%; float:left;}
.bingo-middle .bottom .right .top h3 { height:auto; width:auto; }
.bingo-middle #Bgamestemplate .bottom ul li {width:48%;}
.bingo-middle #Bgamestemplate .bottom ul li:last-child { width:100%; }
.bingo-middle #Bgamestemplate .bottom ul .trd-cls {margin-right:5px;}
}

.top-menu-right {
display:none;
}

.contact-wrap .option {
display:none;
}
.scratch-wrap .option {
display:none;
}

.bingo-middle .see-all, .select-box-wrap {
display:none;
} 

.ser-phrase, .right-list {
display:none;
}

.help {
display:none;
}




/*
Reg Form Specific
*/
input, select {
background:#0060ba;
border:0;
padding:10px;
}

input {
width:282px;
}

.formlabel {
float:left;
width:200px;
vertical-align:middle;
}

.forminput {
float:left;
}

.formrow {
float:left;
clear:both;
padding:0 20px;
margin-bottom:5px;
}

.req {
float:left;
margin-right:5px;
}

.reg .top h2 {
background:url("images/reg.png") no-repeat;
}

.mobilePhoneCode, .homePhoneCode {
width:50px;
}

input[type="radio"] {
margin:15px 0;
width:auto;
}

.forminput label {
margin-left:5px;
margin-right:10px;
}

.zeroPrefix {
margin:0 5px;
}

.dob select {
width:90px;
margin-right:6px;
}

.phonen input:last-child {
width:203px;
}

.wordp select{
width:283px;
}

.regbtn {
    background: linear-gradient(to bottom, #ae1fa8 0%, #790e75 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #dd30d6;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 50px;
    margin-top: 13px;
    text-align: center;
    text-transform: uppercase;
    width: 280px;
}

.regbtn span {
position:relative;
top:7px;
}

.regbtn:hover span {
color:#FFF;
}

.yellowtext {
color:#fffb5a;
}

.srow {
float:left;
clear:both;
margin-bottom:15px;
}

.srow a {
color:#FFF;
}

.srow img  {
float:left;
}

.csup {
float:left;
margin-left:10px;
}

.csup .yellowtext {
margin-bottom:5px;
}

.support h2 {
background:(images/support.png) no-repeat;
}

.banner-contents .find-out a {
    background: #00488c none repeat scroll 0 0;
    border: 1px solid #f9eb01;
    border-radius: 20px;
    color: #fff;
    display: block;
    float: left;
    font-size: 13px;
    height: 18px;
    line-height: 15px;
    text-align: center;
    width: 18px;
}

.landing-wrap .owl-carousel-wrap{
border:3px solid #00488c;
}

table td {
border-collapse: separate;
    border: 1px solid #999;
}

td {
padding:6px;	
}

.scratch_action {
	position: static;
	float: none;
	display: block;
	width: 300px;
	height: 60px;
	margin-top: 10px;
}

.scratch_action > span > span {
	display: block;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	text-transform: uppercase;
	height: 50px;
	background: transparent linear-gradient(to bottom, #AE1FA8 0%, #790E75 100%) repeat scroll 0 0;
	border: 1px solid #DD30D6;
	border-radius: 3px;
}
.scratch_action > span {
	background: none;
}