/*
#47a042 #e43a3e
#9dc237 #c25c37
*/
/* @import "/client/thumbs.css"; */

@font-face {
font-family: Rouble;
src: url(/client/rouble.ttf);
/*
a - Arial Regular
b - Arial Italic
c - Arial Bold
d - Arial Bold Italic
e - Georgia Regular
f - Georgia Italic
g - Georgia Bold
h -Georgia Bold Italic
i - Tahoma Regular
j- Tahoma Bold
k - Times Regular
l - Times Italic
m - Times Bold
n - Times Bold Italic
o - Lucida Regular
p - Verdana Regular
q - Verdana Italic
r - Verdana Bold
s - Verdana Bold Italic
*/
}

.r {font-family: Rouble;}

/*
orange
#1E5828
#650205

orange
BlueViolet
YellowGreen
*/

.ci-color--gc {color: orange !important;}
.ci-color--rc {color: #1E5828 !important;}
.ci-color--rcv {color: #650205 !important;
/* text-shadow: 1px 0 1px white, 0 1px 1px white, -1px 0 1px white, 0 -1px 1px white; */
/* text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; */
}

.ci-bgcolor--gc {background: orange url('/images/ci.png') repeat !important;}
.ci-bgcolor--rc {background: #1E5828 url('/images/ci.png') repeat !important;}
.ci-bgcolor--rcv {background: #650205 url('/images/ci.png') repeat !important;}


body {
background-color: #0F0F0F;
margin: 0;
color: white;
font-family: 'Roboto', sans-serif;
-webkit-font-smoothing: subpixel-antialiased !important; /* safari waves button <p> fix */
}

label { 
-moz-user-select: none; 
-o-user-select:none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
user-select: none; 
}

.material-icons {
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.user-select-none { 
-moz-user-select: none; 
-o-user-select:none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
user-select: none; 
}

/*
#header {
width:100%;
height:130px;
position: fixed;
z-index: 10;
background-color:#0F0F0F;
}

div.header1 {
height: 70px;
min-width: 1000px;
}

div.header2 {
text-align: right;
height: 60px;
background-color: #1E1E1E;
}
*/

#sidebar {
width:225px;
position: fixed;
top: 130px;
background-color: #161616;
}

div.sidebar2 {
background-color: #1E1E1E;
padding-top: 15px;
padding-bottom: 15px;
}

div.content {
/* left:245px; */
margin-left:245px;
top:140px;
/* position: absolute; */
position: relative;
text-align: left;
min-width: 680px;
/* max-width: 1020px; */
/*min-height: 300px; */
}



/* Tags */

h1 {
color: #FFFFFF;
background-color: #0F0F0F;
font-size: 24px;
/* font-weight: 400; */
font-weight: normal;
line-height: 40px;
margin: 0;
}

h2 {
/* font-weight: 400; */
font-weight: normal;
}


/* Light */

div.headlogo {
float:left;
width: 250px;
}

#header-light {
width:100%;
height:70px;
position: fixed;
background-color:#0F0F0F;
z-index: 10;
}

#content-light {
position: relative;
top:80px;
background-color: #FFFFFF;
color: black;
}

#footer-light {
width:100%;
height:30px;
background-color:#F7F7F7;
border-top: solid #D9D9D9 1px;
padding-top: 12px;
/* position: relative; */
clear: both;
bottom: 0;
}

#footer-light a {
margin-left: 10px;
color: #737373;
font-size: 12px;
text-decoration: none;
}

body.body-light {
background: white;
}

.header-btn-light {
text-align: right;
padding: 5px 20px 0 0;
}

.form-light input.text {
height: 40px;
width: 270px;
border: solid #A7A7A7 1px;
font-size: 14px;
padding: 0 10px;
box-sizing: border-box;
}

.form-light input:focus {
border: solid #427FED 1px;
transition: all 0.2s ease-in-out;
outline: none;
}


/* Checkbox */
/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.form-light .checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.form-light .checkbox + label {
  cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.form-light .checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.form-light .checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 3px 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.form-light .checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #CDD1DA;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.form-light .checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.form-light .checkbox:checked + label:before {
  background: #427FED;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.form-light .checkbox:checked + label:after {
  left: 26px;
}
/* Показываем получение фокуса. */
.form-light .checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}


.form-light label {
font-size:12px;
display: inline-block;
margin-top: 2px;
}

.form-light p {
margin: 0 0 2px 0;
}

#btn-submit-light {
margin-top: 13px;
margin-right: 2px;
margin-bottom: 10px;
}
#btn-submit-light .btn-submit-light {
color: #FFFFFF;
padding: 10px 0;
font-size: 15px;
width: 270px;
text-align: center;
text-decoration: none;
}
#btn-submit-light button.btn-submit-light {
background: #427FED;
border: none;
}
#btn-submit-light button.btn-submit-light:hover {
background: #427FED;
border: none;
}

#livechat-light {
width: 300px;
height: 430px;
position: fixed;
top: 100%;
margin-top: -430px;
border: solid #D9D9D9 1px;
z-index: 11;
background-color: #F7F7F7;
font-size: 14px;
color: #000000;
}

.livechat-head-light {
height: 40px;
background: #427FED url('/images/icon_livechat.png') no-repeat;
background-position: 10px -2px;
background-size: 50px;
padding-top: 10px;
padding-right: 10px;
text-align: right;
box-sizing: border-box;
border-bottom: solid #D9D9D9 1px;
}

#form-livechat-light .text {
height: 40px;
width: 260px;
border: solid #A7A7A7 1px;
font-size: 14px;
padding: 0 10px;
margin-left: 20px;
box-sizing: border-box;
}

#form-livechat-light input:focus {
border: solid #427FED 1px;
transition: all 0.2s ease-in-out;
outline: none;
}

#form-livechat-light p {
margin: 20px 0 2px 20px;
}

#form-livechat-light textarea {
height: 100px;
width: 260px;
border: solid #A7A7A7 1px;
font-size: 14px;
padding: 10px;
margin-left: 20px;
box-sizing: border-box;
}

#form-livechat-light textarea:focus {
border: solid #427FED 1px;
transition: all 0.2s ease-in-out;
outline: none;
}

#form-livechat-light input:-moz-ui-invalid {  /* Ff~ */
box-shadow:none;
}
#form-livechat-light textarea:-moz-ui-invalid {  /* Ff~ */
box-shadow:none;
}

#btn-submit-livechat-light {
margin-top: 13px;
margin-right: 2px;
}
#btn-submit-livechat-light .btn-submit-livechat-light {
color: #FFFFFF;
padding: 10px 0;
font-size: 15px;
width: 260px;
text-align: center;
text-decoration: none;
}
#btn-submit-livechat-light button.btn-submit-livechat-light {
background: #427FED;
border: none;
}
#btn-submit-livechat-light button.btn-submit-livechat-light:hover {
background: #427FED;
border: none;
}

#light-livechat-chat {
display: none;
width: 260px;
height: 140px;
overflow: auto;
border: solid #AAAAAA 1px;
margin: 20px 0 0 20px;
padding: 10px;
background: #FFF;
box-sizing: border-box;
}

#light-livechat-status {
height: 30px;
background: #AAAAAA;
margin: 0 20px;
display: none;
padding: 3px 10px;
color: white;
font-size: 12px;
}

.light-livechat-error {
position: absolute;
margin-left: 20px;
font-size: 14px;
color: red;
text-align: left;
width: 270px;
display: none;
}

#btn-submit-login-light {
margin-top: 13px;
margin-right: 2px;
}
#btn-submit-login-light .btn-submit-login-light {
color: #FFFFFF;
padding: 10px 0;
font-size: 15px;
width: 270px;
text-align: center;
text-decoration: none;
}
#btn-submit-login-light button.btn-submit-login-light {
background: #427FED;
border: none;
}
#btn-submit-login-light button.btn-submit-login-light:hover {
background: #427FED;
border: none;
}

