.footer h3,
.navbar-toggle,
.navbar-toggle.collapsed {
  color: #000;
}

.container {
  padding: 0 12px;

  margin: auto;

  background-color: #fff;
}

.navbar-toggle.collapsed:hover,
ul.nav.navbar-nav li.active a {
  background-color: #e7e7e7;
}
.navbar-toggle.collapsed:focus {
  background-color: #bedef7;
}

ul.nav.navbar-nav li a {
  font-size: 14px;

  border-bottom: none;

  padding: 16px 11.5px;
}

.navbar-default {
  border-bottom: 1px solid lightgrey;
}

.navbar-default ul:first-child {
  margin-left: -18px;

  border-bottom: none;
}

.menu-tripadvisor {
  padding-right: 38px;

  padding-top: 10px;
}

.customer-link {
  position: absolute;

  text-align: center;

  width: 100%;

  top: 220px;
}

.footer h3 {
  font-size: 19px;
}

.footer .satu h3 span {
  border-bottom: 1px solid #fff;

  padding-right: 40px;

  padding-bottom: 0;
}

.footer h3 span {
  border-bottom: 1px solid #fff;

  padding-right: 90px;

  padding-bottom: 15px;
}

.footer section.tiga {
  margin-top: -26px;
}

.footer-section-tiga {
  border-bottom: 1px solid #fff;

  margin-top: 30px;

  padding-bottom: 14px;

  margin-bottom: 14px;
}

.footer section:not(.satu) h3 {
  margin-bottom: 30px;
}

.footer .kontak {
  font-family: judul;

  font-size: 12px;
}

.navbar-toggle {
  float: left;

  margin-left: 10px;
}

.navbar-brand {
  float: right;
}

.isi p {
  font-size: 12px;
}

.navbar-input-group {
  font-size: 0px; /*removes whitespace between button and input*/
}

.navbar-input-group input {
  border-top-right-radius: 0px;

  border-bottom-right-radius: 0px;
}

.navbar-input-group .btn {
  border-top-left-radius: 0px;

  border-bottom-left-radius: 0px;
}

/* Search CSS */

