@import url(./category-boxes.css);
@import url(./dropdowns.css);
@import url(./menu--card-nav.css);
@import url(./nav--menu-list.css);
@import url(./header-shop.css);
@import url(./payment.css);
@import url(./chat--box.css);
@import url(./chat--content.css);
@import url(./faq.css);
@import url(./ulasan.css);
@import url(./ulasan-reply.css);
@import url(./shared--content.css);
@import url(./floating--chat.css);
@import url(./summary.css);
@import url(./negoisasi.css);
@import url(./product-ulasan.css);
@import url(./tracking--content.css);
@import url(./perbandingan.css);
@import url('./katalog-list.css');
@import url('./sidebar-in.css');
@import url('./product-item.css');
@import url('./loading.css');
@import url('./catalog-product-item.css');
@import url('./penyedia-item.css');
@import url('./batch-upload.css');
@import url('./product-single.css');
@import url('./filter-category-list.css');
@import url('./payment-methods.css');
@import url('./multiple--upload.css');
/*
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf');
}*/

/* font size => .fs-* */
 .fs-10 {font-size: 10px!important; } .fs-11 {font-size: 11px!important; } .fs-12 {font-size: 12px!important; } .fs-13 {font-size: 13px!important; } .fs-14 {font-size: 14px!important; } .fs-15 {font-size: 15px!important; } .fs-16 {font-size: 16px!important; } .fs-17 {font-size: 17px!important; } .fs-18 {font-size: 18px!important; } .fs-19 {font-size: 19px!important; } .fs-20 {font-size: 20px!important; } .fs-21 {font-size: 21px!important; } .fs-22 {font-size: 22px!important; } .fs-23 {font-size: 23px!important; } .fs-24 {font-size: 24px!important; } .fs-25 {font-size: 25px!important; } .fs-26 {font-size: 26px!important; } .fs-27 {font-size: 27px!important; } .fs-28 {font-size: 28px!important; } .fs-29 {font-size: 29px!important; } .fs-30 {font-size: 30px!important; } .fs-31 {font-size: 31px!important; } .fs-32 {font-size: 32px!important; } .fs-33 {font-size: 33px!important; } .fs-34 {font-size: 34px!important; } .fs-35 {font-size: 35px!important; } .fs-36 {font-size: 36px!important; } .fs-37 {font-size: 37px!important; } .fs-38 {font-size: 38px!important; } .fs-39 {font-size: 39px!important; } .fs-40 {font-size: 40px!important; } .fs-41 {font-size: 41px!important; } .fs-42 {font-size: 42px!important; } .fs-43 {font-size: 43px!important; } .fs-44 {font-size: 44px!important; } .fs-45 {font-size: 45px!important; } .fs-46 {font-size: 46px!important; } .fs-47 {font-size: 47px!important; } .fs-48 {font-size: 48px!important; } .fs-49 {font-size: 49px!important; } .fs-50 {font-size: 50px!important; }

/* font weight => .fw-* */
.fw-100 {font-weight: 100!important; } .fw-200 {font-weight: 200!important; } .fw-300 {font-weight: 300!important; } .fw-400 {font-weight: 400!important; } .fw-500 {font-weight: 500!important; } .fw-600 {font-weight: 600!important; } .fw-700 {font-weight: 700!important; } .fw-800 {font-weight: 800!important; } .fw-900 {font-weight: 900!important; } .fw-bold {font-weight: bold!important; } .fw-bolder {font-weight: bolder!important; } .fw-normal {font-weight: normal!important; } .fw-lighter {font-weight: lighter!important; }

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  position: relative; /* Penting agar elemen ::before bisa menempel */
}

body::before {
	/*font-family: 'Poppins', sans-serif;*/
	/* background: #fff !important; */
	content: "";
	/* background-image: url('https://images.wallpapersden.com/image/download/artistic-green-landscape-hd_bWxqZ22UmZqaraWkpJRmbmdlrWZmaGU.jpg'); */
	background-repeat: no-repeat;
	background-size: cover; /* Memastikan gambar menutupi seluruh layar */
	background-attachment: fixed; /* Gambar tetap diam saat di-scroll */
	background-position: center;
	opacity: 0.5;

	/* Membuat layer ini memenuhi seluruh layar */
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	/* Menaruh gambar di paling belakang (di bawah teks) */
	z-index: -1;
}

body.active {
	overflow: hidden;
}

.text-yellow {
	color: #ffff00;
}

.btn:not(:disabled):not(.disabled).active:focus, 
.btn:not(:disabled):not(.disabled):active:focus, 
.show>.btn.dropdown-toggle:focus {
	box-shadow: none !important;
}

.card--highlight {
	border: 0 !important;
	border-left: 2px solid #009CFF !important;
}

.card--highlight .title {
	font-size: 23px;
	font-weight: 500;
	margin-bottom: 0;
}

.pac-container {
	z-index: 2000;
}

.px-theme {
	margin: 0 65px;
    padding: 18px 12px;
}

.btn-wishlist-nav.active {
	color: var(--danger) !important;
}

.pac-input {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid transparent;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    height: calc(1.5em + .75rem + 2px);
    outline: none;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 50%;
    top: 10px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #AFAFAF  !important;
}

.input-group-text {
    border: 1px solid #AFAFAF  !important;
}

.document-upload {
	box-shadow: inset 0 0 5px rgba(0,0,0,.15);
}

.document-upload.active {
	box-shadow: none;
}

.pac-input:focus {
	border-color: #4d90fe;
}

.gm-style .gm-style-iw-c {
	box-shadow: 0 0 5px rgba(0,0,0,.15) !important;
}

.form-control {
    border: 1px solid #AFAFAF  !important;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  
  100% {
    background-position: 468px 0; 
  }
}

._c287e {
	-webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    background: #f6f7f9;
    background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}

.main-wrapper {
	width: 100%;
	height: 100%;
}

/* #B5BBC5 */

.quantity-input {
	display: inline-flex;
}

.quantity-input * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.quantity-input input {
	border: none;
	border-bottom: 1px solid #B5BBC5;
	outline: none;
	text-align: center;
	min-width: 48px;
}

.quantity-input .qty-btn {
	-webkit-appearance: none;
	padding: 0;
	width: 30px;
	cursor: pointer;
}