#btn-submit-forgot-light {
margin-top: 13px;
margin-right: 2px;
}
#btn-submit-forgot-light .btn-submit-forgot-light {
color: #FFFFFF;
padding: 10px 0;
font-size: 15px;
width: 270px;
text-align: center;
text-decoration: none;
}
#btn-submit-forgot-light button.btn-submit-forgot-light {
background: #427FED;
border: none;
}
#btn-submit-forgot-light button.btn-submit-forgot-light:hover {
background: #427FED;
border: none;
}


#btn-submit-password-light {
margin-top: 13px;
margin-right: 2px;
}
#btn-submit-password-light .btn-submit-password-light {
color: #FFFFFF;
padding: 10px 0;
font-size: 15px;
width: 270px;
text-align: center;
text-decoration: none;
}
#btn-submit-password-light button.btn-submit-password-light {
background: #427FED;
border: none;
}
#btn-submit-password-light button.btn-submit-password-light:hover {
background: #427FED;
border: none;
}


.light-box {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #F7F7F7;

-webkit-box-shadow: 0px 0px 1px 0px #F2F2F2;
-moz-box-shadow:    0px 0px 1px 0px #F2F2F2;
box-shadow:         0px 0px 1px 0px #F2F2F2;
}

.error-form-light {
font-size: 14px;
color: red;
text-align: left;
width: 270px;
display: none;
}




/* Main */

div.content.main {
min-width: 680px;
max-width: 1020px;
position: absolute;
}


/* Category */

#gamemenu_all {
background: url('/images/icon_home.png') no-repeat;
background-position: 20px 0;
background-size: 30px;
color: white;
text-decoration: none;
padding-left: 60px;
cursor: pointer;
font-size: 18px;
height: 24px;
padding-top: 6px;
margin-top: 10px;
}

#gamemenu_all:hover {
background-position: 20px -30px;
color: #D9C668;
}

#gamemenu_novomatic {
background: url('/images/icon_novomatic.png') no-repeat;
background-position: 20px 0;
background-size: 30px;
color: white;
text-decoration: none;
padding-left: 60px;
cursor: pointer;
font-size: 18px;
height: 25px;
padding-top: 5px;
margin-top: 15px;
}

#gamemenu_novomatic:hover {
background-position: 20px -30px;
color: #D9C668;
}

.gamemenu_sub {
background: url('/images/icon_sub.png') no-repeat;
background-position: 20px -4px;
background-size: 30px;
color: white;
text-decoration: none;
padding-left: 60px;
cursor: pointer;
font-size: 18px;
height: 25px;
padding-top: 5px;
margin-top: 15px;
}

.gamemenu_sub:hover {
background-position: 20px -64px;
color: #D9C668;
}

#gamemenu_igrosoft {
background: url('/images/icon_igrosoft.png') no-repeat;
background-position: 20px 0;
background-size: 30px;
color: white;
text-decoration: none;
padding-left: 60px;
cursor: pointer;
font-size: 18px;
height: 25px;
padding-top: 5px;
margin-top: 15px;
}

#gamemenu_igrosoft:hover {
background-position: 20px -30px;
color: #D9C668;
}

/* Reserve
#gamemenu_classic {
background: url('/images/icon_classic.png') no-repeat;
background-position: 20px 0;
background-size: 30px;
color: white;
text-decoration: none;
padding-left: 60px;
cursor: pointer;
font-size: 18px;
height: 25px;
padding-top: 5px;
margin-top: 15px;
}

#gamemenu_classic:hover {
background-position: 20px -30px;
color: #D9C668;
}

#gamemenu_classic2 {
background: url('/images/icon_classic2.png') no-repeat;
background-position: 22px 0;
background-size: 30px;
color: white;
text-decoration: none;
padding-left: 60px;
cursor: pointer;
font-size: 18px;
height: 25px;
padding-top: 5px;
margin-top: 15px;
}

#gamemenu_classic2:hover {
background-position: 22px -30px;
color: #D9C668;
}
*/

#gamemenu_roulette {
background: url('/images/icon_roulette.png') no-repeat;
background-position: 20px 0;
background-size: 30px;
color: white;
text-decoration: none;
padding-left: 60px;
cursor: pointer;
font-size: 18px;
height: 26px;
padding-top: 4px;
margin-top: 15px;
}

#gamemenu_roulette:hover {
background-position: 20px -30px;
color: #D9C668;
}

/*
#gamemenu_life {
background: url('/images/icon_life.png') no-repeat;
background-position: 20px 0;
background-size: 30px;
color: white;
text-decoration: none;
padding-left: 60px;
cursor: pointer;
font-size: 18px;
height: 26px;
padding-top: 4px;
margin-top: 15px;
margin-bottom: 10px;
}

#gamemenu_life:hover {
background-position: 20px -30px;
color: #D9C668;
}
*/


#gamemenu_belatra {
background: url('/images/icon_belatra.png') no-repeat;
background-position: 26px 0px;
background-size: 22px;
color: white;
text-decoration: none;
padding-left: 60px;
cursor: pointer;
font-size: 18px;
height: 19px;
padding-top: 2px;
margin-top: 15px;
margin-bottom: 15px;
/* border: solid red 1px; */
}

#gamemenu_belatra:hover {
background-position: 26px -22px;
color: #D9C668;
}


/* Navigation */

div.navmenu {
color: #C7C7C7;
text-decoration: none;
padding-left: 25px;
cursor: pointer;
font-size: 16px;
height: 30px;
font-size: 18px;
padding-top: 6px;
}

div.navmenu:hover {
color: #FFFFFF;
background-color: #000000;
transition: 1s;
}


/* Buttons */

#btn_login {
display: inline-block;
margin-top: 13px;
margin-right: 2px;
}
#btn_login .btn_login {
color: #FFFFFF;
padding: 10px 40px;
font-size: 16px;
}
#btn_login a.btn_login {
background: #47A042;
}
#btn_login a.btn_login:hover {
background: #4FB249;
}


#btn_registration {
display: inline-block;
margin-top: 13px;
margin-right: 20px;
}
#btn_registration .btn_registration {
color: #FFFFFF;
padding: 10px 30px;
font-size: 16px;
display: inline-block;
}
#btn_registration a.btn_registration {
background: #DFC964;
}
#btn_registration a.btn_registration:hover {
background: #DBC24F;
}


#btn_invite {
display: inline-block;
margin-top: 13px;
margin-right: 20px;
}
#btn_invite .btn_invite {
color: #FFFFFF;
padding: 10px 30px;
font-size: 16px;
display: inline-block;
}
#btn_invite a.btn_invite {
background: #61708E;
}
#btn_invite a.btn_invite:hover {
background: #3E3E3E;
}


p.btn_play {
margin-top: 36px;
font-size: 15px;
}
p.btn_play .btn_play {
color: #000000;
padding: 10px 30px;
font-weight: bold;
}
p.btn_play a.btn_play {
background: #D5C04C;
}
p.btn_play a.btn_play:hover {
background: #d7a94e;
}


.btn_demo {
color: #000000;
font-size: 15px;
}
.btn_demo .btn_demo {
color: #000000;
padding: 10px 19px;
font-weight: bold;

}
.btn_demo a.btn_demo {
background: #E8E8E8;
}
.btn_demo a.btn_demo:hover {
background: #cecdcd;
}



.button-jackpot-play {
	margin-bottom:3px;
color: black;
/* padding: 2px 10px; */
/* font-weight: 400; */
font-weight: normal;
font-size: 11px;
}
.button-jackpot-play .button-jackpot-play {
color: black;
padding: 2px 10px;
/* font-weight: 400; */
font-weight: normal;
font-size: 11px;
width: 36px;
}
.button-jackpot-play a.button-jackpot-play {
background: #DAC158;
}
.button-jackpot-play a.button-jackpot-play:hover {
background: #cecdcd;
}


