/* TEXT */
h1, .h1 {
  font-size: 48px;
  line-height: 68px;
  font-family: 'roboto_medium';
  color: #FFF;
  font-weight: 600;
}

h2, .h2 {
  font-size: 36px;
  line-height: 43px;
  margin-bottom: 33px;
  font-family: 'roboto_medium';
  color: var(--color-green1);
  font-weight: 600;
}

h3, .h3 {
  font-size: 21px;
  line-height: 25px;
  margin-bottom: 39px;
  font-family: 'roboto_medium';
  color: var(--color-dark3);
}

em {
  font-family: 'roboto_lightitalic';
  font-size: 16px;
  line-height: 24px;
}

body {
  font-size: 20px;
  line-height: 26px;
  font-family: 'roboto_light';
  color: var(--color-dark1);
  background-color: var(--color-dark2);
  -webkit-font-smoothing: antialiased;
}

main {
  width: 100%;
}

div[class*=btn-detail-ext] {
  height: 10px;
}

div[class*=btn-detail-ext].active {
  background-color: #fff;
}

.btn-enquire {
  margin-bottom: 10px;
}

/* BACKGROUND */
.bg-green1 {
  background-color: var(--color-green1);
}

.bg-green2 {
  background-color: var(--color-green2);
}

.bg-green3 {
  background-color: var(--color-green3);
}

.bg-dark2 {
  background-color: var(--var-dark2);
}

/* WAVE */
.sticky {
  position: absolute;
}

.sticky.top {
  top: -2px;
}

.sticky.bottom {
  bottom: -2px;
}

* {
  outline: none !important;
}

img,
canvas,
iframe {
  max-width: 100%;
}

a {
  color: var(--color-green1) !important;
  text-decoration: none;
}

.breadcrumbsContainer {
  color: #FFF;
}

.breadcrumbsContainer a {
  color: #FFF !important;
}

.breadcrumbsContainer a span {
  color: #FFF !important;
}

a.link {
  color: transparent;
}

a.link:hover {
  color: transparent;
}

.text-shadow {
  text-shadow: 0px 3px 6px rgba(51, 51, 51, 0.2);
}

.breadcrumbsContainer ol, .breadcrumbsContainer ul {
  padding-left: 0px;
}