@media only screen and (max-width: 991px) {
  .school_logo a img{
   max-width:100%;
}
}

.nav_2{
	margin-top: 15%;
	position: absolute;
}
#readmore{text-align:center;display: block;}
#readmore:hover{color:white;}
.intro_custom{
	border-right: 10px solid #095a83;
	text-align: justify;
}
.intro_custom:hover {/*border-right: 15px solid #095a83;*/}
.edu2_cur_wrap:hover > figure::before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	background-color:#eea2104a;!important;
    opacity: 0.70;
}
.jcarousel {
    position: relative!important;
    overflow: hidden!important;
    width: 100%!important;
}

.jcarousel li {
    float: left!important;
    width: 307px !important;
}
.open_menu_list li a{
	color:black!important;
}
.open_menu_list li a:hover{background-color:#095a83!important;
	color:white!important;
	}
.jcarousel-container{width:100%!important;
height:100%!important;}
.jcarousel-skin-tango .jcarousel-clip-vertical{height:536px !important;width:100%!important}
.allnews1{text-align:center;}
.allnews1 a{color:white!important;background-color:#095a83!important;}

.jcarousel-skin-tango .jcarousel-container{border-radius:0px!important;}
.jcarousel-skin-tango .jcarousel-container-vertical{//text-align: -moz-center!important;}
.jcarousel-skin-tango .jcarousel-item-vertical{width:100%!important;/*margin-bottom: 52px !important;*/}
.jcarousel-skin-tango .jcarousel-prev-vertical{left:50%!important;}
.jcarousel-skin-tango .jcarousel-next-vertical{left:50%!important;}
.date{color:white;font-size: 85%;}
.newsandevent-slider a{color:#095a83!important;}
.newsandevent-slider:hover a{color:white!important;}
.newsandevent-slider:hover {background-color:#095a83;}\
.media-body{font-size:10px;}
.blogPost--small{border-top:1px solid #095a83;}
.our-app{color: black;font-weight:;}
.our-app-element{display:inline;float:left;//margin-left:100px;padding: 3%;}
footer{
	background-image:url(../images/littleflower1.jpg);
	background-repeat:no-repeat;
	background-size:cover;

}
.our-app-element-list1 li::before {
    content: "O";
	font-weight: bolder;
	font-size: x-large;
	margin-right: 20px;
	margin-left: 39px;

}

@media only screen and (max-width: 600px) {
  .our-app-element-list1 li::before {
    content: "O";
	font-weight: bolder;
	font-size: x-large;
	margin-right: 20px;
margin-left: -43px;

}
 .our-app-element-list1{
	 padding-left:18%;
 }
}


.our-app-element-list2 li {
   list-style-type: square;
	margin-left: 39px;
	margin-bottom:8px;

}
.impo{background-color:#2196f3;color:white;}
.impo1{background-color:#2196f3;color:white;}
.our-app-element-heading{margin-bottom:8px;}
.our-app h3{margin-bottom: 20px;
background-color: #2196f3;
color: white;
border: 2px dashed #095a83;}
.cont{background-color:rgb(255,212,84,0.5);}
#our-app-element-heading span{background-color:#2196f3;color:white;border:1px dashed #095a83;}
#our-app-element-heading {margin-top:8px;margin-bottom:20px;
}
#our-app-element-image{text-align:center;}
#our-app-element-image img{max-width:100%;}
#app-links{display: flex;
justify-content: center;}
#companylogo{height: 30px;color:white;}
.cards_wrap{color:white;}
.cards_wrap li a{color:white;}
.edu2_ft_logo_wrap a img{height: 80px;}
.about_our_school_css_inner div img{max-width:100%;}
.about_our_school_css {padding: 30px;}
.about_our_school_css_inner{    border: 2px solid #095a83;
    margin-top: 120px;
    width: 80%;
    text-align: center;
    margin: 0px auto;
    padding: 2%;
	background-color:white;
	//margin-top: 14%;
	text-align:justify;
}
.about_our_school_css_inner div h3{color:#095a83;}
.about_our_school_css_inner div h3 span{border-bottom:2px dashed #095a83;}
.paragraph{    border-right: 10px solid #095a83;
    padding-right: 12px;
    
    word-spacing: 3px;
}
.paragraph:hover{border-right:15px solid #095a83;}
.mission_and_vision_css li:before{content: "O";
font-weight: bolder;
font-size: x-large;
margin-right: 20px;
margin-left: -43px;
color:#095a83;
}
.mission_and_vision_css { border-right: 10px solid #095a83;
    padding-right: 12px;margin-left: 3%;
    word-spacing: 3px;
}
.mission_and_vision_css:hover{ border-right: 15px solid #095a83;
    padding-right: 12px;}
.about_our_school_css_inner div img{border:5px solid #095a83;}

.pragraph_h6{text-align: left;
line-height: 171%;
color: #095a83;
}
.pragraph_h6 span{border-bottom: 1px dashed;}
.warnings{background-color:red;color:white;border:1px dashed #095a83;}
.warning_cards_css{padding: 6px;
					border: 1px solid black;
					}
#examination_css{text-align:center;}
#examination_css img{width: 1413px;}
.issued_tc_css{text-align:center;}
#admission_number_text{border: 2px dashed #095a83;

width: 50%;min-width: 120px;}
#admission_number_search{background-color:#095a83;color:white;margin-left:20px;border:none;}
.issued_tc_css form input{padding:1%;}
.message_css{font-family: 'Dancing Script', cursive;padding-right: 12px;color: #0000a5;font-size: 24px;}
.contact_us_css{margin-top:30px;}
.contact_us_css input,textarea{border:2px dashed #095a83;width:100%;display:block;margin:20px auto;max-width:100%;}
.contact_us_css_outer {display:block;}
#submit_query{background-color:#095a83;color:white;}
.contact_us_css_outer div{float:left;margin-top:20px;text-align:center;/*margin: 12px 6% !important;*/}
.bordernew {
    contain: content;
}
.form_css{width:70%;}
.address_css h6 p{text-align:center;}
.address_css{margin: 12px 6% !important;}


/*css for gallery start*/
div.gallery {
  border: 1px solid #ccc;
  height: 260px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: 200px;
}

div.desc {
  padding: 10px;
  text-align: center;
  font-size:12px;
  height: 58px;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.gallery_page_css{contain: layout!important;}
.desc{color:#095a83;border:1px dashed #095a83;}
.responsive{margin-bottom:3px;}
/*css for gallery end*/

/*css for the modal of gallery start*/

.small {
  font-size: 11px;
  color: #999;
  display: block;
  margin-top: -10px
}

.cont {
  text-align: left;
}

.page-head {
  padding: 60px 0;
  text-align: center;
}

.page-head .lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 50px;
  margin-top: 0;
}

.btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.btn-lg {
  border-radius: 2px;
  font-size: 18px;
  line-height: 1.33333;
  padding: 10px 16px;
}

.btn-primary:hover {
  background-color: #fff;
  color: #152836;
}

.btn-primary {
  background-color: #152836;
  border-color: #0e1a24;
  color: #ffffff;
}

.btn-primary {
  border-color: #eeeeee;
  color: #eeeeee;
  transition: color 0.1s ease 0s, background-color 0.15s ease 0s;
}

.page-head h1 {
  font-size: 42px;
  margin: 0 0 20px;
  color: #FFF;
  position: relative;
  display: inline-block;
}

.page-head h1 .version {
  bottom: 0;
  color: #ddd;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  width: 58px;
  right: -58px;
}

.demo-gallery > ul {
  margin-bottom: 0;
  padding-left: 15px;
}

.demo-gallery > ul > li {
  margin-bottom: 15px;
  width: 180px;
  display: inline-block;
  margin-right: 15px;
  list-style: outside none none;
}

.demo-gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}

/*css for the modal of gallery end*/
.media-body{
	text-align: justify;
}
.pull-left{//float:right!important;}
.date span{
	background-color:#095a83!important;
	text-align:center !important;
	padding: 1px 0.5%;
}
.media-heading a span{color:#095a83;/*border-bottom:1px dashed #095a83;*/}
.news_image_icon img {
	max-width:100%;
	width: 100%;
	/*margin-top:40%;*/
	border:2px solid #095a83;
}
.news_image_icon{display:inline;}
.rp1{display:inline;
	float:left;
	width:20%;
	/*padding:5px;*/
}
.rp2{display:inline;float:left;width:80%;}
.rp2 p{padding:8px;}
#mycarousel li {
   margin: 20% 0;
   padding:4% 0%;
}
.news_and_events_view_all li{
	/*margin: 4% 0%;*/
}
/*.news_and_events_view_all li div div div div img{width: 100%;}*/

.image_icons {
	width:100%;
	text-align:center;
	padding: 5px;
}
.image_icons img{
	max-width:100%;
	
}
.prs{
	border: 1px solid transparent!important;
	overflow-x: hidden!important;
	background: white!important;
	color: black!important;
	text-shadow: none;
}
.blogPost--small_viewall{
	border:2px solid #095a83;
}
/*accodion css start*/
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border: 1px solid #095a83;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.accordion span{
	
}
.accordion::after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.accordion.active::after {
    content: "\2212";
}
/*accodion css end*/
.rp3 p{
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	}
.gallery-list-display{
	border:1px solid #095a83;
	margin:0px 3px;
}
.albutitle{
	text-align:justify;
	padding:2px;
	background-color:#095a83;
	color:white;
	height:30px;
}
.albutitle span{
	margin:2px;
}
.albutitle:hover {
	background-color:white;
	color:black;
}

.galbum:hover div {
	border: 2px solid white;
	background-color: #2196f3;
	color: white;
	font-weight: 900;
		border: 2px solid #2196f3;
}
.galbum:hover div img{
	border: 2px solid #2196f3;
}
.view-all-gallery span{
	//background-color: #095a83;
	color:white!important;
	padding:5px;
	/*border:2px dashed #2196f3;*/
}
.view-all-gallery span a{color:white!important;}
.view-all-gallery {margin-bottom:40px;margin-top: 3%;}
.view-all-gallery span:hover{
	//background-color: #2196f3;
	/*border:2px dashed #095a83;*/
}

.active{background-color:transparent!Important;}
.col-list{
	padding-left:0px!important;
	padding-right:0px!important;
}
 #littleflwer{
	 padding: 0% 39%!important;
 }

@media only screen and (max-width: 600px) {
 .about_our_school_css_inner div img {
    width: 100%;
}
#littleflwer{
	 padding: 0% 0%!important;
	 padding: 0% 0%!important;
 }
}
@media only screen and (max-width: 600px) {
  .about_our_school_css_inner {
    border: 2px solid #095a83;
    margin-top: 120px;
    width: 98%!important;
    text-align: center;
    margin: 0px auto;
    padding: 2%;
    background-color: white;
    //margin-top: 14%;
    text-align: justify;
}
}

@media only screen and (max-width: 600px) {
  section, .kf_footer_bg {
    padding: 25px 0px;
}
}

.anim{
	background-image: url("../images/about_our_school/backother.gif");
	background-repeat: no-repeat;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
 .view-all-gallery {
    margin-bottom: 40px;
    margin-top: 12% !important;
}
}




/*///////////////////////////////*/
#patronimage{
border:3px solid red;
 animation: patronimage1 5s infinite;
}
@keyframes patronimage1 {
  from {border:5px solid red;}
  to {border:5px solid green;}
}

/*//////////////////////////////////*/


@media only screen and (max-width: 1200px) {
 .nav_2 ul li a
 { 
 font-size: 12px!important;
 }
}
@media only screen and (max-width: 991px) {
 .nav_2 ul li a
 { 
 font-size: 14px!important;
 }
}

#rigistration-link-link1{
	 animation: mymove-link1 5s infinite;
}

#rigistration-link-link2{
	 animation: mymove-link2 5s infinite;
}

@keyframes mymove-link1 {
  from {background-color:red;}
  to {background-color:green;}
}

@keyframes mymove-link2 {
 from {background-color:cyan;}
  to {background-color:goldenrod;}
}

@media only screen and (max-width: 600px) {
 #tcsearchid{
	 padding:0%!important;
 }
}
#rigistration-link {
	
	position: absolute;
	
	margin-left: 80%;
	margin-top: 20%;
	    width: 30%;
}
#rigistration-link a{
	color:white;
	border:2px solid white;

	padding: 3%;
	
}
#rigistration-link li{
	margin-bottom:10%;
}


#rigistration-link span{
display: ruby;

}




@media only screen and (max-width: 830px) {
 #rigistration-link {
    position: absolute;
    margin-left: 70%;
    margin-top: 28%;
}
#rigistration-link li{
	margin-bottom:20%;
}
#rigistration-link a {
	color: white;
	border: 2px solid white;
	padding: 7%;
	
}
}

