/*top*/

/*
* {
	image-rendering: -moz-crisp-edges;
    image-rendering:   -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
*/

* {
    /*
	image-rendering: -moz-pixelated;
    image-rendering:   -o-pixelated;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
	*/
}

canvas {
    position: absolute;
    left: 50%;
    top: 0px;
    image-rendering: auto;
    margin-left: -960px;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.jackpot-iframe {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    pointer-events: none;
}

.menu-div {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
}

.creator-logo {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
}

#Line1,
#Line2,
#Line3,
#Line4,
#Line5,
#Line6,
#Line7,
#Line8,
#Line9 {
    pointer-events: none;
}

#GameBackground {
    left: 0;
    margin-left: 0;
}

#GameWin {
    pointer-events: none;
}

#GameWinBackground {
    background: rgba(8, 17, 39, 0.68);
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}

.luckyfisher #GameWinBackground {
    background: rgba(8, 17, 39, 0);
}

#GameSailor,
#GameWinBackground,
#GameOver {
    pointer-events: none;
    left: 0;
    margin-left: 0;
}

.donuts canvas {
    /*top: 43px;*/
}

.donuts #Line1,
.donuts #Line2,
.donuts #Line3,
.donuts #Line4,
.donuts #Line5,
.donuts #Line6,
.donuts #Line7,
.donuts #Line8,
.donuts #Line9 {
    width: 2466px;
    left: 50%;
    margin-left: -1233px;
}

* {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

.el-display-none {
    display: none;
}

html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    text-align: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #000;
}

.game-div {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.game {
    position: relative;
    width: 1920px;
    height: 1080px;
    margin: 0 auto;
}

.donuts {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    /*width: 1239px;
	height: 747px;
	background: url(../Images/Donuts/background.jpg) no-repeat center top;
	margin: 0 auto;
	position: relative;*/
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

#wide .game {
    position: relative;
    width: 1920px;
    height: 1080px;
    margin: 0 auto;
}

.lotslot {
    /*
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	*/
    width: 1920px;
    height: 1080px;
    margin: 0 auto;
    position: relative;
}

.lotslot #GameBackground {
    background: url(../Images/LotSlot/background.jpg) no-repeat center top;
}

.donuts #GameBackground {
    background: url(../Images/Donuts/background.jpg) no-repeat center top;
}

.luckyhunter #GameBackground {
    background: url(../Images/LuckyHunter/background.jpg) no-repeat center top, url(../Images/LuckyHunter/bonus-background.jpg) no-repeat center top, url(../Images/LuckyHunter/superbonus-background.jpg) no-repeat center top;
}

.luckyhunter.BonusView #GameBackground {
    background: url(../Images/LuckyHunter/bonus-background.jpg) no-repeat center top;
}

.luckyhunter.SuperBonusView #GameBackground {
    background: url(../Images/LuckyHunter/superbonus-background.jpg) no-repeat center top;
}

.bonus-shadow {
    display: none;
}

.luckyhunter.BonusView .bonus-shadow {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    left: 0;
    margin-left: 0;
    width: 100%;
    height: 100%;
    background: url(../Images/LuckyHunter/bonus-background-shadow.png) no-repeat center top;
    z-index: 5;
    pointer-events: none;
}

.happydiver #GameBackground {
    background: url(../Images/HappyDiver/background.jpg) no-repeat center top, url(../Images/HappyDiver/bonus-background.jpg) no-repeat center top, url(../Images/HappyDiver/superbonus-background.jpg) no-repeat center top;
}

.happydiver.BonusView #GameBackground {
    background: url(../Images/HappyDiver/bonus-background.jpg) no-repeat center top;
}

.happydiver.SuperBonusView #GameBackground {
    background: url(../Images/HappyDiver/superbonus-background.jpg) no-repeat center top;
}

.MultiHot5SuperWilds canvas {
    background: url(../Images/MultiHot5SuperWilds/Images/background.png) no-repeat center 0;
    background-size: cover;
}

.dota canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/Dota/background.jpg) no-repeat center top, url(../Images/Dota/loadbonus-background.jpg) no-repeat center top, url(../Images/Dota/bonus-background.jpg) no-repeat center top, url(../Images/Dota/superbonus-background.jpg) no-repeat center top, url(../Images/Dota/freespin-background.jpg) no-repeat center top;
}

.dota.FreeSpinView canvas {
    background: url(../Images/Dota/freespin-background.jpg) no-repeat center top;
}

.dota.LoadBonusView canvas {
    background: url(../Images/Dota/loadbonus-background.jpg) no-repeat center top;
}

.dota.BonusView canvas {
    background: url(../Images/Dota/bonus-background.jpg) no-repeat center top;
}

.dota.SuperBonusView canvas {
    background: url(../Images/Dota/superbonus-background.jpg) no-repeat center top;
}

.cityslot canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/CitySlot/background.jpg) no-repeat center top;
}

.cityslot.FreeSpinView canvas {
    background: url(../Images/CitySlot/background.jpg) no-repeat center top;
}

.cityslot.LoadBonusView canvas {
    background: url(../Images/CitySlot/background.jpg) no-repeat center top;
}

.cityslot.BonusView canvas {
    background: url(../Images/CitySlot/background.jpg) no-repeat center top;
}

.cityslot.SuperBonusView canvas {
    background: url(../Images/CitySlot/background.jpg) no-repeat center top;
}

.birds canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/Birds/background.jpg) no-repeat center top, url(../Images/Birds/freespin-background.jpg) no-repeat center top, url(../Images/Birds/loadbonus-background.jpg) no-repeat center top, url(../Images/Birds/bonus-background.jpg) no-repeat center top;
}

.birds.FreeSpinView canvas {
    background: url(../Images/Birds/freespin-background.jpg) no-repeat center top;
}

.birds.LoadBonusView canvas {
    background: url(../Images/Birds/loadbonus-background.jpg) no-repeat center top;
}

.birds.BonusView canvas {
    background: url(../Images/Birds/bonus-background.jpg) no-repeat center top;
}

.birds.SuperBonusView canvas {
    background: url(../Images/Birds/background.jpg) no-repeat center top;
}

.funfruit canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/FunFruit/background.jpg) no-repeat center top, url(../Images/FunFruit/freespin-background.jpg) no-repeat center top, url(../Images/FunFruit/bonus-background.jpg) no-repeat center top;
}

.funfruit.FreeSpinView canvas {
    background: url(../Images/FunFruit/freespin-background.jpg) no-repeat center top;
}

.funfruit.LoadBonusView canvas {
    background: url(../Images/FunFruit/background.jpg) no-repeat center top;
}

.funfruit.BonusView canvas {
    background: url(../Images/FunFruit/bonus-background.jpg) no-repeat center top;
}

.funfruit.SuperBonusView canvas {
    background: url(../Images/FunFruit/background.jpg) no-repeat center top;
}

.luckyfisher canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/LuckyFisher/background.jpg) no-repeat center top, url(../Images/LuckyFisher/freespin-background.jpg) no-repeat center top, url(../Images/LuckyFisher/bonus-background.jpg) no-repeat center top, url(../Images/LuckyFisher/superbonus-background.jpg) no-repeat center top;
}

.luckyfisher.FreeSpinView canvas {
    background: url(../Images/LuckyFisher/freespin-background.jpg) no-repeat center top;
}

