/**
 *  VARIABLES
 *
 *  Configure library by adjusting this file
 *
 */
/**
 *  MEDIA QUERIES BREAKPOINTS
 */
/**
 * Library
 */
/**
 * MIXINS
 */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");


html,
body {
	background-color: #ffffff;
	color: #333333;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	letter-spacing: 0.5px;
}

p {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 14px;
}

a {
	color: #333333;
	text-decoration: none !important;
}

a:hover {
	color: #333333;
}

a:focus {
	color: #333333;
}

img {
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
}

.fm-muli-r {
	font-family: "MuliRegular", "Roboto", sans-serif;
}

.fm-nuni-bl {
	font-family: "NunitoBlack", "Roboto", sans-serif;
}

.fm-muli-b {
	font-family: "MuliBold", "Roboto", sans-serif;
}

/**
 *  BUTTONS
 */
.btn {
	display: inline-block;
	background: #FF6C00;
	color: white;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.btn.btn-height {
	height: 45px;
}

.btn.btn-80 {
	width: 80%;
}

.btn.btn-height-35 {
	height: 35px;
}

.btn:hover {
	color: white;
	text-decoration: none;
}

.btn:focus {
	color: white;
	text-decoration: none;
}

.btn.btn-full {
	width: 100%;
}

.btn.light {
	background: #faae3a;
}

.btn.dark {
	background: #ff6e02;
}

.btn.disabled {
	cursor: default;
	opacity: .4;
	transform: none;
}

.secondary-btn {
	background: #FF924A;
	color: #FF6C00;
	width: 150px;
	font-weight: 700;
}

.secondary-btn:focus {
	outline: none;
	box-shadow: none;
}

.main-btn {
	background: #FF6C00;
	color: white;
}

.main-btn.big {
	padding: 15px;
}

.main-btn.full {
	width: 100%;
}

.main-btn.transparent {
	background: transparent;
	border: 2px solid #FF6C00;
	color: #FF6C00;
}

.gray-btn {
	background: #CCCCCC !important;
	color: #ffffff !important;
}

.gray-dark-btn {
	background: #333333 !important;
	color: #ffffff !important;
}

.google-plus-btn {
	background: #DC4E42;
	color: white;
}

.google-plus-btn.transparent {
	background: transparent;
	border: 2px solid #DC4E42;
	color: #DC4E42;
}

.black-btn {
	background: #333333;
}

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	transition: .3s ease-out;
}

.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.2);
	transition: all 0.7s ease-out;
	transition-property: transform, opacity;
	transform: scale(0);
	pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
	background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
	background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
	background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
	background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
	background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
	background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
	background-color: rgba(0, 150, 136, 0.7);
}

.waves-effect input[type="button"],
.waves-effect input[type="reset"],
.waves-effect input[type="submit"] {
	border: 0;
	font-style: normal;
	font-size: inherit;
	text-transform: inherit;
	background: none;
}

.waves-effect img {
	position: relative;
	z-index: -1;
}

.waves-notransition {
	transition: none !important;
}

.waves-circle {
	transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
	border-radius: 0.2em;
	vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.waves-circle {
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 50%;
	-webkit-mask-image: none;
}

.waves-block {
	display: block;
}

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
	z-index: -1;
}

/*
Animated skeleton screen using CSS.

Create shapes using gradients that simulate solids.

Use `:empty` pseduo-class to show skeleton screen background only while container has no content (ex: for the "loading" state). When content is added to the container element, the pseudo-class selector won't match anymore and the skeleton screen will be removed automatically; no need to toggle a separate class on the container.

See: https://developer.mozilla.org/en-US/docs/Web/CSS/:empty

Animating one layer of the background which is a tilted linear gradient with white in the middle to achieve shine effect.
*/
.skeleton-card:empty {
	background: white;
	margin: 15px;
	height: 900px;
	/* change height to see repeat-y behavior */
	background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(lightgray 25px, transparent 0), linear-gradient(lightgray 40px, transparent 0), linear-gradient(lightgray 15px, transparent 0), linear-gradient(lightgray 15px, transparent 0), linear-gradient(lightgray 15px, transparent 0), linear-gradient(lightgray 15px, transparent 0), linear-gradient(lightgray 15px, transparent 0), linear-gradient(lightgray 15px, transparent 0), linear-gradient(lightgray 15px, transparent 0), linear-gradient(lightgray 15px, transparent 0), linear-gradient(lightgray 40px, transparent 0), linear-gradient(lightgray 40px, transparent 0);
	background-repeat: repeat-y;
	background-size: 50px 300px, 25px 300px, 150px 300px, 175px 300px, 85px 300px, 140px 300px, 50px 300px, 85px 300px, 150px 300px, 175px 300px, 150px 300px, 130px 300px, 70% 300px;
	background-position: 0 0, 15px 0, 80px 50px, 300px 20px, 300px 50px, 300px 80px, 300px 110px, 540px 20px, 540px 50px, 540px 80px, 540px 110px, 810px 20px, 300px 160px;
	animation: shine 2s infinite;
}

@keyframes shine {
	to {
		background-position: 100% 0, 15px 0, 80px 50px, 300px 20px, 300px 50px, 300px 80px, 300px 110px, 540px 20px, 540px 50px, 540px 80px, 540px 110px, 810px 20px, 300px 160px;
	}
}

.display-flex,
#bottom-header .menu-product-list,
#bottom-header .othersSection .other-list .item a,
.media-card,
#footer-container #footer-one .input-group-text,
#home .banner-section .product-menu-box,
#home .inline-form,
#promo .filter-section,
#promo .category-list,
#promo .promo-detail-content .share-section,
#promo .promo-detail-content .share-section .share-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.default-list-style,
#bottom-header .menu-product-list,
#bottom-header .othersSection .other-list,
#home .partner-list,
#home .promo-slider,
.status-bar,
#promo .category-list,
#promo .promo-detail-content .share-section .share-list {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.default-background-style {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.transparent {
	opacity: 0;
}

.light {
	font-weight: 500;
}

.show {
	opacity: 1;
	transform: translateX(0%);
}

.header-z-index,
#top-header,
#nav,
#bottom-header {
	position: relative;
	z-index: 500;
}

.no-wrap {
	flex-wrap: nowrap !important;
}

.v-align-bottom {
	vertical-align: bottom !important;
}

.align-self-center {
	align-self: center;
}

.w-60 {
	width: 60%;
}

.h-80 {
	height: 80%;
}

.main-color {
	color: #FF6C00;
}

.ml-35 {
	margin-left: 35px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mb-250 {
	margin-bottom: 250px;
}

.full-line {
	margin-top: 60px;
}

.bg-overlay {
	opacity: 0;
	position: relative;
	top: 0;
	bottom: 0;
	z-index: 140;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
}

.bg-overlay.active {
	opacity: 1;
	position: fixed;
	height: 100vh;
}

.over-hidden {
	overflow: hidden;
}

.over-x-hidden {
	overflow-x: hidden;
}

.bg-gray {
	background-color: #F7F7F7;
}

.word-wrap {
	word-wrap: break-word;
}

#top-header {
	padding: 10px;
	background: white;
}

#top-header span {
	color: #FF6C00;
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
	vertical-align: middle;
}

#top-header span a {
	color: #FF6C00;
}

#top-header img {
	display: inline-block;
	margin-right: 5px;
	width: 20px;
}
.error-white .form-error {
	color: #ffffff;
}

#bottom-header {
	padding: 7.5px 0px;
	background: #F2F2F2;
	box-shadow: 0px 0px 5px 1px #808080;
}

#bottom-header .menu-product-list {
	justify-content: space-around;
}

#bottom-header .menu-product-list>.item {
	position: relative;
	opacity: 1;
}

#bottom-header .menu-product-list>.item .icon {
	width: 30px;
	margin-right: 10px;
}

#bottom-header .menu-product-list>.item span {
	font-weight: 600;
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#bottom-header #openOthersSection {
	cursor: pointer;
}

#bottom-header .othersSection {
	display: none;
	position: absolute;
	background: white;
	border-radius: 5px;
	right: 0px;
	top: 40px;
	width: 200px;
	border: 1px solid #e1e1e1;
}

#bottom-header .othersSection.active {
	display: block;
}

#bottom-header .othersSection .other-list .item a {
	padding: 10px 15px;
	color: #000;
	align-items: center;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

#bottom-header .othersSection .other-list .item a:hover {
	color: white;
	background: #FF6C00;
}

#bottom-header .othersSection .other-list .item a:hover span {
	background: white;
}

#bottom-header .othersSection .other-list .item a span {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #424242;
	margin-right: 15px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.slider {
	padding: 0px;
}

.slider .arrow {
	font-size: 70px;
	position: absolute;
	top: 30%;
	z-index: 100;
	cursor: pointer;
	color: #CBCBCB;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.slider .arrow:hover {
	color: #FF6C00;
}

.slider .arrow.next {
	right: 0px;
}

.slider .arrow.prev {
	left: 0px;
}

.media-card {
	flex-wrap: nowrap;
	align-items: flex-start;
	margin-bottom: 15px;
}

.media-card .image-wrapper {
	margin-right: 30px;
}

.media-card .image-wrapper img {
	width: 50px;
}

.media-card .content label {
	font-size: 12px;
	margin-bottom: 0px;
}

.rating-section {
	font-size: 15px;
}

.rating-section .fa {
	color: #dddddd;
}

.rating-section .fa.active {
	color: #F8D83D;
}

.custom-dashed-horizontal {
	background-image: linear-gradient(to bottom, #ffffff 60%, rgba(0, 0, 0, 0) 0%);
	background-position: bottom;
	background-size: 1px 25px;
	background-repeat: repeat-y;
	width: 1px;
	height: 100%;
}

.custom-dashed-horizontal.gray {
	background-image: linear-gradient(to bottom, #CCCCCC 60%, rgba(0, 0, 0, 0) 0%);
}

.custom-dashed {
	background-image: linear-gradient(to right, #ffffff 60%, rgba(0, 0, 0, 0) 0%);
	background-position: bottom;
	background-size: 25px 1px;
	background-repeat: repeat-x;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
}

.custom-dashed.orange {
	background-image: linear-gradient(to right, #FF6C00 60%, rgba(0, 0, 0, 0) 0%);
}



.custom-input-form .form-group label {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
}

.custom-input-form input {
	padding: .8rem 1.2rem;
	font-size: 1.2rem;
	line-height: 1.5;
	border-radius: .3rem;
	height: 42px;
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
}

.custom-input-form input:focus {
	border-color: #FF6C00;
	box-shadow: none;
}

.custom-input-form select {
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
	padding: .8rem 1.2rem;
	font-size: 1.2rem;
	line-height: 1.5;
	border-radius: .3rem;
	height: 42px !important;
}

.custom-input-form select:focus {
	border-color: #FF6C00;
	box-shadow: none;
}

.custom-input-form textarea {
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
	padding: .8rem 1.2rem;
	font-size: 1.2rem;
	line-height: 1.5;
	border-radius: .3rem;
}

.custom-input-form textarea:focus {
	border-color: #FF6C00;
	box-shadow: none;
}

.custom-input-form .select2-container {
	width: 100% !important;
}

.custom-input-form .select2-container .select2-selection {
	background: transparent !important;
	padding: .8rem 1.2rem !important;
	height: 42px !important;
}

.custom-input-form .select2-container .select2-selection .select2-selection__rendered {
	color: #333333 !important;
	font-family: "MuliBold", "Roboto", sans-serif !important;
	font-size: 1.1rem !important;
	top: 45% !important;
}

.custom-input-form .select2-container .select2-selection__arrow {
	margin-right: 15px !important;
}

.custom-input-form .select2-container .select2-selection__arrow b {
	border-width: 6px 6px 0 6px !important;
	border-color: #333333 transparent transparent transparent !important;
}

.custom-input-form textarea {
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
}

.custom-input-form textarea:focus {
	border-color: #FF6C00;
	box-shadow: none;
}

.custom-input-form .custom-file {
	position: relative;
	border-radius: .3rem;
	border: 1px solid #ced4da;
	height: 42px;
}

.custom-input-form .custom-file input {
	width: 100%;
	opacity: 0;
}

.custom-input-form .custom-file label {
	position: absolute;
	top: .6rem;
	bottom: .6rem;
	right: 8px;
	background-color: #29A9E0;
	margin-bottom: 0;
	color: #ffffff;
	padding: 4px 15px;
	border-radius: 5px;
	font-size: 1.1rem;
}

.custom-input-form .custom-group-prepend input {
	border-right: 0;
}

.custom-input-form .custom-group-prepend input:focus {
	border-right: 1px solid #FF6C00;
}

.custom-input-form .custom-group-prepend .input-group-prepend {
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-right: 1px solid #ced4da;
	padding-right: 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.custom-input-form .custom-group-prepend .icon-group {
	width: 20px;
}

.custom-input-form .text-muted-custom {
	color: #333333;
	font-size: 1em;
	font-family: "MuliRegular", "Roboto", sans-serif;
}

.mobile-show {
	display: none;
}

.tooltip-custom-image {
	left: 10px !important;
}

.tooltip-custom-image.show {
	opacity: 1;
}

.tooltip-custom-image .arrow {
	display: none;
}

.tooltip-custom-image .tooltip-inner {
	max-width: 160px;
	padding: .5rem .6rem;
	border-radius: 6px;
	background-color: #333333;
	font-size: 1.1em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	text-align: left;
}

.custom-ol {
	padding-left: 15px;
	list-style-type: none;
	counter-reset: item;
	position: relative;
}

.custom-ol li {
	counter-increment: item;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 400;
	padding-left: 30px;
	margin-bottom: 15px;
}

.custom-ol li:before {
	content: counter(item);
	padding: 3px;
	background-color: #333333;
	color: white;
	font-weight: bold;
	position: absolute;
	left: 0;
	font-size: 90%;
	width: 26px;
	height: unset;
	text-align: center;
	border-radius: 50%;
}

.rating {
	list-style-type: none;
	padding-left: 0;
}

.rating li {
	display: inline-block;
	font-size: 1.6em;
}

.rating li .active {
	color: #EFCE4A;
}

.hidden {
	display: none;
}

.radio-custom-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 0;
	cursor: pointer;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radio-custom-container.form-group-label {
	font-size: 14px;
	padding-top: 2px;
}

.radio-custom-container.form-group-label img {
	width: 15px;
	margin-left: 5px;
	margin-top: -1px;
}

.radio-custom-container:hover input~.label-radio-text {
	background-color: #ffffff;
}

.radio-custom-container input {
	position: absolute;
	opacity: 0;
}

.radio-custom-container input:checked~.label-radio-text {
	background-color: #ffffff;
}


.modal-custom-page .modal-header {
	background: linear-gradient(to left, #ff6e02, #faae3a);
	color: #ffffff;
}

.modal-custom-page .modal-header.white-bg {
	background: #ffffff;
}

.modal-custom-page .modal-header .modal-title {
	width: 100%;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.6rem;
}

.modal-custom-page .modal-header .close {
	position: absolute;
	right: 15px;
	bottom: 15px;
	opacity: 1;
	outline: none;
}

.modal-custom-page .modal-header .close img {
	width: 25px;
}

.modal-custom-page .content {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

.image-loader-container {
	display: block;
	margin: auto;
	background-color: #ffffff;
}

.image-loader-container.medium-size {
	width: 100px;
}

.image-loader-container.small-size {
	width: 80px;
}

.date-content .date {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	font-size: 1.2em;
	background-color: #29abe2;
	color: #ffffff;
	display: inline-block;
	padding: 2px 5px;
	border-radius: 5px;
}

.date-content .icon-date {
	width: 25px;
	margin-left: 8px;
	margin-right: 8px;
	display: inline-block;
}

#not-found #image-not-found {
	display: block;
	margin: auto;
}

#not-found #title-not-found {
	color: #FF6C00;
	font-family: "NunitoExtraBold", "Roboto", sans-serif;
	font-size: 30px;
	font-weight: 400;
}

#not-found #title-not-found span {
	background: #FFDAC1;
}

#not-found #subtitle-not-found {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
}

#not-found #button-not-found button {
	cursor: pointer;
	width: 100%;
	display: block;
	margin: auto;
	background: #FF6C00;
	border-radius: 5px;
	color: #ffffff;
	border: none;
	padding: 10px 15px;
	font-size: 14px;
	max-width: 350px;
}

/* Spinner default */
.cssload-container {
	position: absolute;
	top: 14px;
	right: 30px;
	bottom: 0;
}

.cssload-container.custom-1 {
	right: 50px;
	top: 11px;
}

.cssload-speeding-wheel {
	width: 17px;
	height: 17px;
	margin: 0 auto;
	border: 1px solid black;
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 2000ms infinite linear;
	-o-animation: cssload-spin 2000ms infinite linear;
	-ms-animation: cssload-spin 2000ms infinite linear;
	-webkit-animation: cssload-spin 2000ms infinite linear;
	-moz-animation: cssload-spin 2000ms infinite linear;
}

@keyframes cssload-spin {
	100% {
		transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-spin {
	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-spin {
	100% {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-spin {
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* End Spinner Default */
.select2-container--default .select2-selection--single {
	padding: 10px 20px;
	height: auto;
	background-color: #fffef6;
	border-color: #ced4da;
}

.select2-container--default .select2-selection--single:focus {
	border-color: #FF924A;
	outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.5;
	padding: 0px;
	color: #969696;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}

.default-section {
	padding: 50px 0px;
}

.default-title {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 15px;
}

.default-title.white {
	color: white;
}

.default-title.multiple {
	margin-bottom: 5px;
}

.container.small {
	font-size: 100%;
	font-weight: 500;
	max-width: 768px;
}

.breadcrumb {
	padding: 0;
	margin-bottom: 20px;
	list-style: none;
	background-color: transparent;
	border-radius: 4px;
	font-size: 12px;
}

.breadcrumb a {
	color: #bbb;
}

.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #ccc;
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
}

.breadcrumb>.active {
	color: #666;
}

#home .regular-content {
	font-size: 14px;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
}

#home .bold-content {
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#home .small-content {
	font-family: "MuliLight", "Roboto", sans-serif;
	font-size: 12px;
}

#home .medium-black-content {
	font-size: 26px;
	font-family: "NunitoBlack", "Roboto", sans-serif;
}

#home .bold-nunito-content {
	font-size: 14px;
	font-family: "NunitoBold", "Roboto", sans-serif;
}

#home .big-black-content {
	font-size: 36px;
	font-family: "NunitoBlack", "Roboto", sans-serif;
}

#home .banner-section {
	padding: 10% 0px;
	position: relative;
	overflow: hidden;
}

#home .banner-section .cloud {
	position: absolute;
	background: #ffdac0;
	border-radius: 25px;
}

#home .banner-section .cloud.type-1 {
	width: 200px;
	height: 30px;
	left: -5%;
	top: 20%;
}

