@charset "utf-8";
/* CSS Document */

/*GENERAL */
.navbar {padding: 0rem 1rem;}.kolominput { width:77.7%;} .kolominput2 { width:77.7%;}.teks-center { text-align:left;}.text-shadows {text-shadow: 1px 1px 2px #000000;}.bg-hitam { background:#333; color:#FFF;}.bg-abumuda { background-color:#f4f4f4; border-top:1px solid #dddddd;}.bg-abutua { background-color:#CCC; color:#FFF;}.bg-kuning2 { background-color:#ffe512;}.bg-kuning { background-color:#ffe512; height:5px;}.parallax-window {min-height: 400px;background: transparent;} .parallax-window2 {min-height: 600px;background: transparent;} .kiributton {background:#fbe60f;} 
.img-circle { border-radius:50%;}.mapinf { width:100%; height:300px; background-position:center; background-attachment:fixed; position:absolute}.dropleft {}.dropleft ul { padding-left:20px;}
.dropleft ul li{ margin-left:20px;}.searchbar { margin:10px auto;}.btn-texts { color:#fff; font-size:14px; font-weight:normal; border-radius:0;}.btn-texts2 { color:#000; font-size:14px; font-weight:normal; border-radius:0; padding:20px;}
.btn-texts3 { color:#fff; font-size:14px; font-weight:normal; border-radius:0; padding:10px 8px 10px 10px; text-align:center;}.btn-texts3 a{ color:#fff;}.area-main-teks { max-width:480px; margin-left: auto; margin-right: auto;} .btn-texts4 { color:#000; font-size:14px; font-weight:normal; border-radius:0; border:1px solid #CCC; ; margin-top:7px;}
.top-badge {font-size: .85714rem;text-transform: capitalize;display: inline-block;padding: .57143rem 1.71429rem;background: #ffe512;letter-spacing: 1px;position: absolute;top: 0;right: 0;bottom: auto;left: auto;}
.logo {position: absolute;float:right;z-index: 999;width: 124px;height: 124px;top:-10px;left:1105px;}.localisebar {width: 100%;top: 0;left: 0;background-color: #f2f2f2;font-size: 12px;padding-left:34px;}
.localisebar .segment {display: block;float: left;padding: 0 18px;border-bottom: none;border-right: 1px solid #ffffff;}.localisebar .segment.current {border: none;background-color: #FFF;color: #333;font-weight: bold;}.localisebar a.segment:hover {background-color: #595959;color: #f2f2f2;}.localisebar .segment.region {background-color: #A5A5A5;border-left: 5px solid #FFE512;color: #FFFFFF;}.localisebar span {height: 25px;line-height: 25px;}.localisebar a {height: 25px;line-height: 25px;} .bg-raywhite { background-color:#ffe512; color:#595959;} .img-circle { border-radius:50%;} .info-box { height:130px;} .info-box-icon {display: block;float: left;height: 101px;width: 128px;text-align: center;font-size: 45px;line-height: 90px; margin-right:15px;} .info-box-text {text-transform: normal;} .info-box{display:block;min-height:104px;background:#fff;width:100%;margin-bottom:20px; border:1px solid #efefef;} .image_fadein {transition: opacity .22s ease-in-out; opacity: 1;} .info-box-content {padding: 15px 10px;margin-left: 90px;} .info-box-text2 {text-transform: normal; font-size:12px;} .bg-abudark { background-color: #cccccc} .topright-badge {font-size: .85714rem;text-transform: uppercase;display: inline-block;padding: .57143rem 1.71429rem;background: #ffe512;letter-spacing: 1px;position: absolute;top: 0;right: 0;bottom: auto;left: auto; margin-right: 17px;} .menuabu a{ color:#595959;} .col-top-bottom{ padding-bottom:15px; padding-top:15px;} .cpanel {transition: padding 0.5s;-moz-transition: padding 0.5s; /* Firefox 4 */-webkit-transition: padding 0.5s; /* Safari and Chrome */-o-transition: padding 0.5s; /* Opera */-ms-transition:padding 0.5s; /* IE9 (maybe) */}.cpanel:hover {padding:10px;}
.agents-datail{ width: 100%;} .labels { padding: 5px; font-size: 12px; margin-top: 50px;} .info-title {display: block; font-weight: 400; font-size: 16px;}
.list-unstyled a{ color: #999999;}
.list-unstyled a:hover{ color: turquoise;}
.btm-link a{color: #999999;}
.btm-link a:hover{color:turquoise;}
/* CSS FOR ZOOM IMAGE */
.item {
  position: relative;
  overflow: hidden;
}
.item img {
  max-width: 100%;
  
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.item:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}


/* MAP CSS */
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
	width:1120px;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    position:absolute;
}


/* CSS FOR ZOOM IMAGE */

/* SOCIAL SHARE ICON */
.fas {

    padding: 8px 0 0 0;
    font-size: 18px;
    width: 35px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
    border:1px solid #595959;
}

.fa:hover {
    opacity: 0.7;

}

.fa-facebook {
    color: #595959;
}

.fa-twitter {
    color: #595959;
}

.fa-google {
    color: #595959;
}

.fa-linkedin {
    color: #595959;
}

.fa-mail {
    color: #595959;
}
/* SOCIAL SHARE ICON */

/* ARROW */
.arrow {opacity: 0;position: absolute;left: 50%;top: 100%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;
-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.arrow-first {-webkit-animation: arrow-movement 2s ease-in-out infinite;animation: arrow-movement 2s ease-in-out infinite;}
.arrow-second {-webkit-animation: arrow-movement 2s 1s ease-in-out infinite;animation: arrow-movement 2s 1s ease-in-out infinite;}.arrow:before,.arrow:after {background: #fff;content: '';display: block;height: 3px;position: absolute;top: 0;left: 0;width: 30px;}.arrow:before {-webkit-transform: rotate(45deg) translateX(-23%);transform: rotate(45deg) translateX(-23%)-webkit-transform-origin: top left;transform-origin: top left;}.arrow:after {-webkit-transform: rotate(-45deg) translateX(23%);transform: rotate(-45deg) translateX(23%);-webkit-transform-origin: top right;transform-origin: top right;}

@-webkit-keyframes arrow-movement {
  0% {
    opacity: 0;
    top: 95%;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes arrow-movement {
  0% {
    opacity: 0;
    top: 95%;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



/* FOR Full HD Screen 1920 */
@media screen and (width:1920px) {
	.logo{float:right;position: absolute;top:-42px;left:1372px;width:180px;height:180px;padding-top: 9px;-webkit-transform: scale(0.6); /* Saf3.1+, Chrome */-moz-transform: scale(0.6); /* FF3.5+ */-ms-transform: scale(0.6); /* IE9 */-o-transform: scale(0.6); /* Opera 10.5+ */transform: scale(0.6);}
}

/*Desktop Screen 1600 */
@media screen and (width: 1600px){
	.logo {position: absolute;float:right;z-index: 999;width: 124px;height: 124px;top:-10px;left:1232px;}
}

/*Desktop Screen 1440 */
@media screen and (width: 1440px){
	.logo {position: absolute;float:right;z-index: 999;width: 124px;height: 124px;top:-10px;left:1152px;}
}

/*Desktop Screen 1366 */
@media screen and (width: 1366px){
	.logo {position: absolute;float:right;z-index: 999;width: 124px;height: 124px;top:-10px;left:1105px;}
}

/*Desktop Screen 1024 */
@media screen and (width:1024px) {
  .kolominput { width:76%;}
  .logo{float:right;position: absolute;top:-50px;left:842px;width:180px;height:180px;padding-top: 9px;-webkit-transform: scale(0.5); /* Saf3.1+, Chrome */-moz-transform: scale(0.5); /* FF3.5+ */-ms-transform: scale(0.5); /* IE9 */-o-transform: scale(0.5); /* Opera 10.5+ */transform: scale(0.5);}
}

/*Tablet Screen 768 */
@media screen and (width: 768px) {
  .kolominput { width:66%;}
	.logo{float:right;position: absolute;top:-50px;left:580px;width:180px;height:180px;padding-top: 9px;-webkit-transform: scale(0.5); /* Saf3.1+, Chrome */-moz-transform: scale(0.5); /* FF3.5+ */-ms-transform: scale(0.5); /* IE9 */-o-transform: scale(0.5); /* Opera 10.5+ */transform: scale(0.5);}
}

/* FOR iPhone 6 Plus */
@media screen and (min-width: 414px) and (max-width: 736px){
.navbar {padding: .5rem 1rem;}
.teks-center { text-align:center;}
.dropdowncostume{padding-left: 0px;margin-left: 0px;}
.topnavbar .container{margin-left: 10px !important;}
.logo{float:right;position: absolute;top:-50px;left:261px;width:180px;height:180px;padding-top: 9px;-webkit-transform: scale(0.5); /* Saf3.1+, Chrome */-moz-transform: scale(0.5); /* FF3.5+ */-ms-transform: scale(0.5); /* IE9 */-o-transform: scale(0.5); /* Opera 10.5+ */transform: scale(0.5);}
.toggle-costume{float: right;}
#navbarontop{padding-left: 0px;padding-top: 26px; height: 250px;}
#navbarontop>li>a{margin-left: 0px;padding-left: 50px;font-size: 13pt;margin-bottom: 10px;}
#navbarontop>button{margin-left:50px;}
}

/* FOR iPhone 6s */
@media screen and (min-width: 375px) and (max-width: 667px){
header.masthead .header-content{position:relative;width:100%;padding:100px 15px 100px;text-align:center}
header.masthead .header-content .header-content-inner h1{font-size:28px;font-weight:400;margin-top:0;margin-bottom:30px; text-shadow: 1px 1px 2px #000000;}
.navbar {padding: .5rem 1rem; }
.teks-center { text-align:center;}
.dropdowncostume{padding-left: 0px;margin-left: 0px;}
.topnavbar .container{margin-left: 10px !important;}
.logo{float:right;position: absolute;top:-50px;left:222px;width:180px;height:180px;padding-top: 9px;-webkit-transform: scale(0.5); /* Saf3.1+, Chrome */-moz-transform: scale(0.5); /* FF3.5+ */-ms-transform: scale(0.5); /* IE9 */-o-transform: scale(0.5); /* Opera 10.5+ */transform: scale(0.5);}
.toggle-costume{float: right;}
#navbarontop{padding-left: 0px;padding-top: 26px; height: 250px;}
#navbarontop>li>a{margin-left: 0px;padding-left: 50px;font-size: 13pt;margin-bottom: 10px;}
#navbarontop>button{margin-left:50px;}
}
 
/* FOR Android 360 piksel */ 
@media screen and (min-width: 360px) and (max-width: 480px){
header.masthead .header-content{position:relative;width:100%;padding:100px 15px 100px;text-align:center}
header.masthead .header-content .header-content-inner h1{font-size:28px;font-weight:400;margin-top:0;margin-bottom:30px; text-shadow: 1px 1px 2px #000000;}
.navbar {padding: .5rem 1rem; }
.teks-center { text-align:center;}
.parallax-window2 {min-height: 300px;background: transparent;}
.dropdowncostume{padding-left: 0px;margin-left: 0px;}
.topnavbar .container{margin-left: 10px !important;}
.logo{float:right;position: absolute;top:-50px;left:232px;width:180px;height:180px;padding-top: 9px;-webkit-transform: scale(0.5); /* Saf3.1+, Chrome */-moz-transform: scale(0.5); /* FF3.5+ */-ms-transform: scale(0.5); /* IE9 */-o-transform: scale(0.5); /* Opera 10.5+ */transform: scale(0.5);}
.toggle-costume{float: right;}
#navbarontop{padding-left: 0px;padding-top: 26px; height: 250px;}
#navbarontop>li>a{margin-left: 0px;padding-left: 50px;font-size: 13pt;margin-bottom: 10px;}
#navbarontop>button{margin-left:50px;}
.top-badge {font-size: 10px;text-transform: capitalize;display: inline-block;padding: 5px 10px 5px 10px ;background: #ffe512;letter-spacing: 1px;position: absolute;top: 0;right: 0;bottom: auto;left: auto; line-height: 15px;}

}

/* For Android 320 piksel */ 
@media screen and (min-width: 320px) and (max-width: 480px){
.arrow {opacity: 0;position: absolute;left: 50%;top: 100%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;
-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
header.masthead .header-content{position:relative;width:100%;padding:100px 15px 100px;text-align:center}
header.masthead .header-content .header-content-inner h1{font-size:28px;font-weight:400;margin-top:0;margin-bottom:30px; text-shadow: 1px 1px 2px #000000;}
.navbar-nav .nav-link{padding-right:0;padding-left:15px;}
.navbar {padding: .5rem 1rem;}
.teks-center { text-align:center;}
.dropdowncostume{padding-left: 0px;margin-left: 0px;}
.topnavbar .container{margin-left: 10px !important;}
.logo{float:right;position: absolute;top:-50px;left:232px;width:150px;height:180px;padding-top: 9px;-webkit-transform: scale(0.5); /* Saf3.1+, Chrome */-moz-transform: scale(0.5); /* FF3.5+ */-ms-transform: scale(0.5); /* IE9 */-o-transform: scale(0.5); /* Opera 10.5+ */transform: scale(0.5);}
.toggle-costume{float: right;}
#navbarontop{padding-left: 0px;padding-top: 26px; height: 250px;}
#navbarontop>li>a{margin-left: 0px;padding-left: 50px;font-size: 13pt;margin-bottom: 10px;}
#navbarontop>button{margin-left:50px;}
}

/* jssor slider loading skin spin css */
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
.jssorb051 .i:hover .b {fill-opacity:.7;}
.jssorb051 .iav .b {fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}