.luckyfisher.LoadBonusView canvas {
    background: url(../Images/LuckyFisher/background.jpg) no-repeat center top;
}

.luckyfisher.BonusView canvas {
    background: url(../Images/LuckyFisher/bonus-background.jpg) no-repeat center top;
}

.luckyfisher.SuperBonusView canvas {
    background: url(../Images/LuckyFisher/superbonus-background.jpg) no-repeat center top;
}

.carsslot canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/CarsSlot/background.jpg) no-repeat center top, url(../Images/CarsSlot/bonus-background.jpg) no-repeat center top, url(../Images/CarsSlot/superbonus-background.jpg) no-repeat center top;
}

.carsslot.FreeSpinView canvas {
    background: url(../Images/CarsSlot/background.jpg) no-repeat center top;
}

.carsslot.LoadBonusView canvas {
    background: url(../Images/CarsSlot/background.jpg) no-repeat center top;
}

.carsslot.BonusView canvas {
    background: url(../Images/CarsSlot/bonus-background.jpg) no-repeat center top;
}

.carsslot.SuperBonusView canvas {
    background: url(../Images/CarsSlot/superbonus-background.jpg) no-repeat center top;
}

.fruitbar #Game {
    left: 0;
    margin-left: 0;
}

.fruitbar #Game {
    background: url(../Images/FruitBar/background.jpg) no-repeat center top;
}

.fruitbar.BonusView #Game {}

.fruitbar.FreeSpinView #Game {}

.fruitbar.FreeSpinView.BonusView #Game {}

/*
.fruitbar canvas {
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 0;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	width: 1446px;
	height: 1080px;
	background: url(../Images/FruitBar/background.jpg) no-repeat center top;
}

.fruitbar.FreeSpinView canvas {

}

.fruitbar.LoadBonusView canvas {

}

.fruitbar.BonusView canvas {

}

.fruitbar.SuperBonusView canvas {

}
*/

.galaxy canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/Galaxy/background.jpg) no-repeat center top, url(../Images/Galaxy/bonus-background.jpg) no-repeat center top;
}

.galaxy.FreeSpinView canvas {}

.galaxy.LoadBonusView canvas {
    background: url(../Images/Galaxy/bonus-background.jpg) no-repeat center top;
}

.galaxy.BonusView canvas {
    background: url(../Images/Galaxy/bonus-background.jpg) no-repeat center top;
}

.galaxy.SuperBonusView canvas {}

.donutcity canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/DonutCity/background.jpg) no-repeat center top;
}

.donutcity.FreeSpinView canvas {}

.donutcity.LoadBonusView canvas {}

.donutcity.BonusView canvas {}

.donutcity.SuperBonusView canvas {}

.casino canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/Casino/background.jpg) no-repeat center top, url(../Images/Casino/freespin-background.jpg) no-repeat center top, url(../Images/Casino/bonus-background.jpg) no-repeat center top;
}

.casino.FreeSpinView canvas {
    background: url(../Images/Casino/freespin-background.jpg) no-repeat center top;
}

.casino.LoadBonusView canvas {}

.casino.BonusView canvas {
    background: url(../Images/Casino/bonus-background.jpg) no-repeat center top;
}

.casino.SuperBonusView canvas {
    background: url(../Images/Casino/background.jpg) no-repeat center top;
}

.aztec canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/Aztec/background.jpg) no-repeat center top, url(../Images/Aztec/freespin-background.jpg) no-repeat center top;
}

.aztec.FreeSpinView canvas {
    background: url(../Images/Aztec/freespin-background.jpg) no-repeat center top;
}

.aztec.LoadBonusView canvas {}

.aztec.BonusView canvas {}

.aztec.SuperBonusView canvas {}

.flowers canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/Flowers/background.jpg) no-repeat center top, url(../Images/Flowers/freespin-background.jpg) no-repeat center top, url(../Images/Flowers/loadbonus-background.jpg) no-repeat center top, url(../Images/Flowers/bonus-background.jpg) no-repeat center top;
}

.flowers.FreeSpinView canvas {
    background: url(../Images/Flowers/freespin-background.jpg) no-repeat center top;
}

.flowers.LoadBonusView canvas {
    background: url(../Images/Flowers/loadbonus-background.jpg) no-repeat center top;
}

.flowers.BonusView canvas {
    background: url(../Images/Flowers/bonus-background.jpg) no-repeat center top;
}

.flowers.SuperBonusView canvas {
    background: url(../Images/Flowers/background.jpg) no-repeat center top;
}

.sport canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/Sport/background.jpg) no-repeat center top, url(../Images/Sport/freespin-background.jpg) no-repeat center top;
}

.sport.FreeSpinView canvas {
    background: url(../Images/Sport/freespin-background.jpg) no-repeat center top;
}

.sport.LoadBonusView canvas {}

.sport.BonusView canvas {}

.sport.SuperBonusView canvas {}

.viking canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.viking {
    position: absolute;
    left: -50px;
    top: -50px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2270px;
    height: 1180px;
    padding: 50px;
    box-sizing: border-box;
    background: url(../Images/Viking/background.jpg) no-repeat center 50px, url(../Images/Viking/freespin-background.jpg) no-repeat center 50px;
}

.viking.FreeSpinView {
    background: url(../Images/Viking/freespin-background.jpg) no-repeat center 50px;
    transition: background 500ms;
}

.viking.LoadBonusView {}

.viking.BonusView {}

.viking.SuperBonusView {}

