.text-justify{text-align:justify}
a,a:visited {
  background-color: transparent;
  text-decoration: none;
  color: royalblue;
  cursor:pointer!important;
}
a:hover, a:focus{
color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}
img{border:none;max-width:100%}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}
  .section-kursus .card-title{
    background: #009450;
    padding: 10px;
    color: #fff;
    position: relative;
    top: -40px;
    width: 100%;
    margin-bottom: -10px;
  }
  .container {
	max-width: 1170px;
	margin-right: auto;
	margin-left: auto;
}

.navbar .navbar-brand,.navbar .nav-link,.navbar .nav-link:visited{color:#fff!important}
.navbar a.dropdown-item{color:var(--bs-link-color)}
.navbar a.dropdown-item:focus{color:#fff}
.navbar .nav-link:hover, .navbar .nav-link.active{color:#e0edff!important}
nav + section{margin-top:70px}
.section-home{margin-top:66px}
nav{background-color:rgba(3, 13, 130, 0.8);backdrop-filter:blur(5px)}
.navbar-toggler{color:#fff;border-color:#fff}
.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}
/*#navMain li.nav-item::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #fff;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}
#navMain li.nav-item:hover::after{transform:scaleX(1)}*/

/*footer{background-color:#dae4f5!important}
footer .border-top{border-top-color:#bbb!important}*/

.btn-group-xs>.btn, .btn-xs {--bs-btn-padding-y: .1rem; --bs-btn-padding-x: .3rem; --bs-btn-font-size: .75rem;}
ul.side-menu-member{list-style:none;margin:0;padding:0}
ul.side-menu-member li{list-style-type:none;margin:0;padding:0}
ul.side-menu-member span{display:inline-block;width:30px}


.breadcrumb-nav{padding:8px 15px;margin:0;list-style:none;background:#eee;border:1px solid #d5d5d5;border-radius:4px}
ol.breadcrumb{margin:0;padding:0}

.icon-box{display:inline-block;width:24px}




.flexslider{z-index:2}
.flexslider .slides > li {position:relative}
.flex-caption{position:absolute;left:10px;bottom:20px;width:95%;padding:10px 20px;background:#1d1d1d;background:rgba(0, 0, 0, .7);font-size:14px;line-height:24px;color:#eaeaea;text-align:left;font-style:italic}

.carousel-item_img{width:100%;min-height:280px;max-height:100%;object-fit:contain}





.product-box,.product-box:visited{
    text-align:center;
    position:relative;
    background-color:#f8f8f8;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-bottom:1px solid #eee;
    margin-bottom:14px;
    margin-top:3px;
    display:block;
    text-decoration:none;
    border:1px solid #dfdfdf;
}

.product-box:hover{
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    transition:all 0.2s linear;
    box-shadow:0px 0px 5px #ccc;
    text-decoration:none;
}
.product-box .product-image{
    overflow:hidden;
    padding:6px 0;
}
.product-box .product-image img{transition: transform .5s ease}
.product-box:hover .product-image img{transform: scale(1.2)}
.product-box span{display:block}
.product-box .product-info{background:#eee;border-top:1px solid #dfdfdf;padding:6px 0;min-height:97px}
.product-box .product-info .name{color:#111;font-weight:bold;overflow:hidden;text-overflow: ellipsis;max-height:48px}
.product-box .product-info .price-sale{color:#bbb;text-decoration:line-through}
.product-box .product-info .price{
    color:#eb4800;
    font-size:20px;
    font-weight:300;
    padding-bottom:6px
}
.product-photo{margin-top:-45px}


.xzoom-source img,.xzoom-preview img,.xzoom-lens img{display:block;max-width:none;max-height:none}
.xzoom-container{display:inline-block}
.xzoom-thumbs{text-align:center;margin-bottom:10px}
.xzoom{margin-bottom:15px}
.xzoom-gallery{border:1px solid #cecece;margin-left:5px;margin-bottom:10px}
.xzoom-source,.xzoom-hidden{display:block;position:static;float:none;clear:both}
.xzoom-hidden{overflow:hidden}
.xzoom-preview{border:1px solid #888;background:#2f4f4f;box-shadow:-0px -0px 10px rgba(0,0,0,0.50)}
.xzoom-lens{border:1px solid #333;box-shadow:-0px -0px 10px rgba(0,0,0,0.50);cursor:crosshair}
.xzoom-loading{background-position:center center;background-repeat:no-repeat;border-radius:100%;opacity:.7;background:url(../images/loading.gif);width:48px;height:48px}
.xactive{-webkit-box-shadow:0 0 3px 0 rgba(37,41,42,1);-moz-box-shadow:0 0 3px 0 rgba(37,41,42,1);box-shadow:0 0 3px 0 rgba(37,41,42,1);border:1px solid #25292a}
.xzoom-large{text-align:center;padding-top:10px}
.xzoom-large img{width:400px}
.xzoom-item,.xzoom-item:hover{text-decoration:none;display:inline-block;padding:0}
.xzoom-item{border:1px solid transparent;margin:3px 2px}
.xzoom-thumbs img{width:80px}


.share-label,.share-via{display:inline-block}
.share a{display:inline-block;padding:2px 6px}

.icon-marketplace{display:inline-block;width:200px;height:200px;background:url(../images/marketplace-logo.webp) 0 0;user-select:none;cursor:pointer}
.icon-marketplace.tokopedia{background-position:0 0}
.icon-marketplace.lazada{background-position:200px 0}
.icon-marketplace.shopee{background-position:400px 0}
.icon-marketplace.tiktok{background-position:0 200px}
.icon-marketplace.bukalapak{background-position:400px 200px}
.icon-marketplace.whatsapp{background-position:400px 400px}
.icon-marketplace.w100{background-size:300px 200px;width:100px;height:100px}
.icon-marketplace.w100.tokopedia{background-position:0 0}
.icon-marketplace.w100.lazada{background-position:100px 0}
.icon-marketplace.w100.shopee{background-position:200px 0}
.icon-marketplace.w100.tiktok{background-position:0 100px}
.icon-marketplace.w100.bukalapak{background-position:200px 100px}
.icon-marketplace.w100.whatsapp{background-position:100px 100px}
.icon-marketplace.w50{background-size:150px 100px;width:50px;height:50px}
.icon-marketplace.w50.tokopedia{background-position:0 0}
.icon-marketplace.w50.lazada{background-position:50px 0}
.icon-marketplace.w50.shopee{background-position:100px 0}
.icon-marketplace.w50.tiktok{background-position:0 50px}
.icon-marketplace.w50.bukalapak{background-position:100px 50px}
.icon-marketplace.w50.whatsapp{background-position:50px 50px}

.icon-payment,.icon-logistic{display:inline-block;width:250px;height:150px;background:url(../images/sprite-icons.png) 0 0;user-select:none;cursor:pointer}
.icon-payment.w100,.icon-logistic.w100{width:100px;height:60px;background-size:800px 240px}
.icon-payment.w75,.icon-logistic.w75{width:75px;height:45px;background-size:600px 180px}
.icon-payment.w50,.icon-logistic.w50{width:50px;height:30px;background-size:400px 120px}

.icon-payment.mandiri{background-position:0 -300px}
.icon-payment.bca{background-position:-250px -300px}
.icon-payment.bri{background-position:-500px -300px}
.icon-payment.bsi{background-position:-750px -300px}
.icon-payment.danamon{background-position:-1000px -300px}
.icon-payment.bbtn{background-position:-1250px -300px}
.icon-payment.seabank{background-position:-1500px -300px}
.icon-payment.cod{background-position:-1750px -300px}
.icon-payment.dana{background-position:0 -450px}
.icon-payment.ovo{background-position:-250px -450px}
.icon-payment.gopay{background-position:-500px -450px}
.icon-payment.shopeepay{background-position:-750px -450px}
.icon-payment.paypal{background-position:-1000px -450px}
.icon-payment.qris{background-position:-1250px -450px}
.icon-payment.w100.mandiri{background-position:0 -120px}
.icon-payment.w100.bca{background-position:-100px -120px}
.icon-payment.w100.bri{background-position:-200px -120px}
.icon-payment.w100.bsi{background-position:-300px -120px}
.icon-payment.w100.danamon{background-position:-400px -120px}
.icon-payment.w100.bbtn{background-position:-500px -120px}
.icon-payment.w100.seabank{background-position:-600px -120px}
.icon-payment.w100.cod{background-position:-700px -120px}
.icon-payment.w100.dana{background-position:0 -180px}
.icon-payment.w100.ovo{background-position:-100px -180px}
.icon-payment.w100.gopay{background-position:-200px -180px}
.icon-payment.w100.shopeepay{background-position:-300px -180px}
.icon-payment.w100.paypal{background-position:-400px -180px}
.icon-payment.w100.qris{background-position:-500px -180px}
.icon-payment.w75.mandiri{background-position:0 -90px}
.icon-payment.w75.bca{background-position:-75px -90px}
.icon-payment.w75.bri{background-position:-150px -90px}
.icon-payment.w75.bsi{background-position:-225px -90px}
.icon-payment.w75.danamon{background-position:-300px -90px}
.icon-payment.w75.bbtn{background-position:-375px -90px}
.icon-payment.w75.seabank{background-position:-450px -90px}
.icon-payment.w75.cod{background-position:-525px -90px}
.icon-payment.w75.dana{background-position:0 -135px}
.icon-payment.w75.ovo{background-position:-75px -135px}
.icon-payment.w75.gopay{background-position:-150px -135px}
.icon-payment.w75.shopeepay{background-position:-225px -135px}
.icon-payment.w75.paypal{background-position:-300px -135px}
.icon-payment.w75.qris{background-position:-375px -135px}
.icon-payment.w50.mandiri{background-position:0 -60px}
.icon-payment.w50.bca{background-position:-50px -60px}
.icon-payment.w50.bri{background-position:-100px -60px}
.icon-payment.w50.bsi{background-position:-150px -60px}
.icon-payment.w50.danamon{background-position:-200px -60px}
.icon-payment.w50.bbtn{background-position:-250px -60px}
.icon-payment.w50.seabank{background-position:-300px -60px}
.icon-payment.w50.cod{background-position:-350px -60px}
.icon-payment.w50.dana{background-position:0 -90px}
.icon-payment.w50.ovo{background-position:-50px -90px}
.icon-payment.w50.gopay{background-position:-100px -90px}
.icon-payment.w50.shopeepay{background-position:-150px -90px}
.icon-payment.w50.paypal{background-position:-200px -90px}
.icon-payment.w50.qris{background-position:-250px -90px}

.icon-logistic.jne{background-position:0 0}
.icon-logistic.jnt{background-position:-250px 0}
.icon-logistic.ninja{background-position:-500px 0}
.icon-logistic.anteraja{background-position:-750px 0}
.icon-logistic.pos{background-position:-1000px 0}
.icon-logistic.lion{background-position:-1250px 0}
.icon-logistic.tiki{background-position:-1500px 0}
.icon-logistic.wahana{background-position:-1750px 0}
.icon-logistic.grab{background-position:-0 -150px}
.icon-logistic.gojek{background-position:-100px -150px}
.icon-logistic.w100.jne{background-position:0 0}
.icon-logistic.w100.jnt{background-position:-100px 0}
.icon-logistic.w100.ninja{background-position:-200px 0}
.icon-logistic.w100.anteraja{background-position:-300px 0}
.icon-logistic.w100.pos{background-position:-400px 0}
.icon-logistic.w100.lion{background-position:-500px 0}
.icon-logistic.w100.tiki{background-position:-600px 0}
.icon-logistic.w100.wahana{background-position:-700px 0}
.icon-logistic.w100.grab{background-position:0 -60px}
.icon-logistic.w100.gojek{background-position:-100px -60px}
.icon-logistic.w75.jne{background-position:0 0}
.icon-logistic.w75.jnt{background-position:-75px 0}
.icon-logistic.w75.ninja{background-position:-150px 0}
.icon-logistic.w75.anteraja{background-position:-225px 0}
.icon-logistic.w75.pos{background-position:-300px 0}
.icon-logistic.w75.lion{background-position:-375px 0}
.icon-logistic.w75.tiki{background-position:-450px 0}
.icon-logistic.w75.wahana{background-position:-525px 0}
.icon-logistic.w75.grab{background-position:0 -45px}
.icon-logistic.w75.gojek{background-position:-75px -45px}
.icon-logistic.w50.jne{background-position:0 0}
.icon-logistic.w50.jnt{background-position:-50px 0}
.icon-logistic.w50.ninja{background-position:-100px 0}
.icon-logistic.w50.anteraja{background-position:-150px 0}
.icon-logistic.w50.pos{background-position:-200px 0}
.icon-logistic.w50.lion{background-position:-250px 0}
.icon-logistic.w50.tiki{background-position:-300px 0}
.icon-logistic.w50.wahana{background-position:-350px 0}
.icon-logistic.w50.grab{background-position:0 -30px}
.icon-logistic.w50.gojek{background-position:-50px -30px}
.icon-bordered [class*='icon-']{border:1px solid #ddd;border-radius:8px}
.icon-bordered [class*='icon-']:hover{border-color:#ccc}

@media all and (max-width:767px) {
	.product-photo{margin-top:0}
	.product-detail h3{text-align:center}
	.share{text-align:center}
	.share-label,.share-via{display:block}
}