#home .banner-section .cloud.type-2 {
	width: 100px;
	height: 20px;
	left: -2%;
	top: 27%;
}

#home .banner-section .cloud.type-3 {
	width: 300px;
	height: 45px;
	right: -6%;
	top: -4%;
}

#home .banner-section .cloud.type-4 {
	width: 200px;
	height: 50px;
	right: -4%;
	top: 5%;
}

#home .banner-section .cloud.type-5 {
	width: 150px;
	height: 30px;
	left: 60%;
	top: 5%;
}

#home .banner-section .cloud.type-6 {
	width: 150px;
	height: 30px;
	left: 40%;
	top: 35%;
}

#home .banner-section .banner-image {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
}

#home .banner-section .title {
	font-size: 26px;
	margin-bottom: 5px;
	color: #FF6C00;
	font-family: "NunitoBold", "Roboto", sans-serif;
}

#home .banner-section .subtitle {
	font-size: 36px;
	margin-bottom: 10px;
	color: #333333;
	font-family: "NunitoBlack", "Roboto", sans-serif;
}

#home .banner-section .product-menu-box {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 15px;
	text-align: center;
	color: #FF6C00;
	background: white;
	border: 2px solid #ffdac0;
	border-radius: 10px;
	height: 100%;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

#home .banner-section .product-menu-box:hover {
	background: #FF924A;
	color: white;
}

#home .banner-section .product-menu-box .icon {
	margin-bottom: 5px;
	width: 50px;
}

#home .banner-section .product-menu-box p {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 14px;
}

#home .phone-illustration-wrapper {
	position: relative;
	max-width: 420px;
	display: block;
	margin: auto;
}

#home .phone-illustration-wrapper .illustration-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
}

#home .partner-section {
	padding: 25px 0px;
	background: #F2F2F2;
	box-shadow: 0px 6px 18px -6px #808080;
}

#home .partner-list {
	margin-bottom: 0px;
}

#home .partner-list .item {
	padding: 0px 30px;
}

#home .partner-list.partner-slider-color {
	padding: 0px 10%;
}

#home .partner-list.partner-slider-color .arrow {
	top: -15px;
}

#home .partner-list.partner-slider-color .item {
	padding: 0px 15px;
}

#home .promo-slider {
	padding: 0px 10%;
}

#home .quick-register-section {
	background: linear-gradient(to left, #faae3a, #ff6e02);
	padding: 85px 0px 65px 0;
	position: relative;
	overflow: hidden;
}

#home .quick-register-section .container {
	position: relative;
	z-index: 5;
}

#home .quick-register-section .cloud {
	position: absolute;
	background: #ffdac0;
	border-radius: 25px;
}

#home .quick-register-section .cloud.type-1 {
	width: 150px;
	height: 14px;
	left: -5%;
	top: 8%;
}

#home .quick-register-section .cloud.type-2 {
	width: 65px;
	height: 22px;
	left: -2%;
	top: 14%;
}

#home .quick-register-section .cloud.type-3 {
	width: 65px;
	height: 22px;
	left: -2.5%;
	bottom: 24%;
}

#home .quick-register-section .cloud.type-4 {
	width: 340px;
	height: 22px;
	left: 50%;
	bottom: -2.5%;
}

#home .quick-register-section .cloud.type-5 {
	width: 75px;
	height: 15px;
	right: 4%;
	top: 0;
}

#home .quick-register-section .cloud.type-6 {
	width: 75px;
	height: 22px;
	right: 6%;
	top: 6%;
}

#home .inline-form {
	align-items: flex-end;
}

#home .inline-form .form-error {
	position: absolute;
	left: 15px;
	right: 15px;
	margin-top: 10px;
}

#home .inline-form .input-section {
	position: relative;
}

#home .inline-form .input-section label {
	font-size: 14px;
	margin-bottom: 10px;
}

#home .inline-form .input-section .form-group {
	padding: 0px 10px;
}

#home .inline-form .input-section .form-control {
	height: 45px;
}

#home .inline-form.quick-register-form .input-section {
	width: 20%;
}

#home .inline-form.quick-register-form .input-section label {
	color: white;
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#home .inline-form.quick-register-form .input-section input {
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#home .inline-form.quick-register-form .input-section input:focus {
	border-color: #FF6C00;
	box-shadow: 0 0 5px 0.1rem rgba(0, 0, 0, 0.25);
}

#home .inline-form.quick-register-form .form-group {
	padding-left: 0;
	padding-right: 15px;
}

#home .inline-form.quick-contact-form .input-section {
	width: 25%;
}

#home .inline-form.quick-contact-form .input-section label {
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#home .inline-form.quick-contact-form .input-section input:focus {
	box-shadow: none;
	border-color: #FF6C00;
}

#home .testimoni-video {
	height: 315px;
}

#home .testimonial-section .title {
	font-size: 26px;
	margin-bottom: 0px;
}

#home .testimonial-section .subtitle {
	font-size: 36px;
	color: #FF6C00;
}

#home .testimonial-section iframe {
	width: 100%;
}

#home .testimonial-section .subtitle-section {
	font-family: "NunitoBlack", "Roboto", sans-serif;
}

#home .testimonial-section .subtitle-section .subtitle {
	display: inline-block;
	margin-right: 8px;
}

#home .testimonial-section .subtitle-section #subtitle-sub {
	display: inline-block;
}

#home .testimonial-section .subtitle-section #subtitle-sub span {
	font-size: 12px;
	display: block;
	line-height: 100%;
}

#landing .banner-section {
	padding: 5% 0px 0px;
	position: relative;
}

#landing .banner-section .banner-image {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
}

#landing #banner-slider {
	min-height: 400px;
}

#landing .landing-form-wrapper {
	margin-top: -420px;
}

#landing .landing-form-box {
	font-size: 14px;
	font-weight: 600;
	font-family: "MuliBold", "Roboto", sans-serif;
	box-shadow: 0px 2px 8px -1px #6c6c6c;
	border-radius: 5px;
}

#landing .landing-form-box .title {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: white;
	padding: 10px;
	background: #FF6C00;
	font-family: "MuliBold", "Roboto", sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#landing .landing-form-box .form-wrapper {
	padding: 25px 30px;
	background: white;
}

#landing .landing-form-box .form-wrapper .partner-logo {
	max-width: 150px;
	margin: auto auto 15px auto;
	display: block;
	object-fit: contain;
}

#landing .landing-form-box .form-footer {
	padding: 15px 15px;
	background-color: #FFF2E9;
	color: #333333;
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#landing .landing-form-box .form-footer .text-orange {
	color: #FF6C00;
}

#landing .landing-form-box .search-date-prepend .input-group-append {
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-right: 1px solid #ced4da;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#landing .landing-form-box .search-date-prepend .input-group-append .icon-group {
	width: 20px;
}

#landing .landing-form-box .custom-input {
	height: 45px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 600;
}

#landing .landing-form-box .custom-input:focus {
	border-color: #FF6C00;
	box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.25);
}

#landing .landing-form-box .hide {
	opacity: 0;
	height: 0px;
	transition: height 0.5s ease;
	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
}

#landing .landing-form-box .hide.show {
	opacity: 1;
	height: auto;
}

#landing .landing-form-box .btn {
	font-family: "MuliBold", "Roboto", sans-serif;
}

#landing .landing-form-box .btn img {
	object-fit: contain;
	object-position: center;
	width: 22px;
	margin-right: 5px;
}

#landing .landing-form-box .btn span {
	vertical-align: middle;
}

#landing #landing-promo-slider {
	padding: 15% 20px;
	list-style-type: none;
}

#landing #landing-promo-slider .arrow {
	top: 40%;
}

#landing .landing-promo-box {
	text-align: center;
	color: white;
	font-family: "NunitoBold", "Roboto", sans-serif;
}

#landing .landing-promo-box .logo {
	width: 150px;
	margin-bottom: 25px;
	display: unset;
}

#landing .landing-promo-box title {
	margin-bottom: 20px;
}

#landing .landing-promo-box .price {
	font-size: 52px;
	font-weight: 500;
	margin-bottom: 20px;
}

#landing .landing-promo-box .code {
	font-size: 20px;
	font-weight: 500;
}

#landing .how-icon {
	width: 125px;
	margin-bottom: 15px;
}

#landing .slider .arrow {
	top: 40%;
}

#landing .default-title {
	font-family: "NunitoBlack", "Roboto", sans-serif;
}

#landing .content-default-bold {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	font-size: 14px;
}

#landing .content-default-regular {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
	font-size: 14px;
}

#landing .box-claim-wrapper {
	text-align: left;
}

#landing .box-claim-wrapper .item {
	position: relative;
	padding: 25px 40px;
	border: 1px solid #FF6C00;
	border-radius: 10px;
	margin-bottom: 20px;
	background: white;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	cursor: pointer;
}

#landing .box-claim-wrapper .item:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 10px;
	background: transparent;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

#landing .box-claim-wrapper .item.active {
	background: #FF6C00;
	color: white;
	border: none;
}

#landing .box-claim-wrapper .item.active:before {
	background: #ffc00f;
}

#landing .box-claim-wrapper .item .title {
	margin-bottom: 5px;
}

#landing .box-claim-wrapper .item .detail {
	margin-bottom: 0px;
}

#landing #claim-slider {
	list-style-type: none;
}

#landing #claim-slider .slick-slide img {
	width: 80%;
	display: block;
	margin: auto;
}

#landing .testimoni-section {
	background: #FFF2E9;
}

#landing .testimoni-section .main-color {
	font-family: "NunitoSemiBold", "Roboto", sans-serif;
	font-size: 14px;
	text-decoration: underline !important;
}

#landing .testimoni-section #arrow-custom-testimoni .slick-dots {
	position: relative;
	bottom: auto;
}

#landing .testimoni-section #arrow-custom-testimoni .slick-dots li {
	margin-right: 0;
	width: 12px;
	height: 12px;
}

#landing .testimoni-section #arrow-custom-testimoni .slick-dots li button {
	width: 12px;
	height: 12px;
}

#landing .testimoni-section #arrow-custom-testimoni .slick-dots li button:before {
	width: 12px;
	height: 12px;
	content: ' ';
	opacity: 1;
	background-color: #E6E6E6;
	border-radius: 50px;
}

#landing .testimoni-section #arrow-custom-testimoni .slick-dots li.slick-active button:before {
	opacity: 1;
	background-color: #FF6C00;
}

#landing .testimoni-box .rating {
	font-size: 20px;
	margin-bottom: 10px;
}

#landing .testimoni-box .rating .fa {
	color: #E6E6E6;
}

#landing .testimoni-box .rating .fa.active {
	color: #EFCE4A;
}

#landing .box-trusted {
	text-align: right;
	font-size: 20px;
}

#landing .box-trusted img {
	width: 22px;
	margin-right: 10px;
}

#landing .box-trusted span {
	vertical-align: middle;
}

#landing #question-slider {
	font-weight: 600;
	margin-bottom: 30px;
	padding: 0px 30px;
	border-bottom: 1px solid #dddddd;
}

#landing #question-slider .slick-slide {
	padding-bottom: 15px;
	font-family: "NunitoSemiBold", "Roboto", sans-serif;
}

#landing #question-slider .slick-slide li {
	cursor: pointer;
}

#landing #question-slider .slick-center {
	color: #FF6C00;
	border-bottom: 2px solid #FF6C00;
}

#landing #question-slider .arrow {
	font-size: 40px;
	top: -10px;
}

#landing #answer-slider {
	font-weight: 600;
	text-align: left;
}

#landing #answer-slider .slick-slide {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 300;
}

#landing #custom-search-form-asuransi #label-title {
	margin-bottom: .4rem !important;
}

.search-page-title h1 {
	font-size: 1.8em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#search-page {
	/* Custom Page */
}

#search-page .title h3 {
	font-size: 1.65em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#search-page .title h3.text-orange {
	color: #FF6C00;
}

#search-page .title h1 {
	font-size: 1.65em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#search-page .title h1.text-orange {
	color: #FF6C00;
}

#search-page .title p {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	font-weight: 300;
}

#search-page .title.text-red p {
	color: #D90109;
}

#search-page .content p {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#search-page .content .bold {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#search-page .other-title h1 {
	font-family: "MuliSemiBold", "Roboto", sans-serif;
	font-size: 2.6em;
}

#search-page .other-title h1.text-orange {
	color: #FF6C00;
}

#search-page .other-big-content p {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.8em;
}

#search-page .label-title {
	align-self: center;
}

#search-page .label-title label {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	margin-bottom: 0;
}

#search-page .content-custom-bold p {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	font-weight: 400;
}

#search-page .content-custom-bold p b {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#search-page .btn-search-form {
	padding: .375rem 2.5rem;
	height: 45px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
}

#search-page #btn-pencarian {
	align-self: center;
}

#search-page #btn-pencarian button {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	padding: .375rem 2.5rem;
}

#search-page .info-link a {
	color: #29AAE1;
	text-decoration: underline !important;
	font-size: 1.3em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	display: block;
	margin-bottom: 5px;
	outline: none;
	cursor: pointer;
}

#search-page .benefit-list #list-content {
	padding-left: 0;
	list-style-type: none;
}

#search-page .benefit-list #list-content li {
	margin-bottom: 10px;
}

#search-page .benefit-list #list-content li img {
	width: 20px;
	vertical-align: middle;
	margin-right: 8px;
}

#search-page .benefit-list #list-content li span {
	font-size: 1.2em;
	font-weight: 600;
	font-family: "MuliBold", "Roboto", sans-serif;
	vertical-align: middle;
}

#search-page #column-price .title {
	font-size: 1.2em;
	font-weight: 300;
	font-family: "MuliRegular", "Roboto", sans-serif;
}

#search-page #column-price .title.bold {
	font-weight: 600;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#search-page #column-price .title.bold.green {
	color: #22B573;
}

#search-page #column-price .title.bold.blue {
	color: #0071BC;
}

#search-page #column-price .price {
	font-size: 1.6em;
	font-weight: 600;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 20px;
}

#search-page #column-price .buy-button {
	width: 100%;
	max-width: 150px;
	padding: 0.5rem 0.5rem;
	height: 38px;
}

#search-page #column-price .buy-button.green {
	background-color: #22B573;
}

#search-page #column-price .buy-button.blue {
	background-color: #0071BC;
}

#search-page .compare-button {
	list-style-type: none;
	padding-left: 15px;
	text-align: center;
	margin-bottom: 0;
	padding-right: 15px;
}

#search-page .compare-button li {
	display: inline-block;
}

#search-page .compare-button li button {
	height: 40px;
}

#search-page .compare-button .count {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2em;
	margin-right: 15px;
}

#search-page .compare-button .compare button {
	padding: .375rem 2.5rem;
	margin-right: 5px;
}

#search-page .compare-button .cancel button {
	background-color: #ffffff;
	color: #FF6C00;
	margin-right: 5px;
	padding: .375rem 2rem;
}

#search-page .compare-button .down i {
	font-size: 1.2em;
}

#search-page #search-collapse .card {
	box-shadow: 0px 4px 14px 1px #CBCBCB;
}

#search-page #search-collapse .card .card-body {
	padding: 30px 25px;
}

#search-page #search-collapse .card .card-body .custom-input {
	height: 37px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 600;
	border-left: none;
	border-top: none;
	border-right: none;
	box-shadow: none !important;
	outline: none !important;
	border-radius: 0;
}

#search-page #search-collapse .card .card-body .custom-input:focus {
	border-color: #FF6C00;
	box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.25);
}

#search-page #search-collapse .card .card-body .custom-date-search .input-group-append {
	height: 37px;
	border: none;
	background: none;
	border-bottom: 1px solid #ced4da;
}

#search-page #search-collapse .card .card-body .custom-date-search .input-group-append .icon-group {
	width: 20px;
}

#search-page #search-collapse .card .card-body .custom-search .label-custom {
	display: block;
	margin: auto;
}

#search-page #search-collapse .card .card-body .custom-search .label-custom label {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	margin-bottom: 0;
}

#search-page #search-collapse .card .card-body .custom-search .select2-container--default {
	width: 100% !important;
}

#search-page #search-collapse .card .card-body .custom-search .select2-container--default .select2-selection--single {
	padding-top: 5px;
	padding-left: 0;
	border: 0;
	border-bottom: 1px solid #FF6C00;
	border-radius: 0;
	background-color: transparent;
}

#search-page #search-collapse .card .card-body .custom-search .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #333333;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#search-page #search-collapse .card .card-body .custom-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #333333 transparent transparent transparent;
	border-width: 8px 8px 0 8px;
	margin-left: -10px;
}

#search-page #search-collapse .card .card-body .custom-search .select2-container--default.select2-container--open .select2-selection__arrow b {
	border-color: transparent transparent #333333 transparent;
	border-width: 0 8px 8px 8px;
}

#search-page #search-collapse #btn-search {
	background-color: #FFDB29;
	padding: .375rem 2.5rem;
	font-size: 1.3em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	font-weight: 600;
	height: 48px;
	border-radius: 5px;
}

#search-page #accordion-search .panel-heading {
	background-color: #FFE1CC;
	padding: 10px 15px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;
}

#search-page #accordion-search .panel-heading .panel-title {
	margin-bottom: 0;
	font-size: 1.1em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#search-page #accordion-search .panel-heading .panel-title:after {
	content: "\f067";
	font-family: FontAwesome;
	position: absolute;
	top: 10px;
	right: 30px;
	font-size: 1.1em;
}

#search-page #accordion-search .panel-heading.activated .panel-title:after {
	content: "\f068";
}

#search-page #accordion-search .panel-heading.activated.collapsed .panel-title:after {
	content: "\f067";
}

#search-page #accordion-search .panel-body {
	border: 1px solid #FFE1CC;
	padding: 15px 15px 10px 15px;
}

#search-page #accordion-search .panel-body .reset-filter {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #FF6C00;
}

#search-page #accordion-search .panel-body .search-input-filter input {
	padding: .75rem;
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	border-right: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#search-page #accordion-search .panel-body .search-input-filter input::placeholder {
	color: #CCCCCC;
	opacity: 1;
}

#search-page #accordion-search .panel-body .search-input-filter input:-ms-input-placeholder {
	color: #CCCCCC;
}

#search-page #accordion-search .panel-body .search-input-filter input::-ms-input-placeholder {
	color: #CCCCCC;
}

#search-page #accordion-search .panel-body .search-input-filter .input-group-append span {
	background: transparent;
	padding: .75rem;
	border-left: 0;
}

#search-page #accordion-search .panel-body .search-input-filter .input-group-append span img {
	width: 20px;
}

#search-page #accordion-search .panel-body .search-container {
	height: 174px;
	overflow-y: auto;
}

#search-page #accordion-search .panel-body .search-container::-webkit-scrollbar-track {
	background-color: #F5F5F5;
}

#search-page #accordion-search .panel-body .search-container::-webkit-scrollbar {
	width: 5px;
	background-color: #CBCBCB;
}

