﻿.page-header{position:relative; top:0px; left: 0px; width: 100%; height:auto; padding: 33px 0px 15px 0px; margin: 0px; border-bottom: 0px; background-color:#0d7b3e;}
.page-header .timeline-container .timeline{margin: 15px 0px 25px 0px; color: #fff;}
.page-header .timeline-container .timeline a{color: #fff;}
.page-header .timeline-container .timeline a.active{color: #fff;}
.page-header .timeline-container .timeline a:hover .point{background-color: #ccc;}
.page-header .timeline-container .timeline .line{background-color: #fff;}
.page-header .timeline-container .timeline .point{background-color: #fff;}

.about-banner{position:relative; top:0px; left:0px; background-repeat:no-repeat; background-size:auto; background-position: top center; padding-top: 12px;}
.about-banner h2{margin: 20px 0px; font-size: 25px; color:#0d7b3e; }
.about-banner p{font-size: 16px; line-height: 24px; margin-bottom: 20px; text-align: justify;}

.about-subitem{padding-top: 25px;}
.about-subitem ul{position:relative; top: 0px; left: 0px; width: 100%; height:auto; list-style:none; padding: 0px; margin: 22px 0px 0px 0px;}
.about-subitem ul li{position:relative; top: 0px; left:0px; width:auto; height: auto; display:inline-block; margin: 8px; }
.about-subitem ul li a{position:relative; top:0px; left:0px; width: auto; height:auto; padding: 11px 12px; text-transform: uppercase; color: #404040; background-color: #f3f3f3; font-size: 16px;}
.about-subitem ul li a:hover, .about-subitem ul li a.active{background-color: #0d7b3e; color: #fff;}

.about-article{font-size: 16px; text-align:justify; line-height: 24px; padding-bottom: 25px; padding-top: 30px;}
.about-article p{margin: 0px 8px 15px;}

.about-article-list .article-item{position:relative; top: 0px; left:0px; width: 100%; height:auto; padding: 20px;}
.about-article-list .article-item a{position:relative; top: 0px; left: 0px; width: 100%; height: auto; display:block; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);}
.about-article-list .article-item a img{width: 100%; height:auto; display:block;}
.about-article-list .article-item a span{position:relative; width: 100%; height: auto; padding: 5px; display: block; color: #58595b; font-size: 14px;}
.about-article-list .article-item a .title{text-transform: uppercase; font-weight: bold;}
.about-article-list .article-item a .description{padding-top: 0px;}
.about-article-list .article-item a:hover span{background-color: #0d7b3e; color: #fff;}

@media only screen and (max-width: 1023px) {
    .page-header{background-color: #fff; padding-left: 10px; padding-right: 10px;}
}