@import url(http://fonts.googleapis.com/css?family=Roboto:400,900&subset=latin,cyrillic-ext);

/****************************/
/* Layout */
/****************************/
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
}

.lp-wide-wrapper * {
	font-family: Arial, sans-serif;
}

.lp-wide-wrapper {
	width: 100%;
	min-width: 1170px;
	overflow: hidden;
	background: #000 url("main-bg.jpg") 50% 0 no-repeat;
}

.wrapper {
	width: 1070px;
	margin: 0 auto;
}

/****************************/
/* Header */
/****************************/
header {
	height: 97px;
	padding-top: 1px;
}

header .logo {
	display: block;
	width: 429px;
	height: 59px;
	margin: 15px 0 0 57px;
	float: left;
	background: url("lp_wide_sprite.png") 0 0 no-repeat;
}


.support-and-lang {
	float: right;
	height: 20px;
	padding: 10px 40px 0 0;
	position: relative;
	line-height: 20px;
	width: 250px;
}

/* Lang Selector */
.support-and-lang .lang-selector-wrap {
	/*width: 147px;*/
	padding-left: 13px;
	margin-top: 2px;
	position: absolute;
	top: 10px;
	right: -25px;
	background: none;
}

.support-and-lang li.dropdown-button ul {
	display: none;
	position: relative;
	z-index: 9000;
	top: 0;
	height: 170px;
	width: 137px;
	float: right;
	padding: 15px 0 15px 25px;
	border-top: 1px solid #2b2b2b;
	background: url("lang_selector_sprite_new.png") 0px -216px repeat-x;
	border-bottom: 1px solid transparent;
	margin: 0;
}

.support-and-lang .lang-selector {
	cursor: default;
	float: right;
	margin: 0;
	padding: 0 0 0 16px;
	list-style: none;
	overflow: hidden;
}
.support-and-lang-extend .lang-selector {
	cursor: pointer !important;
}

.support-and-lang .lang-selector .dropdown-button {
	display: none;
}
.support-and-lang .lang-selector .down {
	display: block;
}

.support-and-lang .lang-selector > li {
	float: right;
	margin: 0;
}

.support-and-lang .lang-selector > li a {
	font-family: verdana, sans-serif;
}
.support-and-lang .lang-selector .down a:first-child[href="javascript://"] {
	display: none;
}
.support-and-lang .lang-selector > li:first-child {
	margin-right: 60px;
}
.support-and-lang-extend .lang-selector > li:first-child a:last-child {
	background: url("lang_selector_sprite_new.png") no-repeat scroll 0 -140px rgba(0, 0, 0, 0);
	float: right;
	height: 14px;
	margin: -15px -55px 0 0;
	outline: 0 none;
	padding-left: 0;
	width: 15px;
}
.down-open > li:first-child a:last-child {
	background: url("lang_selector_sprite_new.png") no-repeat scroll -26px -138px rgba(0, 0, 0, 0) !important;
}

/* Support */
.support-wrap {
	overflow: hidden;
	font-size: 12px;
	color: #a9a8a8;
	float: left;
}

.support-wrap .support,
.support-wrap .phone {
	display: block;
	padding-right: 15px;
	float: right;
	color: #a9a8a8;
}

.support-wrap .phone span,
.support-wrap .support span {
	display: block;
	height: 20px;
	margin-right: 6px;
	float: left;
}

.support-wrap .support span {
	width: 18px;
	background: url("lp_wide_sprite.png") -47px -254px no-repeat;
}

.support-wrap .phone span {
	width: 14px;
	background: url("lp_wide_sprite.png") -33px -254px no-repeat;
}

.support-wrap a:first-child,
.support-wrap div:first-child {
	border-right: 1px solid #7d7d7d;
}

/* Trust Icons */
.trust-wrap {
	height: 45px;
	float: right;
	padding: 10px 40px 0 0;
	overflow: hidden;
	clear: right;
}

