object:focus {
    outline: none;
}

@font-face {
    font-family: lbs;
    src: url("../fonts/LBS.ttf"),
    url("../fonts/LBS.woff") format("woff");
}

#login {
    width: 100%;
    height: 100%;
    visibility: hidden;
}


/*//-------------------------------------------------------------------//
//
//							Help Classes
//
//-------------------------------------------------------------------//*/

.posCenter {
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.disabled {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome, Edge, Opera and Firefox */
}

/*//-------------------------------------------------------------------//
//
//							Controlls
//
//-------------------------------------------------------------------//*/

.unity-webgl-input {
    text-align: center;
    font-family: 'LBS' !important;
}

.label {
    text-align: center;
    font: 14px lbs;
    color: #2FB0DA;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.inputWithLabel {

}

.inputWithLabel > [name=title] {

}

.inputWithLabel > [name=input] {
    background: url(../img/editbox_big.png) 0 0 no-repeat;
    width: 397px;
    height: 62px;
    margin-top: 10px;
    font: 18px lbs;
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    background-color: unset;
    border-color: unset;
    border-image: unset;
    border-style: none;
    text-align: center;
    border-width: 0px;

}

.inputWithLabel > [name=input].active {
    background-position-y: -62px;
}

.smallButton {
    background: url(../img/button_small.png) 0 0 no-repeat;
    width: 152px;
    height: 67px;
    cursor: pointer;
}

.smallButton > [name=label] {
    color: #ffffff;
    position: relative;
    margin-top: 22px;
}

.smallButton:hover {
    background-position-y: -67px;
}

.smallButton:active {
    background-position-y: -134px;
}

.bigButton {
    background: url(../img/button_go.png) 0 0 no-repeat;
    width: 247px;
    height: 67px;
    cursor: pointer;
}

.bigButton > [name=label] {
    color: #ffffff;
    position: relative;
    margin-top: 22px;
    line-height: 28px;
}

.bigButton:hover {
    background-position-y: -67px;
}

.bigButton:active {
    background-position-y: -134px;
}

.bigButton2 {
    background: url(../img/button_go2.png) 0 0 no-repeat;
    width: 346px;
    height: 67px;
    cursor: pointer;
}

.bigButton2 > [name=label] {
    color: #ffffff;
    position: relative;
    margin-top: 22px;
    line-height: 25px;
    font-size: 30px;
}

.bigButton2:hover {
    background-position-y: -67px;
}

.bigButton2:active {
    background-position-y: -134px;
}

/*//-------------------------------------------------------------------//
//
//							Preloader
//
//-------------------------------------------------------------------//*/

#preloader {
    position: absolute;
    display: none;
}

#preloader > [name=background] {

}

#preloader > [name=progress] {
    position: absolute;
    left: 102px;
    top: 450px;
    width: 676px;
    height: 63px;
}

#preloader > [name=progress] > [name=track] {
    background: url("../img/progress_loading.png");
    height: 63px;
    width: 0%;
}

#preloader > [name=title] {
    position: absolute;
    top: 472px;
    width: 904px;
    color: white;
}

#preloader > [name=advice] {
    position: absolute;
    top: 610px;
    width: 604px;
    left: 150px;
    color: #57BCE6;
}

/*//-------------------------------------------------------------------//
//
//							Snakes
//
//-------------------------------------------------------------------//*/
#snakes {
    position: absolute;
    height: 600px;
    width: 900px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    pointer-events: none;
}

#snakes > [name=snake1] {
    position: absolute;
    left: 160px;
    top: 170px;
}

#snakes > [name=snake2] {
    position: absolute;
    left: 8px;
    top: 271px;
}

#snakes > [name=snake3] {
    position: absolute;
    left: 203px;
    top: 408px;
}

#snakes > [name=snake4] {
    position: absolute;
    left: 420px;
    top: 441px;
}

