header{padding: 5px 15px;background: #daeef6;}
body{font-size:12px;}
a{color:#1e557f;text-decoration:none;}
.logo p{color:#c21825;}
.social{margin: 10px 0;}

.social a{padding: 5px 7px;color: #fff;margin-left: 5px;}

.social a.fb{padding: 5px 10px;}

.social a:hover{background: #1e557f;}

.left-blank{padding-left:200px;}
  
  .left-blank .col-sm-6,.left-blank .col-sm-4,.left-blank .col-sm-2,.left-blank .col-sm-9,.left-blank .col-sm-3, .left-blank .col-md-2{padding:0 5px;}
  .left-blank .row{margin:0 -5px;}
  .left-blank .left-one{padding-left:10px;}
  .social a.social-facebook{background:#0675e8;}
  .social a.social-twitter{background:#1da1f2;}
  .social a.social-play{background:#ff0000;}
  .social .dropdown-menu{background:#fff;}
  .social a.social-facebook:hover{background:#1e557f;}
  .social a.social-twitter:hover{background:#31b0d5;}
  .social a.social-play:hover{background:#d9534f;}
  .social .dropdown-menu li a{margin-left:0;}
  .btn-training, .btn-language{padding:2px 10px;border-radius:0;}
  .social a.btn-webmail{padding:2px 10px;border-radius:0;}

.mainNav{background: #cb1d27;border-radius: 0;border: 0;}

#mainNav .nav li a{color: #fff;text-transform: uppercase;border-right: 1px solid #2dd6c8; border-left: 1px solid #cb1d27;}

#mainNav .nav li:first-child a{border-left: 0}

#mainNav .nav li:last-child a{border-right: 0}

#mainNav li a:hover{background: #cb1d27}

.navbar-collapse{padding: 0;}

.bxslider img{width: 100%;}

.banner h1{margin-top: 0; margin-bottom: 20px; font-size: 28px; font-weight: bold; line-height: 1.2em;text-align: center;color: #29c5b8;}

.banner p{line-height: 1.6em;}

.shadow-box{box-shadow: 0 0 5px #ccc; padding: 5px; background: #fff;}

.line-break{margin: 15px auto;}

.programs h2{margin-top: 0; margin-bottom: 25px; font-size: 20px; font-weight: bold; line-height: 1.2em;position: relative;}

.programs h2:after{content: ''; position: absolute;bottom: -7px;width: 50px;height: 4px;background: #333;left: 0;}

footer{padding: 15px 0;background: #daeef6;}

footer{color: #1e557f;}

footer h3{margin-top: 0; margin-bottom: 15px; font-size: 16px; font-weight: bold; line-height: 1.2em;position: relative;}

footer h3:after{content: ''; position: absolute;bottom: -7px;width: 50px;height: 4px;background: #1e557f;left: 0;}

footer .connect h3:after{right: 0;left: auto;}

.dropdown-menu{background: #29c5b8;z-index: 999999;}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{background: #1fa69b}

.navbar-inverse .navbar-toggle{border: 1px solid #fff;color: #fff;padding: 6px 10px;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #cb1d27;}

.quick-links{list-style: none;padding: 0;}

.quick-links li a{	padding: 5px 0; display: block;color:#1e557f;text-decoration: none; }

.quick-links li a:hover{color: #1fa69b;}

.connect a{color: #1e557f;font-size: 30px;margin-right: 10px;}

.connect a i{transition: 0.3s;}

.connect a:hover i{transform: scale(1.2);color: #337ab7;}

.copyright{background: #1e557f;padding: 10px;color: #fff;font-size: 12px;}

.copyright a{color: #ccc;text-decoration: none;}

.program-list{display: flex;margin-bottom: 15px;}

.date, .month, .year{display: block;text-align: center;text-transform: uppercase;font-size: 12px;font-weight: bold;line-height: 1.3em;color: #fff;}

.month{border-radius: 5px 5px 0 0;border-bottom: 3px solid #ccc}

.date{background: #fff;border:1px solid #ccc;font-size: 14px;}

.year{border-radius: 0 0 5px 5px;}

.concluded .date{color: #cb1d27;}

.ongoing .date{color: #29c5b8;}

.upcoming .date{color: #f5b35e;}

.concluded .month{background: #cb1d27;}

.ongoing .month{background: #29c5b8;}

.upcoming .month{background: #f5b35e;}

.concluded .year{background: #cb1d27;}

.ongoing .year{background: #29c5b8;}

.upcoming .year{background: #f5b35e;}

.date-and-time{width: 15%;margin-right: 15px;}
.main-content .date-and-time{width:8%;}

.program{width: 80%;align-self: center;}

.ongoing h2{color: #29c5b8;}

.ongoing h2:after{background: #29c5b8;}

.upcoming h2{color: #f5b35e;}

.upcoming h2:after{background: #f5b35e;}

.program a{color: #333;text-decoration: none;}

.ongoing .program a small{color: #29c5b8;font-weight: bold;}

.upcoming .program a small{color: #f5b35e;font-weight: bold;}

.concluded .program a:hover{color: #cb1d27;}

.ongoing .program a:hover{color: #29c5b8;}

.upcoming .program a:hover{color: #f5b35e;}

.resources h3{margin-top: 0; margin-bottom: 15px; font-size: 17px; font-weight: bold; line-height: 1.2em;position: relative;color: #29c5b8;}

.resources h3:after{content: ''; position: absolute;bottom: -7px;width: 50px;height: 4px;background: #29c5b8;left: 0;}

.resources .concluded h3{color: #cb1d27;}

.resources .concluded h3:after{background: #cb1d27;}

.resource-list{list-style: none;padding: 0;}

.resource-list li a{display: block;padding: 5px 0;color: #333;text-decoration: none;}

.resource-list li a .fa{color: #29c5b8;}

.resource-list li a:hover{color: #29c5b8;}

.programs .row, .resources .row{display: flex;}

.programs .shadow-box, .resources .shadow-box{position: relative;width: 100%;height: 100%;}

.program .btn, .program .btn:hover, .program .btn:focus{color: #fff !important;}

.fixed-top{position: fixed;top: 0;width: 100%;left: 0;z-index: 999999;}

.imp-links h3{margin-top: 0; margin-bottom: 45px; font-size: 17px; font-weight: bold; line-height: 1.2em;position: relative;color: #29c5b8;}

.imp-links h3:after{content: ''; position: absolute;bottom: -7px;width: 50px;height: 4px;background: #29c5b8;left: 48%;}

.owl-carousel.owl-drag .owl-item img{border: 1px solid #ccc;box-shadow: 0 0 5px #ccc;}

.fixed{position: fixed;left: 0;top:158px;z-index: 1039;width: 190px;font-size:13px;}

.fixed i{font-size: 25px;}
.hidden-label{vertical-align: super;}
.fixed .nav li a{color: #1e557f;padding: 5px 15px;text-transform:capitalize;} 

.fixed .nav li{list-style: none;}

.fixed .nav .submenu{position: absolute;left: 130%;top: 0;width: 200%;background: #fff;display: flex;padding: 10px;visibility: hidden;transition: 0.3s;box-shadow: 0 0 5px #ccc;min-width: 500px;}
.fixed .nav .submenu-single{position: absolute;left: 130%;top: 0;width: 100%;background: #fff;display: block;padding: 10px;visibility: hidden;transition: 0.3s;box-shadow: 0 0 5px #ccc;}
.fixed .nav .submenu:after{content: '';position: absolute;top: 0;left: 49.9%;width: 0.2%;background: #ccc;height: 100%;}

.nav-sec{width: 50%;}

.fixed .nav .submenu li a{position: relative;display: block;padding: 5px 15px;text-decoration: none;}
.fixed .nav .submenu-single li a{position: relative;display: block;padding: 5px 15px;text-decoration: none;}
.fixed .nav li .submenu a:hover{background: #c21825; color: #fff!important;}
.fixed .nav li .submenu-single a:hover{background: #c21825; color: #fff!important;}
.fixed .nav li:hover .submenu{visibility: visible;left: 100%;}
.fixed .nav li:hover .submenu-single{visibility: visible;left: 100%;}
.fixed .nav li a:hover{color:#fff; }
.fixed .nav li a.active{background: #c21825; color: #fff!important;}
.tn-icon-white{display: none;}
.icon-image:hover .tn-icon{display: none}
.icon-image:hover .tn-icon-white{display: inline-block}
.fixed .nav li a.icon-image.active .tn-icon-white{display: inline-block;}
.fixed .nav li a.icon-image.active .tn-icon{display: none;}
.nav-sec ul{padding: 0;}

.menu-header{color: #29c5b8;padding-left: 15px; }

#topNav{display: none;}

.tabs, .bx-wrapper{min-height:380px;}

.tab-pane{padding: 10px 0}

.flex{display: flex;background: #1e557f;color: #fff;}

.title{background: #c21825;padding: 5px 10px;min-width: 130px;}

.content{padding-top: 5px;width:100%;}

.content a{color: #fff; text-decoration: none;margin-right: 15px;}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{border: 0;color: #fff;border-right: 1px solid #fff;}

.nav-tabs.nav-justified>li>a{border-radius: 0;border: 0;background: #1e557f;color: #fff;border-right: 1px solid #fff;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background: #c21825}

.nav>li>a:focus, .nav>li>a:hover{background: #c21825;color: #fff;}

.nja-head{background:#daeef6;padding: 13px;font-size:12px;position:absolute;height:97.5%;width: 90%;top: 5px;left: 10px;}
.nja-head img{border: 1px solid #d7d7d7;padding: 5px;background: #fff;}
.nja-head .text-center{margin-bottom:15px;}
.hidden-ul{display:none;padding-left:15px;}
.submenu-single li:hover .hidden-ul{display:block;}
.tab-content{font-size:13px;}
.sidebar .date-and-time{width: 20%;}
.top-h3{margin-top: 7px;}
.aside .shadow-box, .left-block{padding:10px;}
h1{font-size: 18px;}
  .main-content{margin-bottom: 30px;}
  .main-content .nav li a{padding:5px 0;color: #333;}
  .main-content .nav li a:hover, .main-content .nav li a:focus{background: none; color: #c21825;}
  .main-content h3{font-size: 15px;border-bottom: 3px solid #1e557f;padding-bottom: 3px;}
  .main-content hr{margin-top: 0;margin-bottom: 10px;}
  h3 span{background: #1e557f;padding: 5px 10px;color: #fff;}
  .main-content h1{margin-top: 0;}
  .main-content .description h3{border: 0;padding-bottom: 0;}
  .aside h3{font-size: 15px;}
  .search-result{list-style: none;padding: 0;margin-bottom:0;}
  .search-result li a{padding: 5px;display: block;}
  .output-box{box-shadow: 0 0 5px #333;position: absolute;background: #fff;width: 50%;top: 100%;right:16px;z-index: 9;}
  .getNav{display:none;}
  footer a{text-decoration:none;}
  footer a:hover, footer a:focus{color:#c21825;text-decoration:none;}
  .designation{color:#1e557f;}
  .executive{margin-bottom:5px;}
  .team-single{margin-bottom:15px;}
  .bx-wrapper .bx-caption{background: rgba(30, 85, 127, 0.75);}
@media(max-width: 767px){

	.bx-has-pager{display: none;}

	.welcome{min-height: 1px;}

	.programs .shadow-box{margin-bottom: 15px;}

	.navbar-collapse{padding: 0 15px;}

	.logo img{height: auto;max-width: 100%;}

	.programs .row, .resources .row{display: table;}

	.owl-carousel.owl-drag .owl-item{width: 100%;margin: 0;}

	.fixed{display: none;}

	#topNav{display: block;}

	.menu-header{color: #fff;padding-left: 45px; }

	.dropdown-menu ul{padding-left: 45px;list-style: none;}

	.dropdown-menu ul li a{padding: 3px 0;display: block;}

	#mainNav .nav li a{border: 0;}
	.tabs, .bx-wrapper {min-height: 5px;}
	.nja-head {position:relative;width:100%;height:100%;top:0;left:0;display:flex;justify-content:space-between;}
	.imp-links{margin-top:10px;}
	.social{text-align:center;}
	.copyright .pull-right{float: none !important; display: block; text-align: right;}
	.output-box{width:90%;}

}
@media(max-width:1249px){
    .left-blank{padding-left:15px;}
    .btn-training, .btn-webmail{display:none;}
    .fixed{left:-190px;transition:0.3s;background: #fff;}
    .getNav{position:absolute;top:0;left:100%;background:#fff;padding:5px;border:1px solid #f7f7f7;display:block;}
    .appear{left:0;}
    .fa-close{display:none;}
    .output-box{width:90%;}
}
@media(min-width:768px) and (max-width:1023px){
    .nja-head{display:flex;position:relative;width:100%;height:100%;top:0;left:0;}
    .nja-head .text-center{width:50%;}
    .tabs, .bx-wrapper {min-height: 5px;margin-bottom:15px;}
}
@media(min-width: 1250px){
  .search-box .form-control{width: 50%;float: right;}
  .team-flex{display:flex;flex-wrap:wrap;margin: 0 -15px;}
}