.snk-content {
    font-family: 'Quicksand', sans-serif !important;
    color: #1a1c26;
    padding-bottom: 40px;
}

.snk-content p{
    background-color: #FFF !important;
    font-family: 'Quicksand', sans-serif !important;
    text-align: justify;
    line-height: 1.77 !important;
    text-indent: 0 !important;
}

.snk-content p > span{
    font-family: 'Quicksand', sans-serif !important;
    background-color: #FFF !important;
}

.snk-content h1 {
    background-color: #FFF !important;
}

.snk-content h4{
    font-family: 'Quicksand', sans-serif !important;
    font-size: 24px !important;
    display: block;
    padding-bottom: 8px !important;
    background-color: #FFF !important;
}

.snk-content h5 span{
    font-size: 18px !important;
    font-family: 'Quicksand', sans-serif !important;
    padding-bottom: 4px;
    padding-left: 22px !important;
}

.snk-content ol {
    background-color: #FFF !important;
}

.snk-content ol li {
    padding: 5px 0 5px 8px !important;
    background-color: #FFF !important;
    margin: 0 !important;
}

.reduced-margin-bottom {
    margin-bottom: 25px !important;
}

.download-flyer-desktop {
    display: inline !important;
}

.download-flyer-mobile {
    display: none !important;
}

.full-masking {
    width: 100%;
    height: 100%;
    z-index: 100 !important;
    position: fixed !important;
    background: #fff !important;
    top: 0 !important;
    left: 0 !important;
    margin-top: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.isHidden {
    display: none !important;
}

#form-notification {
    position: fixed;
    width: 90%;
    max-width: 400px;
    z-index: 1101;
    bottom: -200px;
    left: 50%;
    margin-left: -200px;
    background: transparent;
    border-radius: 10px;
    visibility: visible;
    box-shadow: 0 3px 20px 0 rgba(124, 122, 122, 0.3);
    opacity: 0;
    transition: all 0.15s ease-out;
}

#form-notification.enter {
    visibility: visible;
    /* display: block; */
    opacity: 1;
    transform: translateY(-280px);
}

#form-notification .notification-holder .form-notif-header {
    padding: 12px 24px 0 24px;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

#form-notification .notification-holder .form-notif-body {
    padding: 0 24px 12px 24px;
    font-size: 14px;
    color: #fff;
}

#form-notification.success {
    /* background: rgb(7,197,60); */
    background: #000;
}

#form-notification.error {
    background: rgb(204, 61, 80);
}

.mj-form {
    position: relative;
}

input.error {
    margin-bottom: 0 !important;
    border-color: #ff0000 !important;
}

textarea.error {
    margin-bottom: 0 !important;
    border-color: #ff0000 !important;
}

label.error {
    font-size:12px !important;
    display: block !important;
    color: #ff0000 !important;
    font-weight: normal !important;
    margin: 0 !important;
}

.mj-error-msg::before {
    content: '• ';
}
#main-image {
    cursor: pointer;
}

.trigger-upload {
    cursor: pointer !important;
}

#imgLoader {
    visibility: hidden;
    position: absolute;
    z-index: -1;
}

.igcom__top {
    margin-bottom: 15px !important;
}

.notification-error > p {
    padding: 0;
    margin: 0 0 15px 0;
    color: red;
    font-size: 14px;
}

#cores {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
}

.igcom__top__upload {
    overflow: hidden !important;
}

.igcom__top_mask {
    width: 290px;
    height: 290px;
    color: white;
    text-align: center;
    position: absolute;
    z-index: 16;
    left: 50%;
    margin-left: -145px;
    top: 0;
    display: none;
}

.igcom__top_mask.show {
    display: block;
}

.igcom__top_mask .flickity-viewport {
    height: 290px !important;
}

.igcom__top_mask .flickity-viewport img{
    width: 290px !important;
    height: 290px !important;
    object-fit: contain !important;
}

.igcom__button__wrapper button:disabled {
    cursor: not-allowed;
}

.maumajoo__complete {
    margin: 3rem 0 3rem 0 !important;
}

.maumajoo__complete img {
    margin: 20px 0 40px 0;
}

.maumajoo .btn.dual {
    width: 100% !important;
}

.majoo-perangkat-pack .carousel-item .price.renew {
    position: relative;
    margin: 7px 0 22px !important;
}

.majoo-perangkat-pack .carousel-item .price span.old-price {
    color: #8d8d8d;
    font-size: 14px;
    display: block;
}

#mainCanvas {
    margin: 15px auto;
    border: 1px solid #000;
    display: block;
    visibility: hidden;
    position: absolute;
}

#downloader {
    visibility: hidden;
    position: absolute;
    z-index: -1;
}

.xbold {
    font-weight: bolder;
}

.igcom__content {
    color: #5f5f5f !important;
}

.isUnderline {
    text-decoration: underline !important;
    margin: 0 0 4px 0;
    padding: 0 0 4px 0;
}

.igcom__content strong {
    color: #000 !important;
}

