html, body { height: 100%;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px;  background: #4ba52b;  }

header.carousel { height: 450px; }
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner { height: 100%; }
header.carousel .fill { width: 100%; height: 100%; background-position: center; background-size: cover; }

.bg-header {  padding: 20px 20px;}
.navbar { border-bottom:5px solid #b46f24; background:#d19c41; font-size:14px; }
.navbar a { color: #000;  }
.logo { padding:15px 0px 15px 10px; width:350px;  }
.clearout { clear:both; margin-bottom:10px; }
.bg-green { background:#3e771c; }
.bg-grey { background:#272727; letter-spacing: 1px;}
.padding-content { padding:15px;}
.padding-content2 { padding:15px 0px 0px 30px;}

.content-icon { text-align:right; right:0px; padding-left:250px; }
.icon-call { background:url(../images/icon-call.png) no-repeat; width:175px; padding:0px 0px 0px 25px; font-size:17px; margin-top:40px;  }
.icon-mail { background:url(../images/icon-mail.png) no-repeat; width:200px; padding:0px 0px 0px 25px; font-size:17px;  }

.h1 { font-size:26px; }
.h2-red { font-size:17px; color: #d21414; }
.h3 { font-size:27px; color:#FFF; }
.h4 { font-size:17px; color:#FFF;}
.h5 { font-size:20px; color:#edb51d; }
.btn-read { background:#082e5b; padding:10px 30px; clear:both; color:#FFF; font-size:12px;  }
.h6-red { color:#9b1702; font-size:18px; }
.h6 { font-size:16px; }

.bg-servcies { background:#082e5b; text-align:center; padding:10px 0px 10px 0px; }
.section-tittle1 { font-size:15px; color:#FFF;  }
.social-media2 { width:200px; right:0px; }

.content-left { width:350px; }
.tittle-tour { font-size:15px; background:#282d30; padding:8px; color:#FFF; font-weight:bold; margin-top:20px; }
.list-group-item { position: relative;  display: block;  padding: 12px 14px; margin-bottom: -1px; background:#f1f1f1;  font-size:12px; }
.list-group-item a:hover { background:#9c9c9c; }

.content-contact { color:#FFF; padding:40px; }
.content-contact a { color:#FFF;  }
.footer { padding:10px; background:#1f1f1f; text-align:center; color:#CCC; font-size:12px; }
.footer a { color:#fff;}
.border-content { border-bottom: 1px dotted #999999; margin-top: 2px; margin-bottom: 15px; position: relative; clear: both; }
.line-dot { padding-top:10px; margin-bottom:10px; border-bottom:2px solid  #C3C3C3;}
	
/*hvrbox detail*/
.hvrbox,.hvrbox * { }
.hvrbox { position: relative; overflow: hidden; max-width: 100%; height: auto; }
.hvrbox2 img { max-width: 100%; }

.hvrbox img { max-width: 100%; }
.hvrbox .hvrbox-layer_bottom { display: block; }
.hvrbox .hvrbox-layer_top { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; background: rgba(0, 0, 0, 0.6);
color: #fff; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.hvrbox:hover .hvrbox-layer_top,.hvrbox.active .hvrbox-layer_top { opacity: 1; }
.hvrbox .hvrbox-text { text-align: center; font-size: 18px; display: inline-block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.hvrbox .hvrbox-layer_image { padding: 0; background: none; }

/*hvrbox detail*/
.hvrbox-detail { position: relative; overflow: hidden; max-width: 100%; }
.hvrbox2-detail img { max-width: 100%; }

.hvrbox-detail img { max-width: 100%; background-position: center center;  }
.hvrbox-detail .hvrbox-layer_bottom { display: block; }
.hvrbox-detail .hvrbox-layer_top { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; background: rgba(0, 0, 0, 0.6); color: #fff; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.hvrbox:hover .hvrbox-detail-layer_top,.hvrbox.active .hvrbox-detail-layer_top { opacity: 1; }
.hvrbox-detail .hvrbox-text { text-align: center; font-size: 18px; display: inline-block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.hvrbox-detail-detail .hvrbox-layer_image { padding: 0; background: none; }

.btn-sosmed { margin-right:7px; }
.btn-sosmed:hover { opacity:0.7; }



/* Responsive Styles */
@media(max-width:991px) {
    .customer-img,
    .img-related { margin-bottom: 30px; }
	 header.carousel { height:50%; }
	.img-responsive { width:100%; }
	.content-left { width:100%; }
	.logo { width:100%; }
	iframe { width:100%; height:80%; }
	.padding-content2 { padding:15px; text-align:center; }
	.content-icon { text-align:center; padding:0px; margin:0px; }
	.icon-call { margin:0px auto; }
	.icon-mail { margin:0px auto; }
}

@media(max-width:767px) {
    header.carousel .carousel { height: 70%;}
	header.carousel { height:40%; }
	.img-responsive { width:100%; }
	.padding-content { padding:0px; }
	.content-left { width:100%; }
	.logo { width:80%; margin:0px auto; padding:30px 10px 10px 10px; }
	iframe { width:100%; height:80%; }
	.padding-content2 { padding:15px; text-align:center; }
	.content-icon { text-align:center; padding:0px; margin:0px;  }
	.icon-call { margin:0px auto; }
	.icon-mail { margin:0px auto; padding-bottom:10px; }
}