.transition, .page-contact .contact-form .form-group input, .page-contact .contact-form .form-group label, .page-contact .contact-form .form-group .line {
  -webkit-transition: all 500ms, color 200ms;
  -moz-transition: all 500ms, color 200ms;
  -ms-transition: all 500ms, color 200ms;
  -o-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms; }

.page-contact .contact-form .form-group {
  position: relative; }
  .page-contact .contact-form .form-group input, .page-contact .contact-form .form-group textarea {
    width: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0.75rem 0;
    background: none;
    border-bottom: 1px solid #d5d5d5; }
    .page-contact .contact-form .form-group input:focus ~ label, .page-contact .contact-form .form-group input.not-empty ~ label, .page-contact .contact-form .form-group textarea:focus ~ label, .page-contact .contact-form .form-group textarea.not-empty ~ label {
      top: 0;
      font-size: 12px; }
    .page-contact .contact-form .form-group input:focus ~ .line, .page-contact .contact-form .form-group input.not-empty ~ .line, .page-contact .contact-form .form-group textarea:focus ~ .line, .page-contact .contact-form .form-group textarea.not-empty ~ .line {
      width: 100%; }
    .page-contact .contact-form .form-group input.error ~ label.text, .page-contact .contact-form .form-group textarea.error ~ label.text {
      color: #b6b6b6; }
    .page-contact .contact-form .form-group input.error ~ label.error, .page-contact .contact-form .form-group textarea.error ~ label.error {
      top: 110%;
      font-size: 12px;
      color: #d40505; }
    .page-contact .contact-form .form-group input.error ~ .line, .page-contact .contact-form .form-group textarea.error ~ .line {
      width: 100%;
      background-color: #d40505; }
  .page-contact .contact-form .form-group textarea {
    min-height: 100px; }
  .page-contact .contact-form .form-group label {
    position: absolute;
    right: 0;
    top: 29px; }
  .page-contact .contact-form .form-group .line {
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 50%;
    z-index: 2;
    transform: translateX(50%);
    background-color: #333333; }
.page-contact .contact-form button {
  border-radius: 30px; }
.page-contact .contact-list {
  border: 1px solid #d5d5d5; }
  .page-contact .contact-list .list-item .icon {
    color: #d40505;
    font-size: 24px; }
  .page-contact .contact-list .list-item .details {
    border-right: 1px solid #d5d5d5; }
  .page-contact .contact-list .list-item .title, .page-contact .contact-list .list-item .text {
    font-size: 16px; }
  .page-contact .contact-list .list-item .text {
    color: #adadad; }

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