.trust-wrap .trust-item {
	float: right;
	padding-left: 20px;
	font-size: 12px;
	color: #535353;
}
.trust-wrap .trust-item img {
	float: left;
	margin-right: 6px;
}

.trust-wrap .trust-item p {
	float: left;
	margin: 10px 0 0;
	line-height: 14px;
}



/****************************/
/* Main Navigation */
/****************************/
.main-nav {
	height: 39px;
	background: url("lp_wide_sprite.png") 0 -59px repeat-x;
}

.lp-wide-wrapper .menu-left-cube,
.lp-wide-wrapper .menu-right-cube {
	display: none;
}

.lp-wide-wrapper #navigation {
	margin: 0;
}

.lp-wide-wrapper #navigation ul {
	width: auto;
	padding-top: 0;
	background: transparent;
}

.lp-wide-wrapper #navigation ul li {
	width: auto;
	background: transparent;
}

.lp-wide-wrapper #navigation ul li a {
	width: auto;
	padding: 0 25px;
	line-height: 32px;
	font-weight: normal;
	border-right: 1px solid #858585;
	background: transparent;
}

.lp-wide-wrapper #navigation ul li a:hover,
.lp-wide-wrapper #navigation ul li.first a:hover {
	color: #ffe28c;
}

.lp-wide-wrapper #navigation ul li.last a {
	border-right: none;
}

.lp-wide-wrapper #navigation ul li.menu-home a {
	color: #ffe28c;
	font-weight: bold;
}

.lp-wide-wrapper #navigation ul li.first a {
	color: #eee;
}

.lp-wide-wrapper #navigation ul li:hover em {
	display: none;
}

.lp-wide-wrapper #navigation ul li a span {
	font-family: sans-serif;
}


/****************************/
/* Main Banner */
/****************************/
.banner-main {
	position: relative;
	height: 385px
}

.banner-main .background-wrap {
	height: 351px;
}

.banner-main .banner-background {
	position: absolute;
	top: 0;
	width: 100%;
	min-width: 1070px;
	height: 351px;
	background-position:  50% 0;
	background-repeat: no-repeat;
	display: none;
}

.banner-main .banner-background.active {
	display: block;
}
.lang-selector li.dropdown-button {
	width: 486px;
}

.banner-main .banner-link {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	height: 351px;
	width: 1500px;
	margin-left: -750px;
}

.banner-main .content {
	position: absolute;
	width: 1070px;
	height: 351px;
	top: 0;
	left: 50%;
	margin-left: -535px;
	z-index: 1000;
}

.banner-main .jackpot-wrap {
	position: absolute;
	top: 8px;
	left: 0;
	width: 173px;
	height: 64px;
	text-align: center;
	background: url("lp_wide_sprite.png") 0 -132px no-repeat;
}

.banner-main .jackpot-wrap strong {
	display: block;
	line-height: 23px;
	font-size: 13px;
	color: #ffb63e;
}

