.news-list {
  background:#e4e5e7;
  position:relative;
}
.news-list:before {
  background:#8bb043;
  content:"";
  display:block;
  margin:auto;
  position:absolute;
  top:0;
  right:0;
  bottom:auto;
  left:0;
  z-index:10;
  width:100%;
  height:5px;
  max-width:1200px;
}
.news-list > .inner {
  border-left:1px solid rgba(23,60,134,0.1);
  border-right:1px solid rgba(23,60,134,0.1);
  margin:auto;
  padding:75px 0 40px;
  position:relative;
  z-index:1;
  width:100%;
  max-width:1200px;
}
.news-list > .inner:after, .news-list > .inner:before {
  background:rgba(23,60,134,0.1);
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:400px;
  z-index:2;
  height:100%;
  width:1px;
}
.news-list > .inner:before { left:800px; }
.news-list .sliders { display:flex; }
.news-list .sliders .extra-slider-wrapper {
  flex:0 0 auto;
  overflow:hidden;
  width:400px;
  max-width:100%;
}
.news-list .sliders .extra-slider-wrapper .extra-slider { height:100%; }
@media only screen and (max-width: 1240px) and (min-width: 801px) {
  .news-list .inner {
    margin:auto;
    width:800px;
    max-width:100%;
  }
  .news-list .extra-slider-wrapper:nth-child(3) { display:none; }
  .news-list .inner:before { display:none; }
}
@media only screen and (max-width: 800px) {
  .news-list .inner {
    padding:25px 0 20px;
    margin:auto;
    width:400px;
    max-width:100%;
  }
  .news-list .extra-slider-wrapper:nth-child(3), .news-list .extra-slider-wrapper:nth-child(2) { display:none; }
  .news-list .inner:before, .news-list .inner:after { display:none; }
}
.news-list .header { margin-bottom:20px; }
.news-list .header .button {
  display:flex;
  align-items:center;
  justify-content:center;
  width:50px;
  height:100%;
}
.news-list .header .button .icon {
  flex:1 1 auto;
  fill:#173c86;
  width:12px;
  height:9px;
  transition:fill 400ms ease-in-out;
}
.news-list .header .button:after { transition-duration:400ms; }
.news-list .header .button:hover .icon { fill:#ffffff; }
.news-list-detail {
  background-color:#ffffff;
  display:flex;
  flex-direction:column;
  margin:0 20px;
  position:relative;
  z-index:10;
  width:360px;
  max-width:calc(100% - 40px);
}
.news-list-detail:after {
  content:"";
  pointer-events:none;
  margin:auto;
  outline:1px solid #d1d8e7;
  outline-offset:-1px;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:10;
}
.news-list-detail .news-list-detail-inner {
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  justify-content:flex-start;
  align-items:stretch;
  align-content:stretch;
  height:100%;
}
.news-list-detail .post-image-link {
  display:block;
  flex:0 0 auto;
}
.news-list-detail .post-image {
  background:#ffffff;
  display:block;
  overflow:hidden;
  text-align:center;
  height:240px;
  position:relative;
  z-index:10;
}
.news-list-detail .post-image img {
  margin:0;
  min-width:400px;
}
.news-list-detail .post-tags {
  align-items:flex-end;
  display:flex;
  flex-wrap:nowrap;
  overflow:hidden;
  padding:10px;
  pointer-events:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:240px;
  z-index:20;
}
.news-list-detail .post-tags a {
  border-radius:5px;
  color:#ffffff;
  display:inline-block;
  flex:0 0 auto;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  margin-right:10px;
  overflow:hidden;
  padding:4px 10px 1px;
  pointer-events:auto;
  position:relative;
  transform:translate3d(0,0,0);
  white-space:nowrap;
  z-index:1;
}
.news-list-detail .post-tags a:before, .news-list-detail .post-tags a:after {
  background-color:#8bb043;
  content:"";
  display:block;
  margin:auto;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
}
.news-list-detail .post-tags a:after {
  background-color:#173c86;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 300ms ease-in-out;
}
.news-list-detail .post-tags a:hover:after { transform:scaleX(1); }
.news-list-detail .post-tags span {
  border-radius:5px;
  color:#ffffff;
  display:inline-block;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  margin-right:10px;
  overflow:hidden;
  padding:4px 10px 1px;
  position:relative;
  transform:translate3d(0,0,0);
  z-index:1;
}
.news-list-detail .post-tags span:after {
  background-color:#173c86;
  transform:scaleX(1);
  transform-origin:left center;
  content:"";
  display:block;
  margin:auto;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
}
.news-list-detail .post-details {
  border-top:1px solid #d1d8e7;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  margin-top:-1px;
  position:relative;
  z-index:10;
}
.news-list-detail .post-metas {
  flex:0 0 auto;
  margin:0;
  padding:12px 20px;
  vertical-align:0;
}
.news-list-detail .post-date {
  color:#173c86;
  display:inline-block;
  font-size:14px;
  font-weight:100;
}
.news-list-detail .post-date:after {
  content:"\2022";
  display:inline-block;
  padding:0 5px;
}
.news-list-detail .post-categories { display:inline-block; }
.news-list-detail .post-categories a { font-weight:900; }
.news-list-detail .post-title {
  color:#333333;
  font-size:22px;
  font-weight:700;
  line-height:25px;
  margin-bottom:2px;
}
.news-list-detail .post-excerpt {
  color:#333333;
  font-size:18px;
  line-height:25px;
}
.news-list-detail .post-title, .news-list-detail .post-excerpt { transition:color 300ms ease-in-out; }
.news-list-detail .post-link {
  flex:1 1 auto;
  display:block;
  padding:0 20px 28px;
}
.news-list-detail .post-link:after {
  background-color:#8bb043;
  content:"";
  display:block;
  margin:auto;
  position:absolute;
  top:auto;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
  height:5px;
  transform:scaleX(0);
  transform-origin:0 0;
  transition:transform 600ms ease-in-out;
}
.news-list-detail .post-link:hover:after { transform:scaleX(1); }
.news-list-detail .post-link:hover .post-title, .news-list-detail .post-link:hover .post-excerpt { color:#8bb043; }
.news-linked {
  flex:0 0 auto;
  width:100%;
}
.post-metas {
  margin:-17px 0 5px;
  vertical-align:0;
}
.post-metas .post-date {
  color:#173c86;
  display:inline-block;
  font-size:14px;
  font-weight:100;
}
.post-metas .post-date:after {
  content:"\2022";
  display:inline-block;
  padding:0 5px;
}
.post-metas .post-categories { display:inline-block; }
.post-metas .post-categories a { font-weight:900; }
.post-metas .post-tags {
  align-items:flex-end;
  display:inline-flex;
  padding:10px;
  z-index:10;
}
.post-metas .post-tags a {
  border-radius:5px;
  color:#ffffff;
  display:inline-block;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  margin-right:10px;
  overflow:hidden;
  padding:4px 10px 1px;
  position:relative;
  transform:translate3d(0,0,0);
  z-index:1;
}
.post-metas .post-tags a:before, .post-metas .post-tags a:after {
  background-color:#8bb043;
  content:"";
  display:block;
  margin:auto;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
}
.post-metas .post-tags a:after {
  background-color:#173c86;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 300ms ease-in-out;
}
.post-metas .post-tags a:hover:after { transform:scaleX(1); }
.post-metas .post-tags span {
  border-radius:5px;
  color:#ffffff;
  display:inline-block;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  margin-right:10px;
  overflow:hidden;
  padding:4px 10px 1px;
  position:relative;
  transform:translate3d(0,0,0);
  z-index:1;
}
.post-metas .post-tags span:after {
  background-color:#173c86;
  transform:scaleX(1);
  transform-origin:left center;
  content:"";
  display:block;
  margin:auto;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
}
#news-subscription {
  background:#173c86;
  color:#ffffff;
}
#news-subscription > .inner { padding:60px; }
#news-subscription .title {
  font-size:32px;
  line-height:40px;
  font-weight:900;
  margin-bottom:10px;
}
#news-subscription a {
  display:inline-block;
  margin-top:20px;
}