#search-page #accordion-search .panel-body .search-container::-webkit-scrollbar-thumb {
	background-color: #CBCBCB;
}

#search-page #accordion-search .panel-body .search-container ul {
	list-style-type: none;
	width: 100%;
	display: block;
	padding-left: 0;
}

#search-page #accordion-search .panel-body .search-container ul li {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#search-page #active-filter-container .active-filter {
	list-style-type: none;
	padding-left: 0;
}

#search-page #active-filter-container .active-filter li {
	display: inline-block;
	background-color: #FFF2E9;
	padding: 4px 10px 4px 10px;
	border-radius: 5px;
	margin-right: 10px;
}

#search-page #active-filter-container .active-filter li span {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	margin-right: 30px;
}

#search-page #active-filter-container .active-filter li img {
	display: inline-block;
	width: 10px;
	cursor: pointer;
}

#search-page #sorting-container select {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#search-page #sorting-container select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 8px);
}

#search-page #sorting-container select.other-type {
	border: none;
	border-bottom: 1px solid #ced4da;
	border-radius: 0;
	box-shadow: none;
	outline: none;
}

#search-page #list-product {
	background-color: #F7F7F7;
}

#search-page #list-product .custom-checkbox {
	position: absolute;
	left: 1.25rem;
	top: 1.25rem;
	z-index: 10;
}

#search-page #list-product .product-card .brand-image img {
	display: block;
	margin: auto;
	height: 80px;
	object-fit: contain;
	width: 60%;
}

#search-page #list-product .product-card .brand-image-other img {
	display: block;
	margin: auto auto auto 0;
	height: 80px;
	object-fit: contain;
	width: 80%;
}

#search-page #list-product .product-card .old-price {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #D90109;
	text-decoration: line-through;
}

#search-page #list-product .product-card .price .text-price {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.8em;
	font-weight: 600;
	margin-right: 20px;
	vertical-align: middle;
}

#search-page #list-product .product-card .price .promo {
	background-color: #D90109;
	color: #ffffff;
	padding: 2px 4px;
	position: relative;
}

#search-page #list-product .product-card .price .promo::before {
	content: "";
	border-right: 12px solid #D90109;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	position: absolute;
	left: -12px;
	top: 0;
	bottom: 0;
}

#search-page #list-product .product-card .cicilan span {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
}

#search-page #list-product .product-card .cicilan ul {
	display: inline-block;
	padding-left: 0;
}

#search-page #list-product .product-card .cicilan ul li {
	display: inline-block;
}

#search-page #list-product .product-card .cicilan ul li .form-check {
	padding-left: 5px;
}

#search-page #list-product .product-card .cicilan ul li .form-check .form-check-label {
	padding-left: 0;
	padding-right: 0;
}

#search-page #list-product .product-card .cicilan ul li .form-check .form-check-label input {
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	margin-top: auto;
	margin-left: auto;
	left: 0;
	right: 0;
}

#search-page #list-product .product-card .cicilan ul li .form-check .form-check-label input:checked~label {
	background-color: #FF6C00;
}

#search-page #list-product .product-card .cicilan ul li .form-check .form-check-label label {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 0;
	background-color: #CCCCCC;
	border-radius: 5px;
	color: #ffffff;
	padding: 0 10px;
}

#search-page #list-product .product-card .cicilan-price span {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
}

#search-page #list-product .product-card .cicilan-price span b {
	font-size: 1.4em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#search-page #list-product .product-card .accordion-info .panel-heading {
	background-color: #F7F7F7;
	padding: 10px 15px;
	cursor: pointer;
}

#search-page #list-product .product-card .accordion-info .panel-heading p {
	margin-bottom: 0;
}

#search-page #list-product .product-card .accordion-info .panel-heading .panel-title {
	margin-bottom: 0;
	font-size: 1.1em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#search-page #list-product .product-card .accordion-info .panel-heading .panel-title:after {
	content: "\f078";
	font-family: FontAwesome;
	position: absolute;
	top: 10px;
	right: 30px;
	font-size: 1.1em;
}

#search-page #list-product .product-card .accordion-info .panel-heading.activated .panel-title:after {
	content: "\f077";
}

#search-page #list-product .product-card .accordion-info .panel-heading.activated.collapsed .panel-title:after {
	content: "\f078";
}

#search-page #list-product .product-card .accordion-info .panel-collapse {
	padding: 20px 15px 0 20px;
}

#search-page #list-product .product-card .accordion-info .panel-collapse p {
	margin-bottom: 0;
}

#search-page #list-product .product-card .accordion-info .panel-collapse .perluasan-content p {
	vertical-align: middle;
	display: inline-block;
	margin-right: 0;
	margin-bottom: 0;
	font-weight: 500;
	color: #333333;
	font-size: 12px;
}

#search-page #list-product .product-card .accordion-info .panel-collapse .perluasan-content img {
	display: inline-block;
	width: 1.2em;
	cursor: pointer;
}

#search-page #list-product .product-card .btn-beli {
	background-color: #22B573;
	padding: .375rem 4.5rem;
	height: 38px;
}

#search-page #list-product .product-card .btn-other {
	background-color: #9D005D;
	padding: .375rem 2.5rem;
	height: 38px;
	border-radius: 5px;
}

#search-page #not-found {
	border: 4px solid #FFF2E9;
	padding: 30px 60px;
}

#search-page #not-found .card-body {
	border-radius: 8px;
	background-image: url("../images/bg-product-not-found.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#search-page #not-found .card-body .not-found-content {
	min-height: 420px;
}

#search-page #not-found .card-body .not-found-content h3 {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 3em;
	color: #333333;
	margin-bottom: 15px;
}

#search-page #not-found .card-body .not-found-content p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 300;
	margin-bottom: 15px;
}

#search-page .bandingkan-container {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
	z-index: 500;
}

#search-page .bandingkan-container #bandingkan-header {
	background-color: #F7D683;
	border-radius: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 40px;
	display: none;
	margin-left: auto;
	margin-right: auto;
}

#search-page .bandingkan-container #bandingkan {
	background-color: #F7D683;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
}

#search-page .bandingkan-container #bandingkan .brand-image {
	background-color: #ffffff;
	padding: 15px;
	border-radius: 10px;
	position: relative;
}

#search-page .bandingkan-container #bandingkan .brand-image:hover .image-delete {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
}

#search-page .bandingkan-container #bandingkan .brand-image .image-contains {
	height: 47px;
}

#search-page .bandingkan-container #bandingkan .brand-image .image-contains img {
	display: block;
	margin: auto;
	width: 80%;
	height: 47px;
	object-fit: contain;
	object-position: center;
}

#search-page .bandingkan-container #bandingkan .brand-image .image-delete {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(51, 51, 51, 0.7);
	border-radius: 10px;
}

#search-page .bandingkan-container #bandingkan .brand-image .image-delete.hidden {
	display: none;
}

#search-page .bandingkan-container #bandingkan .brand-image .image-delete div {
	display: block;
	margin: auto;
	color: #ffffff;
	cursor: pointer;
}

#search-page .bandingkan-container #bandingkan .brand-image .image-delete div span {
	vertical-align: middle;
}

#search-page .bandingkan-container #bandingkan .brand-image .image-delete div span i {
	margin-right: 5px;
}

#search-page .bandingkan-container #bandingkan .brand-image .image-delete div span:first-child {
	font-size: 2em;
	vertical-align: middle;
}

#search-page .bandingkan-container #bandingkan .brand-image .image-delete div span:nth-child(2) {
	font-size: 1.1em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#search-page .bandingkan-container #bandingkan .brand-name p {
	margin-bottom: 0;
	font-size: 1.1em;
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#search-page .bandingkan-container #bandingkan .compare-button-container {
	align-self: center;
	text-align: right;
}

#search-page .bandingkan-container #bandingkan .compare-button-container .compare-button {
	text-align: right;
}

#search-form .title {
	font-size: 1.65em;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#search-form .title-form {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#search-form .title-form.text-orange {
	color: #FF6C00;
}

#search-form .dash-horizontal {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

#search-form input {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#search-form .select2-container--default {
	width: 100% !important;
}

#search-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #333333 transparent;
	border-width: 0 8px 8px 8px;
}

#search-form .select2-container--default .select2-selection--single {
	padding-top: 5px;
	padding-left: 0;
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	border-radius: 0;
	background-color: transparent;
}

#search-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	color: #333333;
}

#search-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #333333 transparent transparent transparent;
	border-width: 8px 8px 0 8px;
	margin-left: -10px;
}

#search-form #button-absolute {
	background-color: #FF6C00;
	color: #ffffff;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	position: absolute;
	bottom: 30px;
	left: 30px;
	padding: .375rem 5rem;
	height: 45px;
}

#compare-page .table-compare.table-25 td {
	width: 25%;
}

#compare-page .table-compare.table-33 td {
	width: 33.333%;
}

#compare-page .table-compare tr {
	border-bottom: 1px solid #CCCCCC;
}

#compare-page .table-compare tr td:first-child {
	position: relative;
}

#compare-page .table-compare tr:nth-child(even) {
	background-color: #f5f6f7;
}

#compare-page .table-compare tr:nth-child(even) .custom-title-table {
	background-color: #f5f6f7;
}

#compare-page .table-compare tr:first-child {
	border-top: 1px solid #CCCCCC;
}

#compare-page .table-compare tr:last-child .custom-title-table {
	border-bottom: 1px solid #CCCCCC;
}

#compare-page .table-compare td {
	padding: 20px 15px;
	vertical-align: middle;
	border-right: 1px solid #CCCCCC;
}

#compare-page .table-compare td p {
	margin-bottom: 0;
}

#compare-page .table-compare .custom-title-table {
	position: absolute;
	right: 100%;
	width: 100%;
	height: 100%;
	top: 0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	margin-bottom: 0;
	padding: 20px 15px;
}

#compare-page .table-compare .title p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
	margin-bottom: 0;
}

#compare-page .table-compare .title a {
	font-family: "MuliRegular", "Roboto", sans-serif;
	margin-bottom: 0;
	outline: none;
	font-size: 1.2em;
	cursor: pointer;
	color: #29AAE1;
	text-decoration: underline !important;
}

#compare-page .table-compare .content p {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 14px;
	margin-bottom: 0;
}

#compare-page .table-compare .big-content p {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 22px;
	margin-bottom: 0;
	text-align: center;
}

#compare-page .table-compare .image-compare img {
	height: 45px;
	object-fit: contain;
	display: block;
	margin: auto;
	width: 60%;
}

#compare-page .table-compare .custom-ol {
	margin-bottom: 0;
}

#compare-page .table-compare .custom-ol li {
	margin-bottom: 10px;
}

#compare-page .table-compare .custom-ol li:last-child {
	margin-bottom: 0;
}

#compare-page .table-compare .info-perluasan p {
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
}

#compare-page .table-compare .info-perluasan img {
	display: inline-block;
	width: 1.2em;
	cursor: pointer;
}

#compare-page .table-compare .btn-compare {
	text-align: center;
}

#compare-page .table-compare .btn-compare button {
	background-color: #22B573;
	padding: .375rem 4.5rem;
	height: 35px;
}

#bengkel-page .search-input-filter label {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	margin-bottom: 0;
}

#bengkel-page .search-input-filter input {
	padding: .75rem;
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	border-right: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	height: 40px;
}

#bengkel-page .search-input-filter .input-group-append {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#bengkel-page .search-input-filter .input-group-append span {
	height: 40px;
	background: transparent;
	padding: .75rem;
	border-left: 0;
}

#bengkel-page .search-input-filter .input-group-append span img {
	width: 20px;
	display: inline-block;
}

#bengkel-page .sorting-input-filter label {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	margin-bottom: 0;
}

#bengkel-page .sorting-input-filter select {
	padding: .75rem;
	font-size: 1.2em;
	height: 40px;
}

#bengkel-page .table-custom .table {
	border-radius: 1em;
	overflow: hidden;
	margin-bottom: 0;
}

#bengkel-page .table-custom .table th,
#bengkel-page .table-custom .table td {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
}

#bengkel-page .table-custom .table thead {
	background-color: #FFF8F3;
}

#bengkel-page .table-custom .table thead th {
	border-bottom: 1px solid #dee2e6;
}

#bengkel-page .table-custom .table thead th:first-child {
	border-left: 1px solid #dee2e6;
}

#bengkel-page .table-custom .table thead th:nth-child(2) {
	min-width: 180px;
}

#bengkel-page .table-custom .table thead th:nth-child(3) {
	min-width: 180px;
}

#bengkel-page .table-custom .table thead th:last-child {
	min-width: 300px;
	border-right: 1px solid #dee2e6;
}

#bengkel-page .table-custom .table tbody tr:nth-of-type(even) {
	background-color: rgba(0, 0, 0, 0.05);
}

#bengkel-page .table-custom .table tbody tr:last-child {
	border-bottom: 1px solid #dee2e6;
}

#bengkel-page .table-custom .table tbody tr td:first-child {
	border-left: 1px solid #dee2e6;
}

#bengkel-page .table-custom .table tbody tr td:last-child {
	border-right: 1px solid #dee2e6;
}

#fleet-insurance-page #section-1 {
	background-color: #FFF2E9;
	padding: 20px 10px;
	border-radius: 5px;
}

#fleet-insurance-page #section-1 h1 {
	font-family: "NunitoBlack", "Roboto", sans-serif;
	font-size: 26px;
	color: #333333;
}

#fleet-insurance-page #section-1 p {
	font-size: 14px;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
}

#fleet-insurance-page #section-1 img {
	width: 90%;
	display: block;
	margin: auto 0 auto auto;
}

#fleet-insurance-page #section-2 p {
	margin-bottom: 0;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 16px;
}

#fleet-insurance-page #section-2 button {
	padding: .375rem 5rem;
	height: 42px;
}

#asurance-modal .group input {
	width: 90%;
}

#asurance-modal .group .autoExpand {
	width: 90%;
}

#asurance-modal .group #customExpandLabel {
	left: 10%;
}

.benefit-row-content .content p {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	margin-bottom: 0;
}

.benefit-row-content .title p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	margin-bottom: 0;
}

.benefit-row-content #image-product {
	align-self: center;
}

.benefit-row-content #image-product img {
	width: 80%;
	display: block;
}

.benefit-row-content #info-product p {
	font-size: 1.4em;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 0;
}

.benefit-row-content .detail-product-container {
	padding-bottom: 10px;
}

.benefit-row-content .detail-product-container .detail-product-title {
	background-color: #FFF8F3;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 55px;
	padding-right: 30px;
	position: relative;
}

.benefit-row-content .detail-product-container .detail-product-title .number-counter {
	padding: 2px;
	background-color: #333333;
	color: white;
	font-weight: bold;
	position: absolute;
	left: 15px;
	font-size: 90%;
	width: 26px;
	height: auto;
	text-align: center;
	border-radius: 50%;
}

.benefit-row-content .detail-product-container .detail-product-description {
	position: relative;
	padding-left: 55px;
	padding-right: 30px;
}

.page-informational {
	margin-top: 30px;
	margin-bottom: 120px;
}

.side-menu-informational ul {
	padding-left: 15px;
	list-style-type: none;
}

.side-menu-informational ul li {
	margin-bottom: 5px;
}

.side-menu-informational ul li a {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 600;
}

.side-menu-informational ul li a.active {
	color: #FF6C00;
	text-decoration: underline;
}

.side-menu-informational ul li a:hover {
	color: #FF6C00;
	text-decoration: underline;
}

.informational-content {
	border-radius: 5px;
	padding: 0 20px 15px 20px;
}

.informational-content .content-wrapper p {
	margin-bottom: 15px;
}

.informational-content .content-wrapper p,
.informational-content .content-wrapper div {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 400;
}

.informational-content .content-wrapper p b,
.informational-content .content-wrapper div b {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 600;
}

.informational-content .content-wrapper ol {
	padding-left: 15px;
	list-style-type: none;
	counter-reset: item;
	position: relative;
}

.informational-content .content-wrapper ol li {
	counter-increment: item;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 400;
	padding-left: 30px;
	margin-bottom: 15px;
}

.informational-content .content-wrapper ol li:before {
	content: counter(item);
	padding: 2px 8px;
	background-color: #333333;
	color: white;
	font-weight: bold;
	border-radius: 14px;
	position: absolute;
	left: 0;
	font-size: 90%;
}

.informational-content .content-wrapper ul {
	padding-left: 15px;
	list-style-type: none;
	counter-reset: item;
	position: relative;
}

.informational-content .content-wrapper ul li {
	counter-increment: item;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 400;
	padding-left: 30px;
	margin-bottom: 15px;
}

.informational-content .content-wrapper ul li:before {
	content: counter(item);
	padding: 2px 8px;
	background-color: #333333;
	color: white;
	font-weight: bold;
	border-radius: 14px;
	position: absolute;
	left: 0;
	font-size: 90%;
}

.informational-content #color-red b {
	color: #D90109;
}

.informational-content .accordion-custom a {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1em;
	color: #333333;
	z-index: -1;
	font-weight: 400;
}

.informational-content .accordion-custom a b {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 600;
}

.informational-content .accordion-custom .content-accordion p,
.informational-content .accordion-custom .content-accordion div {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 400;
}

.informational-content .accordion-custom .content-accordion p b,
.informational-content .accordion-custom .content-accordion div b {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 600;
}

.informational-content .accordion-custom .show {
	margin-top: 5px;
}

.informational-content .accordion-custom .accordion-header {
	cursor: pointer;
	padding-right: 16px;
}

.informational-content .accordion-custom .accordion-header.activated:after {
	content: "\f068" !important;
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
}

.informational-content .accordion-custom .accordion-header.collapsed:after {
	content: "\f067" !important;
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
}

.informational-content .accordion-custom .accordion-header:after {
	content: "\f067";
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
}

.informational-content-2 {
	border: 1px solid #CACACA;
	border-radius: 5px;
	padding: 15px 20px;
}

.informational-content-2 .thesaurus-list.found {
	max-height: 520px;
	overflow-y: auto;
}

.informational-content-2 .thesaurus-list p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 400;
}

.informational-content-2 .thesaurus-list p b {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 600;
}

.nav-custom-directory .nav-item {
	margin-right: 10px;
	max-width: 30px;
	margin-bottom: 10px;
	background-color: #FFF2E9;
	border-radius: 5px;
}

.nav-custom-directory .nav-item .active {
	background-color: #FF6C00;
	color: #ffffff;
}

.nav-custom-directory .nav-item a {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	padding: .5rem .8rem;
	text-transform: uppercase;
}

.title-informational {
	color: #FF6C00;
	font-size: 1.8em;
	font-weight: 600;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 20px;
}

.btn-karir {
	background-color: #FF6C00;
	color: #ffffff;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	border-radius: 5px;
}

.btn-kontak {
	background-color: #FF6C00;
	color: #ffffff;
	font-size: 1.4em;
	font-family: "MuliBold", "Roboto", sans-serif;
	border-radius: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding: .375rem 3.75rem;
	margin-top: 20px !important;
	height: 45px;
}

