#popup-urbana {
  --urb-blue: #00aeef;
  --urb-yellow: #fef236;
  margin-left: 0;
  margin-right: 0;
}
#popup-urbana .popup-overlay {
  background-color: rgba(0, 0, 0, 0.85);
}
#popup-urbana .popup-content {
  width: 602px;
  max-width: calc(100% - 30px);
  height: 537.5px;
  padding: 0;
  background-color: var(--urb-blue);
  background-image: url("../images/popup/bg.png");
  background-image: -webkit-image-set(url("../images/popup/bg.png") 1x, url("../images/popup/bg@2x.png") 2x);
  background-image: image-set(url("../images/popup/bg.png") 1x, url("../images/popup/bg@2x.png") 2x);
  background-position: top center;
  background-size: 602px auto;
  background-repeat: no-repeat;
}
#popup-urbana .popup-close {
  width: auto;
  height: auto;
  top: 0;
  right: 0;
  padding: 14.5px 16.5px;
}
#popup-urbana .popup-default,
#popup-urbana .popup-thanks {
  width: 100%;
  height: 100%;
  justify-content: flex-start;
}
#popup-urbana .popup-form {
  width: 100%;
  margin: 0;
}
#popup-urbana .form-text {
  height: 113px;
  margin-top: 59.5px;
}
#popup-urbana .form-lead {
  position: relative;
  top: -3px;
  font-size: 29px;
  line-height: 31px;
  white-space: nowrap;
  color: #ffffff;
  font-family: "Avenir Black", Avenir, sans-serif;
}
#popup-urbana .form-big,
#popup-urbana .thanks-title {
  color: #ffffff;
  font-weight: normal;
  font-family: "Gotham-Black", "Avenir Black", Avenir, sans-serif;
  text-shadow: -2px 2.5px 0 #000000;
  white-space: nowrap;
}
#popup-urbana .form-big {
  margin-top: -2.5px;
  font-size: 60.5px;
  line-height: 60.5px;
}
#popup-urbana form {
  width: 503px;
  max-width: 100%;
  margin: 23.5px auto 0;
}
#popup-urbana form select,
#popup-urbana form input {
  border-color: #a3a3a6;
}
#popup-urbana .tracking_promo_success {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#popup-urbana .form-action {
  padding: 0;
  margin-top: 29.5px;
}
#popup-urbana .button {
  width: 183px;
  height: 36.5px;
  border-radius: 18.25px;
  background-color: var(--urb-yellow);
  font-size: 16.03px;
  padding: 1px 0 0;
  text-box: trim-both cap alphabetic;
}
#popup-urbana .button,
#popup-urbana .button span {
  color: #000000;
  font-family: "Avenir Black", Avenir, sans-serif;
}
#popup-urbana .thanks-title {
  height: 125.5px;
  margin: 125px auto 0;
  font-size: 43.5px;
  line-height: 43.5px;
}
#popup-urbana .thanks-note {
  max-width: 500px;
  margin: 23.8px auto 0;
  font-size: 21px;
  line-height: 27.5px;
  color: #ffffff;
  font-family: "Avenir Black", Avenir, sans-serif;
}
#popup-urbana .popup-thanks .button {
  margin-top: 29.2px;
}
@media screen and (min-width: 568px) {
  #popup-urbana .sm-hide.md-hide.lg-hide {
    display: none !important;
  }
}
@media screen and (max-width: 567px) {
  #popup-urbana .xs-hide {
    display: none !important;
  }
  #popup-urbana .popup-content {
    width: 100%;
    max-width: 100%;
    height: 100dvh;
    background-image: url("../images/popup/bg-m.png");
    background-image: -webkit-image-set(url("../images/popup/bg-m.png") 1x, url("../images/popup/bg-m@2x.png") 2x);
    background-image: image-set(url("../images/popup/bg-m.png") 1x, url("../images/popup/bg-m@2x.png") 2x);
    background-size: 100% auto;
  }
  #popup-urbana .popup-default,
  #popup-urbana .popup-thanks {
    justify-content: center;
  }
  #popup-urbana .popup-close {
    padding: 17.5px 16px;
  }
  #popup-urbana .form-text {
    height: 85px;
    margin-top: 0;
  }
  #popup-urbana .form-lead {
    top: -4.5px;
    font-size: min(21px, 5.6vw);
    line-height: 25px;
  }
  #popup-urbana .form-big,
  #popup-urbana .thanks-title {
    text-shadow: -2.5px 3px 0 #000000;
  }
  #popup-urbana .form-big {
    margin-top: -2px;
    font-size: min(40.9px, 10.9vw);
    line-height: 40.9px;
  }
  #popup-urbana form {
    width: 326.5px;
    max-width: calc(100% - 30px);
    margin-top: 24.5px;
  }
  #popup-urbana .form-action {
    margin-top: 15px;
  }
  #popup-urbana .button {
    width: 182.5px;
    font-size: 17px;
  }
  #popup-urbana .thanks-title {
    height: 103px;
    margin-top: -8px;
    font-size: min(29.3px, 7.8vw);
    line-height: 35.5px;
  }
  #popup-urbana .thanks-note {
    max-width: 290px;
    margin-top: 19px;
    font-size: 16px;
    line-height: 22.5px;
  }
  #popup-urbana .popup-thanks .button {
    margin-top: 25px;
  }
}
@media screen and (max-width: 567px) and (max-height: 640px) {
  #popup-urbana form {
    --form-input-height: 48px;
  }
}