/* @group Schedule a Tour
------------------------------------ */
.contact-header .outerAbsolute a { margin-top: 18rem; }

.contact-module .form form { background-color: var(--navy-blue); padding: 3em 3em 10.1em; position: relative; z-index: 2; }
.contact-module .form form .wpcf7-form-control-wrap { display: block; }
.contact-module .form form input[type="text"], 
.contact-module .form form input[type="tel"], 
.contact-module .form form input[type="email"], 
.contact-module .form form select, 
.contact-module .form form select:focus { font-size: 2em; line-height: 1.35em; letter-spacing: .1em; height: 3.5em; padding: 0 1.7em; margin: 0 0 1.5em; background-color: var(--white); color: var(--navy-blue); }
.contact-module .form form .select-wrapper i { font-size: 1.8em; top: 1.4em; rotate: 90deg; }
.contact-module .form form .select-wrapper i::before { color: var(--yellow); }
.contact-module .form form select.wpcf7-not-valid { color: rgba(224,32,32,1); }
.contact-module .form form .wpcf7-list-item { font-style: italic; font-weight: 300; font-size: 1.2em; line-height: 1.2em; color: var(--off-white); display: inline-block; margin-right: 0; padding-left: 2em; position: relative; margin-bottom: 2em; }
.contact-module .form form .wpcf7-list-item a { color: var(--off-white); text-decoration: underline; }
.contact-module .form form .wpcf7-list-item input[type="checkbox"] { width: 1em; height: 1em; background-color: var(--off-white); border: .2em solid var(--off-white); border-radius: 100%; margin: 0 1em 0 0; position: absolute; top: 0; left: 0; transition: all .3s linear; }
.contact-module .form form .wpcf7-list-item input[type="checkbox"]:checked { background-color: var(--yellow); }
.contact-module .form form .acceptance-container { margin: 0 0 5em; position: relative; }
.contact-module .form form .acceptance-container small { position: absolute; bottom: -2em; left: 2em; font-style: italic; font-weight: 300; font-size: 1.2em; line-height: 1.2em; color: var(--off-white); }
.contact-module .form form span.wpcf7-not-valid-tip { display: none; }

.contact-module .form form .bttn-outlined { --bg-color: transparent; min-width: 10.6em; letter-spacing: .125em; position: absolute; z-index: 3; bottom: 1.875em; right: 1.875em; }
.contact-module .form form .bttn-outlined:not(:hover) { color: var(--white); }

.contact-module .form .success-response { position: absolute; inset: 0; z-index: 5; background-color: var(--navy-blue); color: var(--white); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 4em; opacity: 0; pointer-events: none; transition: all .3s linear; }
.contact-module .form .success-response::before,
.contact-module .form .success-response::after { content: ''; height: 12em; width: 50%; position: absolute; pointer-events: none; }
.contact-module .form .success-response::before { background: url('../../img/layout/get-the-wellen-word/success-top.png') no-repeat right center; background-size: contain; top: 6.7em; right: 0; }
.contact-module .form .success-response::after { background: url('../../img/layout/get-the-wellen-word/success-bottom.png') no-repeat left center; background-size: contain; bottom: 7.2em; left: 0; }
.contact-module .form .success-response h2 { text-transform: uppercase; font-weight: 700; font-size: 4.5em; line-height: 1em; letter-spacing: .0444em; margin: 0 0 .667em; color: var(--white); }
.contact-module .form .success-response p { font-weight: 500; font-size: 2em; line-height: 1.35em; letter-spacing: .1em; }
.contact-module .form .success-response.active { opacity: 1; pointer-events: all; }
.contact-module .form .row.between + div { margin-top: 2rem; }

.property-form { background: linear-gradient(to bottom, rgba(197, 233, 247, .2) 11.8rem, rgba(255,255,255,1) calc(100% - 11.8rem) ); margin: 0 0 10rem; padding: 10rem 0 0; }
/* Information
----------------------*/
.property-form h2 { color: var(--navy-blue); font-size: 3em; font-weight: 800; line-height: 1em; letter-spacing: 0.2rem; text-transform: uppercase; margin: 0 0 3rem; }
.property-form article p { color: var(--navy-blue); font-size: 1.6em;letter-spacing: 0.2rem; line-height: 1.5em; margin: 0 0 3rem; }
.property-form h3 { color: var(--navy-blue); font-size: 2em; font-weight: 800; line-height: 1em; margin: 0 0 1.5rem; position: relative; padding-left: 5.6rem; }
.property-form h3 + p { padding-left: 5.6rem; }
.property-form h2 + p + h3 { margin: 0 0 3rem; }
.property-form .form-box p,
.property-form .form-box h3 a,
.property-form .form-box h3 { color: var(--navy-blue); }
.property-form h3:last-child { margin: 0; }
.property-form h3 i { font-size: 1.01em; position: absolute; left: 0;  }
.property-form address { font-style: normal; }
.property-form address .col-36-36 { margin-bottom: 5rem; }
.property-form address .col-36-36 h3 img{ margin-right: 20px; width: 20px; }
.property-form address p {  letter-spacing: 0.3px; line-height: 1.500em; }
.property-form .form-box address p a { color: var(--navy-blue); }

.property-form article p + .bttn-ghost { margin-top: 6rem; margin-bottom: 2rem; }

.property-form .bttn-take { border-right-color: transparent!important; border-left-color: var(--yellow)!important; }
.bttn-take svg {
  position: absolute;
  right: -0.823em;
  top: 50%;
  translate: 0 -50%;
  font-size: 1em;
  transition: 0.5s;
  padding: 0.352em;
  transition: 0.5s;
}
@media only screen
and (min-width : 961px) {

  .contact-module .form form { padding: 5rem 5rem 11rem; }

  .contact-module .form form input[type="text"], 
  .contact-module .form form input[type="tel"], 
  .contact-module .form form input[type="email"], 
  .contact-module .form form select, 
  .contact-module .form form select:focus { padding: 0 2.8rem; height: 7rem; margin: 0 0 3rem; }
  .contact-module .form form .half-wrap { width: calc(50% - 1.25rem); }
  .contact-module .form form .half-wrap:first-of-type { margin-right: 2.5rem; }
  .contact-module .form form .wpcf7-list-item { padding-left: 4rem; margin-bottom: 2rem; }
  .contact-module .form form .wpcf7-list-item input[type="checkbox"] { width: 2rem; height: 2rem; top: -.2rem; }
  .contact-module .form form .acceptance-container small { left: 4rem; }
  .contact-module .form form .bttn-outlined { bottom: 4rem; right: 5rem; }

  .contact-module .form .success-response { padding: 0 12rem; }
  .contact-module .form .success-response::before,
  .contact-module .form .success-response::after { height: 16.3rem; }
  .contact-module .form .success-response::before { top: 3rem; }
  .contact-module .form .success-response::after { bottom: 4rem; }

  /* Information
  ----------------------*/
  .property-form h2 { font-size: 4.5em; }
  .property-form article p { font-size: 2em; line-height: 1.35em; }
  .property-form h3 { font-size: 2.5em; padding-left: 5rem; }
  .property-form h3 + p { padding-left: 5rem; }
  .property-form article p + .bttn-ghost { margin-right: 4rem; }

  
  .property-form { background: rgba(197, 233, 247, .2); margin: 0 0 15rem; padding: 15rem 0; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .property-form { margin: 0 0 10rem; padding: 10.1rem 0 0; }
  .property-form article.col-36-12 { margin-bottom: 8rem; }
  .property-form address .col-36-18 { margin-bottom: 6.2rem; }
}
/* @end */
