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

.animated-background {
  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; }

body {
  background: #f3f3f3; }
  @media (max-width: 767px) {
    body {
      background: #fff; } }

.evo-list-blog-page {
  background-color: #fff;
  border-radius: 4px;
  padding: 10px; }
  @media (max-width: 767px) {
    .evo-list-blog-page {
      padding: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .evo-list-blog-page {
      margin-bottom: 15px; } }
  .evo-list-blog-page .title-head {
    font-size: 16px;
    font-weight: bold;
    color: #1e1e1e;
    text-transform: uppercase;
    margin-top: 0; }
  .evo-list-blog-page .news-list-main .newslist .later_news_big h3 {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    letter-spacing: .5px;
    margin-top: 10px;
    margin-bottom: 0;
    word-break: break-word; }
    .evo-list-blog-page .news-list-main .newslist .later_news_big h3 a {
      color: #333; }
      .evo-list-blog-page .news-list-main .newslist .later_news_big h3 a:hover, .evo-list-blog-page .news-list-main .newslist .later_news_big h3 a:focus {
        color: #311707; }
  .evo-list-blog-page .news-list-main .newslist .col-later-news .has-tempvideo {
    border-top: none;
    margin-top: 0; }
    @media (max-width: 767px) {
      .evo-list-blog-page .news-list-main .newslist .col-later-news .has-tempvideo {
        margin-top: 10px; } }
    .evo-list-blog-page .news-list-main .newslist .col-later-news .has-tempvideo h3 {
      display: block;
      font-size: 16px;
      color: #333;
      font-weight: 600;
      letter-spacing: .5px;
      margin-top: 10px;
      margin-bottom: 0;
      word-break: break-word; }
      .evo-list-blog-page .news-list-main .newslist .col-later-news .has-tempvideo h3 a {
        color: #333; }
        .evo-list-blog-page .news-list-main .newslist .col-later-news .has-tempvideo h3 a:hover, .evo-list-blog-page .news-list-main .newslist .col-later-news .has-tempvideo h3 a:focus {
          color: #311707; }
  .evo-list-blog-page .news-list-main .newslist .col-later-news li {
    border-top: 1px solid #eee;
    margin-top: 7px; }
    .evo-list-blog-page .news-list-main .newslist .col-later-news li h3 {
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 0;
      color: #333;
      margin-top: 10px;
      word-break: break-word; }
      .evo-list-blog-page .news-list-main .newslist .col-later-news li h3 a {
        color: #333; }
        .evo-list-blog-page .news-list-main .newslist .col-later-news li h3 a:hover, .evo-list-blog-page .news-list-main .newslist .col-later-news li h3 a:focus {
          color: #311707; }
  .evo-list-blog-page .list-blogs .blog-item {
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .evo-list-blog-page .list-blogs .blog-item {
        margin-bottom: 10px;
        border-bottom: 1px solid #f5f5f5;
        padding-bottom: 10px; } }
    .evo-list-blog-page .list-blogs .blog-item .blog-item-thumbnail {
      float: left;
      width: 240px;
      height: auto;
      margin-right: 10px;
      overflow: hidden; }
      @media (max-width: 480px) {
        .evo-list-blog-page .list-blogs .blog-item .blog-item-thumbnail {
          width: 100px;
          margin-right: 5px; } }
    .evo-list-blog-page .list-blogs .blog-item .blog-item-mains {
      padding-left: 250px; }
      @media (max-width: 480px) {
        .evo-list-blog-page .list-blogs .blog-item .blog-item-mains {
          padding-left: 105px; } }
      .evo-list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-name {
        display: block;
        font-size: 16px;
        color: #333;
        font-weight: 600;
        letter-spacing: .5px;
        word-break: break-word; }
        @media (max-width: 480px) {
          .evo-list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-name {
            letter-spacing: 0; } }
        .evo-list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-name a {
          color: #333; }
          .evo-list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-name a:hover, .evo-list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-name a:focus {
            color: #311707; }
        @media (max-width: 480px) {
          .evo-list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-name {
            font-size: 13px;
            font-weight: 500; } }
      .evo-list-blog-page .list-blogs .blog-item .blog-item-mains .post-time {
        font-size: 12px;
        color: #9b9b9b;
        margin: 0 10px 0 0; }
      .evo-list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-summary {
        color: #4d4d4d;
        word-break: break-word; }
        @media (max-width: 767px) {
          .evo-list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-summary {
            display: none; } }

.single_image_effect {
  display: block;
  position: relative;
  overflow: hidden; }
  @media (max-width: 767px) {
    .single_image_effect {
      margin-top: 7px; } }
  .single_image_effect:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .single_image_effect:hover:before {
    -webkit-animation: circle 0.75s;
    -ms-animation: circle 0.75s;
    -o-animation: circle 0.75s;
    animation: circle 0.75s; }

@-ms-keyframes
circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@-o-keyframes
circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@-webkit-keyframes
circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@keyframes
circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

.aside-item.collection-category {
  padding: 10px;
  background-color: #fff;
  border-radius: 4px; }
  @media (max-width: 767px) {
    .aside-item.collection-category {
      border: 1px solid #f5f5f5; } }
  .aside-item.collection-category .aside-title {
    border-bottom: 1px solid #f5f5f5;
    margin: 0 0 10px;
    padding: 0 0 10px 0px;
    font-size: 14px;
    position: relative;
    color: #222; }
    .aside-item.collection-category .aside-title .title-head {
      font-size: 14px;
      font-weight: bold;
      color: #222;
      margin-bottom: 0;
      text-transform: uppercase; }
  .aside-item.collection-category .aside-content .navbar-pills .nav-item a {
    font-size: 14px;
    padding-left: 0px;
    padding-right: 25px;
    color: #1c1c1c;
    white-space: normal;
    position: relative;
    display: table;
    width: 100%; }
    .aside-item.collection-category .aside-content .navbar-pills .nav-item a:hover, .aside-item.collection-category .aside-content .navbar-pills .nav-item a:focus {
      color: #311707;
      background-color: transparent; }
    .aside-item.collection-category .aside-content .navbar-pills .nav-item a i.fa-caret-right {
      display: table-cell;
      width: 10px !important; }
  .aside-item.collection-category .aside-content .navbar-pills .nav-item .Collapsible__Plus {
    position: absolute;
    right: 0px;
    top: calc(50% - (20px / 2));
    width: 20px;
    height: 20px; }
    .aside-item.collection-category .aside-content .navbar-pills .nav-item .Collapsible__Plus::before, .aside-item.collection-category .aside-content .navbar-pills .nav-item .Collapsible__Plus::after {
      position: absolute;
      content: '';
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(-90deg);
      transform: translate(-50%, -50%) rotate(-90deg);
      background-color: currentColor;
      -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; }
    .aside-item.collection-category .aside-content .navbar-pills .nav-item .Collapsible__Plus::before {
      width: 11px;
      height: 1px;
      opacity: 1; }
    .aside-item.collection-category .aside-content .navbar-pills .nav-item .Collapsible__Plus::after {
      width: 1px;
      height: 11px; }
  .aside-item.collection-category .aside-content .navbar-pills .nav-item.active > .Collapsible__Plus::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg); }
  .aside-item.collection-category .aside-content .navbar-pills .nav-item.active > .Collapsible__Plus::before {
    opacity: 0; }
  .aside-item.collection-category .aside-content .navbar-pills .nav-item .dropdown-menu {
    margin: 0;
    padding: 0;
    -webkit-transition: left 0.3s ease 0s, opacity 0.3s;
    transition: left 0.3s ease 0s, opacity 0.3s; }
    .aside-item.collection-category .aside-content .navbar-pills .nav-item .dropdown-menu .nav-item a {
      padding: 5px 10px;
      padding-right: 25px; }
    .aside-item.collection-category .aside-content .navbar-pills .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item a {
      padding: 5px 20px; }
    .aside-item.collection-category .aside-content .navbar-pills .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item a {
      padding: 5px 30px; }

.aside-item.top-news {
  padding: 10px;
  background-color: #fff;
  border-radius: 4px; }
  @media (max-width: 767px) {
    .aside-item.top-news {
      border: 1px solid #f5f5f5; } }
  .aside-item.top-news .aside-title {
    border-bottom: 1px solid #f5f5f5;
    margin: 0 0 10px;
    padding: 0 0 10px 0px;
    font-size: 14px;
    position: relative;
    color: #222; }
    .aside-item.top-news .aside-title .title-head {
      font-size: 14px;
      font-weight: bold;
      color: #222;
      margin-bottom: 0;
      text-transform: uppercase; }
      .aside-item.top-news .aside-title .title-head a {
        color: #222; }
        .aside-item.top-news .aside-title .title-head a:hover, .aside-item.top-news .aside-title .title-head a:focus {
          color: #311707; }
  .aside-item.top-news .listpost li {
    padding: 10px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #e5e5e5; }
    .aside-item.top-news .listpost li label {
      float: left;
      padding: 5px 10px 0 10px;
      background: #311707;
      color: #fff;
      font-weight: 500;
      font-size: 18px;
      line-height: 20px;
      position: relative;
      margin-right: 10px;
      border-radius: 4px 4px 0 0;
      margin-bottom: 7px;
      width: 30px;
      text-align: center; }
      .aside-item.top-news .listpost li label:after {
        content: "";
        border-top: 10px solid #311707;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        position: absolute;
        bottom: -10px;
        left: 0; }
    .aside-item.top-news .listpost li .colu {
      float: left;
      width: calc(100% - 40px);
      line-height: 1.1; }
      .aside-item.top-news .listpost li .colu a {
        color: #000; }
        .aside-item.top-news .listpost li .colu a:hover, .aside-item.top-news .listpost li .colu a:focus {
          color: #311707; }
    .aside-item.top-news .listpost li:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }