@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
#fix-to-top {

}

a{ /*color:#f15a5d;*/ text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none; /*color:green;*/}
a:active{text-decoration:none; color:green;}

.body{
	background-color: #000000;
	/*font-family:'Open Sans',serif;*/
	font-family:'Mukta', sans-serif;

}
.container{
	background-color: white;
	/*font-family:'Open Sans',serif;*/
	font-family:'Mukta', sans-serif;
	margin-top:67px;
}
.a: hover{
	text-decoration:none;
}
.tool-logo{
	height: 40px;
	width: 40px;
}


ul#steps li:hover{	
	background-color:#fff;
	color:#f15a5d;	
}

.sel{	
	background-color:#fff;
	color:#f15a5d;
}

.step-head{
	/*font-size:18px; background-color:#f15a5d; color:white; padding:2px 5px;*/
}
.next-prev{
	font-size:20px;
	background-color:#f15a5d;
	color:white;
	padding:5px 10px;
	margin:10px 0px;
	border-radius:5px;
}
.dropdown-content{
	position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999999;
    right: 0;
    left: auto;
}

/*------------------------------- read more and less --------------------------------*/
 #info + .readmore-js-toggle { padding-bottom: 1.5em; border-bottom: 1px solid #999; font-weight: bold;}
    #demo { padding: 0 0%;font-size: 18px; }
/*---------------------------- hover effect ---------------------------------------*/
.collection{ padding-bottom:15px important!;}
.collection1 {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden; 
}

.collection-middle {
 transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
	
}
.collection1{ }
.collection:hover .collection1 {
  opacity: 0.1;
}

.collection:hover .collection-middle {
  opacity: 1;
}

.collectiontext {
   line-height: 26px;
    color: #333;
    font-size: 16px;
    padding: 6px;
    text-align: justify;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-title{
   margin: 0px;
   padding: 9px 10px;
   border-top: 5px solid #dedede;
}
.card-title, .card-title a {
   margin: 0px;
    padding: 9px 10px; font-weight:500;
   color:#b84a01;
}
.card-title a:hover
{color:#333;}
.table{margin-bottom:0px !important;font-size: 15px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
     border-top: 0px solid #ddd !important;; 
}


@media (min-width:992px){
	.navbar{
		background-color:transparent; background-image: url(../img/rainbow-1a-f.jpg);background-size:cover; background-repeat: no-repeat; /*height:71px;*/ height:77px; background-position:center;
	}
	.navbar-nav{		
		float: right;
		/*margin-top:-10px;*/
		margin-right:0px;
	}
	navbar-default{
		background-image: url(http://dsource.idc.iitb.ac.in/sites/all/themes/mytheme/images/rainbow-1a-f.jpg);
	}
	#row_2{
		/*margin-right:-15px;*/
	}
	.tool-logo{
		margin-top:-5px;
	}
	.subscript{
		/*display:block;*/
		font-size:15px;
		color: #25B0E5;		
	}
	ul#steps{		
	display:inline;list-style:none; font-size:18px; margin-left:-30px;
	}
	.logohead{
		font-family:'Open Sans',serif; font-size:36px; font-weight:100; color: #25B0E5 !important; margin-top:8px;
	}
	ul#steps li{
	display:inline;
	padding:5px 12px 4px 12px;
	margin:0px -2px;
	border:1px solid #f15a5d;
	color:#f15a5d;
	background-color:white;
	/*border-radius:18px;*/
	}
	.item-title{
	font-size:20px;
	background-color:#698acd;
	color:white;
	padding:5px 10px;
	margin:10px 0px;
	line-height:25px;
	}
	
	h3{
	font-size:20px;
	/*background-color:#f15a5d;
	color:white;
	padding:5px 10px;
	margin:10px 0px;*/
	line-height:25px;
	}
}

