:root {
  --main-blue-color: #005890;
  --main-green-color: #149975;
  --white-color:#fff;
  --grey-color: #f2f2f2;
  --grey-color-dark: #c8c8c8;
}
.news .main-info-news {
  background: url(../images/bg-news-1.png) no-repeat;
  background-size: cover;
  background-position: top;
  overflow: hidden;
  margin-top: 76px;
}
.main-news .btn-default {
  margin-top: 30px;
}
.news .main-info-news .info-news .relate-news .main-title{
  color: var(--main-blue-color) !important;
  padding: 15px;
  font-size: 18px !important;
  padding: 0 !important;
}
.news .relate-news .content-des .main-title::after {
  content: "";
  position: absolute;
  background: var(--main-blue-color) !important;
  width: 80px;
  height: 5px !important;
  left: 15px;
  margin-top: 25px;
}
.news .main-info-news .info-news .main-title{
  color: var(--main-blue-color) !important;
  margin: 0;
}
.main-news img {
  padding: 10px;
}
.main-news .news-box .news-box_img {
  position: relative;
  height: 350px;
  margin-top: 10px;
  min-width: 100%;
  overflow: hidden;
}
.main-news .news-box .news-box_img img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%s;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
  @media only screen and (max-width: 414px) {
    .main-news .news-box .news-box_img {
      height: 220px !important;
      margin-top: 10px;
    }
    .main-info-news .info-news .main-title {
      margin-bottom: 0;
    }
    .main-info-news.news .relate-news .row {
      height: auto!important;
      margin-bottom: 0;
    }
  }
  @media only screen and (max-width: 767px) {
    .pagination {
      margin-left: 10px !important;
    }
    .pagination>li>a {
      font-size: 14px !important;
    }
    .main-news .news-box .news-box_img {
      height: 300px;
      margin-top: 10px;
    }
  }
  @media only screen and (min-width: 1366px) {
    .main-news .news-box .news-box_img {
      height: 300px !important;
      margin-top: 10px;
    }
    .thumbnail-img {
        width: 186px !important;
        height: 130px !important;
        overflow: hidden !important;
    }
  }
  @media only screen and (min-width: 992px)  and (max-width: 1023px) {
    .main-news .news-box .news-box_img {
      height: 250px !important;
      margin-top: 10px;
    }
    .relate-news {
      padding: 10px 0 !important;
    }
    .thumbnail-img {
      height: 100px !important;
      width: 140px !important;
      overflow: hidden;
    }
    .news .relate-news .row {
      height: auto !important;
    }
    .news .relate-news .content-des p, .relate-news .content-des .main-title {
      color: var(--black-color) !important;
      font-weight: normal !important;
      font-size: 14px !important;
    }
    .news .relate-news .content-des p, .relate-news .content-des .main-title:hover {
      color: var(--main-blue-color) !important;
    }
    .news .relate-news .content-des p, .relate-news .content-des p {
      display: none !important;
    }
    .pagination>li>a {
      font-size: 12px !important;
    }
  }
  @media only screen and (min-width: 1040px) and (max-width: 1365px) {
    .relate-news {
      padding: 10px 0 !important;
    }
    .thumbnail-img {
      height: 120px !important;
      width: 160px !important;
      overflow: hidden;
    }
    .news .relate-news .row {
      height: auto !important;
    }
  }
  @media only screen and (min-width: 1024px) and (max-width: 1039px) {
    .main-news .news-box .news-box_img {
      height: 250px !important;
      margin-top: 10px;
    }
    .relate-news {
      padding: 10px 0 !important;
    }
    .thumbnail-img {
      height: 100px !important;
      width: 140px !important;
      overflow: hidden;
    }
    .news .relate-news .row {
      height: auto !important;
    }
    .news .relate-news .content-des p, .relate-news .content-des .main-title {
      color: var(--black-color) !important;
      font-weight: normal !important;
      font-size: 14px !important;
    }
    .news .relate-news .content-des p, .relate-news .content-des p {
      display: none !important;
    }
  }
  @media only screen and (min-width: 768px)  and (max-width: 1023px) {
    .main-news .news-box .news-box_img {
      height: 300px !important;
    }
  }
.news .news-box_text {
  padding: 30px;
  line-height: 28px !important;
}
.news .main-info-news .info-news {
  display: block !important;
  padding-left: 0;
}
.news .change-styles .social-icon a {
  background: var(--white-color) !important;
  color: var(--main-blue-color);
}
p.small {
  color:var(--grey-color-dark) !important;
  font-size: 0.75rem !important;
  padding: 10px 0 5px;
}
.news .info-news img {
  max-width: 100%;
}
.news .main-info-news .internal-news {
  margin-right: 0;
  padding-right: 0;
  padding-top: 100px;
  background: var(--white-color);
  margin: 0 150px;

}
.news .main-info-news .internal-news .grid .row:not(:first-child) {
  margin-top: 50px;
}
.news .info-news {
  margin: auto;
}
.pagination {
  display: flex;
  margin: 30px 0;
  flex-wrap: wrap;
}
.pagination>.active>a, .pagination> li:hover >a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>a:focus {
    z-index: 2;
    cursor: default;
    color: var(--white-color);
    background-color: var(--main-blue-color);
}
.pagination>li {
  margin-bottom: 12px;
}
.pagination>li>a {
  padding: 6px 16px !important;
  margin-left: 3px;
  margin-right: 3px;
  line-height: 1.42857143;
  color: var(--main-blue-color);
  background-color: var(--grey-color);
  border: 0px;
  font-size: 20px;
}
.pagination>li>a.page-prev, .pagination>li>span.page-prev,.pagination>li>a.page-next, .pagination>li>span.page-next {
  background-color:  var(--white-color);
  color: var(--grey-color);
}
.pagination>li>a.page-prev, .pagination>li>span.page-prev{
  position: absolute;
  right: 60px;
}
.pagination>li>a.page-next, .pagination>li>span.page-next{
  position: absolute;
  right: 0px;
}