.pharaoh canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/Pharaoh/background.jpg) no-repeat center top, url(../Images/Pharaoh/freespin-background.jpg) no-repeat center top, url(../Images/Pharaoh/loadbonus-background.jpg) no-repeat center top, url(../Images/Pharaoh/bonus-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.pharaoh.FreeSpinView canvas {
    background: url(../Images/Pharaoh/freespin-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.pharaoh.LoadBonusView canvas {
    background: url(../Images/Pharaoh/loadbonus-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.pharaoh.BonusView canvas {
    background: url(../Images/Pharaoh/bonus-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.pharaoh.SuperBonusView canvas {
    background: url(../Images/Pharaoh/background.jpg) no-repeat center top;
    transition: background 500ms;
}

.cowboy canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/Cowboy/background.jpg) no-repeat center top, url(../Images/Cowboy/freespin-background.jpg) no-repeat center top, url(../Images/Cowboy/bonus-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.cowboy.FreeSpinView canvas {
    background: url(../Images/Cowboy/freespin-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.cowboy.LoadBonusView canvas {}

.cowboy.BonusView canvas {
    background: url(../Images/Cowboy/bonus-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.cowboy.SuperBonusView canvas {
    background: url(../Images/Cowboy/background.jpg) no-repeat center top;
    transition: background 500ms;
}

/*
.christmas canvas {
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 0;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	width: 1446px;
	height: 1080px;
	background: url(../Images/Christmas/background.jpg) no-repeat center top, url(../Images/Christmas/bonus-background.jpg) no-repeat center top;
}

.christmas.FreeSpinView canvas {

}

.christmas.LoadBonusView canvas {
	background: url(../Images/Christmas/background.jpg) no-repeat center top;
}

.christmas.BonusView canvas {
	background: url(../Images/Christmas/bonus-background.jpg) no-repeat center top;
}

.christmas.SuperBonusView canvas {

}
*/

.christmas canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.christmas {
    position: absolute;
    left: -50px;
    top: -50px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2270px;
    height: 1180px;
    padding: 50px;
    box-sizing: border-box;
    background: url(../Images/Christmas/background-new.jpg) no-repeat center top, url(../Images/Christmas/bonus-background-new.jpg) no-repeat center top;
}

.christmas.FreeSpinView {}

.christmas.LoadBonusView {
    background: url(../Images/Christmas/background-new.jpg) no-repeat center top;
}

.christmas.BonusView {
    background: url(../Images/Christmas/bonus-background-new.jpg) no-repeat center top;
}

.christmas.SuperBonusView {}

.bookofwin canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/BookOfWin/background.jpg) no-repeat center top, url(../Images/BookOfWin/freespin-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.bookofwin.FreeSpinView canvas {
    background: url(../Images/BookOfWin/freespin-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.bookofwin.LoadBonusView canvas {}

.bookofwin.BonusView canvas {}

.bookofwin.SuperBonusView canvas {}

.football canvas {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1446px;
    height: 1080px;
    background: url(../Images/Football/background.jpg) no-repeat center top, url(../Images/Football/freespin-background.jpg) no-repeat center top, url(../Images/Football/bonus-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.football.FreeSpinView canvas {
    background: url(../Images/Football/freespin-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.football.LoadBonusView canvas {}

.football.BonusView canvas {
    background: url(../Images/Football/bonus-background.jpg) no-repeat center top;
    transition: background 500ms;
}

.football.SuperBonusView canvas {
    background: url(../Images/Football/background.jpg) no-repeat center top;
    transition: background 500ms;
}

.samurai canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.samurai {
    position: absolute;
    left: -50px;
    top: -50px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2270px;
    height: 1180px;
    padding: 50px;
    box-sizing: border-box;
    background: url(../Images/Samurai/background.jpg) no-repeat center 50px;
}

.samurai.FreeSpinView {}

.samurai.LoadBonusView {}

.samurai.BonusView {}

.samurai.SuperBonusView {}

.argo canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.argo {
    position: absolute;
    left: -50px;
    top: -50px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2270px;
    height: 1180px;
    padding: 50px;
    box-sizing: border-box;
    background: url(../Images/Argo/background.jpg) no-repeat center 50px, url(../Images/Argo/freespin-background.jpg) no-repeat center 50px;
}

.argo.FreeSpinView {
    background: url(../Images/Argo/freespin-background.jpg) no-repeat center 50px;
}

.argo.LoadBonusView {}

.argo.BonusView {}

.argo.SuperBonusView {}

.sweetcubes canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.sweetcubes {
    position: absolute;
    left: -100px;
    right: -100px;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1180px;
    padding: 0 100px 100px 100px;
    box-sizing: border-box;
    background: url(../Images/SweetCubes/background.jpg) no-repeat center 0;
}

.sweetcubes.FreeSpinView {}

.sweetcubes.LoadBonusView {}

.sweetcubes.BonusView {}

.sweetcubes.SuperBonusView {}

.apollo canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.apollo {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/Apollo/background.jpg) no-repeat center 100px, url(../Images/Apollo/bonus-background.jpg) no-repeat center 100px;
}

.apollo.FreeSpinView {}

.apollo.LoadBonusView {}

.apollo.BonusView {
    background: url(../Images/Apollo/bonus-background.jpg) no-repeat center 100px;
}

.apollo.SuperBonusView {}

.moonstone canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.moonstone {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/MoonStone/background.jpg) no-repeat center 100px, url(../Images/MoonStone/freespin-background.jpg) no-repeat center 100px, url(../Images/MoonStone/load-freespin-background.jpg) no-repeat center 100px;
}

.moonstone.LoadFreeSpinView {
    background: url(../Images/MoonStone/load-freespin-background.jpg) no-repeat center 100px;
    transition: background 500ms;
}

.moonstone.FreeSpinView {
    background: url(../Images/MoonStone/freespin-background.jpg) no-repeat center 100px;
}

.moonstone.LoadBonusView {}

.moonstone.BonusView {}

.moonstone.SuperBonusView {}

.bank canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.bank {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/Bank/background.jpg) no-repeat center 100px, url(../Images/Bank/bonus-background.jpg) no-repeat center 100px;
}

.bank.FreeSpinView {}

.bank.LoadBonusView {}

.bank.BonusView {
    background: url(../Images/Bank/bonus-background.jpg) no-repeat center 100px;
}

.bank.SuperBonusView {}

.evolution canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.evolution {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/Evolution/background.jpg) no-repeat center 100px, url(../Images/Evolution/freespin-background.jpg) no-repeat center 100px;
}

.evolution.FreeSpinView {
    background: url(../Images/Evolution/freespin-background.jpg) no-repeat center 100px;
}

.evolution.LoadBonusView {}

.evolution.BonusView {}

.evolution.SuperBonusView {}

.blazinghot canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.blazinghot {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/BlazingHot/background.jpg) no-repeat center 100px;
}

.blazinghot.FreeSpinView {}

.blazinghot.LoadBonusView {}

.blazinghot.BonusView {}

.blazinghot.SuperBonusView {}

.fruit5 canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.fruit5 {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/Fruit5/background.jpg) no-repeat center 100px;
}

.fruit5.FreeSpinView {}

.fruit5.LoadBonusView {}

.fruit5.BonusView {}

.fruit5.SuperBonusView {}

.dark canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.dark {
    position: absolute;
    left: -50px;
    top: -50px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2270px;
    height: 1180px;
    padding: 50px;
    /* background: #fff; */
    background: #000000;
    background-image: url('../Images/Dark/background.png');
    background-repeat: round;
}

.ww2 canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.ww2 {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/WW2/background.jpg) no-repeat center 100px;
}

.ww2.FreeSpinView {}

.ww2.LoadBonusView {}

.ww2.BonusView {}

.ww2.SuperBonusView {}

.elves canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.elves {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/Elves/background.jpg) no-repeat center 100px, url(../Images/Elves/freespin-background.jpg) no-repeat center 100px, url(../Images/Elves/bonus-background.jpg) no-repeat center 100px;
}

.elves.FreeSpinView {
    background: url(../Images/Elves/freespin-background.jpg) no-repeat center 100px;
}

.elves.LoadBonusView {}

.elves.BonusView {
    background: url(../Images/Elves/bonus-background.jpg) no-repeat center 100px;
}

.elves.SuperBonusView {}

.pirates canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.pirates {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/Pirates/background.jpg) no-repeat center 100px, url(../Images/Pirates/freespin-background.jpg) no-repeat center 100px;
}

.pirates.FreeSpinView {
    background: url(../Images/Pirates/freespin-background.jpg) no-repeat center 100px;
}

.pirates.LoadBonusView {}

.pirates.BonusView {}

.pirates.SuperBonusView {}

.vampires canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.vampires {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/Vampires/background.jpg) no-repeat center 100px;
}

.vampires.FreeSpinView {}

.vampires.LoadBonusView {}

.vampires.BonusView {}

.vampires.SuperBonusView {}

.summercocktail canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.summercocktail {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    /*background: url(../Images/SummerCocktail/background.jpg) no-repeat center 100px, url(../Images/SummerCocktail/freespin-background.jpg) no-repeat center 100px;*/
}

.summercocktail.FreeSpinView {
    /*background: url(../Images/SummerCocktail/freespin-background.jpg) no-repeat center 100px;*/
}

.summercocktail.LoadBonusView {}

.summercocktail.BonusView {}

.summercocktail.SuperBonusView {}

.zombies canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.zombies {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/Zombies/background.jpg) no-repeat center 100px/*, url(../Images/Zombies/freespin-background.jpg) no-repeat center 100px*/
    ;
}

.zombies.FreeSpinView {
    /*background: url(../Images/Zombies/freespin-background.jpg) no-repeat center 100px;*/
}

.zombies.LoadBonusView {}

.zombies.BonusView {}

.zombies.SuperBonusView {}

.babylon canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.babylon {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/Babylon/background.jpg) no-repeat center 100px, url(../Images/Babylon/freespin-background.jpg) no-repeat center 100px;
}

.babylon.FreeSpinView {
    background: url(../Images/Babylon/freespin-background.jpg) no-repeat center 100px;
}

.babylon.LoadBonusView {}

.babylon.BonusView {}

.babylon.SuperBonusView {}

.jungles canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.jungles {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/Jungles/background.jpg) no-repeat center 100px, url(../Images/Jungles/freespin-background.jpg) no-repeat center 100px;
}

.jungles.FreeSpinView {
    background: url(../Images/Jungles/freespin-background.jpg) no-repeat center 100px;
}

.jungles.LoadBonusView {}

.jungles.BonusView {}

.jungles.SuperBonusView {}

.multihot5 canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.multihot5 {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1230px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/MultiHot5/background.jpg) no-repeat center 100px;
}

.multihot5.FreeSpinView {}

.multihot5.LoadBonusView {}

.multihot5.BonusView {}

.multihot5.SuperBonusView {}

.fruit-cocktail canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.fruit-cocktail {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1280px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/FruitCocktail/background.jpg) no-repeat center 100px;
}

.fruit-cocktail.FreeSpinView canvas {}

.fruit-cocktail.LoadBonusView canvas {}

.fruit-cocktail.BonusView canvas {}

.fruit-cocktail.SuperBonusView canvas {}

.crazy-ape canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.crazy-ape {
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1280px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/CrazyApe/background.jpg) no-repeat center 100px;
}

.crazy-ape.FreeSpinView canvas {}

.crazy-ape.LoadBonusView canvas {}

.crazy-ape.BonusView canvas {}

.crazy-apecocktail.SuperBonusView canvas {}

.para-dice10 canvas {
    position: relative;
    left: auto;
    top: auto;
    width: 1446px;
    height: 1130px;
}

.para-dice10 {
    position: absolute;
    left: -100px;
    top: -100px;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 2370px;
    height: 1280px;
    padding: 100px;
    box-sizing: border-box;
    background: url(../Images/ParaDice10/background.jpg) no-repeat center 100px;
}

.para-dice10.FreeSpinView {}

.para-dice10.LoadBonusView {}

.para-dice10.BonusView {}

.para-dice10.SuperBonusView {}

.shake {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    animation-iteration-count: infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    transform-origin: center;
}

@keyframes shake {
    10% {
        transform: translate3d(-1px, 1px, 0) rotate(0.1deg);
    }
    20% {
        transform: translate3d(2px, -2px, 0) rotate(-0.2deg);
    }
    30% {
        transform: translate3d(-4px, 4px, 0) rotate(0.1deg);
    }
    40% {
        transform: translate3d(4px, -4px, 0) rotate(-0.1deg);
    }
    50% {
        transform: translate3d(-4px, 4px, 0) rotate(0.2deg);
    }
    60% {
        transform: translate3d(4px, -4px, 0) rotate(-0.1deg);
    }
    70% {
        transform: translate3d(-4px, 4px, 0) rotate(0.1deg);
    }
    80% {
        transform: translate3d(2px, -2px, 0) rotate(-0.2deg);
    }
    90% {
        transform: translate3d(-1px, 1px, 0) rotate(0.1deg);
    }
    100% {
        transform: translate3d(1px, -1px, 0) rotate(-0.1deg);
    }
    /*
	10%, 90% {
		transform: translate3d(-1px, 1px, 0) skewY(0.1deg);
	}

	20%, 80% {
		transform: translate3d(2px, -2px, 0) skewY(-0.1deg);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 4px, 0) skewY(0.1deg);
	}

	40%, 60% {
		transform: translate3d(4px, -4px, 0) skewY(-0.1deg);
	}
	*/
}

.evolution-shake {
    animation: evolution-shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    animation-iteration-count: infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    transform-origin: center;
}

@keyframes evolution-shake {
    10% {
        transform: translate3d(1px, 0, 0);
    }
    20% {
        transform: translate3d(-1px, 0, 0);
    }
    30% {
        transform: translate3d(2px, 0, 0);
    }
    40% {
        transform: translate3d(-1px, 0, 0);
    }
    50% {
        transform: translate3d(1px, 0, 0);
    }
    60% {
        transform: translate3d(-2px, 0, 0);
    }
    70% {
        transform: translate3d(1px, 0, 0);
    }
    80% {
        transform: translate3d(-1px, 0, 0);
    }
    90% {
        transform: translate3d(2px, 0, 0);
    }
    100% {
        transform: translate3d(-2px, 0, 0);
    }
    /*
	10% {
		transform: translate3d(1px, 0, 0);
	}

	20% {
		transform: translate3d(-1px, 1px, 0);
	}

	30% {
		transform: translate3d(2px, -1px, 0);
	}

	40% {
		transform: translate3d(-1px, 1px, 0);
	}

	50% {
		transform: translate3d(1px, -1px, 0);
	}

	60% {
		transform: translate3d(-2px, 1px, 0);
	}

	70% {
		transform: translate3d(1px, -1px, 0);
	}

	80% {
		transform: translate3d(-1px, 1px, 0);
	}

	90% {
		transform: translate3d(2px, -1px, 0);
	}

	100% {
		transform: translate3d(-2px, 1px, 0);
	}
	*/
}

.bonanza-shake {
    animation: bonanza-shake 0.5s cubic-bezier(.36, .07, .19, .97) both;
    animation-iteration-count: infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    transform-origin: center;
}

@keyframes bonanza-shake {
    10% {
        transform: translate3d(1px, 0, 0);
    }
    20% {
        transform: translate3d(-1px, 0, 0);
    }
    30% {
        transform: translate3d(2px, 0, 0);
    }
    40% {
        transform: translate3d(-1px, 0, 0);
    }
    50% {
        transform: translate3d(1px, 0, 0);
    }
    60% {
        transform: translate3d(1px, 0, 0);
    }
    70% {
        transform: translate3d(-1px, 0, 0);
    }
    80% {
        transform: translate3d(2px, 0, 0);
    }
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    100% {
        transform: translate3d(1px, 0, 0);
    }
}

.mariachi-shake {
    animation: bonanza-shake 0.5s cubic-bezier(.36, .07, .19, .97) both;
    animation-iteration-count: infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    transform-origin: center;
}

@keyframes bonanza-shake {
    10% {
        transform: translate3d(1px, 0, 0);
    }
    20% {
        transform: translate3d(-1px, 0, 0);
    }
    30% {
        transform: translate3d(2px, 0, 0);
    }
    40% {
        transform: translate3d(-1px, 0, 0);
    }
    50% {
        transform: translate3d(1px, 0, 0);
    }
    60% {
        transform: translate3d(1px, 0, 0);
    }
    70% {
        transform: translate3d(-1px, 0, 0);
    }
    80% {
        transform: translate3d(2px, 0, 0);
    }
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    100% {
        transform: translate3d(1px, 0, 0);
    }
}

.popup-bg {
    width: 100%;
    height: calc(100% - 26px);
    position: fixed;
    text-align: center;
    top: 26px;
    left: 0;
    z-index: 1015;
    display: none;
    background: rgba(0, 0, 0, 0.28);
}

.popup {
    width: 552px;
    height: 293px;
    background: url(../Images/popup-background.png) no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -147px 0 0 -276px;
    font-family: 'bpg_mrgvlovani_caps_2010Rg';
    color: #ffd800;
    font-size: 16px;
    line-height: 150px;
    position: relative;
}

.popup-bt {
    width: 160px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    position: absolute;
    text-decoration: none;
    font-size: 16px;
    font-family: 'bpg_mrgvlovani_caps_2010Rg';
    color: #ffd800;
    text-shadow: 1px 1.732px 0px rgba(0, 0, 0, 0.004);
    display: block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    background: url(../Images/popup-button.png) no-repeat top;
}

.popup-bt:hover {
    background-position: bottom;
}

.popup-bt.left {
    left: 33px;
    top: 175px;
}

.popup-bt.right {
    right: 33px;
    top: 175px;
}

.popup-bt.center {
    left: 50%;
    margin-left: -76px;
}

.top-images {
    position: fixed;
    left: -100000px;
    top: -100000px;
    visibility: hidden;
}

.loader {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000;
}

.loader div {
    width: 257px;
    height: 119px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -59px 0 0 -178px;
    background: url(../Images/loader.png);
}

.loader div:after {
    content: '';
    display: block;
    width: 257px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 60px;
    background: url(../Images/loader.gif);
    background-position: 0 -60px;
}

.slot-page {
    display: block;
}

/*
.game-head-left:before {
	content: '';
	display: block;
	float: left;
	width: 49px;
	height: 43px;
	margin-right: 5px;
}

.game-head-left.carsslot-icon:before {
	background: url(../Images/Icons/carsslot.png);
}

.game-head-left.donuts-icon:before {
	background: url(../Images/Icons/donuts.png);
}

.game-head-left.dota-icon:before {
	background: url(../Images/Icons/dota.png);
	margin-left: -10px;
	margin-top: 2px;
}

.game-head-left.birds-icon:before {
	background: url(../Images/Icons/birds.png);
	margin-left: -10px;
	margin-top: 2px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}

.game-head-left.cityslot-icon:before {
	background: url(../Images/Icons/city.png);
	margin-left: -10px;
	margin-top: 2px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}

.game-head-left.casino-icon:before {
	background: url(../Images/Icons/casino.png);
	margin-left: -10px;
	margin-top: 3px;
	height: 48px;
}

.game-head-left.fruitbar-icon:before {
	background: url(../Images/Icons/fruitbar.png);
}

.game-head-left.funfruit-icon:before {
	background: url(../Images/Icons/funfruit.png);
}

.game-head-left.galaxy-icon:before {
	background: url(../Images/Icons/galaxy.png);
}

.game-head-left.happydiver-icon:before {
	background: url(../Images/Icons/happydiver.png);
}

.game-head-left.lotslot-icon:before {
	background: url(../Images/Icons/lotslot.png);
}

.game-head-left.luckyfisher-icon:before {
	background: url(../Images/Icons/luckyfisher.png);
}

.game-head-left.luckyhunter-icon:before {
	background: url(../Images/Icons/luckyhunter.png);
}

.game-head-left.aztec-icon:before {
	background: url(../Images/Icons/aztec.png) no-repeat center center;
}

.game-head-left.donutcity-icon:before {
	background: url(../Images/Icons/donutcity.png);
}

.game-head-left.flowers-icon:before {
	background: url(../Images/Icons/flowers.png) no-repeat center center;
}

.game-head-left.sport-icon:before {
	background: url(../Images/Icons/sport.png) no-repeat center center;
}

.game-head-left.viking-icon:before {
	background: url(../Images/Icons/viking.png) no-repeat center center;
}

.game-head-left.pharaoh-icon:before {
	background: url(../Images/Icons/pharaoh.png) no-repeat center center;
}

.game-head-left.christmas-icon:before {
	background: url(../Images/Icons/christmas.png) no-repeat center center;
}

.game-head-left.bookofwin-icon:before {
	background: url(../Images/Icons/bookofwin.png) no-repeat center center;
}

.game-head-left.cowboy-icon:before {
	background: url(../Images/Icons/cowboy.png);
	margin-left: -10px;
	margin-top: 3px;
	height: 48px;
}

.game-head-left.football-icon:before {
	background: url(../Images/Icons/football.png) no-repeat center center;
}

.game-head-left.samurai:before {
	background: url(../Images/Icons/samurai.png) no-repeat center center;
}
*/

/* 
.loader-div {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #000000;
} */

/*
.loader-text {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 131px;
    height: 34px;
    margin: -17px 0 0 -65px;
    z-index: 1001;
	background: url(../Images/loader-text.gif) no-repeat;
}
.loader-logo {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 380px;
	height: 112px;
	margin: -56px 0 0 -190px;
	z-index: 1001;
	background: url(../Images/loader-logo.gif) no-repeat;
	display: none;
}
*/

/* .loader-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -70px 0 0 -70px;
	width: 139px;
	height: 138px;
	background: url('../Images/loader-logo.gif') no-repeat center / cover;
} */

.SlotsVR .loader-logo {
    background: none;
}

/* .loader-bar {
	background-color: rgb(70, 70, 70);
	width: 178px;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 90px 0 0 -89px;
	border-radius: 1px;
}

.loader-bar div {
	background-color: rgb(239, 13, 53);
	position: absolute;
	left: 0;
	top: -1px;
	width: 0;
	height: 4px;
	border-radius: 2px;
}

.loader-text {
	width: 178px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 105px 0 0 -89px;
	font-size: 16px;
	color: #ffffff;
	font-family: font1;
	text-align: center;
} */

.creator-logo {
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 143px;
    height: 56px;
    background: url(../Images/game-head-image.png) -428px -64px;
    z-index: 10;
    pointer-events: none;
    display: none;
}

.creator-logo.shadow {
    background: url(../Images/game-head-image.png) -426px -136px;
    width: 227px;
    height: 132px;
    right: -3px;
    bottom: 0;
}

.SlotsVR .creator-logo {
    display: none;
}

.SlotsVR .loader-logo {
    display: none;
}

.SlotsVR .loader-bar {
    margin-top: 0;
}

#updatepanelbalance {
    display: none;
}

.jackpot-iframe {
    position: absolute;
    left: 30px;
    /* top: 20px; */
    top: -10px;
    z-index: 10;
}

.menu-div {
    position: absolute;
    right: 30px;
    top: 24px;
    background: rgba(12, 12, 14, 0.8);
    width: 48px;
    border: 1px solid rgba(0, 0, 0, 0.8);
    z-index: 10;
    overflow: hidden;
    display: block;
}

.menu-div a {
    display: block;
    width: 48px;
    height: 48px;
    cursor: pointer;
    background: url(../Images/Buttons/fullscreen.png), url(../Images/Buttons/fullscreen-active.png), url(../Images/Buttons/fullscreen-active-hover.png), url(../Images/Buttons/fullscreen-hover.png), url(../Images/Buttons/help.png), url(../Images/Buttons/help-hover.png), url(../Images/Buttons/icon.png), url(../Images/Buttons/icon-active.png), url(../Images/Buttons/icon-active-hover.png), url(../Images/Buttons/sound.png), url(../Images/Buttons/sound-active.png), url(../Images/Buttons/sound-active-hover.png), url(../Images/Buttons/sound-hover.png), url(../Images/Buttons/exit.png), url(../Images/Buttons/exit-hover.png), url(../Images/Buttons/music.png), url(../Images/Buttons/music-active.png), url(../Images/Buttons/music-active-hover.png), url(../Images/Buttons/music-hover.png);
}

