/*======== ANIMATION ==================*/
.down-scroll{
	-webkit-animation-name: down-scroll; 
     animation-name: down-scroll;
	-moz-animation-name: down-scroll;
	-o-animation-name: down-scroll;
	-ms-animation-name: down-scroll;
	
	-webkit-animation-duration: 0.5s; 
    animation-duration: 0.5s; 
	-moz-animation-duration:0.5s;
	-o-animation-duration: 0.5s;
	-ms-animation-duration: 0.5s;
    
	-webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both; 
   
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
    -moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	-ms-animation-timing-function: ease-in;  
}
@-webkit-keyframes down-scroll { 
   0% {
	   margin-top:-1%;
	}

  70% {
  	 margin-top:0%;
  }
} 
@keyframes down-scroll { 
0% {
	   margin-top:-1%;
	}

  70% {
  	 margin-top:0%;
  }
} 
@-moz-keyframes down-scroll { 
    0% {
	   margin-top:-1%;
	}

  70% {
  	 margin-top:0%;
  }
} 
@-o-keyframes down-scroll{ 
   0% {
	   margin-top:-1%;
	}

  70% {
  	 margin-top:0%;
  }
} 
@-ms-keyframes down-scroll { 
   0% {
	   margin-top:-1%;
	}

  70% {
  	 margin-top:0%;
  }
} 
.top-scroll{
	-webkit-animation-name: top-scroll; 
     animation-name: top-scroll;
	-moz-animation-name: top-scroll;
	-o-animation-name: top-scroll;
	-ms-animation-name: top-scroll;
	
	-webkit-animation-duration: 0.5s; 
    animation-duration: 0.5s; 
	-moz-animation-duration:0.5s;
	-o-animation-duration: 0.5s;
	-ms-animation-duration: 0.5s;
    
	-webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both; 
   
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
    -moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;  
}
@-webkit-keyframes top-scroll { 
    0% {
	   margin-top:0%;
	}

  70% {
  	 margin-top:-0.2%;
  }
} 
@keyframes top-scroll { 
  0% {
	   margin-top:0%;
	}

  70% {
  	 margin-top:-0.2%;
  }
} 
@-moz-keyframes top-scroll { 
    0% {
	   margin-top:0%;
	}

  70% {
  	 margin-top:-0.2%;
  }
} 
@-o-keyframes top-scroll{ 
    0% {
	   margin-top:0%;
	}

  70% {
  	 margin-top:-0.2%;
  }
} 
@-ms-keyframes top-scroll { 
   0% {
	   margin-top:0%;
	}

  70% {
  	 margin-top:-0.2%;
  }
} 
@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
@keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
@-moz-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
@-o-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
@-ms-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

.css3-blink {
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
  
  keyframes-animation-name: blinker;  
  keyframes-animation-iteration-count: infinite;  
  keyframes-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  keyframes-animation-duration: 1s;
  
  -moz-keyframes-animation-name: blinker;  
  -moz-keyframes-animation-iteration-count: infinite;  
  -moz-keyframes-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -moz-keyframes-animation-duration: 1s;
  
  -o-keyframes-animation-name: blinker;  
  -o-keyframes-animation-iteration-count: infinite;  
  -o-keyframes-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -o-keyframes-animation-duration: 1s;
  
  -ms-keyframes-animation-name: blinker;  
  -ms-keyframes-animation-iteration-count: infinite;  
  -ms-keyframes-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -ms-keyframes-animation-duration: 1s;
}
.event-down-open{
	-webkit-animation-name: event-down-open; 
     animation-name: event-down-open;
	-moz-animation-name: event-down-open;
	-o-animation-name: event-down-open;
	-ms-animation-name: event-down-open;
	
	-webkit-animation-duration: 1s; 
    animation-duration: 1s; 
	-moz-animation-duration:1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
    
	-webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both; 
   
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
    -moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	-ms-animation-timing-function: ease-in;  
}
@-webkit-keyframes event-down-open { 
   0% {
	   margin-top:2%;
	}

  100% {
  	 margin-top:-11%;
  }
} 
@keyframes event-down-open { 
 0% {
	   margin-top:2%;
	}

  100% {
  	 margin-top:-11%;
  }
} 
@-moz-keyframes event-down-open { 
    0% {
	   margin-top:2%;
	}

  100% {
  	 margin-top:-11%;
  }
} 
@-o-keyframes event-down-open{ 
    0% {
	   margin-top:2%;
	}

  100% {
  	 margin-top:-11%;
  }
} 
@-ms-keyframes event-down-open { 
    0% {
	   margin-top:2%;
	}

  100% {
  	 margin-top:-11%;
  }
}
.event-down-close{
	-webkit-animation-name: event-down-close; 
     animation-name: event-down-close;
	-moz-animation-name: event-down-close;
	-o-animation-name: event-down-close;
	-ms-animation-name: event-down-close;
	
	-webkit-animation-duration: 1s; 
    animation-duration: 1s; 
	-moz-animation-duration:1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
    
	-webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both; 
   
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
    -moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	-ms-animation-timing-function: ease-in;  
}
@-webkit-keyframes event-down-close { 
    0% {
	   margin-top:-11%;
	}

  100% {
  	 margin-top:2%;
  }
} 
@keyframes event-down-close { 
  0% {
	   margin-top:-11%;
	}

  100% {
  	 margin-top:2%;
  }
} 
@-moz-keyframes event-down-close { 
    0% {
	   margin-top:-11%;
	}

  100% {
  	 margin-top:2%;
  }
} 
@-o-keyframes event-down-close{ 
     0% {
	   margin-top:-11%;
	}

  100% {
  	 margin-top:2%;
  }
} 
@-ms-keyframes event-down-close { 
    0% {
	   margin-top:-11%;
	}

  100% {
  	 margin-top:2%;
  }
} 
/*================= ANIATION ======================*/
.content {
	background-color: #F1F1F1;
}

#footer {
	color: #CCCCCC;
	background-color: #333333;
}

#items-carousel {
	height: 310px;
}
.toper-bdr{
	width:100%;
	float:left;
	height:85px;
	/*background:url(../img/clor_bg.jpg) */
background:url(../img/clor_bg_tophdr.jpg)no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;


/*
background: linear-gradient(65deg,rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.9));
background: -webkit-linear-gradient(65deg,rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.9));
background: -moz-linear-gradient(65deg,rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.9));
background: -o-linear-gradient(65deg,rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.9));
background: -ms-linear-gradient(65deg,rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.9));
background: linear-gradient(65deg,rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.9));
border-top: 1px solid rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0 1px 0px rgba(255,255,255,0.4);
box-shadow: inset 0 1px 0px rgba(255,255,255,0.4);
*/
}

.myhdr-left-prt{
	width:20%;
	float:left;
	height:85px;
	/*border:1px solid #06F;*/
}
.myhdr-center-prt{
	width:60%;
	float:left;
	height:85px;
	/*border:1px solid #06F;*/
}
.myhdr-right-prt{
	width:20%;
	float:left;
	height:85px;
	/*border:1px solid #06F;*/
}
.calcutta-logo-prt{
	width:40%;
	float:left;
	margin-left:6%;
	margin-top:2%;
	/*border:1px solid #06F;*/
}
.calcutta-logo-prt img{
	width:100%;
	height:75px;
}
.right-menu-icn-prt{
	width:50%;
	float:right;
	/*border:1px solid #06F;*/
}


.school-name-logo-prt{
	width:100%;
	float:left;
	margin-left:0%;
	margin-right:0%;
	margin-top:3%;
}
.school-name-logo-prt img{
	width:100%;
	height:50px;
}
.full-modal-bg-prt{
	width:100%;
	float:left;
	/*background:#96C;*/
	
	border: 1px solid rgba(0, 0, 0, 0.8);
background: #191919;
background: rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-o-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

/*
background: -webkit-gradient(linear, center top, center bottom, from(#327AA4),color-stop(45%, #2E4B5A), to(#5CB0DC));
background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background: -webkit-gradient(linear, center top, center bottom, from(#327AA4),color-stop(45%, #2E4B5A), to(#5CB0DC));
border: solid 1px #102A3E;
*/
	height:700px;
}
.headsection{
	width:100%;
	float:left;
	margin-top:1%;
	height:30px;
	background:url(../img/clor_bg1.jpg) no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.modal-cnt-bg{
	width:100%;
	float:left;
	/*width:900px;*/
	margin-left:15px;
	margin-top:15px;
	overflow:auto;
	height:650px;
	color:#000;
	background:#FFECF1;
}
.my-content-prt{
	width:100%;
	float:left;
	height:680px;
	color:#339;
	border:1px solid #006;
}
.my-drop-dow{
	/*background:#933;*/
}
/*================ TOP HIDDEN MENU =====================*/
.mycover-area-open{
	width:100%;
	float:left;
	height:40px;
	background:#960;
	border:1px solid #0C0;
	visibility:visible;
	position:relative;
	z-index:1;
	
	-webkit-animation-name: mycover-area-open; 
     animation-name: mycover-area-open;
	-moz-animation-name: mycover-area-open;
	-o-animation-name: mycover-area-open;
	-ms-animation-name: mycover-area-open;
	
	-webkit-animation-duration:1s; 
    animation-duration: 1s; 
	-moz-animation-duration: 1s; 
	-o-animation-duration:1s;
	-ms-animation-duration: 1s;
    
	-webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both; 
   
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
    -moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;
}

@-webkit-keyframes mycover-area-open { 
    0% { 
        opacity: 1; 
		margin-top:-5%
    } 
    100% { 
        opacity: 1; 
	   margin-top:0%
    } 
} 
@keyframes mycover-area-open { 
    0% { 
        opacity: 1; 
		margin-top:-5%
    } 
    100% { 
        opacity: 1; 
	   margin-top:0%
    } 
} 
@-moz-keyframes mycover-area-open { 
    0% { 
        opacity: 1; 
		margin-top:-5%
    } 
    100% { 
        opacity: 1; 
	   margin-top:0%
    } 
} 
@-o-keyframes mycover-area-open { 
    0% { 
        opacity: 1; 
		margin-top:-5%
    } 
    100% { 
        opacity: 1; 
	   margin-top:0%
    } 
} 
@-ms-keyframes mycover-area-open { 
   0% { 
        opacity: 1; 
		margin-top:-5%
    } 
    100% { 
        opacity: 1; 
	   margin-top:0%
    } 
} 


.mycover-area-close{
	width:100%;
	float:left;
	background:#666;
	height:40px;

	-webkit-animation-name: mycover-area-close; 
     animation-name: mycover-area-close;
	-moz-animation-name: mycover-area-close;
	-o-animation-name: mycover-area-close;
	-ms-animation-name: mycover-area-close;
	
	-webkit-animation-duration:1s; 
    animation-duration:1s; 
	-moz-animation-duration: 1s; 
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
    
	-webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both; 
   
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
    -moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;
}

@-webkit-keyframes mycover-area-close { 
    0% { 
        opacity: 1; 
		margin-top:0%
    } 
    100% { 
       opacity: 1; 
	   margin-top:-5%
    } 
} 
@keyframes mycover-area-close { 
 0% { 
        opacity: 1; 
		margin-top:0%
    } 
    100% { 
       opacity: 1; 
	   margin-top:-5%
    } 
    
} 
@-moz-keyframes mycover-area-close { 
  0% { 
        opacity: 1; 
		margin-top:0%
    } 
    100% { 
       opacity: 1; 
	   margin-top:-5%
    }    
} 
@-o-keyframes mycover-area-close { 
  0% { 
        opacity: 1; 
		margin-top:0%
    } 
    100% { 
       opacity: 1; 
	   margin-top:-5%
    }   
} 
@-ms-keyframes mycover-area-close { 
  0% { 
        opacity: 1; 
		margin-top:0%
    } 
    100% { 
       opacity: 1; 
	   margin-top:-5%
    }   
} 

.icn-bar{
	width:100px;
	z-index:1;
	position:relative;
	float:right;
	padding:2%;
	margin-top:4%;
	
	/* CSS3 Stylings - Glass effct */
	border: 1px solid rgba(255,9,79,0.8);
	background:#191919; /* Fallback color for older browsers */
	background: rgba(0,0,0,0.1);
	box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	
	color:#FFF;
	font-weight:bold;
	text-align:center;
	cursor:default;
	-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-left-radius: 15px;
}

.icn-bar:hover{
	/* CSS3 Stylings - Glass effct */
	border: 1px solid rgba(255,9,79,1);
	background:#191919; /* Fallback color for older browsers */
	background: rgba(0,0,0,0.70);
	box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}



.fadeOutRight{
	
	
	-webkit-animation-delay: 4.4s;
    -moz-animation-delay: 4.4s;
    -o-animation-delay: 4.4s;
    -ms-animation-delay:4.4s;
    animation-delay:4.4s;  
}
@-webkit-keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0%); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-20%); 
    } 
}

