﻿@font-face {
	font-family: Condensed;
	src: url(../fonts/YanoneKaffeesatz-regular.ttf);
}

body
{
/*	background:#ECE6D6 -webkit-linear-gradient(#000 5px, #3F3A1C 5px, #574F2A 50px, #686031 100px, #79723C 260px, #fff 260px, #ECE6D6 161px, #F6F4E8 99%, #F6F4E8); 
	background:#ECE6D6 -moz-linear-gradient(#000 5px, #3F3A1C 5px, #574F2A 50px, #686031 100px, #79723C 260px, #fff 260px, #ECE6D6 161px, #F6F4E8 99%, #F6F4E8); 
	background:#ECE6D6 -o-linear-gradient(#000 5px, #3F3A1C 5px, #574F2A 50px, #686031 100px, #79723C 260px, #fff 260px, #ECE6D6 161px, #F6F4E8 99%, #F6F4E8); 
	background:linear-gradient(#000 5px, #3F3A1C 5px, #574F2A 50px, #686031 100px, #79723C 160px, #fff 260px, #ECE6D6 261px, #F6F4E8 99%, #F6F4E8); */
	background:#F6F4E8 url(../images/bg.jpg) repeat-x 0 0;
	margin:0px auto;
	font-family:Verdana,arial;
	font-size:15px;
}

div{box-sizing: border-box;}

header{
	min-height:110px;
	font-family:Condensed;
	color:#F6F4E8;
}