.button-jackpot-demo {
color: black;
/* padding: 2px 10px; */
/* font-weight: 400; */
font-weight: normal;
font-size: 11px;
}
.button-jackpot-demo .button-jackpot-demo {
color: black;
padding: 2px 10px;
/* font-weight: 400; */
font-weight: normal;
font-size: 11px;
width: 36px;
}
.button-jackpot-demo a.button-jackpot-demo {
background: #53B14F;
}
.button-jackpot-demo a.button-jackpot-demo:hover {
background: #cecdcd;
}



/* Games */

div.gamecategory {
color: #DAC761;
font-size: 22px;
display: none;
clear: both;
/* font-weight: 400; */
font-weight: normal;
}

div.gamebox {
background-repeat: no-repeat;
background-size: 160px 160px;
background-position: center top;
width: 160px;
height: 240px;
background-color: #191919;
cursor: pointer;
text-align: center;
float: left;
margin-right: 10px;
margin-top: 10px;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 1);
position: relative;
}

div.thumbnail {
position: absolute;
width: 160;
height: 160;
background-color: #000;
color: black;
display: none;
opacity: 0.8;
}

i.thumbnailinfo {
position: absolute;
right:3px;
top:3px;
text-align:right;
opacity: 0.8;
z-index: 1;
font-size: 16px;
color: white;
}

i.thumbnailinfo:hover {
color: #47a042;
}

/*
div.thumbnailtip {
display: none;
position:absolute;
left:150px;
top:87px;
color:white;
background-color: #47a042;
z-index: 1;
width: 120px;
height: 29px;
border: solid #e43a3e 2px;
border-radius: 3px;
border-top-left-radius: none;
font-size: 11px;
line-height: 14px;
text-transform: uppercase;
font-weight: 500;
padding-top: 3px;
}

div.thumbnailtip > div:nth-child(1) {
position:absolute;
left:-10px;
top: 0px;
border: 8px solid transparent;
border-top: 8px solid #47a042;
border-right: 8px solid #47a042;
z-index: 1;
}

div.thumbnailtip > div:nth-child(2) {
position:absolute;
left:-16px;
top: -2px;
border: 8px solid transparent;
border-top: 8px solid #e43a3e;
border-right: 8px solid #e43a3e;
}
*/

div.thumbnailauth {
position:absolute;
left:20px;
top:17px;
width: 120px;
height: 60px;
background-color: white;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
border: solid #aaa 1px;
border-radius: 2px;
font-size: 8px;
line-height: 6px;
color: #aaa;
z-index: 2;
display: none;
}

div.thumbnailauth > div:nth-child(1) {
padding-top: 6px;
box-sizing: border-box;
width: 60px;
height: 60px;
display:inline-block;
border-right: solid #aaa 1px;
}

div.thumbnailauth > div:nth-child(1):hover {
color: #47a042;
transition: 0.3s;
}

div.thumbnailauth > div:nth-child(1):not(:hover) {
transition: 0.3s;
}

/*
#47a042 #e43a3e
#9dc237 #c25c37
*/

div.thumbnailauth > div:nth-child(2) {
padding-top: 6px;
display:inline-block;
width: 60px;
height: 60px;
}

div.thumbnailauth > div:nth-child(2):hover {
color: #47a042;
transition: 0.5s;
}

div.thumbnailauth > div:nth-child(2):not(:hover) {
transition: 0.5s;
}

div.thumbnailauth > div > i {
font-size: 40px;
}

div.thumbnailbtn {
position: absolute;
width: 160px;
height: 160px;
display: none;	
}

div.gameinfo {
margin-top:170px;
position: absolute;
width: 160px;
padding-left: 15px;
}

div.gamename {
text-align:left;
color: #45A03E;
width: 130px;
font-size: 18px;
position: absolute;
}

div.gamename:hover {
border-bottom: solid #45A03E 1px;
}

div.gamevendor {
text-align:left;
color: #FFFFFF;
font-size: 12px;
padding-top: 25px;
}

div.gameonline {
text-align:left;
color: #AAAAAA;
font-size: 12px;
padding-top: 2px;
}

/*
.twomillionbc {background: url('/images/games/2millionbc.jpg');}

.crazymonkey {background: url('/images/games/crazymonkey.jpg');}
.crazymonkey2 {background: url('/images/games/crazymonkey2.jpg');}
.pirate {background: url('/images/games/pirate.jpg');}
.pirate2 {background: url('/images/games/pirate2.jpg');}
.africansimbadeluxe {background: url('/images/games/africansimbadeluxe.jpg');}
.alcatraz {background: url('/images/games/alcatraz.png');}
.princessofswamp {background: url('/images/games/princessofswamp.jpg');}
.theelusivegonzales {background: url('/images/games/theelusivegonzales.png');}
.piggybank {background: url('/images/games/piggybank.png');}
.luckydrink {background: url('/images/games/luckydrink.png');}
.greengrocery {background: url('/images/games/greengrocery.png');}
.aztecpowerdeluxe {background: url('/images/games/aztecpowerdeluxe.jpg');}
.bookofradeluxe {background: url('/images/games/bookofradeluxe.png');}
.captainventuredeluxe {background: url('/images/games/captainventuredeluxe.jpg');}
.caribbeanholidaysdeluxe {background: url('/images/games/caribbeanholidaysdeluxe.jpg');}
.cindereela2deluxe {background: url('/images/games/cindereela2deluxe.jpg');}
.cindereeladeluxe {background: url('/images/games/cindereeladeluxe.png');}
.columbusdeluxe {background: url('/images/games/columbusdeluxe.jpg');}
.dolphinspearldeluxe {background: url('/images/games/dolphinspearldeluxe.jpg');}
.fairyqueendeluxe {background: url('/images/games/fairyqueendeluxe.jpg');}
.fruitcocktail {background: url('/images/games/fruitcocktail.jpg');}
.fruitcocktail2 {background: url('/images/games/fruitcocktail2.jpg');}
.gnome {background: url('/images/games/gnome.jpg');}
.goldenarkdeluxe {background: url('/images/games/goldenarkdeluxe.jpg');}
.indianspiritdeluxe {background: url('/images/games/indianspiritdeluxe.jpg');}
.island {background: url('/images/games/island.jpg');}
.island2 {background: url('/images/games/island2.jpg');}
.jollyfruitsdeluxe {background: url('/images/games/jollyfruitsdeluxe.png');}
.justjewelsdeluxe {background: url('/images/games/justjewelsdeluxe.jpg');}
.katanadeluxe {background: url('/images/games/katanadeluxe.jpg');}
.beetlemania {background: url('/images/games/beetlemania.jpg');}
.bananasplash {background: url('/images/games/bananasplash.png');}
.keks {background: url('/images/games/keks.jpg');}
.knightsquestdeluxe {background: url('/images/games/knightsquestdeluxe.jpg');}
.lordoftheoceandeluxe {background: url('/images/games/lordoftheoceandeluxe.jpg');}
.luckyhaunter {background: url('/images/games/luckyhaunter.jpg');}
.luckyladyscharmdeluxe {background: url('/images/games/luckyladyscharmdeluxe.jpg');}
.luckyrosedeluxe {background: url('/images/games/luckyrosedeluxe.jpg');}
.mysticsecretsdeluxe {background: url('/images/games/mysticsecretsdeluxe.jpg');}
.pharaohsringdeluxe {background: url('/images/games/pharaohsringdeluxe.jpg');}
.questforgolddeluxe {background: url('/images/games/questforgolddeluxe.jpg');}
.resident {background: url('/images/games/resident.jpg');}
.rockclimber {background: url('/images/games/rockclimber.jpg');}
.sizzlinghotextremedeluxe {background: url('/images/games/sizzlinghotextremedeluxe.png');}
.sizzlinghotdeluxe {background: url('/images/games/sizzlinghotdeluxe.jpg');}
.sweetlife {background: url('/images/games/sweetlife.jpg');}
.sweetlife2 {background: url('/images/games/sweetlife2.jpg');}
.thealchemistdeluxe {background: url('/images/games/thealchemistdeluxe.jpg');}
.ultrahotdeluxe {background: url('/images/games/ultrahotdeluxe.jpg');}
.bookofra {background: url('/images/games/bookofra.png');}
.attila {background: url('/images/games/attila.jpg');}
.aztectreasure {background: url('/images/games/aztectreasure.jpg');}
.bananasgobahamas {background: url('/images/games/bananasgobahamas.jpg');}
.columbus {background: url('/images/games/columbus.png');}
.dolphinspearl {background: url('/images/games/dolphinspearl.jpg');}
.dynastyofming {background: url('/images/games/dynastyofming.png');}
.goldenplanet {background: url('/images/games/goldenplanet.jpg');}
.gryphonsgold {background: url('/images/games/gryphonsgold.jpg');}
.kingofcards {background: url('/images/games/kingofcards.jpg');}
.luckyladyscharm {background: url('/images/games/luckyladyscharm.png');}
.magicprincess {background: url('/images/games/magicprincess.jpg');}
.marcopolo {background: url('/images/games/marcopolo.png');}
.mermaidspearl {background: url('/images/games/mermaidspearl.jpg');}
.panthermoon {background: url('/images/games/panthermoon.png');}
.pharaohsgold {background: url('/images/games/pharaohsgold.png');}
.pharaohsgold2 {background: url('/images/games/pharaohsgold2.jpg');}
.pharaohsgold3 {background: url('/images/games/pharaohsgold3.jpg');}
.polarfox {background: url('/images/games/polarfox.jpg');}
.ramses2 {background: url('/images/games/ramses2.jpg');}
.safariheat {background: url('/images/games/safariheat.jpg');}
.secretforest {background: url('/images/games/secretforest.jpg');}
.sparta {background: url('/images/games/sparta.png');}
.themagicflute {background: url('/images/games/themagicflute.jpg');}
.themoneygame {background: url('/images/games/themoneygame.png');}
.unicornmagic {background: url('/images/games/unicornmagic.jpg');}
.sharky {background: url('/images/games/sharky.png');}
.roulettea {background: url('/images/games/roulettea.jpg');}
.rouletteb {background: url('/images/games/rouletteb.jpg');}
.roulettec {background: url('/images/games/roulettec.jpg');}
.rouletted {background: url('/images/games/rouletted.jpg');}
.prison {background: url('/images/games/prison.jpg');}
.vikingage {background: url('/images/games/vikingage.jpg');}
.barbarycoast {background: url('/images/games/barbarycoast.jpg');}
.mammamia {background: url('/images/games/mammamia.jpg');}
.egyptgods {background: url('/images/games/egyptgods.jpg');}
.legendsofra {background: url('/images/games/legendsofra.jpg');}
*/