@media (min-width:768px, max-width:991px){
	.navbar{
	background-color: transparent;    
    border-radius: 0;
    background-image: url(../img/rainbow-1a-f.jpg);
    background-position: center center;
    background-size: cover;
    margin-bottom: 10px;
	}
	.navbar-nav{		
		background-color:transparent;
		float:none;	
		text-align:left;
		width:100%;		
	}
	.navbar-default{
		url(http://dsource.idc.iitb.ac.in/sites/all/themes/mytheme/images/rainbow-1a-f.jpg);
	}	
	#slash{
		display:none;
	}
	.logohead{
		padding-top:4px;		
		font-size:25px;
		line-height:26px;		
	}
	.subscript{
		display:block;
		font-size:16px;	
		color: #25B0E5;	
	}
	ul#steps{
	display:inline;list-style:none; font-size:8px; margin-left:-30px; line-height:22px;
	}
	ul#steps li{
	display:inline;
	padding:5px 9px;
	margin:0px -2px;
	border:1px solid #f15a5d;
	color:#f15a5d;
	background-color:white;
	/*border-radius:18px;*/
	}	
	h3{
	font-size:16px;
	/*background-color:#f15a5d;
	color:white;
	padding:4px 8px;
	margin:10px 0px;*/
	line-height:20px;
	}
}


@media (max-width:767px){
	.dropdown-header {    
    padding: 2px 0px;    
}
	.navbar{
	background-color: transparent;    
    border-radius: 0;
    background-image: url(../img/rainbow-1a-f.jpg);
    background-position: center center;
    background-size: cover;
    margin-bottom: 10px;
	}
	.navbar-nav{		
		background-color:transparent;
		float:none;	
		text-align:left;
		width:100%;		
	}
	.navbar-default{
		url(http://dsource.idc.iitb.ac.in/sites/all/themes/mytheme/images/rainbow-1a-f.jpg);
	}	
	#slash{
		display:none;
	}
	.logohead{
		padding-top:4px;		
		font-size:23px;
		line-height:42px;		
	}
	.subscript{
		display:block;
		font-size:12px;	
		color: #25B0E5;	
	}
	ul#steps{
	display:inline;list-style:none; font-size:8px; margin-left:-30px; line-height:22px;
	}
	ul#steps li{
	display:inline;
	padding:5px 9px;
	margin:0px -2px;
	border:1px solid #f15a5d;
	color:#f15a5d;
	background-color:white;
	/*border-radius:18px;*/
	}	
	h3{
	font-size:16px;
	/*background-color:#f15a5d;
	color:white;
	padding:4px 8px;
	margin:10px 0px;*/
	line-height:20px;
	}
	
	.dropdown-content{
	position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999999;
    right: 15;
    left: auto;
	}
	.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	}
	
	#search-res > .col-sm-3{
		padding:10px 0px;
	}
	
	.menu {
    padding: 0 0 0 0;
    margin-top: 10px;
	}
	.menu > ul {
		margin-bottom: 10px;
	}
	.menu__item {
    list-style:none !important;
	}
	ul.menu>li.is-active-trail > a {
    /*background-color: #F69E64;*/
	background-color: #9fc0fd ;
    border-radius: 4px;
}

ul.menu>li.active>a, ul.menu>li.active>a:hover, ul.menu>li.active>a:focus {
    color: #fff;
    text-decoration: none;
	background-color: #9fc0fd;
}

ul.menu>li>a {
    padding: 8px 5px 6px 8px;
    margin-bottom: 2px;
}
ul.menu>li>a:hover
{
    background-color: #EEE;
    border-radius: 4px;
}
.menu_over {
    overflow: hidden;
}
.menu > li > a {
    position: relative;
    display: block;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.logo {
    float: left;
    margin-right: 10px;
    //padding-top: 10px;
    height: 110px;
}
.menu > li > a > div > img{
    height:7px;width:7px;
	vertical-align: middle;
	margin-top:5px;
}
	
.search-res > .col-sm-3{
				padding:10px 0px; 		
		  }
		  .search-res > .col-sm-3 > img, #search-res > .col-sm-3 > a > img{
				display:block;
		  }
		  .search-res > div > a > img{
			  display:block;
			  padding:15px 20px 2px 20px;			  
		  }
		  .search-res > div > img{
			  display:block;
			  padding:15px 20px 2px 20px;			  
		  }
		  .search-res > div{
			  text-align:left;			  
		  }
		  .search-res > div > a > span{
			  padding-left:20px;
		  }
		  .search-res > div > span{
			  padding-left:20px;
		  }	
	
}