body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto';
	font-size: 15px;
	color: #000;
	line-height: 1.6em;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto';
}
p{
	text-align: left;
}
@media (min-width: 1024px){
.toprow {
    padding: 0 100px;
}
.img-responsive{
	margin: 0px auto;
}
.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
 }
}
 @media (max-width: 768px){
 	/*.navbar-brand>img {
		  height: 90%;
		 }*/
     .carousel-indicators{
      bottom: -15px;
     }
     .read-about{
      padding: 0 !important;
     }
     .part1, .part2, .part3, .part4, .part5{
      height: 120px !important;
     }
     .part-head{
      margin: 10px 0 5px 0 !important;
     }
 }
 .navbar-default .navbar-nav>li>a {
    color: #001b58;
   /* font-size: 14px;
    font-weight: 600;*/
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
   /* color: #f9ce67;*/
    background-color: transparent;
    border-bottom: 1px solid  #001b58;
}
.navbar-nav>li>a.active{
  color: #f3b500;
  background-color: #001b58;
  border-bottom: 2px solid #f3b500;
}
/*.navbar-nav>li>a:visited{
	 border-bottom: 1px solid  #001b58;
}*/
.navbar-alignit .navbar-header {
	  -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
  	  transform-style: preserve-3d;
}
.navbar-alignit .navbar-brand {
	top: 50%;
	display: block;
	position: relative;
	height: auto;
	transform: translate(0,-50%);
	margin-right: 15px;
  	margin-left: 15px;
}
.navbar-nav>li>.dropdown-menu {
	z-index: 9999;
}
.navbar-default{
	background-color: transparent;
	border-color: transparent;
	margin: 10px;
}
.sticky {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    background-color: #ddd;
}
/* Logo with Text*/
@media (min-width: 768px){
/*.logo {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #001a52;
}*/
}
.logo .navbar-brand {
  display: flex;
  align-items: center;
}
.logo .navbar-brand>img {
}
/*=====slider=====*/
/* Carousel Styles */
.carousel-indicators .active {
    background-color: #001b58;
}

.carousel-inner img {
    width: 100%;
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	/*padding: 15px;*/
}

