.l__app {
  overflow: hidden;
}

.contact-container {
  color: #1E1E21;
  padding: 50px 30px;
}
.contact-container .info {
  color: #1E1E21;
  padding: 0;
  line-height: 3.2vw;
}
.contact-container .info h1 {
  font-size: 4.8vw;
  font-weight: 400;
  margin: 0 0 8vw 0;
}
.contact-container .info h2 {
  font-size: 2.666667vw;
  font-weight: bold;
}
.contact-container .info h3 {
  font-size: 2.4vw;
  font-weight: 400;
  color: #888888;
  margin: 3.333333vw 0 1.866667vw 0;
}
.contact-container .info h3.subtitle {
  margin-top: 2.666667vw;
}
.contact-container .info .mobile {
  font-size: 4.266667vw;
  font-weight: bold;
}
.contact-container .info .address, .contact-container .info .siteurl {
  font-size: 2.133333vw;
  font-weight: 400;
  margin-top: 3.466667vw;
}
.contact-container .info .emails {
  font-size: 2.133333vw;
  font-weight: bold;
  line-height: 3.466667vw;
}
.contact-container .info .emails span {
  font-weight: normal;
  color: #A9A8A8;
}
.contact-container .info .hr {
  width: 34.666667vw;
  height: 1px;
  background: #D7D7D7;
  margin: 6.4vw 0;
}
.contact-container .messages {
  padding: 0;
  margin-top: 35px;
}
.contact-container .messages .boder {
  width: 100%;
}
.contact-container .messages .boder .item a {
  display: block;
  position: relative;
  overflow: hidden;
}
.contact-container .messages .boder .item a img, .contact-container .messages .boder .item a i, .contact-container .messages .boder .item a .label {
  transition: all 0.6s;
}
.contact-container .messages .boder .item a img {
  width: 100%;
}
.contact-container .messages .boder .item a i {
  position: absolute;
  color: #fff;
  font-size: 24px;
  right: 3.589%;
  top: 7.675%;
}
.contact-container .messages .boder .item a .label {
  position: absolute;
  left: 4.615%;
  bottom: 18%;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}
.contact-container .messages .boder .item a .label span {
  display: block;
  font-size: 12px;
  margin-top: 8px;
}
.contact-container .messages .boder .item a:hover img {
  transform: scale(1.08);
}
.contact-container .messages .boder .item:nth-child(2) {
  margin-top: 28px;
}

@media screen and (min-width: 968px) {
  .contact-container {
    padding: 8.073vw 9.53125vw 4.21875vw 9.53125vw; /* 155 183 81 183 /19.2 */
    display: flex;
  }
  .contact-container .info {
    flex: 1;
    line-height: 1.25vw;
  }
  .contact-container .info h1 {
    font-size: 1.875vw;
    margin: 0 0 30px 0;
  }
  .contact-container .info h2 {
    font-size: 1.042vw;
  }
  .contact-container .info h3 {
    font-size: 0.9375vw;
    margin: 0.952vw 0 0.3645vw 0;
  }
  .contact-container .info h3.subtitle {
    margin-top: 0.521vw;
  }
  .contact-container .info .mobile {
    font-size: 1.667vw;
  }
  .contact-container .info .address, .contact-container .info .siteurl {
    font-size: 0.833vw;
    margin-top: 0.677vw;
  }
  .contact-container .info .emails {
    font-size: 0.833vw;
    line-height: 1.354vw;
  }
  .contact-container .info .hr {
    width: 13.542vw;
    margin: 1.25vw 0;
  }
  .contact-container .messages {
    margin-top: 0;
    width: 50.78125vw;
    flex-shrink: 0;
  }
  .contact-container .messages .boder {
    position: sticky;
    top: 0;
  }
  .contact-container .messages .boder .item a i {
    font-size: 1.875vw;
  }
  .contact-container .messages .boder .item a .label {
    font-size: 1.25vw;
  }
  .contact-container .messages .boder .item a .label span {
    font-size: 0.729167vw;
  }
  .contact-container .messages .boder .item:nth-child(2) {
    margin-top: 1.458vw;
  }
}