/* Jackpot */

div.jp {
float: left;
width: 330px;
height: 240px;
margin-right: 10px;
display: none;
margin-top: 10px;
}

div.jpsum {
height: 51px;
background-color: #DFC964;
}

div.jpsum1 {
float: left;
width: 220px;
font-size: 32px;
color: black;
font-weight: bold;
padding-top: 7px;
padding-left: 20px;
}

div.jpsum2 {
float: left;
font-size: 14px;
color: black;
font-weight: bold;
padding-top: 10px;
text-align: right;

text-decoration: underline;
cursor: pointer;
}

div.jpwin {
height: 63px;
background-color: #191919;
}

div.jpwin1 {
background: url('/images/icon_avatar.png') no-repeat;
background-size: 40px 40px;
background-position: right center;
float: left;
width: 55px;
height:100%;
}

div.jpwin2 {
float: left;
width: 167px;
padding-left: 16px;
/* padding-top: 15px; */
padding-top: 18px;
font-size: 14px;
color: #AAAAAA;
font-weight: 500;
}

span.jpinfo {
font-size: 12px;
color: #FFFFFF;
font-weight: 300;
display: block;
}

div.jpwin3 {
float: left;
padding-top: 19px;
color: #DFC964;
font-size: 20px;
font-weight: bold;
}



/* Head content */


div.headinfo {
/* min-width: 700px; */
/* margin: 0 110px 0 250px; */
text-align: center;
padding-top: 26px;
}

div.headicon {
/* float: right; */
/* padding-top: 0px; */
right: 0;
position: fixed;
width: 200px;
text-align: right;
padding-right: 10px;
/*
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
*/
padding-top: 25px;
}

img.headlogo {
margin-left: 5px;
width: 200px;
margin-top: 15px;	
}

div.headinfocircle {
width: 6px;
height: 6px;
background: #9DC237;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 2px;
margin-right: 4px;
display: inline-block;
}

div.headinfo li {
display: inline;
font-size: 16px;
margin: 0 10px;
}

div.headinfo ul {
padding: 0;
margin: 0;
}

div.headicon img {
height: 24px;
}

div.headicon a {
margin-right: 12px;
}


/* Main cards */

div.main-card {
background-repeat: no-repeat;
background-size: 100px 100px;
background-position: center 50px;
width: 245px;
background-color: #111111;
margin-right: 10px;
margin-bottom: 10px;
float:left;
text-align: center;
/* height: 400px; */
height: 210px;
/* box-sizing: border-box; */
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 2px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 2px 0px rgba(0, 0, 0, 1);
}

.main-card-1 {
background: url('/images/main_card1.png');
padding-top: 190px;
}

.main-card-2 {
background: url('/images/main_card2.png');
padding-top: 190px;
}

.main-card-3 {
background: url('/images/main_card3.png');
padding-top: 190px;
}

.main-card-4 {
padding-top: 50px;
height: 350px !important;
}

.main-card-h {
color: #DAC761;
font-size: 22px;
}

.main-card-p {
color: #AAA;
font-size: 14px;
padding: 10px 20px 0 20px;
}

/* Main card subscribe */

#subscribe-name {
margin-top: 40px;
}

#subscribe-email {
margin-top: 20px;	
}

.main-card-form input {
font-size: 14px;
border: none;
background: transparent;
width: 175px;
height: 40px;
outline: none;
color: #9e9e9e;
padding-bottom: 5px;
box-sizing: border-box;
}

.main-card-form input:-moz-submit-invalid { /* Ff~ */
box-shadow: none;
color: red;
}
.main-card-form input:-moz-ui-invalid {  /* Ff~ */
box-shadow:none;
color: red;
}

.main-card-form {
z-index: 1;
position: relative;
}


#main-card-value-name {
font-size: 14px;
margin-left: 35px;
color: #9e9e9e;
top: 50px;
position: absolute;
z-index: -1;
}


#main-card-value-email {
font-size: 14px;
margin-left: 35px;
color: #9e9e9e;
top: 112px;
position: absolute;
z-index: -1;
}


.main-card-value-name-onfocus  {
-webkit-transform: translate(0,-22px);
-o-transform: translate(0,-22px);
-moz-transform: translate(0,-22px);
transform: translate(0,-22px);

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
    
font-size: 12px !important;
color: #DAC761 !important;
}

.main-card-value-name-onblur  {
-webkit-transform: translate(0,0);
-o-transform: translate(0,0);
-moz-transform: translate(0,0);
transform: translate(0,0);

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
    
font-size: 14px !important;
color: #9e9e9e !important;
}


.main-card-value-name-onfocus-hold  {
-webkit-transform: translate(0,-22px);
-o-transform: translate(0,-22px);
-moz-transform: translate(0,-22px);
transform: translate(0,-22px);

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
    
font-size: 12px !important;
color: #DAC761 !important;
}


.main-card-value-name-onblur-hold {
-webkit-transform: translate(0,-22px);
-o-transform: translate(0,-22px);
-moz-transform: translate(0,-22px);
transform: translate(0,-22px);
	
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

font-size: 12px !important;
color: #9e9e9e !important;
}

#main-card-border-name {
border-top: solid #9e9e9e 1px;
width: 175px;
height: 2px;
margin-left: 35px;
box-sizing: border-box;
}

#main-card-border-email {
border-top: solid #9e9e9e 1px;
width: 175px;
height: 2px;
margin-left: 35px;
box-sizing: border-box;
}

.main-card-border-name-onfocus {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-top: solid #DAC761 2px !important;
}

