@font-face {
    font-family: 'Atomic MD';
    font-style: normal;
    font-weight: normal;
    src: url('font/Atomic-Md.ttf.woff') format('woff');
    }

    @font-face {
    font-family: 'D-DIN Regular';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Regular'), url('font/D-DIN.woff') format('woff');
    }
    

    @font-face {
    font-family: 'D-DIN DIN-Italic';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN DIN-Italic'), url('font/D-DIN-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'D-DIN DIN-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN DIN-Bold'), url('font/D-DIN-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'D-DIN Condensed Regular';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Condensed Regular'), url('font/D-DINCondensed.woff') format('woff');
    }
    

    @font-face {
    font-family: 'D-DIN Exp Regular';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Exp Regular'), url('font/D-DINExp.woff') format('woff');
    }
    

    @font-face {
    font-family: 'D-DIN Exp DINExp-Italic';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Exp DINExp-Italic'), url('font/D-DINExp-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'D-DIN Condensed DINCondensed-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Condensed DINCondensed-Bold'), url('font/D-DINCondensed-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'D-DIN Exp DINExp-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Exp DINExp-Bold'), url('D-DINExp-Bold.woff') format('woff');
    }
  
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6,
html {
    font-family: 'D-DIN Regular', sans-serif;
}

.uk-pills .uk-button {
    background-color: transparent;
}

.uk-pills .uk-button:hover {
    background-color: #D0CDFF;
}

.no-shadow {
    box-shadow: none;
}

.uk-text-regular {
    font-weight: 500;
}

.uk-text-semi-bold {
    font-weight: 600;
}

/* .uk-text-bold {
    font-family: 'Atomic MD', sans-serif;
    font-weight: 500;
} */

.uk-dotnav>*>* {
    height: 3px;
    border-radius: 0;
    opacity: 0.5;
    background-color: #4F70C7;
    /* background: rgba(102, 102, 102, .4); */
}

.uk-dotnav>.uk-active>* {
    background-color: #4F70C7;
    width: 30px;
    opacity: 1;
}

.uk-navbar-nav .uk-button.uk-button-active {
    background-color: #D0CDFF;
}

.bg-ungu {
    background-color: #4f70c7c9;
}

.bg-ungu-1 {
    background-color: #4F70C7;
}

.bg-biru {
    background-color: #148BFF;
}

.bg-merah {
    background-color: #E84393;
}

.bg-kuning {
    background-color: #E6D018;
}

.bg-hijau {
    background-color: #00B894;
}

.bg-abu {
    background-color: #C4C4C4;
}

.bg-abu-1 {
    background-color: #ebebeb;
}

.txt-putih {
    color: white !important;
}

@media screen and (max-width: 768px) {
    html {
        font-size: 13px !important;
    }
}

@media screen and (min-width: 768px) {
    html {
        font-size: 14px !important;
    }
}

@media screen and (min-width: 960px) {
    html {
        font-size: 15px !important;
    }
}

@media screen and (min-width: 1200px) {
    html {
        font-size: 16px !important;
    }
}

.uk-dotnav > li[uk-slider-item]{
    padding-left: 6px;
}

.uk-dotnav > li[uk-slider-item]:first-child {
    padding-left: 12px;
}

.text-truncate-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.text-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}