Diputri Bungsu Meisa Agus
  • Beranda
  • Fakultas
  • _Website Fakultas
  • _Pimpinan Fakultas
  • _Akreditasi
  • Prodi
  • _Website Prodi
  • _Pimpinan Prodi
  • _Akreditasi Prodi
  • Akademik
  • _Kalender Akademik
  • _Panduan Karya Ilmiah
  • Aplikasi
  • _V-Class
  • _Siakadu
  • _Email Mahasiswa
  • _Pengaduan TIK Online
  • Informasi Publik
  • _PPID Unila
  • Jejak Kuliah
  • _Semester 1
  • __Metode Penelitian
  • __Filsafat Ilmu
  • __Perspektif & Teori Komunikasi
  • __Metode Penelitian Komunikasi & Publikasi Karya Ilmiah
  • _UTS
*/ .index .published{display:none!important} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden}.mobile-menu ul li a,a,a:visited,abbr,body{text-decoration:none}a img,img{border:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4;font-family:var(--sch-heading-font-family);color:var(--sch-title-color)}a,a:link{color:var(--sch-title-color)}caption,th{text-align:center}ins{text-decoration:underline}del{text-decoration:line-through}.blog-post,body{word-wrap:break-word}img{max-width:100%;width:auto;position:relative;height:auto}a:hover{color:var(--sch-main-color)}:focus{outline:0}brc{color:#bdbdbd}.CSS_LIGHTBOX{z-index:999999!important}.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}body{font:var(--sch-body-font-family);font-weight:400;color:var(--sch-title-color);margin:0;padding:0;line-height:1.8rem} .header-box { margin: 0 14px 0; flex: 1 1 auto; color: var(--sch-main-color); display: flex; justify-content: flex-end; position: relative; } #header-wrap{padding:0;display:flex;margin:0 auto;height:50px} .header-wrapper { padding: 0; top: 0; position: fixed; z-index: 99; width: 100%; background: var(--sch-bg-color-white); box-shadow: 0 0 10px rgb(128 128 128 / 40%); } .is-search-default .header-wrapper,.item .header-wrapper{box-shadow:var(--sch-header-box-shadow)}.is-search-default .header-wrapper{margin-bottom:10px}@-webkit-keyframes slide-down{0{opacity:0;transform:translateY(-100%)}100%{opacity:.9;transform:translateY(0)}}@-moz-keyframes slide-down{0{opacity:0;transform:translateY(-100%)}100%{opacity:.9;transform:translateY(0)}}@keyframes slide-down{0{opacity:0;transform:translateY(-100%)}100%{opacity:.9;transform:translateY(0)}} #header-logo:before { position: absolute; content: ''; left: 0; top: 0; bottom: 0; width: 268px; border-right: 38px solid transparent; border-top: 90px solid var(--sch-body-color-yellow); } .header-box:before { position: absolute; content: ''; right: 0; top: 0; bottom: 0; width: 150px; border-left: 20px solid transparent; border-bottom: 50px solid var(--sch-body-color-yellow); } #header-logo { margin: -20px 0 0 0; padding: 0; } #header-logo img { height: 45px; margin: 0; width: auto; vertical-align: middle } .header-logo h1 { font-size: 25px; line-height: 1.4em; font-weight: 700; margin: 0 } #header-logo p { font-size: 12px; margin: 5px 0 0 } .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex-grow: 1; align-items: center; flex-basis: auto; -webkit-box-align: center; -ms-flex-align: center } #main-menu .mega-menu>ul.mega-menu-inner, .mobile-menu>ul li ul { overflow: hidden } .social-top #BlogArchive1, .social-top #Attribution1, .social-top #ReportAbuse1, .social-top #Profile1, .social-top #BlogSearch1, .social-top #PageList1, #BlogArchive1, #Attribution1, #ReportAbuse1, , #BlogSearch1, #PageList1, .index .published { display: none !important } .section, .widget, .widget ul { margin: 0; padding: 0; list-style: none } #related-posts ul li, .FollowByEmail .widget-content, .comments iframe#comment-editor, .mediapost, .related-wrap li, .share-links li, .share-links li a, .social-counter li { box-sizing: border-box } .container { max-width: 1250px; margin: 0 auto; padding: 0 15px } .outer-wrapper { max-width: 100%; margin: 0 auto; background: var(--sch-body-bg-color) } .index .outer-wrapper, .error404 .outer-wrapper { background: var(--sch-bg-color-white) } .main-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; min-width: 0; margin: 0 auto } .main-wrapper .container, #related-posts ul { max-width: 100%; padding: 0; gap: 1.8rem; display: grid } #related-posts ul, .main-wrapper .container { grid-template-columns: repeat(3, minmax(0, 1fr)) } .item .blog-post { background: var(--sch-bg-color-white); padding: 20px 40px; margin-top: 0; box-sizing: border-box } .item .main-wrapper .container { grid-template-columns: auto; gap: initial; display: block } .item .main-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 90%; flex: 1 1 90%; max-width: 90% } .aboutimg, .header { flex-flow: row wrap } .seo-title a { vertical-align: bottom; max-width: 100%; position: relative; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .about-author .avatar-container, .comments .avatar-image-container { background-color: rgba(155, 155, 155, .07); color: transparent !important } .teacherslider.owl-rtl { direction: rtl } .teacherslider .animated { animation-duration: 1s; animation-fill-mode: both } .teacherslider .fadeOut { animation-name: fadeOut } .teacherslider .owl-item .owl-lazy:not([src]), .teacherslider .owl-item .owl-lazy[src^=""] { max-height: 0 } .teacherslider .owl-video-play-icon { left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; -webkit-backface-visibility: hidden } .darkmode-switch input:checked+.slider:before { transform: translateX(15px) } .darkmode-switch .slider:before { position: absolute; content: "\f185"; border-radius: 50%; height: 25px; width: 25px; line-height: 26px; color: #161B2A; text-align: center; background: var(--sch-bg-color-white); box-shadow: 0 1px 3px rgb(0 0 0 / 30%); font-size: 14px; bottom: -5px; font-weight: 300; -webkit-transition: .2s; transition: .2s; font-family: "Font Awesome 5 Pro" } .darkmode-switch .slider, .darkmode-switch input:checked+.slider { background-color: #eee } .darkmode-switch input:checked+.slider::before { content: "\f186" } .teacherslider .owl-stage:after { content: "."; visibility: hidden; clear: both } .teacherslider, .teacherslider .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .teacherslider { display: none; width: 100%; overflow: hidden; z-index: 1 } .teacherslider .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .teacherslider .owl-stage:after { display: block; line-height: 0; height: 0 } .teacherslider .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .teacherslider .owl-item, .teacherslider .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .teacherslider .owl-item { align-items: center; float: left; -webkit-backface-visibility: hidden } .teacherslider .owl-item img { display: block; width: 100% } .header .socialmobile .LinkList .widget-title, .socialmobile, .socialmobile h3, .languagemobile, .teacherslider .owl-dots.disabled, .teacherslider .owl-nav.disabled, .khususmenu { display: none } .teacherslider.owl-loaded, .no-js .teacherslider { display: block } .teacherslider .owl-dot, .teacherslider .owl-nav .owl-next, .teacherslider .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-nav button.owl-next, .owl-nav button.owl-prev, button.owl-dot { border: none; padding: 0 !important } .teacherslider.owl-loading { opacity: 0; display: block } .teacherslider.owl-hidden { opacity: 0 } .teacherslider.owl-refresh .owl-item { visibility: hidden } .teacherslider.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .teacherslider.owl-grab { cursor: move; cursor: grab } .teacherslider.owl-rtl .owl-item { float: right } .teacherslider .owl-animated-in { z-index: 0 } .teacherslider .owl-animated-out { z-index: 1 } .teacherslider .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .teacherslider .owl-item img.owl-lazy { transform-style: preserve-3d } .teacherslider .owl-video-wrapper { position: relative; height: 100%; background: var(--sch-body-bg-black) } .teacherslider .owl-video-play-icon { position: absolute; height: 80px; width: 80px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; transition: transform .1s ease } .teacherslider .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .teacherslider .owl-video-playing .owl-video-play-icon, .teacherslider .owl-video-playing .owl-video-tn { display: none } .teacherslider .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .teacherslider .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-next, .owl-prev { transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; top: 50%; color: var(--sch-title-color-white); background: rgba(0, 0, 0, .5); position: absolute; pointer-events: all; width: 40px; font-size: 20px; height: 40px; z-index: 1; display: block; border-radius: 50px; font-family: var(--sch-icon-fontAwesome-pro); overflow: hidden } .sliderhome .owl-next, .sliderhome .owl-prev { background: rgb(0 0 0 / 30%); width: 55px; font-size: 25px; height: 55px; top: 45% } .teacherslider .owl-next, .teacherslider .owl-prev { color: var(--sch-title-color); background-color: var(--sch-bg-color-white); box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%) } .teacherslider .owl-next, .teacherslider .owl-prev { top: 33% } .owl-nav button.owl-next:hover, .owl-nav button.owl-prev:hover { color: var(--sch-title-color-white) } .owl-prev:before { content: "\f104" } .owl-next:before { content: "\f105" } .owl-next:hover, .owl-prev:hover { background-color: var(--sch-body-bg-black) } .teacherslider .owl-dots { position: relative; width: 100%; text-align: center; margin: 10px auto } .teacherslider .owl-item:hover .carousel-overlay { background-color: rgba(40, 35, 40, .3) } .teacherslider .owl-dot { pointer-events: auto; background-color: #98bed1; opacity: .7; width: 10px; height: 10px; margin: 3px; display: inline-block; border-radius: 50px; transition: all .5s } .teacherslider .owl-dot.active, .teacherslider .owl-dot:hover { background: var(--sch-search-button-hover); opacity: 10; width: 20px; height: 20px } .sliderhome .rcimg:before, .postparallax .bannerpost .rec-image:before { content: ''; background-color: transparent; background-image: var(--sch-before-bg-parallax); opacity: .8; transition: var(--sch-transition-opacity-parallax); position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100% } .sliderhome.owl-rtl { direction: rtl } .sliderhome .animated { animation-duration: 1s; animation-fill-mode: both } .sliderhome .fadeOut { animation-name: fadeOut } .sliderhome .owl-item .owl-lazy:not([src]), .sliderhome .owl-item .owl-lazy[src^=""] { max-height: 0 } .sliderhome .owl-video-play-icon { left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; -webkit-backface-visibility: hidden } .sliderhome .owl-stage:after { content: "."; visibility: hidden; clear: both } .sliderhome, .sliderhome .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .sliderhome { display: none; width: 100%; overflow: hidden; z-index: 1 } .sliderhome .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .sliderhome .owl-stage:after { display: block; line-height: 0; height: 0 } .sliderhome .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .sliderhome .owl-item, .sliderhome .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .sliderhome .owl-item { align-items: center; float: left; display: flex; -webkit-backface-visibility: hidden } .sliderhome .owl-item { display: block; width: 100% } .sliderhome .owl-dots.disabled, .sliderhome .owl-nav.disabled { display: none } .sliderhome.owl-loaded, .no-js .sliderhome { display: block } .sliderhome .owl-dot, .sliderhome .owl-nav .owl-next, .sliderhome .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .sliderhome.owl-loading { opacity: 0; display: block } .sliderhome.owl-hidden { opacity: 0 } .sliderhome.owl-refresh .owl-item { visibility: hidden } .sliderhome.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .sliderhome.owl-grab { cursor: move; cursor: grab } .sliderhome.owl-rtl .owl-item { float: right } .sliderhome .owl-animated-in { z-index: 0 } .sliderhome .owl-animated-out { z-index: 1 } .sliderhome .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .sliderhome .owl-item img.owl-lazy { transform-style: preserve-3d } .sliderhome .owl-video-wrapper { position: relative; height: 100%; background: var(--sch-body-bg-black) } .sliderhome .owl-video-play-icon { position: absolute; height: 80px; width: 80px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; transition: transform .1s ease } .sliderhome .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .sliderhome .owl-video-playing .owl-video-play-icon, .sliderhome .owl-video-playing .owl-video-tn { display: none } .sliderhome .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .sliderhome .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-next:hover, .owl-prev:hover { background-color: var(--sch-main-color) } .owl-dots { position: relative; width: 100%; text-align: center; margin: 10px auto } .sliderhome .owl-item:hover .carousel-overlay { background-color: rgba(40, 35, 40, .3) } .owl-prev { left: -90px } .owl-next { right: -90px } .teacherslider:hover .owl-prev { left: 10px } .teacherslider:hover .owl-next { right: 10px } .sliderhome:hover .owl-prev { left: 30px } .sliderhome:hover .owl-next { right: 30px } .sliderhome .owl-dot { pointer-events: auto; background-color: transparent; opacity: .7; width: 18px; border: 2px solid #fff; height: 18px; margin: 3px; display: inline-block; border-radius: 50px; transition: all .5s } .sliderhome .owl-dot.active { background: var(--sch-main-color) } .sliderhome .rec-image { padding-top: 44.85% } .sliderhome .owl-item .sch-box { position: absolute; top: 30%; max-width: 700px; width: 100%; margin: 0; left: 10%; bottom: 30%; z-index: 10 } .sliderhome .owl-item .sch-box h3 { font-size: 2.2rem; color: var(--sch-title-color-white); line-height: 1.2; font-weight: 700; margin: 0 0 10px } .sliderhome .owl-item .sch-box p { font-size: 14px; line-height: 25px; color: var(--sch-title-color-white); margin: 0 } .sliderhome .owl-dots { position: absolute; bottom: 2.5rem; width: 100%; left: 0; right: 0; margin: auto; text-align: center } .marquee { display: block; font-size: 12px; color: var(--sch-marquee-title-color); line-height: 34px; width: 100% } .sliderhome .info { position: absolute; top: 50%; z-index: 99 } .sliderhome .owl-item.active .sch-box p { animation: fadeInRight 1s both .6s } .sliderhome .owl-item.active h3 { -webkit-animation: 1s .8s fadeInDown both; animation: 1s .8s fadeInDown both } .sliderhome .sch-content { width: 100%; padding: 20px; flex-flow: column; display: flex; justify-content: space-around } .buttonmenu { --color: #fff; width: 36px; height: 36px; padding: 0; margin: 0; outline: none; position: relative; border: none; background: none; cursor: pointer; -webkit-appearence: none; -webkit-tap-highlight-color: transparent; } .buttonmenu svg { width: 48px; height: 48px; top: 0; left: -12px; stroke: var(--color); stroke-width: 4px; stroke-linecap: round; stroke-linejoin: round; fill: none; display: block; position: relative; } .buttonmenu svg path { transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s); stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px); stroke-dashoffset: var(--offset, 126px); transform: translateZ(0); } .buttonmenu svg path:nth-child(2) { --duration: .7s; --easing: ease-in; --offset: 100px; --array-2: 74px; } .buttonmenu svg path:nth-child(3) { --offset: 133px; --array-2: 107px; } .buttonmenu.active svg path { --offset: 57px; } .buttonmenu.active svg path:nth-child(1), .buttonmenu.active svg path:nth-child(3) { --delay: .15s; --easing: cubic-bezier(.2, .4, .2, 1.1); } .buttonmenu.active svg path:nth-child(2) { --duration: .4s; --offset: 2px; --array-1: 1px; } .buttonmenu.active svg path:nth-child(3) { --offset: 58px; } .header-menu { position: relative; font-size: 15px; width: 100%; margin: 0 } .header-menu .container { position: relative; margin: 0 auto; padding: 0 } #header-wrap #Attribution1, #header-wrap #BlogArchive1, #header-wrap #BlogSearch1, #header-wrap #ReportAbuse1, #main-menu .widget, #main-menu .widget>.widget-title, .home .queryEmpty, .menushow, .mobile-menu, .mobile-menu .m-sub { display: none } #main-menu .show-menu { display: block } #main-menu ul>li:first-child { margin-left:50px; } #main-menu ul>li>ul>li:first-child { margin-left: 0; } #main-menu ul>li, #main-menu ul>li>a { position: relative; display: inline-block; margin: 0 } #main-menu { position: relative; z-index: 15 } #main-menu ul>li { padding: 0; transition: background .17s } #main-menu ul>li>a { transition: color .17s ease; font-size: 14px; line-height: 50px; padding: 0 10px; font-weight: 400; color: var(--sch-title-color) } #main-menu ul>li>a:hover { color: var(--sch-main-color) } #main-menu ul ul, #main-menu ul>li>ul>li, #main-menu ul>li>ul>li a, .mobile-menu ul li a { transition: all .17s ease } a.homers { color: var(--sch-main-color) !important } #main-menu ul>li>ul { position: absolute; left: 0; border-radius: 0 0 5px 5px; box-shadow: 0 8px 20px rgb(0 0 0 / 20%); top: 100%; width: 240px; background-color: var(--sch-main-color); z-index: 99999; margin: 0; padding: 0; visibility: hidden; opacity: 0 } #main-menu ul>li>ul>li>ul { position: absolute; float: left; top: 0; left: 100%; margin: 0 } #main-menu ul>li>ul>li { display: block; float: none; position: relative } #main-menu ul>li>ul>li a { display: block; font-size: 12px; font-weight: 400; padding-left: 15px; line-height: 40px; border-bottom: 1px solid rgb(238 238 238 / 8%); border-left: 4px solid rgb(0 0 0 / 23%); margin: 0; color: var(--sch-title-color-white) } #main-menu ul>li>ul>li a:hover { border-left: 4px solid var(--sch-body-color-yellow); color: var(--sch-teks-color-yellow) } #main-menu ul>li>ul>li:last-child a { border-bottom: 0 } #main-menu ul>li.has-sub>a:after { content: '\f107'; float: right; font-family: var(--sch-icon-fontAwesome-pro); font-size: 10px; font-weight: 400; margin: 0 0 0 5px } #main-menu ul>li>ul>li.has-sub>a:after { content: '\f105'; float: right; margin: 0 } #main-menu .mega-menu { position: static !important } #main-menu .mega-menu>ul { width: 100%; padding: 20px 10px } #main-menu ul>li:hover>ul, #main-menu ul>li>ul>li:hover>ul { visibility: visible; opacity: 1 } .slide-menu-toggle { display: block; position: absolute; line-height: 42px; height: 42px; width: 42px; top: 0; left: 0; font-family: var(--sch-icon-fontAwesome-pro); color: var(--sch-title-color-white); font-size: 17px; font-weight: 400; text-align: left; cursor: pointer; z-index: 4; padding: 0 } .mobile-menu ul li, .mobile-menu ul li a { font-size: 14px; position: relative; display: block } .slide-menu-toggle:before { content: "\f0c9" } .alert-del-btn:before, .nav-active .slide-menu-toggle:before { content: "\f00d" } .mobile-menu { position: relative } .mobile-menu>ul { margin: 0 } .mobile-menu .m-sub { padding: 0 } .mobile-menu ul li { overflow: hidden; float: left; width: 100%; font-weight: 600; line-height: 38px; margin: 0; padding: 5px 0; border-bottom: 1px solid rgb(255 255 255 / 3%) } .mobile-menu>ul>li:first-child { border-top: 0 } .mobile-menu ul li a { color: var(--sch-title-color); padding: 0; font-weight: 400 } .author-description a:hover, .post-body u, .queryMessage a.show-more { text-decoration: underline } .mobile-menu ul li.has-sub .submenu-toggle { position: absolute; top: 7px; right: 3px; color: #eee; cursor: pointer } .mobile-menu ul li.has-sub .submenu-toggle:after { content: '\f105'; font-family: var(--sch-icon-fontAwesome-pro); font-weight: 400; float: right; color: var(--sch-main-color); vertical-align: middle; line-height: 34px; font-size: 18px; text-align: center; transition: all .17s ease } .mobile-menu>ul>li>ul>li, .mobile-menu>ul>li>ul>li:last-child { border-bottom: 0 } .mobile-menu ul li.has-sub.show>.submenu-toggle:after { transform: rotate(90deg) } .mobile-menu>ul>li>ul>li a { font-size: 13px; text-transform: initial; font-weight: 400 } .mobile-menu>ul>li>ul>li>a { opacity: .7; padding: 0 0 0 15px } .mobile-menu>ul>li>ul>li>a:before, .mobile-menu>ul>li>ul>li>ul>li>a:before { content: '\f111'; font-family: var(--sch-icon-fontAwesome-pro); font-weight: 900; float: left; font-size: 4px; vertical-align: middle; margin-right: 10px; text-align: center; transition: all .17s ease } .mobile-menu>ul>li>ul>li>ul>li { border-color: rgba(255, 255, 255, .02) } .mobile-menu>ul>li>ul>li>ul>li>a { color: var(--sch-title-color); opacity: .7; padding: 0 0 0 30px } .mobile-menu ul li a:hover, .mobile-menu ul>li>.submenu-toggle:hover { color: var(--sch-main-color) } .chiller-theme { background: var(--sch-main-color) } .overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none } .overlay.active { z-index: 99; display: block; opacity: .8; visibility: visible } .mobile-menu a.homers { background-color: transparent; background-image: none } .menuhide { display: flex; font-size: 20px; color: var(--sch-title-color); text-align: right; cursor: pointer; height: 48px; width: 48px; justify-content: center; align-items: center; line-height: 48px; background-color: var(--sch-body-color-yellow) } .margin { margin-bottom: 20px } .margin-top { margin-top: 20px } .margin, .queryEmpty, .share-links li a { text-align: center } .post-body { margin: 20px 0; line-height: 1.7em; font-size: 15px } .post-body table { margin: 25px auto 0; text-align: center; } .rcgallery .rcimg .rec-image { padding-top: 75% } .rcgallery .rcimg .rec-image a:after { content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: var(--sch-body-bg-black); opacity: .4 } .recentid h3 { display: none } .img-overlay { background: rgb(0 0 0 / 50%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s; transition: all .35s } .img-overlay i { color: var(--sch-title-color-white); font-size: 2.5em } .mediapost:hover .img-overlay, #related-posts ul li:hover .img-overlay, .rcgallery li:hover .img-overlay { opacity: 1 } .postparallax { overflow: hidden; position: relative; z-index: 1 } .postparallax .bannerpost .rec-image { padding-top: 30% } .text-wrapper { width: 100%; max-width: 600px; text-align: center; margin: 0 auto 30px; position: relative } .text-wrapper .widget-title { margin-bottom: 10px } .text-wrapper .widget-title h3 { font-size: 2rem } .is-search-default #text-wrapper3{ margin-top: 30px; } .text-wrapper h3::before { content: ""; position: absolute; left: 0; width: 60px; height: 2px; background: var(--sch-body-color-yellow); bottom: -3px; right: 0; margin: auto } .text-wrapper p { font-size: 14px; line-height: 1.7 } .queryMessage { overflow: hidden; background-color: var(--sch-main-color); color: var(--sch-title-color-white); font-size: 13px; font-weight: 400; border-radius: 20px; padding: 8px 30px; margin: 0 0 40px } .queryMessage .query-info { margin: 0 5px; display: inline-block } .queryMessage .search-label, .queryMessage .search-query { font-weight: 700; text-transform: uppercase } .queryMessage a.show-more { float: right; color: #fff154 } .queryEmpty { font-size: 13px; font-weight: 400; padding: 10px 0; margin: 0 0 25px } #related-posts ul { clear: both } .related-posts { margin: 0; position: relative; display: block } #related-posts a.label-link { display: none } #related-posts li .rcimg { width: 100%; float: none; margin-right: 0 } .item-post .post-body img, .widget iframe, .widget img { max-width: 100% } .title-wrap, .title-wrap>h3 { position: relative; font-weight: 700 } .title-wrap>h3 { font-size: 20px; line-height: 1.2em } .title-wrap { float: left; width: 100%; display: block; margin: 0 0 30px } .blog-post { padding: 0 } .blog-post h1.seo-title { margin: 15px 0; font-weight: 700; font-size: 30px } .mediapost .rcimg .post-tag a { font-size: .75rem; font-weight: 500; line-height: 1rem; border-radius: 99px } .mediapost, #related-posts ul li { display: flex; align-items: center; flex-wrap: wrap; flex-direction: column; width: 100%; overflow: hidden; margin: 0; position: relative } #related-posts .post-info { padding: 10px 0 } #related-posts .post-info .seo-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .rcsimple li { display: flex; width: 100%; margin: 0; align-items: center; overflow: hidden; list-style: none; position: relative; counter-increment: trackit } .rcsimple ol li:before { content: counters(trackit, "."); padding: 0; font-size: 20px; font-weight: 700; align-items: center; box-shadow: 0 5px 10px rgb(0 0 0 / 9%); justify-content: center; color: var(--sch-title-color); border-radius: 5px; width: 50px; line-height: 50px; margin-left: 8px; display: flex; background: var(--sch-bg-color-white); text-align: center; height: 50px; margin-right: 10px } #rcwrapper1 { order: 2 } #rcwrapper1 .rec-image { padding-top: 100% } #rcwrapper1 .widget-content .rcimg { width: 80%; margin: 0 auto } #rcwrapper1 .widget-content { margin: 0 -10px } .listinfo { background: var(--sch-bg-color-white); padding: 10px 20px; box-shadow: 0 5px 10px rgb(0 0 0 / 9%); width: 100%; margin: 10px; border-radius: 5px; line-height: 1; align-items: flex-start; flex-flow: column; display: flex } h2.seo-title, h4.seo-title { font-size: 18px; overflow: hidden; font-weight: 700; display: grid } .listinfo h2.seo-title { font-size: 16px; font-weight: 600 } .listinfo .post-meta { font-size: 10px } .author-name { align-items: center; text-transform: uppercase } .mediapost .postimage { position: relative; width: 220px; height: 139px; overflow: hidden; flex: 0 0 auto; margin-right: 20px; vertical-align: middle } .rc-wrapper { position: relative; overflow: hidden; padding: 30px 0 } .rc-wrapper .rcbox, .data-wrapper .container { position: relative; display: flex } .rc-wrapper .rcbox { align-items: center } .rcwrapper { padding: 0; width: 50% } .item-post h1.seo-title, .mediapost .post-info, .post-footer, .post-labels, .post-share, .post-snippet, ul.share-links { overflow: hidden; position: relative } .mediapost .post-info { display: flex; flex-direction: row; padding: 1.5rem 0; width: 100% } .boxinfo { width: 85%; padding-left: 20px } .scinfo { width: 15%; font-family: Open Sans, sans-serif; position: relative; display: flex; flex-flow: column; align-items: center } .scinfo .scdate { width: 100%; justify-content: center; display: flex; flex-flow: wrap; background: var(--sch-body-color-yellow); padding: 10px 5px; text-align: center; line-height: 1.5; text-transform: uppercase; font-family: var(--sch-font-time); align-items: center } .scinfo .jumlah-comments i { margin-left: 5px } .scinfo .jumlah-comments { position: relative; display: flex; justify-content: center; align-items: center; z-index: 1; padding: 10px 5px; line-height: 1.1; height: 40px; vertical-align: bottom; max-width: 100%; color: var(--sch-title-color-white); background: var(--sch-main-color); text-align: center; font-size: 12px; width: 100%; } .scinfo .scdate span { display: flex; align-items: center; justify-content: space-around } .scinfo .scdate span.day { font-size: 1.7rem; line-height: 1.1; font-weight: 800 } .scinfo .scdate span.month { font-size: 16px; font-weight: 500 } .scinfo .scdate span.year { font-size: 13px } .scinfo .scdate strong.day { font-size: 13px; font-weight: 500 } .post-info { flex-direction: column; flex: 1 1 auto; min-height: 1px; padding: 2rem } p.post-snippet { margin: 10px 0; font-size: 13px; line-height: 1.8 } .post-info>h2>a { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .error404 .header-wrapper, .error404 #footer { display: none } #breadcrumb { font-size: 12px; margin: 0; color: #0c0c0c; border-bottom: 1px solid #e5e5e5; position: relative; height: 45px; margin-top: -44px; box-sizing: border-box; background: var(--sch-bg-color-white); width: 100%; display: flex; justify-content: space-between; align-items: center; z-index: 10 } #breadcrumb a { transition: color .17s } .item-post h1.seo-title { color: var(--sch-title-color); font-size: 26px; line-height: 1.4; font-weight: 700; display: block; margin: 0; padding: 15px 0 } .static_page .item-post h1.seo-title { margin: 0 } .static_page .blog-post { position: relative; } .item-post .post-body { width: 100%; line-height: 1.5em; overflow: hidden; padding: 20px 0 0; margin: 10px 0 0; border-top: 2px dotted #eee } .main .widget { margin: 0 } .main .Blog { border-bottom-width: 0 } .post-footer { width: 100%; margin: 30px 0 0 } .post-footer ul.share-links { margin: 0; text-align: center; display: grid } .post-footer .share-links li { padding: 5px; display: block; width: 50px } .post-share { overflow: hidden; padding: 0; float: left; width: 50px } .post-labels { overflow: hidden; font-family: $(heading.font) } .post-labels a { float: left; height: 30px; background-color: #f2f2f2; color: var(--sch-title-color); font-size: 13px; line-height: 30px; border-radius: 4px; font-weight: 500; margin: 0; padding: 0 10px } .post-labels a:hover { background-color: var(--sch-main-color); color: var(--sch-title-color-white) } .post-labels a { margin: 0 0 0 5px; transition: all .17s ease } .post-reactions { height: 28px; display: block; margin: 0 0 15px } .post-reactions span { float: left; color: var(--sch-title-color); font-size: 11px; line-height: 25px; text-transform: uppercase; font-weight: 500 } .sliderhome .sch-content .FirstWord { color: var(--sch-teks-color-yellow) } .social a:before { display: inline-block; font-weight: 400 } .share-links li { list-style: none; margin: 0; display: inline-block } .share-links li:last-child { margin: 0 } .share-links li a, .share-links li.share-icon span, .copy-link { display: flex; align-items: center; justify-content: center; margin: 0; background: var(--sch-bg-color-white); height: 40px; width: 40px; line-height: 40px; -webkit-box-shadow: var(--sch-share-shadow); -moz-box-shadow: var(--sch-share-shadow); box-shadow: var(--sch-share-shadow); border-radius: 5px; font-size: 16px; transition: all .17s ease } .share-links li a, .copy-link { color: var(--sch-title-color) } .share-links li.share-icon span { color: var(--sch-teks-color-yellow) } .copy-link { cursor: pointer } .share-links li.share-icon span:before { content: '\f1e0'; font-family: var(--sch-icon-fontAwesome-pro); font-weight: 900 } \ .share-links .show-hid a { background-color: rgba(155, 155, 155, .2); font-size: 14px; color: rgba(155, 155, 155, .8) } .share-links .show-hid a:before { content: '\f141'; font-family: var(--sch-icon-fontAwesome-pro); font-weight: 400 } .show-hidden .show-hid a:before { content: '\f142' } .share-links li.pinterest, .share-links li.copy-d { display: none } .show-hidden li.pinterest, .show-hidden li.copy-d { display: inline-block } .social-posts { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; top: 18%; z-index: 99; align-items: center; text-align: center; right: -50px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .social-posts.show { visibility: visible; opacity: 1; right: 15px } .copy-clipboard, #select-link { position: absolute; top: -999999px; height: 0; width: 0; overflow: hidden } .notif-clipboard { font-weight: 400; color: var(--sch-title-color); opacity: .9; font-size: 16px; -webkit-box-shadow: var(--sch-notif-bg-clipboard); -moz-box-shadow: var(--sch-notif-bg-clipboard); box-shadow: var(--sch-notif-bg-clipboard); padding: 10px; border-radius: 5px; position: fixed; top: 50%; left: 50%; margin-left: -110px; text-align: center; z-index: 999999999; background: var(--sch-bg-color-white) } .notif-clipboard i { margin-right: 5px; width: 40px; line-height: 40px; height: 40px; color: var(--sch-title-color-white); background: var(--sch-notif-bg-clipboard-i); border-radius: 50px } .share-links li a span, .social-counter li a span, .rcgallery span.recent-title, .text-indent { position: absolute; text-indent: -999999999px } .about-author, .relative { position: relative } .social a:before { font-family: var(--sch-icon-fontAwesome-brands); font-style: normal } .social .blogger a:before { content: "\f37d" } .social .facebook a:before { content: "\f09a" } .social .copy-link:before { content: "\f0c1"; font-family: var(--sch-icon-fontAwesome-pro); font-weight: 900 } .social .twitter a:before { content: "\f099" } .social .gplus a:before { content: "\f0d5" } .social .rss a:before { content: "\f09e" } .social .youtube a:before { content: "\f167" } .social .skype a:before { content: "\f17e" } .social .stumbleupon a:before { content: "\f1a4" } .social .tumblr a:before { content: "\f173" } .social .vk a:before { content: "\f189" } .social .stack-overflow a:before { content: "\f16c" } .social .github a:before { content: "\f09b" } .social .linkedin a:before { content: "\f0e1" } .social .dribbble a:before { content: "\f17d" } .social .soundcloud a:before { content: "\f1be" } .social .behance a:before { content: "\f1b4" } .social .tiktok a:before { content: "\e07b" } .social .instagram a:before { content: "\f16d" } .social .pinterest a:before { content: "\f0d2" } .social .twitch a:before { content: "\f1e8" } .social .delicious a:before { content: "\f1a5" } .social .codepen a:before { content: "\f1cb" } .social .reddit a:before { content: "\f1a1" } .social .whatsapp a:before { content: "\f232"; font-weight: 900 } .social .snapchat a:before { content: "\f2ac" } .social .email a:before { content: "\f0e0"; font-family: var(--sch-icon-fontAwesome-pro); font-weight: 900 } .social .external-link a:before { content: "\f35d" } .social-color .blogger a { background-color: #ff5722 } .about-author { display: flex; -flex-flow: row wrap; flex-flow: row wrap; overflow: hidden; padding: 20px; background: var(--sch-bg-color-white); border: 1px solid #ccc; border-radius: 20px; box-shadow: 0 10px 25px -3px rgb(0 0 0 / 10%); margin: 40px 0; align-items: center } .aboutimg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 85%; flex: 1 1 15%; max-width: 15%; min-width: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .about-author .avatar-container { position: relative; float: left; border-radius: 50px; width: 80px; height: 80px; background-color: rgb(216 216 216); overflow: hidden; margin: 0 15px 0 0 } .about-author .author-avatar img { float: left; width: 100%; height: 100% } .about-wrapper { display: grid; flex-flow: row wrap; -webkit-box-flex: 1; -ms-flex: 1 1 85%; flex: 1 1 85%; max-width: 85%; min-width: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .author-name { overflow: hidden; display: flex; font-size: 14px; line-height: 1.6; margin: 0; color: var(--sch-title-color) } .author-name span { color: var(--sch-title-color-white); margin-left: 5px; font-weight: 500; display: flex; align-items: center; padding: 1px 10px; border-radius: 50px; font-size: 11px; background: #868686 } .author-description { display: block; overflow: hidden; line-height: 1.5; font-size: 14px; font-family: $(heading.font); margin: 5px 0; color: #777 } .post-info>h2, .post-info>h4 { font-size: 17px; line-height: 1.8rem } .related-wrap .rcimg { width: 100% } .related-wrap .rcimg { margin-bottom: 13px; margin-right: 0; float: none } .related-wrap li { padding: 0; max-width: 33.333%; margin: 0 10px; float: left; position: relative; overflow: hidden } #blog-pager { margin: 1rem auto 4rem; font-family: $(heading.font); position: relative; overflow: hidden; display: flex; clear: both; justify-content: center; align-items: center } .blog-pager a, .blog-pager span { padding: 0; background: #f4f4f4; display: flex; border-radius: 5px; color: var(--sch-title-color); font-size: 14px; line-height: 40px; font-weight: 700; text-align: center; box-sizing: border-box; transition: all .17s ease } .blog-pager a { align-items: center; justify-content: center; margin: 0 } .blog-pager span { align-items: center; justify-content: center; margin: 0 8px 0 0 } .blog-pager span.showpageOf { padding: 0 20px; background: var(--sch-main-color); color: var(--sch-title-color-white) } .blog-pager .blog-pager-newer-link, .blog-pager .blog-pager-older-link { padding: 0 15px } .static_page .blog-post-comments { display: none } .blog-pager span.page-dots { min-width: 20px; background-color: var(--sch-bg-color-white); font-size: 16px; color: var(--sch-title-color); line-height: 30px; font-weight: 400; letter-spacing: -1px; border: 0 } .blog-pager .page-of { display: none; width: auto; float: right; border-color: rgba(0, 0, 0, 0); margin: 0 } .blog-pager .page-active, .blog-pager a:hover { text-decoration: underline; color: var(--sch-title-color) } .archive #blog-pager { display: none } table { border-collapse: collapse; border-spacing: 0 } .post-body tr { padding: 10px 0; font-size: 12px; line-height: 1.42 } .post-body table.tr-caption-container { margin-bottom: 1rem; position: relative; overflow: hidden } .post-body td.tr-caption { font-size: 12px; position: absolute; bottom: 0; left: 0; background: var(--sch-main-color); padding: 3px 10px; color: #fff; border-radius: 0 5px 0 0; word-break: break-word } .post-body a:link { text-decoration: underline } .post-body table.tr-caption-container a, .post-body table.tr-caption-container img { display: block; margin-bottom: 0 !important } .post-body .imageleft { float: left; display: flex; width: 40%; align-items: center; justify-content: center; margin-right: 20px; overflow: hidden } .comments, .comments .comments-content .comment-header a { color: var(--sch-title-color) } #commentContent, .HideComment { display: none } button.HideComment, button.ShowComment { box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 40px -5px rgb(0 0 0 / 3%), 0 10px 25px -5px rgb(0 0 0 / 5%); padding: 15px; border: 1px solid #ccc; background: var(--sch-bg-color-white); overflow: hidden; position: relative; border-radius: 5px; text-align: center; width: 100%; cursor: pointer; margin: 40px 0 } .blog-pager .blog-pager-newer-link, .blog-pager .older-link { float: left; width: auto; padding: 0 10px; margin: 0 30px } .blog-pager .older-link { float: right } .archive #blog-pager, .home .blog-pager .blog-pager-newer-link, .home .blog-pager .older-link { display: none } .line-box { display: flex; align-items: center; margin: 20px 0; font-family: $(heading.font) } .line-info { line-height: 1.4 } .data-comment { background: var(--sch-bg-color-white); font-size: 14px; border-radius: 14px; padding: 7px 15px; align-items: center } .data-comment i { vertical-align: middle; margin-right: 7px } .line-info .post-author { font-size: 14px; font-weight: 600 } .line-info .post-timestamp { font-size: 13px } .comments iframe#comment-editor { min-height: 95px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsp_eB24V2mBpI9rIlfwU_JIJHICjp9RJWwM1lQvEngpSWK0jQ6UpGjVawh43oVDTPiCUuQRYdI704MJQneb-HWT0HYKN9JiNcouHvQs8Ek2oE4kxvItdMoMEqvBMj2zyvd3Gjh-Ibghci/s1600/loader_light.gif) center no-repeat; padding-left: 20px; padding-right: 20px; border-right: 1px dashed #ccc; border-left: 1px dashed #ccc; max-width: 100% } #comments, .comments .comment-thread>ol { padding: 0 } .blog-post-comments .comments-title { margin: 0 0 20px } .comments-system-disqus .comments-title, .comments-system-facebook .comments-title { margin: 0 } #comments { margin: 0 0 30px } .comments { display: block; clear: both; margin: 0 } .comments h3 { background: var(--sch-bg-color-white); box-shadow: 0 8px 25px 0 rgb(0 0 0 / 10%); font-size: 12px; display: inline-block; letter-spacing: 1px; text-transform: uppercase; color: var(--sch-title-color); padding: 10px 20px; border-radius: 50px; margin: 0 0 25px } .comments .comments-content .comment { list-style: none; margin: 0; padding: 0 0 8px } .comments .comments-content .comment:first-child { padding-top: 0 } .facebook-tab, .fb_iframe_widget iframe, .fb_iframe_widget_fluid span { width: 100% !important } .comments .item-control { position: static } .comments .avatar-image-container { float: left; overflow: hidden; position: absolute } .comments .avatar-image-container, .comments .avatar-image-container img { height: 35px; max-height: 35px; width: 35px; max-width: 35px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% } .comments .comment-block { overflow: hidden; padding: 0 0 20px } .comments .comment-block, .comments .comments-content .comment-replies { margin: 0 0 0 50px } .comments .comments-content .inline-thread { padding: 0 } .comments .comment-actions { float: left; width: 100%; position: relative; margin: 0 } .comments .comments-content .comment-header { font-size: 16px; display: block; overflow: hidden; clear: both; margin: 0 0 10px; padding: 0; border-bottom: 0 } .comments .comments-content .user { font-style: normal; font-weight: 500; float: left; font-size: 14px; display: inline-block; font-family: $(heading.font); text-transform: uppercase } .comments .comments-content .icon.blog-author { display: none } .comments .comments-content .comment-content { display: block; background-color: #f1f1f1; font-size: 13px; color: var(--sch-title-color); font-weight: 400; text-align: left; padding: 15px 25px; margin: 5px 0; border-radius: 5px } .comments .comment .comment-actions a { color: #636261; font-weight: 400; font-size: 13px; margin-right: 10px } .comments .comments-content .datetime { text-transform: uppercase; float: right; font-size: 11px; font-weight: 400; color: var(--sch-title-color); position: relative; padding: 0; margin: 0; display: block } .comments .comments-content .loadmore, .comments .comments-content .loadmore.loaded, .comments .continue a, .comments .thread-chrome.thread-collapsed, .contact-form .widget-title, .thread-expanded .thread-arrow, .thread-expanded .thread-count { display: none } .comments .comments-content .datetime a, .comments .comments-content .datetime a:hover { color: #aaa } .comments .thread-toggle { margin-bottom: 4px } .comments .thread-toggle .thread-arrow { height: 7px; margin: 0 3px 2px 0 } .comments .continue a, .comments .thread-count a { -webkit-transition: opacity .17s; -moz-transition: opacity .17s; -ms-transition: opacity .17s; -o-transition: opacity .17s; transition: opacity .17s } .comments .continue a:hover, .comments .thread-count a:hover { opacity: .8 } .comments .thread-expanded { padding: 5px 0 0 } .thread-arrow:before { content: ''; color: var(--sch-title-color); font-weight: 400; margin: 0 2px 0 0 } .comments .comment-replybox-thread, .comments .comments-content .comment-thread { margin: 0 } .comments .continue a { padding: 0 0 0 60px; font-weight: 400 } .comments .comments-content .loadmore.loaded { margin: 0; padding: 0 } #comment-editor { margin: 0 0 20px } .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 { color: var(--sch-title-color); font-weight: 700; margin: 0 0 15px } .post-body h1, .post-body h2 { font-size: 24px } .post-body h3 { font-size: 21px } .post-body h4 { font-size: 18px } .post-body h5 { font-size: 16px } .post-body h6 { font-size: 13px } .clr { float: none; clear: both } .home-title, .widget-title h3 { position: relative } blockquote { font-style: italic; margin: 0 } .widget .post-body ol, .widget .post-body ul { line-height: 1.5; font-weight: 400; padding-left: 35px } .widget .post-body ul { list-style: disc } .widget .post-body li { margin: 5px 0; padding: 0 } .post-body ul { padding: 0 0 0 20px } .post-body a { transition: color .17s ease; color: var(--sch-main-color) } .post-body a:hover { color: var(--sch-teks-color-yellow) !important } .post-body strike { text-decoration: line-through } .contact-form { overflow: hidden } .contact-form .contact-form-name { width: calc(50% - 5px) } .contact-form .contact-form-email { width: calc(50% - 5px); float: right } .home-title, .widget-title { margin-bottom: 20px; display: block } .home-title h3, .widget-title h3 { font-size: 1.6rem; font-weight: 700; letter-spacing: -1px } #related-posts .related-content h3 a, .related-wrap li h3.related-title a { text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3em } ul.social-counter { margin: 0; display: flex; position: relative; align-items: center } .social-counter li { float: left; padding: 0 10px; margin: 0 } .social-counter li a { display: block; text-align: center; font-size: 16px; transition: color .17s } .social-counter li a:hover { color: var(--sch-main-color) } .button, .text-dropcap, input.button { text-transform: uppercase } .post-meta { display: flex; align-items: center; font-size: 12px; font-family: $(heading.font) } .post-meta .post-author { margin-right: 10px } .post-meta .admin, .post-meta .post-date { color: #333333 } .post-meta .posTime { order: 2; margin-left: 5px } .post-meta .posTime i { margin-right: 3px } .item .post-meta .post-date { order: 2; flex: auto; text-align: right } #related-posts .post-meta .post-date { text-align: left } .item .post-meta .post-author { flex: inherit; color: inherit } .item .post-meta .post-timestamp:before { content: "\f017"; font-family: var(--sch-icon-fontAwesome-pro); font-weight: 300; margin-right: 5px } .post-meta .photos { width: 40px; margin-right: 10px; height: 40px; border-radius: 50px } .post-meta .photos, .post-meta .admin { display: none } .item .post-meta .photos, .item .post-meta .admin { display: block } .post-tag a { color: var(--sch-title-color-white); background-color: var(--sch-main-color); display: inline-block; padding: 4px 7px; font-size: 68%; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; margin-bottom: 10px; border-radius: .25rem; font-family: $(heading.font); transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } .guru-wrapper { position: relative; padding: 5rem 0; overflow: hidden; z-index: 9 } .guru-wrapper .container { padding: 0 0 0 2rem; position: relative; align-items: center; display: flex } .guru { padding: 0 20px } .guru .widget-content { font-size: 14px } .guru .widget-content p { margin-bottom: 15px; line-height: 1.7 } .guru .widget-content h3 { font-weight: 700; font-size: 18px; margin-bottom: 5px } #guru1 { width: 35% } #guru1 .widget { text-align: center; padding: 20px; background: var(--sch-main-color); color: var(--sch-title-color-white); position: relative } #guru1 .widget:before { content: ''; position: absolute; height: 80%; width: 80%; opacity: .7; bottom: -20px; right: -20px; z-index: -1; background-color: var(--sch-body-color-yellow) } #guru1 .widget:after { content: ''; position: absolute; z-index: 3; top: -20px; left: -20px; height: 25%; width: 15%; opacity: .7; border-left: 2px solid transparent; border-top: 2px solid transparent; border-color: var(--sch-body-color-yellow) } #guru1 .widget-title h3 { color: var(--sch-title-color-white) } #guru2 { width: 65%; padding: 20px 40px } #guru1 .rec-image { padding-top: 100% } .all-wrapper { background-color: #eef1f6; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; padding: 30px 0 } .teacherslider .widget-content { width: 100%; overflow: hidden; background-color: var(--sch-bg-color-white); box-shadow: 0 0 20px 0 rgb(0 0 0 / 7%); display: flex; flex-flow: column; align-items: center; transition: .4s all ease-in-out; border-radius: 5px } .teacherslider .widget { margin-bottom: 20px } .teacherslider .widget-content .sch-box { padding: 20px 0; text-align: center } .teacherslider .widget-content .rcimg { margin: 0 } .teacherslider .widget-content .rec-image { padding-top: 100% } .teacherslider .sch-box .sch-content h3 { padding: 0; font-weight: 700; font-size: 16px; margin-bottom: 5px } .all-wrapper h2, #guru1 h3 { font-size: 1.6rem; font-weight: 700; display: block } #guru1 h3 { color: var(--sch-title-color-white); margin-top: 20px } .teacherslider .sch-box .sch-content p { font-size: 13px; display: block; margin-bottom: 5px } .rec-gallery { padding: 30px 0; position: relative; overflow: hidden; margin-bottom: 30px } .bgopacity { padding: 5rem 0 } .bg { position: relative; height: 100%; width: 100%; opacity: .9; overflow: hidden; z-index: 10; background: var(--sch-main-color) } .data-wrapper .dataschool { padding: 0; width: 40%; color: var(--sch-title-color-white); font-size: 13px; line-height: 1.7 } .data-wrapper .dataschool h3 { color: var(--sch-title-color-white) } .data-wrapper #dataschool2 { width: 60%; margin-left: 20px } .rcgallery ul { max-width: 100%; padding: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5em; display: grid; overflow: hidden } .rcgallery ul li { position: relative; display: flex; align-items: center } .rcgallery ul li:after { background: rgb(0 0 0 / 49%); content: ""; position: absolute; width: calc(100% - 30px); height: calc(100% - 30px); left: -100%; opacity: 0; transition: all 0.6s ease-in-out !important } .rcgallery ul li:hover:after { top: 15px; left: 15px; display: block; transition: all 0.6s ease-in-out !important; opacity: .8 } .rcgallery .caption { position: absolute; display: flex; z-index: 10; height: 100%; justify-content: center; align-items: center; width: 100%; visibility: hidden } .rcgallery ul li:hover .caption { visibility: visible } .rcgallery .sch-icon { margin: 0; display: flex; align-items: center } .rcgallery .sch-icon .fa { font-size: 15px } .rcgallery .sch-icon a { width: 50px; height: 50px; margin: 0 5px; align-items: center; display: flex; justify-content: center; line-height: 50px; background: var(--sch-bg-color-white); border-radius: 50%; box-shadow: 0 0 0 0 rgb(255 255 255 / 44%); z-index: 1 } .rcgallery .sch-icon a:active, .rcgallery .sch-icon a:focus, .rcgallery .sch-icon a:hover { box-shadow: 0 0 0 10px transparent; -webkit-transition: box-shadow .4s ease-in-out; -moz-transition: box-shadow .4s ease-in-out; -o-transition: box-shadow .4s ease-in-out; -ms-transition: box-shadow .4s ease-in-out; transition: box-shadow .4s ease-in-out } .rcgallery .sch-icon i { color: var(--sch-title-color) } .rcgallery .sch-icon a:hover i { color: #333333 !important } #dataschool2 .widget { -webkit-border-radius: 5px; -ms-border-radius: 5px; background-color: var(--sch-body-color-yellow); border-radius: 5px; -webkit-box-shadow: var(--sch-dataschool-box-shadow); -ms-box-shadow: var(--sch-dataschool-box-shadow); box-shadow: var(--sch-dataschool-box-shadow); padding: 40px; border-radius: 10px } #dataschool2 .widget-content { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; display: grid; justify-content: space-between; flex-flow: wrap; width: 100%; text-align: center; align-items: center } .data-wrapper #dataschool2 h3 { display: none } .element-counter { margin: 0; color: var(--sch-title-color) } .counter { padding: 0 } .icon-counter { font-size: 2.5rem; margin-bottom: 13px; justify-content: center; align-items: center; display: flex } .counter-box { font-size: 22px; font-weight: 900 } .counter-title { font-size: 15px } .dena .widget-content { box-shadow: 0 20px 60px rgb(0 0 0 / 19%); padding: 15px; background: var(--sch-bg-color-white) } .iframe-maps { position: relative; padding-top: 42.85%; overflow: hidden; background: #f4f4f4 } .iframe-maps iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 5px; background: #fff; } #maps{ margin-top: 40px; overflow: hidden; position: relative; } .contact-wrapper { display: flex; position: relative; overflow: hidden; font-size: 15px; margin-bottom:30px; justify-content: space-between; } .office-content #myoffice2,#contact,.work-wrapper .work-content #worker2 { max-width: 70%; } .work-wrapper .work-content #worker2{padding-left:40px} .office-content #myoffice3,#contact-number,.work-wrapper .work-content #worker1 { max-width: 30%; } #contact-number .TextList ul{} #contact-number .TextList ul li i { margin-right: 7px; } .myoffice .Image { margin: 0 -4rem; } .office-wrapper,.work-wrapper { width: 100%; margin: 0 auto; padding: 0; z-index: 1; position: relative; } .office-wrapper { background: url(https://blogger.googleusercontent.com/img/a/AVvXsEja-aFl3dJ3qrCsV7cTgliGxn6Xuw6mcGsqqeUyqEw_UZQvKaP6-6oZfn3ZIrOxA39ceezJpeR5CuGx_6tKYWvCdj8lkMChjn-8ETUAWhWjMf5qhn2NxtVqdQ6V1UzymLdxQg01ONdG3kiRlY77txBuZS6xP8GS2MlVF76ox6ML7UWbROLuBSHCsbVFIg=s1600) center no-repeat fixed; } .work-wrapper { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6L724OLYGJm1LPVmOH6jwPmVBFQN9Devlku3yQkiJ0yNrsnKsfP8UUb5GyhHHBvQ5xMWXU4G5rGAXZHkCz2LSRRfPj_E6GFrL8OqZ_e7bC3zxr9QASLRzM4apIBA6LHqexedTo6g8zVHRHuN_f3vV8bnnki7ZRhVOnasME3dBmu8hdP59ILrJ9t8KZw/s1600/bg.jpg) center no-repeat fixed; } .office-content { position: relative; display: flex; font-size: 15px; padding: 25px; justify-content: space-between; } .work-content { position: relative; display: flex; font-size: 15px; align-items: center; padding: 25px; justify-content: center; } .office-content #myoffice3 i{color: #96d668; font-size: 170px; display: block; text-align: center;} .office-content #myoffice2 h3 { border-bottom: 1px solid #ccc; padding: 0 0 20px 0; } .work-content,.work-content .worker h3{color:#fff} .work-content .worker h3{border-bottom: 1px solid #ccc;padding: 20px 0;} .work-content .worker i{ color: #fff; font-size: 170px; display: block; text-align: center; } .form-wrapper{ margin: 30px 0; overflow: hidden; position: relative; } .form-content { position: relative; display: flex; font-size: 15px; padding: 25px; justify-content: space-between; } .form-content .form-widget{width:50%} .form-content #form-widget2{ padding-left: 40px; } .rcimg,.rec-image{position:relative;overflow:hidden}.rcimg{width:100%;flex:0 0 auto;vertical-align:middle}.error404 .main-wrapper{flex:1 1 100%;max-width:100%;min-width:0;padding-right:0}.error404 .errorWrap{color:var(--sch-title-color);bottom:0;left:0;right:0;top:0;position:fixed}.error404 .error-content{flex-direction:column;height:100vh;padding:2rem;align-items:center;width:100vw;justify-content:center;display:flex;font-family:var(--sch-heading-font-family)}.error404 .error-post{text-align:center}.error404 .error-heading{font-size:5rem;font-weight:600;line-height:1.2}.error404 .error-heading span{color:var(--sch-teks-color-yellow);font-weight:900;margin-left:5px}.error404 .error-post h4{font-size:2rem;margin:15px 0;color:#6a6d89} .error404 #sidebar { padding-top: 0; } .tabs{padding:0;width:100%} .tabs ul li label{font-weight:400;font-size:15px} .tabs ul li label span{display:block;color:#000000;padding:10px 0;font-weight:500;font-size:14px} .tabs ul{padding-left:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;margin-bottom:40px;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:end;align-items:flex-end;flex-wrap:wrap} .tabs ul li{-webkit-box-flex:1;flex:1;width:25%;padding:0 10px;text-align:center} .tabs ul li label.color1{background-color:#9fb6ff} .tabs ul li label.color2{background-color:#a5dce4} .tabs ul li label.color3{background-color:#f9d8ac} .tabs ul li label.color4{background-color:#b9f5eb} .tabs ul li label.color5{background-color:#d0c1f7} .tabs ul li label i{font-size:30px} .tabs ul li label.color1 i,.tabs ul li label.color1 span{color:#5962b1} .tabs ul li label.color2 i,.tabs ul li label.color2 span{color:#1893a5} .tabs ul li label.color3 i,.tabs ul li label.color3 span{color:#c58024} .tabs ul li label.color4 i,.tabs ul li label.color4 span{color:#12907b} .tabs ul li label.color5 i,.tabs ul li label.color5 span{color:#8013af} .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label span,.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1 i,.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label span,.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2 i,.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label span,.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3 i,.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label span,.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4 i,.tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label span,.tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5 i{color:#ffffff} .stat_left{float:left} @-webkit-keyframes bar{from{width:0} to{width:58%}} @keyframes bar{from{width:0} to{width:58%}} @-webkit-keyframes bar2{from{width:0} to{width:78%}} @keyframes bar2{from{width:0} to{width:78%}} @-webkit-keyframes graph{from{height:0} to{height:20px}} @keyframes graph{from{height:0} to{height:20px}} @-webkit-keyframes graph2{from{height:0} to{height:30px}} @keyframes graph2{from{height:0} to{height:30px}} @-webkit-keyframes graph3{from{height:0} to{height:24px}} @keyframes graph3{from{height:0} to{height:24px}} @-webkit-keyframes graph4{from{height:0} to{height:13px}} @keyframes graph4{from{height:0} to{height:13px}} .tabs .content p{font-size:14px;line-height:1.7;font-weight:300} .content-right>ul{padding-left:0;list-style:none;margin-top:40px;margin-bottom:40px} .content-right>ul>li{line-height:1.4;display:inline-block;width:48%;text-align:left;padding:0} .content-right>ul>li i{float:left;margin-right:20px;width:40px;font-size:40px;height:40px} .content-right>ul>li i.icon1{color:#555} .content-right>ul>li i.icon2{color:#00c3ff} .content-right>ul>li span{font-size: 13px;} .tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1).content-right .btncolor{background:#ff9b8f;background:linear-gradient(-35deg,rgba(255,155,143,1) 0,#ff68a2 100%);box-shadow:0 10px 25px 0 #ffc1d4} .tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2).content-right .btncolor{background:#61d020;background:linear-gradient(-35deg,#61d020 0,#8bec51 100%);box-shadow:0 10px 25px 0 #beeaa4} .tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3).content-right .btncolor{background:#f9c253;background:linear-gradient(-35deg,#f9c253 0,#ffc54f 100%);box-shadow:0 10px 25px 0 #ffefce} .tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4).content-right .btncolor{background:#32ecad;background:linear-gradient(-35deg,#5dfbc5 0,#32ecad 100%);box-shadow:0 10px 25px 0 #c6f7e6} .tabs input[name=tab-control]:nth-of-type(5):checked~.content>section:nth-child(5).content-right .btncolor{background:#975cf4;background:linear-gradient(-35deg,#b58af9 0,#975cf4 100%);box-shadow:0 10px 25px 0 #dec9ff} .content-right .mybutton { font-size: 13px; padding: 15px 30px; border-radius: 25px; color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; box-shadow: 0 10px 25px 0 rgb(142 213 194); -webkit-box-shadow: 0 10px 25px 0 rgb(122 185 169); -moz-box-shadow: 0 10px 25px 0 #a6c6e8; background:var(--sch-main-color); font-weight: 400; } .tabs ul li label{padding:15px;box-shadow:none;color:#ffffff;border-radius:5px;position:relative;text-overflow:ellipsis;display:block;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1{background:#5e6eff} .tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2{background:#00b8d5} .tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3{background:#fad961} .tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4{background:#32ecad} .tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5{background:#8a63f2} .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1::after,.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2::after,.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3::after,.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4::after,.tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5::after{position:absolute;bottom:-20px;margin:0 auto;content:'';left:40%;border-right:20px solid transparent;border-left:20px solid transparent;border-bottom:0 solid transparent} .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1::after{border-top:20px solid #5e6eff} .tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2::after{border-top:20px solid #00b8d5} .tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3::after{border-top:20px solid #fad961} .tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4::after{border-top:20px solid #32ecad} .tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5::after{border-top:20px solid #8a63f2} .tabs .content { margin: 20px 0; padding: 0; display: flex; } .tabs .content section{padding:50px 30px;-webkit-animation-name:content;animation-name:content;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;line-height:1.4;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQwYw8PBTd3mNR4U_A-md48NtoF9usWnI8JA6XOo5KQ8PUDWeGrd_wv0GmEDUMItCgKxpyNfttaKMZrY_HM3kPydkCrygxC7fZx4AWSBYElxclC68ZhAyMst7O998gkwvJvY6wVzxUoVjZ/s1600/tab-bg.png) 100% 115% no-repeat #fff;background-size:550px 380px} .tabs .content section h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px; } .tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1) h3:after{background:#5e6eff} .tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2) h3:after{background:#00b8d5} .tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3) h3:after{background:#f9c253} .tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4) h3:after{background:#32ecad} .tabs input[name=tab-control]:nth-of-type(5):checked~.content>section:nth-child(5) h3:after{background:#8a63f2} .tabs .content section h3::after{content:"";position:relative;display:block;width:30px;height:3px;background:#428bff;margin-top:5px;left:1px} .content-right{float:right} .content-left{float:left} .content-left,.content-right{width:50%} .tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1),.tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2),.tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3),.tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4),.tabs input[name=tab-control]:nth-of-type(5):checked~.content>section:nth-child(5){display:block} .tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1){box-shadow:0 10px 30px 0 #ccd1ff} .tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2){box-shadow:0 10px 30px 0 rgba(83,194,3,.2)} .tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3){box-shadow:0 10px 30px 0 rgba(247,107,28,.2)} .tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4){box-shadow:0 10px 30px 0 rgba(0,191,141,.2)} .tabs input[name=tab-control]:nth-of-type(5):checked~.content>section:nth-child(5){box-shadow:0 10px 30px 0 rgba(196,68,251,.2)} @-webkit-keyframes content{from{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)} to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes content{from{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)} to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} .tabs .content section, .tabs .slider,.tabs input[name=tab-control], .tabs ul li label br{ display: none; } .accordion{font-size:1rem;margin:0 auto} .accordion-header{padding:0 5px;cursor:pointer;font-size:16px;font-weight:600;-ms-transition:all .3s linear;transition:all .3s linear} .accordion-contents{padding:20px 5px;font-size:14px;line-height:2;font-weight:400} .accordion-item .accordion-item .accordion-header{background:#fff;color:#021f2d;padding:10px 20px;font-size:14px} .accordion-item.active:last-child .accordion-header{border-radius:0} .accordion:first-child .accordion-item .accordion-header{border-bottom:1px solid transparent} .accordion-item .accordion-header:after { content: "\f067"; float: right; position: relative; transition: .3s all; font-family: 'Font Awesome 6 Pro'; transform: rotate(0); font-weight:900; height: 30px; width: 30px; line-height: 30px; text-align: center; font-size: 15px; background: #eaeaea; color:var(--sch-main-color); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .accordion-item.active{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px} .accordion-item.active>.accordion-header:after{content:"\f068";font-family:"Font Awesome 6 Pro";background:var(--sch-main-color);color:#ffffff;transform:rotate(-180deg)} .accordion-item { cursor: pointer; background: #fff; display: block; overflow: hidden; border-radius: 50px; font-weight: 500; color: #1a1b1e; padding: 13px 10px 13px 25px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; margin-bottom: 20px; -webkit-box-shadow: 5px 5px 20px 0 rgb(167 167 167 / 38%); box-shadow: 5px 5px 20px 0 rgb(167 167 167 / 38%); -moz-box-shadow: 5px 5px 20px 0 rgb(167 167 167 / 38%); -ms-transition: all .3s linear; transition: all .3s linear; } .accordion-body{display:none} .resume { background: #f4f4f4; margin: 25px auto 4rem; box-shadow: 10px 10px #ededed; position: relative; display: -webkit-box; display: flex; margin-right:0.63rem } .resume .base,.resume .func{box-sizing:border-box;float:left} .resume .boxwidget{margin:30px 0 40px} .resume .func>div{padding-bottom:10px} .resume .base>div:last-of-type,.resume .func>div:last-of-type{padding-bottom:0} .resume .base{width:30%;padding:30px 15px;background:#2d2d2d;color:#fff} .resume .base .profile{background:var(--sch-main-color);padding:30px 15px 40px;margin:-30px -15px 60px;position:relative;z-index:2} .resume .base .profile::after{content:"";position:absolute;background:#ed8307;width:99.6%;height:30px;bottom:-20px;left:0;-webkit-transform:skewY(-5deg);transform:skewY(-5deg);z-index:-1} .resume .base .profile .photo img{width:100%;border-radius:50%} .resume .base .profile .photo{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center} .resume .base .profile .fa-rocket{font-size:100px;text-align:center;margin:auto;color:#2d2d2d} .resume .base .profile .info{text-align:center;color:#fff;line-height:1} .resume .base .profile .info .name{margin-top:10px;margin-bottom:0;font-size:1.75em;color:#2d2d2d} .resume .base .profile .info .job{margin-top:10px;margin-bottom:0;font-size:1.5em;color:#fff} .resume .base .contact div a:hover,.resume .base .contact div:hover i{color:#fdd835} .resume .base .contact div{line-height:24px} .resume .base .contact div a:hover span::after{width:100%} .resume .base .contact div i{color:var(--sch-main-color);width:20px;height:20px;font-size:20px;text-align:center;margin-right:15px;-webkit-transition-duration:.3s;transition-duration:.3s} .resume .base .contact div span{position:relative} .resume .base .contact div span::after{content:"";position:absolute;background:#fdd835;height:1px;width:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s} .resume .func h3 i{color:#fff;border-radius:50%;background:var(--sch-main-color)} .resume .func{width:100%;padding:15px} .resume .func:hover>div{-webkit-transition-duration:.5s;transition-duration:.5s} .resume .func:hover>div:hover h3 i{-webkit-transform:scale(1.25);transform:scale(1.25)} .resume .func:hover>div:not(:hover){opacity:.5} .resume .func h3 { -webkit-transition-duration: .3s; transition-duration: .3s; margin-bottom: 25px; font-weight: 700; font-size: 22px; letter-spacing: -1px; } .resume .func h3 i { width: 42px; height: 42px; font-size: 20px; line-height: 42px; text-align: center; vertical-align: middle; margin-right: 15px; -webkit-transition-duration: .3s; transition-duration: .3s; } .resume .func .edu ul li:hover span,.resume .func .skills-prog ul li:hover,.resume .func .work ul li:hover span{color:var(--sch-main-color)} .resume .func .edu,.resume .func .work{float:left} .resume .func .edu small,.resume .func .work small{display:block;opacity:.8;font-size:13px} .resume .func .edu ul li, .resume .func .work ul li { position: relative; margin-left: 15px; padding-left: 25px; list-style: none; padding-bottom: 15px; } .resume .func .edu ul li:hover::before,.resume .func .work ul li:hover::before{-webkit-animation:circle 1.2s infinite;animation:circle 1.2s infinite} @-webkit-keyframes circle{from{box-shadow:0 0 0 0 #fdd835} to{box-shadow:0 0 0 6px rgba(255,255,255,0)}} @keyframes circle{from{box-shadow:0 0 0 0 #fdd835} to{box-shadow:0 0 0 6px rgba(255,255,255,0)}} .resume .func .edu ul li:first-of-type::before, .resume .func .work ul li:first-of-type::before { width: 18px; height: 18px; left: -3px; top: 5px; } .resume .func .edu ul li:last-of-type,.resume .func .work ul li:last-of-type{padding-bottom:3px} .resume .func .edu ul li:last-of-type::after,.resume .func .work ul li:last-of-type::after{border-radius:1.5px} .resume .func .edu ul li::after,.resume .func .edu ul li::before,.resume .func .work ul li::after,.resume .func .work ul li::before{content:"";display:block;position:absolute} .resume .func .edu ul li::before, .resume .func .work ul li::before { width: 15px; height: 15px; border: 3px solid #fff; background: var(--sch-main-color); border-radius: 50%; left: -2px; z-index: 1; top: 7px; } .resume .func .edu ul li::after, .resume .func .work ul li::after { width: 2px; height: 100%; background: #fff; left: 5px; top: 7px; } .resume .func .edu, .resume .func .work { width: 50%; padding: 15px; } .resume .func .edu ul li span,.resume .func .work ul li span{-webkit-transition-duration:.3s;transition-duration:.3s;font-size:15px;font-weight:500;line-height:0} .resume .func .skills-prog{clear:both;padding:15px} .resume .func .skills-prog ul{margin:25px 3px} .resume .func .skills-prog ul li{margin-bottom:8px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-transition-duration:.3s;transition-duration:.3s} .resume .func .skills-prog ul li:hover .skills-bar .bar{background:#fdd835;box-shadow:0 0 0 1px #fdd835} .resume .func .skills-prog ul li span{display:block;width:120px;font-size:14px;font-weight:500;text-transform:uppercase} .resume .func .skills-prog ul li .skills-bar{background:var(--sch-body-color-yellow);height:2px;width:calc(100% - 120px);position:relative;border-radius:2px} .active>.site-button,.site-button:active,.site-button:focus,.site-button:hover,a.site-button{background-color:var(--sch-main-color)} .resume .func .skills-prog ul li .skills-bar .bar{position:absolute;top:-1px;height:4px;background:var(--sch-main-color);box-shadow:0 0 0 var(--sch-main-color);border-radius:5px} .comments .comment-block,.sidebar .widget{-webkit-box-shadow:0 0 6px -2px rgba(208,208,208,.47);-moz-box-shadow:0 0 6px -2px rgba(208,208,208,.47)} .resume .func .skills-soft{clear:both;padding:15px;margin:15px 0 0} .resume .func .skills-soft ul { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; text-align: center; list-style: none; } .resume .func .skills-soft ul li{position:relative} .resume .func .skills-soft ul li:hover svg .cbar{stroke:#fdd835;stroke-width:4px} .resume .func .skills-soft ul li:hover small,.resume .func .skills-soft ul li:hover span{-webkit-transform:scale(1.2);transform:scale(1.2)} .resume .func .skills-soft ul li svg{width:95%;fill:transparent;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} .resume .func .skills-soft ul li svg circle{stroke-width:1px;stroke:var(--sch-body-color-yellow)} .resume .func .skills-soft ul li svg .cbar{stroke-width:3px;stroke:var(--sch-main-color);stroke-linecap:round} .resume .func .skills-soft ul li small,.resume .func .skills-soft ul li span{position:absolute;display:block;width:100%;top:52%;-webkit-transition-duration:.3s;transition-duration:.3s} .resume .func .skills-soft ul li span{top:40%;font-size:15px;font-weight:500} .func-content { display: flex; justify-content: space-between; width: 100%; } .accordion-wrapper,.tab-wrapper { margin: 0 auto 4rem; position: relative; } .accordion-wrapper .text-wrapper::before { bottom: -5px; } .khusus-contact .main-wrapper { padding-top: 30px; } .khusus-contact .blog-post { margin-top: 0rem; border-top: 0; background-color: transparent!important; padding: 0; } .khusus-contact .main-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .khusus-contact .blog-post h1.seo-title { font-weight: 700; font-size: 30px; border-bottom: 1px solid #ccc; margin: 0; padding: 20px 0; } .with-sidebar .main-sidebar { left: 0; opacity: 1; } .main-sidebar { z-index: 9; background: #333; color: #777; width: 230px; position: fixed; top: 0; left: 0; bottom: 0; transition: left 0.3s, opacity 0.3s; -webkit-transition: left 0.3s, opacity 0.3s; -moz-transition: left 0.3s, opacity 0.3s; -o-transition: left 0.3s, opacity 0.3s; } #menu-button { display: none; } #sidebar { padding-top: calc(5.19rem + 0.31rem); padding-bottom: 5.63rem; height: 100%; } #sidebar ul::-webkit-scrollbar{width:10px;height:7px;background-color:rgb(94 89 89)} #sidebar ul::-webkit-scrollbar:hover{background-color:rgb(94 89 89)} #sidebar ul::-webkit-scrollbar-thumb{border:2px solid transparent;-webkit-box-shadow:inset 0 0 0 24px rgba(0,0,0,.15);-moz-box-shadow:inset 0 0 0 24px rgba(0,0,0,.15);box-shadow:inset 0 0 0 24px rgba(0,0,0,.15);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px} #sidebar ul::-webkit-scrollbar-thumb:active{box-shadow:inset 0 0 0 24px rgba(0,0,0,.30);-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px} #sidebar ul { padding: 10px 0 70px; height: 400px; } #sidebar ul:hover { overflow-y: auto; } #sidebar ul li { padding: 5px 0; } #sidebar ul li:hover,#sidebar ul li:focus { background-color:rgb(0 0 0 / 13%) !important; } #sidebar ul li a { color: #fff; font-size: 14px; padding: 0 10px; display: block; } #sidebar ul li a i { margin-right: 15px; width: 35px; border-right: 1px solid #000; line-height: 27px; font-size: 20px; } #sidebar ul li:hover a i ,#sidebar ul li a.active i {color:var(--sch-main-color)} .contwinner { margin-left: 15.63rem; margin-right: 2.38rem; margin-top: 5.63rem; max-width: 980px; position: relative; } .slider-wrapper { margin-top: 20px; overflow: hidden; position: relative; width: 100%; clear: both; } #menu-button { position: relative; padding: 0 10px; height: 49.79px; line-height: 48px; color: #ffffff; font-weight: bold; background: var(--sch-main-color); cursor: pointer; } #main-profil { background: var(--sch-main-color); text-align: center; padding: 20px; margin-bottom: 10px; } #main-profil .menuprofil span{ font-weight: 600; color: #000; font-size: 16px; } #main-profil .profil-warapper { width: 80px; height: 80px; overflow: hidden; margin: 0 auto 10px; border-radius: 100px; background: #fff; } #main-profil .mytext { font-size: 14px; color: #171717; line-height: 1.2; } .language { display: flex; align-items: center; padding: 0 10px; line-height: 1.6; background: var(--sch-main-color); color: #ffffff; border-radius: 5px; margin-right: 35px; } .language i { font-size: 12px; vertical-align: middle; margin-right: 3px; } .language-en:after { content: "EN"; } .language-id:after { content: "ID"; } .language-en:after, .language-id:after { font-size: 12px; color:#fff; font-weight:500; letter-spacing: 1px; } .language-pro { cursor: pointer; opacity: .5; display:flex; margin: 3px; align-items: center; } .language-active, .language-pro:hover { opacity: 1; } #goog-gt-tt, .goog-te-banner-frame { display: none !important; } body { top: 0 !important; } @media all and (max-width: 999px) { .main-sidebar { left: -34.38rem; opacity: 0; } #menu-button { display: block; } } .topwrapper { height: 40px; line-height: 40px; background: var(--sch-main-color); width: 100%; position: relative; margin: 0 auto; padding: 0; } .topwrapper ul.social-counter { margin: 0; display: flex; position: relative; align-items: center; justify-content: flex-end; } .topwrapper .topbox,.topwrapper .social-top{background:var(--sch-main-color);height:40px;line-height:40px;padding-left:15px;padding-right:15px;color:var(--sch-title-color-white)}.topwrapper .social-top .social-counter li a{line-height:34px;color:var(--sch-title-color-white);font-size:14px}.topwrapper .topbox{margin-left:22%;color:var(--sch-title-color-white);position:relative;font-size:12px;text-transform:uppercase} .topwrapper .social-top .social-counter li { padding: 0 0 0 15px; float: none } .header-wrapper:before { content: ""; display: table; table-layout: fixed } .header-wrapper:after { clear: both } .left-breadcrumb { padding-left: 20px } .left-breadcrumb a { color: #555 } .breaddown { position: relative; display: flex; align-items: center } .breaddown span.breadtitle { margin-right: 20px; letter-spacing: 1px; line-height: 1.2; font-size: 12px; text-transform: uppercase; color: #9a9a9a } .breaddown .dropdown-toggle { cursor: pointer; position: relative; border: none; height: 44px; font-size: 20px; background: var(--sch-main-color); color: var(--sch-teks-color-yellow); width: 44px } .breaddown .dropdown-content { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; list-style-type: none; position: absolute; top: 100%; opacity: 0; right: 0; visibility: hidden; line-height: 32px; background: var(--sch-bread-dn-content); width: 300px } .breaddown .dropdown-content li a { display: block; padding-left: 20px; line-height: 40px; border-bottom: 1px solid rgb(238 238 238 / 8%); color: var(--sch-title-color-white); border-left: 5px solid transparent } .breaddown .dropdown-content li a:last-child { border-bottom: none } .breaddown .dropdown-content li:hover a { border-left: 5px solid var(--sch-body-color-yellow); color: #eee } .breaddown .dropdown-content:hover, .breaddown .dropdown-toggle:focus~.dropdown-content { opacity: 1; visibility: visible } .post-meta .photos img { border-radius: 50px } .post-body p { margin: 15px 0; display: block; overflow: hidden } #footer { padding: 0; overflow: hidden; position: relative; display: flex; background: var(--sch-main-color); -ms-flex-wrap: wrap; flex-wrap: wrap } #footer .container { padding-top: 10px; } #credit, .contpost { -webkit-box-orient: horizontal; -webkit-box-direction: normal } .rec-image { width: 100%; height: 0; padding-top: 56.25% } .rec-image img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; object-fit: cover; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out } .recent-box { position: relative; overflow: hidden } .recent-box { background: #f3f4f6; padding: 40px 0 } .rcinfo h2 { font-size: 1.5rem; line-height: 2rem; padding: .75rem 0 0; letter-spacing: -1px; font-weight: 700 } .rcinfo p { font-size: .875rem; line-height: 1.25rem; margin: 10px 0 20px } .contpost { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative } .contact-form-email, .contact-form-email-message, .contact-form-name { padding: 5px 10px; margin: 0 0 10px; float: left; width: 100%; font-size: 13px; box-sizing: border-box; font-family: inherit } .BlogSearch .search-action, .contact-form-button-submit { color: var(--sch-title-color-white); transition: background .17s ease; cursor: pointer } .contact-form-widget form { font-weight: 400 } .contact-form-email, .contact-form-name { height: 30px; line-height: 30px; border: 1px solid #ebebeb; border-radius: 2px } .contact-form-email-message { border: 1px solid #ebebeb; border-radius: 2px } .contact-form-button-submit { float: left; width: 100%; height: 30px; background-color: var(--sch-main-color); font-size: 13px; line-height: 30px; box-sizing: border-box; padding: 0 10px; margin: 0; border: 0; border-radius: 2px } .contact-form-error-message-with-border, .contact-form-success-message-with-border { width: 100%; font-size: 11px; line-height: 11px; padding: 3px 0; margin: 10px 0; float: left; text-align: center } .contact-form-button-submit:hover { background-color: var(--sch-body-bg-black) } .contact-form-error-message-with-border { background-color: #fbe5e5; box-sizing: border-box; border: 1px solid #fc6262 } .contact-form-success-message-with-border { background-color: #eaf6ff; box-sizing: border-box; border: 1px solid #5ab6f9 } .BlogSearch .search-action, .BlogSearch .search-input { height: 30px; font-size: 13px; line-height: 30px; box-sizing: border-box } .contact-form-cross { margin: 0 0 0 3px } .contact-form-error-message, .contact-form-success-message { margin: 0 } .BlogSearch .search-input { float: left; width: 75%; background-color: var(--sch-bg-color-white); font-weight: 400; padding: 5px 10px; border: 1px solid #ebebeb; border-right-width: 0; border-radius: 2px 0 0 2px } .BlogSearch .search-action { float: right; width: 25%; font-family: inherit; background-color: var(--sch-main-color); padding: 0 5px; border: 0; border-radius: 0 2px 2px 0 } .BlogSearch .search-action:hover { background-color: var(--sch-body-bg-black) } .footer .widget { margin-bottom: 30px; } .footer h3 { font-size: 17px } .footer .sch-content h3 { font-size: 14px; margin-top: 10px } .footer, .footer-wrapper { overflow: hidden; position: relative } #footer1 { padding-right: 30px; border-right: 1px solid rgb(0 0 0 / 15%); } .footer .rec-image { padding-top: 26.25% } .footer .rec-image img { height: auto; } .footer-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); -moz-column-gap: 2.5rem; column-gap: 2.5rem; display: grid; padding: 40px 0; row-gap: 0 } .footer-wrapper .widget-title { margin-bottom: 10px } .footer .share-links li { margin: 0 5px 0 0 } .footer .share-links li a { background: transparent; box-shadow: none } .errorWrap a { background: var(--sch-bg-color-white); box-shadow: 0 8px 25px 0 rgb(0 0 0 / 10%); display: inline-block; color: var(--sch-main-color); vertical-align: middle; margin: 10px 0; padding: 8px 20px; font-size: 14px; border-radius: 50px } .footer, .footer li, .footer p, .footer ul { font-size: 14px } .footer, .footer li, .footer p, .footer ul, .footer li a, .footer li a:visited, .footer h3 { color: var(--sch-title-color-white) } .errorWrap a:hover { text-decoration: underline } .backtop { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; z-index: 99; background: #d5d5d5; color: #4a4a4a; width: 40px; height: 40px; line-height: 40px; align-items: center; text-align: center; right: 25px; bottom: -25px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } .backtop:hover { background-color: rgb(0 0 0 / 20%); transition: all .2s ease-in-out; color: var(--sch-main-color) } .backtop.show { visibility: visible; cursor: pointer; opacity: 1; bottom: 18px } #credit { display: block; width: 100%; position: relative; margin: 0; font-size: 14px; clear: both; padding: 25px 0; text-align: center; background: var(--sch-bg-color-white) } #credit a { color: var(--sch-title-color) } .footer-wrapper .logo_footer { padding-top: 10px } #footer .logo_footer img { width: auto; height: 40px } .text-dropcap { float: left; display: block; font-size: 70px; line-height: 70px; font-weight: 700; text-align: center; margin: 0 13px 0 0; padding: 0; font-family: Verdana, Geneva, sans-serif } .button, input.button { position: relative; display: inline-block; margin-right: 1em; margin-bottom: 1.34em; padding: .667em 2em; border-bottom: none; -webkit-border-radius: .333em; -moz-border-radius: .333em; border-radius: .333em; background-color: var(--sch-button-bg-default); color: var(--sch-title-color-white) !important; text-decoration: none !important; font-size: .778em !important; line-height: 1.714em !important; cursor: pointer; -webkit-transition: background-color .3s linear, color .3s linear; -moz-transition: background-color .3s linear, color .3s linear; transition: background-color .3s linear, color .3s linear } .button:hover, input.button:hover { border-bottom: none; background-color: var(--sch-button-bg-hover) } .button:active, input.button:active { box-shadow: var(--sch-button-bg-active); -webkit-box-shadow: var(--sch-button-bg-active); -moz-box-shadow: var(--sch-button-bg-active) } .button i { margin-right: .667em; vertical-align: middle; line-height: 1em !important } .button.red, input.button.red { background-color: var(--sch-button-bg-red) } .button.red:hover, input.button.red:hover { background-color: rgba(253, 104, 91, .9) } .button.orange, input.button.orange { background-color: rgba(250, 111, 87, 1) } .button.orange:hover, input.button.orange:hover { background-color: rgba(250, 111, 87, .9) } .button.yellow, input.button.yellow { background-color: rgba(254, 205, 94, 1) } .button.yellow:hover, input.button.yellow:hover { background-color: rgba(254, 205, 94, .9) } .button.green, input.button.green { background-color: rgba(161, 210, 110, 1) } .button.green:hover, input.button.green:hover { background-color: rgba(161, 210, 110, .9) } .button.mint, input.button.mint { background-color: rgba(79, 206, 173, 1) } .button.mint:hover, input.button.mint:hover { background-color: rgba(79, 206, 173, .9) } .button.aqua, input.button.aqua { background-color: rgba(85, 193, 231, 1) } .button.aqua:hover, input.button.aqua:hover { background-color: rgba(85, 193, 231, .9) } .button.blue, input.button.blue { background-color: rgba(96, 158, 234, 1) } .button.blue:hover, input.button.blue:hover { background-color: rgba(96, 158, 234, .9) } .button.purple, input.button.purple { background-color: rgba(171, 148, 233, 1) } .button.purple:hover, input.button.purple:hover { background-color: rgba(171, 148, 233, .9) } .button.pink, input.button.pink { background-color: rgba(234, 137, 191, 1) } .button.pink:hover, input.button.pink:hover { background-color: rgba(234, 137, 191, .9) } .button.white, input.button.white { background-color: rgba(255, 255, 255, 1); color: #545766 !important } .button.white:hover, input.button.white:hover { background-color: rgba(255, 255, 255, .9) } .button.grey, input.button.grey { background-color: rgba(170, 178, 188, 1) } .button.grey:hover, input.button.grey:hover { background-color: rgba(170, 178, 188, .9) } .button.dark-grey, input.button.dark-grey { background-color: rgba(84, 87, 102, 1) } .button.dark-grey:hover, input.button.dark-grey:hover { background-color: rgba(84, 87, 102, .9) } .button.transparent, input.button.transparent { border: 2px solid rgba(84, 87, 102, 1); background-color: transparent; color: rgba(84, 87, 102, 1) !important } .button.transparent:hover, input.button.transparent:hover { border: 2px solid rgba(84, 87, 102, 1); background-color: rgba(84, 87, 102, 1); color: var(--sch-title-color-white) !important } .button.transparent.red, input.transparent.button.red { border: 2px solid rgba(253, 104, 91, 1); color: rgba(253, 104, 91, 1) !important } .button.transparent.red:hover, input.button.transparent.red:hover { border: 2px solid rgba(253, 104, 91, 1); background-color: rgba(253, 104, 91, 1); color: var(--sch-title-color-white) !important } .button.transparent.orange, input.transparent.button.orange { border: 2px solid rgba(250, 111, 87, 1); color: rgba(250, 111, 87, 1) !important } .button.transparent.orange:hover, input.button.transparent.orange:hover { border: 2px solid rgba(250, 111, 87, 1); background-color: rgba(250, 111, 87, 1); color: var(--sch-title-color-white) !important } .button.transparent.yellow, input.transparent.button.yellow { border: 2px solid rgba(254, 205, 94, 1); color: rgba(254, 205, 94, 1) !important } .button.transparent.yellow:hover, input.button.transparent.yellow:hover { border: 2px solid rgba(254, 205, 94, 1); background-color: rgba(254, 205, 94, 1); color: var(--sch-title-color-white) !important } .button.transparent.green, input.transparent.button.green { border: 2px solid rgba(161, 210, 110, 1); color: rgba(161, 210, 110, 1) !important } .button.transparent.green:hover, input.button.transparent.green:hover { border: 2px solid rgba(161, 210, 110, 1); background-color: rgba(161, 210, 110, 1); color: var(--sch-title-color-white) !important } .button.transparent.mint, input.transparent.button.mint { border: 2px solid rgba(79, 206, 173, 1); color: rgba(79, 206, 173, 1) !important } .button.transparent.mint:hover, input.button.transparent.mint:hover { border: 2px solid rgba(79, 206, 173, 1); background-color: rgba(79, 206, 173, 1); color: var(--sch-title-color-white) !important } .button.transparent.aqua, input.transparent.button.aqua { border: 2px solid rgba(85, 193, 231, 1); color: rgba(85, 193, 231, 1) !important } .button.transparent.aqua:hover, input.button.transparent.aqua:hover { border: 2px solid rgba(85, 193, 231, 1); background-color: rgba(85, 193, 231, 1); color: var(--sch-title-color-white) !important } .button.transparent.blue, input.transparent.button.blue { border: 2px solid rgba(96, 158, 234, 1); color: rgba(96, 158, 234, 1) !important } .button.transparent.blue:hover, input.button.transparent.blue:hover { border: 2px solid rgba(96, 158, 234, 1); background-color: rgba(96, 158, 234, 1); color: var(--sch-title-color-white) !important } .button.transparent.purple, input.transparent.button.purple { border: 2px solid rgba(171, 148, 233, 1); color: rgba(171, 148, 233, 1) !important } .button.transparent.purple:hover, input.button.transparent.purple:hover { border: 2px solid rgba(171, 148, 233, 1); background-color: rgba(171, 148, 233, 1); color: var(--sch-title-color-white) !important } .button.transparent.pink, input.transparent.button.pink { border: 2px solid rgba(234, 137, 191, 1); color: rgba(234, 137, 191, 1) !important } .button.transparent.pink:hover, input.button.transparent.pink:hover { border: 2px solid rgba(234, 137, 191, 1); background-color: rgba(234, 137, 191, 1); color: var(--sch-title-color-white) !important } .button.transparent.white, input.transparent.button.white { border: 2px solid rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1) !important } .button.transparent.white:hover, input.button.transparent.white:hover { border: 2px solid rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1); color: #545766 !important } .button.transparent.grey, input.transparent.button.grey { border: 2px solid rgba(170, 178, 188, 1); color: rgba(170, 178, 188, 1) !important } .button.transparent.grey:hover, input.button.transparent.grey:hover { border: 2px solid rgba(170, 178, 188, 1); background-color: rgba(170, 178, 188, 1); color: var(--sch-title-color-white) !important } .button.transparent.dark-grey, input.transparent.button.dark-grey { border: 2px solid rgba(84, 87, 102, 1); color: rgba(84, 87, 102, 1) !important } .button.transparent.dark-grey:hover, input.button.transparent.dark-grey:hover { border: 2px solid rgba(84, 87, 102, 1); background-color: rgba(84, 87, 102, 1); color: var(--sch-title-color-white) !important } #cookieChoiceInfo { background-color: var(--sch-bg-color-white); padding: 10px; box-shadow: 0 0 60px rgb(0 0 0 / 12%); bottom: 0; top: unset; font-family: "Helvetica Neue Light", HelveticaNeue-Light, "Helvetica Neue", Calibri, Helvetica, Arial } #cookieChoiceInfo .cookie-choices-text { margin: 0 auto; font-size: 16px; color: var(--sch-title-color); text-align: left } #cookieChoiceInfo .cookie-choices-button { color: var(--sch-title-color-white); background-color: var(--sch-main-color); border-radius: 5px; padding: 8px 18px; text-transform: none; transition: all .2s linear; font-weight: 400 } #cookieChoiceInfo .cookie-choices-button:nth-child(2) { background-image: none; background-color: #f1d600 } #cookieChoiceInfo .cookie-choices-button:hover, #cookieChoiceInfo .cookie-choices-button:nth-child(2):hover { opacity: .8 } .featureds { position: relative; overflow: hidden } .sch-search { display: flex; align-items: center } .alert-del-btn { position: absolute; top: 20px; right: 20px; font-size: 19px; font-weight: 700; font-family: initial; cursor: pointer } .alert-del-btn:before, .fa-solid, .fas { font-family: "Font Awesome 6 Pro" } .alert-del-btn:before { font-weight: 400; font-size: 15px; color: rgba(0, 0, 0, .3) } .alert-del-btn:hover:before { color: rgba(0, 0, 0, .4) } .alert-content { margin-left: 95px } .alert-message { position: relative; display: block; background-color: #fafafa; padding: 19px 20px; margin: 20px 0; border-radius: 5px; color: #2f3239 } .alert-message p { margin: 0 !important; padding: 0; line-height: 22px; font-size: 13px; color: #2f3239 } .alert-message span { font-size: 14px } .alert-message i { font-size: 18px; line-height: 20px; margin-right: 5px } .alert-message.success { background-color: #eaf9f0; color: #4d8765 } .alert-message.success a, .alert-message.success span { color: #1d9d74 } .alert-message.error { background-color: #f5f0f0; color: #7c5555 } .alert-message.error a, .alert-message.error span { color: #378fff } .alert-message.warning { background-color: #fcfaef; color: #8a7243 } .alert-message.warning a, .alert-message.warning span { color: #8a6d3b } .alert-message.alert { background-color: #e5fdfb; color: #3e7081 } .alert-message.alert a, .alert-message.alert span { color: #f55d5d } .table { margin: 0 0 40px 0; width: 100%; display: table } .sch-row { display: table-row; background: #f6f6f6 } .sch-row:nth-of-type(odd) { background: #e9e9e9 } .sch-row.sc { font-weight: 900; color: var(--sch-title-color-white); background: var(--sch-bg-table-1) } .sch-row.green { background: var(--sch-bg-table-2) } .sch-row.blue { background: var(--sch-bg-table-3) } .cell { padding: 6px 12px; display: table-cell; font-size: 13px } .post-body blockquote { margin: 25px 15px; padding: 0 20px; line-height: 26px; border-left: 4px solid #f3f3f3 } .widget .post-body li { line-height: 26px } #box-gallery { line-height: 0; -webkit-column-count: 3; -webkit-column-gap: 0; -moz-column-count: 3; -moz-column-gap: 0; column-count: 3; column-gap: 0 } #box-gallery img { width: 100% !important; height: auto !important; padding: 2px } .lazyload, .lazyloading { opacity: .3; -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; background: #d7dee0; background: -webkit-gradient(linear, left top, right top, color-stop(10%, #d7dee0), color-stop(18%, #c8cecf), color-stop(33%, #d7dee0)); background: linear-gradient(to right, #d7dee0 10%, #c8cecf 18%, #d7dee0 33%); background-size: 200% 100% !important; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } .lazyloaded { opacity: 1 } @-webkit-keyframes placeHolderShimmer { 0 { background-position: 100% 0 } 100% { background-position: -100% 0 } } @keyframes placeHolderShimmer { 0 { background-position: 100% 0 } 100% { background-position: -100% 0 } } .searchscl { position: relative; display: flex; align-items: center } .searchscl .dropdown-content { -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; list-style-type: none; position: absolute; top: 38px; background-color: var(--sch-bg-color-white); color: #686868; border-color: #efefef; min-width: 310px; z-index: 9; right: 0; padding: .25rem; visibility: hidden; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem; line-height: 32px; box-shadow: 0 .125rem .25rem rgb(0 0 0 / 8%) } .searchscl .dropdown-content:hover, .searchscl .dropdown-toggle:focus~.dropdown-content { opacity: 1; visibility: visible } .searchscl .dropdown-content form#search { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; padding: .375rem .75rem } .searchscl .dropdown-content form#search input { border: 1px solid rgb(222 222 222 / 50%); padding: 0 8px; background: transparent } .searchscl .dropdown-toggle:focus, .searchscl .dropdown-toggle:active { color: var(--sch-title-color) } .searchscl .dropdown-content form#search input:focus { box-shadow: 1px 0 39px -17px rgb(0 0 0 / 23%) inset } .searchscl .dropdown-content button.search-action { background: var(--sch-body-color-yellow); border: 0; padding: 8px 15px; font-weight: 700; font-size: 16px; border-radius: 30px; cursor: pointer } .searchscl .dropdown-content button.search-action:hover, .searchscl .dropdown-content button.search-action:active, .searchscl .dropdown-content button.search-action:focus { background: var(--sch-serach-button-active) } .searchscl .dropdown-toggle i { margin-right: 5px } .btndark button, .searchscl .dropdown-toggle, .menushow { border: 0; outline: 0; cursor: pointer; position: relative; z-index: 9; font-size: 17px; background: transparent; margin: 0 10px; color: var(--sch-title-color); text-align: center; } .fa-solid, .fas { font-weight: 900 } .fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto } a, abbr, acronym, address, applet, b, big, blockquote, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { padding: 0; border: 0; outline: 0; vertical-align: baseline; background: 0 } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0 } .btndark button i { font-size: 18px; vertical-align: middle; line-height: 31px } .info-comments { overflow: hidden; position: relative; border-radius: .8rem; font-size: 12px; box-shadow: var(--sch-scinfo-comments-shadow); padding: 15px; border: 1px solid #ccc; background: var(--sch-bg-color-white); margin-bottom: 40px } .comments .comments-content .comment-content blockquote { background: var(--sch-main-color); color: var(--sch-title-color); padding: 10px 20px; border-radius: 20px } .comments .comments-content .comment-content h3 { text-transform: inherit; font-size: inherit; background: inherit; letter-spacing: normal; box-shadow: none; padding: 0; line-height: normal; border-radius: inherit; margin: 0 } .comments .comments-content .comment-content pre, pre { padding: 0; margin: 0; white-space: pre; word-wrap: break-word; overflow: auto; position: relative; border-radius: 5px } .comments .comments-content .comment-content pre, code { color: var(--sch-comments-pre); background-color: transparent; padding: 1px 2px; font-size: 12px; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, Monospace; line-height: 1.6 } .comments .comments-content .comment-content code, .comments .comments-content .comment-content pre, .comments .comments-content .comment-content pre code { border: none; direction: ltr; text-align: left; word-spacing: normal; border-radius: 5px; display: block; padding: 1em; background: #e0dfd0; color: var(--sch-title-color); border-left: 5px solid #c7c6b5 } pre code { border: none; direction: ltr; text-align: left; word-spacing: normal; display: block; padding: 2em; background: var(--sch-pre-bg-code); color: var(--sch-title-color); border-left: 5px solid var(--sch-pre-left-code) } .post-body a:hover { color: #555 } ::-webkit-scrollbar { width: 12px; height: 12px; background-color: #f2f2f2 } ::-webkit-scrollbar:hover { background-color: #ccc } ::-webkit-scrollbar-thumb { border: 2px solid transparent; -webkit-box-shadow: inset 0 0 0 24px rgb(0 0 0 / 52%); -moz-box-shadow: inset 0 0 0 24px rgb(0 0 0 / 52%); box-shadow: inset 0 0 0 24px rgb(0 0 0 / 52%); -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px } ::-webkit-scrollbar-thumb:active { -webkit-box-shadow: inset 0 0 0 24px var(--sch-main-color); -moz-box-shadow: inset 0 0 0 24px var(--sch-main-color); box-shadow: inset 0 0 0 24px var(--sch-main-color); -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px } .dark .office-content,.dark .office-content #myoffice2 h3 { color: #061728; } body.dark, .dark .accordion-item, .dark pre code, body.dark a, .dark .share-links li a, .dark .copy-link, .dark #main-menu ul>li>a, .dark .post-body h1, .dark .post-body h2, .dark .post-body h3, .dark .post-body h4, .dark .post-body h5, .dark .post-body h6, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .breaddown span.breadtitle, .dark .post-meta .admin, .dark .post-meta .post-date, .dark button.HideComment, .dark button.ShowComment, .dark .comments .comments-content .datetime, .dark .comments .comments-content .comment-header, .dark .comments .comments-content .datetime a, .dark .comments .comment .comment-actions a, .dark .comments .comments-content .comment-content, .dark .errorWrap p, .dark .errorWrap, .dark .sliderhome .owl-item .sch-box h3, .dark .sliderhome .owl-item .sch-box p, .dark .data-wrapper .dataschool h3, .dark .data-wrapper .dataschool, .dark .scinfo .jumlah-comments, .dark .topwrapper .social-top .social-counter li a, .dark .footer, .dark .footer li, .dark .footer p, .dark .footer ul, .dark .footer li a, .dark .footer li a:visited, .dark .footer h3, .dark .copy-link:hover, .dark #guru1 h3, .dark #guru1 .widget, .dark .rcgallery .sch-icon i, .dark .searchscl .dropdown-content form#search input::placeholder, .dark .searchscl .dropdown-content form#search input, .dark .mobile-menu ul li a, .dark .copy-link { color: var(--sch-dark-teks-color) } .dark .accordion-item .accordion-header:after, .dark .outer-wrapper, .index.dark .outer-wrapper, .error404.dark .outer-wrapper, .dark .header-wrapper, .dark .teacherslider .widget-content, .dark #credit, .dark pre code, .dark .alert-message.success, .dark button.HideComment, .dark button.ShowComment, .dark .comments h3, .dark .comments .comments-content .comment-content, .dark .alert-message.alert, .dark .alert-message.warning, .dark .alert-message.error, .dark .teacherslider .owl-next, .dark .teacherslider .owl-prev, .dark .rcgallery .sch-icon a, .dark .errorWrap { background: var(--sch-dark-bg-color) } .dark .tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1),.dark .tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2),.dark .tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3),.dark .tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4),.dark .tabs input[name=tab-control]:nth-of-type(5):checked~.content>section:nth-child(5),.dark .accordion-item{ box-shadow: 0 10px 30px 0 rgb(0 0 0 / 18%); } .dark .header-wrapper { box-shadow: 0 0 10px rgb(5 5 5 / 40%); } .dark .resume { box-shadow: 10px 10px #212c3b; } .dark .accordion-item, .dark .resume, .dark .tabs .content section, .dark .all-wrapper, .dark .main-sidebar, .dark .dena .widget-content, .dark .listinfo, .dark .rcsimple ol li:before, .dark .blog-pager a, .dark .blog-pager span, .item.dark .blog-post, .dark #breadcrumb, .dark .share-links li a, .dark .share-links li.share-icon span, .dark .copy-link, .dark .errorWrap a, .dark .backtop, .dark .searchscl .dropdown-content, .dark .copy-link { background-color: var(--sch-dark-bg-widget) } .dark .scinfo .jumlah-comments:after { border-color: transparent transparent #061728 } .dark #breadcrumb { border-bottom: 1px solid rgb(229 229 229 / 6%) } .dark .searchscl .dropdown-content form#search input { border: 1px solid rgb(222 222 222 / 13%) } .dark pre code { border-left: 5px solid rgb(226 226 215 / 9%) } .dark a:hover, .dark #credit a, .dark .menushow, .dark .comments .comments-content .datetime a:hover, .dark .rcsimple ol li:before, .dark .post-body a, .dark .teacherslider .owl-next, .dark .teacherslider .owl-prev, .dark .backtop, .dark .rcgallery .sch-icon a:hover i, .dark .alert-del-btn:before, .dark .mobile-menu ul li.has-sub .submenu-toggle:after, .dark .mobile-menu ul li a:hover { color: var(--sch-dark-teks-yellow-color) } .dark .rcgallery .sch-icon a:hover i, .dark a.homers { color: var(--sch-dark-teks-yellow-color) !important } .dark .post-body a:hover { color: var(--sch-marquee-title-color) !important } .dark .post-body blockquote { border-left: 4px solid rgb(226 226 215 / 9%) } .dark .footer .share-links li a { border: none } .dark button.HideComment, .dark button.ShowComment, .dark .comments h3 { border: 1px solid rgb(204 204 204 / 16%) } .dark .scinfo .scdate { color: #000 } .dark .sch-row { background: var(--sch-dark-table-row) } .dark .sch-row.sc { background: var(--sch-bg-table-1) !important } .dark .sch-row.green { background: var(--sch-bg-table-2) !important } .dark .sch-row.blue { background: var(--sch-bg-table-3) !important } .dark .sch-row:nth-of-type(odd) { background: var(--sch-dark-table-odd) } .slotbanner h3 { display: none } #slotbanner { overflow: hidden } #slotbanner .widget-content { margin: 50px 0 0; width: 100%; overflow: hidden; text-align: center } #banner-home2 .widget-content, #banner-home6 .widget-content { margin: 0 0 50px } #slotbanner .widget-content .rcimg { width: 100%; flex: 0 0 auto; vertical-align: middle } #slotbanner .widget-content .rec-image { width: auto; height: auto; padding-top: initial } #slotbanner .widget-content .rec-image img { max-width: 100%; width: auto; height: auto; display: block; position: relative; top: inherit; left: inherit; right: inherit; text-align: center; margin: 0 auto } @media screen and (max-width:1680px) { .container { max-width: 1680px; } .contwinner { max-width: 83.3%; } } @media screen and (max-width:1280px) { .contwinner { max-width:78% } } @media screen and (max-width:1100px) { .sliderhome .owl-item .sch-box { top: 25%; left: 5% } .contwinner { max-width: 74.4%; } } @media screen and (max-width:1024px) { .contwinner { max-width: 73%; } .header-box { margin: 0; } .header-box:before { width: 190px; } .tabs ul li { width: 20%; } .tabs ul li label span { display: none; } .content-left, .content-right { width: 100%; float: none; } .content-left { margin-bottom: 20px; } #related-posts ul, .main-wrapper .container { grid-template-columns: repeat(2,minmax(0,1fr)); } .footer-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sliderhome .owl-next, .sliderhome .owl-prev { display: none; } .container { max-width: 98% } .header-logo { margin: 0 30px 0 0 } .menushow { margin-right: 20px; } #main-menu, .header-menu { height: auto } #main-menu, .topwrapper .social-top { display: none } .menu-wrapper .socialmobile .social-top, .socialmobile, .menushow, .mobile-menu, .slide-menu-toggle { display: block; } .menu-wrapper .languagemobile .language,.languagemobile{ display: flex; align-items: center; } .language { margin-right:30px; } .khususmenu { height: 48px; display: flex; background: var(--sch-main-color); margin: -20px -20px 0; padding: 0 0 0 20px; justify-content: space-between; align-items: center } .khususmenu .social-counter li { padding: 0 15px 0 0 } .khususmenu .social-counter li a { color: var(--sch-title-color-white) } .khususmenu .social-counter li a:hover { color: var(--sch-teks-color-yellow) } .dark .menu { background-color: var(--sch-dark-bg-widget) } .menu { width: 300px; height: 100vh; box-shadow: 12px 0 16px -3px rgb(0 0 0 / 9%); overflow-y: auto; overflow-x: hidden; padding: 20px; left: -400px; z-index: 99999; bottom: 0; background: var(--sch-bg-color-white); top: 0; position: fixed; transition: .5s linear } .menu.active, .page-wrapper.toggled { left: 0 } } @media screen and (max-width:980px) { .contwinner { max-width: 98%; margin: 5.63rem auto 0; } .language { margin-right:0; } .header-box:before { width: 250px; } #menu-button { display: block; width: 45px; text-align: center; } .sliderhome .owl-item .sch-box h3 { font-size: 2.5rem } .post-footer ul.share-links { margin: 0 0 20px; text-align: center; display: flex } .social-posts.show { visibility: visible; opacity: 1; left: initial } .social-posts { position: relative; z-index: 1 } .contact-wrapper,.work-content,.office-content,.form-content { flex-flow: column; } .office-content #myoffice2, #contact, .work-wrapper .work-content #worker2 { max-width: 100%; } .office-content #myoffice3, #contact-number, .work-wrapper .work-content #worker1 { max-width: 100%; margin-top: 20px; } .work-wrapper .work-content #worker2 { padding-left: 0; } .khusus-contact .post-body{margin:0} .khusus-contact .blog-post { margin-top: -3rem!important; padding: 10px 0; } .form-content .form-widget { width: 100%; } .form-content #form-widget2 { padding-left: 0; margin-top: 20px; } } @media screen and (max-width:800px) { .static_page .blog-post { margin-top: -5rem; } .topwrapper .topbox { margin-left: 38% } .sliderhome .owl-item .sch-box { top: 30%; left: 2% } .sliderhome .owl-item .sch-box h3 { font-size: 2rem } .sliderhome .owl-item .sch-box p { text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .rc-wrapper .rcbox, .data-wrapper .container { display: block } .rcwrapper, .data-wrapper .dataschool { padding: 0; width: 100% } #rcwrapper1 .widget-content { margin: 0 } #rcwrapper1 .widget-content .rcimg { margin: 0 auto 20px } .rcgallery ul { grid-template-columns: repeat(2, minmax(0, 1fr)) } .main-wrapper .container, #related-posts ul { gap: 1.3rem; } .blog-post h1.seo-title { font-size: 25px } .item .blog-post { padding: 25px } .data-wrapper #dataschool2 { width: 100%; margin-left: 0; margin-top: 20px } .bgopacity { padding: 2.5rem 0 3rem } #footer1 { padding-right: 0; border-right: 0 } .footer .rec-image .rcimg { width: 65% } .main-wrapper .container, .footer-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) } .item .main-wrapper, .main-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; min-width: 0; padding-right: 0 } #cookieChoiceInfo .cookie-choices-text { margin: 0 0 20px } #cookieChoiceInfo .cookie-choices-buttons { margin: 0 0 10px } .language {display:none} } @media screen and (max-width:768px) { .guru-wrapper .container { padding: 0; flex-direction: column } #guru1 { width: 55%; margin-bottom: 30px } #guru2 { width: 100%; padding: 20px 40px 0; text-align: center } #rcwrapper1 .widget-content .rcimg { width: 60%; margin: 0 auto } } @media screen and (max-width:640px) { .searchscl .dropdown-toggle span{ text-indent: -99999999px; position: absolute; } .header-box:before { width: 190px; } #header-logo:before,.topwrapper,.language {display:none} .header-wrapper .container { max-width: 100%; padding: 0 } .topwrapper .topbox { margin-left: 0 } .topwrapper .topbox:before { display: none } #header-logo { margin: 5px 0 0 15px; padding: 0; } #sidebar { padding-top: calc(2.8rem + 0.31rem); } .contwinner { margin: 2.7rem auto 0; } #header-logo img { height: 37px } .sliderhome .rec-image { padding-top: 56.25% } .sliderhome .sch-content { width: 80% } .mediapost .post-info { display: flex; padding: 1.5rem 0; flex-direction: column; width: 100% } .scinfo { width: 100%; flex-flow: nowrap; margin-bottom: 15px } .scinfo .scdate { width: 100%; padding: 5px } .scinfo .scdate span.month { font-size: 13px; margin: 0 5px } .boxinfo { width: 100%; padding-left: 0 } .scinfo .jumlah-comments { width: 30% } } @media screen and (max-width:580px) { .sch-row { padding: 14px 0 7px; display: block } .sch-row.sc { padding: 0; height: 6px } .sch-row.sc .cell { display: none } .sch-row .cell { margin-bottom: 10px } .sch-row .cell:before { margin-bottom: 3px; content: attr(data-title); min-width: 98px; font-size: 10px; line-height: 10px; font-weight: 700; text-transform: uppercase; color: #969696; display: block } .table { display: block } .cell { padding: 2px 16px; display: block } } @media screen and (max-width:560px) { .sliderhome .owl-item .sch-box { top: 15%; left: 0 } .sliderhome .sch-content { width:80% } .main-wrapper .container { grid-template-columns: repeat(2, minmax(0, 1fr)) } .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1::after, .tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2::after, .tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3::after, .tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4::after, .tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5::after,.aboutimg { display: none } .post-info>h2 { font-size: 17px } .rcsimple ul, #related-posts ul { grid-template-columns: repeat(1, minmax(0, 1fr)) } .func-content,.resume .func .skills-soft ul { flex-flow: column;} .sliderhome .owl-item .sch-box h3 { font-size: 1.5rem; } .resume .func .edu, .resume .func .work { width: 100%; padding: 15px; } .content-right>ul { flex-flow: column; } .content-right>ul>li { width: 100%!important; margin-bottom: 10px; } } @media screen and (max-width:515px) { .img-overlay i { font-size: 2em } .text-wrapper .widget-title h3 { font-size: 1.6rem } #dataschool2 .widget-content { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2em } .footer-wrapper { grid-template-columns: repeat(1, minmax(0, 1fr)) } #guru1 { width: 100%; margin-bottom: 30px } #rcwrapper1 .widget-content .rcimg { width: 76% } .sliderhome .sch-content { width: 100% } .sliderhome .owl-item .sch-box h3 { font-size: 1.5rem } .sliderhome .owl-item .sch-box p { font-size: 13px } } @media screen and (max-width:414px) { .searchscl .dropdown-content { right: -5rem; } .static_page .blog-post { margin-top: -4rem } #guru1 { width: 100%; margin-bottom: 30px } #rcwrapper1 .widget-content .rcimg { width: 76% } .sliderhome .sch-content { width: 100% } .sliderhome .owl-item .sch-box h3 { font-size: 1.5rem } .sliderhome .owl-item .sch-box p { display: none } .sliderhome .owl-item .sch-box { top: 25%; left: 0 } .main-wrapper .container { grid-template-columns: repeat(2, minmax(0, 1fr)) } .rcinfo h2 { font-size: 20px } .main-wrapper .container, .rcgallery ul, #related-posts ul { gap: 1rem } .share-links li a { display: inline } .error404 .error-heading { font-size: 3rem } .error404 .error-post h4 { font-size: 1.5rem } } @media screen and (max-width:384px) { .queryMessage, .queryMessage .query-info { display: block } .queryMessage { border-radius: 20px; line-height: 1.3; text-align: center; font-size: 12px; padding: 10px 30px } .queryMessage a.show-more { float: none } .static_page .blog-post { margin-top: -3rem } .blog-post h1.seo-title { margin: 15px 0; font-size: 20px } .home-title, .post-info>h2, .widget-title h3 { font-size: 18px } .sliderhome .owl-dots { bottom: 1.5rem } .header-box:before { width: auto;display:none} } @media screen and (max-width:320px) { #header-logo { margin:8px 0 0 5px; padding: 0; } .btndark button, .searchscl .dropdown-toggle, .menushow { margin: 0 5px; } #header-logo img { height: 33px; } .menushow { margin-right: 20px!important; } #dataschool2 .widget-content, .rcgallery ul, .main-wrapper .container { grid-template-columns: repeat(1, minmax(0, 1fr)) } #related-posts .related-content { margin-top: 0 } .tabs ul li { width: 30%; margin-bottom: 10px; } .accordion-header { font-size: 11px; } .static_page .blog-post { margin-top: -2rem } .btndark button, .searchscl .dropdown-toggle, .menushow { margin: 0 8px } .post-body h1, .post-body h2 { font-size: 18px } .post-info>h2 { font-size: 14px !important } .home-title, .home-title h2, .post-info>h2, .title-wrap, .title-wrap>h3, .widget-title h3 { font-size: 16px } } ]]>

# NONE twitter # facebook # youtube # instagram
https://blogger.googleusercontent.com/img/a/AVvXsEh5UJf3Va-sJw0VEfpMlYYbwFnWfLDpP8CwWX0U8Bk8g3ZvGX5SMaICwN4Rkex3g_rvjQIxdGGhpV7mym4Mm-En3tzi5p9KrHom9iZbkRCrQxt1lrrU9d_XyWSuYWcb9KOc3zEVdOEqZ_D7R_PTof0gO-NZCyoDEiFLzLMJW180msYR1aXdrtrXXnog=s631 158 227 true false BEFORE_DESCRIPTION 631

__Filsafat Ilmu _UTS Akademik _Akreditasi Prodi _Semester 1 __Metode Penelitian Fakultas Beranda _Pimpinan Fakultas _Website Fakultas Prodi _Akreditasi _Pimpinan Prodi _Website Prodi Jejak Kuliah _Email Mahasiswa _Pengaduan TIK Online Informasi Publik _PPID Unila _Panduan Karya Ilmiah Aplikasi _V-Class _Siakadu _Kalender Akademik # https://helpdesktik.unila.ac.id # NONE https://ppid.unila.ac.id # https://vclass.unila.ac.id https://fp.unila.ac.id/ # https://apps.unila.ac.id / https://siakadu.unila.ac.id # https://bak.unila.ac.id/#1561082568614-8bffc7d5-bf68 # https://thp.fp.unila.ac.id/pimpinan-jurusan/ https://fp.unila.ac.id/wp-content/uploads/2021/02/Sertifikat-S1-Teknologi-Hasil-Pertanian.pdf # https://thp.fp.unila.ac.id/ https://fp.unila.ac.id/pimpinan/ https://fp.unila.ac.id/status-akreditasi/ # # https://2226031036.blogspot.com/search/label/UTS # https://2226031036.blogspot.com/search/label/Filsafat%20Ilmu https://2226031036.blogspot.com/search/label/Metode%20Penelitian
ALPHA LIST ALL false
<div class="profil-warapper"> <img alt="Foto" class="lazyload" data-sizes="auto" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4NwjrRYddzz3d1ZJRUHxPCP7ZBt5OhgIAHEE5FCCQpgSNg796zA4k3749emuWAmEkAYKserfen6akaTr5LhkbaSNGgtPMYHElvxJP73thMfQ0QVeTf20yRYk86eKzXMRCxbj0p8kjp7I0rjRKjq4AjP0u2YeRoV-T01tSAiy0mbPFXttoNTZMxtXd/s300/2214051110.jpg" height="120" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=" /> </div> <div class="menuprofil"> <span>ANGGITA APRILIA PERTIWI</span> <div class="mytext">2214051110</div> </div>
/p/contact-us.html # /#research /#tabber Jejak Kuliah]]> Kurikulum]]> Referensi]]> Tugas Kuliah]]> Kontak]]> Dokumentasi]]> Unduh CV]]> NONE /#posts /p/tugas-kuliah.html /p/daftar-mata-kuliah.html
  • Home
https://blogger.googleusercontent.com/img/a/AVvXsEg--wHNfUKNNKbPFTi6EIMXLEZqeVxZ1Aj2GZISrw5KQgoiNAeYtBJsAxMaAQvuDhKfuMmCjIKnfH4wg04oXiDjtDUwsD42N-8x-GzSxO5nwVHnCK2UwY2zOvPOqcVKrHJJv7QRGAl2bE7XUMBchbZ1mmeGClzOjh6Wwr-0t2OpkPl5-v4UNN_y3h3fPA=s1600 1067 850 false 1600 https://www.unila.ac.id/visi-dan-misi/

https://blogger.googleusercontent.com/img/a/AVvXsEjYrKoQqWnQV4NL3G7On2jDz6giz9E6mh8q0f5RD0lEl0WOQC9wINdfQtRACIKbPNaATypuzT1h589bYocYltBgcbnrYuspq50ftYGzfAz38quzPinLgUVq6ef9FRT5NIBwaWbvRk1ahhBJ4zA9ZECzN0hp7g4rHVgI90jnRiouoDupVdfc6AY67adfAA=s1600 900 850 false 1600 Merupakan universitas negeri satu-satunya yang sudah terakreditas A di Provinsi Lampung

https://blogger.googleusercontent.com/img/a/AVvXsEg--wHNfUKNNKbPFTi6EIMXLEZqeVxZ1Aj2GZISrw5KQgoiNAeYtBJsAxMaAQvuDhKfuMmCjIKnfH4wg04oXiDjtDUwsD42N-8x-GzSxO5nwVHnCK2UwY2zOvPOqcVKrHJJv7QRGAl2bE7XUMBchbZ1mmeGClzOjh6Wwr-0t2OpkPl5-v4UNN_y3h3fPA=s1600 1067 850 false 1600 Bersinergi dan Berinovasi Demi Negeri

<h3><i class='fa fa-briefcase'></i>Pengalaman</h3> <ul> <li><span>Pengalaman Pertama</span><small>Lokasi Pengalaman</small><small>Jan 2009 - Jun 2013</small></li> <li><span>Pengalaman Kedua</span><small>Lokasi Pengalaman</small><small>Jan 2009 - Jun 2013</small></li> <li><span>Pengalaman Ketiga</span><small>Lokasi Pengalaman</small><small>Jan 2009 - Jun 2013</small></li> </ul>
<h3><i class='fa fa-graduation-cap'></i>Pendidikan</h3> <ul> <li><span>SD</span><small>SDN 1 Bandar Lampung</small><small>Jan. 2000 - Apr. 2006</small></li> <li><span>Sekolah Lanjutan Tingkat Pertama (SLTP)/Sederajat</span><small>SLTP N 2 Bandar Lampung</small><small>Sept. 2006 - Dec. 2009</small></li> <li><span>Sekolah Menengah Atas (SMA)/Sederajat</span><small>SMA N 2 Bandar Lampung</small><small>Jan. 2009 - Jun. 2013</small></li> </ul>
<h3><i class='fas fa-code'></i>Progress Perkuliahan Angkatan 2022</h3> <ul> <li data-percent='100'><span>Semester 1</span> <div class='skills-bar'> <div class='bar' style='width: 90%; transition-duration: 0.5s;'></div> </div> </li> <li data-percent='5'><span>Semester 2</span> <div class='skills-bar'> <div class='bar' style='width: 90%; transition-duration: 0.5s;'></div> </div> </li> <li data-percent='5'><span>Semester 3</span> <div class='skills-bar'> <div class='bar' style='width: 60%; transition-duration: 0.5s;'></div> </div> </li> <li data-percent='5'><span>Semester 4</span> <div class='skills-bar'> <div class='bar' style='width: 50%; transition-duration: 0.5s;'></div> </div> </li> <li data-percent='80'><span>Artikel Ilmiah</span> <div class='skills-bar'> <div class='bar' style='width: 40%; transition-duration: 0.5s;'></div> </div> </li> <li data-percent='25'><span>Menuju Tesis</span> <div class='skills-bar'> <div class='bar' style='width: 55%; transition-duration: 0.5s;'></div> </div> </li> <li data-percent='15'><span>Menuju Wisuda</span> <div class='skills-bar'> <div class='bar' style='width: 40%; transition-duration: 0.5s;'></div> </div> </li> </ul>
<h3><i class='fas fa-bezier-curve'></i>Software Skills</h3> <ul> <li data-percent='90'> <svg viewbox='0 0 100 100'> <circle cx='50' cy='50' r='45'></circle> <circle class='cbar' cx='50' cy='50' r='45' style='stroke-dashoffset: 28.2743px; stroke-dasharray: 282.743px; transition-duration: 0.3s;'></circle> </svg><span>Illustrator</span><small>90%</small> </li> <li data-percent='75'> <svg viewbox='0 0 100 100'> <circle cx='50' cy='50' r='45'></circle> <circle class='cbar' cx='50' cy='50' r='45' style='stroke-dashoffset: 70.6858px; stroke-dasharray: 282.743px; transition-duration: 0.3s;'></circle> </svg><span>Photoshop</span><small>75%</small> </li> <li data-percent='85'> <svg viewbox='0 0 100 100'> <circle cx='50' cy='50' r='45'></circle> <circle class='cbar' cx='50' cy='50' r='45' style='stroke-dashoffset: 42.4115px; stroke-dasharray: 282.743px; transition-duration: 0.3s;'></circle> </svg><span>InDesign</span><small>85%</small> </li> <li data-percent='65'> <svg viewbox='0 0 100 100'> <circle cx='50' cy='50' r='45'/> <circle class='cbar' cx='50' cy='50' r='45' style='stroke-dashoffset: 98.9602px; stroke-dasharray: 282.743px; transition-duration: 0.3s;'></circle> </circle></svg><span>Dreamweaver</span><small>65%</small> </li> </ul>
Kegiatan perkuliahan setiap semester meninggalkan jejak cerita visual yang tidak dapat dituliskan denga kata-kata.

<div class='tabs'> <input checked='' id='tab1' name='tab-control' type='radio'/> <input id='tab2' name='tab-control' type='radio'/> <input id='tab3' name='tab-control' type='radio'/> <input id='tab4' name='tab-control' type='radio'/> <input id='tab5' name='tab-control' type='radio'/> <ul> <li title=''><label class='color1' for='tab1' role='button'><i class='fad fa-analytics'></i><span>Digital Marketing</span></label></li> <li title=''><label class='color2' for='tab2' role='button'><i class='fad fa-file-search'></i><span>SEO Services</span></label></li> <li title=''><label class='color3' for='tab3' role='button'><i class='fad fa-mail-bulk'></i><span>Email Marketing</span></label></li> <li title=''><label class='color4' for='tab4' role='button'><i class='fad fa-share-alt'></i><span>Social Media</span></label></li> <li title=''><label class='color5' for='tab5' role='button'><i class='fad fa-edit'></i><span>Web Design</span></label></li> </ul> <div class='content'> <section> <div class='content-left'> <div class='serviceimg'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhog6-IrJf0kXdSpC6QQrqfFCPnoU5FRPLLAU1gnnsq5geLzqoPDwbqzgh8Bo8qzP4xjd9tS6Qbs_OuvKe9uEneyHyItC6Yj6sILYWBFB3uoNGxquXTJlCrupO_8C2x2l8zPM-RWtpYLNVt/s1600/digital_marketing.png'/></div> </div> <div class='content-right'> <h3>Digital Marketing</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p> <ul> <li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li> <li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li> </ul> <a class='mybutton btncolor' href='#'>Choose Plane</a> </div> </section> <section> <div class='content-left'> <div class='serviceimg'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNiazOggqupQyH8TO20KSgYypM9yepU9_v_VCRZZ2VycBuCkz6oA1FTNPk6FKL0v9942VbDVL2KLGA9b1lGyO65b251rrqfNoGPx5jgZ9YUvv8byfcAlbsJI5EsHuFH7MqkQyiSoMMwNdL/s1600/dg_seo.png'/></div> </div> <div class='content-right'> <h3>SEO Services</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p> <ul> <li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li> <li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li> </ul> <a class='mybutton btncolor' href='#'>Choose Plane</a> </div> </section> <section> <div class='content-left'> <div class='serviceimg'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhtPxr84xYmFt9syY9ubB3ynKUrvX9zi4UoJjPBdeoOd8T_Z_sjwwqx2pVIZluAt5TGKKPFjAcqGx9pXpbzVq1IR8fe9MaayYiju8vhsB7bQEBol9yrb5L2eO3jbC4Oz8ImNiFHaS1JaYe/s1600/dg_email.jpg'/></div> </div> <div class='content-right'> <h3>Email Marketing</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p> <ul> <li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li> <li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li> </ul> <a class='mybutton btncolor' href='#'>Choose Plane</a> </div> </section> <section> <div class='content-left'> <div class='serviceimg'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfK2Mv_1qe2S98WQVpL6pGDEkrMc1VuhwIlJ0xrv8TTwCvsdeUp-d0CoZ59030bpSnKrifM2-dqCIujmbjMbV2htcICQijyH_sVTR9-7T1SiVtnJPDt3mZbQCvja4vrW0Cv05EFLyYWyVX/s1600/social_media.png'/></div> </div> <div class='content-right'> <h3>Social Media</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p> <ul> <li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li> <li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li> </ul> <a class='mybutton btncolor' href='#'>Choose Plane</a> </div> </section> <section> <div class='content-left'> <div class='serviceimg'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6qJoZhY2VKlpAuiEZxdds1b36HhRbMz-fV0bYIOOqwrbHMyd49V2JqcioZT6bSFt7Jg6NFaSGQrBSJIvrYq-xFSa4wiS6lCvE0GLo39DqJRCL-i0EQPFGRHM23PWpuNAKjFdDLF30OIUI/s1600/dg_web.png'/></div> </div> <div class='content-right'> <h3>Web Design</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p> <ul> <li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li> <li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li> </ul> <a class='mybutton btncolor' href='#'>Choose Plane</a> </div> </section> </div> </div>
Ac turpis egestas maecenas olis pharetra con. Proin fermentum leo, entum odio feugiat pretium an ipsum consequat. Faucibus sit amet

<div class='accordion'> <div class='accordion-item'> <div class='accordion-header'>How can I upgrade my current plan ?</div> <div class='accordion-body'> <div class='accordion-contents'> Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in? </div> </div> </div> <div class='accordion-item'> <div class='accordion-header'>How can I active the app&#39;s features ?</div> <div class='accordion-body'> <div class='accordion-contents'> Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in? </div> </div> </div> <div class='accordion-item'> <div class='accordion-header'>How can I active all the features ?</div> <div class='accordion-body'> <div class='accordion-contents'> Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in? </div> </div> </div> <div class='accordion-item'> <div class='accordion-header'>How can I download the app ?</div> <div class='accordion-body'> <div class='accordion-contents'> Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in? </div> </div> </div> </div>
Kumpulan Catatan Kuliah setiap semester dari rangkaian pertemuan baik offline maupun online yang sempat terdokumentasi.

Comments true Di Tulis oleh TextAndImage true 1x1 true true 1 #ffffff false #ffffff true #ffffff Location: true #ffffff #ffffff true Tags false false false

Disabled
avatar

Disabled Disabled
Disabled

Disabled
"image": { "@type": "ImageObject", "url": "", "height": 630, "width": 1200 "url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200", "height": 348, "width": 1200 }, "publisher": { "@type": "Organization", "name": "Blogger", "logo": { "@type": "ImageObject", "url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60", "width": 206, "height": 60 } },

  • facebook
  • twitter
  • whatsapp
  • whatsapp
  • pinterest
  • Home
  • Kurikulum
  • Jejak Kuliah
  • Tugas Kuliah
  • Referensi
  • Dokumentasi
  • Kontak
  • Unduh CV

Materi PKKMB Universitas Lampung Day 2

Diputri
Diputri
Agustus 25, 2024
Pada saat PKKMB Universitas Lampung di hari ke-2, terdapat berbagai macam Unit Kegiatan Mahasiswa yang dapat di ikuti, yaitu sebagai berikut: 1. Lembaga kemahasiswaan DPM 2. UKM TEKNOKRA 3. UKMBS 4. UKM KOPMA 5. UKM PRAMUKA 6. UKM MAPALA 7. UKM KATOLIK 8. UKM PSM 9. UKM KEBANGSAAN 10. UKM PENCAK SILAT 11. UKM ZOOM 12. UKM ESO 13. UKM CATUR 14. UKM HINDU 15. UKM BIROHMAH 16. UKM PENELITIAN 17. UKM UISA 18. UKM TAEKWONDO 19. UKM PIK RAYA 20. UKM PSHT 21. UKM KSR PMI 22. UKM TAPAK SUCI 23. UKM BUDDHA 24. UKM VOLLY 25. UKM PSM 26. UKM FUTSAL 27. UKM KARATE 28. UKM BULU TANGKIS 29. UKM KRISTEN 30. UKM KEMPO 31. UKM MEKATRON 32. UKM MENWA 33. UKM MERPATI PUTIH 34. UKM PANAHAN 35. UKM PERSAI DIRI 36. UKM RASANILA 37. UKM RENANG 38. UKM SAINTEK 39. UKM SEPAK BOLA 40. UKM SAINTEK
  • facebook
  • twitter
  • whatsapp
  • pinterest
  • https://2414201019.blogspot.com/2024/08/materi-pkkmb-universitas-lampung-day-2.html
  • Email

Anda mungkin menyukai postingan ini

0 Komentar

This blog reflects your character

This blog reflects your character

Alamat Kampus

Jl. Prof. Dr. Sumantri Brojonegoro No. 1 Bandar Lampung, 35145, INDONESIA.

Hubungi Kami

Telp +62 721 702673

Fax +62 721 702767

Social Media

Copyright © 2022 - Diputri Bungsu Meisa Agus - All Rights Reserved
Back to Top