/*
rasqq
*/

html{
	margin: 0;
    padding: 0;
    height: 100%;
}

body {
	padding:0;
	height: 100%;
	background-image:url(img/back.jpg);
	background-repeat:no-repeat;
	background-position: 50% 0%;
	background-color:#000;
	margin: 0;
	font-family: 'PT Sans', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	color: #000000;
	line-height: 1;
	margin: 10px 0;
}

h1 {
	font-size:20pt;
}
h2 {
	font-size:20pt;
}
h3 {
	font-size:20pt;
}
h4 {
	font-size:20pt;
}
h5 {
	font-size:20pt;
}
h6 {
	font-size:20pt;
}

a {
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}

p {
    margin: 0;
}

a:hover{
	color:#929292;
}

span{
	
}

.footbank {
display: block;
margin: 0 auto;
}

.scrooltext {
    background: #C9C9C8;
    background: -moz-linear-gradient(top, #C9C9C8 27%, #0000 100%);
    background: -webkit-linear-gradient(top, #C9C9C8 27%,#0000 100%);
    background: linear-gradient(to bottom, #C9C9C8 27%,#0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C9C9C8', endColorstr='#0000',GradientType=0 );
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: #000 0 0 25px 5px, #C9C9C8 0 0 15px inset;
    text-shadow: #fff 0 0 3px;
    font-size: 15pt;
    color: #000000;
    width: 100%;
    padding: 5px 0;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    border-bottom: 1px solid #484848;
    border-top: 1px solid #444;
}

.body-web {
    margin: 0;
    position: relative;
    min-height: 100%;
    padding: 0;
}

.wrapper {
	max-width: 100%;
	width: 1000px;
	margin:0 auto;
}

.content {
    margin-top: 15px;
    line-height: 1.5;
    color: #4c4c4c;
    padding: 15px 35px 30px 35px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.content img {
    max-width: 100%;
}

.header{
	z-index: 2;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	padding: 0 15px 15px 15px;
	max-width: 1000px;
	position: relative;
}

.header-inside {
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 20px auto;
}

.bottom-header {
    display: block;
    box-shadow: #000 0 0 10px 5px;
    border-radius: 5px;
    overflow: hidden;
}

.logo{
	position: relative;
	width: 30%;
	float: left;
	text-align: center;
	margin: 0 auto;
}

.logo img{
	width:100%
}

/*colour*/
.button, .game-block:hover, a.readmore, h1.entry-title, .contact-button, .last-depo-wd-jackpot-block-inside{background: #6d6d6d;background: -moz-linear-gradient(top,  #6d6d6d 0%, #aaaaaa 50%, #6d6d6d 99%);background: -webkit-linear-gradient(top,  #6d6d6d 0%,#aaaaaa 50%,#6d6d6d 99%);background: linear-gradient(to bottom,  #6d6d6d 0%,#aaaaaa 50%,#6d6d6d 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#6d6d6d',GradientType=0 );color: #fff;border-bottom: 1px solid #ffffff;border-top: 1px solid #ffffff;box-shadow: #d2d2d2 0 0 25px inset;}
.jackpot-inside, .login-button, .nav, .contact h1, .last-depo-wd-jackpot h3, .contact-button, #contact-mobile {background: #a97620;background: -moz-linear-gradient(top,  #a97620 0%, #f6edac 50%, #a97620 100%);background: -webkit-linear-gradient(top,  #a97620 0%,#f6edac 50%,#a97620 100%);background: linear-gradient(to bottom,  #a97620 0%,#f6edac 50%,#a97620 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a97620', endColorstr='#a97620',GradientType=0 );box-shadow: #d6bc73 0 0 5px inset;border: 1px solid #d2b66c;color: #000;}
.footer, .contact, .jackpot-block h3, .register-button{background: #606060;background: -moz-linear-gradient(top,  #606060 0%, #3f3f3f 50%, #0a0e0a 51%, #0a0809 100%);background: -webkit-linear-gradient(top,  #606060 0%,#3f3f3f 50%,#0a0e0a 51%,#0a0809 100%);background: linear-gradient(to bottom,  #606060 0%,#3f3f3f 50%,#0a0e0a 51%,#0a0809 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#0a0809',GradientType=0 );border: 1px solid #616161;color: #fff;}

h3 {}
.form, .content{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cecece;
	background: #bababa;
	background: -moz-linear-gradient(top,  #bababa 0%, #dbdbdb 50%, #bababa 100%);
	background: -webkit-linear-gradient(top,  #bababa 0%,#dbdbdb 50%,#bababa 100%);
	background: linear-gradient(to bottom,  #bababa 0%,#dbdbdb 50%,#bababa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#bababa',GradientType=0 );
}
/*colour*/

/*index-header & form*/
.index-header {
    box-shadow: #000 0 0 10px;
    position: relative;
    max-width: 100%;
    height: auto;
    z-index: 1;
    margin: 0 auto;
    padding: 0;
    top: 0;
    overflow:hidden;
    background: #000;
}

.slider {
   width: auto;
   height:auto;
}

.form {
   width: 70%;
   float: right;
   height: auto;
   display: block;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

.form-inside {
    color: #ddd;
    text-align: center;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.head-right {
    width: 65%;
    float: right;
}

.form-left {
    float: left;
    width: 60%;
    padding: 1% 0 1% 1%;
    border-top: none;
}

.form-right {
    float: left;
    width: 38%;
}

.form-inside-left{
     border-top-left-radius: 3px;
     float:left;
     width: 50%;
}
.form-inside-right{
     float:right;
     width: 50%;
}

input[type=text], input[type=password], select {
    box-shadow: #000 0 0 15px inset;
    background: #343434;
    color:#ddd;
    padding: 7px 20px;
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid #4a4a4a;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

input[type=text]:focus {
    border: 2px solid #000;
    color:#dcbf93;
}

.login-button:hover {
    background: #262626;
	box-shadow:#4f4f4f 0 0 15px inset;
    color:#ddd;
    border:1px solid #ddd;
}
.register-button:hover {
    background: #7d7d7d;
	box-shadow:#4f4f4f 0 0 15px inset;
    color:#000;
    border:1px solid #000;
}
.login-button,.register-button{
	font-size: 11pt;
	line-height: 1;
	padding: 5% 0;
	margin: 3% 0;
	cursor: pointer;
	-webkit-transition: 0.3s;
	border-top-right-radius: 3px;
	transition: 0.3s;
	width: 50%;
	float:left;
}

    width: 50%;
/*index-header & form*/

.logo img {
    width: 95%;
}


.nav{
	overflow: hidden;
	height: auto;
	display: block;
	width: 100%;
	font-family: inherit;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.topnav {
  overflow: hidden;
}

.topnav a {
  float: left;
  display: block;
  color: #000000;
  text-shadow: #fff 0 0 3px;
  text-align: center;
  padding: 12px 11px;
  line-height: 1;
  text-decoration: none;
  font-size: 19px;
}

.topnav a:hover {
  color: #000000;
  text-shadow: #d8d8d8 0 0 3px;
}

.active {
  background-color: #730003;
  color: white;
}

.topnav .icon {
  display: none;
}
.jackpot-block h3 {
    color: #ffffff;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-size: 25pt;
}

.jackpot-poker h2,.jackpot-domino h2 {
    line-height: 1;
    display: block;
    color: #000000;
    padding: 0;
    font-size: 30pt;
    margin: 0;
}

.jackpot-block {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.jackpot-inside {
    padding: 10px 20px;
    margin: 0;
    border-radius: 5px;
}

.jackpot-poker {
    width: auto;
}

.jackpot-domino {
    width: auto;
    margin-top: 5px;
}

.footer {
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 20px;
    height: auto;
    color: #fff;
    padding: 15px 0;
    width: auto;
}

/*depo & wd*/
.last-depo-wd-jackpot {
    display: block;
    overflow: hidden;
    margin-top: 10px;
}
.last-depo-wd-jackpot h3 {
    text-align: center;
    margin: 0 -10px 10px -10px;
    border-radius: 3px;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 22pt;
}
.last-depo-wd-jackpot-left,.last-depo-wd-jackpot-right,.last-depo-wd-jackpot-center {
    width: 33%;
    display:inline-block;
}
.last-depo-wd-jackpot-block-inside {
    overflow: hidden;
    padding: 12px 20px;
    border-radius: 5px;
}
.last-depo-wd-jackpot-result-left,.last-depo-wd-jackpot-result-center,.last-depo-wd-jackpot-result-right {
    font-size: 16pt;
    float:left;
    width: 33%;
    line-height: 1.5;
    color: #f5f5f5;
    text-shadow: #000000 1px 1px 3px;
}
.last-depo-wd-jackpot-result-left {
    text-align:left;
}
.last-depo-wd-jackpot-result-center {
    border-left: 1px solid #420000;
    border-right: 1px solid #420000;
    text-align:center;
}
.last-depo-wd-jackpot-result-right {
    text-align:right;
}
.fa-dollar-sign:before {
    margin-right: 5px;
    color: #ffca00;
}
/*depo & wd*/

/*contact*/
.contact {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 3;
    height: 50px;
    padding: 5px 0;
    margin: 0 auto;
    width: auto;
    display:block;
}

#contact-mobile {
	display:none;
}

.contact h1 {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    display: block;
    padding: 5px 10px;
    position: absolute;
    margin: 0;
    top: -45px;
    color: #fffbf4;
    font-size: 25pt;
    line-height: 1;
}
.contact-list li {
	color: #dcb437;
	float: left;
	width: auto;
	margin: 0 18px;
	padding-left: 50px;
	background-size: 45px;
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 16pt;
	font-weight: bold;
	line-height: 1.2em;
	height: auto;
	vertical-align: middle;
	display: table-cell;
}

.contact-list li:hover {
    color:#000;
}

.contact-list a {
    color: #ffffff;
    display: block;
}

.contact-list a:hover {
	color:#000;
}

ul.contact-list {
    margin: 0 auto;
    width: -webkit-fill-available;
    width: -moz-fit-content;
    overflow: hidden;
    list-style: none;
    padding: 0;
}
.bbm {
	background-image:url(img/bbm-1.png);
    transition: all 0.3s ease;
}
.bbm:hover {
	background-image:url(img/bbm.png);
}
.wa {
	background-image:url(img/wa-1.png);
    transition: all 0.3s ease;
}
.wa:hover {
	background-image:url(img/wa.png);
}
.line {
	background-image:url(img/line-1.png);
    transition: all 0.3s ease;
}
.line:hover {
	background-image:url(img/line.png);
}
.fb {
	background-image:url(img/fb-1.png);
    transition: all 0.3s ease;
}
.fb:hover {
	background-image:url(img/fb.png);
}
.wechat {
	background-image:url(img/wechat-1.png);
    transition: all 0.3s ease;
}
.wechat:hover {
	background-image:url(img/wechat.png);
}
/*contact*/

/* Smartphones (portrait & landscape) ----------- */
@media only screen and (max-device-width: 823px) and (min-device-width: 320px) {
.header {
	overflow:visible;
	padding: 0;
}
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {z-index: 3;position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

/*contact*/
.contact {
	display:none;
}

#contact-mobile {
	height: 0; /* approximate max height */
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	display:block;
	position: relative;
	width: auto;
	margin: 0 auto;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
	
.closed-contact-mobile {
   height: auto!important;
   padding: 10px 15px 60px 15px;
}
	
.contact-block {
    position: fixed;
    z-index: 99;
    bottom: 0;
    transition: all 0.3s ease;
}

.contact h1 {width: auto;position: relative;margin-bottom: 15px;}
.contact-list li {
	float: none;
	display: block;}

.contact-button {
    position: absolute;
    bottom: 15px;
    font-size: 20pt;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 10px;
    border: none;
}

/*contact*/

/* -----------------------Smartphones (landscape) ---------------------------- */
@media only screen and (max-device-width: 823px) and (min-width : 414px) {
.head-right {
    width: 60%;
    margin-top: 0;
}
.logo {
    width: 40%;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 5px 0px 5px !important;
    line-height: 40px !important;
    height: 40px !important;
    font-size: 3vw !important;
}
.last-depo-wd-jackpot h3 {
    font-size: 4vw;
}
.last-depo-wd-jackpot-result-left, .last-depo-wd-jackpot-result-center, .last-depo-wd-jackpot-result-right {
	font-size:2.5vw;
	width:32.5%;
}
.contact-block {
    width: 45%;
}
.contact-list a {
    display: inline;
    margin-left: 10px;
}
.contact-list li {
    background-size: 20px;
    font-size: 3vw;
    margin: 5px 0;
    padding-left: 25px;
}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 414px) {
.logo {text-align: center;width: 90%;margin: 0 auto;float: none;}

.slider {
   width:auto;
   float:none;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   overflow: hidden;
}

.form {
   padding: 10px;
   width:auto;
   float:none;
}

.jackpot{
	background-size: 115%;
	height: 130px;
}
.jackpot h2{
	padding-top: 50px;
	font-size: 12vw;
}

.last-depo-wd-jackpot h3 {
    font-size: 7vw;
}

.last-depo-wd-jackpot-block {
    width: auto;
    float:none;
}

.last-depo-wd-jackpot-result-left, .last-depo-wd-jackpot-result-center, .last-depo-wd-jackpot-result-right {
	font-size:5vw;
	width:32.5%;
}

.contact-block {
    width: auto;
}

.contact-list a {
    display: block;
    margin-left: 0;
    color: #000;
}

.contact-list li {
    background-size: 65px;
    font-size: 20pt;
    margin: 15px 0;
    padding-left: 70px;
    color: #000;
}

.head-right {
    width: 100%;
}

.form-left {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: auto;
}

.form-right {width: auto;float: none;}

.login-button, .register-button {
    margin: 0;
}

input#username {
}

.jackpot-poker,.jackpot-domino {
    margin: 5px 0;
    width: 100%;
}

.jackpot-block {
    margin: 0 auto;
}

.last-depo-wd-jackpot-left, .last-depo-wd-jackpot-right, .last-depo-wd-jackpot-center {
    width: 100%;
    margin: 5px 0;
}

.wrapper {
    max-width: 100%;
}

.body-web {
    width: 90%;
    margin: 0 auto;
}

}