body
{
    margin:0;
    /*background-color:#e7f1fa;*/
    background-color:#fff;
   font-family: arial, sans-serif;
}

 #hidden
 {
     display:none
 }
img
{
     border:0;
}
.logo_flash
{
    height: 85px;
    width: 80%;
    margin: .5em;
    float: right;
}

/*#top1
{
    font-size:.7em;
    background-image:url('../img/top1.jpg');
 
text-transform:uppercase;
width: 100%;
text-align:center;
}*/

#left
{
    text-align:right;
   float: left;
height: 100px;
width: 52%;
color:White;
}

#left img
{
   margin:auto;
      height:100px;
    float:right;
    padding-left:30%;
    
}


#right
{
   float: right;
margin: 0px;
height: 100px;
width: 45%;
}
#right h4
{
    font-family: 'Roboto', 'sans-serif';
    margin:0;
    float:left;
    color:#6CB5FF;
    padding-left: 25px;
}



#content
{
    background-color:White;
    height:auto;
    width:80%;
    margin:auto;
    bottom:0;
}
.left
{
    float:left;
 
    z-index:10;
  
  
   
    
position: absolute;
bottom: -13px;

left: 0;

}
.left1
{
    float:left;
    z-index:10;
    /* height:100px; */
    /* width:10em; */
    position: absolute;
    bottom: 14%;
    left: 12em;
}

.right
{
    float:right;
   
    z-index:12;
   
    
position: absolute;
bottom: 2%;

right: 0;

}
.rightMax
{
    float:right;
   
    z-index:12;
   
    
position: absolute;
bottom: 11%;

right:200px;

}


/*  SECTIONS 0 */
.section0 {
	clear: both;
	padding: 0px;
	margin: 0px;
	width:100%;
	display:inline-block;
	border-bottom:2px solid #fff;
	
	
	
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;

}
.col:first-child { margin-left: 0; }

/*grouping for content*/



