-
Page Not Found -
*/
.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/AVvXsEhCdpht99KwjUqSWcuAfPgpMD6pKty7Y9u_Tm0CFKQy6z7JH0tLjrmXTmV8Kf0aQwDc4nQ8yQxLtE1rBjnOKKjfTaiH-aqNdYt7v5v13-UDNRafFc58rPXfyVwtg8WAbYC5rf6h0qYrLpgc/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/AVvXsEjIbI8V_GPE5bIKrZPU6r2mBBiKSJikQ7aiSaFTh-VQv6HxQIqjTYz3wlBQHBqEFS11EYkz4KFTykV8eaL9C_IXwSz-f3c_5KHkRjhyphenhyphenRd7oM_YWOgeyjHww1qJCkinCvpWbqYTKx0W-QDl2/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/AVvXsEg--wHNfUKNNKbPFTi6EIMXLEZqeVxZ1Aj2GZISrw5KQgoiNAeYtBJsAxMaAQvuDhKfuMmCjIKnfH4wg04oXiDjtDUwsD42N-8x-GzSxO5nwVHnCK2UwY2zOvPOqcVKrHJJv7QRGAl2bE7XUMBchbZ1mmeGClzOjh6Wwr-0t2OpkPl5-v4UNN_y3h3fPA=s1600
1067
850
false
1600
https://www.unila.ac.id/visi-dan-misi/
https://blogger.googleusercontent.com/img/a/AVvXsEjYrKoQqWnQV4NL3G7On2jDz6giz9E6mh8q0f5RD0lEl0WOQC9wINdfQtRACIKbPNaATypuzT1h589bYocYltBgcbnrYuspq50ftYGzfAz38quzPinLgUVq6ef9FRT5NIBwaWbvRk1ahhBJ4zA9ZECzN0hp7g4rHVgI90jnRiouoDupVdfc6AY67adfAA=s1600
900
850
false
1600
Merupakan universitas negeri satu-satunya yang sudah terakreditas A di Provinsi Lampung
https://blogger.googleusercontent.com/img/a/AVvXsEg--wHNfUKNNKbPFTi6EIMXLEZqeVxZ1Aj2GZISrw5KQgoiNAeYtBJsAxMaAQvuDhKfuMmCjIKnfH4wg04oXiDjtDUwsD42N-8x-GzSxO5nwVHnCK2UwY2zOvPOqcVKrHJJv7QRGAl2bE7XUMBchbZ1mmeGClzOjh6Wwr-0t2OpkPl5-v4UNN_y3h3fPA=s1600
1067
850
false
1600
Bersinergi dan Berinovasi Demi Negeri
<h3><i class='fa fa-briefcase'></i>Pengalaman</h3>
<ul>
<li><span>Pengalaman Pertama</span><small>Lokasi Pengalaman</small><small>Jan 2009 - Jun 2013</small></li>
<li><span>Pengalaman Kedua</span><small>Lokasi Pengalaman</small><small>Jan 2009 - Jun 2013</small></li>
<li><span>Pengalaman Ketiga</span><small>Lokasi Pengalaman</small><small>Jan 2009 - Jun 2013</small></li>
</ul>
<h3><i class='fa fa-graduation-cap'></i>Pendidikan</h3>
<ul>
<li><span>SD</span><small>SDN 1 Bandar Lampung</small><small>Jan. 2000 - Apr. 2006</small></li>
<li><span>Sekolah Lanjutan Tingkat Pertama (SLTP)/Sederajat</span><small>SLTP N 2 Bandar Lampung</small><small>Sept. 2006 - Dec. 2009</small></li>
<li><span>Sekolah Menengah Atas (SMA)/Sederajat</span><small>SMA N 2 Bandar Lampung</small><small>Jan. 2009 - Jun. 2013</small></li>
</ul>
<h3><i class='fas fa-code'></i>Progress Perkuliahan Angkatan 2022</h3>
<ul>
<li data-percent='100'><span>Semester 1</span>
<div class='skills-bar'>
<div class='bar' style='width: 90%; transition-duration: 0.5s;'></div>
</div>
</li>
<li data-percent='5'><span>Semester 2</span>
<div class='skills-bar'>
<div class='bar' style='width: 90%; transition-duration: 0.5s;'></div>
</div>
</li>
<li data-percent='5'><span>Semester 3</span>
<div class='skills-bar'>
<div class='bar' style='width: 60%; transition-duration: 0.5s;'></div>
</div>
</li>
<li data-percent='5'><span>Semester 4</span>
<div class='skills-bar'>
<div class='bar' style='width: 50%; transition-duration: 0.5s;'></div>
</div>
</li>
<li data-percent='80'><span>Artikel Ilmiah</span>
<div class='skills-bar'>
<div class='bar' style='width: 40%; transition-duration: 0.5s;'></div>
</div>
</li>
<li data-percent='25'><span>Menuju Tesis</span>
<div class='skills-bar'>
<div class='bar' style='width: 55%; transition-duration: 0.5s;'></div>
</div>
</li>
<li data-percent='15'><span>Menuju Wisuda</span>
<div class='skills-bar'>
<div class='bar' style='width: 40%; transition-duration: 0.5s;'></div>
</div>
</li>
</ul>
<h3><i class='fas fa-bezier-curve'></i>Software Skills</h3>
<ul>
<li data-percent='90'>
<svg viewbox='0 0 100 100'>
<circle cx='50' cy='50' r='45'></circle>
<circle class='cbar' cx='50' cy='50' r='45' style='stroke-dashoffset: 28.2743px; stroke-dasharray: 282.743px; transition-duration: 0.3s;'></circle>
</svg><span>Illustrator</span><small>90%</small>
</li>
<li data-percent='75'>
<svg viewbox='0 0 100 100'>
<circle cx='50' cy='50' r='45'></circle>
<circle class='cbar' cx='50' cy='50' r='45' style='stroke-dashoffset: 70.6858px; stroke-dasharray: 282.743px; transition-duration: 0.3s;'></circle>
</svg><span>Photoshop</span><small>75%</small>
</li>
<li data-percent='85'>
<svg viewbox='0 0 100 100'>
<circle cx='50' cy='50' r='45'></circle>
<circle class='cbar' cx='50' cy='50' r='45' style='stroke-dashoffset: 42.4115px; stroke-dasharray: 282.743px; transition-duration: 0.3s;'></circle>
</svg><span>InDesign</span><small>85%</small>
</li>
<li data-percent='65'>
<svg viewbox='0 0 100 100'>
<circle cx='50' cy='50' r='45'/>
<circle class='cbar' cx='50' cy='50' r='45' style='stroke-dashoffset: 98.9602px; stroke-dasharray: 282.743px; transition-duration: 0.3s;'></circle>
</circle></svg><span>Dreamweaver</span><small>65%</small>
</li>
</ul>
Kegiatan perkuliahan setiap semester meninggalkan jejak cerita visual yang tidak dapat dituliskan denga kata-kata.
<div class='tabs'>
<input checked='' id='tab1' name='tab-control' type='radio'/>
<input id='tab2' name='tab-control' type='radio'/>
<input id='tab3' name='tab-control' type='radio'/>
<input id='tab4' name='tab-control' type='radio'/>
<input id='tab5' name='tab-control' type='radio'/>
<ul>
<li title=''><label class='color1' for='tab1' role='button'><i class='fad fa-analytics'></i><span>Digital Marketing</span></label></li>
<li title=''><label class='color2' for='tab2' role='button'><i class='fad fa-file-search'></i><span>SEO Services</span></label></li>
<li title=''><label class='color3' for='tab3' role='button'><i class='fad fa-mail-bulk'></i><span>Email Marketing</span></label></li>
<li title=''><label class='color4' for='tab4' role='button'><i class='fad fa-share-alt'></i><span>Social Media</span></label></li>
<li title=''><label class='color5' for='tab5' role='button'><i class='fad fa-edit'></i><span>Web Design</span></label></li>
</ul>
<div class='content'>
<section>
<div class='content-left'>
<div class='serviceimg'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlEZ9oWXyDzMzAp_PxJejnfK0kLrkNoBk01App5VS1tRIFFVHtodxtczNKA2QQBwIBsdzp4bGJ2-071QyaKF9-Tbp-20SSzctX9An4tD2BT1Qxu-wtN0RmiqyKIDZiM7MvbIJ_O-yycfPK/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/AVvXsEgIo0izFzatIhaQRWRLmdlTFL_5k-hYiOwZ2WSYOaCnZgGr5j633WMLy5uSMG0esxopJ0ch-SXuqHaKaQKUvlAAxto7nf89046TW6RN1F30-8UaxzmVOeU8NlAhQliogD5nUYJtOSOYNxts/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/AVvXsEhOpvFJ2fzqmsyJ93rA3RsnhkavxYXk_tq6Zleto1qu0ZmTI1QAoczLO-MENXPVxx_LdR03E2buAMcP9Eq_bfuG2cEjh72K4ZB2dbuh3gMBnj5bBH5_4PNDIQnW-MSjV5tmdLhN6INm9S3k/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/AVvXsEiXDendswj0pbvMivVV9GR6D-AwyiAM5swmTEf9-eNkt3Wvc05SaZoKuQMdEOlEXN3XFUCJEV4W90ihN4Ls6LgFd9FSznpsxQWnchKBcib93OKDLkjUE3iTs7Xm0Rzu8FU6NZZvQWKOlPJ8/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/AVvXsEi3-RJkuMz5dyUzfBbqkN7viOaAq2RbSZUuE3rbZa8XsM2OV4Ok_x7LggHxBOAmbwO-70xZJGYPKNCPcBwlPU1INBkRRy42EJNgio5VOmd8CfvsTQ50fVSIyd9The1vG25tGgPG_ZjqzCxu/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
true
1
#ffffff
false
#ffffff
true
#ffffff
Location:
true
#ffffff
#ffffff
true
Tags
false
false
false
Disabled
Disabled
Disabled
Disabled
Disabled
"image": {
"@type": "ImageObject",
"url": " ",
"height": 630,
"width": 1200
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200",
"height": 348,
"width": 1200
},
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60",
"width": 206,
"height": 60
}
},
Disabled