.cy_tnc_archive {
  font-family: "Open Sans", sans-serif;
  padding: 40px 0 40px;
  background-color: #fff; }
  @media screen and (max-width: 767px) {
    .cy_tnc_archive {
      padding-top: 40px; } }
  .cy_tnc_archive .page-title {
    font-size: 25px;
    line-height: 32px;
    color: #051B26;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px; }
    .cy_tnc_archive .page-title:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: auto;
      width: 180px;
      max-width: 100%;
      margin: 0 auto;
      height: 3px;
      background: #be0c11; }
  .cy_tnc_archive .post-item {
    float: left;
    width: 100%;
    margin-bottom: 20px; }
    .cy_tnc_archive .post-item .img-box {
      float: left;
      width: 230px;
      height: 190px;
      overflow: hidden; }
      .cy_tnc_archive .post-item .img-box img {
        max-width: none;
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        -webkit-transition: all 0.7s ease;
        -moz-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease; }
      .cy_tnc_archive .post-item .img-box:hover img {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
    .cy_tnc_archive .post-item .info {
      overflow: hidden;
      padding-left: 10px; }
      .cy_tnc_archive .post-item .info__title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        max-height: 48px;
        text-transform: uppercase;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #474747;
        -webkit-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
        font-weight: bold; }
        .cy_tnc_archive .post-item .info__title a {
          color: inherit; }
        .cy_tnc_archive .post-item .info__title:hover {
          color: #be0c11; }
      .cy_tnc_archive .post-item .info__date {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px; }
        .cy_tnc_archive .post-item .info__date .far {
          color: #be0c11; }
      .cy_tnc_archive .post-item .info__desc {
        text-align: justify;
        text-align-last: left;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        font-size: 15px;
        line-height: 22px;
        height: 88px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
  @media screen and (max-width: 559px) {
    .cy_tnc_archive .post-list .post-item .img-box {
      width: 100%;
      margin-bottom: 5px;
      height: 220px;
      float: none; }
    .cy_tnc_archive .post-list .post-item .info {
      overflow: visible;
      padding-left: 0;
      padding-top: 5px; } }
  .cy_tnc_archive .aside .search-form {
    margin-bottom: 20px;
    padding: 10px 0; }
    .cy_tnc_archive .aside .search-form form {
      display: -ms-flex;
      display: flex; }
      .cy_tnc_archive .aside .search-form form input {
        border: 1px solid #dcdcdc;
        padding: 0 10px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        flex-grow: 1;
        height: 40px; }
      .cy_tnc_archive .aside .search-form form button {
        height: 40px;
        width: 40px;
        margin-left: 5px;
        flex-shrink: 0;
        border: none;
        background-color: #be0c11;
        border-radius: 3px;
        color: #fff;
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        -ms-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease; }
        .cy_tnc_archive .aside .search-form form button:hover {
          background-color: #9e0004; }
  .cy_tnc_archive .aside .aside-title {
    text-transform: uppercase;
    color: #474747;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
    font-weight: bold; }
    .cy_tnc_archive .aside .aside-title span {
      position: relative;
      padding-left: 20px; }
      .cy_tnc_archive .aside .aside-title span:after {
        content: "";
        width: 5px;
        top: 0;
        bottom: 0;
        left: 0;
        background: #ff0019;
        background: -moz-linear-gradient(top, #ff0019 0%, #be0c11 100%);
        background: -webkit-linear-gradient(top, #ff0019 0%, #be0c11 100%);
        background: linear-gradient(to bottom, #ff0019 0%, #be0c11 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$sub-color', endColorstr='$main-color',GradientType=0 );
        position: absolute;
        -moz-transform: skewX(-20deg);
        -webkit-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        transform: skewX(-20deg); }
      .cy_tnc_archive .aside .aside-title span:before {
        content: "";
        width: 3px;
        top: 0;
        bottom: 0;
        left: 8px;
        background: #ff0019;
        background: -moz-linear-gradient(top, #ff0019 0%, #be0c11 100%);
        background: -webkit-linear-gradient(top, #ff0019 0%, #be0c11 100%);
        background: linear-gradient(to bottom, #ff0019 0%, #be0c11 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$sub-color', endColorstr='$main-color',GradientType=0 );
        position: absolute;
        -moz-transform: skewX(-20deg);
        -webkit-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        transform: skewX(-20deg); }
  .cy_tnc_archive .aside .aside-category {
    margin-bottom: 10px; }
    .cy_tnc_archive .aside .aside-category .ul-category li {
      margin-bottom: 5px;
      font-size: 15px;
      line-height: 1.4; }
      .cy_tnc_archive .aside .aside-category .ul-category li a {
        display: inline-block;
        color: inherit;
        -webkit-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease; }
        .cy_tnc_archive .aside .aside-category .ul-category li a:before {
          content: "\f105";
          font-family: "FontAwesome";
          color: inherit; }
        .cy_tnc_archive .aside .aside-category .ul-category li a:hover {
          color: #be0c11; }
  .cy_tnc_archive .aside .aside-posts .item {
    display: -ms-flex;
    display: flex;
    margin-bottom: 10px; }
    .cy_tnc_archive .aside .aside-posts .item + .item {
      border-top: 1px solid #dcdcdc;
      padding-top: 10px; }
    .cy_tnc_archive .aside .aside-posts .item__image {
      width: 80px;
      height: 84px;
      overflow: hidden;
      flex-shrink: 0; }
      .cy_tnc_archive .aside .aside-posts .item__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block; }
    .cy_tnc_archive .aside .aside-posts .item__info {
      padding-left: 10px; }
      .cy_tnc_archive .aside .aside-posts .item__info__title {
        color: #474747;
        font-size: 16px;
        line-height: 23px;
        max-height: 46px;
        display: block;
        display: -webkit-box;
        margin: 0 auto;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 4px;
        font-weight: bold; }
        .cy_tnc_archive .aside .aside-posts .item__info__title a {
          color: inherit;
          -webkit-transition: color 0.3s ease;
          -moz-transition: color 0.3s ease;
          -ms-transition: color 0.3s ease;
          -o-transition: color 0.3s ease;
          transition: color 0.3s ease; }
          .cy_tnc_archive .aside .aside-posts .item__info__title a:hover {
            color: #be0c11; }
      .cy_tnc_archive .aside .aside-posts .item__info__desc {
        font-size: 14px;
        line-height: 20px;
        display: block;
        display: -webkit-box;
        margin: 0 auto;
        -webkit-line-clamp: 2;
        max-height: 40px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: justify;
        text-align-last: left; }

/*# sourceMappingURL=css.css.map */