.main-card-border-name-onblur {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-top: solid #9e9e9e 1px !important;
}

.main-card-border-name-onfocus-hold {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-top: solid #DAC761 2px !important;
}

.main-card-border-name-onblur-hold {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-top: solid #9e9e9e 1px !important;
}

/* Main cards bottoms */

#btn_main-card-1 {
position: absolute;
margin-top: 150px;
margin-left: 40px;
}
#btn_main-card-1 .btn_main-card-1 {
color: #FFFFFF;
padding: 8px 0;
font-weight: 500;
font-size: 14px;
width: 165px;
}
#btn_main-card-1 a.btn_main-card-1 {
background: #313131;
}
#btn_main-card-1 a.btn_main-card-1:hover {
background: #3E3E3E;
}


#btn_main-card-2 {
position: absolute;
margin-top: 150px;
margin-left: 40px;
}
#btn_main-card-2 .btn_main-card-2 {
color: #FFFFFF;
padding: 8px 0;
font-weight: 500;
font-size: 14px;
width: 165px;
}
#btn_main-card-2 a.btn_main-card-2 {
background: #313131;
}
#btn_main-card-2 a.btn_main-card-2:hover {
background: #3E3E3E;
}


#btn_main-card-3 {
position: absolute;
margin-top: 150px;
margin-left: 40px;
}
#btn_main-card-3 .btn_main-card-3 {
color: #FFFFFF;
padding: 8px 0;
font-weight: 500;
font-size: 14px;
width: 165px;
}
#btn_main-card-3 a.btn_main-card-3 {
background: #313131;
}
#btn_main-card-3 a.btn_main-card-3:hover {
background: #3E3E3E;
}


#btn_main-card-4 {
position: absolute;
margin-top: 290px;
margin-left: 40px;
}
#btn_main-card-4 .btn_main-card-4 {
color: #FFFFFF;
padding: 8px 0;
font-weight: 500;
font-size: 14px;
width: 165px;
}
#btn_main-card-4 a.btn_main-card-4 {
background: #313131;
}
#btn_main-card-4 a.btn_main-card-4:hover {
background: #3E3E3E;
}


/* Footer */

.footer {
background-color: #0F0F0F;
}

.footer-1 {
min-height: 210px;
background: url('/images/map.png') no-repeat;
background-position: top 30px right;
padding-top: 40px;
}

.footer-menu {
float: left;
width: 200px;
}

div.footer-menu-title {
color: #DAC761;
font-size: 16px;
margin-bottom: 10px;
}

.footer-menu-link {
color: #FFFFDE;
font-size: 14px;
text-decoration: none;
line-height: 22px;
}

div.footer-title-license {
color: #DAC761;
margin-top: 30px;
float: left;
width: 190px;
}

div.footer-title-hr-license {
height: 1px;
width: 800px;
margin-top: 40px;
float: left;
box-sizing: border-box;
border-top: solid #9e9e9e 1px;
}

div.footer-license {
background: url('/images/license.png') no-repeat;
background-size: 500px;
background-position: 5px 65px;
height: 150px;
}

div.footer-title-payments {
color: #DAC761;
margin-top: 20px;
float: left;
width: 160px;
}

div.footer-title-hr-payments {
height: 1px;
width: 830px;
margin-top: 30px;
float: left;
box-sizing: border-box;
border-top: solid #9e9e9e 1px;
}

div.footer-payments {
background: url('/images/payments.png') no-repeat;
background-size: 750px;
background-position: 0px 65px;
height: 130px;
}

.footer-text {
font-size: 12px;
color: #AAAAAA;
padding-bottom: 15px;
}


/* Content White */

.content.white {
background-color: white;
color:  #555555;
}


/* Content Black */

.content.black {
font-size: 14px;
}

.content.black .block {
color:  #838485;
}

.content.black p {
margin: 0;
}

.content.black h1 {
padding: 5px 0;
color:  #D9C668;
}
.content.black h2 {
color:  #D9C668;
font-size: 18px;
}

.content.black hr {
border: none;
color: #626262;
background-color: #626262;
height: 1px;
width: 100px;
margin-top: 15px;
margin-left: 0;
}

.content.black .block {
padding: 30px 100px 30px 30px;
}

.content.black .block.grad0 {
background-color: #161616;
}
.content.black .block.grad1 {
background-color: #191919;
}
.content.black .block.grad2 {
background-color: #1E1E1E;
}


/* Terms */

.terms {
/* padding: 15px 100px 0 10px; */
font-size: 16px;
}

.terms ul li{
margin: -15px 0 0 -20px;
}

div.terms-unit {
overflow: hidden;
max-height: 50px; /* max 4 animate */
border-top: solid #F1F1F1 1px;
padding: 0 100px 10px 10px;
cursor: pointer;
}

div.terms h2 {
/*
height: 26px;
padding-top: 20px;
cursor: pointer;
*/
color: #2D323C;
font-size: 18px;
margin: 20px 0 20px 0;
}

div.terms-unit p {
margin-left: 30px;
}



/* Modal */

#modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 1000;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: none;
}

.modal-close {
z-index: 1001px;
cursor: pointer;
width: 28px;
height: 28px;
border-left: solid #878787 1px;
border-bottom: solid #878787 1px;
float: right;
/* margin-bottom: 10px; */
}

.modal-window {
color: black;
width: 400px;
position: fixed;
top: 50%;
left: 50%;
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
border-radius: 3px;
background: #fff;
border: solid #7F7F7F 1px;
display: table;
}

#modal-content {
padding: 15px;
color: #555;
font-size: 15px;
}

#modal-content h1 {
font-size: 24px;
font-weight: bold;
background: #fff;
color: black;
}

.material-icons.modal-nobootstrap {
color: #878787;
font-weight: 700 !important;
font-size: 26px !important;
}




/* Notify */

#notify {
position: fixed;
right: 0;
top: 0;
width: 350px;
height: 100%;
background: black;
z-index: 101;

background: linear-gradient(to top, transparent 0, black 10%, black 80%, transparent 100%);
/* background: linear-gradient(to bottom, black 0%, black 80%, transparent 100%); */
}







/* My Account Dropdown */

#account-dropdown {
width: 380px;
/* position: absolute; */
position: fixed;
z-index: 500;
background-color: white;
right: 20px;
top: 70px;
box-shadow: 0 2px 12px rgba(40,40,40,.2);
border: solid white 1px;
display: none;
}

#account-dropdown-body {
padding: 20px 0 7px 20px;	
}

#account-dropdown-corner {
position: absolute;
top:-15px;
width: 0;
height: 0;
right: 46px;
border: 6px solid transparent;
border-bottom: 8px solid white;
}

#account-dropdown-login {
color: black;
font-size: 20px;
}

#account-dropdown-id {
color: #666;
font-size: 13px;
font-weight: 500;
margin-top: 10px;
line-height: 18px;
}

#account-dropdown-id a {
color: #3465CE;
font-weight: normal;
}

#account-dropdown-menu {
color: #666;
font-size: 14px;
margin-top: 15px;
font-weight: 500;
}

#account-dropdown-menu a {
color: #3465CE;
text-decoration: none;
}

#account-dropdown-footer {
background: #F2F2F2;
height: 50px;
border-top: solid #DADADA 1px;
text-align: right;
}

div.account-dropdown-menu-separator {
display: inline-block;
width:10px;
background-color: #666;
/* margin-left: 5px; */
margin-left: -7px;
margin-right: 5px;
margin-bottom: 3px;
height: 1.5px;
}

#account-dropdown-button-myaccount {
margin-top: 20px;
}
#account-dropdown-button-myaccount .account-dropdown-button-myaccount {
color: #666;
padding: 6px 20px;
font-size: 14px;
}
#account-dropdown-button-myaccount a.account-dropdown-button-myaccount {
background: #F2F2F2;
border: solid #DADADA 1px;
box-shadow: none;
/* text-shadow: none; */
}
#account-dropdown-button-myaccount a.account-dropdown-button-myaccount:hover {
background: #E5E5E5;
}


