/*
Theme Name: Hilstone
Theme URI: http://boc.co.id/
Author: the BOC team
Author URI: http://boc.co.id/
*/

h1, h2, h3, h4, h5, h6                          { margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-weight:400; } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a              { font-weight:inherit; color:inherit;  }
h1 { margin:15px 0 15px 0; padding:0; font-size:30px; line-height:40px; color:#000040;}
h2 { margin:15px 0 15px 0; padding:0; font-size:26px; line-height:34px; color:#000040;}
h3 { margin:10px 0 10px 0; padding:0; font-size:20px; line-height:25px; color:#000040;}
h4 { margin:10px 0 10px 0; padding:0; font-size:19px; line-height:19px; color:#000040;}
h5 { margin:10px 0 10px 0!important; padding:0; font-size:16px; line-height:16px; color:#000040;}
h6 { margin:10px 0 10px 0!important; padding:0; font-size:14px; line-height:13px; color:#000040;}
.alignright { float: right; margin:0 0 10px 10px; m }
.alignleft { float: left; margin:0 10px 10px 0 }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.postmeta{ padding:6px 0; border-bottom:1px solid #ddd;  border-top:1px solid #ddd; margin:10px 0 20px}
#sf-sidebar.sf-sidebar-exposed .sf-logo{ background:#FFFFFF}
.table .thead-dark th {color: #fff;background-color: #212529;border-color: #32383e; border: 2px solid #fff; }
.table{ text-align:center}
.thead-color{ background:#000040; color:#FFFFFF; text-transform: uppercase}
.table td, .table th { border: 2px solid #fff;}

body .pswp {
    z-index: 1500000000!important;
}

.before {
  color: #fff;
  display: inline-block;
  font-size: 30px;
  left: 10px;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 29px;
  padding: 7px 10px;
  font-weight: 500;
  min-width: 45px;
  z-index: 1;
}

.topjudul{ margin-bottom:80px!important; color:#FFFFFF!important; font-size:30px; position:absolute; top:40px; font-family: 'Montserrat', sans-serif; }
/* SEARCH */
#search {background: #f7d100; height: 26px;padding: 0; margin-left:5px; text-align: right;width:250px; text-align:right!important;}
#search input {border: 0;background: none; color: #f4e6ab; font-size:10px; border-right: 1px solid #FF0;}
#search input[type=image] {margin: 3px 3px 0 0;  }
#searchform [type=image] {float:right; width:25px; padding:2px }
#s{width: 90%; height:30px; padding: 0 4px 0 10px; margin:0 0 0 0; background: none; float:left ; border:0; box-shadow: inset 0 0 0 rgba(10, 10, 10, 0.1)!important;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
padding:3px 5px; border:none; -moz-border-radius: 1px; -khtml-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px; background:#000; color:#000}
#searchform{ padding: 0; background:#fff; width:100%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; height:32px; float:right; border:1px solid #999;  margin-bottom:20px}
.search-form #searchform {margin: auto!important; width: -moz-fit-content;width: -webkit-fit-content;width: fit-content; float: left!important; }
.search-non{ width:500px}
.search-non #searchform{width:100%!important;}
#table-menu {display: table; margin: auto auto auto auto;}
.map{background:#000040; padding:10px;  width:100%}
.address{ padding-top:10px }
.map iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.map p{ margin-bottom: 0;}
.yutube iframe{display: block; width: 100%;height: 350px;}
.copyright {text-align: center;padding: 20px 0;color: #fff;background:#000040; font-size:13px}
#home .btn_1{ float:right;}
.main-logo img{ width:220px}
header .sticky_element .main-logo img { width:190px}
.phone_header{ padding:10px 0; }
.phone_header .icons{ float:right; padding:0 20px}
/* wp-contacform7 */
.wpcf7 input[type=”text”],.wpcf7 input[type=”email”],.wpcf7 textarea{width: 100% !important;}
.wpcf7 input {padding: 10px; background:#fff; width: 100%;
font-size: 14px; font-size: 0.875rem;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;border: 1px solid #767676;height: calc(1.75em + .75rem + 2px); margin-bottom:15px}
.wpcf7-select {background:#fff;border: 1px solid #767676; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; width:100%!important;  margin-bottom:15px; padding: 10px;}


.wpcf7 textarea { padding: 10px; background:#fff;font-size: 14px;font-size: 0.875rem;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;border: 1px solid #767676; width:100%!important; height:100px }
.wpcf7 input[type=submit] { border: none;color:#fff!important;background: #000040;outline: none;cursor: pointer;display: inline-block;text-decoration: none;padding: 12px 25px;color: #fff;font-weight: 500;text-align: center;font-size: 14px;font-size: 0.875rem;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;line-height: normal; margin-top:15px; text-transform:uppercase; width:100px}
.wpcf7 input[type=submit]:hover {background:#000027!important; color:#fff!important;}
.wpcf7 p{ position: relative; margin-bottom:10px }
.wpcf7 label { font-weight: 400; }
.wpcf7 p .fa { position: absolute;  color:#f06421;  z-index: 100;   font-size: 20px;    top: 12%;    left: 6%;}


#about{  background:#fff right no-repeat;  display: block; margin: auto; line-height:26px; font-size:15px}
.bg_contact{background-size: auto 100%, cover; background-position: left;background-repeat: no-repeat;}
.bg_red{ background:#b60102; padding:60px; color:#fff}
.bg_red h2{ color:#e49210; font-weight:700}
.brown_title{ color:#c90110; font-weight:700!important;}
.paket_title{ color:#FFCC00; margin:25px 0}
.space-yutube{padding: 80px 60px 80px 0}
.space{padding: 80px 60px 80px}
.space1 {padding: 80px 60px;}
.space-form{padding: 0px 60px 80px}
.tectbox {padding: 60px 60px 60px 60px;}
.tectbox1 {padding: 10px 60px 60px 60px;}

.logo{ margin:5px 0}
.imgbg{ height:600px;background-size: cover!important; background-position:center!important;}
.imgbg1{ height:800px;background-size: cover!important; margin-bottom:2px; background-position:center!important;}
.imgevent{height:422px;background-size: cover!important; margin-bottom:4px; background-position:center!important; }
footer .follow_us ul {margin: 10px 0;padding: 0;list-style: none;}
footer .follow_us ul li {display: inline-block;padding-left: 0px;}
footer .follow_us ul li a {display: block;}
footer .follow_us ul li a img { width: 30px; height: 30px;}
footer .follow_us ul li a:hover {-webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);}

.phone_header{ font-size:20px; color:#FFFFFF; }
.phone_header a { color:#FFFFFF}
.stores{background: #fff left no-repeat; display: block; background-size: 53% auto, cover;}
.text-w{color: #fff;}
.text-w ul li a{color: #fff;}
.text-w ul li i{ color: #fff;}
.contact{background:#fff;}
.contact  ul {margin: 0 0 25px 0;padding: 0;list-style: none;}
.contact  ul li {padding-left: 35px;position: relative;margin-bottom: 5px;}
.contact  ul li a {}
.contact ul li a:hover {opacity: 1; color:#CCCCCC}
.contact  ul li i {font-size: 18px;font-size: 1.125rem;position: absolute;top: 0;left: 0;line-height: 1;}
.contact  .reservation { color:#FFFFFF}



#testimoni #carousel-home .owl-carousel .owl-slide, #carousel-home-2 .owl-carousel .owl-slide { height: 400px; position: relative;}

.header-bg {
    background-image: #000 url('../images/header-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    background-position: center center; height:400px
}
.thumbnailx img{ padding-bottom:20px!important; width:100%!important; height:auto !important}
.modal-dialog { max-width: 1024px;margin: 1.75rem auto;}
.modal-content { padding: 10px;}
.modalh{height:350px}
.modal-body { text-align: left!important}


/* Scroll top button */
#toTope {
  position: fixed;
  right: 0;
  opacity: 0;

  bottom: 25px;
  margin: 0 25px 0 0;
  z-index: 999;
  transition: 0.35s;

  width: 46px;
  height: 46px;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  transition: all 0.3s;
  border-radius: 50%;
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  color: #fff;
  cursor: pointer;
}
#toTope.visible {
 right: 60px;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#toTope:after {
 
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#toTope:hover {
  background-color: #000040;
}
#toTope i{ position: relative;top: 12px;}
.iconcontact{ width:400px}


@media (max-width: 767px) {
.modalh{height:300px}
.modal-dialog {max-width: 750px;margin: 1.75rem auto;}article.lifestyle figure
.iconcontact{ width:500px}

}

@media (max-width: 575px) {
    #sf-mob-navbar{z-index: 1000!important;}
#news1 .blog figure {
  height: 180px ;
}
.wpcf7 input {margin-bottom: 5px;}
    
.phone_header .icons{ float:none; padding:0 20px; text-align: center; }
article.lifestyle figure {height: 220px!important;}
.topjudul {font-size: 20px;}
.before {font-size: 14px;     left: 0; top:6;}
 .slide-text h2, .slide-text h3 {
    font-size: 24px;
  }
  .slide-text.white h2, .slide-text.white h3 {
    line-height: 22px;
}

.space-form {
    padding: 30px 30px 40px;
}
.phone_header {margin-right: 0;}
.follow_us ul {
       margin: auto auto!important;
    position: relative;
    margin: 0;
    padding: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    float: none;
}
.map {
    height: 300px; }
.pnlm-dragfix{ height:200px!important;}
.slogan{ text-align:center}

.hd{ display:none}
    .iconcontact{ width:90%}
  .space-yutube,.space,.space1, .tectbox,
.tectbox1 {padding: 30px 30px 30px 30px}
.main_title { margin-bottom: 30px; margin-top:0}
#home .btn_1 { float: none;}
.tectbox { text-align:center}
.imgbg, .imgbg1{ height:300px; background-position:center }
#sf-mob-navbar{ background:#FFFFFF!important;}
.phone_header {padding: 10px 0; margin-top:0}
header .main_header { padding: 5px 0;}
.layanan{ float: left}
.phone_header .icons {padding: 0 0;}
#sf-sidebar.sf-sidebar-exposed .sf-logo{ background:#FFFFFF}
}