.mad__wrapper {
    width: 100%;
    overflow: hidden;
}

.ext__container {
    position: relative;
    width: auto;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.layout_akademi {
    padding: 68px 0 0;
}

/* Akademi */

.ext__container {
    position: relative;
    width: auto;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.aka__header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 63px;
    z-index: 110;
}

.fade .aka__header {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.aka__menu {
    position: absolute;
    top: 8px;
    left: 0;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: none;
    padding: 0 30px;
    border-radius: 0 0 28px 0;
    font-size: 16px;
}

.aka__menu:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 1;
    left: 100%;
}

.aka__menu:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 2;
    left: 100%;
    border-radius: 28px 0 0;
}

.aka__menusearch {
    position: absolute;
    top: 17px;
    right: 20px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 30px;
    font-size: 16px;
    display: none;
}

.form__akasearch {
    position: absolute;
    top: 20px;
    right: 62px;
    width: 280px;
    padding: 0 2px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 34px;
}

.form__akasearch #searchform {
    height: 34px;
    border-radius: 34px;
}

.form__akasearch #searchform:before {
    display: none;
}

.aka__button {
    display: inline-block;
    float: right;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin-right: -40px;
}

.aka__button button {
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 34px;
    border: 0;
}

.aka__select {
    float: left;
    width: 100px;
    height: 32px;
    margin: 0;
    padding: 0 0 0 10px;
}

.aka__select select {
    appearance: none;
    height: 32px;
    line-height: 32px;
    width: 100%;
    padding: 0;
    border: 0;
}

.aka__input {
    float: left;
    width: calc(100% - 140px);
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
}

.aka__input input {
    border: 0;
    height: 34px;
    line-height: 34px;
    border-radius: 34px;
}

.aka__nav {
    border-top-width: 8px;
    border-top-style: solid;
}

.site-header-menu {
    height: 60px;
}

.newnav.nav-desktop .accordion {
    height: 60px;
    display: block;
}

.newnav.nav-desktop .accordion,
.newnav.nav-desktop .accordion ul,
.newnav.nav-desktop .accordion li,
.newnav.nav-desktop .accordion a,
.newnav.nav-desktop .accordion span {
    border: none;
    outline: none;
}

.newnav.nav-desktop .accordion li {
    list-style: none;
    float: left;
    display: inline-block;
    margin: 0;
    text-align: center;
    line-height: 60px;
    position: relative;
}

.aka__nav .newnav.nav-desktop .accordion>li:first-child a {
    border-radius: 0 0 30px;
    line-height: 55px;
}

.aka__nav .newnav.nav-desktop .accordion>li:nth-child(2) a {
    border-radius: 30px 0 0;
}

.newnav.nav-desktop .accordion li.menu-item-has-children:after {
    content: "\E80F";
    font-family: "mading-font";
    font-style: normal;
    font-weight: normal;
    position: absolute;
    top: 15px;
    right: 8px;
    line-height: 1;
    font-size: 10px;
    transition: all 0.4s ease;
}

.newnav.nav-desktop .accordion li a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0 20px;
    font-weight: bold;
    line-height: 60px;
    position: relative;
}

.newnav.nav-desktop .accordion li>.sub-menu {
    top: 55px;
    padding: 0;
    position: absolute;
    width: 200px;
    display: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.newnav.nav-desktop .accordion li>a>span {
    position: absolute;
    top: calc(50% - 26px);
    right: -10px;
    height: 16px;
    line-height: 16px;
    padding: 0 6px;
    border-radius: 20px;
    font-size: 10px;
}

.newnav.nav-desktop .accordion li>ul>li>a {
    display: block;
    word-wrap: break-word;
    line-height: 1.4 !important;
    padding: 15px 15px;
    background: none !important;
}

.newnav.nav-desktop .accordion li:hover>.sub-menu {
    display: block;
}

.newnav.nav-desktop .accordion li>.sub-menu>li {
    position: relative;
    display: block;
    float: none;
    text-align: left;
    background: none !important;
}

.newnav.nav-desktop .accordion li>.sub-menu>li.menu-item-has-children:after {
    top: 20px;
    right: 15px;
}

.newnav.nav-desktop .accordion li>.sub-menu>li>.sub-menu {
    top: 0;
    left: 100%;
}

.newnav.nav-desktop .accordion li>.sub-menu>li.menu-item-has-children:before {
    display: none;
}

.aka__logo {
    float: left;
    height: 60px;
    padding: 30px 50px 30px 0;
}

.aka__logo a {
    display: block;
}

.aka__logo img {
    display: block;
    width: auto;
    height: 60px;
}

.aka__sos {
    position: relative;
    float: right;
    padding: 30px 0;
    margin: 0;
}

.aka__sos a {
    display: inline-block;
}

.aka__sos i {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
    margin: 0 4px 4px 0;
    border-radius: 30px;
    background: #eee;
}

#telp,
#hours,
#imel {
    margin: 0 15px;
    margin-right: 15px;
}

.aka__sos #telp {
    display: inline-block;
    height: 50px;
    margin-right: 80px;
}

.aka__sos .mading_sosial {
    display: inline-block;
    height: 50px;
}

.aka__sos .head_phone {
    background: none;
    height: 50px;
    line-height: 50px;
    width: auto;
    padding: 0;
    margin: 0 20px 0 0;
    display: inline-block;
}

.aka__sos .number {
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    font-weight: 700;
}

.aka__sos .icon-mad-facebook {
    background: #1b42d9;
    color: #fff;
}

.aka__sos .icofont-x,
.aka__sos .icofont-tiktok {
    background: #222222;
    color: #fff;
}

.aka__sos .icon-mad-instagram {
    background: #f2367d;
    color: #fff;
}

.aka__sos .icon-mad-youtube {
    background: #dd1d13;
    color: #fff;
}

.aka__sos .icon-mad-mail {
    background: #ffaa00;
    color: #fff;
}

.aka__sos .icon-mad-whatsapp {
    background: #1cb31c;
    color: #fff;
}

.aka__sos .icon-mad-phone {
    background: #dd3355;
    color: #fff;
}

.running {
    overflow: hidden;
    font-size: 13px;
}

.acme-news-ticker-box {
    overflow: hidden;
}

.my-news-ticker {
    left: 100%;
    list-style: none;
    line-height: 36px;
    height: 36px;
    padding: 0;
}

.runscroll {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 36px;
}

.scroll {
    display: flex;
    width: 100%;
}

.scrollin {
    white-space: nowrap;
    animation: animate 60s -60s linear infinite;
    will-change: transform;
    padding: 0 0 0 400px;
}

.scrollin:nth-child(2) {
    animation: animate2 60s -30s linear infinite;
}

@keyframes animate {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes animate2 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}

.spasi {
    margin-right: 50px;
}

.aka_ticker {
    position: relative;
}

.aka_ticker .re_info {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    z-index: 1;
}

.aka_ticker .mad_today {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    z-index: 1;
}

.layout_mading .mad_today {
    display: none;
}

#madingslider {
    min-height: 200px;
}

.aka__container {
    max-width: 1090px;
    margin: 0 auto;
    padding: 30px 30px 30px 280px;
    position: relative;
}

.aka__school .aka__name h1 {
    position: relative;
    font-size: 30px;
    line-height: 1.2;
    padding: 0 60px 0 0;
    text-transform: uppercase;
    font-weight: 400;
}

.aka__name {
    float: left;
    width: calc(100% - 150px);
}

.aka__school #hours {
    float: right;
    margin: 0;
    height: 40px;
    line-height: 20px;
    font-size: 25px;
    display: block;
}

.aka__school #hours span {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

.aka__school #hours span#secs {
    background: rgba(0, 0, 0, 0.1);
}

