#top-bg
{
  display: none;
}
#head
{
  position: relative;
}
#body
{
  background: #F6F3D8;
}

header
{
  padding-top:90px;
  h1
  {
    font-size: 32px;
    font-weight: 400;
    line-height: 48px; /* 150% */
    letter-spacing: 1.6px;
    color:#444;
    margin-bottom:8px;
  }
  .breadcrumb
  {
  	margin-bottom:80px;
  	ul
  	{
  		display: flex;
  		flex-wrap:wrap;
  		font-size: 16px;
  		font-style: normal;
  		font-weight: 400;
  		line-height: 26px; /* 162.5% */
  		letter-spacing: 0.8px;
  		color:#000;
  		li
  		{
  			a
  			{
  				color:#000;
  				transition-duration:.5s;
  				&:hover
  				{
  					color:$main-color;
  				}
  			}
  			&::after
  			{
  				content:'/';
  				padding:0 8px;
  			}
  			&:last-child
  			{
  				a
  				{
  					color:$main-color;
  					&:hover
  					{
  						color:#fff;
  					}
  				}
  				&::after
  				{
  					display: none;
  				}
  			}
  		}
  	}
  }
}
main
{
  padding:0px 24px;
  max-width:760px;
  margin:auto;
  article
  {
    margin-bottom:50px;
    background: #fff;
    padding:32px 0;
    text-align: center;
    color:#444;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    letter-spacing: 0.8px;
  }
  form
  {
    padding-bottom:100px;
    .form-group
    {
      margin-bottom:16px;
      label
      {
        color:#444;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px; /* 162.5% */
        letter-spacing: 0.8px;
        align-items:center;
        display: flex;
        &::before
        {
          margin-right:8px;
          content: ' ';
          width: 12px;
          height:12px;
          background: $main-color;
          border-radius: 100%;
        }
      }
      input[type=text],input[type=number],input[type=email],select,textarea
      {
        color:#444;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px; /* 162.5% */
        letter-spacing: 0.8px;
        border:1px solid #A8A8A8;
        border-radius: 4px;
        padding:11px 24px;
      }
      textarea
      {
        height:300px;
      }
      @media(min-width:768px)
      {
        display: flex;
        label
        {
          width:200px;
        }
        input[type=text],input[type=number],input[type=email],select,textarea
        {
          width:calc(100% - 200px);
        }
      }
      @media(max-width:767px)
      {
        label
        {
          margin-bottom:8px;
        }
        input[type=text],input[type=number],input[type=email],select,textarea
        {
          width:100%;
        }
      }
      &.has-error
      {
        label
        {
          code
          {
            padding-left:5px;
            color:#a00;            
          }
        }
        input,select,textarea
        {
          border:1px solid #a00;
        }
      }
    }
    .form-btn
    {
      display: flex;
      justify-content:center;
      button
      {
        background: $main-color;
        color:#fff;
        padding:11px 40px;
        border-radius: 4px;
        cursor: pointer;
        border:0px;
      }
    }
  }
}