.custom-p p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 400;
	margin-bottom: 0;
}

.custom-p p b {
	font-size: 1em;
	color: #000000;
}

.logo-size-content {
	width: 60%;
	display: block;
	margin: auto auto auto 0;
}

#blog-header {
	z-index: 600;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E4E4E4;
}

#blog-header.shadow-blog {
	box-shadow: 0px 0px 30px 0px #000000;
	border-bottom: 0;
}

#blog-header .navbar-brand .logo {
	width: 220px;
	margin-right: 15px;
}

#blog-header .navbar-brand h1 {
	color: #FF6C00;
	font-family: "MuliExtraLight", "Roboto", sans-serif;
	font-size: 1.8em;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	margin-right: 30px;
}

#blog-header #blog-menu li {
	margin-right: 20px;
}

#blog-header #blog-menu li a {
	font-size: 1.28em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	font-weight: 600;
}

#blog-header #blog-menu li a.active {
	color: #FF6C00;
}

#blog-header #blog-menu li a:hover {
	color: #FF6C00;
}

#blog-header #blog-menu li a:focus {
	background-color: #ffffff;
	outline: none;
}

#blog-header .navbar-social li a {
	padding-left: 3px;
}

#blog-header .navbar-social li a .blog-social-icon {
	width: 25px;
	height: 25px;
}

.blog-page-container .breadcrumb li a {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #CACACA;
}

.blog-page-container .breadcrumb li.active {
	color: #B1B1B1;
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
}

.blog-page-container #search-title {
	font-size: 1.8em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	text-align: center;
}

.blog-page-container #search-title-left {
	font-size: 1.8em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	text-align: left;
	margin-bottom: 5px;
}

.blog-page-container #search-title-left .text-orange {
	color: #FF6C00;
}

.blog-page-container #search-input .input-group input {
	font-size: 1.2em;
}

.blog-page-container #search-input .input-group input::placeholder {
	color: #CACACA;
	font-size: 0.9em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
}

.blog-page-container #search-input .input-group-prepend {
	height: 42px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.blog-page-container #search-input .input-group-prepend button {
	height: 42px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.blog-page-container #search-input .input-group-prepend button img {
	height: 20px;
	width: 20px;
}

.blog-page-container .blog-informational .informational-title {
	font-size: 1.6em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	text-align: left;
	margin-bottom: 0;
}

.blog-page-container .blog-informational .informational-title .blog-informational-date {
	font-size: 1.0em;
	color: #333333;
	text-align: left;
}

.blog-page-container .blog-informational .informational-link {
	font-size: 1.3em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #FF6C00;
}

.blog-page-container .blog-informational .informational-link:hover {
	text-decoration: underline !important;
}

.blog-page-container .blog-informational .hr-informational hr {
	border-top: 1px solid #FF6C00;
}

.blog-page-container .blog-informational .blog-informational-image {
	width: 100%;
}

.blog-page-container .blog-informational .blog-informational-title {
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
}

.blog-page-container .blog-informational .blog-informational-title.text-eclipse {
	min-height: 2.5em;
}

.blog-page-container .blog-informational .blog-informational-title.text-eclipse a p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.blog-page-container .blog-informational .blog-informational-title a p {
	font-size: 1.3em;
	line-height: 120%;
}

.blog-page-container .blog-informational .blog-informational-title a:hover {
	color: #FF6C00;
}

.blog-page-container .blog-informational .blog-informational-content {
	color: #333333;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
}

.blog-page-container .blog-informational .blog-informational-content p {
	color: #333333;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
	margin-bottom: 0;
}

#blog-page #blog-slider .slick-dots {
	bottom: 25px;
}

#blog-page #blog-slider .slick-dots li {
	width: 10px;
	height: 10px;
}

#blog-page #blog-slider .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #ffffff;
	font-family: FontAwesome;
	content: "\f111";
}

#blog-page #blog-slider .slick-dots li button:before {
	opacity: 1;
	color: #ffffff;
	font-family: FontAwesome;
	content: "\f1db";
	font-size: 14px;
}

#blog-page #blog-slider .slide-image {
	min-height: 400px;
	object-fit: cover;
	object-position: center;
}

#blog-page #blog-slider .content-blog {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	right: 0;
	color: #ffffff;
}

#blog-page #blog-slider .content-blog .blog-date {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
	font-size: 1.16em;
}

#blog-page #blog-slider .content-blog .blog-title {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	font-size: 2.6em;
	line-height: 110%;
}

#blog-page #blog-slider .content-blog .blog-button {
	font-size: 1.1em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#blog-page #blog-slider .content-blog .blog-button button {
	padding: .375rem 1.2rem;
	background-color: #ffffff;
	color: #333333;
}

#blog-detail-page .blog-detail .detail-title p {
	font-size: 26px;
	font-family: "NunitoBlack", "Roboto", sans-serif;
	color: #333333;
	text-align: left;
	margin-bottom: 0;
	line-height: 120%;
}

#blog-detail-page .blog-detail .detail-date {
	font-size: 1.2em;
	color: #333333;
	text-align: left;
	font-family: "MuliRegular", "Roboto", sans-serif;
}

#blog-detail-page .blog-detail .detail-content p {
	font-size: 1.2em;
	color: #333333;
	text-align: left;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
}

#blog-detail-page .blog-detail .detail-content span {
	font-size: 1.2em;
	color: #333333;
	text-align: left;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
}

#blog-detail-page .blog-detail .detail-content b {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#blog-detail-page .blog-detail .detail-content ol {
	padding-left: 15px;
	list-style-type: none;
	counter-reset: item;
	position: relative;
}

#blog-detail-page .blog-detail .detail-content ol li {
	counter-increment: item;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 400;
	padding-left: 30px;
	margin-bottom: 15px;
}

#blog-detail-page .blog-detail .detail-content ol li:before {
	content: counter(item);
	padding: 2px 8px;
	background-color: #333333;
	color: white;
	font-weight: bold;
	border-radius: 14px;
	position: absolute;
	left: 0;
	font-size: 90%;
}

#blog-detail-page .blog-detail .detail-content ul {
	padding-left: 15px;
	list-style-type: none;
	counter-reset: item;
	position: relative;
}

#blog-detail-page .blog-detail .detail-content ul li {
	counter-increment: item;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 400;
	padding-left: 30px;
	margin-bottom: 15px;
}

#blog-detail-page .blog-detail .detail-content ul li:before {
	content: counter(item);
	padding: 2px 8px;
	background-color: #333333;
	color: white;
	font-weight: bold;
	border-radius: 14px;
	position: absolute;
	left: 0;
	font-size: 90%;
}

#blog-detail-page .blog-detail .hr-detail hr {
	border-top: 1px solid #ddd;
}

#blog-detail-page .blog-detail .blog-detail-image {
	width: 100%;
}

.auth-page {
	background-image: url("../images/home-banner.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.auth-page .cloud {
	position: absolute;
	background: #ffdac0;
	border-radius: 25px;
}

.auth-page .cloud.type-1 {
	width: 180px;
	height: 30px;
	left: -5%;
	top: 20%;
}

.auth-page .cloud.type-2 {
	width: 80px;
	height: 18px;
	left: -2%;
	top: 27%;
}

.auth-page .cloud.type-3 {
	width: 90px;
	height: 25px;
	left: 20%;
	top: 3%;
}

.auth-page .cloud.type-4 {
	width: 80px;
	height: 15px;
	right: 20%;
	top: 30%;
}

.auth-page .cloud.type-5 {
	width: 130px;
	height: 30px;
	right: -2%;
	top: -3.5%;
}

.auth-page .cloud.type-6 {
	width: 100px;
	height: 30px;
	right: -2%;
	top: 3%;
}

.auth-page .text-orange {
	color: #FF6C00;
}

.auth-page .alert-danger {
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #EF5350;
	background-color: #FFE6E6;
	border: none;
}

.auth-page .alert-danger ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
}

.auth-page .alert-danger ul li {
	margin-bottom: 0;
}

.auth-page .auth-input .input-group-text {
	font-size: 16px;
	font-weight: 600;
	height: 45px;
	text-align: center;
	display: flex;
	align-items: center;
	background: #FF6C00;
	color: white;
	border-color: #FF6C00;
}

.auth-page .form-text {
	font-size: 12px;
	font-family: "MuliItalic", "Roboto", sans-serif;
	color: #CBCBCB;
	margin-top: 5px;
}

.auth-page .title {
	font-family: "NunitoBlack", "Roboto", sans-serif;
	font-size: 36px;
	color: #333333;
}

.auth-page .content {
	font-size: 14px;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

.auth-page .auth-input label {
	font-size: 16px;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
}

.auth-page .auth-input input {
	display: block;
	margin: auto;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	padding: 1.8rem .75rem;
	height: 45px;
}

.auth-page .auth-input input:focus {
	border-color: #FF6C00;
	outline: none;
	box-shadow: none;
}

.auth-page .auth-button {
	color: #ffffff;
	border-radius: 5px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 14px;
	height: 48px;
	width: 100%;
}

.auth-page .button-link {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 14px;
	color: #FF6C00;
	text-align: center;
	display: block;
}

.auth-page .remember-forgot-section .col-6 {
	align-self: center;
}

.auth-page .remember-forgot-section .col-6:first-child {
	height: 1.8rem;
}

.auth-page .remember-forgot-section .custom-checkbox-orange {
	height: 1.8rem;
}

.auth-page .remember-forgot-section #ingat-saya-auth {
	font-size: 13px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

.auth-page .remember-forgot-section #ingat-saya-auth span {
	vertical-align: middle;
}

.auth-page .remember-forgot-section #lupa-sandi-auth a {
	color: #1AADFF;
	font-size: 13px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	vertical-align: middle;
}

#my-info {
	padding: 30px 0;
	background-color: #FFF2E9;
	border-radius: 5px;
}

#my-info #profile-picture {
	background-color: #FF6B00;
	border-radius: 50%;
	color: #ffffff;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 2.4em;
	width: 100px;
	height: 100px;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}

#my-info #profile-name {
	font-size: 1.8em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	margin-bottom: 0;
}

#my-info #profile-link-change-password {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.4em;
	color: #29AAE1;
}

#my-info .profile-informational {
	font-size: 1.8em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 400;
	color: #333333;
	margin-bottom: 0;
}

#my-info .profile-informational-content {
	font-size: 1.8em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	margin-bottom: 0;
}

#account-sidebar {
	padding-top: 15px;
	padding-bottom: 15px;
}

#account-sidebar ul {
	list-style-type: none;
	padding-left: 0;
}

#account-sidebar ul li {
	margin-bottom: 15px;
}

#account-sidebar ul li a {
	font-size: 1.4em;
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	vertical-align: middle;
}

#account-sidebar ul li a.hidden-md {
	display: none;
}

#account-sidebar ul li a img {
	margin-right: 10px;
	width: 30px;
}

#account-sidebar ul li a.active {
	color: #FF6B00;
}

#account-sidebar ul li a.active .icon-active {
	display: inline-block;
}

#account-sidebar ul li a.active .icon-non-active {
	display: none;
}

#account-sidebar ul li a .icon-active {
	display: none;
}

#account-sidebar ul li a:hover {
	color: #FF6B00;
}

#account-sidebar ul li a:hover .icon-active {
	display: inline-block;
}

#account-sidebar ul li a:hover .icon-non-active {
	display: none;
}

.account-menu-title h1 {
	font-size: 2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #FF6B00;
}

.account-menu-box {
	border: 1px solid #CBCBCB;
	border-radius: 5px;
	padding: 20px 15px 50px 15px;
}

.account-menu-box.bg-pink {
	background-color: #FFF8F3;
	border: 1px solid #FFE5D4;
}

.account-menu-box .title p {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
	margin-bottom: 0;
}

.account-menu-box .content p {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 0;
}

.back-icon span {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	vertical-align: middle;
	color: #333333;
	margin-left: 10px;
}

.back-icon img {
	height: 16px;
	width: unset;
}

.change-account-title h1 {
	font-size: 1.6em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

.btn-account-default {
	padding: .375rem 1.2rem;
	height: 40px;
}

.image-change-account {
	display: block;
	padding-top: 30px;
}

.image-change-account img {
	width: 100%;
	max-height: 300px;
	vertical-align: middle;
	display: block;
	object-fit: contain;
}

.change-status label {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	align-self: center;
	margin-bottom: 0;
}

.change-status select {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	border-radius: 5px;
}

.change-status select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 12px);
}

.custom-box-list {
	border: 1px solid #CBCBCB;
	border-radius: 5px;
	padding: 30px 30px 50px 30px;
	background-color: #ffffff;
}

.custom-box-list .current-status {
	position: absolute;
	top: -1px;
	right: -1px;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: 600;
	padding: 3px 15px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	max-width: 138px;
	min-width: 120px;
	text-align: center;
}

.custom-box-list .current-status.active {
	background-color: #009145;
}

.custom-box-list .current-status.inactive {
	background-color: #979797;
}

.custom-box-list .current-status.pending {
	background-color: #F04848;
}

.custom-box-list .image-product {
	display: block;
	margin: auto;
	height: 80px;
	object-fit: contain;
	width: 80%;
}

.custom-box-list .title p {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
	margin-bottom: 0;
}

.custom-box-list .content p {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 0;
}

.custom-box-list .footer-content {
	background-color: #FFF8F3;
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.custom-box-list .footer-content.footer-orange {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.custom-box-list .footer-content.footer-orange p {
	color: #FF6C00 !important;
}

.custom-box-list .footer-content p {
	margin-bottom: 0;
}

.custom-box-list .footer-content a {
	color: #FF6C00 !important;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

.custom-box-list .footer-content .status-footer {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
}

.custom-box-list .footer-content .status-footer.pending {
	color: #F04848;
}

.custom-box-list .rating {
	list-style-type: none;
	padding-left: 0;
}

.custom-box-list .rating li {
	display: inline-block;
	font-size: 1.6em;
	color: #CBCBCB;
}

.custom-box-list .rating li .active {
	color: #EFCE4A;
}

.custom-box-list .info-link a {
	color: #29AAE1;
	text-decoration: underline !important;
	font-size: 1.3em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	display: block;
	margin-bottom: 5px;
	outline: none;
}

.menu-unread-message {
	position: absolute;
	top: 1.5rem;
	left: 1.8rem;
	background-color: #22B473;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	border: 2px solid #ffffff;
}

.image-upload-account {
	height: 80px;
	width: 80px;
	padding: 6px;
	position: relative;
	border: 1px dashed #333333;
	margin-right: 15px;
}

.image-upload-account input {
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	position: relative;
}

.image-upload-account input:hover {
	cursor: pointer;
}

.image-upload-account img {
	position: absolute;
	width: 66px;
	height: 66px;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	object-fit: cover;
	object-position: center;
}

.image-upload-account.image-exist:hover .delete-change-image {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.image-upload-account .delete-change-image {
	display: none;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 6px;
	left: 6px;
	bottom: 6px;
	right: 6px;
	align-items: center;
	z-index: 20;
	flex-wrap: nowrap;
}

.image-upload-account .delete-change-image i {
	color: #ffffff;
	font-size: 2em;
	display: block;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

.image-upload-li {
	padding-left: 0;
	list-style-type: none;
}

.image-upload-li li {
	display: inline-block;
}

.image-name-file {
	display: inline-block;
	margin-top: auto;
	margin-bottom: auto;
	font-size: 1.2em;
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	width: 70%;
}

.image-name-file .image-name-help {
	color: #808080;
	font-size: .8em;
	font-family: "MuliRegular", "Roboto", sans-serif !important;
	margin-top: 3px;
	margin-bottom: 0;
	display: block;
	font-weight: 300;
}

/* Pages */
#my-account .content label {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	margin-bottom: 0;
}

#my-account .content p {
	font-size: 1.4em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#my-account .button-content {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
}

#my-account .button-content a button {
	font-size: 1.4em;
	font-family: "MuliBold", "Roboto", sans-serif;
	height: 50px;
	width: 50%;
	text-align: center;
	border-radius: 5px;
}

#change-password #note-change-password p {
	font-size: 1.1em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	font-weight: 300;
}

#change-password-modal #change-modal-OTP .content p {
	font-size: 1.1em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	font-weight: 300;
}

#change-password-modal #change-modal-OTP .auth-input label {
	font-size: 16px;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
}

#change-password-modal #change-modal-OTP .auth-input input {
	display: block;
	margin: auto;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	padding: 1.8rem .75rem;
	height: 45px;
}

#change-password-modal #change-modal-OTP .auth-input input:focus {
	border-color: #FF6C00;
	outline: none;
	box-shadow: none;
}

#change-password-modal #change-modal-OTP .auth-input .btn {
	color: #ffffff;
	border-radius: 5px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	height: 48px;
	width: 100%;
}

#change-password-modal #change-modal-OTP .resend-link p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.1em;
	font-weight: 300;
}

#change-password-modal #change-modal-OTP .resend-link p .text-orange {
	color: #FF6C00;
}

#claim-account #tambah-klaim button {
	background-color: transparent;
	border: 1px solid #22B573;
	border-radius: 5px;
	color: #333333;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	padding: .375rem 1.2rem;
}

#claim-account #tambah-klaim button img {
	height: 25px;
	width: 25px;
	margin-right: 10px;
}

#claim-account #tambah-klaim span {
	vertical-align: middle;
}

#referal-account .content {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#referal-account #referal-code-container {
	width: 342px;
	height: 160px;
	position: relative;
}

#referal-account #referal-code-container img {
	width: 342px;
	height: 160px;
}

#referal-account #referal-code-container #referal-absolute {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 342px;
	height: 160px;
}

#referal-account #referal-code-container #referal-absolute div {
	position: absolute;
	top: 30%;
	text-align: center;
	left: 0;
	right: 0;
}

#referal-account #referal-code-container #referal-absolute div #title-code {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1em;
	color: #333333;
	font-weight: 400;
}

#referal-account #referal-code-container #referal-absolute div #code {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	color: #333333;
}

#referal-account #referal-code-container #referal-absolute div #copy {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1em;
	color: #29AAE1;
	cursor: pointer;
}

#referal-account .btn-share {
	background-color: #39B44A;
	width: 95%;
	text-align: center;
	height: 48px;
	border-radius: 5px;
}

#referal-account .btn-share img {
	width: 24px;
	margin-right: 10px;
}

#referal-account .btn-share span {
	vertical-align: middle;
	font-size: 1.1em;
	font-weight: 600;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#message-account #not-found {
	padding-bottom: 35%;
}

#message-account #not-found .title {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	font-weight: 600;
	margin-bottom: 5px;
}

#message-account #not-found .content {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	font-weight: 400;
}

#message-account .message-list-header #image-container {
	position: relative;
	width: 9%;
	margin-left: 15px;
}