.igcom h1 {
    font-size: 24px !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

.bg-cream {
    background-color: #faf9f0 !important;
}

.rating-holder {
    width: 100%;
}

.rating-holder ul {
    padding: 0;
}

.rating-holder ul li {
    list-style: none;
    display: inline-block;
    padding: 0 2px;
}

.rating-holder ul li a {
    color: #dbdbdb;
    display: block;
}

.rating-holder ul li a.rated {
    color: orange;
}

.rating-holder ul li a > i {
    font-size: 42px;
}

.mj-frm-group {
    width: 100%;
    position: relative;
}

.mj-frm-group p#frmErrorMsg {
    font-size: 12px;
    color: red;
    position: absolute;
}

.link-exp {
    display: inline-block;
    padding: 6px 12px;
    background: #dc0000;
    color: #fff;
    border-radius: 3px;
}

.mj-frm-group > textarea {
    padding: 5px 10px;
    width: 100%;
    border-radius: 4px;
}

.mj-subfooter-hide {
    display: none !important;
}

.fancy-box-info img {
    height: 48px;
    width: auto;
}

.double-line {
    line-height: 1.5 !important;
    padding: 8px 0 !important;
}

.isFlexing {
    display: flex !important;
    flex-wrap: wrap !important;
}

.hide-on-ipad {
    display: inline-block !important;
}

.g-recaptcha > div:first-child {
    margin: 0 auto !important;
}

#loading-spin-wrapper {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,0.88);
}

#loading-spin-wrapper.isShown{
    display: block;
}

#loading-spin-wrapper .loading-spin-box {
    width: 340px;
    border-radius: 8px;
    height: 60px;
    background: #fff;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -30px;
    margin-left: -170px;
    box-shadow: 0 0 20px 2px rgba(0,0,0,0.3);
    padding: 10px;
}

#loading-spin-wrapper .loading-spin-box .bar-body{
    width: 100%;
    display: block;
    height: 5px;
    margin: 0;
    background: #ccc;
}

#loading-spin-wrapper .loading-spin-box .bar-body > .inner{
    width: 10%;
    display: block;
    height: 5px;
    margin: 0;
    padding: 0;
    background: #47bab3;

    transition: all 0.25s linear;
    animation: 1.25s linear infinite mj-bar-progress;
}

#loading-spin-wrapper .loading-spin-box p{
    width: 100%;
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 2px 10px;
    color: #000;
}

.fileuploader-items .fileuploader-item .column-title > span.status_upload {
    color: #fff;
    font-weight: bold;
    background: var(--color-shamrock-green);
    padding: 0 8px;
    margin: 0 5px;
    border-radius: 2px;
    font-size: 12px;
}

.fileuploader-items .fileuploader-item .column-title > span.status_upload.failed {
    color: #fff;
    font-weight: bold;
    background: var(--color-secondary);
    padding: 0 8px;
    margin: 0 5px;
    border-radius: 2px;
    font-size: 12px;
}

.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar {
    height: 4px !important;
    background: transparent !important;
    top: 100% !important;
}

.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar {
    background: #47bab3 !important;
}

.fileuploader-items .fileuploader-item .progress-bar2 span {
    top: 83% !important;
    bottom: 0 !important;
    right: 5px !important;
    color: #47bab3 !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

.ajx-btn:disabled {
    cursor: not-allowed;
}

.majoo-perangkat-pack .carousel-item .pack-features li.two-lines > span.second-line{
    margin: -12px 0 0 26px;
}

.majoo-perangkat-pack .slick-slide img {
    max-height: 166px !important;
}

.majoo-perangkat-tambahan .perangkat-inner img {
    max-height: 166px !important;
}

.page-mitra__cols {
    margin-top: 0 !important;
}

.page-mt-subcontent {
    margin-top: 0.8rem;
    font-size: 16px;
    display: block;
    line-height: 1.56;
}

.page-mitraForm {
    padding-top: 0 !important;
}

.page-mitraForm label.has-masking {
    position: relative;
}

input.currency_mask {
    /* position: absolute; */
    width: 100%;
}

.helper-url-map {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.77;
}

.helper-url-map span {
    display: block;
    font-size: 13px;
    color: #1a1c1a;
}

.page-mitraForm label.has-masking a.right-side-link{
    position: absolute;
    top: 27px;
    height: 38px;
    width: 40px;
    line-height: 38px;
    right: 0;
    background: #dbdbdb;
    color: #2b2c2d;
    border: 1px solid #dbdbdb;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

@keyframes mj-bar-progress {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(900%);
    }
    100% {
        transform: translateX(0);
    }
}

@media all and (max-width: 1024px) {
    .hide-on-ipad {
        display: none !important;
    }
}

@media all and (max-width: 767px) {
    .download-flyer-desktop {
        display: none !important;
    }
    
    .download-flyer-mobile {
        display: block !important;
    }
}

@media screen and (max-width: 540px) {
    .page-hubungi-cover .contact span {
        display: inline-block !important;
        margin-top: -4px !important;
        position: relative !important;
        height: 100% !important;
        vertical-align: middle !important;
    }

    .blog__row__top .btn {
        margin-left: 10px !important;
    }
}