@font-face {font-family:"Alegreya Sans Medium"; src: url('AlegreyaSans-Medium.ttf');}
@font-face {font-family:"Mukta Light"; src: url('Mukta-Light.ttf');}
@font-face {font-family:"Merriweather"; src: url('Merriweather-Regular.ttf');}
@font-face {font-family:"SimHei"; src: url('simhei.ttf');}

/* ALL SETTING */
/* background-image:url(../assets/bg.jpg); background-repeat:repeat; */
html{scroll-behavior: smooth;}
body {margin:0; font-family:"Alegreya Sans Medium";}
p{font-family:Mukta Light,sans-serif; color: #6b6b6b; text-align:center; font-size:16px;}
h1{color:#1b8f01; font-size:26px;}

/* SETTING TOP BUTTON */
.topBtn {width: 50px; height: 50px; display: none; position: fixed; bottom: 20px; right: 20px; z-index: 1; border: none; background-color: #115502; cursor: pointer; padding: 10px; border-radius: 15px;}

/* HEADER */
.containerlogo{width:100%; height:80px; margin:0px; padding-top:5px; background-color:#000000; text-align: center;}
.bahasa{position:absolute; top:5px; left:90%; color:white;}
.bahasa a{font-size:10px; text-decoration:none; font-family:Mukta Light, sans-serif; color:white;}

/* MENU BAR NAVIGATOR */
div.topnavigator{position:-webkit-sticky; position:sticky; top:0; z-index:2;}
.topnavigator {background-color:#177103; width:100%;}
.navbar {overflow:hidden; background-color:#177103; width:100%;}
.navbar a {float:left; display:block; color:#f2f2f2; text-align:center; padding:14px 28px; text-decoration:none; font-size:12px; font-family:"Merriweather"; transition: 0.5s;}
.navbar a:hover, .dropdown:hover .dropbtn{background-color:#ddd; color:#1b8f01; padding:10px -5px;}
.dropdown {float:left; overflow:hidden;}
.dropdown .dropbtn {width:100%; font-size:12px; border:none; outline:none; color:white; padding:14px 35px; background-color:inherit; font-family:inherit; margin:0; font-family: "Merriweather"; transition: 0.5s;}
.dropdown-content {display:none; position:absolute; background-color:#f9f9f9; width:150px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1;}
.dropdown-content a {width:120px; float:none; color:black; padding:12px 16px; text-decoration:none; display:block; text-align:left; font-family:"Merriweather"; transition:0.3s;}
.dropdown-content a:hover {background-color:#ddd;}
.dropdown:hover .dropdown-content {display: block;}
#spesialpromo{background-color:#DB0000; color:#FFF;}
#spesialpromo:hover{background-color:#ddd; color:#1b8f01;}
#warnabtnpesan{background-color:#FFE600; color:#000;}
#warnabtnpesan:hover{background-color:#ddd; color:#1b8f01;}

/* SIDEBAR MENU ANDROID */
.sidebar {height:100%; width:0; position:fixed; top:0; left:0; background-color:#111; overflow-x:hidden; transition:0.4s; padding-top:60px; z-index:1;}
.sidebar a {padding:8px 8px 8px 32px; text-decoration:none; font-size:16px; color:#818181; display:block; transition: 0.3s;}
.sidebar a:hover {color:#f1f1f1;}
.sidebar .closebtn {position:absolute; top:0px; right:25px; font-size:36px; margin-left:50px;}
.openbtn {font-size:16px; cursor:pointer; background-color:#1b8f01; color:white; position:absolute; right:5px; top:35px; padding:8px 15px; border:none; display:none;}
.openbtn:hover {background-color:#444;}
#main {transition: margin-left .5s;padding: 16px;}
#txtpromospesial{color:#FFFF00;}

/* FOOTER */
.containerfooter{width:100%; height:420px; margin:0px; padding-top:20px; background-color:#177103;}
.footertengah{margin:0px auto; width:1200px; height:410px;}
.footerkiri{width:385px; height:390px; float:left;}
.footerkanan{width:810px; height:390px; float:left;}
.footerkiricenter{width:360px; height:420px; margin:auto;}
.ketfootputih{color:#FFFFFF; margin:5px;}
.kettextkiri{margin:0px; color:#FFFFFF; font-size:14px; text-align:left; padding-left:5px;}

.containerfooter1{width: 100%;height: 100%;margin: 0px;}
.ketfooter{background-color: #000000;text-align: center;color: white;padding: 10px;font-family: Mukta Light, sans-serif;}
.logoterhubung{width:32px; height:32px; padding: 0px 2px;}

/* HOME */
/* SLIDESHOW SECTION */
.mySlides {display:none;}
.containerslide{width: 100%;height: 100%;margin: 0px;}
.buttonkk{border:none;padding:8px 12px;vertical-align:middle;color:white;background-color:green;text-align:center;cursor:pointer;}
.boxhijau{color:white;background-color:green}
.ukurankanankiri{width: 20px;height :30px;}
.prev, .next {cursor: pointer; position: absolute; top: 55%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0;}
.next {right: 0; border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}

/* SELAMAT DATANG DAN PETA SECTION */
.keterangan{margin:0px auto;width: 80%;height: 180px;text-align: center;padding-top: 45px;padding-bottom: 45px;}
.subketerangan{width:180px; margin:0px auto; text-align: center; display: none;}
.subketeranganlink{display: block;margin-bottom:10px; width: 150px; font-size: 12px; background-color:#177103; color:#ffffff; padding:8px 15px; text-decoration:none;}

/* PROMO SECTION */
.penawaran1{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;background-color:#cffecd;display:none;}
.promo1{margin:0px auto 15px auto;width: 90%;}
.imagepromo1{width: 360px; padding: 10px;}

.penawaran{padding-top: 20px;padding-bottom: 10px;width: 100%;text-align: center;background-color: #cffecd; display:block;}
.containerpromo{margin:0px auto; width:1200px; height:385px;}
.promocenter{width:1200px; margin:0px 10px;}
.promotengah{width:1200px; height:385px; margin: 20px auto;}
.image8{width:380px; height:395px; margin:5px; display: inline-table;}

.imagepromo{width: 360px;padding:6px;}
.modalpromo {display: none;position: fixed;padding-top: 20px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: black;z-index:3;}
.modal-contentpromo {position: relative;background-color: #fefefe;margin: auto;padding: 0px 0px 0px 0px;width: 43%;}
.closepromo {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}
.closepromo:hover,.closepromo:focus {color: #999;text-decoration: none;cursor: pointer;}
.mySlidespromo {display: none;}
.demopromo {opacity: 0.6;}
.activepromo,.demopromo:hover {opacity: 1;}
.imagebottompromo {margin-bottom: -5px;width: 100%;height: 100%;}
.cursorpromo {cursor: pointer;}
img.hover-shadowpromo {transition: 0.3s;}
.hover-shadowpromo:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* UPDATE EFEK ZOOM UNTUK PROMO */
.zoom{transition: transform 0.2s;}
.zoom:hover{transform:scale(1.02);}

/* UPDATE INFO KAMAR BEST SELLER 28012021 */
.containerempatkotak{margin:0px 0px 20px 0px; height:385px;}
.containerempatkotaktengah{margin:0px auto; padding-top:50px; height:385px; width:1200px; text-align:center;}
.kotakkecil2{width: 277px; height:180px; margin:0px 10px; padding-bottom: 100px ; float:left;}
.imagekecil2{width: 100%; height:180px; padding:6px;}
img.hover-shadowdkotak {transition: 0.3s;}
.hover-shadowdkotak:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ketcoverkotak2{font-family:Alegreya Sans Medium; font-size: 18px; color:#1b8f01; text-align: center; font-weight: bold;}
.ketcoverdkotak2{font-family:Mukta Light; font-size: 15px; color:#6b6b6b; text-align: center;}
.baca3{margin:0px; height:30px;}
.bacalanjut3{color:white; background-color:#177103; padding:3px 15px; text-decoration:none; font-family:Mukta Light; font-size:14px; border-radius:5px;}
.baca1{margin:0px auto; height:50px; width:300px; }
.bacalanjutkotak{color:#1b8f01; font-family:"Alegreya Sans Medium"; font-size:18px;}
/* END BEST SELLER 28012021 */

/* UPDATE TOBA RESTO 31082021 */
.containerresto{margin:0px 0px 20px 0px; height:650px;}
.containerrestotengah{margin:0px auto; height:650px; width:1100px; text-align:center;}
.imageresto{width:100%; height:auto; border-radius:10px;}

/* UPDATE REVIEW TAMU 23092021*/
.containerreview{width: 100%; height: 100%;margin:50px 0px 0px 0px; text-align:center;}
.containerreviewtengah{margin:30px auto; width:1000px; height:200px;}
.kotak-review{width:650px; height:auto; font-family:Mukta Light,sans-serif; color:#6b6b6b; text-align:center; font-size:16px; padding:30px 30px 35px 30px; margin:auto;}

/* UPDATE SEPENGGAL SEJARAH 03042024 */
.containersejarah{margin:0px 0px 20px 0px; height:500px;}
#judulsejarah{text-align: center;}
.containersejarahtengah{margin:0px; height:500px; width:100%; text-align:center;}
.imagesejarah{width: 500px; height: 375px; border-radius:10px;}

.rowhis > .columnhis {padding: 0 2px;}
.rowhis:after {content: ""; display: table; clear: both;}
.columnhis {float: left; width:5%;}
.modalhis {display: none; position: fixed; z-index: 2; padding-top: 10px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black;}
.modal-contenthis {position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 53%; max-width: 1200px;}
.closehis {color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold;}
.closehis:hover,.closehis:focus {color: #999; text-decoration: none; cursor: pointer;}
.mySlideshis {display: none;}
.cursorhis {cursor: pointer;}
.imagesejarahdalam{width: 100%; margin-bottom: -5px;}
.prevhis,.nexthis {cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none;}
.nexthis {right: 0; border-radius: 3px 0 0 3px;}
.prevhis:hover,.nexthis:hover {background-color: rgba(0, 0, 0, 0.8);}
.numbertexthis {color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
.caption-containerhis {text-align: center; background-color: black; padding: 2px 16px; color: white;}
.kotakkecilhis {opacity: 0.5;}
.activehis,.kotakkecilhis:hover {opacity: 1;}
.hover-shadowhis {transition: 0.3s;}
.hover-shadowhis:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.containersejarah1{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;display: none;}
.containersejarahtengah1{margin:0px auto;width: 90%;}
.imagesejarah2{width: 600px;height: 100%;}

/* KAMAR */
.containerkamar{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;display: block;}
.kamarcenter{margin:0px auto;width: 1200px;height:800px;}
.kotakkamar{width: 365px; height:300px; margin:0px 15px; padding-bottom: 100px; float:left; }
.imagekamar{width: 360px; height:250px; padding: 6px;}
.hover-shadowkamar:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ketcoverkamar{font-family:Alegreya Sans Medium; font-size: 20px; color:#1b8f01; text-align: center; font-weight: bold;}
.ketcoverkamar1{font-family:Mukta Light; font-size: 15px; color:#6b6b6b; text-align: center;}
.judulkamar{width:75%; height: auto;margin:0px auto 0px auto; text-align: center;}

.baca{margin:10px 0px 0px 0px; height:30px;}
.bacalanjut{color:white; background-color:#177103; padding:3px 15px; text-decoration:none; font-family:Mukta Light; font-size:14px; border-radius:5px;}

/* KAMAR SUPERIOR */
.containersuperior{width: 1080px;height: 600px; margin:0px auto 50px auto;position: relative;z-index:0;}
.gambarsuperior{margin:50px 10px 30px 30px; width:600px; height:500px;float:left;}
.imagekamarsuperior{width: 600px;height: 100%;}
.swiper-container{margin:0px;}
.swiper-slide{overflow: hidden;}
.logofitur{width:20px;height:20px;}

.ketsuperior{margin:50px 10px 30px 20px; width: 380px;height: 500px; float:left;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px;line-height: 1.8;}
.pemisahketkamar{width: 380px;height: 0px;margin:15px 0px 25px 0px;border:0.5px solid #6b6b6b;}
.judulsuperior{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 26px;font-weight: bold;line-height: 1;}

/* FASILITAS */
.containerfasilitas{margin:0px auto; width:100%;height:1680px;text-align:center;}
.fasilitascenter{margin:0px auto;width: 1200px;height:1600px;text-align:center;}
.image4{width: 350px; height:380px; float:left; margin:10px 15px 10px 15px; text-align:center;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px;line-height: 1.4; text-align:left; padding:6px;}
.imagefasilitas{width: 350px; height:220px; margin-bottom:5px;}
.imagefasilitasshow{width:100%; height:85%;}
.zoom1{transition: transform 0.2s;}
.zoom1:hover{transform:scale(1.01);}
.hover-shadowfasilitas:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.judulfasilitas{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 22px; font-weight: bold;line-height: 1;}

/* RENCANA PERJALANAN */
.contgambarperjalanan{width:100%; height:auto;}
.contkontenbesarperjalanan{width:1050px; height:1250px; margin:30px auto 0px auto; display:block; }
.contkontenbesarperjalanan1{width:1050px; height:1250px; margin:30px auto 0px auto; display:none; }
.contkanankiri{width:1050px; height:350px; margin:0px auto 50px auto;}

.contkanan{float:left; width:520px; height:350px;}
.contkiri{float:left; width:485px; height:330px; padding:10px 20px 10px 20px;}
.contkiri1{float:left; width:520px; height:350px;}
.contkanan1{float:left; width:485px; height:330px; padding:10px 20px 10px 20px;}

.judulcontkiri{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 26px;font-weight: bold;line-height: 1; }
.ketcontkiri{font-family: Mukta Light, sans-serif;color: #6b6b6b;text-align: justify;font-size: 16px;}
.pelajarilanjut{color:white; background-color:#177103;  padding:3px 15px; text-decoration:none; font-family:Mukta Light; font-size:14px; border-radius:5px;}
.imageperjalanan{border-radius:10px;}


/* DESTINASI WISATA */
.contdestinasi{margin:-20px auto 0px auto; width:100%;height:800px;text-align:center;}
.destinasicenter{margin:0px auto;width: 1040px;height:800px;text-align:center;}

.image6{width:335px; height:350px; float:left; margin:0px 5px 5px 5px; font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px;line-height: 1.4; text-align:left;}
.imagedestinasi{width: 335px; height:350px; margin-bottom:5px;}
.juduldestinasi{width:75%; height: auto;margin:0px auto 0px auto; text-align: center;}
.ketmarketing{color:#990000; font-weight:bold; margin-top:-15px;}
.subjuduldestinasi{font-weight:bold; text-decoration:underline; font-size:18px;}

/* RUTE PERJALANAN */
.contrute{width:100%; height:900px; margin:0px;}
.contrutecenter{width:900px; height:1000px; margin:0px auto;}
.judulrutekiri{font-family:Alegreya Sans Medium;color: #6b6b6b; font-size: 22px;font-weight: bold;line-height: 1;}
.rutekanankiri{width:1000px; height:200px; margin:0px auto;}
.rutekiri{width:250px; height:180px; float:left;}
.rutekanan{float:left; padding:10px 20px 30px 10px; width:705px;}
.imagerute{width:250px; height:180px;}
.ketrute{text-align:justify; font-family:Mukta Light; font-size:16px;}

/* SPESIAL PROMO */
.containerpaket{width: 100%;text-align: center;}
.containerpakettengah{margin:0px auto 50px auto; width:1200px; height:auto;}
.kotakpaket{width:372px; height:372px; margin:0px 15px 15px 0px; display:inline-block; position:relative;}
.imagepaket{width:360px; height:360px; padding: 6px;}
.hover-shadowpaket:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.sliderbawah{position:absolute; bottom:0px; left:0px; right:0px; background-color:#177103; overflow:hidden; width:100%; height:0px; transition: .3s ease;}
.kotakpaket:hover .sliderbawah{ height:10%;}
.sliderbawah a{text-decoration:none;}
.textpelajari{color:white; font-size:14px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}

.imagepromopaket{width: 360px;padding:6px;}
.modalpromopaket {display: none;position: fixed;padding-top: 20px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: black;z-index:3;}
.modal-contentpromopaket {position: relative;background-color: #fefefe;margin: auto;padding: 0px 0px 0px 0px;width: 43%;}
.closepromopaket {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}
.closepromopaket:hover,.closepromopaket:focus {color: #999;text-decoration: none;cursor: pointer;}
.mySlidespromopaket {display: none;}
.demopromopaket {opacity: 0.6;}
.activepromopaket,.demopromopaket:hover {opacity: 1;}
.imagebottompromopaket {margin-bottom: -5px;width: 100%;height: 100%;}
.cursorpromopaket {cursor: pointer;}
img.hover-shadowpromopaket {transition: 0.3s;}
.hover-shadowpromopaket:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.containerpaket1{display:block;}

/* UNTUK WEDDING */
.containerwedding{width: 100%;height: auto;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px; text-align:left;}
.containerweddingtengah{width:1100px; height:650px; margin:30px auto 10px auto; text-align:center;}
.divweddingkiri{width:600px; height:600px; margin:0px; float:left;}
.divweddingkanan{width:450px; height:600px; padding:0px 10px; display:inline-block;}
.judulwedding{font-family:Alegreya Sans Medium; color:#1b8f01; font-size: 26px; font-weight: bold; line-height: 1; text-align:left;}
.subjudulwedding{font-family:Alegreya Sans Medium; color:#FF0000; font-size: 20px; text-align:left; line-height: 1;}
.txtkiriwedding{text-align:left; font-size:16px;}
.txtkiriweddingcontact{text-align:left; font-weight:bold; color:#000000; font-size:16px;}

/* UNTUK MEETING */
.containermeeting{width: 100%;height: auto; margin-bottom:55px; font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px;line-height: 1.4; text-align:left;}
.containermeetingtengah{width:60%; height:auto; margin:30px auto 10px auto;}
.imagemeeting{width: 100%; height: auto; margin-bottom: 15px;}
.ketsyaratmeeting{font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px;line-height: 1.4; text-align:left;}
.judulsyaratmeeting{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 24px;font-weight: bold;line-height: 1}

.containermeeting1{width: 100%;height: auto;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px;line-height: 1.4; text-align:left;display: none;}
.containermeetingtengah1{width:60%; height:auto; margin:30px auto 10px auto;}
.imagemeeting1{width: 100%; height: auto;}

/* GALERI */
.galeri{width: 100%;text-align: center;display: block;}
.galericenter{margin:0px auto;width: 1160px; height:1295px;}
.kotakfoto{width: 350px;height: 220px; float: left; margin:15px 15px;}
.imagegaleri{width: 350px; height:220px; padding: 6px;}

/* The Modal (background) */
.modalgaleri {display: none;position: fixed;padding-top: 10px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: black;z-index:3;}
.modal-contentgaleri {position: relative;background-color: #fefefe;margin: auto;padding: 0;width: 67%;}
.closegaleri {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}
.closegaleri:hover,.closegaleri:focus {color: #999;text-decoration: none;cursor: pointer;}
.mySlidesgaleri {display: none;}
.prevgaleri,.nextgaleri {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -50px;color: #007aff;font-weight: bold;font-size: 20px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;}
.nextgaleri {right: 0;border-radius: 3px 0 0 3px;}*/
.prevgaleri:hover,.nextgaleri:hover {background-color: rgba(0, 0, 0, 0.8);}
.numbertextgaleri {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.caption-containergaleri {text-align: center;background-color: black;padding: 2px 16px;color: white;}
.demogaleri {opacity: 0.6;}
.activegaleri,.demogaleri:hover {opacity: 1;}
.imagebottom {margin-bottom: -5px;width: 100%;height: 100%;}
.cursor {cursor: pointer;}
img.hover-shadowgaleri {transition: 0.3s;}
.hover-shadowgaleri:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.galeri1{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;display: none;}
.galericenter1{margin:0px auto;width: 90%;}


/* GALERI ACARA */
.galeriacara{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;display: block;}
.galericenteracara{margin:0px auto;width: 380px;height:450px;}
.kotakgaleriacara{width: 370px; height:250px; margin:0px 10px; padding-bottom: 80px; float:left;}
.imagegaleriacara{width: 350px; height:220px; padding: 6px;}
.ketgaleriacara{font-family:Alegreya Sans Medium; font-size: 20px; color:#1b8f01; text-align: center; font-weight: bold;}
.ketgaleriacara1{font-family:Mukta Light; font-size: 15px; color:#6b6b6b; text-align: center;}
.hover-shadowgaleriacara:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* ACARA 1 */
.acara1{width: 100%;text-align: center;display: block;}
.acaracenter1{margin:0px auto;width: 1160px; height:1400px;}
.kotakacara1{width: 350px;height: 220px; float: left; margin:15px 15px;}
.imageacara1{width: 350px; height:220px; padding: 6px;}
.hover-shadowacara1:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.acaramobile1{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;display: none;}
.acaramobilecenter1{margin:0px auto;width: 90%;}

/* VIDEO */
.containervideo{padding-top: 20px;padding-bottom: 30px;width: 100%;height:450px;text-align: center;display: block;}
.containervideotengah{margin:0px auto;width: 1160px;height:auto;}
.kotakvideo{width: 350px; height: 220px; float:left; margin:0px 15px 0px 15px;}
.videogaleri{width: 350px; height:220px; padding:0px 7px 0px 7px;}
.hover-shadowvideo:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.videogalerifull{width: 100%; height: 700px;text-align: center;}
.fullvideo{width: 65%; height: auto; padding-top: 10px;}

/* SOUVENIR */
.containersouvenir{margin:0px auto; width:100%;height:950px;text-align:center;}
.souvenircenter{margin:0px auto;width: 1200px;height:950px;text-align:center;}
.judulpemesanan{font-family:Mukta Light;color:#CC0000; font-size: 16px;font-weight: bold;line-height: 1;}

.produktengah{width:1100px; margin:20px auto 0px auto;}
.image5{width: 200px; height:270px; float:left; margin:5px 10px 20px 5px; text-align:center;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px;line-height: 1.4; text-align:left;}

.imagesouvenir{width: 200px; height:200px; margin-bottom:5px; padding:6px;}
.modalsouvenir {display: none;position: fixed;padding-top: 20px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: black;z-index:3;}
.modal-contentsouvenir {position: relative;background-color: #fefefe;margin: auto;padding: 0px 0px 0px 0px;width: 43%;}
.closesouvenir {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}
.closesouvenir:hover,.closesouvenir:focus {color: #999;text-decoration: none;cursor: pointer;}
.mySlidessouvenir {display: none;}
.demosouvenir {opacity: 0.6;}
.activesouvenir,.demosouvenir:hover {opacity: 1;}
.imagebottomsouvenir {margin-bottom: -5px;width: 100%;height: 100%;}
.cursorsouvenir {cursor: pointer;}
img.hover-shadowsouvenir {transition: 0.3s;}
.hover-shadowsouvenir:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.judulsouvenir{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 18px;font-weight: bold;line-height: 1;}
.keterangandsouvenir{text-align:center;}
.kethotsale{margin:10px 0px 0px 0px;width:100px; height:20px; background-color:red; position:absolute; font-family:Mukta Light; color: white; font-size:14px; font-weight:bold; text-align:center;}
.kethotsale1{margin:35px 0px 0px 0px;width:100px; height:20px; background-color:#33CC00; position:absolute; font-family:Mukta Light; color: white; font-size:14px; font-weight:bold; text-align:center;}

/* HUBUNGI KAMI */
.kontak{margin: 0px auto 50px auto;width: 80%;height: 600px;}
.contactkiri{margin: 0px auto 0px auto;padding: 10px 20px 50px 20px;width: 43%;height: 550px;float: left;}
.contactkiri p{ text-align:left; line-height:2;}
.contactkanan{  margin: 0px auto 0px auto;padding: 10px 0px 50px 10px;width:52%;height: 550px;float: left;}

input[type=text], select, textarea {width: 90%;padding: 12px;border: 1px solid #ccc; font-family:Calibri, sans-serif;font-size: 18px;}
label {padding: 12px 12px 12px 0;display: inline-block;font-family:Calibri, sans-serif;font-size: 18px;}
input[type=submit] {background-color: #f47610;color: white;margin-right:30px;padding: 8px 25px;border: none;border-radius: 4px;cursor: pointer;float: right;font-family:Calibri, sans-serif;font-size: 18px;}
input[type=submit]:hover {background-color: #f47610;font-family:Calibri, sans-serif;font-size: 18px;}
.col-75 {float: left;width: 100%;margin-top: 6px; margin-bottom: 10px;font-family:Calibri, sans-serif;font-size: 18px;}
.row:after {content: "";display: table;clear: both;font-family:Calibri, sans-serif;font-size: 18px;}

/* KEBIJAKAN */
.framekebijakan{padding-left: 30px;margin: 0px auto 50px auto;width: 700px;height: 550px;text-align: left;font-size: 24pt;line-height: 2;font-size: 18px;}
li{font-family:Mukta Light, sans-serif; color: #6b6b6b;text-align: left;font-size: 16px;margin-left: -80px;}
.kebijakankanan{margin: 0px auto 0px auto;width: 78%;height: 220px;}



/* Media IPAD */
@media screen and (max-width: 1024px) {
/* All Setting */
body{margin:0;}
p{font-size: 14px;}
h1, h2{font-size: 18px;}

/* SETTING TOP BUTTON */
.topBtn {width: 50px; height: 50px; display: none; position: fixed; bottom: 20px; right: 20px; z-index: 1; border: none; background-color: #115502; cursor: pointer; padding: 10px; border-radius: 15px;}

/* Header */
.navbar{display: none;}
.openbtn{display: block;}
.containerlogo{text-align: center;}
.logoutama{width: 110px; height: 55px; padding: 5px 5px 5px 10px;}
.bahasa{position:absolute;top:3px;left:85%; color:white;}
.bahasa a{font-size: 10px;text-decoration:none;font-family: Mukta Light;color: white;}

/* FOOTER */
.containerfooter{width:100%; height:720px; margin:0px; padding-top:20px; background-color:#177103;}
.footertengah{margin:0px auto; width:100%; height:auto;}
.footerkiri{width:95%; height:auto; float:none; margin:0px auto 20px auto;}
.footerkanan{width:95%; height:auto; float:none; margin:0px auto;}
.footerkiricenter{width:100%; height:300px; margin:auto;}
.ketfootputih{color:#FFFFFF; margin:5px;}

.containerfooter1{width: 100%;height: 100%;margin: 0px;}
.ketfooter{background-color: #000000;text-align: center;color: white;padding: 10px;font-family: Mukta Light, sans-serif;}
.logoterhubung{width:32px; height:32px; padding: 0px 2px;}

/* Home */
/* SLIDESHOW */
.mySlides {display:none;}
.containerslide{width: 100%;height: 100%;margin: 0px;}
.buttonkk{border:none;padding:8px 12px;vertical-align:middle;color:white;background-color:green;text-align:center;cursor:pointer;}
.boxhijau{color:white;background-color:green}
.ukurankanankiri{width: 20px;height :30px;}
.prev, .next {cursor: pointer; position: absolute; top: 30%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0;}
.next {right: 0; border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}

/* SELAMAT DATANG DAN PETA SECTION */
.keterangan{width:90%;padding:30px 0px 3px 0px; height:330px; text-align:center;}
.subketerangan{width:180px; margin:0px auto; text-align: center; display: block;}
.subketeranganlink{display: block;margin-bottom:10px; width: 150px; font-size: 12px; background-color:#177103; color:#ffffff; padding:8px 15px; text-decoration:none;}


/* KETERANGAN CHSE SECTION */
.ketkesehatan{margin:0px auto; width:100%; height:750px;}
.ketkesehatantengah{margin:0px auto; width:680px; height:750px; text-align:center; }
.ktkkes1{margin:0px 10px 10px 10px; width:140px; height:180px; float:none; display:inline-block;}
.ktkkes2{width:40%; margin:0px auto 30px auto;}
.imagekesehatan{width:100%; height:auto;}

/* PROMO SECTION */
.penawaran{display:none;}
.penawaran1{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;background-color: #cffecd;display:block;}
.promo1{margin:0px auto 0px auto;width: 90%;}
.imagepromo1{width: 45%;height: 100%;padding: 0px;margin-bottom: 10px;}

/* UPDATE INFO KAMAR BEST SELLER 28012021 */
.containerempatkotak{margin:0px 0px 20px 0px; height:650px;}
.containerempatkotaktengah{margin:0px auto; padding-top:50px; height:385px; width:600px; text-align:center;}
.kotakkecil2{width: 277px; height:180px; margin:0px 10px; padding-bottom: 100px ; float:left;}
.imagekecil2{width: 100%; height:180px; padding:6px;}
img.hover-shadowdkotak {transition: 0.3s;}
.hover-shadowdkotak:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ketcoverkotak2{font-family:Alegreya Sans Medium; font-size: 18px; color:#1b8f01; text-align: center; font-weight: bold;}
.ketcoverdkotak2{font-family:Mukta Light; font-size: 15px; color:#6b6b6b; text-align: center;}
.baca3{margin:0px; height:30px;}
.bacalanjut3{color:white; background-color:#177103; padding:3px 15px; text-decoration:none; font-family:Mukta Light; font-size:14px; border-radius:5px;}
.baca1{margin:0px auto; height:50px; width:300px; }
.bacalanjutkotak{color:#1b8f01; font-family:"Alegreya Sans Medium"; font-size:18px;}
/* END BEST SELLER 28012021 */

/* UPDATE TOBA RESTO 31082021 */
.containerresto{margin:0px 0px 20px 0px; height:420px; }
.containerrestotengah{margin:0px auto; height:420px; width:90%; text-align:center;}
.imageresto{width:90%; height:auto; border-radius:15px;}

/* UPDATE REVIEW TAMU 23092021*/
.containerreview{width: 100%; height: 100%;margin:50px 0px 50px 0px; text-align:center;}
.containerreviewtengah{width:100%; height:auto; margin:0px auto;}

/* UPDATE SEPENGGAL SEJARAH 03042024 */
.containersejarah{margin:0px 0px 20px 0px; height:500px; display: none;} 
.containersejarahtengah{margin:0px; width:100%; text-align:center;}
.imagesejarah{width: 500px; height: 375px; border-radius:10px;}

.containersejarah1{padding-top: 0px;padding-bottom: 80px;width: 100%;text-align: center;display: block;}
.containersejarahtengah1{margin:0px auto;width: 100%;}
.imagesejarah2{width: 70%;height: 100%;}

/* KAMAR */
.containerkamar{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;display: block;}
.kamarcenter{margin:0px auto;width: 650px;height:1000px;}
.kotakkamar{width: 285px; height:220px; margin:0px 20px; padding-bottom: 100px; float:left; }
.imagekamar{width: 285px; height:200px; padding: 6px;}
.hover-shadowkamar:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ketcoverkamar{font-family:Alegreya Sans Medium; font-size: 18px; color:#1b8f01; text-align: center; font-weight: bold;}
.ketcoverkamar1{font-family:Mukta Light; font-size: 15px; color:#6b6b6b; text-align: center;}
.judulkamar{width:75%; height: auto;margin:0px auto 0px auto; text-align: center;}

.baca{margin:10px 0px 0px 0px; height:30px;}
.bacalanjut{color:white; background-color:#177103; padding:3px 15px; text-decoration:none; font-family:Mukta Light; font-size:12px;}

/* KAMAR SUPERIOR */
.containersuperior{width: 80%;height: 1100px; margin:0px auto;position: relative;}
.gambarsuperior{margin:40px 0px 30px 10px; width:600px; height:500px;float:none;}
.imagekamarsuperior{width: 600px;height: 100%;}

.ketsuperior{margin:15px 15px; width: 80%;height: auto; float:left;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 14px;line-height: 2;}
.pemisahketkamar{width: 95%;height: 0px;margin:15px 0px 25px 0px;border:0.5px solid #6b6b6b;}
.judulsuperior{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 18px;font-weight: bold;line-height: 1;}

/* FASILITAS */
.containerfasilitas{margin:0px auto; width:100%;height:2300px;text-align:center;}
.fasilitascenter{margin:0px auto;width:740px;height:2300px;text-align:center;}
.image4{width: 350px; height:360px; float:left; margin:10px 10px 10px 10px;font-size: 14px;line-height: 1.4; text-align:left; padding:0px;}
.imagefasilitas{width: 350px; height:220px; margin-bottom:10px;}

/* RENCANA PERJALANAN */
.contgambarperjalanan{width:100%; height:auto;}
.contkontenbesarperjalanan{width:1050px; height:1550px; margin:30px auto 0px auto; display:none; }
.contkontenbesarperjalanan1{width:100%; height:1550px; margin:-30px auto 0px auto; display:block; }
.contkanankiri{width:60%; height:auto; margin:0px auto 50px auto;}

.contkanan{float:left; width:100%; height:auto;}
.contkiri{float:left; width:95%; height:auto;  padding :10px 8px 30px 8px;}

.judulcontkiri{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 18px;font-weight: bold;line-height: 1; }
.ketcontkiri{font-family: Mukta Light, sans-serif;color: #6b6b6b;text-align: justify;font-size: 14px; margin:0px;}
.pelajarilanjut{color:white; background-color:#177103; padding:3px 15px; text-decoration:none;font-family: Mukta Light, sans-serif; font-size: 14px; border-radius:5px;}

/* DESTINASI WISATA */
.contdestinasi{margin:0px auto 0px auto; width:100%;height:1200px;text-align:center;}
.destinasicenter{margin:-10px auto;width: 90%;height:1200px;text-align:center;}
.image6{width:335px; height:350px; float:left; margin:0px 5px 5px 5px; font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px;line-height: 1.4; text-align:left;}
.imagedestinasi{width: 335px; height:350px; margin-bottom:5px;}
.juduldestinasi{width:92.5%; height: auto;margin:0px auto 0px auto; text-align: center;}
.ketmarketing{color:#990000; font-weight:bold;}
.subjuduldestinasi{font-weight:bold; text-decoration:underline; font-size:14px;}

/* RUTE PERJALANAN */
.contrute{width:100%; height:900px; margin:0px;}
.contrutecenter{width:90%; height:1000px; margin:0px auto;  }
.judulrutekiri{font-family:Alegreya Sans Medium;color: #6b6b6b; font-size: 18px;font-weight: bold;line-height: 1;}
.rutekanankiri{width:100%; height:200px; margin:0px auto;}
.rutekiri{width:250px; height:180px; float:left;}
.rutekanan{float:left; padding:10px 20px 30px 10px; width:410px;}
.imagerute{width:250px; height:180px;}
.ketrute{text-align:justify; font-family:Mukta Light; font-size:14px;}

/* PROMO SPESIAL */
.containerpaket{width:100%; text-align: center;}
.containerpakettengah{margin:0px auto 50px auto; width:680px; height:auto;}
.kotakpaket{width: 300px; height:300px; margin:15px 15px;}
.imagepaket{width: 300px; height:300px; padding:0px;}
.hover-shadowpaket:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.sliderbawah{position:absolute; bottom:0px; left:0px; right:0px; background-color:#177103; overflow:hidden; width:100%; height:10%; transition: .3s ease;}
.kotakpaket:hover .sliderbawah{ height:10%;}
.sliderbawah a{text-decoration:none;}
.textpelajari{color:white; font-size:14px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}

.containerpaket1{display:none;}

/* UNTUK WEDDING */
.containerwedding{width: 100%;height: auto;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px; text-align:left;}
.containerweddingtengah{width:95%; height:600px; margin:30px auto 10px auto; text-align:center;}
.divweddingkiri{width:352px; height:450px; margin:0px; padding:0px; float:left;}
.divweddingkanan{width:352px; height:600px; padding:0px 10px; float:left;}
.judulwedding{font-family:Alegreya Sans Medium; color:#1b8f01; font-size: 26px; font-weight: bold; line-height: 1; text-align:left;}
.subjudulwedding{font-family:Alegreya Sans Medium; color:#FF0000; font-size: 20px; text-align:left; line-height: 1;}
.txtkiriwedding{text-align:left; font-size:14px;}
.txtkiriweddingcontact{text-align:left; font-weight:bold; color:#000000; font-size:14px;}

.containermeeting{width: 100%;height: auto;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px;line-height: 1.4; text-align:left;}
.containermeetingtengah{width:600px; height:auto; margin:30px auto 10px auto;}
.imagemeeting{width: 100%; height: auto; margin-bottom: 15px;}
.ketsyaratmeeting{font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 14px;line-height: 1.4; text-align:left;}
.judulsyaratmeeting{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 22px;font-weight: bold;line-height: 1}

.containermeeting1{width: 100%;height: auto;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px;line-height: 1.4; text-align:left;display: none;}
.containermeetingtengah1{width:60%; height:auto; margin:30px auto 10px auto;}
.imagemeeting1{width: 100%; height: auto;}

/* GALERI */
.galeri{width: 100%;text-align: center;display: block;}
.galericenter{margin:0px auto;width: 760px; height:2000px;}
.kotakfoto{width: 350px;height: 220px; float: left; margin:10px 10px;}
.imagegaleri{width: 350px; height:220px; padding: 10px;}

.modalgaleri {display: none;position: fixed;padding-top: 10px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: black;}
.modal-contentgaleri {position: relative;background-color: #fefefe;margin: 300px auto;padding: 0;width: 67%;height:auto;}
.closegaleri {color: white;position: absolute;top: 10px;right: 45px;font-size: 35px;font-weight: bold;}
.closegaleri:hover,.closegaleri:focus {color: #999;text-decoration: none;cursor: pointer;}
.mySlidesgaleri {display: none;}
.prevgaleri,.nextgaleri {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -50px;color: white;font-weight: bold;font-size: 20px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;}
.nextgaleri {right: 0;border-radius: 3px 0 0 3px;}
.prevgaleri:hover,.nextgaleri:hover {background-color: rgba(0, 0, 0, 0.8);}
.numbertextgaleri {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.caption-containergaleri {text-align: center;background-color: black;padding: 2px 16px;color: white;}
.demogaleri {opacity: 0.6;}
.activegaleri,.demogaleri:hover {opacity: 1;}
.imagebottom {margin-bottom: -5px;width: 100%;height: 100%;}
.cursor {cursor: pointer;}
img.hover-shadowgaleri {transition: 0.3s;}
.hover-shadowgaleri:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* GALERI VIDEO */
.containervideo{padding-top: 20px;padding-bottom: 30px;width: 100%;height:450px;text-align: center;display: block;}
.containervideotengah{margin:0px auto;width: 760px;height:450px;}
.kotakvideo{width: 350px; height: 220px; float:left; margin:0px 10px 0px 10px;}
.videogaleri{width: 350px; height:220px; padding:0px 10px 0px 10px;}
.hover-shadowvideo:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.videogalerifull{width: 100%; height: 350px;text-align: center;}
.fullvideo{width: 65%; height: auto; padding-top: 10px;}

/* GALERI ACARA */
.galeriacara{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;display: block;}
.galericenteracara{margin:0px auto;width: 370px;height:450px;}
.kotakgaleriacara{width: 350px; height:220px; padding: 10px; margin:0px auto; padding-bottom: 80px; float:left;}
.imagegaleriacara{width: 350px; height:220px; padding: 10px;}
.ketgaleriacara{font-family:Alegreya Sans Medium; font-size: 16px; color:#1b8f01; text-align: left; font-weight: bold;}
.ketgaleriacara1{font-family:Mukta Light; font-size: 14px; color:#6b6b6b; text-align: center;}
.hover-shadowgaleriacara:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* ACARA 1 */
.acara1{width: 100%;text-align: center;display: block;}
.acaracenter1{margin:0px auto;width: 760px; height:2000px;}
.kotakacara1{width: 350px;height: 220px; float: left; margin:10px 10px;}
.imageacara1{width: 350px; height:220px; padding: 10px;}
.hover-shadowacara1:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.acaramobile1{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;display: none;}
.acaramobilecenter1{margin:0px auto;width: 90%;}

/* SOUVENIR */
.containersouvenir{margin:0px auto; width:100%;height:800px;text-align:center;}
.souvenircenter{margin:0px auto;width: 720px; height:1000px; text-align:center;}
.judulpemesanan{font-family:Mukta Light;color:#CC0000; font-size: 16px;font-weight: bold;line-height: 1;}

.produktengah{width:100%; margin:20px auto 0px auto;}
.image5{width: 160px; height:230px; float:left; margin:5px 10px 5px 10px; text-align:center;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 16px;line-height: 1.4; text-align:left;}

.imagesouvenir{width: 160px; height:160px; margin-bottom:0px;}
.modalsouvenir {display: none;position: fixed;padding-top: 80px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: black;z-index:3;}
.modal-contentsouvenir {position: relative;background-color: #fefefe;margin: auto;padding: 0;width: 95%;}
.closesouvenir {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}
.closesouvenir:hover,.closesouvenir:focus {color: #999;text-decoration: none;cursor: pointer;}
.mySlidessouvenir {display: none;}
.demosouvenir {opacity: 0.6;}
.activesouvenir,.demosouvenir:hover {opacity: 1;}
.imagebottomsouvenir {margin-bottom: -5px;width: 100%;height: 100%;}
.cursorsouvenir {cursor: pointer;}
img.hover-shadowsouvenir {transition: 0.3s;}
.hover-shadowsouvenir:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.judulsouvenir{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 14px;font-weight: bold;line-height: 1;}
.keterangandsouvenir{text-align:center; font-size:14px;}

/* HUBUNGI KAMI */
.kontak{margin: 0px auto 0px auto;width: 90%;height: 580px;}
.contactkiri{margin: 0px auto 0px auto;padding: 10px 10px 50px 10px;width: 55%;height: 350px;float: left;}
.contactkiri p{ text-align:left; line-height:2;}
.contactkanan{  margin: 0px auto 0px auto;padding: 10px 0px 50px 10px;width:40%;height: 500px;float: left;}

input[type=text], select, textarea {width: 95%;padding: 12px;border: 1px solid #ccc; font-family:Calibri, sans-serif;font-size: 14px;}
label {padding: 12px 12px 12px 0;display: inline-block;font-family:Calibri, sans-serif;font-size: 14px;}
input[type=submit] {background-color: #f47610;color: white;margin-right:0px;padding: 8px 25px;border: none;border-radius: 4px;cursor: pointer;float: right;font-family:Calibri, sans-serif;font-size: 14px;}
input[type=submit]:hover {background-color: #f47610;font-family:Calibri, sans-serif;font-size: 14px;}
.col-75 {float: left;width: 100%;margin-top: 6px; margin-bottom: 10px;font-family:Calibri, sans-serif;font-size: 14px;}

/* KEBIJAKAN */
.framekebijakan{padding-left: 30px;margin: 0px auto 0px auto;width: 80%;height: 500px;text-align: left;font-size: 24pt;line-height: 2;font-size: 18px;}
li{font-family:Mukta Light, sans-serif; color: #6b6b6b;text-align: left;font-size: 14px;}
.kebijakankanan{margin: 0px auto 0px auto;width: 78%;height: 220px;}
}


/* Media Mini Smartphone */
@media screen and (max-width: 600px) {
/* ALL SETTING */
html{transform: scale(1); transform-origin: 0 0;}
body{margin:0;}
p{font-size: 13.2px;}
h1, h2{font-size: 14.5px;}

/* SETTING TOP BUTTON */
.topBtn {width: 50px; height: 50px; display: none; position: fixed; bottom: 20px; right: 20px; z-index: 1; border: none; background-color: #115502; cursor: pointer; padding: 10px; border-radius: 15px;}

/* HEADER */
.navbar{display: none;}
.openbtn{display: block;}
.containerlogo{text-align: left;}
.logoutama{width: 110px; height: 55px; padding: 5px 5px 5px 15px;}
.bahasa{position:absolute;top:9px;left:75%; color:white; font-size: 10px;}
.bahasa a{font-size: 10px;text-decoration:none;font-family:Calibri, sans-serif;color: white;}

/* FOOTER */
.containerfooter{width:100%; height:auto; margin:0px; padding-top:20px; background-color:#177103;}
.footertengah{margin:0px auto; width:100%; height:auto;}
.footerkiri{width:90%; height:auto; float:none; margin:0px auto auto auto;}
.footerkanan{width:100%; height:auto; float:none; margin-top: 10px;}
.footerkiricenter{width:360px; height:auto; margin:auto;}
.ketfootputih{color:#FFFFFF; margin:5px;}
.kettextkiri{margin:0px; color:#FFFFFF; font-size:13.2px; text-align:left; padding-left:5px;}
 
.containerfooter1{width: 100%;height: 100%;margin: 0px;}
.ketfooter{font-size: 12px; background-color: #000000;text-align: center;color: white;padding: 10px 5px;font-family: Mukta Light, sans-serif;}
.logoterhubung{width:32px; height:32px; padding: 0px 2px;}

/* HOME */
/* SLIDESHOW */
.mySlides {display:none;}
.containerslide{width: 100%;height: 100%;margin: 0px;}
.buttonkk{border:none;padding:8px 12px;vertical-align:middle;color:white;background-color:green;text-align:center;cursor:pointer;}
.boxhijau{color:white;background-color:green}
.ukurankanankiri{width: 20px;height :30px;}
.prev, .next {cursor: pointer; position: absolute; top: 38%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0;}
.next {right: 0; border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}

/* SELAMAT DATANG DAN PETA SECTION */
.keterangan{width:90%;padding:30px 0px 3px 0px; height:auto; text-align:center;}
.subketerangan{width:180px; margin:0px auto; text-align: center; display: block;}
.subketeranganlink{display: block;margin-bottom:10px; width: 150px; font-size: 12px; background-color:#177103; color:#ffffff; padding:8px 15px; text-decoration:none;}

/* PROMO SECTION */
.penawaran{display:none;}
.penawaran1{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;background-color: #cffecd;display:block;}
.promo1{margin:0px auto 15px auto;width: 90%;}
.imagepromo1{width: 100%;height: 100%;padding: 0px;margin-bottom: 10px;}

/* UPDATE INFO KAMAR BEST SELLER 28012021 */
.containerempatkotak{margin:0px 0px 20px 0px; height:1500px;}
.containerempatkotaktengah{margin:0px auto; padding-top:50px; height:1500px; width:100%; text-align:center;}
.kotakkecil2{width: 100%; height:270px; margin:0px; padding-bottom: 85px ; float:none;}
.imagekecil2{width: 90%; height:250px; padding:0px;}
img.hover-shadowdkotak {transition: 0.3s;}
.hover-shadowdkotak:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ketcoverkotak2{font-family:Alegreya Sans Medium; font-size: 16px; color:#1b8f01; text-align: center; font-weight: bold;}
.ketcoverdkotak2{font-family:Mukta Light; font-size: 13.2px; color:#6b6b6b; text-align: center;}
.baca3{margin:0px; height:30px;}
.bacalanjut3{color:white; background-color:#177103; padding:3px 15px; text-decoration:none; font-family:Mukta Light; font-size:13.2px; border-radius:5px;}
.baca1{margin:0px auto; height:50px; width:300px; }
.bacalanjutkotak{color:#1b8f01; font-family:"Alegreya Sans Medium"; font-size:16px;}
/* END BEST SELLER 28012021 */

/* UPDATE TOBA RESTO 31082021 */
.containerresto{margin:0px 0px 20px 0px; height:380px; }
.containerrestotengah{margin:0px auto; height:380px; width:100%; text-align:center;}
.imageresto{width:90%; height:auto; border-radius:15px;}

/* UPDATE REVIEW TAMU 23092021*/
.containerreview{width: 100%;height: 100%;margin:50px 0px 0px 0px; text-align:center;}
.containerreviewtengah{width:100%; height:auto; margin:0px auto 50px auto;}
.kotak-review{width:80%; height:auto; font-family:Mukta Light,sans-serif; color:#6b6b6b; text-align:center; font-size:14px; padding:30px 30px 35px 30px; margin:auto;}

/* UPDATE SEPENGGAL SEJARAH 03042024 */
.containersejarah{margin:0px 0px 20px 0px; height:500px; display: none;} 
.containersejarahtengah{margin:0px; width:100%; text-align:center;}
.imagesejarah{width: 500px; height: 375px; border-radius:10px;}

.containersejarah1{padding-top: 0px;padding-bottom: 80px;width: 100%;text-align: center;display: block;}
.containersejarahtengah1{margin:0px auto;width: 100%;}
.imagesejarah2{width: 100%;height: 100%;}

/* KAMAR */
.containerkamar{margin:0px;width: 100%;height: auto;text-align:center;}
.kamarcenter{margin:0px auto;width: 100%;height:auto;}
.kotakkamar{width: 100%; height:auto; margin:0px; padding:10px 0px 15px 0px; float:none; }
.imagekamar{width: 100%; height:auto; padding: 0px;}
.hover-shadowkamar:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ketcoverkamar{font-family:Alegreya Sans Medium; font-size: 16px; color:#1b8f01; text-align: center; font-weight: bold;}
.ketcoverkamar1{font-family:Mukta Light; font-size: 13.2px; color:#6b6b6b; text-align: center;}
.judulkamar{width:90%; height: auto;margin:0px auto 0px auto; text-align: center;}

.baca{margin:10px 0px 0px 0px; height:30px; background-color:#FFFFFF;}
.bacalanjut{color:white; background-color:#177103; padding:3px 15px; text-decoration:none; font-family:Mukta Light; font-size:13.2px; border-radius:5px;}

/* KAMAR SUPERIOR */
.containersuperior{width: 100%;height: auto;margin:0px 0px 50px 0px; display: inline-block;}
.gambarsuperior{margin:0px; width:100%; height:auto; float:none;}
.imagekamarsuperior{width: 100%;height: 100%;}

.ketsuperior{margin:15px 25px; width: 80%;height: auto; float:left;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 13.2px;line-height: 2;}
.pemisahketkamar{width: 95%;height: 0px;margin:15px 0px 25px 0px;border:0.5px solid #6b6b6b;}
.judulsuperior{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 16px;font-weight: bold;line-height: 1;}

/* FASILITAS */
.containerfasilitas{margin:0px auto; width:100%;height:auto;text-align:center;}
.fasilitascenter{margin: 0px auto 50px auto;width: 100%;height:auto;text-align:center;}
.image4{width: 100%; height:auto; margin:0px 0px 10px 0px; float:none;font-size: 14px;line-height: 1.4; text-align:left; padding:0px;}
.imagefasilitas{width: 100%; height:auto; margin-bottom:10px;}
.keterangandfasilitas{width:95%; padding:0px 0px 20px 10px; }
.judulfasilitas{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 16px; font-weight: bold;line-height: 1;}

/* RENCANA PERJALANAN */
.contgambarperjalanan{width:100%; height:auto;}
.contkontenbesarperjalanan{width:1050px; height:1350px; margin:30px auto 0px auto; display:none; }
.contkontenbesarperjalanan1{width:100%; height:auto; margin:20px auto 20px auto; display:inline-block;}
.contkanankiri{width:95%; height:auto; margin:0px auto 50px auto;}

.contkanan{float:left; width:100%; height:auto;}
.contkiri{float:left; width:95%; height:auto;  padding :10px 8px 30px 8px;}

.judulcontkiri{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 16px;font-weight: bold;line-height: 1; }
.ketcontkiri{font-family: Mukta Light, sans-serif; color:#6b6b6b; text-align:justify; font-size:13.2px; margin:0px;}
.pelajarilanjut{color:white; background-color:#177103; padding:3px 15px; text-decoration:none; font-family:Mukta Light; font-size:13.2px; border-radius:5px;}

/* DESTINASI WISATA */
.contdestinasi{margin:0px 0px 50px 0px; width:100%;height:auto;text-align:center;}
.destinasicenter{margin:-10px auto;width: 90%;height:auto;text-align:center; display: inline-block;}
.image6{width:100%; height:auto;  margin:0px auto 0px auto;text-align:center;}
.imagedestinasi{width: 90%; height:100%;}
.juduldestinasi{width:92.5%; height: auto;margin:0px auto 0px auto; text-align: center;}
.ketmarketing{color:#990000; font-weight:bold;}
.subjuduldestinasi{font-weight:bold; text-decoration:underline; font-size:13.2px;}

/* RUTE PERJALANAN */
.contrute{width:100%; height:auto; margin:0px; display: inline-block;}
.contrutecenter{width:90%; height:auto; margin:0px auto;  }
.judulrutekiri{font-family:Alegreya Sans Medium;color: #6b6b6b; font-size: 16px;font-weight: bold;line-height: 1;}
.rutekanankiri{width:100%; height:auto; margin:0px auto;}
.rutekiri{width:100%; height:auto; float:left;}
.rutekanan{float:left; padding:0px; width:100%; height: auto; margin-bottom:20px;} 
.imagerute{width:100%; height:auto;}
.ketrute{text-align:justify; font-family:Mukta Light; font-size:14px; margin-top:0px;}

/* SPESIAL PROMO */
.containerpaket{width:100%; text-align:center; display:block;}
.containerpakettengah{margin:0px auto 50px auto; width:100%;  height:auto;}
.kotakpaket{width:100%; height:auto; margin:10px 0px 10px 0px; float:none;}
.imagepaket{width:100%; height:auto; padding:0px;}
.hover-shadowpaket:hover {box-shadow: none;}

.sliderbawah{position:absolute; bottom:0px; left:0px; right:0px; background-color:#177103; overflow:hidden; width:100%; height:10%; transition: .8s ease;}
.sliderbawah a{text-decoration:none;}
.textpelajari{color:white; font-size:14px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}

.containerpaket1{display:none;}

/* UNTUK WEDDING */
.containerwedding{width: 100%;height:auto; font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 13.2px; text-align:left;}
.containerweddingtengah{width:100%; height:auto; margin:0px 0px 30px 0px; text-align:center;}
.divweddingkiri{width:100%; height:auto; margin:0px; float:none;}
.divweddingkanan{width:95%; height:auto; margin:0px auto; padding:0px; float:none;}
.judulwedding{font-family:Alegreya Sans Medium; color:#1b8f01; font-size: 16px; font-weight: bold; line-height: 1; text-align:left;}
.subjudulwedding{font-family:Alegreya Sans Medium; color:#FF0000; font-size: 16px; text-align:left; line-height: 1;}
.txtkiriwedding{text-align:left; font-size:13.2px;}
.txtkiriweddingcontact{text-align:left; font-weight:bold; color:#000000; font-size:13.2px;}

/* UNTUK MEETING */
.containermeeting{width: 100%;height: auto;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 14px;line-height: 1.5; text-align:left;display: none;}
.containermeetingtengah{width:60%; height:auto; margin:30px auto 10px auto;}
.imagemeeting{width: 100%; height: auto;}
.ketsyaratmeeting{font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 14px;line-height: 1.5; text-align:left;}
.judulsyaratmeeting{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 16px;font-weight: bold;line-height: 1.5;}

.containermeeting1{width: 100%;height: auto;font-family: Mukta Light, sans-serif;color: #6b6b6b;font-size: 14px;line-height: 1.5; text-align:left;display: block;}
.containermeetingtengah1{width:90%; height:auto; margin:0px auto 50px auto;}
.imagemeeting1{width: 100%; height: auto; margin-bottom: 15px;}

/* GALERI */
.galeri{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;display: none;}
.galericenter{margin:0px auto;width: 90%;}
.imagegaleri{width: 350px; height:220px; padding: 10px;}
.modalgaleri {display: none;}
.galeri1{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;display: block;z-index:0;}
.galericenter1{margin:0px auto;width: 100%;}

/* GALERI ACARA */
.galeriacara{margin:0px;width: 100%;height: auto;text-align:center;}
.galericenteracara{margin:0px auto;width: 100%; height: auto;}
.kotakgaleriacara{width: 100%; height:auto; padding: 0px; margin:0px auto 30px auto; float:none;}
.imagegaleriacara{width: 100%; height:auto; padding: 0px 0px 0px 0px;}
.ketgaleriacara{font-family:Alegreya Sans Medium; font-size: 14px; color:#1b8f01; text-align: left; font-weight: bold;}
.ketgaleriacara1{font-family:Mukta Light; font-size: 13.2px; color:#6b6b6b; text-align: center;}
.hover-shadowgaleriacara:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* ACARA 1 */
.acara1{width: 100%;text-align: center;display: none;}
.acaracenter1{margin:0px auto;width: 760px; height:2500px;}
.kotakacara1{width: 350px;height: 220px; float: left; margin:10px 10px;}
.imageacara1{width: 350px; height:220px; padding: 10px;}
.hover-shadowacara1:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.acaramobile1{padding-top: 20px;padding-bottom: 30px;width: 100%;text-align: center;display: block;z-index:0;}
.acaramobilecenter1{margin:0px auto;width: 100%;}

/* GALERI VIDEO */
.containervideo{margin:0px;padding:0px 0px 50px 0px;width: 100%;height:auto;text-align: center;display:inline-block;}
.containervideotengah{margin:0px;width: 100%;height:auto;}
.kotakvideo{width: 100%; height: auto; float:none; margin:15px 0px;}
.videogaleri{width: 100%; height:auto; padding:0px;}
.hover-shadowvideo:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.videogalerifull{width: 100%; height: auto; margin-bottom:50px; text-align: center;}
.fullvideo{width: 100%; height: auto; padding-top:10px;}

/* SOUVENIR */
.containersouvenir{margin:0px auto; width:100%;height:1500px;text-align:center;}
.souvenircenter{margin:0px auto;width: 90%; height:1700px; text-align:center;}
.judulpemesanan{font-family:Mukta Light;color:#CC0000; font-size: 14px;font-weight: bold;line-height: 1;}

.imagesouvenir{width: 150px; height:150px; margin-bottom:0px;}
.modalsouvenir {display: none;position: fixed;padding-top: 80px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: black;z-index:3;}
.modal-contentsouvenir {position: relative;background-color: #fefefe;margin: auto;padding: 0;width: 95%;}
.closesouvenir {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}
.closesouvenir:hover,.closesouvenir:focus {color: #999;text-decoration: none;cursor: pointer;}
.mySlidessouvenir {display: none;}
.demosouvenir {opacity: 0.6;}
.activesouvenir,.demosouvenir:hover {opacity: 1;}
.imagebottomsouvenir {margin-bottom: -5px;width: 100%;height: 100%;}
.cursorsouvenir {cursor: pointer;}
img.hover-shadowsouvenir {transition: 0.3s;}
.hover-shadowsouvenir:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.produktengah{width:100%; margin:10px auto 0px auto;}
.image5{width: 150px; height:230px; float:left; margin:5px 5px 5px 5px; text-align:center;font-family: Mukta Light, sans-serif;color: #6b6b6b;line-height: 1.4; text-align:left;}
.judulsouvenir{font-family:Alegreya Sans Medium;color:#1b8f01; font-size: 12.5px;font-weight: bold;line-height: 1;}
.keterangandsouvenir{text-align:center; font-size:13.2px;}

/* HUBUNGI KAMI */
.kontak{margin: 0px auto 0px auto;width: 100%;height: auto; display: inline-block;}
.contactkiri{margin: 0px auto 0px auto;padding: 5px 20px 0px 20px;width: 85%;height: auto;float: left;}
.contactkiri p{ text-align:left; line-height:2; font-size: 13.2px}
.contactkanan{  margin: 0px auto 0px auto;padding: 5px 0px 50px 20px;width:85%;height: auto;float: left;}

input[type=text], select, textarea {width: 95%;padding: 12px;border: 1px solid #ccc; font-family:Calibri, sans-serif;font-size: 13.2px;}
label {padding: 12px 12px 12px 0;display: inline-block;font-family:Calibri, sans-serif;font-size: 13.2px;}
input[type=submit] {background-color: #f47610;color: white;margin-right:-10px;padding: 8px 25px;border: none;border-radius: 4px;cursor: pointer;float: right;font-family:Calibri, sans-serif;font-size: 13.2px;}
input[type=submit]:hover {background-color: #f47610;font-family:Calibri, sans-serif;font-size: 13.2px;}
.col-75 {float: left;width: 100%;margin-top: 6px; margin-bottom: 10px;font-family:Calibri, sans-serif;font-size: 13.2px;}

/* KEBIJAKAN */
.framekebijakan{padding-left:70px;margin: 0px auto 0px auto;width: 260px;height:auto;text-align: left;line-height: 2;font-size: 13.2px;}
li{font-family: Mukta Light, sans-serif;color: #6b6b6b;text-align: left;font-size: 13.2px;}
.kebijakankanan{margin: 0px 0px 0px -10px;width: 100%;height: auto;}
}