header h1, header h3{
	font-family:Condensed, Verdana,arial;
	color:#fff; margin:0 0 0 20px; padding:0; 
}
header h3{font-size:1.2em; font-style:italic;padding-top:5px;color:#dedede}

header h1 span{font-size:.6em;}
header img{max-height:110px; margin-right:10px;}
table {font-size:.8em;}
table th, table td{text-align:center; }
table td:first-child{text-align:left; font-weight:bold;}
.table .thead-dark th{vertical-align:middle}
#content img {border-radius: 5px 5px;}
.banner {text-align: center;
    overflow: hidden;
    max-width: 100%; background-color:#000;}
#content .banner img {border-radius: 0 0;}
.bannerHome {    
	display: block;
    min-height: 400px;
    background: url(../images/bannerHome.jpg) no-repeat center;
    background-size: auto 100%;
	margin:0;
}



.navbar-nav{width: 100%;}
.navbar-nav .nav-item > .nav-link{font-weight: bold;}
.navbar-dark .navbar-nav .nav-link {color:rgba(255, 255, 255, 0.7)}
.navbar-header.navbar-inverse{
	margin:0;
     background-color: #4A463D;
     border-color: #fff;
	 border:1px solid #333;
	 border-radius:5px 5px 0 0;
	 width:100%;
	 font-family:verdana;
	 padding:5px 0;
}
.navbar-header.navbar-inverse {
     background-color: transparent;
     border:none;
}

.nav-item .dropdown {
    position: absolute;
    width: 100%;
    z-index: 1;
    background-color: #333;
	left:0;
	margin-left:0;
	text-align:left;
	visibility:hidden;
}
.nav-item:hover > .dropdown {
    visibility:visible;
}

.nav-item .dropdown img {
    height: 150px;
	margin-top: 20px;
}

.nav-item .dropdown .nav-cols {
    padding:0;
	border-right:1px solid #444;
}

.nav-item .dropdown h4, .nav-item .dropdown h5 {
    color:#fff;
	font-size:1.2em;
	line-height:1.5em;
	text-align:center;
	margin:5px auto 0;
}

.nav-item .dropdown h5 {
    font-size:1em;
	margin-top:0;
}

.nav-item .dropdown ul {
    padding:0;
	margin:0;
}

.nav-item .dropdown li {
    background-color: #666;
    border-bottom: 1px solid #333;
    overflow-x: hidden;
	padding:10px;
	list-style:none;
}

.nav-item .dropdown li:hover {
    background-color: #888;
}

.nav-item .dropdown li a, .nav-item .dropdown li a:hover{
 	color:#fff;
	text-decoration:none;
}

.navbar-header.navbar-inverse .navbar-toggle{color:#fff; border-color:#fff; position:absolute; right:5px;}

.left-navigation .navbar {
	padding: 0;
}

.content-inner .left-nav {
	padding: 0;
}

.left-navigation .navbar-nav li {
	background-color: #F6F4E8;
	border-bottom:1px solid #333;
	padding: 5px;
}

.left-navigation .navbar-nav li a{
	display:block;
}

.left-navigation .navbar-nav li:hover {
	background-color: #dee2e6;
}

.circle {
    width: 200px;
    background: #afa782;
    -moz-border-radius: 100px;
    -webkit-border-radius: 50px;
    border-radius: 100px;
    position: relative;
    margin: 20px auto 0;
    color: #fff;
    vertical-align: middle;
    font-size: 3em;
    line-height: 2.5em;
}

.news-corner{
	padding:0;
	margin: 10% 20%;
    border-radius: 10px;
    overflow: hidden;
    max-width: 70%;
}

.news-corner marquee {
	height: 250px; padding: 0; text-align: center; margin: 0 20px;
}

.news-corner marquee ul{
	padding:0;
}

.news-corner marquee li{
	clear:both;
	text-align: left;
	padding:none;
}

.news-corner marquee li a{
	margin-bottom:15px;
	padding-left:25px;
}

.news-corner marquee li a:before{
	content: "\f0a4";
	font: normal normal normal 14px/1 FontAwesome;
	margin-left:-25px;
	width:25px;
	display:inline-block;
	
}



.news-corner h3{
	background: url(../images/news-title.png) no-repeat center 0;
    padding: 6px 0px;
    color: #fff;
    text-align: center;
    margin: 0;
}

article{
	background-color:#F6F4E8;
	/*E4DBCA*/
	color:#333;
	padding:15px;
	text-align:justify; 
	line-height:1.8em;
}

.staff img {
	background:url('images/dummy-person.jpg') no-repeat;
	height:100px;
	display:block;
	margin:0 auto;
}

.admin img {
	height:160px;
}

.nss-content p:first-child {font-weight:bold;}
.nss ul {padding:0; margin: 0;}
.nss li {list-style:none; text-align:center;}
.nss li img {height: 150px;}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}




article h2, article h3, article h4, article h5{font-family:Condensed; border-bottom:1px solid #666; padding-bottom:5px; margin-top:3px;}
article h4, article h5 {border:none; padding-bottom: 0;}
.intro{
	background-color:#65774F;
	color:#fff;
	padding:15px;
}

.principal, .content-right, .light-grey{
	border:10px solid #AFA782;
	padding:10px 15px;
}

.department .content-right > div {
	display:none;
}
.department .content-right > div.active {
	display:block;
}
.autonomous, .dark-grey{
	background-color:#f3efda;
	padding:10px 15px;
	border:10px solid #bdbcb4;
}

.mid-grey{
	background-color:#e8e8dc;
	padding:10px 15px;
	border:10px solid #d0c3a4;
}

.row > span:first-child.left-navigation{
	background-color:#DDD7C9;
	padding-left:0;}
	
.left-navigation article{
	background:none;}
	
.vision{
	border:10px solid #AFA782;
	padding:10px 10px 20px;
}
.home-page .alumni{
	background-color:#DDD7C9;
	padding:20px 30px 21px;
}
hr{border-top:1px solid #fbfbfb; padding:0;height:0;margin:0;}
.info-area
{
	background: #f4f4ef; /* Old browsers */
	background: linear-gradient(to bottom, #f4f4ef 1%,#ddd7c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-left:1px solid #ccc;
}
.info-area2
{
	background: #f4f4ef; /* Old browsers */
	background: linear-gradient(to top, #f4f4ef 1%,#ddd7c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.seminarSlider img{height:77px; width:119px; margin:3px 2px;}

.btn i {border-radius:25px 25px; padding:8px 12px; background:#ffffff; margin-right:4px; color:#269abc; }
.btn-glyphicon { padding:8px; background:#ffffff; margin-right:4px; }
.icon-btn { padding: 1px 15px 3px 2px; border-radius:50px;}
.img-left{float:left; margin-right:10px;}
#content p{padding-bottom:5px; text-align:justify; line-height:1.8em;margin-bottom:0;}





@media (min-width: 1024px) and (orientation:landscape){
/*.row > span{padding:0;}
.row > span:first-child{padding-left:15px;}
.row > span:last-child{padding-right:15px;}*/
/*.news-corner h3{margin:10px 0 0 15px;}*/
}

#content
{
/*	background: #F6F4E8; 
	background-color:#F6F4E8;
	border-radius:10px 10px;
	margin:0px 5px;
	border-radius:10px 10px 0 0;
	padding:10px;*/
}

.bg-dark {
	background-color:#1d2a01;
}

.content-area
{
	background: #F6F4E8; /* Old browsers */
	background: linear-gradient(to bottom, #F6F4E8 1%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-color:#F6F4E8;
	border-radius:20px 20px;
	margin:0px 5px;
	border-radius:10px 10px 0 0;
	padding:10px;
	min-height:300px;
}

.introduction td {
	white-space: pre-line
}

footer
{
	background:#36411F url(../images/footerNav-bg.jpg) repeat-x 0 0;
	color:#fff; 
	margin:0;
	padding:0 0 15px;
	text-align:center;
	clear:both;
}

footer .Quote
{
	text-align:center;
	font-family:'Arial Black';
	text-transform:uppercase;
	line-height:2.5em;
	margin:10px auto 0;	
}

#footerNav
{
	background:url(../images/footerNav-bg.jpg) repeat-x 0 0; 
	height:37px;
	border:1px solid #1e2515;
	text-align: center;
    width: max-content;
    margin: 0 auto;
}

#footerNav ul
{
	width:100%;
	margin:2px auto;	
	padding: 0;
}

#footerNav li
{
	float:left;
	border-left:1px solid #fff;
	list-style-type:none;
	margin:5px 0 5px 5px;
	padding:0 15px;
}

footer #copyRight
{
	color:#333;	
	float:left;
	margin:10px;
	padding:10px 0;
}

footer #pwdBy
{
	color:#333;
	float:right;
	text-align:right;	
	margin:10px;
	padding:10px 0;
}

footer #pwdBy a{font-weight:bold; text-decoration:none; color:#3A84DF;}

footer ul li:first-child{border-left:none !important;}
footer p{text-align:center;}

.navbar-inverse .navbar-right>li>a {color:#fff;}
@media (max-width: 767px) {
	.navbar-brand {margin: 0 auto;}
	header {text-align:center;}
	header h1 {font-size:2.3rem;}
	header h1, header h3{
		margin:0 auto; 
	}
	header h3{font-size:1.2rem;}

	header img{margin: 0 auto;}
	
	
	.navbar-right{display:none;}
	header img{float:none; margin:0 auto;}
	#footerNav{display:none;}
	.alumni{border-top:1px solid #fff;}
	.info-area{border:none; border-top:1px solid #000;}

	.navbar-toggler {position:absolute; right: 15px; font-size:1.5em}
	.news-corner{margin:10% 10% 10% 30%}

	footer .Quote{font-size: 1rem;}
}
@media (min-width: 768px) {
	.navbar-brand>img{float:left; margin-right:10px;}
	.navbar-right a i{margin-right:5px;}
}



.content-inner {
	display:table; 
	display: flex; 
	margin:0;
	padding:10px 0 10px 10px;
	min-height:300px;
	background: #d2cba5; /* Old browsers */
	background: linear-gradient(to bottom, #d2cba5 1%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-color:#d2cba5;

}
.content-inner .col {
	display:table-cell;
}

.collapse.show {
    display: block;
    z-index: 101;
    width: 100%;
    left: 0;
    top: 0;
}

a.goto-top {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
    padding: 5px 10px 10px;
    cursor: pointer;
    background: #dfdfdf;
    color: #333;
    border-radius: 3px;
    text-align: center;
    margin-top: 8px;
    opacity: 0.8;
}

.row-section .article:nth-child(even) {background-color: rgba(0,0,0,.05); border:1px solid rgba(0,0,0,.06)}
.row-section .article:nth-child(odd) {border:1px solid rgba(0,0,0,.05)}

/*
.faculty .article:nth-child(4n), .faculty .article:nth-child(4n+1) {background-color:#fff}
.faculty .article:nth-child(4n+2), .faculty .article:nth-child(4n+3) {background-color:#eee}*/

.activities {
	padding:10px;
}
.activities img {
	max-height: 150px;
    width: auto !important;
}
.accordion-section section {
  margin: 2px 5px;
  padding: 10px 0;
  line-height: 20px; }

.accordion-section h5 {
  color: #343a40;
  padding: 20px;
  margin: 23px 5px 0 5px;
  border: 1px solid #343a40;
  font-weight: normal; }


.accordion-section h5.actived {
  background: #343a40 none repeat scroll 0 0;
  border: 1px solid #343a41;
  color: #fff; }

.accordion-section h5.title-expand .ui-icon {
 /* background: url("../../app/img/accordion-icon.gif") 0 0;*/
  height: 14px;
  float: right;
  width: 14px; }

.accordion-section h5.title-expand.actived .ui-icon {
  background-position: 14px 0; }

.accordion-section .con-expand {
  border: 1px solid #343a40;
  padding: 10px;
  width: auto;
  margin: 0 5px;
  border-radius: 0;
  display: none; }

.accordion-section .actived.con-expand {
  display: block; }
  
  
.more- {display:none;}
.more-image, .more-pdf{display:block;}

.gallery{padding:0px; margin:5px 10px;}
.gallery img
{
	height: 150px;
    width: 100%;
    margin: 10px;
}