@media only screen and (max-width: 600px) {
 #rigistration-link {
    position: initial!important;
    margin-left: 0%!important;
	margin-right: 0%!important;
    margin-top: 0%!important;
	background-image: linear-gradient(to right, red , yellow);
	display:inline;
	
}
#rigistration-link li{
	margin-bottom:0%;
	display:inline;
	float:left;
	width: 50%!important;
}
#rigistration-link a {
	color: white;
	border: 2px solid white;
	padding: 0px 2px;
	margin-bottom:1%;
	
	
}
#rigistration-link li{
	
	width:100%;
	text-align: end;
}
#rigistration-link-link-li1{
	 background-image: linear-gradient(to right, #018000  , whitesmoke);
}

#rigistration-link-link-li2{
	 background-image: linear-gradient(to right, cyan  , whitesmoke);
}


}

#payment-links{
	position: absolute;
	margin-top: 28%;
	margin-left: 7%;
}
#payment-links img{
	opacity:0.7;
}
@media only screen and (max-width: 600px) {
	#payment-links{
	position: absolute;
	margin-top: 0% !important;
	margin-left: 0%!important;
}
#payment-links img{
	width:50%!important;
	margin: 2%;
	opacity: 0.8;
}
}

@media only screen and (max-width: 600px) {
 .login_wrap li a {
    
    padding: 10% 0px!important;
	font-size:10px;
	
}
}

