@charset "utf-8";
/* CSS Document */

body{font-family: 'Lora', serif;
background-color:#2f0327;}

.cl{color:#fff;
font-weight: bold;}
.top{width: 100%;
        border: solid #fff 2px;
		    background-color: #fd8f1c;
   }

.top1{width: 100%;
    padding-top: 20px;
    padding-bottom: 25px;
   
    background-color:#003300;}
	
.top2{width: 100%;
      
    background-color:#2f0327;}	
	
.box{background-color: #CEF6F5;
border: solid #000 1px;
padding: 16px;}

@media (min-width: 250px) {
	.box{background-color: #2f0327;
border: solid #fff 1px;
padding: 16px;
  
	}
	
@media (min-width: 768px) {
	.box{background-color: #2f0327;
border: solid #fff 1px;
padding: 16px;
}
	}	




.box1{    background-color: #2f0327;
border: solid #fff 1px;
padding: 16px;}


@media (min-width: 250px) {
	.box1{background-color: #2f0327;
border: solid #fff 1px;
padding: 16px;
   }
	}
	
@media (min-width: 768px) {
	.box1{background-color: #2f0327;
border: solid #fff 1px;
padding: 16px;
}
	}	


.red{color:#fe8f1c;
font-size:22px;}	
	
.bottom{    width: 97%;
    /* border: solid #FFCC66 2px; */
    padding: 10px;
    
    padding-bottom: 18px;}	

.bottom1{width: 97%;
    padding: 3px;
    background-color: #2f0327;}	
	
	
/*Blink csss*/	

	.blink{
		
	    
			
		text-align: center;
	
	}
	span{
		font-size: 25px;
		
		color: white;
		animation: blink 2s linear infinite;
	}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}

.marquee-box {
    background: #993333;
    border: 1px #0C0 solid;
    border-radius: 10px 10px 10px;}
	
.satta-1 {
    background: #f8f6f6;
    padding: 10px 10px 10px;
}	


.mr-12 {
    margin-bottom: 25px;
}


.red a:hover{
	color: ;
}


a:focus, a:hover {
    color: #fe8f1c;
    text-decoration: underline;
}