/* Base CSS */
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0 solid }
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}
body {
	background-image: url(../img/menu-&-header.png), url(../img/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #325a97;
	overflow-x: hidden;

}
a:hover { text-decoration: none }

.container{
	width: 980px !important;
}

.col-left {width : 330px;float : left;}
.col-right {width : 640px;float : right;}


.header-top-area {
	background-repeat: no-repeat;
	height: 140px;;
}

.header-top-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-top-area li {
  display: inline-block;
}
.header-top-area li a {
	padding: 10px;
	color: #fff;
	font-size: 16px;
}

.header-menu {
	padding-top: 30px;;
}

.menu-1 {
  margin-left: 35px;
}
.menu-2 {
  margin-left: 60px;
}
.menu-3 {
  margin-left: 45px;
}
.menu-4 {
  margin-left: 255px;
}
.menu-5 {
  margin-left: 40px;
}
.menu-6 {
  margin-left: 19px;
}
.running-text {
	width: 42.5%;
	background-image: url("../img/running%20text.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
}
marquee {
	color: #fff;
	width: 90%;
	margin-left: 35px;
}
.form {
	width: 42%;
	float: right;
}
.res-btn img {
	height: 32px;
	width: 98px;
}
.login-btn img {
	height: 32px;
	width: 65px;
}
input {
	width: 115px;
	padding : 4px 8px;
}
.height-30 {
	padding-top: 30px;
}
.jackpot-area {
	background-image: url(../img/bg-jackpot.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 65px;
	padding: 10px 0;
	margin-top: -5px;
}
.jackpot-bg {
	background-image: url(../img/jackpot.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 63px;
	margin-top: -10px;
}

.blue-rester {
	padding: 0px;
}
.bonus-png {
	width: 100%;
	float: left;
}
.bonus-png{
	background-image: url(../img/bonus-bg.png);
	background-repeat: no-repeat;
	background-position:center top;

}
.mini-slide-bg {
	background-image: url(../img/mini-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	float: right;
	height: 223px;
	padding-left: 12px;
}
.single-mini-slide {
	padding-top: 55px;
}
.single-mini-slide img {
	max-height: 165px;
	max-width: 198px;
}

.contact {
	background-image: url(../img/contact-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 227px;
	width: 100%;
	float: left;
}
.livechat img {
	margin-top: 10px;
}
.livechat {
	text-align: center;
}

.contact ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 135px;
	padding-top: 175px;
}
.contact li {
  display: block;
  height : 32px;
}
.contact li a {
  color: #fff;
  font-size: 20px;
  display: block;
}
.con-1 {
	padding-top: 0px;
}
.con-2 {
	padding-top: 0px;
}
.con-3 {
	padding-top: 0px;
}

.depo-list {
	background-image: url(../img/latest-deposit.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 227px;
	width: 100%;
	float: right;
}

.single-depo ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-depo li {
	display: inline-block;
	color: #fff;
	padding: 6px 14px;
	font-size: 16px;
}
.pdt-50 {
	padding-top: 40px;
	padding-left: 60px;
	width: 49.5%;
	display: inline-block;
}
.pdt-50.pdtt-50 {
	padding-left: 50px;
	display: inline-block;
	width: 49.5%;
}
.slider-area {
	z-index: -1;
	position: absolute;
	margin-top: -45px;
}
#jackpot {
	background: transparent;
	font-size: 33px;
	color: #fff;
	font-weight: 700;
	border: 0;
	padding-left: 250px;
	margin-top: 0px;
}
.currency-1 input {
	width: 100%;
}


.header-right-form input {
	width: 49%;
	background: #0088CE;
	border: 0;
	padding: 6px;
	display: inline-block;
	color: #fff;
	font-weight: 700;
}

.daf {
	background: #51A651 !important;
}
.play-area {
	background: #35353F;
	color: #EAC869;
	text-transform: uppercase;
	font-weight: 400;
	padding-top: 15px;
}
.play-btn {
	float: right;
	background: #F8B821;
	padding: 2px 15px;
	border-radius: 5px;
	color: #A47600;
	font-weight: 700;
}	
.game-content a {
	color: #EAC869;
}	
.support-service img {
	width: 100%;
}	
.support.text-center {
	padding-top: 30px;
}	

.element-area {
	background: #DFC16B;
	color: #5C4A38;
	text-align: center;
	font-weight: 700;
	padding: 10px 0;
	margin-top: 100px;
}
.element-area span {
  display: block;
  text-transform: uppercase;
}	
.single-element i.fa {
	font-size: 30px;
}	


/*==========off-canvas-menu============*/
.off-canvas-menu li a:hover {
    color: #673AB7;
}
.off-canvas-menu {
  position: fixed;
  left: -300px;
  top: 0;
  z-index: 99;
  background: #FFF;
  width: 300px;
  padding: 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition:.3s;
}

.off-canvas-menu.show-off-canvas-menu{
  left: 0;
  opacity: 1;
  visibility: visible;
}
.menu-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  color: #373737;
  cursor: pointer;
}
.menu-logo {
  margin-bottom: 40px;
}
.off-canvas-menu a {
  color: #373737;
}
.off-canvas-menu ul {
  font-size: 120%;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 2.3;
}
.off-canvas-menu a:hover {
  opacity: .5;
}


.menu-trigger, .search-trigger {
  color: #FFF;
  font-size: 18px;
  padding: 11px 0 5px;
  display: inline-block;
  cursor: pointer;
}

.off-canvas-menu-shade {
  background: #073B4C;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 98;
  opacity: .7;
  opacity: 0;
  visibility: hidden;
  transition:.3s;
}

.off-canvas-menu-shade.active {
 opacity: .7;
 visibility:visible;
}




.menu-trigger {
  margin-right: 20px;
}

.menu-trigger i.fa {
	padding: 11px;
	height: 40px;
	width: 40px;
	background: #DDC269;
	color: #000;
}
.header-left {
	margin-top: -11px;
}
.form-text h2 {
	color: #212121;
}





.none-area{
	display: none;
}
.header-left img {
	margin-left: 65px;
	height: 50px;
	width: 197px;
	margin-top: -60px;
}
.header-right-form {
	padding-top: 20px;
}


.dektop-content {
	color: #fff;
}	
.content {font-size : 15px; padding : 20px 15px 30px 15px;color: #fff;}
.content h2 { font-size : 20px; }

.ds-btn {
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin-top: 30px;
	display: block;
}
table.depowd {
	color: #fff;
	margin-top: 40px;
	margin-left: 60px;
	width: 40%;
	display: inline-table;
}
table.depowd tr {
    height: 35px;
}