.quantity-input .qty-btn.qty-min {
	background: url(../images/qty-icon/icon-min-active.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 25px;
	     -o-background-size: 25px;
	        background-size: 25px;
}

.quantity-input .qty-btn.qty-plus {
	background: url(../images/qty-icon/icon-plus-active.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 25px;
	     -o-background-size: 25px;
	        background-size: 25px;
}


.quantity-input .qty-btn.qty-min.disabled {
	background: url(../images/qty-icon/icon-min-inactive.png);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	-webkit-background-size: 25px;
	     -o-background-size: 25px;
	        background-size: 25px;
}

.quantity-input .qty-btn.qty-plus.disabled {
	background: url(../images/qty-icon/icon-plus-inactive.png);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	-webkit-background-size: 25px;
	     -o-background-size: 25px;
	        background-size: 25px;
}

.nav-tabs .nav-link {
	font-size: 15px;
	padding: 20px;
	color: #9e9e9e;
}

.nav-tabs .nav-link .icon {
	font-size: 18px;
	padding: 5px;
}

.nav-tabs .nav-link:hover {
	border: 1px solid #fff;
	color: #9e9e9e;
}

.nav-tabs .nav-link.active {
	border: none;
	border-bottom: 3px solid #02055b;
	color: #02055b;
}

.curs-p {
	cursor: pointer;
}

.text-dominan {
	color: #02055b;
}

input.form-control:focus,textarea.form-control:focus {
	outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

input:focus {
	border-color: #02055b;
}

input:disabled,button:disabled,textarea:disabled {
	cursor: not-allowed !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

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

header.navbar {
	padding: 0;
	z-index: 1000;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	-webkit-box-shadow: 0 1px 2px #AFAFAF;
	        box-shadow: 0 1px 2px #AFAFAF;
}

.text-link {
	text-decoration: none !important;
	display: inline-block;
}

.text-elipsis {
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	    text-overflow: ellipsis;
	overflow: hidden;
}

.text-white-lightern-3 {
	color: white;
}

ul {
	list-style: none;
}

a {
	display: inline-block;
	text-decoration: none;
}

a:hover {
	text-decoration: none !important;
}

.slick-slide:focus {
	outline: none;
}

.btn-facebook {
  background: #4267B2;
  color: #fff;
}

.btn-facebook:hover {
  background: #3B5894;
  color: #fff;
}

.btn-google {
  background: #DD4B39;
  color: #fff;
}

.btn-google:hover {
  background: #C13F2F;
  color: #fff;
}

/* Subheader */

.sub-header {
	display: block;
	height: 32px;
	width: 100%;
	border-bottom: .5px solid #C9C9C9;
	font-size: 12px;
}

.sub-header .sub-header-inner {
	padding: 0 39px;
}

.sub-header .sub-header-inner a {
	line-height: 32px;
	text-decoration: none;
	color: white;
}

.sub-header .sub-header-left {
	display: inline-block;
	float: left;
}

.sub-header .sub-header-right {
	display: inline-block;
	float: right;
}

.sub-header .sub-header-right a{
	margin-left: 18px;
}

.sub-header a:hover {
	color: white;
}

/* navbar */

header.navbar{
	/*background: rgb(129,4,196);
	background: -webkit-linear-gradient(left, rgba(129,4,196,1) 0%, rgba(230,9,232,1) 32%, rgba(235,236,0,1) 100%);
	background: -o-linear-gradient(left, rgba(129,4,196,1) 0%, rgba(230,9,232,1) 32%, rgba(235,236,0,1) 100%);
	background: linear-gradient(to right, rgba(129,4,196,1) 0%, rgba(230,9,232,1) 32%, rgba(235,236,0,1) 100%);*/
	background: #02055b;
}

.navbar-inner {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.navbar-inner .column:first-child {
	width: 20%;
	padding: 0px 10px 0px 15px;
}

.navbar-inner .column:first-child .navbar-toggle {
	margin-right: 15px;
	display: none;
	line-height: 70px;
	font-size: 30px;
	padding-left: 0px;
}

.navbar-inner .column:last-child .navbar-search-toggle {
	display: none;
	line-height: 52px;
}


.navbar-inner .column:first-child .navbar-toggle:hover {
	color: #B5BBC5;
}

.navbar-inner .column:last-child .navbar-search-toggle:hover {
	color: #B5BBC5;
}

.navbar-inner .column:nth-child(2) {
	width: 55%;
	padding: 0px 10px 0px 10px;
	position: relative;
}


.navbar-inner .column:last-child {
	text-align: right;
	width: 25%;
	padding: 0px 0px 0px 10px;
	display: flex;
    align-items: center;
    justify-content: flex-end;
}

.navbar-inner .column:nth-child(2)._363be {
	width: 52%;
}

.navbar-inner .column:last-child._363be {
	width: 28%;
}

.navbar-inner .column:first-child .navbar-brand {
	padding: 8px 0;
}

.navbar-inner .column:first-child .navbar-brand img {
	width: 120px;
	height: 100%;
}

.navbar-inner .column:nth-child(2) .navbar-search {
	width: auto;
	padding: 8px 0;
	position: relative;
}

.navbar-inner .column:nth-child(2) .result-keyword {
	width: 763px;
	min-height: 120px;
	position: absolute;
	top: 75px;
	left: 21.7%;
	background: #fff;
	display: none;
	-webkit-border-radius: 0 0 8px 8px;
	        border-radius: 0 0 8px 8px;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .list-recent .list-group-item {
	border: none;
	text-decoration: none;
	color: #606060;
	padding: 10px;
	position: relative;
	margin-bottom: 4px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .list-recent .list-group-item .close-icon {
	position: absolute;
	right: 2%;
	top: 0;
	line-height: 44px;
	display: none;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .list-recent .list-group-item:hover {
	background: #f5f5f5;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .list-recent .list-group-item:hover .close-icon {
	display: block;
}

/* autocomplete */

.navbar-inner .column:nth-child(2) .navbar-search-back {
	display: none;
}

.navbar-inner .column:nth-child(2) .result-autocomplete {
	width: 100%;
	height: auto;
	position: absolute;
	top: 3em;
	left: 0;
	background: #fff;
	display: none;
	overflow: hidden;
	-webkit-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
}


.navbar-inner .search--result-content {
	display: flex;
	width: 100%;
	-webkit-align-items: center;
	        align-items: center;
}


.navbar-inner .search--result-content .search--result-logo{
	width: 42px;
	height: 42px;
	-webkit-border-radius: 100%;
	        border-radius: 100%;
	overflow: hidden;
}

.navbar-inner .search--result-content .search--result-logo img {
	width: 100%;
}

.navbar-inner .search--result-content .search--result-details {
	width: auto;
	padding-left: 10px;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .ui-autocomplete {
	width: 100% !important;
	max-height: 450px;
	-ms-overflow-y: auto;
	    overflow-y: auto;
    -ms-overflow-x: hidden;
        overflow-x: hidden;
	position: relative;
	background: #fff !important;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	padding: 10px 15px 15px 15px;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
	background-clip: padding-box;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .ui-autocomplete::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: #F5F5F5;
	margin-top: 8px;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .ui-autocomplete::-webkit-scrollbar {
	width: 8px;
	background-color: #F5F5F5;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .ui-autocomplete::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: #909090;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .ui-autocomplete > li > a.ui-menu-item-wrapper.ui-corner-all {
	display: block;
	padding: 10px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #909090;
	padding: 10px;
	position: relative;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	white-space: nowrap;
	text-decoration: none;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .ui-autocomplete > li strong {
	color: rgba(0,0,0,.7);
}

.navbar-inner .column:nth-child(2) .result-autocomplete .ui-autocomplete > li:hover a.ui-menu-item-wrapper.ui-corner-all {
	background: #f5f5f5;
	border: 1px solid #fff;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.navbar-inner .column:nth-child(2) .result-autocomplete .ui-autocomplete-category {
	margin: 10px 0;
	color: #606060;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 800;
	line-height: 20px;

}


/* end */

.navbar-inner .column:nth-child(2) .navbar-search input.form-control {
	font-size: 14px;
}

.navbar-inner .column:nth-child(2) .navbar-search button {
	font-size: 14px;
}

.navbar-inner .column:last-child hr.divider {
	transform: rotate(90deg);
	width: 30px;
	display: inline-block;
	margin: 3px 0;
	padding: 0;
}

.navbar-inner .column:first-child .btn.btn-category {
	width: auto;
	height: auto;
	padding: 6px;
	margin-left: 20px;
	font-size: 13px;
	font-weight: 400;
	color: white;
}

.navbar-inner .column:first-child .dropdown_category.hovered .btn-category {
	background: rgba(221,221,221,.5);
	color: #02055b;
}

.navbar-inner .column:last-child .btn.btn-cart {
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #9FA6B0;
	padding: 2px;
	position: relative;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}

.navbar-inner .column:last-child .x-right {
	width: 120px;
	text-align: left;
}

.navbar-inner .column:last-child .dropdown_cart {
	padding: 10px 0;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

.navbar-inner .column:last-child .btn-register-inner {
	padding: 8px 0;
	display: inline-block;
}

.navbar-inner .column:last-child .btn-login-inner {
	padding: 8px 0;
	display: inline-block;
}

.navbar-inner .column:last-child .dropdown_store {
	padding: 8px 0;
	display: inline-block;
	position: relative;
}

.navbar-inner .column:last-child .dropdown_store .btn-store img {
	display: inline-block;
	width: 20px;
	height: 20px;
	max-height: 100%;
	margin-right: 8px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.navbar-inner .column:last-child .dropdown_store:hover .btn-store {
	background: rgba(221,221,221,.5);
	color: #02055b;
}

.navbar-inner .column:last-child .dropdown_store:hover .store_sw {
	display: block;
}

.navbar-inner .column:last-child .store_sw {
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
	padding: 0;
	overflow: hidden;
	border: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
	-webkit-border-radius: 0 0 8px 8px;
	        border-radius: 0 0 8px 8px;
}

.navbar-inner .column:last-child .store_sw .store-inner {
	position: relative;
	width: 214px;
	padding: 20px;
}

.navbar-inner .column:last-child .dropdown_store .have-store {
	position: relative;
	width: 414px;
	padding: 16px 15px 24px 15px;
}

.navbar-inner .column:last-child .dropdown_store .have-store .navbar-store-detail {
	margin: 0 8px 20px;
	padding: 8px 12px;
}

.navbar-inner .column:last-child .dropdown_store .have-store .navbar-store-detail img {
	margin-right: 8px;
	height: 44px;
	width: 44px;
}

.navbar-inner .column:last-child .dropdown_store .have-store .navbar-store-detail .store-detail {
	width: 100%;
}

.navbar-inner .column:last-child .dropdown_account {
	padding: 8px 0;
	display: inline-block;
	position: relative;
}

.navbar-inner .column:last-child .dropdown_account .btn-account img {
	display: inline-block;
	width: 20px;
	height: 20px;
	max-height: 100%;
	margin-right: 8px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.navbar-inner .column:last-child .dropdown_account:hover .btn-account {
	background: rgba(221,221,221,.5);
	color: white;
}

.navbar-inner .column:last-child .dropdown_account:hover .account_sw {
	display: block;
}

.navbar-inner .column:last-child .account_sw {
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
	padding: 0;
	overflow: hidden;
	border: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
	-webkit-border-radius: 0 0 8px 8px;
	        border-radius: 0 0 8px 8px;
}

.navbar-inner .column:last-child .account_sw .account-inner {
	position: relative;
	width: 414px;
	padding: 16px 15px 24px 15px;
}

.navbar-inner .column:last-child .account_sw .account-inner .navbar-account-profile {
	margin: 0 8px 20px;
	padding: 8px 12px;
}

.navbar-inner .column:last-child .account_sw .account-inner .navbar-account-profile img {
	margin-right: 8px;
	height: 44px;
	width: 44px;
}

.navbar-inner .column:last-child .account_sw .account-inner .navbar-account-profile .profile-detail {
	width: 100%;
}

/* lastchild */

.navbar-inner .column:last-child .btn.btn-cart .count.badge {
	position: absolute;
	top: -2px;
	right: -2px;
	background: #02055b;
	width: 18px;
	height: 18px;
	line-height: 10px;
	font-size: 10px;
	color: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.navbar-inner .column:last-child .dropdown_cart.hovered .btn-cart {
	background: rgba(221,221,221,.5);
	color: #02055b;
}

.navbar-inner .column:last-child .btn.btn-login {
	color: white;
	font-weight: 500;
	margin-right: 2%;
	font-size: 13px;
}


.navbar-inner .column:last-child .btn.btn-login:hover {
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: white;
}

.navbar-inner .column:last-child .btn.btn-register {
	padding: 5px 16px;
	border: 1px solid white;
	color: white;
	font-size: 13px;
}

.navbar-inner .column:last-child .btn.btn-register:focus,.btn.btn-register:hover {
	color: #02055b;
}


.backdrop-nav {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	background: rgba(0,0,0,.6);
	display: none;
	z-index: 9;
	-webkit-animation: fadeIn .5s;
	   -moz-animation: fadeIn .5s;
	     -o-animation: fadeIn .5s;
	        animation: fadeIn .5s;
}

.backdrop-nav.active {
	display: block;
}

.backdrop-nav.is-active {
	display: block;
}

/* backdrop content */


/* cart */

.navbar-inner .column:last-child .dropdown_cart:hover .cart_sw {
	display: block;
}

.navbar-inner .column:last-child .cart_sw {
	position: absolute;
	top: 100%;
	right: -20px;
	display: none;
	/* width: 180px;
	height: 250px; */
	padding: 0;
	overflow: hidden;
	border: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
	-webkit-border-radius: 0 0 8px 8px;
	        border-radius: 0 0 8px 8px;
	-webkit-animation: fadeIn .5s;
	   -moz-animation: fadeIn .5s;
	     -o-animation: fadeIn .5s;
	        animation: fadeIn .5s;
}

.navbar-inner .column:last-child .cart_sw .cart_empty-inner {
	position: relative;
	width: 180px;
	height: 250px;
}

.navbar-inner .column:last-child .cart_sw.active {
	display: block;
}

.navbar-inner .column:last-child .cart_sw .cart_empty-inner img {
	width: 180px;
	height: auto;
	margin-top: 120px;
}

.navbar-inner .column:last-child .cart_sw .cart_empty {
	position: absolute;
	width: 180px;
	height: 250px;
	padding: 15px;
}

.navbar-inner .column:last-child .cart_sw .cart_empty p.title,p.sub-title{
	text-align: left;
}

.navbar-inner .column:last-child .cart_sw .cart_empty p.title {
	color: #343a40;
	font-size: 14px;
	font-weight: 600;
}

.navbar-inner .column:last-child .cart_sw .cart_empty p.sub-title {
	color: #6c757d;
	font-size: 12px;
}

.navbar-inner .column:last-child .cart_sw .cart_empty .btn-cart-content {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 80px;
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner {
	width: 400px;
	max-height: 400px;
	position: relative;
}


.navbar-inner .column:last-child .cart_sw .cart-fill-inner .cart-list {
	max-height: 368px;
	-ms-overflow-y: auto;
	    overflow-y: auto;
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner .cart-list .cart-list-item {
	height: 60px;
	margin: 0 15px;
	margin-bottom: 5px;
	padding: 5px 10px;
	border-bottom: 1px solid #e0e0e0;
	display: block;
	text-decoration: none;
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner .cart-list .cart-list-item:hover .title span {
	color: #02055b;
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner .cart-list .cart-list-item:last-child {
	border: none;
	margin-bottom: 50px;
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner .cart-list .cart-list-item img {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	float: left;
	margin-right: 8px;
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner .cart-list .cart-list-item .title {
	width: 200px;
	height: 40px;
	line-height: 20px;
	font-size: 12px;
	color: rgba(0,0,0,.7);
	float: left;
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner .cart-list .cart-list-item .title span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner .cart-list .cart-list-item .pull-right .price {
	text-align: right;
	font-size: 12px;
	color: #ff5722;
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner .cart-list .cart-list-item .pull-right .count {
	text-align: right;
	font-size: 12px;
	color: rgba(0,0,0,.7);
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner .see-all {
	position: absolute;
	height: 48px;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	text-align: left;
	-webkit-box-shadow: 0 -2px 4px 0 rgba(0,0,0,.12);
	        box-shadow: 0 -2px 4px 0 rgba(0,0,0,.12);
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner .see-all span {
	font-size: 12px;
	margin-left: 10px;
	color: rgba(0,0,0,.7);
	text-align: left;
	line-height: 48px;
}

.navbar-inner .column:last-child .cart_sw .cart-fill-inner .see-all a {
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	float: right;
	text-align: right;
	color: #42b549;
	margin-right: 10px;
	line-height: 48px;
}

/* sidebar */

.sidebar {
	-webkit-border-radius: 0 50% 50% 0;
	        border-radius: 0 50% 50% 0;
	position: fixed;
	top: 0;
	left: -100%;
	height: 100%;
	width: calc(100% - 70px);
	background: #fff;
	z-index: 1050;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: left .4s, border-radius 1.5s;
	   -moz-transition: left .4s, border-radius 1.5s;
	    -ms-transition: left .4s, border-radius 1.5s;
	     -o-transition: left .4s, border-radius 1.5s;
	        transition: left .4s, border-radius 1.5s;
}

.sidebar .sidebar-inner {
	width: 100%;
	height: 100%;
	position: relative;
}

.sidebar .sidebar-inner .sidebar-header {
	width: 100%;
	height: 80px;
	background: #02055b;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 15px 10px 15px 15px;
}

.sidebar .sidebar-inner .sidebar-header .column:first-child {
	width: 80%;
}

.sidebar .sidebar-inner .sidebar-header .column:first-child img {
	width: 130px;
}

.sidebar .sidebar-inner .sidebar-header .column:last-child {
	width: 20%;
}

.sidebar .sidebar-inner .sidebar-header .column:last-child button {
	padding: 0;
	padding-right: 5px;
}

.sidebar .sidebar-inner .sidebar-content {
	padding-top: 100px;
	width: 100%;
	height: 100%;
	padding-left: 15px;
	-ms-overflow-x: hidden;
	    overflow-x: hidden;
	-ms-overflow-y: auto;
	    overflow-y: auto;
}

.sidebar .sidebar-inner .sidebar-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px solid #e0e0e0;
	background: #FFF;
	width: 100%;
	height: 50px;
	text-align: center;
	z-index: 2;
}

.sidebar .sidebar-inner .sidebar-footer a {
	line-height: 40px;
	margin: auto 0;
}

.sidebar.is-active.is-off {
	left: -100%;
	-webkit-border-radius: 0 50% 50% 0;
	        border-radius: 0 50% 50% 0;
	-webkit-transition: left 1.5s, border-radius .4s;
	   -moz-transition: left 1.5s, border-radius .4s;
	    -ms-transition: left 1.5s, border-radius .4s;
	     -o-transition: left 1.5s, border-radius .4s;
	        transition: left 1.5s, border-radius .4s;
}

.sidebar.is-active {
	left: 0;
	opacity: 1;
	-webkit-border-radius: 0 3px 3px 0;
	        border-radius: 0 3px 3px 0;
}

/* seller-content-right */

.content-right {
	width: calc(100% - 270px);
	margin-left: auto;
	padding: 0 20px;
}

.content-right.expanded {
	width: calc(100% - 61px);
}

/* content */

.content-wrapper {
	width: 100%;
	/*margin-top: 10%;*/
	/*margin-top: 140px;*/
	margin-top: 120px;
}

.content-wrapper.ps_active {
	padding-bottom: 89px;
}

section {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

/* slider */

section.slider {
	margin-bottom: 40px;
	position: relative;
}

section.slider .slider-inner {
	width: 100%;
	height: 293px;
	overflow: hidden;
	padding: 0 15px;
}

.slick-arrow {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: #fff !important;
	color: var(--dark) !important;
	box-shadow: 2px 2px 5px rgba(0,0,0,.15);
}

.slick-prev::before {
	content: "\f104" !important;
}

.slick-next::before {
	content: "\f105" !important;
}

/* Arrows */

.slick-prev::before,
.slick-next::before
{
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
    opacity: 1;
    color: var(--dark) !important;
    font-size: 24px;
}

.slick-arrow.slick-disabled {
	opacity: 0 !important;
}

section.slider .slider-inner .slick-dots
{
    bottom: 10px;
}

section.slider .slider-inner .slick-dots li button::before
{
    color: white;
}
section.slider .slider-inner .slick-dots li.slick-active button::before
{
    color: white;
}

section.slider .slider-inner .slick-slider a.slick-slide {
	display: inline-block;
	position: relative;
	width: 880px;
	height: 293px;
	padding: 20px 40px;
	text-align: center;
}

section.slider .slider-inner .slick-slider img{
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	width: 100%;
	height: 100%;
}

section.slider .slider-inner .slick-slide.slick-active {
	padding: 0 !important;
	-webkit-transition: .8s;
	   -moz-transition: .8s;
	    -ms-transition: .8s;
	     -o-transition: .8s;
	        transition: .8s;

}

section.slider .slider-inner .slick-slider .slick-prev {
	left: -15px;
	opacity: 1;
	z-index: 1;
    -webkit-transition: .8s;
       -moz-transition: .8s;
        -ms-transition: .8s;
         -o-transition: .8s;
            transition: .8s;
}

section.slider .slider-inner .slick-slider .slick-next {
	right: -15px;
	opacity: 1;
	z-index: 1;
    -webkit-transition: .8s;
       -moz-transition: .8s;
        -ms-transition: .8s;
         -o-transition: .8s;
            transition: .8s;
}

/*section.slider .slider-inner .slick-slider:hover .slick-prev {
	left: 20px;
	opacity: 1;
	z-index: 1;
}

section.slider .slider-inner .slick-slider:hover .slick-next {
	right: 30px;
	opacity: 1;
	z-index: 1;
}*/

/* flash-sale */

section.flash-sale {
	background-color: #02055b;
}

section.flash-sale .flash-sale-inner {
	margin: 0 65px;
	padding: 18px 12px;
	width: auto;
	height: 100%;
}

section.flash-sale .flash-sale-inner span.title {
	font-size: 22px;
	color: #fff;
	font-weight: 500;
}

section.flash-sale .flash-sale-inner span.badge {
	margin-left: 40px;
	padding: 5px;
}

section.flash-sale .flash-sale-inner .flash-sale-content {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
}

/* arrow */

section.flash-sale .flash-sale-inner .slick-prev,
section.flash-sale .flash-sale-inner .slick-next
{
    z-index: 1;
    
}

/*section.flash-sale .flash-sale-inner .slick-prev::before,
section.flash-sale .flash-sale-inner .slick-next::before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: 1;
    color: rgba(52,58,64,.8);
}*/

section.flash-sale .flash-sale-inner .slick-slider .slick-arrow:hover::before {
	color: #000;
}

section.flash-sale .flash-sale-inner .slick-slider .slick-arrow.slick-disabled::before {
	display: none;
}

section.flash-sale .flash-sale-inner .slick-slider .slick-prev {
	left: -15px;
}

section.flash-sale .flash-sale-inner .slick-slider .slick-next {
	right: -10px;
}

a.flash-item {
	width: 198px;
	height: auto;
	border: none;
	margin-right: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	display: inline-block; 
	text-decoration: none;
	overflow: hidden;
}

a.flash-item:hover {
	-webkit-transition: box-shadow .3s;
	   -moz-transition: box-shadow .3s;
	    -ms-transition: box-shadow .3s;
	     -o-transition: box-shadow .3s; 
	        transition: box-shadow .3s;
	-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	/*-ms-transform: translate(0,-5px);
    -webkit-transform: translate(0,-5px);
    transform: translate(0,-5px);*/
}

a.flash-item .head {
	padding: 0;
	width: 100%;
	height: 198px;
	overflow: hidden;
	background: transparent;
	border: none;
}

a.flash-item .head img {
	width: 100%;
	height: auto;
	max-height: 100%;
}

a.flash-item .head span.label-discount {
	background: #dc3545;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 25px;
	font-size: 11px;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	-webkit-box-shadow: 1px 2px 3px #343a40;
	        box-shadow: 1px 2px 3px #343a40;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

a.flash-item .body {
	padding: 12px;
	border: none;
}

a.flash-item .body .small {
	height: auto;
	color: #343a40;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

a.flash-item .body .price-flash-sale {
	margin-bottom: 15px;
}

a.flash-item .body .price-flash-sale .price-original {
	font-size: 12px;
	text-decoration: line-through;
	color: rgb(135,135,135);
}

a.flash-item .body .price-flash-sale .price-reduced {
	font-size: 14px;
	font-weight: 700;
	color: #dc3545;
}

a.flash-item .body span.stock_sw {
	font-size: 10px;
	color: #343a40;
}

a.flash-item .body .item-stock {
	height: 6px;
}


a.flash-item:hover .dtl-product {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
/* promo */

section.promo .promo-inner {
	margin: 0 65px;
	width: auto;
	height: 100%;
}

section.promo .promo-inner .title {
	font-size: 22px;
	color: #02055b;
	font-weight: 500;
	margin-left: 10px;
	margin-bottom: 20px;
	display: block;
}

section.promo .promo-inner .promo-content {
	width: 100%;
	margin: 0px 10px;
}

section.promo .promo-inner .promo-content a.item-promo-inner {
	text-decoration: none;
	display: inline-block;
	width: 190px;
	height: auto;
	margin-bottom: 15px;
	margin-right: 10px;
}

section.promo .promo-inner .promo-content a.item-promo-inner:nth-child(6n + 6) {
	margin-right: 0;
}

section.promo .promo-inner .promo-content a.item-promo-inner .item-promo {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

section.promo .promo-inner .promo-content a.item-promo-inner .item-promo img {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

section.promo .promo-inner .promo-content a.item-promo-inner .item-promo span.end-product {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	line-height: 22px;
	width: 50%;
	min-width: 50%;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #dc3545;
	-webkit-border-radius: 4px 0 18px 0;
	        border-radius: 4px 0 18px 0;
}

section.promo .promo-inner .promo-content a.item-promo-inner .category-promo {
	font-size: 14px;
	color: #343a40;
	text-align: left;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Brand */


section.brand .brand-inner {
	margin: 0 65px;
	/*padding: 0 10px;*/
	width: auto;
	height: 100%;
}

section.brand .brand-inner .category--title-sticky {
	display: none;
}

section.brand .brand-inner .brand-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 307px;
	border: 1px solid #eee;
	background: #fff;
	-webkit-border-radius: 12px 0 0 12px;
	        border-radius: 12px 0 0 12px;
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
}

/* arrow */

section.brand .brand-inner .slick-prev,
section.brand .brand-inner .slick-next
{
    z-index: 1;
    
}


section.brand .brand-inner .slick-prev::before,
section.brand .brand-inner .slick-next::before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    -webkit-border-radius: auto;
            border-radius: auto;
    opacity: 1;
    color: rgba(52,58,64,.8);
}

section.brand .brand-inner .slick-slider .slick-arrow:hover::before {
	color: #000;
}

section.brand .brand-inner .slick-dots
{
    bottom: 10px;
}

section.brand .brand-inner .slick-slider .slick-arrow.slick-disabled::before {
	display: none;
}

section.brand .brand-inner .slick-slider .slick-prev {
	left: 10px;
}

section.brand .brand-inner .slick-slider .slick-next {
	right: 20px;
}

section.brand .brand-inner .brand-content .column:first-child {
	/*width: 10%;*/
	width: 240px;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	background: white;
	-webkit-border-radius: 8px 0 0 8px;
	        border-radius: 8px 0 0 8px;
}

section.brand .brand-inner .brand-content .column:first-child img {
	width: 100%;
	height: 100%;
}

section.brand .brand-inner .brand-content .column:first-child button {
	position: absolute;
	top: 50%;
	left: 16%;
	right: 16%;
	font-size: 14px;
}

section.brand .brand-inner .brand-content .column:last-child {
	width: 80%;
	height: 100%;
	padding-left: 10px;
}

section.brand .brand-inner .brand-content .column:last-child a.brand-item {
	width: 150px;
	height: 300px;
	position: relative;
	border-right: 1px solid #eee;
	-webkit-border-radius: none !important;
	        border-radius: none !important;
	text-decoration: none;
}

section.brand .brand-inner .brand-content .column:last-child a.brand-item:hover {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
	        box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}

section.brand .brand-inner .brand-content .column:last-child .brand-item .label-promo {
	background: rgba(255,86,106,.85);
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	text-align: center;
	z-index: 1;
	padding: 4px 4px 6px 8px;
	font-size: 12px;
	-webkit-border-radius: 0 0 0 12px;
	        border-radius: 0 0 0 12px;
}

section.brand .brand-inner .brand-content .column:last-child .brand-item .brand-card_head {
	width: 100px;
	height: 100px;
	overflow: hidden;
	background: #fff;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
	        box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
	position: absolute;
	top: 40%;
	left: 17%;
	z-index: 1;
	-webkit-transform: translateX(-50%,-50%);
	   -moz-transform: translateX(-50%,-50%);
	    -ms-transform: translateX(-50%,-50%);
	     -o-transform: translateX(-50%,-50%);
	        transform: translateX(-50%,-50%);
}

section.brand .brand-inner .brand-content .column:last-child .brand-item .brand-card_head .brand-logo {
	width: 100%;
	height: auto;
}

section.brand .brand-inner .brand-content .column:last-child .brand-item .brand-card_head .brand-logo img {
	display: block;
	width: 100%;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

section.brand .brand-inner .brand-content .column:last-child .brand-item .brand-card_body {
	height: 100%;
	position: relative;
	background: #fff;
	overflow: hidden;
}

section.brand .brand-inner .brand-content .column:last-child .brand-item .brand-card_body img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: .4;
	display: block;
	width: 100%;
	height: auto;
}

section.brand .brand-inner .brand-content .column:last-child .brand-item .brand-card_body .brand-name {
	padding: 0 12px 18px 12px;
	color: #333;
	width: 100%;
	position: absolute;
	left: 50%;
	bottom: 0;
	text-align: center;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

section.brand .brand-inner .brand-content .column:last-child .brand-item .brand-card_body .brand-name span {
	height: auto;
	font-size: 13px;
	line-height: 20px;
}

/* product */


section.product .inner {
	margin: 0 65px;
	padding: 0 12px;
	width: auto;
	height: 100%;
}

section.product .inner span.title {
	font-size: 22px;
	color: #dc3545;
	font-weight: 500;
}

section.product .inner .product-content {
	width: 100%;
	height: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
}

section.product .inner .more-inner {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 20px 0;
}

section.product .inner .more-inner button.btn-more {
	padding: 10px 60px;
	font-size: 16px;
	border: 1px solid #02055b;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	color: #02055b;
}


@media only screen and (min-width: 540px ){

	.content-add-to-cart{
		/*position: absolute;
		bottom: -100%;
		left: 0;*/
		width: 100%;
		/*padding: 1rem;*/
		padding-top: .8rem;
		padding-bottom: 5px;
		background: #fff;
		transition: .3s;
	}

	.content-add-to-cart-rekomendasi{
		position: absolute;
		bottom: -100%;
		left: 0;
		width: 100%;
		padding: 1rem;
		padding-top: .5rem;
		padding-bottom: 100px;
		background: #fff;
		transition: .3s;
	}
	.flash-item:hover .content-add-to-cart-rekomendasi {
		bottom: 20px;
	}

}

.content-add-to-cart{
	width: 100%;
}


.content-add-to-cart .btn-add-to-cart {
	display: block;
	width: 100%;
	font-size: 12px;
}

.content-add-to-cart-rekomendasi{
	width: 100%;
}


.content-add-to-cart-rekomendasi .btn-add-to-cart-rekomendasi {
	display: block;
	width: 100%;
	font-size: 15px;
}

 .dtl {
	display: flex;
}

 .dtl span:not(.dtl-item) {
	line-height: 30px;
	margin-right: 3px;
	color: #02055b;
}

 .dtl .dtl-product {
	width: 100%;
	font-size: 14px;
	color: var(--dark);
	height: 15px;

	/* cube */

	-webkit-transition: -webkit-transform .33s;
	transition: transform .33s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}


 .dtl-product span.dtl-item:first-child {
	display: block;
	padding-top: 5px;
	/* cube */
	-webkit-transform: translateZ(10px);
	transform: translateZ(10px);
}

 .dtl-product span.dtl-item:last-child {
	display: block;
	padding-top: 15px;
	/* cube */
-webkit-transform: rotateX(-90deg) translateZ(-10px);
	transform: rotateX(-90deg) translateZ(-10px);
}


.star_rate {
	width: 100%;
	display: inline-block;
}

.star_rate i.product-rating {
	display: inline-block;
	margin: 0;
	width: 66px;
	height: 12px;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	margin-right: 3px;
	background-repeat: no-repeat;
}

.star_rate i.product-rating._0-star {
	background-image: url(../images/star/star-0.png);
}
.star_rate i.product-rating._1-star {
	background-image: url(../images/star/star-1.png);
}
.star_rate i.product-rating._2-star {
	background-image: url(../images/star/star-2.png);
}
.star_rate i.product-rating._3-star {
	background-image: url(../images/star/star-3.png);
}
.star_rate i.product-rating._4-star {
	background-image: url(../images/star/star-4.png);
}
.star_rate i.product-rating._5-star {
	background-image: url(../images/star/star-5.png);
}

.star_rate .counter {
	color: var(--dark);
	margin: 0;
	font-size: 12px;
}

/* product-single */


.icon-pb.fill {
	color: #FEBF35;
}

/* category */

section.category {
	margin-bottom: 0;
}

section.category .category-inner {
	margin: 0 65px;
	padding: 18px 12px;
	width: auto;
	height: 100%;
}

section.category .category-inner .label-row {
	width: 100%;
	display: block;
	height: 30px;
	margin-bottom: 20px;
}

section.category .category-inner .label-row .label-left {
	float: left;
	font-size: 22px;
	color: #343a40;
	font-weight: 500;
}

section.category .category-inner .label-row .label-right {
	float: right;
	font-size: 15px;
	color: #02055b;
	font-weight: 500;
}

section.category .category-inner .content-inner {
	width: 100%;
	display: block;
}

section.category .category-inner .content-inner .category-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
}

.category-item {
	-ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    border-bottom: 1px solid #E0E0E0;
    padding: 8px 0 8px 12px;
    box-sizing: border-box;
}

.category-item.border-less {
	border-bottom: none;
}

.category-item .box-item:hover span.box-title {
	color: #02055b;
}

.category-item .box-item {
	width: 100%;
	border-right: 1px solid #E0E0E0;
	box-sizing: border-box;
}

.category-item:nth-child(4n + 4) .box-item {
	border-right: 0;
}

.category-item .box-item img.box-logo {
	width: 23px;
	height: 23px;
}

.category-item .box-item span.box-title {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	color: #555;
	margin-left: 10px;
	width: 220px;
}

/* list category */


section.list-category .list-category-inner {
	margin: 0 76px;
	padding: 18px 0;
	width: auto;
	height: 100%;
}

section.list-category .list-category-item {
	margin-bottom: 30px;
}

section.list-category .list-group-item {
	font-size: 15px;
	border: 0;
	border-bottom: 1px solid #e0e0e0;
}

section.list-category .list-group-item:last-child {
	border-bottom: 0;
}

section.list-category .img-category {
	position: relative;
	padding: 8px;
	width: 100%;
} 

section.list-category .img-category img {
	width: 100%;
	filter: brightness(80%);
}

section.list-category .img-category .title {
	position: absolute;
	left: 20px;
	bottom: 15px;
	letter-spacing: 2px;
}

/* newsletter */

section.newsletter .newsletter-inner {
	margin: 0 76px;
	padding: 18px 0;
	width: auto;
	height: 100%;
}

section.newsletter .newsletter-inner .row:first-child {
	margin: 0;
}

section.newsletter .newsletter-inner .row:first-child .column:nth-child(1) {
	float: left;
}

section.newsletter .newsletter-inner .row:first-child .column:nth-child(1) .title {
	font-size: 16px;
	font-weight: 700;
	color: #F8941F;
}

section.newsletter .newsletter-inner .row:first-child .column:nth-child(1) .sub-title {
	font-size: 13px;
	font-weight: 400;
	color: #606060;
}

section.newsletter .newsletter-inner .row:first-child .column:nth-child(1) .sub-link a:nth-child(1) {
	font-size: 14px;
}

section.newsletter .newsletter-inner .row:first-child .column:nth-child(1) .sub-link a:nth-child(2) {
	display: inline-block;
	font-size: 11px;
	text-decoration: underline;
	margin-left: 10px;
	color: #02055b;
}

section.newsletter .newsletter-inner .row:first-child .column:nth-child(2) {
	float: right;
}

section.newsletter .newsletter-inner .row:first-child .column:nth-child(2) a{
	display: block;
	float: right;
}

section.newsletter .newsletter-inner .row:first-child .column:nth-child(2) a img {
	vertical-align: middle;
	height: auto;
	width: auto;
	max-width: 100%;
}

section.newsletter .newsletter-inner .row:first-child .column {
	padding: 0;
}


section.newsletter .newsletter-inner .row:nth-child(2) {
	border-top: 1px dashed #ccc;
	margin: 0;
}

section.newsletter .newsletter-inner .row:nth-child(2) .column {
	padding-top: 20px;
	font-size: 12px;
}

section.newsletter .newsletter-inner .row:nth-child(2) .column .title h2 {
	font-size: 13px;
	margin-bottom: 8px;
	font-weight: 700;
}

section.newsletter .newsletter-inner .row:nth-child(2) .column * {
	color: #606060;
	font-size: 13px;
}

section.newsletter .newsletter-inner .row:nth-child(2) .column .summary .more-link {
	text-decoration: none;
	color: #02055b;
}

section.newsletter .newsletter-inner .row:last-child {
	margin: 0;
	margin-top: 20px;
}

section.newsletter .newsletter-inner .row:last-child .column {
	padding: 0;
	min-height: 30px;
	margin-left: 2%;
	width: 31.9%;
	float: left;
}

section.newsletter .newsletter-inner .row:last-child .column:first-child {
	margin-left: 0;
}

section.newsletter .newsletter-inner .row:last-child .column a {
	display: inline-block;
	text-decoration: none;
	width: 100%;
	display: flex;
	float: left;
}

section.newsletter .newsletter-inner .row:last-child .column a img{
	margin-top: 5px;
	margin-right: 10px;
	width: 110px;
	height: 100%;	
}

section.newsletter .newsletter-inner .row:last-child .column a .paragraph {
	display: block;
	margin: auto 0;
}

section.newsletter .newsletter-inner .row:last-child .column:hover a .paragraph .title {
	color: #dc3545;
}

section.newsletter .newsletter-inner .row:last-child .column a .paragraph .title {
	color: #02055b;
	font-size: 15px;
	font-weight: 700;
}

section.newsletter .newsletter-inner .row:last-child .column a .paragraph .sub-title {
	color: #606060;
	font-size: 13px;
}

/* end home */

section.search .search-inner {
	/* margin: 0 65px;
	padding: 0 12px; */
	width: auto;
	height: 100%;
}

section.search .search-inner .search-content {
	width: 100%;
	height: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	margin-top: 20px;
}

section.search .search-inner .search-content .column:first-child {
	width: 18%;
	height: auto;
	position: relative;
	padding: 0;
}

section.search .search-inner .search-content .column:first-child .filter  {
	/*position: -webkit-sticky;
	position: sticky;
	top: 120px;
	left: 0;*/
	border: 1px solid #eee;
}

section.search .search-inner .search-content .column:first-child .filter .item-content {
	position: relative;
	border-bottom: 1px solid #eee;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .header-content {
	position: relative;
	height: 40px;
	width: 100%;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .header-content a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	display: block;
	text-decoration: none;
	padding: 0 28px 0 14px;
	white-space: nowrap;
	line-height: 40px;
	color: #343a40;
	font-weight: 600;
	font-size: 13px;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .content {
	position: relative;
	width: 100%;
	padding: 0 14px;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .content.category .dropdown_inner span.sub-header-menu {
	width: 100%;
	height: 40px;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	line-height: 40px;
	color: #343a40;
	position: relative;
	cursor: pointer;
	font-size: 14px;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .content.category .dropdown_inner span.sub-header-menu .arrow-icon {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 40px;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .content.category .dropdown_inner .list-menu a {
	display: block;
	text-decoration: none;
	margin-left: 10px;
	height: 40px;
	line-height: 40px;
	color: #343a40;
	font-size: 13px;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .content.location label {
	width: 100%;
	cursor: pointer;
	font-size: 14px;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .content.price .form-group {
	position: relative;
	border: 1px solid #AFAFAF;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .content.price .form-group span {
	position: absolute;
	padding: 0 10px;
	height: 100%;
	width: 20%;
	top: 0;
	left: 0;
	line-height: 38px;
	background: #fff;
	font-size: 14px;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .content.price .form-group input {
	text-align: right;
	border: none !important;
	font-size: 14px;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .content.price .form-group input:focus {
	outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

section.search .search-inner .search-content .column:first-child .filter .item-content .content.offer label {
	width: 100%;
	cursor: pointer;
	font-size: 14px;
}

section.search .search-inner .search-content .column:last-child {
	width: 82%;
	padding-left: 30px;
}

/* store search */

.store_items {
	float: left;
	position: relative;
	width: 32%;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	height: 170px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.store_items:nth-child(3n + 3) {
	margin-right: 0;
}

.store_items .store-head {
	position: relative;
	padding: 15px;
	border-bottom: 1px solid #e0e0e0;
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
}

.store_items .store-head .img-store {
	width: 50px;
	height: 50px;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 1px solid #e0e0e0;
}

.store_items .store-head .img-store img {
	width: 100%;
}

.store_items .store-head .store-detail {
	margin-left: 10px;
}

.store_items .store-head .store-detail .store-name {
	width: 125px;
}

.store_items .store-body {
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
	width: 100%;
	height: 100%;
}

.store_items .store-body .product-store {
	width: 57px;
	height: 57px;
	position: relative;
	overflow: hidden;
	padding: 3px;
	border: 1px solid #e0e0e0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	margin: 0 8px;
}

.store_items .store-body .product-store img {
	width: 100%;
}

/* end menu product */

/* register */

section.register .box {
	width: 500px;
	min-height: 525px;
	padding-top: 5%;
}

section.register .box a.logo {
	width: 100%;
}

section.register .box a.logo img {
	display: block;
	width: 200px;
	margin: 30px auto;
}


section.register .box .logo {
	display: block;
	width: 200px;
	margin: 30px auto;
}

section.register .box select {
	cursor: pointer;
}

section.register .box h6 {
	font-size: 18px;
	margin-bottom: 15px;
	text-align: center;
}


section.register .select2-container .select2-selection--single {
	height: 38px;
}

section.register .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 38px;
}

section.register .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 37px;
}


.line-separtor {
	position: relative;
	text-align: center;
}

.line-separtor::before {
	background: #ddd;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 0;
}

.line-separtor .line-separator-text {
	font-size: 15px;
	line-height: 1.4;
	background: #fff;
	color: #bbb;
	padding: 0 1em;
	position: relative;
	z-index: 1;
	font-weight: 600;
}

/* login */

section.auth.md .box {
	width: 600px;
}

section.auth.lg .box {
	width: 950px;
}

section.auth.md {
	min-height: 600px;
}

section.auth {
	padding-top: 25px;
	min-height: 85vh;
	display: flex;
	align-items: center;
}

section.auth .container {
	display: flex;
	height: 100%;
}

section.auth.mh-sm .box {
	min-height: 300px;
}

section.auth .box {
	width: 400px;
	min-height: 525px;
	/*padding-top: 5%;*/
	padding: .5rem 1rem;
	box-shadow: 0 0 .8rem rgba(0,0,0,.15);
	border-radius: .5rem;
}

section.auth .box a.logo {
	width: 100%;
}

section.auth .box a.logo img {
	display: block;
	width: 200px;
	margin: 30px auto;
}

section.auth .box h6 {
	font-size: 18px;
	margin-bottom: 15px;
	text-align: center;
}

/* page cart */

section.checkout .checkout-inner {
	/* margin: 0 65px;
	padding: 0 12px; */
	width: auto;
	height: 100%;
}

section.cart .cart-inner {
	/* margin: 0 65px;
	padding: 0 12px; */
	width: auto;
	height: 100%;
}

section.cart .cart-inner .cart-content {
	width: 100%;
	height: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
}

section.cart .cart-inner .cart-content .column.col-first:first-child {
	width: 60%;
	height: 100%;
	margin-right: 5%;
	border-bottom: 6px solid #f3f4f5;
}

section.cart .cart-inner .cart-content .column:first-child .cart-header {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 2px solid #f3f4f5;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

section.cart .cart-inner .cart-content .column:first-child .cart-header .column:first-child {
	width: 50%;
}

section.cart .cart-inner .cart-content .column:first-child .cart-header .column:last-child {
	width: 50%;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item {
	border-bottom: 6px solid #f3f4f5;
	margin-bottom: 1.5rem;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item:last-child {
	border-bottom: none;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-store {
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-store .column:first-child {
	width: 3%;
	margin: 0;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-store .column:last-child {
	width: 97%;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-store .column:last-child label {
	width: 100%;
	cursor: pointer;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product {
	display: flex;
	border-bottom: 2px solid #f3f4f5;
	padding-bottom: 1rem;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product:last-child {
	border-bottom: none;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:first-child {
	width: 3%;
	margin: 0;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:nth-child(2) {
	width: 60%;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:nth-child(2) label.row {
	margin: 0;
	width: 100%;
	cursor: pointer;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:nth-child(2) label.row .column:first-child {
	width: 15%;
	height: 60px;
	position: relative;
	overflow: hidden;
	margin-right: 1rem;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:nth-child(2) label.row .column:first-child img {
	width: 60px;
	height: 60px;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:nth-child(2) label.row .column:last-child {
	width: 80%;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:nth-child(2) label.row .column:last-child .product-name {
	width: 100%;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:nth-child(2) label.row .column:last-child .product-name > a {
	display: inline-block;
	text-decoration: none;
	color: #343a40;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 3px;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:nth-child(2) label.row .column:last-child .product-price {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #dc3545;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:last-child {
	width: 37%;
	margin-left: auto;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:last-child .wishlist-btn {
	display: inline-block;
	margin-left: 20px;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:last-child .delete-btn {
	display: inline-block;
	margin-left: 20px;
}

section.cart .cart-inner .cart-content .column:first-child .cart-list-item .cart-item .cart-product .column:last-child .qty-input {
	display: inline-block;
	margin-left: 20px;
}

section.cart .cart-inner .cart-content .column:last-child {
	width: 35%;
	height: auto;
	position: relative;
}

section.cart .cart-inner .cart-content .column:last-child .summary {
	position: -webkit-sticky;
	position: sticky;
	top: 120px;
	left: 0;
}

.cta-wishlist.active {
	color: #dc3545;
}

.note-for-seller {
	position: relative;
	width: 250px;
}

.note-for-seller._nfs .display-target {
	display: none;
}

.note-for-seller._nfs .olc-wrapper {
	display: none;
}

.note-for-seller._nfs .olc-wrapper .olc-text {
	max-width: 200px;
}

.note-for-seller._nfs.olc-displayed .olc-wrapper {
	display: flex;
}

.note-for-seller._nfs.olc-displayed.textfield-displayed .olc-wrapper {
	display: none;
}

.note-for-seller._nfs.olc-displayed.textfield-displayed .display-target {
	display: block;
}

.note-for-seller._nfs.olc-displayed .display-handler {
	display: none;
}

.note-for-seller._nfs.textfield-displayed .display-handler {
	display: none;
}

.note-for-seller._nfs.textfield-displayed .display-target {
	display: block;
}

.note-for-seller .display-target textarea.note-text {
	border: none;
	border-bottom: 1px solid #B5BBC5;
	outline: none;
	resize: none;
	overflow: hidden;
	min-height: 40px;
	font-size: 13px;
	width: 100%;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.note-for-seller .display-target textarea.note-text:focus {
	border-bottom: 1px solid #02055b;
}

.note-for-seller .display-handler span {
	color: #02055b;
}

/* my-shop */

section.my-shop .my-shop-inner {
	margin: 0 65px;
	padding: 0 12px;
	width: auto;
	height: 100%;
}

section.my-shop .my-shop-inner .my-shop-content {
	width: 100%;
	height: auto;
	display: flex;
	margin-top: 20px;
}

section.my-shop .my-shop-inner .my-shop-content .column:first-child {
	width: 60%;
	text-align: center;
	padding: 100px 0 0 0;
}

section.my-shop .my-shop-inner .my-shop-content .column:first-child img {
	width: 450px;
}

section.my-shop .my-shop-inner .my-shop-content .column:last-child {
	width: 30%;
	margin-right: 5%;
}


section.my-shop .my-shop-inner .my-shop-content .column:last-child .new-render {

}

section.my-shop .my-shop-inner .my-shop-content .column:last-child .done-render {

}


section.my-shop .my-shop-inner .my-shop-content .column:last-child .logo-success {
	width: 80px;
}

section.my-shop .select2-container .select2-selection--single {
	height: 38px;
}

section.my-shop .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 38px;
}

section.my-shop .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 37px;
}

/* admin */

section.admin {
	position: relative;
}

section.admin .admin-inner {
	padding: 0 1rem;
}

/* is hide */


section.admin .sidebar-x.sidebar-x-collapse .sidebar-x-content .detail-shop {
	display: block;
	padding: 0 10px;
}

section.admin .sidebar-x.sidebar-x-collapse .sidebar-x-content .detail-shop .column:first-child {
	width: 100%;
}

section.admin .sidebar-x.sidebar-x-collapse .sidebar-x-content .detail-shop .column:last-child {
	width: 65%;
	padding-left: 10px;
	opacity: 0;
}

section.admin .sidebar-x.sidebar-x-collapse .sidebar-x-content .list-menu .label-list {
	display: flex;
	padding-left: 20px;
	opacity: 0;
}

section.admin .sidebar-x.sidebar-x-collapse .sidebar-x-content .list-menu .label-list span {
	width: 50%;
}

section.admin .sidebar-x.sidebar-x-collapse .sidebar-x-content .list-menu .label-list .percent-perform {
	width: 50%;
	padding-left: 20px;
}

section.admin .sidebar-x.sidebar-x-collapse .sidebar-x-content .list-menu .menu > li > a {
	border: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
	border-left: 3px solid transparent;
	-webkit-transition: border .4s, color .4s;
	   -moz-transition: border .4s, color .4s;
	    -ms-transition: border .4s, color .4s;
	     -o-transition: border .4s, color .4s;
	        transition: border .4s, color .4s;
}

section.admin .sidebar-x.sidebar-x-collapse .sidebar-x-content .list-menu .menu > li > a span {
	display: none;
}

section.admin .sidebar-x.sidebar-x-collapse .sidebar-x-content .list-menu .menu > li > a > .icon-sidebar {
	width: 20px;
	height: 20px;
	margin-right: 17px;
	display: inline-block;
}

section.admin .sidebar-x.sidebar-x-collapse .sidebar-x-content .list-menu .menu > li > a:hover {
	border-left: 3px solid #02055b;
	color: #02055b;
	background: transparent;
}

section.admin .sidebar-x.sidebar-x-collapse .sidebar-x-header {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 20px;
}

/* selection */

section.selection {
	margin-bottom: 40px;
	position: relative;
}

section.selection .selection-inner {
	width: 91%;
	height: auto;
	margin: 0 auto;
	padding: 5px 10px;
	overflow: hidden;
}

section.selection .selection-inner .slick-list {
	padding: 0 5px !important;
}

/* category single */


section.sub-category {
	margin-bottom: 40px;
	position: relative;
}

section.sub-category .sub-category-inner {
	width: 91%;
	height: auto;
	margin: 0 auto;
	padding: 5px 10px;
	overflow: hidden;
}

section.sub-category .sub-category-inner .slick-list {
	padding: 0 5px !important;
}

/* Arrows */

section.sub-category .sub-category-inner .slick-prev::before,
section.sub-category .sub-category-inner .slick-next::before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: 1;
    color: #fff;
    text-shadow: 2px 2px 6px rgba(0,0,0,.4);
}

section.sub-category .sub-category-inner .slick-prev.slick-disabled {
	left: -50px;
}

section.sub-category .sub-category-inner .slick-next.slick-disabled {
	right: -50px;
}

section.sub-category .sub-category-inner .slick-prev {
	left: -10px;
	opacity: 1;
	z-index: 1;
	-webkit-transition: .8s;
       -moz-transition: .8s;
        -ms-transition: .8s;
         -o-transition: .8s;
            transition: .8s;
}

section.sub-category .sub-category-inner .slick-next {
	right: 2px;
	opacity: 1;
	z-index: 1;
    -webkit-transition: .8s;
       -moz-transition: .8s;
        -ms-transition: .8s;
         -o-transition: .8s;
            transition: .8s;
}

section.sub-category .sub-category-inner a.slider-item {
	display: inline-block;
	position: relative;
	width: 141px;
	height: 141px;
	padding: 10px;
	text-align: center;
	-webkit-box-shadow: 0 1px 6px 0 rgba(49, 53, 59, 0.12);
	        box-shadow: 0 1px 6px 0 rgba(49, 53, 59, 0.12);
	background: #FFF;
	margin: 10px 0 10px 15px;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
}

section.sub-category .sub-category-inner a.slider-item .head {
	height: 79px;
	width: 125px;
	position: relative;
	overflow: hidden;
}

section.sub-category .sub-category-inner a.slider-item .body {
	height: calc(141px - 79px);
	width: 100%;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
}

section.sub-category .sub-category-inner img{
	width: 100%;
	height: 100%;
}

/* selection */


section.product-category .product-category-inner {
	margin: 0 65px;
	padding: 0 12px;
	width: auto;
	height: 100%;
	overflow: hidden;
	position: relative;
}

section.product-category .product-category-inner .product-category-content {
	width: 100%;
	height: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}

section.product-category .list-item {
	width: 216px;
	height: 64px;
	position: relative;
	margin-right: 10px;
}

section.product-category .list-item button {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: round !important;
	-webkit-background-size: cover !important;
	     -o-background-size: cover !important;
	        background-size: cover !important;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	position: relative;
	background: transparent;
	color: #FFF;
	text-align: left;
}

section.product-category .list-item button.active::before {
	content: "";
	width: 50px;
	height: 3px;
	background: #FFF;
	position: absolute;
	top: 13px;
	left: 13px;
}

/* arrow */

section.product-category .product-category-inner .slick-prev::before,
section.product-category .product-category-inner .slick-next::before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: 1;
    color: #fff;
    text-shadow: 2px 2px 6px rgba(0,0,0,.4);
}

section.product-category .product-category-inner .slick-prev.slick-disabled {
	left: -50px;
}

section.product-category .product-category-inner .slick-next.slick-disabled {
	right: -50px;
}

section.product-category .product-category-inner .slick-prev {
	left: -11px;
	opacity: 1;
	z-index: 1;
	-webkit-transition: .8s;
       -moz-transition: .8s;
        -ms-transition: .8s;
         -o-transition: .8s;
            transition: .8s;
}

section.product-category .product-category-inner .slick-next {
	right: 0;
	opacity: 1;
	z-index: 1;
    -webkit-transition: .8s;
       -moz-transition: .8s;
        -ms-transition: .8s;
         -o-transition: .8s;
            transition: .8s;
}

section.person .person-inner {
	margin: 0 65px;
	padding: 0 12px;
	width: auto;
	height: 100%;
}

/* footer */

footer.footer-wrapper {
	margin-top: 50px;
	color: white;
	background: #02055b;
}

footer.footer-wrapper .footer-header {
	border-top: 1px solid #e0e0e0;
	width: 100%;
	max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
	display: block;
	padding: 0px 15px 0px 15px;
}

footer.footer-wrapper .footer-header .footer-main {
	padding: 45px 0px 12px 0px;
	font-size: 90%;
	width: auto;
	height: 100%;
	display: flex;
}

footer.footer-wrapper .footer-header .footer-main .footer-item {
	float: left;
	width: 13.5%;
	margin-left: 2.5%;
}

footer.footer-wrapper .footer-header .footer-main .footer-item:first-child {
	margin-left: 0;
}

footer.footer-wrapper .footer-header .footer-main .footer-item:last-child {
	margin-left: 1%;
	width: auto;
}

footer.footer-wrapper .footer-header .footer-main .footer-item h3 {
	font-size: 13px;
}

footer.footer-wrapper .footer-header .footer-main .footer-item ul {
	padding: 0;
}

footer.footer-wrapper .footer-header .footer-main .footer-item ul li a {
	color: white;
	display: block;
	text-decoration: none;
	font-size: 13px;
}

footer.footer-wrapper .footer-header .footer-main .footer-item ul li:hover a {
	color: white;
}

footer.footer-wrapper .footer-header .footer-main .footer-item:nth-child(5) img {
	width: 100%;
}

footer.footer-wrapper .footer-header .footer-main .footer-item:last-child .row {
	margin: 0;
}

footer.footer-wrapper .footer-header .footer-main .footer-item:last-child .box {
	/*padding: 1rem;*/
	overflow-x: hidden;
	min-height: 20px;
	width: 100%;
	max-width: 520px;
	margin-top: -30px;
	/*background: #fff;*/
	/*border: 1px solid #e0e0e0;*/
	position: relative;
	-ms-word-break: break-word;
	    word-break: break-word;
}

footer.footer-wrapper .footer-header .footer-main .footer-item:last-child .box a {
	display: block;
	text-decoration: none;
}

footer.footer-wrapper .footer-header .footer-main .footer-item:last-child .row .span3 {
	width: 23%;
}


footer.footer-wrapper .footer-header .footer-main .footer-item:last-child .row .span9 {
	width: 75%;
	margin-left: 2%;
}

footer.footer-wrapper .footer-header .footer-main .footer-item:last-child .row .span9 h3 {
	font-size: 12px;
	font-weight: 700;
	margin: 10px 0 0 0;
	color: #343a40;
}

footer.footer-wrapper .footer-header .footer-main .footer-item:last-child .row .span9 span {
	display: block;
	color: #909090;
	margin-top: 5px;
}

footer.footer-wrapper .footer-additional {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 10px 12px 15px;
	border-top: 1px solid #e0e0e0;
}

footer.footer-wrapper .footer-additional .row {
	margin: 0;
	width: auto;
	height: 100%;
}

footer.footer-wrapper .footer-additional .span4 {
	width: 40%;
}

footer.footer-wrapper .footer-additional .span4 img {
	margin: 0;
	width: 48px;
	height: 47px;
}

footer.footer-wrapper .footer-additional .span4 .copy {
	margin-left: 10px;
}

.ajax-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.7);
	z-index: 1100;
	display: none;
	-webkit-transition: display .8s;
	   -moz-transition: display .8s;
	    -ms-transition: display .8s;
	     -o-transition: display .8s;
	        transition: display .8s;
}

.ajax-loader.on {
	display: block;
}

/* Septian */

.ongkir {
		display: flex;
		width: 100%;
	}
	.ongkir .card {
		padding: 10px;
		-webkit-border-radius: 2px;
		        border-radius: 2px;
	}
	.ongkir .card.district {
		width: 50%;
	}
	.ongkir .card.postal {
		width: 30%;
	}
	.ongkir .card.weight {
		width: 20%;
		background: #eee;
	}
	.ongkir .weight label {
		display: block;
	}


.img-pembeli{
	border-radius: 20px;
}

.detail{
		display: flex;
		width: 100%;
	}
	.detail .dilihat{
		width :  20%;
	}
	.detail .terkirim{
		width: 20px;
	}
	.detail .kondisi{
		width: 20px;
	}
	.detail .min-beli{
		width: 20px;
	}
	.detail .asuransi{
		width: 20px;
	}

.card-kualitas{
	width: 100%;
}

.card-ulasan-membantu{
	width: 1150px;
}

.card-info-owner-kiri{
	width: 300px;
	height: 500px;
}

.card-info-owner-kanan{
	margin-left: 20px;
	width: 850px;
}

.rating{
	font-size: 100px;
}

.btn-filter{
	border-radius: 20px;
}

.btn-hidden{
	height: 50px;
}

/*.slider {
    width: 100%;
    margin: 100px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}*/

.textarea{
	height: 250px;
}

.card-store-cari{
	width: 1150px;
}

.progress-bar1 {
  position: relative;
  height: 100px;
  width: 100px;
  margin:0 auto;
}
 
.progress-bar1 div {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
 
.progress-bar1 div span {
  position: absolute;
  font-family: Arial;
  font-size: 25px;
  line-height: 75px;
  height: 75px;
  width: 75px;
  left: 12.5px;
  top: 12.5px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
}
 
.progress-bar1 .background { background-color: #b3cef6; }
 
.progress-bar1 .rotate {
  clip: rect(0 50px 100px 0);
  background-color: #4b86db;
}
 
.progress-bar1 .left {
  clip: rect(0 50px 100px 0);
  opacity: 1;
  background-color: #b3cef6;
}
 
.progress-bar1 .right {
  clip: rect(0 50px 100px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db;
}
 
@keyframes toggle { 
	0% {
	 opacity: 0;
	}
	 100% {
	 opacity: 1;
	}
} 

	


section.official .img-top-official{
	margin-top: -15px;
	position: relative;
}

section.official .img-foto-profil{
	margin-top: -90px;
}

.card-person{
	border-bottom-right-radius: 40%; 
	border-bottom-left-radius: 40%;
	display: block;
    width: 100%;
    height: 273px;
    position: relative;
    opacity: 0.82;
	background-image: linear-gradient(32deg, red, var(--blue));
}

.label-edit-profil{
	margin-top: 35px;
}

.txt-urutkan-edit{
	text-align: right;
}

.img-notifikasi-edit{
	width: 50%;
	text-align: center;
}

.label-biodata{
	display: none;
}

._33RROMAe {
    outline: 0;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 216px;
    height: 64px;
    padding: 6px 8px;
    margin-right: 10px;
    border-radius: 8px;
    background-repeat: round;
}

#select-alamat{
	height: 38px;

}

.th-status{
	width: 50px; 
}

.pagination-table{
	align-items: center;
}

.select2-container{
	display: block !important;
}

.select2-container .select2-selection--single {
	height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 37px !important;
}

/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      .controls {
        background-color: #fff;
        border-radius: 2px;
        border: 1px solid transparent;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        box-sizing: border-box;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        height: 29px;
        margin-left: 17px;
        margin-top: 10px;
        outline: none;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
        width: 400px;
      }

      .controls:focus {
        border-color: #4d90fe;
      }
      .title {
        font-weight: bold;
      }
      #infowindow-content {
        display: none;
      }
      #map #infowindow-content {
        display: inline;
      }

.order-list-fill {
	width: 100%;
	position: relative;
	padding: 0;
}

.order-list-fill li.order-item {
	width: 100%;
	min-height: 159px;
	background: #fff;
	border: 2px solid rgba(238,238,238,.4);
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	overflow: hidden;
	margin-bottom: 20px;
}

.order-list-fill li.order-item .order-item-head {
	background: rgba(238,238,238,.4);
	/* display: flex; */
	padding: 10px 20px;
}

.order-list-fill li.order-item .order-item-body {
	padding: 20px;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
}

.order-list-fill li.order-item .order-item-footer {
	padding: 10px 20px;
	border-top: 2px solid rgba(238,238,238,.4)
}

.order-list-fill li.order-item .order-item-body .order-details {
	display: flex;
}

.order-list-fill li.order-item .order-item-body .order-details .column-1 {
	width: 8%;
	margin-right: 2%;
}

.order-list-fill li.order-item .order-item-body .order-details .column-2 {
	width: 28%;
	margin-right: 2%;
}

.order-list-fill li.order-item .order-item-body .order-details .column-3 {
	width: 18%;
	margin-right: 2%;
}

.order-list-fill li.order-item .order-item-body .order-details .column-4 {
	width: 20%;
	margin-right: 2%;
}

.order-list-fill li.order-item .order-item-body .order-details .column-5 {
	width: 18%;
}

.order-list-fill li.order-item .order-item-body .order-details .img-product {
	width: 76px;
	height: 76px;
	position: relative;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	overflow: hidden;
}

.order-list-fill li.order-item .order-item-body .order-details .img-product img {
	max-width: 100%;
} 

#textarea-nego{
	height: 200px;
}

.img-shipping-1{
	width: 100px;
}

.card_view_order{
	
	border-bottom-right-radius: 40px;
}

.card_view_order_1{
	border-radius: 10px;
}

.sidebar .sidebar-inner .sidebar-content li.list-sidebar a {
	border: none;
	color: #343A40;
}

.sidebar .sidebar-inner .sidebar-content li.list-sidebar-header {
	width: 100%;
	background: #F8F8F8;
	color: #B5BBC5;
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
	padding: .75rem 1.25rem;
	font-size: 14px;
}

.sidebar .sidebar-inner .sidebar-content li.profile-list-item .img-profile {
	width: 50px;
	height: 50px;
	position: relative;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
}

.sidebar .sidebar-inner .sidebar-content li.profile-list-item .img-profile img {
	max-width: 100%;
} 

.sidebar .sidebar-inner .sidebar-content li.profile-list-item .detail-profile {
	width: 200px;
	margin-left: auto;
	/* height: 80px; */
}

.text-header-invoice{
	text-align: right;
}

.name-bank-invoice-phone{
	display: none;
}

.name-bank-invoice-dekstop{
	display: block;
}

.img-profil-dashboard{
	width: 100%;
}

#map {
    height: 50%;
  }
  .controls {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid transparent;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 17px;
    margin-top: 10px;
    outline: none;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
  }

  .controls:focus {
    border-color: #4d90fe;
  }
  .title {
    font-weight: bold;
  }
  #infowindow-content {
    display: none;
  }
  #map #infowindow-content {
    display: inline;
  }

.card-add-mitra{
	height: 700px;
}

.card-alamat-profil-user{
	height: 500px;
}

.btn-dokumen{
	margin-top: -10%;
	margin-left: 80%;
}

.red-star{
	color: red;
}

.filter-pilih-toko{
	width: 50%;
}

.img-fav-icon{
	width: 10%;
}


.link-in-jpmall {
	width: 70px;
	height: 70px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 999;
}

.link-in-jpmall .logo {
	position: relative;
}

.link-in-jpmall .logo img {
	width: 100%;
	max-height: 100%;
}

#my-file{
	visibility: hidden;
}

#my-file1{
	visibility: hidden;
}

#my-file2{
	visibility: hidden;
}

#my-file3{
	visibility: hidden;
}

.none{
	display: none;
}

section.category-boxes {
	margin-top: -60px;
	display: none;
}

section.category-boxes .inner {
	margin: 0 65px;
	padding: 18px 12px;
	width: auto;
	height: 100%;
}

section.category-boxes .content {
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	        justify-content: center;
	
}


section.category-boxes .boxes-item:nth-child(3n + 3) {
	/*margin-right: 0;*/
}

section.category-boxes .boxes-item {
	width: 32%;
	height: auto;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
	z-index: 5;
	overflow: hidden;
	background: #fff;
	color: #000;
	box-shadow: 1px 2px 4px rgba(211,211,211,.8);
	display: flex;
	font-family: var(--font-family-sans-serif);
	-webkit-align-items: center;
	        align-items: center;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
}

/*section.category-boxes .boxes-item:nth-child(6n + 1)::before {
	background: var(--danger);
}

section.category-boxes .boxes-item:nth-child(6n + 2)::before {
	background: var(--orange);
}

section.category-boxes .boxes-item:nth-child(6n + 3)::before {
	background:  var(--yellow);
}

section.category-boxes .boxes-item:nth-child(6n + 4)::before {
	background: var(--green);
}

section.category-boxes .boxes-item:nth-child(6n + 5)::before {
	background: var(--blue);
}

section.category-boxes .boxes-item:nth-child(6n + 6)::before {
	background:  var(--info);
}*/

section.category-boxes .boxes-item:last-child {
	margin-right: 0;
}

section.category-boxes .boxes-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: polygon(50% 50%, 0 0, 100% 0);
	z-index: -1;
}

section.category-boxes .boxes-item .overlay {
	z-index: 80;
	text-align: center;
	width: 100%;
}

section.category-boxes .boxes-item .boxes-icon {
	width: 20%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #f1f1f1;
	-webkit-box-shadow: 1px 2px 4px rgba(211,211,211,.8);
	        box-shadow: 1px 2px 4px rgba(211,211,211,.8);
	background: #FFF;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

section.category-boxes .boxes-item .boxes-icon img {
	width: 100%;
}

section.category-boxes .boxes-item .title {
	font-size: 18px;
	font-weight: 700;
}

.btn-responsive {
	display: none;
}

.login-responsive {
	color: white;
}

div.master-produk-image {
	display: inline-block;
	align-content: center;
	position: relative;
	width: 200px;
}

div.master-produk-image img {
	width: 100%;
}

div.master-produk-image button {
	margin-top: 120px;
}

div.master-produk-image-hover {
	padding-left: 42%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0;
	align-content: center;
	transition: 0.2s ease;
}

div.master-produk-image:hover div.master-produk-image-hover {
	opacity: .9;
	transition: 0.3s ease;
}

div.upload-file {
	width: 100%;
	padding: 15px;
	height: auto;
	border: 1px dotted #ddd;
	text-align: center;
}

div.upload-file label {
	width: 100%;
	height: auto;
}

div.upload-file .text {
	padding: 15px;
	font-size: 13px;
}

div.navbar-kategori {
	width: 100%;
	z-index: -1;
	height: 35px;
	background-color: #3E4095;
	line-height: 35px;
	padding-right: 45px;
}

div.navbar-kategori ul.navbar-kategori-item li {
	display: inline-block;
}

div.navbar-kategori ul.navbar-kategori-item li a {
	color: white;
	width: 100%;
	font-size: 13px;
	text-align: center;
}

div.navbar-kategori ul.navbar-kategori-item li a:hover {
	border-top: 2px solid orange;
}

.card-kategori{
	background-color: #02055b;
	height: 150px;
}

.komponen{
	padding-left: 65px;
	padding-right: 65px;
}

.card-item-kategori{
	/*background-color: #02055b;*/
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card-item-kategori .text {
	width: 100%;
	color: var(--dark);
}

a.produk-selengkapnya {
	margin-top: 130px;
}

a.produk-selengkapnya div span.icon-selengkapnya {
	float: right;
	line-height: 25px;
}

.card-header-kategori{
	padding: 0;
	width: 100%;
	height: 260px;
	overflow: hidden;
	background: #f1f1f1;
	border: none;
}

div.loading-app {
	/*margin: auto;
	width: 50%;
	padding: 9px;*/
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loading-content.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

div.loading-app div.loading-text {
	text-align: center;
	width: 100%;
	font-size: 13px;
	margin-left: 10px;
	margin-top: -120px;
}

button.btn-set-qty {
	margin-left: 10px;
}

.text-kategori{
	text-align: center; 
	background-color: #02055b; 
	color: white; 
	padding: 5px; 
	font-weight: bold; 
	font-family: arial; 
	font-size: 20px;
}

.jumlah-keranjang{
	position: absolute;
	margin-left: -13px;
}

.navbar-notifikasi{
	position: absolute;
	margin-left: -7px;
	margin-top: -4px;
}

.navbar-inner .column:last-child .btn.btn-login-sm {
	padding: .3rem .5rem;
	border: 1px solid #02055b;
	color: #fff;
	font-size: 20px;
}

.btn-login-sm-inner{
	display: none;
}


.left-store-detail-toko{
	min-height: 100%;
    border-right: 1px solid #f1f1f1;
}

.store-img-banner{
	width: 100%;
    height: 320px;
    border-radius: 16px 16px 4px 4px;
    position: relative;
	overflow: hidden;
	margin-top: -30px;
}

.store-detail-toko{
	width: 100%;
    /* height: 130px; */
    -webkit-border-radius: 34px 34px 16px 16px;
    border-radius: 34px 34px 16px 16px;
    margin-top: -25px;
    background: #fff;
    filter: drop-shadow(0px 2px 10px rgba(0,0,0,0.07)) drop-shadow(0px -1px 5px rgba(0,0,0,0.09));
    padding: 1rem 2.5rem;
}

.store-logo{
	width: 100px;
    height: 100px;
    overflow: hidden;
    padding: 5px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #FFF;
    /* border: 1px solid #f1f1f1; */
    margin-top: -50px;
}

.name-store{
	width: 75%;
    margin-left: 20px;
}

.judul-produk-rekomendasi{
	margin: 0 65px;
    padding: 18px 12px;
    width: auto;
    height: 100%;
}

.barang-produk-rekomendasi{
	margin: 0 50px;
    padding: 18px 12px;
    width: auto;
    height: 100%;
}

.nama-barang-rekomendasi{
	height: 53px;
	max-height: 53px;
	overflow: hidden;
}

/* 2190 */

.step--wizards {
	width: 100%;
	position: relative;
	padding-bottom: 100px;
}

.step--wizards .step--wizard-line {
	width: 100%;
	height: 10px;
	background: #eee;
	display: flex;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.step--wizards .step--wizard-line .step--wizard-value{
	background: #14517d;
	height: 100%;
}

.step--wizards .nav {
	padding: 0;
	margin: 0;
	width: 100%;
	z-index: 5;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	justify-content: space-between;
}

.step--wizards .nav li {
	position: relative;
}

.step--wizards .nav label {
	max-width:100px;
	display: block;
	font-size:12px;
	height:85px;
	margin: 0 auto;
	text-align: center;
}

.step--wizards .nav li:last-child {
	margin-right: 0;
}

.step--wizards .nav .nav-link {
	word-wrap: break-word;
	font-size: 12px;
	text-align: center;
	padding: 0px;
}

.step--wizards .nav li.active::before {
	border: 10px solid #8ec437;
}
.step--wizards .nav li.ditolak.active::before {
	border: 10px solid #d30f4a;
}
.step--wizards .nav li.skipped::before {
	border: 10px solid #c2dbe7;
}

.step--wizards .nav li::before {
	content: '';
	width: 30px;
	height: 30px;
	display: block;
	background: #eee;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}


@media only screen and (max-width: 539px){

	.step--wizards {
		-webkit-overflow-x: auto;
		overflow-x: auto;
		-webkit-overflow-y: hidden;
		overflow-y: hidden;
	}

	.step--wizards .step--wizard-line,
	.step--wizards .nav {
		-webkit-width: 230vw;
		width: 230vw;
	}
	.step--wizards .nav {
		-webkit-display: block;
		display: block;
	}

	.step--wizards .nav li {
		-webkit-display: inline-block;
		display: inline-block;
	}

}

/*search filter home page*/

.productList {
	position: relative;
	width: auto;
    height: 100%;
    padding: 20px 25px;
}

.productList .productList-content {
	display: flex;
}

.productList .productList-filter {
	padding: .5rem 1rem;
}

.productList .productList-filter .search-content {
	width: 100%;
	height: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	margin-top: 20px;
}

.productList .productList-filter {
    width: 210px;
    height: auto;
    position: relative;
    padding: 0;
    overflow: hidden;
    /*border: 1px solid #eee;*/
}

.productList .productList-filter .filter  {
	/*position: -webkit-sticky;
	position: sticky;
	top: 80px;
	left: 0;*/
	/*border: 1px solid #eee;*/
    border-radius: 10px;
	border: 1px solid #eee;
	/*height: 85vh;*/
    overflow: hidden;
    overflow-y: auto;
}

.productList .productList-filter .filter::-webkit-scrollbar {
  transition: all .5s;
  width: 1px;
  height: 1px;
  z-index: 10;
}
 
.productList .productList-filter .filter::-webkit-scrollbar-track {
  background: transparent;
}

.productList .productList-filter .filter::-webkit-scrollbar-thumb {
  background: rgb(197, 197, 197);
  margin-top: 10px;
}

.productList .productList-filter .filter .item-content {
	position: relative;
	border-bottom: 1px solid #eee;
	padding-bottom: .5rem;
}

.productList .productList-filter .filter .item-content:last-child{
	border-bottom: 0;
}

.productList .productList-filter .filter .item-content .header-content {
	position: relative;
	height: 40px;
	width: 100%;
}

.productList .productList-filter .filter .item-content .header-content a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	display: block;
	text-decoration: none;
	padding: 0 28px 0 14px;
	white-space: nowrap;
	line-height: 40px;
	color: #343a40;
	font-weight: 600;
	font-size: 13px;
}

.productList .productList-filter .filter .item-content .content {
	position: relative;
	width: 100%;
	padding: 0 14px;
}

.productList .productList-filter .filter .item-content .content.category .dropdown_inner span.sub-header-menu {
	width: 100%;
	height: 40px;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	line-height: 40px;
	color: #343a40;
	position: relative;
	cursor: pointer;
	font-size: 14px;
}

.productList .productList-filter .filter .item-content .content.category .dropdown_inner span.sub-header-menu .arrow-icon {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 40px;
}

.productList .productList-filter .filter .item-content .content.category .dropdown_inner .list-menu a {
	display: block;
	text-decoration: none;
	margin-left: 10px;
	height: 40px;
	line-height: 40px;
	color: #343a40;
	font-size: 13px;
}

.productList .productList-filter .filter .item-content .content.location label {
	width: 100%;
	cursor: pointer;
	font-size: 14px;
}

.productList .productList-filter .filter .item-content .content.price .form-group {
	position: relative;
	border: 1px solid #AEAEAE;
}

.productList .productList-filter .filter .item-content .content.price .form-group span {
	position: absolute;
	padding: 0 10px;
	height: 100%;
	width: 20%;
	top: 0;
	left: 0;
	line-height: 38px;
	background: #fff;
	font-size: 14px;
}

.productList .productList-filter .filter .item-content .content.price .form-group input {
	text-align: right;
	border: none;
	font-size: 14px;
	border: 0 !important;
}

.productList .productList-filter .filter .item-content .content.price .form-group input:focus {
	outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.productList .productList-filter .filter .item-content .content.offer label {
	width: 100%;
	cursor: pointer;
	font-size: 14px;
}

.productList .productList-item {
	width: 100%;
	flex: 1;
	padding: .5rem 1rem;
}


@media only screen and (max-width: 720px)
{
	.productList{
		margin: 0 20px;
		/* padding: 0; */
	}

	.productList .productList-content {
		display: block !important;
	}

	.productList .productList-filter {
		width: 100%;
		height: auto !;
		position: relative;
		padding: 0;
		margin-bottom: 20px;
	}

	.productList .filter {
		height: auto !important;
	}

}

.select2-container--default .select2-selection--single {
    border: 1px solid #919191  !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #aaa transparent transparent transparent !important;
}

.select2-dropdown {
    border: 1px solid #AFAFAF  !important;
    box-shadow: 0 2px 4px rgb(0, 0, 0, .15);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #AFAFAF  !important;
    outline: 0 !important;
}

.custom-control-label::before {
    border: #646464 solid 1px !important;
}

/*loading*/

@keyframes loading-first {
    0%    { opacity: 1; transform: translate(0 0) }
   49.99% { opacity: 1; transform: translate(21.560000000000002px,0) }
   50%    { opacity: 0; transform: translate(21.560000000000002px,0) }
  100%    { opacity: 0; transform: translate(0,0) }
}
@keyframes loading-items {
    0% { transform: translate(0,0) }
   50% { transform: translate(21.560000000000002px,0) }
  100% { transform: translate(0,0) }
}
.loading-balls .loading-items div {
  position: absolute;
  width: 21.560000000000002px;
  height: 21.560000000000002px;
  border-radius: 50%;
  top: 50%;
  left: 55.44px;
}
.loading-balls .loading-items div:nth-child(1) {
  background: #e90c59;
  animation: loading-items 1.1764705882352942s linear infinite;
  animation-delay: -0.5882352941176471s;
}
.loading-balls .loading-items div:nth-child(2) {
  background: #02055b;
  animation: loading-items 1.1764705882352942s linear infinite;
  animation-delay: 0s;
}
.loading-balls .loading-items div:nth-child(3) {
  background: #e90c59;
  animation: loading-first 1.1764705882352942s linear infinite;
  animation-delay: -0.5882352941176471s;
}
.loading-balls {
  width: 154px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: none;
}
.loading-balls .loading-items {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.loading-balls .loading-items div { box-sizing: content-box; }


@media only screen and (min-width: 539px)
{
	.modal--login {
		width: 380px;
	}

	.modal--login .modal-content {
		min-height: 500px;
	}
}

.input-password {
	display: flex;
	position: relative;
	align-items: stretch;
	width: 100%;
	flex-wrap: wrap;
}

.input-password .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    border-radius: .25rem 0 0 .25rem;
    border-right: 0;
}

.input-password .btn-change {
    width: 45px;
    background: #02055b;
    border-radius: 0 .25rem .25rem 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    user-select: none;
}

.input-password .btn-change::before {
	content: "\f070";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 16px;
}

.input-password.active .btn-change::before {
	content: "\f06e";
}

.btn-img-sm {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.btn-img-login-dapodik {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.btn-dapodik {
	background: #006bb4;
    text-shadow: none!important;
    color: #fff!important;
    position: relative;
    /* display: flex; */
    align-items: center;
    justify-content: center;
}

.custom-control-label {
	cursor: pointer;
}

.item-empty-stok {
	width: 50%;
    height: 20px;
    background: #fd8219;
    position: absolute;
    top: 20px;
    left: -25px;
    transform: rotate( 
-45deg
 );
    text-align: center;
    font-size: 12px;
    color: #fff;
    z-index: 5;
}


/*katalog produk*/

.stretch-card {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.stretch-card .card {
    width: 100%;
    min-width: 100%;
}

/*ballon*/

:root {
  --balloon-border-radius: 2px;
  --balloon-color: rgba(16, 16, 16, 0.95);
  --balloon-text-color: #fff;
  --balloon-font-size: 12px;
  --balloon-move: 4px; }

button[aria-label][data-balloon-pos] {
  overflow: visible; }

[aria-label][data-balloon-pos] {
  position: relative;
  cursor: pointer; }
  [aria-label][data-balloon-pos]:after {
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    text-indent: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
    font-size: var(--balloon-font-size);
    background: var(--balloon-color);
    border-radius: 2px;
    color: var(--balloon-text-color);
    border-radius: var(--balloon-border-radius);
    content: attr(aria-label);
    padding: .5em 1em;
    position: absolute;
    white-space: nowrap;
    z-index: 10; }
  [aria-label][data-balloon-pos]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: var(--balloon-color);
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    content: "";
    position: absolute;
    z-index: 10; }
  [aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
    opacity: 1;
    pointer-events: none; }
  [aria-label][data-balloon-pos].font-awesome:after {
    font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
  [aria-label][data-balloon-pos][data-balloon-break]:after {
    white-space: pre; }
  [aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
    white-space: pre-line;
    word-break: break-word; }
  [aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
    transition: none; }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:after {
    left: 0; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:before {
    left: 5px; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:after {
    right: 0; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:before {
    right: 5px; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:after {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:before {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos^="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    bottom: 100%;
    transform-origin: top;
    transform: translate(0, var(--balloon-move)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    margin-bottom: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos="up"]:after {
    left: 50%;
    transform: translate(-50%, var(--balloon-move)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    margin-top: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-pos="down"]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
    left: 50%;
    transform: translate(-50%, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:after, [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:after {
    margin-right: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    left: 100%;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:after {
    margin-left: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-length]:after {
    white-space: normal; }
  [aria-label][data-balloon-pos][data-balloon-length="small"]:after {
    width: 80px; }
  [aria-label][data-balloon-pos][data-balloon-length="medium"]:after {
    width: 150px; }
  [aria-label][data-balloon-pos][data-balloon-length="large"]:after {
    width: 260px; }
  [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
    width: 380px; }
    @media screen and (max-width: 768px) {
      [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
        width: 90vw; } }
  [aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
    width: 100%; }


.money{
	text-align:right;
}

.money:before{
	content:'Rp';	
	float:left;
}


.alert .icon{
	display: table-cell;
    width: 30px;
    font-size: 24px;
    position: relative;
    top: 10px;
}

.alert div,
.alert span{
    padding-left: 5px;
    display:table-cell;
}

.small{
	font-size:80%;
}

ul.timeline {
    list-style-type: none;
    position: relative;
	/* max-height:300px;
	overflow:auto */
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline > li {
    margin: 20px 0 20px 10px;
    padding: 10px 20px;
}

ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

ul.timeline > li.green:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #14db56;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

ul.timeline > li.red:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #db1460;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

ul.timeline > li.orange:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #dba614;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

ul.timeline > li.green{
    background-color: #d4ffd0;
}
ul.timeline > li.red{
    background-color: #fff4f4;
}
ul.timeline > li.orange{
    background-color: #fffcf4;
}



 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) {
	.cols-xs-1 {
		flex: 0 0 10%;
		max-width: 10%;		
	}
	.cols-xs-2 {
		flex: 0 0 20%;
		max-width: 20%;		
	}
	.cols-xs-3 {
		flex: 0 0 30%;
		max-width: 30%;		
	}
	.cols-xs-4 {
		flex: 0 0 40%;
		max-width: 40%;		
	}
	.cols-xs-5 {
		flex: 0 0 50%;
		max-width: 50%;		
	}
	.cols-xs-6 {
		flex: 0 0 60%;
		max-width: 60%;		
	}
	.cols-xs-7 {
		flex: 0 0 70%;
		max-width: 70%;		
	}
	.cols-xs-8 {
		flex: 0 0 80%;
		max-width: 80%;		
	}
	.cols-xs-9 {
		flex: 0 0 90%;
		max-width: 90%;		
	}
	.cols-xs-10 {
		flex: 0 0 100%;
		max-width: 100%;		
	}
 }

 /* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 600px) {
	.cols-sm-1 {
		flex: 0 0 10%;
		max-width: 10%;		
	}
	.cols-sm-2 {
		flex: 0 0 20%;
		max-width: 20%;		
	}
	.cols-sm-3 {
		flex: 0 0 30%;
		max-width: 30%;		
	}
	.cols-sm-4 {
		flex: 0 0 40%;
		max-width: 40%;		
	}
	.cols-sm-5 {
		flex: 0 0 50%;
		max-width: 50%;		
	}
	.cols-sm-6 {
		flex: 0 0 60%;
		max-width: 60%;		
	}
	.cols-sm-7 {
		flex: 0 0 70%;
		max-width: 70%;		
	}
	.cols-sm-8 {
		flex: 0 0 80%;
		max-width: 80%;		
	}
	.cols-sm-9 {
		flex: 0 0 90%;
		max-width: 90%;		
	}
	.cols-sm-10 {
		flex: 0 0 100%;
		max-width: 100%;		
	}
 }
 
 /* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (min-width: 768px) {
	.cols-md-1 {
		flex: 0 0 10%;
		max-width: 10%;		
	}
	.cols-md-2 {
		flex: 0 0 20%;
		max-width: 20%;		
	}
	.cols-md-3 {
		flex: 0 0 30%;
		max-width: 30%;		
	}
	.cols-md-4 {
		flex: 0 0 40%;
		max-width: 40%;		
	}
	.cols-md-5 {
		flex: 0 0 50%;
		max-width: 50%;		
	}
	.cols-md-6 {
		flex: 0 0 60%;
		max-width: 60%;		
	}
	.cols-md-7 {
		flex: 0 0 70%;
		max-width: 70%;		
	}
	.cols-md-8 {
		flex: 0 0 80%;
		max-width: 80%;		
	}
	.cols-md-9 {
		flex: 0 0 90%;
		max-width: 90%;		
	}
	.cols-md-10 {
		flex: 0 0 100%;
		max-width: 100%;		
	}
 }
 
 /* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {
	.cols-lg-1 {
		flex: 0 0 10%;
		max-width: 10%;		
	}
	.cols-lg-2 {
		flex: 0 0 20%;
		max-width: 20%;		
	}
	.cols-lg-3 {
		flex: 0 0 30%;
		max-width: 30%;		
	}
	.cols-lg-4 {
		flex: 0 0 40%;
		max-width: 40%;		
	}
	.cols-lg-5 {
		flex: 0 0 50%;
		max-width: 50%;		
	}
	.cols-lg-6 {
		flex: 0 0 60%;
		max-width: 60%;		
	}
	.cols-lg-7 {
		flex: 0 0 70%;
		max-width: 70%;		
	}
	.cols-lg-8 {
		flex: 0 0 80%;
		max-width: 80%;		
	}
	.cols-lg-9 {
		flex: 0 0 90%;
		max-width: 90%;		
	}
	.cols-lg-10 {
		flex: 0 0 100%;
		max-width: 100%;		
	}
 }
 
 /* Extra large devices (large laptops and desktops, 1200px and up) */
 @media only screen and (min-width: 1200px) {
	.cols-xl-1 {
		flex: 0 0 10%;
		max-width: 10%;		
	}
	.cols-xl-2 {
		flex: 0 0 20%;
		max-width: 20%;		
	}
	.cols-xl-3 {
		flex: 0 0 30%;
		max-width: 30%;		
	}
	.cols-xl-4 {
		flex: 0 0 40%;
		max-width: 40%;		
	}
	.cols-xl-5 {
		flex: 0 0 50%;
		max-width: 50%;		
	}
	.cols-xl-6 {
		flex: 0 0 60%;
		max-width: 60%;		
	}
	.cols-xl-7 {
		flex: 0 0 70%;
		max-width: 70%;		
	}
	.cols-xl-8 {
		flex: 0 0 80%;
		max-width: 80%;		
	}
	.cols-xl-9 {
		flex: 0 0 90%;
		max-width: 90%;		
	}
	.cols-xl-10 {
		flex: 0 0 100%;
		max-width: 100%;		
	}
 } 


 .circle-img {
	float: left;
	margin: 4px;
	overflow: hidden;
	width: 50px;
	height: 50px;
  }
  
  .circle-img img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border:1px solid #CCC;
  }

  .fn-white{
	color:#FFF;
  }

  .productList .card-deck .card{
	border:0px;
	box-shadow: 0px 20px 25px -10px rgba(212,212,212,0.75);
	-webkit-box-shadow: 0px 20px 25px -10px rgba(212,212,212,0.75);
	-moz-box-shadow: 0px 20px 25px -10px rgba(212,212,212,0.75);
  }


  ul.location{
	padding-left:15px
  }

  ul.location li{
	line-height:17px
  }

  ul.location li.header{
	margin-bottom:15px
  }

  .overflow-y-500{
	max-height:500px;
	overflow:auto;
  }

  .overflow-y-600{
	max-height:600px;
	overflow:auto;
  }

  .loading-animated-background [class^='col-']{
	animation-duration: 10s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background-color: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 12%, #dfdfdf 25%, #eeeeee 33%);
	background-origin: padding-box;
	border: 7px solid #FFF;
	height: 70px;
	width:80%;
	position: relative;
  }
  
  .modal {
	overflow-y:auto;
  }


  .ribbon {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: center;
  }
  .ribbon span {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#9BC90D 0%, #79A70A 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
  }
  .ribbon span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #79A70A;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79A70A;
  }
  .ribbon span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #79A70A;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79A70A;
  }

  .ribbon.red span::after{
	border-left: 3px solid transparent !important;
	border-right: 3px solid #a70a0a !important;
	border-bottom: 3px solid transparent !important;
	border-top: 3px solid #a70a0a !important;
  }

  .ribbon.red span::before{
	border-left: 3px solid #a70a0a !important;
	border-right: 3px solid transparent !important;
	border-bottom: 3px solid transparent !important;
	border-top: 3px solid #a70a0a !important;
  }

  .ribbon.red span{
	background: #a70a0a !important;
	background: linear-gradient(#a70a0a 0%, #a70a0a 100%) !important;
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1) !important;
  }