@media only screen and (max-width: 600px) {
 .demo-gallery > ul {
  
    padding-left: 0px!important;
    
}
.demo-gallery > ul > li a > img{
	width:100%!important;
	height:100%!important;
	
}
.demo-gallery > ul > li{
	width: 100% !important;
	margin-right:0px!important;
}
.demo-gallery > ul > li a{
	padding:0% 3%;
}
.demo-gallery > ul > li a{
	border:none!important;
}
}

@media only screen and (max-width: 600px) {
.school_logo a img {
    max-width: 103%;
}
 .logo_wrap {
   
    padding: 0px 0px!important;
}
.logop{
	padding-left:0px!important;
}
}

@media only screen and (min-width: 600px) {
 .rigistration-link li {
	width: 122%;
}

.rigistration-link li a {
	display:block;
	
}
}

/*/////////////////////////////*/
.conti{
   width: 98%!important;
	padding-left:0px!important;
	padding-right:0px!important;
}
.col-md-10 {
    width: 100%!important;
}
.nav_2 {
    margin-top: 0%!important;
    position:relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.nav_2{
		padding:0px!important;
	}
}
#klogo {
	padding: 0% 8%;
}


@media only screen and (max-width: 600px) {
  .nav_2 ul li {
    display: inline-block;
    position: relative;
    margin: 0% 0px!important;
}
}

