body{overflow-x:hidden;}

button:focus {outline: none;}
.bg-white{background:white;}
/*.navbar-brand img{ width:30%;}*/
.hcolor{color:#ff7f00;}
.btnback{background:#ff7f00 !important;color:black !important; font-weight:600 !important;}
.black{color:black;}
 .nav-item a:hover  {
    color: #ff7f00 !important;
}
p{text-align:left;}

.navbar-light .navbar-nav .nav-link {
    color: rgb(0, 0, 0) !important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #ff7f00 !important;
}
.bgnav{
box-shadow: 0px 3px 5px 0px #ff7f00; background: white;
}

/*.navbar.solid {
	 background-color: white;
	 transition: background-color 1s ease 0s;
	 box-shadow: 0px 3px 5px 0px #ff7f00;
	 
}
 
 .navbar.solid .navbar-nav > li > a {
	 color: #c57ed3;
	 transition: color 1s ease 0s;
}*/

/*.main-banner {margin-top:-96px;}*/
.main-banner img{height:auto;}
/*********/
.head-news{background:#ff7f00;color:white; }
.head-news p{margin-bottom:0 !important;}
header{background:#dde0e0; padding:15px 0;}

.head-social a{text-align:center; color:white;}
.head-social a:hover{color:black;}

/********/

.key-box{-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75); 

padding:25px 15px;}

/*.main-services .item{-webkit-box-shadow: 0px 0px 20px -5px rgb(181,177,177);
-moz-box-shadow: 0px 0px 20px -5px rgb(181,177,177);
box-shadow: 0px 0px 20px -5px rgb(181,177,177); margin:10px; border-radius:5px; }*/
.main-services img{ height:300px; }
/**********/

.main-abt { background:linear-gradient(rgba(215, 217, 218, 0.86),rgba(255, 255, 255, 0.79)),url(../images/about-ino.jpg) no-repeat center center fixed;
	background-size: cover; }
/****/
.why-choose {background:linear-gradient(rgba(0, 0, 0, 0.96),rgba(5, 3, 36, 0.79)),url(../images/why.jpg)no-repeat center center fixed;
	background-size: cover;color:white; }
.why-box{border:2px solid #ff7f00;border-radius:5px; padding:10px;}

/*******main-testimonials******/

.main-testimonials{}

.port-img img{border-radius:50%; height:80px; width:80px;}

/********** news and events **********/

.event-box{background:white; box-shadow: 0px 0px 20px -5px rgb(181,177,177); margin-bottom:15px; padding:10px;}
.news-events{background:#f2f2f2e0;}

.event-box img{height:70px;}
.main-news .item{background:white;}
/********************/
.carousel-wrap {
  margin: 5px auto;
  padding: 0 ;
  width: 100%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}

.main-news .owl-nav .owl-prev {
    
    display:none;
  left: -30px;
}

.main-news .owl-nav .owl-next {
  right: -30px;
  
  display:none;
}
/******

.iwidth{width:15%;}
.infowidth{width:85%;}


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

.footer{background:linear-gradient(rgba(0, 0, 0, 0.96),rgba(5, 3, 36, 0.79)),url(../images/about-ino.jpg)no-repeat center center fixed;
	background-size: cover;color:white;
	}

.footer a{color:white;}
.footer a:hover{color:#ff7f00;font-weight:600;}

.footer-ribbon::before {
    border-right: 10px solid #646464;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 7px;
}

.footer-ribbon {
    background: #ff7f00;
    position: absolute;
    margin: -16px 0 0 14px;
    padding: 10px 20px 6px 20px;
   
}

.footer-ribbon span {
	color: black;
	font-size: 1.6em;
	font-family: "Shadows Into Light", cursive;
}

.social a{text-align:center; color:white;}
.social a:hover{color:#ff7f00;}
 

/*  return to top */
#btnreturntotop {
	display: none; 
	position: fixed; 
	bottom: 40px; 
	right: 21px; 
	z-index: 9999; 
	border: none; 
	outline: none; 
	background-color: #ff7f00;
	color: black; 
	cursor: pointer; 
	border-radius: 50%; 
	font-size: 18px;
	height:40px;
	width:40px;
}
/******/
#btnreturntotop  i{margin:5px 3px;}

/***Mobile view**/	
	
    .col-xs-6 {width:50% !important;}
	.call{background-color:#48751c;}
	.call a{color:#f7f7f7; text-decoration:none;}	

	.Enquiry{background-color:red;}
	.Enquiry a{color:white; text-decoration:none;}	
/***********/

/* DEMO GENERAL ============================== */

.stud-box img { height:250px;}
.hover {
  overflow: hidden;
  position: relative;
  padding-bottom: 60%;
}

.hover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  transition: all 0.4s;
  
}

.hover img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  
}

.hover-content {
  position: relative;
  z-index: 99;
}
/* DEMO 4 ============================== */
.hover-4 img {
  width: 110%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
}

.main-services .hover-overlay { width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  transition: all 0.4s;background: linear-gradient(rgba(255, 255, 255, 0) ,rgba(2, 2, 2, 0.36));
  z-index: 90;
    color:white;
    text-align:center !important;
}
  
  .main-services .hover-4-title1 {
  position: absolute;
  bottom: 0;
  /*left:0;*/
  padding: 1rem;
  z-index: 99;
  color:white;
  text-align:center !important;
  width:100%;
}

.hover-4 .hover-overlay {
  background: linear-gradient(rgba(38, 38, 38, 0.74) ,rgba(208, 208, 208, 0.04));
  z-index: 90;
}

.hover-4-title {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1rem;
  z-index: 99;
}

.hover-4-description {
  position: absolute;
  top: 2rem;
  left: 2rem;
  text-align: right;
  border-right: 3px solid #fff;
  padding: 0 1rem;
  z-index: 99;
  transform: translateX(-1.5rem);
  opacity: 0;
  transition: all 0.3s;
}

@media (min-width: 992px) {
  .hover-4-description {
    width: 50%;
  }
}

.hover-4:hover img {
  width: 100%;
}

.hover-4:hover::after {
  opacity: 1;
  transform: none;
}

.hover-4:hover .hover-4-description {
  opacity: 1;
  transform: none;
}

.hover-4:hover .hover-overlay {
  background: rgba(0, 0, 0, 0.8);
}
/******************/

    .contact-banner{background:linear-gradient(to top right,rgba(215, 215, 215, 0.73),rgba(255, 255, 255, 0.17)),url(../images/contact.jpg)no-repeat top center fixed;
	background-size: cover; color:black; font-weight:bolder; padding:60px 0; }
	.contact-banner h1{font-weight:bold;}
    .support-banner{background:linear-gradient(to top right,rgba(215, 215, 215, 0.73),rgba(255, 255, 255, 0.17)),url(../images/support.jpg)no-repeat top center fixed;
	background-size: cover; color:black; font-weight:bolder; padding:60px 0; }
	.support-banner h1{font-weight:bold;}
	
	/************/

	
	.about-banner{background:linear-gradient(to top right,rgba(215, 215, 215, 0.73),rgba(255, 255, 255, 0.17)),url(../images/about-ino.jpg)no-repeat center bottom fixed;
	background-size: cover;color:black; padding:50px 0;}
	
	.about-banner h1{font-weight:bold;}
	
	.gallary-banner{background:linear-gradient(to top right,rgba(215, 215, 215, 0.73),rgba(255, 255, 255, 0.17)),url(../images/gallary.jpg)no-repeat center bottom fixed;
	background-size: cover;color:black; padding:60px 0;}
	.gallary-banner h1{font-weight:bold;}
	
	.gal-img img{ height:300px;}
	.services-banner{background:linear-gradient(to top right,rgba(215, 215, 215, 0.73),rgba(255, 255, 255, 0.17)),url(../images/back.jpg)no-repeat center bottom fixed;
	background-size: cover;color:black; padding:60px 0;}
	.services-banner h1{font-weight:bold;}
	.teachers-banner{background:linear-gradient(to top right,rgba(215, 215, 215, 0.73),rgba(255, 255, 255, 0.17)),url(../images/teacher.jpg)no-repeat center top fixed;
	background-size: cover;color:black; padding:60px 0;}
	.teachers-banner h1{font-weight:bold;}
	
	.prime-banner{background:linear-gradient(to top right,rgba(215, 215, 215, 0.73),rgba(255, 255, 255, 0.17)),url(../images/about.jpg)no-repeat center bottom fixed;
	background-size: cover;color:black; padding:60px 0;}
	.prime-banner h1{font-weight:bold;}
	
	.preprime-banner{background:linear-gradient(to top right,rgba(215, 215, 215, 0.73),rgba(255, 255, 255, 0.17)),url(../images/about.jpg)no-repeat center bottom fixed;
	background-size: cover;color:black; padding:60px 0; }
	.preprime-banner h1{font-weight:bold;}
	
	
	
	.qbox{border: solid 1px#fff;
    padding: 24px;
    border-radius: 6px;
    -webkit-box-shadow: 5px 1px 15px -2px #bdbcbcb8;
    box-shadow: 5px 1px 15px -2px #bdbcbcb8;}
/***********************/
.v-box{box-shadow: 5px 1px 15px -2px #bdbcbcb8; padding:15px; margin:15px 0;}
.profile{background:linear-gradient(rgba(0, 0, 0, 0.96),rgba(5, 3, 36, 0.79)),url(../images/back.jpg)no-repeat center center fixed;
	background-size: cover; color:white;}
/*********/

.s-box{box-shadow: 12px 11px 15px -2px #999999b8; padding:15px; margin:15px 0;}

#book-tour{background:linear-gradient(rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.77)),url('../images/enquiry.jpg') top fixed no-repeat ;
		
			background-size:cover;
			
			padding:80px 0;
			color:black;}

@media (max-width: 992px){
    
    .owl-nav .owl-prev {
 display:none;
}

.owl-nav .owl-next {
  display:none;
}
}

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

.teachers-info img{height:280px;}


/*.column {
	margin: 15px 15px 0;
	padding: 0;
}
/*.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}*/
figure {
	width: 100%;
	/*height: 250px;*/
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
/*figure:hover+span {
	bottom: -36px;
	opacity: 1;
}*/



/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* Circle */
.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

/*.team-title::before {
    content: "";
    position: absolute !important;
    border-bottom: 15px solid #ffffff;
    border-left: 20px solid transparent;
    left: 40%;
    z-index: 9;
    display: block;
    height: 15px;
    border-right: 20px solid transparent;
    top: -20px;
    background-color:red;
}*/

.teachers-info .team-title a:hover{color:#ff7f00;}
.event-box img {height:100px;}


@media (max-width: 991px){
    
    .copy-right{margin-bottom:45px;}
    
    .main-banner img{height:auto;}
}

.testimonial-banner{background:linear-gradient(to top right,rgba(215, 215, 215, 0.73),rgba(255, 255, 255, 0.17)),url(../images/testimonial-banner.jpg)no-repeat top center fixed;
	background-size: 100%;color:black; padding:60px 0;}
	
	.testimonial-banner h1{font-weight:bold; color:black;}
	.t-box{box-shadow: 5px 1px 15px -2px #bdbcbcb8; padding:15px; margin:15px; }
	
	.t-box img{height:100px; width:100px; border-radius:50%; border:7px solid #ddd;}
	
	aside.fixed {position: fixed; }
	
   .test-img img{ border:7px solid #ddd;}


@media (max-width: 1920px){
    aside.fixed {width:416px;}
       
   }
   
@media (max-width: 1399px){
    aside.fixed {width:356px;}
       
   }
   
@media (max-width: 1200px){
    aside.fixed {width:296px;}
 }
     

@media (max-width: 991px){
   
    aside.fixed {width:336px;}
    .testimonial-details {text-align:center !important;}
      .teachers-info img { height: 268px;}
}


@media (max-width: 767px){
    aside.fixed {position: static; width:100%;}
    .teachers-info img { height: 220px;}
}

@media (max-width: 578px){
    .teachers-info img {
  height: auto;
}
}