@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese&display=swap');
html,body{margin:0;padding:0;font-size:100%;height:100%;width:100%;overflow:hidden;}

body {font-family: "open_sansregular", Arial, Helvetica, sans-serif; color: #fff; background:url(/img/bg.jpg)  repeat;}

#playWrapSlotCatalog {width: 100%; height: 100%; float:left  }
#playWrapSlotCatalog #menu { color:#77ad1b!important; padding: 0; margin: 0; width:50%; float: left; }
#playWrapSlotCatalog #menu a {font-size: 10px; color:#77ad1b!important; text-decoration:none }
#playWrapSlotCatalog #menu a:hover {font-size: 10px; color:#fff!important; text-decoration:underline }
#playWrapSlotCatalog #game { margin:0; float:left; height:100%; z-index:1; position:relative }
#playWrapSlotCatalog #rating { float: right; }
.totalrate { color: red;  display: none; font-weight: 700 }

.bonusItem{padding:0;margin:0;float:left;width:100%;background:#ebebeb;position:relative}
.bonusItem .bonusOverlay-link{width:100%;padding:0;margin:0;border-bottom:none!important;float:left}
.bonusItemImg{padding:0;margin:0;float:left;width:100%;height:110px;text-align:center}
.bonusItemImg img{padding:0;margin:0 auto;width:110px;height:110px}
.bonusItemImg .widget-countryFlag{position:absolute;top:1px;right:5px;height:30px;width:30px}
.bonusItemImg .package{position:absolute;top:-10px;left:10px;height:40px;width:40px;background:url(../img-slot/package.png) 0 0 no-repeat}
.bonusItemImg .timelimit{position:absolute;top:-10px;left:10px;height:40px;width:40px;background:url(../img-slot/clock.png) 0 0 no-repeat}
.bonusItemImg .game{position:absolute;top:-10px;left:10px;height:40px;width:40px;background:url(../img-slot/clock.png) 0 0 no-repeat}
.bonusItemImg .comparisonCardNew{cursor:pointer;position:absolute;top:60px;left:10px;width:40px;height:40px;background:url(../img/comparisonCardNew.webp) 0 0 no-repeat;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);box-shadow: 0 0 5px 0 rgba(0,0,0,0.75)}
.bonusItemImg .comparisonCardNew:hover{background:url(../img/comparisonCardNew.webp) 0 -40px no-repeat}
.bonusItemImg .comparisonCardNew.active{background:url(../img/comparisonCardNew.webp) 0 -80px no-repeat}
.bonusItemContent{padding:0;margin:0 5%;float:left;width:90%;background:#ebebeb;position:relative}
.bonusItemText{display:table;padding:0;margin:10px 0 15px 0;float:left;width:100%;color:#111;font-size:22px;line-height:26px;font-weight:400;text-align:center;height:52px;overflow:hidden}
.bonusItemText p{display:table-cell;vertical-align:middle;overflow:hidden}
.battonPlay{padding:0;margin:0;position:relative;width:100%;height:50px;font-weight:600;float:left;font-size:18px;line-height:50px;text-align:center;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#111;
    background: rgba(255,204,0,1);
    background: -moz-linear-gradient(top, rgba(255,204,0,1) 0%, rgba(244,173,31,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,204,0,1)), color-stop(100%, rgba(244,173,31,1)));
    background: -webkit-linear-gradient(top, rgba(255,204,0,1) 0%, rgba(244,173,31,1) 100%);
    background: -o-linear-gradient(top, rgba(255,204,0,1) 0%, rgba(244,173,31,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,204,0,1) 0%, rgba(244,173,31,1) 100%);
    background: linear-gradient(to bottom, rgba(255,204,0,1) 0%, rgba(244,173,31,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#f4ad1f', GradientType=0 );}
.battonPlay span{padding:0 22px 0 0;color:#111;margin:0;position:relative;background-image:url(../img-slot/battonplay.png);background-position:100% 50%;background-repeat:no-repeat}
.battonPlay:hover{background:#ffcc00}
.readyToPlay{padding:0;margin:0 0 7px 0;width:100%;float:left;font-size:14px;color:#111;line-height:18px;text-align:center;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.bonusItemApplyLine{padding:0;margin:7px 6% 5px 6%;width:88%;float:left;font-size:12px;color:#111;line-height:16px;text-align:center;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.bonusItemApplyText{font-weight:400;margin:5px 6% 0 6%;font-size:10px;color:#363636;line-height:12px;padding:0;overflow:hidden;float:left;width:88%;height:61px;text-align:justify}
.aLL{text-decoration:none;outline:0;border:0;color:#111!important;padding:0!important;display:inline!important;}
.aLL:hover{text-decoration:underline;color:#111}

.inBonusItem{position:relative;float:left;width:90%;margin:0 5%;padding:0;}
.pack_desc{width:100%;margin:10px 0;padding:5px 0;float:left;border-bottom:1px solid #b7b7b7;border-top:1px solid #b7b7b7}
.pack_desc ul{margin-left:15px;padding:2px 0;list-style:disc}
.pack_desc li{margin:0;padding:0;color:#111;font-weight:400;font-size:14px;line-height:18px}

.otherLink{position:relative;width:92%;float:left;font-size:16px!important;line-height:20px;font-weight:400;padding:5px 15px!important;margin:10px 4% 0 4%;color:#c2c2c2!important;text-decoration:none;text-align:center;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;border-bottom:1px solid #111!important;background:#111}
.otherLink:hover{background:#252525!important;color:#c2c2c2!important}

*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
body{font-family:"open_sansregular", Arial, Helvetica, sans-serif;color:#47a3da;}
a{text-decoration:none;}
.main{width:100%;height: 100%;margin:0;float:left}
section{max-width:280px; height:32px; width:32px;margin:0 0 -32px 0;float:right; z-index:9999; position:relative;}
button{border:none;position:relative;float:right;height:32px;width:32px;background:#77ad1b;color:#fff;padding:4px 12px; border-radius:50%;display:block;cursor:pointer;margin:5px;z-index:9999;font-size:20px;line-height:20px;font-weight:bold }
.button-v2{margin:40px 5px 0px 0px;}

button:hover{background:#95da1f}
button.active{background:#95da1f}

button.disabled{background:#aaa;pointer-events:none}
.cbp-spmenu {position:fixed;overflow-y:auto;}
.cbp-spmenu-link {display:block;background:#77ad1b;color:#fff;font-size:1em;font-weight: normal;}
.cbp-spmenu-link:hover {background:#95da1f;}
.cbp-spmenu-link:active {background:#95da1f;color:#47a3da;}
/* .cbp-spmenu-vertical span {border-bottom: none;padding:15px;color:#fff!important;font-size:0.75em;font-weight: normal;} */
.cbp-spmenu-vertical {width:280px;height:100%;top:0;z-index:1000;background:#ebebeb;}
.cbp-spmenu-vertical a {border-bottom:1px solid #95da1f;padding:10px 15px;}
.cbp-spmenu-vertical a.active {background:#95da1f;}
.cbp-spmenu-right {right:-280px;}
.cbp-spmenu-right.cbp-spmenu-open {right:0px;}
.cbp-spmenu-top.cbp-spmenu-open {top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom:0px;}
.cbp-spmenu-push {overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright {left:280px;}
.cbp-spmenu-push-toleft {left:-280px;}
.cbp-spmenu,.cbp-spmenu-push {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
@media screen and (max-height:26.375em){
.cbp-spmenu-vertical a {border-bottom:1px solid #95da1f;padding:6px 10px;}
.cbp-spmenu-vertical {font-size:70%;width:190px;}
.cbp-spmenu-left,.cbp-spmenu-push-toleft {left:-190px;}
.cbp-spmenu-right {right:-190px;}
.cbp-spmenu-push-toright {left:190px;}
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;}

.outerPlayItem img{padding:0;margin:0;width:100%;height:auto}
.outerPlayItem{position:relative;height:100%;width:100%;background:rgba(0, 0, 0, 0.7) }
.innerPlayItem{width:100%;position:absolute;top:50%;left:50%;font-weight:600;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.innerPlayItem_in{width:85%;margin: 0 auto;}
.playRealDemoFree {position:relative;width:100%;text-align:center;font-weight:400;background:#78ae1b!important;padding:8px 20px 10px 20px !important;margin:0!important;color:#fff!important;text-align:center!important;text-transform:uppercase!important;border:#78ae1b 1px solid!important;-webkit-border-radius:5px!important;-moz-border-radius:5px!important;border-radius:5px!important;transition:all 0.2s ease 0s!important;float:left!important;}
.playRealDemoFree:hover{background:#95da1f!important;color:#fff!important;border:#95da1f 1px solid!important;transition:all 0.2s ease 0s!important}

#gameContainer{width:100%;height:100%;margin:0;}
.div_play{width:100%;height:100%;margin:0}
.div_play::before{width:100%;height:100%;margin:0;background:rgba(0,0,0,0);}