#account-dropdown-button-logout {
margin-top: 11px;
margin-right: 8px
}
#account-dropdown-button-logout .account-dropdown-button-logout {
color: #666;
padding: 6px 20px;
font-size: 14px;
}
#account-dropdown-button-logout a.account-dropdown-button-logout {
background: #F2F2F2;
border: solid #DADADA 1px;
box-shadow: none;
/* text-shadow: none; */
}
#account-dropdown-button-logout a.account-dropdown-button-logout:hover {
background: #E5E5E5;
}



/* Notify Dropdown */

#notify-dropdown-icon {
cursor: pointer;
z-index: 500;
}

#notify-dropdown {
width: 380px;
/* position: absolute; */
position: fixed;
z-index: 500;
background-color: white;
right: 20px;
top: 70px;
box-shadow: 0 2px 12px rgba(40,40,40,.2);
border: solid white 1px;
display: none;
/*
padding-top: 10px;
padding-bottom: 30px;
max-height: 500px;
*/
}

/*
#notify-dropdown-body {
padding: 20px 10px 20px 10px;	
}
*/

#notify-dropdown-corner {
position: absolute;
width: 0;
height: 0;
top:-15px;
right: 85px;
border: 6px solid transparent;
border-bottom: 8px solid white;
}

.notify-dropdown-message-head {
font-size: 12px;
border: solid #DADADA 1px;
border-bottom: none;
background: #F2F2F2;
margin: 20px 20px 0px 20px;
background: linear-gradient(to top, white 0%, #F2F2F2 90%, #F2F2F2 100%);
height: 20px;
padding-bottom: 0px;
position: relative;
color: #666666;
font-weight: 500;
padding: 0 20px;
border-radius: 2px 2px 0 0;
}

.notify-dropdown-message-footer {
font-size: 12px;
border: solid #DADADA 1px;
border-top: none;
background: #F2F2F2;
margin: 0px 20px 0px 20px;
background: linear-gradient(to bottom, white 0%, #F2F2F2 90%, #F2F2F2 100%);
height: 20px;
position: relative;
color: #666666;
padding: 0 5px;
border-radius: 0 0 2px 2px;
}

.notify-dropdown-message-body {
font-size: 12px;
padding: 10px;
color: #666666;
background: #FEFEFE;
border-right: solid #DADADA 1px;
border-left: solid #DADADA 1px;
margin: 0px 20px 0px 20px;
}


.notify-dropdown-message-footer a {
color: #3465CE;
font-weight: 500;
}



#notify-dropdown-button-myaccount {
margin-top: 20px;
}
#notify-dropdown-button-myaccount .notify-dropdown-button-myaccount {
color: #666;
padding: 6px 20px;
font-size: 14px;
}
#notify-dropdown-button-myaccount a.notify-dropdown-button-myaccount {
background: #F2F2F2;
border: solid #DADADA 1px;
box-shadow: none;
/* text-shadow: none; */
}
#notify-dropdown-button-myaccount a.notify-dropdown-button-myaccount:hover {
background: #E5E5E5;
}


#notify-dropdown-button-logout {
margin-top: 11px;
margin-right: 20px
}
#notify-dropdown-button-logout .notify-dropdown-button-logout {
color: #666;
padding: 6px 20px;
font-size: 14px;
}
#notify-dropdown-button-logout a.notify-dropdown-button-logout {
background: #F2F2F2;
border: solid #DADADA 1px;
box-shadow: none;
/* text-shadow: none; */
}
#notify-dropdown-button-logout a.notify-dropdown-button-logout:hover {
background: #E5E5E5;
}




/* Tournaments */

#button-tournaments-load {
}
#button-tournaments-load .button-tournaments-load {
color: white;
padding: 6px 20px;
font-size: 14px;
}
#button-tournaments-load a.button-tournaments-load {
background: #191919;
border: solid #DADADA 1px;
box-shadow: none;
/* text-shadow: none; */
}
#button-tournaments-load a.button-tournaments-load:hover {
background: #1E1E1E;
}

.trnselected {
width:400px;
height:100px;
border: solid #57B054 1px;
border-radius: 0 4px 4px 0;
box-shadow: 0 0 10px white;
text-align: right;
cursor: pointer;
margin-top: 20px;
}

.trnsleep {
width:400px;
height:100px;
border: solid #8C8C8C 1px;
border-radius: 0 4px 4px 0;
box-shadow: 0 0 10px white;
text-align: right;
margin-top: 20px;
opacity: 0.5;
cursor: pointer;
}

.trnover {
width:400px;
height:100px;
border: solid #57B054 1px;
border-radius: 0 4px 4px 0;
box-shadow: 0 0 10px white;
text-align: right;
cursor: pointer;
margin-top: 20px;
}


.trntrnselected {
border: 50px solid transparent;
border-left: 20px solid #57B054;
position: absolute;
}

.trntrnsleep {
border: 50px solid transparent;
border-left: 20px solid #8C8C8C;
position: absolute;
}

.trntrnover {
border: 50px solid transparent;
border-left: 20px solid #57B054;
position: absolute;
}

/* https://projects.lukehaas.me/css-loaders/ */
.trnloader {
  font-size: 10px;
  margin: 0 15px;
  text-indent: -9999em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: trnload3 1.4s infinite linear;
  animation: trnload3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.trnloader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.trnloader:after {
  background: #0F0F0F;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes trnload3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes trnload3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}







/* MyAccount */


.ma-menu {
cursor: pointer;
border-right:solid #DCDCDC 1px;
border-bottom:solid #DCDCDC 1px;
width:150px;
height: 150px;
background-color: white;
text-align: center;
color: #161616;
float:left;
}

.ma-menu:hover {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
color: #D8C56E !important;
}

.ma-menu span {
font-size:18px;
}

.ma-menu i {
font-size: 60px;
margin-top:20px;
}

.ma-form input[type="text"] {
margin-top: 8px;
border: solid #E8E8E8 1px;
border-radius: 2px;
background: #ffffff !important; /* желательно прописывать, так как в Chrome при сохранных данных оно может быть желтым */
outline: none; /* удаляет обводку в браузерах хром(желтая) и сафари(синяя) */
height: 40px;
width: 400px;
color: #808080;
font-size: 20px;
padding: 0 15px;
/* color: #161616; */
}

.ma-form input[type="text"]:focus {
}

.ma-form input[type="text"][readonly] {
background: #F2F3F5 !important;
color: #808080 !important;
}

.ma-form input[type="password"] {
margin-top: 8px;
border: solid #E8E8E8 1px;
border-radius: 2px;
background: #ffffff !important; /* желательно прописывать, так как в Chrome при сохранных данных оно может быть желтым */
outline: none; /* удаляет обводку в браузерах хром(желтая) и сафари(синяя) */
height: 40px;
width: 300px;
color: #808080;
padding: 0 15px;
font-size: 20px;
/* color: #161616; */
}

.ma-form textarea {
margin-top: 8px;
border: solid #E8E8E8 1px;
border-radius: 2px;
background: #ffffff !important; /* желательно прописывать, так как в Chrome при сохранных данных оно может быть желтым */
outline: none; /* удаляет обводку в браузерах хром(желтая) и сафари(синяя) */
/*
height: 40px;
width: 300px;
*/
color: #808080;
padding: 20px;
font-size: 20px;
/* color: #161616; */
}

.ma-form span, .ma-form div {
font-size: 14px;
color: #161616;
}


#ma-button-email {
margin-top: 20px;
}
#ma-button-email .ma-button-email {
color: #47a042;
/* padding: 6px 20px; */
box-sizing: border-box;
height: 40px;
font-size: 14px;
box-shadow: none;
border-radius: 2px;
background: white;
border: solid #47a042 1px;
text-transform: uppercase;
opacity: 0.5;
pointer-events: none; 
cursor: default;
}
#ma-button-email a.ma-button-email {
}
#ma-button-email a.ma-button-email:hover {
color: #47a042;
}