.nav_2 ul ul li{
	margin:0px!important;
}

.newbtnrb{
	border:1px solid white;
	padding:2px;
	color:white!important;
	background-color:#095a83;
	/*text-shadow: 2px 2px 4px #000000;*/
	 /*box-shadow: 10px 10px 5px grey;*/
	box-shadow: 0px 0px 3px black;
}
.newbtnrb:hover{
	
	 box-shadow: 0px 0px 0px grey;
	 color:white;
}

.jcarousel {
	background-color: white;
}
.headingst{
	text-shadow: 2px 2px 4px #000000;
	color:#08567d;
}
@media only screen and (max-width: 1097px) and (min-width: 561px) {
  .mission_and_vision_css {
	
	margin-left: 8%!important;
}
}
@media only screen and (max-width: 561px) and (min-width: 287px){
  .mission_and_vision_css {
	
	margin-left: 16%!important;
}
}
@media only screen and (max-width: 287px){
  .mission_and_vision_css {
	
	margin-left: 22%!important;
}
}
#figpatron{
    text-align: center;
	 font-weight: bold;
	animation: patronmove 5s infinite;
}
@keyframes patronmove {
  from {color:red;}
  to {color:green;}
}

@media only screen and (max-width: 600px) {
  #figpatron{
	
  }
}
.prinmessa{
	background-color: rgba(9,90,131,0.2);
	padding: 5px 0px !important;
}

.prinmessa:hover{
	background-color: #e37d39;
}

.prinmessa h6{
	
	  text-shadow: 2px 2px #000000;
}

.shadi{
box-shadow: 0px 0px 10px black;
/*box-shadow: 10px 10px 5px grey;*/
-moz-transition: all 0.3s ease-in-out;

}
.shadi:hover{
	/*box-shadow: 0px 0px 0px grey;*/
}
@media only screen and (max-width: 1856px) and (min-width: 600px){
  .anim {
	
	background-size: cover!important;
}
}

.modal-dialog {
	width: 52%!important;
	
}