.container-result {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

hgroup {
  padding-left: 15px;
  border-bottom: 1px solid #ccc;
}

hgroup h1 {
  font: 500 normal 1.625em 'Roboto', Arial, Verdana, sans-serif;
  color: #2a3644;
  margin-top: 0;
  line-height: 1.15;
}

hgroup h2.lead {
  font: normal normal 1.125em 'Roboto', Arial, Verdana, sans-serif;
  color: #2a3644;
  margin: 0;
  padding-bottom: 10px;
}

.meta-search ul {
  padding-top: 0px !important;
}

.meta-search li {
  padding-left: 16px;
}

.search-result .thumbnail {
  border-radius: 0 !important;
}

.search-result:first-child {
  margin-top: 0 !important;
}

.search-result {
  margin-top: 20px;
}

.search-result .col-md-2 {
  border-right: 1px dotted #ccc;
  min-height: 140px;
}

.search-result ul {
  padding-left: 0 !important;
  list-style: none;
}

.search-result ul li {
  font: 400 normal 0.85em 'Roboto', Arial, Verdana, sans-serif;
  line-height: 30px;
}

.search-result ul li i {
  padding-right: 5px;
}

.search-result .col-md-7 {
  position: relative;
}

.search-result h3 {
  font: 500 normal 1.375em 'Roboto', Arial, Verdana, sans-serif;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.search-result h3 > a,
.search-result i {
  color: #06b7a7 !important;
}

.search-result p {
  font: normal normal 1.125em 'Roboto', Arial, Verdana, sans-serif;
}

.search-result span.plus {
  position: absolute;
  right: 0;
  top: 126px;
  display: none;
}

.search-result span.plus a {
  background-color: #248dc1;
  padding: 5px 5px 3px 5px;
}

.search-result span.plus a:hover {
  background-color: #414141;
}

.search-result span.plus a i {
  color: #fff !important;
}

.search-result span.border {
  display: block;
  width: 97%;
  margin: 0 15px;
  border-bottom: 1px dotted #ccc;
}

.search-content {
  padding-left: 20px;
}

.search-content p {
  font-size: 14px;
}

@-moz-document url-prefix() {
  #carousel-example-generic {
    margin-top: -13px !important;
  }
}

@media only screen and (min-device-width: 100px) and (max-device-width: 319px) {
  .navbar-brand {
    margin-top: -4px;
  }

  .menu-tripadvisor {
    display: none;
  }

  #beyond-contact {
    margin-top: 14px;
  }

  #beyond-contact .pull-right {
    float: none !important;
  }

  .portofolio .col-xs-6 {
    margin-bottom: 20px;
  }

  .ad-image-wrapper {
    height: 160px !important;
  }

  .menu-search {
    display: none;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .navbar-brand {
    margin-top: -4px;
  }

  .menu-tripadvisor {
    display: none;
  }

  #beyond-contact {
    margin-top: 14px;
  }

  #beyond-contact .pull-right {
    float: none !important;
  }

  .portofolio .col-xs-6 {
    margin-bottom: 20px;
  }

  .ad-image-wrapper {
    height: 160px !important;
  }

  .menu-search {
    display: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .navbar-brand {
    margin-top: -4px;
  }

  .menu-tripadvisor {
    display: none;
  }

  #beyond-contact {
    margin-top: 14px;
  }

  #beyond-contact .pull-right {
    float: none !important;
  }

  .portofolio .col-xs-6 {
    margin-bottom: 20px;
  }

  .ad-image-wrapper {
    height: 160px !important;
  }

  .menu-search {
    display: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
  .navbar-brand {
    margin-top: -4px;
  }

  .menu-tripadvisor {
    display: none;
  }

  #beyond-contact {
    margin-top: 14px;
  }

  #beyond-contact .pull-right {
    float: none !important;
  }

  .portofolio .col-xs-6 {
    margin-bottom: 20px;
  }

  .ad-image-wrapper {
    height: 160px !important;
  }

  .menu-search {
    display: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  .navbar-brand {
    margin-top: -4px;
  }

  .menu-tripadvisor {
    display: none;
  }

  #beyond-contact {
    margin-top: 14px;
  }

  #beyond-contact .pull-right {
    float: none !important;
  }

  .portofolio .col-xs-6 {
    margin-bottom: 20px;
  }

  .ad-image-wrapper {
    height: 190px !important;
  }

  .menu-search {
    display: none;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .navbar-brand {
    margin-top: -4px;
  }

  .menu-tripadvisor {
    display: none;
  }

  #beyond-contact {
    margin-top: 14px;
  }

  #beyond-contact .pull-right {
    float: none !important;
  }

  .ad-image-wrapper {
    height: 190px !important;
  }

  .menu-search {
    display: none;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1223px) and (orientation: landscape) {
  .navbar-brand {
    display: none;
  }

  .ad-image-wrapper {
    height: 220px !important;
  }

  .search-mobile {
    display: none;
  }

  .menu-search {
    display: none;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1223px) and (orientation: portrait) {
  .navbar-brand {
    display: none;
  }

  .ad-image-wrapper {
    height: 220px !important;
  }

  .search-mobile {
    display: none;
  }

  .menu-search {
    display: none;
  }
}

@media only screen and (min-width: 1224px) {
  .navbar-brand {
    display: none;
  }

  .portofolio .col-lg-2,
  .portofolio .col-md-2 {
    width: 14%;
  }

  .footer .col-lg-5 {
    width: 35%;
  }

  .footer .col-lg-3 {
    width: 29%;
  }

  .footer .col-lg-4 {
    width: 36%;
  }

  @-moz-document url-prefix() {
    .navbar.navbar-default {
      margin-bottom: 13px;
    }
  }

  img.slider {
    width: 99.9%;
  }

  .top-menu {
    padding: 0px !important;
  }

  .search-mobile {
    display: none;
  }
}

@media only screen and (min-width: 1824px) {
  .navbar-brand {
    display: none;
  }

  .portofolio .col-lg-2,
  .portofolio .col-md-2 {
    width: 14%;
  }

  .footer .col-lg-5 {
    width: 38%;
  }

  .footer .col-lg-3 {
    width: 26%;
  }

  .footer .col-lg-4 {
    width: 36%;
  }

  .search-mobile {
    display: none;
  }
}