#snakes > [name=snake5] {
    position: absolute;
    left: 501px;
    top: 408px;
}

#snakes > [name=snake6] {
    position: absolute;
    left: 558px;
    top: 307px;
}

#snakes > [name=snake7] {
    position: absolute;
    left: 572px;
    top: 194px;
}

#snakes > [name=snake8] {
    position: absolute;
    left: 520px;
    top: 20px;
}

#snakes > [name=snake9] {
    position: absolute;
    left: 190px;
    top: 30px;
}

#snakes > [name=snake1] > [name=eyes] {
    position: absolute;
    left: 125px;
    top: 83px;
}

#snakes > [name=snake2] > [name=eyes] {
    position: absolute;
    left: 286px;
    top: 73px;
}

#snakes > [name=snake3] > [name=eyes] {
    position: absolute;
    left: 138px;
    top: 22px;
}

#snakes > [name=snake4] > [name=eyes] {
    position: absolute;
    left: 31px;
    top: 9px;
}

#snakes > [name=snake5] > [name=eyes] {
    position: absolute;
    left: 14px;
    top: 13px;
}

#snakes > [name=snake6] > [name=eyes] {
    position: absolute;
    left: 23px;
    top: 46px;
}

#snakes > [name=snake7] > [name=eyes] {
    position: absolute;
    left: 18px;
    top: 63px;
}

#snakes > [name=snake8] > [name=eyes] {
    position: absolute;
    left: 31px;
    top: 171px;
}

#snakes > [name=snake9] > [name=eyes] {
    position: absolute;
    left: 148px;
    top: 155px;
}

/*//-------------------------------------------------------------------//
//
//							Leafs
//
//-------------------------------------------------------------------//*/
#leafsBlock {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#leafsBlock > [name=background] {
    position: absolute;
    display: table;
    width: 100%;
    height: 100%;
}

#leafsBlock > [name=background] > [name=leftBackground] {
    display: table-cell;
    background-color: black;
    height: 100%;
}

#leafsBlock > [name=background] > [name=centerBackground] {
    width: 100vh;
    display: table-cell;
    height: 100%;
}

#leafsBlock > [name=background] > [name=rightBackground] {
    background-color: black;
    display: table-cell;
    height: 100%;
}

#leafsDark {
    position: absolute;
    left: 50%;
    top: 50%;
}

#leafsDark > [name=image] {
    position: fixed;
    pointer-events: none;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#leafsDark > [name=image] {
    position: relative;
    transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
}

#leafs {
    position: absolute;
    height: 1247px;
    width: 1137px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#leafs > [name=leaf1] {
    position: absolute;
    left: 382px;
    top: 461px
}

#leafs > [name=leaf2] {
    position: absolute;
    left: 498px;
    top: 561px;
}

#leafs > [name=leaf3] {
    position: absolute;
    left: 454px;
    top: 484px;
}

#leafs > [name=leaf4] {
    position: absolute;
    left: 387px;
    top: 433px;
}

#leafs > [name=leaf5] {
    position: absolute;
    left: 441px;
    top: 458px;
}

/*//-------------------------------------------------------------------//
//
//							Xsolla icon
//
//-------------------------------------------------------------------//*/

#xsollaLogo {
    position: absolute;
    height: 4%;
    right: 20px;
    top: 20px;
    visibility: hidden;
}

/*//-------------------------------------------------------------------//
//
//							Copyright Panel
//
//-------------------------------------------------------------------//*/

#copyrightPanel {
    height: 40px;
    width: 650px;
    position: absolute;
    bottom: 0.5%;
    left: 50%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    visibility: hidden;
}

#copyrightPanel > [name=title] {
    width: 650px;
    height: 40px;
    color: #517594;
    font-size: 12px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    font-family: Verdana, Geneva, sans-serif;
}

#copyrightPanel > [name=title] > a {
    color: #517594;
}

