.body-of-content.is-nav-show {
  padding-top: 0 !important;
}
.img-banner--bisnis-property {
  height: auto;
}
.info-text, 
.info-text-secondary
{
  line-height: 1.25;
}
.normal {
  font-weight: 400;
}
.bold {
  font-weight: 800;
}
.w-700 {
  font-weight: 700;
}
.img-banner--bisnis-property,
.wrapper-iframe {
  width: 100%;
}
.wrapper-iframe {
  position: relative;
}
.img-logo--bright-day,
.img-button--daftar {
  height: 100%;
}
.register-disable {
  filter: grayscale(100%);
  cursor: not-allowed;
}
.separator-horizontal {
  border-bottom: 2px solid #dbdbdb;
  line-height: 0;
}
.wrapper-btn-cta {
  display: grid;
  grid-template-columns: max-content;
  justify-content: center;
}
.btn-cta-bisnis {
  width: max-content;
}
.btn-cta-bisnis:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0) !important;
}
.text-alert-info {
  line-height: 1.25;
}
.btn-transparent-full {
  background-color: transparent;
  color: #fff;
  position: absolute;
  font-size: 1.25rem;
}
.btn-transparent-full:hover {
  color: #fff;
}
.btn-transparent-full:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0) !important;
}
.btn-register.contact {
  border-radius: 12px;
  border: 2px solid #fdd314;
  padding: 6px 1rem;
}
.btn-register.contact:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0);
}
/* Small devices (portrait phones, 575px and down) */
@media only screen and (max-width: 575px) {
  .img-logo--bright-day {
    width: 12rem;
  }
  .info-text {
    font-size: 1em;
  }
  .info-text-secondary {
    font-size: .875em;
  }
  .container-hubungi-kami {
    width: 9em;
  }
  .wrapper-iframe {
    height: 250px;
    max-height: 250px;
  }
  .img-button--daftar {
    width: 14rem;
  }
  .separator-horizontal {
    width: 10rem;
  }
  .text-alert-info {
    font-size: 1em;
  }
  .btn-transparent-full {
    bottom: 20px;
    right: 125px;
  }
  .btn-register.contact {
    font-size: .75em;
  }
}
@media only screen and (max-width: 509px) {
  .btn-transparent-full {
    right: 100px;
  }
}
/* Small devices (portrait tablets and large phones, 576px and up) */
@media only screen and (min-width: 576px) {
  .img-logo--bright-day {
    width: 15rem;
  }
  .info-text {
    font-size: 1.25em;
  }
  .info-text-secondary {
    font-size: 1em;
  }
  .container-hubungi-kami {
    width: 10em;
  }
  .wrapper-iframe {
    height: 300px;
    max-height: 300px;
  }
  .img-button--daftar {
    width: 18rem;
  }
  .separator-horizontal {
    width: 15rem;
  }
  .text-alert-info {
    font-size: 1.25em;
  }
  .btn-transparent-full {
    bottom: 22px;
    right: 125px;
  }
  .btn-register.contact {
    font-size: .875em;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .info-text {
    font-size: 1.5em;
  }
  .info-text-secondary {
    font-size: 1.25em;
  }
  .wrapper-iframe {
    height: 350px;
    max-height: 350px;
  }
  .btn-transparent-full {
    bottom: 30px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .img-logo--bright-day {
    width: 18rem;
  }
  .info-text {
    font-size: 2em;
  }
  .info-text-secondary {
    font-size: 1.5em;
  }
  .wrapper-iframe {
    height: 450px;
    max-height: 450px;
  }
  .img-button--daftar {
    width: 24rem;
  }
  .btn-register.contact {
    font-size: 1.125em;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .img-logo--bright-day {
    width: 20rem;
  }
  .info-text {
    font-size: 2.5em;
  }
  .info-text-secondary {
    font-size: 2em;
  }
  .wrapper-iframe {
    height: 550px;
    max-height: 550px;
  }
  .img-button--daftar {
    width: 28rem;
  }
  .btn-register.contact {
    font-size: 1.25em;
  }
}

.video {
  position: relative;
  width: 50vw;
}

.video__iframe {
  position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video__placeholder {
  width: 100%;
  height: 100%;
  position: absolute;
}

.video__youtube {
  padding-bottom: 56.23%;
  width: 100%;
  height: 0;
  overflow: hidden;
position: relative;
  object-fit: cover;
  background-color: black;
}

.video__button {
  background: none;
border: 0;
cursor: pointer;
height: 100%;
left: 0;
position: absolute;
text-indent: -9999px;
top: 0;
transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
width: 100%;
}

.video__button:before {
  width:100%;
  height:100%;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  background: url(https://storage.googleapis.com/brighton-assets/Uploads/Files/5250334/7BXvL7A1/youtube-play2.png) no-repeat center center;
  background-size: 10%; 
}

.video__button:hover:before {
  background: url(https://storage.googleapis.com/brighton-assets/Uploads/Files/5250334/7BXvL7A1/youtube-play2.png) no-repeat center center;
  background-size: 10%; 
}