/*================ TOP HIDDEN MENU =====================*/

.my-under-menu-part{
	width:100%;
	float:left;
	position:relative;
	z-index:1;
	height:auto;
	/*background:#BB377C;	*/
}
.clss-nav{
	width:100%;
	float:left;
	/*height:0px;
	margin-top:-75px;*/
	
}

/*----------- LEFT SOCIAL ICON ---------*/
#navs {
  position: fixed;
  left: 10px;
  bottom: 30px;
  width: 43px;
  height: 43px;
  line-height: 40px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

#navs>li,
#navs:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
 background: #FECCB1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlY2NiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxNzQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VhNTUwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjk1NWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #FECCB1 0%, #F17432 50%, #EA5507 51%, #FB955E 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FECCB1), color-stop(50%,#F17432), color-stop(51%,#EA5507), color-stop(100%,#FB955E));
background: -webkit-linear-gradient(top, #FECCB1 0%,#F17432 50%,#EA5507 51%,#FB955E 100%);
background: -o-linear-gradient(top, #FECCB1 0%,#F17432 50%,#EA5507 51%,#FB955E 100%);
background: -ms-linear-gradient(top, #FECCB1 0%,#F17432 50%,#EA5507 51%,#FB955E 100%);
background: linear-gradient(to bottom, #FECCB1 0%,#F17432 50%,#EA5507 51%,#FB955E 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 );
}

#navs>li {
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: .6s;
}

#navs:after {
  content: attr(data-close);
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

#navs.active:after { content: attr(data-open); }

#navs a {
  width: 42px;
  height: 42px;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  text-decoration: none;
  color: #fff;
  font-size: 0.8em;
  font-weight:bold;
-webkit-box-shadow: -1px 7px 5px -1px rgba(0,0,0,0.59);
-moz-box-shadow: -1px 7px 5px -1px rgba(0,0,0,0.59);
box-shadow: -1px 7px 5px -1px rgba(0,0,0,0.59);
  
}
.ball-1{
	background: #BFD255;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNiMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #BFD255 0%, #8EB92A 50%, #72AA00 51%, #9ECB2D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BFD255), color-stop(50%,#8EB92A), color-stop(51%,#72AA00), color-stop(100%,#9ECB2D));
background: -webkit-linear-gradient(top, #BFD255 0%,#8EB92A 50%,#72AA00 51%,#9ECB2D 100%);
background: -o-linear-gradient(top, #BFD255 0%,#8EB92A 50%,#72AA00 51%,#9ECB2D 100%);
background: -ms-linear-gradient(top, #BFD255 0%,#8EB92A 50%,#72AA00 51%,#9ECB2D 100%);
background: linear-gradient(to bottom, #BFD255 0%,#8EB92A 50%,#72AA00 51%,#9ECB2D 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
}
.ball-2{
background: #FFB76B;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYTczZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmN2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #FFB76B 0%, #FFA73D 50%, #FF7C00 51%, #FF7F04 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFB76B), color-stop(50%,#FFA73D), color-stop(51%,#FF7C00), color-stop(100%,#FF7F04));
background: -webkit-linear-gradient(top, #FFB76B 0%,#FFA73D 50%,#FF7C00 51%,#FF7F04 100%);
background: -o-linear-gradient(top, #FFB76B 0%,#FFA73D 50%,#FF7C00 51%,#FF7F04 100%);
background: -ms-linear-gradient(top, #FFB76B 0%,#FFA73D 50%,#FF7C00 51%,#FF7F04 100%);
background: linear-gradient(to bottom, #FFB76B 0%,#FFA73D 50%,#FF7C00 51%,#FF7F04 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
}
.ball-3{
background: #1E5799;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #1E5799 0%, #2989D8 50%, #207CCA 51%, #7DB9E8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1E5799), color-stop(50%,#2989D8), color-stop(51%,#207CCA), color-stop(100%,#7DB9E8));
background: -webkit-linear-gradient(top, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
background: -o-linear-gradient(top, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
background: -ms-linear-gradient(top, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
background: linear-gradient(to bottom, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}
.ball-4{
background: rgba(239, 197, 202, 1);
background: -moz-linear-gradient(top, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
background: -webkit-gradient( top, top, color-stop(0%, rgba(239, 197, 202, 1)), color-stop(50%, rgba(210, 75, 90, 1)), color-stop(51%, rgba(186, 39, 55, 1)), color-stop(100%, rgba(241, 142, 153, 1)));
background: -webkit-linear-gradient(top, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
background: -o-linear-gradient(top, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
background: -ms-linear-gradient(top, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
background: linear-gradient(topt, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99', GradientType=1 );
}
.ball-5{
background: rgba(203, 96, 179, 1);
background: -moz-linear-gradient(top, rgba(203, 96, 179, 1) 0%, rgba(193, 70, 161, 1) 50%, rgba(168, 0, 119, 1) 51%, rgba(219, 54, 164, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203, 96, 179, 1)), color-stop(50%, rgba(193, 70, 161, 1)), color-stop(51%, rgba(168, 0, 119, 1)), color-stop(100%, rgba(219, 54, 164, 1)));
background: -webkit-linear-gradient(top, rgba(203, 96, 179, 1) 0%, rgba(193, 70, 161, 1) 50%, rgba(168, 0, 119, 1) 51%, rgba(219, 54, 164, 1) 100%);
background: -o-linear-gradient(top, rgba(203, 96, 179, 1) 0%, rgba(193, 70, 161, 1) 50%, rgba(168, 0, 119, 1) 51%, rgba(219, 54, 164, 1) 100%);
background: -ms-linear-gradient(top, rgba(203, 96, 179, 1) 0%, rgba(193, 70, 161, 1) 50%, rgba(168, 0, 119, 1) 51%, rgba(219, 54, 164, 1) 100%);
background: linear-gradient(to bottom, rgba(203, 96, 179, 1) 0%, rgba(193, 70, 161, 1) 50%, rgba(168, 0, 119, 1) 51%, rgba(219, 54, 164, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4', GradientType=0 );
}


/*----------- CONTENT-------------*/
.show-dv-details-off{
	width:98%;
	float:left;
	padding:1%;
	height:500px;
	background:#0CF;
	opacity: 0;
	visibility:hidden;
	
	-webkit-animation-name: show-dv-details-off; 
     animation-name: show-dv-details-off;
	-moz-animation-name: show-dv-details-off;
	-o-animation-name: show-dv-details-off;
	-ms-animation-name: show-dv-details-off;
	
	-webkit-animation-duration:0.2s; 
    animation-duration: 0.2s; 
	-moz-animation-duration: 0.2s; 
	-o-animation-duration: 0.2s;
	-ms-animation-duration: 0.2s;
    
	-webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both; 
   
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
    -moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;
	visibility:hidden;
}

@-webkit-keyframes show-dv-details-off {
   0% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(.2) translate(0%, 200%);

  }
}
@-ms-keyframes show-dv-details-off { 
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(.2) translate(0%, 200%);
	visibility:hidden;
  }
}

.show-dv-details{
	width:98%;
	float:left;
	padding:0%;
	margin-top:95px;
	margin-left:1%;
	height:530px;
	border: 1px solid rgba(0, 0, 0, 0.8);
	position:relative;
	z-index:5;
	
background: #191919;
background: rgba(0, 0, 0, 0.3);
box-shadow: inset 0 5px rgba(255,255,255,0.7), inset 0 20px rgba(255,255,255,0.6), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-o-box-shadow: inset 0 5px rgba(255,255,255,0.7), inset 0 20px rgba(255,255,255,0.6), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 5px rgba(255,255,255,0.7), inset 0 20px rgba(255,255,255,0.6), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 5px rgba(255,255,255,0.7), inset 0 20px rgba(255,255,255,0.6), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

/*
-webkit-box-shadow: inset 0 0 1px #fff;
box-shadow: inset 0 0 1px #fff;
background: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));

*/
color: white;
	position:absolute;
	left:0px
	;top:0px;
	z-index:2;
	
	-webkit-animation-name: show-dv-details; 
     animation-name: show-dv-details;
	-moz-animation-name: show-dv-details;
	-o-animation-name: show-dv-details;
	-ms-animation-name: show-dv-details;
	
	-webkit-animation-duration:1s; 
    animation-duration: 1s; 
	-moz-animation-duration: 1s; 
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
    
	-webkit-animation-fill-mode: both; 
    animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both; 
   
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
    -moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;

}

@-webkit-keyframes show-dv-details {
   0% {
    -webkit-transform-origin: 0 0;;
    -webkit-transform: translateX(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%);
  }
}
@-ms-keyframes show-dv-details { 
  0% {
    -ms-transform-origin: 0 0;;
    -ms-transform: translateX(-100%);
  }

  100% {
    -ms-transform-origin: 0 0;
    -ms-transform: translateX(0%);
  }
}

.panorom-view-prt{
	width:100%;
	float:left;
	position:absolute;
	height:100%;
	z-index:!important;
}
.content-top-hdr-info-prt{
	width:100%;
	float:left;
	/*
	background:url(../img/clor_bg1.jpg) no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
*/
background: #F0B7A1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYjdhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhjMzMxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzc1MjIwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjZlNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #F0B7A1 0%, #8C3310 50%, #752201 51%, #BF6E4E 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0B7A1), color-stop(50%,#8C3310), color-stop(51%,#752201), color-stop(100%,#BF6E4E));
background: -webkit-linear-gradient(top, #F0B7A1 0%,#8C3310 50%,#752201 51%,#BF6E4E 100%);
background: -o-linear-gradient(top, #F0B7A1 0%,#8C3310 50%,#752201 51%,#BF6E4E 100%);
background: -ms-linear-gradient(top, #F0B7A1 0%,#8C3310 50%,#752201 51%,#BF6E4E 100%);
background: linear-gradient(to bottom, #F0B7A1 0%,#8C3310 50%,#752201 51%,#BF6E4E 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 );
	height:32px;
	font-family:Verdana, Geneva, sans-serif;
}
.myhdr-cntnt-mn-nm{
	width:90%;
	float:left;
	margin-top:5px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:16px;
}
.close-my-cont-bg{
	width:4%;
	float:right;
	height:32px;
	padding:3px;
	margin-top:0px;
	margin-bottom:0px;
	border:1px solid #900;
	background: #EFC5CA;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmYzVjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyNGI1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2JhMjczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMThlOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #EFC5CA 0%, #D24B5A 50%, #BA2737 51%, #F18E99 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFC5CA), color-stop(50%,#D24B5A), color-stop(51%,#BA2737), color-stop(100%,#F18E99));
background: -webkit-linear-gradient(top, #EFC5CA 0%,#D24B5A 50%,#BA2737 51%,#F18E99 100%);
background: -o-linear-gradient(top, #EFC5CA 0%,#D24B5A 50%,#BA2737 51%,#F18E99 100%);
background: -ms-linear-gradient(top, #EFC5CA 0%,#D24B5A 50%,#BA2737 51%,#F18E99 100%);
background: linear-gradient(to bottom, #EFC5CA 0%,#D24B5A 50%,#BA2737 51%,#F18E99 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 );
	text-align:center;
	cursor:default;
	color:#E4DF0E;
	font-size:18px;
	font-weight:bold;
	  border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.my-frm{
	width:100%;
	float:left;
	position:absolute;
	height:94%;
	left:0%;
	top:6%;
	/*border:3px solid #9F0;*/
	box-sizing:border-box;
	}
	
#cnt::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color:#333;
}

#cnt::-webkit-scrollbar{
	width: 12px;
	background-color: #F5F5F5;
}

#cnt::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color:#C3C;
}

.no-bg{
	width:100%;
	float:left;
	background:none;
}
.my-area-row{
	width:100%;
	float:left;
}
.notice-area-cover{
	width:23%;
	height:auto;
	float:left;
	margin-left:2%;
	margin-top:2%;
	
}
.ntcs-top-hdr{
	width:100%;
	float:left;
}
.ntcs-top-hdr-korner{
	width:14%;
	float:right;
	margin-top:-6%;
}
.ntcs-top-hdr-korner img{
	width:100%;
}
.ntcs-msg-area{
	width:100%;
	float:left;
	margin-top:0%;
	height:220px;
	border:2px solid #FFF;
	/* page effect start */
	-webkit-border-bottom-left-radius: 20px 500px;
	-webkit-border-bottom-right-radius: 500px 30px;
	-webkit-border-top-right-radius: 5px 100px;

	-moz-border-radius-bottomleft: 20px 500px;
	-moz-border-radius-bottomright: 500px 30px;
	-moz-border-radius-topright: 5px 100px;

	border-radius-bottomleft: 20px 500px;
	border-radius-bottomright: 500px 30px;
	border-radius-topright: 5px 100px;

	-webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 10px 1px rgba(0,0,0,.2);
	box-shadow: 0 2px 10px 1px rgba(0,0,0,.2);     

    /* page effect end */

    -moz-box-shadow: -7px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: -7px 10px rgba(0,0,0,0.3);
    box-shadow: -7px 10px rgba(0,0,0,0.3);
}
	
.nts-bg-1{
	background-color: #FEBF80;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FEBF80), to(#FF8000)); 
    background-image: -webkit-linear-gradient(top, #FEBF80, #FF8000); 
    background-image:    -moz-linear-gradient(top, #FEBF80, #FF8000); 
    background-image:     -ms-linear-gradient(top, #FEBF80, #FF8000); 
    background-image:      -o-linear-gradient(top, #FEBF80, #FF8000); 
    background-image:         linear-gradient(top, #FEBF80, #FF8000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FEBF80', EndColorStr='#FF8000');
}
.nts-bg-2{
	background-color: #DCC37D;
background-image: -webkit-gradient(linear, left top, left bottom, from(#DCC37D), to(#988744));
background-image: -webkit-linear-gradient(top, #DCC37D, #988744);
background-image: -moz-linear-gradient(top, #DCC37D, #988744);
background-image: -ms-linear-gradient(top, #DCC37D, #988744);
background-image: -o-linear-gradient(top, #DCC37D, #988744);
background-image: linear-gradient(top, #DCC37D, #988744);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DCC37D', EndColorStr='#988744');
}
.nts-bg-3{
	background-color: #FEBFBF;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FEBFBF), to(#FE8080));
background-image: -webkit-linear-gradient(top, #FEBFBF, #FE8080);
background-image: -moz-linear-gradient(top, #FEBFBF, #FE8080);
background-image: -ms-linear-gradient(top, #FEBFBF, #FE8080);
background-image: -o-linear-gradient(top, #FEBFBF, #FE8080);
background-image: linear-gradient(top, #FEBFBF, #FE8080);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FEBFBF', EndColorStr='#FE8080');
}
.nts-bg-4{
	background-color: #3889C5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3889C5), to(#024B7E));
background-image: -webkit-linear-gradient(top, #3889C5, #024B7E);
background-image: -moz-linear-gradient(top, #3889C5, #024B7E);
background-image: -ms-linear-gradient(top, #3889C5, #024B7E);
background-image: -o-linear-gradient(top, #3889C5, #024B7E);
background-image: linear-gradient(top, #3889C5, #024B7E);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3889C5', EndColorStr='#024B7E');
}
.nts-bg-5{
	background-color: #99FF41;
background-image: -webkit-gradient(linear, left top, left bottom, from(#99FF41), to(#53B00A));
background-image: -webkit-linear-gradient(top, #99FF41, #53B00A);
background-image: -moz-linear-gradient(top, #99FF41, #53B00A);
background-image: -ms-linear-gradient(top, #99FF41, #53B00A);
background-image: -o-linear-gradient(top, #99FF41, #53B00A);
background-image: linear-gradient(top, #99FF41, #53B00A);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FF41', EndColorStr='#53B00A');
}
.nts-bg-6{
	background-color: #FF4FBF;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF4FBF), to(#C61684));
background-image: -webkit-linear-gradient(top, #FF4FBF, #C61684);
background-image: -moz-linear-gradient(top, #FF4FBF, #C61684);
background-image: -ms-linear-gradient(top, #FF4FBF, #C61684);
background-image: -o-linear-gradient(top, #FF4FBF, #C61684);
background-image: linear-gradient(top, #FF4FBF, #C61684);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF4FBF', EndColorStr='#C61684');
}

.nts-bg-7{
background-color: #FEF280;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FEF280), to(#FFE500));
background-image: -webkit-linear-gradient(top, #FEF280, #FFE500);
background-image: -moz-linear-gradient(top, #FEF280, #FFE500);
background-image: -ms-linear-gradient(top, #FEF280, #FFE500);
background-image: -o-linear-gradient(top, #FEF280, #FFE500);
background-image: linear-gradient(top, #FEF280, #FFE500);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FEF280', EndColorStr='#FFE500');
}
.nts-bg-8{
background-color: #FF3F1E;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF3F1E), to(#F02504));
background-image: -webkit-linear-gradient(top, #FF3F1E, #F02504);
background-image: -moz-linear-gradient(top, #FF3F1E, #F02504);
background-image: -ms-linear-gradient(top, #FF3F1E, #F02504);
background-image: -o-linear-gradient(top, #FF3F1E, #F02504);
background-image: linear-gradient(top, #FF3F1E, #F02504);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF3F1E', EndColorStr='#F02504');
}
.ntcs-header{
	width:75%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	/*border:1px solid #F0C;*/
	height:20px;
	overflow:hidden;
	font-size:11px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	text-align:center;
}
.ntcs-content-scroll{
	width:98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	/*border:1px solid #F0C;*/
	height:140px;
	padding:2%;
	overflow:hidden;
	font-size:11px;
	text-align:justify;
	font-weight:bold;
	overflow-y:scroll;
}
.ntcs-content-scroll::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 2px;
	background-color:#333;
}
.ntcs-content-scroll::-webkit-scrollbar{
	width: 3px;
	background-color: #F5F5F5;
}
.ntcs-content-scroll::-webkit-scrollbar-thumb{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color:#f75fa7;
}
.ntcs-footer-link a{
	width:98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-top:2%;
	/*border:1px solid #F0C;*/
	height:20px;
	overflow:hidden;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	color:#330;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.ntcs-footer-date{
	width:98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-top:0%;
	/*border:1px solid #F0C;*/
	height:20px;
	overflow:hidden;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}

.full-histry-contnt-cvr{
	width:48%;
	float:left;
	margin-left:2%;
	/*border:1px solid #F33;*/
}
.his-hder-prt{
	width:100%;
	float:left;
	margin-top:2%;
}
.ribbon {
 font-size: 24px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
 width: 35%;
 position: relative;
/* background: #ba89b6;*/
 background: url(../img/histroy-bg.jpg)no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
 background-size: 100% 100%;
 color: #fff;
 font-family:"Times New Roman", Times, serif;
 font-size:24px;
 text-shadow: 2px 2px 2px #000;
 filter: dropshadow(color=#000, offx=1, offy=1);
 text-align: center;
 padding: 1% 1%; /* Adjust to suit */
 margin-left:35%;
/* margin: 2em auto 3em;*/ /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -0.30em;
 border: 0.90em solid #e2730c;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #efda00 transparent transparent transparent;
 bottom: -0.50em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 0.50em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 0.50em 1em 0 0;
}
.hitory-contnt-prt{
	width:97%;
	float:left;
	padding:1%;
	margin-top:1%;
	margin-left:1%;
	margin-right:2%;
	height:150px;
	overflow:hidden;
}
.hitory-color-1{
	background:#FFC;
	background: url(../img/event_bg3.jpg)no-repeat center center;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	 background-size: 100% 100%;
	border:1px solid #FC0;
}
.hitory-color-2{
	background:#D6FEE8;
	background: url(../img/event_bg2.jpg)no-repeat center center;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	 background-size: 100% 100%;
	border:1px solid #390;
}
.hitory-color-3{
	background:#FEE6CF;
	background: url(../img/event_bg.jpg)no-repeat center center;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	 background-size: 100% 100%;
	border:1px solid #F30;
}
.hitory-color-4{
	background:#E7E8FE;
	background: url(../img/event_bg4.jpg)no-repeat center center;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	 background-size: 100% 100%;
	border:1px solid #06F;
}
.hist-phot-prt{
	width:40%;
	float:left;
	/*border:1px solid #930;*/
}
.hist-txt-prt{
	width:57%;
	float:right;
	/*border:1px solid #930;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#000;
	text-align:justify;
}
.hist-mai-photo-prt{
	width:100%;
	float:left;
	border:5px solid #FFF;
-webkit-box-shadow: 7px 0px 5px -1px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 0px 5px -1px rgba(0,0,0,0.59);
box-shadow: 7px 0px 5px -1px rgba(0,0,0,0.59);
}
.hist-mai-photo-prt img{
	width:100%;
	height:120px;
}
.list_carousel {
width: 100%;
float:left;
margin-top:5%;
}
.list_carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.pic-glry-prt {
color: #999;
text-align: center;
background-color: #eee;
width:300px;
float:left;
margin-left:5px;
border-top:5px solid #FF3;
border-left:5px solid #FF3;
border-bottom:5px solid #F90;
border-right:5px solid #F90;
-webkit-box-shadow: 7px 0px 5px -1px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 0px 5px -1px rgba(0,0,0,0.59);
box-shadow: 7px 0px 5px -1px rgba(0,0,0,0.59);
}
.my-photo-title-bottom{
	width:100%;
	float:left;
	height:50px;
	margin-top:0px;
	border:1px solid #C30;
	background: url(../img/red-paul-house.jpg)no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
 background-size: 100% 100%;
}
.main-title-cvr-prt{
	width:90%;
	float:left;
	margin-left:5%;
	margin-right:5%;
	height:45px;
	margin-top:1%;
	background: rgba(252, 234, 187, 1);
background: -moz-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -webkit-gradient(top,top, color-stop(0%, rgba(252, 234, 187, 1)), color-stop(50%, rgba(252, 205, 77, 1)), color-stop(51%, rgba(248, 181, 0, 1)), color-stop(100%, rgba(251, 223, 147, 1)));
background: -webkit-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -o-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -ms-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=1 );
-webkit-box-shadow: inset -1px 1px 1px 1px rgba(0,0,0,0.59);
-moz-box-shadow: inset -1px 1px 1px 1px rgba(0,0,0,0.59);
box-shadow: inset -1px 1px 1px 1px rgba(0,0,0,0.59);
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#90C;
	padding:10px;
	text-align:center;
	overflow:hidden;
	font-weight:bold;
}
.main-pic-area-cvr{
	width:100%;
	float:left;
	height:auto;
}
.my-photo-area-top{
	width:100%;
	float:left;
	height:200px;
}
.my-photo-area-top img{
	width:100%;
	height:200px;
}

.clearfix {
float: none;
clear: both;
}
.prev {
float: left;
margin-left: 10px;
}
.next {
float: right;
margin-right: 10px;
}
.pager {
float: left;
width: 300px;
text-align: center;
}
.pager a {
margin: 0 5px;
text-decoration: none;
}
.pager a.selected {
text-decoration: underline;
}
.timer {
background-color: #999;
height: 6px;
width: 0px;
}

.house-colr-prt-area{
	width:80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	margin-top:0.50%;
	margin-bottom:0.50%;
	-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}
summary::-webkit-details-marker {
  display: none
}
.house-colr-1{
	background:#09F;
	border:5px #06F groove;
}
.house-colr-2{
	background:#E93F43;
	border:5px #CC0000 groove;
}
.house-colr-3{
	background:#0C0;
	border:5px #060 groove;
}
.house-colr-4{
	background:#FF3;
	border:5px #FF9900 groove;
}
.my-summery-part{
	width:100%;
	float:left;
	height:100px;
	position:relative;
	z-index:3;
}
.my-summery-part img{
	width:100%;
	height:100px;
	-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.house-name-area{
	width:100%;
	float:left;
	margin-top:-75px;
	position:relative;
	z-index:1;
	font-size:36px;
	font-family:"Times New Roman", Times, serif;
	color:#FFF;
	font-style:italic;
	font-weight:bold;
	text-shadow: 1px 1px 1px #000;
    filter: dropshadow(color=#000, offx=1, offy=1);
}
.my-house-grop-img{
	width:15%;
	float:right;
	background:#FFF;
	padding:0%;
	margin-top:-2%;
	border:2px solid #000;
	margin-right:1%;
}
.my-house-grop-img img{
	width:100%;
	height:80px;
}
.house-details-part{
	width:96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:2%;
	background:#FFF;
	padding:2%;
	border:1px solid #999;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-weight:bold;
	-webkit-box-shadow: inset 4px 5px 5px -1px rgba(0,0,0,0.59);
-moz-box-shadow: inset 4px 5px 5px -1px rgba(0,0,0,0.59);
box-shadow: inset 4px 5px 5px -1px rgba(0,0,0,0.59);
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.house-title{
	width:100%;
	float:left;
	margin-bottom:2%;
	font-size:17px;
	font-family:"Times New Roman", Times, serif;
	color:#900;
	font-style:italic;
	font-weight:bold;
}
.manegment-prt-area{
	width:22%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-top:2%;
	background:#FFF;
	-webkit-box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
-moz-box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
}
.maneg-ment-color-1{
	background:#F33;
	background: url(../img/management-bg1.jpg)no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
 background-size: 100% 100%;
 border:2px solid #C03;
}
.maneg-ment-color-2{
	background:#F33;
	background: url(../img/management-bg2.jpg)no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
 background-size: 100% 100%;
 border:2px solid #090;
}
.maneg-ment-color-3{
	background:#FC0;
	background: url(../img/management-bg3.jpg)no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
 background-size: 100% 100%;
 border:2px solid #FC6;
}
.maneg-ment-color-4{
	background:#0CF;
	background: url(../img/management-bg4.jpg)no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
 background-size: 100% 100%;
 border:2px solid #06F;
}
.manegment-pople-fram{
	width:80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	margin-top:10%;
	padding:1%;
	border:1px solid #900;
}
.manegment-pople-fram img{
	width:100%;
	height:170px;
}
.maneg-ment-txt-cvr{
	width:100%;
	float:right;
	margin-top:2%;
	/*border:1px solid #09F;*/
}
.manegment-prsn-nm-prt{
	width:100%;
	float:left;
	padding:2%;
	background:#936;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#FF6;
	text-align:center;
	text-shadow: 1px 1px 1px #595959;
    filter: dropshadow(color=#595959, offx=1, offy=1);
	-webkit-box-shadow: -2px -1px 3px -1px rgba(0,0,0,0.59);
-moz-box-shadow: -2px -1px 3px -1px rgba(0,0,0,0.59);
box-shadow: -2px -1px 3px -1px rgba(0,0,0,0.59);
}
.manegment-main-txt-cvr{
	width:100%;
	float:right;
	background:#FFEAF5;
	padding:2%;
	height:90px;
	margin-top:2%;
	border-top:1px solid #900; 
	border-bottom:1px solid #900;
}
.manegmnt-prt-hdtli-1{
	width:100%;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#900;
	text-align:center;
}
.manegmnt-prt-hdtli-2{
	width:100%;
	float:left;
	margin-top:2%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#060;
	text-align:center;
}
.principle-part-cover{
	width:80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	margin-top:2%;
	margin-bottom:2%;
	padding:2%;
	background:url(../img/paper-pric.jpg) repeat;
	border:1px solid #666;
	-webkit-box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
-moz-box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
}
.principle-ppr-header-part{
	width:100%;
	float:left;
	margin-top:2%;
	height:90px;
	border-bottom:1px solid #999;
}
.princpl-hdr-lft{
	width:20%;
	float:left;
	/*border:1px solid #099;*/
}
.princpl-hdr-mdl{
	width:60%;
	float:left;
	/*border:1px solid #099;*/
}
.princpl-hdr-rigt{
	width:20%;
	float:right;
	/*border:1px solid #099;*/
}
.princpl-school-nm-prt{
	width:80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
}
.princpl-school-nm-prt img{
	width:100%;
}
.princple-school-address{
	width:80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#999;
	text-align:center;
}
.princpl-schol-logo-prt{
	width:50%;
	float:right;
	margin-top:-9%;
	margin-right:-25%;
}
.princpl-schol-logo-prt img{
	width:100%;
}
.principle-own-pics{
	width:100%;
	float:left;
	margin-top:-6%;
	border:5px solid #FF9; 
	-webkit-box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
-moz-box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
}
.principle-own-pics img{
	width:100%;
	height:140px;
}
.principle-writtn-area{
	width:80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	margin-top:4%;
	font-family: "Times New Roman", Times, serif;
color: black;
font-size: 14px;
font-style: italic;
font-weight: bold;
	/*border:1px solid #09C;*/
}
.principle-name-writtn-area{
	width:100%;
	float:left;
	margin-left:0%;
	margin-right:0%;
	margin-top:4%;
	font-family: "Times New Roman", Times, serif;
color:#C00;
font-size: 18px;
font-style: italic;
font-weight: bold;
text-align:left;
	/*border:1px solid #09C;*/
}
.principle-desi-writtn-area{
	width:100%;
	float:left;
	margin-left:0%;
	margin-right:0%;
	margin-top:0%;
	margin-bottom:2%;
	font-family:Verdana, Geneva, sans-serif;
color:#666;
font-size: 9px;
font-style: italic;
font-weight: bold;
text-align:left;
	/*border:1px solid #09C;*/
}
.principle-end-line-ppr{
	width:40%;
	float:left;
	margin-left:30%;
	margin-right:30%;
}
.principle-end-line-ppr img{
	width:100%;
}
.upcoming-prt{
	width:100%;
	float:left;
}
.upevnt-shw-cvr-prt{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	float:left;
	height:auto;
	background:#F33;
 	border:2px solid #C00;
	margin-top:0.50%;
	margin-bottom:0.50%;
	cursor:default;
	background: rgba(226, 226, 226, 1);
background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -webkit-gradient(top, top, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
}
.vedio-myframe{
	width:100%;
	float:left;
	height:160px;
	overflow:hidden;
	border:1px solid #900;
}
.upevnt-sumary-prt-title{
	width:58%;
	float:left;
	/*border:1px solid #39F;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:15px;
	padding:0.70%;
	font-weight:bold;
	margin-right:2%;
}
.upevnt-sumary-prt-date{
	width:18%;
	float:left;
	margin-right:2%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#00F;
	font-size:15px;
	font-weight:bold;
	/*border:1px solid #39F;*/
}
.upevnt-sumary-prt-read{
	width:20%;
	float:right;
	font-family:"Times New Roman", Times, serif;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:1%;
	background: rgba(239, 197, 202, 1);
background: -moz-linear-gradient(top, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
background: -webkit-gradient( top, top, color-stop(0%, rgba(239, 197, 202, 1)), color-stop(50%, rgba(210, 75, 90, 1)), color-stop(51%, rgba(186, 39, 55, 1)), color-stop(100%, rgba(241, 142, 153, 1)));
background: -webkit-linear-gradient(top, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
background: -o-linear-gradient(top, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
background: -ms-linear-gradient(top, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
background: linear-gradient(topt, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99', GradientType=1 );
	/*border:1px solid #39F;*/
}
.up-evnt-imge-prt{
	width:25%;
	float:left;
	border:4px solid #C36;
}
.up-evnt-imge-prt img{
	width:100%;
	height:146px;
}
.up-evnt-txt-prt{
	width:73%;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#936;
	font-size:13px;
	text-align:justify;
}
#page_navigation a{
	padding:3px;
	border:1px solid gray;
	margin:2px;
	color:black;
	text-decoration:none
}
.active_page{
	background:darkblue;
	color:white !important;
}
.next_link, .previous_link{
	background:#F06;
	color:#000;
}
.activites-main-prt{
	width:22%;
	float:left;
	padding:0.60%;
	margin-left:2%;
	height:200px;
	margin-top:1%;
	border-top:3px solid #CCC;
	border-left:3px solid #CCC;
	border-bottom:3px solid #333;
	border-right:3px solid #333;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.activites-img-prt-area{
	width:100%;
	float:left;
	border:1px dotted #000;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.activites-img-prt-area img{
	width:100%;
	height:130px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;

}
.activites-txt-prt-area{
	width:100%;
	float:left;
	margin-top:3%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:21px;
	text-align:center;
	text-shadow: 1px 1px 1px #595959;
    filter: dropshadow(color=#595959, offx=1, offy=1);
}
.overview-part-cover{
	width:80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	margin-top:2%;
	margin-bottom:2%;
	padding:1%;
	background:url(../img/paper-pric.jpg) repeat;
	border:1px solid #666;
	-webkit-box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
-moz-box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
}
.overvw-hdr-img-prt{
	width:100%;
	float:left;
}
.overvw-hdr-img-prt-main{
	width:40%;
	float:left;
	margin-left:30%;
}
.overvw-hdr-img-prt-main img{
	width:100%;
	height:55px;
}
.overview-main-contnt-prt{
	width:100%;
	float:left;
	/*border:1px solid #930;*/
	margin-top:0%;
	margin-bottom:0%;
}
.overview-main-contnt-prt-all{
	width:100%;
	float:left;
	/*border:1px solid #930;*/
	margin-top:2%;
	margin-bottom:2%;
}
.overview-text-area{
	width:70%;
	float:right;
}
.overview-image-area{
	width:28%;
	float:left;
}
.overview-image-area img{
	width:100%;
}
.over-view-title-txt-prt{
	width:100%;
	float:left;
	font-size: 17px;
font-family: "Times New Roman", Times, serif;
color: #900;
font-style: italic;
font-weight: bold;
text-align:justify;
}
.over-view-content-txt-prt{
	width:100%;
	float:left;
	margin-top:1%;
font-family: "Times New Roman", Times, serif;
color:#000;
font-size: 14px;
font-style: italic;
font-weight: bold;
text-align:justify;
}
.prayer-main-contnt-prt-all{
	width:100%;
	float:left;
	/*border:1px solid #930;*/
	margin-top:2%;
	margin-bottom:2%;
}
.prayer-school-paryer-prt{
	width:49%;
	float:left;
	border-right:2px dotted #990033;
}
.prayer-school-song-prt{
	width:49%;
	float:right;
}
.school-parayer-title-prt{
	width:40%;
	float:left;
	margin-left:25%;
	margin-top:-3%;
}
.school-parayer-title-prt img{
	width:100%;
}
.schol-prayer-paryer-prt{
	width:100%;
	float:left;
	height:210px;
	padding:2%;
	font-family: "Times New Roman", Times, serif;
	color:#930;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	overflow-y: scroll;
	text-align:justify;
}

.schol-prayer-paryer-prt::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color:#333;
}

.schol-prayer-paryer-prt::-webkit-scrollbar{
	width: 6px;
	background-color: #F5F5F5;
}

.schol-prayer-paryer-prt::-webkit-scrollbar-thumb{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color:#dc1b71;
}
.media-player-area{
	width:39%;
	float:left;
	margin-top:2%;
	margin-left:25%;
	background:#96F;
}
.my-mdai-palyer{
	width:100%;
	float:left;
	background:#C36;
}
.mission-content-full-prt{
	width:100%;
	float:left;
	margin-top:1%;
	margin-bottom:1%;
	height:auto;
}
.mission-content-title-prt{
width:100%;
float:left;
font-size: 17px;
font-family: "Times New Roman", Times, serif;
color: #900;
font-style: italic;
font-weight: bold;
text-align: justify;
}
.mission-content-txt-prt{
width:100%;
float:left;
font-family: "Times New Roman", Times, serif;
color: black;
font-size: 14px;
font-style: italic;
font-weight: bold;
text-align: justify;
}
.mission-cvrt-prt{
	width:100%;
	float:left;
	margin-bottom:2%;
}
.facilit-cvr-part{
	width:31%;
	float:left;
	margin-left:2%;
	margin-top:1.5%;
	padding:1%;
	background:#FFF;
	-webkit-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 6px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 6px rgba(50, 50, 50, 0.75);
}
.video-cvr-part{
	width:31%;
	float:left;
	margin-left:2%;
	margin-top:1.5%;
	overflow:hidden;
	padding:1%;
	background:#FFF;
	-webkit-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 6px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 6px rgba(50, 50, 50, 0.75);
}
.facelit-hedr-ttl{
	width:100%;
	float:left;
	margin-top:0%;
	margin-bottom:1%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#933;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.video-hedr-ttl{
	width:100%;
	float:left;
	margin-top:0%;
	margin-bottom:1%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#933;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.video-image-prt{
	width:100%;
	float:left;
	margin-left:-1%;
}
.facelits-image-prt{
	width:100%;
	float:left;
}
.facelits-image-prt img{
	width:100%;
	height:172px;
	border:1px solid #903;
}
.under-bottom-scoial-part{
	width:13%;
	float:left;
}	
.undr-socil-img{
	width:15%;
	float:left;
	margin-left:7%;
}
.undr-socil-img img{
	width:100%;
}
.under-bottom-scroll{
	width:85%;
	float:right;

}
.Scroll-Yellow{
	font-size:13px;
	font-weight:bold;
	color:#FC0;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:7%;
}
.Scroll-White{
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:7%;
}

.my-contact-area{
	width:80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	margin-top:2%;
	padding:2%;
	border:3px dotted #993300;
	background:url(../img/paper-pric.jpg) repeat;
	border:1px solid #666;
	-webkit-box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
-moz-box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
box-shadow: -4px -1px 5px -1px rgba(0,0,0,0.59);
}
.top-cont-part{
	width:100%;
	float:left;
	padding-bottom:1%;
	border-bottom:2px solid #903;
}
.top-contct-lft-prt{
	width:40%;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#903;
	font-size:19px;
	font-style:italic;
	font-weight:bold;
}
.top-contct-right-prt{
	width:58%;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#903;
	font-size:19px;
	font-style:italic;
	font-weight:bold;
}
.undr-rigt-brnch-prt{
	width:38%;
	float:left;
}
.undr-rigt-brnch-prt-list{
	width:60%;
	float:right;
}
.brnch-listbx{
	width:100%;
	padding:1%;
	background:none;
	border:1px solid #903;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#903;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}
.dwn-contact-part-all{
	width:100%;
	margin-top:2%;
	margin-bottom:2%;
	float:left;
	
}
.dwn-ctn-prt-m1{
	width:48%;
	float:left;
	height:auto;
}
.dwn-ctn-prt-m2{
	width:50%;
	float:right;
	height:auto;
	border-left:1px solid #930;
}
.cntc-schl-stamp{
	width:40%;
	float:left;
	margin-top:2%;
}
.cntc-schl-stamp img{
	width:100%;
}
.dwn-cnt-mn-hdr{
	width:100%;
	float:left;
	margin-top:5%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#903;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
}
.dwn-cnt-mn-hdr-inco{
	width:97%;
	float:left;
	margin-top:1%;
	margin-left:3%;
	font-family:"Times New Roman", Times, serif;
	color:#903;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #666; 
}

.dwn-cnt-sub-hdr{
	width:100%;
	float:left;
	margin-top:2%;
}
.my-hdr-cnt-ttl{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#906;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	padding:1%;
}
.my-hdr-cnt-ttlnm{
	font-family:"Times New Roman", Times, serif;
	color:#666;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	padding:1%;
}
.my-inqure-full-part{
	width:98%;
	float:left;
	margin-left:2%;
	margin-top:1%;
}
.cnt-brn-nm-inpt{
	width:100%;
	border:none;
	background:none;
	color:#900;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}
.cnt-val-inpt{
	width:100%;
	border:1px solid #903;
	background:none;
	color:#900;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}
.cnt-val-textara{
	width:100%;
	height:80px;
	border:1px solid #903;
	background:none;
	color:#900;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}
.my-swn-cnt-button-prt{
	width:100%;
	float:left;
	margin-top:2%;
	margin-bottom:2%;
}
.my-submit-btn-area-cvr{
	width:25%;
	float:right;
	margin-right:3%;	
}
.my-contact-save-button{
	width:100%;
	float:left;
	padding:4%;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	background:#090;
	border:1px solid #030;
}
.my-contact-save-button:hover{
	background:#0C0;
}
.my-contact-clr-button{
	width:100%;
	float:left;
	padding:4%;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	background:#C33;
	border:1px solid #900; 
}
.my-contact-clr-button:hover{
	background:#F30;
}
.my-cntct-warn{
	width:50%;
	float:right;
	color:#930;
	font-size:14px;
	font-weight:bold;
	margin-top:2%;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
}
.my-cntct-save{
	width:50%;
	float:right;
	color:#060;
	font-size:14px;
	font-weight:bold;
	margin-top:2%;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
}
.form-cover-prz{
	width:96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:1%;
	padding:0%;
	background: #1E5799;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #1E5799 0%, #2989D8 50%, #207CCA 51%, #7DB9E8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1E5799), color-stop(50%,#2989D8), color-stop(51%,#207CCA), color-stop(100%,#7DB9E8));
background: -webkit-linear-gradient(top, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
background: -o-linear-gradient(top, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
background: -ms-linear-gradient(top, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
background: linear-gradient(to bottom, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
	border:1px solid #036;
}
.from-dwnld-prt-img{
	width:20%;
	float:left;
	padding:1%;
	/*border:1px solid #666;*/
	background: rgba(252, 234, 187, 1);
background: -moz-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -webkit-gradient(top,top, color-stop(0%, rgba(252, 234, 187, 1)), color-stop(50%, rgba(252, 205, 77, 1)), color-stop(51%, rgba(248, 181, 0, 1)), color-stop(100%, rgba(251, 223, 147, 1)));
background: -webkit-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -o-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -ms-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=1 );
border-right:2px solid #F90;
}
.from-dwnld-prt-img img{
	width:100%;
}
.from-dwnld-prt-link{
	width:78%;
	float:right;
	margin-top:2.5%;
	/*border:1px solid #666;*/
}
.my-from-download{
	font-size:16px;
	color:#FF0;
	font-weight:bold;
	font-style:italic;
}
.my-from-download-link{
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}
.my-from-download-link:hover{
	font-size:16px;
	color:#3FF;
	text-decoration:none;
}
.schl-panromic-prt-lk{
	width:150px;
	float:right;
	height:100px;
	margin-top:-7%;
	/*background:#090;*/
}
.schl-panromic-prt-lk img{
	width:100%;

}
.fees-class-hd-nm-prt{
	width:100%;
	float:left;
	padding:0.50%;
	background:#900;
	color:#FFF;
	font-size:19px;
	font-weight:bold;
	font-style:italic;
	margin-top:2%;
	border:1px solid #511E25;
}
.fees-moths-cover-prt{
	width:100%;
	float:left;
}
.fees-moths-cover-prt-hdr-1{
	width:100%;
	float:left;
	background:#3C8446;
	padding:0.50%;
	color:#FFF;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	border:1px solid #060;
}
.fees-moths-cover-prt-bod-1{
	width:100%;
	float:left;
	background:#E2FEEB;
	padding:0.50%;
	border:1px solid #060;
}
.fees-moths-cover-prt-hdr-2{
	width:100%;
	float:left;
	background:#CBD004;
	padding:0.50%;
	color:#FFF;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	border:1px solid #A69202;
}
.fees-moths-cover-prt-bod-2{
	width:100%;
	float:left;
	background:#F8F4CB;
	padding:0.50%;
	border:1px solid #A69202;
}
.fees-moths-cover-prt-hdr-3{
	width:100%;
	float:left;
	background:#C85184;
	padding:0.50%;
	color:#FFF;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	border:1px solid #9F0F45;
}
.fees-moths-cover-prt-bod-3{
	width:100%;
	float:left;
	background:#FBD9F1;
	padding:0.50%;
	border:1px solid #9F0F45;
}
.particrls-of-fes-amnt{
	width:100%;
	float:left;
	color:#000;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	text-align:left;
	padding:0.30%;
}
.sub-fess-nm-txt{
	width:70%;
	float:left;
	color:#000;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}
.sub-fess-nm-txttot-amnt{
	width:20%;
	float:right;
	color:#5E0000;
	font-size:15px;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}
.my-sub-dwn-fs-part{
    width:70%;
	float:left;
	color:#000;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}
.my-sub-dwn-fs-part-amnt{
    width:20%;
	float:right;
	color:#000;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	text-align:center;
}
.all-fees-tot-dwn-prt{
	width:100%;
	float:left;
	margin-top:1%;
	margin-bottom:2%;
	border-top:1px solid #909090;
}
.fees-tot-net-amount-hd{
	width:70%;
	float:left;
	color:#900;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}
.fees-tot-net-amount-hd-valu{
    width:20%;
	float:right;
	color:#009;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	text-align:center;
}
.mytoper-prt-main-cvr{
	width:47%;
	float:left;
	margin-left:2%;
}
.header-toper-prt{
	width:100%;
	float:left;
	padding:2%;
	font-size:17px;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	border:1px solid #900;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
background: #EFC5CA;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmYzVjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyNGI1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2JhMjczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMThlOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #EFC5CA 0%, #D24B5A 50%, #BA2737 51%, #F18E99 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFC5CA), color-stop(50%,#D24B5A), color-stop(51%,#BA2737), color-stop(100%,#F18E99));
background: -webkit-linear-gradient(top, #EFC5CA 0%,#D24B5A 50%,#BA2737 51%,#F18E99 100%);
background: -o-linear-gradient(top, #EFC5CA 0%,#D24B5A 50%,#BA2737 51%,#F18E99 100%);
background: -ms-linear-gradient(top, #EFC5CA 0%,#D24B5A 50%,#BA2737 51%,#F18E99 100%);
background: linear-gradient(to bottom, #EFC5CA 0%,#D24B5A 50%,#BA2737 51%,#F18E99 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 );
}
.header-toper-prt2{
	width:100%;
	float:left;
	padding:2%;
	font-size:17px;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	border:1px solid #009;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
background: #1E5799;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #1E5799 0%, #2989D8 50%, #207CCA 51%, #7DB9E8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1E5799), color-stop(50%,#2989D8), color-stop(51%,#207CCA), color-stop(100%,#7DB9E8));
background: -webkit-linear-gradient(top, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
background: -o-linear-gradient(top, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
background: -ms-linear-gradient(top, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
background: linear-gradient(to bottom, #1E5799 0%,#2989D8 50%,#207CCA 51%,#7DB9E8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}
.main-under-topr-nm{
	width:100%;
	float:left;
	border:1px solid #900;
}
.foter-gadet-part{
width:73%;
float:left;
/*background:#9C0;*/
  position: fixed;
  left: 10px;
  bottom: 30px;
  height: 43px;
  line-height: 40px;
  list-style-type: none;
  margin-left:18%;
  text-align: center;
  color: #fff;
  cursor: pointer;
 /* border:1px solid #930;*/
}
.evnt-upcoming-masege-prt{
	width:40%;
	float:left;
	height:125px;
	margin-left:25%;
	margin-top:2%;
	background: rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-o-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
border:1px solid #906;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
}
.event-top-cntn-prt{
	width:100%;
	float:left;
	height:95px;
}
.event-top-cntn-prt img{
	width:100%;
	height:95px;
}
.event-nm-shw-hdr{
	width:100%;
	float:left;
	padding:0.10%;
	height:30px;
background: rgba(214, 18, 72, 0.90);
box-shadow: inset 0 1px rgba(255,255,255,0.20), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.55);
-o-box-shadow: inset 0 1px rgba(255,255,255,0.20), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.55);
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.20), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.55);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.20), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.55);
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
}	
.ent-hdr-txt-cnt-prt{
	width:100%;
	float:left;
	color:#FF0;
	font-family:"Comic Sans MS", cursive;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	margin-top:-2%;
}
.past-vs-prsnt-area{
	width:100%;
	float:left;
}
.club-fee-part-covr{
	width:100%;
	float:left;
	border:1px solid #930;
}
.club-fee-particular-main-pert{
	width:100%;
	float:left;
	padding:1%;
	font-family:"Times New Roman", Times, serif;
	color:#FC0;
	background:#900;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
}
.club-fee-totnd-part{
	width:100%;
	float:left;
}
.club-fee-late-fee-prt{
	width:100%;
	float:left;
	padding:1%;
	background:#333;
	color:#FFF;
	font-weight:bold;
}
.club-only-hd-fee{
	width:20%;
	float:left;
}
.club-only-hd-fee-rgt{
	width:10%;
	float:right;
	text-align:center;
}






.show-studnt-btn{
	width:100%;
	padding:5%;
background: -moz-linear-gradient( top, white 0%, #FC8D9C 50%, #F71E3B 50%, #FF213F 65%, #FF0015);
background: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(0.50, #FC8D9C), color-stop(0.50, #F71E3B), color-stop(0.65, #FF213F), to(#FF0015));
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #7D2222;
-moz-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(212,32,32,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(212,32,32,0.6);
box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(212,32,32,0.6);
text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);
color:#900;
font-weight:bold;
}
.no-my-bg{
	width:100%;
	float:left;
	margin-left:0%;
	margin-right:0%;
	background:none;
}
.student-pyment-infobar{
width:100%;
float:left;
background:#E28318;
font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
color:#900;
font-size:14px;
text-align:center;
padding:0.40%;
}
.my-fees-tot-cover-prtb{
width:100%;
float:left;
height:140px;
overflow-y: scroll;
}
.my-fees-tot-cover-prtb::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color:#333;
}

.my-fees-tot-cover-prtb::-webkit-scrollbar{
	width: 6px;
	background-color: #F5F5F5;
}

.my-fees-tot-cover-prtb::-webkit-scrollbar-thumb{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color:#0C0;
}
.my-make-pay-pop{
width:100%;
float:left;
margin-top:1%;
margin-bottom:1%;
}
.my-make-pay-pop-mdl{
width:71%;
float:left;
margin-left:17%;
margin-right:17%;
}
.my-make-pay-pop-mdl-pay-btn{
	width:60%;
	float:left;
}
.my-make-pay-pop-mdl-print-btn{
	width:40%;
	float:left;
}
.stud-from-hedr-prt{
width:100%;
float:left;
padding:1%;
/*border:1px solid #0C3;*/
margin-top:0%;
}
.stud-payment-area-dtls{
	width:45%;
	float:left;
	padding:0%;
}
.stud-payment-area-rows{
	width:100%;
	float:left;
}
.my-chk-bx{
	width:100%;
}
.stud-paymt-prt-1{
	width:22%;
	float:left;
	padding:2%;
	height:35px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background: #F3C5BD;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYzViZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U4NmM1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VhMjgwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #F3C5BD 0%, #E86C57 50%, #EA2803 51%, #F60 75%, #C72200 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3C5BD), color-stop(50%,#E86C57), color-stop(51%,#EA2803), color-stop(75%,#F60), color-stop(100%,#C72200));
background: -webkit-linear-gradient(top, #F3C5BD 0%,#E86C57 50%,#EA2803 51%,#F60 75%,#C72200 100%);
background: -o-linear-gradient(top, #F3C5BD 0%,#E86C57 50%,#EA2803 51%,#F60 75%,#C72200 100%);
background: -ms-linear-gradient(top, #F3C5BD 0%,#E86C57 50%,#EA2803 51%,#F60 75%,#C72200 100%);
background: linear-gradient(to bottom, #F3C5BD 0%,#E86C57 50%,#EA2803 51%,#F60 75%,#C72200 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 );
border:1px solid #C30;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
.stud-paymt-prt-1p{
	width:22%;
	float:left;
	padding:2%;
	height:35px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color: black;
background: -moz-linear-gradient( top, #E6FAF1 0%, #28F036 50%, #0DDB1B 50%, #39B510 72%, #067513);
background: -webkit-gradient( linear, left top, left bottom, from(#E6FAF1), color-stop(0.50, #28F036), color-stop(0.50, #0DDB1B), color-stop(0.72, #39B510), to(#067513));
border:1px solid #060;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
.stud-paymt-prt-2{
	width:38%;
	float:left;
	padding:2%;
	height:35px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#030;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background: rgba(226, 226, 226, 1);
background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -webkit-gradient(top, top, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
border:1px solid #333;
}
.stud-paymt-prt-3{
	width:40%;
	float:left;
	padding:1.52%;
	height:35px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#030;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	background: -moz-linear-gradient( top, white 0%, #FC8D9C 50%, #F71E3B 50%, #FF213F 65%, #FF0015);
background: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(0.50, #FC8D9C), color-stop(0.50, #F71E3B), color-stop(0.65, #FF213F), to(#FF0015));
border:1px solid #F00;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.stud-paymt-prt-3p{
	width:40%;
	float:left;
	padding:0.50%;
	height:35px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#030;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	background: #9DD53A;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #9DD53A 0%, #A1D54F 50%, #80C217 51%, #7CBC0A 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9DD53A), color-stop(50%,#A1D54F), color-stop(51%,#80C217), color-stop(100%,#7CBC0A));
background: -webkit-linear-gradient(top, #9DD53A 0%,#A1D54F 50%,#80C217 51%,#7CBC0A 100%);
background: -o-linear-gradient(top, #9DD53A 0%,#A1D54F 50%,#80C217 51%,#7CBC0A 100%);
background: -ms-linear-gradient(top, #9DD53A 0%,#A1D54F 50%,#80C217 51%,#7CBC0A 100%);
background: linear-gradient(to bottom, #9DD53A 0%,#A1D54F 50%,#80C217 51%,#7CBC0A 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );
border:1px solid #060;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.stud-paymt-prt-3w{
	width:40%;
	float:left;
	padding:0.50%;
	height:35px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#030;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	background: rgba(235, 233, 249, 1);
background: -moz-linear-gradient(top, rgba(235, 233, 249, 1) 0%, rgba(216, 208, 239, 1) 50%, rgba(206, 199, 236, 1) 51%, rgba(193, 191, 234, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235, 233, 249, 1)), color-stop(50%, rgba(216, 208, 239, 1)), color-stop(51%, rgba(206, 199, 236, 1)), color-stop(100%, rgba(193, 191, 234, 1)));
background: -webkit-linear-gradient(top, rgba(235, 233, 249, 1) 0%, rgba(216, 208, 239, 1) 50%, rgba(206, 199, 236, 1) 51%, rgba(193, 191, 234, 1) 100%);
background: -o-linear-gradient(top, rgba(235, 233, 249, 1) 0%, rgba(216, 208, 239, 1) 50%, rgba(206, 199, 236, 1) 51%, rgba(193, 191, 234, 1) 100%);
background: -ms-linear-gradient(top, rgba(235, 233, 249, 1) 0%, rgba(216, 208, 239, 1) 50%, rgba(206, 199, 236, 1) 51%, rgba(193, 191, 234, 1) 100%);
background: linear-gradient(to bottom, rgba(235, 233, 249, 1) 0%, rgba(216, 208, 239, 1) 50%, rgba(206, 199, 236, 1) 51%, rgba(193, 191, 234, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea', GradientType=0 );
border:1px solid #060;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}

.stud-info-prt-bdc{
	width:100%;
	float:left;
	margin-left:0%;
	margin-right:0%;
	padding:0%;
	background:#FFF;
	 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:1px solid #333;
 -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.75);
}

.stude-info-top-br{
	width:100%;
	float:left;
	padding:0.30%;
	background:#090;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
}
.student-my-info-row{
	width:100%;
	float:left;
	border-bottom:1px solid #999;
	padding:0.40%;
}
.stud-left-ingbr{
	width:35%;
	float:left;
	border-right:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
.stud-left-ingbrc{
	width:35%;
	float:left;
	border-right:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	color:#F30;
	font-size:13px;
	font-weight:bold;
}
.fee-inpt-bx{
	width:100%;
	padding:1%;
	background:#D5FDF9;
	border:1px solid #00F;
	font-family:Arial, Helvetica, sans-serif;
	color:#F00;
	font-size:13px;
}
.fine-inpt-bx{
	width:100%;
	padding:1%;
	background:#E4FFDD;
	border:1px solid #00F;
	font-family:Arial, Helvetica, sans-serif;
	color:#C00;
	font-size:15px;
	text-align:center;
	font-weight:bold;
}
.stud-right-ingbr{
	width:64%;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#060;
	font-size:11px;
	font-weight:bold;
}
.stud-classfee-detlas-area{
	width:100%;
	float:left;
	margin-top:2%;
	/*border:1px solid #900;*/
}
.select-cls-arebx{
	width:100%;
	float:right;
	margin-left:0%;
	margin-right:0%;
	padding:0.40%;
	background:#090;
	border:1px solid #030;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.stud-py-lbl-prt{
	width:40%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-align:right;
}
.stud-py-lbl-input-prt{
	width:60%;
	float:left;
}
.stud-pay-u-fees-part{
	width:53%;
	float:right;
	background:#EDFEF1;
	border:1px solid #060; 
}
.total-pay-u-mony-amnout{
	width:100%;
	float:left;
	padding:1%;
	font-family:Arial, Helvetica, sans-serif;
	color:#C30;
	font-size:15px;
	font-weight:bold;
	border-top:3px solid #060;
	border-bottom:3px solid #060;
}
.fees-calcul-area-cvr{
	width:100%;
	float:left;
	padding:0.40%;
	margin-top:1%;
	background:#FFC;
	 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:1px solid #333;
 -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.75);
}
.my-mak-fee-full-prt{
	width:100%;
	float:left;
	margin-top:1%;
	margin-bottom:1%;
}
.mke-pmt-prt-1{
	width:45%;
	float:left;
}
.mke-pmt-prt-2{
	width:55%;
	float:left;
}
.mke-pmt-prt-3{
	width:30%;
	float:left;
}
.my-confrm-pay-btn{
width:100%;
float: left;
height:32px;
padding: 2%;
font-family: "Comic Sans MS", cursive;
font-size: 15px;
font-weight: bold;
font-style: italic;
color: black;
background: -moz-linear-gradient( top, white 0%, #F7FF85 50%, #F0F016 50%, #F0F024 72%, #F0D20E);
background: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(0.50, #F7FF85), color-stop(0.50, #F0F016), color-stop(0.72, #F0F024), to(#F0D20E));
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px solid #F60;
-moz-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);
}
.my-tottal-pay-input{
width:100%;
float:left;
height:32px;
background:#D6FEC2;
border:1px solid #090;
color:#63F;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-align:center;
}
.my-make-pay-btn{
width:100%;
float: left;
height:32px;
padding: 2%;
font-family: "Comic Sans MS", cursive;
font-size: 15px;
font-weight: bold;
font-style: italic;
color: black;
background: -moz-linear-gradient( top, white 0%, #FC8D9C 50%, #F71E3B 50%, #FF213F 65%, #FF0015);
background: -webkit-gradient( linear, left top, left bottom, from(white), color-stop(0.50, #FC8D9C), color-stop(0.50, #F71E3B), color-stop(0.65, #FF213F), to(#FF0015));
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px solid #C30;
-moz-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);
}
.my-make-print-btn-inactive{
width:100%;
float: left;
height:32px;
padding: 2%;
font-family: "Comic Sans MS", cursive;
font-size: 15px;
font-weight: bold;
font-style: italic;
color: black;
background: rgba(226, 226, 226, 1);
background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -webkit-gradient(top, top, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
background: linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
border: 1px solid #333;
-moz-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);	
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.my-make-print-btn-active{
width:100%;
float: left;
height:32px;
padding: 2%;
font-family: "Comic Sans MS", cursive;
font-size: 15px;
font-weight: bold;
font-style: italic;
color: black;
background: rgba(252, 234, 187, 1);
background: -moz-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -webkit-gradient(top,top, color-stop(0%, rgba(252, 234, 187, 1)), color-stop(50%, rgba(252, 205, 77, 1)), color-stop(51%, rgba(248, 181, 0, 1)), color-stop(100%, rgba(251, 223, 147, 1)));
background: -webkit-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -o-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: -ms-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
background: linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=1 );
border: 1px solid #333;
-moz-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
box-shadow: 0px 1px 3px rgba(31,7,7,0.5), inset 0px 0px 5px rgba(250,233,45,0.6);
text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);	
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.selclss-norecd-fnd-prt{
	width:100%;
	float:left;
	padding:1%;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	background:#900;
	border:1px solid #030;
	text-align:center;
	margin-top:8%;
	margin-bottom:18%;
}

.sorry-norecd-fnd-prt{
	width:100%;
	float:left;
	padding:1%;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	background:#900;
	border:1px solid #030;
	text-align:center;
	margin-top:20%;
}
.stud-tday-date{
	width:30%;
	float:right;
	font-size:12px;
	text-align:right;
}
.my-recpt-bg{
	width:100%;
	float:left;
	margin-left:0%;
	margin-right:0%;
	background:#CCC;
}
.schol-fee-rcpt-cvr{
	width:98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-top:-1%;
	margin-bottom:1%;
	background:
		/*background:url(../img/paper-pric.jpg) repeat;*/
	background:url(../img/recept-bg.jpg)no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
	height:1100px;
	border:1px solid #C03;
}
.recept-top-hdr{
	width:100%;
	float:left;
	border-bottom:1px solid #CCC;
}
.sechl-recpt-sclogo-mn{
	width:10%;
	float:left;
	margin-left:18%;
	margin-right:0%;
	margin-top:2%;
}
.sechl-recpt-sclogo-mn img{
	width:100%;
}
.sechl-recpt-logo-mn{
	width:60%;
	float:left;
	margin-left:0%;
	margin-right:0%;
	margin-top:2%;
}
.sechl-recpt-logo-mn img{
	width:100%;
}
.school-recpt-adrs{
	width:65%;
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:0%;
	margin-bottom:2%;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#930;
	text-align:center;
	font-weight:bold;
}
.recpt-lft-cvrdt{
	width:20%;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	color:#933;
	font-size:11px;
	text-align:center;
	font-weight:bold;
}
.recpt-schl-bdy-cvr{
	width:60%;
	float:left;
	margin-left:0%;
	margin-right:0%;
	padding:1%;
	font-family:Verdana, Geneva, sans-serif;
	color:#FC0;
	background:#5F3F3F;
	text-align:center;
	font-weight:bold;
	border:1px solid #C03;
	-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.recept-student-nfos{
	width:60%;
	float:left;
	margin-left:20%;
	margin-right:20%;
	margin-top:2%;
	margin-bottom:1%;
}
.student-tds-nfhd{
	width:25%;
	padding:1%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#900;
}
.student-tds-nf{
	width:75%;
	padding:1%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
}
.tbl-tept-hdrt-prt{
	width:100%;
	float:left;
	padding:1%;
	text-align:center;
	background:#763234;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	border:1px solid #C03; 
}
.tbl-feestept-hdrt-prt{
	width:100%;
	float:left;
	padding:0.50%;
	text-align:center;
	background:#763234;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	border:1px solid #C03; 
}
.fees-detls-inf-recpt{
	width:95%;
	float:left;
	border:1px solid #C03;
	margin-top:1%;
	margin-bottom:1%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.fees-recpt-hdnm{
	background:#EFC0C5;
	color:#602D31;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.fees-recpt-txtnm{
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:0.50%;
}
.my-qter-qurdinet{
	background:#006;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
.brnch-info-hdr{
width:100%;
float:left;
padding:1%;
border-bottom:1px solid #930;
}
.brnch-info-cghs-logo{
width:60%;
float:left;
margin-left:20%;
margin-right:20%;
}
.brnch-info-cghs-logo img{
width:100%;
}
.brnch-info-brn-hdr{
width:60%;
float:left;
margin-left:20%;
margin-right:20%;
margin-top:0.30%;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
color:#933;
font-size:20px;
}
.branch-infodetails-area{
width:100%;
float:left;
padding:1%;
margin-top:1%;
}
.brnch-full-cover-prt{
width:100%;
float:left;
margin-top:2%;
}
.brnch-nm-area{
width:100%;
float:left;
border-bottom:1px dashed #903;
text-align:left;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
color:#933;
font-size:20px;
}
.branch-info-summry-box{
width:100%;
float:left;
padding:0.50%;
}
.brnch-clip-prt-area{
width:100%;
float:left;
border-bottom:1px dotted #999999;
}
.brnch-info-ttle-info{
width:100%;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#B82543;
font-size:16px;
font-style:italic;
border-bottom:1px solid #8B0000;
}
.brnch-content-full-area{
width:100%;
float:left;
margin-top:1%;
}
.brnch-img-prt{
width:30%;
float:left;
}
.brnch-img-prt img{
width:100%;
}
.brnch-text-info{
width:68%;
float:right;
font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
color:#800000;
font-size:12px;
text-align:justify;
}
/*===================== TABLE ====================*/
.table-cvr{
width:98%;
float:left;
margin-left:1%;
margin-right:1%;
}
.fbl{
width:100%;
float:left;
border:1px solid #000000;
}
.tbl-rwl-hdr{
width:100%;
background:#414141;
color:#FFFFFF;
text-align:center;
visibility:visible;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
}
.tbl-rwl{
width:100%;
background: 90px 35px rgba(255, 255, 255, 0.2);
border:1px solid #000;
}
.tbl-rwl:hover{
background: 90px 35px rgba(243, 100, 52, 0.2);
background:
}
.tbl-tdg{
padding:0.40%;	
border-top:1px solid #000;
border-left:1px solid #000;
/*border-bottom:1px solid #000;*/
border-right:1px solid #000;
}
.tbl-hdr{
width:0%;
height:1px;
visibility:hidden;
}
.tbl-cnt-bd{
width:100%;
float:right;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
color:#000;
text-align:justify;
}
@media screen and (max-width:1000px){
.mycover-area-open{
	width:100%;
	float:left;
	height:auto;
	background:#F39;
}
.toper-bdr{
	width:100%;
	float:left;
	height:auto;
}

.myhdr-left-prt{
	width:20%;
	float:left;
	height:85px;
}
.calcutta-logo-prt{
	width:90%;
	float:left;
	margin-left:6%;
}
.calcutta-logo-prt img{
	width:100%;
	height:75px;
}
.myhdr-center-prt{
	width:70%;
	float:left;
	height:85px;
}
.school-name-logo-prt{
	width:100%;
	float:left;
	margin-left:0%;
	margin-right:0%;
	margin-top:5%;
}
.myhdr-right-prt{
	width:10%;
	float:left;
	height:85px;
}
}


@media screen and (max-width:768px)	{

.mycover-area-open{
	width:100%;
	float:left;
	height:auto;
	background:#F39;
}
.toper-bdr{
	width:100%;
	float:left;
	height:auto;
}

.myhdr-left-prt{
	width:20%;
	float:left;
	height:85px;
}
.calcutta-logo-prt{
	width:90%;
	float:left;
	margin-left:6%;
}
.calcutta-logo-prt img{
	width:100%;
	height:75px;
}
.myhdr-center-prt{
	width:70%;
	float:left;
	height:85px;
}
.school-name-logo-prt{
	width:100%;
	float:left;
	margin-left:0%;
	margin-right:0%;
	margin-top:5%;
}
.myhdr-right-prt{
	width:10%;
	float:left;
	height:85px;
}
.notice-area-cover{
	width:46%;
	height:auto;
	float:left;
	margin-left:2%;
	margin-top:2%;
}
.manegment-prt-area{
	width:46%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	
}
.upevnt-sumary-prt-title{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	float:left;
}
.upevnt-sumary-prt-date{
	width:35%;
	float:left;
}
.upevnt-sumary-prt-read{
	width:60%;
	float:right;
}
.up-evnt-imge-prt{
	width:80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:1%;
	border:4px solid #C36;
}
.up-evnt-imge-prt img{
	width:100%;
	height:146px;
}
.up-evnt-txt-prt{
	width:90%;
	float:right;
	margin-left:5%;
	margin-right:5%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#936;
	font-size:13px;
	text-align:justify;
}
.activites-main-prt{
	width:46%;
	float:left;
	padding:0.60%;
	margin-left:2%;
	height:200px;
	margin-top:1%;
	border-top:3px solid #CCC;
	border-left:3px solid #CCC;
	border-bottom:3px solid #333;
	border-right:3px solid #333;
}
.overview-image-area{
	width:96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:1%;
	margin-bottom:1%;
}
.overview-text-area{
	width:96%;
	float:right;
	margin-left:2%;
	margin-right:2%;
	margin-top:1%;
	margin-bottom:1%;
}
.prayer-school-paryer-prt{
	width:100%;
	float:left;
}
.prayer-school-paryer-prt{
	width:96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
}
.prayer-school-song-prt{
	width:96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
}
.media-player-area{
	width:96%;
	float:left;
	margin-top:2%;
	margin-left:2%;
	margin-right:2%;
	background:#96F;
}
.full-histry-contnt-cvr{
	width:96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	/*border:1px solid #F33;*/
}
.facilit-cvr-part{
	width:48%;
	float:left;
	margin-left:2%;
	margin-top:1.5%;
}
.video-cvr-part{
	width:48%;
	float:left;
	margin-left:2%;
	margin-top:1.5%;
}
.stud-payment-area-dtls{
	width:95%;
	float:left;
	padding:0%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.stud-paymt-prt-1{
	padding:0.5%;
}
.stud-paymt-prt-1p{
	padding:0.5%;
}
.stud-paymt-prt-2{
	padding:0.5%;
}
.stud-paymt-prt-3{
	padding:1.52%;
}
.stud-paymt-prt-3p{
	padding:0.50%;
}
.stud-paymt-prt-3w{
padding:0%;
}
.my-fees-tot-cover-prtb{
width:100%;
float:left;
height:340px;
}
.pay-fees-hdr-prt{
	width:100%;
	float:left;
	height:70px;
	background:#093;
	position:fixed;
	border-bottom:1px solid #060;
	
}
.stud-pay-u-fees-part{
	width:95%;
	float:right;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-bottom:12%;
}
.right-student-bartbl{
	width:100%;
	float:right;
	margin-left:0%;
	margin-right:0%;
	margin-top:10px;
	background:#060;
}
.top-pay-hedr-prt-icon{
	width:22%;
	float:left;
	margin-left:41%;
	margin-right:41%;
}

}
@media screen and (max-width:680px){
.table-cvr{
	width:90%;
	float:left;
	margin-left:5%;
	margin-right:5%;
	}
	.tbl-rwl-hdr{
	width:97%;
	float:left;
	background:#F2F2F2;
	border:1px solid #000;
	margin-top:-40%;
	visibility:hidden;
	}
	.tbl-rwl{
	width:97%;
	float:left;
	background: 90px 35px rgba(255, 255, 255, 1);
	 border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	-webkit-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 6px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 6px rgba(50, 50, 50, 0.75);
	border:1px solid #900;
	margin-top:3%;
	}
	.tbl-rwl: hover{
	background: 90px 35px rgba(243, 100, 52, 1);
	}
	.tbl-tdg{
	width:98%;
	float:left;
	border:1px solid #FFF;
	}
	.tbl-hdr{
	width:28%;
	padding-left:2%;
	padding-top:1%;
	padding-bottom:1%;
	float:left;
	height:auto;
	background:#900;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	visibility:visible;
	}
	.tbl-cnt-bd{
	width:67%;
	float:right;
	text-align:justify;
	/*border:1px solid #00FF99;*/
	}
	.navbar-inner{
		margin-top:0%;
		opacity:1;
	}
	.navbar,.navbar-inverse,.navbar-static-top,.clss-nav.clss-nav{
		height:auto;
		margin-top:0%;
	}
	
}
@media screen and (max-width:480px){
.notice-area-cover{
	width:96%;
	height:auto;
	float:left;
	margin-left:2%;
	margin-top:2%;
}
.activites-main-prt{
	width:96%;
	float:left;
	padding:0.60%;
	margin-left:2%;
	height:200px;
	margin-top:1%;
	border-top:3px solid #CCC;
	border-left:3px solid #CCC;
	border-bottom:3px solid #333;
	border-right:3px solid #333;
}
.facilit-cvr-part{
	width:96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:1.5%;
	
}
.facelits-image-prt img{
	width:100%;
	float:left;
	height:auto;
}
.video-cvr-part{
	width:96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:1.5%;
	
}
.manegment-prt-area{
	width:96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	
}
	
	

}
