@import url('https://fonts.googleapis.com/css?family=Cabin+Condensed|Droid+Sans');

body {
	width: 100%;
	height: 100%;}

html {
	width: 100%;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Droid Sans', sans-serif;
	/*text-transform: uppercase;
	letter-spacing: 1px;*/
	font-weight: bold;
}

h1 { text-transform: uppercase; }

hr.DLine {
	border: 0; 
	height: 1px;
	background-image: -webkit-linear-gradient(left, #ee163a, #ffc107, #f0f0f0);
	background-image:    -moz-linear-gradient(left, #ee163a, #ffc107, #f0f0f0);
	background-image:     -ms-linear-gradient(left, #ee163a, #ffc107, #f0f0f0);
	background-image:      -o-linear-gradient(left, #ee163a, #ffc107, #f0f0f0); 
	width: 25%;	
}

p {
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

a {
	color: #1a84b9;
	
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover, a:focus { text-decoration: none; color: #f5b400; }

li { 
	font-family: 'Cabin Condensed', sans-serif; 
	font-size: 16px; 
}

/* CUSTOMIZE THE NAVBAR
------------------------------------------------------------------------------------------------------- */

/* defaut */
.navbar-default {
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 18px;
	text-transform: uppercase;

	background-color: rgba(0, 0, 0, 0.5);
	border: 0;
	/*background-color: transparent;*/
}

@media (min-width: 768px) { .navbar-default { background-color: transparent; } } /* no background in full mode */

@media (max-width: 1199px) { .navbar-default { font-size: 14px; } } /* set back to small font in smaller screen */
@media (max-width: 991px)  { .navbar-default { font-size: 10px; } } /* set back to small font in smaller screen */
@media (max-width: 768px)  { .navbar-default { font-size: 16px; } } /* set font size for collapsed menu */

.navbar-default .navbar-nav > li > a { color: #FFF; }
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {
    color: #FFF;
    background-color: #1a84b9;
}
/* - - - - - - - - - - - */

/* Title */
.navbar-default .navbar-brand { color: #FFF; }
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus { color: #1a84b9; }
/* - - - - - - - - - - - */

/* dropdown */
.navbar-default .dropdown-menu { font-size: 18px; background-color: rgba(0, 0, 0, 0.5); }
.navbar-default .dropdown-menu > li > a { color: white; }
.navbar-default .dropdown-menu > li > a:hover { background-color: #1a84b9; }

@media (max-width: 768px) {
	/* Set attributes of dropdown (collapse menu) in smaller screen */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
        font-size: 14px; 
        color: #FFF;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #FFF;
        background-color: #1a84b9;
    }
}

@media (min-width: 768px) {
	
	/* activate dropdown on mouse over with effect on hover when in full mode */
	@-webkit-keyframes fadeIn {
    	0%   { opacity: 0; transform: translate(0, 20px); }
	    100% { opacity: 1; transform: translate(0, 0); }
	}

	@keyframes fadeIn {
    	0%   { opacity: 0; transform: translate(0, 20px); }
    	100% { opacity: 1; transform: translate(0, 0); }
	}

	li.dropdown:hover ul.dropdown-menu { opacity: 1; }
	li.dropdown:hover ul.dropdown-menu {
		display: block;
		-webkit-animation: fadeIn 0.7s;
				animation: fadeIn 0.7s;
		-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
	}
}
/* - - - - - - - - - - - */  

/* smaller screen toggle button */
.navbar-default .navbar-toggle { border-color: #1a84b9; }
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: #000; }
.navbar-default .navbar-toggle .icon-bar { background-color: #1a84b9; }
/* - - - - - - - - - - - */


/* CUSTOMIZE THE NAVBAR ENDs
------------------------------------------------------------------------------------------------------- */

.thumbnail {
	border-color: transparent;
}

/* RETURN TO TOP
------------------------------------------------------------------------------------------------------- */

#return-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgb(0, 0, 0);
	background: rgba(252, 238, 33, 0.5);
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
}
#return-to-top i {
	color: #000;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top:hover { background: rgba(252, 238, 33, 0.9); }
#return-to-top:hover i { color: #214188; top: 5px; }

/* RETURN TO TOP ENDs
------------------------------------------------------------------------------------------------------- */


/* EVENT COUNTDOWN COUNTER & EVENT TITLE
------------------------------------------------------------------------------------------------------- */

#Cdays, #Chours, #Cmins, #Csecs {
	font-family: Impact, Charcoal, sans-serif;
	font-weight: bold;
	font-size: 64px;
	letter-spacing: 3px;

	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.counterText {
	font-family: 'Cabin Condensed', sans-serif;
	font-weight: bold;
	font-size: 24px;

	margin-top: -20px;
}

.overLapped { margin-top: -30%; }

.confTitle {
	font-family: 'Droid Sans', sans-serif;
	font-size: 48px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: -3px;
	font-weight: bold;
}

.confDateLoc {
	font-family: 'Droid Sans', sans-serif;
	font-size: 24px;
	color: #FFF;
	text-transform: uppercase;
}

@media screen and (max-width : 1199px) {
	.confTitle { font-size: 38px; letter-spacing: -1px; }
}

@media screen and (max-width : 991px) {
	.confTitle { font-size: 28px; letter-spacing: 0px; }
}

@media screen and (max-width : 767px) {
	.overLapped { margin-top: -20%; }
}

@media screen and (max-width : 682px) {
	.overLapped { margin-top: 0; padding: 10px; }
	.confTitle, .confDateLoc { 
		color: #000; 
		font-size: 18px;
	}
}

/* EVENT COUNTDOWN COUNTER & EVENT TITLE ENDs
------------------------------------------------------------------------------------------------------- */


/* CUSTOMIZE JUMBOTRON
------------------------------------------------------------------------------------------------------- */

.jumbotron { background-size: cover;}
.jumbo-admin { background-image: url("../imgs/jumboBG/adminBG.jpg"); }

/* CUSTOMIZE JUMBOTRON ENDs
------------------------------------------------------------------------------------------------------- */


.redFont 	{ color: #ee163a; }
.yellowFont { color: #ffc107; }
.blueFont 	{ color: #03a9f4; }
.greenFont 	{ color: #8bc34a; }
.whiteFont 	{ color: #FFFFFF; }
.blackFont 	{ color: #000000; }
.greyFont	{ color: #747474; }

.fontJustified { text-align: justify; }
.smallFont { font-size: 12px; }

.listFont {
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

.greenBG 		{ background-color: rgba(146, 208, 80, 1) !important; }
.lightGreenBG 	{ background-color: rgba(146, 208, 80, 0.3) !important; }
.lightYellowBG 	{ background-color: rgba(255, 204, 0, 0.3) !important; }
.lightOrangeBG	{ background-color: rgba(255, 150, 0, 0.3) !important; }
.lightPinkBG	{ background-color: rgba(255, 16, 213, 0.3) !important; }
.pinkBG			{ background-color: rgba(242, 110, 124, 1) !important; }
.blueBG			{ background-color: rgba(17, 175, 204, 1) !important; }
.lightBlueBG	{ background-color: rgba(3, 169, 244, 0.3) !important; }
.redBG			{ background-color: rgba(255, 0, 0, 1) !important; }
.lightRedBG		{ background-color: rgba(255, 0, 0, 0.3) !important; }
.purpleBG		{ background-color: rgba(126, 0, 255, 1) !important }
.lightPurpleBG	{ background-color: rgba(126, 0, 255, 0.3) !important; }

.MT10 { margin-top: 10px; }
.MT20 { margin-top: 20px; }
.MT70 { margin-top: 70px; }
.MB10 { margin-bottom: 10px; }
.MB20 { margin-bottom: 20px; }
.MB70 { margin-bottom: 70px; }

.img-preview { max-width:100px; max-height: 100px; }

.icon-Info {
    display: block;
    font-size: 48px;
    color: #1c3774;
}

.btn-round {
	font-family: 'Droid Sans', sans-serif;
	color: #FFF;
	background-color: #ee163a;
	border-color: #ee163a;
	border-radius: 24px;
}

.btn-round:hover {
	color: #000;
	background-color: #fcee21;
	border-color: #fcee21;
}

.rightAutoCenter { text-align: right; }
.leftAutoCenter { text-align: left; }
.xs-topMargin {}
@media (max-width: 768px) { 
	.rightAutoCenter, .leftAutoCenter { text-align: center; }
	.xs-topMargin { margin-top: 20px; } 
}

.hrBM { margin: 0 0 10px 0; }

.feedbackDayTitle {
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 20px;
}

/* hide and show styles for animate.css
-------------------------------------------------- */
.hideElement { opacity:0; }
.showElement { opacity:1; }
/* ----------------------------------------------- */


/* CUSTOM UL BULLETS USING FONTAWESOME
------------------------------------------------------------------------------------------------------- */

ul.icon { list-style-type: none; }

ul.icon li
{
	text-indent: -1.4em;
	margin: 0.5em 2em;
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 16px;
}

ul.icon li:before
{
	font-family: 'FontAwesome';
	content: '\f046';
	float: left;
	width: 1.4em;
	color: #40acff;
}

ul.icon li.exclamation:before { content: "\f071"; }

/* CUSTOM UL BULLETS USING FONTAWESOME ENDs
------------------------------------------------------------------------------------------------------- */


/* STATISTICS
------------------------------------------------------------------------------------------------------- */

.stats {
	color: #fff;
	text-align: center;
}
.stats .stats-icon {
	display: inline-block;
	vertical-align: top;
	margin-right: 25px;
}
.stats .stats-icon i {
	font-size: 28px;
	color: #fff;
	background: #ffc107;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 100%;
}
.stats .stats-content { display: inline-block; }

.stats .stats-content .stats-num {
	color: #fff;
	font-size: 48px;
	margin: 0;
}
.stats .stats-content .stats-title {
	font-size: 16px;
	color: #fff;
}
@media (max-width: 468px) { .stats .stats-content .stats-num { font-size: 28px; } }

/* STATISTICS ENDs
------------------------------------------------------------------------------------------------------- */


/* PROGRAMME TAB & TABLE
------------------------------------------------------------------------------------------------------- */

.programmeTab {
	max-width: 960px;
	margin: 0 auto;
}

.programmeTab .nav-tabs {
	text-align: center;
	margin-bottom: 40px;
	border: 0;
}

.programmeTab .nav-tabs > li {
	float: none;
	display: inline-block;
	zoom: 1;
}

.programmeTab .nav-tabs > li > a {
	color: #fff;
	background: #1c1c24;
	border-radius: 25px;
	padding: 13px 30px;
	margin: 0 5px;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	border: 0;
}

.programmeTab .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
  background: #03a9f4;
}

.programmeTab .nav-tabs > li.active > a {
	background: #ffc107;
	color: #000;
	border: 0;
}

.programmeDate {
	font-size: 24px;
	margin-bottom: 40px;
	color: #ee163a;
	text-align: center;
}

.programmeTable {
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 14px;
	line-height: 1.5;

	border-spacing: 10px;
    border-collapse: separate;
}

.programmeTable > tbody > tr > td { 
	padding: 20px; 
	border: 1px solid #dddddd; 
}

.table-centered th, .table-centered td {
   text-align: center;   
}

.programmeTable > tbody > tr:first-child > td:first-child { min-width: 125px; } /* 1st column, 1st row of tbody */

.table-borderless > tbody > tr > td, .table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td, .table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td, .table-borderless > thead > tr > th { border: none; }

/* PROGRAMME TAB & TABLE ENDs
------------------------------------------------------------------------------------------------------- */

.table-custom {
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 15px;
}

.loginBox {
	max-width: 500px;
	padding: 20px 20px 10px 20px;
	box-shadow: 0 0 5px #888888;
}

.map {
	height: 450px;
	z-index: 1;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}


/* FOOTER
------------------------------------------------------------------------------------------------------- */

.footer {
	background-color: #1c1c24;
	color: #747474;
	padding: 70px 0;
	position: relative;
	background-image: url(../imgs/footer-mainPattern.png);
	background-attachment: fixed;
}

.footer .container {
	z-index: 10;
	position: relative;
}

.footer-pattern {
	background: url(../imgs/footer-Corners.png) no-repeat 50% 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}

/* footer menu */
.footer-menu ul li {
	display: inline-block;
	line-height: 12px;
}

.footer-menu ul.nav li a {
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	background: none;
	padding: 0 15px;
	border-right: 1px solid #555;
}

.footer-menu ul.nav li:last-child a { border-right: 0; }
.footer-menu ul li a:hover { color: #fff; }

/* FOOTER ENDs
------------------------------------------------------------------------------------------------------- */


/* HVR RECTANGLE OUT
------------------------------------------------------------------------------------------------------- */

.hvr-rectangle-out {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 20px 10px 20px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 16px;
	color: #FFF;
	-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	border-radius: 24px;
	position: relative;
	background: #ee163a !important;
	-webkit-transition-property: color;
			transition-property: color;
	-webkit-transition-duration: 0.2s;
			transition-duration: 0.2s;
}

.hvr-rectangle-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 24px;
	background: #fcee21 !important;
	-webkit-transform: scale(0);
			transform: scale(0);
	-webkit-transition-property: transform;
			transition-property: transform;
	-webkit-transition-duration: 0.2s;
			transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: #000 !important; }

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
	-webkit-transform: scale(1);
			transform: scale(1);
}


/* HVR RECTANGLE OUT ENDs
------------------------------------------------------------------------------------------------------- */


/* CUSTOM FORM ELEMENTS
------------------------------------------------------------------------------------------------------- */

.form-group {
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 16px;
}

.form-control { 
	border-radius: 0; 
	border: 1px solid #0088a0;
}

.form-control select {
	-webkit-appearance: none;  
	   -moz-appearance: none; 
  			appearance: none; 

	background:url(../imgs/selectArrow.png) no-repeat;
	background-position: 98% 5px;
}

.form-control:focus {
	border: 1px solid #ffc107;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
	   -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
		 -o-box-shadow: 0 5px 15px rgba(0,0,0,0);
			box-shadow: 0 5px 15px rgba(0,0,0,0);
}

.sel-menu {
	-webkit-appearance: none;
	   -moz-appearance: none;
	   		appearance: none;

	background:url(../imgs/selectArrow.png) no-repeat;
	background-position: 98% 5px;
}

.input-group-addon {
    color: rgb(255, 255, 255);
    background-color: #1f4088;
    border-color: #1f4088;
    border-radius: 0;
}

label { cursor: pointer; }

/* CUSTOM FORM ELEMENTS ENDs
------------------------------------------------------------------------------------------------------- */



/*.progress-bar { width: 0; animation: progress 1.5s ease-in-out forwards; }
.progress-bar .title { opacity: 0; animation: show 0.35s forwards ease-in-out 0.5s; }

@keyframes progress { from { width: 0; } to { width: 100%; } }
@keyframes show  { from { opacity: 0; } to { opacity: 1; } }
*/


.progress { height: 30px; }
.progress .skill {
	font: normal 12px 'Cabin Condensed', sans-serif;;
	color: #000;
	line-height: 30px;
	padding: 0;
	margin: 0 0 0 20px;
	text-transform: uppercase;
}
.progress .skill .val {
	float: right;
	font-style: normal;
	margin: 0 20px 0 0;
}

.progress-bar {
	text-align: left;
	transition-duration: 3s;
}

.facultyDiv { min-height: 120px; margin-bottom: 70px; }

.img-faculty {
	border-radius: 50%;
	max-width: 100px;
	float: left;
	margin-right: 20px; 
}

.img-facultyV2 {
	border-radius: 50%;
	max-width: 150px;
}

.facultyHeader {
	 margin-bottom: 0;
	 padding-top: 20px;
}