html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.banner-container {
  position: relative;
  width: 100%;
  height: 56.51042vw;
}

.banner-container .banner-img1 {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 100vw;
  height: 56.5625vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 100vh;
  background: transparent;
}

@media only screen and (max-width: 800px) {
  .banner-container .banner-img1 {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  .banner-container {
    position: relative;
    width: 100%;
    height: 196vw;
    background-image: url("../images/mobbanner1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 197.33333vw !important;
  }
}

.full {
  background-size: auto 100%;
  height: 100vh !important;
}

.logo {
  position: absolute;
  top: 0.67708vw;
  left: 7.8125vw;
  width: 9.70833vw;
  height: 7.96875vw;
  background-image: url("../images/HBLOGO2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .logo {
    position: absolute;
    top: 2.93333vw;
    left: 8.8vw;
    width: 24.90667vw;
    height: 19.73333vw;
  }
}

.logo-txt {
  position: absolute;
  top: 9.40104vw;
  left: 3.98438vw;
  width: 18.4375vw;
  height: 3.4375vw;
  font-family: colonna;
  font-size: 3.4375vw;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71875vw;
  letter-spacing: normal;
  text-align: center;
  color: #e5b44c;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .logo-txt {
    position: absolute;
    top: 25.33333vw;
    left: 3.46667vw;
    width: 32vw;
    height: 8.26667vw;
    font-size: 6.93333vw;
  }
}

.logo-subtxt {
  position: absolute;
  top: 11.97917vw;
  left: 4.6875vw;
  width: 18.4375vw;
  height: 3.4375vw;
  font-family: lora;
  font-size: 1.64062vw;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71875vw;
  letter-spacing: 0.10417vw;
  text-align: center;
  color: #e5b44c;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .logo-subtxt {
    position: absolute;
    top: 30.66667vw;
    left: 7.2vw;
    width: 32vw;
    height: 8.26667vw;
    font-size: 3.73333vw;
  }
}

.black-overlay {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 100vw;
  height: 56.25vw;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.29);
}

.black-overlay1 {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 100vw;
  height: 56.25vw;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.19);
}

.black-overlay2 {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 100vw;
  height: 56.25vw;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.43);
}

.navbar a {
  font-family: hell;
  font-size: 1.30208vw;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5625vw;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  white-space: nowrap;
}

@media only screen and (max-width: 800px) {
  .navbar a {
    display: none;
  }
}

.nav1 {
  position: absolute;
  top: 5.02604vw;
  left: 59.66146vw;
  width: 6.14583vw;
  height: 1.51042vw;
}

.nav2 {
  position: absolute;
  top: 5.02604vw;
  left: 69.72396vw;
  width: 4.375vw;
  height: 1.51042vw;
}

.nav3 {
  position: absolute;
  top: 5.02604vw;
  left: 77.93229vw;
  width: 7.60417vw;
  height: 1.51042vw;
}

.nav4 {
  position: absolute;
  top: 5.02604vw;
  left: 89.51562vw;
  width: 5.67708vw;
  height: 1.51042vw;
}

@media only screen and (max-width: 800px) {
  .ham .line1 {
    position: absolute;
    top: 10vw;
    left: 83.73333vw;
    width: 10.66667vw;
    height: 0.53333vw;
    border-bottom: 0.53333vw solid #d4a100;
    color: #d4a100;
  }
}

@media only screen and (max-width: 800px) {
  .ham .line2 {
    position: absolute;
    top: 13.2vw;
    left: 83.73333vw;
    width: 10.66667vw;
    height: 0.53333vw;
    border-bottom: 0.53333vw solid #d4a100;
    color: #d4a100;
  }
}

@media only screen and (max-width: 800px) {
  .ham .line3 {
    position: absolute;
    top: 16.4vw;
    left: 83.73333vw;
    width: 10.66667vw;
    height: 0.53333vw;
    border-bottom: 0.53333vw solid #d4a100;
    color: #d4a100;
  }
}

.sidenav .close-x {
  font-family: hell;
  font-size: 1.64062vw;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71875vw;
  letter-spacing: normal;
  text-align: center;
  color: #d4a100;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .sidenav .close-x {
    position: absolute;
    top: 8vw;
    left: 34.66667vw;
    width: 117.33333vw;
    height: 10.66667vw;
    font-size: 8.53333vw;
  }
}

.sidenav .logo-mob {
  position: absolute;
  top: 0.67708vw;
  left: 7.8125vw;
  width: 9.70833vw;
  height: 7.96875vw;
  background-image: url("../images/HBLOGO2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .sidenav .logo-mob {
    position: absolute;
    top: 2.93333vw;
    left: 37.33333vw;
    width: 24.90667vw;
    height: 19.73333vw;
  }
}

.sidenav .logo-txt-mob {
  position: absolute;
  top: 9.40104vw;
  left: 3.98438vw;
  width: 13.22917vw;
  height: 3.4375vw;
  font-family: colonna;
  font-size: 3.4375vw;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71875vw;
  letter-spacing: normal;
  text-align: center;
  color: #e5b44c;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .sidenav .logo-txt-mob {
    position: absolute;
    top: 25.33333vw;
    left: 31.46667vw;
    width: 32vw;
    height: 8.26667vw;
    font-size: 6.93333vw;
  }
}

