/* CSS Document */
*{padding: 0px;margin: 0px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.container{width:1000px!important;margin:0 auto;position:relative;}
body{background:#070707 url(../img/background.jpg) no-repeat top center;}

/* css rest */
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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
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;
}
/* 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;
}
/*end reset*/
a, a:active, a:focus {
   outline: none;
}

@font-face{font-family: EA;src: url(../font/EASPORTS15.woff);}
@font-face{font-family: FPN; src: url(../font/FPN1_1.woff);}
a{color:white;text-decoration: none;}

.header {text-align: center;height:95px;}

#top-wrapper{width: 100%;height: 100px;}
#menu-wrapper {width: 35%;height:60px;margin:-90 0 0 85px;position: relative;}  

.pointer {cursor: pointer;}
.clear{clear:both;}
.pull-left{float:left;}
.pull-right{float:right;}

#logo {width: 265px;height: 80px; float:left; padding-top:6px;}
#right-head{width:735px;height:90px;position:relative; float:left;padding-top:20px;}
#form-login{width:450px;height:50px;float:right; padding: 5px 0 0 10px;}

.btndaftar{width:104px;height:42px;background:url(../img/button/DAFTAR.png) no-repeat;float:left;border:none;cursor:pointer;vertical-align:middle;color: transparent;}
.btndaftar:hover{opacity: 0.8;}

.btnlogin{width:104px;height:42px;background:url(../img/button/LOGIN.png) no-repeat;float:left;border:none;cursor:pointer;vertical-align:middle;margin:0 7px;color: transparent;}
.btnlogin:hover{opacity: 0.8;}
textarea:focus, input:focus{outline: none;}
.inputpass, .inputuser {border:none;width:97px;height:37px;background-color:transparent; margin:2px 10px 0 0; padding: 0 10px 0 10px; font-weight: bold;}

.contact {float: right; font-family: Impact; padding-top: 15px; letter-spacing: 0.5px;}
.contact img{vertical-align: middle; margin: -1px 5px 0 0;} .contact a{margin-left: 5px;}

#username, #password{width: 97px; height: 37px; background: url(../img/button/userpass.png) no-repeat; float: left;margin: 2px 5px 0 5px;padding: 6px;}
#user, #pass {width: 85px; height: 25px;border-radius: 5px;background-color: transparent; border: none; font-weight: bold; text-align: center; padding:0 5px 0 5px;}

.marquee-wrap {padding-top:5px;display: block;overflow: hidden;position: relative;width:750px;float:right;}
.marquee-text {display: block;overflow: hidden;position: relative;width: 730px;padding-top:2px;float:right;}
/* .marquee-text div {height: auto;white-space: nowrap;color: #fff;z-index: 1;animation: marquee 20s linear infinite;font-family: Arial; font-style: italic; font-weight: bold; padding-right: 10px;} */
/* .marquee-text:hover div {
    animation-play-state: paused;
} */
.marquee-text marquee {
	height: auto;white-space: nowrap;color: #fff;z-index: 1;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.content{ height: auto;}
#middle{width: 100%; height: 365px;float: left;}
.girl{width:310px; height:360px;float: left; z-index: 1; position: relative;}
.slider{width: 690px;height:305px; float: left;}
.menu-wrap{width: 100%; height: 75px; z-index: 0; background: url(../img/menubgs.png) top center no-repeat;float: left; position: relative; margin-top: -71px; padding: 18px 0 0 0px;}

#menu {height:60px;float: right;} #menu li {display: inline-block;position: relative; margin-left: 20px;} 
#menu li a {font-family: Arial;color:white;font-size:26px;font-style: italic;} #menu li a:hover {color:#FFFA54;}

ul, menu{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

#jackpotwrap {width: 100%; height: 180px; float: left; padding: 20px 0 0 40px;margin-bottom: 15px;}
#jpdomino{width: 357px;height: 143px; float: left; background: url(../img/jackpotdomino.png) no-repeat top center; padding: 60px 0 0 45px;}
#jppoker{width: 357px;height: 143px; float: left; background: url(../img/jackpotpoker.png) no-repeat top center; padding: 60px 0 0 45px;}
.jackpots{font-size: 39px;font-family:EA;font-weight:bold;color:#2a2828;}

#nawalapos { width:234px; height:132px; float:left; padding-top:12px; margin:0 6px;}

.last-wrap {width: 100%; height: 276px; background:url(../img/last-bg.png) center no-repeat; float: left;}
#last-deposit, #last-withdraw {float:left;width:350px;height:250px;padding:65px 0 0 65px;}
.last{width:270px;height: 180px;color:white;font-family: FPN;font-size:25px;}
.last tr td:nth-child(1){text-align:left;} .last tr td:nth-child(2){text-align:center;} .last tr td:nth-child(3){text-align:right;}  

.games{float:left;width:220px;height:190px;margin:65px 40px 0;}

.content-text{width:100%;height: auto;float: left;color: white;text-align: center; font-family:fpn; padding: 25px 30px 15px;}
.content-text h1 {font-size: 34px;margin-bottom:0.5rem;} .content-text h2{font-size: 30px;margin-bottom:0.5rem;} .content-text p {font-size: 16px;margin-bottom:1rem;letter-spacing:0.5px;line-height:1.2;}

.footer {text-align: center;width:100%;float: left;}
.bank {text-align: center;}
.copyright {color: #F3E3C0; position: relative;}

.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}