#message-account .message-list-header #image-container .unread-message {
	position: absolute;
	top: 8%;
	right: 12%;
	background-color: #22B473;
	height: 14px;
	width: 14px;
	border-radius: 50%;
}

#message-account .message-list-header #image-container img {
	width: 90%;
}

#message-account .message-list-header #content-container {
	display: block;
	margin: auto auto auto 10px;
}

#message-account .message-list-header #content-container .title {
	font-size: 1.4em;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	margin-bottom: 0;
	color: #333333;
}

#message-account .message-list-header #content-container .date {
	font-size: 1.2em;
	margin-bottom: 0;
	font-weight: 400;
	color: #333333;
	font-family: "MuliRegular", "Roboto", sans-serif;
}

#message-account .message-list-content p {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 400;
}

#polis-detail-account #date {
	font-size: 1.1em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#polis-detail-account .btn-change-pembayaran {
	padding: .375rem 1.5rem;
	margin-right: 15px;
	font-size: 1.3em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#polis-detail-account .btn-pay-now {
	padding: .375rem 2rem;
	background-color: #A80F1A;
	color: #ffffff;
	font-size: 1.3em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#polis-detail-account .card-box-custom .card-body #klaim-tab #scroll-container-tab {
	height: 510px;
	overflow-y: auto;
	padding-right: 15px;
}

#polis-detail-account .card-box-custom .card-body #klaim-tab #scroll-container-tab .scroll-content-tab {
	padding-left: 40px;
	border-bottom: 1px solid #CBCBCB;
}

#polis-detail-account .card-box-custom .card-body #klaim-tab #scroll-container-tab::-webkit-scrollbar-track {
	background-color: #F5F5F5;
}

#polis-detail-account .card-box-custom .card-body #klaim-tab #scroll-container-tab::-webkit-scrollbar {
	width: 5px;
	background-color: #CBCBCB;
}

#polis-detail-account .card-box-custom .card-body #klaim-tab #scroll-container-tab::-webkit-scrollbar-thumb {
	background-color: #CBCBCB;
}

#polis-detail-account .card-box-custom .card-body #pembayaran-tab #icon-pembayaran {
	max-width: 80px;
	width: unset;
}

#polis-detail-account .card-box-custom .card-body #pembayaran-tab #button-pembayaran {
	background-color: #8C6239;
	padding: .375rem 3rem;
}

#polis-detail-account .card-box-custom .card-body #pembayaran-tab #button-pembayaran span {
	vertical-align: middle;
}

#polis-detail-account .card-box-custom .card-body #pembayaran-tab #button-pembayaran span:first-child {
	font-size: 1.6em;
	margin-right: 5px;
}

#polis-detail-account #simpan-button .btn {
	padding: .675rem 4.75rem;
}

.detail-account-klaim-polis .title-header {
	font-size: 1.4em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	margin-right: 15px;
}

.detail-account-klaim-polis .title-header.text-orange {
	color: #FF6C00;
}

.detail-account-klaim-polis .card-box-custom {
	border: 1px solid #CBCBCB;
	background-color: #ffffff;
	border-radius: 5px;
}

.detail-account-klaim-polis .card-box-custom .card-header {
	background-color: #ffffff;
	border-bottom: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	padding: 8px 40px 0 40px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.detail-account-klaim-polis .card-box-custom .card-header .nav-item {
	padding-right: 10px;
}

.detail-account-klaim-polis .card-box-custom .card-header .nav-item .nav-link {
	background-color: transparent;
	color: #999999;
	font-size: 1.6em;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 2px;
	padding-left: 0;
}

.detail-account-klaim-polis .card-box-custom .card-header .nav-item .nav-link.active {
	color: #333333;
}

.detail-account-klaim-polis .card-box-custom .card-header .nav-item hr {
	display: none;
	margin: 0 1rem 0 0;
}

.detail-account-klaim-polis .card-box-custom .card-header .nav-item .active~hr {
	display: block;
	border-bottom: 4px solid #FF6C00;
}

.detail-account-klaim-polis .card-box-custom .card-body {
	padding: 30px 0 20px 0;
}

.detail-account-klaim-polis .card-box-custom .card-body .title p {
	font-size: 1.3em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
	margin-bottom: 0;
}

.detail-account-klaim-polis .card-box-custom .card-body .title.text-orange {
	color: #FF6C00;
}

.detail-account-klaim-polis .card-box-custom .card-body .big-content p {
	font-size: 1.6em;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 0;
}

.detail-account-klaim-polis .card-box-custom .card-body .content p {
	font-size: 1.3em;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 0;
}

.detail-account-klaim-polis .card-box-custom .card-body .content.text-orange {
	color: #FF6C00;
}

.status-bar {
	display: none;
	align-items: center;
	justify-content: space-between;
	font-size: 1.2em;
	box-shadow: 0px 3px 20px #a6a6a6;
}

.status-bar .item {
	width: 33.33%;
}

.status-bar .item a {
	display: block;
	padding: 10px;
	text-align: center;
}

.status-bar .item a.active {
	background: #FF6C00;
	color: white;
}

.custom-input {
	height: 45px;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 600;
}

.custom-input:focus {
	border-color: #FF6C00;
	box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.25);
}

#create-claim-container #claim-smart-wizard {
	border: none;
}

#create-claim-container #claim-smart-wizard .step-anchor {
	border: 1px solid #ddd;
	border-radius: 10px;
}

#create-claim-container #claim-smart-wizard .step-anchor .nav-item {
	width: 25% !important;
}

#create-claim-container #claim-smart-wizard .step-anchor .nav-item .nav-link {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	font-size: 1.2em;
	background: #ffffff;
	color: #333333;
	padding: 15px 25px 15px 55px;
}

#create-claim-container #claim-smart-wizard .step-anchor .nav-item .nav-link::after {
	border-left: 30px solid #ffffff;
}

#create-claim-container #claim-smart-wizard .step-anchor .nav-item.active .nav-link {
	background: #FF6C00 !important;
	border-color: #FF6C00 !important;
}

#create-claim-container #claim-smart-wizard .step-anchor .nav-item.active .nav-link::before {
	border-left: 30px solid #CBCBCB !important;
}

#create-claim-container #claim-smart-wizard .step-anchor .nav-item.active .nav-link::after {
	border-left: 30px solid #FF6C00 !important;
}

#create-claim-container #claim-smart-wizard .step-anchor .nav-item.done .nav-link {
	background: #FF6C00 !important;
	border-color: #FF6C00 !important;
}

#create-claim-container #claim-smart-wizard .step-anchor .nav-item.done .nav-link::before {
	border-left: 30px solid #CBCBCB !important;
}

#create-claim-container #claim-smart-wizard .step-anchor .nav-item.done .nav-link::after {
	border-left: 30px solid #FF6C00 !important;
}

#create-claim-container #claim-smart-wizard .claim-wizard-content .content p {
	font-size: 1.2em;
	font-weight: 600;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#create-claim-container #claim-smart-wizard .claim-wizard-content .content a {
	color: #29ABE2;
	text-decoration: underline !important;
}

#create-claim-container #claim-smart-wizard .claim-wizard-content .big-content p {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	font-size: 1.4em;
}

#create-claim-container #claim-smart-wizard .claim-wizard-content .title {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 400;
	font-size: 1.2em !important;
}

#create-claim-container #claim-smart-wizard .claim-wizard-content .minus-row-10 {
	margin-right: -10px;
	margin-left: -10px;
}

#create-claim-container #claim-smart-wizard .claim-box-icon {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

#create-claim-container #claim-smart-wizard .claim-box-icon img {
	width: 15%;
	max-width: 50px;
}

#create-claim-container #claim-smart-wizard .claim-box-icon p {
	width: 100%;
}

#create-claim-container #claim-smart-wizard .custom-material-design .wizard-custom-select {
	position: relative;
	padding-left: 0;
	padding-right: 0;
}

#create-claim-container #claim-smart-wizard .custom-material-design .wizard-custom-select .select2-container {
	width: 90% !important;
}

#create-claim-container #claim-smart-wizard .custom-material-design .wizard-custom-select .select2-container .select2-selection {
	background: #ffffff !important;
	border: 0 !important;
	border-bottom: 1px solid #C9C9C9 !important;
	border-radius: 0 !important;
	padding: 10px 10px 10px 0;
}

#create-claim-container #claim-smart-wizard .custom-material-design .wizard-custom-select .select2-container .select2-selection .select2-selection__rendered {
	font-size: 1.2em;
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#create-claim-container #claim-smart-wizard .custom-material-design .wizard-custom-select label {
	top: -20px;
	font-size: 1.1em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 500;
}

#create-claim-container #claim-smart-wizard .create-claim-list {
	width: 100%;
	list-style-type: none;
	padding-left: 0;
}

#create-claim-container #claim-smart-wizard .create-claim-list li {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
	font-size: 1.2em;
}

#create-claim-container #claim-smart-wizard .custom-add-upload-image {
	width: 80px;
	padding: 6px;
	position: relative;
	display: block;
	margin: auto;
	text-align: center;
}

#create-claim-container #claim-smart-wizard .custom-add-upload-image img {
	width: 35px;
	height: 35px;
}

#create-claim-container #claim-smart-wizard .flex-image-upload-li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

@media screen and (max-width: 500px) {
	.status-bar {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}

	#my-info #profile-picture {
		width: 55px;
		height: 55px;
		font-size: 18px;
		padding: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#account-sidebar ul li {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #eaeaea;
	}

	#account-sidebar ul li a.hidden-md {
		display: block;
	}

	#account-sidebar ul li a.hidden-xs {
		display: none;
	}
}

#checkout-page .custom-checkbox .custom-control-label {
	margin-left: 10px;
}

#checkout-page .custom-checkbox .custom-control-label:before {
	top: 0;
	width: 1.8rem;
	height: 1.8rem;
	background-color: transparent;
	border: 2px solid #FF6C00;
	border-radius: 0;
}

#checkout-page .custom-checkbox .custom-control-label:after {
	top: 0;
	width: 1.8rem;
	height: 1.8rem;
	background-size: 80%;
}

#checkout-page #data-section .custom-checkbox .custom-control-label {
	margin-top: 2px;
	font-size: 1.1em;
	font-family: "MuliRegular", "Roboto", sans-serif;
}

#checkout-page .custom-control-input:checked~.custom-control-label::before {
	width: 1.8rem;
	height: 1.8rem;
	background-color: #FF6C00;
}

#checkout-page .custom-input-daterange input {
	background-color: #ffffff;
}

#checkout-page .title-checkout img {
	width: 22px;
	object-fit: contain;
	margin-right: 5px;
}

#checkout-page .title-checkout span {
	font-size: 1.4em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	vertical-align: middle;
}

#checkout-page .card.bg-gray {
	background-color: #F7F7F7;
}

#checkout-page .card.bg-pink {
	background-color: #FFF2E9;
	border: none;
}

#checkout-page .brand-image img {
	display: block;
	margin: auto;
	height: 80px;
	object-fit: contain;
	width: 60%;
}

#checkout-page .title p {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	font-weight: 300;
	margin-bottom: 0;
}

#checkout-page .content {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#checkout-page .content p {
	margin-bottom: 0;
}

#checkout-page .content.text-green p {
	color: #009245;
}

#checkout-page .big-content.text-orange p {
	font-size: 1.8em;
	color: #FF6C00;
}

#checkout-page .big-content p {
	font-size: 1.8em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	margin-bottom: 0;
}

#checkout-page #button-health-section {
	background: transparent;
	color: #29ABE2;
	border: none;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	cursor: pointer;
}

#checkout-page #button-health-section span {
	margin-bottom: 0;
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
	vertical-align: middle;
}

#checkout-page #button-health-section img {
	width: 20px;
	object-fit: contain;
	margin-left: 10px;
	vertical-align: middle;
}

#checkout-page .custom-input-noborder label {
	color: #333333;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#checkout-page .custom-input-noborder input {
	font-size: 1.2em;
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
	padding: 10px 10px 10px 0;
	display: block;
	width: 90%;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #C9C9C9;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#checkout-page .custom-input-noborder .help-text {
	color: #6c757d !important;
	font-size: 11px;
	display: block;
	margin-bottom: 10px;
}

#checkout-page #info-polis .separator-bottom {
	height: 40px;
}

#checkout-page #info-polis #info-2-column {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

#checkout-page #info-polis #info-2-column #info-2-border {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

#checkout-page #info-polis #info-2-column #info-2-border #first-column {
	border-right: 1px solid rgba(0, 0, 0, 0.125);
}

#checkout-page #info-polis #info-2-column #info-2-border #first-column .total-price {
	position: absolute;
	left: 0;
	right: 30px;
	bottom: 20px;
}

#checkout-page #perluasan-section .content-rider p {
	display: inline-block;
	vertical-align: middle;
}

#checkout-page #perluasan-section .content-rider img {
	display: inline-block;
	width: 15px;
	margin-left: 6px;
}

#checkout-page #payment-section .column-1 {
	border-right: 1px solid rgba(0, 0, 0, 0.125);
}

#checkout-page #payment-section .column-1 .accordion-custom .accordion-header {
	cursor: pointer;
	padding-right: 16px;
	color: #FF6C00;
}

#checkout-page #payment-section .column-1 .accordion-custom .accordion-header p {
	margin-bottom: 0;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}

#checkout-page #payment-section .column-1 .accordion-custom .accordion-header.activated:after {
	content: "\f077";
}

#checkout-page #payment-section .column-1 .accordion-custom .accordion-header.collapsed:after {
	content: "\f078" !important;
}

#checkout-page #payment-section .column-1 .accordion-custom .accordion-header:after {
	content: "\f078";
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	left: 11rem;
	font-size: 1.2em;
}

#checkout-page #payment-section .column-1 .accordion-custom #detail-price {
	background-color: #FFF3EB;
}

#checkout-page #payment-section .column-1 .accordion-custom #detail-price .price .text-price {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	margin-left: 20px;
	vertical-align: middle;
	color: #D90109;
}

#checkout-page #payment-section .column-1 .accordion-custom #detail-price .price .promo {
	background-color: #D90109;
	color: #ffffff;
	padding: 2px 4px;
	position: relative;
	font-size: 11px;
}

#checkout-page #payment-section .column-1 .accordion-custom #detail-price .price .promo::before {
	content: "";
	border-left: 12px solid #D90109;
	border-top: 10px solid transparent;
	border-bottom: 7px solid transparent;
	position: absolute;
	right: -12px;
	top: 0;
	bottom: 0;
}

#checkout-page #payment-section .column-1 #section-promo-list {
	cursor: pointer;
}

#checkout-page #payment-section .column-1 #section-promo-list img {
	width: 20px;
	display: inline-block;
	margin-right: 5px;
}

#checkout-page #payment-section .column-1 #section-promo-list p {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #29AAE1;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

#checkout-page #collapsePromo {
	display: none;
}

#checkout-page #collapsePromo .input-group {
	width: 50%;
}

#checkout-page #collapsePromo .input-group input {
	padding: .8rem 1.2rem;
	font-size: 1.4rem;
	height: 40px;
	border-right: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#checkout-page #collapsePromo .input-group input:focus {
	outline: none;
	border-color: #FF6C00;
	box-shadow: none;
}

#checkout-page #collapsePromo .input-group .input-group-text {
	padding: .8rem 1.2rem;
	font-size: 1.2rem;
	height: 40px;
	background-color: #FF6C00;
	color: #ffffff;
	border: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#checkout-page #collapsePromo .info-promo {
	font-size: 1.1em;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 0;
	color: #009245;
}

#checkout-page #collapsePromo .info-promo span {
	vertical-align: middle;
}

#checkout-page #collapsePromo .info-promo img {
	width: 20px;
}

#checkout-page .method-payment-collapse {
	display: none;
}

#checkout-page .method-payment-collapse.show {
	display: block;
}

#checkout-page .credit-li {
	list-style-type: none;
	padding-left: 35px;
}

#checkout-page .credit-li li {
	display: inline-block;
	margin-right: 5px;
	width: 15%;
	margin-bottom: 10px;
	min-width: 58px;
}

#checkout-page .credit-li li input {
	background-color: #F2F2F2;
	border: none;
}

#checkout-page .custom-select-image .input-group-text {
	padding: 0 0 0 5px;
	border: 0;
	padding-right: 15px;
	background-color: #ffffff;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#checkout-page .custom-select-image .input-group-text img {
	width: 60px;
	object-fit: contain;
	object-position: center;
}

#checkout-page .custom-select-image .select-change-prepend {
	height: 36px;
	border: 0;
	border-bottom: 1px solid #CBCBCB;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#checkout-page .custom-select-image .select-change-prepend:focus {
	box-shadow: none;
}

#checkout-page .custom-select-image .select-change-prepend::after {
	color: #333333;
}

#checkout-page .custom-select-image .select-change-prepend.content-text {
	color: #FF6C00;
}

#checkout-page .custom-select-image .input-group-prepend {
	border-bottom: 1px solid #CBCBCB;
}

#checkout-page #cicilan .note {
	margin-left: 35px;
	position: relative;
}

#checkout-page #cicilan .note p {
	font-size: 1.1em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	margin-bottom: 0;
	padding-left: 15px;
}

#checkout-page #section-agreement {
	padding: 2.25rem 1.25rem;
}

#checkout-page #section-agreement .custom-control-label {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	margin-left: 15px;
	margin-top: -5px;
}

#checkout-page #section-agreement .form-error {
	margin-left: 15px;
}

#checkout-page .image-list-inline {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
}

#checkout-page .image-list-inline li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}

#checkout-page .image-list-inline li img {
	width: 50px;
}

#checkout-page .button-submit div:first-child a {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#checkout-page .button-submit div:first-child a button {
	background-color: #CCCCCC;
}

#checkout-page .button-submit div:nth-child(2) button {
	background-color: #FF6C00;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#checkout-page .button-submit div button {
	width: 100%;
	margin-bottom: 15px;
}

#promo-modal-page .title-modal {
	font-size: 1.3em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#promo-modal-page .title.text-orange p {
	color: #FF6C00;
}

#promo-modal-page .title p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	font-weight: 300;
}

#promo-modal-page .title a {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	font-weight: 300;
}

#promo-modal-page .content p {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-size: 1.2em;
}

#promo-modal-page #togglePromoMore {
	cursor: pointer;
}

#promo-modal-page .promo-list .promo-title p {
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 5px;
	font-size: 1.2em;
}

#promo-modal-page .promo-list .promo-content p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	font-weight: 300;
}

#promo-modal-page .promo-list .promo-date p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	display: inline-block;
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: 300;
	vertical-align: middle;
}

#promo-modal-page .promo-list .promo-date img {
	display: inline-block;
	width: 20px;
	margin-right: 5px;
}

#promo-modal-page .btn-terapkan-promo {
	height: 42px;
	width: 100%;
	border-radius: 5px;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#promo-modal-page .btn-nanti {
	height: 42px;
	width: 100%;
	border-radius: 5px;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	background: transparent;
	color: #333333;
}

