@font-face {
  font-family: "DB-Heavent-regular";
  src: url("../fonts/DB-Heavent/DB-Heaven-v3.2.ttf") format("truetype");
}
@font-face {
  font-family: "DB-Heavent-light";
  src: url("../fonts/DB-Heavent/DB-Heavent-Li-v3.2.ttf") format("truetype");
}
@font-face {
  font-family: "DB-Heavent-med";
  src: url("../fonts/DB-Heavent/DB-Heavent-Med-v3.2.ttf") format("truetype");
}
@font-face {
  font-family: "My-friend";
  src: url("../fonts/myfriend.ttf") format("truetype");
}
@font-face {
  font-family: "oxlade-demo";
  src: url("../fonts/Oxlade-Demo.ttf") format("truetype");
}
@font-face {
  font-family: "TTNorms-regular";
  src: url("../fonts/TT-Norms-sv/TTNorms-Regular.otf");
}
@font-face {
  font-family: "TTNorms-Light";
  src: url("../fonts/TT-Norms-sv/TTNorms-Light.otf");
}
@font-face {
  font-family: "TTNorms-Bold";
  src: url("../fonts/TT-Norms-sv/TTNorms-Bold.otf");
}
.family-db-reg, #contact-us .form > div:last-child .address-detail > p, #contact-us .form > div:first-child > button, #contact-us .form > div:first-child > h2, .input-wrapper > p {
  font-family: "DB-Heavent-regular";
}

.family-db-light {
  font-family: "DB-Heavent-light";
}

.family-db-med {
  font-family: "DB-Heavent-med";
}

.family-myfriend {
  font-family: "My-friend";
}

.family-oxlade-demo {
  font-family: "oxlade-demo";
}

.family-ttnorms-reg {
  font-family: "TTNorms-regular";
}

.family-TTNorms-Light {
  font-family: "TTNorms-Light";
}

.family-ttnorms-bold {
  font-family: "TTNorms-Bold";
}

.flex {
  display: flex;
}
@media (max-width: 768px) {
  .flex {
    flex-direction: column;
  }
}
.flex .input-wrapper:not(.full-width) {
  width: calc((100% - 2.890625vw) / 2);
}
@media (min-width: 1441px) {
  .flex .input-wrapper:not(.full-width) {
    width: calc((100% - 37px) / 2);
  }
}
@media (max-width: 768px) {
  .flex .input-wrapper:not(.full-width) {
    width: 100%;
  }
}
.flex .input-wrapper:first-child {
  margin-right: 2.890625vw;
  margin-bottom: 0vw;
}
@media (min-width: 1441px) {
  .flex .input-wrapper:first-child {
    margin-right: 37px;
  }
}
@media (max-width: 768px) {
  .flex .input-wrapper:first-child {
    margin-right: 0vw;
  }
}
@media (min-width: 1441px) {
  .flex .input-wrapper:first-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .flex .input-wrapper:first-child {
    margin-bottom: 1.7391304348vw;
  }
}
.flex .input-wrapper.full-width {
  width: 100%;
  margin-right: 0;
}
.flex:not(:last-child) {
  margin-bottom: 0.546875vw;
}
@media (min-width: 1441px) {
  .flex:not(:last-child) {
    margin-bottom: 7px;
  }
}
@media (max-width: 768px) {
  .flex:not(:last-child) {
    margin-bottom: 6.5217391304vw;
  }
}

