.news-details.pad-top{padding-top:240px}.news{position:relative;width:102%;margin-left:-1%;margin-top:80px}.news ._3{width:31.33%;margin:0 1%;float:left;padding-bottom:90px;position:relative}.news h3{font-size:25px;line-height:31px;color:#2a7239;padding-top:30px}.news .date{position:absolute;bottom:20px;border-top:1px solid #ccc;left:28px;width:calc(100% - 56px);padding-top:4px}.news .txt{display:block;padding:0 28px}.news .img{position:relative;padding-top:calc(310 / 460 * 100%);display:block;margin:0;transform:translateY(0);transition:all ease .8s;border-radius:6px;overflow:hidden}
.news ._3:hover{background:#fff;-webkit-box-shadow:0 -1px 13px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 13px 0 rgba(0,0,0,.1);box-shadow:0 -1px 13px 0 rgba(0,0,0,.1);transform:translateY(-10px)}.read-more{position:absolute;left:28px;bottom:56px;margin:0;font-weight:600;color:#5e9f40;padding-right:31px;text-transform:uppercase}
.read-more::after{content:"";width:17px;height:10px;display:block;position:absolute;right:4px;top:50%;background:url("../content/arr.svg") no-repeat 0 0;background-size:14px;margin-top:-5px}.read-more:hover::after{right:0}
.news{text-align:left;}

@media only screen and (max-width: 1380px){
.top-news h3, .top-news h1, .top-grad h3, .top-grad h1{
    font-size: 53px;
    line-height: 70px;
}
}
@media only screen and (max-width: 1280px){
  .top-news, .top-grad{
    padding-top:80px
  }
  .top-news.news-details-top ._3{
    padding-bottom: 80px;
  }
  .news-details.pad-top {
    padding-top:150px;
  }
}
@media only screen and (max-width: 1000px){
    .news {
        margin-top: 0;
        }
  .news-details.pad-top {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 980px){.news ._3{width:48%;margin-bottom:40px}}
@media only screen and (max-width: 640px){
  .news ._3:hover {
    -webkit-box-shadow: 0 -1px 13px 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 13px 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 13px 0 rgba(0,0,0,0);
    transform: translateY(0px);
  }
  .top-news h3, .top-news h1, .top-grad h3, .top-grad h1 {
    font-size: 34px;
    line-height: 40px;
  }

    .news ._3{width:98%}
    .news .txt {
        display: block;
        padding: 0;
      }
      .news .txt {
        padding: 0;
      }

      .news .date {
        left: 0;
          width: 100%;
      }
      .read-more{left:0}
}