#thankyou-page hr {
	border-top: 1.5px solid #CBCBCB;
}

#thankyou-page .big-title p {
	font-size: 1.8em;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 0;
}

#thankyou-page .big-title.text-orange p {
	color: #FF6C00;
}

#thankyou-page .bigger-title p {
	font-size: 3em;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 0;
}

#thankyou-page .bigger-title.text-orange p {
	color: #FF6C00;
}

#thankyou-page .medium-title p {
	font-size: 1.5em;
	font-family: "MuliBold", "Roboto", sans-serif;
	margin-bottom: 0;
}

#thankyou-page .medium-title.regular-text p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
}

#thankyou-page .title p {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	font-weight: 300;
}

#thankyou-page .title ol li {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #333333;
	font-weight: 300;
}

#thankyou-page .content p {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#thankyou-page #image-bank-header ul {
	padding-left: 15px;
	list-style-type: none;
}

#thankyou-page #image-bank-header ul li {
	display: inline-block;
	margin-right: 30px;
}

#thankyou-page #image-bank-header ul li img {
	width: 6.5rem;
}

#thankyou-page #count-down-timer {
	text-align: center;
}

#thankyou-page #count-down-timer p {
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
}

#thankyou-page #count-down-timer p .number {
	font-size: 2.2em;
}

#thankyou-page #count-down-timer p span {
	font-size: 1.6em;
}

#thankyou-page #price-info img {
	height: 30px;
	object-fit: contain;
	object-position: center;
	display: block;
	margin: auto;
}

#thankyou-page #price-info .rekening-text {
	align-self: center;
}

#thankyou-page #price-info .rekening-text p {
	font-size: 1.5em;
	font-family: "MuliBold", "Roboto", sans-serif;
	text-align: center;
	margin-bottom: 0;
}

#thankyou-page #price-info .copy-link {
	align-self: center;
}

#thankyou-page #price-info .copy-link p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #29AAE1;
	text-decoration: underline !important;
	margin-bottom: 0;
	cursor: pointer;
	font-weight: 300;
}

#thankyou-page #method-payment .panel-default {
	position: relative;
}

#thankyou-page #method-payment .panel-default .panel-heading {
	padding: 10px 20px;
	border: 1px solid #333333;
	cursor: pointer;
}

#thankyou-page #method-payment .panel-default .panel-heading:after {
	content: "\f078";
	font-family: FontAwesome;
	position: absolute;
	top: 10px;
	right: 30px;
	font-size: 1.5em;
}

#thankyou-page #method-payment .panel-default .panel-heading.activated {
	border-bottom: 1px solid #333333;
}

#thankyou-page #method-payment .panel-default .panel-heading.activated:after {
	content: "\f077";
}

#thankyou-page #method-payment .panel-default .panel-heading.activated.collapsed:after {
	content: "\f078";
}

#thankyou-page #method-payment .panel-body {
	padding: 10px 20px;
}

#thankyou-page #method-payment .panel-body ol {
	padding-left: 20px;
}

#thankyou-page #method-payment .panel-body ol li {
	margin-bottom: 5px;
}

#thankyou-page #info-dokumen .bg-pink {
	background-color: #FFF2E9;
}

#thankyou-page #info-dokumen ol {
	padding-left: 15px;
}

#thankyou-page #button-dokumen {
	text-align: center;
}

#thankyou-page #button-dokumen button {
	padding: .375rem 5.5rem;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#thankyou-page #thankyou-fleet {
	border: 4px solid #FFF2E9;
	padding: 30px 60px 0 60px;
}

#thankyou-page #thankyou-fleet .card-body {
	border-radius: 8px;
	background-image: url("../images/bg-product-not-found.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	padding-bottom: 0;
}

#thankyou-page #thankyou-fleet .card-body .thankyou-fleet-content {
	min-height: 420px;
}

#thankyou-page #thankyou-fleet .card-body .thankyou-fleet-content h3 {
	font-family: "NunitoBold", "Roboto", sans-serif;
	font-size: 4em;
	color: #333333;
	margin-bottom: 15px;
}

#thankyou-page #thankyou-fleet .card-body .thankyou-fleet-content p {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: 300;
	margin-bottom: 15px;
}

#thankyou-page #thankyou-fleet .card-body .thankyou-fleet-content a {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#thankyou-page #thankyou-fleet .card-body .thankyou-fleet-content a button {
	padding: .375rem 2.5rem;
	height: 42px;
}

#other-form-page .medium-title p {
	font-size: 1.3em;
	font-family: "MuliBold", "Roboto", sans-serif;
}

#other-form-page .btn-other-form {
	position: absolute;
	bottom: 35px;
	left: 15px;
	right: 15px;
}

#other-form-page .btn-other-form button {
	padding: .375rem 5.75rem;
	height: 45px;
	font-size: 1.2em;
}

#rincian-pemesanan .big-title {
	font-size: 1.6em;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#rincian-pemesanan .big-title.text-green {
	color: #22B573;
}

#rincian-pemesanan #status-checkout {
	padding: .375rem 3rem;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
	border-radius: 5px;
	color: #ffffff;
	text-transform: uppercase;
}

#rincian-pemesanan #status-checkout.paid {
	background-color: #22B573;
	width: auto;
}

#rincian-pemesanan #status-checkout.pending {
	background-color: #FF6C00;
}

#rincian-pemesanan #close-icon {
	width: 25px;
}

#rincian-pemesanan .small-content {
	font-size: 1.1em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 400;
}

#rincian-pemesanan .title {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 400;
}

#rincian-pemesanan .content {
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#rincian-pemesanan .content.text-orange {
	color: #FF6C00;
}

#rincian-pemesanan .content.text-green {
	color: #22B573;
}

#rincian-pemesanan #icon-bank {
	width: 60px;
}

#rincian-pemesanan #table-product thead th {
	border: none;
	padding-bottom: 20px;
}

#rincian-pemesanan #table-product td {
	border: none;
}

#rincian-pemesanan #table-product td .logo-product {
	height: 50px;
	width: unset;
	object-fit: contain;
}

#rincian-pemesanan #table-product td:first-child {
	min-width: 268px;
}

#rincian-pemesanan #table-product td:nth-child(2) {
	min-width: 187px;
}

#rincian-pemesanan #table-product td:nth-child(3) {
	min-width: 274px;
}

#rincian-pemesanan #table-product .subtotal {
	background-color: #F2F2F2;
}

.custom-material-design {
	/* form starting stylings, this method only for required input ------------------------------- */
	/* active state */
}

.custom-material-design .group {
	position: relative;
	margin-bottom: 35px;
}

.custom-material-design .group .input-group .input-group-prepend {
	border-bottom: 1px solid #C9C9C9;
	width: 12%;
}

.custom-material-design .group .input-group .input-group-prepend .input-group-text {
	border: none;
	background: transparent;
	display: block;
	margin: auto;
	padding-left: 0;
	padding-right: 0;
}

.custom-material-design .group .input-group .input-group-prepend .input-group-text.gray {
	color: #999999;
}

.custom-material-design .group .input-group .input-group-prepend .input-group-text.content {
	font-size: 1.2em;
	font-weight: 600;
	font-family: "MuliBold", "Roboto", sans-serif;
}

.custom-material-design .group .input-group .icon-group {
	max-width: 20px;
}

.custom-material-design .group .input-group input {
	border-radius: 0;
	width: 78%;
}

.custom-material-design textarea {
	overflow: hidden;
	padding: 10px 10px 10px 0;
	width: 90%;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	border: none;
	border-bottom: 1px solid #C9C9C9;
	resize: vertical;
}

.custom-material-design textarea:focus {
	outline: none !important;
	border-bottom: 1px solid #FF6C00;
}

.custom-material-design input {
	font-size: 1.2em;
	color: #333333;
	font-family: "MuliBold", "Roboto", sans-serif;
	padding: 10px 10px 10px 0;
	display: block;
	width: 90%;
	border: none;
	border-bottom: 1px solid #C9C9C9;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.custom-material-design input:focus {
	outline: none;
	border-bottom: 1px solid #FF6C00;
}

.custom-material-design label {
	color: #333333;
	font-size: 1.2em;
	font-family: "MuliBold", "Roboto", sans-serif;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 10px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.custom-material-design input:focus~label,
.custom-material-design input:valid~label {
	top: -20px;
	font-size: 1.1em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 500;
}

.custom-material-design input:focus~label {
	color: #FF6C00;
}

.custom-material-design textarea:focus~label,
.custom-material-design textarea:valid~label {
	top: -20px;
	font-size: 1.1em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 500;
}

.custom-material-design textarea:focus~label {
	color: #FF6C00;
}

.not-found h3 {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
	font-size: 20px;
}

#promo #promo-page-slider {
	position: relative;
}

#promo #promo-page-slider img {
	min-height: 150px;
}

#promo #promo-page-slider .arrow {
	position: absolute;
	top: 30%;
	color: #ffffff;
	z-index: 100;
	font-size: 70px;
	cursor: pointer;
	opacity: 0.8;
}

#promo #promo-page-slider .arrow:hover {
	color: #FF6C00;
}

#promo #promo-page-slider .arrow.prev {
	left: 6%;
}

#promo #promo-page-slider .arrow.next {
	right: 6%;
}

#promo .filter-section {
	align-items: center;
	flex-wrap: nowrap;
}

#promo .filter-section label {
	margin: 0px;
	margin-right: 15px;
	font-weight: 600;
	font-size: 13px;
}

#promo .category-list {
	align-items: center;
	font-size: 15px;
	margin-bottom: 30px;
}

#promo .category-list .item a {
	display: block;
	padding: 5px 20px;
	border-radius: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
	background: #FFF2E9;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

#promo .category-list .item a.active,
#promo .category-list .item a:hover {
	background: #FF6C00;
	color: white;
}

#promo .promo-box {
	margin-bottom: 30px;
}

#promo .promo-box .image-wrapper {
	margin-bottom: 15px;
}

#promo .promo-box .image-wrapper img {
	min-height: 200px;
	object-fit: cover;
	object-position: center;
}

#promo .promo-box .title {
	font-size: 15px;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 2.5em;
}

#promo .promo-box hr {
	margin: 15px 0px;
}

#promo .promo-box .inline-icon {
	font-size: 15px;
	font-weight: 500;
}

#promo .promo-box .inline-icon .icon {
	width: 30px;
	margin-right: 10px;
}

#promo .promo-detail-content {
	font-size: 15px;
}

#promo .promo-detail-content .image {
	margin-bottom: 20px;
}

#promo .promo-detail-content .share-section {
	align-items: center;
}

#promo .promo-detail-content .share-section label {
	margin-bottom: 0px;
	font-size: 13px;
	font-weight: 600;
	margin-right: 15px;
}

#promo .promo-detail-content .share-section .share-list {
	align-items: center;
}

#promo .promo-detail-content .share-section .share-list .item a {
	display: block;
	margin-right: 10px;
}

#promo .promo-detail-content .share-section .share-list .item .icon-circle {
	font-size: 18px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: white;
}

#promo .promo-detail-content .share-section .share-list .item .icon-circle.facebook {
	background: #3b59b6;
}

#promo .promo-detail-content .share-section .share-list .item .icon-circle.twitter {
	background: #4099ff;
}

#promo .promo-detail-content hr {
	margin: 25px 0px;
}

#promo .promo-detail-content .info-table {
	margin-bottom: 30px;
}

#promo .promo-detail-content .info-table tr {
	vertical-align: baseline;
}

#promo .promo-detail-content .info-table .separator {
	width: 10%;
	text-align: center;
}

#promo .promo-detail-content .info-table .copy-section {
	text-align: right;
}

#promo .promo-detail-content .info-table .copy-section .copy-link {
	display: block;
	color: #FF6C00;
	font-weight: 600;
	cursor: pointer;
}

#promo .promo-detail-content .info-table .copy-section .success-copy {
	display: none;
}

#promo .promo-detail-content .info-table .copy-section label {
	font-size: 13px;
	font-weight: 600;
	color: #4caf50;
}

#promo .promo-detail-content .info-table .copy-section label .fa {
	font-size: 18px;
}

#promo .promo-detail-content .promo-content p,
#promo .promo-detail-content .promo-content div {
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-weight: 300;
}

#promo .promo-detail-content .promo-content p b,
#promo .promo-detail-content .promo-content div b {
	font-family: "MuliBold", "Roboto", sans-serif;
	font-weight: 600;
}

#promo .promo-detail-content .promo-content ul,
#promo .promo-detail-content .promo-content ol {
	padding-left: 15px;
	list-style-type: none;
	counter-reset: item;
	position: relative;
}

#promo .promo-detail-content .promo-content ul li,
#promo .promo-detail-content .promo-content ol li {
	counter-increment: item;
	font-family: "MuliRegular", "Roboto", sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: 400;
	padding-left: 30px;
	margin-bottom: 15px;
}

#promo .promo-detail-content .promo-content ul li:before,
#promo .promo-detail-content .promo-content ol li:before {
	content: counter(item);
	padding: 2px 8px;
	background-color: #333333;
	color: white;
	font-weight: bold;
	border-radius: 14px;
	position: absolute;
	left: 0;
	font-size: 90%;
}

#promo .custom-input-form .input-group .input-group-prepend {
	height: 42px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

#promo .custom-input-form .input-group .input-group-prepend button {
	height: 42px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

#promo .custom-input-form .input-group .input-group-prepend button img {
	height: 20px;
	width: 20px;
}

.back-section {
	margin-bottom: 15px;
}

.back-section img {
	height: 16px;
	width: unset;
}

.back-section span {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	vertical-align: middle;
	color: #333333;
	margin-left: 10px;
}

select.big-select {
	height: 42px !important;
	font-weight: 600;
}

#promo-search .text-orange {
	color: #FF6C00;
}

#promo-search .breadcrumb {
	padding: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 4px;
	font-size: 12px;
}

#promo-search .breadcrumb li.active {
	color: #B1B1B1;
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
}

#promo-search .breadcrumb li a {
	font-size: 1.2em;
	font-family: "MuliRegular", "Roboto", sans-serif;
	color: #CACACA;
}

#promo-search #search-title-left {
	font-size: 1.8em;
	font-family: "MuliBold", "Roboto", sans-serif;
	color: #333333;
	text-align: left;
	margin-bottom: 5px;
}

#promo-search .custom-input-form .input-group .input-group-prepend {
	height: 42px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

#promo-search .custom-input-form .input-group .input-group-prepend button {
	height: 42px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

#promo-search .custom-input-form .input-group .input-group-prepend button img {
	height: 20px;
	width: 20px;
}

#promo-search .promo-box {
	margin-bottom: 30px;
}

#promo-search .promo-box .image-wrapper img {
	min-height: 200px;
	object-fit: cover;
	object-position: center;
}

#promo-search .promo-box .title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
}

#promo-search .promo-box .inline-icon {
	font-size: 16px;
	font-weight: 500;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

#promo-search .promo-box .inline-icon .icon {
	width: 30px;
	margin-right: 10px;
}

#promo-search .promo-box .lihat-promo-link {
	padding: 10px 50px;
}

.hidden-md {
	display: none;
}

@media screen and (min-width: 992px) and (max-width: 1439px) {
	.h-md-0 {
		height: auto;
	}

	#referal-account #referal-code-container {
		width: 280px;
		height: 140px;
	}

	#referal-account #referal-code-container img {
		width: 280px;
		height: 140px;
	}

	#referal-account #referal-code-container #referal-absolute {
		width: 280px;
		height: 140px;
	}
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
	#home .banner-section .subtitle {
		font-size: 32px;
	}
}

@media screen and (max-width: 1200px) {
	.menu-product-list span {
		font-size: 12px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.h-sm-0 {
		height: auto;
	}

	.w-sm-50 {
		width: 50%;
	}

	#landing .banner-section {
		padding: 0;
	}

	#landing .banner-section #landing-promo-slider {
		padding: 10% 20px;
	}

	#landing .banner-section #landing-promo-slider .landing-promo-box .price {
		font-size: 2.5em;
	}

	#landing .banner-section #landing-promo-slider .landing-promo-box .title {
		font-size: 18px;
	}

	#landing .banner-section #landing-promo-slider .landing-promo-box .code {
		font-size: 18px;
	}

	#landing .banner-section #landing-promo-slider .arrow {
		font-size: 55px;
	}

	#landing .landing-form-wrapper {
		margin-top: 0;
	}

	#landing #claim-slide-container .item {
		padding: 15px 25px;
	}

	#referal-account #referal-code-container {
		width: 260px;
		height: 140px;
	}

	#referal-account #referal-code-container img {
		width: 260px;
		height: 140px;
	}

	#referal-account #referal-code-container #referal-absolute {
		width: 260px;
		height: 140px;
	}

	#message-account .message-list-header #image-container {
		width: 14%;
	}

	#search-page #not-found {
		height: 450px;
	}

	#thankyou-modal .thankyou-fleet-content {
		min-height: 300px !important;
	}

	#thankyou-modal .thankyou-fleet-content h3 {
		font-size: 2.5em !important;
	}

	.benefit-row-content .detail-product-container .detail-product-description {
		padding-left: 15px;
		padding-right: 15px;
	}

	#create-claim-container #claim-smart-wizard .step-anchor .nav-item .nav-link {
		padding: 15px !important;
		border-left: 1px solid #CBCBCB !important;
		font-size: 1em;
	}

	#create-claim-container #claim-smart-wizard .step-anchor .nav-item .nav-link::before {
		display: none;
	}

	#create-claim-container #claim-smart-wizard .step-anchor .nav-item .nav-link::after {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	#bottom-header {
		display: none;
	}

	#blog-header .navbar-collapse {
		padding-top: 10px;
		padding-bottom: 5px;
	}

	#blog-header .navbar-collapse #blog-menu li {
		margin-right: 0;
	}

	#blog-header .navbar-collapse ul {
		text-align: center;
	}

	#blog-header .navbar-collapse .navbar-social {
		flex-flow: row nowrap;
		justify-content: center;
	}

	#blog-header .navbar-collapse .blog-social-icon {
		margin-right: 1px;
	}

	#footer-copyright #footer-medsos p {
		display: block;
		margin-bottom: 10px;
	}

	#my-account .button-content {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
	}

	#my-account .button-content a button {
		height: 40px;
	}

	#nav #bar-icon-container {
		background: transparent;
		border: none;
		outline: none;
	}

	#nav #bar-icon-container img {
		width: 22px;
	}

	#navbar-overlay {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.6);
		display: none;
		z-index: 600;
	}

	#avatar-icons-container button {
		background-color: transparent;
		border: none;
		outline: none;
	}

	#avatar-icons-container #avatar-icons {
		width: 25px;
	}


	#compare-page .compare-table-container {
		overflow: hidden;
		width: 100%;
		border: 1px solid #CCCCCC;
	}

	#compare-page .compare-table-container .compare-table-inside {
		width: 300%;
	}

	#compare-page .compare-table-container .compare-table-inside .table-compare td {
		border-left: 0;
		border-right: 0;
	}

	#compare-page .compare-table-container .compare-table-inside .table-compare tr:last-child {
		border-bottom: 0;
	}

	#compare-page .compare-table-container .compare-table-inside .table-compare tr:last-child td {
		border-bottom: 0;
	}

	#compare-page .compare-table-container .compare-table-inside .table-compare .custom-title-table {
		position: relative;
		right: 0;
		height: auto;
		top: 0;
		border: none;
		font-size: 14px;
		margin-bottom: 8px;
		padding: 0;
	}

	#compare-page .custom-table-navigation {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		z-index: 10;
		background-color: #FF6C00;
		color: #ffffff;
		font-size: 12px;
		font-family: "MuliBold", "Roboto", sans-serif;
	}

	#compare-page .custom-table-navigation #previous-column {
		float: left;
		margin-left: 15px;
	}

	#compare-page .custom-table-navigation #next-column {
		float: right;
		margin-right: 15px;
	}

	.modal-custom-page .modal-header .modal-title {
		font-size: 1.4rem;
	}

	#detail-product-modal #image-product img {
		width: 100%;
	}

	.benefit-row-content .detail-product-container .detail-product-description.separator-tablet:not(:last-child) {
		padding-bottom: 15px;
	}

	.benefit-row-content .detail-product-container .detail-product-description.separator-tablet:not(:last-child)::after {
		content: " ";
		border-bottom: 1px solid #dedede;
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}

	#checkout-page #button-health-section {
		position: relative;
		text-align: right;
		margin-top: 10px;
	}
}

