@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,table,td,tr,input{margin:0px;padding:0px;line-height:150%;}
div,body,tr,th{text-align:center;}
div, span, th, td, dt, dd, h1, h2, h3, h4, h5, h6, em, strong, i, a, b, a, p, ul, li {word-wrap:break-word;}
body{font-size:14px; font-family:Arial, Helvetica,verdana, sans-serif;}
table{border-collapse:collapse;border-spacing:0;margin-left:auto;margin-right:auto;border-width:0 none;}
ol,ul,li {list-style-type:none;}

a,a:link {text-decoration:none;color:#000;}
a:visited {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;color:#900;}
a:active {text-decoration:none;color:#000;}
a{text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:none;}
.clear{	height: 1px;background-color: transparent;overflow: hidden;clear: both;}

.height_5{
	height:5px !important;
	_height:5px;
	overflow:hidden;
}
.height_30{
	height:30px !important;
	_height:30px;
	overflow:hidden;
}



body{
	background-image:url(../images/gameInfo/newFeature/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#wapper{
	width:1000px;
	height:auto !important;
	height:1412px;
	min-height:1412px;
	margin:0 auto;
	position:relative;
}
#top{
	marign:0 auto;
	height:273px;
	width:1000px;
	background-image:url(../images/gameInfo/newFeature/top.jpg);
	position:relative;
	}
#txtTitleBg{
	width:1000px;
	height:224px;
	background-image:url(../images/gameInfo/newFeature/title.jpg);
	position:relative;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

.txtTitle {
	width:205px;
	height:97px;
	position:absolute;
	left:480px;
	top:-265px;
	animation: pulse 1.5s infinite;
	/* No box-shadow, no border, no background */
	border: none;
	background: none;
}



.titleCon{
	width:411px;
	height:104px;
	position:absolute;
	left:225px;
	top:62px;
	color:#683605;
	font-size:14px;
	text-align:left;
}
#content{
	width:1000px;
	height:auto !important;
	height:921px;
	min-height:921px;
	background-image:url(../images/gameInfo/newFeature/txtBg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	position:relative;
}
#conLeft{
	width:90px;
	height:auto !important;
	height:921px;
	min-height:921px;
	float:left;
}
#txtCon{
	width:750px;
	height:auto !important;
	height:921px;
	min-height:921px;
	float:left;
}
.txt1{
	font-size:14px;
	color:#000;
	text-align:left;
	line-height:150%
}

.txt2{
	font-size:14px;
	color:#fff;
	text-align:left;
	line-height:150%
}
.imgBorder img{margin:30px 0px;}
.h11{font-size:20px; color:#be0000; }
.h12{font-size:20px; color:#CF0;  }
#txtRight{
	width:149px;
	height:613px;
	margin:0 auto;
	position:relative;
	z-index:2000;
	float:left;
}
#menu{
	width:149px;
	height:613px;
	margin:0 auto;
	margin-left:25px;
	background-image:url(../images/gameInfo/newFeature/menu.png);
	background-position:149px 0px;	
	position:relative;
	z-index:2000;
}
.t1 a:link,.t1 a:visited{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:53px;	
}
.t1 a:hover,.t1 a:active{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:53px;
	background-image:url(../images/gameInfo/newFeature/menu.png);
	background-position:0px -53px;
}
.sele1 a:link,.sele1 a:visited,.sele1 a:hover,.sele1 a:active{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:53px;
	background-image:url(../images/gameInfo/newFeature/menu.png);
	background-position:0px -53px;
}
.t2 a:link,.t2 a:visited{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:169px;
}
.t2 a:hover,.t2 a:active{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:169px;
	background-image:url(../images/gameInfo/newFeature/menu.png);
	background-position:0px -169px;
}
.sele2 a:link,.sele2 a:visited,.sele2 a:hover,.sele2 a:active{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:169px;
	background-image:url(../images/gameInfo/newFeature/menu.png);
	background-position:0px -169px;
}
.t3 a:link,.t3 a:visited{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:289px;
}
.t3 a:hover,.t3 a:active{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:289px;
	background-image:url(../images/gameInfo/newFeature/menu.png);
	background-position:0px -289px;
}
.sele3 a:link,.sele3 a:visited,.sele3 a:hover,.sele3 a:active{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:289px;
	background-image:url(../images/gameInfo/newFeature/menu.png);
	background-position:0px -289px;
}
.t4 a:link,.t4 a:visited{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:393px;
}
.t4 a:hover,.t4 a:active{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:393px;
	background-image:url(../images/gameInfo/newFeature/menu.png);
	background-position:0px -393px;
}
.sele4 a:link,.sele4 a:visited,.sele4 a:hover,.sele4 a:active{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:393px;
	background-image:url(../images/gameInfo/newFeature/menu.png);
	background-position:0px -393px;
}
.t5 a:link,.t5 a:visited{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:513px;
}
.t5 a:hover,.t5 a:active{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:513px;
	background-image:url(../images/gameInfo/newFeature/menu.png);
	background-position:0px -513px;
}
.sele5 a:link,.sele5 a:visited,.sele5 a:hover,.sele5 a:active{
	width:149px;
	height:82px;
	position:absolute;
	left:0px;
	top:513px;
	background-image:url(../images/gameInfo/newFeature/menu.png);
	background-position:0px -513px;
}

.footer-section {
    width: 100%;
    height: 260px; /* Match your bottom.jpg height */
    position: relative;
    background: url('../images/gameInfo/newFeature/bottom.jpg') center bottom no-repeat;
    background-size: 100% auto; 
    margin: 0 auto;
    overflow: hidden;
}

.footer-bottom {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding: 24px 0 8px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 0;
    position: relative;
    z-index: 2;
}

.footer-logo img {
    height: 150px;
    margin-bottom: -40px;
    display: block;
}

.footer-social-list {
    display: flex;
    gap: 32px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-social-list li a {
    color: #FFD700;
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-social-list li a:hover {
    color: #FFFACD;
}


.social-icon {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    filter: drop-shadow(0 0 6px #1c1c1c);
    transition: filter 0.2s;
}

.footer-social-list li a:hover .social-icon {
    filter: drop-shadow(0 0 12px #e4dfcc) brightness(1.2);
}

.copyright {
    color: #ffde00;
    font-size: 14px;
    text-align: center;
    margin-top: 12px;
    letter-spacing: 1px;
    z-index: 2;
    position: relative;
}




#homeBtn a:link,
#homeBtn a:visited {
    width: 500px;
    height: 189px;
    background-image: url(../images/gameInfo/newFeature/homeBtn.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 577px; /* Adjust as needed */
    top: -15px;
    display: block;
    /* Removed border-radius and box-shadow! */
    transition:
        transform 0.22s cubic-bezier(.4,1.4,.6,1);
    outline: none;
    z-index: 10;
    cursor: pointer;
}

#homeBtn a:hover,
#homeBtn a:active {
    transform: scale(1.09) rotate(-2deg);
    
}





#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, #050505 60%, #000000 100%);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}


.burst {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255,255,255,0.05), transparent 70%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
    animation: burstFlash 2s ease-out forwards;
}

@keyframes burstFlash {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(0.7); }
    30% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(1.5); }
}

.loader-stage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.loader-circle {
    width: 128px;
    height: 128px;
    animation: spinFlame 4s linear infinite, glowPulse 2s ease-in-out infinite;
    margin-bottom: 12px;
    margin-left: -220px;
    margin-top: 12px;
}

.logo-image1 {
    width: 210px;
    max-width: 120%;
    position: relative;
    z-index: 2;
    filter:
        brightness(1.1)
        contrast(1.05)
        drop-shadow(0 0 6px rgba(255, 255, 255, 0.2));
    margin-bottom: 12px;
    margin-left: -10px;
}

.loader-text {
    font-family: 'Corleone', serif;
    font-size: 1.2rem;
    color: #ffffff;
    text-shadow: 0 0 6px rgba(128, 0, 0, 0.4);
    margin: 0;
    padding: 0;
    margin-top: -47px;
}

.pulse {
    animation: textPulse 1.5s infinite ease-in-out;
}


@keyframes spinFlame {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes glowPulse {
    0%, 100% { filter: drop-shadow(0 0 4px rgba(128, 0, 0, 0.3)); }
    50% { filter: drop-shadow(0 0 8px rgba(255, 0, 0, 0.4)); }
}

@keyframes textPulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
        transform: scale(1.05);
    }
}


.loader-logo {
    display: none !important;
}