/*------------------------------------------------------------------
[Content]
*/
.title {
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 0;
  font-weight: bold;
  line-height: 24px; }

.title a {
  color: inherit; }

.figure {
  display: block;
  width: 100%;
  position: relative;
  padding: 59% 0 0 0;
  overflow: hidden; }

.figure img {
  position: absolute;
  display: block;
  width: 100%;
  min-height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 700ms ease-out; }

.hover a {
  position: relative;
  display: block; }

.hover a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.16);
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease-out; }

.hover a:hover::after {
  opacity: 1;
  visibility: visible; }

.hover img {
  width: 100%; }

/*-- content-top --*/
.content-top .post-title {
  font-weight: normal; }

.content-top .aside-ads {
  margin-bottom: 1px; }

@media only screen and (min-width: 992px) {
  .col-main {
    -ms-flex: 0 0 76.7%;
    flex: 0 0 76.7%;
    max-width: 76.7%; } }

@media only screen and (min-width: 992px) {
  .col-right {
    -ms-flex: 0 0 23.3%;
    flex: 0 0 23.3%;
    max-width: 23.3%; } }

@media only screen and (min-width: 992px) {
  .col-left {
    -ms-flex: 0 0 23.5%;
    flex: 0 0 23.5%;
    max-width: 23.5%; } }

@media only screen and (min-width: 992px) {
  .col-main2 {
    -ms-flex: 0 0 53.2%;
    flex: 0 0 53.2%;
    max-width: 53.2%; } }

.story .topstory .figure {
  padding-top: 63.8%; }

@media only screen and (min-width: 768px) {
  .story .topstory {
    -ms-flex: 0 0 65.2%;
    flex: 0 0 65.2%;
    max-width: 65.2%; } }

.story .topstory-sub .figure {
  padding-top: 59.4%; }

@media only screen and (min-width: 768px) {
  .story .topstory-sub {
    -ms-flex: 0 0 34.8%;
    flex: 0 0 34.8%;
    max-width: 34.8%; } }

.post {
  position: relative;
  overflow: hidden;
  text-align: justify; }

.post.post-large .post-text {
  padding: 20px; }

@media only screen and (min-width: 768px) {
  .post.post-large .post-text {
    padding: 25px 30px 25px 37px; } }

.post-overlay .post-thumb {
  margin-bottom: 0; }

.post-overlay .post-text {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 10px 8px 20px;
  color: #fff; }

.post-overlay .post-title {
  color: #fff; }

.post-overlay .post-title a:hover {
  color: inherit; }

.post-vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.post-vertical .post-thumb {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%; }

@media only screen and (min-width: 768px) {
  .post-vertical .post-thumb {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%; } }

.post-vertical .post-text {
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
  padding-left: 15px; }

@media only screen and (min-width: 768px) {
  .post-vertical .post-text {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%; } }

.post-vertical.post-news-hot .post-thumb {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

@media only screen and (min-width: 576px) {
  .post-vertical.post-news-hot .post-thumb {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%; } }

@media only screen and (min-width: 768px) {
  .post-vertical.post-news-hot .post-thumb {
    -ms-flex: 0 0 49.4%;
    flex: 0 0 49.4%;
    max-width: 49.4%; } }

.post-vertical.post-news-hot .post-text {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

@media (max-width: 575px) {
  .post-vertical.post-news-hot .post-text {
    padding-left: 0; } }

@media only screen and (min-width: 576px) {
  .post-vertical.post-news-hot .post-text {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%; } }

@media only screen and (min-width: 768px) {
  .post-vertical.post-news-hot .post-text {
    -ms-flex: 0 0 50.6%;
    flex: 0 0 50.6%;
    max-width: 50.6%; } }

.post-vertical.post-news-hot .figure {
  padding-top: 66.4%; }

.post-vertical.post-news-norm .post-thumb {
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  max-width: 35%; }

@media only screen and (min-width: 768px) {
  .post-vertical.post-news-norm .post-thumb {
    -ms-flex: 0 0 31.7%;
    flex: 0 0 31.7%;
    max-width: 31.7%; } }

.post-vertical.post-news-norm .post-text {
  -ms-flex: 0 0 65%;
  flex: 0 0 65%;
  max-width: 65%; }

@media only screen and (min-width: 768px) {
  .post-vertical.post-news-norm .post-text {
    -ms-flex: 0 0 68.3%;
    flex: 0 0 68.3%;
    max-width: 68.3%; } }

.post-thumb {
  margin-bottom: 14px; }

.post-title {
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px; }

.post-title a {
  color: inherit; }

.post-title a:hover {
  color: #00419f; }

.post-title.h2 {
  font-size: 20px; }

.post-title.h3 {
  font-size: 19px; }

.post-title.h4 {
  font-size: 18px; }

.post-ago {
  font-size: 12px;
  color: #808080;
  display: inline-block;
  position: relative;
  /* top: -6px; */ }

.box-heading .title {
  background: #0289f0;
  border-left: solid 10px #0151bfe0;
  margin-bottom: 0;
  display: inline-block;
  font-size: 16px;
  padding: 7px; }

.box-body {
  border-top: solid 2px #0289f0 !important;
  border-bottom: solid 1px #e6e6e6;
  border-left: solid 1px #e6e6e6;
  border-right: solid 1px #e6e6e6;
  padding: 20px; }

.box-heading .title a {
  color: #ffffff !important; }