.relate-news {
  background: var(--white-color);
  padding: 15px;
  /* box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
   */
}
.news .relate-news .content-des p, .relate-news .content-des {
  font-size: 16px;
}
.news-box {
  /* margin: 0 -15px 50px !important; */
  position: relative;
  background: var(--white-color);
  /* box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12) */
}
.padd-lr-internal-news {
  padding: 0 70px;
}
.news-box__text {
  position: /* REVIEW:  */;
  left: 0;
  width: 100%;
  color:var(--white-color) !important;
  padding: 30px;
}
.news-box__text_2 {
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
  color:var(--white-color) !important;
  opacity: 1 !important;
  padding: 30px;
}
.news-box__img img.portrait:nth-child(2) {
  filter: none !important;
}
.news-box__img img.portrait:hover {
  cursor: pointer;
  filter: none !important;
  opacity: 1 !important;
}
.news-box__text h3.main-title a {
  color:var(--white-color) !important;
}
 @media only screen and (min-width: 1367px) and (max-width:1500px){
    .thumbnail-img {
      position: relative;
      height: 200px;
      width: 190px !important;
      overflow: hidden;
    }
  }
  @media only screen and (min-width: 1601px){
    .main-news .news-box .news-box_img {
      height: 500px !important;
      margin-top: 15px;
    }
    .thumbnail-img {
      height: 180px !important;
      width: 240px !important;
      overflow: hidden;
    }
  }
  @media only screen and (min-width: 1501px) and (max-width:1600px){
    .thumbnail-img {
      height: 150px;
      width: 220px;
      overflow: hidden;
    }
  }
  @media only screen and (max-width: 1229px) {
    .thumbnail-img {
      height: 300px;
      width: 150px;
      overflow: hidden;
    }
  }
  @media only screen and (max-width: 414px) {
    .thumbnail-img {
      height: 200px;
      width: 150px;
      overflow: hidden;
    }
    .news .content-des p, .news-box__desc {
      line-height: unset !important;
    }
  }

.thumbnail-img {
  position: relative;
}
.thumbnail-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail-img img.portrait {
  width: 100%;
  /* height: auto; */
}

.news-box__img_big {
  position: relative;
  width: 600px !important;
  max-width: 100%;
  height: 500px;
  overflow: hidden;
}
.news-box__img_big img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 700px;
  width: auto;
  max-width: inherit !important;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.news-box__img_big img.portrait {
  width: 100%;
  height: auto;
}

.news-box__img {
  position: relative;
  width: 800px;
  max-width: 100%;
  height: 550px;
  /* overflow: hidden; */
}
.news-box__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 550px;
  width: auto;
  max-width: inherit !important;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.news-box__img img.portrait {
  width: auto;
  height: 550px;
  /* filter: brightness(0.5) */
}
.news-box__text {
  margin: 20px 0 30px;
}
.news-box__desc {
  margin-bottom: 20px;
}
.news-box__date {
  color:var(--grey-color-dark) !important;
  font-size: 0.75rem !important;
  padding: 10px 0 5px;
  font-family: 'GillSansVU';
}
.news .content-des, .news-box__desc {
  font-family: 'GillSansVU';
}
.hot-news {
  margin: 0 15px 50px;
  position: relative;
  max-width: 1480px;
  background:var(--white-color) !important;
}
/* .hot-news::after {
  content: "";
  position: absolute;
  left:0;
  right: 0;
  bottom:0;
  width: 98%;
  border-bottom: 1px #f2f2f2 solid;
  margin: auto;
} */
.news-box__text .main-title a {
  color:var(--main-blue-color) !important;
}
.news .content-des .main-title {
    font-size: 16px !important;
}
.main-info-news .info-news .news-box__text .main-title {
    height: 70px !important;
    overflow: hidden;
}
.news .content-des p, .news-box__desc {
  font-size: 18px;
  line-height: 25px;
}
.news .relate-news .content-des a.btn-default {
  color: var(--main-blue-color) !important;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  font-size: 16px;

}
.news .relate-news .row {
  margin-bottom: 0;
  height: 235px;
  overflow: hidden;
}
.news .relate-news .content-des .btn-default {
  background: none !important;
}
.news .content-des .main-title::after {
  content:"";
  position: absolute;
  background: var(--main-green-color);
  width: 80px;
  height: 5px;
  left: 15px;
  margin-top: 40px;
}
.news footer {
  margin-top: -10px;
}


@media only screen and (max-width: 991px) {
.thumbnail-news {
    height: 100px;
    overflow: hidden;
  }
}