.menu-div-sub {
    display: none;
}

.menu-div a.game-icon-bt {
    background-image: url(../Images/Buttons/icon.png);
}

.menu-div a.game-icon-bt:hover {
    background-image: url(../Images/Buttons/icon.png);
}

.menu-div a.game-icon-bt.active {
    background-image: url(../Images/Buttons/icon-active.png);
}

.menu-div a.game-icon-bt.active:hover {
    background-image: url(../Images/Buttons/icon-active-hover.png);
}

.menu-div a.game-fullscreen-bt {
    border-top: 1px solid rgba(0, 0, 0, 0.8);
    background-image: url(../Images/Buttons/fullscreen.png);
}

.menu-div a.game-fullscreen-bt:hover {
    background-image: url(../Images/Buttons/fullscreen-hover.png);
}

.menu-div a.game-fullscreen-bt.active {
    background-image: url(../Images/Buttons/fullscreen-active.png);
}

.menu-div a.game-fullscreen-bt.active:hover {
    background-image: url(../Images/Buttons/fullscreen-active-hover.png);
}

.menu-div a.game-help-bt {
    border-top: 1px solid rgba(0, 0, 0, 0.8);
    background-image: url(../Images/Buttons/help.png);
}

.menu-div a.game-help-bt:hover {
    background-image: url(../Images/Buttons/help-hover.png);
}

