body {
  background: #F5F8FD; }

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

.shadow-sm {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  padding: 10px; }

.animated-background, .news-top .news-top__left .news-top_item .news-top_item_img img:not(.loaded), .news-top .news-top__right .news-hor__item .news-top_item_img img:not(.loaded), .list-news .news__item .news__item__img img:not(.loaded), .promotion-news .listpost li:first-child .promotion-news-image img:not(.loaded), .promotion-news .listpost li a .promotion-news-image img:not(.loaded) {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #F6F6F6;
  background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
  background-size: 700px 104px;
  position: relative; }

.news-header .news-h1 {
  padding: 10px 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  color: #333;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .news-header .news-h1 {
      font-size: 20px; } }

.news-header .news-menu {
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .news-header .news-menu {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch; } }
  .news-header .news-menu .news-menu__item {
    padding-bottom: 10px;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      .news-header .news-menu .news-menu__item {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0; } }
    .news-header .news-menu .news-menu__item a {
      color: #333;
      font-size: 16px;
      line-height: 21px;
      padding-bottom: 10px;
      position: relative; }
      @media (max-width: 767px) {
        .news-header .news-menu .news-menu__item a {
          font-size: 14px; } }
      .news-header .news-menu .news-menu__item a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: transparent; }
      .news-header .news-menu .news-menu__item a.active, .news-header .news-menu .news-menu__item a:hover {
        color: #2596be; }
        .news-header .news-menu .news-menu__item a.active:before, .news-header .news-menu .news-menu__item a:hover:before {
          background-color: #2596be; }
    .news-header .news-menu .news-menu__item + .news-menu__item {
      margin-left: 25px; }
      @media (max-width: 991px) {
        .news-header .news-menu .news-menu__item + .news-menu__item {
          margin-left: 15px; } }

.news-top {
  -ms-flex-direction: row;
  flex-direction: row;
  display: flex;
  position: relative; }
  @media (max-width: 767px) {
    .news-top {
      -ms-flex-direction: column;
      flex-direction: column; } }
  .news-top .news-top__left {
    -ms-flex-preferred-size: 490px;
    flex-basis: 490px; }
    @media (max-width: 1024px) {
      .news-top .news-top__left {
        -ms-flex-preferred-size: 350px;
        flex-basis: 350px; } }
    @media (max-width: 991px) {
      .news-top .news-top__left {
        -ms-flex-preferred-size: 420px;
        flex-basis: 420px; } }
    @media (max-width: 767px) {
      .news-top .news-top__left {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-bottom: 15px; } }
    .news-top .news-top__left .news-top_item .news-top_item_img {
      position: relative;
      display: block;
      height: 327px; }
      @media (max-width: 1024px) {
        .news-top .news-top__left .news-top_item .news-top_item_img {
          height: 233px; } }
      @media (max-width: 991px) {
        .news-top .news-top__left .news-top_item .news-top_item_img {
          height: 280px; } }
      @media (max-width: 767px) {
        .news-top .news-top__left .news-top_item .news-top_item_img {
          height: 333px; } }
      @media (max-width: 668px) {
        .news-top .news-top__left .news-top_item .news-top_item_img {
          height: 334px; } }
      @media (max-width: 569px) {
        .news-top .news-top__left .news-top_item .news-top_item_img {
          height: 352px; } }
      @media (max-width: 480px) {
        .news-top .news-top__left .news-top_item .news-top_item_img {
          height: 254px; } }
      @media (max-width: 376px) {
        .news-top .news-top__left .news-top_item .news-top_item_img {
          height: 227px; } }
      @media (max-width: 321px) {
        .news-top .news-top__left .news-top_item .news-top_item_img {
          height: 190px; } }
      .news-top .news-top__left .news-top_item .news-top_item_img img {
        width: auto !important;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
        .news-top .news-top__left .news-top_item .news-top_item_img img:not(.loaded) {
          width: 100% !important;
          height: 100% !important;
          opacity: 0.2; }
    .news-top .news-top__left .news-top_item .news-top_item_title {
      margin-top: 10px;
      font-size: 20px;
      margin-bottom: 0;
      line-height: 1.2; }
      .news-top .news-top__left .news-top_item .news-top_item_title a {
        color: #000; }
        .news-top .news-top__left .news-top_item .news-top_item_title a:hover, .news-top .news-top__left .news-top_item .news-top_item_title a:focus {
          color: #2596be; }
    .news-top .news-top__left .news-top_item .news-top_item_time {
      margin-bottom: 0;
      font-size: 13px;
      color: #9b9b9b; }
    .news-top .news-top__left .news-top_item .news-top-sum {
      display: none; }
      @media (max-width: 1024px) {
        .news-top .news-top__left .news-top_item .news-top-sum {
          display: block; } }
      @media (max-width: 991px) {
        .news-top .news-top__left .news-top_item .news-top-sum {
          display: none; } }
  .news-top .news-top__right {
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px; }
    @media (max-width: 767px) {
      .news-top .news-top__right {
        padding-left: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-flex: none;
        flex: none;
        margin-left: -5px;
        margin-right: -5px; } }
    .news-top .news-top__right .news-hor__item {
      display: -ms-flexbox;
      display: flex;
      position: relative; }
      @media (max-width: 767px) {
        .news-top .news-top__right .news-hor__item {
          -webkit-flex-shrink: 0;
          -ms-flex: 0 0 auto;
          flex-shrink: 0;
          max-width: 50%;
          padding: 0 5px;
          flex-direction: column; } }
      @media (min-width: 768px) {
        .news-top .news-top__right .news-hor__item + .news-hor__item {
          margin-top: 10px; } }
      .news-top .news-top__right .news-hor__item .news-top_item_img {
        margin-right: 10px;
        position: relative;
        height: 66px; }
        @media (min-width: 768px) {
          .news-top .news-top__right .news-hor__item .news-top_item_img {
            -ms-flex: 0 0 100px;
            flex: 0 0 100px; } }
        @media (max-width: 767px) {
          .news-top .news-top__right .news-hor__item .news-top_item_img {
            margin-right: 0;
            margin-bottom: 5px; } }
        @media (max-width: 1024px) {
          .news-top .news-top__right .news-hor__item .news-top_item_img {
            height: 67px; } }
        @media (max-width: 991px) {
          .news-top .news-top__right .news-hor__item .news-top_item_img {
            height: 67px; } }
        @media (max-width: 767px) {
          .news-top .news-top__right .news-hor__item .news-top_item_img {
            height: 163px; } }
        @media (max-width: 668px) {
          .news-top .news-top__right .news-hor__item .news-top_item_img {
            height: 163px; } }
        @media (max-width: 569px) {
          .news-top .news-top__right .news-hor__item .news-top_item_img {
            height: 173px; } }
        @media (max-width: 480px) {
          .news-top .news-top__right .news-hor__item .news-top_item_img {
            height: 123px; } }
        @media (max-width: 376px) {
          .news-top .news-top__right .news-hor__item .news-top_item_img {
            height: 110px; } }
        @media (max-width: 321px) {
          .news-top .news-top__right .news-hor__item .news-top_item_img {
            height: 92px; } }
        .news-top .news-top__right .news-hor__item .news-top_item_img img {
          width: auto !important;
          max-height: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto; }
          .news-top .news-top__right .news-hor__item .news-top_item_img img:not(.loaded) {
            width: 100% !important;
            height: 100% !important;
            opacity: 0.2; }
      .news-top .news-top__right .news-hor__item .news-hor_item_info {
        -ms-flex: 1;
        flex: 1; }
        .news-top .news-top__right .news-hor__item .news-hor_item_info h3 {
          font-size: 14px;
          line-height: 19px;
          max-height: 60px;
          margin-bottom: 5px;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
          @media (max-width: 767px) {
            .news-top .news-top__right .news-hor__item .news-hor_item_info h3 {
              font-size: 13px; } }
          .news-top .news-top__right .news-hor__item .news-hor_item_info h3 a {
            color: #000; }
            .news-top .news-top__right .news-hor__item .news-hor_item_info h3 a:hover, .news-top .news-top__right .news-hor__item .news-hor_item_info h3 a:focus {
              color: #2596be; }
        .news-top .news-top__right .news-hor__item .news-hor_item_info .news-hor_item_time {
          font-size: 13px;
          color: #9b9b9b;
          margin-bottom: 0; }

.list-news {
  margin-top: 10px; }
  .list-news .news__item {
    display: -ms-flexbox;
    display: flex; }
    .list-news .news__item.shadow-sm {
      border-radius: 0; }
    .list-news .news__item .news__item__img {
      -ms-flex: 0 0 280px;
      flex: 0 0 280px;
      margin-right: 15px;
      position: relative;
      height: 187px; }
      @media (max-width: 767px) {
        .list-news .news__item .news__item__img {
          -ms-flex: 0 0 120px;
          flex: 0 0 120px;
          margin-right: 10px; } }
      @media (max-width: 1024px) {
        .list-news .news__item .news__item__img {
          height: 187px; } }
      @media (max-width: 991px) {
        .list-news .news__item .news__item__img {
          height: 187px; } }
      @media (max-width: 767px) {
        .list-news .news__item .news__item__img {
          height: 80px; } }
      @media (max-width: 668px) {
        .list-news .news__item .news__item__img {
          height: 80px; } }
      @media (max-width: 569px) {
        .list-news .news__item .news__item__img {
          height: 80px; } }
      @media (max-width: 480px) {
        .list-news .news__item .news__item__img {
          height: 80px; } }
      @media (max-width: 376px) {
        .list-news .news__item .news__item__img {
          height: 80px; } }
      @media (max-width: 321px) {
        .list-news .news__item .news__item__img {
          height: 80px; } }
      .list-news .news__item .news__item__img img {
        width: auto !important;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
        .list-news .news__item .news__item__img img:not(.loaded) {
          width: 100% !important;
          height: 100% !important;
          opacity: 0.2; }
    .list-news .news__item .news-item__info h3 {
      font-size: 22px;
      line-height: 26px;
      font-weight: 500;
      overflow: hidden;
      margin-bottom: 8px; }
      @media (max-width: 767px) {
        .list-news .news__item .news-item__info h3 {
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          font-size: 14px;
          line-height: 1.3;
          margin-bottom: 5px; } }
      .list-news .news__item .news-item__info h3 a {
        color: #000; }
        .list-news .news__item .news-item__info h3 a:hover, .list-news .news__item .news-item__info h3 a:focus {
          color: #2596be; }
    .list-news .news__item .news-item__info .news__item__text {
      font-size: 14px;
      line-height: 22px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-bottom: 15px;
      color: #555; }
      @media (max-width: 767px) {
        .list-news .news__item .news-item__info .news__item__text {
          display: none; } }
    .list-news .news__item .news-item__info .news__item__user {
      margin-bottom: 0;
      font-size: 13px;
      color: #9b9b9b; }
    .list-news .news__item + .news__item {
      border-top: 1px solid rgba(0, 0, 0, 0.07); }
      @media (max-width: 767px) {
        .list-news .news__item + .news__item {
          padding-top: 7px; } }

.side-news-hot .card-header {
  border: none;
  padding: 15px;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 17px;
  font-weight: 500; }
  .side-news-hot .card-header a {
    color: #141414; }
    .side-news-hot .card-header a:hover, .side-news-hot .card-header a:focus {
      color: #2596be; }

.side-news-hot .alert-warning {
  padding: 15px; }

.side-news-hot .listpost {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 10px; }
  .side-news-hot .listpost li {
    display: -ms-flexbox;
    display: flex;
    color: #3d3d3d;
    align-items: center; }
    .side-news-hot .listpost li label {
      -ms-flex: 0 0 40px;
      flex: 0 0 40px;
      margin-right: 10px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 20px;
      font-weight: 500;
      text-align: center;
      border-radius: 50%;
      color: #fff;
      background-color: #ced4da; }
    .side-news-hot .listpost li a {
      color: #3d3d3d;
      font-size: 14px;
      line-height: 18px;
      font-weight: 400;
      max-height: 36px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
      .side-news-hot .listpost li a:hover, .side-news-hot .listpost li a:focus {
        color: #2596be; }
    .side-news-hot .listpost li + li {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid rgba(0, 0, 0, 0.05); }
    .side-news-hot .listpost li:nth-child(1) label {
      background-color: #2596be; }
    .side-news-hot .listpost li:nth-child(2) label {
      background-color: #30abd7; }
    .side-news-hot .listpost li:nth-child(3) label {
      background-color: #68c2e1; }

.promotion-news .alert-warning {
  padding: 15px; }

.promotion-news .card-header {
  border: none;
  padding: 15px;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 17px;
  font-weight: 500; }
  .promotion-news .card-header a {
    color: #141414; }
    .promotion-news .card-header a:hover, .promotion-news .card-header a:focus {
      color: #2596be; }

.promotion-news .listpost {
  display: block;
  overflow: hidden;
  margin-top: 10px; }
  .promotion-news .listpost li {
    float: left;
    display: block;
    overflow: hidden;
    width: 48%;
    margin-bottom: 2%; }
    @media (min-width: 481px) and (max-width: 991px) {
      .promotion-news .listpost li {
        width: 100%;
        margin-bottom: 10px; } }
    .promotion-news .listpost li:first-child {
      float: none;
      width: 100%; }
      @media (min-width: 992px) {
        .promotion-news .listpost li:first-child {
          margin-bottom: 15px; } }
      @media (min-width: 481px) and (max-width: 991px) {
        .promotion-news .listpost li:first-child {
          border-bottom: none; } }
      .promotion-news .listpost li:first-child h3 {
        font-size: 18px;
        font-weight: 600;
        color: #303846;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
        @media (min-width: 481px) and (max-width: 991px) {
          .promotion-news .listpost li:first-child h3 {
            font-size: 14px;
            font-weight: normal; } }
      .promotion-news .listpost li:first-child .promotion-news-image {
        height: 246px;
        position: relative; }
        @media (max-width: 1024px) {
          .promotion-news .listpost li:first-child .promotion-news-image {
            height: 194px; } }
        @media (min-width: 481px) and (max-width: 991px) {
          .promotion-news .listpost li:first-child .promotion-news-image {
            float: left;
            overflow: hidden;
            position: relative;
            width: 80px;
            margin-right: 15px;
            height: 53px; } }
        @media (max-width: 480px) {
          .promotion-news .listpost li:first-child .promotion-news-image {
            height: 254px; } }
        @media (max-width: 376px) {
          .promotion-news .listpost li:first-child .promotion-news-image {
            height: 227px; } }
        @media (max-width: 321px) {
          .promotion-news .listpost li:first-child .promotion-news-image {
            height: 190px; } }
        .promotion-news .listpost li:first-child .promotion-news-image img {
          width: auto !important;
          max-height: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto; }
          .promotion-news .listpost li:first-child .promotion-news-image img:not(.loaded) {
            width: 100% !important;
            height: 100% !important;
            opacity: 0.2; }
    .promotion-news .listpost li:nth-child(2n+2) {
      clear: left; }
    .promotion-news .listpost li:nth-child(2n+3) {
      float: right; }
    .promotion-news .listpost li a {
      display: block;
      overflow: hidden; }
      .promotion-news .listpost li a img {
        display: block; }
      .promotion-news .listpost li a .promotion-news-image {
        height: 118px;
        position: relative; }
        @media (max-width: 1024px) {
          .promotion-news .listpost li a .promotion-news-image {
            height: 93px; } }
        @media (min-width: 481px) and (max-width: 991px) {
          .promotion-news .listpost li a .promotion-news-image {
            float: left;
            overflow: hidden;
            position: relative;
            width: 80px;
            margin-right: 15px;
            height: 53px; } }
        @media (max-width: 480px) {
          .promotion-news .listpost li a .promotion-news-image {
            height: 122px; } }
        @media (max-width: 376px) {
          .promotion-news .listpost li a .promotion-news-image {
            height: 109px; } }
        @media (max-width: 321px) {
          .promotion-news .listpost li a .promotion-news-image {
            height: 91px; } }
        .promotion-news .listpost li a .promotion-news-image img {
          width: auto !important;
          max-height: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto; }
          .promotion-news .listpost li a .promotion-news-image img:not(.loaded) {
            width: 100% !important;
            height: 100% !important;
            opacity: 0.2; }
    .promotion-news .listpost li h3 {
      line-height: 1.3em;
      font-size: 14px;
      color: #303846;
      font-weight: normal;
      margin-top: 7px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
      @media (min-width: 481px) and (max-width: 991px) {
        .promotion-news .listpost li h3 {
          margin-top: 0; } }
    .promotion-news .listpost li:hover h3 {
      color: #2596be; }

@media (max-width: 569px) {
  .pagging-css {
    margin-top: 15px; } }

.pagging-css .pagination {
  justify-content: center; }

@media (min-width: 992px) {
  .fixpadding-blog {
    padding-left: 0; } }