.learn_nav a{color:#fff;background-color:#9b9b9b}
.articles{padding:25px 0 30px 0;background-color:#efeff0}
.articles a{font-weight:normal}
.articles .tag{width:101px;height:24px;background-color:#5a5a5a;padding-left:10px;opacity:.9;line-height:22px;color:#fff;z-index:1;font-weight:normal}
.articles .tag a{line-height:22px;color:#fff}
.popular-container{padding-right:0}
.popular{height:345px;background:url('/images/articles/article-1.jpg') no-repeat 50% 50%;background-size:cover;position:relative;padding-top:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.popular .popular-details{width:100%;background-color:rgba(0,0,0,0.6);color:#fff;position:absolute;bottom:0}
.popular .popular-details h4{height:17px;padding:0 20px}
.popular .popular-details p{height:40px;padding:0 20px}
.popular .popular-details a{width:143px;height:29px;margin-bottom:15px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;border-top-right-radius:0;border-bottom-right-radius:0;line-height:1.1;display:block;margin-left:auto}
.latest{position:relative;margin-bottom:50px;padding-left:0}
.latest .latest-tag{background-color:#202020;width:101px;height:24px;color:#fff;padding-left:10px;position:absolute;top:0;z-index:1;opacity:.8;margin-top:0;line-height:22px}
.latest .latest-item-image{width:85px;height:85px;background:url('/images/articles/article-2.jpg') no-repeat 50% 50%;background-size:cover}
.latest .latest-item:hover .grayscale{filter:none;-webkit-filter:none;filter:grayscale(0);filter:none}
.latest .latest-item{height:115px;background-color:#5a5a5a;border-bottom:1px solid #787878;color:#fff;padding:15px 0 15px 20px}
.latest .latest-item h5{margin-top:0;height:15px}
.latest .latest-item p{margin-bottom:0;font-size:12px;height:60px}
.latest .latest-item a{width:114px;height:23px;font-size:12px;line-height:10px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;border-top-right-radius:0;border-bottom-right-radius:0;margin:60px -1px 0 auto;display:block}
.articles .nav{border:0;margin-bottom:30px}
.articles .nav li{margin-right:15px;padding:0}
.articles .nav li a{border:0;background-color:transparent;padding:0}
.articles .nav li a:hover{color:#8bc525}
.articles .nav li.active.tag{background-color:#aaa}
.articles .nav li.active a{color:#fff}
.articles .nav li.active a:hover{border:0;background-color:transparent;color:#8bc525}
.articles .nav li.active a:focus{border:0;background-color:transparent}
.gallery-item{background-color:#fff;margin-bottom:30px}
.gallery-item:hover .grayscale{filter:none;-webkit-filter:none;filter:grayscale(0);filter:none}
.grayscale{transition:all .2s ease-in-out;filter:url("data:image/svg+xml;utf8,<svgxmlns='http://www.w3.org/2000/svg'><filterid='grayscale'><feColorMatrixtype='saturate'values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}
.gallery-item .media-left .gallery-item-date{width:90px;position:absolute}
.gallery-item .media-left .gallery-item-image{width:170px;height:170px;background:url('/images/articles/article-2.jpg') no-repeat 50% 50%;background-size:cover}
.gallery-item .media-body{padding:20px 20px 10px 0}
.gallery-item .media-body h4{height:17px;margin-bottom:20px}
.gallery-item .media-body p{height:60px}
.gallery-item a.gallery-item-link{width:143px;height:29px;display:block;margin-left:auto;margin-right:0;line-height:16px;font-weight:normal}
.articles .tag{padding-right:10px;padding-left:inherit}
.popular-container{padding-left:0;padding-right:inherit}
.popular .popular-details a{-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;margin-right:auto;margin-left:inherit}
.latest{padding-right:0;padding-left:inherit}
.latest .latest-tag{padding-right:10px;padding-left:inherit}
.latest .latest-item{padding:15px 20px 15px 0}
.latest .latest-item a{-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;margin:60px auto 0 -1px}
.articles .nav li{margin-left:15px;margin-right:inherit}
.gallery-item .media-body{padding:20px 0 10px 20px}
.gallery-item a.gallery-item-link{margin-left:0;margin-right:auto}
@media(max-width:991px){.popular-container{padding-left:15px;padding-right:15px;margin-bottom:30px}
    .latest{padding-right:15px;padding-left:15px}
}