@import url('https://fonts.googleapis.com/css?family=Roboto');

.slide-progress {
  	width: 0;
  	max-width: 100%;
  	height: 4px;
	background: linear-gradient(to right, #183677, #5479ce);
	position: relative;
	top: -37px;
	z-index: 50;
}
.carousel-button{
	cursor: pointer;
	color: #183576;
	margin: 4px;
	}
.carousel-button:hover{
	color: #5479ce;
	}
.carousel-control{
	text-align: right;
	margin-left: 80%;
	margin-right: 20px;
	position: relative;
	top: -32px;
	z-index: 50;
	color:#183677;
}

.breadcrumb{
	margin-top:20px;
	margin-bottom: 20px;
	font-size: 14px;
}
.breadcrumb a{
	
	text-decoration: none;
}
.cth th{color:#2f519f;}
.side-nav-div a{
	font-family: 'Arial', sans-serif;
	text-decoration: none;
}
.side-nav-wall { 
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
	height:inherit;
	width:7px; 
}
.side-nav-li
{
	min-height:30px;
	display:flex; 
}
.side-nav-li.selected
{
	background: linear-gradient(to right, #183677, #5479ce);
	color:white;
}
.side-nav-li:hover .side-nav-wall { background-color:#183677; }
.side-nav-li:hover { background-color:#E6F7FF; }
.side-nav-text
{
	padding: 4px 5px 0 5px;

	width: 100%;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
	vertical-align: middle;
}
.side-nav-a:hover
{
	color:#112655;
}


.table-main{ font-size: 14px; font-family: 'Arial', sans-serif;}
.table-main a{ text-decoration: none; transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;}
.table-main a:hover{ text-decoration: underline; color:#183576; }
.recent-article-container a span{font-size:11px; color:grey;margin-left:5px;}
.recent-article-container a {color:#365aac; text-decoration: none;}
.recent-article-container a:hover {color:#183677; text-decoration: underline;}
.recent-article-container{
	border-bottom:1px dashed #bbb; margin-bottom:10px; margin:3px; padding:3px;
}
.home-recent-news-div{
	height: 240px; 
	overflow: auto; 
	font-size:12px;
} 
.img-ratio-div
{
	display: block;
width: 100%;
position: relative;
height: 0;
padding: 56.25% 0 0 0;
overflow: hidden;
}
.img-ratio
{
	position: absolute;
display: block;
max-width: 100%;
//max-height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.article-title{	margin-top: 10px; text-align: justify;font-family: Arial;}
.article-img{ 	width: 100%;}
.box a{text-decoration: none;}
.box a:hover{text-decoration: underline; color:#183576;}
.box
{
	position: relative;
	border: 1px solid #9A9A9A;
	padding: 20px;
	border-radius: 10px;
}
.box-title
{
	display: inline-block;
    position: absolute;
    left: 50%;
    top: -14px;
	font-size: 18px;
    transform: translateX(-50%);
    background: #fff;
	min-width: 190px;
	text-align: center;
}
.gold {color:goldenrod;}
.article-date
{
	margin-top: 5px;
	margin-bottom: 5px;
	color:#B1B1B1;
	font-size:12px;
}
.articles-title
{
	font-weight:bold;
	font-size:18px;	
	padding-bottom:10px;
	font-family: Arial;
	text-align: justify;
}
.articles-title a
{
	text-decoration: none;	
}
.articles-desc
{
	color:#676666;
}
.article{font-family:'Arial', sans-serif;}
.pagination > li {
	display: inline;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > .active > a {
	z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > li:first-child > a{
	border-radius: 4px 0 0 4px;
}
.pagination > li:last-child > a{
	border-radius:  0 4px 4px 0;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
	border-color: #ddd;}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
ul strong{ width: 70px; display: inline-flex; }
.footer-div{background-color:#eaf5ff; background: linear-gradient(to bottom, #eff7ff, #bedeff); padding-bottom:30px;}
.footer-a{color:#183677 !important;
	text-decoration: none; 
	}
.footer-a:hover{text-decoration: underline; }
.scroll-box{	min-height:300px; max-height:300px; overflow:auto;}
.block-wall { 
	transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
	width:7.14px; 
}
.block-li
{
	border-bottom:solid 1px #E5E5E5;
	display:flex; 
}
.block-li:hover .block-wall { 
	background-color:#112655;
	background-image: linear-gradient(to top, #2f519f, #183576);
	background-position: center; }
.block-li:hover { background-color:#E6F7FF; }
.block-text
{
	width: 100%;
	transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
	padding-left:5px;
}
.block-text span{color:red; font-size: 14px;}
.block-a{text-decoration:none;}
.block-a:hover
{
	color:#183576;
	text-decoration:none;
}


.grad-border-div{
	border: 10px solid;
	border-image-slice: 1;
	border-width: 5px;
	border-image-source: -webkit-linear-gradient(left, #183677, #5479ce);
	border-image-source: -o-linear-gradient(left, #183677, #5479ce);
	border-image-source: linear-gradient(to right, #183677, #5479ce);
}
.grad-title-div-bottom{
	background: linear-gradient(to right, #183677, #5479ce);
	height: 7px; 
}
.grad-title-center{
	background: linear-gradient(to right, #183677, #5479ce);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Helvetica, Arial, "sans-serif";
	font-weight:bold;
	text-align: center;
}
.grad-title{
	background: linear-gradient(to right, #183677, #5479ce);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Helvetica, Arial, "sans-serif";
	font-weight:bold;
	margin: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
}
.dropdown-item:hover{background-color: #e5f2ff;color:#112655; transition: 0.2s;
    -webkit-transition:  0.2s;
    -moz-transition:  0.2s;
    -o-transition:  0.2s;}
.hover-act:hover{
	box-shadow: 0px 2px 5px #555555;
	transition: box-shadow .2s;
				}
	.hover-img:hover{
	transition: box-shadow .2s;
	box-shadow: 0px 2px 5px rgba(33,33,33,1);
				}
body{line-height: 1.42857143;}
.button-block{display: block; width: 100%}
.button b{font-family: 'Arial',sans-serif;}
.button{
	border-radius: 5px;
	display: inline-block;
	text-decoration: none;
	
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 16px;	
	text-align: center;
	white-space: nowrap;
	color: #2f519f;
	border: 2px solid #2f519f;
	background-color: white;

	transition: 0.3s;
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -o-transition:  0.3s;
}
.button:hover{
	color:white;
	border:2px solid #112655,0%;
	background-color:#112655;
	background-image: linear-gradient(to bottom right, #2f519f, #183576);
	background-position: center;

}

.container-main{
	margin:0 auto; width: 98%; max-width: 1300px;
	}
.container-shadow{
	box-shadow: 0 0 10px #bbbbbb; margin-top: 20px;
	}
.container-md-shadow
{
	box-shadow: 0 0 10px #bbbbbb; margin-top: 20px;
}
.row .container-shadow:not(:last-child){
	margin-right: 10px; 
}
@media (max-width: 767.98px) {
	.home-recent-news-div{height: 300px;}
	.scroll-box{	min-height:170px; max-height:170px; overflow:auto;}
	.container-md-shadow{ box-shadow: none;}
	.md-shadow:not(:first-child){margin-top: 20px;}
	.md-shadow{box-shadow: 0 0 10px #bbbbbb; padding-bottom: 10px;}
	.bulletin-div{margin-bottom: 10px;}
	
	}
.owl-item {text-align: center;}
.owl-item .owl-img { 
	display: block; 
	width: auto; 
	height: 100%;
	background-position: center; 
	background-size: cover;
	}
.owl-item .owl-img2 { 
	display: block; 
	width: auto; 
	}
.aspect div{ margin: 0; }
.owl-container { height: 550px; }
.aspect img {	position: relative;
	top: 0;
	//right:0;
	margin: auto;
}
#home{ position:relative; }
#title { background-color: #000;     
	
}

.aspect2 a
{
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top: 56.25%;
}

.aspect img
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
}
.owl-dots {
      margin: 5px auto !important; /*for centering the dots*/	
	  text-align : center;
}
.owl-dot {
     width: 15px;
     height: 15px;
     border-radius: 100%;
     border: 2px solid #112655;
     background: #183576;
	 vertical-align:central;
     margin-right: 5px !important;
	 padding-right:5px;
     display: inline-block;
}
.owl-dot.active {
     background: #FFFFFF;
}
.owl-wrapper { positon: relative;}

.owl-controls {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.owl-text-overlay {
	position: absolute;
	text-align: center;
	width: 60%;
	top: 35%;
	left: 20%;
	right: 0;
	color: #fff;
	background-color: rgba(255, 255, 255, .8);
	
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.owl-text-overlay2 {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 91%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.4);
	padding-bottom: 20px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h3.owl-title {
    font-size: 18px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
	margin-left:100px;
	margin-right:100px; 
	margin-top: 20px;
	margin-bottom: 10px;
}
body {font-family: 'Roboto', sans-serif;}
p.owl-caption { font-size: 14px; }
	
.navbar{ font-family: 'Roboto', sans-serif;}
.navbar-brand { margin-right: 0px; margin-left: -10px; height:90px; width:470px;}
.navbar-brand img{float:left; height:80px;}
.navbar-brand h1{font-size: 24px; font-family: arial; padding-left: 230px; padding-top: 11px;   color:#112655}
#navbarNavDropdown {padding-left: 0.5%;}
.navbar-nav .active{ background-color: #e5f2ff; border-bottom: 3px solid #365aac !important;}
.navbar-nav .nav-item{ border-bottom: 3px solid transparent; }
.dropdown .active{ color: black; border-bottom: 3px solid #365aac !important;}

.nav-item {font-size: 15.5px; padding-top:5px; padding-bottom: 5px;  
	-moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;}
	.nav-item:hover {background-color: #e5f2ff; }
	.nav-item:hover>.nav-link {color:#112655 !important;}
	.navbar-nav .nav-item:not(:last-child) { border-right: 1px solid #e6e6e6;}
	.navbar{z-index: 999}
	.nav-link {white-space: nowrap !important; }
	.dropdown-menu{
	box-shadow: 0 0 5px #ccc;
	-moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in; }
	
.navbar-link>.active{ background-color: #e5f2ff; color:white;}

@media (max-width: 992px) {
	.owl-text-overlay2 {  top: 61%;}
	}
@media (max-width: 576px) {
    .navbar-brand img{float:none;}
	.navbar-brand h1{ padding-left: 10px;}
	.navbar-brand { height:160px; width:250px;}
	
	h3.owl-title {margin-left:30px;	margin-right:30px; }
	.owl-text-overlay {  top: 20%; width: 80%; left:10%;}
	}
@media (min-width: 1330px) {
	.dropdown:hover>.dropdown-menu {  display: block; margin: 0px;}
	.dropdown>.dropdown-toggle:active {  /*Without this, clicking will make it sticky*/ pointer-events: none;}
	}
@media (max-width: 1330px) {
	#navbarNavDropdown {padding-left: 0px;}
	.dropdown-toggle.show {background-color: #e5f2ff;}
  	.navbar-nav .nav-item:not(:last-child) { border-right: none;  }
}