/*ani1*/
@keyframes logo_light_anim{
	0%   {width:0;opacity:0}
	15%  {width:0;opacity:0}
	20%  {width:100%;opacity:1}
	90%  {width:100%;opacity:1}
	100% {opacity:0}
}

header .header_wrapper.header_top .inner .logo_wrapper.ani_logo.ani1{height:150px}
.ani1 .logo_cont{
	width:70%;
	height:85.50%;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	z-index:1;
	text-align:center;
}
.ani1 .logo_cont img{
	position:absolute;
}
.ani1 .logo_cont img.card{
	width:58.50%;
	left:-5px;
	right:0;
	top:0;
	margin:auto;
	animation:logo_card_anim 6s linear infinite;
	opacity:1;
	position:absolute;
}
.ani1 .logo_cont .c-c{
	position:relative;
	z-index:-1 !important;
	top:-9%;
}
@keyframes logo_card_anim{
	0%{transform:rotateX(-360deg);opacity:1;}
	40%{opacity:1;}
	100%{transform:rotateX(0deg);opacity:1;}
}
.ani1 .logo_cont img.circle{
	width:68%;
	left:0;
	right:0;
	top:0;
	margin:auto;
	opacity:1;
	position:absolute;
}
.ani1 .logo_cont img.ol{
	width:100%;
	top:53%;
	left:0;
	z-index:1;
}
.ani1 .logo_cont img.ol.on{
	animation:logo_g_anim 2s linear infinite;
	z-index:2;
}
@keyframes logo_g_anim{
	0% {opacity:0}
	50% {opacity:1}
	100% {opacity:0}
}
.ani1 .logo_cont img.casino{
	width:64%;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
}
/*ani2*/
@keyframes logoGlow{
0%{opacity:0}14%{opacity:0}19%{opacity:1}98%{opacity:1}100%{opacity:0}}
@keyframes logoGlowImg{
0%{opacity:1}50%{opacity:.75}100%{opacity:1}
}
@keyframes logoIcon{
0%{opacity:0;-webkit-transform:-webkit-translate(5%,-15%);transform:translate(5%,-15%)}5%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}98%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
}
@keyframes logoC{
0%{opacity:0;-webkit-transform:-webkit-translate(10%,-25%);transform:translate(10%,-25%)}2%{opacity:0;-webkit-transform:-webkit-translate(10%,-25%);transform:translate(10%,-25%)}7%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}98%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
}
@keyframes logoSpade{
0%{opacity:0;-webkit-transform:-webkit-translate(15%,-30%);transform:translate(15%,-30%)}4%{opacity:0;-webkit-transform:-webkit-translate(15%,-30%);transform:translate(15%,-30%)}9%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}98%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
}
@keyframes logoText{
0%{opacity:0;-webkit-transform:-webkit-translateY(-15%);transform:translateY(-15%)}6%{opacity:0;-webkit-transform:-webkit-translateY(-15%);transform:translateY(-15%)}11%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}98%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
}
@keyframes logoCool{
0%{opacity:0;-webkit-transform:-webkit-translateY(15%);transform:translateY(15%)}8%{opacity:0;-webkit-transform:-webkit-translateY(15%);transform:translateY(15%)}15%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}98%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
}
@keyframes logoCasino{
0%{opacity:0;-webkit-transform:-webkit-translateY(-15%);transform:translateY(-15%)}8%{opacity:0;-webkit-transform:-webkit-translateY(-15%);transform:translateY(-15%)}15%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}98%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
}
@keyframes logoShades{
0%{opacity:0;transform:scale(0)}10%{opacity:0;transform:scale(0)}15%{opacity:1;transform:scale(1.1)}20%{opacity:1;transform:scale(1)}98%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}
}

.ani2{
    width: 410px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.ani2 div {
    position: absolute;
    z-index: 1;
}
.ani2 div .panel-img {
    width: 100%;
    position: relative;
}

.ani2 div img {
    position: absolute;
}
.logo-img {
    width: 100%;
    opacity: 0;
}
.ani2 .glow {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: logoGlow 12s ease infinite;
}
.ani2 .glow img {
    width: 100%;
    position: relative;
    animation: logoGlowImg .8s ease infinite;
}
.ani2 .logo-icon {
    width: 53.18%;
    top: 8.75%;
    left: 0;
    right: 5.75%;
    margin: 0 auto;
}
.ani2 .logo-icon .panel-img {
    animation: logoIcon 12s ease infinite;
}
.ani2 .logo-icon .c {
    width: 64.22%;
    left: 5%;
    right: 0;
    top: 11%;
    margin: 0 auto;
    animation: logoC 12s ease infinite;
}
.ani2 .logo-icon .spade {
    width: 22.48%;
    left: 13%;
    right: 0;
    top: 0;
    bottom: 21%;
    margin: auto;
    animation: logoSpade 12s ease infinite;
}
.ani2 .logo-text {
    width: 48.54%;
    bottom: 15%;
    left: 5.5%;
    right: 0;
    margin: 0 auto;
    animation: logoText 12s ease infinite;
}
.ani2 div .panel-img {
    width: 100%;
    position: relative;
}
.ani2 .logo-text .cool {
    width: 88.45%;
    top: 6%;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation: logoCool 12s ease infinite;
}
.ani2 .logo-text .casino {
    width: 89.95%;
    bottom: 3.75%;
    left: 0;
    right: 1%;
    margin: 0 auto;
    animation: logoCasino 12s ease infinite;
}
.ani2 .logo-text .shades {
    width: 41.71%;
    top: -17%;
    right: -13.5%;
    animation: logoShades 12s ease infinite;
}


/**/
@keyframes circle {
    from {left: -100%;}
    to {left: 150%;}
}
@keyframes blink {
    from {color: #000;}
    to {color: #971a1a;}
}
@keyframes circle {
    from {left: -100%;}
    to {left: 150%;}
}
@keyframes blink {
    from {color: white;}
    to {color: #fa39e7;}
}

@keyframes bannerText{
	0%{opacity:0;transform:translateX(100%)}
	20%{opacity:1;transform:translateX(0)}
	95%{opacity:1;transform:translateX(0)}
	100%{opacity:0;transform:translateX(0)}
}
@keyframes login_ani{
	0%{opacity:0;}
	100%{opacity:1;top:0px}
}