body{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:400; 
    background:url(../images/bg.jpg); background-size: cover 100%; 
    background-repeat:no-repeat; margin:0px ; padding:0px; }
	
#game_page{
	width: 100%;
}
.main-row {
   width: 100%;
	max-width: 94%; 
    margin: 0px auto;
    padding:45px 0px 0px;
}
#Instructions_page {max-width:1023px; margin:0 auto;}
.left-panel{ 
    width: 28%;
    float: left;
    margin-right: 40px;
    position: relative;
    z-index: 9999;

 }
.left-panel-in{ width:100%; min-height:auto; background:#fff; color:#000; font-size:22px; line-height:normal; padding:10px; height: 70vh;  }
.left-panel-icon{ width:100%; height:auto; padding:10px 0px;   }
.left-panel-icon1{ width: 50%; height:auto; float:left; text-align:center; }
.left-panel-icon2{ width: 50%; height:auto; float:right;text-align:center; }
.panel-in-text {
    text-align: center;
    padding:20px 0px 0px;min-height:400px;
}
.blue{ color:#0090ff; font-weight:bold; }
.red{ color:#ff4e00; font-weight:bold; }
h1 {

    padding: 0px ;
    font-size: 38px;

}

.number-bg1 {
    width: 100%;
    height: 94px;
    background: url(../images/bg2.png);
        background-size: auto auto;
    background-size: 100% 100%;
    font-weight: bold;
    text-align: center;
    padding-top: 22px;
}

.crl{ clear:both; }

.right-panel{

    width:68%;
    float: left;
    position: relative;
	text-align:center;
}

.right-box1 {
    width: 40%;
    height: auto;
	display:inline-block;  
    margin-right: 25px;
	margin-left: 25px;
    background: #fff;
    margin-bottom:30px;
    border: 3px solid #000;
	    position: relative;
}

.custom-row-footer {
    margin-top: 20px;
    bottom: 20px;
    position: fixed;
    width:62%;
}

/* .right-box1:hover{border:3px solid #00ff00;} */

.right-color {
    background: #fff;
    text-align: center;
    font-size:15px;
    padding:8px 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.right-img img{ width:100%;     height: 300px; }
.right-full {

    width: 100%;
    height: auto;
    float: left;

}
.right-full img {
    width: 70%;
    margin: 0px auto;
}

.margin0{ margin:0PX; }

.cancle-img {
    position: absolute;
    float: right;
}
.abs {
    width: 68%;
    height: auto;
    float: left;
    text-align: right;
    margin-top:-92px;
}
.abs img{ width: 90px; }


.abs-right{
    width: 65%;
    height: auto;
    float: left;
    text-align: right;
    margin-top: -63px;
}
.abs-right img{ width: 90px; }

.right-img1 {
    position: absolute;
    float: right;
    margin-top: -30px;
}

.boder0{ border:0px; margin-bottom:20px;}
.boder0:hover{ border:0px; }

.opacity{ background:000; }
.opacity .right-img{ opacity:0.8; }
.opacity .right-color{ opacity:0.7; }
.down-center{ width:100px;}
.down-center1 { width:120px;}

.inner-page { background:#fff; padding:15px; color: #000; margin-bottom:20px;

  border: 6px solid #000;
 
 }

.inner-page:before{  border:10px solid #000;}






.inner-page h2{ 

    text-align: center;
    margin: 0;
    margin-bottom: 20px;
    font-size: 45px;
    font-family: 'open_sansbold';
    color: #0073eb;
    text-shadow: 0 5px 5px #000;

 }
.sub-title{ font-size:24px; font-weight:bold; margin-bottom:0px; padding-bottom:0px; }

.inner-page-box {

    width: 100%;
    height: auto;
    float: left;
    text-align: center; padding:10px 0px 15px;

}
.inner-page-box .right-box1{ float:none; margin:0px auto; }
.inner-page  .left-panel-icon1{ text-align:center; width:100%; }
.inner-page .left-panel-icon2{ text-align:left;width:48%; }
.inner-page .left-panel-icon{ padding:0px; }

.title4 {
    width: 100%;
    font-weight: bold;
    float: left;
    text-align: center;
    color: #fff;
    padding: 0px 0px 15px;
    font-size: 35px;
    color: yellow;
    margin-top: -18px;
	text-transform:uppercase;
}

.north-box {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
   padding-bottom: 5px;
    color: yellow;
    font-size: 22px;
      font-weight: bold;

}

.waoo{
    width: 100%;
    text-align: center;
    position: absolute;
    color: yellow;
    z-index: 9999999999;
    top:42%;
    font-size: 105px;
    text-shadow: 2px 6px #000000;
    font-weight: 600;
}

.hover-effact{
       width: 0px;
    /* height: 220px; */
    position: absolute;
    z-index: 9999;
    background: #000;
    margin-top: 0px;
    opacity: 1.0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  
}

@media (max-width:1366px){
	.right-img img{ width:100%;     height: 200px; }
	

}
@media (max-width:1024px) {
.right-panel {
    width: 66%;
	
	
}
#Instructions_page {
    max-width:750px;
}
}