.menu-div a.game-sound-bt {
    border-top: 1px solid rgba(0, 0, 0, 0.8);
    background-image: url(../Images/Buttons/sound.png);
}

.menu-div a.game-sound-bt:hover {
    background-image: url(../Images/Buttons/sound-hover.png);
}

.menu-div a.game-sound-bt.active {
    background-image: url(../Images/Buttons/sound-active.png);
}

.menu-div a.game-sound-bt.active:hover {
    background-image: url(../Images/Buttons/sound-active-hover.png);
}

.menu-div a.game-music-bt {
    border-top: 1px solid rgba(0, 0, 0, 0.8);
    background-image: url(../Images/Buttons/music.png);
}

.menu-div a.game-music-bt:hover {
    background-image: url(../Images/Buttons/music-hover.png);
}

.menu-div a.game-music-bt.active {
    background-image: url(../Images/Buttons/music-active.png);
}

.menu-div a.game-music-bt.active:hover {
    background-image: url(../Images/Buttons/music-active-hover.png);
}

.menu-div a.game-exit-bt {
    border-top: 1px solid rgba(0, 0, 0, 0.8);
    background-image: url(../Images/Buttons/exit.png);
}

.menu-div a.game-exit-bt:hover {
    background-image: url(../Images/Buttons/exit-hover.png);
}

.autoplay {
    position: fixed;
    left: 0;
    right: 0;
    top: 26px;
    bottom: 0;
    width: 100%;
    height: calc(100% - 26px);
    background: rgba(9, 12, 19, 0.5);
    z-index: 10;
    display: none;
}

.autoplay>.content {
    background: rgba(9, 12, 19, 0.9);
    border: 1px solid #e8083e;
    position: relative;
    top: 50%;
    margin: -320px auto 0 auto;
    max-width: 1700px;
    width: 90%;
    height: 640px;
}

@media only screen and (max-width: 1250px) {
    .autoplay>.content {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        left: 50%;
        width: 1100px;
        max-width: 1100px;
    }
}

@media only screen and (max-width: 1250px) and (min-width: 1000px) {
    .autoplay>.content {
        transform: scale(0.9);
        margin-left: -495px;
        margin-top: -288px;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 900px) {
    .autoplay>.content {
        transform: scale(0.8);
        margin-left: -440px;
        margin-top: -256px;
    }
}

@media only screen and (max-width: 900px) and (min-width: 700px) {
    .autoplay>.content {
        transform: scale(0.6);
        margin-left: -330px;
        margin-top: -192px;
    }
}

@media only screen and (max-width: 700px) and (min-width: 500px) {
    .autoplay>.content {
        transform: scale(0.45);
        margin-left: -247px;
        margin-top: -144px;
    }
}

@media only screen and (max-width: 500px) {
    .autoplay>.content {
        transform: scale(0.25);
        margin-left: -137px;
        margin-top: -80px;
    }
}

.autoplay>.content>.head {
    height: 130px;
    line-height: 130px;
    text-align: center;
    font-size: 36px;
    color: #FFFFFF;
    font-family: IntroBlackCaps;
    /*IntroBlackCaps;*/
    position: relative;
}

.autoplay>.content>.head span {}

.autoplay>.content>.head .close {
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../Images/Common/AutoPlay/close.png);
    background-size: cover;
    width: 76px;
    height: 76px;
    cursor: pointer;
    transition: .1s;
}

.autoplay>.content>.head .close:hover {
    background: url(../Images/Common/AutoPlay/close-hover.png);
    transition: .1s;
}

.autoplay>.content>.spins {
    height: 99px;
    text-align: center;
}

.autoplay>.content>.spins a {
    width: 89px;
    height: 89px;
    border: 1px solid #3a3d41;
    background: rgba(0, 0, 0, 0.3);
    font-size: 60px;
    font-family: IntroBlackCaps;
    color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    vertical-align: top;
    margin: 0 10px;
    transition: .1s;
    display: inline-block;
    line-height: 89px;
    text-align: center;
    /*
	display: inline-flex;
	align-items: center;
	justify-content: center;
	*/
}

.autoplay>.content>.spins a:hover {
    border: 1px solid #4f091f;
    transition: .1s;
}

.autoplay>.content>.spins a.disabled {
    cursor: default;
}

.autoplay>.content>.spins a.disabled:hover {
    border: 1px solid #3a3d41;
    transition: .1s;
}

.autoplay>.content>.spins a.active {
    border: 1px solid #ef0139;
    background: #ef0139;
    color: rgba(255, 255, 255, 1);
    transition: .1s;
}

