/* cyrillic-ext */
@font-face {
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://class.skmtraining.co.id/font/GeneralSans-Regular.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
body {
    background-image: unset !important ;
}

body:before {
    font-family: 'General Sans';
    content: "";
    position: fixed;
    background: #999;
    top: 0;bottom: 0;left: 0;right: 0;
    z-index: -1;
    background: url("https://class.skmtraining.co.id/img/skm/bg-skm-20221102.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    opacity: 1;
}
#Header .Header,
#Header .Logo{
    text-align: left;
}
#Header .Header,#Crumbs,#Konten{
    margin: auto;
    position: relative;
    left: 0;right: 0;
    width: 99%;
    max-width: 1200px;
}
#Header .Logo img {
    height: 100%;
}
#Header .Header .menuTop{
    position: absolute;
    right: 0px;
    z-index: 1;
}
#Header .Header .menuTop>*{
    color: #0E84CE;
    background: unset;
    cursor: pointer;
}
#Header h1 {
    font-size: 60px;
}
.editor .opsi {
    height: auto;
    top: 30px;
    right: 0px;
}
.editor .opsi a{
    text-align: right;
}

#Crumbs a:after, #Crumbs a:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    background: linear-gradient(#0E84CE, #6DC4FA);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
    z-index: -1;
}
#Crumbs a:hover:before,
#Crumbs a:hover:after{
    background: linear-gradient(#6DC4FA, #0E84CE);
}
#Crumbs a:after {
    content: none;
}
#Crumbs a:before {
    top: auto;
    bottom: 0px;
}
#Crumbs a:first-child:after,
#Crumbs a:last-child:after {
    content: "";
}
#Crumbs a:last-child:before {
    right: 10px;
}
#Crumbs a:first-child:before {
    width: 60%;
    -ms-transform: skewX(0);
    transform: skewX(0);
}
#Crumbs a:first-child:after {
    left: 10px;
}
#Crumbs a:last-child:after {
    width: 60%;
    left: unset;
    right: 0px;
    -ms-transform: skewX(0);
    transform: skewX(0);
}
#Konten {
    min-height: 0%;
}
#BoxKonten>.Menu{
	display: grid;
	grid-template-columns: calc(calc(100% / 5) - (50px / 4)) 
                            calc(calc(100% / 5) - (50px / 4))
                            calc(calc(100% / 5) - (50px / 4))
                            calc(calc(100% / 5) - (50px / 4))
                             auto;
	gap: 10px;	
}
#BoxKonten>.Menu a {
    background: rgba(255, 255, 255, 0.3) !important;
    padding: 30px;
    color: #0E84CE;
    border: 3px solid #2099e4 !important;
    border-radius: 8px;
    padding: 30px;
    text-shadow: 1px 1px 5px #fff;
}
#BoxKonten>.Menu a:hover {
    background: #c7e9ff !important;
}

#footer{
    position: relative;
    margin-top: 30px;
}
.footskm{
    text-align: center;
    color: #0E84CE;
    margin-bottom: 50px;
}
.footskm h3{
    padding: 0px;
    margin: 0px;
}