@media screen and (min-width: 768px) {
	#search-page #bandingkan-header {
		width: 32rem;
	}

	.modal-custom-page {
		padding-right: 0;
	}

	.modal-custom-page .modal-dialog {
		max-width: 70% !important;
	}

	.modal-custom-page .modal-dialog.modal-medium {
		max-width: 50% !important;
	}
}

@media screen and (max-width: 767px) {
	.fs-xs-1-4 {
		font-size: 1.4em !important;
	}

	.fs-xs-14 {
		font-size: 14px !important;
	}

	.w-half {
		width: 50% !important;
	}

	.w-xs-60 {
		width: 60% !important;
	}

	.hidden-xs {
		display: none;
	}

	.hidden-md {
		display: block;
	}

	.select-mobile {
		height: unset !important;
		font-size: 1.1em !important;
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}

	.border-mobile-none {
		border: none !important;
	}

	.word-wrap-xs {
		word-wrap: break-word;
	}

	.date-content .date {
		font-size: 13px;
	}

	.date-content .icon-date {
		margin-right: 5px;
		margin-left: 5px;
	}

	#footer-copyright #footer-copy p {
		text-align: center;
	}

	#footer-copyright #footer-medsos {
		text-align: left;
	}

	#footer-copyright #footer-medsos p {
		display: block;
	}

	#footer-copyright #footer-medsos li {
		margin-bottom: 5px;
	}

	.border-right-xs-0 {
		border-right: 0 !important;
	}

	.h-xs-0 {
		height: auto;
	}

	.w-xs-50 {
		width: 50%;
	}

	.w-xs-100 {
		width: 100% !important;
	}

	.mb-xs-45 {
		margin-bottom: 45px;
	}

	.d-xs-block {
		display: block;
	}

	.mobile-hidden {
		display: none;
	}

	.mobile-show {
		display: block;
	}

	.text-xs-right {
		text-align: right !important;
	}

	.text-xs-left {
		text-align: left !important;
	}

	.text-xs-center {
		text-align: center !important;
	}

	.accordion-menu-mobile .accordion-header div {
		border: 1px solid #CACACA;
		padding: 5px 10px;
		border-radius: 5px;
	}

	.accordion-menu-mobile .accordion-header div a {
		font-size: 1.2em;
		font-family: "MuliBold", "Roboto", sans-serif;
	}

	.accordion-menu-mobile .accordion-header:after {
		content: "\f0d7";
		font-family: FontAwesome;
		position: absolute;
		top: 5px;
		right: 25px;
		font-size: 16px;
	}

	.accordion-menu-mobile #contentMenu {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.d-xs-none {
		display: none !important;
	}

	.default-title {
		font-size: 14px;
	}

	#nav .navbar-brand .logo {
		width: 120px;
	}

	#nav .navbar-collapse {
		background-color: #ffffff;
	}

	#top-header {
		padding: 8px;
	}

	#top-header span {
		font-size: 14px !important;
	}

	#home .regular-content {
		font-size: 12px !important;
	}

	#home .bold-content {
		font-size: 12px !important;
	}

	#home .medium-black-content {
		font-size: 14px !important;
	}

	#home .big-black-content {
		font-size: 22px !important;
	}

	#home .banner-section {
		padding: 6% 0;
	}

	#home .banner-section .cloud.type-1 {
		width: 60px;
		height: 12px;
		left: 5%;
		right: auto;
		top: 4.5%;
	}

	#home .banner-section .cloud.type-2 {
		width: 60px;
		height: 12px;
		right: -8%;
		left: auto;
		top: 10%;
	}

	#home .banner-section .cloud.type-3 {
		width: 60px;
		height: 18px;
		left: -10%;
		right: auto;
		top: 32%;
	}

	#home .banner-section .cloud.type-4 {
		width: 55px;
		height: 18px;
		right: -8%;
		left: auto;
		top: 45%;
	}

	#home .banner-section .cloud.type-5 {
		display: none !important;
	}

	#home .banner-section .cloud.type-6 {
		display: none !important;
	}

	#home .banner-section .title {
		text-align: center;
		font-size: 15px !important;
	}

	#home .banner-section .subtitle {
		font-size: 20px !important;
		text-align: center;
	}

	#home .banner-section #subtitle-sub {
		font-size: 11px;
	}

	#home .banner-section .product-menu-box {
		flex-direction: row;
		padding: 5px;
		border-radius: 5px;
		box-shadow: 3px 3px 8px 0px #dedede;
	}

	#home .banner-section .product-menu-box .icon {
		width: 40px;
		margin-right: 10px;
		margin-bottom: 0;
	}

	#home .banner-section .product-menu-box p {
		margin-bottom: 0;
		font-size: 15px;
	}

	#home .partner-section {
		box-shadow: 0px 6px 8px -6px #808080;
		padding: 15px 0 5px 0;
	}

	#home .partner-section .partner-list .item {
		padding: 0px 15px;
	}

	#home .phone-illustration-wrapper {
		max-width: 280px;
	}

	#home .phone-illustration-info .media-card img {
		width: 35px;
	}

	#home .partner-slider-color {
		padding: 0 !important;
	}

	#home .quick-register-section {
		padding: 30px 0 40px 0;
	}

	#home .quick-register-section .cloud.type-1 {
		width: 60px;
		height: 10px;
		left: -5%;
		top: 22%;
	}

	#home .quick-register-section .cloud.type-2 {
		width: 48px;
		height: 15px;
		left: -8%;
		top: 26%;
	}

	#home .quick-register-section .cloud.type-3 {
		width: 130px;
		height: 15px;
		left: -2.5%;
		bottom: 4%;
	}

	#home .quick-register-section .cloud.type-4 {
		width: 50px;
		height: 10px;
		right: -8%;
		left: auto;
		top: 38%;
	}

	#home .quick-register-section .cloud.type-5 {
		width: 55px;
		height: 15px;
		right: -4%;
		top: 40.5%;
	}

	#home .quick-register-section .cloud.type-6 {
		width: 45px;
		height: 15px;
		right: -5%;
		bottom: 24%;
	}

	#home .quick-register-section .quick-register-form .input-section {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}

	#home .quick-register-section .quick-register-form .input-section .form-group {
		padding-right: 0;
	}

	#home .quick-register-section .quick-register-form .input-section .form-group input {
		border-radius: 5px;
		text-align: center;
		font-size: 12px;
		width: 80%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#home .quick-register-section .quick-register-form .input-section .form-group input:focus {
		box-shadow: 0px 1px 10px 0px #495057;
		border-color: #FF6C00;
	}

	#home .quick-register-section .quick-register-form .input-section .form-group button {
		width: 80%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#home .quick-register-section .quick-register-form .input-section .form-group label {
		font-size: 12px;
	}

	#home .testimoni-video {
		height: 250px !important;
	}

	#home #testimoni-customer-slider .media-card {
		padding-left: 30px;
		padding-right: 30px;
	}

	#home #testimoni-customer-slider .media-card .image-wrapper {
		margin-right: 0;
		margin-bottom: 10px;
	}

	#home #testimoni-customer-slider .media-card .image-wrapper img {
		width: 80px;
		border-radius: 50%;
		object-fit: contain;
		object-position: center;
		display: block;
		margin: auto;
	}

	#home #testimoni-customer-slider .media-card .content {
		text-align: center;
	}

	#home #testimoni-customer-slider .arrow {
		font-size: 70px;
		position: absolute;
		top: 30%;
		z-index: 100;
		cursor: pointer;
		color: #CBCBCB;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}

	#home #testimoni-customer-slider .arrow.prev {
		left: 10px;
	}

	#home #testimoni-customer-slider .arrow.next {
		right: 10px;
	}

	#home .quick-contact-form .input-section {
		width: 100% !important;
		margin-bottom: 10px;
		text-align: center;
	}

	#home .quick-contact-form .input-section .form-group {
		padding-right: 0;
	}

	#home .quick-contact-form .input-section .form-group input {
		border-radius: 5px;
		text-align: center;
		font-size: 12px;
		width: 80%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#home .quick-contact-form .input-section .form-group input:focus {
		box-shadow: 0 2px 10px -1px #495057;
		border-color: #FF6C00;
	}

	#home .quick-contact-form .input-section .form-group button {
		width: 80%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#home .quick-contact-form .input-section .form-group label {
		font-size: 12px;
	}

	#home .inline-form .form-error {
		position: relative;
		right: 0;
		left: 0;
	}

	#landing .banner-section {
		max-height: 400px;
	}

	#landing .banner-section #banner-slider {
		max-height: 380px;
	}

	#landing .banner-section #banner-slider #landing-promo-slider {
		max-height: 380px;
		margin-bottom: 0;
	}

	#landing .banner-section #banner-slider #landing-promo-slider .landing-promo-box .logo {
		margin-bottom: 15px;
	}

	#landing .banner-section #banner-slider #landing-promo-slider .landing-promo-box .title {
		font-size: 14px;
	}

	#landing .banner-section #banner-slider #landing-promo-slider .landing-promo-box .price {
		font-size: 22px;
	}

	#landing .banner-section #banner-slider #landing-promo-slider .landing-promo-box .code {
		font-size: 14px;
	}

	#landing .banner-section #banner-slider #landing-promo-slider .arrow {
		font-size: 50px;
	}

	#landing .default-title {
		font-size: 18px;
	}

	#landing .landing-form-wrapper {
		margin-top: 15px;
		padding-top: 15px;
	}

	#landing .landing-form-wrapper .landing-form-box .title {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		font-size: 16px;
	}

	#landing .landing-form-wrapper .landing-form-box .form-wrapper {
		padding: 15px 30px 10px 30px;
	}

	#landing .landing-form-wrapper .landing-form-box .form-wrapper input {
		text-align: left;
	}

	#landing .landing-form-wrapper .landing-form-box .form-footer {
		text-align: left;
	}

	#landing .checkbox-xs-center {
		text-align: center;
	}

	#landing .checkbox-xs-center label {
		position: relative;
	}

	#landing .checkbox-xs-center label:before {
		left: -30px;
	}

	#landing .checkbox-xs-center label:after {
		left: -30px;
	}

	#landing #mobile-section .panel-heading {
		/* border: 1px solid #F2F2F2; */
		padding: .75rem;
		position: relative;
		color: #333333;
	}

	#landing #mobile-section .panel-heading:after {
		content: "\f078";
		font-family: FontAwesome;
		position: absolute;
		top: 10px;
		right: 15px;
		font-size: 12px;
		color: #333333;
	}

	#landing #mobile-section .panel-heading.activated {
		color: #FF6C00;
	}

	#landing #mobile-section .panel-heading.activated:after {
		content: "\f077";
		color: #FF6C00;
	}

	#landing #mobile-section .panel-heading.activated.collapsed {
		color: #333333;
	}

	#landing #mobile-section .panel-heading.activated.collapsed:after {
		content: "\f078";
		color: #333333;
	}

	#landing #mobile-section .panel-heading p {
		margin-bottom: 0;
		font-family: "NunitoSemiBold", "Roboto", sans-serif;
		font-size: 12px;
		text-align: left;
	}

	#landing #mobile-section .panel-collapse {
		padding: .75rem;
	}

	#landing #mobile-section .panel-collapse .panel-body p {
		font-size: 12px !important;
		text-align: left !important;
	}

	#account-sidebar ul li a {
		font-size: 1.2em !important;
	}

	.auth-page .cloud.type-1 {
		width: 50px;
		height: 10px;
		left: 10%;
		top: 5%;
	}

	.auth-page .cloud.type-2 {
		width: 45px;
		height: 10px;
		right: -5%;
		top: 5%;
		left: auto;
	}

	.auth-page .cloud.type-3 {
		width: 50px;
		height: 14px;
		left: -8%;
		top: 28%;
	}

	.auth-page .cloud.type-4 {
		width: 45px;
		height: 12px;
		right: -7%;
		top: 47%;
	}

	.auth-page .cloud.type-5 {
		display: none;
	}

	.auth-page .cloud.type-6 {
		display: none;
	}

	.auth-page .title {
		font-size: 20px;
	}

	.auth-page .content {
		font-size: 12px;
	}

	.auth-page .auth-input .input-group-text {
		height: 40px;
	}

	.auth-page .auth-input label {
		font-size: 12px;
	}

	.auth-page .auth-input input {
		padding: 1.6rem .75rem;
		height: 15px;
		font-size: 12px;
	}

	.auth-page .remember-forgot-section #lupa-sandi-auth a {
		font-size: 12px;
	}

	.auth-page .auth-button {
		height: 40px;
		font-size: 12px;
	}

	.auth-page .button-link {
		font-size: 12px;
	}

	#content-informational-page {
		margin-bottom: 30px;
	}

	#content-informational-page .informational-content {
		border: none;
	}

	#content-informational-page .informational-content .title-informational {
		font-size: 20px;
	}

	#content-informational-page .informational-content .btn-karir {
		font-size: 14px;
	}

	#content-informational-page .informational-content .btn-kontak {
		font-size: 14px;
		height: 45px;
		padding: .375rem .75rem;
	}

	#content-informational-page .informational-content-2 .thesaurus-list.found {
		max-height: 420px;
	}

	

	#blog-header .navbar-brand .logo {
		width: 120px;
		margin-right: 15px;
	}

	#blog-header .navbar-brand h1 {
		font-size: 1.5em;
	}

	#blog-page #blog-slider .content-blog .blog-date {
		font-size: 14px;
	}

	#blog-page #blog-slider .content-blog .blog-title {
		font-size: 24px;
	}

	#blog-page #blog-slider .content-blog .blog-button button {
		height: 40px;
		font-size: 12px;
	}

	#blog-page #search-title {
		font-size: 18px;
	}

	#blog-page #search-title-left {
		font-size: 18px;
	}

	#blog-page #search-input .input-group input {
		font-size: 14px;
	}

	#blog-detail-page .detail-title p {
		font-size: 18px;
	}

	.blog-page-container .blog-informational .informational-title {
		font-size: 18px;
	}

	.blog-page-container .blog-informational .informational-link {
		font-size: 13px;
	}

	.blog-page-container .blog-informational .blog-informational-title a p {
		font-size: 14px;
	}

	#my-info {
		padding: 30px 15px 15px 15px;
		text-align: center;
	}

	#my-info #profile-name {
		font-size: 1.4em;
	}

	#my-info #profile-link-change-password {
		font-size: 1.2em;
	}

	#my-info .info-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#my-info .profile-informational {
		font-size: 1.1em;
		margin-right: 5px;
	}

	#my-info .profile-informational-content {
		font-size: 1.1em;
	}

	#my-account .button-content a button {
		width: 65%;
	}

	.image-name-file {
		width: 60%;
	}

	#referal-account #referal-code-container {
		width: 243px;
		height: 125px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#referal-account #referal-code-container img {
		width: 100%;
		height: 125px;
	}

	#referal-account #referal-code-container #referal-absolute {
		width: 243px;
		height: 125px;
	}

	.account-menu-box .content p {
		font-size: 1em;
	}

	.custom-box-list {
		padding: 30px 15px;
	}

	.custom-box-list .image-product {
		width: 100%;
	}

	.custom-box-list .content p {
		font-size: 1.2em;
	}

	.custom-box-list .title p {
		font-size: 1.2em;
	}

	.custom-box-list .footer-content {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.custom-box-list .current-status {
		padding: 1px 15px;
		min-width: 100px;
		font-size: 13px;
	}

	.account-menu-title h1 {
		font-size: 1.6em;
	}

	.account-menu-title .custom-h1 {
		font-size: 16px;
	}

	#message-account .message-list-header #image-container {
		width: 15%;
	}

	#search-page .title h1 {
		font-size: 14px;
	}

	#search-page .title h3 {
		font-size: 14px;
		display: inline-block;
	}

	#search-page .title i {
		font-size: 16px;
	}

	#search-page .title p {
		font-size: 13px;
	}

	#search-page .other-title h1 {
		font-size: 20px;
	}

	#search-page .other-big-content p {
		font-size: 15px;
	}

	#search-page #sorting-container select.other-type {
		border: 1px solid #ced4da;
		border-radius: 5px;
	}

	#search-page #sorting-container select.other-type:focus {
		border: 1px solid #FF6C00;
	}

	#search-page .bandingkan-container {
		width: 100%;
	}

	#search-page .bandingkan-container #bandingkan-header {
		margin-bottom: 0;
		border-radius: 0;
		float: left;
		width: 100%;
	}

	#search-page .bandingkan-container #bandingkan-header .compare-button {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#search-page .bandingkan-container #bandingkan-header .compare-button .count {
		position: absolute;
		border-radius: 50%;
		background-color: #29abe2;
		padding: 0 7px;
		color: #ffffff;
		top: -5px;
		left: 38%;
		border: 1px solid rgba(0, 0, 0, 0.125);
	}

	#search-page .bandingkan-container #bandingkan-header .compare-button .compare {
		width: 50%;
		float: left;
	}

	#search-page .bandingkan-container #bandingkan-header .compare-button .compare button {
		width: 95%;
		margin-right: 5%;
	}

	#search-page .bandingkan-container #bandingkan-header .compare-button .cancel {
		width: 50%;
		float: right;
	}

	#search-page .bandingkan-container #bandingkan-header .compare-button .cancel button {
		width: 95%;
		margin-left: 5%;
	}

	#search-page .bandingkan-container #bandingkan-header .compare-button .down {
		display: none;
	}

	#search-page #btn-pencarian button {
		width: 100%;
		font-size: 14px;
		max-width: 285px;
		display: block;
		margin: auto;
		height: 40px;
	}

	#search-page .benefit-list p {
		font-family: "MuliRegular", "Roboto", sans-serif;
		font-weight: 300;
	}

	#search-page .benefit-list #list-content li {
		margin-bottom: 5px;
	}

	#search-page .benefit-list #list-content li .check-icon {
		width: 18px;
		margin-right: 3px;
	}

	#search-page .benefit-list #list-content li span {
		font-size: 13px;
	}

	#search-page #column-price .title {
		font-size: 13px;
	}

	#search-page #column-price .price {
		font-size: 13px;
	}

	#search-page #column-price .price-text-content .title {
		font-size: 13px;
	}

	#search-page #column-price .price-text-content .price {
		font-size: 13px;
	}

	#search-page #column-price .price-text-content .buy-button {
		height: 30px;
	}

	#search-page #search-collapse .card .card-body {
		padding: 30px;
	}

	#search-page #search-collapse .card .card-body .custom-search .label-custom {
		margin-bottom: 5px;
	}

	#search-page #search-collapse .card .card-body .custom-search .select2-container--default .select2-selection--single {
		padding-top: 10px;
		border: 1px solid #FF6C00;
		border-radius: 5px;
	}

	#search-page #search-collapse .card .card-body .custom-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
		border-width: 6px 6px 0 6px;
	}

	#search-page #search-collapse .card .card-body .custom-input {
		border: 1px solid #FF6C00;
		border-radius: 5px;
		height: 43px;
	}

	#search-page #search-collapse .card .card-body .custom-date-search .custom-input {
		border-right: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	#search-page #search-collapse .card .card-body .custom-date-search .input-group-append {
		height: 43px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border: 1px solid #FF6C00;
		border-left: none;
	}

	#search-page #search-collapse .card .card-body #btn-search {
		width: 100%;
	}

	#search-page .filter-mobile-fixed {
		position: fixed;
		top: 0;
		right: -100%;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 600;
		display: block;
		overflow-y: scroll;
		background-color: #ffffff;
		transition: right 1s ease;
		-webkit-transition: right 1s ease;
		-moz-transition: right 1s ease;
		-o-transition: right 1s ease;
	}

	#search-page .filter-mobile-fixed.show {
		right: 0;
	}

	#search-page .header-filter-fixed {
		background: linear-gradient(to left, #ff6e02, #faae3a);
		padding: 15px 20px;
	}

	#search-page .header-filter-fixed .header-title p {
		margin-bottom: 0;
		font-family: "MuliBold", "Roboto", sans-serif;
		font-size: 14px;
		color: #ffffff;
	}

	#search-page .header-filter-fixed .header-times img {
		width: 25px;
		display: block;
		margin: auto 0 auto auto;
	}

	#search-page .custom-filter-version {
		border-top: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
	}

	#search-page .custom-filter-version .col-6:first-child {
		padding-top: 5px;
		padding-bottom: 5px;
		align-self: center;
	}

	#search-page .custom-filter-version .col-6:nth-child(2) {
		padding-top: 5px;
		padding-bottom: 5px;
		border-left: 1px solid #E6E6E6;
	}

	#search-page .custom-filter-version .col-6:nth-child(2) select {
		border: none;
		font-size: 14px;
		font-family: "MuliBold", "Roboto", sans-serif;
		box-shadow: none;
	}

	#search-page .custom-filter-version #filter-by-mobile #accordion-search {
		margin-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#search-page .custom-filter-version #filter-by-mobile #accordion-search .panel-default .accordion-header {
		background-color: #F2F2F2;
	}

	#search-page .custom-filter-version #filter-by-mobile #accordion-search .panel-collapse .panel-body {
		border: 1px solid #F2F2F2;
	}

	#search-page #absolute-submit-button {
		position: absolute;
		bottom: 15px;
		left: 0;
		right: 0;
	}

	#search-page #absolute-submit-button button {
		width: 70%;
		display: block;
		margin: auto;
		background-color: #FFDB29;
		color: #333333;
		font-family: "MuliBold", "Roboto", sans-serif;
		font-size: 14px;
		height: 40px;
	}

	#search-page .list-product-container {
		margin-right: -15px;
		margin-left: -15px;
	}

	#search-page .list-product-container #list-product {
		padding: 0.90rem;
	}

	#search-page .list-product-container #list-product .product-card .card-body {
		padding: 0.90rem;
	}

	#search-page .list-product-container #list-product .product-card .card-body .brand-image {
		padding-right: 0;
		margin-bottom: 0;
		align-self: center;
	}

	#search-page .list-product-container #list-product .product-card .card-body .brand-image img {
		width: 90%;
		height: 40px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .content p {
		margin-bottom: 5px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .rating li {
		font-size: 16px;
		letter-spacing: -2px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .info-link a {
		font-size: 13px;
		line-height: 120%;
		margin-bottom: 6px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .price-container .title p {
		font-size: 13px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .price-container .price .text-price {
		font-size: 14px;
		margin-right: 10px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .price-container .price .promo {
		font-size: 9px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .price-container .price .promo:before {
		border-right: 9px solid #D90109;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		left: -8px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .price-container .old-price .text-price {
		font-size: 13px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .cicilan ul {
		margin-bottom: 0;
	}

	#search-page .list-product-container #list-product .product-card .card-body .cicilan ul li {
		margin-bottom: 5px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .cicilan ul li .form-check {
		padding-left: 0;
	}

	#search-page .list-product-container #list-product .product-card .card-body .cicilan ul li .form-check .form-check-label label {
		font-size: 12px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .cicilan-price {
		align-self: flex-end;
	}

	#search-page .list-product-container #list-product .product-card .card-body .cicilan-price span {
		font-size: 13px;
		margin-bottom: 5px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .cicilan-price span b {
		font-size: 13px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .product-button-beli {
		text-align: center;
		margin-left: -15px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .product-button-beli .btn-beli {
		width: 80%;
	}

	#search-page .list-product-container #list-product .product-card .card-body .btn-other {
		width: 80%;
		display: block;
		margin: auto;
	}

	#search-page .list-product-container #list-product .product-card .card-body .accordion-info {
		margin-left: -45px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .accordion-info.accordion-other {
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}

	#search-page .list-product-container #list-product .product-card .card-body .accordion-info.accordion-other .panel-title:after {
		right: 15px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .accordion-info .accordion-custom .accordion-header .panel-title {
		font-size: 13px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .accordion-info .accordion-custom .panel-collapse {
		padding: 15px 10px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .accordion-info .accordion-custom .panel-collapse .content p {
		font-size: 13px;
	}

	#search-page .list-product-container #list-product .product-card .card-body .accordion-info .accordion-custom .panel-collapse .title p {
		font-size: 13px;
	}

	#search-page .list-product-container #list-product .product-card .brand-image-other img {
		width: 100%;
	}

	#search-page .list-product-container #list-product .custom-checkbox {
		left: 0.90rem;
		top: 0.90rem;
	}

	#search-page #not-found .card-body {
		background-position: bottom;
	}

	#search-page #not-found .card-body .not-found-content {
		min-height: 300px;
	}

	#search-page #not-found .card-body .not-found-content h3 {
		font-size: 30px;
	}

	#search-form #button-absolute {
		position: relative;
		top: 15px;
		left: 0;
		bottom: auto;
		margin-bottom: 15px;
	}

	#asurance-modal .group #customExpandLabel {
		left: 0;
	}

	#compare-page .search-page-title h1 {
		text-align: center;
		text-transform: uppercase;
		font-size: 14px;
	}

	#compare-page .search-back-mobile button {
		width: 100%;
		height: 40px;
		border-radius: 5px;
	}

	#compare-page .table-compare tr:last-child .custom-title-table {
		border: none;
	}

	#compare-page .table-compare td {
		padding: 15px;
	}

	#compare-page .table-compare .custom-title-table {
		position: relative;
		right: 0;
		height: auto;
		top: 0;
		border: none;
		font-size: 14px;
		margin-bottom: 8px;
		padding: 0;
	}

	#compare-page .table-compare .mobile-content p {
		font-size: 14px;
		text-align: left;
		font-family: "MuliRegular", "Roboto", sans-serif;
		font-weight: 300;
	}

	#compare-page .table-compare .big-content p {
		font-size: 14px;
		text-align: left;
		font-family: "MuliRegular", "Roboto", sans-serif;
		font-weight: 300;
	}

	#compare-page .table-compare .btn-compare {
		align-self: center;
	}

	#compare-page .table-compare .btn-compare button {
		padding: .375rem 3.5rem;
	}

	.custom-container-promo-list {
		right: 0 !important;
		left: auto !important;
	}

	#checkout-page .title-checkout span {
		font-size: 14px;
	}

	#checkout-page .padding-card-body {
		padding: 0.9rem;
	}

	#checkout-page .custom-input-daterange .content p {
		font-size: 12px;
	}

	#checkout-page .custom-input-daterange input {
		font-size: 12px;
	}

	#checkout-page .big-content p {
		font-size: 13px;
	}

	#checkout-page .content p {
		font-size: 13px;
	}

	#checkout-page .title p {
		font-size: 13px;
	}

	#checkout-page .credit-li li {
		min-width: 48px;
	}

	#checkout-page #service-price p {
		font-size: 13px;
	}

	#checkout-page #collapsePromo .info-promo {
		font-size: 13px;
	}

	#checkout-page #payment-section .column-1 .accordion-custom .accordion-header p {
		font-size: 13px;
	}

	#checkout-page #payment-section .column-1 .accordion-custom .accordion-header:after {
		font-size: 13px;
	}

	#checkout-page .radio-custom-container {
		font-size: 13px;
	}

	#checkout-page #section-promo-list {
		padding-left: 30px;
	}

	#checkout-page #section-promo-list img {
		margin-left: -30px;
		vertical-align: top;
		margin-top: 5px;
	}

	#checkout-page #info-polis .title p {
		font-size: 13px;
	}

	#checkout-page #info-polis .content p {
		font-size: 13px;
	}

	#checkout-page #info-polis .big-content p {
		font-size: 13px;
	}

	#checkout-page #info-polis .brand-image img {
		width: 90%;
		height: 40px;
	}

	#checkout-page #info-polis .rating {
		margin-bottom: 0;
	}

	#checkout-page #info-polis .rating li {
		font-size: 16px;
		letter-spacing: -2px;
	}

	#checkout-page #info-polis #info-2-column #info-2-border {
		border: none;
	}

	#checkout-page #info-polis #info-2-column #info-2-border .separator-custom-mobile {
		width: 120%;
		margin-left: -15px;
		margin-right: -15px;
		border-top: 1px solid rgba(0, 0, 0, 0.125);
	}

	#checkout-page #info-polis #info-2-column #info-2-border #second-column .price .promo {
		font-size: 9px;
	}

	#checkout-page #info-polis #info-2-column #info-2-border #second-column .price .promo::before {
		border-left: 6px solid #D90109;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		right: -6px;
	}

	#checkout-page #info-polis #info-2-column #info-2-border #second-column .price .text-price {
		font-size: 13px;
		margin-left: 10px;
	}

	#checkout-page #info-polis #info-2-column .total-price {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
	}

	#checkout-page #info-polis #info-2-column .total-price .text-total p {
		font-size: 13px !important;
	}

	#checkout-page #info-polis #info-2-column .total-price .price-total p {
		font-size: 13px !important;
	}

	#promo-modal #promo-modal-page .title p {
		font-size: 13px;
	}

	#promo-modal #promo-modal-page .promo-list .promo-title p {
		font-size: 13px !important;
	}

	#promo-modal #promo-modal-page .promo-list .promo-content p {
		font-size: 13px !important;
	}

	#promo-modal #promo-modal-page .promo-list .promo-date {
		padding-left: 30px !important;
	}

	#promo-modal #promo-modal-page .promo-list .promo-date img {
		margin-left: -30px !important;
		vertical-align: top;
		margin-top: 5px;
	}

	#promo-modal #promo-modal-page .promo-list .promo-date p {
		font-size: 13px !important;
	}

	#promo-modal #promo-modal-page .btn-terapkan-promo {
		font-size: 13px;
	}

	#promo-modal #promo-modal-page .btn-nanti {
		font-size: 13px;
	}

	#fleet-insurance-page #section-1 {
		padding: 15px 0 5px 0;
	}

	#fleet-insurance-page #section-1 h1 {
		font-size: 16px;
	}

	#fleet-insurance-page #section-1 p {
		font-size: 13px;
	}

	#fleet-insurance-page #section-2 #title p {
		font-size: 13px;
	}

	#other-form-page .medium-title p {
		font-size: 13px;
	}

	#other-form-page .btn-other-form {
		position: relative;
		bottom: 0;
		left: 0px;
		right: 0px;
		margin-top: 60px;
	}

	#thankyou-page .bigger-title p {
		font-size: 24px;
	}

	#thankyou-page .big-title p {
		font-size: 15px;
	}

	#thankyou-page .medium-title p {
		font-size: 13px;
	}

	#thankyou-page .title p {
		font-size: 13px;
	}

	#thankyou-page .content p {
		font-size: 13px;
	}

	#thankyou-page hr {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

	#thankyou-page #price-info img {
		width: 80%;
	}

	#thankyou-page #price-info .rekening-text p {
		font-size: 15px;
	}

	#thankyou-page #price-info .copy-link p {
		font-size: 13px;
	}

	#thankyou-page #count-down-timer p span {
		font-size: 14px;
	}

	#thankyou-page #count-down-timer p span.number {
		font-size: 28px;
	}

	#thankyou-page #method-payment .panel-body ol li {
		font-size: 13px;
	}

	#thankyou-page #button-dokumen button {
		padding: .375rem 2.5rem;
	}

	#thankyou-page #image-bank-header ul li {
		margin-right: 10px;
	}

	#thankyou-page #image-bank-header ul li img {
		width: 5.5rem;
	}

	#thankyou-page #thankyou-fleet .card-body {
		background-position: bottom;
	}

	#thankyou-page #thankyou-fleet .card-body .thankyou-fleet-content {
		min-height: 300px;
	}

	#thankyou-page #thankyou-fleet .card-body .thankyou-fleet-content h3 {
		font-size: 30px;
	}

	.benefit-row-content #info-product p {
		font-size: 1.2em;
	}

	.benefit-row-content .rating li {
		font-size: 1.2em;
	}

	.benefit-row-content .detail-product-container .detail-product-description {
		padding-left: 15px;
		padding-right: 15px;
	}

	.benefit-row-content .detail-product-container .detail-product-description.separator:not(:last-child) {
		padding-bottom: 15px;
	}

	.benefit-row-content .detail-product-container .detail-product-description.separator:not(:last-child)::after {
		content: " ";
		border-bottom: 1px solid #dedede;
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}

	#promo .default-section h4 {
		font-size: 14px;
	}

	#promo .default-section .promo-box .inline-icon {
		font-size: 14px;
	}

	#promo .default-section .promo-box .inline-icon .icon {
		width: 20px;
	}

	#promo .default-section .promo-box .inline-icon .time-icon {
		margin-left: -30px;
	}

	#promo .default-section .promo-box .btn {
		padding: 10px 15px;
	}

	#promo .promo-detail-content .title {
		font-size: 1.6rem;
	}

	#polis-detail-account .title-header {
		font-size: 1.2em;
		margin-right: 10px;
	}

	#polis-detail-account .rating li {
		font-size: 13px;
	}

	#polis-detail-account .card-box-custom {
		margin-left: -15px;
		margin-right: -15px;
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}

	#polis-detail-account .card-box-custom .card-header {
		border-left: 0;
		border-right: 0;
		padding-left: 20px;
		padding-right: 20px;
	}

	#polis-detail-account .card-box-custom .card-header #myTab .nav-item a {
		font-size: 1.2em;
	}

	#polis-detail-account .card-box-custom .content p {
		font-size: 1.2em;
	}

	#polis-detail-account .card-box-custom .title p {
		font-size: 1.2em;
	}

	#polis-detail-account #klaim-tab .btn {
		width: 50% !important;
	}

	#polis-detail-account #pembayaran-tab #button-pembayaran {
		width: 80%;
	}

	#claim-detail-account .title-header {
		font-size: 1.2em;
		margin-right: 10px;
	}

	#claim-detail-account .rating li {
		font-size: 13px;
	}

	#claim-detail-account .card-box-custom {
		margin-left: -15px;
		margin-right: -15px;
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}

	#claim-detail-account .card-box-custom .card-header {
		border-left: 0;
		border-right: 0;
		padding-left: 20px;
		padding-right: 20px;
	}

	#claim-detail-account .card-box-custom .card-header #myTab .nav-item a {
		font-size: 1.2em;
	}

	#claim-detail-account .card-box-custom .content p {
		font-size: 1.2em;
	}

	#claim-detail-account .card-box-custom .title p {
		font-size: 1.2em;
	}

	#claim-account #tambah-klaim button {
		padding: 8px 10px;
		font-size: 12px;
		height: unset;
	}

	#claim-account #tambah-klaim button img {
		width: 20px;
		height: 20px;
		margin-right: 8px;
	}

	#not-found #button-not-found button {
		max-width: 250px;
	}

	#create-claim-container .content {
		font-size: 12px !important;
	}

	#create-claim-container .content p {
		font-size: 12px !important;
	}

	#create-claim-container .title {
		font-size: 12px !important;
	}

	#create-claim-container .title p {
		font-size: 12px !important;
	}

	#create-claim-container .big-content p {
		font-size: 14px !important;
	}

	#create-claim-container .custom-material-design .input-group input {
		width: 88% !important;
	}

	#create-claim-container .custom-material-design input {
		width: 100% !important;
	}

	#create-claim-container .custom-material-design textarea {
		width: 100% !important;
	}

	#create-claim-container #claim-smart-wizard .step-anchor {
		border-radius: 0;
	}

	#create-claim-container #claim-smart-wizard .step-anchor .nav-item {
		display: none;
	}

	#create-claim-container #claim-smart-wizard .step-anchor .nav-item.active {
		width: 100% !important;
		display: block;
	}

	#create-claim-container #claim-smart-wizard .step-anchor .nav-item.active .nav-link {
		padding: 10px 15px !important;
		text-align: center;
		font-size: 13px !important;
	}

	#create-claim-container #claim-smart-wizard .custom-material-design .wizard-custom-select .select2-container {
		width: 100% !important;
	}

	#create-claim-container #claim-smart-wizard .btn-smart-next {
		padding: 8px 10px !important;
		height: unset !important;
		font-size: 12px !important;
	}

	#create-claim-container #claim-smart-wizard .btn-smart-previous {
		padding: 8px 10px !important;
		height: unset !important;
		font-size: 12px !important;
	}
}

/*# sourceMappingURL=style.css.map */