.sidenav .logo-subtxt-mob {
  position: absolute;
  top: 11.97917vw;
  left: 4.81771vw;
  width: 18.4375vw;
  height: 3.4375vw;
  font-family: lora;
  font-size: 1.64062vw;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71875vw;
  letter-spacing: normal;
  text-align: center;
  color: #e5b44c;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .sidenav .logo-subtxt-mob {
    position: absolute;
    top: 30.66667vw;
    left: 34.13333vw;
    width: 32vw;
    height: 8.26667vw;
    font-size: 3.73333vw;
  }
}

.sidenav .face {
  position: absolute;
  top: 0.9375vw;
  left: 45.625vw;
  width: 1.75vw;
  height: 3.11458vw;
  background-image: url("../images/facebook.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 800px) {
  .sidenav .face {
    position: absolute;
    top: 147.46667vw;
    left: 37.04vw;
    width: 2.90667vw;
    height: 5.17333vw;
  }
}

.sidenav .insta {
  position: absolute;
  top: 0.9375vw;
  left: 51.09375vw;
  width: 3.27083vw;
  height: 3.27083vw;
  background-image: url("../images/instagram.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 800px) {
  .sidenav .insta {
    position: absolute;
    top: 147.46667vw;
    left: 47.17333vw;
    width: 5.44vw;
    height: 5.44vw;
  }
}

.sidenav .youtube {
  position: absolute;
  top: 0.9375vw;
  left: 51.09375vw;
  width: 3.27083vw;
  height: 3.27083vw;
  background-image: url("../images/youtube.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 800px) {
  .sidenav .youtube {
    position: absolute;
    top: 147.2vw;
    left: 58.37333vw;
    width: 5.97333vw;
    height: 5.97333vw;
  }
}

@media only screen and (max-width: 800px) {
  .sidenav {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10;
  }
  .sidenav a {
    font-family: hell;
    font-size: 8vw;
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5625vw;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    white-space: nowrap;
  }
  .sidenav .side-nav1 {
    position: absolute;
    top: 58.53333vw;
    left: 0vw;
    width: 37.86667vw;
    height: 9.33333vw;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .sidenav .side-nav2 {
    position: absolute;
    top: 81.65333vw;
    left: 0vw;
    width: 37.86667vw;
    height: 9.33333vw;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .sidenav .side-nav3 {
    position: absolute;
    top: 104.88vw;
    left: 0vw;
    width: 37.86667vw;
    height: 9.33333vw;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .sidenav .side-nav4 {
    position: absolute;
    top: 127.97333vw;
    left: 0vw;
    width: 37.86667vw;
    height: 9.33333vw;
    right: 0;
    margin: auto;
    width: 100%;
  }
}

.footer-sec {
  position: relative;
  width: 100%;
  height: 5.15625vw;
  background-color: #000000;
}

@media only screen and (max-width: 800px) {
  .footer-sec {
    position: relative;
    width: 100%;
    height: 34.66667vw;
  }
}

.footer-sec .email-txt {
  position: absolute;
  top: 0.83333vw;
  left: 1.35417vw;
  width: 24.32292vw;
  height: 1.35417vw;
  font-family: adequate;
  font-size: 0.98958vw;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.875vw;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

@media only screen and (max-width: 800px) {
  .footer-sec .email-txt {
    position: absolute;
    top: 13.89333vw;
    left: 0vw;
    width: 39.2vw;
    height: 8vw;
    right: 0;
    margin: auto;
    text-align: center;
    line-height: 5.33333vw;
    font-size: 2.4vw;
    width: 100%;
    white-space: pre-line;
  }
}

.footer-sec .terms-txt {
  position: absolute;
  top: 1.875vw;
  left: 71.71875vw;
  width: 25.88542vw;
  height: 1.35417vw;
  font-family: adequate;
  font-size: 0.98958vw;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.35417vw;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .footer-sec .terms-txt {
    position: absolute;
    top: 26.16vw;
    left: 0vw;
    width: 38.4vw;
    height: 2.66667vw;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    font-size: 2.4vw;
  }
}

.footer-sec .face {
  position: absolute;
  top: 0.9375vw;
  left: 43.02083vw;
  width: 1.75vw;
  height: 3.11458vw;
  background-image: url("../images/facebook.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .footer-sec .face {
    position: absolute;
    top: 4.26667vw;
    left: 37.04vw;
    width: 2.90667vw;
    height: 5.17333vw;
  }
}

.footer-sec .insta {
  position: absolute;
  top: 0.9375vw;
  left: 47.96875vw;
  width: 3.27083vw;
  height: 3.27083vw;
  background-image: url("../images/instagram.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .footer-sec .insta {
    position: absolute;
    top: 4.26667vw;
    left: 46.64vw;
    width: 5.44vw;
    height: 5.44vw;
  }
}

.footer-sec .youtube {
  position: absolute;
  top: 0.72917vw;
  left: 53.90625vw;
  width: 3.79167vw;
  height: 3.79167vw;
  background-image: url("../images/youtube.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .footer-sec .youtube {
    position: absolute;
    top: 4vw;
    left: 58.37333vw;
    width: 5.97333vw;
    height: 5.97333vw;
  }
}
/*# sourceMappingURL=master.css.map */