/*
|----------------------------------------------------------------
| header
|----------------------------------------------------------------
*/
.header {
  background-color: #373E29;
  overflow: hidden;
}

.nav {
  height: 100vh;
}
.bnr {
  height: auto;
  position: relative;
}

.top-menu .logo {
  width: 300px;
  height: auto;
}

.top-menu {
  padding: 50px 70px 0px;
  align-items: center;
}

.bnrTopMenu {
  padding-top: 0px;

}

/*
|------------------------------------------------------
|  Register form
|------------------------------------------------------
*/
.register-form {
  overflow: hidden;
  padding:350px 12vw 200px;
}
.register-form .row {
  align-items: flex-start;
}
.register-form h1 {
  color: #ffffff;

}


.register-form-container .form-row{
  justify-content: space-between;
  flex-wrap: wrap;
}

.register-form-container label {
  font-family: SweetSansPro-Light;
  font-size: 16px;
  line-height: 23px;
  font-weight: lighter;
  color: #FFFFFF;
  text-transform: uppercase;
}
.register-form-container .answers.form-row, 
.register-form-container .Agent.form-item table {
  width: 458.07px;
}
.register-form-container .form-item {
  max-width: 458.07px;
}
.register-form-container input,
.register-form-container .answer select{ 
  font-family: SweetSansPro-Light;
  font-size: 16px;
  line-height: 23px;
  font-weight: lighter;
  color: #FFFFFF;
  background-color: transparent;
  border:none;
  border-bottom: 1px solid #898E72;
  margin-top: 15px;
  margin-bottom: 24px;
  padding: 8px 0;
  max-width: 458.07px;
  width: 458.07px;
  border-radius: 0;
}
.register-form-container .answer option {
  color:#363636 ;
}
.register-form-container .check-box-container label {
  font-size:12px ;
  margin-top: 30px;
}
.register-form-container .check-box-container label span {
  font-size: 16px;
}
.register-form-container .check-box-container input{
  width: 22px;
  margin-left: -4px;
  margin-right: 4px;
  border-radius: 50%;
}
.register-form-container .check-box-container input[type="checkbox"] {
  border-radius: 50%;
}

.register-form .submit-btn-container {
  margin-top: 60px;
}
.register-form .register-btn {
  background: linear-gradient(48deg, rgba(171,127,83,1) 0%, rgba(233,206,169,1) 50%, rgba(171,127,83,1) 100%);
  color: #373E29;
  border: none;
  font-size: 22px;
  line-height: 32px;
  padding: 20px 70px;
  border-radius: 34px;
}

.register-form p,
.register-form .relationship-form {
  font-family: SweetSansPro-Light;
  font-weight: lighter;
  font-size: clamp(7px, 2.5vw, 10px);
  line-height: clamp(9px,2.6vw,13px);
  color: #9A9E8A;
}

.register-form p {
  margin-bottom: 0px;
}

.register-form .relationship-form {
  font-weight: bold;
  transition: color 500ms;
}

.register-form .relationship-form:hover {
  color: white;
}

.register-form #realtor-options {
  background-color: transparent;
    border: none;
    color: #F1F4B0;
}

.register-form .options.is-flex {
  justify-content: space-between;
}

/*
|------------------------------------------------------
|  footer
|------------------------------------------------------
*/
.footer {
  overflow: hidden;
  z-index: 0;
}
.footer .container {
  padding-top: 0px;
}
.footer .container .row:first-of-type {
  padding-top: 94px;
  border-top: 1px solid #898E72;
}


/*
|----------------------------------------------------------------
| Query media
|----------------------------------------------------------------
*/


@media (max-width: 1850px) { 
  .register-form-container .form-item,
  .register-form-container input,
  .register-form-container .answers.form-row, 
  .register-form-container .Agent.form-item table,
  .register-form-container .answer select {
    width: 408.07px;
    max-width: 408.07px;
  }
}

@media (max-width: 1700px) { 

  .top-menu .logo {
    width: clamp(200px,18vw,300px);
  }
  h1 {
    padding-left: 7vw;
  }

  /* register form */
  .register-form {
    padding: clamp(170px,18vw,350px) 10vw clamp(120px,9.3vw,200px) 5vw;
  }

  /* footer */
  .footer .container .row:first-of-type {
    padding-top: clamp(40px,5vw,94px);
  }
}

@media (max-width: 1550px) { 
  
  .register-form-container .form-item,
  .register-form-container input,
  .register-form-container .answers.form-row, 
  .register-form-container .Agent.form-item table,
  .register-form-container .answer select {
    width: 390px;
    max-width: 390px;
  }
}

@media (max-width: 1399px) { 
  h1 {
    padding-left: 0px;
  }
  
  /* register form */
  .register-form {
    padding: clamp(170px,18vw,350px) 5vw clamp(120px,9.3vw,200px);
  }
  .register-form-container {
    max-width: 980px;
    margin: 0 auto;
  }

  .register-form .row {
    flex-direction: column;
    align-items: center;
  }
  .register-form .row:first-of-type {
    text-align: center;
    margin-bottom: 90px;
  }
  
  .register-form-container .form-item,
  .register-form-container input,
  .register-form-container .answers.form-row, 
  .register-form-container .Agent.form-item table,
  .register-form-container .answer select {
    width: 100vw;
    max-width: 408.07px;
  }
  .register-form-container .answers.form-row {
    margin: unset;
  }

  .register-form-container .form-row {
    flex-direction: space-between;
  }
  .register-form .submit-btn-container {
    margin-top: clamp(40px,3.5vw, 60px);
  }
}

@media (max-width: 1100px) {
  
  
  .desktop-version1100 {
    display: none!important;
  }
  .mobile-version1100 {
    display: block;
  }


  .register-form {
    max-width: 468px;
    margin: 0 auto;
  }
  .register-form-container {
    max-width: 408.07px;
  }
  h1 {
    text-align: center;
}
  .register-form-container .form-row {
    flex-direction: column;
    align-items: center;
  }
  .register-form {
    padding: 170px 0px 100px;
  }
}

@media (max-width: 767px) {
  .top-menu {
    padding: 10px 5% 0px!important;
  }
  h1 {
    text-align: left;
    padding-left: 0px;
}

.register-form  {
  width: 84vw;
}
  .register-form .row:first-of-type {
    margin-bottom: 0px;
  }
  
  .register-form-container {
    margin: unset;
  }
  .register-form-container .form-item,
  .register-form-container input,
  .register-form-container .answers.form-row, 
  .register-form-container .Agent.form-item table,
  .register-form-container .answer select {
    width: 80vw;
  }
  .register-form-container label {
    font-size: 13px;
    line-height: 19px;
  }
  .register-form-container input, .register-form-container .answer select {
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .register-form-container .check-box-container label span {
    font-size: 12px;
    line-height: 18px;
  }
  .register-form .register-btn {
    padding: 0px;
    width: 100%;
  }
  .register-form .submit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .check-box-container {
    margin-bottom: 25px;
  }
  .register-form .submit-btn,
  .register-form p,
  .register-form-container .check-box-container input {
    margin-left: 0px;
  }


  .footer {
    top: 0px;
  }
  .footer .container .row:first-of-type {
    padding-top: 94px;
  }
  .footer .metallic-logo {
    margin-top: 20px;
  }
}