:root {--primary-color: #729a75 !important;--primary-color-hover: #59815c !important;}.active-color,.text-primary,.primary,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today,a {color: #729a75 !important;}*, body {-webkit-print-color-adjust: exact;}#print-area-btn a.btn,.active-background-color,.btn-default:hover,ul.nav-step li.active,.btn-primary,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {color: #fff !important;background-color: #729a75 !important;-webkit-print-color-adjust: exact;border-color: #406843 !important;}ul.nav-step li.active:after {border-left: 14px solid #729a75 !important;}.active-border-color {border-color: #729a75 !important;}.btn-primary:hover,.icon:hover,#toTop:hover {background-color: #59815c !important;border-color: #0e3611 !important;}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {background-color: #729a75 !important;box-shadow: #406843 0 1px 3px 0 inset !important;}#responsive-menu-close #responsive-menu-bars {background-color: #729a75 !important;border-color: #406843 !important;}#responsive-menu-close {border-color: #406843 !important;}#btn-responsive-menu {background-color: #59815c !important;}::-webkit-scrollbar {width: 6px;background-color: #274f2a;}::-webkit-scrollbar-track {background-color: #274f2a;}::-webkit-scrollbar-thumb {background-color: #729a75;}.nav-quick-search-paket li.active a,.nav-quick-search-paket li a:hover,body.header-type-2 #main-top-menu > li > .dropdown-menu li.active a,body.header-type-2 #main-top-menu > li > .dropdown-menu li:hover a,.header-menu-7-menu li:hover > a,#rekap-pembayaran-judul,#main-top-menu li.active > a,#main-top-menu li:hover > a,#header-form-transaksi td,#tabel-ringkasan-saldo th,#tabel-rincian-saldo th{background-color: #729a75 !important;-webkit-print-color-adjust: exact;}#header-link .header-link{color: #9fc7a2 !important;}#header-main-form-transaksi #judul-form,#rekap-pembayaran-header #right-side div#invoice-title{color: #729a75 !important;}.table-cetak-form-transaksi td {border-top: 1px solid rgba(114, 154, 117, 0.2) !important;}.table-cetak-form-transaksi.bordered td,.table-cetak-form-transaksi.bordered th{border: 1px solid rgba(114, 154, 117, 0.3) !important;}.table-striped-bordered thead tr th,.table-striped-bordered tbody tr td,#div-ttd-form-transaksi td,#div-keterangan-form-transaksi{border: 1px solid rgba(114, 154, 117, 0.3) !important;}.table-active-color > tbody > tr:nth-of-type(even) td,.active-background-color-light,.table-cetak-form-transaksi > tbody > tr.even > td,#tabel-rincian-saldo tr.even > td,.table-striped-bordered > tbody > tr.even > td{background-color: rgba(114, 154, 117, 0.1) !important;-webkit-print-color-adjust: exact;} .color-5{ color: rgba(114, 154, 117, 0.05) !important; } .background-color-5{ background-color: rgba(114, 154, 117, 0.05) !important; -webkit-print-color-adjust: exact; } .border-color-5{ border-color: rgba(114, 154, 117, 0.05) !important; } .color-10{ color: rgba(114, 154, 117, 0.1) !important; } .background-color-10{ background-color: rgba(114, 154, 117, 0.1) !important; -webkit-print-color-adjust: exact; } .border-color-10{ border-color: rgba(114, 154, 117, 0.1) !important; } .color-15{ color: rgba(114, 154, 117, 0.15) !important; } .background-color-15{ background-color: rgba(114, 154, 117, 0.15) !important; -webkit-print-color-adjust: exact; } .border-color-15{ border-color: rgba(114, 154, 117, 0.15) !important; } .color-20{ color: rgba(114, 154, 117, 0.2) !important; } .background-color-20{ background-color: rgba(114, 154, 117, 0.2) !important; -webkit-print-color-adjust: exact; } .border-color-20{ border-color: rgba(114, 154, 117, 0.2) !important; } .color-25{ color: rgba(114, 154, 117, 0.25) !important; } .background-color-25{ background-color: rgba(114, 154, 117, 0.25) !important; -webkit-print-color-adjust: exact; } .border-color-25{ border-color: rgba(114, 154, 117, 0.25) !important; } .color-30{ color: rgba(114, 154, 117, 0.3) !important; } .background-color-30{ background-color: rgba(114, 154, 117, 0.3) !important; -webkit-print-color-adjust: exact; } .border-color-30{ border-color: rgba(114, 154, 117, 0.3) !important; } .color-35{ color: rgba(114, 154, 117, 0.35) !important; } .background-color-35{ background-color: rgba(114, 154, 117, 0.35) !important; -webkit-print-color-adjust: exact; } .border-color-35{ border-color: rgba(114, 154, 117, 0.35) !important; } .color-40{ color: rgba(114, 154, 117, 0.4) !important; } .background-color-40{ background-color: rgba(114, 154, 117, 0.4) !important; -webkit-print-color-adjust: exact; } .border-color-40{ border-color: rgba(114, 154, 117, 0.4) !important; } .color-45{ color: rgba(114, 154, 117, 0.45) !important; } .background-color-45{ background-color: rgba(114, 154, 117, 0.45) !important; -webkit-print-color-adjust: exact; } .border-color-45{ border-color: rgba(114, 154, 117, 0.45) !important; } .color-50{ color: rgba(114, 154, 117, 0.5) !important; } .background-color-50{ background-color: rgba(114, 154, 117, 0.5) !important; -webkit-print-color-adjust: exact; } .border-color-50{ border-color: rgba(114, 154, 117, 0.5) !important; } .color-55{ color: rgba(114, 154, 117, 0.55) !important; } .background-color-55{ background-color: rgba(114, 154, 117, 0.55) !important; -webkit-print-color-adjust: exact; } .border-color-55{ border-color: rgba(114, 154, 117, 0.55) !important; } .color-60{ color: rgba(114, 154, 117, 0.6) !important; } .background-color-60{ background-color: rgba(114, 154, 117, 0.6) !important; -webkit-print-color-adjust: exact; } .border-color-60{ border-color: rgba(114, 154, 117, 0.6) !important; } .color-65{ color: rgba(114, 154, 117, 0.65) !important; } .background-color-65{ background-color: rgba(114, 154, 117, 0.65) !important; -webkit-print-color-adjust: exact; } .border-color-65{ border-color: rgba(114, 154, 117, 0.65) !important; } .color-70{ color: rgba(114, 154, 117, 0.7) !important; } .background-color-70{ background-color: rgba(114, 154, 117, 0.7) !important; -webkit-print-color-adjust: exact; } .border-color-70{ border-color: rgba(114, 154, 117, 0.7) !important; } .color-75{ color: rgba(114, 154, 117, 0.75) !important; } .background-color-75{ background-color: rgba(114, 154, 117, 0.75) !important; -webkit-print-color-adjust: exact; } .border-color-75{ border-color: rgba(114, 154, 117, 0.75) !important; } .color-80{ color: rgba(114, 154, 117, 0.8) !important; } .background-color-80{ background-color: rgba(114, 154, 117, 0.8) !important; -webkit-print-color-adjust: exact; } .border-color-80{ border-color: rgba(114, 154, 117, 0.8) !important; } .color-85{ color: rgba(114, 154, 117, 0.85) !important; } .background-color-85{ background-color: rgba(114, 154, 117, 0.85) !important; -webkit-print-color-adjust: exact; } .border-color-85{ border-color: rgba(114, 154, 117, 0.85) !important; } .color-90{ color: rgba(114, 154, 117, 0.9) !important; } .background-color-90{ background-color: rgba(114, 154, 117, 0.9) !important; -webkit-print-color-adjust: exact; } .border-color-90{ border-color: rgba(114, 154, 117, 0.9) !important; } .color-95{ color: rgba(114, 154, 117, 0.95) !important; } .background-color-95{ background-color: rgba(114, 154, 117, 0.95) !important; -webkit-print-color-adjust: exact; } .border-color-95{ border-color: rgba(114, 154, 117, 0.95) !important; } .color-100{ color: rgba(114, 154, 117, 1) !important; } .background-color-100{ background-color: rgba(114, 154, 117, 1) !important; -webkit-print-color-adjust: exact; } .border-color-100{ border-color: rgba(114, 154, 117, 1) !important; }@media print {.active-color,.text-primary,.primary,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today,a {color: #59815c !important;}.active-background-color,.btn-default:hover,.btn-primary {color: #fff !important;background-color: #729a75 !important;-webkit-print-color-adjust: exact;border-color: #406843 !important;}.active-border-color {border-color: #729a75 !important;}*, body {-webkit-print-color-adjust: exact;}}#m-nav-detail-transaksi .m-nav-link.active {color: #729a75 !important;}:root { /* Tema Warna*/ /* Warna paragraph yang tidak bisa ganti warna */ --paragraph-text-color: #8d8d8d; --secondary-color: #004E64; --third-color: #FEA55E; /* Warna Keranjang dan menu responsivehp */ --cart-color: #121212; --cart-color: white; /* --cart-color: var(--primary-color); */ /* Warna Judul komponen yang tidak bisa ganti warna */ --title-text-color: #373737; /* --title-text-color: white; */ /* Warna Produk */ --price-text-color: var(--primary-color); --priceline-text-color: #6f6f6f; --bg-produk: white !important; --box-shadow: 0px 0px 20px 0px rgb(0 0 1 / 5%); --padding-x: 0; /* text align produk description */ --align-produk: flex-start; /* Justify Content */ --align-description: center; /* Align Items rating bintang */ --align-items-description: center; /* Align Items */ --align-text: center; /* Text Align */ /*Font family */ --font-family: 'Readex Pro', sans-serif; --font-title: 'Readex Pro', sans-serif; --font-third: 'Jost', sans-serif; /* Font Weight*/ --light-text: 300; --regular-text: 400; --medium-text: 500; --semibold-text: 600; --bold-text: 700; --extrabold-text: 800; --verybold-text: 900; /* Border Style */ --border-produk: 1px solid #ebebeb; --border-produk: none; --border-radius: 0; --mid-radius: 0; --border-top: none; --border-radius-diskon: 3px; /* Button style */ --border-radius-button: 0 !important;}/* Coding Time *//* Teknis */.sub-flex .row, .section-flex .container { display: flex; justify-content: center; align-items: center;}.white-border { border: 10px solid white;}.leaf-2-overlay::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(https://b1cbcce5f883cdfa4.s3-jak01.storageraya.com/1665021942-154004/16653888037180-cXzq2M1D4poVrr4ETwkvKCKTNt10wBh8ou8fbqyP.png); background-size: cover; background-position: center center; opacity: 1;}.leaf-3-overlay::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(https://b1cbcce5f883cdfa4.s3-jak01.storageraya.com/1665021942-154004/16653891216417-kayShWStxGmq5DKceSfIzE5hQUxftvkzJbQMtQZx.png); background-size: cover; background-position: center center; opacity: 1;}.leaf-overlay::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(https://b1cbcce5f883cdfa4.s3-jak01.storageraya.com/1665021942-154004/16653862676754-Mnbx87jjFaFfrBGnV6CWWwoWDLyvJywoitEjcPGN.png); background-size: cover; opacity: .2;}.overlay::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: black; content: ""; opacity: .2;}textarea.form-control.mb5.textarea-code { height: 430px; font-size: 14px; font-family: "Poppins" , sans-serif;}.uppercase p, .uppercase h1 , .uppercase h2, .uppercase h3, .uppercase h4 { text-transform: uppercase;}.inherit-margin h1, .inherit-margin .h2, .inherit-margin .h3 { margin: 0;}.l-1 p ,.l-1 h1, .l-1 h2, .l-1 h3, .l-1 h4, .l-1 h5 { letter-spacing: 1px;}.l-3 p, .l-3 h1, .l-3 h2, .l-3 h3, .l-3 h4, .l-3 h5 { letter-spacing: 3px;}.l-5 p, .l-5 h1, .l-5 h2, .l-5 h3, .l-5 h4, .l-5 h5 { letter-spacing: 5px;}.skssl-wysiwyg p { font-size: 16px; line-height: 1.5;}.layout-sll-ready .sub-komponen-sll { margin-bottom: 0px; position: relative;}.container > .komponen-sll-ready.col-xs-12:only-child { padding: 0;}.add-padding .container > .komponen-sll-ready.col-xs-12:only-child { padding: 0 15px !important;}#toTop { border-radius: var(--border-radius-button) !important; bottom: 95px;}body.not-home form span.input-group-addon.captcha-image { background-position-y: 7px;}#print-area-btn a.btn,.active-background-color,.btn-default:hover,ul.nav-step li.active,.btn-primary,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover { border-color: transparent !important;}body,html { font-family: var(--font-family); overflow-x: hidden;}h1,h2,h3,h4,h5,h6,a,p { font-family: var(--font-family);}.not-home header#main-header { margin-bottom: 150px; margin-bottom: 50px;}.not-home #main-page { margin-bottom: 50px;}.layout-sll-ready .edit-layout { z-index: 100;}#gallery-view a.edit-layout, #testimoni-section a.edit-layout { top: 11%;}#testimoni-section a.edit-komponen { z-index: 4;}.triangle a.edit-komponen { right: 50% !IMPORTANT;}.tb-tambah-komponen { z-index: 3; position: relative;}#tb-pilih-jenis-komponen { display: flex; flex-wrap: wrap;}#tb-pilih-jenis-komponen .tbpjk-item span { font-size: 12px;} #btn-action-tampilan-pengaturan,#btn-action-tampilan-back,#btn-action-apply-theme,#btn-action-preview-theme { z-index: 100;}#script-section { display: block;}#script-section img { width: 85px;}#script-section a.icon-sosial-media.icon-horizontal { color: inherit !important;}#footer-section li::before { position: relative; top: -4px; left: 0; display: inline-block; content: ""; width: 8px; height: 3px; background: #e1e1e1; margin-right: 3px; transition: .4s ease;}#footer-section li:hover::before { width: 15px; transition: .4s ease;}#footer-section li { margin-bottom: 15px;}footer .skssl-code img { width: 140px; margin: 10px 0px;}#script-section .skssl-code { margin: 0 !important;}#top-admin-bar { z-index: 98 !important; position: absolute;}/* Komponen Keranjang & responsive menu */a#btn-cart-floating,a#responsive-menu-btn { border: 1px solid #e1e1e1 !important; border: none !Important;}a#btn-cart-floating.sticky,a#responsive-menu-btn.sticky { margin-top: 0 !Important;}a#btn-cart-floating:hover,a#responsive-menu-btn:hover { filter: brightness(0.9);}#responsive-menu-btn { transition: 0s;}a#btn-cart-floating { right: 30px; top: 54px;}#btn-cart-floating i.fa.fa-shopping-cart { font-size: 20px !important;}.light-style a.btn.btn-primary { background-color: transparent !important; border: none !important; border-bottom: 2px solid white !important; padding: 0 !important; color: white !important;}.dark-style a.btn.btn-primary { background-color: transparent !important; border: none !important; border-bottom: 2px solid var(--title-text-color) !important; padding: 0 !important; color: var(--title-text-color) !important;}a.btn.btn-primary.btn-sm:not(.btn-not-home, [target], [onclick]),a.btn.btn-primary.button-home:not([onclick]) { border-radius: var(--border-radius-button); text-transform: none; padding: 15px 34px; font-size: 17px; font-weight: 600; letter-spacing: 0px; font-family: var(--font-title); border-color: transparent !Important;}#list-menu-responsive { background-color: white !important;}/* akhir Komponen Keranjang & responsive menu *//* Komponen Flash Sale */.flash-sale-link { font-size: 15px!important; font-weight: 600; }a.flash-sale-link::after { display: inline-block; width: 0; height: 0; margin-left: .4em; vertical-align: .255em; content: "\f105"; border-top: none; border-right: none; border-bottom: 0; border-left: none; font: normal normal normal 14px/1 FontAwesome; position: relative; font-size: 16px; font-weight: 600; top: 5px; right: 0; opacity: .9;}#flash-content #clockdiv>div { border-radius: var(--border-radius-button) !important; padding: 6px; font-weight: 800; width: 50px;}.flash-sale-box { background: var(--primary-color) !important;}/* Akhir Komponen Flash Sale *//* Komponen Title text & Subtitle text */.third-color h2, .third-color h1, .third-color h3, .third-color h4, .third-color .skssl-wysiwyg, .third-color .skssl-wysiwyg p { color: var(--third-color) !Important;}.w-75 {width: 75%;margin: 0 auto;}.p-10 { padding: 0 10%;}.title-text h2 { font-size: 36px; line-height: 1.1; font-weight: 700; text-transform: none; margin-top: 0; font-family: var(--font-family); font-family: var(--font-title); }.vision-text h3 { padding: 14px;}.title-text.line h2::before { align-items: center; text-align: center; width: 100px; height: 5px; position: absolute; content: ""; right: 0; bottom: -3px; left: 0; transition: .5s ease; background-color: var(--primary-color);}.title-text.line.center h2::before { display: block; margin: 0 auto; align-items: center; text-align: center; width: 100px; height: 5px; position: absolute; content: ""; right: 0; bottom: -4px; left: 0; transition: .5s ease; background-color: var(--primary-color);}.title-text.line h2 { padding-bottom: 22px; }.subtitle-text h3 { font-size: 24px; font-weight: 500; line-height: normal; margin: 0; /* font-family: var(--font-title); */ font-family: var(--font-third); }.desc-text { padding: 0 20%;}.desc-text p { font-size: 17px; margin: 0; word-wrap: break-word; line-height: 25px; font-weight: 400;}.col-sm-6 .title-text,.col-sm-6 .subtitle-text,.col-sm-6 .desc-text { padding: 0;}/* Akhir Komponen Title text & Subtitle text */#navbar-section .skssl-box-icon .mcbi-image { width: 50px; height: 50px; background-color: #f7f7f7; background-size: 38%;}#navbar-section .skssl-box-icon .mcbi-title { margin: 0;}#navbar-section .mc-box-icon.mc-box-icon-side { display: flex; justify-content: flex-start; align-items: center; font-family: var(--font-third);}#navbar-section .mc-box-icon-side .mcbi-text { width: calc(100% - 50px); }div#navbar-section { /* background-color: #1a1a1aa6 !important; */ position: fixed; position: absolute; position: relative; /* top: 42px; */ width: 100%; }#banner-section a.edit-layout { position: absolute; top: 26% !important;}a#responsive-menu-btn i { color: var(--cart-color) !important; font-size: 20px;}.alex h2 { font-family: var(--font-title); font-size: 40px;}body.not-home div#navbar-section { border-bottom: 1px solid #e1e1e1; border-bottom: none; background-color: white; box-shadow: var(--box-shadow); }body.not-home div#navbar-section.not-home { box-shadow: 0px 10px 50px 0px rgb(0 0 0 / 9%);}div#navbar-section.sticky { box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px 0px; background-color: #191919 !important; position: fixed; width: 100%; top: 0; padding: 15px 0 !important; z-index: 5 !important; margin: 0 !important;}div#navbar-section { transition: top 0.1s ease; }body #navbar-section.sticky ul.horizontal-menu > li > a { margin-right: 20px !important;}#navbar-section ul.horizontal-menu > li.active > a::before { width: 50%;}#btn-cart-floating.sticky { position: fixed;}.aksen span { width: 120px; height: 2px; background-color: #ddd; display: block;}.aksen span em { width: 60px; height: 2px; background-color: #978667; display: block;}.aksen.center span,.aksen.center span em { margin: auto;}.button-white a.btn.btn-primary { background-color: transparent !Important; color: white !Important; border-color: white !important;}.co-informasi-akun-outer div > a { white-space: pre-wrap !important;}/* Akhir Teknis *//* Other Page */.co-informasi-akun-outer .chosen-container + div > a { white-space: nowrap !important;}body.not-home #navbar-section ul.horizontal-menu > li.active > a { color: var(--third-color) !important;}.detail-data-striped div.data-item { border-bottom: 1px solid #e7e7e7;}#filter-produk-sidebar,.list-produk-cart,#ringkasan-belanja,.blog-sidebar,.list-blog,#page-outer #page-content { background-color: var(--bg-produk); background-color: white; border: var(--border-produk); border-radius: var(--border-radius-button); border-radius: 0 !important; box-shadow: var(--box-shadow); padding: 20px;}#main-judul-produk,#ringkasan-belanja #rb-title,#flash-section div.flash-sale-title,.co-informasi-akun-outer h2.title { font-weight: var(--extrabold-text); font-weight: var(--medium-text);}#page-outer #page-title,#judul-blog,#page-title { font-weight: var(--bold-text);}#produk-review-header li a:hover,#produk-review-header li a.active { border-color: var(--primary-color); background-color: var(--primary-color); color: white !important; border-radius: var(--border-radius-button); border: 1px solid var(--primary-color);}#produk-review-header li a { border: 1px solid #e1e1e1; border-radius: 4px;}#produk-review-header,#title-produk-sejenis { /* border-top: var(--border-produk); border-bottom: var(--border-produk); */ padding: 10px 0;}#produk-review-header { display: flex; flex-wrap: wrap; gap: 6px;}#image-produk-big,#list-thubmbail-produk > div.thumbnail-produk,.list-blog.full-page .thumbnail { border-radius: var(--border-radius-button); border-radius: 15px; overflow: hidden;}#title-produk-sejenis { padding: 10px 0;}.list-blog.full-page > .row { margin: 0;}.list-blog { padding: 12px 18px 18px;}.list-blog .judul,.list-blog .col-md-2.col-sm-3.col-xs-12 { padding: 0;}/* body.not-home .list-blog.full-page {width: 49%;}body.not-home .list-blog.full-page:nth-child(2n) {margin-right: 12px;}body.not-home a.btn.btn-primary.btn-sm.read-more {padding: 8px 15px;}body.not-home {background-color: #f5f5f5 !important; }body.not-home .list-blog .judul a:hover {color: var(--primary-color) !important;text-decoration: none;}body.not-home #page-outer #page-title, body.not-home #judul-blog, body.not-home #page-title {font-weight: 700;}body.not-home .list-blog.full-page {padding: 30px;}.list-blog .row {display: flex;flex-direction: column;}.list-blog .col-md-2.col-sm-3.col-xs-12 {width: 100%;order: 1;margin-bottom: 15px;}.list-blog .judul.col-xs-12 {order: 2;}.list-blog .judul.col-xs-12 a {-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: normal;display: -webkit-box;}.list-blog .waktu-blog {margin-bottom: 12px;}.list-blog .col-md-10.col-sm-9.col-xs-12 {order: 3;width: 100%;}.list-blog .intro.mb5 {margin-bottom: 12px !important;}.list-blog .intro.mb5 {margin-bottom: 12px !important;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}*//* Akhir Other Page *//* CSS & JS Sticky */#btn-cart-floating.sticky,#responsive-menu-btn.sticky,#top-admin-bar.sticky { /* position: fixed; z-index: 21; -webkit-animation: smooth 1s !important; animation: smooth 1s !important; */}header.sticky { position: fixed; top: 0; width: 100%; position: fixed; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 20; -webkit-animation: smooth 1s; animation: smooth 1s;}/* Akhir CSS & JS/* Animasi Keyframes */@keyframes animasidropdown { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; }}@keyframes animasiup { 0% { transform: translateY(80px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; }}@keyframes animasizoom { 0% { background-size: 100%; } 50% { background-size: 125%; }}@keyframes move { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); }}@keyframes smooth { 0% { opacity: 0; -webkit-transform: translateY(-115px); -ms-transform: translateY(-115px); transform: translateY(-115px); } 100% { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }}@keyframes animasiiphone { 0% { opacity: 1; right: 0; } 100% { opacity: 1; right: 0; }}@keyframes animasiipad { 0% { opacity: 1; right: 25px; } 100% { opacity: 1; right: 25px; }}@keyframes animasiipadpro { 0% { opacity: 1; right: 30px; } 100% { opacity: 1; right: 30px; }}@keyframes animasixl { 0% { opacity: 1; right: 23px; } 100% { opacity: 1; right: 23px; }}/* Akhir Animasi Keyframes *//* Header */#navbar-section.layout-sll-tipe-10 .komponen-sll-ready.col-sm-6.col-xs-12 > div > ul { display: flex; justify-content: space-around; align-items: center;}#navbar-section.layout-sll-tipe-10 .komponen-sll-ready.col-sm-6.col-xs-12 { width: 65%;}div#navbar-section::before { position: absolute; content: ""; left: 0; top: 0; width: 18%; background: white; height: 100%;}#navbar-section .komponen-sll-ready.col-sm-3.col-xs-12:last-child { /* width: 17%; */}.form-pencarian .input-group { border-radius: 50px; overflow: hidden;}.form-pencarian input.form-control { background: #f7f7f7; border: 0 !important; height: 45px; padding-left: 25px;}.form-pencarian button.btn.btn-primary { height: 45px; width: 52px; background-color: #f7F7F7 !important; border-color: transparent !important;}.form-pencarian i.fa.fa-search { color: var(--primary-color) !important; font-size: 18px;}header a.btn.btn-primary { font-size: 16px !important;}header p { margin: 0;}header a.icon-sosial-media.icon-horizontal:last-child { border-right: none;}header a.icon-sosial-media.icon-horizontal { border-right: 1px solid #ffffff4f; padding-right: 5px; padding-left: 5px;}#navbar-section ul.horizontal-menu > li > a::before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); bottom: -22px; background: var(--third-color); width: 0; height: 5px; transition: .5s ease;}#navbar-section ul.horizontal-menu > li > a:hover::before { width: 75%;}body #navbar-section ul.horizontal-menu > li.active > a { border-bottom: 2px solid var(--primary-color); /* color: var(--primary-color) !important; */ border-bottom: none; /* background-color: var(--primary-color); */}#navbar-section ul.horizontal-menu > li > a:hover { color: var(--primary-color) !important; color: var(--third-color) !important;}#navbar-section li.open ul.dropdown-menu { border: none; padding: 16px 12px; animation: .2s animasidropdown ease-in-out; margin-top: -4px; border-radius: var(--mid-radius); box-shadow: 0px 10px 50px 0px rgb(0 0 0 / 9%);}#navbar-section .dropdown-menu li a { padding: 8px 15px; color: var(--title-text-color) !important; /* color: #222 !important; */ text-transform: none; font-weight: 500; font-size: 15px; border-radius: var(--mid-radius);}#navbar-section .dropdown-menu li a:hover { color: white !important; background-color: var(--primary-color); }#navbar-section .dropdown-menu li.active a { background-color: white; color: var(--primary-color) !important;}#top-navbar-section i { color: inherit; }#top-navbar-section .skssl-sosial-media { -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; display: -webkit-box; overflow: hidden; width: max-content;}#top-navbar-section .right-content { text-align: right !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}#top-navbar-section .left-content { font-weight: 500;}#top-navbar-section .left-content p,#top-navbar-section .left-content { margin: 0; font-weight: var(--regular-text); -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}#top-navbar-section .right-content a { margin-right: 12px; padding-right: 12px; font-size: 14px; font-weight: var(--regular-text)}#top-navbar-section .right-content a:hover { color: var(--primary-color) !important;}#navbar-section .logo img { max-height: 62px;}#navbar-section ul.horizontal-menu > li > a { font-size: 15px; font-weight: var(--semibold-text); display: block; text-decoration: none; color: inherit !important; text-transform: uppercase; padding: 40px 22px 35px; padding: 5px; letter-spacing: 1px; height: 100%; font-family: var(--font-title);}#navbar-section ul.horizontal-menu > li > a:hover, body #navbar-section ul.horizontal-menu > li.active > a:hover { /* color: var(--primary-color) !important; */ /* border-bottom: 2px solid var(--primary-color); */ /* border-bottom: 2px solid #fff; */}body #navbar-section ul.horizontal-menu > li > a.dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: "\f107"; border-top: none; border-right: none; border-bottom: 0; border-left: none; font: normal normal normal 14px/1 FontAwesome; position: relative; top: 5px; font-size: 14px; font-weight: 400; right: 0; opacity: .9;}/* Akhir Header *//* Body *//* Slide show Section */#slideshow-section a.left.carousel-control { background-color: var(--primary-color); padding: 36px; left: -10px; opacity: 1; border-radius: 20px; background-size: 30%;}#slideshow-section a.right.carousel-control { background-color: var(--primary-color); padding: 36px; right: -10px; opacity: 1; border-radius: 20px; background-size: 30%;}div#slideshow-section { border-radius: 25px; overflow: hidden;}#slide .item.active::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; /* background: #0000009c; */ z-index: 2;}#slide .col-xs-12 { padding: 0;}div#slideshow-section .carousel-inner .item .ci-text { width: 535px; text-align: left; left: 5%; transform: translateY(-50%); padding: 50px; background: transparent; margin-top: 0 !important;}div#slideshow-section .col-xs-12 { padding: 0;}div#slideshow-section .bs-image-slider .carousel-inner .item img { width: 0% !important;}.bs-image-slider .carousel-inner .item img { margin: 0 auto; min-height: 350px !important;}.bs-image-slider .carousel-inner .item .image-blur { filter: none; -webkit-filter: none; opacity: 1;}#slideshow-section h3 { font-size: 55px; text-shadow: none; color: inherit; font-weight: 700;}#slideshow-section .carousel-inner .item .ci-text p { background-color: transparent; color: #545454; padding: 10px 0; display: inline-block; font-size: 16px; margin-bottom: 20px;}#slideshow-section a.btn.btn-primary { padding: 12px 20px; border-radius: 10px;}/* Akhir slide show *//* Banner Section */div#banner-section { /* margin-top: -170px; */ /* border-radius: 20px; */ /* overflow: hidden; */}#banner-section .subtitle-text.aksen h3::before { display: inline-block; vertical-align: middle; background: url( https://b1cbcce5f883cdfa4.s3-jak01.storageraya.com/1647911499-977229/U73lyjl1TTCVXABjbmLCPAis5z3Isx0rnf21PT9d.webp); height: 40px; width: 112px; content: ""; background-repeat: no-repeat; margin-right: 20px;}#banner-section .subtitle-text.aksen h3::after { display: inline-block; vertical-align: middle; background: url( https://b1cbcce5f883cdfa4.s3-jak01.storageraya.com/1647911499-977229/U73lyjl1TTCVXABjbmLCPAis5z3Isx0rnf21PT9d.webp); transform: scaleX(-1); height: 40px; width: 112px; content: ""; background-repeat: no-repeat; margin-left: 20px;}#banner-section .desc-text.aksen::after { z-index: 11; background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); width: 1px; height: 60px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); vertical-align: middle; display: inline-block; content: ""; margin-top: 16px;}#banner-section .skssl-image img { border: 12px solid var(--primary-color);}#banner-section::after { }div#banner-section::before { }.title-banner h1 { margin-top: 0; font-size: 52px; line-height: 1.2; font-weight: 600; font-family: var(--font-title); /* font-family: var(--font-family); */ /* font-family: var(--font-third); */ text-transform: uppercase; text-transform: none;}.quote h1, .quote h2, .quote h3, .quote h4, .quote h5, .quote .skssl-wysiwyg p, .quote .skssl-wysiwyg { margin-top: 0; font-size: 40px; line-height: 1.2; font-weight: 500; font-style: italic; font-family: var(--font-title); /* font-family: var(--font-family); */ /* font-family: var(--font-third); */ text-transform: uppercase; text-transform: none;}.title-banner h1::before { left: 0; bottom: 0; height: 100%; width: 5px; background: var(--primary-color);}#banner-section .subtitle-banner h3 { height: auto; width: auto; margin: 0; font-size: 22px; font-weight: var(--semibold-text);}#banner-section .desc-banner h5 { font-size: 16px; font-weight: var(--regular-text); margin: 10px 0 25px; line-height: 25px; padding: 0;}#banner-section .desc-banner p { font-size: 16px;}.button-banner a.btn-primary { font-size: 16px; padding: 8px 28px; margin-top: 10px; font-weight: var(--medium-text); /* -webkit-box-shadow: 0 20px 30px 0 rgb(56 56 56 / 10%); */ box-shadow: 0 20px 30px 0 rgb(56 56 56 / 10%); text-transform: none; position: relative; z-index: 5; font-weight: 500;}#banner-section .gambar-banner { max-width: 500px; max-height: 375px; min-height: 374px; overflow: hidden; text-align: right !important;}#banner-section .gambar-banner img { width: 340px;}/* Akhir Banner *//* Button Nya *//* Akhir Button nya *//* Promotion Section */#promo-section a.btn.btn-primary.btn-sm.button-home { /* background-color: transparent !important; color: #373737 !important; padding: 0 !important; text-decoration: underline; border: none !important; font-size: 18px; */}#promo-section .komponen-sll-ready { padding: 0 12px;}#promotion-section .mcci02-image::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #0c0e22; opacity: .5;}#promotion-section .komponen-sll-ready.col-sm-6.col-xs-12:last-child .mcci02-image { padding-top: 50%;}#promotion-section .mc-card-image-02::after { content: ''; display: none; position: absolute; left: 30px; right: 30px; top: 30px; bottom: 30px; border: 0.5rem solid rgba(255, 255, 255, 0.3); transition: all .45s ease; pointer-events: none;}#promotion-section .mc-card-image-02:hover::after { background-color: #ffffff59;}#promotion-section .mcci02-text { position: absolute; bottom: 0; height: 100%; border: none; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: calc(72% - 1vw); padding: 22px; text-align: left; left: 0rem;}#promotion-section a.btn.btn-primary.btn-sm { padding: 0 !important; color: white !important; background-color: transparent !important; border: none !important; border-bottom: 2px solid white !important; border-radius: 0;}#promotion-section .mcci02-image { padding-top: calc(115% - 4vw);}#promotion-section .mcci02-title { font-weight: 400; text-transform: none; font-size: 15px;}#promotion-section .mcci02-description { margin-bottom: 20px; font-size: 26px; font-weight: 700; line-height: 1.2; margin-top: 6px; color: var(--primary-color);}/* Akhir Promotion Section *//* Promo Section */#promo-section .mc-card-image-02 .mcci02-text { position: absolute; top: 0; left: 0; border: none; display: flex; justify-content: center; flex-direction: column; align-items: flex-start; padding: 50px 50px 50px; width: 55%; text-align: left; row-gap: 10px; height: 100%; background-color: transparent;}#promo-section .mcci02-title { font-size: 27px; text-transform: none; font-weight: 700; color: inherit; font-family: var(--font-title);}#promo-section .mcci02-description { /* order: -1; */ /* background-color: var(--primary-color); */ /* padding: 5px 10px; */ /* border-radius: 5px; */ /* color: white; */ font-size: 15px; line-height: 22px; color: inherit;}/* Akhir Promosi Section *//* Finace Icon */#finance-icon .white .mcbi-description { color: white;}#finance-icon .skssl-box-icon { padding: 20px; border-radius: 0px; width: 100%; margin: 0 auto; box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%); box-shadow: none; border: 1px solid #ddd;}#finance-icon .mc-box-icon.mc-box-icon-side { display: flex; justify-content: space-between; align-items: center;}#finance-icon .mc-box-icon-side .mcbi-text { text-align: left; width: calc(100% - 75px);}#finance-icon .mc-box-icon-side .mcbi-image { width: 75px; height: 76px; background-size: 65%; background-size: 59%; background-color: var(--primary-color-hover); /* margin: 0 auto 10px; */ border-radius: 50px; left: 0; z-index: 2;}#finance-icon .mcbi-title { font-size: 18px; margin-bottom: 8px; font-weight: 700; line-height: 21px;}#finance-icon .mcbi-description { word-break: break-word; font-size: 14px; color: var(--paragraph-text-color);}/* AKhir Finance Icon *//* Icon Category */div#icon-category { box-shadow: 0px 10px 50px 13px rgb(143 140 140 / 9%); z-index: 3; width: calc(100% - 15px); display: block; margin: 0 auto !important; margin-top: -80px !important;}#icon-category .mc-box-icon.mc-box-icon-side { justify-content: flex-start; align-items: flex-start; gap: 5px;}#icon-category .komponen-sll-ready { padding: 0;}.mcbi-description { font-size: 16px; color: #8d8d8d;}#icon-category .mcbi-title { font-family: var(--font-title); font-size: 22px; font-weight: 700; margin: 0; line-height: 1.4; color: var(--primary-color); color: var(--title-text-color); margin-bottom: 5px;}div#icon-category::before { }#icon-category .mcbi-image { background-color: transparent !important; border-radius: 0 !important; width: 60px; height: 60px; background-size: cover;}#icon-category .mcbi-text { margin-top: 0px; padding-left: 8px; width: calc(100% - 60px);}#icon-category .skssl-box-icon { padding: 40px 30px; border-radius: 0px;}/* Akhir Icon Category *//* Category Section */#category-section .container.no-padding { z-index: 2; position: relative;}#category-section::after { }#category-section::before { }#category-section .skssl-card-image-01 { width: 100%; padding: 25px; margin-bottom: 24px; border-radius: var(--border-radius);}#category-section .skssl-sub-section .komponen-sll-ready { padding: 0 12px;}#category-section .skssl-card-image-01:hover { background-color: var(--primary-color) !important;}#category-section .skssl-card-image-01:hover .mcci01-image { /* background-color: white !important; */}#category-section .skssl-card-image-01:hover .mcci01-title, #category-section .skssl-card-image-01:hover .mcci01-description { color: white !Important;}#category-section .row { display: flex; flex-wrap: wrap;}#category-section .skssl-card-image-01 { transition: .8s ease !important;}#category-section .mcci01-image { display: block; height: 100px; background-size: contain; background-repeat: no-repeat; position: relative; padding: 0; border-radius: 50px; width: 100px; margin: 0 auto;}#category-section .mcci01-text { background-color: transparent; text-align: center; position: relative; display: block; padding: 0; margin-top: 15px;}#category-section .mcci01-title, #category-section .skssl-card-image-01 a { color: inherit !important;}#category-section .mcci01-title { color: inherit !important; font-size: 14px; text-transform: none; /* letter-spacing: 2px; */ font-family: var(--font-title); font-weight: 600; transition: .4s ease;}#category-section .mcci01-description { color: #8d8d8d; font-size: 16px; margin-top: 10px; line-height: 1.7;}#category-section .skssl-card-image-01 a:hover .mcci01-text { color: var(--primary-color);}#category-section .mc-card-image-01.mc-card-image-01-100-100 { padding-top: 0%; text-decoration: none;} /* Akhir Category Section *//* Long Section */#long.promo .container { display: flex; justify-content: center; align-items: center;}#long::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: .7;}#long::after { }/* Akhir long Section *//* Long promotion section */#long-promotion .komponen-sll-ready.col-xs-12:only-child { padding: 0 30px;}#long-promotion .komponen-sll-ready.col-sm-6.col-xs-12:first-child { padding-right: 35px; padding-left: 0;}#long-promotion .item img { min-height: 560px !important; object-fit: cover;}.mc-card-image-02 { border-radius: var(--border-radius) !important; overflow: hidden;}#long-promotion .skssl-image { display: block; height: 100%;}#produk-with-promotion .skssl-image img { height: 100%; display: block; object-fit: cover;}#long-promotion .skssl-image img { height: 100%; object-fit: cover;}#long-promotion .container.no-padding { display: flex; justify-content: center; align-items: center;}#long-promotion h1 { margin: 0;}div#long-promotion::before { }/* Akhir long promtion *//* Banner Promotion */#banner-promotion .mcci02-text { position: absolute; top: 5%; border: none; text-align: left; padding: 5%; width: 56%;}#banner-promotion .mcci02-title { font-size: 15px; font-weight: 600; text-transform: uppercase;}#banner-promotion .mcci02-description { font-size: 18px; font-weight: 400; line-height: 1.2; margin-bottom: 20px;}#banner-promotion a.btn.btn-primary.btn-sm { text-transform: none !important; padding: 12px 30px !important; font-size: 14px; border-radius: 0;}/* Akhir Banner Promotion *//* two Section *//* 3 3 3 3 */#two-section .mc-card-image-02:hover a.btn.btn-primary.btn-sm { height: 20px; opacity: 1; visibility: visible;}#two-section .col-md-3 .mc-card-image-02 .mcci02-image { padding-top: 100%;}div#two-section .container { padding: 0 20px !important;}#two-section .mcci02-title::after { background-color: var(--primary-color); width: 8px; height: 8px; border-radius: 50%; content: ""; display: inline-block; vertical-align: middle; margin-left: 6px; margin-bottom: 2px;}/* 3 3 6 */#two-section .mc-card-image-02:hover .mcci02-description { margin-bottom: 15px;}#two-section a.btn.btn-primary.btn-sm { background-color: transparent !important; text-transform: uppercase; font-weight: 600; border: none; padding: 0; height: 0; visibility: hidden; opacity: 0; transition: .4s ease;}#two-section .komponen-sll-ready.col-sm-3.col-xs-12,#two-section .komponen-sll-ready.col-sm-6.col-xs-12 { padding: 0;}#two-section .mcci02-text { position: absolute; bottom: 0; border: none; text-align: left; padding: 6%;}#two-section .mc-card-image-02 .mcci02-image { padding-top: 67.5%;}/* #two-section .mc-card-image-02:hover .mcci02-image::before {position: absolute;content: "";width: 100%;height: 100%;background: linear-gradient(to top, #00000070, transparent);left: 0;bottom: 0;transition: 1s;} */#two-section .col-sm-3 .mc-card-image-02 .mcci02-image { padding-top: 135%;}/* AKhir 3 3 6 */#two-section a.btn.btn-primary.btn-sm:hover { border: none !important;}#two-section a.btn.btn-primary.btn-sm { background-color: transparent !important; text-transform: uppercase; font-weight: 600; border: none; padding: 0;}#two-section .col-sm-3 .mcci02-text { padding: 12%; width: 100%;}#two-section .col-sm-4.col-xs-12 .mc-card-image-02 .mcci02-image { padding-top: 60%;}#two-section .col-sm-4.col-xs-12 .mcci02-text { position: absolute; top: 12%; text-align: left; border: none; padding: 5%; width: 72%;}#two-section .col-sm-4.col-xs-12 .mcci02-description { font-size: 23px; font-weight: 700; line-height: 1.2; margin-bottom: 20px;}#two-section .col-sm-4.col-xs-12 a.btn.btn-primary.btn-sm { background-color: transparent !important; padding: 0; text-transform: uppercase; font-weight: 600; border-bottom: 2px solid white !important; border-radius: 0;}#two-section .col-sm-4.col-xs-12 a.btn.btn-primary.btn-sm:hover { border-color: transparent !important;}#two-section .col-sm-4.col-xs-12 a.btn.btn-primary.btn-sm::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: "\f107"; border-top: none; border-right: none; border-bottom: 0; border-left: none; font: normal normal normal 14px/1 FontAwesome; position: relative; top: 19px; font-size: 16px; right: 0; transform: rotate(268deg);}/* AKhir Three Column */#two-section .mc-card-image-02 .mcci02-image::before { position: absolute; content: ""; left: 0; top: 0; background: linear-gradient(to top, #111111c7, transparent); width: 100%; height: 100%;}#two-section .mc-card-image-02 .mcci02-image { transition: all .4s ease;}#two-section .mc-card-image-02:hover .mcci02-image { transform: scale(1.1);}#two-section .skssl-card-image-02 .mc-card-image-02 { border-radius: 0px; overflow: hidden;}#two-section .mcci02-title { font-size: 14px; font-weight: 500; text-transform: uppercase;}#two-section .mcci02-description { font-size: 22px; font-weight: 600; line-height: 1.2; margin-bottom: 0; transition: .4s ease;}/* Akhir two promotion *//* Gallery View */#gallery-view img.list-image-thumbnail { max-height: 300px; aspect-ratio: 1/1; /* min-height: 290px; */ object-fit: cover; border-radius: var(--border-radius); }#gallery-view .skssl-image img { height: calc(300px - 3vw);}#gallery-view .skssl-sub-section .komponen-sll-ready { padding: 0 12px;}.slick-prev, .slick-next { background: var(--primary-color) !important;; border-radius: 50px; width: 50px; height: 50px; z-index: 2; display: flex; justify-content: center; align-items: center;}button.slick-prev.slick-arrow::before,button.slick-next.slick-arrow::before { display: inline-block; width: 0; height: 0; color: white; font: normal normal normal 14px/1 FontAwesome; position: relative; top: -15px; font-size: 28px; right: 0; font-weight: bold;}button.slick-next.slick-arrow::before { margin-left: -6px; vertical-align: .255em; content: "\f105";}button.slick-prev.slick-arrow::before { margin-left: -13px; vertical-align: .255em; content: "\f104";}.skssl-carousel .mc-carousel { display: flex;}.skssl-carousel { }button.slick-next.slick-arrow { margin-left: 25px;}button.slick-prev.slick-arrow { margin-right: 25px;} a.list-image-carousel.slick-slide { padding: 0 12px; outline: none;}.mc-carousel .slick-arrow { /* display: inline-block !IMPORTANT; */ background-color: var(--primary-color); border: none !IMPORTANT; width: 80px; font-size: 0px !IMPORTANT;}#gallery-view .skssl-sub-section { margin: 0;}#gallery-view .komponen-sll-ready.col-xs-12:only-child { padding: 0 15px;}#gallery-view .skssl-image:hover { transform: translateY(-5px);}#gallery-view .skssl-image:hover img { /* transform: scale(1.1); filter: none; */}#gallery-view img { transition: all .4s ease;}#gallery-view .skssl-image { overflow: hidden; border-radius: 0px; transition: .4s ease;}#gallery-view .skssl-image img { transition: all .4s ease; height: calc(300px - 3vw); object-fit: cover; width: -webkit-fill-available; /* border-radius: 15px; */}#gallery-view .komponen-sll-ready.col-sm-9.col-xs-12 .skssl-image img { object-position: top;}#gallery-view .komponen-sll-ready.col-sm-9.col-xs-12 .skssl-image { max-height: 306px; overflow: hidden;}/* AKhir Gallery View *//* Gallery Two */#gallery-two .skssl-image { margin: 0 !important;}#gallery-two .komponen-sll-ready.col-md-2.col-sm-4.col-xs-12 { padding: 0;}#gallery-two img { height: 200px; width: -webkit-fill-available; object-fit: cover;}/* AKhir Gallery Two *//* How Section */#how-section .mcbi-image { background: #ff993317; width: 80px; height: 80px; background-size: 61%; background-repeat: no-repeat; background-position: center; border-radius: 20px;}#how-section .mcbi-description { color: #7a7a7a;}#how-section .mcbi-title { font-size: 18px;}/* Akhir How Section *//* About Section */#about-section .mcbi-text { margin: 0 ;}#about-section .triangle { top: 20%; margin-top: 60px;}.second { width: 350px; right: 93%;}#about-section li::before { content: "\2714\0020"; color: white; font-weight: bold; display: inline-block; background: var(--primary-color); border: none; border-radius: 50%; min-width: 22px; max-height: 22px; text-align: center; position: relative; vertical-align: middle;}#about-section li { font-size: 16px; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 10px;}#about-section ul { padding: 0;}.cake { width: max-content; padding: 25px 40px; position: absolute !important; transform: translate(140%, -90%);}#about-section .cake .mcbi-title { font-size: 42px;}#about-section .cake .mcbi-description { color: #222 !important; margin-top: 10px; font-weight: 700;}.form-data-section { z-index: 2;}.form-data-section a.chosen-single, .form-data-section .form-control { height: 40px !IMPORTANT; border-radius: 4px !important;}.form-data-section textarea.form-control { height: auto !IMPORTANT;}#about-section.reverse .form-data-section,#about-section.reverse .skssl-sub-section { box-shadow: none;}#about-section.reverse .skssl-sub-section h2 { font-size: 35px;}#about-section.reverse .skssl-sub-section { height: 400px; padding: 35px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; overflow: hidden; box-shadow: var(--box-shadow); border-radius: var(--border-radius);}div#about-section.reverse { margin-top: -215px; margin-top: 0;} .triangle-2::before { display: none; position: absolute; content: ""; left: -15px; bottom: -15px; width: 103px; height: 103px; transform: rotate(90deg); background: var(--primary-color); clip-path: polygon(100% 0, 0% 100%, 100% 100%); z-index: -1;}#about-section img { height: 640px; max-height: 700px; width: -webkit-fill-available; object-fit: cover; border: 8px solid var(--primary-color); border: none; /* border-radius: var(--border-radius); */ /* top: -50px; */ position: relative; /* margin-bottom: -20px; */}#about-section.reverse i { margin-right: 10px; color: var(--primary-color);}#about-section.reverse .komponen-sll-ready.col-sm-6.col-xs-12 { padding: 0 12px;}#about-section.reverse .skssl-code { display: flex; justify-content: flex-start; align-items: flex-start;}div#about-section.reverse::before { background-image: url( https://b1cbcce5f883cdfa4.s3-jak01.storageraya.com/1649641634-843879/PitELlrSNhd8alkMgxpLM3gaH7zEx4fJv2pIaaFA.webp) !important; opacity: .4; position: absolute; background-size: cover;}.ceklis-content a:hover { text-decoration: none; cursor: default;}.ceklis-content ul li::before { content: "\2714\0020"; color: white; font-weight: bold; margin-top: 5px; display: inline-block; margin-right: 5px; border: none; border-radius: 50%; text-align: center; background-color: var(--primary-color); font-size: 15px; padding: 2px 0 5px; width: 27px; height: 27px;}.ceklis-content a { color: inherit !important; font-size: 14px; font-weight: 400;}.ceklis-content ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; column-gap: 15px;}.ceklis-content { margin-bottom: 15px !important;}.form-data-section select.form-control.chosen-control { height: 40px; background-color: #f1f1f1 !important; border-color: #f1f1f1 !important;}#about-section span.input-group-addon.captcha-image,.form-data-section a#btn-refresh-captcha,.form-data-section input.btn.btn-primary.mt10 { border-radius: 0 !important;}.form-data-section a#btn-refresh-captcha { height: 40px; width: 45px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; display: flex; justify-content: center; align-items: center;}.form-data-section input.btn.btn-primary.mt10 { width: 100%; height: 40px; line-height: 4px; border-radius: 4px !important;}#about-section textarea.form-control { height: inherit !important;}#about-section.reverse .big-image::before { content: ""; height: 100%; width: 62%; background-color: var(--primary-color); position: absolute; bottom: 0; left: 0; clip-path: polygon(0 0, 70% 0%, 100% 100%, 0% 100%); z-index: -1; transition: all 0.3s ease-in-out;}#about-section .big-image::before { display: none; content: ""; height: 100%; width: 48%; background-color: var(--primary-color); position: absolute; bottom: 0; right: 0; /* clip-path: polygon(0 0, 70% 0%, 100% 100%, 0% 100%); */ z-index: -1; transition: all 0.3s ease-in-out;}#about-section img { }#about-section .big-image img { width: 371px; position: relative; height: 457px; display: block; top: -20px; float: right; margin: 0 auto; border-radius: 0px; object-fit: cover;}#about-section .skssl-box-icon { padding: 0 8px;}#about-section .skssl-box-icon .mcbi-description { line-height: 26px; font-weight: 600; display: none; letter-spacing: 0; font-size: 16px; color: var(--paragraph-text-color); color: #323232; margin-top: 5px;}#about-section .skssl-sub-section .komponen-sll-ready.col-xs-12 { padding: 0;}div#about-section::before { }.big-image { border-radius: 0px; padding: 40px 0 40px 40px;}.gambar-kecil { position: absolute !important; bottom: 15px; left: 3%; border-radius: 0px; }.gambar-kecil img { width: 255px; height: 455px; object-fit: cover; border-radius: 0px; position: relative; bottom: -21px;}#about-section .skssl-box-icon .mc-box-icon { /* background-color: white; */ /* box-shadow: 0 30px 50px rgb(229 229 229 / 80%); */ border-radius: 13px; padding: 12px 5px;}#about-section .skssl-box-icon::before { left: 6%; bottom: -20px; width: 32%; height: 83%; background: #708d811a; border-radius: 36%;}#about-section .mcbi-title { font-size: 22px; line-height: 1.2; margin-bottom: 0; font-weight: 600; font-family: var(--font-title); color: inherit;}#about-section .mc-box-icon.mc-box-icon-side { display: flex; justify-content: flex-start; align-items: center;}#about-section .mcbi-image { background-color: var(--third-color); width: 55px; height: 55px; background-size: 64%; /* position: absolute; */ /* left: 50%; */ /* transform: translateX(-50%); */ /* opacity: .1; */ /* border-radius: 10px; */}#about-section .container.no-padding { display: flex; justify-content: center; align-items: center; /* border-radius: var(--border-radius); */ /* overflow: hidden; */ /* box-shadow: var(--box-shadow); */}.small-image { width: 270px; z-index: 2; height: 360px; overflow: hidden;}.form-data-section { box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%); padding: 35px; border-radius: 0px;}.form-data-section .form-group { width: 48.5%;}.form-data-section .form-hubungi-kami { display: flex; flex-wrap: wrap; justify-content: space-between;}.form-data-section .form-group:nth-child(5),.form-data-section .form-group:nth-child(6) { width: 100%;}#about-section .desc-text p { margin-bottom: 0; }.form-data-section i.fa.fa-refresh { margin: 0 !important;}#about-section input.form-control,#about-section textarea.form-control,#about-section a.chosen-single { background-color: #f1f1f1; border-color: #f1f1f1 !important; height: 40px; border-radius: 0 !important;}#about-section span.input-group-addon.captcha-image { border-color: #f1f1f1; background-position-y: 6px;}#about-section span.input-group-addon { background-color: #dcdcdc; border-color: #dcdcdc !important;}/* Akhir About section *//* Program Section */#program-section .slick-track { cursor: grab;}#program-section .skssl-card-image-02 .mcci02-image { padding-top: 75%;}#program-section .skssl-card-image-02 { background-color: white; transition: .5s ease; margin-bottom: 10px; padding: 15px;}#program-section .skssl-card-image-02::after { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--third-color); border-radius: 0; z-index: -1; transition: .5s ease;}#program-section .skssl-card-image-02:hover::after { left: 10px; top: 10px; transition: .5s ease;}#testi-section .item .inner-testimonial::before { /* position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--third-color); border-radius: 0; z-index: 0; transition: .5s ease; */ }#testi-section .item .inner-testimonial:hover::before { /* left: 10px; top: 10px; transition: .5s ease; */}#program-section .mc-card-image-02 .mcci02-text { border: none; padding: 20px 20px 10px;}#program-section .mc-card-image-02 .mcci02-text .mcci02-title { font-size: 22px; text-transform: none; font-weight: 600; margin-bottom: 5px; color: var(--primary-color);}#program-section .mc-card-image-02 .mcci02-text .mcci02-description { font-size: 16px;}#program-section .skssl-card-image-02:hover .mcci02-title, #program-section .skssl-card-image-02:hover .mcci02-description { color: white; transition: .5s ease;}#program-section .skssl-card-image-02:hover { background-color: var(--primary-color); transition: .6s ease;}#program-section .skssl-sub-section .row.layout-sll-tipe-12 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; row-gap: 30px;}#program-section .skssl-sub-section .row.layout-sll-tipe-12 .komponen-sll-ready.col-md-2.col-sm-4.col-xs-12:nth-child(9) { }#program-section .skssl-sub-section .row.layout-sll-tipe-12 .komponen-sll-ready.col-md-2.col-sm-4.col-xs-12 { width: 33.333333333%;}/* Akhir Program Section *//* Visi Misi Section */#visi-misi-section .skssl-wysiwyg ol li { margin-bottom: 16px; font-size: 16px;}#visi-misi-section ol { padding-left: 20px;}/* Akhir Visi Misi Section *//* Services Icon */#services-icon .mcci01-image { height: 64%; width: 100%; border-radius: 15px; display: block; position: relative; padding-top: 68%;}#services-icon .mc-card-image-01 { padding-top: 0;}#services-icon .mc-card-image-01 { padding: 25px !important;}#services-icon .mc-card-image-01 .mcci01-text { border: none; padding: 8px 4px 2px; text-align: left; display: inline-block; background-color: transparent; position: relative;}#services-icon .mcci01-title { color: inherit !important; font-family: var(--font-title); font-weight: 700; margin-top: 12px;}#services-icon .mcci01-description { color: var(--paragraph-text-color); margin-top: 7px;}#services-icon .mcci02-image { /* width: 100%; */ /* background-size: 100%; */ padding-top: 80%; border-radius: 10px; background-repeat: no-repeat;}#services-icon .mc-card-image-02 { display: flex; justify-content: center; align-items: center; padding: 15px 10px 0; border: 2px solid var(--primary-color); border: none; flex-direction: column;}#services-icon .mcci02-text { border: none; padding: 4px 4px 0; text-align: left;}#services-icon a.btn.btn-primary.btn-sm.button-home { padding: 0; color: var(--primary-color) !important; background-color: transparent !important; border: none !important; border-radius: 0; margin-bottom: 15px; display: inline-block; margin-top: 12px; letter-spacing: 0; border-bottom: 1px solid var(--primary-color) !important; text-transform: none; font-weight: 500;}#services-icon .skssl-card-image-02 { box-shadow: 0px 1px 8px 11px #00000008; box-shadown: none; padding: 12px;}#services-icon .mcci02-title { font-family: var(--font-title); font-size: 20px; text-transform: none; font-weight: 700; margin-top: 15px; margin-bottom: 6px;}#services-icon .mcci02-description { font-size: 14px; line-height: 24px; margin-bottom: 15px; margin-bottom: 0; color: var(--paragraph-text-color);}/* Akhir Services icon *//* Ingredient */.bot-img img { height: 294px ; object-fit: cover;}#ingredient .title-text , #ingredient .desc-text { padding: 0;}/* Akhir Ingredient *//* Portfolio Section */#portfolio-section h2 { font-size: 48px; width: 75%; display: block; margin: 0 auto; margin-top: 8px;}#portfolio-section .mcci02-text { background-color: white; border: none; padding: 20px;}#portfolio-section .skssl-card-image-02 { overflow: hidden; border-radius: var(--border-radius);}#portfolio-section .mcci02-image { padding-top: 75%;}#portfolio-section .mcci02-title { font-family: var(--font-title); font-size: 22px; font-weight: 600;}#portfolio-section .mcci02-description { margin: 0;}/* Akhir Portfolio Section *//* Types Section */#services-icon .skssl-card-image-02::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; transform: rotate(-21deg); opacity: .08; height: 100%; background: url( https://b1cbcce5f883cdfa4.s3-jak01.storageraya.com/1645408124-833875/2inushX1Ed0ckoUr80ODggtJEXZwDIcIGK5dHdPI.webp); background-size: cover;}#type-section::before, #portfolio-section::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: 0;}#type-section .komponen-sll-ready.col-md-2.col-sm-4.col-xs-12:last-child { display: none;}#type-section .komponen-sll-ready.col-md-2.col-sm-4.col-xs-12 { width: 20%;}#type-section .mc-card-image-02 { padding: 22px; display: flex; flex-direction: column; border-bottom: 3px solid var(--primary-color);}#type-section a.btn.btn-primary.btn-sm.button-home { padding: 0; background-color: transparent !important; color: var(--primary-color) !important; border: none !important;}#type-section .mcci02-text { border: none; padding: 0;}#type-section .mcci02-image { order: 1; display: inline-block; height: 100px; margin-top: 15px;}#type-section .mcci02-description { display: none;}#type-section .mcci02-title { font-weight: 700; font-family: var(--font-title);}/* Akhir Types Section *//* Services section */#services-section a.btn.btn-primary.btn-sm::before { color: white; border-top: none; border-right: none; border-bottom: 0; border-left: none; font: normal normal normal 14px/1 FontAwesome; content: "\f107"; position: relative; font-size: 32px; font-weight: 900;}.mc-card-image-02 .mcci02-text .mcci02-description { margin-bottom: 10px; color: var(--paragraph-text-color);}#services-section img { height: 250px; object-fit: cover; width: -webkit-fill-available;}#services-section .mc-card-image-02 { box-shadow: 0px 1px 30px 0px rgb(21 34 43 / 15%); box-shadow: none;}#services-section .mcci02-image { padding-top: 65%;}#services-section .skssl-card-image-02 .mcci02-text { display: flex; justify-content: space-between; align-items: center; padding: 20px; border: none; background-color: #f6f6f6; bottom: 0; flex-direction: column; height: 95%;}#services-section a.btn.btn-primary.btn-sm { margin-bottom: -56px; font-size: 0; border-radius: 50px; padding: 0; display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; bottom: -63px; border: 8px solid white !IMPORTANT;}#services-section .mcci02-title { font-weight: 700; text-transform: uppercase; color: inherit; letter-spacing: 1px; margin-bottom: 10px;}/* Akhir Service secton *//* Three Promotion */#three-promotion .skssl-card-image-02:hover .mcci02-image,#three-promotion .skssl-card-image-01:hover .mcci01-image { transform: scale(1.1);}#three-promotion .mc-card-image-02,#three-promotion a.mc-card-image-01.mc-card-image-01-100-100 { overflow: hidden;}#three-promotion .mcci01-image { transition: .4s ease;}#three-promotion .mcci02-description { margin: 0 !important; display: none;}#three-promotion a.btn.btn-primary.btn-sm { padding: 5px 0; background-color: transparent !important; font-weight: 600; font-size: 15px; border-color: transparent !important; letter-spacing: 1px; border-bottom: 2px solid white !important; text-transform: uppercase; border-radius: 0;}#three-promotion .skssl-card-image-01:hover .mcci01-text { transform: translateY(-10px);}#three-promotion .mcci01-text { width: 60%; margin: 0 auto; position: relative; background-color: white; bottom: 20px; left: 20%; text-align: center; transition: .4s ease;}#three-promotion .mcci01-title { font-size: 15px; font-weight: 700; color: #111111;}div#three-promotion::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 58%; background: #cfc2c2 !important;}#three-promotion .container.no-padding { display: flex; justify-content: center; align-items: center;}#three-promotion .mcci02-image::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: .5;}#three-promotion .mcci02-title { font-size: 24px; font-weight: 700;}#three-promotion .mcci02-text { position: absolute; top: 40%; border: none;}#three-promotion .mcci02-image { padding-top: 140%; transition: .4s ease;}/* AKhir Three Promotion *//* happy section */#happy-section::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: .7;}#happy-section .container { display: flex; flex-wrap: wrap;}#happy-section .mcbi-description::after { content: ""; vertical-align: middle; display: block; background: #505050; background: var(--primary-color); height: 2px; width: 50px; margin: 0 auto 15px; border-radius: 50px;}#happy-section .mcbi-title { font-size: 16px;}#happy-section .mcbi-text { margin: 0; display: flex; flex-direction: column-reverse;}#happy-section .mcbi-description { font-size: 50px; font-weight: 700; color: var(--primary-color); color: inherit;}#happy-section .mcbi-image { display: none;}/* Akhir Happy Section *//* Services section */#services-section .skssl-box-icon:hover .mcbi-text::before { position: absolute; content: ""; left: -8px; bottom: 4px; height: 99px; width: 5px; background: #FFB400; display: block;}#services-section .skssl-box-icon { padding: 30px 20px; border: 1px solid #ebebeb; margin-bottom: 25px; transition: .5s ease;}#services-section .mcbi-image { width: 75px; height: 75px; background-size: 85%; margin: 0; background-color: transparent;}#services-section .mcbi-text { text-align: left; transition: .5s ease;}#services-section .skssl-box-icon:hover .mcbi-text { transform: translateX(10px);}#services-section .skssl-box-icon:hover { background-color: var(--primary-color);}#services-section .skssl-box-icon:hover .mcbi-text { color: white;}/* AKhir services section *//* Gallery section *//* AKhir Gallery section *//* Team section */#team-section .mcci02-image { padding-top: 110%;}#team-section .mcci02-text { padding: 20px 10px 15px; border: none;}#team-section .mcci02-title { font-size: 18px; text-transform: none; font-weight: 700; line-height: normal;}#team-section .mcci02-description { font-style: italic; color: #373737;}#team-section .skssl-card-image-02 { box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);}/* Akhir Team Section *//* Why section */#why-section .mc-box-icon-side .mcbi-text { width: calc(100% - 50px);}#why-section .skssl-box-icon { box-shadow: 0px 10px 50px 0px rgb(53 82 99 / 9%); box-shadow: var(--box-shadow); padding: 20px; border-radius: var(--border-radius);}#why-section .mc-box-icon.mc-box-icon-side { display: flex; justify-content: flex-start; align-items: center;}#why-section .mc-box-icon.mc-box-icon-top { display: flex; justify-content: center; align-items: center; flex-direction: column;}#why-section .row { display: flex; justify-content: center; align-items: center;}#why-section .komponen-sll-ready.col-md-3.col-sm-6.col-xs-12 { width: 20%;}#why-section .mcbi-title { font-family: var(--font-third); font-size: 22px; margin: 0;}#why-section .mcbi-image { background-color: var(--primary-color); z-index: 2; background-size: 65%; border-radius: 0; height: 50px; width: 50px;}div#why-section::before { position: absolute; }#why-section .col-xs-12 .title-text { padding: 0;}#why-icon-section .skssl-box-icon { border: 1px solid #FFFFFF2B; padding: 20px 10px 30px; border-radius: 10px;}#why-icon-section .mcbi-text { text-align: left;}#why-icon-section .mcbi-image { background-color: transparent; border-radius: 0; background-size: 90%; width: 75px; margin-left: 10px;}#why-icon-section .mc-box-icon .mcbi-text .mcbi-title { font-size: 18px; margin-bottom: 10px;}/* Akhir why *//* bg back */div#bg-back { height: 352px; margin-bottom: -335px;}#bg-back::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: .6;}/* Akhir Bg Back *//* List Produk */#produk-content::after { }#produk-content .komponen-sll-ready.col-xs-12:only-child { padding: 0;}#produk-content .promo .mc-card-image-02 .mcci02-image { padding-top: 175%;}#produk-content .promo .mc-card-image-02 .mcci02-text { width: 100%; display: inline-block; padding: 5px 10px; border: none; border-top: 0; text-align: center; position: absolute; bottom: 50%;}#produk-content .promo .mc-card-image-02 .mcci02-text .mcci02-title { font-size: 26px; text-transform: none; font-weight: 600;}#produk-content .promo .mc-card-image-02 .mcci02-text .mcci02-description { margin-bottom: 20px; font-size: 18px; font-weight: 500; text-transform: uppercase;}#list-produk .list-produk-item .produk-item-inner .produk-description { padding: 15px var(--padding-x) 24px; border-top: var(--border-top);}#list-produk .list-produk-item .produk-item-inner .produk-description .produk-price { margin-bottom: 5px;}/* Akhir List Produk *//* Flash Section */#flash-section > .row:nth-child(1) > .col-lg-2.col-xs-12 { width: 100%;}#flash-section hr { border-color: #4a4a4a; border-color: #e1e1e1; width: 100%;}#flash-content::before { }#flash-section div.flash-sale-title { font-size: 34px; font-family: var(--font-title); color: var(--title-text-color); text-transform: none; letter-spacing: 0; line-height: 1; margin-bottom: 5px;}#clockdiv > div,#clockdiv div > span { background: var(--primary-color);}#flash-section .list-produk-item .produk-item-inner .produk-description {padding: 15px var(--padding-x) 24px;}#flash-section .list-produk-item .produk-item-inner .produk-description .produk-title { font-size: 18px;}#flash-section .list-produk-item .produk-item-inner .produk-description .produk-price { font-size: 12px;}/* Akhir Flash Section 8 */#motor-section .title-text.aksen::after { vertical-align: middle; content: ""; display: block; width: 1px; height: 55px; background: white; margin: 5px auto;}#motor-section::before { opacity: 0; position: absolute; content: ""; left: 0; top: 0; background: #222; width: 100%; height: 100%;}/* Testimoni Section */#testi-section .testimonial-area .judul::before { position: relative; display: block; vertical-align: middle; width: 50px; height: 50px; background-image: url( https://b1cbcce5f883cdfa4.s3-jak01.storageraya.com/1665021942-154004/16652182494025-ezzkkaJykiEl47Gu5UVqQHmUcaeO2P87XJ5saxHX.png); content: ""; margin: 10px auto 20px; z-index: 2; left: 0; top: 0; background-size: 100%; transform: rotate(0deg);}.test { padding: 34px;}.test .mcbi-text { margin-top: 0 !IMPORTANT;}.test .mcbi-image { background-color: transparent; width: 80px; height: 72px;}#motor-section .mcbi-description { font-weight: 600;}#motor-section .mcbi-title { font-size: 32px; margin: 0;}#testimoni-section .komponen-sll-ready.col-sm-4.col-xs-12 { padding: 0;}div#testimoni-section {}#testimoni-section .container.no-padding::before { display: none; position: absolute; content: ""; right: 0; bottom: 0%; width: 43%; height: 112%; background: url(https://b1cbcce5f883cdfa4.s3-jak01.storageraya.com/1644800293-736554/mG8cmsAsvErQvtWbz0TCOKaBCgJKU31Z0t3GvgEg.webp); background-repeat: no-repeat; opacity: .03; z-index: 0;}#testimoni-section .title-text h2 { /* font-size: 28px; */}#testimoni-section .title-text { padding: 0;}.testi-box { height: 100%; display: block; position: relative; /* left: -46px; */ padding: 40px 30px !important; /* top: 25px; */ /* width: 567px; */ border-radius: 0px; overflow: hidden; /* box-shadow: 0px 4px 18px rgb(194 200 213 / 30%); */}#testimoni-section img { object-fit: cover; height: 340px; width: -webkit-fill-available; object-position: bottom;}#testimoni-section .skssl-image { position: relative; /* top: -30px; */ /* width: 612px; */ max-height: 340px; border-radius: 0px; overflow: hidden;}#testimoni-section .komponen-sll-ready.col-sm-6.col-xs-12:last-child { width: 66.666%;}#testi-section .inner-testimonial::before { }#testi-section .carousel-inner { min-height: 135px !important;}#testi-section.p-10 .item .inner-testimonial { text-align: center;}#testi-section .item .inner-testimonial { background-color: var(--primary-color); width: 100%; padding: 10px 20px 40px; text-align: center; margin: 0 auto; border-radius: 0; /* border: 2px solid white; */}div#testi-section { /* padding: 20px; */ border-radius: 0px; margin: 20px auto 0; width: 72%; /* border: 5px solid #4a4a4a; */}#testimoni-section::before { position: absolute; content: ""; top: 0; right: 0; background-image: linear-gradient(to top, #ffffff05, #ffffffed); height: 100%; width: 100%;}#testi-section .testimonial-area .judul { margin-top: 0px; text-shadow: none; color: var(--primary-color); color: white; font-size: 29px; font-weight: var(--bold-text); text-transform: none;}#testi-section .testimonial-area .pesan { text-shadow: none; font-size: 16px; padding: 15px 0; color: white; margin-bottom: 8px; font-style: normal; line-height: 1.4; display: flex;}#testi-section .testimonial-area .author { text-shadow: none; text-transform: none; font-weight: 600; color: var(--primary-color); font-size: 18px; color: white;}/* Akhir Testimoni *//* Carl Section */#carl-section .skssl-wysiwyg::after { background: url(https://b1cbcce5f883cdfa4.s3-jak01.storageraya.com/1665021942-154004/16652182494025-ezzkkaJykiEl47Gu5UVqQHmUcaeO2P87XJ5saxHX.png); position: absolute; content: ""; left: 11px; top: -17px; width: 40px; height: 40px; background-size: cover;}#carl-section .skssl-wysiwyg { padding: 18px; margin-bottom: 18px; border-radius: 10px;}/* Akhir Carl Section *//* Join Section */.ceklis-content li { background-color: #ffffff; margin-bottom: 17px; border: 2px solid var(--primary-color); padding: 6px 20px 9px 10px; border-radius: 0; display: inline-block; width: 48%; box-shadow: var(--box-shadow);}/* Akhir Join Testimoni */.thumbnail { padding: 40% !important;}/* Blog Section */.list-paket-front.landscape.col-xs-12.col-sm-6.col-md-3.with-thumb { padding: 0 12px;}#blog-content .komponen-sll-ready.col-xs-12:only-child { padding: 0;}div#blog-section .row { margin: 0;}div#blog-section { padding: 0 0px !important; margin: 0 -15px;}#blog-section .list-paket-front.landscape .thumbnail { border-radius: var(--border-radius) var(--border-radius) 0 0; border: 22px solid white; border-bottom: 5px; padding: 32% !important; box-shadow: var(--box-shadow);}#blog-section .list-paket-front.landscape .judul { margin: 10px 0 10px 0; font-size: 20px;}#blog-section .list-paket-front.landscape .judul a { color: var(--title-text-color) !important; font-weight: 600; font-size: 22px; white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; font-family: var(--font-family); font-family: var(--font-title); line-height: 1.2; text-transform: none;}#blog-section .list-paket-front .waktu::after { content: ' '; width: 0; height: 0; border-right: 0 solid transparent; border-left: 10px solid #bf9d9d00; border-top: 10px solid var(--primary-color); position: absolute; bottom: -10px; left: 0; z-index: 0; display: block;}#blog-section .list-paket-front.landscape .judul a:hover { color: var(--primary-color) !important; text-decoration: none;}#blog-section .list-paket-front.landscape .deskripsi { padding: 25px 25px 15px; text-align: center; border: none; background-color: #FFFFFF; bottom: 50px; width: 100%; margin: 0 auto; box-shadow: var(--box-shadow); border-radius: 0 0 var(--border-radius) var(--border-radius);}#blog-section .list-paket-front .waktu { margin: 10px 0 10px; font-size: 12px; position: absolute; left: 50%; transform: translateX(-50%); top: 51%; background-color: var(--primary-color); padding: 7px 13px; color: white !important;}.waktu a { color: white !important; text-decoration: underline;}#blog-section .list-paket-front .deskripsi .intro { margin: 10px 0 15px !important; color: var(--paragraph-text-color) !important; /* color: var(--title-text-color) !important; */ font-size: 16px !important; line-height: 26px; font-weight: 400;}#blog-section .list-paket-front.landscape .deskripsi a.btn-primary { /* border-radius: 0px; */ /* padding: 12px 20px; */ /* font-size: 14px; */ margin-top: 8px; /* background-color: #FF4328 !important; */ /* color: #fff !important; */ box-shadow: 0 20px 30px 0 rgb(56 56 56 / 10%); display: none;}/* Akhir Blog Section *//* CLient section */#client-section .slick-initialized .slick-slide { filter: grayscale(1); border: 1px solid #e9e9e9; height: 69px; display: grid; place-items: center; transition: .4s ease;}#client-section .slick-initialized .slick-slide:hover { filter: none;}#client-section .komponen-sll-ready:first-child .skssl-image { border-left: 1px solid #e9e9e9;}#client-section .skssl-image:hover { filter: none;}#client-section .komponen-sll-ready.col-md-2.col-sm-4.col-xs-12 { padding: 0;}#client-section .skssl-image img { height: 44px; display: block; margin: 0 auto;}#client-section .container { display: flex; justify-content: center; align-items: center;}#client-section .skssl-image { filter: grayscale(1); border: 1px solid #e9e9e9; padding: 20px; transition: .3s ease; border-left: none;}#client-section .slick-track { display: flex; justify-content: center; align-items: center;}#client-section img.list-image-thumbnail { width: -webkit-fill-available; object-fit: cover; max-height: 201px !important; min-height: 23px; }/* AKhir client section *//* Footer section */footer i.fa.fa-map-marker { font-size: 20px; margin-right: 3px;}footer input.form-control { height: 40px;}footer input.form-control { border-radius: 15px !important; background-color: white !important; border-color: #101010 !important; border-radius: 0 !important;}footer .input-group { height: 40px; width: 100%; border-radius: 0; overflow: hidden;}footer button.btn.btn-primary::before { position: relative; display: inline; content: "Subscribe Email ";}footer button.btn.btn-primary { padding: 12px; border-radius: 0 !important; /* background-color: transparent !important; */ /* border-left: 1px solid #2a2a2a !important; */ /* outline: 2px solid var(--primary-color); */ /* left: 2px; */ width: 100%; border: none !Important; margin: 0 !important; outline: none !important;}footer dic.input-group-btn { /* white-space: normal; */ /* position: relative; */ /* height: 45px !important; */ display: inline-block; z-index: 5; width: 100%; border-radius: 0 !IMPORTANT;}footer .skssl-code { display: flex; justify-content: flex-start; align-items: baseline; column-gap: 10px; font-size: 15px; line-height: 26px;}footer .skssl-code i { color: var(--primary-color); }footer .skssl-logo-utama img { max-height: 62px;}#news-letter .title-text { padding: 0;}body.not-home #news-letter { display: none !important;}div#news-letter { position: relative; }div#news-letter::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: .4;}#news-letter input.form-control::placeholder { color: #111;}footer form small { color: white; display: none;}#news-letter button.btn.btn-primary i { color: var(--primary-color) !important; color: white !important;}#news-letter button.btn.btn-primary { height: 45px; width: 50px; background-color: white !IMPORTANT; background-color: var(--primary-color) !important; border-color: white !IMPORTANT; border-color: var(--primary-color) !important; color: var(--primary-color) !important; color: white !important; border-radius: 0;}#news-letter input.form-control { border-radius: 0; height: 45px; background-color: white !important; border: 1px solid white !important; color: white !important;}#news-letter .desc-text { padding: 0 !important;}.skssl-registrasi-subscriber div.input-group input.form-control { border-radius: 0 !important; margin-bottom: 8px; height: 48px;}#news-letter .skssl-registrasi-subscriber { margin: 0 0 -5px !IMPORTANT;}footer .skssl-registrasi-subscriber .mb5 { margin-bottom: 16px !important;}#news-letter .mb5 { display: none;}#news-letter h2 { font-size: 42px; }footer#main-footer .komponen-sll-ready { margin: 0;}div#footer-section { padding-top: 0;}.title-footer h4 { font-weight: var(--bold-text) !important; font-size: 25px;}.title-footer h4::before { left: 0; bottom: 0; width: 5px; height: 100%; background: var(--primary-color);}.footer-ul-list ul { padding: 0; list-style: none; margin: 0;}#script-section ul.horizontal-menu>li>a { padding: 0 12px; line-height: 26px;}.footer-ul-list li a { color: inherit !important; font-size: 15px;}.footer-ul-list li a:hover { text-decoration: none; color: white !important;}footer .skssl-wysiwyg p { font-size: 15px; line-height: 1.8;}/* Produk Teknis */.setengah.skssl-daftar-produk .col-lg-3.col-md-4.col-sm-6.col-xs-12 { width: 100%;}.skssl-daftar-produk .row,.col-md-9.col-sm-8.col-xs-12 .row:nth-child(2),.row.mt20 .row.mt20 .col-lg-12,.skssl-flashsale .row:nth-child(2), div#list-produk-sejenis.row, #list-produk-sejenis .col-lg-2.col-md-3.col-sm-4.col-xs-6#services-section .skssl-sub-section .row, #portfolio-section .row, #services-icon .row, #why-section .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}.skssl-daftar-produk .col-lg-3.col-md-4.col-sm-6.col-xs-12,.col-md-9.col-sm-8.col-xs-12 .row .col-lg-3.col-md-4.col-sm-6.col-xs-12,.row.mt20 .col-lg-12 .col-lg-2.col-md-2.col-sm-4.col-xs-12,.skssl-flashsale .row .col-lg-2.col-md-2.col-sm-4.col-xs-12,#services-section .komponen-sll-ready.col-sm-4.col-xs-12,#services-section .skssl-card-image-02, #portfolio-section .row .col-sm-4.col-xs-12, #services-icon .row .col-md-3.col-sm-6, #why-section .komponen-sll-ready { display: flex; flex-direction: column;}.list-produk-item, #list-produk-sejenis .col-lg-2.col-md-3.col-sm-4.col-xs-6 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }.list-produk-item .produk-item-inner,#services-section .mc-card-image-02, #portfolio-section .skssl-card-image-02, #services-icon .skssl-card-image-02, #why-section .skssl-box-icon { background-color: var(--bg-produk) !important; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word;}div#list-produk-sejenis { display: flex; row-gap: 15px; row-gap: 0;}/* List Produk Vertikal */#vertikal .skssl-heading h4 { padding-bottom: 20px; border-bottom: 1px solid #818181; margin-bottom: 15px;}#vertikal .produk-rating .display-rating .fa { font-size: 13px; /* color: var(--primary-color) !important; */}#vertikal .list-produk-vertikal { background-color: transparent; border-bottom: 1px dashed #ebebeb; padding-bottom: 14px;}.list-produk-vertikal .thumbnail .inner .label-diskon-off,.list-produk-vertikal .thumbnail .inner .label-pre-order { display: none;}.list-produk-vertikal .deskripsi .produk-title a:hover { color: var(--primary-color) !important; text-decoration: none !important;}.list-produk-vertikal .deskripsi .produk-title a { color: inherit !important; line-height: normal;}.list-produk-vertikal .thumbnail { padding: 0 !important;}.list-produk-vertikal .thumbnail { width: 25% !important;}.list-produk-vertikal .deskripsi { width: 75% !important; padding: 5px 10px;}.list-produk-vertikal .deskripsi .produk-title { line-height: 1; font-weight: bold; font-size: 14px; margin: 0 0 4px 0 !important;}.list-produk-vertikal .deskripsi .produk-price { color: inherit !important; font-size: 13px !important; margin-bottom: 3px; margin-top: 3px !important; display: block;}.list-produk-vertikal .display-rating { height: 15px !important;}.list-produk-vertikal { box-shadow: none; border: none;}.skssl-daftar-produk .col-lg-3.col-md-4.col-sm-6.col-xs-12 { padding: 0 12px;}div#produk-with-promotion { display: flex;}#produk-with-promotion .list-produk-vertikal .thumbnail { width: auto !important; aspect-ratio: 1/1; width: 90px !IMPORTANT;}#produk-with-promotion .inner { padding-top: 100%; width: 100%;}#produk-with-promotion .komponen-sll-ready.col-sm-6.col-xs-12:first-child { padding: 0; display: flex;}#produk-with-promotion .skssl-image { display: flex; height: 100%;}#produk-with-promotion .list-produk-vertikal { background-color: transparent; margin-bottom: 15px; display: flex; gap: 10px;}#produk-with-promotion .list-produk-vertikal .deskripsi { color: white;}#produk-with-promotion .mc-card-image-02 .mcci02-text { position: absolute; top: 0; display: flex; height: 100%; border: none; justify-content: center; align-items: center; flex-direction: column;}#produk-with-promotion .mc-card-image-02 .mcci02-image { padding-top: 110%; filter: brightness(.9);}#produk-with-promotion .mcci02-title { font-size: 28px; font-weight: 700; text-transform: none; color: inherit;}#produk-with-promotion a.btn.btn-primary.btn-sm.button-home { background-color: transparent !important; border: none; padding: 0; border-bottom: 1px solid white; border-radius: 0; border-color: white !important;}/* Akhir Produk Vertikal */.list-produk-item:hover { }.list-produk-item { }#list-produk .row { margin: 0; }.list-produk-item { overflow: hidden; border: var(--border-produk); border-radius: var(--border-radius); box-shadow: var(--box-shadow); }.list-produk-item .produk-item-inner .produk-thumbnail { border: none !important; /* border-radius: 8px; */ /* border-radius: var(--border-radius); */}.list-produk-item .produk-item-inner .produk-description { display: flex; justify-content: var(--align-produk); align-items: var(--align-items-description); flex-direction: column; padding: 15px var(--padding-x) 15px; text-align: var(--align-text) !important; background-color: var(--bg-produk) !important; border-top: var(--border-top);}.list-produk-item .produk-item-inner .produk-description .produk-title { font-size: 19px; font-weight: var(--semibold-text); color: var(--title-text-color) !important; text-decoration: none; margin-bottom: 6px; font-family: var(--font-title); line-height: 1.3;}html body .list-produk-item .produk-item-inner .produk-description .produk-title:hover { color: var(--primary-color) !important;}.produk-rating .display-rating .fa { font-size: 14px;}.list-produk-item .produk-item-inner .produk-description .produk-price { margin-bottom: 5px; color: var(--price-text-color) !important; font-size: 16px; font-weight: 400 !important;}.list-produk-item .produk-item-inner .produk-description .label-free-ongkir { display: block; width: max-content; margin: 14px auto 0 0; margin: 14px 0 0 0; padding: 5px 8px; white-space: nowrap;}.list-produk-item .produk-item-inner .produk-description .produk-price-diskon { font-weight: 400 !important; margin-bottom: 5px; color: var(--priceline-text-color); font-size: 12px;}.list-produk-item .produk-item-inner .produk-thumbnail .label-diskon-off { color: #000 !important; position: absolute; top: -1px; left: 14px !important; padding: 16px 5px 10px !important; width: 58px; text-align: center; font-size: 10pt !important; line-height: 1.2; color: white !important;}.label-diskon-off:after { content: ""; width: 0; height: 0; left: 0; bottom: -14px; position: absolute; border-color: transparent #FA591D; border-style: solid; border-width: 0 29px 14px;}.list-produk-item .produk-item-inner .produk-description .produk-rating { display: flex; justify-content: var(--align-description); align-items: center;}.list-produk-item .produk-item-inner { padding: 15px 15px 0; /* padding: 0px; */}#main-page .produk-description.not-home { padding: 12px var(--padding-x) 24px;}#list-produk-sejenis .col-lg-2.col-md-3.col-sm-4.col-xs-6 { padding: 0 12px; }/* ===================== Komponen Section ==================== *//* Menu */a#btn-cart-floating:hover, a#responsive-menu-btn:hover { color: var(--primary-color) !important; color: white !important;}a#responsive-menu-btn { width: 40px; height: 35px; display: flex; justify-content: center; align-items: center; font-size: 23px; text-align: center; border-radius: 5px; line-height: 45px; z-index: 7; color: #fff !important; background-color: transparent !important;}a#btn-cart-floating { /* background-color: var(--secondary-color) !important; */ position: absolute; border-radius: 0; width: 40px; height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-transition: 0s !important; -o-transition: 0s !important; transition: 0s !important; color: var(--cart-color) !important; padding: 0; text-decoration: none;}body.not-home a#btn-cart-floating,body.not-home a#responsive-menu-btn i { /* color: #222 !important; */}/* Produk & flash sale */#flash-section .col-lg-5.col-xs-12, #flash-section .col-lg-12 { /* padding: 0; */}.skssl-flashsale .row,.skssl-daftar-produk .row { margin: 0; padding: 0;}/* Sosial Media */a.display-block.icon-sosial-media.icon-vertikal { color: inherit !IMPORTANT; text-decoration: none; margin-bottom: 5px;}.skssl-sosial-media img { margin-right: 5px;}/* ===================== Akhir Komponen Section ==================== *//* Breakpoints all *//* Breakpoints Container */@media (min-width: 768px) { .container { width: calc(100% - 6vw); }}@media (min-width: 992px) { .container { /* width: 970px; */ width: calc(100% - 4vw); }}@media (min-width: 1200px) { .container { width: 1230px; } .form-data-section, #form-hubungi-kami { padding: 40px; }}/* Akhir Breakpoint Container *//* =========================(1025px)and(1200px)========================= */@media screen and (min-width: 1025px) and (max-width: 1200px) { a#btn-cart-floating { margin-right: -55px !important; }}/* =========================(1280px) and (1281px)========================= */@media screen and (min-width: 1280px) and (max-width: 1281px) { .form-pencarian { width: 76%; }}/* =========================(1400px)========================= */@media screen and (min-width: 1400px) { a#btn-cart-floating { right: 6% !important; transform: translateX(-100%); margin-left: 625px; left: 50%; } div#navbar-section::before { width: 27%; }}/* 1025 Device */@media screen and (min-width: 1025px) { /* Akhir Sikat Lah */ /* Produk Responsive */ div#flash-section .row:first-child .col-lg-2 { /* margin-left: 0px; padding : 0; */ } body.not-home .row .row .col-lg-3.col-md-4.col-sm-6.col-xs-12 { padding: 0 10px; } #flash-section .list-produk-item .produk-item-inner .produk-description .produk-title { font-size: 18px !important; } #flash-section .list-produk-item .produk-item-inner .produk-description { padding: 12px var(--padding-x) 20px !important; } body.not-home .row.mt20 .col-lg-2.col-md-2.col-sm-4.col-xs-12 .list-produk-item .produk-item-inner .produk-description .produk-title { font-size: 16px !important; } body.not-home .list-produk-item .produk-item-inner .produk-description .produk-title { font-size: 16px !important; } .list-produk-item .produk-item-inner .produk-description .produk-price { font-size: 17px !important; } div#list-produk .list-produk-item .produk-item-inner .produk-description { padding: 20px var(--padding-x) 24px; } #inner-main-content .row .col-lg-3 .flash-sale-box { width: 50% !important; } #flash-section .col-lg-5 { width: 100%; } #flash-section .col-lg-2 { width: 16.66666666%; width: 20%; padding: 0 12px; transition: .4s ease; } /* Akhir Produk Responsive */ /* Banner Responsive */ div#banner-section .col-sm-9 .title-banner { padding: 0 40% 0 6%; } div#banner-section .col-sm-9 .desc-banner { padding: 0 42% 0 6%; } div#banner-section .col-sm-9 .button-banner { padding: 0 40% 0 6%; } #banner-section .container.no-padding:nth-child(1) { margin-right: auto !important; } #banner-section .container.no-padding { display: flex; justify-content: center; align-items: center; } #banner-section .col-sm-6 { width: 50%; } /* Akhir Banner Responsive */ /* Header Responsive */ #navbar-section ul.sf-menu.horizontal-menu { /* padding-right: 35px; padding-right: 5vw; */ } body #navbar-section ul.horizontal-menu > li > a { margin-right: 20px !important; margin-right: 0 !important; font-size: 15px !important; } a#btn-cart-floating { top: 35px !Important} body.not-home a#btn-cart-floating { animation: animasixl 2s !important; right: 23px; margin-right: 20px; top: 31px !important; } #btn-cart-floating i.fa.fa-shopping-cart { font-size: 20px !important; } .btn-inactive { animation: animasixl 2s !important; } #navbar-section .right-content a { margin-right: 15px !important; } /* Akhir Header Responsive */ /* Random */ .col-lg-5.col-lg-push-7 label.col-lg-4 { width: 100%; } div .form-group .col-lg-8 { width: 100%; padding: 10px 0; margin-left: 0; } div.text-right.mt10 { position: absolute; top: -50px !important; right: 20px !important; } a#btn-cart-floating { right: 6% !important; transform: translateX(-100%); margin-left: 460px; left: 50%; } #blog-content .komponen-sll-ready.col-xs-12:only-child { padding: 0 15px; }}/* Akhir 1025 Device *//* 992 Device */@media screen and (min-width: 992px) { /* Sikat lah */#category-section .skssl-sub-section .komponen-sll-ready { display: flex;}#about-section .komponen-sll-ready.col-sm-6.col-xs-12:last-child { width: 50%; padding-left: calc(60px - 2vw);}.col-md-9.col-sm-8.col-xs-12 .row .col-lg-3.col-md-4.col-sm-6.col-xs-12 { padding: 0 12px;} #navbar-section .komponen-sll-ready.col-sm-4.col-xs-12:nth-child(2n+1) { width: 40%; } #navbar-section .komponen-sll-ready.col-sm-4.col-xs-12 { width: 20%; } #icon-category .komponen-sll-ready.col-xs-12:only-child { padding: 0; } #icon-category .mc-box-icon.mc-box-icon-side { display: flex; justify-content: center; } .form-data-section .form-group { margin-bottom: 15px !important; } #news-letter .container.no-padding { display: flex; justify-content: center; align-items: center; } #btn-cart-floating.sticky { top: 23px !important; } div#two-section .sub-komponen-sll.skssl-card-image-02 { margin-bottom: 0 !important; } #testimoni-section .container.no-padding { /* padding: 0 25px !important; */ display: flex; justify-content: center; align-items: center; } /* Akhir Sikat Lah */ /*slideshow responsive */ #slide .bs-image-slider .carousel-inner .item img { margin: 0 auto; min-height: 530px !important; } /* Akhir slideshow responsive */ /* Produk Responsive */ #produk-content .produk-3 .col-lg-3 { width: 33%; } #inner-main-content .row .col-lg-3 .flash-sale-box { width: 40%; } #clockdiv { margin-bottom: 20px; left: -10px; left: 0; position: relative; } /* Akhir Produk Responsive */ /* Header Responsive */ .form-pencarian { position: relative !important; /* left: -20px; */ width: 77%; } #navbar-section .container.no-padding { display: flex; justify-content: space-between; align-items: center; } a#btn-cart-floating { margin-right: 30px; animation: animasiipadpro 2s; } header#main-header .layout-sll-ready .sub-komponen-sll { margin: 0 !important; } #top-navbar-section .container.no-padding { display: flex; justify-content: center; align-items: center; } #responsive-menu-btn { position: absolute; border-radius: 4px; top: 57px; width: 40px; height: 35px; display: flex; justify-content: center; align-items: center !important; margin-left: 30px; left: 30px; } #top-navbar-section .right-content a { margin-right: 2px !important; } #navbar-section ul.horizontal-menu > li > a { margin-right: 0px !important; font-size: 13px; padding: 18px; } /* Akhir Header Responsive */ /* Testi Responsive */ /* Testi Responsive */ /* Banner Responsive */ #banner-section .col-sm-6 { width: 50%; } /* Akhir Banner Responsive */ /* random */ .col-lg-5.col-lg-push-7 label.col-md-4 { width: 100%; } div .form-group .col-md-8 { width: 75%; margin-left: 25%; margin-bottom: 20px; } div.text-right.mt10 { position: absolute; top: 50px; right: 20px; } #blog-section .col-md-3 { width: 33.33333333%; }}/* Akhir 992 Device *//* 992 - 1024 Device */@media (min-width: 992px) and (max-width: 1024px) { /* Other Page */ /*body.not-home .list-blog.full-page { width: 48%;}body.not-home .col-lg-5.col-lg-push-7 .form-group .col-lg-8.col-md-8.col-xs-12 { padding: 0;}*/ /* Akhir Other Page */ /* Sikat lah */#blog-section .list-paket-front .waktu { top: 40%;}#navbar-section ul.horizontal-menu > li > a { margin-right: 0px !important; font-size: 13px; padding: 32px 20px;}body a#btn-cart-floating { top: 45px !important; transform: translateX(-107px);} header .skssl-menu li:last-child { margin-right: 10px; } body #navbar-section.sticky ul.horizontal-menu > li > a { margin-right: 2px !important; } body #navbar-section.sticky .left-menu ul.horizontal-menu > li > a { margin-left: 2px; margin-right: 0 !important; } #testimoni-section .container.no-padding::before { background-size: 75%; } #icon-category .mcbi-image { position: relative; } div#news-letter { width: 94%; } #finance-icon .komponen-sll-ready.col-sm-4.col-xs-12 { padding: 0 5px; } div#finance-icon { padding: 25px 0 !IMPORTANT; } #navbar-section ul.sf-menu.horizontal-menu { /* padding-right: 58px; */ } body #script-section a.icon-sosial-media.icon-horizontal { color: inherit !important; font-size: smaller; } #two-section .col-sm-4.col-xs-12 .mc-card-image-02 .mcci02-image { padding-top: 72%; } #about-section .mcbi-text { width: calc(100% - 75px); } #finance-icon .mcbi-text { padding-right: 0; } div#slide { padding: 30px 0 !important; } #slideshow-section .bs-image-slider .carousel-inner .item .image-blur { background-position-x: -120px; } #two-section .mcci02-image { padding-top: 60%; } #finance-icon .skssl-box-icon { padding: 20px 0; } /* AKhir Sikat Lah */ /* Produk Responsive*/ div#list-produk { padding: 0 !important; } div#flash-section .col-lg-2 { width: 25%; padding: 0 10px; } #list-produk .list-produk-item .produk-item-inner .produk-description { padding: 18px var(--padding-x) 24px; border-top: var(--border-top); } /* ========== Not Home ============= */ body.not-home .col-lg-2.col-md-2.col-sm-4.col-xs-12 { width: 25%; } body.not-home .list-produk-item .produk-item-inner .produk-description { padding: 15px var(--padding-x) 15px; } /* Akhir Produk Responsive */ /* Header Responsive */ .form-pencarian { width: 68% !important; } #navbar-section .komponen-sll-ready.col-sm-6.col-xs-12:nth-child(2) { /* right: 10px; */ width: 75%; } /* Akhir Header Responsive */ /* Banner Responsive */ #banner-section .container.no-padding { display: flex; justify-content: center; align-items: center; } #banner-section .col-sm-9 .title-banner { padding: 0 38% 0 6%; } #banner-section .col-sm-9 .desc-banner { padding: 0 40% 0 6%; } #banner-section .col-sm-9 .button-banner { padding: 0 6%; }}/* Akhir Banner Responsive *//* Section Baru responsive*//* Akhir 992 - 1024 Device *//* 1200 Device */@media screen and (max-width: 1200px) {#navbar-section .komponen-sll-ready.col-sm-3.col-xs-12:last-child { }.second { width: 310px; right: 93%;}#icon-category .mc-box-icon.mc-box-icon-side { flex-direction: column;}#icon-category .mcbi-text { padding: 0; width: 100%;}#icon-category .komponen-sll-ready { padding: 0 15px;}#promo-section .mc-card-image-02 .mcci02-text { padding: 35px; width: 72%;}#promo-section .mcci02-image { padding-top: 84%;}#icon-category .skssl-box-icon { padding: 20px; border-radius: 0px;}#promotion-section .mcci02-text { width: calc(50% - 1vw);}#promotion-section .mcci02-image { padding-top: calc(136% - 4vw);}#promotion-section .komponen-sll-ready.col-sm-6.col-xs-12:last-child .mcci02-image { padding-top: 60%;} .form-data-section, #form-hubungi-kami { padding: calc(80px - 5vw); }body.not-home #form-hubungi-kami .form-group { margin-bottom: 10px !important;} div#testimoni-section { display: block; margin: 0 auto !important; }}/* Akhir 1200 Device *//* 991 device */@media (max-width: 991px) {/* Teknis */.skssl-daftar-produk .col-lg-3.col-md-4.col-sm-6.col-xs-12:nth-child(even), #list-produk-sejenis .col-lg-2.col-md-3.col-sm-4.col-xs-6:nth-child(even), .row .row.mt20 .col-lg-12 .col-lg-2.col-md-2.col-sm-4.col-xs-12:nth-child(even), .col-md-9.col-sm-8.col-xs-12 .row .col-lg-3.col-md-4.col-sm-6.col-xs-12:nth-child(even), .skssl-flashsale .row .col-lg-2.col-md-2.col-sm-4.col-xs-12:nth-child(even) { padding-right: 5px; padding-left: 7px;}.skssl-daftar-produk .col-lg-3.col-md-4.col-sm-6.col-xs-12:nth-child(odd), #list-produk-sejenis .col-lg-2.col-md-3.col-sm-4.col-xs-6:nth-child(odd), .row .row.mt20 .col-lg-12 .col-lg-2.col-md-2.col-sm-4.col-xs-12:nth-child(odd), .col-md-9.col-sm-8.col-xs-12 .row .col-lg-3.col-md-4.col-sm-6.col-xs-12:nth-child(odd), .skssl-flashsale .row .col-lg-2.col-md-2.col-sm-4.col-xs-12:nth-child(odd) {padding-left: 5px;padding-right: 7px;}.w-75 { width: calc(100% - 5vw);}button.slick-next.slick-arrow { right: -12px;}button.slick-prev.slick-arrow { left: -12px;}.sub-flex-column-md .row, .section-flex-column-md .container{ display: flex; flex-direction: column; flex-wrap: wrap; }.sub-flex-column-md .row > .komponen-sll-ready, .section-flex-column-md .container > .komponen-sll-ready { width: 100%;}.skssl-button.mb-1-md, .skssl-image.mb-1-md , .skssl-wysiwyg.mb-1-md , .skssl-heading.mb-1-md { margin-bottom: 10px;}.skssl-button.mb-2-md, .skssl-image.mb-2-md , .skssl-wysiwyg.mb-2-md , .skssl-heading.mb-2-md { margin-bottom: 10px;}/* Akhir Teknis *//* Sikat Lah */div#navbar-section::before { display: none !Important;}#program-section .mc-card-image-02 .mcci02-text { padding: 20px 0 10px;}#about-section .skssl-image { margin-bottom: 25px;}#icon-category .mcbi-image { margin-bottom: 15px;}div#testi-section { width: 100%;}#gallery-view .komponen-sll-ready.col-xs-12:only-child { padding: 0;}#about-section .mcbi-title { font-size: 22px;}#about-section .skssl-box-icon .mcbi-description { font-size: 14px;}div#about-section { padding: 60px 0 !important;}div#navbar-section { /* padding: 20px 0 0 0 !important; */}#gallery-view .skssl-carousel { margin-top: 20px; }.second { width: 275px; right: 192%;}#about-section .triangle { top: 0; margin-top: 60px;}a.list-image-carousel.slick-slide { padding: 0 12px 0 0;}#why-section .mc-box-icon.mc-box-icon-side { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}#why-section .mc-box-icon-side .mcbi-text { width: 100%; padding: 0; margin-top: 10px;}#navbar-section { padding: 18px 0;}#category-section .skssl-card-image-01 { margin-bottom: 24px;}.short img { height: 267px !important;}#promotion-section .mcci02-text { width: calc(75% - 1vw);}#produk-with-promotion .list-produk-vertikal .deskripsi { color: white; width: calc(100% - 100px) !important;}#produk-with-promotion .mc-card-image-02 .mcci02-image { padding-top: 164%; }.list-produk-vertikal .thumbnail .inner { padding-top: 150%;} #promotion-section .komponen-sll-ready.col-sm-6.col-xs-12:last-child .mcci02-image { padding-top: 70%;}#promotion-section .mcci02-image { padding-top: calc(157% - 4vw);}#promotion-section .mcci02-description { font-size: 18px;}#gallery-view .skssl-image img { height: calc(300px - 3vw);}#about-section .skssl-sub-section .row { display: flex; column-gap: 15px;}#about-section .skssl-box-icon { margin-bottom: 20px;}#gallery-view .skssl-image { margin-bottom: 30px !important;}#gallery-view .skssl-sub-section { margin-bottom: 0 !important;}#type-section .row { display: flex; row-gap: 25px; flex-wrap: wrap; justify-content: center;}#type-section .komponen-sll-ready.col-md-2.col-sm-4.col-xs-12 { width: 33.33333333%;}#services-icon .skssl-card-image-02 { margin-bottom: 25px;}.list-paket-front.landscape { margin-bottom: 30px;}#finance-icon .komponen-sll-ready.col-sm-4.col-xs-12, #promotion-section .komponen-sll-ready.col-sm-4.col-xs-12 { padding: 0 12px;} #banner-section .container { display: flex; justify-content: center; align-items: center; flex-direction: column; } .testi-box { padding: 20px 10px !important; }#about-section.reverse .skssl-sub-section { min-height: 475px;} #services-section .skssl-card-image-02 { margin-bottom: 25px; } #finance-icon .mc-box-icon-side { flex-direction: column; } #finance-icon .mc-box-icon-side .mcbi-text { width: 100%; text-align: center; margin-top: 20px; } a#btn-cart-floating.sticky, #responsive-menu-btn.sticky { top: 22px; } #navbar-section .komponen-sll-ready.col-sm-3.col-xs-12 { width: 100%; } #navbar-section .logo { margin: 0 auto !important; text-align: center !important; } a#btn-cart-floating, #responsive-menu-btn { top: 30px; position: fixed; position: relative; position: absolute; background-color: transparent !Important; } /* Produk Responsive */}/* Akhir 991 Device *//* 769 - 991 Device */@media screen and (min-width: 769px) and (max-width: 991px) { /* Teknis */.align-center-md.skssl-heading, .align-center-md.skssl-wysiwyg, .align-center-md.skssl-button { text-align: center !Important;}.align-left-md.skssl-heading, .align-center-md.skssl-wysiwyg, .align-center-md.skssl-button { text-align: center !Important;}/* Akhir Teknis *//* Sikat Lah */div#about-section::before { left: 0; width: 170px;} #long-promotion .item img { min-height: 615px !important; } #script-section .skssl-sub-section .komponen-sll-ready.col-sm-6.col-xs-12 { width: 100%; } #script-section .skssl-wysiwyg { text-align: center !important; } #script-section { display: block; padding: 20px 0 !important; } #testimoni-section .container.no-padding::before { background-size: 96%; } div#testimoni-section .komponen-sll-ready.col-sm-6.col-xs-12:last-child { width: 50%; } div#list-produk { padding: 0 !important; } #list-produk .col-lg-3.col-md-4.col-sm-6.col-xs-12 { /* width: 33.3333%; */ } /* Akhir Sikat Lah */ /* Produk */ .row .col-md-9 .row > .col-lg-3.col-md-4.col-sm-6.col-xs-12 { width: 33.33333333%; padding: 0 10px;} body.not-home .col-lg-5.col-lg-push-7 .col-lg-8.col-md-8.col-xs-12 { margin-bottom: 15px; padding: 0; } body.not-home .list-produk-item .produk-item-inner .produk-description { padding: 20px var(--padding-x) 20px; } /* Akhir Produk */ /* Header Responsive*/ .form-pencarian-produk { right: 46px; position: relative; } #responsive-menu-btn { left: 30px; } header#main-header .layout-sll-ready .sub-komponen-sll { margin: 0; } #navbar-section .container.no-padding { justify-content: space-between; align-items: center; } div#navbar-section::after { bottom: -20px; } /* Akhir Header Responsive*/}/* Akhir 769 - 991 Device *//* 768 Device */@media only screen and (max-width: 768px) { /* Teknis */ /* Akhir Teknis */ /* Section Baru responsive */#blog-section .list-paket-front .waktu { top: 45%;}#icon-category .skssl-box-icon { padding: 10px 0; border-radius: 0px;}#about-section .title-text { margin-bottom: 40px !important;}#icon-category .row { display: flex; flex-wrap: wrap; padding-top: 20px; padding-bottom: 10px;}#gallery-view img.list-image-thumbnail { min-height: 190px;}.title-text.line h2::before { display: block; bottom: -13px;}#about-section .skssl-image { margin-bottom: 50px;}#promo-section .mcci02-title { font-size: 24px;}div#about-section::before { width: 350px;}#long.promo .skssl-button { text-align: left !important;}#long.promo .komponen-sll-ready:last-child { width: 100%;}#long .subtitle-text { text-align: left !important;}#long.promo .container { flex-direction: column; justify-content: flex-start; align-items: flex-start;}.second { width: 230px; right: 192%;}#about-section.reverse .skssl-sub-section { min-height: 300px; margin-bottom: 20px;}#blog-content .komponen-sll-ready.col-xs-12:only-child { padding: 15px;}#about-section img { }#long-promotion .komponen-sll-ready.col-sm-6.col-xs-12:first-child { margin-bottom: 24px;}#long-promotion .container.no-padding { flex-direction: column;}#long-promotion .komponen-sll-ready.col-sm-6.col-xs-12 {width: 100%;padding: 0;}div#motor-section { background-position: right center !important;}.list-produk-vertikal .thumbnail .inner { padding-top: 167%;}#produk-with-promotion .mc-card-image-02 .mcci02-image { padding-top: 182%; filter: brightness(.9);}#promotion-section .mcci02-text { width: calc(53% - 1vw);}#portfolio-section .skssl-card-image-02 { margin-bottom: 20px;}#motor-section .komponen-sll-ready.col-sm-6.col-xs-12 { width: 100%; margin: 0 auto; padding: 0 15%;}.form-data-section { width: 100%;} #long-promotion .subtitle-text { text-align: left !important; } #finance-icon .mc-box-icon-side .mcbi-text { width: 100%; padding: 0; } #banner-section .container { flex-direction: column; } div#testimoni-section { margin-top: 100px; } #testimoni-section img { width: -webkit-fill-available; height: 32vh; } body div#banner-section .skssl-button { text-align: center !Important; } #gallery-view .skssl-image img { height: 200px; } #testi-section .item .inner-testimonial { text-align: center ; } .aksen span, .aksen em { margin: auto !important; } #testimoni-section .container.no-padding::before { display: none; } #about-section.reverse .subtitle-text, #about-section.reverse .title-text, #about-section.reverse .desc-text, #about-section.reverse .skssl-button, #about-section.reverse .skssl-code { text-align: center !important; display: block; } #about-section.reverse .skssl-button { margin-bottom: 25px !important; } #icon-category .mc-box-icon.mc-box-icon-side { display: flex; justify-content: center; align-items: center; flex-direction: column; } #icon-category .mcbi-text { margin-top: 10px; width: 100%; text-align: center !important; padding: 0; } #top-navbar-section .left-content { text-align: left !important; } #top-navbar-section .komponen-sll-ready.col-sm-9.col-xs-12 { width: 100%; } #about-section.reverse .komponen-sll-ready.col-sm-6.col-xs-12 { width: 100%; padding: 0 15px; } #about-section.reverse .container { flex-direction: column; } div#about-section.reverse::before { width: 100%; height: 100%; background-size: cover; } #finance-icon .mc-box-icon.mc-box-icon-side { flex-direction: column; } #testimoni-section .subtitle-text { text-align: center !important; } #testimoni-section .komponen-sll-ready.col-sm-6.col-xs-12 { width: 100% !important; } #testimoni-section .alex, #testimoni-section .desc-text, #testimoni-section .title-text, #testimoni-section .skssl-button { text-align: center !important; } #two-section .skssl-card-image-02 { margin-bottom: -5px !important; } a#btn-cart-floating.sticky, a#responsive-menu-btn.sticky { top: 19px !important; position: fixed; } #gallery-view .komponen-sll-ready.col-xs-12:only-child { padding: 0; } #script-section .skssl-sub-section .komponen-sll-ready.col-sm-6.col-xs-12 { width: 100%; } #script-section .row { display: flex; justify-content: center; align-items: center; flex-direction: column; } #script-section .skssl-wysiwyg { text-align: center !IMPORTANT; margin-bottom: 10px !important; } div#two-section { margin-bottom: 10px !important; } .subtitle-text { text-align: center !important; } div#blog-section .row { margin: 0; } div#blog-section { padding: 0 !important; } .testi-box { position: relative; padding: 40px 30px !important; } #gallery-view .komponen-sll-ready.col-md-3.col-sm-6.col-xs-12 { padding: 0 10px; } #gallery-view .skssl-sub-section { margin-bottom: 0 !important; } #about-section .skssl-box-icon::before { width: 25%; } #about-section .skssl-sub-section .komponen-sll-ready.col-sm-6.col-xs-12 { width: 100%; } #about-section .skssl-sub-section .row { display: flex; } #finance-icon .mcbi-text { width: 100%; margin-top: 15px; text-align: center !important; } div#slide { padding: 30px 0 !important; margin-bottom: 30px !important; } #three-promotion .mcci01-title { font-size: 14px; } #why-section .col-xs-12 .title-text, #why-section .col-xs-12 .subtitle-text { text-align: center !important; } #about-section .col-xs-12 .title-text h2 { padding: 0; } .blog-content .mc-card-image-02 .mcci02-image { padding-top: 100%; } .blog-content .mc-card-image-02 { max-height: 230px; } #why-icon-section .mc-box-icon-top .mcbi-text { padding: 0; } /* Akhir Section Baru responsive */ /* banner responsive */ #banner-section .subtitle-text h3 { text-align: center; } #banner-section .container .komponen-sll-ready.col-xs-12 { width: 100%; } #banner-section .col-sm-9 { width: 100%; } #banner-section .skssl-image img { position: relative; z-index: 3; } #banner-section .desc-banner h5 { padding: 0 18%; } .gambar-banner { display: none !important; } .desc-banner { text-align: center !important; } #banner-section .col-sm-6 { width: 100% !important; } #banner-section .title-banner, #banner-section .subtitle-banner, #banner-section .button-banner, #banner-section .desc-text { text-align: center !important; } #banner-section { background-position: left !important; padding-right: 0 !important; padding-left: 0 !important; } /* Akhir banner responsive */ /* Header responsive */ .form-control { margin-bottom: 0px; } header#main-header #top-navbar-section .right-content { text-align: right !important; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: nowrap; width: 80%; margin: 0 0 auto auto; } .logo { width: max-content; margin: 0 auto !important; } .form-pencarian { display: none; } #responsive-menu-btn { left: 0; margin-left: 25px; align-items: center; } a#btn-cart-floating, a#responsive-menu-btn { } a#btn-cart-floating { animation: animasiipad 2s; right: 25px; } #navbar-section .col-sm-3 { width: 100%; } /* Akhir Header responsive */ /* Produk responsive */ #produk-content .promo .mc-card-image-02 .mcci02-text { bottom: 29%; } #inner-main-content .row .col-lg-3 .flash-sale-box { width: 40%; } /* Akhir Produk responsive */ /* Random responsive */ div#testi-section { padding: 0; } .title-banner h1 { padding: 0; } .col-xs-12 .title-text h2 { /* padding: 0; */ font-size: 40px; } div.col-md-9.col-sm-8.col-xs-12 .row .col-sm-6, .row.mt20 .col-lg-12 .col-xs-12 { width: 50% !important; } /* Akhir Random responsive */}/* Akhir 768 Device *//* 553 - 768 Device */@media screen and (min-width: 553px) and (max-width: 768px) { /* Other Page */ body.not-home .row .row .col-lg-5.col-lg-push-7 .col-lg-8.col-md-8.col-xs-12 { padding: 0; margin: 0; } .col-md-9.col-sm-8.col-xs-12 .row .col-lg-5.col-lg-push-7 { padding: 8px; position: relative; margin-bottom: 35px; } /* Akhir Other Page */ /* Section Baru */#about-section .container.no-padding { flex-direction: column;}#about-section .komponen-sll-ready.col-sm-6.col-xs-12 { width: 100%;} div#news-letter { width: 92%; } #banner-promotion .mcci02-image { background-position: top; padding-top: 75%; } #two-section .col-sm-3 .mc-card-image-02 .mcci02-image { padding-top: 124%; } #about-section .subtitle-text { text-align: left !important; } div#list-produk { padding: 0 !important; } #two-section .col-sm-4.col-xs-12 .mcci02-text { top: 17%; width: 80%; } #two-section .col-sm-4.col-xs-12 .mcci02-description { font-size: 21px; font-weight: 700; line-height: 1.2; margin-bottom: 10px; } #two-section .col-sm-4.col-xs-12 .mc-card-image-02 .mcci02-image { padding-top: 100%; } #two-section .mcci02-description { font-size: 21px; } .gambar-kecil { max-width: 250px; position: absolute !important; bottom: 19px; left: 10%; border-radius: 0px; overflow: hidden; } #testimoni-section .container.no-padding { display: flex; justify-content: center; align-items: center; flex-direction: column; } #two-section .mc-card-image-02 .mcci02-image { padding-top: 62%; } .big-image { max-height: 600px; overflow: hidden; top: -13px; } .small-image { width: 160px; z-index: 2; height: 230px; overflow: hidden; } #testimoni-section .title-text h2 { padding: 0; } #services-section .skssl-box-icon:hover .mcbi-text::before { height: 183px; } #finance-icon .skssl-box-icon { padding: 22px 0; } .title-banner h1::before { display: none; } .form-data-section .form-group { width: 100%; } .form-data-section .form-control { margin-bottom: 0; } /* AKhir Section Baru */ /* Produk responsive */ #list-produk .list-produk-item .produk-item-inner .produk-description { padding: 15px var(--padding-x) 24px; } #list-produk .col-lg-3.col-md-4.col-sm-6.col-xs-12 {/* width: 33.33333333%; padding: 0 10px; */ } #flash-section .col-lg-2.col-md-2.col-sm-4.col-xs-12 { padding: 0 10px; } /* ===== Flash Sale Page ====== */ html body.not-home div.col-md-9.col-sm-8.col-xs-12 .row .col-sm-6, html body.not-home .row.mt20 .col-lg-12 .col-xs-12 { width: 33.33333% !important; } /* Akhir Produk responsive */ /* Section baru responsive */ #how-icon-section .row .komponen-sll-ready.col-md-3.col-sm-6.col-xs-12:nth-child(2) { margin-bottom: 45px; } /* Akhir Section baru responsive */ /* Slideshow Section responsive */ #slideshow-section .bs-image-slider .carousel-inner .item img { margin: 0 auto; min-height: 430px !important; } #slideshow-section h3 { font-size: 32px; } div#slideshow-section .carousel-inner .item .ci-text { width: 58%; text-align: left; left: 0; transform: translateY(-50%); padding: 50px 85px; margin-top: 0 !important; } /* Akhir Slideshow Section responsive */}/* Akhir 553 - 768 device *//* 552 Device */@media only screen and (max-width: 552px) { /* Other page */ .col-lg-push-7 .col-lg-8 > select.form-control { border-radius: var(--border-radius-button); } label.col-lg-4.col-md-4.col-xs-12.text-right { text-align: left; padding: 0; } .col-lg-push-7 > div > .form-group > .col-lg-8.col-md-8.col-xs-12 { padding: 0; } /* Akhir Other page */ /* Teknis */.visi-text h2 { font-size: 21px; font-weight: 600; line-height: 1.3;}.skssl-button.w-100 a.btn.btn-primary { width: 100%;}.skssl-button.mt-1-xs, .skssl-image.mt-1-xs , .skssl-wysiwyg.mt-1-xs , .skssl-heading.mt-1-xs { margin-top: 10px !important;}.skssl-button.mt-2-xs, .skssl-image.mt-2-xs , .skssl-wysiwyg.mt-2-xs , .skssl-heading.mt-2-xs { margin-top: 20px !important;}.skssl-button.mb-1-xs, .skssl-image.mb-1-xs , .skssl-wysiwyg.mb-1-xs , .skssl-heading.mb-1-xs { margin-bottom: 10px !important;}.skssl-button.mb-2-xs, .skssl-image.mb-2-xs , .skssl-wysiwyg.mb-2-xs , .skssl-heading.mb-2-xs { margin-bottom: 20px !important;}.align-center-xs.skssl-heading, .align-center-xs.skssl-wysiwyg, .align-center-xs.skssl-button { text-align: center !Important;}.align-left-xs.skssl-heading, .align-center-xs.skssl-wysiwyg, .align-center-xs.skssl-button { text-align: center !Important;}.list-produk-item .produk-item-inner .produk-thumbnail .label-diskon-off { font-size: 7pt;} #top-admin-bar span.user-name { display: none; } a#link-profile-dropdown-trigger { right: 5px; }.title-text.line.center h2::before { transform: none;}.title-text.line h2::before { left: 50%; transform: translateX(-50%);} /* Akhir teknis */ /* Section baru */.ceklis-content a { color: inherit !important; font-size: 14px; font-weight: 400; width: calc(100% - 27px); text-align: center;}#program-section .skssl-sub-section .row.layout-sll-tipe-12 { row-gap: 0;}#program-section .mc-card-image-02 { margin-bottom: 0 !Important;}#blog-section .list-paket-front .waktu, #blog-section .list-paket-front .waktu * { top: 0; position: relative; background-color: transparent !important; color: var(--primary-color) !important;}.container > .komponen-sll-ready.col-xs-12:only-child { padding: 0 15px;}#about-section .skssl-box-icon .mc-box-icon { padding: 20px;}div#about-section { background-position: center center !important;}#about-section .skssl-sub-section .row { flex-wrap : wrap;}#about-section .skssl-wysiwyg p { text-align: center;}#long-promotion .komponen-sll-ready.col-xs-12:only-child { padding: 0;}#banner-section .title-banner { margin: 20px 0 !important;}#long.promo .skssl-button, #long.promo .skssl-heading { text-align: center !important;}#flash-content #clockdiv>div { padding: 4px; }.second { width: calc(305% - 3vw); right: 192%;}#why-section .skssl-box-icon { margin-bottom: 20px;}#gallery-view .komponen-sll-ready.col-xs-12:only-child { padding: 0 5px;}#promo-section .komponen-sll-ready:nth-child(even), #promo-section .komponen-sll-ready:nth-child(odd) { padding: 0 15px;}#produk-with-promotion .skssl-daftar-produk { padding: 0;}#produk-with-promotion .skssl-sub-section { padding: 20px !IMPORTANT;}#produk-with-promotion .mc-card-image-02 .mcci02-image { padding-top: 100%; filter: brightness(.9);}#long-promotion .container.no-padding { flex-direction: column;}#form-hubungi-kami { padding: 25px !important;}#long-promotion .skssl-sub-section { padding: 40px 20px !important;}#gallery-view img.list-image-thumbnail { max-height: 151px; min-height: 150px; aspect-ratio: 1/1;}#promotion-section .skssl-card-image-02 { margin-bottom: 0 !important;}.vertikal.skssl-daftar-produk { padding: 0;}#motor-section .komponen-sll-ready.col-sm-6.col-xs-12 { padding: 0 5%;}#gallery-view .skssl-image img { height: 300px;}.list-produk-vertikal .thumbnail .inner { padding-top: 100%;}#banner-section .subtitle-text.aksen h3::before, #banner-section .subtitle-text h3::after { display: none;}#about-section .skssl-image img { width: 100%; height: 400px;}.form-data-section { margin-bottom: 25px; padding: 25px;}#long-promotion .komponen-sll-ready.col-sm-6.col-xs-12:first-child { margin: 0; padding: 0;}#top-navbar-section .left-content { text-align: center !important;}#services-icon .mc-card-image-02 { margin-bottom: 0;}.mc-card-image-02 { margin-bottom: 15px;} #finance-icon { display: flex; flex-wrap: wrap; } #banner-section .skssl-image { margin-bottom: 35px; } #banner-section .container { flex-direction: column-reverse; } div#services-section .skssl-card-image-02 { margin-bottom: 50px; } #promotion-section .mcci02-image { padding-top: calc(105% - 4vw) !important; } #promotion-section .mcci02-description { font-size: 18px; } #promotion-section .mcci02-title { } div#services-section { padding-top: 0 !important; } img.list-image-thumbnail { max-height: 191px !important; min-height: 190px; } #long-promotion .skssl-heading { text-align: center !IMPORTANT; } #long-promotion .skssl-image { } #services-section .skssl-image { margin-top: 0 !important; margin-bottom: 30px; } body a#btn-cart-floating.sticky, body a#responsive-menu-btn.sticky { top: 26px !important; position: fixed; } #about-section.reverse .skssl-heading { padding: 0 20px; } #about-section.reverse i { margin-top: 2px; font-size: 15px; } div#about-section.reverse::before { background-image: linear-gradient( 300deg, #000000e0 83%, #000000e0 83% 60%); } #long-promotion .skssl-button { margin: 0 !important; } div div#about-section.reverse .skssl-code { display: flex; justify-content: flex-start; align-items: flex-start; text-align: left !IMPORTANT; } div#about-section.reverse .skssl-sub-section .komponen-sll-ready.col-sm-6.col-xs-12 { padding: 0 15px !important; } div#news-letter { width: 100% !important; padding: 20px 20px 30px !important; } #news-letter .skssl-heading, body div#news-letter .desc-text p { text-align: left !important; padding: 0 !important; } #news-letter .desc-text { margin-bottom: 20px !important; } .ceklis-content ul li::before { margin-top: 0; } #icon-category .skssl-box-icon { margin-bottom: 20px; padding: 0; } .title-text.line h2::after { display: none; } #two-section .col-sm-3 .mc-card-image-02 .mcci02-image, #two-section .col-sm-6 .mc-card-image-02 .mcci02-image { padding-top: 75%; } #two-section .col-sm-3 .mcci02-text { padding: 6%; width: 100%; } #two-section .skssl-card-image-02 { margin-bottom: -5px !important; } #banner-section .skssl-button { margin-bottom: 0 !important; } #banner-promotion .skssl-card-image-02 { margin-bottom: 12px; } #main-content div#banner-promotion { margin: -20px 0 0 !important; } #finance-icon .komponen-sll-ready.col-md-3.col-sm-6.col-xs-12 { width: 50%; } .left-content.sub-komponen-sll { margin: 5px 0 5px !important; } #two-section .col-sm-4.col-xs-12 .mcci02-description { font-size: 21px; } div#finance-icon .mcbi-text { padding: 0 !important; } #produk-content .skssl-button { margin-top: 50px !important; } #about-section .skssl-button { margin-bottom: 40px !important; } div.testi-box { margin-top: 20px; position: relative; left: 0; padding: 40px 5px !important; top: 0px; width: 100%; } #testimoni-section .komponen-sll-ready.col-sm-6.col-xs-12:last-child { width: 100%; } div#testimoni-section .skssl-image { position: relative; top: 0; width: auto; max-height: 300px; border-radius: 0px; overflow: hidden; } #gallery-view .komponen-sll-ready.col-md-3.col-sm-6.col-xs-12 { width: 50%; } #gallery-view .skssl-sub-section:last-child .row .komponen-sll-ready.col-md-3.col-sm-6.col-xs-12:first-child, #gallery-view .skssl-sub-section:last-child .row .komponen-sll-ready.col-md-3.col-sm-6.col-xs-12:nth-child(2), #gallery-view .skssl-sub-section { margin-bottom: 0 !important; } #gallery-view .skssl-image { margin-bottom: 20px !important; } #slideshow-section a.right.carousel-control, #slideshow-section a.left.carousel-control { padding: 26px; background-size: 18%; } #about-section .skssl-box-icon { margin-bottom: 20px; padding: 0; } div#about-section .skssl-box-icon::before { width: 18%; left: 3%; } .bs-image-slider .carousel-inner .item .image-blur { background-position-x: 100px; } #how-section .skssl-box-icon { margin-bottom: 25px; } div#finance-icon .skssl-box-icon::after { position: relative; } #testi-section .item .inner-testimonial { width: 100%; padding: 20px 30px 48px; } #testi-section .testimonial-area .judul { font-size: 22px;} #three-promotion .container.no-padding { flex-direction: column; } .small-image img { width: -webkit-fill-available; } .small-image { width: 100%; z-index: 2; height: 380px; overflow: hidden; } .skssl-button { margin-bottom: 20px !important; } #about-section .container.no-padding { display: block !important; } div#testimoni-section .subtitle-text { text-align: center !important; } div#testimoni-section { display: flex; justify-content: center; align-items: center; flex-direction: column; } #team-section .mcci02-title { font-size: 24px; } #team-section .skssl-card-image-02 { margin-bottom: 20px; } .top-image, .bottom-image, .left-image, .right-image { margin-bottom: 20px !important; } #services-section .skssl-box-icon:hover .mcbi-text::before { height: 79px; } #happy-section .komponen-sll-ready.col-md-3.col-sm-6.col-xs-12 { width: 50%; } #finance-icon .skssl-box-icon { margin-bottom: 20px; width: 100%; margin-right: 5%; } #about-section .skssl-image { margin-bottom: 20px; } .about-detail .komponen-sll-ready.col-sm-6.col-xs-12 { padding: 0 15px; } .title-banner h1::before { display: none; } .ceklis-content ul { list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; } .ceklis-content li { display: flex; align-content: center; margin-bottom: 10px; align-items: center; } #how-icon-section .mc-box-icon .mcbi-text .mcbi-title { font-size: 15px; } #how-icon-section .row .komponen-sll-ready.col-md-3.col-sm-6.col-xs-12 { width: 50%; margin-bottom: 40px; } div#how-section { margin-bottom: 20px !important; } #why-icon-section .komponen-sll-ready.col-sm-4.col-xs-12 { margin-bottom: 15px; } #services-icon-section a.btn.btn-primary.btn-sm { padding: 6px 16px; } /* Akhir Section baru */ /* banner Section */ #banner-section .subtitle-banner h3 { font-size: 26px !important; } #banner-section .desc-banner h5 { padding: 0 5% !important; } #banner-section .title-banner h1 { font-size: 40px; } /* Akhir banner baru */ /* Produk Section */ .skssl-flashsale { padding: 0 15px; } #produk-content .title-text, #produk-content .subtitle-text, #produk-content .desc-text { padding: 0 5%; } .skssl-flashsale .col-lg-5:nth-child(3) { padding: 0 5px; } .skssl-flashsale > .row:first-child .col-xs-12:nth-child(2) { text-align: left; padding: 0; }#flash-section > .row:nth-child(1) > .col-lg-2.col-xs-12 { width: 100%; padding: 0;} #list-produk-sejenis .col-xs-6 { padding: 0 5px; } body.not-home .list-produk-item { margin-bottom: 10px; }#produk-content .komponen-sll-ready.col-xs-12:only-child { padding: 0 10px;} #list-produk-lg .col-xs-12 { width: 50%; } .list-produk-item .produk-item-inner .produk-description .produk-title { font-size: 16px !important; } .list-produk-item { margin-bottom: 10px; } #list-produk .list-produk-item .produk-item-inner .produk-description .produk-title { font-size: 18px; } #list-produk .list-produk-item .produk-item-inner .produk-description .produk-price { font-size: 12px; } #list-produk .col-xs-12, .skssl-flashsale .col-xs-12 { /* width: 50%; */ } /* Akhir Produk Section */ /* Slideshow Section */ div#slideshow-section .carousel-inner .item .ci-text p { font-size: 14px; } div#slideshow-section h3 { font-size: 32pt; } div#slideshow-section .carousel-inner .item .ci-text { width: 100%; text-align: center; left: 0; transform: translateY(-50%); padding: 50px 75px; background: transparent; margin-top: 0 !important; } #slideshow-section .bs-image-slider .carousel-inner .item img { margin: 0 auto; min-height: 450px !important; } /* AKhir Slideshow Section */ /* Header Section */ #top-admin-bar { height: 47px !important; } #top-navbar-section .left-content p { margin: 0 auto; font-weight: var(--regular-text); -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; white-space: nowrap; width: 80%; } #header-user-icon { display: block !important; } body #responsive-menu-btn { margin-left: 20px; } body a#btn-cart-floating { margin-right: 20px; right: 0; animation: animasiiphone 2s !important; }a#responsive-menu-btn,body a#btn-cart-floating { top: 34px ;} #navbar-section .col-sm-3 { width: 100% !important; } #navbar-section .container.no-padding { display: inline !important; } #top-navbar-section .right-content { display: none; } .logo, .left-content { text-align: center !important; } div#navbar-section::after { height: 16%; } /* AKhir Header Section */ /* Random Section */ .subtitle-text { text-align: center !important; } .desc-text { padding: 0%; } .desc-text p, .skssl-button { text-align: center !important; } .title-text { text-align: center !important; } .col-md-9.col-sm-8.col-xs-12 .row:nth-child(2) { padding: 10px; } div#testi-section { width: 100%; padding: 10px;} .row.mt20 .col-lg-12 { margin: 0 12px; } .row .col-lg-12 .col-xs-12 { padding-left: 5px; padding-right: 5px; } #testi-section .testimonial-area .pesan { display: flex; font-size: 16px; line-height: 1.5; } .title-text h2 { /* padding: 0 !important; */ font-size: 32px !important; } .subtitle-text h3 { padding: 0 8%; font-size: 20px; } #inner-main-content .row .col-lg-3 .flash-sale-box { width: 100% !important; } #clockdiv { padding-left: 2%; } /* Random Section */}/* Akhir 552 Device *//* 420 Device */@media only screen and (max-width: 420px) {#type-section .komponen-sll-ready.col-md-2.col-sm-4.col-xs-12 { width: 100%;} #icon-category .komponen-sll-ready.col-md-3.col-sm-6.col-xs-12 { width: 100% !important; } #two-section .mcci02-image { padding-top: 72%; } #two-section .mcci02-title { font-size: 16px; } #two-section .mcci02-description { font-size: 26px; } .ceklis-content { margin-bottom: 30px !important; } #about-section input.form-control, #about-section .form-control { margin-bottom: 0; } div.form-data-section .form-group { width: 100%; margin-bottom: 10px !important; } div.ceklis-content li { width: 100%; } #main-content #about-section .blog-content .mc-card-image-02 { max-height: 240px; } .blog-content .mcci02-text { padding: 25px 20px 15px; height: 250px; } #how-icon-section .mc-box-icon .mcbi-text .mcbi-title { font-size: 15px; } body .title-text { padding: 0; }}/* Akhir 420 Device *//* 376 Device */@media only screen and (max-width: 376px) {/* promo 376 */#promo-section .mcci02-image { padding-top: 115%;}#promo-section .mc-card-image-02 .mcci02-text { padding: 30px; width: 84%;}#promo-section .mcci02-title { font-size: 24px;}#promo-section .mcci02-description { font-size: 14px;}/* akhir promo 376 */#blog-section .list-paket-front.landscape .deskripsi a.btn-primary span { display: none; } .gambar-kecil img { height: 144px; } #about-section .big-image img { height: 300px !Important; } div#banner-promotion .mcci02-image { padding-top: 80%; } div#two-section .mcci02-text { width: 66%; } #finance-icon .skssl-box-icon { width: 92%; } #main-content div.testi-box { padding: 40px 10px !important; } div.gambar-kecil { max-width: 180px; max-height: 144px; } #main-content div#slideshow-section .carousel-inner .item .ci-text { padding: 50px 45px; } div#blog-section .row { margin: 0; } div#blog-section { padding: 0 !important; } #navbar-section .logo img { transform: scale(.6); } div#about-section span.input-group-addon.captcha-image { background-size: 95% !important; background-position-x: -2px; } div#how-icon-section .mc-box-icon.mc-box-icon-top { background-color: #F7F7F7; padding: 35px 20px; border-radius: 10px; min-height: 230px; } .title-text { text-align: center !important; padding: 0 !important; } div#how-icon-section .mc-box-icon .mcbi-text .mcbi-title { font-size: 12px; } #banner-section .title-banner h1 { font-size: 36px !important; } .title-text h2 { font-size: 26px !important; } div.flash-sale-title { font-size: 22px !important; } #clockdiv { font-size: 10px !important; } .mt10 { margin-right: 0px !important; } .list-produk-item .produk-item-inner .produk-description .produk-title { font-size: 18px; } .list-produk-item .produk-item-inner .produk-description .produk-price { font-size: 12px; } .list-produk-item .produk-item-inner .produk-description { padding: 15px var(--padding-x) 15px; border-top: var(--border-top); }}/* Akhir 376 Device *//* 360 Device */@media only screen and (max-width: 360px) { #finance-icon .skssl-box-icon { width: 100% !important; padding: 10px 0 !important; } .blog-content .mc-card-image-02 .mcci02-text .mcci02-description { margin-bottom: 10px; font-size: 13px; }}/* Akhir 360 Device *//* 320 Device */@media only screen and (max-width: 320px) { /* Section baru */.subtitle-text h3 { padding: 0 2%;}.list-produk-vertikal .thumbnail .inner { padding-top: 118%;} div#two-section .col-sm-4.col-xs-12 .mcci02-description { margin-bottom: 10px;} #two-section .mcci02-text { width: 60%; } div#two-section .mcci02-description { font-size: 24px; } div#two-section .mcci02-image { padding-top: 100%; } #happy-section .mcbi-title { font-size: 14px; } #happy-section .mcbi-description { font-size: 26px; font-weight: 700; } .form-data-section { } #about-section .skssl-sub-section .komponen-sll-ready.col-xs-12 { padding: 0 !important; } #main-content #about-section .blog-content .mc-card-image-02 { max-height: 100% !important; display: block; } .blog-content .mc-card-image-02 .mcci02-image { padding-top: 80%; } #main-content .blog-content .mcci02-text { padding: 25px; height: auto; } body div#how-icon-section .mc-box-icon .mcbi-text .mcbi-title { font-size: 14px; } div#how-icon-section .row .komponen-sll-ready.col-md-3.col-sm-6.col-xs-12 { width: 100%; margin-bottom: 40px; } /* Akhir Section baru */ /* banner section */ #banner-section .title-banner h1 { font-size: 32px !important; } /* akhir banner section */ html body .title-text h2 { font-size: 26px !important; }}/* Akhir 320 Device *//* 281 Device */@media only screen and (max-width: 281px) { /* Slideshow section */ div#slideshow-section .carousel-inner .item .ci-text p { font-size: 12px !important; } div#slideshow-section h3 { font-size: 26pt !important; } div#slideshow-section .carousel-inner .item .ci-text { padding: 40px !important; } /* akhir Slideshow section */ /* banner section */ html body #banner-section .subtitle-banner h3 { font-size: 22px !important; } /* akhir banner section */ /* Section baru */ div div#about-section .skssl-sub-section .row { flex-direction: column; } div#two-section .col-sm-4.col-xs-12 .mc-card-image-02 .mcci02-image { padding-top: 73% !important; } div#two-section .mc-card-image-02 .mcci02-text .mcci02-title, div#two-section2 .mc-card-image-02 .mcci02-text .mcci02-title { font-size: 14px !important; } /* Akhir Section baru */ body #main-content .desc-text { padding: 0% 5%; } html div#testi-section { width: 100% !important; } body #clockdiv { font-size: 9px !important; padding-left: 0 !important; }#button-group-checkout a.btn.btn-primary { margin-bottom: 8px; }.skssl-flashsale { padding: 0 5px; }}/* Akhir 281 Device *//* Form Hubungi Kami other page */.form-data-section input.btn.btn-primary , #form-hubungi-kami input.btn.btn-primary {border-radius: 0;padding: 11px 20px;width: 100%;}.form-data-section label.control-label, #form-hubungi-kami label.control-label {display: block;}.forma-data-section div.input-group input.form-control { border-radius: 4px !important; }.form-data-section input.form-control, #form-hubungi-kami input.form-control { border-radius: 4px !important; border-color: #e1e1e1 !important; height: 40px; background-color: #f6f6f7; background-color: white;}.form-data-section span.input-group-addon, #form-hubungi-kami span.input-group-addon { background-color: var(--primary-color) !important; border-color: #e1e1e1 !important; /* border-radius: 0 !important; */ background-position-y: 11px; color: white;}.form-data-section a.chosen-single, #form-hubungi-kami a.chosen-single {height: 45px;border-radius: 4px !important;border-color: #4a4a4a !important;background-color: #f6f6f6;background-color: transparent;}.chosen-container-active.chosen-with-drop .chosen-single { background-color: white;}.form-data-section .chosen-single span, #form-hubungi-kami .chosen-single span {line-height: normal;margin: auto 0 !important;top: 10px;position: relative;}.form-data-section .chosen-container-active.chosen-with-drop .chosen-single div b, #form-hubungi-kami .chosen-container-active.chosen-with-drop .chosen-single div b {position: relative;top: 7px;}.chosen-container.chosen-container-single {background-color: #f6f6f6;background-color: transparent;border-color: #4a4a4a !important;background-color: white;}.form-data-section a.chosen-single { background-color: #f6f6f7 !important; border-color: #e1e1e1 !important;}.form-data-section .input-group { border-radius: 4px; overflow: hidden;}.form-data-section textarea.form-control , #form-hubungi-kami textarea.form-control{border-radius: 4px !important;border-color: transparent !important;height: 148px;background-color: #f6f6f7;background-color: white;border-color: #e1e1e1 !important;}.form-data-section a#btn-refresh-captcha, #form-hubungi-kami a#btn-refresh-captcha {height: 40px;display: flex;justify-content: center;align-items: center;width: 45px;border-radius: 0 !important;}#form-hubungi-kami {box-shadow: 1px 1px 1px transparent !important; }.form-data-section .form-group, #form-hubungi-kami .form-group {width: 48.5%;margin-bottom: 20px !important;}.form-data-section .form-hubungi-kami, #form-hubungi-kami {display: flex;flex-wrap: wrap;justify-content: space-between;}.form-data-section .form-group:nth-child(5), .form-data-section .form-group:nth-child(6), #form-hubungi-kami .form-group:nth-child(5), #form-hubungi-kami .form-group:nth-child(6) {width: 100%;}.form-data-section, #form-hubungi-kami { box-shadow: var(--box-shadow);}.form-data-section { box-shadow: none !important; padding: 0 0 20px 0 !important;}body.not-home #form-hubungi-kami .form-group:nth-child(7) {margin-bottom: 0 !important;margin-left: 0;}#form-hubungi-kami textarea.form-control, #form-hubungi-kami input.form-control { border-color: #e1e1e1 !important;}#form-hubungi-kami .form-group .form-control { height: 40px;}#form-hubungi-kami a.chosen-single { border-color: #e1e1e1 !important; height: 40px;}@media screen and (max-width: 552px) {.skssl-wysiwyg p { font-size: 14px;} #clockdiv { padding-left: 2% !important; display: flex; column-gap: 3px; } #clockdiv > div { padding: 5px !important; margin-bottom: 20px; }div#about-section::before { width: 242px;}#long-promotion .skssl-galeri { margin-bottom: 25px;}#about-section.reverse .skssl-sub-section { min-height: 300px; margin-bottom: 20px; height: auto;}.form-data-section { margin-top: 25px;} div.form-data-section .form-group, #form-hubungi-kami .form-group { width: 100%; margin-bottom: 10px !important;} }@media (min-width: 553px) and (max-width: 768px) {/* Teknis */.skssl-button.mb-1-sm, .skssl-image.mb-1-sm , .skssl-wysiwyg.mb-1-sm , .skssl-heading.mb-1-sm { margin-bottom: 10px !important;}.skssl-button.mb-2-sm, .skssl-image.mb-2-sm , .skssl-wysiwyg.mb-2-sm , .skssl-heading.mb-2-sm { margin-bottom: 20px !important;}.align-center-sm.skssl-heading, .align-center-sm.skssl-wysiwyg, .align-center-sm.skssl-button { text-align: center !Important;}.align-left-sm.skssl-heading, .align-center-sm.skssl-wysiwyg, .align-center-sm.skssl-button { text-align: center !Important;}/* Akhir Teknis *//* Sikat */.form-data-section .form-group , #form-hubungi-kami .form-group{ width: 100%;}.form-data-section .form-control, #form-hubungi-kami .form-control { margin-bottom: 0;}}/* Form Hubungi Kami other page *//* Produk *//* AKhir Produk *//* Motor Section */#motor-section .container.no-padding { display: flex; justify-content: center; align-items: center;}/* Akhir Motor Section */ body { background-color: #ffffff !important; }