@charset "utf-8";
/* CSS Document */
@import url('fonts.css');

body {
font-size:16px;
/*color:#231F20;*/
color:#000;
}

a ,   a:focus{	
color:#333333;
	text-decoration:none;
	}
a:hover{
	color:#333333;
	text-decoration:underline;}	
	
.termBlock{
	padding:5px;
	background-color:#807E82;
	color:#fff;
	}
	
.navItem {
	float:left;
	width:100px;
text-align:center;
font-weight:bolder;
  transition: 0.3s;
	}
	
#menuNav{ }	
	
#menuNav a{	
display:inline-block;
	margin-bottom:0px;
	
	/*padding-top:60px;*/

	}
#menuNav a:hover{text-decoration:none;

}
#menuNav .navItem:hover{
	background-color:#C0DBE1;
	cursor:pointer;
	}
.langItem{
	font-size:14px;
	}	
#menuNav .langItem{
float:right;
/*	padding-left:2rem;
	padding-right:2rem;*/
	width:100px;
text-align:center;
vertical-align:bottom;
	} 	
	
.summitem{
	min-height:280px;
	height:auto;
		}
.topbar{
	background-color:#807E82;
	height:1.5rem;
	font-size:14px;}
#home-intro{
/*	background: url(../images/home_intro_bg.png) center center;
	height:200px;*/

	width:100%;
	}
#home-intro img{
	object-fit:cover;
	 object-position: 50% 50%;
	 max-height:150px;
	}
#home-intro p{ 
	font-size:16px; 
	line-height:1.2rem;
	
	}
#home-intro .intro_header {
/*	font-size:32px;*/
	font-weight:bolder;
	}
	
.headblock{
	background-color:#C0DBE1;
	display:block;
	position:absolute;
	width:10px;
	height:30px;
}
.card-title{
	background-color:white;
}

#footer{
	background-color:#CCCCCC;
	}
.text-small
{ color: white;
font-size:14px; }

.carousel-item{
/*	min-height:250px;*/
	max-height:350px;
	overflow:hidden;}
 
.carousel-item> img{
	 min-height:250px;
	 object-fit:cover;
    }
	
/* The dots/bullets/indicators */
.carousel-indicators li  {
  cursor: pointer;
  height: 12px;
  width: 12px;
  margin: 0 0.5rem;
  border-radius: 50%;
  border: 2px solid #222;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.postItem{
		font-size:13px;
		}
.publishDate{
	font-size:13px;
		font-weight:bolder;
	}
.postCover img{
	max-height:200px;
}

#bannerhead {
		/*min-height:250px;*/	animation: fadein 0.6s;
	-moz-animation: fadein  0.6s; /* Firefox */
    -webkit-animation: fadein  0.6s; /* Safari and Chrome */
    -o-animation: fadein  0.6s; /* Opera */
			}
.fancybox-navigation .fancybox-button{
	height:200px;
	width:150px;
	}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }	}
	

#catName {
    padding-left: 22vw;
    padding-top: 22vw;
    font-size: 6vw;
    color: white;
}

.mainframe {
		max-width:1280px;
		}

		
#menuCol{
	background-color:#ccc;
	min-height:500px;
		}

#menuCol li:hover{
	background-color:#C0DBE1;
	
	}

#contentCol{
	width:auto;
	}
	
#menuCol > li{
	margin:0;
	}

.grayheader{
	background-color:#CCCCCC;
	width:100%;
	text-align:center;
	color:white;}
	
#annualreport .postItem,.postCover{
	margin-bottom: 20px; }
	
.bannerheadimg{
	
	height:50vw;
	max-height:350px;

	}
	

	
	
img.zoom {
    width: 120px;
    height: 120px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
    .modal-header {
   
     border-bottom: none;
}
    .modal-title {
        color:#000;
    }
    .modal-footer{
      display:none;  
    }
	
@media (min-width: 700px) { 
#catName {
    padding-left: 155px;
    padding-top: 155px;
    font-size: 2.6rem;
    color: white;
}

 }
/*//Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
.navItem {
		width:45vw;/*12rem;*/
	}
#menuCol{
	min-height:auto; } 
	
/*#home-intro p{ 
	font-size:16px; 
	
	}	
*/
 }

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
#menuCol{
	min-height:auto; } 
	 }

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { ... }

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	 #home-intro img{
object-fit:cover;
		
}
.intro_content{
		padding-left:60px;
		padding-right:60px;
		}
		
.intro_header{
		padding-top:50px;
}
	

		
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	.intro_content{
		padding-left:120px;
		padding-right:120px;
		}
.intro_header{
		padding-top:50px;
		padding-left:9rem;}
		


		}