/*  GROUPING  */
.group0:before,
.group0:after {
	content:"";
	display:table;
}
.group0:after {
	clear:both;
	
}
.group0 {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWO  */
.section0 .span_2_of_2 {
	width: 47%;
	background-color:#fdd82c;
	height:105px;
	padding-top:5px;
}
.section0 .span_1_of_2 {
	width:47%;
	background-color:#dcee69;
	height:105px;
	
}
.section0 .span_1_of_2 img
{
    margin-top:1%;
    float:left;
    padding-left: 20%;
   
   
}
.section0 .span_2_of_2 h4 {
	float:left;
	padding-left:4%;
	color:#14a91e;
	font-weight:bold;
	margin:0;
}
.section0 .span_2_of_2 #logo 
{
    width:100%;
    height:105px;
}






/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (min-width: 240px) and (max-width: 600px) {
	.section0 .col { 
		margin: 0 0 1% 0%;
		z-index: 20;
position: relative;




	}
}


@media only screen and (max-width: 240px)
{
   
   .section0 .news2
   {
       display:none;
   }
   
    
}

/*End of section 0*/


/*  SECTIONS 1  */
.section1 {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.section1 .col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.section1 .col:first-child { margin-left: 0; }

/*grouping for content*/



/*  GROUPING  */
.group1:before,
.group1:after {
	content:"";
	display:table;
}
.group1:after {
	clear:both;
}
.group1 {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWO  */
.section1 .span_2_of_2 {
	width: 33.4%;
	height:344px;
	
	
}

.section1 .span_2_of_2 .up
{
    display:inline-block;
    height:110px;
    width:100%;
    margin-bottom:1.8%;
}

.section1 .span_2_of_2 .up .navone, .navtwo

{
    
   background-color: #97ddff;
    width:40%;
  
    height:172px;
    float:left;
    text-align:center;
  margin-bottom:3%;
     /* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}

.section1 .span_2_of_2 .down .navthree,.navfour

{
      
   background-color: #97ddff;
     width:40%;
  
    height:172px;
    float:left;
    text-align:center;
     margin-bottom:3%;
     /* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}


.section1 .span_2_of_2 .down
{
    display:inline-block;
    height:172px;
      width:100%;
}

.section1 .span_1_of_2 {
	width: 65%;
	
}

.section1 .span_1_of_2 p
{
    color:#3F3D3B;
    text-align:justify;
   padding-top:2%;
   font-size:.75em;
  line-height: 18px;
word-spacing: 4px;
   margin:0 5% 0 2%;
}


@media only screen and (min-width:240px) and (max-width: 1024px)
{
 #hidden
 {
  cursor:pointer; font-weight:bold; display: block;height: 30px;width: 100%;background-color: #fdd82c;line-height: 30px;text-align: center;clear: both;color: #000;margin-bottom:0px!important;font-size:15px;
 }
    .section0 .span_2_of_2 
    {
        display:none
	
}
.section0 .span_1_of_2 {
	width: 100%;
}

.section0 .centerimg
{
    display:none;
}

.section0 .span_1_of_2 img 
{
    height:105px;
    margin:0;
    width:100%;
}

.section0 .span_2_of_2 #news_s
{
    width:100%;
}
.section0 .span_2_of_2 .news
{
    width:100%;
    margin-left:0;
}
.section0 .span_2_of_2 .news-right
{
    width:170px;
    font-size:.6em;
    
}
.section1 .col { 
		margin: 1% 0 1% 0%;
	}
    .section1 .span_2_of_2 {
	width: 100%;
	margin:0;
	
}
.section1 .span_1_of_2 {
	width: 100%;
}
.section1 .span_1_of_2 #pmsg,#amsg{
	height:15px;
	width:100%;
}	
	.section1 .span_2_of_2 {
	width: 100%;
	margin-bottom:6%
}
.section1 .span_1_of_2 {
	width: 100%;
}
.section1 .span_1_of_2 img{
	height:20px;
}

.section1 .span_1_of_2 p img
{
    width:95%;height:140px;margin:auto;
}
}

/*End of section 1*/

/*  SECTIONS 2 */
.section2 {
	clear: both;
	padding: 0px;
	margin: 0px;
	
}

/*  COLUMN SETUP  */
.section2 .col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.section2 .col:first-child { margin-left: 0; }


/*  GROUPING  */
.group2:before,
.group2:after {
	content:"";
	display:table;
}
.group2:after {
	clear:both;
}
.group2 {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.section2 .span_3_of_3 {
	width: 29%;
}
.section2 .span_2_of_3 {
	width: 32.2%;
}
.section2 .span_1_of_3 {
	width: 68%;
	
}
.section2 .span_1_of_3 p b
{
    font-weight:bold;
    font-size:1em;
    
}
.section2 .span_1_of_3 p
{
    color:black;
   margin:0 2% 0 2%;
    font-size:.9em;
    padding-bottom:.3em;
    
   
    
}

.section2 .span_1_of_3 span:hover
{
color:#e93d3d;
       
         cursor:pointer;
}


.section2 .span_2_of_3 p b
{
    font-weight:bold;
    font-size:1em;
    
}
.section2 .span_2_of_3 p
{
     color:black;
   margin:0 2% 0 2%;
    font-size:.9em;
    padding-bottom:2%;
   
}
.section2 .span_2_of_3 span:hover
{
color:#e93d3d;
      
         cursor:pointer;
}

.section2 .span_3_of_3 p b
{
    font-weight:bold;
    font-size:1em;
    
}
.section2 .span_3_of_3 p
{
     color:Black;
   margin:0 2% 0 2%;
    font-size:.9em;
    padding-bottom:.3em;
   
    
}
.section2 .span_3_of_3 span:hover
{
color:#e93d3d;

         cursor:pointer;
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS

@media only screen  and (min-width:0px) and (max-width: 880px) 
{
    #btnCancel1{ display:none;}
    } */


@media only screen  and (min-width:240px) and (max-width: 480px) {
	.section2 .col { 
		margin: 1% 0 1% 0%;
	}
	.section1 .span_1_of_2 p img
	{
	    width:100%;
	}
	.rightMax
	{
	    display:none
	}
	/*#btnCancel1{ display:none;}*/
}

@media only screen and (max-width: 480px) {
	.section2 .span_3_of_3 {
		width: 100%; 
		
	}
	.section2 .span_2_of_3 {
		width: 100%;
		
	}
	.section2 .span_1_of_3 {
		width: 100%;
	}
	
	/*#btnCancel1{ display:none;}*/
}

/*   hiding bottom columns */

@media only screen and (min-width240px) and (max-width: 320px) 
{
    .section2 .col { 
		margin: 1% 0 1% 0%;
	}
    
	.section2 .span_3_of_3 {
		width: 100%; 
		display:none;
	}
	.section2 .span_2_of_3 {
		width: 100%;
		display:none; 
	}
	.section2 .span_1_of_3 {
		width: 100%;
		display:none; 
	}
	
	/*#btnCancel1{ display:none;}*/
}
/*  hiding bottom columns*/

@media only screen and (min-width:568px) and (max-width: 1024px) 
{
    .section2 .col { 
		margin: 1% 0 1% 0%;
	}
	.section2 .span_3_of_3 {
		width: 100%; 
		display:none;
	}
	.section2 .span_2_of_3 {
		width: 100%;
		display:none; 
	}
	.section2 .span_1_of_3 {
		width: 100%;
		display:none; 
	}
	.section1 .span_1_of_2 #pmsg, #amsg
	{
	    width:100%;
	    height:20px;
	}
	
}

@media only screen and (max-width: 1024px) {
.section1 .span_1_of_2 p img
{
  width: 35%;
height: 120px;
margin: auto;
margin-bottom: 2%;
margin-right: 2%;  
}
	.section0 .span_1_of_2 img
	{
	    width:100%;height:105px;padding:0;
	}
	
}

/*End of section 2*/

#footer
{
  color:#514949;
   
    font-size:.7em;
   
 text-align:center;
display: block;
word-spacing: 10px;
}
#footer p
{
     color:#514949;
  margin:.5%;
    font-size:1.2em;
    font-weight:normal;
 text-align:center;
display: block;
word-spacing: 2px;
}
#footer ul
{
    text-transform: uppercase;
list-style-type: none;
padding: 0;
margin: 0;
display: inline-block;


}
#footer li
{
    display:inline;
   
}

.main
{
     border-top:solid 1px #97ddff;
    border-bottom:solid 0px #97ddff;
    height:160px;
    padding-top: 8px;
    margin:0;
    padding-left:1.2em;
}

#footer span
{
    font-size:.8em;
}
.span_2_of_3 .main
{
    float:left;
    display:inline-block;
    width:100%;
}

.main .left1
{
    width:45%;
   text-align:center;
    height:auto;
 margin:auto;
 display:inline-block;
}
.main .right1
{
    width:45%;float:left; height:150px;
}
.mainTopper
{
     border-top:solid 1px #97ddff;
    border-bottom:solid 0px #97ddff;
    height:160px;
}

@media only screen and (min-width:240px) and (max-width: 1024px) 
{
    #content
    {width:100%
    }
    body
    {
        overflow-x:hidden;
    }
    .news-in
    {
        width:100%
    }
    iframe#timer
    {
        display:none
    }
    .news-in.,#content
    {
        width:100%;
       
    }
    #cbp-tm-menu span
    {
        display:none;
    }
    .section2
    {
        display:none;
    }
    .logo_flash
    {
        width:95%;
        
    }
.peShiner{display:none;}
}

/*Back to Top Code*/
#elevator_item {
width: 60px;
height: 100px;
position: fixed;
right: 15px;
bottom: 10px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 45px;
height: 40px;
background: url(../img/icon_top.png) center center no-repeat;
background-color: #444;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}
#elevator:hover {
background-color: rgba(0,0,0,.7)
}
#elevator:active {
background-color: rgba(0,0,0,.75)
}
.readmore{  
   
    color: #ee4949;
   
    z-index:9;
   
    text-decoration: none; font-size:.9em; text-transform:capitalize;
    position: relative; bottom: 0; right: 0; width: 100px; text-align:right;
    float:right;
    font-weight:bold;
    
    }
    #footer a
    {
        color:#514949;
       text-decoration:none;
       font-weight:normal;
        word-spacing: .2em;
    }
     #footer a:hover
     {
         color:#e93d3d;
        cursor:pointer;
     }
     
    #lbldetails
     {
         color:#ef4949;
         font-size:.6em;
         margin-left:12px;
         font-weight: bold;
        
     }
      #lbldetails span
      {
          font-weight:initial;
          color:Black;
      }
      #lblalbumtitle
      {
           color:#ef4949;
         font-size:.6em;
         margin-left:12px;
         float:left;
         font-weight: bold;
        
      }
      #lblalbumtitle span
      {
          font-weight:initial;
          color:Black;
      }
      
   /*bOTTOM iCONS*/
   .bottom-icons{display:inline-block;}
.bottom-icons ul{ list-style:none; margin:0; padding:0; float:right; }
.bottom-icons ul li{float:left; padding: .3em;}
.mailus a{ background:url(../images/bottom-icons.png) -2px -7px no-repeat; width:23px; height:16px; display:block;transition: all 0.8s ease 0s; margin-top:5px;}
.mailus a:hover{ margin-top:0px; }
.reachus a{ background:url(../images/bottom-icons.png) -43px -2px no-repeat; width:23px; height:21px; display:block;transition: all 0.8s ease 0s;margin-top:2px;}
.reachus a:hover{ margin-top:-3px; }
.writeus a{ background:url(../images/bottom-icons.png) -71px 0px no-repeat; width:26px; height:22px; display:block;transition: all 0.8s ease 0s;}
.writeus a:hover{ margin-top:-5px; }
.sitemap a{ background:url(../images/bottom-icons.png) -114px -5px no-repeat; width:19px; height:17px; display:block;transition: all 0.8s ease 0s;margin-top:5px;}
.sitemap a:hover{ margin-top:0px; }



/*-----counter---------*/
#footer > div.visitor
{
    font-size: 1.5em;
font-weight: bold;
padding-top: .5em;
word-spacing: .02em;
}
.aap_icon_box{ width: 97%; text-align: center;}

.aap_icon_Contain{ width: 100%; text-align: center; float: left;  padding: 16px 0px; margin-top: 1px; /* margin: 0 auto; */ /* margin-left: 122px; */background-color: #ffffff;}
.google_play{ margin-right:5px;}
.Text_Span{ float:right; color: #000; font-size: 12px; width: 100%; font-weight: bold; font-family:arial; }
.Text_Span b{ font-size:16px;}
.code_box{ font-size:15px; display: block;}
.center_li{ margin: 1px 49px;}
.aap_icon_Contain ul li{ display:inline-block; vertical-align: top;}
.aap_icon_Contain ul{ padding:0; margin:0;}


@media only screen  and (min-width:1200px) and (max-width: 1300px) {

.main
{
    padding-left: 12px;
}
}

@media(max-width: 767px)
{
#btnCancel1{ width:90%; margin:0 auto;}
.flyer-m{ max-width:90%; position:absolute!important; top:20px!important;}
#iframeid{ max-width:100%;}
.close-flyer{ position:absolute; right:1px; top:1px; border:none; display:block; width:50px; height:50px;}
.flyerbtnnew input[type="submit"]{border:none; display:block; width:50px; height:50px; background:url(../images/close-flyer.png) no-repeat center center; background-color:none; border:none; margin-top:-10px; margin-right:-10px;}
}