.button_blue {
    background: url(../img/button_blue.png) 0 0 no-repeat;
    width: 152px;
    height: 67px;
    cursor: pointer;
}

.button_blue > [name=label] {
    color: #57BCE6;
    position: relative;
    margin-top: 22px;
    line-height: 25px;
    font-size: 30px;
}

.button_blue:hover {
    background-position-y: -67px;
}

.button_blue:active {
    background-position-y: -134px;
}

/*//-------------------------------------------------------------------//
//
//							Email Confirm
//
//-------------------------------------------------------------------//*/

#screenEmalConfirm {
    width: 900px;
    height: 250px;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
}

#screenEmalConfirm > [name=background] {
    position: fixed;
}

#screenEmalConfirm > [name=title] {
    color: #FFCC00;
    font-size: 30px;
    position: relative;
}

#screenEmalConfirm > [name=description] {
    color: white;
    margin-top: 30px;
    position: relative;
}

#screenEmalConfirm > [name=buttons] {
    position: relative;
    margin-top: 30px;
}

#screenEmalConfirm > [name=buttons] > [name=button_play] {
    display: inline-block;
}

#screenEmalConfirm > [name=buttons] > [name=button_play] > [name=label] {
    font-size: 22px;
    margin-top: 17px;
}


/*//-------------------------------------------------------------------//
//
//							Forgot
//
//-------------------------------------------------------------------//*/

#screenForgot {
    width: 900px;
    height: 450px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
}

#screenForgot > [name=background] {
    position: fixed;
}

#screenForgot > [name=title] {
    color: #FFCC00;
    font-size: 22px;
    position: relative;
}

#screenForgot > [name=forgotPassword] {
    margin-top: 30px;
    position: relative;
}

#screenForgot > [name=forgotRePassword] {
    margin-top: 30px;
    position: relative;
}

#screenForgot > [name=labelError] {
    position: absolute;
    font-size: 12px;
    color: #ff0000;
    font-family: unset;
    left: 660px;
    top: 88px;
    word-break: break-word;
    width: 160px;
    text-align: left;
    display: none;
}

#screenForgot > [name=labelSended] {
    position: relative;
    font-size: 14px;
    width: 500px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

#screenForgot > [name=buttons] {
    position: relative;
    margin-top: 20px;
}

#screenForgot > [name=buttons] > [name=button_play] {
    display: inline-block;
}

/*//-------------------------------------------------------------------//
//
//						Screen Connection error
//
//-------------------------------------------------------------------//*/

#screenConnectionLost {
    width: 900px;
    height: 450px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
}

#screenConnectionLost > [name=background] {
    position: fixed;
}

#screenConnectionLost > [name=title] {
    color: #FFCC00;
    font-size: 22px;
    position: relative;
    margin-top: 100px;
}

#screenConnectionLost > [name=buttons] {
    position: relative;
    margin-top: 40px;
}

#screenConnectionLost > [name=buttons] > [name=button] {
    display: inline-block;
}

/*//-------------------------------------------------------------------//
//
//							Game Panel
//
//-------------------------------------------------------------------//*/

#gamePanel {
    position: absolute;
    left: 50%;
    top: 38%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    visibility: hidden;
}

#gamePanel > [name=background] {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    pointer-events: none;
    position: absolute;
}

#gamePanel > [name=button] > [name=title] {
    position: fixed;
    left: 140px;
    bottom: 62px;
}

#gamePanel > [name=button] {
    background: url(../img/lbs_login_play_button.png) 0 0 no-repeat;
    height: 180px;
    width: 180px;
    cursor: pointer;
    background-position-x: -180px;
    position: absolute;
    top: -90px;
    left: -90px;
}

#gamePanel > [name=button]:hover {
    background-position-x: 0px;
}

#gamePanel > [name=button]:active {
    background-position-x: -360px;
}