.autoplay>.content>.spins a.infinite {
    background: rgba(0, 0, 0, 0.7) url(../Images/Common/AutoPlay/infinite.png) center center no-repeat;
    background-size: cover;
    opacity: 0.75;
}

.autoplay>.content>.spins a.infinite.active {
    border: 1px solid #ef0139;
    background: #ef0139 url(../Images/Common/AutoPlay/infinite.png) center center no-repeat;
    background-size: cover;
    opacity: 1;
    transition: .1s;
}

.autoplay>.content>.info {
    padding-bottom: 50px;
}

.autoplay>.content>.info .left {
    display: inline-block;
    width: calc(40% - 6px);
    margin: 0 3% 0 7%;
    vertical-align: top;
}

.autoplay>.content>.info .right {
    display: inline-block;
    width: calc(40% - 6px);
    margin: 0 7% 0 3%;
    vertical-align: top;
}

.autoplay>.content>.info .head {
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #860016;
    font-size: 26px;
    font-family: IntroBlackCaps;
    color: rgba(255, 255, 255, 1);
}

.autoplay>.content>.info .row {
    height: 60px;
    line-height: 60px;
    /*white-space: nowrap;
	overflow: hidden;*/
}

.autoplay>.content>.info .row .caption {
    font-size: 22px;
    font-family: IntroRegular;
    color: rgba(255, 255, 255, 0.8);
    max-width: calc(100% - 180px);
    display: inline-flex;
    line-height: 22px;
    padding: 4px 0;
    vertical-align: middle;
}

.autoplay>.content>.info .row .input {
    border: 1px solid rgba(161, 161, 161, 0.3);
    background: rgba(0, 0, 0, 0.3);
    width: 175px;
    height: 28px;
    float: right;
    position: relative;
    margin-top: 16px;
    border-radius: 14px;
}

.autoplay>.content>.info .row .input:after {
    content: '';
    display: block;
    width: 2px;
    height: 19px;
    background: #ff0054;
    position: absolute;
    left: 103px;
    top: 5px;
}

.autoplay>.content>.info .row .input input {
    position: absolute;
    left: 12px;
    top: 0;
    width: 70px;
    height: 28px;
    padding: 0 10px;
    background: none;
    border: none;
    font-size: 22px;
    font-family: IntroRegular;
    color: rgba(255, 255, 255, 1);
}

.autoplay>.content>.info .row .input .currency {
    position: absolute;
    right: 12px;
    top: 0;
    width: 60px;
    font-size: 22px;
    font-family: IntroRegular;
    color: rgba(255, 255, 255, 1);
    display: block;
    line-height: 28px;
    text-align: center;
    /*
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	*/
}

.autoplay>.content>.info .row .checkbox {
    border: 1px solid rgba(161, 161, 161, 0.3);
    background: rgba(0, 0, 0, 0.3);
    width: 81px;
    height: 28px;
    float: right;
    position: relative;
    margin-top: 16px;
    border-radius: 14px;
}

.autoplay>.content>.info .row .checkbox span {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 0.7;
}

.autoplay>.content>.info .row .checkbox span:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    background: url(../Images/Common/AutoPlay/checkbox.png);
    background-size: cover;
    width: 31px;
    height: 31px;
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 0.7;
}

.autoplay>.content>.info .row .checkbox input:checked+span {
    opacity: 1;
}

.autoplay>.content>.info .row .checkbox input:checked+span:before {
    transform: translateX(50px);
    opacity: 1;
}

.autoplay>.content>.info .row .checkbox input {
    display: none;
}

.autoplay>.content>.buttons {
    height: 67px;
    padding-bottom: 30px;
}

.autoplay>.content>.buttons a {
    margin: 0 auto;
    width: 35%;
    height: 67px;
    border: 1px solid rgba(255, 0, 0, 0.9);
    background-color: rgba(235, 4, 58, 0.9);
    font-size: 36px;
    font-family: IntroBlackCaps;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    display: block;
    line-height: 67px;
    text-align: center;
    /*
	display: flex;
	align-items: center;
	justify-content: center;
	*/
}

.autoplay>.content>.buttons a:hover {
    box-shadow: 0 0 10px #ff4344;
}

.autoplay>.content>.buttons a.stop {
    display: none;
}

html[dir="rtl"] .game-div {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
}

html[dir="rtl"] .game-div .game .GameParent canvas {
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
}

html[dir="rtl"] .popup-bg {
    position: absolute;
}

html[dir="rtl"] .popup {
    left: auto;
    right: 50%;
    margin: -147px -276px 0 0;
}

.promotion-icon {
    background: url(../Images/Common/Promotion/icon.png) no-repeat;
    width: 63px;
    height: 67px;
    position: absolute;
    left: 30px;
    top: 140px;
    cursor: pointer;
    display: none;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    z-index: 1;
}

.promotion-icon:hover {
    background: url(../Images/Common/Promotion/icon-hover.png) no-repeat;
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance: none) {
        .autoplay > .content > .info .row .input .currency {
            line-height: 32px;
        }
        .autoplay>.content>.buttons a {
            line-height: 72px;
        }
        .autoplay>.content>.spins a {
            line-height: 93px;
        }
    }
}

.game-div {}

.game {
    position: relative;
    margin: 0 auto;
    width: auto;
    height: auto;
}

.GameParent.new-slot {
    display: flex;
    align-items: center;
    justify-content: center;
}

.GameParent.new-slot canvas {
    align-self: flex-start;
    position: relative;
    left: auto;
    top: auto;
    margin-left: 0;
}

.GeniesBonanza canvas {
    background: url(../Images/GeniesBonanza/background.jpg) no-repeat center center;
    background-size: 100% 100%;
}

.GeniesBonanza.FreeSpinView canvas {}

.GeniesBonanza.LoadBonusView canvas {}

.GeniesBonanza.BonusView canvas {}

.GeniesBonanza.SuperBonusView canvas {}

.MultiHotWays canvas {
    background: url(../Images/MultiHotWays/background.jpg) no-repeat center 0;
    background-size: cover;
}

.MultiHot5Deluxe canvas {
    background: url(../Images/MultiHot5Deluxe/background.png) no-repeat center 0;
    background-size: cover;
}

.MultiHot5Wild canvas {
    background: url(../Images/MultiHot5Wild/background.jpg) no-repeat center 0;
    background-size: cover;
}

.MultiHot5BurnWilds canvas {
    background: url(../Images/MultiHot5BurnWilds/Images/background.png) no-repeat center 0;
    background-size: cover;
}

.MariachiCoins canvas {
    background: url(../Images/MariachiCoins/background.jpg) no-repeat center 0;
    background-size: cover;
}

.FoxyHot20 canvas {
    background: url(../Images/FoxyHot20/background.jpg) no-repeat center 0;
    background-size: cover;
    /* background-position-y: -30px; */
}

.JungleSisters canvas {
    background: url(../Images/JungleSisters/background.png) no-repeat center 0;
    background-size: cover;
    /* background-position-y: -30px; */
}

.JungleSistersDeluxe canvas {
    background: url(../Images/JungleSistersDeluxe/background.png) no-repeat center 0;
    background-size: cover;
    /* background-position-y: -30px; */
}

.FarmsFortune canvas {
    background: url(../Images/FarmsFortune/background.jpg) no-repeat center 0;
    background-size: cover;
}

