@import url("../../../css.css");
@import url("../../../css-1.css");
::-webkit-scrollbar {
    display: none;
}

#body{
    background-color: #ffeec9;
}

.album-item {
    display: block;
    position: relative;
}
.content-smoke {
    background-color: #f6f7f6;
}
.header {
    position: relative;
    min-height: 780px;
    background-image: url("../images/tesis-bg.png");
    width: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f5f6fa;
}

.header .logo {
    max-width: 450px;
    position: absolute;
}
.header .logo img {
    max-width: 200px;
    height: auto;
    float: left;
}
.header .logo-text {
    display: inline-block;
    max-width: auto;
    font-family: "Ubuntu", sans-serif;
}
.header .logo-text span {
    color: #212121;
    font-size: 1.6rem;
    line-height: 1.2rem;
    display: block;
    font-weight: bold;
}
.header .logo-text small {
    color: #212121;
    font-size: 1.2rem;
    position: relative;
    top: -8px;
}

.header .search {
    position: absolute;
    top: 40%;
    font-family: "Ubuntu", sans-serif;
    max-width: 40%;
}
.header .search small {
    color: #212121;
    font-size: 1.2rem;
    position: relative;
}
.header .search span {
    color: #212121;
    font-size: 2rem;
    line-height: 2.5rem;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;;
}
.header .search .btn-rounded {
    border-radius: 50px;
    min-width: 45px;
    min-height: 40px;
    background-color: #fc60cd;
    position: absolute;
    left: 88%;
    top: 10%;
    border-style: none;
    z-index: 10;
}
.header .search .rounded {
    border-radius: 25px !important;
    box-shadow: 0 0 30px rgba(118, 118, 118, 0.2);
    padding: 25px !important;
    position: relative;
    border-style: none;
}
.header .text-opd {
    font-family: "Ubuntu", sans-serif;
    color: #aaaaaa;
    font-weight: bold;
    position: absolute;
    bottom: 15%;
}


.header-page {
    position: relative;
    min-height: 300px;
    background-image: url("../images/header-page-tesis.png");
    object-fit: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #f5f6fa;
}
.header-page .logo {
    max-width: 450px;
    position: absolute;
}
.header-page .logo img {
    max-width: 150px;
    height: auto;
    float: left;
}
.header-page .logo-text {
    display: inline-block;
    max-width: auto;
    font-family: "Ubuntu", sans-serif;
}
.header-page .logo-text span {
    color: #ffffff;
    font-size: .9rem;
    line-height: 0.7rem;
    display: block;
    font-weight: bold;
}
.header-page .logo-text small {
    color: #ffffff;
    font-size: 0.6rem;
    position: relative;
    top: -8px;
}
.header-page .search {
    position: absolute;
    top: 60%;
    font-family: "Ubuntu", sans-serif;
    max-width: 30%;
}

.header-page .search small {
    color: #ffffff;
    font-size: 1em;
    position: relative;
}
.header-page .search span {
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 1rem;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;;
}


.icon-menu {
    position: relative;
    min-height: 100px;
    top: -100px;
    margin-bottom: -50px;
}

.icon-menu-page {
    position: relative;
    margin-top: 30px;
    min-height: 100px;
}

.icon-opd .owl-nav button.owl-next {
    position: absolute;
    background-color: #fc60cd;
    top: 38%;
    right: -5%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    z-index: 100;
}
.icon-opd .owl-nav button.owl-prev {
    position: absolute;
    background-color: #fc60cd;
    top: 38%;
    left: -5%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    z-index: 100;
}
.icon-opd .owl-nav button.owl-prev span,
.icon-opd .owl-nav button.owl-next span {
    position: relative;
    top: -8px;
}
.icon-opd .owl-nav button.owl-prev:focus,
.icon-opd .owl-nav button.owl-prev:active,
.icon-opd .owl-nav button.owl-next:focus,
.icon-opd .owl-nav button.owl-next:active {
    outline: none;
}
.shortcut {
    position: relative;
    min-width: 160px;
    min-height: 180px;
    margin: 5px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(118, 118, 118, 0.2);
    border-radius: 5px;
    padding: 35px;
    text-align: center;
    line-height: 0.8rem;
}
.shortcut span {
    font-family: "Ubuntu", sans-serif;
    font-size: 0.75rem;
    color: #767676;
}
.shortcut img {
    max-width: 200px;
    margin: auto;
    margin-bottom: 15px;
}
.shortcut a {
    position: relative;
    font-size: 1rem;
    color: #212121;
    margin-top: 10px;
}
.shortcut a:hover {
    color: #fdb663;
    text-decoration: none;
}