.input-wrapper {
  display: flex;
  flex-direction: column;
}
.input-wrapper > p {
  text-transform: uppercase;
  text-align: left;
  font-size: 1.875vw;
  margin-bottom: 0.3125vw;
}
@media (min-width: 1441px) {
  .input-wrapper > p {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .input-wrapper > p {
    font-size: 5.2173913043vw;
  }
}
@media (min-width: 1441px) {
  .input-wrapper > p {
    margin-bottom: 4px;
  }
}
@media (max-width: 768px) {
  .input-wrapper > p {
    margin-bottom: 0.8695652174vw;
  }
}
.input-wrapper > textarea,
.input-wrapper > input {
  border: none;
  outline: 0;
  appearance: none;
  font-family: Tahoma;
  font-size: 0.9375vw;
  border-radius: 0.390625vw;
  padding-top: 0.703125vw;
  padding-bottom: 0.703125vw;
  padding-left: 1.328125vw;
  padding-right: 1.328125vw;
}
@media (min-width: 1441px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    font-size: 3.0434782609vw;
  }
}
@media (min-width: 1441px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    border-radius: 5px;
  }
}
@media (max-width: 768px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    border-radius: 1.0869565217vw;
  }
}
@media (min-width: 1441px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    padding-top: 9px;
  }
}
@media (max-width: 768px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    padding-top: 1.9565217391vw;
  }
}
@media (min-width: 1441px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    padding-bottom: 9px;
  }
}
@media (max-width: 768px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    padding-bottom: 1.9565217391vw;
  }
}
@media (min-width: 1441px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    padding-left: 17px;
  }
}
@media (max-width: 768px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    padding-left: 3.6956521739vw;
  }
}
@media (min-width: 1441px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    padding-right: 17px;
  }
}
@media (max-width: 768px) {
  .input-wrapper > textarea,
.input-wrapper > input {
    padding-right: 3.6956521739vw;
  }
}
.input-wrapper > textarea::placeholder,
.input-wrapper > input::placeholder {
  color: #909090;
  font-size: 0.9375vw;
}
@media (min-width: 1441px) {
  .input-wrapper > textarea::placeholder,
.input-wrapper > input::placeholder {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .input-wrapper > textarea::placeholder,
.input-wrapper > input::placeholder {
    font-size: 3.0434782609vw;
  }
}
.input-wrapper > textarea:hover, .input-wrapper > textarea:active, .input-wrapper > textarea:focus,
.input-wrapper > input:hover,
.input-wrapper > input:active,
.input-wrapper > input:focus {
  border: none !important;
}

#contact-us {
  max-width: 1440px;
  display: block;
}
#contact-us .form {
  display: flex;
  margin-top: 3.28125vw;
  margin-bottom: 3.28125vw;
  margin-left: 7.8125vw;
  margin-right: 7.8125vw;
}
@media (min-width: 1441px) {
  #contact-us .form {
    margin-top: 42px;
  }
}
@media (max-width: 768px) {
  #contact-us .form {
    margin-top: -2.8260869565vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form {
    margin-bottom: 42px;
  }
}
@media (max-width: 768px) {
  #contact-us .form {
    margin-bottom: 0vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form {
    margin-left: 0px;
  }
}
@media (max-width: 768px) {
  #contact-us .form {
    margin-left: 0vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form {
    margin-right: 0px;
  }
}
@media (max-width: 768px) {
  #contact-us .form {
    margin-right: 0vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  #contact-us .form {
    flex-direction: column;
  }
}
#contact-us .form > div:first-child {
  background-color: #F2F2F2;
  text-align: center;
  padding-top: 4.140625vw;
  padding-bottom: 3.828125vw;
  padding-left: 2.578125vw;
  padding-right: 2.578125vw;
  width: 51.484375vw;
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child {
    padding-top: 53px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child {
    padding-top: 7.8260869565vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child {
    padding-bottom: 49px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child {
    padding-bottom: 17.3913043478vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child {
    padding-left: 33px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child {
    padding-left: 7.8260869565vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child {
    padding-right: 33px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child {
    padding-right: 7.8260869565vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child {
    width: 659px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child {
    width: 143.2608695652vw;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child {
    width: auto;
  }
}
#contact-us .form > div:first-child > h2 {
  text-align: center;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 5.15625vw;
  margin-bottom: 4.609375vw;
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child > h2 {
    font-size: 66px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child > h2 {
    font-size: 14.347826087vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child > h2 {
    margin-bottom: 59px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child > h2 {
    margin-bottom: 7.3913043478vw;
  }
}
#contact-us .form > div:first-child > button {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #FFFFFF;
  background-color: #4D4D4D;
  border: none;
  cursor: pointer;
  font-size: 1.71875vw;
  border-radius: 0.703125vw;
  padding-top: 0.625vw;
  padding-bottom: 0.625vw;
  padding-left: 1.875vw;
  padding-right: 1.875vw;
  margin-top: 2.265625vw;
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child > button {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child > button {
    font-size: 4.7826086957vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child > button {
    border-radius: 9px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child > button {
    border-radius: 1.9565217391vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child > button {
    padding-top: 8px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child > button {
    padding-top: 1.7391304348vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child > button {
    padding-bottom: 8px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child > button {
    padding-bottom: 1.7391304348vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child > button {
    padding-left: 30px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child > button {
    padding-left: 6.5217391304vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child > button {
    padding-right: 30px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child > button {
    padding-right: 6.5217391304vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:first-child > button {
    margin-top: 29px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:first-child > button {
    margin-top: 0vw;
  }
}
#contact-us .form > div:last-child .address-detail {
  background-color: #EFF4F7;
  padding-top: 5.234375vw;
  padding-bottom: 3.28125vw;
  padding-left: 2.65625vw;
  padding-right: 2.65625vw;
}
@media (min-width: 1441px) {
  #contact-us .form > div:last-child .address-detail {
    padding-top: 67px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:last-child .address-detail {
    padding-top: 8.6956521739vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:last-child .address-detail {
    padding-bottom: 42px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:last-child .address-detail {
    padding-bottom: 8.6956521739vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:last-child .address-detail {
    padding-left: 34px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:last-child .address-detail {
    padding-left: 8.2608695652vw;
  }
}
@media (min-width: 1441px) {
  #contact-us .form > div:last-child .address-detail {
    padding-right: 34px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:last-child .address-detail {
    padding-right: 8.2608695652vw;
  }
}
#contact-us .form > div:last-child .address-detail > p {
  font-size: 1.875vw;
}
@media (min-width: 1441px) {
  #contact-us .form > div:last-child .address-detail > p {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:last-child .address-detail > p {
    font-size: 5.2173913043vw;
  }
}
#contact-us .form > div:last-child .address-detail > p:last-child {
  margin-top: 2.265625vw;
}
@media (min-width: 1441px) {
  #contact-us .form > div:last-child .address-detail > p:last-child {
    margin-top: 29px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:last-child .address-detail > p:last-child {
    margin-top: 6.3043478261vw;
  }
}
#contact-us .form > div:last-child .address-map {
  height: 25vw;
}
@media (min-width: 1441px) {
  #contact-us .form > div:last-child .address-map {
    height: 280px;
  }
}
@media (max-width: 768px) {
  #contact-us .form > div:last-child .address-map {
    height: 69.5652173913vw;
  }
}
#contact-us .form > div:last-child .address-map #map {
  width: 100%;
  height: 100%;
}
#contact-us .form > div:last-child .address-map #map > iframe {
  border: none;
}

/*# sourceMappingURL=contact-us.css.map */