.latest-news {
  background-color: #fff; }
  .latest-news .latest-news-wrap {
    padding: 98px 0 61px 0;
    margin: 0 auto;
    max-width: 1140px; }
    .latest-news .latest-news-wrap .title-block {
      padding-bottom: 48px; }
    .latest-news .latest-news-wrap .news-posts {
      display: flex;
      margin: 0 -15px; }
      .latest-news .latest-news-wrap .news-posts::after {
        content: "";
        display: table;
        clear: both; }
    .latest-news .latest-news-wrap .btn-see-all-news {
      text-align: center;
      padding: 60px 20px 0; }
      .latest-news .latest-news-wrap .btn-see-all-news a {
        display: inline-block;
        margin: 0;
        float: none; }

.news-post-wrapper {
  width: 33.33333%;
  padding: 0 15px;
  box-sizing: border-box;
  float: left; }
  .news-post-wrapper .news-post {
    position: relative;
    padding-bottom: 30px;
    background: #ebebeb;
    height: 100%;
    margin-bottom: 30px; }
    .news-post-wrapper .news-post .img-new-wrap a {
      display: block;
      background-color: #000000;
      height: 100%; }
      .news-post-wrapper .news-post .img-new-wrap a:hover img {
        opacity: .7; }
      .news-post-wrapper .news-post .img-new-wrap a img {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: all .5s ease-in-out; }
    .news-post-wrapper .news-post .news-details {
      padding: 35px; }
    .news-post-wrapper .news-post h4 {
      font-family: 'graphik_regularregular';
      font-size: 26px;
      line-height: 34px;
      color: #888;
      margin-bottom: 30px; }
    .news-post-wrapper .news-post a.btn-read-more {
      position: absolute;
      display: block;
      bottom: 30px;
      left: 35px;
      font-family: 'graphik_regularregular';
      font-size: 18px;
      line-height: 20px;
      color: #12aea4; }
      .news-post-wrapper .news-post a.btn-read-more:hover {
        text-decoration: underline; }

time {
  display: block;
  font-family: 'graphik_mediummedium';
  font-size: 19px;
  line-height: 27px;
  color: #888;
  margin-bottom: 30px;
  text-transform: uppercase; }

@media only screen and (max-width: 1200px) {
  .latest-news .latest-news-wrap {
    padding: 48px 60px 61px;
    box-sizing: border-box; }
    .latest-news .latest-news-wrap h4 {
      font-size: 24px;
      line-height: 30px; } }
@media only screen and (max-width: 979px) {
  .latest-news .latest-news-wrap {
    padding: 30px 20px 30px; }
    .latest-news .latest-news-wrap .title-block {
      padding-bottom: 28px; }
    .latest-news .latest-news-wrap .news-posts {
      display: block;
      margin: 0; }
    .latest-news .latest-news-wrap .btn-see-all-news {
      text-align: center;
      padding: 0px 20px 0; }
      .latest-news .latest-news-wrap .btn-see-all-news a {
        display: inline-block;
        margin: 0;
        float: none; }

  .news-post-wrapper {
    width: 100%;
    padding: 0;
    float: none;
    clear: both;
    overflow: hidden; }
    .news-post-wrapper .news-post {
      padding-bottom: 0;
      display: flex; }
      .news-post-wrapper .news-post .img-new-wrap {
        width: 50%;
        float: left; }
      .news-post-wrapper .news-post .news-details {
        float: right;
        width: 50%;
        padding: 25px;
        box-sizing: border-box; }
      .news-post-wrapper .news-post a.btn-read-more {
        position: static; }

  .keep-reading .news-post-wrapper {
    margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
  .news-post-wrapper .news-post {
    margin-bottom: 30px;
    display: block; }
    .news-post-wrapper .news-post .img-new-wrap {
      width: 100%;
      clear: both;
      float: none; }
    .news-post-wrapper .news-post .news-details {
      width: 100%;
      float: none;
      clear: both;
      padding: 25px;
      box-sizing: border-box; } }
.blog-title {
  background: #ebebeb;
  text-align: center;
  padding: 50px 0; }

.latest-news .posts-grid .news-posts {
  display: block; }
  .latest-news .posts-grid .news-posts .news-post-wrapper:nth-child(3n+1) {
    clear: both; }

body.single-post {
  background-color: #fff; }

.column-size {
  max-width: 946px;
  margin: 0 auto; }

.intro-news-article-wrap {
  margin-top: 95px;
  margin-bottom: 80px; }
  .intro-news-article-wrap time {
    margin-bottom: 40px; }
  .intro-news-article-wrap p {
    font-family: 'graphik_regularregular';
    font-size: 17px;
    line-height: 25px;
    color: #888; }
  .intro-news-article-wrap h3 {
    font-family: 'graphik_regularregular';
    font-size: 30px;
    line-height: 38px;
    color: #a7a7a7; }

.keep-reading {
  max-width: 1140px;
  margin: 0 auto 90px; }
  .keep-reading .news-posts-wrap {
    display: flex; }
  .keep-reading::after {
    content: "";
    display: table;
    clear: both; }
  .keep-reading .title-block {
    margin-bottom: 35px; }

@media only screen and (max-width: 1200px) {
  .column-size,
  .keep-reading {
    padding: 0 60px; } }
@media only screen and (max-width: 979px) {
  .column-size,
  .keep-reading {
    padding: 0 35px; }

  .intro-news-article-wrap {
    margin-top: 60px;
    margin-bottom: 50px; }
    .intro-news-article-wrap time {
      margin-bottom: 30px; }
    .intro-news-article-wrap h3 {
      font-size: 25px;
      line-height: 33px; }

  .keep-reading {
    margin-bottom: 60px; }
    .keep-reading .news-posts-wrap {
      display: block; }
    .keep-reading .title-block {
      margin-bottom: 25px; } }
@media only screen and (max-width: 767px) {
  .column-size,
  .keep-reading {
    padding: 0 20px; }

  .intro-news-article-wrap {
    margin-top: 45px;
    margin-bottom: 35px; }
    .intro-news-article-wrap time {
      margin-bottom: 20px; }
    .intro-news-article-wrap h3 {
      font-size: 18px;
      line-height: 26px; }

  .keep-reading {
    margin-bottom: 45px; }

  .title-block {
    margin-bottom: 15px; }

  .blog-title .title-block {
    margin-bottom: 0;
    padding-bottom: 0; }

  .title-block,
  h1.title-block {
    font-size: 42px;
    line-height: 52px; } }
@media only screen and (min-width: 980px) {
  .flex-row {
    display: flex;
    margin-bottom: 30px; } }

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