#ma-button-personal {
margin-top: 20px;
}
#ma-button-personal .ma-button-personal {
color: #47a042;
/* padding: 6px 20px; */
box-sizing: border-box;
height: 40px;
font-size: 14px;
box-shadow: none;
border-radius: 2px;
background: white;
border: solid #47a042 1px;
text-transform: uppercase;
opacity: 0.5;
pointer-events: none; 
cursor: default;
}
#ma-button-personal a.ma-button-personal {
}
#ma-button-personal a.ma-button-personal:hover {
color: #47a042;
}



#ma-button-password {
margin-top: 20px;
}
#ma-button-password .ma-button-password {
color: #47a042;
/* padding: 6px 20px; */
box-sizing: border-box;
height: 40px;
font-size: 14px;
box-shadow: none;
border-radius: 2px;
background: white;
border: solid #47a042 1px;
text-transform: uppercase;
opacity: 0.5;
pointer-events: none; 
cursor: default;
}
#ma-button-password a.ma-button-password {
}
#ma-button-password a.ma-button-password:hover {
color: #47a042;
}


#ma-button-responsible-cancel {
margin-top: 10px;
}
#ma-button-responsible-cancel .ma-button-responsible-cancel {
font-weight: 500;
color: #FFFFFF;
/* padding: 6px 20px; */
box-sizing: border-box;
height: 40px;
font-size: 14px;
box-shadow: none;
border-radius: 6px;
background: #E43A3E;
border: solid #fff 1px;
text-transform: uppercase;
}
#ma-button-responsible-cancel a.ma-button-responsible-cancel {
}
#ma-button-responsible-cancel a.ma-button-responsible-cancel:hover {
color: #fff;
}


#ma-button-responsible-confirm {
margin-top: 10px;
margin-left: 20px;
}
#ma-button-responsible-confirm .ma-button-responsible-confirm {
font-weight: 500;
color: #FFFFFF;
/* padding: 6px 20px; */
box-sizing: border-box;
height: 40px;
font-size: 14px;
box-shadow: none;
border-radius: 5px;
background: #47a042;
border: solid #fff 1px;
text-transform: uppercase;
}
#ma-button-responsible-confirm a.ma-button-responsible-confirm {
}
#ma-button-responsible-confirm a.ma-button-responsible-confirm:hover {
color: #fff;
}


#ma-button-passport {
margin-top: 18px;
display: none;
}
#ma-button-passport .ma-button-passport {
color: #808080;
font-weight: 500;
padding-top: 15px;
box-sizing: border-box;
height: 42px;
font-size: 14px;
box-shadow: none;
border-radius: 0 2px 2px 0;
background: #E8E8E8;
text-transform: uppercase;
}
#ma-button-passport a.ma-button-passport {
}
#ma-button-passport a.ma-button-passport:hover {
color: #47a042;
}



#ma-button-address {
margin-top: 18px;
display: none;
}
#ma-button-address .ma-button-address {
color: #808080;
font-weight: 500;
padding-top: 15px;
box-sizing: border-box;
height: 42px;
font-size: 14px;
box-shadow: none;
border-radius: 0 2px 2px 0;
background: #E8E8E8;
text-transform: uppercase;
}
#ma-button-address a.ma-button-address {
}
#ma-button-address a.ma-button-address:hover {
color: #47a042;
}


#ma-button-support {
margin-top: 20px;
}
#ma-button-support .ma-button-support {
color: #47a042;
/* padding: 6px 20px; */
box-sizing: border-box;
height: 40px;
font-size: 14px;
box-shadow: none;
border-radius: 2px;
background: white;
border: solid #47a042 1px;
text-transform: uppercase;
opacity: 0.5;
pointer-events: none; 
cursor: default;
}
#ma-button-support a.ma-button-support {
}
#ma-button-support a.ma-button-support:hover {
color: #47a042;
}


#ma-button-withdrawal-cancel {
margin-top: 20px;
}
#ma-button-withdrawal-cancel .ma-button-withdrawal-cancel {
color: #e43a3e;
/* padding: 6px 20px; */
box-sizing: border-box;
height: 40px;
font-size: 14px;
box-shadow: none;
border-radius: 2px;
background: white;
border: solid #e43a3e 1px;
text-transform: uppercase;
}
#ma-button-withdrawal-cancel a.ma-button-withdrawal-cancel {
}
#ma-button-withdrawal-cancel a.ma-button-withdrawal-cancel:hover {
color: #e43a3e;
}


#ma-button-withdrawal-confirm {
margin-top: 20px;
margin-left: 20px;
}
#ma-button-withdrawal-confirm .ma-button-withdrawal-confirm {
color: #47a042;
/* padding: 6px 20px; */
box-sizing: border-box;
height: 40px;
font-size: 14px;
box-shadow: none;
border-radius: 2px;
background: white;
border: solid #47a042 1px;
text-transform: uppercase;
/*
opacity: 0.5;
pointer-events: none; 
cursor: default;
*/
}
#ma-button-withdrawal-confirm a.ma-button-withdrawal-confirm {
}
#ma-button-withdrawal-confirm a.ma-button-withdrawal-confirm:hover {
color: #47a042;
}



#ma-button-withdrawal-cancel-2 {
margin-top: -2px;
margin-left: 20px;
}
#ma-button-withdrawal-cancel-2 .ma-button-withdrawal-cancel-2 {
font-weight: 500;
color: #FFFFFF;
padding: 6px 15px;
box-sizing: border-box;
/* height: 40px; */
font-size: 14px;
box-shadow: none;
border-radius: 5px;
background: #47a042;
/* border: solid #fff 1px; */
text-transform: uppercase;
text-decoration: none;
}
#ma-button-withdrawal-cancel-2 a.ma-button-withdrawal-cancel-2 {
}
#ma-button-withdrawal-cancel-2 a.ma-button-withdrawal-cancel-2:hover {
color: #fff;
}


#ma-button-friends-cancel {
margin-top: -2px;
margin-left: 20px;
}
#ma-button-friends-cancel .ma-button-friends-cancel {
font-weight: 500;
color: #FFFFFF;
padding: 6px 15px;
box-sizing: border-box;
/* height: 40px; */
font-size: 14px;
box-shadow: none;
border-radius: 5px;
background: #47a042;
/* border: solid #fff 1px; */
text-transform: uppercase;
text-decoration: none;
}
#ma-button-friends-cancel a.ma-button-friends-cancel {
}
#ma-button-friends-cancel a.ma-button-friends-cancel:hover {
color: #fff;
}



#ma-button-invite {
margin-top: 8px;
}
#ma-button-invite .ma-button-invite {
color: #47a042;
padding-top: 13px;
box-sizing: border-box;
height: 42px;
font-size: 14px;
box-shadow: none;
border-radius: 2px;
background: white;
border: solid #47a042 1px;
text-transform: uppercase;
opacity: 0.5;
pointer-events: none; 
cursor: default;
}
#ma-button-invite a.ma-button-invite {
}
#ma-button-invite a.ma-button-invite:hover {
color: #47a042;
}


#ma-button-friends-out {
margin-top: 0px;
}
#ma-button-friends-out .ma-button-friends-out {
color: #47a042;
padding-top: 11px;
box-sizing: border-box;
height: 37px;
font-size: 14px;
box-shadow: none;
border-radius: 2px;
background: white;
border: solid #47a042 1px;
text-transform: uppercase;
}
#ma-button-friends-out a.ma-button-friends-out {
}
#ma-button-friends-out a.ma-button-friends-out:hover {
color: #47a042;
}




/* Checkbox */
/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.ma-form .checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.ma-form .checkbox + label {
  cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.ma-form .checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.ma-form .checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 3px 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.ma-form .checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #F2F3F5;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.ma-form .checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.ma-form .checkbox:checked + label:before {
  background: #47a042;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.ma-form .checkbox:checked + label:after {
  left: 26px;
}
/* Показываем получение фокуса. */
.ma-form .checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}


