@font-face {
    font-family: 'latoregular';
    src: url('/Fonts/lato-regular-webfont.woff2') format('woff2'),
    url('/Fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'trirong';
    src: url('/Fonts/trirong-normal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'trirong-thin';
    src: url('/Fonts/trirong-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'trirong-light';
    src: url('/Fonts/trirong-light.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'trirong-extralight';
    src: url('/Fonts/trirong-extralight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'hanuman-regular';
    src: url('/Fonts/hanuman-regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url('/Fonts/roboto-regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Dense-Regular';
    src: url('/Fonts/dense-regular.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dense-Regular';
    src: url('/Fonts/dense-regular.otf') format('opentype'),
    url('/Fonts/dense-regular.woff') format('woff'),
    url('/Fonts/dense-regular.ttf') format('truetype'),
    url('/Fonts/dense-regular.svg#Dense-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.loginLogo {
    position: absolute;
    touch-action: manipulation;
    animation: loginLogoPlayX 0.5s steps(7) infinite,
    loginLogoPlayY 1.5s steps(3) infinite;

}


/* 
#btnLeft{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template4/images/btnLeft_gold.png?v=401) left bottom/contain no-repeat !important;
}

#btnBg{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template4/images/btnBg_gold.png?v=401) left bottom/contain repeat-x !important;
}

#btnRight{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template4/images/btnRight_gold.png?v=401) right bottom/contain no-repeat !important;
}#effectCanvas {
	display: block!important;
}
 */

/* 
#promo {
    background: url({{imageLink}}images/promotion/promo1.jpg) center/contain no-repeat !important;
}
 */


@media screen and (orientation: landscape) {
    .loginLogo {
        top: -13%;
        left: 50%;
        width: 64.9vh;
        height: 40vh;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: url('Images?image=logo.png') left/454.3vh 120vh no-repeat;
    }

    @keyframes loginLogoPlayX {
        from {
            background-position-x: 0px;
        }
        to {
            background-position-x: calc(-454.3vh);
        }
    }
    @keyframes loginLogoPlayY {
        from {
            background-position-y: 0px;
        }
        to {
            background-position-y: calc(-120vh);
        }
    }
    .logoTopLeft {
        position: absolute;
        top: -1.5vh;
        /*top: -9.5vh; old*/ 
        left: 4.5%;
        width: 29.205vh;
        height: 18vh;
        background: url('Images?image=logo.png') left/204.435vh 54vh no-repeat;
        animation: logoPlayX 0.5s steps(7) infinite,
        logoPlayY 1.5s steps(3) infinite;

    }

    @keyframes logoPlayX {
        from {
            background-position-x: 0px;
        }
        to {
            background-position-x: -204.435vh;
        }
    }
    @keyframes logoPlayY {
        from {
            background-position-y: 0px;
        }
        to {
            background-position-y: -54vh;
        }
    }
    
/* 
#headerBg{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template4/images/headerBg_red.jpg?v=401) left bottom/contain repeat-x !important;
}
#gameMenuBtn{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template4/images/categoryTab_red.png?v=401) left/contain no-repeat !important;
}
#bottom{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template4/images/footer_red.jpg?v=401) left bottom/contain repeat-x !important;
}
.wrapper{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template4/images/bg_cny.jpg?v=401) center/cover repeat !important;
}#gameMenuLabel{
	color: #ececec !important;
}#gameTapBg{
	background: rgba(0,0,0,0.8)!important;
}#btnLabel{
	color: #000 !important;
}
 */

}


@media screen and (orientation: portrait) {
    .loginLogo {
        top: -37%;
        left: 50%;
        width: 64.9vw;
        height: 40vw;
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, -0%);
        background: url('Images?image=logo.png') left/454.3vw 120vw no-repeat;
    }

    @keyframes loginLogoPlayX {
        from {
            background-position-x: 0px;
        }
        to {
            background-position-x: calc(-454.3vw);
        }
    }
    @keyframes loginLogoPlayY {
        from {
            background-position-y: 0px;
        }
        to {
            background-position-y: calc(-120vw);
        }
    }
    /*
    .logo{
        position: absolute;
        top: -0.5vw;
        left: calc(50% - 13vw);
        width: 26vw;
        height: 13.4vw;
        background: url(../images/logo.png?v=123) center/contain no-repeat;
        /*
    animation: logoPlayX 1s steps(2) infinite,
                     logoPlayY 2s steps(5) infinite;

    }*/
    .logoTopLeft {
        position: absolute;
        width: 38.94vw;
        height: 24vw;
        background: url('Images?image=logo.png') left/272.58vw 72vw no-repeat;
        animation: logoPlayX 0.5s steps(7) infinite,
        logoPlayY 1.5s steps(3) infinite;
    }

    @keyframes logoPlayX {
        from {
            background-position-x: 0px;
        }
        to {
            background-position-x: -272.58vw;
        }
    }
    @keyframes logoPlayY {
        from {
            background-position-y: 0px;
        }
        to {
            background-position-y: -72vw;
        }
    }
    
   /* 
 #gameMenuBtn{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template4/images/categoryTab2_red.png?v=401) left/contain no-repeat !important;
	}
	#gameMenuLabel{
	color: #ececec !important;
	}
	#bottom{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template4/images/footer_red.jpg?v=401) left bottom/contain repeat-x !important;
	}
	.wrapper{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template4/images/bg_cny.jpg?v=401) center/cover repeat !important;
	}
	#gameTapBg{
	background: rgba(0,0,0,0.8)!important;
	}
	#btnLabel{
	color: #000 !important;
	}
	#starBg{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template4/images/jackpot/star_red.png?v=401) center/cover repeat !important;
	}
 */

	
}