@charset "utf-8";

* {
margin:0;
padding:0;
box-sizing:border-box
}

@font-face{font-family:'FontAwesome';font-style:normal;font-weight:900;src:url("font/fontawesome-webfont.eot");src:url("font/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("font/fontawesome-webfont.woff2") format("woff2"), url("font/fontawesome-webfont.woff") format("woff"), url("font/fontawesome-webfont.ttf")format("truetype"), url("font/fontawesome-webfont.svg#fontawesome") format("svg");}

@font-face {
font-family:'NunitoRegular';
src:url(font/nunito-regular-webfont.eot);
src:url(font/nunito-regular-webfont.eot?#iefix) format("embedded-opentype"),url(font/nunito-regular-webfont.woff) format("woff"),url(font/nunito-regular-webfont.ttf) format("truetype"),url(font/nunito-regular-webfont.svg#NunitoRegular) format("svg");
font-weight:400;
font-style:normal;
}

@font-face {
font-family:'Lobster1.4Regular';
src:url(font/lobster-webfont.eot);
src:url(font/lobster-webfont.eot?#iefix) format("embedded-opentype"),url(font/lobster-webfont.woff) format("woff"),url(font/lobster-webfont.ttf) format("truetype"),url(font/lobster-webfont.svg#Lobster1.4Regular) format("svg");
font-weight:400;
font-style:normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('font/Poppins-SemiBold.otf') format('truetype');
}
@font-face {
  font-family: 'Poppins-Light';
  src: url('font/Poppins-ExtraLight.otf') format('truetype');
}

@font-face {
font-family:'LimelightRegular';
src:url(font/limelight-webfont.eot);
src:url(font/limelight-webfont.eot?#iefix) format("embedded-opentype"),url(font/limelight-webfont.woff) format("woff"),url(font/limelight-webfont.ttf) format("truetype"),url(font/limelight-webfont.svg#LimelightRegular) format("svg");
font-weight:400;
font-style:normal;
}

@font-face {
font-family:'lato Black';
src:url(font/Lato-Black.eot);
src:url(font/Lato-Black.eot?#iefix) format("embedded-opentype"),url(font/Lato-Black.woff) format("woff"),url(font/Lato-Black.ttf) format("truetype"),url(font/Lato-Black.svg#LimelightRegular) format("svg");
font-weight:400;
font-style:normal;
}

body {
margin:0;
padding:0;
background:url(../images/bg-body2.jpg);
background-repeat: no-repeat;
background-size: cover;
}

a {
text-decoration:none;
}

.pc {
display:none;
}

.mob {
display:block;
}

.continer {
width:100%;
}

.header,.body,.footer,.header-atas,.header-bawah,.isi-header, .isi-header1,.cont-isi-artikel {
width:100%;
}

.header-bawah {
/*background:url(../images/bg-navigation2.png) repeat-x;*/
background-size:contain;
}

.footer {
background:url(../images/bg-footer2.png) #009899 repeat-x top;
font-family:NunitoRegular;
}

.isi-header, .isi-header1 {
margin:auto;
overflow:hidden;
}
.isi-header {padding:5px;}
.nav-kiri,.nav-kanan {
width:100%;
float:left;
text-align:center;
}

.nav-kiri1 {
width:100%;
float:left;
text-align:left;
}

.nav-kanan1 {
width:100%;
height:0px;
position:relative;
float:left;
text-align:right;
}

.navigation,.navigation2 {
margin:0;
padding:0;
list-style-type:none;
position:absolute;
bottom:0;
overflow:hidden;
width:100%;
}

.navigation li {
float:right;
margin:0 5px;
padding:0 5px;
}

.navigation li a {
text-decoration:none;
padding:0 1vw;
font-family:'Poppins';
font-size:16px;
color:#077;
font-size:1.2vw;
}

.navigation2 li {
display:inline-block;
}

.navigation2 li:first-child a {
border-left:none;
}

.navigation2 li a {
border-left:solid #FFF 1px;
padding:0 20px;
text-align:center;
color:#FFF;
font-size:1vw;
}

.umum {
list-style-type:none;
text-align:center;
padding:5px 0;
color:#FFF;
font-size:3.5vw;
}

.umum a {
color:#FFF;
}

.nama {
width:90%;
}

.logo {
width:95%;
}

.reservasi {
width:40%;
}

.kiri,.kanan {
float:left;
width:100%;
text-align:center;
padding:0 10px;
}

.menu {
width:100%;
}

.container-btn {
width:100%;
height:25px;
position:relative;
-webkit-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-o-transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
transform:translate(0px,0px);
-webkit-transition:.3s ease;
-moz-transition:.3s ease;
-o-transition:.3s ease;
transition:.3s ease;
}

.btn {
width:20px;
position:absolute;
right:5px;
top:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out;
cursor:pointer;
text-decoration:none;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
}

.btn:before {
font-family:'FontAwesome';
content:"\f0c9";
}

.menu-mob {
position:fixed;
width:50%;
right:-50%;
top:0;
z-index:100;
height:100%;
background:#ddd;
}

.menu-mob a {
color:#1b6568;
}

.menu-mob.active {
-webkit-transform:translate(-100%,0px);
-moz-transform:translate(-100%,0px);
-o-transform:translate(-100%,0px);
-ms-transform:translate(-100%,0px);
transform:translate(-100%,0px);
}

.menu-ver {
width:100%;
margin:auto;
padding:5px 10px;
font-weight:700;
}

.xmenu:before {
font-family:'FontAwesome';
content:"\f00d";
font-size:15px;
padding:10px 5px;
color:#000;
}

.xclose:before {
font-family:'FontAwesome';
content:"\f00d";
font-size:15px;
padding:10px 5px;
color:#fff;
}

.isi-menu-mob {
height:100%;
width:100%;
color:#1b6568;
position:relative;
text-align:right;
}

.heading1,.heading2 {
width:100%;
color:#1b6568;
}

.heading1,.heading-artikel {
font-family:'Lobster1.4Regular';
font-size:3.5vw;
padding:0px 5px;
}

.heading-contact {
font-family:'FontAwesome';
}

.heading-contact h1 {
color:#1b6568;
font-size:5.5vw;
}

.heading-contact h4 {
color:#930;
font-size:3.5vw;
}

.heading1 {
text-align:center;
}

.heading-artikel {
text-align:left;
}

.heading2 {
font-family:'NunitoRegular';
font-size:3vw;
}

.isi-kiri,.isi-kanan,.contact-kiri,.contact-kanan {
width:100%;
float:left;
}

.gambar {
width:100%;
}

.content {
padding:15px 0;
}

.cont-isi-artikel {
overflow:hidden;
}

.content-gambar,.content-detail {
float:left;
}

.content-gambar {
width:25%;
overflow:hidden;
padding:0;
}

.content-detail {
width:75%;
padding:0;
}

.judul-artikel {
font-size:3.5vw;
font-weight:bold;
}

.judul-artikel a {
text-decoration:none;
color:#000;
}

.tgl,.tgl-artikel {
font-size:3vw;
line-height:1;
}

.isi,.isi-artikel {
line-height:1.5;
font-size:4vw;
color:#000;
font-family:Arial,Helvetica,sans-serif;
}

.gambar-artikel {
width:150%;
height:100px;
}

.paginat a {
text-decoration:none;
}

.paginat {
padding:0;
margin:0;
display:inline-block;
}

.paginat li {
list-style:none;
border-radius:5px;
border:#999 1px solid;
text-align:center;
vertical-align:middle;
float:left;
padding:5px;
font-size:4vw;
}

.artikel {
width:100%;
border:#3F2307 10px solid;
border-radius:15px;
padding:10px;
background:#FFC;
}

.paging {
cursor:default;
color:#000;
background-color:#9F3;
pointer-events:none;
}

.disable {
background-color:#999;
}

.nav-active {
color:#000;
background-color:#9C9;
}

.detail-artikel {
width:100%;
}

.batas {
padding:3px;
}

.batas-bawah {
padding:20px;
}

.judul-artikel2 {
text-align:center;
font-size:4vw;
font-weight:700;
padding:10px 0;
}

.gambar-artikel2 {
text-align:center;
}

.gambar2 {
width:50%;
}

.link-gambar,.link-artikel {
font-size:3vw;
}

.link-gambar {
text-align:center;
}

.link-artikel {
text-align:left;
}

.link-gambar a,.link-artikel a {
color:#000;
}

.isi-artikel {
font-size:4vw;
}

.isi-artikel img {
width:75%;
}

.artikel-view {
width:90%;
margin:auto;
overflow:hidden;
}

.link {
font-size:3vw;
text-align:center;
font-weight:700;
padding:10px;
}

.link a {
color:#630;
}

.navigation li a.menu-aktif {
color:#F90;
}

.video-kiri,.video-kanan {
width:100%;
float:left;
padding:5px;
}

.video-kiri {
text-align:center;
}

.contact-kanan span {
font-family:"Poppins Medium";
color:#630;
}

.artikel form label input {
border:#C60 solid 1px;
width:100%;
height:40px;
padding:5px;
margin-bottom:10px;
}

.artikel form input {
border:#C60 solid 1px;
padding:5px;
margin-bottom:10px;
}

.artikel form label textarea {
border:#C60 solid 1px;
width:100%;
height:200px;
padding:5px;
margin-bottom:10px;
resize:none;
}

.artikel form label {
display:block;
color:#4c1407;
font-family:'NunitoRegular';
font-size:3vw;
font-weight:400;
}

.g-captcha {
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}

.keterangan {
position:absolute;
bottom:25px;
width:95%;
border-top:red solid 1px;
margin:auto;
left:5px;
}

.isi-keterangan {
padding:5px;
width:100%;
font-size:2.5vw;
text-align:left;
font-weight:700;
}
.tempat-menu {
	top:5px;
	right:5px;
	position:fixed;
	width:30%;
}
.tempat-logo {
	float:right;
	width:70%;
}
.ukuran-gambar {
	width:80%;
	height:70px;
	overflow:hidden;
	margin:auto;
}
#output {
	width:20%;
}
.jssora112 {display:block;position:absolute;cursor:pointer;}
.jssora112 .a {fill:#333;fill-opacity:.7;stroke:#fff;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
.jssora112:hover {opacity:.8;}
.jssora112.jssora112dn {opacity:.4;}
.jssora112.jssora112ds {opacity:.3;pointer-events:none;}
@media only screen and (min-width:768px) {
.pc {
display:block;
}

.mob {
display:none;
}

.isi-header, .isi-header1 {
width:70%;
}

.nav-kiri {
/*width:75%;*/
text-align:left;
}

.nav-kanan {
width:25%;
text-align:right;
}

.nama {
width:100%;
}

.logo {
width:35%;
}

.umum {
font-size:1vw;
}

.kiri {
width:37%;
text-align:right;
}

.kanan {
text-align:left;
width:63%;
}

.heading1,.heading-artikel {
font-size:1vw;
}

.heading-contact h1 {
font-size:2vw;
}

.heading-contact h4 {
font-size:1.5vw;
}

.heading2 {
font-size:0.9vw;
}

.isi-kiri {
width:30%;
padding:0 10px 0 0;
}

.isi-kanan {
width:70%;
padding:0 0 0 10px;
}

.contact-kiri {
width:70%;
padding:0 10px 0 0;
}

.contact-kanan {
width:30%;
padding:0 0 0 10px;
}

.content-gambar {
width:14%;
overflow:hidden;
}

.content-detail {
width:86%;
}

.judul-artikel {
font-size:1.2vw;
}

.tgl,.tgl-artikel {
font-size:.7vw;
}

.isi {
font-size:.8vw;
}

.gambar-artikel {
width:150%;
height:140px;
}
.ukuran-gambar {
	width:90px;
	height:90px;
}
.paginat li {
font-size:1vw;
}

.detail-artikel {
width:90%;
margin:auto;
}

.judul-artikel2 {
font-size:1.2vw;
}

.link-gambar,.link-artikel {
font-size:.7vw;
}

.isi-artikel {
font-size:.8vw;
}

.link {
font-size:1vw;
}

.video-kiri {
width:40%;
padding:0 5px 0 0;
}

.video-kanan {
width:60%;
padding:0 0 0 5px;
}

.artikel form label {
font-size:1vw;
}

.g-captcha {
transform:scale(1);
-webkit-transform:scale(1);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}

.artikel form label input {
width:50%;
}

.artikel form label textarea {
width:50%;
}

.batas {
padding:5px;
}
.nav-kiri1 {
width:55%;
float:left;
text-align:left;
}

.nav-kanan1 {
width:45%;
height:120px;
position:relative;
float:left;
text-align:right;
}

}