.aka__school #hours span#time:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background: #333;
    top: 14px;
    right: -2px;
    z-index: 1;
}

.aka__school #hours span#time:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background: #333;
    bottom: 14px;
    right: -2px;
    z-index: 1;
}

.aka__top {
    margin: 0 0 30px;
}

.top__container {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

.aka__master {
    width: 250px;
    float: left;
    margin-top: -130px;
    position: relative;
    background: #fff;
    z-index: 10;
}

.aka__master .get_photos {
    margin: 0;
    padding: 15px;
    width: 220px;
    height: auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.get_names {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 130px 20px 20px;
    z-index: 5;
}

.aka__master .get_names {
    left: 15px;
    right: 15px;
    bottom: 15px;
}

.latest__editorial {
    float: left;
    width: calc(50% - 125px);
}

.editorial__post {
    padding: 30px;
}

.edit__torial {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    margin: 0 0 10px;
    font-weight: bold;
}

.editorial__post h2 {
    display: block;
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 10px;
}

.layout_akademi .editorial__post h2 {
    font-weight: 700;
}

.editorial__summary {
    line-height: 1.4;
}

.aka__quotes {
    float: left;
    width: calc(50% - 125px);
}

.quotes__post {
    padding: 30px;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

.quotes__post i {
    font-size: 32px;
    margin-bottom: 15px;
}

/* All Block */

.aka__allblock {}

.all__outer {
    margin: 0 -15px;
}

.all__left {
    width: 75%;
    float: left;
}

.left__outer {
    margin: 0;
}

.big__left {
    width: 66.66%;
    float: right;
}

.primary_in {
    margin: 0 15px 25px;
    position: relative;
    height: 400px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.top_news {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    z-index: 2;
    font-size: 14px;
    font-weight: bold;
}

.layout_akademi .top_news {
    font-weight: bold;
}

.primary_in .splide__slide {
    height: 400px;
}

.splide__slide img {
    width: 100%;
}

.news {
    width: calc(100% + 4px);
    margin: 0 -2px;
}

.news .splide__pagination {
    position: absolute;
    top: 10px;
    right: 20px;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 0;
}

.news .splide__pagination .splide__pagination__page {
    margin: 5px 0 5px 5px;
    border-radius: 0;
    width: 12px;
    height: 12px;
    background: #222;
    transform: scale(1.0) !important;
}

.news .splide__pagination .splide__pagination__page.is-active {
    background: #888;
}

.news_on {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
}

.news_overlay {
    padding: 100px 100px 70px 20px;
    z-index: 10;
}

.news h4 {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    margin: 0 0 15px;
}

.agenda_box {
    padding: 0;
    margin: 0 15px 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.agenda_on {
    margin: 0;
}

.aka_style {
    font-weight: bold;
    height: 47px;
    line-height: 46px;
    margin: 0;
    padding: 0 20px;
    font-size: 16px;
}

.layout_akademi .aka_style {
    font-weight: bold;
}

.star {
    float: left;
    font-size: 18px;
    padding: 0 20px;
    margin: 0 0 0 -20px;
    border-radius: 0 0 24px 0;
}

.icon-mad-star:before {
    width: auto;
    margin: 0 !important;
}

.instar {
    border-radius: 24px 0 0 0;
    width: 20px;
    height: 42px;
    display: block;
}

.afstar {
    float: left;
    width: 20px;
    height: 42px;
}

.next_star {
    float: right;
    font-size: 16px;
}

.before__loop {
    margin: 0 10px;
}

.agenda_loop {
    width: 50%;
    float: left;
    height: 120px;
    border-bottom: 1px solid rgba(125, 125, 125, 0.15);
}

.age_inner {
    margin: 0 10px;
    padding: 15px 0;
    height: 60px;
}

.age_date {
    float: right;
    margin-left: 15px;
    text-align: center;
    width: 90px;
    border-radius: 4px;
    overflow: hidden;
}

.eventdate {
    font-size: 36px;
    padding: 6px 0;
    line-height: 1.1;
    font-weight: 700;
}

.eventmonth {
    font-size: 13px;
    padding: 5px 0;
    line-height: 2;
    font-weight: 700;
    text-transform: uppercase;
}

.age_inner h3 {
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 8px;
}

.age_inner h3 a {
    font-weight: bold;
}

.guru_block {
    margin: 0 15px 25px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.box_guru {
    position: relative;
    margin: 0;
}

.box_guru .person {
    height: 135px;
}

.box_guru .person .splide__slide {
    padding: 0;
}

.box_guru .guru_image {
    float: left;
    width: 100px;
    padding: 0 15px 0 0;
}

.box_guru .guru_detail {
    float: right;
    width: calc(100% - 120px);
}

.box_guru .guru_nama {
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 16px;
}

.box_guru .guru_status {
    font-size: 13px;
    line-height: 1.3;
    padding: 6px 0;
    border-bottom: 1px solid rgba(127, 127, 127, 0.1);
}

.box_guru .guru_pro {
    padding: 8px 0 0;
}

.box_guru .guru_r {
    float: right;
}

.guru_block .guru_pro a {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    font-weight: bold;
    font-size: 14px;
}

.fasilitas_box {
    padding: 0;
    margin: 0 15px 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.layout_akademi .re_fasilitas {
    font-weight: bold;
}

.fas_head {
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    margin: 0;
    padding: 0 20px;
}

.loop_fas {
    padding: 20px 20px 16px;
}

.outer_fas {
    margin: 0 -2px;
}

.the_fas {
    width: 25%;
    float: left;
}

.the_fas img,
.the_fas a {
    display: block;
    width: 100%;
}

.inner_fas {
    margin: 0 2px 4px;
}

.small__left {
    width: 33.33%;
    float: left;
}

.peng_box {
    position: relative;
    margin: 0 15px 15px;
    box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}

.peng_post h3 {
    margin: 0;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    font-size: 16px;
}

.layout_akademi .re_peng {
    font-weight: bold;
}

.peng_in {
    padding: 15px 20px;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px solid rgba(127, 127, 127, 0.15);
}

.peng_in h4 {
    font-size: 15px;
    line-height: 1.3;
    margin: 0 0 3px;
}

.peng_in h4 a {
    font-weight: bold;
}

.blog_gurus {
    position: relative;
    margin: 0 15px 15px;
    box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}

.blog_gurus a {
    font-weight: bold;
}

.aka__allblock .re_blog {
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0 20px;
    font-size: 16px;
}

.loop_box {
    padding: 17px 20px;
    border-bottom: 1px solid rgba(125, 125, 125, 0.15);
}

.minithumb {
    float: left;
    width: 80px;
    margin-right: 15px;
}

.blog_writer {
    font-size: 13px;
    margin-bottom: 2px;
}

.blog_right {
    float: right;
    width: calc(100% - 95px);
}

.loop_box h3 {
    font-size: 15px;
    overflow: hidden;
}

.prestasi_box {
    padding: 0;
    margin: 0 15px 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.prestasi_box h3 a {
    font-weight: bold;
}

.prestasi_on {
    margin: 0;
}

.akademi_inner {
    padding: 20px;
    border-bottom: 1px solid rgba(125, 125, 125, 0.15);
}

.akademi_inner span {
    font-size: 13px;
    text-transform: uppercase;
}

.akademi_inner h3 {
    font-size: 15px;
}

.all__right {
    width: 25%;
    float: left;
}

.ekskul_box {
    padding: 0;
    margin: 0 15px 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.ekskul_box h3 a {
    font-weight: bold;
}

.ekskul_on {
    margin: 0;
}

.ekskul_loop {
    border-bottom: 1px solid rgba(125, 125, 125, 0.15);
}

.ekskul_inner {
    padding: 20px;
}

.ekskul_inner span {
    font-size: 13px;
    font-style: italic;
}

.aka__allblock .re_kegiatan {
    float: right;
    font-size: 16px;
}

.ekskul_inner h3 {
    font-size: 15px;
    margin: 0 0 4px;
}

.gall_box {
    padding: 0;
    margin: 0 15px 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.gall_head {
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 15px;
    font-size: 16px;
}

.layout_akademi .re_galeri {
    font-weight: bold;
}

.gall_loop {
    padding: 20px;
}

.gal_thumb {
    width: 33.3333%;
    float: left;
}

.gal_thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.akavideo_box {
    padding: 0 0 15px;
    margin: 0 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.video_inner {
    margin: 0;
}

.vid_gall {
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0 20px;
    font-size: 16px;
}

.layout_akademi .re_video {
    font-weight: bold;
}

.aka_video {
    padding: 20px 20px 0;
}

.aka_video iframe {
    width: 100%;
    display: block;
    height: 150px;
}

.akademi_bread {
    padding: 40px;
    position: relative;
    margin: 0;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    box-shadow: 0 0 15px inset rgba(0, 0, 0, 0.05);
}

.akademi_bread .breadcrumbs {
    padding: 0;
    text-align: center;
}

.akademi_container {
    max-width: 1400px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
}

.akademi_heading {
    font-size: 30px;
    line-height: 1.3;
    padding: 30px 15px;
    font-weight: 400;
}


.loop_materi .akademi_heading {
    padding: 30px 0;
}

.center_heading {
    text-align: center;
}

.loop_akademi {
    margin: 0 -15px;
    padding: 30px 0;
}

.loop_akademi.akademi_guru {
	margin: 0 -8px;
}

.loop_akademi.akademi_guru .akademi_heading {
	padding: 30px 8px;
}

.loop_akademi .loop_left {
    width: 70%;
    float: left;
}

.loop_akademi .post_inaka {
    margin: 0 15px 50px;
}

.loop_akademi .post_loop {
    margin: 0;
}

.post_loop .post_inaka.madclear {
    display: block;
}

.loop_akademi .post_inthumb {
    width: 40%;
    float: left;
    margin: 0;
}

.post_inthumb iframe {
    width: 100%;
}

.loop_akademi .post_inmeta {
    position: relative;
    width: calc(60% - 30px);
    float: right;
}
.aka_pagination {
	padding: 0 15px;
}
.aka_pagination a {
	padding: 4px 12px;
	margin: 0 3px 0 0;
	border: 1px solid #333;
	color: #333;
}
.akapost-category {
    margin: 0 0 15px;
}

.akapost-category a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    margin: 0 10px 0 0;
    border-radius: 30px;
}

.post_inmeta h2 {
    font-size: 25px;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 10px;
}

.post_inpublish,
.after_title {
    font-size: 13px;
    padding: 5px 0 10px;
}

.after_title {
    margin: 0 0 30px;
}

.layout_akademi .post_inpublish,
.layout_akademi .after_title {
    opacity: 0.5;
}

.atime .post_inpublish,
.atime .after_title {
    opacity: 1;
}

.post_inexcerpt {
    font-size: 14px;
    line-height: 1.6;
}

.loop_right {
    width: 30%;
    float: left;
}

#sidebar {
    margin: 0 15px;
}

#sidebar .widget_block {
    position: relative;
    clear: both;
    padding: 30px;
    margin: 0 0 15px;
    box-shadow: 0 0 15px rgb(0, 0, 0, 0.07);
}

.loop_akademi .text_not {
    margin: 0 15px;
}

.post_inagenda {
    margin: 0 15px 50px;
    position: relative;
}

.post_inagenda:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.age_arsip {
    width: 200px;
    float: left;
    text-align: center;
    border-radius: 6px;
    overflow: hidden;
}

.age_active .agedate {
    background: #44aa44;
    color: #ffffff;
}

.age_expired .agedate {
    background: #dd3333;
    color: #ffffff;
}

.agedate {
    font-size: 65px;
    font-weight: 700;
    line-height: 1.2;
}

.agemonth {
    background: #222222;
    color: #ffffff;
}

.agemonth {
    font-size: 20px;
    line-height: 2;
    text-transform: uppercase;
}

.loop_akademi .post_inagenda .post_inmeta {
    width: calc(100% - 240px);
    float: right;
}

.loop_full.loop_struc {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.loop_akaguru {
    width: 20%;
}
.loop_normal .loop_akaguru {
    float: left;
}

.loop_struc .loop_akaguru {
    display: inline-block;
}

.loop_after {
    width: calc( 100% - 30px);
    margin: 0 15px 40px;
    border-bottom: 1px solid rgba(125,125,125,.5);
}

.loop_full .madclear {
    display: none;
}

.loop_full .madclear:nth-child(10n) {
    display: block;
}

.post_akain {
    margin: 0 8px 30px;
}

.post_akainguru {
    margin-bottom: 45px;
    position: relative;
}

.post_akainguru i.icon-mad-share {
    background: #dd3333;
    color: #fdfdfd;
    border: 6px solid #fdfdfd;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 20px;
    text-align: center;
    border-radius: 30px;
    z-index: 5;
}

.guru_akafullname {
    display: block;
    line-height: 1.3;
    margin: 0 0 5px;
}

.post_gurulink {
    text-align: center;
    font-size: 16px;
}

.post_gurulink .jab {
    font-size: 14px;
}

.akademi_quotes {
    border-bottom: 1px solid #eeeeee;
    padding: 50px 0;
    text-align: center;
}

.post-type-archive-quotes .aka_pagination {
    padding: 30px 0 0;
}

.textaka_quotes {
    max-width: 600px;
    margin: 0 auto;
    font-size: 25px;
}

.people_quotes {
    font-size: 18px;
    padding-top: 30px;
}

.akademi_primary {
    width: calc(100% - 460px);
    float: left;
    padding: 30px 0;
    position: relative;
}

.akademi_primary.akademi_pagefull {
    width: 100%;
    float: right;
}

.akademi_primary .share {
    position: absolute;
    top: 30px;
    left: auto;
    margin-left: calc(100% - 65px);
    width: 45px;
    padding: 0 20px;
}

.akademi_primary .share i {
    border: 0;
    border-radius: 5px;
}

.akademi_primary .primary_content {
    margin: 0 80px 0 0;
}

.akademi_secondary {
    width: 430px;
    float: right;
    padding: 30px 0;
}

.akademi_secondary .secondary_content {
    margin: 0;
}

.akademi_single {
    font-size: 30px;
    line-height: 1.3;
    padding: 0 0 10px;
    font-weight: 400;
}

.after_title {
    border-bottom: 1px solid rgba(125, 125, 125, 0.6);
}

.age_single.age_top {
    border: 1px solid rgba(125, 125, 125, 0.15);
    background: rgba(0, 0, 0, 0.02);
    padding: 8px;
    border-radius: 5px;
    text-transform: uppercase;
}

.age_meta h1.akademi_heading {
    padding: 8px 0 0;
    border: 0;
}

.layout_akademi .agedate {
    font-size: 90px;
    font-weight: 700;
    line-height: 1.2;
}

.event_box {
    margin: 0 0 30px;
}

.age_single {
    padding: 6px 0;
    font-size: 12px;
}

.event_maps iframe {
    display: block;
    width: 100%;
    height: 300px;
    margin: 0 0 30px;
}

.akademi_gurucontent {
    margin: 0 -15px;
}

.people .secondary_content {
    margin: 30px 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.people .akademi_secondary {
    float: left;
    width: 360px;
}

.people .akademi_secondary img {
    width: 100%;
}

.people .akademi_primary {
    float: right;
    width: calc(100% - 360px);
}

.people .primary_content {
    margin: 0 15px;
    padding: 30px 0;
}

.singmeta {
    padding: 20px 30px;
}

.people .table_inakademi {
    width: 100%;
}

.people .table_inakademi td {
    padding: 12px 20px 12px 0;
    border: 0;
    border-top: 1px solid rgba(125, 125, 125, 0.3);
}

.content_heading {
    font-size: 18px;
    font-weight: 700 !important;
    margin: 0 0 20px;
}

.content_meta {
    font-size: 15px;
    margin: 0 0 20px;
}

.mini_icon {
    width: 20px;
}

.table_inakademi td i {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}

.per_tiga {
    width: 33.33%;
    float: left;
}

.guru_data {
    margin: 0 -15px;
}

.per_dua {
    width: 50%;
    float: left;
}

.guru_table {
    margin: 0 15px;
    width: calc(100% - 30px);
}

.guru_table td {
    padding: 12px 20px 12px 0;
    border: 0;
    border-top: 1px solid rgba(125, 125, 125, 0.3);
}

.art_title {
    padding: 25px 0 10px 0;
}

.art_title span {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    display: inline-block;
    font-weight: 700 !important;
}

/* WIDGET */

.mad_widget {
    padding: 40px 0;
}

.widget_area {
    margin: 0 -20px;
}

.widget_box {
    width: 33.33%;
    float: left;
}

.widget_box-inner {
    padding: 0 20px;
}

.widget_block {
    margin: 0 0 30px;
    font-size: 15px;
    line-height: 1.4 !important;
}

.widget_block h1 {
    font-size: 27px;
    margin: 0 0 10px;
    letter-spacing: -1px;
}

.widget_block h2 {
    font-size: 25px;
    margin: 0 0 10px;
    letter-spacing: -1px;
}

.widget_block h3 {
    font-size: 22px;
    margin: 0 0 10px;
    letter-spacing: -1px;
}

.widget_block h4 {
    font-size: 18px;
    margin: 0 0 10px;
}

.widget_block h5 {
    font-size: 17px;
    margin: 0 0 10px;
}

.widget_block h6 {
    font-size: 16px;
    margin: 0 0 10px;
}

.widget_block p {
    margin: 0 0 10px;
}

.widget_block ul,
.widget_block ol {
    margin: 0 0 10px;
}

.widget_block ul li,
.widget_block ol li {
    margin: 0 0 0 15px;
}

.widget_block blockquote {
    padding: 15px;
    background: rgba(0, 0, 0, 0.02);
    font-size: 16px;
}

.widget_block blockquote cite {
    font-size: 13px;
}

.widget_block .wp-block-code code {
    padding: 15px;
    background: rgba(0, 0, 0, 0.02);
}

.widget_block .wp-block-table {
    width: 100%;
}

.widget_block .wp-block-table td {
    padding: 10px;
    border: 1px solid rgba(125, 125, 125, 0.3);
    margin: 0 0 -1px -1px;
}

.widget_block .wp-block-pullquote blockquote {
    background: none;
}

.widget_block figcaption {
    font-size: 12px;
    padding: 5px 0;
}

.widget_block .wp-block-archives,
.widget_block .wp-block-categories {
    margin: 0;
    list-style: none;
}

.widget_block .wp-block-archives li,
.widget_block .wp-block-categories li {
    padding: 0 0 7px;
    margin: 0 0 7px;
    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);
}

.widget_block .wp-block-calendar table th {
    background: rgba(0, 0, 0, 0.05);
}

.widget_block .wp-block-calendar table caption {
    font-size: 16px;
    padding: 0 0 10px;
}

.widget_block .wp-calendar-nav {
    padding: 10px 0;
}

.widget_block .wp-block-latest-comments__comment {
    padding: 0 0 7px;
    margin: 0 0 7px;
    line-height: 1.5;
    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);
}

.widget_block .wp-block-latest-comments__comment-excerpt p {
    line-height: 1.4;
}

.widget_block .wp-block-latest-comments__comment-date {
    font-style: italic;
}

.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li,
.widget_block .wp-block-pages-list__item {
    margin: 0;
    padding: 0 0 10px;
}

.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li time {
    font-size: 12px;
    line-height: 1.3;
}

.widget_block .wp-block-page-list {
    list-style: none;
}

.widget_block .wp-block-pages-list__item.has-child {
    padding: 0;
}

.widget_block .wp-block-pages-list__item.has-child .submenu-container {
    margin: 10px 0 0 15px;
}

.widget_block .wp-block-rss {
    list-style: none;
}

.widget_block .wp-block-rss__item {
    padding: 0 0 10px;
    margin: 0;
}

.widget_block .wp-block-tag-cloud a {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-size: 14px !important;
    padding: 0 10px;
    margin: 0 0 4px;
}

.widget_block .wp-block-search .wp-block-search__button {
    border: 0;
    height: 30px;
    line-height: 30px;
    width: 70px;
    padding: 0;
    margin-left: 10px;
    text-align: center;
}

.widget_block .wp-block-search .wp-block-search__input {
    border: 1px dashed rgba(125, 125, 125, 0.3);
    height: 30px;
    line-height: 30px;
    width: calc(100% - 90px);
    padding: 0 9px;
    background: #fff;
    color: #222;
    float: left;
}

.widget_block .wp-block-search .wp-block-search__label {
    margin: 0 0 6px;
    font-style: italic;
    display: block;
}

.widget_block.widget_meta li {
    padding: 0 0 10px;
}

.widget_block.widget_nav_menu li {
    padding: 0 0 10px;
}

.widget_block.widget_nav_menu li.menu-item-has-children {
    padding: 0;
}

.widget_block.widget_nav_menu li.menu-item-has-children ul.sub-menu {
    margin: 10px 0 0;
}

.widget_block .wp-block-video iframe {
    width: 100%;
    padding: 0 0 10px;
    height: 200px;
}

/* Search */

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    width: calc(100% - 10px) !important;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {}

.wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper {
    width: calc(100% - 2px) !important;
}

.wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper {
    width: 100% !important;
}

.wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__button {}

.post_widget {
    padding: 0 0 12px;
    margin: 0 0 12px;
    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);
}

.widget_thumb {
    width: 80px;
    height: 60px;
    margin-right: 15px;
    float: left;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(125, 125, 125, 0.13);
}

.post_widspan {
    font-size: 12px;
    padding: 4px 0;
}

.agenda_widget {
    padding: 0 0 12px;
    margin: 0 0 12px;
    border-bottom: 1px solid rgba(125, 125, 125, 0.3);
}

.agenda_dt {
    float: left;
    padding: 5px 0;
    margin: 0 15px 0 0;
    width: 70px;
    display: inline;
    letter-spacing: -3px;
    text-align: center;
    border: 0;
}

.a_date {
    display: block;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.4;
}

.a_month {
    letter-spacing: 0px;
    display: block;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.4;
}

.agenda_info {
    float: right;
    width: calc(100% - 90px);
}

.a_time span {
    position: relative;
    display: inline-block;
    height: 24px;
    font-weight: bold;
    font-size: 11px;
    line-height: 24px;
    padding: 0 3px;
    margin: 0 0 8px 8px;
}

.a_time span:after {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    border-bottom: 24px solid transparent;
    border-top: 0;
}

.a_time span:before {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    border-top: 24px solid transparent;
}

.vid_widin iframe {
    width: 100%;
    margin: 0 0 15px;
    height: 230px;
}

.widget_contact td {
    padding: 8px;
    border: 1px solid rgba(125, 125, 125, 0.3);
}

.wid_num {
    padding: 8px;
    margin: 0 0 -1px;
    border: 1px solid rgba(125, 125, 125, 0.3);
}

/* FOOTER */

.copyright {
    padding: 40px 0;
    text-align: center;
}

.to_top {
    position: fixed;
    right: 36px;
    bottom: 30px;
    width: 36px;
    height: 36px;
    line-height: 36px !important;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    z-index: 100;
    display: none;
}

.fade .to_top {
    display: block;
}

.mading_secondary {
    padding: 15px;
}

.login_in {
    padding: 15px;
}

.log_open {
    margin: 0 0 15px;
}

.formim h3 {
    margin: 0 0 10px;
}

.inform {
    padding: 10px 0;
    border-top: 1px solid rgba(125, 125, 125, 0.3);
    border-bottom: 1px solid rgba(125, 125, 125, 0.3);
}

.logajax {
    margin: 0 0 8px;
}

.logajax input {
    border: 1px solid rgba(125, 125, 125, 0.3);
    box-shadow: 0 0 10px inset rgba(0, 0, 0, 0.08);
    padding: 0 10px;
    width: calc(100% - 22px);
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
}

.logajax label.error {
    color: #d33;
    font-size: 10px;
    padding: 4px 0 0;
}

.log_close a {
    display: inline-block;
    border-radius: 4px;
    margin: 0 5px 0 0;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
}

#login,
#register {
    display: none;
}

.showform {
    display: block !important;
}

#pop_signup,
#pop_login {
    color: #d33;
}

.formim .status {
    margin: 0 0 8px;
}

.log_user {
    padding: 50px 0 10px;
}

.robot,
.robot_oke,
.robot2_oke {
    padding: 10px 0 0;
}

.forg {
    padding: 15px 0 0;
}

.submit_button {
    display: inline-block;
    border-radius: 4px;
    margin: 0 5px 15px 0;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    border: 0;
}

.alumni_list {
    margin: 0 15px;
}

.frontend__post {
    padding: 0 0 70px;
}

.front_input {
    margin: 0 0 20px;
}

.front_input input {
    display: block;
    width: calc(100% - 40px);
    padding: 0 19px;
    height: 36px;
    line-height: 36px;
    box-shadow: 0 0 20px inset rgba(0, 0, 0, 0.05);
    border: 1px solid #888;
}

.front_input label {
    display: block;
    margin: 0 0 8px;
}

.sd,
.smp,
.sma,
.pt {
    display: none;
}

.sd.sd,
.smp.smp,
.sma.sma,
.pt.pt {
    display: block;
    padding-top: 15px;
}

.sd.smp,
.sd.sma,
.sd.pt,
.smp.sma,
.smp.pt,
.sma.pt {
    display: none;
}

.sd label,
.smp label,
.sma label,
.pt label {
    display: block;
    margin: 0 0 8px;
}

.sd input,
.smp input,
.sma input,
.pt input {
    display: block;
    width: calc(100% - 40px);
    padding: 0 19px;
    height: 36px;
    line-height: 36px;
    box-shadow: 0 0 20px inset rgba(0, 0, 0, 0.05);
    border: 1px solid #888;
    margin: 0 0 16px;
}

.input_success {
    background: #eee;
    color: #333;
    padding: 50px;
    font-size: 18px;
    margin: 0 0 30px;
}

.alumni_head {
    margin: 0 0 30px;
}

.front__submit {
    display: inline-block;
    border-radius: 4px;
    margin: 0 5px 0 0;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    border: 0;
}

.alumni_loop {
    column-count: 2;
    column-gap: 20px;
}

.all_alumni {
    display: grid;
    grid-template-rows: 1fr auto;
    break-inside: avoid;
    position: relative;
    padding: 30px;
    border: 1px solid #ddd;
    margin: 0 0 20px;
}

.foto_alumni {
    width: 150px;
    margin: 0 auto 25px;
}

.foto_alumni img {
    width: 100%;
    border-radius: 6px;
}

.data_alumni {
    display: block;
}

.basic_alumni {
    line-height: 1.5;
}

.idname {
    float: left;
    width: 110px;
}

.iddot {
    float: left;
    width: 30px;
}

.idvalue {
    float: right;
    width: calc(100% - 165px);
    text-align: right;
}

.sos_alumni {
    text-align: center;
    padding: 15px 0;
}

.basic_alumni a {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 30px;
    overflow: hidden;
    margin: 10px 02px 0 0;
}

.basic_alumni a.web_wa {
    display: inline-block;
}

.basic_alumni a.mob_wa {
    display: none;
}

.basic_alumni i {
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 25px;
}

.basic_alumni i.icon-mad-whatsapp {
    background: #4cb863;
}

.basic_alumni i.icon-mad-facebook {
    background: #2933c5;
}

.basic_alumni i.icofont-x {
    background: #33bbff;
}

.basic_alumni i.icon-mad-instagram {
    background: #ec516e;
}

.tes_alumni {
    text-align: left;
}

/* Download */

.mading_primary {
    float: left;
    width: calc(100% - 410px);
}

.mading_table {
    width: 100%;
    margin: 0 0 40px;
}

.mad__wrapper td {
    padding: 18px 18px;
    border: 1px solid rgba(125, 125, 125, 0.3);
    margin: 0 0 -1px -1px;
}

.mad__downtitle {
    margin: 0 0 10px;
    font-size: 18px;
}

.mading_table a {
    font-weight: bold;
}

.tdcol {
    text-align: center;
}

.tdcol a {
	padding: 6px 10px;
	display: inline-block;
	margin: 0 0 5px;
}

.mading_secondary {
    float: left;
    width: 380px;
}

.secondary_content {
    margin: 0 20px;
}

.search_something {
    padding: 0 0 40px;
}

.some_input input {
    width: calc(100% - 28px);
    border: 1px solid rgba(125, 125, 125, 0.3);
    padding: 0 14px;
    margin: 0 0 15px;
    height: 36px;
    line-height: 36px;
    box-shadow: 0 0 15px inset rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}

.some_result {
    margin: 0 0 20px;
}

.head_cat {
    margin: 0 0 10px;
}

.cat_term {
    padding: 12px 0;
    margin: 0;
    border-top: 1px solid rgba(125, 125, 125, 0.3);
}

.cat_term a {
    height: 24px;
    line-height: 24px;
}

.cat_term span {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
}

.mad_konten {
    margin: 0 -20px;
}

.primary_content {
    margin: 0 15px;
}

.mading_kelas {
    float: left;
    width: 175px;
    padding: 0 25px 0 0;
    margin: 0 0 40px;
}

.kelas_head {
    font-weight: bold;
    padding: 10px 15px;
}

.tugas_term {
    border-bottom: 1px solid rgba(125, 125, 125, 0.3);
    padding: 10px 0;
}

.tugas_term a {
    font-weight: bold;
}

.mat_count {
    float: right;
    padding: 0 6px;
    font-weight: normal;
    border-radius: 4px;
}

.mading_materi {
    float: left;
    width: calc(100% - 500px);
    margin: 0 0 40px;
    padding: 20px 24px;
    border: 1px solid rgba(125, 125, 125, 0.3);
}

.materi_box h2,
.materi_box h3 {
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 10px;
    font-weight: 400;
}

.mading_artikel,
.materi_stat {
    margin: 0 0 15px;
}

.per_materi {
    width: 80px;
    height: 80px;
    float: right;
    text-align: center;
    border-radius: 4px;
}

.per_count {
    height: 50px;
    line-height: 60px;
    font-size: 35px;
}

.per_span {
    height: 20px;
    font-size: 10px;
}

.det_materi {
    float: left;
    width: calc(100% - 120px);
}

.det_materi h4 {
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 10px;
    font-weight: 400;
}

.kelas_mapel {
    margin: 0 0 20px;
}

.det_mapel,
.det_kelas {
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    display: inline-block;
    font-size: 12px;
    position: relative;
    margin: 0;
}

.mat_author {
    margin: 0 0 30px;
}

.mat_by {
    float: right;
    width: calc(100% - 65px);
}

.mat_avatar {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    overflow: hidden;
}

.mading_secondary {
    float: right;
    width: 380px;
}

.secondary_content {
    margin: 0 20px;
}

.search_something {
    padding: 0 0 40px;
}

.some_input input {
    width: calc(100% - 28px);
    border: 1px solid rgba(125, 125, 125, 0.3);
    padding: 0 14px;
    margin: 0 0 15px;
    height: 36px;
    line-height: 36px;
    box-shadow: 0 0 15px inset rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}

.some_result {
    margin: 0 0 20px;
}

.head_cat {
    margin: 0 0 10px;
}

.cat_term {
    padding: 12px 0;
    margin: 0;
    border-top: 1px solid rgba(125, 125, 125, 0.3);
}

.cat_term a {
    height: 24px;
    line-height: 24px;
}

.cat_term span {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
}

.mading_login {
    float: right;
    width: 225px;
    padding: 0 0 0 25px;
    margin: 0 0 40px;
}

.akademi_primary .share {
    position: absolute;
    top: 30px;
    left: auto;
    margin-left: calc(100% - 65px);
    width: 45px;
    padding: 0 20px;
}

.akademi_primary .share i {
    border: 0;
    border-radius: 5px;
}

.share i {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    margin: 0 auto 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    font-size: 18px;
    border-radius: 30px;
}

.share .icon-mad-share {
    background: #090;
}

.share .icon-mad-facebook {
    background: #1c6dbd;
}

.share .icofont-x {
    background: #222;
}

.share .icon-mad-whatsapp {
    background: #5d5;
}

.share .icon-mad-telegram {
    background: #49aad9;
}

.mading_featured img {
    width: 100%;
    height: auto;
    margin: 0 0 30px;
}

.mading_article {
    line-height: 1.5;
}

.mading_article.no_post {
    margin: 0 0 50px;
}

.wp-caption {}

.wp-caption-text {}

.sticky {}

.gallery-caption {}

.bypostauthor {}

.alignright {}

.alignleft {}

.aligncenter {}

.mading_article h1,
.mading_article h2,
.mading_article h3,
.mading_article h4,
.mading_article h5,
.mading_article h6 {
    font-weight: 700;
    line-height: 1.3;
    margin: 5px 0 15px;
}

.layout_akademi .mading_article h1,
.layout_akademi .mading_article h2,
.layout_akademi .mading_article h3,
.layout_akademi .mading_article h4,
.layout_akademi .mading_article h5,
.layout_akademi .mading_article h6 {
    font-weight: 400;
}

.layout_akademi h1,
.layout_akademi h2,
.layout_akademi h3,
.layout_akademi h4,
.layout_akademi h5,
.layout_akademi h6 {
    font-weight: 400;
}

.mading_article h1 {
    font-size: 34px;
}

.mading_article h2 {
    font-size: 30px;
}

.mading_article h3 {
    font-size: 26px;
}

.mading_article h4 {
    font-size: 22px;
}

.mading_article h5 {
    font-size: 18px;
}

.mading_article h6 {
    font-size: 16px;
}

.mading_article {
    font-weight: 400;
}

.mading_article table td {
    vertical-align: top;
    border: 1px solid #ddd;
}

.mading_article p {
    margin: 0 0 15px;
}

.mading_article img {
    max-width: 100%;
    height: auto;
    margin: 0 0 20px;
}

.mading_article img.alignleft {
    float: left;
    margin: 0 30px 20px 0;
}

.mading_article img.alignright {
    float: right;
    margin: 0 0 20px 30px;
}

.mading_article img.aligncenter {
    float: none;
    margin: 0 auto 20px;
}

.mading_article .prestasi__list-image img {
    margin: 0;
}

.mading_article blockquote {
    margin: 0 0 20px;
    padding: 20px 20px 10px 50px;
    background: rgb(0, 0, 0, 0.05);
}

.mading_article ul {
    margin: 0 0 20px;
    list-style: disc !important;
}

.mading_article ol {
    margin: 0 0 20px;
    list-style: decimal !important;
}

.mading_article li {
    margin: 0 0 0 15px;
}

.mading_article li ol,
.mading_article li ul {
    margin: 0;
}

.madtags {
    margin: 40px 0;
}

.madtags a {
    margin: 0 4px 4px 0;
    padding: 2px 8px;
    line-height: 20px;
    line-height: 20px;
    font-size: 13px;
    display: inline-block;
}

.screen-reader-text {}

.madrel {
    margin: 0 -10px 50px;
}

.post_related {
    float: left;
    width: 33.33%;
}

.post_listing {
    margin: 0 10px 20px;
    position: relative;
    min-height: 150px;
    overflow: hidden;
}

.rel_featured img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

.rel_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 90px 15px 15px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    color: #fff;
}

.rel_overlay a {
    color: #fff;
}

.rel_overlay h4 {
    font-weight: bold;
}

.rel_overlay span {
    font-size: 12px;
}

.akademi__comment {
    padding: 50px 0 25px;
    margin: 0 0 25px;
    border-bottom: 1px solid rgba(125, 125, 125, 0.3);
}

.have_comment {
    float: right;
    width: calc(100% - 80px);
}

.akademi__comment i {
    float: left;
    width: 45px;
    height: 45px;
    margin-right: 30px;
    line-height: 45px;
    text-align: center;
    font-size: 22px;
    border-radius: 6px;
}

.mading_heads {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0 10px 10px;
    padding-top: 20px;
}

.mading__post {
    position: relative;
}

.comment-body {
    padding: 0 0 40px;
}

.comment-meta {
    margin: 0 0 20px;
    position: relative;
}

.comment-meta .avatar {
    float: left;
    margin: 0 40px 0 0;
}

.comment-meta:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.comment-content {
    padding: 30px 30px 65px;
    border: 1px solid rgba(125, 125, 125, 0.25);
    margin: 0 0 0 85px;
}

.comment-author {
    margin: 0 0 5px;
}

.reply {
    margin: -50px 0 15px 115px;
    position: relative;
    z-index: 2;
}

.comment-reply-link {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 15px;
    background: #016;
    color: #fff;
}

.comment.depth-2,
.comment.depth-3,
.comment.depth-4,
.comment.depth-5 {
    margin-left: 85px;
}

.comment_heads {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0;
}

.comment-respond {
    margin: 0 0 20px 80px;
}

.comment_leads {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0 0 20px 80px;
}

.comment__author span {
    font-weight: 300;
    text-transform: uppercase;
}

.comment__author {
    padding: 0 0 10px;
}

.comment__author span a {
    font-weight: bold;
    font-size: 16px;
}

.comment__author em {
    font-size: 13px;
}

.comment__meta p {
    line-height: 1.6;
}

.comment__meta .comment-reply-link {
    display: block;
    padding: 10px 0;
}

.comment-form {
    position: relative;
    padding: 150px 0 40px;
}

.comment-form #submit {
    border: none;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    padding: 8px 15px;
    border-radius: 4px;
}

#respond .comment_message {
    margin: 10px 0 25px;
}

#respond .mading__form-textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 140px;
}

#comment {
    height: 120px;
    width: calc(100% - 30px);
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.03);
    border: 0;
}

