.topnavigate { 
    top: 0px;
    width:  100%;
    background-color: #1f1f1f !important;
    z-index: 1;
}
@media only screen and (min-width: 700px) { .topnavigate { height: 48px; } }
.topnavigate a {
  float: left;
  display: block;
  color: #fff;
  text-align: center;
  padding: 14px 14px;
  text-decoration: none;
  font-size: 14px;
  
}
.active { background-color: grey; color: white; }
.topnavigate .icon { display: none; }
.dropdwn { float: left; overflow: hidden; }
.dropdwn .dropbtn {
  font-size: 14px;    
  border: none;
  outline: none;
  color: white;
  padding: 16px;
  background-color: inherit;
  margin: 0;}
.dropdwn-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1; }
.dropdwn-content a {
  float: none;
  color: black;
  padding: 10px;
  text-decoration: none;
  display: block;
  text-align: left; }
.topnavigate a:hover, .dropdwn:hover .dropbtn { background-color: #555; color: white; }
.dropdwn-content a:hover, .topnavigate a:hover { background-color: #333; color: orange; }
.dropdwn:hover .dropdwn-content { display: block; }
@media screen and (max-width: 600px) {
  .topnavigate a:not(:first-child), .dropdwn .dropbtn { display: none; }
  .topnavigate a.icon { float: right; display: block; } }
@media screen and (max-width: 600px) {
  .topnavigate.restopnav {position: relative;}
  .topnavigate.restopnav .icon {  position: absolute; right: 0; top: 0; }
  .topnavigate.restopnav a { float: none; display: block; text-align: left; }
  .topnavigate.restopnav .dropdwn {float: none;}
  .topnavigate.restopnav .dropdwn-content {position: relative;}
  .topnavigate.restopnav .dropdwn .dropbtn { display: block; width: 100%; text-align: left; }
}
.topnavigate a, .dropdwn-content a, .dropbtn{font-weight:bold;}
.clearfix:after { content: ""; display: table; clear: both; }
.logo-sidemplon{background-color:#000;text-align:center;}
@media screen and (max-width: 600px) {.logo-sidemplon img{width:100%;height:auto;}}
#main {background-color:white-space;}
/*IFRAME*/
.ivrame-container {
	border-radius: 5px;
    background-position: center;
    background-color: white;
    background-repeat: no-repeat;
    background-color: #1c1c1c;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    max-width: 100%;
    border: 1px solid gray;
}
.ivrame-container video, .ivrame-container object, .ivrame-container video {
	border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ivrame-container img {width:100%;height:100%;position:absolute;}
.ember {padding-left:200px;padding-right:200px;padding-top:20px;padding-bottom:20px;text-align:center;background:#333;}
@media only screen and (max-width: 500px) { .ember { padding: 1px; } }
@media only screen and (max-width: 900px) { .ember { padding: 2px; } }
#data-render span { 
	border-radius: 5px;
	border: 1px solid darkred;
	padding: 10px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	font-weight:bold;
}
 #footer {
    background: #1b1b1b;
    border-top: 1px solid #2b2b2b;
    }
#colophon {
 font-size:16px;
 color:#aaa
}
#colophon a {
 color:#777
}
.cf:after {
 clear:both
}
.clear:before,
.clear:after,
.cf:before,
.cf:after {
 content:"";
 display:table
}
.wrap {
padding-top:10px;
padding-bottom:8px;
 max-width:950px;
 margin:0 auto
}
.cf {
 zoom:1
}
.catmenu{
padding-top: 8px;
margin: 1px 0;
background: #000;
color: #fff;
overflow: hidden;
font-size: 14px;
padding-left: 10px;
}
.jump {margin-top:10px; color:#333;}
@media only screen and (min-width: 700px) { .jump { display: none } }
.cari {color:#333;}
@media only screen and (max-width: 600px) { .catmenu { text-align: center } }
@media only screen and (max-width: 600px) { .cari { margin-bottom:10px; } }
.ttl {margin-top: 6px; }
@media only screen and (min-width: 700px) { .ttl { float:left;  } }
@media only screen and (min-width: 700px) { .cari { margin-right:10px; margin-bottom:7px; float:right;  } }
.name {display:none;}
#myBtn:hover { color:red; background-color: white;border:1px solid red;}
#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	padding: 8px 12px;
	border-radius: 4px;
}
/* Center the loader */
#loader, #loader2 {
  width: 120px;
  height: 120px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3f3f3f;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@media only screen and (min-width: 700px) { #loader { margin-left:600px; margin-top:100px; margin-bottom:100px;} #loader2 { margin-left:400px; margin-top:200px; margin-bottom:100px;} }
@media only screen and (max-width: 500px) { #loader { margin-left:100px; margin-top:80px; margin-bottom:100px;} #loader2 { margin-left:95px; margin-top:25px; margin-bottom:100px;} }
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.simple-dropdown {display:none;}
.overlays {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
@media only screen and (max-width: 500px) { .vtitle { display:none; } }
@media only screen and (max-width: 500px) { .overlays span { font-size:8px; } }