/* MA Loader */
/* https://projects.lukehaas.me/css-loaders/ */
.maloader {
  font-size: 10px;
  margin: 20px 0 0 15px;
/*   margin-top: 20px; */
  text-indent: -9999em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #E8E8E8 10%, rgba(255,255,255,0) 42%);
  background: -webkit-linear-gradient(left, #E8E8E8 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #E8E8E8 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #E8E8E8 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #E8E8E8 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: maload3 1.4s infinite linear;
  animation: maload3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.maloader:before {
  width: 50%;
  height: 50%;
background: #E8E8E8;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.maloader:after {
background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes maload3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes maload3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* MA support */
.ma-support-item {
width: 600px;
margin: 25px 20px 0 20px;
border: solid #EBECED 1px;
border-radius: 10px;
padding: 35px 20px 20px 20px;
position: relative;
}


.ma-support-item-who {
/* color: #47a042; */
font-weight: 500;
position: absolute;
left: 20px;
top:10px;
}


.ma-support-item-when {
position: absolute;
right: 20px; top: 10px;
}

.ma-support-item a {
color: #808080;
text-decoration: underline;
}



/* MA withdrawal */
.ma-withdrawal-table {
text-align: center;
}

.ma-withdrawal-table i {
font-size: 30px;
}

/* MA bonuses */
.ma-bonuses-unit {
margin-top: 10px;
width:800px;
height:62px;
border-top:solid #EBECED 1px;
border-bottom:solid #EBECED 1px;
background-color:#F7F7F7;
}

.ma-bonuses-unit-check {
width:40px;
height:40px;
margin:10px;
border-top:solid #EBECED 1px;
border-bottom:solid #EBECED 1px;
background-color:white;
float:left;
cursor: pointer;
}

.ma-bonuses-unit-check i {
font-size:40px;
font-weight: bold;
}

.ma-bonuses-unit-check-on {
color:#47a042 !important;
text-shadow: #EBECED 1px 0px, #EBECED 1px 1px, #EBECED 0px 1px, #EBECED -1px 1px, #EBECED -1px 0px, #EBECED -1px -1px, #EBECED 0px -1px, #EBECED 1px -1px  !important;
-webkit-text-stroke:0 !important;
}

.ma-bonuses-unit-check-off {
color: white !important;
-webkit-text-stroke: 1px #EBECED  !important;
text-shadow: 0  !important;
}

.ma-bonuses-unit-ready {
width:40px;
height:40px;
margin:10px;
border-top:solid #EBECED 1px;
border-bottom:solid #EBECED 1px;
background-color:white;
float:left;
cursor: pointer;
}

.ma-bonuses-unit-ready i {
font-size:40px;
font-weight: bold;
color: #47a042;
-webkit-text-stroke: 1px #EBECED;
}

.ma-bonuses-unit-take {
margin:8px 10px 10px 10px;
float:left;
font-size: 10px;
}


.ma-bonuses-unit-unit {
padding:0 5px;
height:40px;
margin:10px;
border-top:solid #EBECED 1px;
border-bottom:solid #EBECED 1px;
background-color:white;
float:left;
text-align: center;

-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-user-select: none;
user-select: none;

cursor: default;
}

.ma-bonuses-unit div {
padding-top:2px;
font-size:9px;
font-weight:500;
}


/* Bonuses */
.bonus-table {
font-size: 20px;
color: #C7C7C7;
border-collapse:collapse;
margin-top: 20px;
}

.bonus-table td {
padding: 10px 20px;
border:solid #C7C7C7 1px;
}

.bonus-table i {
font-size:18px;
font-weight:bold;
position:relative;
top:3px;
left:-1px;
}


/* @import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700); */
.pie{
    background-color:#F2F3F5;
    width:160px;
    height:160px;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    border-radius:100%;
    position:relative;
}
.clip1 {
    position:absolute;
    top:0;
    left:0;
    width:160px;
    height:160px;
    clip:rect(0px, 160px, 160px, 80px);
}
.slice1 {
    position:absolute;
    width:160px;
    height:160px;
    clip:rect(0px, 80px, 160px, 0px);
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    border-radius:100%;
    background-color:#47a042;
    border-color:#30BAE7;
    -moz-transform:rotate(0);
    -webkit-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
}
.clip2 {
    position:absolute;
    top:0;
    left:0;
    width:160px;
    height:160px;
    clip:rect(0, 80px, 160px, 0px);
}
.slice2 {
    position:absolute;
    width:160px;
    height:160px;
    clip:rect(0px, 160px, 160px, 80px);
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    border-radius:100%;
    background-color:#47a042;
    border-color:#30BAE7;
    -moz-transform:rotate(0);
    -webkit-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
}
.status {
    position:absolute;
    top:13px;
    left: 13px;
    width: 134px;
    height: 93px;
    padding-top: 41px;
    border-radius: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-size:40px;
    text-align:center;
/*     color: #161616; */
    line-height:50px;
    background: #fff;
}


.ma-sort-arrowtop-in {
border: 7px solid transparent; border-bottom: 7px solid #F5F5F5;
position: relative;
left:-19px; top:-2px;
display: inline-block;
}
.ma-sort-arrowtop-out {
border: 12px solid transparent; border-bottom: 12px solid #838485;
display: inline-block;
}

.ma-sort-arrowtop-in:hover {
cursor: pointer;
}

.ma-sort-arrowbottom-in {
border: 7px solid transparent; border-top: 7px solid #F5F5F5;
position: relative;
left:-19px; top:-8px;
display: inline-block;

}

.ma-sort-arrowbottom-out {
border: 12px solid transparent; border-top: 12px solid #838485;
display: inline-block;
}

.ma-sort-arrowbottom-in:hover {
cursor: pointer;
}

.ma-sort-arrowtop-in, .ma-sort-arrowbottom-in {
-moz-user-select: none; 
-o-user-select:none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
user-select: none;
}


.ma-ctc:hover {
opacity: 0.8;
cursor: pointer;
}

.ma-selection::selection {
color: #F2F3F5;
background: #838485;
}

/* end of ma */



/* RC */

#richclub {
/* 	border: solid red 1px; */
}

.rc-input {
box-shadow: -0px 0px 2px 2px #303030;
outline:none;
background-color: #1E1E1E;
width: 300px;
height: 40px;
box-sizing: border-box;
position: relative;
/* top: -4px; */
top:-1px;
/* left: -5px; */
left: -3px;
z-index: 1;
border: 0px;
color:#AAAAAA;
font-size: 20px;
padding-left: 20px;
padding-right: 10px;
}


div.rc-input-icon {
display: inline-block;
cursor: default;
width: 40px;
height: 40px;
color: #AAA;
font-size: 30px;
background-color: #1E1E1E;
position:relative;
z-index: 2;
box-sizing: border-box;
border: solid green 0px;
box-shadow: -0px 0px 2px 2px #303030;
}

i.rc-input-icon {
position:relative;
top: 4px;
left: 7px;
}



/* Mobile */
#mobilemenu a {
font-size:1.2em;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
color: white;
margin-top: 6px;
display: inline-block;
}

#mobilemenu i {
position: relative;
top: 4px;
}

#mobilemenu a:hover {
color: #D9C668;
}

#mobilemenu hr {
background-color:#838485;
margin: 5px 0 0 0;
}

@-webkit-keyframes scroll {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
}
@-moz-keyframes scroll {
0% {
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-moz-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
}
@keyframes scroll {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-100%, 0)
}
}
.m_marquee {
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
.m_marquee small {
display: inline-block;
padding-left: 100%;
-webkit-animation: scroll 50s infinite linear;
-moz-animation: scroll 50s infinite linear;
animation: scroll 50s infinite linear;
}

/*
#47a042 #e43a3e
#9dc237 #c25c37
*/

.mobile-checkbox .checkbox:checked + label:before {
background: #47a042;
}
.mobile-checkbox .checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}

@media (max-width: 767px) {
div.content:not(.mobile) {
margin-left: 10px;
}
div.content.mobile {
margin-left:0;
min-width:0;
}
}

/* end */