
    .card-99{ padding:0px 20px 0px 20px;}
   .lncnmarq > li > a{ color:#0561a5; font-weight:bold; text-decoration:underline; }
   .lnlecontainer{ background-color:#FFF; height:225px; padding:0px !important; overflow:hidden;}
   .ltnash{ background-color:#0561a5; padding:10px; text-align:center; color:#FFF; display:block; margin:0px !important; font-size:24px;}
   
   
   .clslgn{ font-size:20px; font-weight:bold; cursor:pointer;}
   .lgnas{color:#0561a5; font-weight:bold; font-size:18px; text-align:center;}
  .log-in-top-form{ max-width:400px; margin:auto; background-color:#FFF; padding:30px; border-top:4px solid #FC0;}
  .log-in-section{ background-color:#f8f8f8;}
  .log-in-section{ display:none;}
  .gmp{ width:300px;}
  .lgn-btn-top:hover{ background-color:#F90 !important; color:#000 !important;}
   @media screen and ( max-width:600px ){
   .qlfooter{ margin-left:-100px;}
   .gmp{ width:250px; margin-left:-50px;}
   }


.side-nav-globel{ list-style-type:none;  line-height:30px; width:100%; margin-left:-38px;}
.side-nav-globel >  li > a{ color: #0561a5; display:block; width:100%; margin-left:-15px; padding-left:20px; }     
.side-nav-globel >  li > a:hover{ background-color:#0561a5; color:#FFF; text-decoration:none;}


.sideright-style{  margin-top:-30px; box-shadow:0 9px 6px 0 rgba(221,153,51,0.7),0 6px 4px 0 rgba(221,153,51,0.7)!important; border-top:6px solid #0561a5; background-color:#FFF;}
.heading-style{ background:url(../images/bg3.jpg); background-repeat:repeat;  margin-top:-30px;}
.heading-style > h1{ color:#000; padding:80px; text-align:center; font-weight:bold;}

.logo-link{ color:inherit !important;}
.logo-link:hover{ color: inherit !important; text-decoration:none;}
/* load */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:url(../images/01-progress.gif) 50% 50% no-repeat rgb(249,249,249);
}
/* end*/


/* globel font*/
   body{font-family: 'Titillium Web', sans-serif;}
/* end font*/
   
   /* right absolute */
       #right-absolute{ position:fixed; top:0%; bottom:0%; left:97%; right:0%;
	   height:100%; width:3%; background-color:#FFF; z-index:1 !important;  }
	   
      .horizontal-text{ font-size:13px; margin-top:-4px; text-align:center; margin-left:14px;}
	  .horizontal-link{ text-decoration:none; color:#000;}
      .horizontal-link:hover{ color:#000; text-decoration:none;}
	  
	  .rotate-top{ transform:rotate(90deg);}
	  .horizontal-icons{ margin-left:10px; margin-top:15px;}
  @media screen and ( max-width:1000px ){ #right-absolute{ display:none !important;}}
   /* end */
   
   
    /*  footer  */
	  .footer-container{background-color:#354A5E; padding:40px 40px; color:#FFF;}
	@media screen and ( max-width:1000px ){
		.footer-container{ background-color:#354A5E padding:0px;}
	}
	
	.footer-links{ list-style-type:none;}
	.footer-links > li > a{ color:#FFF;}
	.footer-links > li > a:hover{ color:#CCC; text-decoration:none;}	
	/*  end of footer */
  
   
   /* latest news */
      .latest-news-events-container{ background-color:#0561a5; padding:40px 40px;}
     @media screen and ( max-width:1000px ){
		.latest-news-events-container{ background-color:#0561a5; padding:0px;}
	}
   /* end of latest news*/
   
   
   /*  card  */
    .card-container{ background-color:#f8f8f8; padding:40px 40px !important;}
	.card-shadow{ box-shadow:3px 3px 5px #CCCCCC;}
	@media screen and ( max-width:1000px ){
		.card-container{ background-color:#f8f8f8; padding:0px !important;}
	}
	.md-4-card{}
	.card-div{background-color:#FFF; margin:20px;}
	.card-header{ color:#0561a5; font-size:20px; padding:10px; margin-top:10px; text-align:center; display:block; margin:auto;}
	.card-p{ padding:10px; text-align:center;}
   /*  ends */
   
   
   /* school intro */
       .globel-h1{color:#0561a5;  text-align:center; }
	   .globel-link-style{color:#0561a5; }
   /* end of school intro*/
 
 
  /* quality container  */
          .quality-container{ background-color:#0561a5; padding:60px;}
		  @media screen and ( max-width:1000px ){
            .quality-container{padding:4px;}
           .quality-container > img{ margin-top:10px;}
		  }
   /*  end of quality container*/




/* slider */
.slideshow-container {
  position: relative;
  margin: auto;
}

.slider-img-style{ width:100%; }

.mySlides {
    display: none;
}
/* end of slider*/




/* menu stop */
 .relative {
    position:relative;
}
.fixed{ position:fixed;}
.top-m-margine{ margin-top:-40px;}
.top-mb-margine{ margin-top:-350px;}
.logo-nav-container{ z-index:1; width:100% !important;}
.bottom-menu-card{ box-shadow:3px 0px 16px #CCCCCC;}
/* end */

/* logo and other stuf  */
  .logo{ color:#0561a5; display:block; margin:auto; line-height:30px; padding:15px; margin:auto; text-align:center; font-weight:bold; font-size:25px;}
   .logo1{ color:#0561a5; display:block; margin:auto; line-height:30px; padding:15px; margin:auto; text-align:center; font-weight:bold; font-size:22px;}
  .logo-row-container{ background-color:#FFFFFF; border-bottom:1px solid #CCC !important;}
  .logo-row-icon{ color:#0561a5; margin-top:11px; font-size:27px;}
  .media-style{ margin-top:20px !important; border-right:1px solid #CCC !important;}
 @media screen and ( max-width:1000px ){
 .media-style{ margin-top:0px !important;}
 }
    
 /*  end */



/*===top1===*/
.top1{ background-color:#0561a5; color:#FFF; padding:10px; margin-bottom:-6px;}
.b-span{ margin-left:20px; margin-right:20px;}
.top-right-column{ width:450px;}
.top-right{ margin:0px !important; padding:0px !important;}
.top-right > li{ display:inline;}
.top-right > li > a{ text-decoration:none; color:#FFF; margin-left:10px;padding:8px 7px; font-size:13px;}
.top-right > li > a:hover{ background-color:#BF892B; }
@media screen and ( max-width:1000px ){
	 .top-right > li > a{ margin-left:4px;padding:0px 0px; font-size:12px;}
	 .top-right > li > a:hover{ background-color:#0561a5; }
}
@media screen and ( max-width:450px ){
	.top-right > li > a{ margin-left:4px;padding:0px 0px; font-size:10px; margin-left:1px;}
    .top-right-column{ margin-left:-20px;}
}
/*====end of top1==*/



/* menu */
 
nav {
  display: block;
  background: #fff;
  /* background: #E95546;*/
}

.menu { display: block; }

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}

.menu li:first-child { margin-left: 0; }

.menu li a {
  /*font-weight: 600; */
  font-weight:bold;
  text-decoration: none;
  padding: 15px 12px;
  display: block;
  color:#f98b00;
  font-size:15px;
  /* color: #fff;*/
  transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,
.menu li:hover>a {
   color:#0561a5;  
  /*color: #fff;
   background: #FC6D58; */
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 170px;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;

 box-shadow:0 9px 6px 0 rgba(221,153,51,0.7),0 6px 4px 0 rgba(221,153,51,0.7)!important; border-top:6px solid #0561a5; background-color:#FFF;

}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
	font-size:15px;
  /* font-size: 12px; */
  font-weight: normal;
  display: block;
  color: #797979;
  background: #fff;
  padding:8px;
}

.menu ul li a:hover,
.menu ul li:hover>a {
  color:#0561a5;
  /*background: #FC6D58;
  color: #fff; */
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #E95546;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  background: #E95546;
  color: #fff;
  text-decoration: none;
}

a.homer { background: #FC6D58; }
 @media (min-width: 768px) and (max-width: 979px) {

.mainWrap { width: 768px; }

.menu ul { top: 37px; }

.menu li a { font-size: 12px; }

a.homer { background: #E95546; }
}
 @media (max-width: 1130px) {

.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menu { display: none; }

.responsive-menu { display: block; }

nav {
  margin: 0;
  background: none;
}

.menu li {
  display: block;
  margin: 0;
}

.menu li a {
  background: #fff;
  color: #797979;
}

.menu li a:hover,
.menu li:hover>a {
  background: #FC6D58;
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}

.menu li>ul ul:hover { transform: initial; }
}

 .contact{ background-color:#f98b00 !important; margin-left:30px; color:#FFF !important;}
 .contact:hover{ background-color:#cc6600 !important;}
/* end of menu  */

.no-margine{ margin:0px !important;}