.wrapper {
  max-width: 970px;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

/**
 * Use this wrapper only for demo purposes
 * So you can show the items outside the wrapper
 */
.wrapper--demo {
  overflow: visible;
}
.wrapper--demo:after, .wrapper--demo:before {
  content: "";
  position: absolute;
  width: 800px;
  height: 100%;
  top: 0;
  left: 100%;
  z-index: 2;
}
.wrapper--demo:before {
  left: -800px;
}

.carousel_t {
  width: 100%;
  position: relative;
}
.carousel_t .carousel_t__content {
  width: auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: translate3d(0, 0, 0);
}
.carousel_t .carousel_t__content .item {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  height: 100%;
  background-color: rgba(14, 14, 14, 0.9);
}
.carousel_t .carousel_t__content .item .title {
  position: absolute;
  top:40px;
  left: 0;
  margin: -33px 0 0 0;
  padding: 0;
  width: 100%;
  text-align: center;
  letter-spacing: .3rem;
  color: #FFF;
}
.carousel_t .carousel_t__content .item .title--sub {
  margin-top: 20px;
  font-size: 1.2em;
  opacity: .5;
}
.carousel_t .carousel_t__content .item img {
  width: 100%;
  max-width: 100%;
  display: block;
}
.carousel_t .carousel_t__nav {
  position: absolute;
  width: 100%;
  top: 95%;
  margin-top: -17px;
  left: 0;
  z-index: 1;
}
.carousel_t .carousel_t__nav .nav {
  position: absolute;
  top: 0;
  color: #000;
  background: #FFF;
  padding: 8px 12px;
  font-weight: bold;
  text-decoration: none;
  font-size: .8rem;
  transition: padding .25s ease;
}
.carousel_t .carousel_t__nav .nav:hover {
  padding: 8px 20px;
}
.carousel_t .carousel_t__nav .nav--left {
  border-radius: 0px 3px 3px 0px;
}
.carousel_t .carousel_t__nav .nav--right {
  right: 0;
  border-radius: 3px 0px 0px 3px;
}

/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
    position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('img/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
.jssora22l.jssora22lds      (disabled)
.jssora22r.jssora22rds      (disabled)
*/
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('../../template/images/a22.png') center center no-repeat;
    overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }
.logstyle{
  display: inline-block;
  background-color: rgba(14, 14, 14, 0.8);
  margin-bottom: 0;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;

}
.logbg{
  background-image:url("../../template/images/permatabg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  overflow: hidden;
}
.framecss{
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 1300px;
  height: 500px;
  overflow: hidden;
  visibility: hidden;
}

.framacss_1{
  cursor: default;
  position: relative;
  top: 0px;
  left: 0px;
  width: 1300px;
  height: 500px; o
  verflow: hidden;
}
.mob_framecss{
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 1300px;
  height: 1450px;
  overflow: hidden;
  visibility: hidden;
}

.mob_framacss_1{
  cursor: default;
  position: relative;
  top: 0px;
  left: 0px;
  width: 1300px;
  height: 1450px; o
  verflow: hidden;
}

.mob_konten{
  text-align:justify;
  padding:10px;
  font-size:49px
}
.konten{
  text-align:justify;
  padding:10px;
  font-size:20px
}