#gamePanel > [name=button] > [name=label]:lang(ru) {
    background: url(../img/lbs_login_play_ru.png) 0 0 no-repeat;
    width: 99px;
    height: 30px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: relative;
    pointer-events: none;
}

#gamePanel > [name=button] > [name=label]:lang(en) {
    background: url(../img/lbs_login_play_en.png) 0 0 no-repeat;
    width: 99px;
    height: 30px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    pointer-events: none;
    position: relative;
}

#gamePanel > [name=button] > [name=label] {
    background: url(../img/lbs_login_play_en.png) 0 0 no-repeat;
    width: 99px;
    height: 30px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    pointer-events: none;
    position: relative;
}

#gamePanel > [name=button]:active > [name=label] {
    top: 51%;
}

#gamePanel > [name=button]:hover > [name=label] {
    background-position-y: -30px;
}

@keyframes scaleGlow {
    30% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    100% {
        transform: translate(-50%, -50%) scale(0.28);
        -moz-transform: translate(-50%, -50%) scale(0.28);
        -o-transform: translate(-50%, -50%) scale(0.28);
        -webkit-transform: translate(-50%, -50%) scale(0.28);
    }
}

#gamePanel > [name=glowDots1] {
    animation: scaleGlow 4s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%, -50%) scale(1.2);
    -o-transform: translate(-50%, -50%) scale(1.2);
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    pointer-events: none;
    opacity: 0;
    display: none;
}

@keyframes scaleGlow2 {
    70% {
        transform: translate(-50%, -50%) scale(0.28);
        -moz-transform: translate(-50%, -50%) scale(0.28);
        -o-transform: translate(-50%, -50%) scale(0.28);
        -webkit-transform: translate(-50%, -50%) scale(0.28);
    }
    71% {
        transform: translate(-50%, -50%) scale(1.2);
        -moz-transform: translate(-50%, -50%) scale(1.2);
        -o-transform: translate(-50%, -50%) scale(1.2);
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
}

#gamePanel > [name=glowDots2] {
    animation: scaleGlow2 4s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    pointer-events: none;
    display: none;
}

@keyframes alphaGlow {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#gamePanel > [name=glow] {
    animation: alphaGlow 1.5s ease-in-out infinite alternate;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#gamePanel > [name=glow] > [name=image] {
    position: relative;
}

/*//-------------------------------------------------------------------//
//
//							mobileSignInPanel
//
//-------------------------------------------------------------------/*/

.mobileSignInPanel {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 909px;
    height: 43px;
    left: 50%;
    bottom: 6.5%;
}

.mobileSignInPanel > [name=glow] {
    position: absolute;
    left: 492px;
    top: -145px;
}

.mobileSignInPanel > [name=background] {
    width: 909px;
    height: 43px;
    background: url(../img/green_stripe.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
}

.mobileSignInPanel > [name=title] {
    position: absolute;
    top: 3px;
    left: 515px;
    color: #ffffff;
    width: 300px;
    font-size: 16px;
    text-align: left;
}

.mobileSignInPanel > [name=buttons] {
    position: absolute;
    left: 46px;
    width: 448px;
}

.mobileSignInPanelButton {
    width: 134px;
    height: 44px;
    cursor: pointer;
    background-size: cover;
}

.mobileSignInPanelButton:hover {
    background-position-y: -44px;
}

.mobileSignInPanelButton:active {
    background-position-y: -88px;
}

.mobileSignInPanel > [name=buttons] > [name=android] {
    background-image: url(../img/button_android.png);
    display: inline-block;
}

.mobileSignInPanel > [name=buttons] > [name=ios] {
    background-image: url(../img/button_ios.png);
    display: inline-block;
}

.mobileSignInPanel > [name=chest] {
    position: absolute;
    left: 424px;
    top: -15px;
}

/*//-------------------------------------------------------------------//
//
//							Content
//
//-------------------------------------------------------------------//*/

#unityContent {
    /*    display: none;*/
    visibility: hidden;
}

#unityContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

#adsContainer {
    position: absolute;
    /* width: 100%;
     height: 100%;
     background: rgba(25, 25, 25, 0.5);
     display: none;*/
    z-index: 10000;
    top: 0px;
    left: 0px;
}

#adsBackground {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    border: 0px;
    top: 0px;
    left: 0px;
}

/*//-------------------------------------------------------------------//
//
//							Logo
//
//-------------------------------------------------------------------//*/

#logo {
    height: 17%;
    position: absolute;
    left: 50%;
    top: 6%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

#officialSitePanel {
    color: #517594;
    font-size: 12px;
    margin: auto;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    position: absolute;
    left: 50%;
    top: 2%;
    visibility: hidden;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

#officialSitePanel > a[name=url] {
    color: #517594;
    font-size: 12px;
    margin: auto;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
}

#officialSitePanel > a[name=url]:hover {
    text-decoration: underline;
}

/*//-------------------------------------------------------------------//
//
//							Marketing Items
//
//-------------------------------------------------------------------//*/

#marketingItems {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

/*//-------------------------------------------------------------------//
//
//							iframe_button
//
//-------------------------------------------------------------------//*/

.iframe_button {
    width: auto;
    height: auto;
    display: none;
    visibility: visible;
    overflow-x: hidden;
    pointer-events: all;
    right: 0px;
    margin-top: 10px;
    position: absolute;
}

.iframe_button > [name=iframe] {
    max-width: none !important;
    width: 145px;
    display: block;
    height: 44px;
    margin-right: -101px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    visibility: visible;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.iframe_button > [name=iframe]:hover {
    margin-right: 0px;
}

/*//-------------------------------------------------------------------//
//
//							iframe_buttons_panel
//
//-------------------------------------------------------------------//*/

#iframe_buttons_panel {
    position: fixed;
    right: 0;
    top: 40%;
}

#button_discord {
}

#button_twitter {
    top: 55px
}

#button_feedback {
    top: 110px
}

/*//-------------------------------------------------------------------//
//
//							Screen Maintenance
//
//-------------------------------------------------------------------//*/

#screenMaintenance {
    width: 920px;
    height: 780px;
    position: fixed;
    left: 50%;
    top: 50%;
}

#screenMaintenance > [name=background] {
    position: fixed;
}

#screenMaintenance > [name=snakes] {
    position: fixed;
}

#screenMaintenance > [name=panel] {
    position: absolute;
    width: 474px;
    height: 201px;
    top: 265px;
    left: 213px;
}

#screenMaintenance > [name=panel] > [name=background] {
    position: absolute;
    top: 60px;
}

#screenMaintenance > [name=panel] > [name=gear] {
    position: absolute;
    top: -82px;
    left: 196px;
    -webkit-animation: rotation 5.75s infinite linear;
    -moz-animation: rotation 5.75s infinite linear;
    -o-animation: rotation 5.75s infinite linear;
    animation: rotation 5.75s infinite linear;
}

#screenMaintenance > [name=panel] > [name=labels] {
    position: absolute;
    width: 100%;
    height: 100%;
}

#screenMaintenance > [name=panel] > [name=labels] > [name=label_title] {
    color: #FFAE00;
    margin-top: 27px;
    font-family: tahoma;
    font-weight: bold;
    text-shadow: none;
}

#screenMaintenance > [name=panel] > [name=labels] > [name=label_description] {
    color: #AAD2F0;
    font-family: tahoma;
    margin-top: 20px;
    font-size: 17px;
    text-shadow: none;
}

#screenMaintenance > [name=panel] > [name=labels] > [name=label_time] {
    color: #57BCE6;
    font-family: tahoma;
    text-shadow: none;
    margin-top: 10px;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/*//-------------------------------------------------------------------//
//
//							Banners
//
//-------------------------------------------------------------------//*/

