* { margin:0; padding:0;}
:focus { outline:0 none;}
html { position:relative; height:100%;}
body { background:#000; height:100%; position:relative; font-family: 'Open Sans', sans-serif; font-size:16px; min-width:1280px; color:#b0b6bc;}
a { color:#b0b6bc;}
a:hover { color:#ffb31b;}
.wrap-game { width:100%; min-height:100%;position:relative; overflow-y:hidden;}
#left { width:279px; float:left; border-right:1px solid #464f56; height:100%; position:absolute; left:0; background:url(../images/left-bg.jpg) top repeat-y;}
#right { width:279px; float:right; border-left:1px solid #464f56; height:100%; position:absolute; right:0; background:url(../images/right-game-bg.jpg) top repeat-y;}
.gamepanel { margin:0 280px;  z-index:1000; position:absolute;}
.game-menu { width:100%; background:url(../images/top-game-menu.jpg); height:36px; position:relative;}
.game-menu > ul {  white-space: nowrap;display: flex;overflow-x: auto;} 
.game-menu > ul > li { display:block; padding: 0 10px;text-align:center; border-left:1px solid #142b3d; border-right:1px solid #2e4457; float:left;}
.game-menu > ul > li:first-of-type { border-left:0 none;}
.game-menu > ul > li:last-of-type { border-right:0 none;}
.game-menu > ul > li > span { display:inline-block; line-height:36px; text-transform:uppercase; color:#737e88; text-decoration:none; font-weight:600; font-size:12px; width:100%; cursor:pointer; transition:.2s;}
.game-menu > ul > li > span:hover {color:#fff;}
.game-menu > ul > li > ul { width:100%; position:absolute; background:rgba(13,33,46	,.90); left:0; opacity:0; z-index:-100;}
.game-menu > ul > li:hover > ul { display:block; opacity:1; z-index:100;}
.game-menu > ul > li > ul { width:100%;}
.game-menu > ul > li > ul > li { width:80%; display:block; text-align:center; margin:0 10%; padding:10px 0; position:relative;}
.game-menu > ul > li > ul li a { color:#737e88; font-size:13px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.game-menu > ul > li > ul li a img { opacity:0.7;  box-sizing:border-box; box-shadow:0 6px 12px #000; display:block; margin:0 auto; width:auto !important;}
.game-menu > ul > li > ul li a:hover  { color:#ffb017;transition: .2s;transform: scale(1.2); opacity:.7;}
.game-menu > ul > li > ul li a:hover  img { opacity:1;} 
.game-menu .bx-default-pager { display:none;}
.game-menu .bx-controls-direction { position:absolute; top:50%; margin-top:-31px; width:100%;}
.game-menu .bx-controls-direction a { text-indent:-99999px;height:62px; width:30px; position:absolute;}
.game-menu  .bx-prev{ background:url(../images/drop-perv.svg) no-repeat center;  left:-10%;}
.game-menu  .bx-next{ background:url(../images/drop-next.svg) no-repeat center; right:-10%;}
/* Left panel*/
.game-logo a { background:url(../images/logo3.svg) no-repeat center 15px/ 230px,url(../images/game-logo.png) no-repeat; width:280px; height:217px; display:block; position:relative; z-index:1;}
.game-logo a:after, .game-logo a:before {
	content:'';
	display: block;
	background:url(../images/shine2.png) no-repeat;
	background-size:contain;
	transition-property: all;
	transition-duration: .4s;
	height: 80px;
	width: 100px;
	position:absolute;
	top:60px; left:100px;
	opacity:0;
	z-index:2;
	}
.game-logo a:before {top:70px; left:150px;}
.reg-st { width:230px; margin:0  auto; margin-top:5px; position:relative; z-index:100; margin-top:-50px; margin-bottom:20px;}
.reg-st a { display:block; background:url(../images/recov-btn-hd.svg) no-repeat center / cover; height:62px; border:0 none; width:229px; color:#fff; font-family: 'FuturaPT-Book'; font-size:24px; text-transform:uppercase; cursor:pointer; margin-top:10px; box-shadow:0 0 32px rgba(200,8,19, 0.6); border-radius:5px; text-align:center; text-decoration:none; line-height:62px;}
.reg-st a:hover { box-shadow:0 0 16px rgba(255,255,255,.50); text-shadow:0 1px 0 #000;}
.login { width:240px; margin:0  auto; margin-top:5px; padding-bottom:50px; text-align:center;}
.login h3 { color:#fead12; font-size:20px; padding-left:40px; background:url(../images/logout-a.svg) 5px center no-repeat; text-transform:uppercase; margin-bottom:20px; text-align:left;}
.login input[type="text"],.login input[type="password"] { width:229px; border:1px solid #303b46; background:rgba(12,23,28,.52); text-align:center; height:43px; border-radius:4px; margin-bottom:5px; color:#fff;}
.login input[type="text"]:hover, .login input[type="text"]:focus, .login input[type="password"]:hover, .login input[type="password"]:focus { box-shadow:0 0 6px rgba(255,255,255,.70)}
.login input[type="submit"] { background:url(../images/recov-btn-hd.svg) no-repeat center / cover; height:62px; border:0 none; width:229px; color:#fff; font-family: 'FuturaPT-Book'; font-size:24px; text-transform:uppercase; cursor:pointer; margin-top:10px; box-shadow:0 0 32px rgba(200,8,19, 0.6); border-radius:5px; position:relative; margin-bottom:20px;}
.login input[type="submit"]:hover {color:#ffb31b;}
.login a { color:#5580a6; margin-top:20px; display:block;}
.login a:hover { text-decoration:none; color:#fff;}
.social-login { margin:0 auto; width:240px; margin-top:10px;}
.social-login li { display:inline-block; margin:0;}
.social-login li a { background:url(../images/sn-bg.png); width:36px; height:29px; border-radius:36px; display:block; padding-top:7px; margin-top:0;}
.social-login li a span { width:24px; height:22px; display:block; margin-left:6px;}
.social-login li a.vk.active, .social-login li a.vk:hover { background:url(../images/active-sn-vk.png);}
.social-login li a.ok.active, .social-login li a.ok:hover { background:url(../images/active-sn-ok.png);}
.social-login li a.mr.active, .social-login li a.mr:hover { background:url(../images/active-sn-mr.png);}
.social-login li a.fb.active, .social-login li a.fb:hover { background:url(../images/active-sn-fb.png);}
.social-login li a.gp.active, .social-login li a.gp:hover { background:url(../images/active-sn-gp.png);}
.social-login li a.tw.active, .social-login li a.tw:hover { background:url(../images/active-sn-tw.png);}
.vk span { background:url(../images/vk-na.png)}
.vk.active span, .vk:hover span { background:url(../images/vk-act-ico.png);}
.ok span { background:url(../images/ok-na.png);}
.ok.active span, .ok:hover span { background:url(../images/ok-act-ico.png);}
.mr span { background:url(../images/mr-na.png);}
.mr.active span, .mr:hover span { background:url(../images/mr-act-ico.png);}
.fb span { background:url(../images/fb-na.png);}
.fb.active span, .fb:hover span { background:url(../images/fb-act-ico.png);}
.gp span { background:url(../images/gp-na.png);}
.gp.active span, .gp:hover span { background:url(../images/gp-act-ico.png);}
.tw span { background:url(../images/tw-na.png);}
.tw.active span, .tw:hover span { background:url(../images/tw-act-ico.png);}
.acc-bg { background:rgba(0,0,0,.20); width:100%; height:99px; margin-top:-60px; z-index:-1; border-bottom:1px solid #203a4a;  border-top:1px solid #203a4a;}
.acc-info { z-index:2; position:relative; margin-top:-70px; width:100%; box-sizing:border-box; padding-left:20px;}
.ac-name, .ttk1 { color:#ffb31b; font-size:14px; font-weight:bold;}
.ac-profile, .ttk2 { color:#677989; font-size:12px; font-weight:bold;}
.ac-logout { display:block; background:url(../images/logout-btn.svg) no-repeat; width:22px; height:18px; float:right; margin-top:-6px; margin-right:30px;transition:.2s;}
.ac-logout:hover {opacity:.5;}
.bonus-wis { margin-top:50px; padding-left:20px; border-bottom:1px solid rgba(255,255,255,0.1); float:left; padding-bottom:20px;}
.bonus-wis > div { float:left; width:85px; background:url(../images/sec-chance.svg) right -4px no-repeat;  padding-right:45px;}
.faq-gm { background:url(../images/znak-vopr.svg) no-repeat center; width:27px; height:27px; display:block; float:right; margin-right:25px; margin-top:5px;transition:.2s;}
.faq-gm:hover {transform: scale(1.2);}
.tk-bns { color:#fff; font-size:13px; text-transform:uppercase; background:url(../images/star-thg.svg) no-repeat center top / cover; width:171px; height:38px; display:block; float:left; font-weight:bold; text-decoration:none; text-align:center; line-height:38px; margin-top:20px; box-shadow:0 0 32px #1a8980,inset 0 0px 5px rgba(255,255,255,.7); margin-left:30px; border-radius:4px;}
.tk-bns:hover { text-shadow:1px 1px 0 #000,inset 0 0px 5px rgba(255,255,255,.7); box-shadow:0 0 16px #1a8980;}
.game-cass { display:block; float:left; background:url(../images/top-cass-btn-1.svg) no-repeat 75% center / 28px, url(../images/top-cass-btn.svg) no-repeat center / cover; width:230px; height:51px; color:#000; font-size:20px; line-height:51px; text-indent:58px; text-transform:uppercase; text-decoration:none; font-weight:bold; margin-left:20px; margin-top:20px; box-shadow:0 0 16px #ff7a0b; border-radius:5px;}
.game-cass:hover { box-shadow:0 0 32px #ff7a0b; color:#fff;}
.bet { float:left; width:230px; margin-top:20px; margin-left:20px;}
.bet a { display:block; width:50%; float:left; text-align:center; color:#344251; font-size:12px; background:rgba(0,0,0,.20); text-decoration:none; height:32px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #344251; opacity:0.6; line-height:32px; font-weight:bold; text-shadow:1px -1px 0 rgba(0,0,0,.70)}
.bet a:first-child:nth-last-child(3), .bet a:first-child:nth-last-child(3) ~ a { width: 33.3333%;  }
.bet a:first-of-type { border-right:0 none; border-radius:5px 0 0 5px}
.bet a:last-of-type { border-left:0 none; border-radius:0 5px 5px 0;}
.bet a.active { background:#2c3945; opacity:1; color:#647788; border:0 none;}
.bet a:hover {background:#2c3945;  color:#fff; border:0 none;}
.onl-help {  background:rgba(14,27,40,.60); border-top:1px solid #283c50; border-bottom:1px solid #283c50; float:left; padding:20px 0; width:100%; margin-top:20px;}
.unlog .onl-help { margin-top:-20px;}
.onl-help a { text-align:center; text-transform:uppercase; color:#737e88; background:url(../images/hlp-cnt-ico.svg) 40px center no-repeat; height:46px; line-height:46px; display:block; text-decoration:none; font-size:13px; font-weight:bold; line-height:46px; text-indent:44px; transition:.2s;}
.onl-help a:hover {opacity:.5;}
/*Right-Panel*/ 
#tabs > ul { margin:20px auto; display:block; width:205px; border-radius:4px; background:rgba(14,30,43,.70); height:40px; border:1px solid #213649; box-sizing:border-box;}
#tabs > ul li { display:block;  float:left; width:98px; height:38px; line-height:38px; font-weight:600; border-radius:4px;}
#tabs > ul li a { width:100%; display:block; text-align:center; color:#fff; text-transform:uppercase; text-align:center; font-size:13px; text-decoration:none; }
#tabs > ul li.ui-tabs-active { width:105px; height:38px; background: url(../images/star-thg.svg) no-repeat center top / cover;
box-shadow: inset 0 0px 8px rgba(255,255,255,.7);}
.trn-game { min-height:650px;}
.trn-game h3 { color:#fff; text-align:center; padding:20px 0; font-weight:normal; font-size:26px;}
.prizef-game { font-size:14px; color:#a0a4a7; background:rgba(0,0,0,.30); box-sizing:border-box; padding:10px 30px; text-align:center; }
.orange-pf { color:#ffb31b; font-size:28px; font-weight:600; text-align:center;}
.orange-pf span { text-transform:uppercase; font-size:16px;}
.count-place { position:relative; width:205px; height:187px; margin:30px auto; border:1px solid #263440; box-shadow:0 0 8px #000;}
.counter { position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.7); z-index:2; padding:10px 0; text-align:center;}
.counter li { display:inline-block; color:#fff; text-align:center; position:relative; padding:0 5px;}
.counter li:after { content:':'; font-size:20px; display:block; position:absolute; right:-10px; top:0px;}
.counter li:last-of-type { color:#e18b01;}
.counter li:last-of-type span { color:rgba(255,139,1,.90)}
.counter li:last-of-type:after { display:none;}
.counter li div { font-size:20px; font-weight:600;}
.counter li span { color:#fff; opacity:.5; font-size:12px; text-transform:uppercase;}
.trn-game table { border-spacing:0; font-size:12px; color:#fff; border-top:1px solid #243641;}
.trn-game td {border-bottom:1px solid #243641; background:#132031; height:32px; text-align:center;}
.trn-game td:last-of-type {color:#ffb31b;}
.trn-game a { display:block; text-align:center;}
.see-all { color:#ffb31b; margin-top:30px;}
.take-tour { color:#252f39; font-size:13px; text-decoration:none; background:url(../images/take-tourbg.png); width:205px; height:43px; text-transform:uppercase; line-height:43px; margin:30px auto 0 auto; font-weight:bold; box-shadow:0 0 16px rgba(255,122,23,1.00),0 3px 5px rgba(5,7,10,1.00); text-shadow:1px -1px 0 rgba(255,255,255,0.37); border-radius:4px;}
.take-tour:hover { color:#fff; text-shadow:0 1px 0 #000;  box-shadow:0 0 16px rgba(255,255,255,1); }
#right .bx-controls-direction { display:none;}
#right .bx-default-pager { text-align:center; margin-top:0px;}
#right .bx-pager-item { display:inline-block; margin:0 2px;}
#right .bx-pager-item  a { display:inline-block; width:8px; height:8px; background:#213644; border:1px solid #30424f; border-radius:8px; text-indent:-99999px}
#right .bx-pager-item a.active { background:#ffb31b; border-color:#fff;}
.game-block {  width:119px; margin-bottom:10px; color:#b0b6bc; font-size:18px; cursor:pointer; position:relative; margin:10px;float: left;}
.game-block:nth-of-type(5n) { margin-right:0;}
.game-block > img { display:block; margin-left:1px;width: 100%;height: auto;}
.game-block:hover > img { opacity:.3;}
.game-block p { width:110px; height:52px; background:url(../images/gb-p.png); font-family: 'FuturaPT-Book'; line-height:48px;padding-left:10px; position:relative;}
.game-block a {font-size:10px;}
.game-block p a.plus { background:url(../images/plus-blg.svg); width:32px; height:32px; opacity:0.6; display:block; position:absolute; right:2px; bottom:10px; cursor:pointer;background-size: cover;}
/* @TODO icon for user favourite game */
.game-block p a.plus.fav { background:url(../images/plus-blg.svg); background-position-x: 42px; }
.game-block:hover p { color:#ffb31b;	}
.game-block:hover p a.plus { opacity:1;}
.rblock { display:none; position:absolute; width:100%; height:90px; position:absolute;  top:0px; cursor:default;}
.game-block:hover .rblock { display:block;}
.play-now { display:block; width:44px; height:36px; background:url(../images/play-btn-bg.svg); border-radius:30px; box-shadow:0 0 20px #000, 0 0 30px #F40F13; margin:0 auto; margin-top:15px; transition: all 0.4s ease 0s;    background-size: cover;}
.play-now:hover  { -webkit-transform: perspective(100px)  scale(1.15);
	  -ms-transform:perspective(100px)  scale(1.15);
	  -o-transform:perspective(100px)   scale(1.15);
	-moz-transform:perspective(100px)   scale(1.15);
	 transform:perspective(100px)   scale(1.15);
	 z-index:100;}
.demo-game { display:block; background:url(../images/demo-bg.jpg); width:54px; height:25px; text-decoration:none; color:#b0b6bc; line-height:25px; text-align:center; text-transform:uppercase; font-weight:bold; font-size:11px; tex-shadow:0 -1px  0 #000; margin:0 auto; margin-top:5px;background-size: cover;}
.nnls:after { content:''; background:url(../images/newless.svg); width:61px; height:61px; display:block; position:absolute; right:-5px; top:6px;background-size: cover;}
.ttpg:after { content:''; background:url(../images/topper.svg); width:61px; height:61px; display:block; position:absolute; right:-5px; top:4px;background-size: cover;}
#tabs > div { float:left; width:100%; }
.winingam { width:100%; padding:20px 0; border-bottom:1px solid #1d3548; float:left; color:#737e88; font-size:13px; line-height:20px; position:relative; cursor:pointer;}
.winingam img { display:block; float:left; margin:0 10px; width:40%  !important; height:auto !important;}
.winingam p  span { color:#fff;}
.wname { color:#ffb31b; font-size:14px; margin-top:10px; font-weight:bold;}
.winingam .wgame { color:#fff; }
.winingam .wgame span { text-decoration:underline; color:#737e88;}
.whov { display:none; position:absolute; width:100%; height:100%; background:rgba(14,27,40,.90); top:0;}
.winingam:hover .whov { display:block;}
.whov a { background:url(../images/play-btn-bg.svg) no-repeat center / 60px auto; width:118px; height:100px; display:block; float:left; margin-top:15px;transition: all 0.4s ease 0s;}
.whov a:hover  { -webkit-transform: perspective(100px)  scale(1.15);
	  -ms-transform:perspective(100px)  scale(1.15);
	  -o-transform:perspective(100px)   scale(1.15);
	-moz-transform:perspective(100px)   scale(1.15);
	 transform:perspective(100px)   scale(1.15);
	 z-index:100;}
.whov p {color:#ffb31b; font-size:14px; margin-top:55px; font-weight:bold; float:left;}
.login .shiner { margin-top:-82px; margin-left:5px; width:229px; overflow:hidden; position:relative;}
.login  .shiner:after{ content:''; width:120px; height:62px; background:url(../images/shine3.png); position:absolute; top:0px; display:block;z-index:5;}
body.ongamming #left, body.ongamming #right, body.ongamming .game-menu{/*opacity: 0.6;*/ background-color: rgba(0,0,0,0.2);transition:all linear .8s 0.2s; -webkit-filter: brightness(40%);filter: brightness(40%);}

#myContent {
	position: relative;
}

body.fullscreen iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

body.fullscreen .gamepanel {
	position: static;
}

body.fullscreen #myContent {
	position: static;
}

.go-fullscreen {
	background: url("/images/fullscreen.png") no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 5;
}

body.fullscreen .go-fullscreen {
	background-image: url("/images/no-fullscreen.png");
}

.grecaptcha-badge {display: none;}

@media screen and (max-width: 1024px) {
	.game-menu > ul {  scrollbar-width: none;-ms-overflow-style: none;} 
}