body{
    font-family: 'PT Sans', sans-serif !important;
}
nav {
  /*margin-top: 20px;*/
  /*box-shadow: 5px 4px 5px #000;*/
}
.dropdown-menu > li:hover {
    background: cornflowerblue;
}
.dropdown-menu > li > a {
    padding:10px 20px !important;
        color:white
}
.navbar-nav > li > a{font-size:16px}
footer h3 {
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 0;
    border-bottom: 1px dotted #fff;
    line-height: 40px;
}
.footer_link ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer_link ul li {
    padding: 5px 0;
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    color: #fff;
}
.footer_link ul li a {
    color: #fff!important;
    font-family: "PT Sans", sans-serif;
    font-size: 15px;
}
.copyright-section {
    /* padding: 15px 0; */
    font-size: 11px;
    letter-spacing: 0.5px;
    /*border-top: 1px solid rgba(255, 255, 255, .06);*/
    margin-top: 0px;
}
.develop a {
    float: right;
    text-decoration: none;
}
.newcopyright {
    background-color: #2a2828;
    padding: 10px;
}
marquee a{color:white}
marquee a:hover{color:lightgrey;text-decoration:none}
.widget-grey {
    background-color: #dedede;
    color: #333;
    box-shadow: none;
    border-top: solid 4px #a1a1a1;
}
.widget {
    margin-bottom: 20px;
    height: 242px;
    padding: 20px;
    box-shadow: 2px 2px 0px 0px rgb(0 0 0 / 5%);
}
.widget .title, h3#reply-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0 0 15px;
    border-bottom: 1px solid rgb(0, 0, 0);
}
.latest-news-box ul li {
    list-style-type: none;
    line-height: 30px;
}
.latest-news-box ul li a {
    list-style-type: none;
    color: #000;
    text-decoration: none;
}
.pt-30{margin-top:30px;}
.pb-30{margin-bottom:30px}
.text p, h1{text-align:center;line-height: 30px;}
.info h4{color: #0b3d6c;}
.info span{color:#0b3d6c;}
.itembg{background: beige;padding: 10px;height: 430px;margin: 10px}
.card .card-header {
    border-top: 5px solid #222222;
    padding: 8px 3px 8px 3px;
    padding-left: 20px;
    padding-right: 20px;
}
.h-100 {
    height: 100%!important;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.mLink a {
    color: #FFFFFF;
    text-decoration: none;
}
.mLink a:hover {
    color: #000000;
    text-decoration: none;
}
.list-group{margin-bottom:0px !important}
.carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            width: 70%;
            margin: auto;
        }
        * {
    margin: 0;
    padding: 0;
    text-decoration: none;
}
        .top-head {
    background: #2465a2;
    color: #fff;
    padding: 6px 0px;
    font-size: 15px;
    font-weight: 500;
}
        .panel-heading {
    background: #2465a2;
    padding: 9px 11px;
    font-size: 15px;
    color: #fff;
}
        .home-gallery .panel-body {
    padding: 0px !important;
}
        .scroll-content-announcement {
    height: 330px;
    overflow: hidden;
    overflow-y: scroll;
}
        .activity-box ul li {
    border-bottom: 1px solid #f3efef;
    padding: 3px 0px;
}

#style-2::-webkit-scrollbar {
   background: #fff; 
  border-radius: 10px;
      width: 5px
}
#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #C37E18;
}
::-webkit-scrollbar:hover {
  background: #b30000; height:10px
}
.panel{box-shadow:0px 8px 18px rgb(7 41 77 / 20%)!important}
.info p{margin:10px}
.icon img{border-radius:50%;border: 5px solid #ee8e3e;}
.notice-announcement {
    padding: 0px 15px 15px 15px;
    background: #1a4895;
    height: 383px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 0 0 7px rgb(0 0 0 / 8%);
}
.notice-vticker {
    height: 354px !important;
    margin-bottom: 15px;
}
.notice-vticker ul li {
    padding-bottom: 15px;
    padding-top: 30px;
    position: relative;
    font-weight: 700;
    top: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.28);
    padding-left: 28px;
}
.notice-vticker ul li a {
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
}
.notice-vticker ul li .ndate {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    position: absolute;
    top: 10px;
    color: #fff;
}
.animate {
    animation: blinker 1s step-end infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.fx3 .item {
    padding: 10px 10px;
}
.col3 {
    width: 33.33%;
    float: left;
    position: relative;
}
.fx3 .item img {
    padding: 0 !important;
    display: block;
    width: 100%;
    height: 200px;
    outline: transparent solid 2px;
    outline-offset: 0px;
}
.description {
    background: #2465a2;
    height: 60px;
    box-shadow: 0px 8px 18px rgb(7 41 77 / 20%);
    font-size: 14px;
}
.description h4 {
    width: 240px;
    font-size: 13px;
    position: absolute;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px;
}
.desc-img {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 30px 0px;
}
.desc-img a {
    color: #fff !important;
    font-size: 12px;
}
.pic-date {
    color: #fff;
    font-size: 12px;
}
.text-bold{
    font-weight: 600;
    font-size: 15px;
}
.float-right{float:right}

.chairmanmessage {
    background: #2465a2;
    padding: 10px 20px;
}
.chairmanmessage h2 {
    color: #fff;
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1px;
        margin-top: 10px;
        text-align:right
}
.chairmanmessage h3 {
    color: #fff!important;
    margin: 0px;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0px;
    text-align: left;
    padding: 0px;
    line-height: 27px;
    border-bottom: none!important;
    text-align:right
}
.box-default3 {
    background: #fff!important;
    padding: 10px!important;
    border: 1px solid #dadada!important;
    margin-bottom: 0px!important;
}
.col-12.mainbody {
    padding: 30px 30px;
    background-color: #fff;
    box-shadow: 0 5px 16px rgb(0 0 0 / 20%);
    border-radius: 20px;
    margin-bottom: 20px;
}
.mainbody img {
    border: 1px solid #e3e0e0;
    width:100%
}
 .content-block p{line-height:30px;font-size:15px;text-align: justify}   
 .list-clean {
    background-color: #ffffff;
    padding: 20px !important;
    margin-bottom: 20px;
    box-shadow: 0px 8px 18px rgb(7 41 77 / 20%);
    border-radius: 20px;
}
 .list-clean h3 {
    font-size: 20px;
}   
 .list-clean li {
    border-bottom: 1px solid #cec8c8;
    padding: 15px 0px !important;
    line-height: 12px !important;
}
 .list-clean li a {
    color: #3f3e40 !important;
    margin-left: 5px;
    font-size: 14px;
}      
 .list-clean li:before {
    content: "\f144";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2465a2;
    font-size: 16px;
    padding-right: 5px;
}
 .list-item {
    background-color: #ffffff;
    padding: 10px !important;
   
    border-radius: 20px;
}   
 .list-item li {
    border-bottom: 1px solid #cec8c8;
    padding: 15px 0px !important;
    line-height: 25px !important;
}
  .list-item li:last-child {
    border-bottom: none
}   
 .list-item li:before {
    content: "\f144";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2465a2;
    font-size: 16px;
    padding-right: 5px;
}

ol, ul {
    list-style: none;
}           
.map{width:1138px;height:350px}
@media screen and (max-width: 768px){
    .text h1 {font-size:25px}
    .map{width:350px !important;width:350px}
    .map_contact{width:250px !important;height:400px}
}
.event-title {
    font-size: 24px;
    padding: 8px 15px;
    background-color: #eee;
}

.cont-subs {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
}
.cont-add {
    grid-template-columns: 1fr auto;
    display: grid;
    grid-gap: 20px;
    align-items: center;
}
.cont-add {
    padding: 20px;
}
.cont-add h4 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}
.contact-text-sub {
    line-height: 25px;
    font-size: 16px;
}
.add-2 {
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}
.map_contact{width:722px;height:400px}

.gallery-row > div {
    margin-bottom: 20px;
    margin-top: 20px;
}
img.img-cl-heh.item-imgg {
    width: 100%;
    transition: all 0.3s ease 0s;
    border: 1px solid #11202c;
    border-radius: 4px;
    height: 180px;
}
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

.p-rr a {margin-top:10px}
.h44{font-size:15px}

-----------------------------------------

.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}


.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   

.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}

.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%;padding: 4px;}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}

/* Colors */
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}