#advertisement_banner {
    position: fixed;
    display: none;
}

#advertisement_banner2 {
    position: fixed;
    display: none;
}

#advertisement_banner3 {
    position: fixed;
    display: none;
}

#advertisement_banner_static {

}

#advertisement_banner_static2 {
    width: 728px;
    height: 90px;
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    display: none;
}

#advertisement_banner_static2 > [name=bg] {
    position: absolute;
    top: -18px;
    left: -4px;
}

#advertisement_banner_static2 > [name=label] {
    font-family: Verdana, Geneva, sans-serif;
    width: 97px;
    height: 20px;
    color: #86857f;
    font-size: 12px;
    position: absolute;
    top: -18px;
    margin: auto;
}

#advertisement_banner_static3 {
    width: 160px;
    height: 600px;
    position: fixed;
    right: 7vh;
    top: 50%;
    display: none;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

#advertisement_banner_static6 {
    width: 160px;
    height: 600px;
    position: fixed;
    left: 5vh;
    top: 50%;
    display: none;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

#advertisement_banner_static4 {
    width: 300px;
    height: 600px;
    position: fixed;
    right: 7vh;
    top: 50%;
    display: none;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

#advertisement_banner_static5 {
    width: 300px;
    height: 600px;
    position: fixed;
    left: 5vh;
    top: 50%;
    display: none;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

#advertisement_banner_video {
    width: 728px;
    height: 90px;
    position: fixed;
    bottom: 1%;
    left: 50%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    display: none;
    z-index: 10000;
}

#advertisement_banner_video > [name=bg] {
    position: absolute;
    top: -18px;
    left: -4px;
}

#advertisement_banner_video > [name=label] {
    font-family: Verdana, Geneva, sans-serif;
    width: 97px;
    height: 20px;
    color: #86857f;
    font-size: 12px;
    position: absolute;
    top: -18px;
    margin: auto;
}

/*//-------------------------------------------------------------------//
//
//							ADS_VIP_INFO_PANEL
//
//-------------------------------------------------------------------//*/

#ads_video_title {
    width: 728px;
    height: 30px;
    position: fixed;
    top: 1%;
    left: 50%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    display: none;
    z-index: 10000;
}

#ads_video_title > [name=image] {
    display: inline-block;
    position: relative;
    height: 30px;
}

#ads_video_title > [name=label] {
    display: inline-block;
    position: relative;
    top: -8px;
    color: #f9d924;
}

.ads_video_fullscreen_container {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(25, 25, 25, 0.5);
    display: none;
    z-index: 10000;
    top: 0px;
    left: 0px;
}

/*//-------------------------------------------------------------------//
//
//							Adicting Games
//
//-------------------------------------------------------------------//*/

#button_addictinggames {
    left: 10px;
    top: 10px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    height: 4%;
    cursor: pointer;
}

#button_addictinggames > [name=image] {
    position: absolute;
    height: 100%;
}

/*//-------------------------------------------------------------------//
//
//							Cookiebot
//
//-------------------------------------------------------------------//*/

#cookiebotButton {
    position: fixed;
    right: 4px;
    bottom: 4px;
    cursor: pointer;
    color: #517594;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: underline;
}

/*//-------------------------------------------------------------------//
//
//							Button fullscreen
//
//-------------------------------------------------------------------//*/

#buttonFullscreen {
    display: none;
    background: url(../img/button_fulscreen.png) 0 0 no-repeat;
    width: 39px;
    height: 39px;
    position: fixed;
    right: 15px;
    cursor: pointer;
    bottom: 15px;
}

body.play-enabled #buttonFullscreen {
    display: initial;
    z-index: 10001;
}

#buttonFullscreen.back {
    background: url(../img/button_fulscreen_back.png) 0 0 no-repeat;
}

#buttonFullscreen:hover {
    background-position-y: -39px;
}

#buttonFullscreen:active {
    background-position-y: -78px;
}