/*** Colors ***/
/*** New colors ***/
/*** End New colors ***/
/* line 3, blog.scss */
.blog-list {
  display: flex;
  flex-wrap: wrap;
  margin: -70px 0 0 -40px; }
  /* line 8, blog.scss */
  .blog-list--item {
    position: relative;
    flex: 100%;
    max-width: calc(33.333% - 40px);
    margin: 70px 0 0 40px; }
    /* line 16, blog.scss */
    .blog-list--item:hover .image img {
      transform: scale(1); }
    /* line 20, blog.scss */
    .blog-list--item:hover .title {
      color: #E71A00; }
    /* line 25, blog.scss */
    .blog-list--item span {
      display: block; }
    /* line 29, blog.scss */
    .blog-list--item .image {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 69%;
      overflow: hidden;
      z-index: 1; }
      /* line 37, blog.scss */
      .blog-list--item .image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 357px;
        transform: scale(1.2);
        transition: .3s;
        object-fit: cover; }
    /* line 50, blog.scss */
    .blog-list--item .info {
      padding-top: 28px; }
    /* line 54, blog.scss */
    .blog-list--item .title {
      font-weight: bold;
      transition: .3s; }
    /* line 59, blog.scss */
    .blog-list--item .description {
      margin-top: 14px;
      font-size: 20px;
      line-height: 140%; }
    /* line 65, blog.scss */
    .blog-list--item .date {
      margin-top: 28px;
      font-size: 16px;
      color: #818181; }

/* line 75, blog.scss */
.article-detail .date {
  font-size: 16px;
  color: #818181; }
/* line 80, blog.scss */
.article-detail .social-wrap {
  margin-top: 80px; }
  /* line 83, blog.scss */
  .article-detail .social-wrap .label {
    flex: 2;
    padding-right: 20px;
    font-size: 16px;
    color: #8C8C8C; }
  /* line 90, blog.scss */
  .article-detail .social-wrap .social {
    flex: 1; }
/* line 95, blog.scss */
.article-detail .social {
  display: flex;
  flex-wrap: wrap;
  margin: -12px 0 0 -12px; }
  /* line 100, blog.scss */
  .article-detail .social--item {
    margin: 12px 0 0 12px; }

/* line 108, blog.scss */
.article-content-wrap .content {
  flex: 1;
  font-size: 20px;
  line-height: 140%; }
  /* line 113, blog.scss */
  .article-content-wrap .content p {
    margin-top: 30px; }
    /* line 116, blog.scss */
    .article-content-wrap .content p:first-child {
      margin-top: 0; }
  /* line 121, blog.scss */
  .article-content-wrap .content img {
    margin-bottom: 1rem; }
  /* line 125, blog.scss */
  .article-content-wrap .content .images {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 20px 0 0 -20px; }
    /* line 131, blog.scss */
    .article-content-wrap .content .images img {
      flex: 100%;
      max-width: calc(50% - 20px);
      height: auto;
      margin: 20px 0 0 20px;
      object-fit: cover;
      border-radius: 8px; }
/* line 142, blog.scss */
.article-content-wrap .image {
  flex: 1;
  max-width: 394px; }
  /* line 146, blog.scss */
  .article-content-wrap .image img {
    object-position: top; }

/* line 152, blog.scss */
.quote {
  margin-top: 30px;
  padding: 20px 30px 20px 34px;
  background: #F8F8F8;
  color: #2D2D2D;
  border-left: 4px solid #E71A00; }
  /* line 160, blog.scss */
  .quote:first-child {
    margin-top: 0; }
  /* line 164, blog.scss */
  .quote strong {
    font-weight: 600; }

/* line 169, blog.scss */
.article-contacts-wrap {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #E8E8E8; }
  /* line 174, blog.scss */
  .article-contacts-wrap .label {
    flex: 1;
    max-width: 513px;
    padding-right: 40px; }

/* line 181, blog.scss */
.article-contacts {
  flex: 1;
  font-size: 20px; }
  /* line 185, blog.scss */
  .article-contacts--item {
    margin-top: 40px; }
    /* line 188, blog.scss */
    .article-contacts--item:first-child {
      margin-top: 0; }
  /* line 193, blog.scss */
  .article-contacts svg {
    width: 24px;
    height: 24px;
    min-width: 24px; }
  /* line 199, blog.scss */
  .article-contacts img {
    height: auto; }
  /* line 203, blog.scss */
  .article-contacts .title {
    font-weight: 600; }

/* line 208, blog.scss */
.article-slider-wrap {
  margin-top: 130px; }

/* line 212, blog.scss */
.article-slider {
  margin-top: 60px; }
  /* line 215, blog.scss */
  .article-slider .image {
    position: relative;
    padding-bottom: 95%; }
    /* line 219, blog.scss */
    .article-slider .image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  /* line 228, blog.scss */
  .article-slider .date {
    font-size: 16px;
    color: #2D2D2D; }

/*** Media ***/
@media (max-width: 1441px) {
  /* line 242, blog.scss */
  .blog-list--item .title {
    font-size: 25px; }
  /* line 246, blog.scss */
  .blog-list--item .description {
    font-size: 18px; } }
@media (max-width: 1281px) {
  /* line 254, blog.scss */
  .article-contacts {
    font-size: 16px; }
    /* line 257, blog.scss */
    .article-contacts--item {
      margin-top: 20px; }

  /* line 264, blog.scss */
  .article-slider .title {
    font-size: 18px; } }
@media (max-width: 1025px) {
  /* line 272, blog.scss */
  .blog-list {
    margin: -50px 0 0 -20px; }
    /* line 275, blog.scss */
    .blog-list--item {
      max-width: calc(33.333% - 20px);
      margin: 50px 0 0 20px; }
      /* line 279, blog.scss */
      .blog-list--item .title {
        font-size: 20px; }
      /* line 283, blog.scss */
      .blog-list--item .description {
        font-size: 14px; }

  /* line 289, blog.scss */
  .article-content-wrap .content {
    font-size: 18px; }

  /* line 293, blog.scss */
  .article-slider-wrap {
    margin-top: 80px; } }
@media (max-width: 769px) {
  /* line 300, blog.scss */
  .blog-list--item {
    max-width: calc(50% - 20px); }
    /* line 303, blog.scss */
    .blog-list--item .date {
      margin-top: 15px; }

  /* line 308, blog.scss */
  .article-detail .social-wrap {
    margin-top: 40px; }

  /* line 314, blog.scss */
  .article-content-wrap .image {
    max-width: 100%; }
  /* line 318, blog.scss */
  .article-content-wrap .content {
    font-size: 14px; }

  /* line 323, blog.scss */
  .quote {
    padding: 20px; }

  /* line 327, blog.scss */
  .article-slider {
    margin-top: 40px; } }
@media (max-width: 561px) {
  /* line 334, blog.scss */
  .article-content-wrap .content .images img {
    max-width: calc(100% - 20px); } }
@media (max-width: 426px) {
  /* line 341, blog.scss */
  .blog-list--item {
    max-width: calc(100% - 20px); }

  /* line 347, blog.scss */
  .article-slider .image {
    padding-bottom: 75%; } }