.shortcut-page {
    position: relative;
    width: 100%;
    margin: 20x;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(118, 118, 118, 0.2);
    border-radius: 5px;
    padding: 25px;
    text-align: center;
    line-height: 0.8rem;
}
.shortcut-page span {
    font-family: "Ubuntu", sans-serif;
    font-size: 1.2rem;
    color: #767676;
}
.shortcut-page a {
    position: relative;
    font-size: 1.2rem;
    color: #212121;
}
.shortcut-page a:hover {
    color: #fdb663;
    text-decoration: none;
}
.shortcut-page .aktif {
    color: #fdb663;
    text-decoration: bold;
}

.shortcut-menu {
    position: relative;
    width: 48%;
    margin: 5px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(118, 118, 118, 0.2);
    border-radius: 5px;
    padding: 25px;
    text-align: center;
    line-height: 0.8rem;
}
.shortcut-menu span {
    font-family: "Ubuntu", sans-serif;
    font-size: 1.2rem;
    color: #767676;
}
.shortcut-menu a {
    position: relative;
    font-size: 1.2rem;
    color: #212121;
}
.shortcut-menu a:hover {
    color: #fdb663;
    text-decoration: none;
}
.shortcut-menu .aktif {
    color: #fdb663;
    text-decoration: bold;
}

.shortcut-list {
    position: relative;
    width: 100%;
    margin: 5px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(118, 118, 118, 0.2);
    border-radius: 5px;
    padding: 25px;
    text-align: justify;
    line-height: 0.8rem;
}
.shortcut-list span {
    font-family: "Ubuntu", sans-serif;
    font-size: 0.75rem;
    color: #767676;
}
.shortcut-list a {
    position: relative;
    font-size: 1rem;
    color: #fc60cd;
}
.shortcut-list a:hover {
    color: #fdb663;
    text-decoration: none;
}