.carousel-control.right span {
	/*padding: 15px;*/
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
	background-color: #001a51;
	height: 20px;
	width: 20px;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #001b58;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}
/*
.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}*/
/*====about content====*/
.read-about, .gallery-section{
	padding: 30px 0;
}
.read-content{
	padding: 0px 100px;
}
.read-content>h3{
	text-align: center;
  color: #001b58; 
  font-weight: 500;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.read-content>p{
	margin-bottom: 20px;
	text-align: center;
}
.read-more{
	text-decoration: none;
	font-size: 15px;
	color: #001b58;
  position: absolute;
  bottom: 30px;
}
.about-more{
  text-decoration: none;
  font-size: 15px;
  color: #001b58;
}
a.read-more:hover, .about-more:hover{
	color: #f3b500;
}
@media (max-width: 768px){
	.read-content{
	padding: 10px 30px;
}
.navbar-default{
margin: 5px;
}
}
.active1{
	background-color: #001b58;
}
.active1>a{
	color: #fff !important;
}
.active1>a:hover{
	background-color: #ffb700;
	color: #000 !important;
}
.acd-para{
  margin: 10px 0;
}
.el-subhead{
  margin: 15px 0 0;

}
.event-data{
  margin-bottom: 30px;
  text-align: left;
}
/*====culture====*/
.activities{
  padding-bottom: 30px;
}
.act-head, .events-head, .gallery-head{
  text-align: center;
  margin-bottom: 50px;
  text-transform: uppercase;
}
.events-head{
  color: #fff;
}
.gallery-head
{
  color: #001b58; 
  font-weight: 500;
  margin-bottom: 30px;
}
.link-part{
	padding: 0px;
}
.parts{
	margin: 0px;
	padding: 0px;
}
.part1, .part2, .part3, .part4, .part5{
    margin: 0px;
    text-align: center;
    height: 250px;
    color: #001b58;
}
.part1{
	background-color: #ddd;
}
.part1:hover{
	background-color: #f1f1f1;
}
.part-head{
	margin-top: 100px;
	font-size: 18px;
	font-weight: 500;
  margin-bottom: 5px;
}
.part2{
	margin: 0px;
	padding: 0px;
}
.part3 {
    background-color: #fff;
 }
 .part3:hover {
    background-color: #9e9a9a2e;
 }
.part4 {
    background-color: #001b58;
    color: #fff;
}
.part4:hover {
    background-color: #001b58ed;
}
 .part5 {
    background-color: #f3b500;
  }
 .part5:hover {
    background-color: #f3b500e3;
}
/*=====feature=-====*/
.feature{
	padding: 0 0 20px;
}
.events-section{
	background-image: url(../images/tjis-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    height: 100%;
    padding: 30px 0 90px;
}
.feature-head{
	text-align: center;
	font-size: 22px;
	color: #fff;
	margin-bottom: 30px;
}
.feature-icon{
	font-size: 50px;
	color: #001b58;
	margin-top: 10px;
	text-align: center;
}

/* The colour of the indicators */
ol.carousel-indicators.events {
    bottom: -50px;
}
.carousel-indicators.events li {
	background: #cecece;
}
.carousel-indicators.events .active {
background: #f3b500;
}
.carousel-indicators.events li{
	width: 40px;
    height: 8px;
    border-radius: 0px;
}
.carousel-indicators.events .active{
	width: 40px;
    height: 8px;
    border-radius: 0px;
    bottom: -20px;
}
.carousel-indicators.events li {
    border: 1px solid #001b58;
}
.feature-content{
	border-top: 4px solid #f3b500;
	background-color: #fff;
  padding: 10px 20px;
  height: 300px;
}
.feature-content>p{
	  margin-top: 5px;
}
.feature-content:hover{
	 -webkit-transform: translateY(-15%);
            transform: translateY(-15%);
}
.news-date{
	color: #001b58;
	font-size: 14px;
}

/*====bottom home====*/

.cours2{
	margin-top:30px;
}

.cours2{
	position:relative;
	margin-bottom:50px;
}
.cours3{
	-border:1px solid red;
	position:absolute;
	top:-100px;
	opacity:0;
	-bottom:100px;
	-background-color:rgba(142,198,63,.8);
	background-color:rgba(0,0,0,0.3);
	color:white;
	padding:10px;
	width: 100%;
}
.cours2:hover .cours3 {
	opacity:1;
	top:0px;
	transition:1s;
}
.cours4{
	position:absolute;
	-border:1px solid red;
	-margin-top:-80px;
	padding-top:20px;
	width:100%;
	height:80px;
	opacity:0;
	bottom:-50px;
	-background-color:rgba(142,198,63,.8);
	background-color:rgba(0,0,0,0.3);
}
.cours2:hover .cours4{
	opacity:1;
	bottom:0;
	transition:1s;
}
.cours2:hover .hover{
	transform:scale(1.3);
	transition:1s;
}
.cours7{
	border:1px solid rgb(73,183,43);
	background-color:rgb(73,183,43);
	color:white;
	font-size:18px;
	padding:10px 15px;
	border-radius:5px 20px;
}
.cours7:hover{
	background-color:transparent;
	color:rgb(73,183,43);
	border:1px solid rgb(73,183,43);
	transition:1s;
}
.news-more{
	background-color: #f3b500;
	color: #001b58;
	padding: 10px 5px;
	cursor: pointer;
	border-radius: 5px;
}
.news-more:hover{
	background-color:transparent !important;
	color:#fff;
	border:1px solid #fff;
	text-decoration: none;
}
.event-date{
	color: #f3b500;
	font-size: 14px;
}
.event-head{
	color:#001b58;
	text-align: center;
}
blockquote {
    margin: 30px !important; 
    border: 1px solid #001b58;
}
.bot-footer{
	background-color: #f3b500;
	color: #001b58;
	text-align: center;
  padding: 10px 0 30px;
}
.footer-content>p{
	text-align: left;
}
footer{
	background-color: #001b58;
}
.footer-data{
	color: #fff;
	text-align: center;
	margin: 10px 0;
}
/*=====social icons=====*/
.social-icons{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  top: 50%;
}
li.social-link{
   margin: 5px;
   list-style: none;
   font-size: 24px;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
@media (min-width: 768px){
	.social-icons{
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	 /* text-align: center;
	  width: 25%;
	  margin: 5px auto;*/
	 -webkit-padding-start: 0px;
  	}
}
li.social-link>a {
  width: 40px;
  padding: 8px 0;
  display: block;
  color: #fff;
}
li.social-link:nth-child(1) {
  background: #3b5998;
}
li.social-link:nth-child(2) {
  background: #00aced;
}
li.social-link:nth-child(3) {
  background: #dd4b39;
}
li.social-link:nth-child(4) {
  background: #f12d1e;
}
li.social-link:nth-child(5) {
  background: #bc2a8d;
}
li.social-link:hover {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
}
.bottom-head.logo {
    border-bottom: 1px solid #001951;
}
/*====about page====*/
.breadcrumb {
    padding: 20px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #ffffff;
    border-radius: 4px;
}
ul.nav.nav-pills.nav-stacked {
    background-color: #ddd;
    text-align: center;

 }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #001b58;
    background-color: #f3b500;
    border-right: 3px solid #001b58;
}
.nav-pills>li>a {
    border-radius: 0px;
     color: #001b58;
     padding: 8px 15px;    
}
.nav-pills>li
{
	  border-bottom: 1px solid #fff;
}
.about-banner {
  background-image:url('../images/tjis-campus.jpg');
  }
  .admission-banner {
  background-image:url('../images/TJIS-admission-2019-20-banner.jpg');
  }
.about2-banner {
  background-image:url('../images/sliders/tjis-about-banner.jpg');
}
.events-banner {
  background-image:url('../images/student-music-session.jpg');
}
.academics-banner {
  background-image:url('../images/sliders/students-in-library.jpg');
}
.facilities-banner {
  background-image:url('../images/students-in-library.jpg');
}
.studentlife-banner{
  background-image:url('../images/students-in-ground.jpg');
}
.contact-banner{
  background-image:url('../images/sliders/tjis-campus.jpg');
}
.about-banner, .admission-banner, .about2-banner, .events-banner, .academics-banner, .studentlife-banner, .contact-banner, .facilities-banner{
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
 /* background-attachment:fixed;*/
  height:100%;
  padding: 200px 0;
}
@media (max-width: 768px){
/*.about-banner{
  background-image:url('../images/sliders/tjis-1.jpg');
}*/
.about-banner, .admission-banner, .about2-banner, .events-banner, .academics-banner, .studentlife-banner, .contact-banner, .facilities-banner{
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
 /* background-attachment:fixed;*/
  height:100%;
  padding: 80px 0;
  }
}
.about-title{
	color: #fff;
}
.events-title{
	color: #001a52;
}
.about2-title{
	color: #001a52;
}
.about-section{
	padding: 30px 0 50px;
}
.about-head{
	margin-top: 0px;
	color: #001b58;
}
.event-head{
  margin-top: 0px;
  color: #001b58;
  font-size: 20px;
  text-align: left;
}
.student-title{
   color: #001b58;
   text-align: center;
   margin: 0 0 20px;
   font-size: 24px;
   text-transform: uppercase;
}
.stlife{
  color: #001b58;
  font-size: 20px;
  margin: 40px 15px 5px;
}
@media (max-width: 768px){
.about-head, .event-head{
  margin-top: 20px;
}
}
.footer-logo{
	margin-top: 20px;
}
.chairman-details {
    color: #001a52;
    text-align: center;
    padding: 10px 0;
}

.feature{
	text-align: center;
  font-size: 16px;
}
.event-box{
  margin-bottom: 20px;
  padding: 20px;
}
.event-box:hover{
transform: translateY(10px);
box-shadow: 1px 1px 2px 2px #172f638c;
}
.event-box1{
   padding: 20px;
  transform: translateY(10px);
box-shadow: 1px 1px 2px 2px #172f638c;
}
span.event-subhead {
    color: #001b58;
    font-size: 16px;
    font-weight: 500;
}
.contact{
	padding: 20px 0;
}
.form-area {
   padding: 30px;
   background-color: #001b58d6;
   border-radius: 10px;
}
.imp-line{
	color: #001a52;
	/*border-bottom: 1px solid;*/
}
h4, h5{
	margin: 15px 0;
  color: #001b58;
}
h5.step{
  margin: 20px 0 10px;
}
.adm-ul{
  list-style: none;
  /*padding: 10px 0;*/
  -webkit-padding-start: 20px;
}
.adm-ul1{
   -webkit-padding-start: 20px;
}
ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;
}
span.imp-head{
	color: #001b58;
}
.footer-head{
	text-align: left;
	font-size: 20px;
}
.footer-list{
	list-style: none;
	text-align: left;
	-webkit-padding-start: 0px;
}
.footer-list>li>a{
	color: #001b58;	
}
.footer-list>li>a:hover{
	color: #000;	
	text-decoration: none;
}
@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
} 
.co-img{
  border-radius: 10px;
  margin-bottom: 10px;
}
/*=====28/2/18=====*/
.adm-table{
  border-top: 1px solid #ddd;
}
@media (min-width: 768px){
  .adm-table{
    width: 50%;
}
}
.fac-title{
  margin: 0 0 15px;
}
.event-section{
  padding: 30px; 
}
.event-subhead{
  font-size: 17px; color: #001b58;
  text-align: left; margin: 10px 0;
  font-weight: 500;
}
.chairman{
  margin: 0px auto;
}
.chairman-details>h4, .chairman-details>h5{
  margin: 2px 0;
}
.contactus{
  background-color: #f3b500;
  border-radius: 10px;
  padding: 5px 20px;
  color: #fff;
  border: 0;
}
.contactus:hover{
  background-color: #001b58;
  color: #fff
}
.facility{
  border-bottom: 1px dotted #ddd;
  margin: 20px 0;
  padding: 20px 0;
  height: auto;
  font-weight: 300;
}
@media (min-width: 990px){
  .facility{
    height: 160px;
  }
}
.event-img{
  margin-bottom: 10px;
}
.map{
  padding-top: 30px;
}
.sep{
  margin: 20px 0 0;
}
span.imp-head1
{
    color: #001b58;
    font-size: 17px;
    font-weight: 500;
}
.flink{
  color: #fff;
}
.flink:hover{
  color: #f3b500;
  text-decoration: none;
}