.banner-main .jackpot-wrap .jackpot {
	line-height: 38px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

/* New Button Styles With Dynamic Width */
.banner-main .download-btn-new {
	position: absolute;
	left: 586px;
	top: 243px;
	display: block;
	/*height: 58px;*/
	/*line-height: 58px;*/
	font-size: 19px;
	color: #000;
	text-align: center;
	text-decoration: none;
	/*text-shadow: 1px 1px rgba(200, 178, 136, .64);*/


	background:url("cta_btns_new.png") -194px 0px no-repeat;
	text-shadow: -1px -1px 0 #d2cfc7, 1px -1px 0 #d2cfc7, -1px 1px 0 #d2cfc7, 1px 1px 0 #d2cfc7;
	height: 28px;
	width: 193px;
	padding: 14px 0 15px;
	bottom: 30px;
	right: 72px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
	z-index: 1000;
	line-height: 28px;
	overflow: hidden;

}
.banner-main .download-btn-new:hover {
	background:url("cta_btns_new.png") -194px -57px no-repeat;
}
.banner-main .download-btn-new img,
.banner-main .play-btn-new img {
	display: none;
}

.banner-main .download-btn-new strong {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 58px;
	line-height: 58px;
}

.banner-main .play-btn-new {
	position: absolute;
	left: 782px;
	top: 243px;
	display: block;
	/*height: 58px;*/
	color: #000;
	text-align: center;
	text-decoration: none;
	/*text-shadow: 1px 1px rgba(200, 178, 136, .64);*/

	background:url("cta_btns_new.png") 0px 0px no-repeat;
	text-shadow: -1px -1px 0 #e0c887, 1px -1px 0 #e0c887, -1px 1px 0 #e0c887, 1px 1px 0 #e0c887;
	height: 28px;
	width: 193px;
	padding: 14px 0 15px;
	bottom:30px;
	right: 286px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
	z-index: 1000;
	overflow: hidden;
}
.banner-main .play-btn-new:hover {
	background:url("cta_btns_new.png") 0px -57px no-repeat;
}




.banner-main .play-btn-new strong {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}

.banner-main .play-btn-new em {
	position: absolute;
	top: 32px;
	left: 0;
	display: block;
	width: 100%;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	text-shadow: none;
}

/*
	 Legacy styles for the buttons in the main banner 
	 For backward compitability
*/
.banner-main .download-btn {
	position: absolute;
	left: 586px;
	top: 243px;
	display: block;
	width: 178px;
	height: 58px;
	line-height: 58px;
	font-size: 19px;
	font-weight: bold;
	color: #000;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px rgba(200, 178, 136, .64);
	background: url("lp_wide_sprite.png") 0 -196px no-repeat;
}

.banner-main .play-btn {
	position: absolute;
	left: 782px;
	top: 243px;
	display: block;
	width: 132px;
	height: 46px;
	padding-top: 12px;
	line-height: 18px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px rgba(200, 178, 136, .64);
	background: url("lp_wide_sprite.png") -178px -196px no-repeat;
}

.banner-main .play-btn em {
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-shadow: none;
}

/*
	 End of legacy button styles
*/


.banner-nav {
	height: 34px;
	background: url("lp_wide_sprite.png") 0 -98px repeat-x;
}

.banner-nav ul {
	list-style: none;
	overflow: hidden;
	padding: 4px 0 0 11px;
}

.banner-nav li {
	float: left;
}

.banner-nav li a {
	display: block;
	width: 14px;
	height: 26px;
	margin-left: 6px;
	background: url("lp_wide_sprite.png") -210px -132px no-repeat;
}

.banner-nav li.active a {
	width: 26px;
	margin: 0;
	background-position: -178px -132px;
}

.banner-nav li.active + li a {
	margin: 0;
}


/****************************/
/* Player FLow */
/****************************/
.player-flow {
	padding-top: 30px;
	overflow: hidden;
}

.player-flow .step {
	height: 143px;
	float: left;
	background: url("steps-bg.png") 0 0 no-repeat;
	position: relative;
}

.player-flow .step.one {
	width: 232px;
	padding-left: 56px;
	background-position: 0 0;
}

.player-flow .step.two {
	width: 255px;
	padding-left: 66px;
	background-position: 0 -143px;
}

.player-flow .step.three {
	width: 223px;
	padding-left: 65px;
	background-position: 0 -286px;
}

.player-flow .step h4 {
	height: 30px;
	margin-top: 34px;
	line-height: 27px;
	font-size: 27px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	color: #fcce68;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#fff1d0), color-stop(43%,#c79c3e), color-stop(55%,#fff1d0), color-stop(65%,#f4c867), color-stop(75%,#bb8000), color-stop(100%,#f5da9c));
	background: -webkit-linear-gradient(top, #fff1d0 15%, #c79c3e 43%, #fff1d0 55%, #f4c867 65%, #bb8000 75%, #f5da9c 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.player-flow .step p {
	margin: 10px 0 0;
	padding-right: 10px;
	line-height: 24px;
	font-size: 17px;
	color: #fefefd;
}

.player-flow .step .icon {
	position: absolute;
	right: 20px;
	bottom: 80px;
}

.player-flow .step a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player-flow .separator {
	width: 33px;
	height: 69px;
	float: left;
	margin: 37px 26px 0;
	background: url("lp_wide_sprite.png") 0 -254px;
}


/****************************/
/* Games List */
/****************************/
.games {
	margin: 20px 0 10px;
	padding: 0 0 0 1px;
	list-style: none;
	overflow: hidden;
}

.games li {
	width: 245px;
	height: 169px;
	padding: 2px;
	margin: 0 24px 30px 0;
	float: left;
	position: relative;

	background-color: #c0954f;
	background-image: -webkit-gradient(linear, left top, right top, from(#7d7d7d), to(#ee9c16));
	background-image: -webkit-linear-gradient(left, #7d7d7d, #ee9c16);
	background-image:    -moz-linear-gradient(left, #7d7d7d, #ee9c16);
	background-image:      -o-linear-gradient(left, #7d7d7d, #ee9c16);
	background-image:         linear-gradient(to right, #7d7d7d, #ee9c16);
}

.games li.last-in-row {
	margin-right: 0;
}

.games img {
	display: block;
}

.games .description {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 235px;
	height: 37px;
	padding-left: 10px;
	line-height: 17px;
	background: #222;
	background: rgba(32, 32, 32, 0.7);
}

.games li:hover .description {
	display: none;
}

.games .overlay {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 245px;
	height: 169px;
	background: #222;
	background: rgba(0,0,0, .8);
	display: none;
}

.games li:hover .overlay {
	display: block;
}

.games .overlay .play-btn {
	display: block;
	position: absolute;
	top: 66px;
	left: 45px;
	/*width: 158px;
	height: 41px;
	line-height: 41px;
	font-size: 20px;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px rgba(200, 178, 136, .7);
	background: url("lp_wide_sprite.png") -65px -254px no-repeat;*/


	background:url("cta_btns_new.png") -388px 0px no-repeat;
	color: #000;
	line-height:28px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	height: 31px;
	margin: 0px 0 4px 0px;
	padding-top: 0px;
	text-align: center;
	text-shadow: -1px -1px 0 #e0c887, 1px -1px 0 #e0c887, -1px 1px 0 #e0c887, 1px 1px 0 #e0c887;
	width: 152px;
	text-decoration: none;
}

.games .overlay .play-btn:hover {
	background-position: -388px -31px;
	/*	background: url("lp_wide_sprite.png") -223px -254px no-repeat;*/
}

.games .overlay .practice {
	display: block;
	position: absolute;
	top: 102px;
	left: 45px;
	width: 158px;
	/*	height: 12px;
        line-height: 12px;
        font-size: 12px;
        color: #ffd045;*/
	text-align: center;
	opacity: 0.9;


	color:#ffdd63;
	float: left;
	height: 11px;
	line-height: 12px;
	font-size: 12px;
	/*    margin-left: 65px;*/
	text-decoration: none !important;
	text-shadow: 0 0 2px #11100d;
	/*    width: 70px;*/
}


.games .overlay .practice:hover {
	text-decoration: underline !important;
}



.games .description .category {
	display: block;
	font-size: 12px;
	color: #ee9c16;
}

.games .description .title {
	font-size: 13px;
	color: #fff;
}


/****************************/
/* Page Text */
/****************************/
.page-text {
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
}

.page-text p:last-child {
	margin-bottom: 2em;
}

.page-text h1{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.page-text h2{
	color: #EEAD09;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

/****************************/
/* Payment Methods */
/****************************/
.payment-methods-wrap {
	margin-bottom: 30px;
}


/****************************/
/* Footer */
/****************************/
footer {
	padding: 20px 0 38px;
	font-size: 13px;
	color: #7d7d7d;
	text-align: center;
	background: #141414 url("footer-bg.jpg") 0 0 repeat-x;
}