.mading__form-author,
.mading__form-email,
.mading__form-url {
    float: left;
    width: 33.333333333%;
    padding: 15px 0 0;
}

.inncom {
    width: calc(100% - 15px);
}

.mading__form-url .inncom {
    width: 100%;
}

.inncom input {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    width: calc(100% - 30px);
    font-size: 14px;
    border: 0;
    background: rgba(0, 0, 0, 0.03);
}

.comment-form-cookies-consent {
    display: block;
    clear: both;
    padding: 15px 0;
}

.single-agenda .post_inmeta.age_meta {
    width: calc(100% - 240px);
    float: right;
}

@media screen and (max-width: 982px) {
    .aka__header {
        height: 63px;
    }
    .aka__menusearch {
        top: 18px;
        right: 20px;
        width: 34px;
        height: 34px;
        line-height: 32px;
        font-size: 16px;
    }
    .site-header-menu {
        width: 100%;
        position: fixed;
        top: 63px;
        left: -300px;
        right: 0;
        bottom: -30px;
        padding: 0 0 30px;
        width: 250px;
        height: auto;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        transition: all .3s ease;
        z-index: 100;
    }
    .openmenu .site-header-menu {
        left: 0;
    }
    .newnav.nav-mobile {
        height: 100%;
        overflow-y: scroll;
    }
    .newnav.nav-mobile .accordion {
        height: auto;
    }
    .newnav.nav-mobile .accordion li {
        display: block;
        position: relative;
        float: none;
        text-align: left;
        line-height: 1.3;
        padding: 0;
    }
    .newnav.nav-mobile .accordion li a {
        position: relative;
        display: inline-block;
        float: none;
        line-height: 1.3;
        padding: 10px 20px;
        font-weight: bold;
    }
    .newnav.nav-mobile .accordion li>a>span {
        position: absolute;
        top: calc(50% - 26px);
        right: -10px;
        height: 16px;
        line-height: 16px;
        padding: 0 6px;
        border-radius: 20px;
        font-size: 10px;
    }
    .newnav.nav-mobile .accordion li.menu-item-has-children:after {
        content: "\E80F";
        font-family: "mading-font";
        font-style: normal;
        font-weight: normal;
        position: absolute;
        top: 48px;
        right: 6px;
        line-height: 1;
        font-size: 10px;
        transition: all 0.4s ease;
    }
    .newnav.nav-mobile .accordion li.menu-item-has-children:after {
        top: 12px;
        right: 20px;
    }
    .newnav.nav-mobile .accordion li>.sub-menu {
        padding: 0;
        position: relative;
        width: 100% !important;
        max-height: 0;
        overflow: hidden;
        transition: opacity 0.5s ease, max-height 0.5s ease;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
    .newnav.nav-mobile .accordion li.active>.sub-menu {
        max-height: 500px;
        height: auto;
    }
    .newnav.nav-mobile .accordion li>.sub-menu>li {
        width: 100%;
    }
    .newnav.nav-mobile .accordion li>.sub-menu>li>a {
        padding: 10px 20px 10px 35px;
    }
    .newnav.nav-mobile .accordion li>.sub-menu>li>ul>li>a {
        padding: 10px 20px 10px 50px;
    }
    .aka__logo {
        float: none;
        padding: 30px;
        text-align: center;
    }
    .aka__logo img {
        margin: 0 auto;
    }
    .aka__sos {
        position: fixed;
        bottom: 12px;
        left: 0;
        right: 0;
        text-align: center;
		height: 52px;
        padding: 0;
        z-index: 100;
    }
    .aka_sos_in {
        display: inline-block;
        padding: 8px;
        margin: 0 auto;
        border-radius: 50px;
        background: #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        text-align: center;
    }
    .aka__sos i {
        margin: 0 3px;
    }
    .aka__sos #telp {}
    .head_telp,
    .head_hours,
    .head_imel {
        display: none;
    }
    .aka__menu {
        display: inline-block;
        font-size: 14px;
        padding: 0 30px 0 20px;
    }
    .aka__menusearch {
        display: block;
    }
    .form__akasearch {
        position: fixed;
        top: 200px;
        z-index: 1000;
        right: calc(50% - 120px);
        display: none;
    }
    .form__akasearch {
        position: fixed;
        top: 200px;
        z-index: 1000;
        right: calc(50% - 120px);
        display: none;
    }
    .opensearch .form__akasearch {
        display: block;
    }
    .form__akasearch:before {
        content: "";
        position: fixed;
        top: 63px;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 0.96;
        z-index: -1;
    }
    .aka_ticker .mad_today {
        position: fixed;
        top: 17px;
        z-index: 113;
        right: 75px;
        background: none !important;
    }
    .aka_ticker .re_info {
        display: none;
    }
    .aka__logo {
        float: none;
        padding: 30px;
        text-align: center;
    }
    .aka__logo img {
        margin: 0 auto;
    }
    .aka__container {
        padding: 30px;
    }
    .aka__name {
        float: none;
        width: auto;
    }
    .aka__school #hours {
        position: absolute;
        top: -20px;
        z-index: 2;
        left: calc(50% - 60px);
    }
    .aka__top {
        padding: 20px 0;
    }
    .top__container {
        margin: 0 20px;
    }
    .aka__master {
        margin: 0;
    }
    .latest__editorial {
        width: calc(100% - 250px);
    }
    .editorial__post {
        padding: 30px 30px 0;
    }
    .aka__quotes {
        width: calc(100% - 250px);
    }
    .all__left {
        width: 100%;
        float: none;
    }
    .big__left {
        width: 100%;
        float: none;
    }
    .primary_in,
    .primary_in .splide__slide {
        height: auto;
    }
    .news .splide__slide,
    .press_post {
        height: auto;
    }
    .primary_in,
    .primary_in .splide__slide {
        height: auto;
    }
    .small__left {
        width: 100%;
        float: none;
    }
    .all__right {
        width: 100%;
        float: none;
    }
    .aka__sos #telp {
        position: relative;
        display: inline-block;
        height: 50px;
        margin: 0;
    }
    .aka__sos .head_phone {
        margin: 0;
    }
    .aka__sos .number {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        z-index: 2;
        overflow: hidden;
        opacity: 0;
    }
    .mading_sosial {
        text-align: center;
    }
    .footer {
        padding: 0 0 84px;
    }
    .loop_akademi .loop_left,
    .loop_akademi .loop_right {
        width: auto;
        float: none;
        margin: 0 0 40px;
        padding: 0 15px;
    }
    .loop_akademi .text_not {
        margin: 0;
    }
    .mading_secondary,
    .login_in {
        padding: 15px 0;
    }
    .loop_akademi .post_inthumb,
    .loop_akademi .post_inmeta {
        width: 100%;
        float: none;
    }
    .loop_akademi .post_inagenda .post_inmeta {
        float: right;
        width: calc( 100% - 230px);
    }
    .loop_akademi .post_inaka {
        margin: 0 0 50px;
    }
    .loop_akademi .post_inthumb {
        margin: 0 0 15px;
    }
    .post_inagenda {
        margin: 0 0 50px;
    }
    .loop_akaguru {
        width: 25%;
    }
    .mading_primary {
        float: none;
        width: 100%;
        margin: 0 0 40px;
    }
    .mading_secondary {
        float: none;
        width: 100%;
    }
    .mading_login {
        float: none;
        width: 100%;
        padding: 0;
    }
    .mading_kelas {
        float: none;
        width: 100%;
        padding: 0;
    }
    .mading_materi {
        float: none;
        width: 100%;
        padding: 20px 0;
        border: 0;
        border-top: 1px solid rgba(125, 125, 125, 0.3);
        border-bottom: 1px solid rgba(125, 125, 125, 0.3);
    }
    .akademi_primary,
    .akademi_secondary {
        width: 100%;
        float: none;
    }
    .people .akademi_secondary {
        float: none;
        width: auto;
    }
    .akademi_singlecontent .secondary_content,
    .akademi_singlecontent #sidebar {
        margin: 0;
    }
    .people .akademi_featured {
        width: 240px;
        margin: 0 auto;
    }
    .people .akademi_secondary img {
        width: 100%;
    }
    .people .table_inakademi {
        width: 100%;
    }
    .people .akademi_primary {
        float: none;
        width: 100%;
    }
	.loop_full .madclear:nth-child(10n) {
        display: none;
    }
	.loop_full .madclear:nth-child(8n) {
        display: block;
    }
}