.footer {
    background-color: #f5f5f5;
    min-height: 50px;
    font-family: "Ubuntu", sans-serif;
    font-size: 0.8rem;
    padding-top: 15px;
    color: #aaaaaa;
}
.news-flash {
    background-color: #fc60cd;
    min-height: 30px;
    font-family: "Ubuntu", sans-serif;
}
.news-flash .judul {
    color: #fff500;
}
.news-flash .flash-item {
    color: #fff;
}
.header-opd {
    min-height: 100px;
}
.header-opd .wrp-logo {
    width: 25%;
}
.header-opd .logo {
    top: 10px;
    max-width: 450px;
    position: relative;
}
.header-opd .logo img {
    max-width: 100px;
    height: auto;
    float: left;
}
.header-opd .logo-text {
    display: inline-block;
    max-width: auto;
    font-family: "Ubuntu", sans-serif;
}
.header-opd .logo-text span {
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 1.2rem;
    display: block;
    font-weight: bold;
}
.header-opd .logo-text small {
    color: #ffffff;
    font-size: 0.8rem;
    position: relative;
    top: -8px;
}
.header-opd .top-contact {
    color: #3d9e49;
    position: relative;
    top: 20px;
}
.header-opd .top-contact span {
    position: absolute;
    top: 5px;
    font-family: "Nunito", sans-serif;
    font-size: 0.9rem;
    font-weight: bold;
    color: #363636;
}
@media (max-width: 767px) {

    .header-page {
        position: relative;
        min-height: 400px;
        background-image: url("../images/header-page-tesis.png");
        background-size: cover;
    }

    .header-page .search {
        top: 70%;
        max-width: 70%;
    }

    .top-contact {
        margin-bottom: 20px;
    }
    .header .search {
        max-width: 67%;
    }

    .header .search small {
        font-size: .8rem;
    }
    .header .search span {
        font-size: 1.6rem;
        line-height: 1.4rem;
    }
}
.menu-utama {
    border-top: 1px solid #eaeaea;
    background-color: #f0f0f0;
}
.menu-utama ul li {
    padding: 3px 17px 3px 17px;
    font-family: "Nunito", sans-serif;
    color: #767676;
    font-weight: bold;
}
.menu-utama ul li a:hover {
    color: #fc60cd !important;
}
.slider {
    width: 100%;
    position: relative;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.slider .slider-item {
    display: block;
    position: relative;
    max-height: 620px;
}
.green-bar {
    min-height: 80px;
    background-color: #fc60cd;
}
@media (max-width: 767px) {
    .foto-kadis {
        text-align: center;
    }
    .slider-item img {
        height: 300px;
        object-fit: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}
.sambutan {
    position: relative;
    top: -50px;
    font-family: "Nunito", sans-serif;
}
.sambutan h3 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 10px;
}
.sambutan p {
    padding-top: 20px;
    color: #363636;
    font-size: 0.9rem;
    line-height: 1.2rem;
}
.sambutan img {
    border-radius: 10px;
    max-width: 217px;
    box-shadow: 0 0 25px rgba(118, 118, 118, 0.2);
}
.sambutan a {
    border-radius: 10px;
    background-color: #f7941d;
    color: #fff;
}
.berita {
    font-family: "Nunito", sans-serif;
}
.berita .judul-panel {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
}
.berita .judul-panel h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #49a455;
}
.berita .judul-panel a {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 10px;
}
.berita-terkini {
    font-family: "Nunito", sans-serif;
}
.berita-terkini .news-img {
    width: 45%;
    float: left;
}
.berita-terkini .news-feed {
    clear: both;
    margin-bottom: 60px;
}
.berita-terkini .news-desc {
    width: 50%;
    float: right;
}
.berita-terkini .news-desc p {
    color: #767676;
    font-size: 1rem;
    line-height: 1.2rem;
}
.berita-terkini .news-desc h5 a {
    font-size: 1.3rem;
    font-weight: bold;
    color: #363636;
}
.berita-terkini .news-desc h5 a:hover {
    text-decoration: none;
    color: #fc60cd;
}
.berita-terkini .news-desc span {
    font-size: 0.8rem;
    color: #f7941d;
}
@media (max-width: 767px) {
    .berita-terkini .news-img {
        width: 100%;
    }
    .berita-terkini .news-desc {
        width: 100%;
    }
    .berita-lainnya {
        width: 100%;
    }
    .galeri {
        width: 100%;
    }
}
.berita-lainnya {
    background-color: #49a455;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}
.berita-lainnya > a {
    background-color: #f7941d;
    border-style: none;
    color: #fff;
}
.berita-lainnya .item-berita {
    border-bottom: 1px solid #6db677;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.berita-lainnya .item-berita h5 {
    font-family: "Ubuntu", sans-serif;
    font-size: 0.9rem;
    line-height: 1rem;
}
.berita-lainnya .item-berita a {
    color: #fff;
}
.berita-lainnya .item-berita span {
    font-size: 0.7rem;
    font-weight: bold;
    color: #fff500;
}
.orange-bar {
    width: 92%;
    height: 80px;
    background-color: #f7941d;
    position: absolute;
    top: -80px;
}
.tab-wrapper {
    position: relative;
    top: -100px;
}
.tab-block {
    width: 100%;
    min-height: 290px;
    margin: 50px auto;
}
.tab-block .tab-mnu {
    position: relative;
    left: -20px;
    display: block;
    list-style: none;
}
.tab-block .tab-mnu:after {
    content: "";
    display: table;
    clear: both;
}
.tab-block .tab-mnu li {
    font-family: "Ubuntu", sans-serif;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-sizing: border-box;
    float: left;
    color: #fff;
    width: 50%;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    cursor: pointer;
}
.tab-block .tab-mnu .active {
    background-color: #fbf0e9;
    color: #d76c2c;
    cursor: default;
}
.tab-block .tab-cont {
    position: relative;
    top: -16px;
    width: 100%;
    background-color: #fbf0e9;
    color: #292d2f;
}
.tab-block .tab-cont .peraturan,
.tab-block .tab-cont .agenda {
    min-height: 90px;
    background-color: #fff;
    padding: 30px 20px 10px 20px;
    border: 1px solid #ebebeb;
}
.tab-block .tab-cont .peraturan .icon,
.tab-block .tab-cont .agenda .icon {
    color: #d76c2c;
}
.tab-block .tab-cont .peraturan .desc a,
.tab-block .tab-cont .agenda .desc a {
    font-family: "Nunito", sans-serif;
    font-weight: bold;
    font-size: 0.9rem;
    color: #363636;
    line-height: 0.6rem;
    position: relative;
}
.tab-block .tab-cont .peraturan .desc span,
.tab-block .tab-cont .agenda .desc span {
    font-size: 0.7rem;
    color: #aaaaaa;
    position: relative;
    top: -20px;
}
.tab-block .tab-cont .agenda .desc span {
    font-size: 0.8rem;
    color: #fff;
    position: relative;
    top: -10px;
}
.tab-block .tab-cont .tab-pane {
    padding: 20px 25px;
}
@media (max-width: 767px) {
    .tab-cont {
        width: 50%;
    }
    .tab-block {
        width: 100%;
    }
    .tab-pane {
        padding: 0;
    }
    .konten-sambutan {
        width: 100%;
    }
    .media li {
        width: 100%;
    }
    .media li img {
        width: 100%;
    }
    .orange-bar {
        top: 0;
    }
    .tab-wrapper {
        top: -20px;
    }
}
.galeri {
    font-family: "Nunito", sans-serif;
    background-color: #f7941d;
    padding: 10px;
    border-radius: 7px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.galeri .judul-panel {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
}
.galeri .judul-panel h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
}
.galeri .judul-panel a {
    font-weight: bold;
    color: #fff;
    position: absolute;
    right: 0;
    top: 5px;
    border-radius: 10px;
}
.footer-opd {
    background-color: #fff;
    font-family: "Nunito", sans-serif;
    box-shadow: 0 0 10px rgba(118, 118, 118, 0.2);
    padding: 10px;
    z-index: 99;
    position: relative;
}
.footer-opd img {
    max-width: 90px;
}
.footer-opd h5 {
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    color: #212121;
    font-size: 1.2rem;
    line-height: 1rem;
}
.footer-opd span {
    font-size: 0.8rem;
}
.footer-opd iframe {
    max-height: 200px;
    width: 100%;
}
.footer-opd .footer-contact {
    position: relative;
    top: 50px;
    left: 0;
}
@media (max-width: 767px) {
    .footer-opd {
        text-align: center;
    }
    .footer-opd h5 {
        margin-top: 20px;
    }
    .footer-opd iframe {
        margin-top: 80px;
    }
    .footer {
        padding: 10px;
    }
}
.sidebar {
    position: relative;
    width: 100%;
}
.sidebar .banner-sidebar {
    margin-bottom: 10px;
    position: relative;
}
.sidebar img {
    min-width: 100%;
    text-align: center;
}
.sidebar .berita-lainnya {
    width: 100%;
    position: relative;
    background-color: #49a455;
    border-radius: 5px;
    color: #fff;
    top: -9%;
    margin-bottom: 20px;
    left: 4%;
}
.sidebar .berita-lainnya > a {
    background-color: #f7941d;
    border-style: none;
    color: #fff;
}
.sidebar .berita-lainnya .item-berita {
    border-bottom: 1px solid #6db677;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.sidebar .berita-lainnya .item-berita h5 {
    font-family: "Ubuntu", sans-serif;
    font-size: 0.9rem;
    line-height: 1rem;
}
.sidebar .berita-lainnya .item-berita a {
    color: #fff;
}
.sidebar .berita-lainnya .item-berita span {
    font-size: 0.7rem;
    font-weight: bold;
    color: #fff500;
}
@media (max-width: 767px) {
    .sidebar .berita-lainnya {
        top: -50px;
        left: 0;
    }
}
.detail-content {
    position: relative;
    top: -70px;
    font-family: "Nunito", sans-serif;
}
.detail-content h3 {
    width: 100%;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 10px;
}
.detail-content p {
    padding-top: 10px;
    color: #363636;
    font-size: 0.9rem;
    line-height: 1.2rem;
}
.detail-content img {
    border-radius: 10px;
    max-width: 217px;
    box-shadow: 0 0 25px rgba(118, 118, 118, 0.2);
}
.detail-content .breadcrumb {
    background-color: transparent;
    padding: 0;
    font-size: 0.8rem;
    color: #fff;
}
.detail-content .breadcrumb a {
    color: #fff;
}
.detail-content .breadcrumb .active {
    color: #fff;
}
.detail-content span {
    font-size: 0.8rem;
    color: #fff;
}
@media (max-width: 767px) {
    .detail-content {
        padding: 0px 10px 10px 10px;
    }
    .kontak {
        display: none;
    }
    .img-feed {
        width: 100%;
    }
}
.list-berita h5 {
    font-family: "Nunito", sans-serif;
    font-weight: bold;
}
.list-berita span {
    color: #f7941d;
}
.list-berita a {
    color: #f7941d;
    font-family: "Nunito", sans-serif;
    font-weight: bold;
}
.album {
    position: relative;
}
.album-item {
    border-radius: 0.2rem;
    height: 200px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .album-item {
        height: auto;
    }
}
.album-item img {
    height: 100%;
    object-fit: cover;
}
.album-caption {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
}
.album-caption span {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
}
.album .owl-nav button.owl-prev,
.album .owl-nav button.owl-next {
    width: calc(100px - 10px);
    height: 100%;
    position: absolute;
    top: 0;
}
.album .owl-nav button.owl-prev:focus,
.album .owl-nav button.owl-prev:active,
.album .owl-nav button.owl-next:focus,
.album .owl-nav button.owl-next:active {
    outline: none;
}
.album .owl-nav button.owl-prev span,
.album .owl-nav button.owl-next span {
    display: inline-block;
    padding: 0 1rem 0.3rem;
    background-color: rgba(216, 108, 44, 0.8);
    color: #fff;
    font-size: 2rem;
    border-radius: 0.2rem;
}
.album .owl-nav button.owl-prev:hover span,
.album .owl-nav button.owl-next:hover span {
    background-color: #d86c2c;
}
.album .owl-nav button.owl-prev {
    left: 0;
}
.album .owl-nav button.owl-prev span {
    float: right;
}
.album .owl-nav button.owl-next {
    right: 0;
}
.album .owl-nav button.owl-next span {
    float: left;
}
.detail-gallery {
    width: 100%;
    position: relative;
}
.detail-gallery::after {
    content: "";
    display: table;
    clear: both;
}
.detail-gallery h3 {
    font-size: 1rem;
    color: #00a85a;
    font-weight: 600;
}

.tombol{
    /* border: 4px solid #fff; */
    border-radius: 100px;
    font-weight: bold;
    background-color: #fc60cd;
    color: #212121;
    padding: 10px 50px;
    font-size: 16px;
    cursor: pointer;
}

.tombol:hover{
    background-color: #fdd99f;
}
/*# sourceMappingURL=style.css.map */