
body{background: #fff}

.blue_grediant{background-image: linear-gradient(#3564b2, #40ace2);}
/*.container-fluid-md{min-height: 550px}*/
.body-sign-in{ -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


.container-bg{/*background: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd;*/}
.container-fluid{padding-left: 0; padding-right: 0 }
.ib-logo{width: 62px; display: block}
.cool-link {
    display: inline-block;
    color: #dc7e66;
    text-decoration: none;
}

.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #ed3237;
    transition: width .3s;
}
.top-bar{}
.navbar-default{background-color: transparent}
.navbar{min-height: inherit; margin-bottom: 0}
.cool-link:hover:after {width: 100%;}
.navbar{border-radius: 0}
.navbar-static-top{z-index: inherit; padding: 10px 20px}
.navbar-inverse{background: #40aae1; border-color: transparent; /*border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;*/}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {color: #666; font-size: 15px;}
.navbar-inverse .navbar-nav > li > a{padding-top: 10px; padding-bottom: 10px; color: #fff}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{color: #fff}
.navbar-inverse .navbar-nav > li.active a{font-weight: 600; color: #fff; background-color: transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{background-color: transparent; color: #fff}
.navbar-inverse ul.nav li.dropdown:hover > ul.dropdown-menu{background: #40aae1}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text{color: #fff; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a{border-radius: 50px; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{}
.cool-link.dropdown a{color: #fff}

@media (min-width: 979px) {
  .navbar-inverse ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
.sub-menu {
    position: relative;
}
.sub-sub-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-menu {
	box-shadow: none;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #000;
}
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #000;
}.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: #ddd}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-inverse .navbar-toggle{background: #245681}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background: #245681}
.dropdown-menu > li > a {
    display: block;
    padding: 8px 20px;
	font-size: 14px; color: #424242;
}
@media (max-width: 991px) and (min-width: 768px) {
	.dropdown, .cool-link {
		font-size: 12px;
		padding: 0 0;
	}
	.nav > li > a {
		padding: 15px 14px;
	}
	.user-wrapper {
		padding-left: 20%;
	}
}

.greetings .panel-body{padding: 0}
.greetings .tab-content{margin-bottom: 0}
.nav-tabs{background: #eee}
.greetings .nav-tabs > li > a{border-radius: 0}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{border-bottom: solid 1px #ddd}
.greetings .tab-pane, .greetings .tab-content{border-radius: 0}
.greetings .tab-pane{padding: 0}
.greetings .btn-inverse {color: #fff; background-color: transparent; border-color: transparent;}
.panel-heading {position: relative; font-size: 17px; font-weight: bold;}
.panel-default > .panel-heading, .panel-default > form > .panel-heading{background: #fff; color: #007eb2}
.panel-heading .btn{padding: 0 12px; background: #ed1c24; color: #fff; border-radius: 50px 50px 0px 50px}
.carousel-caption{left: 0; right: 0; bottom: 0; padding: 10px 0; background: rgba(0, 0, 0, .5)}
.carousel-inner{cursor: pointer}
.hbd-person{background: rgba(0, 73, 116, .7); padding: 5px 0; color: #fff; position: relative; margin-top: -27px}
.hbd-person span{padding: 0px 20px}
/* Make it a marquee */
.marquee {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 30s linear infinite;

}

.marquee:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { text-indent: 50.5em }
    100% { text-indent: -200em }
}

/* Make it pretty */

.page-content{background: #f8f9fb; }


/* Using panels to display blog date */
.panel{border-radius: 3px; border: 1px solid #ddd; box-shadow: none !important}
.panel.date {
    margin: 0px;
	padding: 5px;
    width: 60px;
    text-align: center;
	background: #029fca;
	background-image: linear-gradient(#3564b2, #40ace2);
    border-radius: 0;
}
.panel.news-picicon {
    margin: 0px;
	padding: 5px;
    width: 60px;
    text-align: center;
    border-radius: 0;
	border: none !important;
}

.panel.date .month {
    padding: 0px;
    font-weight: 700;
    text-transform: uppercase;
	background-color: transparent;
	color: #fff;
	border-radius: 0;
	border-bottom: none;
	line-height: 15px;
}

.panel.date .day {
    padding: 0px 0px;
    font-size: 13px;
	color: #fff;
	line-height: 15px;
}
.media {
border-bottom: 1px solid #ddd;
	padding: 10px 0;
}
.media:first-child {
 margin-top:0
}
.media:last-child{border-bottom: none;}
.media-right,
.media>.pull-right {
 padding-left:10px
}
.media-left,
.media>.pull-left {
 padding-right:10px
}
.media-left,
.media-right,
.media-body {
 display:table-cell;
 vertical-align:top
}
.media-middle {
 vertical-align:middle
}
.media-bottom {
 vertical-align:bottom
}
.media-heading {
 margin-top:0;
 margin-bottom:5px;
color: #000;
}
.media-list {
 padding-left:0;
 list-style:none
}
video {
  width: 100%;
  height: auto;
}
img{max-width: 100%}
.panel-title span{float: right}
ul.upcom-bd{margin: 0; padding: 0}
ul.upcom-bd li{list-style: none; float: left; padding: 10px 10px; width: 115px}
ul.upcom-bd li .name{background: rgba(2, 159, 202, .7); padding: 3px; color: #fff; font-size: 11px; position: relative; margin-top: -22px; text-align: center}
.nav-tabs > li > a{font-weight: bold}
.large-btn{margin: 13px 0; display: block}

.footer{border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; text-align: center; color: #999; background: #fff}
