#head
{
  position: relative;
  a
  {
    color:$text-color;
  }
  #logo
  {
    a
    {
      .white
      {
        display: none;
      }
      .black
      {
        display: block;
      }
    }
  }
  #main-menu
  {
    ul
    {
      li
      {
        a
        {
          color:$text-color;
        }
      }
    }
  }
  #tool-menu
  {
    #lang-menu
    {
      i
      {
        color:$text-color;
      }
      ul
      {
        li
        {
          a
          {
            color:$text-color;
          }
        }
      }
    }
    .socil
    {
      border-color:$text-color;
      color:$text-color;
    }
  }
  #menu-button
  {
    border-color:$text-color;
    color:$text-color;
  }
}

#breadcrumb
{
  ul
  {
    li
    {
      a
      {
        color:$text-color;
      }
      &::after
      {
        color:$text-color;
      }
    }
  }
}

h1
{
  text-align: center;
  padding-top:80px;
  padding-bottom:80px;
  font-size: 48px;
  font-weight: 700;
  line-height: 72px; /* 150% */
  letter-spacing: 0.96px;
  color:$text-color;
  border-bottom:1px solid $grey-color;
  margin-bottom:80px;
}

.description
{
  margin-bottom:80px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
}

.main-list
{
  border:1px solid $grey-color;
  margin-bottom:120px;
  >div
  {
    
    h2
    {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px; /* 150% */
      letter-spacing: 0.32px;
      margin-bottom:4px;
    }
    a,p
    {
      font-size: 18px;
      font-weight: 400;
      line-height: 28px; /* 155.556% */
      letter-spacing: 0.36px;
      display: block;
      color:$text-color;
      word-break: break-all;
    }
    a
    {
      transition-duration:.5s;
      &:hover
      {
        color:$main-color;
      }
    }
  }
  @media(min-width:768px)
  {
    display: flex;
    
    >div
    {
      width:25%;
      padding:3% 2.5%;
      border-right:1px solid $grey-color;
      &:last-child
      {
        border-right: 0px;
      }
    }
  }
  @media(max-width:767px)
  {
    >div
    {
      padding:32px;
      border-bottom:1px solid $grey-color;
      &:last-child
      {
        border-bottom:0px;
      }
    }
  }
}


#group-contact
{
  margin-bottom:80px;
  h2
  {
    font-size: 36px;
    font-weight: 700;
    line-height: 54px; /* 150% */
    letter-spacing: 0.72px;
  }
  .data-list
  {
    >div
    {
      border-bottom:1px solid $grey-color;
      padding:32px 0;

      h3
      {
        font-size: 18px;
        font-weight: 700;
        line-height: 28px; /* 155.556% */
        letter-spacing: 0.36px;
      }
      .address
      {
        a
        {
          color:$text-color;
          display: block;
        }
      }
      .phone
      {
        a
        {
          color:$text-color;
          display: block;
        }
      }
    }
    
  }
  @media(min-width:768px)
  {
    .data-list
    {
      
      >div
      {
        display: flex;
        justify-content:space-between;
        
        padding:70px 0;
        a
        {
          display: block;
        }
      }
    }
  }
}

#contact-form
{
  >div
  {
    padding-top:120px;
    padding-bottom:120px;
    background-color: #f7f7f7;
    .contact-form
    {
      max-width: 1328px;
      margin:auto;
      padding-left:24px;
      padding-right:24px;
      .form-group
      {
        margin-bottom:48px;
        label
        {
          font-size: 16px;
          font-weight: 700;
          line-height: 60px; /* 150% */
          letter-spacing: 0.32px;
        }
        select,input,textarea
        {
          border:2px solid #fff;
          color:$text-color;
          font-size: 16px;
          font-weight: 400;
          line-height: 24px; /* 150% */
          letter-spacing: 0.32px;
          padding:20px 13px;
          transition-duration:.5s;
          &:focus
          {
            border-color:$main-color;
            border-radius: 5px;
          }
        }
        textarea
        {
          height:300px;
        }
        &.has-error
        {
          select,input,textarea
          {
            border-color:#a00;
          }
        }
      }
      .btn
      {
        display: flex;
        justify-content:center;
        button
        {
          background-color: $main-color;
          border:2px solid $main-color;
          color:#fff;
          padding:12px 64px;
          font-size: 16px;
          font-weight: 400;
          line-height: 24px; /* 150% */
          letter-spacing: 0.32px;
          cursor: pointer;
          transition-duration:.5s;
          &:hover
          {
            background-color: #fff;
            border-radius: 5px;
            color:$main-color;
          }
        }
      }
    }
  }
  @media(min-width:768px)
  {
    >div
    {
      .contact-form
      {
        .form-group
        {
          display: flex;
          label
          {
            width:25%;
            min-width:200px;
          }
          select,input,textarea
          {
            flex:1;
            
          }
        }
        
      }
    }
  }
  @media(max-width:767px)
  {
    padding:0px;
    >div
    {
      .contact-form
      {
        .form-group
        {
          label
          {
            display: block;
            line-height:22px;
            margin-bottom:16px;
          }
          input,select,textarea
          {
            width: 100%;
          }
        }
        .btn
        {
          button
          {
            width: 100%;
          }
        }
      }
    }
  }
}