@media screen and (max-width: 800px) {
    .alumni_list {
        margin: 0;
    }
    .alumni_loop {
        column-count: 1;
    }
    element {}
    .all_alumni {
        padding: 20px;
    }
}

@media screen and (max-width: 768px) {
    .aka__quotes {
        width: 100%;
    }
    .loop_akaguru {
        width: 33.33%;
    }
	
	.loop_full .madclear:nth-child(8n) {
        display: none;
    }
	
	.loop_full .madclear:nth-child(6n) {
        display: block;
    }
}

@media screen and (max-width: 720px) {}

@media screen and (max-width: 640px) {
    .aka__school #hours {
        position: absolute;
        top: -13px;
        left: calc(50% - 39px);
        height: 26px;
    }
    .aka__master {
        width: 210px;
    }
    .aka__master .get_photos {
        padding: 10px;
        width: 190px;
        overflow: hidden;
    }
    .aka__master .get_names {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }
    .latest__editorial {
        width: calc(100% - 210px);
    }
    .age_arsip {
        width: 110px;
    }
    .layout_akademi .agedate {
        font-size: 38px;
    }
    .agemonth {
        font-size: 11px;
    }
    .loop_akademi .post_inagenda .post_inmeta {
        float: right;
        width: calc( 100% - 130px);
    }
    .single-agenda .post_inmeta.age_meta {
        width: calc(100% - 130px);
        float: right;
    }
    .per_tiga {
        width: 100%;
        float: none;
        margin: 0 0 15px;
    }
    .per_dua {
        width: 100%;
        float: none;
    }
    .mad__wrapper .guru_table td {
        width: 50%;
        padding: 18px 18px;
    }
}