/* .HotSamba canvas {
	background: url(../Images/HotSamba/background.jpg) no-repeat center 0;
	background-size: cover;
} */

.WildsAndGods canvas {
    background: url(../Images/WildsAndGods/background.jpg) no-repeat center center, url(../Images/WildsAndGods/freespin-background0.jpg) no-repeat center center, url(../Images/WildsAndGods/freespin-background1.jpg) no-repeat center center;
}

.WildsAndGods.FreeSpinView0 canvas {
    background: url(../Images/WildsAndGods/freespin-background0.jpg) no-repeat center center;
}

.WildsAndGods.FreeSpinView1 canvas {
    background: url(../Images/WildsAndGods/freespin-background1.jpg) no-repeat center center;
}

.WildsAndGods.LoadBonusView canvas {}

.WildsAndGods.BonusView canvas {}

.WildsAndGods.SuperBonusView canvas {}

.VR .WildsAndGods canvas {
    background: url(../Images/WildsAndGods/Images/VR/background.jpg) no-repeat center center, url(../Images/WildsAndGods/Images/VR/freespin-background0.jpg) no-repeat center center, url(../Images/WildsAndGods/Images/VR/freespin-background1.jpg) no-repeat center center;
}

.VR .WildsAndGods.FreeSpinView0 canvas {
    background: url(../Images/WildsAndGods/Images/VR/freespin-background0.jpg) no-repeat center center;
}

.VR .WildsAndGods.FreeSpinView1 canvas {
    background: url(../Images/WildsAndGods/Images/VR/freespin-background1.jpg) no-repeat center center;
}

.BookOfFuturia canvas {
    background: url(../Images/BookOfFuturia/background.jpg) no-repeat center center, url(../Images/BookOfFuturia/freespin-background.jpg) no-repeat center center;
}

.BookOfFuturia.FreeSpinView canvas {
    background: url(../Images/BookOfFuturia/freespin-background.jpg) no-repeat center center;
}

.BookOfFuturia.LoadBonusView canvas {}

.BookOfFuturia.BonusView canvas {}

.BookOfFuturia.SuperBonusView canvas {}

.DraculasFortune canvas {
    background: url(../Images/DraculasFortune/background.jpg) no-repeat center center, url(../Images/DraculasFortune/freespin-background.jpg) no-repeat center center;
}

.DraculasFortune.FreeSpinView canvas {
    background: url(../Images/DraculasFortune/freespin-background.jpg) no-repeat center center;
}

.DraculasFortune.LoadBonusView canvas {}

.DraculasFortune.BonusView canvas {}

.DraculasFortune.SuperBonusView canvas {}

.BookOfBonanza canvas {
    background: url(../Images/BookOfBonanza/background.jpg) no-repeat center top, url(../Images/BookOfBonanza/freespin-background.jpg) no-repeat center top;
    background-size: cover !important;
}

.BookOfBonanza.FreeSpinView canvas {
    background: url(../Images/BookOfBonanza/freespin-background.jpg) no-repeat center center;
}

.JingleBellBonanza canvas {
    background: url(../Images/JingleBellBonanza/background.jpg) no-repeat center center;
}

.BokaJamba10 canvas {
    background: url(../Images/BokaJamba10/background.jpg) no-repeat center center;
}

.WildMultiStars canvas {
    /* background: url('../Images/WildMultiStars/background.jpg') no-repeat center 0;
	background-size: 100% 100%; */
}

.MultiHotWildWays canvas,
.multihot5-new canvas {
    background: url(../Images/MultiHot5New/background.jpg) no-repeat center 0;
    background-size: cover;
}

.SugarFiesta canvas {
    background: url('../Images/SugarFiesta/Images/background.png');
}

.SafariSamba canvas {
    background: url(../Images/SafariSimba/Images/background.jpg) no-repeat center 0;
    background-size: cover;
}

.HabeshaFortune5 canvas {
    background: url(../Images/HabeshaFortune5/Images/background.jpg) no-repeat center 0;
    background-size: cover;
}

.MadSlot canvas {
    background: url(../Images/MadSlot/background.jpg) no-repeat center center, url(../Images/MadSlot/freespin-background0.jpg) no-repeat center center, url(../Images/MadSlot/freespin-background1.jpg) no-repeat center center;
}

.MadSlot.FreeSpinView0 canvas {
    background: url(../Images/MadSlot/freespin-background0.jpg) no-repeat center center;
}

.MadSlot.FreeSpinView1 canvas {
    background: url(../Images/MadSlot/freespin-background1.jpg) no-repeat center center;
}

.MadSlot.LoadBonusView canvas {}

.MadSlot.BonusView canvas {}

.MadSlot.SuperBonusView canvas {}

#autoplay-inputs {
    display: none;
}

#autoplay-inputs input {
    z-index: 10;
    position: absolute;
    left: 100px;
    top: 100px;
    background: none;
    border: none;
    outline: none;
    font-size: 24px;
    font-family: font1;
    color: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 114px;
    height: 54px;
    padding: 0;
    margin: 0;
}

#autoplay-inputs input.active {
    pointer-events: auto;
    color: rgba(255, 255, 255, 1);
}

#autoplay-win {}

#wide .VR .game {
    position: relative;
    width: 1380px;
    height: 1380px;
    margin: 0 auto;
}

/*.VR .multihot5 canvas {*/

/*	position: relative;*/

/*	left: auto;*/

/*	top: auto;*/

/*}*/

.VR .multihot5 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 1380px;
    height: 1380px;
    padding: 0;
    box-sizing: border-box;
    background: url(../Images/MultiHot5/background.jpg) no-repeat center top;
    background-size: cover;
}

.game-div.VR .game {
    position: relative;
    width: auto;
    /*1380px*/
    height: auto;
    /*1380px*/
    margin: 0 auto;
}

.game-div.VR .game .GeniesBonanza canvas {
    background-size: cover;
}

.game-div.VR .game .multihot5-new canvas {
    background-size: cover;
}

/* Loader Start */

.loader-div {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #000000;
}

.loader-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 205px;
    height: 205px;
    margin: -102px 0 0 -102px;
    background: url('../Images/loader-logo.gif') no-repeat center / contain;
}

.gfgloader .loader-logo {
    width: 173px;
    height: 162px;
    margin: -86px 0 0 -81px;
    background: url('../Images/gfgloader.png') no-repeat center / cover;
}

.loader-bar {
    width: 156px;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 90px 0 0 -89px;
    border-radius: 1px;
}

.loader-background {
    position: absolute;
    width: 0;
    top: -1px;
    left: -5px;
    height: 5px;
    overflow: inherit !important;
    background: url('../Images/loader-background.png') no-repeat center / cover;
}

.gfgloader .loader-background {
    display: none;
}

.loader-text {
    display: none;
}

.loader-icon {
    position: absolute;
    width: 24px;
    height: 21px;
    top: -8px;
    right: -12px;
    transition: .2s;
    transform: scale(0);
    will-change: transform;
    background: url('../Images/loader-icon.png');
}

/* Loader End */

.lobby-icon.active {
    width: 45px;
    height: 45px;
    background: url(../Images/Common/Lobby.png) no-repeat;
    cursor: pointer;
    position: absolute;
    left: 14px;
    top: 29px;
    z-index: 1;
}