*/ .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 } } ]]>

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>

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

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'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

#ffffff

false

#ffffff

true

#ffffff

Location:

true

#ffffff

true

Materi PKKMB Universitas Lampung Day1

Diputri

Agustus 25, 2024

1. Society 5.0 Pemberi materi: Kapolda Lampung; Bapak Andi Aziz Nizhar. S.I.K M.H M.Han serta Wakil Rektor, Bapak Eng Suripto Dwi Yono. M.T 2. Peraturan akademik UNILA. Pemberi materi: Dr. Abdul Halim & Wakil Rektor, Bapak Eng Suripto Dwi Yono M.T 3. Anti bullying Pemberi materi: Ibu Diah Utaminingsih S.Psi MA, Psi 4. Milestones Generasi Muda Menuju Indonesia Emas 2045 Pemberi materi: Bapak Rikas Hidayatullah, SE, MM. 5. Peran Mahasiswa dalam Era Digital Pemberi materi: Wakil Wali Kota Bandar Lampung Bapak Deddy Ahmarullah

Materi PKKMB Universitas Lampung Day1

0 Komentar

This blog reflects your character

Materi PKKMB Universitas Lampung Day1

Anda mungkin menyukai postingan ini

0 Komentar