@media screen and (max-width: 600px) {
    .agenda_loop {
        width: 100%;
        float: none;
    }
    .age_date {
        font-size: 16px;
    }
}

@media screen and (max-width: 533px) {
    .aka__sos .mading_sosial {
        height: 36px;
    }
    .form__akasearch {
        height: 38px;
        line-height: 38px;
    }
    .aka__menu:before {
        width: 40px;
        height: 40px;
    }
    .aka__menu:after {
        width: 40px;
        height: 40px;
        border-radius: 24px 0 0;
    }
    .form__akasearch {
        height: 38px;
        line-height: 38px;
    }
    .form__akasearch #searchform {
        height: 38px;
    }
    .aka__button button {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .aka_ticker .mad_today {
        right: 60px;
    }
    .aka__logo {
        padding: 20px 0;
    }
    .runscroll {
        height: 30px;
        font-size: 13px;
    }
    .my-news-ticker {
        line-height: 30px;
        height: 30px;
    }
    .aka__school .aka__name h1 {
        font-size: 18px;
    }
    .aka__school #hours {
        display: none;
    }
    .aka__master {
        width: 180px;
        margin-right: 15px;
    }
    .aka__master .get_photos {
        width: 160px;
    }
    .editorial__post {
        padding: 30px 0 0;
    }
    .quotes__post {
        padding: 30px 0 0;
        font-size: 16px;
    }
    .news_overlay {
        padding: 100px 20px 30px 20px;
    }
    .widget_box {
        width: 100%;
        float: none;
    }
    .aka__sos #telp {
        position: relative;
        display: inline-block;
        height: 36px;
        margin: 0;
    }
    .aka__sos .head_phone {
        height: 36px;
        line-height: 36px;
        margin: 0;
    }
    .aka__sos .number {
        position: absolute;
        top: 0;
        left: 0;
        width: 36px;
        height: 36px;
        z-index: 2;
        overflow: hidden;
        opacity: 0;
    }
    .aka__sos i {
        display: block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 18px;
    }
    .to_top {
        right: 15px;
        bottom: 80px;
    }
    .footer {
        padding: 0 0 64px;
    }
    .copyright {
        padding: 20px 0;
    }
    .akademi_heading {
        font-size: 20px;
        padding: 15px 0;
    }
    .loop_akademi .post_inaka {
        margin: 0 0 20px;
    }
    .loop_akademi {
        margin: 0 -15px;
        padding: 15px 0;
    }
    .post_inmeta h2 {
        font-size: 20px;
    }
    .loop_akaguru {
        width: 50%;
    }
    .mad_konten {
        padding: 10px 0 0;
    }
    .akademi_primary,
    .akademi_secondary {
        padding: 20px 0;
    }
    .akademi_primary .primary_content {
        margin: 0 52px 0 0;
    }
    .akademi_primary .share {
        margin-left: calc(100% - 52px);
        width: 37px;
        padding: 0 15px;
    }
    .share i {
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-width: 6px;
    }
    .akademi_bread {
        padding: 20px;
    }
    .akademi_single {
        font-size: 25px;
    }
    .post_related {
        float: none;
        width: 100%;
    }
    .layout_akademi .madrel {
        margin: 0 -62px 50px -10px;
    }
    .mading__post,
    .akademi__comment {
        margin-right: -53px;
    }
    .akademi__comment i {
        margin-right: 15px;
    }
    .have_comment {
        width: calc(100% - 60px);
    }
    .comment-meta .avatar {
        float: left;
        margin: 0 15px 0 0;
    }
    .comment-content {
        margin: 0;
    }
    .comment.depth-2,
    .comment.depth-3,
    .comment.depth-4,
    .comment.depth-5 {
        margin-left: 15px;
    }
    .comment_leads,
    .comment-respond {
        margin: 0 0 20px 0;
    }
    .people .akademi_primary .primary_content {
        margin: 0 15px;
        padding: 30px 0;
    }
}

