:root{
    --red:#B10C2A;
    --black:#30303A;
    --shade:#676061;
    --white:#ffffff;
  }

  body{
    background:#f7f7f4;
  }

  .contact-page{
    padding:80px 0;
  }

  .contact-wrapper{
    background:#fff;
    box-shadow:0 18px 45px rgba(48,48,58,.08);
    overflow:hidden;
  }

  .contact-info{
    padding:46px 40px;
    height:100%;
  }

  .contact-small{
    color:var(--red);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.18em;
    margin-bottom:12px;
  }

  .contact-title{
    color:var(--black);
    font-size:38px;
    font-weight:900;
    margin-bottom:16px;
  }

  .contact-text{
    color:var(--shade);
    font-size:15px;
    line-height:1.7;
    margin-bottom:28px;
    max-width:520px;
  }

  .contact-line{
    display:flex;
    gap:14px;
    padding:17px 0;
    border-top:1px solid rgba(48,48,58,.09);
  }

  .contact-line i{
    width:42px;
    height:42px;
    min-width:42px;
    background:rgba(177,12,42,.08);
    color:var(--red);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
  }

  .contact-line strong{
    display:block;
    color:var(--black);
    font-size:16px;
    margin-bottom:4px;
  }

  .contact-line span,
  .contact-line a{
    color:var(--shade);
    font-size:15px;
    text-decoration:none;
  }

  .contact-line a:hover{
    color:var(--red);
  }

  .btn-red{
    margin-top:24px;
    background:var(--red);
    color:#fff;
    text-decoration:none;
    padding:14px 24px;
    font-weight:900;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:.08em;
    display:inline-flex;
    align-items:center;
    gap:10px;
  }

  .btn-red:hover{
    background:var(--black);
    color:#fff;
  }

  .contact-map{
    height:100%;
    min-height:430px;
    position:relative;
  }

  .contact-map iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
  }

  .map-label{
    position:absolute;
    left:24px;
    bottom:24px;
    background:#fff;
    padding:16px 18px;
    box-shadow:0 12px 30px rgba(48,48,58,.14);
  }

  .map-label strong{
    display:block;
    color:var(--black);
    font-size:16px;
    font-weight:900;
    margin-bottom:4px;
  }

  .map-label span{
    color:var(--shade);
    font-size:14px;
  }

  @media(max-width:991px){
    .contact-map{
      min-height:320px;
    }
  }

  @media(max-width:576px){
    .contact-page{
      padding:55px 0;
    }

    .contact-info{
      padding:34px 24px;
    }

    .contact-title{
      font-size:30px;
    }

    .map-label{
      left:16px;
      right:16px;
      bottom:16px;
    }
  }