/* First we have to make the main header transparent */
#main-header {
  background-color: transparent;
  box-shadow: none;
}
/* Then we turn off the footer */

#main-footer {
  display: none;
}

/* Here we make the content of our page builder sections transparent. This is so that the background image shows through */

.et_pb_section {
  background-color: transparent;
}

/* Here we set the background image for our specific pages. We also set the background image to cover so that it always fills the screen */

.page-id-37 {
  background-image: url("http://suprabaru.com/wp-content/uploads/2017/03/ZEBEC_banner_720p.gif");
  background-size: cover;
}

/* Finally we change the header color for our pages that don't have a background image

.page-id-24575 #main-header {
  background-color: #10a2ef;
}*/

.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a, .et_slide_in_menu_container #mobile_menu_slide li a {
  color:#666666;
}

.et_slide_menu_top, .et_slide_menu_top a, .et_slide_menu_top input {
  color:#666666;
}

.et_header_style_slide .et_slide_in_menu_container {
  max-width:75%;
  padding-top:0 !important;
  width:250px;
}

.container.et_menu_container {
  z-index:99;
}


.container {
  position:relative;
  text-align:left;
  width:65%;
}

.et_pb_fullwidth_header {
  padding:0;
}

.wave-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.wave-image {
  width: 100%;
  display: block;
  animation: wave 4s ease-in-out infinite alternate;
}

/* Efek CSS Ombak (lembut) */
@keyframes wave {
  0% {
    transform: translateY(0px) scale(1);
  }
  100% {
    transform: translateY(-10px) scale(1.02);
  }
}