@media screen and (max-width: 480px) {
    .age_arsip {
        width: 75px;
    }
    .loop_akademi .post_inagenda .post_inmeta {
        float: right;
        width: calc( 100% - 95px);
    }
    .post_inmeta h2 {
        font-size: 18px;
    }
    .textaka_quotes {
        font-size: 22px;
    }
    .post_inmeta.age_meta {
        width: calc(100% - 95px);
    }
    .single-agenda .post_inmeta.age_meta {
        width: calc(100% - 95px);
        float: right;
    }
    #madingslider {
        min-height: 100px;
    }
}

@media screen and (max-width: 420px) {
    .aka__school .aka__name h1 {
        font-size: 16px;
    }
    .aka__master {
        width: 122px;
        margin-right: 15px;
    }
    .aka__master .get_photos {
        width: 110px;
        padding: 6px;
    }
    .aka__master .get_names {
        display: none;
    }
    .latest__editorial {
        width: calc(100% - 137px);
    }
    .editorial__post {
        padding: 0;
    }
    .editorial__post h2 {
        font-size: 16px;
    }
    .editorial__summary {
        height: 55px;
        font-size: 14px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .top_news {
        height: 30px;
        line-height: 30px;
        padding: 0 12px;
        font-size: 12px;
    }
    .news_overlay {
        padding: 100px 20px 20px 20px;
    }
    .news h4 {
        font-size: 18px;
        margin: 0;
    }
    .news_ex {
        display: none;
    }
    .news_on {
        bottom: 0;
    }
}