@charset "utf-8";
/* CSS Document */

.initiatives{}
.initiatives h1{text-align: center;font-size: 25px}


.initiatives .dept img{border-radius: 10px}
.initiatives p{font-size: 12pt}
.initiatives h2{color: #002554;font-size: 22px;}
.initiatives h3{background-color: #e8e4dc;color: #002554;font-size: 20px;padding: 10px;margin: 0}
.initiatives .dept-title{margin: 10px 0;font-size: 16px}

.initiatives .initiatives-card {
  width: 100%;
  height: 278px;
  background: #fff;
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.13);
  margin-bottom: 40px;
  overflow: hidden;
  position: relative;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.initiatives .initiatives-card:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #002554;
  right: 0;
  bottom: -278px;
  /*-webkit-border-radius: @radius;-moz-border-radius: @radius;*/
  border-radius: 0px;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.initiatives .initiatives-card .serv-icon {
  padding: 50px 0 0;
  height: 130px;
  position: relative;
  opacity: 1;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
}
.initiatives .initiatives-card img {
  display: inline-block;
  max-height: 60px;
}
.initiatives .initiatives-card h5 {
  padding: 0 5px;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 60px;
  text-align: center;
  /*-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;*/
  transition: all .5s ease;
  color: #002554;
  position: relative;
}
.initiatives .initiatives-card p {
  position: relative;
  text-align: center;
  padding: 5px 20px;
  padding-top: 10px;
  opacity: 0;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
  font-size: 13px;
  color: #fff;
}
.initiatives .initiatives-card .service-btn-wrapper {
  position: absolute;
  width: 100%;
  height: 71px;
  left: 0;
  z-index: 2;
  overflow: hidden;
  bottom: 0;
}
.initiatives .initiatives-card .service-btn-wrapper .serv-btn {
  text-align: center;
  color: #fff;
  font: normal 1em/2.5;
  border-radius: 35px;
  width: 75%;
  margin: 0 1%;
	padding: 7px;
  background: #5aaeb0;
  position: relative;
  display: inline-block;
  /*-o-transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;*/
  transition: all .3s ease;
  opacity: 0;
  margin-top: 5px;
}
.initiatives .initiatives-card .service-btn-wrapper .serv-btn:hover{
	color:white !important;
	opacity:0.7;
}
.initiatives .initiatives-card .service-btn-wrapper .serv-btn.brown {
  /* background: #002554; */
}
.initiatives .initiatives-card:hover {
  box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.13);
}
.initiatives .initiatives-card:hover:before {
  bottom: 0;
}
.initiatives .initiatives-card:hover .serv-icon {
  margin-top: -130px;
  opacity: 0;
}
.initiatives .initiatives-card:hover h5 {
  color: #fff;
  margin-top: 35px;
  margin-bottom: 8px;
}
.initiatives .initiatives-card:hover p {
  transition-delay: .2s;
  opacity: 1;
  padding-top: 5px;
}
.initiatives .initiatives-card:hover .serv-btn {
  transition-delay: .35s;
  opacity: 1;
  margin-top: 10px;
}

/*internal pages*/

.initiatives-header {
    padding: 20px 15px;
    border-radius: 0;
	background-color: #f5f2ec;
}

.initiatives-btn {
    border-radius: 20px;
    background-color: #C09839;
    text-align: center;
    color: #fff;
}
.initiatives-data{border-right: 5px solid #DEDAD4;display: inline-block;text-align: right}
.initiatives-data-en{border-left: 5px solid #DEDAD4;display: inline-block;text-align: left}
.vol-title{color: #002554;font-size: 22px}
.vol-title .header-line{background-color: #DEDAD4;height: 5px;display: block;width: 80px;margin-top: 7px}
.initiatives ol li,.initiatives ul li{font-size: 15px}
.bg-tips{background-color: #FFF8E8}